:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--step--2: clamp(.7813rem, .7747rem + .0326vw, .8rem);--step--1: clamp(.9375rem, .9158rem + .1087vw, 1rem);--step-0: clamp(1.125rem, 1.0815rem + .2174vw, 1.25rem);--step-1: clamp(1.35rem, 1.2761rem + .3696vw, 1.5625rem);--step-2: clamp(1.62rem, 1.5041rem + .5793vw, 1.9531rem);--step-3: clamp(1.9438rem, 1.7707rem + .8652vw, 2.4413rem);--step-4: clamp(2.3325rem, 2.0823rem + 1.2511vw, 3.0519rem);--step-5: clamp(2.7994rem, 2.4461rem + 1.7663vw, 3.815rem);background-color:#242424;color:#ffffffde;color-scheme:light dark;font-weight:400;line-height:1.5;font-family:Roboto,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}a{color:#646cff;font-weight:500;text-decoration:inherit}a:hover{color:#535bf2}body{display:flex;margin:0}h1{margin-block:1rem;font-size:var(--step-2);line-height:1.1}#app{margin-inline:auto;padding:1rem;max-width:1280px;text-align:center}@media (min-width: 300px){#app{padding:2rem}}.wheel-wrapper{display:flex;justify-content:center;align-items:center}.wheel{--diameter: 50px;position:relative;transform:rotate(var(--rotation));cursor:grab;outline:5px solid white;border-radius:50%;width:var(--diameter);height:var(--diameter)}@media (min-width: 300px){.wheel{--diameter: 150px;outline-width:10px}}.wheel .spoke{--inset: 10.36px;position:absolute;clip-path:polygon(0% 100%,50% 0%,100% 100%);cursor:pointer;background-color:#fff;width:2px;height:10px}@media (min-width: 300px){.wheel .spoke{--inset: 22px}}.wheel .spoke:nth-child(1){top:-2px;left:50%;translate:50%;width:4px;height:15px}.wheel .spoke:nth-child(2){top:var(--inset);right:var(--inset);rotate:45deg}.wheel .spoke:nth-child(3){top:50%;right:4px;rotate:90deg}.wheel .spoke:nth-child(4){right:var(--inset);bottom:var(--inset);rotate:135deg}.wheel .spoke:nth-child(5){bottom:-2px;left:50%;rotate:180deg;width:4px;height:15px}.wheel .spoke:nth-child(6){bottom:var(--inset);left:var(--inset);rotate:-135deg}.wheel .spoke:nth-child(7){top:50%;left:4px;rotate:-90deg}.wheel .spoke:nth-child(8){top:var(--inset);left:var(--inset);rotate:-45deg}