.otp-input__group{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.5rem;display:flex}.otp-input{flex-direction:row;justify-content:center;align-items:center;gap:.5rem;display:flex}.otp-input--error .otp-input__slot{border-color:var(--error-color)}.otp-input__slot{text-align:center;border:1px solid var(--border-color);background-color:var(--surface-color-light);width:2.75rem;height:3rem;color:var(--color);border-radius:.33rem;font-size:1.25rem;font-weight:600}.otp-input__slot:focus{border-color:var(--primary-color);outline:none}.otp-input__slot:disabled{background-color:var(--neutral-color-light);cursor:not-allowed}
.modal:has(.otp-code-modal) .modal__header__title{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.otp-code-modal{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:1rem;display:flex}.otp-code-modal__icon{color:var(--primary-color)}.otp-code-modal__icon svg{width:2.5rem;height:2.5rem}.otp-code-modal__title{color:var(--primary-color);font-size:1.25rem;font-weight:600}.otp-code-modal__description{color:var(--neutral-color-active);font-size:.875rem}.otp-code-modal__error{color:var(--error-color);font-size:.875rem}