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