.input-code{display:flex;flex-direction:column;position:relative;width:100%;z-index:1}.input-code .otp-input{-moz-appearance:textfield;background-color:var(--bg,var(--field-00));border:1px solid var(--border-color,var(--field-00));border-radius:.5rem;color:var(--color,var(--text-primary));font-family:Inter,Inter fallback,sans-serif;font-size:var(--font-size,.875rem);font-weight:var(--font-weight,400);letter-spacing:var(--letter-spacing,0);line-height:var(--line-height,1.3);padding:.625rem 1rem;text-align:center;transition:border-color .2s ease-in-out;width:100%}.input-code .otp-input::-webkit-inner-spin-button,.input-code .otp-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-code .otp-input-container{align-items:center;-moz-column-gap:.5rem;column-gap:.5rem;display:flex;justify-content:space-between;width:var(--container-width,100%)}.input-code .otp-input-container>div{width:100%}.input-code .hint{margin-top:.375rem}.input-code.has-error{--border-color:var(--border-alert)}