.t-slot{--t-sh:3px;box-sizing:border-box;border:var(--t-edge);border-radius:var(--t-r3);block-size:52px;color:var(--t-ink);box-shadow:0 var(--t-sh) 0 var(--t-ink);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:translate var(--t-snappy) var(--t-spring), box-shadow var(--t-snappy) var(--t-spring), background-color .12s linear;background:#fff;place-items:center;font-size:17px;font-weight:750;display:grid;position:relative}.t-slot:is(:active,[data-down]){translate:0 var(--t-sh);box-shadow:0 0 0 var(--t-ink);transition-duration:var(--t-press-ms), var(--t-press-ms), .12s}.t-slot:is([aria-pressed=true],:has(>input:checked)){background:var(--t-jeton);animation:t-slap var(--t-slap-ms) var(--t-ease-slap) both;--t-slap-scale:1.12;--t-slap-from:-4deg}.t-slot:has(>input:focus-visible){outline:3px solid var(--t-focus);outline-offset:3px}.t-slot:is([disabled],:has(>input:disabled)){color:var(--t-ink-3);box-shadow:none;cursor:default;background:#ffffff80;border-color:#0b122038;text-decoration:line-through;translate:none}.t-slot>input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;margin:0;position:absolute}.t-slots{grid-template-columns:repeat(var(--t-slot-cols,4), minmax(0, 1fr));border:0;gap:8px;min-inline-size:0;margin:0;padding:0;display:grid}@media (min-width:1024px){.t-slot{block-size:60px;font-size:20px}}