.dial-wrap{--d:clamp(300px, 44vw, 640px);--night-border:#23384f;--sky:#b9d9ee;--champagne:#c9ad72;width:var(--d);height:var(--d);flex:none;position:relative}.dial-spin{animation:240s linear infinite dial-turn;position:absolute;inset:0}.dial-spin:before,.dial-spin:after{content:"";border-radius:50%;position:absolute;inset:0}.dial-spin:before{background:repeating-conic-gradient(from -.35deg, var(--sky) 0deg .7deg, transparent .7deg 6deg);-webkit-mask:radial-gradient(circle closest-side, transparent calc(100% - var(--d)*.0375), #000 calc(100% - var(--d)*.0375));-webkit-mask:radial-gradient(circle closest-side, transparent calc(100% - var(--d)*.0375), #000 calc(100% - var(--d)*.0375));mask:radial-gradient(circle closest-side, transparent calc(100% - var(--d)*.0375), #000 calc(100% - var(--d)*.0375));opacity:.55}.dial-spin:after{background:repeating-conic-gradient(from -.6deg, var(--champagne) 0deg 1.2deg, transparent 1.2deg 30deg);-webkit-mask:radial-gradient(circle closest-side, transparent calc(100% - var(--d)*.0625), #000 calc(100% - var(--d)*.0625));-webkit-mask:radial-gradient(circle closest-side, transparent calc(100% - var(--d)*.0625), #000 calc(100% - var(--d)*.0625));mask:radial-gradient(circle closest-side, transparent calc(100% - var(--d)*.0625), #000 calc(100% - var(--d)*.0625))}@keyframes dial-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.dial-spin{animation:none}}.dial-ring{border:1px solid var(--night-border);box-sizing:border-box;border-radius:50%;position:absolute}.dial-ring--outer{inset:0}.dial-ring--inner{inset:8.125%}.dial-letter{text-align:center;width:100%;font-family:var(--font-numeral),"Orbitron",sans-serif;font-weight:700;font-size:calc(var(--d)*.022);color:var(--sky);line-height:1;position:absolute;left:0}.dial-letter--n{top:10.3%}.dial-letter--s{top:86.25%}.dial-pointer{border-left:calc(var(--d)*.0125) solid transparent;border-right:calc(var(--d)*.0125) solid transparent;border-bottom:calc(var(--d)*.04375) solid var(--champagne);width:0;height:0;position:absolute;top:15.6%;left:50%;transform:translate(-50%)}.dial-emblem{filter:none;width:62.5%;height:auto;box-shadow:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}