.input-code{display:flex;flex-direction:column;position:relative;width:100%;z-index:1}.input-code .label{color:var(--text-muted);grid-area:label;margin-bottom:4px}.input-code .label,.input-code .otp-input{font-family:var(--font-family,Manrope,sans-serif);font-size:var(--font-size,14px);font-style:var(--font-style,normal);font-weight:var(--font-weight,400);line-height:var(--line-height,140%)}.input-code .otp-input{-moz-appearance:textfield;background:var(--color-emerald-4,#00332b);border:none;border-radius:4px;color:var(--color,var(--text-default));height:56px;text-align:center;transition:border-color .2s ease-in-out;width:100%}.input-code .otp-input::-moz-placeholder{color:var(--text-muted,#869e9a);font-family:var(--font-family,Manrope,sans-serif);font-size:var(--font-size,18px);font-style:var(--font-style,normal);font-weight:var(--font-weight,400);line-height:var(--line-height,140%)}.input-code .otp-input::placeholder{color:var(--text-muted,#869e9a);font-family:var(--font-family,Manrope,sans-serif);font-size:var(--font-size,18px);font-style:var(--font-style,normal);font-weight:var(--font-weight,400);line-height:var(--line-height,140%)}.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:8px;column-gap:8px;display:flex;justify-content:space-between;width:var(--container-width,100%)}.input-code .otp-input-container>div{width:100%}.input-code .hint{margin-top:6px}.input-code.has-error{--border-color:var(--helper-error)}