@import "https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap";.wheel-container{justify-content:center;align-items:center;width:80vmin;height:80vmin;margin:auto;font-family:Poppins,sans-serif;display:flex;position:relative}.wheel-rotator{width:100%;height:100%;transition:transform 8s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:0}.wheel-svg{filter:drop-shadow(0 0 1vmin #0000004d);width:100%;height:100%}.wheel-svg-text{fill:#2c3e50;text-anchor:middle;dominant-baseline:middle;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:8px;font-weight:700}.wheel-pointer{clip-path:polygon(50% 100%,15% 0,85% 0);z-index:30;background:#c0392b;border-radius:50% 50% 0 0;width:5vmin;height:6vmin;position:absolute;top:-1.5vmin;left:50%;transform:translate(-50%);box-shadow:0 -2px 5px #0000004d}.spin-btn{z-index:25;text-transform:uppercase;color:#34495e;letter-spacing:.1em;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ecf0f1;border:1vmin solid #bdc3c7;border-radius:50%;justify-content:center;align-items:center;width:18vmin;height:18vmin;font-size:3.5vmin;font-weight:900;transition:all .2s;display:flex;position:absolute;box-shadow:0 0 10px #0003,inset 0 0 5px #0000001a}.spin-btn:hover{color:#2c3e50;background:#fff;box-shadow:0 0 15px #0000004d,inset 0 0 5px #0000001a}.spin-btn:active{transform:scale(.95)}