@layer app{.input-otp{justify-content:center;gap:max(.5rem,min(2.5vw,1rem));width:100%;display:flex}.input-otp--disabled{opacity:.6;pointer-events:none}.input-otp__digit{border:1px solid rgba(var(--primary-color-rgb), .35);border-radius:var(--border-radius-lg);background:rgba(var(--primary-color-rgb), .08);text-align:center;width:max(2.75rem,min(8vw,3.5rem));height:max(3.25rem,min(9vw,4.25rem));color:var(--primary-color-text);font-family:Fira Code,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:max(1.25rem,min(2vw,1.75rem));font-weight:600;transition:border-color .2s,box-shadow .2s,background .2s}.input-otp__digit:focus{border-color:var(--primary-color);box-shadow:0 0 0 .15rem rgba(var(--primary-color-rgb), .25);outline:none}.input-otp__digit:disabled{background:var(--surface-200);border-color:var(--surface-300)}.input-otp__digit--filled{background:rgba(var(--primary-color-rgb), .12);border-color:var(--primary-color)}.input-otp--error .input-otp__digit{border-color:rgba(var(--bs-danger-rgb), .8);box-shadow:0 0 0 .15rem rgba(var(--bs-danger-rgb), .1)}@media screen and (max-width:480px){.input-otp{gap:.4rem}.input-otp__digit{width:2.5rem;height:3rem;font-size:1.25rem}}}