.otp-modal .MuiPaper-root{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding:24px 20px;border-radius:20px}html:has(.is-desktop) .otp-modal .MuiPaper-root{max-width:440px;padding:32px}.otp-modal .MuiPaper-root .modal-body,.otp-modal .MuiPaper-root .modal-footer,.otp-modal .MuiPaper-root .modal-header{display:flex;flex-direction:column;align-items:center;width:100%}.otp-modal .MuiPaper-root .modal-header{gap:12px;text-align:center}.otp-modal .MuiPaper-root .modal-header .otp-title{margin-top:4px}.otp-modal .MuiPaper-root .modal-header .otp-description{color:#a3a3a3;max-width:320px;line-height:2}.otp-modal .MuiPaper-root .modal-header .otp-description .email{color:#fff;font-weight:600;word-break:break-word}.otp-modal .MuiPaper-root .modal-body{gap:20px;width:100%}.otp-modal .MuiPaper-root .modal-footer{gap:8px;text-align:center}.otp-modal .MuiPaper-root .modal-footer .text{color:#a3a3a3}.otp-modal .MuiPaper-root .modal-footer .send-new-code-btn{padding:0;border:none;background:rgba(0,0,0,0);cursor:pointer;transition:opacity .2s ease}.otp-modal .MuiPaper-root .modal-footer .send-new-code-btn .MuiTypography-root{color:#32d066;font-weight:600}.otp-modal .MuiPaper-root .modal-footer .send-new-code-btn:hover{opacity:.8}.otp-modal .MuiPaper-root .send-code-btn{width:100%;min-height:44px;max-width:336px;border:1px solid #32d066;border-radius:12px;background-color:#32d066;color:#fff;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .15s ease,opacity .2s ease}.otp-modal .MuiPaper-root .send-code-btn:hover:not(:disabled){transform:translateY(-1px)}.otp-modal .MuiPaper-root .send-code-btn:active:not(:disabled){transform:translateY(0)}.otp-modal .MuiPaper-root .send-code-btn:disabled{background-color:#ebebeb;border-color:#ebebeb;color:#d1d1d1;cursor:not-allowed;pointer-events:none}.otp-separator{width:10px}@media(max-width:480px){.otp-separator{width:8px}}.otp-input{width:68px!important;height:60px;border-radius:12px;border:1px solid #ebebeb;background-color:#fff;text-align:center;font-size:24px;line-height:32px;font-weight:600;color:#5c5c5c;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.otp-input:focus,.otp-input:hover{border-color:#32d066}.otp-input:focus{box-shadow:0 0 0 4px rgba(50,208,102,.12)}@media(max-width:480px){.otp-input{width:56px!important;height:56px;font-size:22px}}