@layer theme,base;@layer components{.ce-otp{justify-content:center;gap:8px;display:flex}.ce-otp input{text-align:center;width:46px;min-width:0;height:54px;font:600 22px var(--font-mono);color:var(--fg);background:var(--surface);border:1.5px solid var(--border-strong);caret-color:var(--brand-focus);border-radius:12px;flex:0 46px;padding:0;transition:border-color .15s,box-shadow .15s}.ce-otp input:focus{border-color:var(--brand-focus);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand-focus) 14%, transparent);outline:0}.ce-otp input:disabled,.ce-otp input:read-only{opacity:.7}.ce-otp[aria-invalid=true] input{border-color:var(--danger)}.ce-otp[data-shake]{animation:.38s ce-otp-shake}@keyframes ce-otp-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@media (width<=380px){.ce-otp{gap:6px}.ce-otp input{height:48px;font-size:20px}}@media (prefers-reduced-motion:reduce){.ce-otp[data-shake]{animation:none}}}@layer utilities;