.sm__base{--wrapperSize:100%;--reelSize:32px;--displaySize:96px;--displayZoom:2;--shadowWeight:1;width:var(--wrapperSize);height:var(--wrapperSize);box-sizing:border-box;pointer-events:none;transform-origin:0;will-change:transform;position:relative}.sm__base.has-zoom{transform:scale(var(--displayZoom))}.sm__reelsContainer{pointer-events:auto;width:100%;height:100%;position:relative}.sm__reel{--i:0;--bg:transparent;top:calc(var(--index)*var(--reelSize));left:calc(var(--index)*var(--reelSize));width:calc(100% - var(--index)*2*var(--reelSize));height:calc(100% - var(--index)*2*var(--reelSize));background:var(--bg);box-shadow:0 0 calc(var(--shadowWeight)*var(--reelSize)*.8)0 #0000001f;will-change:transform;border-radius:100%;position:absolute;overflow:hidden}.sm__reel:first-child,.sm__reel:last-child{box-shadow:none}.sm__cell{height:var(--reelSize);line-height:var(--reelSize);font-size:calc(var(--reelSize)*.5);width:50%;margin-top:calc(var(--reelSize)/-2);transform-origin:100%;padding-left:calc(var(--reelSize)*.25);filter:drop-shadow(0 1px 2px #0003);justify-content:flex-start;align-items:center;display:flex;position:absolute;top:50%;left:0}.sm__cell--has-shadow{transition:opacity .125s linear}.is-stop .sm__cell--has-shadow{opacity:0!important}.sm__cell--has-blur{filter:blur(calc(var(--reelSize)/10))drop-shadow(0 2px 4px #0000004d);opacity:.6}.sm__figure{text-align:center;width:var(--reelSize);height:100%;line-height:var(--reelSize);justify-content:center;align-items:center;display:flex}.sm__display{--displayShadowColor:#0000001a;width:var(--displaySize);height:var(--reelSize);mix-blend-mode:normal;background:#6496ff26;border-radius:128px;transition:box-shadow .25s linear,background .25s linear;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sm__display.is-win{--displayShadowColor:#22c55e99;background:#22c55e40;animation:.6s ease-in-out infinite glow-win}.sm__display.is-fail{--displayShadowColor:#ef444466;background:#ef444433}@keyframes glow-win{0%,to{background:#22c55e40}50%{background:#22c55e66}}