.input-otp-group{justify-content:center;column-gap:1rem;display:flex}.input-otp-group__input{--tw-border-opacity:1;border-width:2px;border-color:rgb(84 88 90/var(--tw-border-opacity,1));text-align:center;--tw-text-opacity:1;width:5rem;height:7rem;color:rgb(84 88 90/var(--tw-text-opacity,1));border-radius:.5rem;font-size:3rem;font-weight:700;line-height:1}.input-otp-group__input:focus{--tw-border-opacity:1;border-color:rgb(0 163 173/var(--tw-border-opacity,1));box-shadow:none;outline:none}
.otp{margin-bottom:2rem;padding-left:2rem;padding-right:2rem;display:flex}@media (min-width:768px){.otp{align-items:center}}.otp{max-width:38rem}@media (min-width:768px){.otp{max-width:60rem}}.otp-form{flex-direction:column;display:flex}.otp-form-section{width:34rem;margin-bottom:1.2rem;margin-left:auto;margin-right:auto}@media (min-width:768px){.otp-form-section{width:100%;padding-left:2rem;padding-right:2rem}}.otp-form-section-label{font-family:var(--font-bariol),sans-serif;font-size:1.8rem;font-weight:700;line-height:normal}.otp-title{text-align:center;font-family:var(--font-bariol),sans-serif;--tw-text-opacity:1;color:rgb(46 51 53/var(--tw-text-opacity,1));margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem;font-size:2.8rem;font-weight:600}@media (min-width:640px){.otp-title{font-size:3.4rem}}@media (min-width:768px){.otp-title{font-size:3.4rem}}.otp-description{text-align:center;font-family:var(--font-bariol),sans-serif;--tw-text-opacity:1;color:rgb(46 51 53/var(--tw-text-opacity,1));margin-bottom:2.4rem;font-size:1.8rem;font-weight:400;line-height:normal}.otp-description__alert{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.otp-button-continue{align-self:center;margin-left:auto;margin-right:auto}.otp-button-resend{--tw-text-opacity:1;min-width:0;color:rgb(46 51 53/var(--tw-text-opacity,1));padding-left:1rem;padding-right:1rem;text-decoration-line:underline}.otp-button-resend__alert{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.otp-content{width:34rem;margin-left:auto;margin-right:auto}@media (min-width:768px){.otp-content{width:100%;padding-left:2rem;padding-right:2rem}}.otp-modal .modal-content{background-color:inherit;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}