.roadmap-dial{position:relative;width:220px;height:150px;margin:0 auto;flex-shrink:0}.roadmap-dial input[type=radio]{position:absolute;opacity:0;width:1px;height:1px}.roadmap-dial__stops{display:flex;justify-content:space-between;padding:0 6px}.roadmap-dial__stop{cursor:pointer;display:block;height:18px;width:18px;border:2px solid rgba(159,255,192,.3);border-radius:50%;background:#06110b;transition:border-color .3s ease,background-color .3s ease}.roadmap-dial input:checked+.roadmap-dial__stop{border-color:#9fffc0;background:#123d27}.roadmap-dial__needle{position:absolute;left:50%;bottom:0;width:2px;height:92px;background:#32c97a;transform-origin:bottom center;transform:translateX(-50%) rotate(0deg);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.roadmap-dial__needle:after{content:"";top:-4px;height:8px;width:8px;background:#9fffc0;box-shadow:0 0 8px rgba(159,255,192,.6)}.roadmap-dial__needle:after,.roadmap-dial__pivot{position:absolute;left:50%;border-radius:50%;transform:translateX(-50%)}.roadmap-dial__pivot{bottom:-3px;height:6px;width:6px;background:#5bea99}#rd-0:checked~.roadmap-dial__needle{transform:translateX(-50%) rotate(-32deg)}#rd-1:checked~.roadmap-dial__needle{transform:translateX(-50%) rotate(0deg)}#rd-2:checked~.roadmap-dial__needle{transform:translateX(-50%) rotate(32deg)}@media (prefers-reduced-motion:reduce){.roadmap-dial__needle{transition:none}}