.slot-machine{--slot-gap-x:1.25rem;align-items:center;gap:1rem var(--slot-gap-x);--slot-cell-h:1.7rem;flex-wrap:wrap;display:flex;position:relative}.slot{height:var(--slot-cell-h);transition:width var(--slot-resize,.8s) ease-in-out;align-items:flex-start;display:inline-flex;overflow:hidden}.slot-content{flex:auto;min-width:0;display:inline-flex}.slot-content>.slot-cell,.slot-reel{flex:auto}.slot-measure{visibility:hidden;pointer-events:none;flex-direction:column;align-items:flex-start;height:0;display:flex;position:absolute;top:0;left:0;overflow:hidden}.slot-cell{height:var(--slot-cell-h);white-space:nowrap;align-items:center;gap:.4rem;display:flex}.slot-reel{animation:slot-roll var(--slot-dur) cubic-bezier(.65, 0, .35, 1) forwards;flex-direction:column;display:flex}@keyframes slot-roll{to{transform:translateY(calc(-1 * var(--slot-count) * var(--slot-cell-h)))}}.icon-slot{align-items:center;display:inline-flex}.icon-slot-cell{justify-content:space-between}.slot-lever{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:none;width:1.5rem;padding:0;font-size:1rem;line-height:1;overflow:hidden}.slot-lever:hover:not(:disabled){color:var(--text)}.slot-machine-folding{--slot-rem:calc(1rem * var(--slot-scale,1));--slot-gap-x:calc(1.25 * var(--slot-rem));--slot-cell-h:calc(1.7 * var(--slot-rem));flex-wrap:nowrap;min-height:1.7rem;overflow-x:clip}.slot-machine-folding>*{flex-shrink:0}.slot-machine-folding .domain{font-size:calc(.95 * var(--slot-rem))}.slot-machine-folding .subtle{font-size:calc(.9 * var(--slot-rem))}.slot-machine-folding .slot-cell{gap:calc(.4 * var(--slot-rem))}.slot-machine-folding .slot-lever{font-size:var(--slot-rem);width:calc(1.5 * var(--slot-rem));transition:width var(--slot-resize,.8s) ease-in-out, margin-left var(--slot-resize,.8s) ease-in-out, opacity .2s ease-in-out var(--slot-resize,.8s)}.slot-machine-folding .slot-lever:disabled{width:0;margin-left:calc(-1 * var(--slot-gap-x));opacity:0;pointer-events:none;transition:width var(--slot-resize,.8s) ease-in-out, margin-left var(--slot-resize,.8s) ease-in-out, opacity .2s ease-in-out}.slot-machine-folding .slot-measure .slot-lever{transition:none}@media (width<=640px){.slot-machine>.domain{display:none}}
