.sco{--s-space-xs:4px;--s-space-sm:8px;--s-radius-md:8px;--s-motion-fast:.12s;--s-motion-ease:cubic-bezier(.2,0,0,1);--s-motion-ease-spring:cubic-bezier(.34,1.4,.64,1);--s-color-accent:var(--admin-accent);--s-color-border:#dadada;--s-color-field-bg:#fff;--s-color-field-fg:#202020;gap:var(--s-space-sm);display:flex;position:relative}.sco__slot{flex:1 1 0;min-width:0;display:flex;position:relative}.sco__box{aspect-ratio:4/5;text-align:center;box-sizing:border-box;font-variant-numeric:tabular-nums;color:#0000;background:var(--s-color-field-bg);border:1px solid var(--s-color-border);border-radius:var(--s-radius-md);width:100%;caret-color:var(--s-color-accent);transition:border-color var(--s-motion-fast)var(--s-motion-ease),box-shadow var(--s-motion-fast)var(--s-motion-ease),outline-color var(--s-motion-fast)var(--s-motion-ease);outline:none;padding:0;font-family:ui-monospace,SF Mono,Fira Mono,Menlo,monospace;font-size:24px;font-weight:600;line-height:1}.sco__box::selection{background:0 0}.sco__digit{pointer-events:none;font-variant-numeric:tabular-nums;color:var(--s-color-field-fg);animation:sco-digit-place .24s var(--s-motion-ease-spring)both;justify-content:center;align-items:center;font-family:ui-monospace,SF Mono,Fira Mono,Menlo,monospace;font-size:24px;font-weight:600;line-height:1;display:flex;position:absolute;inset:0}@keyframes sco-digit-fade{0%{opacity:0}to{opacity:1}}.sco__digit--leaving{animation:sco-digit-fade 60ms linear 90ms reverse both,sco-digit-place .15s var(--s-motion-ease-spring)reverse both}.sco__slot--leaving .sco__box{caret-color:#0000}@keyframes sco-digit-place{0%{transform:scale(.4)}to{transform:scale(1)}}.sco__box::-webkit-outer-spin-button{appearance:none;margin:0}.sco__box::-webkit-inner-spin-button{appearance:none;margin:0}.sco__box:focus{border-color:var(--s-color-accent);box-shadow:none;outline:1px solid var(--s-color-accent)}.sco--invalid .sco__box,.sco--invalid .sco__box:focus{box-shadow:none;border-color:#c4293d;outline:1px solid #c4293d}.sco--invalid .sco__digit{color:#c4293d}.sco--invalid{animation:.45s both sco-shake}@keyframes sco-shake{0%{transform:translate(0)}12%{transform:translate(8px)}36%{transform:translate(-8px)}56%{transform:translate(5px)}72%{transform:translate(-3px)}86%{transform:translate(2px)}to{transform:translate(0)}}.sco__box:disabled,.sco__box:disabled+.sco__digit{opacity:.28;cursor:default}@media (prefers-reduced-motion:reduce){.sco__box{transition:none}.sco__digit{animation:none}.sco--invalid{animation:1ms linear both sco-shake}.sco__digit--leaving{animation:1ms linear reverse both sco-digit-place}}@media (max-width:380px){.sco{gap:var(--s-space-xs)}}.sco__waiting{color:var(--s-color-field-fg);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}