.comet-dial{--cd-accent:#f5f5f5;--cd-ink:#fdfdfd;--cd-size:250px;--cd-figure:40px;width:var(--cd-size);height:var(--cd-size);color:var(--cd-ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:relative}.comet-dial__ring{cursor:grab;touch-action:none;border-radius:50%;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.comet-dial__ring:focus-visible{outline:2px solid var(--cd-accent);outline-offset:4px}.comet-dial[data-dragging] .comet-dial__ring{cursor:grabbing}.comet-dial__track,.comet-dial__lit,.comet-dial__comet path{fill:none;stroke-linecap:round}.comet-dial__track{stroke:var(--cd-ink);opacity:.24}.comet-dial__lit{stroke:var(--cd-accent);opacity:.7}.comet-dial__comet path{stroke:var(--cd-accent)}.comet-dial__head{fill:var(--cd-accent)}.comet-dial__readout{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.comet-dial__value{font-size:var(--cd-figure);letter-spacing:-.04em;font-variant-numeric:tabular-nums;align-items:baseline;gap:.06em;font-weight:500;line-height:1;display:inline-flex}.comet-dial__unit{opacity:.5;font-size:.5em}.comet-dial[data-disabled]{opacity:.55}.comet-dial[data-disabled] .comet-dial__ring{cursor:default;pointer-events:none}
