.code-slots-field{flex-basis:100%;min-width:0;display:grid;gap:8px}.code-slots{position:relative;width:min(100%,440px);--cs-accent:var(--sk-blue-700);--cs-slot:#e7e9e5;--cs-ink:var(--sk-blue-700)}.code-slots__row{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;cursor:text;touch-action:manipulation}.code-slots[data-legacy] .code-slots__row{visibility:hidden}.code-slots__slot{position:relative;display:block;aspect-ratio:1/1.25;border-radius:7px;overflow:hidden;background:var(--cs-slot);user-select:none}.code-slots__slot[data-active],.code-slots__slot[data-selected]{outline:2px solid var(--cs-ink);outline-offset:2px}.code-slots__fill{position:absolute;inset:0;border-radius:inherit;background:var(--cs-accent)}.code-slots__digit{position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:clamp(16px,4vw,22px);font-weight:600;font-variant-numeric:tabular-nums}.portal-form .code-slots__input{position:absolute;left:0;bottom:0;width:1px;height:1px;padding:0;border:0;opacity:0;font-size:16px}.portal-form .code-slots[data-legacy] .code-slots__input{inset:0;width:100%;height:100%;padding:12px;opacity:1;border-radius:6px;background:var(--cs-slot);color:var(--cs-ink);font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}.portal-form .code-slots[data-legacy] .code-slots__input:focus{outline:2px solid var(--cs-ink);outline-offset:2px}.code-slots__placeholder{position:absolute;left:50%;top:50%;width:10px;height:2px;border-radius:1px;background:var(--cs-ink);opacity:.4;transform:translate(-50%,-50%)}.code-slots__slot[data-active] .code-slots__placeholder{visibility:hidden}.code-slots__wash{position:absolute;inset:0;display:grid;place-items:center;background:var(--cs-accent);color:white;pointer-events:none;z-index:2}.code-slots__caret{position:absolute;left:50%;top:25%;width:1.5px;height:50%;background:var(--cs-ink);animation:code-slots-blink 1s step-end infinite}.code-slots[data-status=error]{--cs-accent:#a3322b;--cs-ink:#a3322b;--cs-slot:#f1dedb}.code-slots[data-status=success]{--cs-accent:var(--sk-mint-700,#2f7a59)}.code-slots[data-status=success] .code-slots__row{animation:code-slots-pop .42s cubic-bezier(.3,1.4,.5,1)}@keyframes code-slots-pop{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:scale(1)}}.code-slots[data-disabled]{opacity:.55}.code-slots__hint{font-size:12px;color:#626961}.code-slots__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes code-slots-blink{0%,49.9%{opacity:1}50%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.code-slots[data-status=success] .code-slots__row,.code-slots__caret{animation:none}}@media(forced-colors:active){.code-slots__slot{border:1px solid CanvasText}.code-slots__digit{color:initial}}