.input-code{display:flex;flex-direction:column;position:relative;width:100%;z-index:1}.input-code .label{color:var(--text-muted);font-size:14px;font-style:normal;font-weight:400;grid-area:label;line-height:20px;margin-bottom:4px}.input-code .label,.input-code .otp-input{font-family:Inter,Inter fallback,sans-serif}.input-code .otp-input{-moz-appearance:textfield;background:var(--color-emerald-4,#00332b);border:none;border-radius:12px;color:var(--color,var(--text-primary));font-family:var(--font-family,Inter);font-size:var(--font-size,.875rem);font-weight:var(--font-weight,400);height:3.5rem;letter-spacing:var(--letter-spacing,0);line-height:var(--line-height,1.3);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:Inter,Inter fallback,sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:20px}.input-code .otp-input::placeholder{color:var(--text-muted,#869e9a);font-family:Inter,Inter fallback,sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:20px}.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:.375rem}.input-code.has-error{--border-color:var(--border-alert)}