.code-slots{--cs-accent:var(--mavet-coral);--cs-ink:#fff;--cs-slot:var(--mavet-card);--cs-digit:var(--foreground);--cs-danger:var(--mavet-danger);--cs-size:44px;--cs-height:52px;--cs-gap:8px;--cs-radius:12px;--cs-font:22px;--cs-track:color-mix(in srgb, var(--mavet-border) 70%, var(--mavet-cream));flex-direction:column;align-items:center;width:100%;display:flex}html.dark .code-slots{--cs-ink:var(--mavet-danger-fg,#1a1714);--cs-slot:color-mix(in srgb, var(--mavet-card) 88%, #fff);--cs-track:color-mix(in srgb, var(--mavet-border) 80%, var(--mavet-cream))}.code-slots__row{align-items:stretch;gap:var(--cs-gap);height:var(--cs-height);touch-action:manipulation;cursor:text;width:max-content;max-width:100%;margin-inline:auto;display:flex;position:relative}.code-slots__row[data-disabled]{opacity:.55;pointer-events:none;cursor:not-allowed}.code-slots__input{opacity:0;caret-color:#0000;color:#0000;z-index:3;cursor:text;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.code-slots__slot{width:var(--cs-size);height:var(--cs-height);border-radius:var(--cs-radius);background:var(--cs-track);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--mavet-border) 80%, transparent);flex-shrink:0;justify-content:center;align-items:center;transition:box-shadow .18s,background-color .18s;display:flex;position:relative;overflow:hidden}.code-slots__row[data-focused] .code-slots__slot[data-active]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--mavet-coral) 55%, transparent), 0 0 0 3px color-mix(in srgb, var(--mavet-coral) 22%, transparent)}.code-slots__row[data-status=error] .code-slots__slot{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--cs-danger) 55%, transparent)}.code-slots__fill{border-radius:inherit;background:var(--cs-slot);transform-origin:bottom;will-change:transform;position:absolute;inset:0;box-shadow:0 1px #2c2a260f}html.dark .code-slots__fill{box-shadow:0 1px #00000040}.code-slots__digit{z-index:1;font-size:var(--cs-font);letter-spacing:-.02em;color:var(--cs-digit);font-variant-numeric:tabular-nums;will-change:transform, opacity;font-weight:650;line-height:1;position:relative}.code-slots__wash{z-index:2;border-radius:var(--cs-radius);background:var(--cs-accent);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.code-slots__check{color:var(--cs-ink);justify-content:center;align-items:center;display:flex}.code-slots__caret{width:var(--cs-size);height:var(--cs-height);pointer-events:none;z-index:2;opacity:0;justify-content:center;align-items:center;transition:opacity .12s;display:flex;position:absolute;top:0;left:0}.code-slots__caret[data-show]{opacity:1}.code-slots__caret-line{width:2px;height:calc(var(--cs-font) * 1.05);background:var(--cs-accent);border-radius:999px;animation:1.05s step-end infinite cs-caret-blink}.code-slots__sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes cs-caret-blink{0%,45%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.code-slots__caret-line{animation:none}.code-slots__slot{transition:none}}@media (max-width:380px){.code-slots{--cs-size:40px;--cs-height:48px;--cs-gap:6px;--cs-font:20px}}