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