.newsletter{padding-top:10px;font-family:Arial}.newsletter header{flex-direction:column;gap:5px;display:flex}.newsletter header h3{color:var(--mdc-theme-font-color);font-family:Arial;font-size:22px;font-weight:400}.newsletter p,.newsletter h3,.newsletter h2{margin:0}.newsletter .newsletter-go-back{color:var(--okx-secondary-font-color);cursor:pointer;align-items:center;gap:10px;font-size:18px;display:flex}.newsletter .image-wrapper{padding-bottom:20px;position:relative}.newsletter .image-wrapper img{object-fit:contain;width:100%;height:100%}.newsletter .newsletter-instructions{gap:20px;display:flex}.newsletter-instructions .instructions-text{padding:0 40px 0 0}.newsletter-instructions .instructions-text h3{padding-bottom:30px;font-size:20px}.newsletter-instructions .instructions-text h3:last-child{padding-top:30px}.newsletter-instructions .instructions-text p{font-size:19px}.newsletter-modal{background-color:var(--mdc-theme-newsletter-background);border:solid 1px var(--okx-palette-primary);border-radius:15px;min-width:200px;max-height:350px;padding:10px 20px 40px;position:relative;bottom:65px;right:40px;box-shadow:3px 3px 6px #32323252}.newsletter-modal .header{justify-content:space-between;display:flex;position:relative}.newsletter-modal .header h2{color:var(--okx-third-font-color);font-size:22px}.newsletter-modal .header img{border-radius:10px;width:84px;height:auto;position:absolute;bottom:-4px;left:152px}.newsletter-modal .main{padding-top:20px}.newsletter-modal .main label{color:var(--okx-primary-font-color)}.newsletter-modal .main .MuiInputBase-input.MuiOutlinedInput-input{color:var(--okx-primary-font-color);padding-left:10px}.newsletter-modal .main .input-text-field .MuiInputBase-root.MuiOutlinedInput-root,.contact-options textarea{background-color:var(--okx-input-background-color);border-color:var(--okx-secondary-font-color)}.newsletter-modal .main .checkbox-and-button{flex-direction:column;display:flex}.newsletter-modal .main .radios{padding:20px 0 35px}.newsletter-modal .main .checkbox-and-button .formControl{flex-direction:row-reverse;align-self:baseline;display:flex}.newsletter-modal .main .checkbox-and-button .formControl .wrapper{align-items:end;width:fit-content;margin-top:3px}.newsletter-modal .main .checkbox-and-button button{color:var(--okx-palette-primary);border:1px solid var(--okx-palette-primary);align-self:center;padding:7px 35px 6px}.newsletter-modal .main .checkbox-and-button .formControl label{white-space:wrap;padding-top:3px}.newsletter .main .checkbox-and-button .formControl{padding-bottom:20px}.instructions-text-title--mobile,.newsletter-modal-title--mobile{display:none}.newsletter-instructions .instructions-text p{margin-bottom:30px}@media (min-width:768px){.newsletter-instructions .instructions-text{padding:10px 20px 0}.newsletter-modal{min-width:300px;bottom:92px}.newsletter-modal .header img{width:90px;left:246px}}@media (min-width:1024px){.newsletter-modal{min-width:350px;max-height:450px;padding:20px 25px 30px 20px;bottom:92px}.newsletter-modal .header img{width:110px;left:276px}.newsletter-modal .main .checkbox-and-button .formControl label{white-space:nowrap}}@media (min-width:1280px){.newsletter-instructions .instructions-text{padding:15px 40px 0 30px}.newsletter-modal{min-width:450px;padding:30px 35px 40px 30px;bottom:102px}.newsletter-modal .header img{width:120px;left:376px}.newsletter-modal .main{padding-top:40px}.newsletter-modal .main label,.newsletter-modal .main .checkbox-and-button button{font-size:16px}.newsletter .main .checkbox-and-button .formControl{padding-bottom:50px}.newsletter-modal .main .checkbox-and-button .formControl label{padding-top:2px}}@media (min-width:1366px){.newsletter-modal{min-width:500px;padding:30px 40px 80px 30px;bottom:132px;right:50px}.newsletter-modal .header img{width:130px;bottom:10px;left:430px}}@media (min-width:1920px){.newsletter-modal{min-width:550px;padding:30px 40px 80px 30px;bottom:152px;right:19px}.newsletter-modal .header img{width:150px;bottom:-7px;left:463px}}@media screen and (max-width:480px){.newsletter{padding:10px 20px}.newsletter header{padding-top:5px}.newsletter main{gap:0;padding:0}.newsletter main>div{width:100%}.newsletter header h3{font-size:14px}.newsletter main .MuiAccordionSummary-content h4{font-size:13px}.newsletter header .newsletter-go-back{display:none}.newsletter .newsletter-instructions{flex-direction:column;display:flex}.newsletter-instructions .instructions-text{padding:0}.newsletter-instructions .instructions-text h3{display:none}.newsletter-instructions .instructions-text p{margin-bottom:20px;font-size:14px}.newsletter-modal{margin-left:30px;margin-right:30px;inset:0}.instructions-text-title--mobile,.newsletter-modal-title--mobile{display:block}.instructions-text-title--mobile{color:var(--okx-palette-on-primary);font-size:15px;position:absolute;bottom:30px;left:8px}.newsletter-modal-title--mobile{font-size:14px}.newsletter-modal{padding:20px 40px}.newsletter-modal .header h2{font-size:14px}.newsletter-modal .main .checkbox-and-button button{align-self:flex-end}.newsletter-modal .header img{left:unset;border-radius:10px;width:84px;height:auto;position:absolute;bottom:-4px;right:-52px}.newsletter-modal .main .radios{padding:15px 0}.newsletter-modal .main .radios .PrivateSwitchBase-root-6{padding:4px}.newsletter-modal .main .radios .radio-button>.radio-button-control{gap:6px}.newsletter-modal .main .checkbox-and-button .formControl label{padding-top:0}}