*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:#000;color:#fff;height:100vh;height:100dvh;display:flex;flex-direction:column;justify-content:space-evenly;gap:3rem;padding-block:2rem}svg{display:block;min-height:0;flex-grow:1}path{stroke-width:2;stroke-linecap:round;stroke:hsl(var(--angle) 55% calc(var(--annulus) / 6 * 20% + 40%));stroke:oklch(calc(var(--annulus) / 6 * 20% + 40%) .3 var(--angle))}path.hidden{display:none}.display{font-size:1rem;margin-inline-start:auto;text-align:right;padding-inline:1rem}.display:first-letter{text-transform:capitalize}