.item-card{--distance:2;--center-proximity:max(0,1 - (var(--distance)/1.5));width:120px;height:120px;scale:calc(1 + .4*var(--center-proximity));flex-shrink:0;justify-content:center;align-items:center;transition:transform .3s;display:flex}.item-card:not([data-winner]){scale:calc(1 + .3*var(--center-proximity))}.item-image{opacity:.6;width:100%;max-width:90px;height:auto;max-height:90px;transition:all .2s linear}.box-reel-horizontal .item-card[data-winner=true]{transform:scale(1.2)translateY(-25px)}.item-card[data-winner=true] .item-image{opacity:1;animation:2.8s ease-in-out infinite winner-pulse}.box-reel-vertical .item-card{width:66px;height:66px}.box-reel-vertical .item-image{max-width:44px;max-height:44px}@media (min-width:768px){.item-card,.box-reel-vertical .item-card{width:176px;height:176px}.item-image,.box-reel-vertical .item-image{max-width:115px;max-height:115px}}@keyframes winner-pulse{0%,to{transform:scale(1.2)translateY(-8px)}50%{transform:scale(1.2)translateY(8px)}}
.reel-track{will-change:transform;display:flex}.reel-track.motion-blur-spin{filter:contrast(1.1);transform-origin:50%}.box-reel-horizontal{align-items:center;display:flex;overflow:hidden}.box-reel-vertical .reel-track{flex-direction:column;align-items:center}.box-reel-vertical .reel-viewport{width:100%;height:100%;margin:0 auto;padding:0 0 2.5rem}.box-reel-vertical .reel-viewport:after{background:linear-gradient(#000000b3 0%,#00000080 25%,#0000 45% 55%,#00000080 75%,#000000b3 100%)}.reel-item{flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.reel-indicator{z-index:20;pointer-events:none;border-style:solid;width:0;height:0;position:absolute}.box-reel-horizontal .reel-indicator{left:50%;transform:translate(-50%)}.box-reel-horizontal .reel-indicator.indicator-start{filter:drop-shadow(0 2px 4px #00000080);border-width:12px 10px 0;border-color:#06b6d4 #0000 #0000;top:-1px}.box-reel-horizontal .reel-indicator.indicator-end{filter:drop-shadow(0 -2px 4px #00000080);border-width:0 10px 12px;border-color:#0000 #0000 #06b6d4;bottom:-1px}.box-reel-vertical .reel-indicator{top:50%;transform:translateY(-50%)}.box-reel-vertical .reel-indicator.indicator-start{filter:drop-shadow(2px 0 4px #00000080);border-width:10px 0 10px 12px;border-color:#0000 #0000 #0000 #06b6d4;left:-1px}.box-reel-vertical .reel-indicator.indicator-end{filter:drop-shadow(-2px 0 4px #00000080);border-width:10px 12px 10px 0;border-color:#0000 #06b6d4 #0000 #0000;right:-1px}
/*# sourceMappingURL=903f076b0ac4e0c1.css.map*/