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