.dial[data-v-cc5973ef]{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;width:min(100%,420px);margin-inline:auto;position:relative;container-type:inline-size}.dial svg[data-v-cc5973ef]{width:100%;height:100%;display:block}.dial.drag svg[data-v-cc5973ef]{cursor:grab}.rim[data-v-cc5973ef]{fill:oklch(30% .015 62)}.knurl line[data-v-cc5973ef]{stroke:oklch(20% .012 62);stroke-width:1.6px}.face[data-v-cc5973ef]{fill:oklch(93% .012 80)}.wedge[data-v-cc5973ef]{fill:var(--amber);transition:d .2s}.short .wedge[data-v-cc5973ef]{fill:var(--sage)}.long .wedge[data-v-cc5973ef]{fill:var(--sky)}.ticks line[data-v-cc5973ef]{stroke:oklch(30% .02 62);stroke-width:1.2px}.ticks line.major[data-v-cc5973ef]{stroke-width:2.6px}.nums text[data-v-cc5973ef]{font:700 13px var(--display);fill:oklch(28% .02 62);font-stretch:110%}.hub[data-v-cc5973ef]{stroke:oklch(30% .015 62)}.handle[data-v-cc5973ef],.hub[data-v-cc5973ef]{fill:var(--bg);stroke-width:3px}.handle[data-v-cc5973ef]{stroke:var(--ink)}.pointer[data-v-cc5973ef]{fill:var(--danger)}.readout[data-v-cc5973ef]{text-align:center;pointer-events:none;place-content:center;display:grid;position:absolute;inset:0}.time[data-v-cc5973ef]{font-family:var(--display);letter-spacing:-.01em;font-size:12cqw;font-weight:800;font-stretch:125%;line-height:1}.time.hrs[data-v-cc5973ef]{font-size:9cqw}.lab[data-v-cc5973ef]{color:var(--ink-2);margin-top:6px;font-size:.9rem;font-weight:700}