[data-step-coins] .step-grid{position:relative;isolation:isolate}
[data-step-coins] .step-number{position:relative;inset:auto;z-index:2;background:#f6f5ef}
[data-step-coins] .step-grid h3,[data-step-coins] .step-grid p{position:relative;z-index:4}
.step-coin-lane{display:none;position:absolute;top:-12px;bottom:-32px;left:-12px;width:60px;overflow:hidden;pointer-events:none;user-select:none}
.step-coin-lane-rear{z-index:0}
.step-coin-lane-middle{z-index:1}
.step-coin-lane-front{z-index:5}
.step-falling-coin{position:absolute;left:0;top:0;width:var(--step-coin-size);height:var(--step-coin-size);perspective:180px;pointer-events:none;will-change:transform;filter:drop-shadow(1px 2px 1px #70501422)}
.step-coin-solid{position:absolute;inset:0;transform-style:preserve-3d}
.step-coin-face,.step-coin-rim{position:absolute;inset:0;box-sizing:border-box;border:1px solid #bf8922;border-radius:50%;opacity:1}
.step-coin-rim{background:repeating-conic-gradient(from 4deg,#f8d47a 0deg 3deg,#986317 3deg 5deg,#d9a13a 5deg 8deg);border-color:#ac741b;backface-visibility:visible}
.step-coin-face{display:grid;place-items:center;backface-visibility:hidden;background:linear-gradient(120deg,#e7b649 12%,#f3cc6b 38%,#fff0b5 48%,#f5d27b 58%,#e8b64b 84%);color:#775313;font:400 calc(var(--step-coin-size)*.58)/1 Tahoma,"Segoe UI",Arial,sans-serif;box-shadow:inset 0 0 0 2px #ffefb3,inset 0 0 0 3px #c69733}
.step-coin-front{transform:translateZ(.6px)}
.step-coin-front .coin-ruble-mark{width:88%;height:88%;display:block}
.step-coin-back{transform:translateZ(var(--step-coin-back-depth,-3.1px)) rotateY(180deg)}
.step-coin-pacman{position:relative;width:64%;height:64%;border-radius:50%;background:#775313;clip-path:polygon(0 0,100% 0,100% 24%,50% 50%,100% 76%,100% 100%,0 100%)}
.step-coin-pacman::after{content:'';position:absolute;left:47%;top:16%;width:2px;height:2px;border-radius:50%;background:#ffe8a1}
.step-falling-coin[hidden]{display:none}
/* Keep the small decorative flight on large screens with a mouse or trackpad. */
@media(min-width:1025px) and (hover:hover) and (pointer:fine){.step-coin-lane{display:block}}
@media(prefers-reduced-motion:reduce){.step-coin-lane{display:none}}