.kq-dial{width:100%;max-width:33rem}@media (max-height:900px){.kq-dial{max-width:27.5rem}}@media (max-height:800px){.kq-dial{max-width:23rem}}@media (max-height:700px){.kq-dial{max-width:18rem}}.kq-gauge{width:60%}.kq-compass{width:100%;height:auto;overflow:visible}.kq-metal{fill:color-mix(in oklab,var(--color-foreground) 20%,var(--color-background))}.kq-case{stroke:color-mix(in oklab,var(--color-foreground) 14%,transparent);stroke-width:1}.kq-bezel{stroke:color-mix(in oklab,var(--color-foreground) 16%,transparent);stroke-width:1}.kq-tick{stroke:color-mix(in oklab,var(--color-foreground) 22%,transparent);stroke-width:1}.kq-tick-major{stroke:color-mix(in oklab,var(--color-primary) 60%,transparent);stroke-width:1.8;stroke-linecap:round}.kq-face-plate{fill:var(--color-background)}.kq-face{stroke:color-mix(in oklab,var(--color-primary) 16%,transparent);stroke-width:1}.kq-ring{fill:none;stroke:color-mix(in oklab,var(--color-primary) 12%,transparent);stroke-width:1}.kq-face-shade{fill:none;stroke:color-mix(in oklab,var(--color-foreground) 9%,transparent);stroke-width:3}.kq-type-label{fill:color-mix(in oklab,var(--color-foreground) 42%,transparent);font-size:8.5px;font-weight:700;letter-spacing:.04em}.kq-type-on{fill:var(--color-primary);font-weight:800}.kq-swing{transform-box:view-box;transform-origin:0 0;transition:transform .7s cubic-bezier(.22,1.1,.32,1)}.kq-needle-head{fill:var(--color-primary)}.kq-needle-head.kq-lit{fill:color-mix(in oklab,var(--color-primary) 86%,white)}.kq-needle-tail{fill:color-mix(in oklab,var(--color-foreground) 26%,transparent)}.kq-needle-tail.kq-lit{fill:color-mix(in oklab,var(--color-foreground) 16%,transparent)}.kq-needle-idle .kq-needle-head{fill:color-mix(in oklab,var(--color-foreground) 28%,transparent)}.kq-needle-idle .kq-needle-head.kq-lit{fill:color-mix(in oklab,var(--color-foreground) 18%,transparent)}.kq-shadow polygon{fill:rgb(0 0 0/.2)}.kq-post{fill:color-mix(in oklab,var(--color-foreground) 22%,transparent)}.kq-pivot{fill:var(--color-background);stroke:color-mix(in oklab,var(--color-foreground) 26%,transparent);stroke-width:1.5}.kq-pivot-dot{fill:color-mix(in oklab,var(--color-foreground) 35%,transparent)}@media (prefers-reduced-motion:reduce){.kq-swing{transition:none}}