@layer components{:where(.level[data-v-dd008be9]){--level-ok:var(--ok);--level-mark:var(--edc-hue);gap:var(--space-5);padding:var(--space-6) var(--space-5) var(--space-5);grid-template-rows:minmax(0,1fr) auto;display:grid}[data-level][data-v-dd008be9]{--level-mark:var(--level-ok)}.start[data-v-dd008be9]{grid-row:1/-1}.dial[data-v-dd008be9]{gap:var(--space-5);padding-block:var(--space-6);grid-template-rows:auto minmax(0,1fr) auto}.off[data-v-dd008be9]{justify-self:center;justify-items:center}.off[data-v-dd008be9] .value{font-size:var(--text-7xl)}.vial[data-v-dd008be9]{aspect-ratio:1;border-radius:var(--radius-full);background:radial-gradient(closest-side, color-mix(in oklab, var(--edc-hue) 4%, transparent), color-mix(in oklab, var(--edc-hue) 11%, transparent));block-size:min(100%,18rem,100cqi - 5rem);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--edc-hue) 30%, transparent), inset 0 2px 3px 0 oklch(0% 0 none/.35);place-self:center;place-items:center;display:grid;position:relative}.ring[data-v-dd008be9]{aspect-ratio:1;border:1.5px solid var(--level-mark);border-radius:var(--radius-full);inline-size:26%;box-shadow:0 0 6px 0 color-mix(in oklab, var(--level-mark) 45%, transparent), inset 0 0 6px 0 color-mix(in oklab, var(--level-mark) 30%, transparent)}.bubble[data-v-dd008be9]{aspect-ratio:1;border-radius:var(--radius-full);background:radial-gradient(circle at 50% 30%, var(--color-zinc-50), color-mix(in oklab, var(--color-zinc-300), var(--edc-hue) 25%) 80%);inline-size:22%;box-shadow:inset 0 1px 0 0 oklch(100% 0 none/.9), inset 0 -2px 3px 0 color-mix(in oklab, var(--edc-hue) 40%, transparent), 0 0 12px 0 oklch(100% 0 none/.12);translate:calc(var(--level-x) * 177%) calc(var(--level-y) * 177%);position:absolute}[data-level] .bubble[data-v-dd008be9]{background:radial-gradient(circle at 50% 30%, color-mix(in oklab, var(--level-ok) 35%, var(--color-zinc-50)), var(--level-ok) 85%);box-shadow:inset 0 1px 0 0 oklch(100% 0 none/.6), inset 0 -2px 3px 0 color-mix(in oklab, var(--level-ok) 50%, var(--color-emerald-950)), 0 0 14px 0 color-mix(in oklab, var(--level-ok) 45%, transparent)}.horizon[data-v-dd008be9]{align-self:stretch;place-items:center;inline-size:100%;display:grid;position:relative;overflow:clip}.line[data-v-dd008be9]{border-radius:var(--radius-full);background-color:var(--color-zinc-100);block-size:2px;inline-size:140%;rotate:var(--level-turn);box-shadow:0 0 8px oklch(100% 0 none/.25)}[data-level] .line[data-v-dd008be9]{background-color:var(--level-ok);box-shadow:0 0 8px 0 color-mix(in oklab, var(--level-ok) 55%, transparent)}.index[data-v-dd008be9]{border-radius:var(--radius-full);background-color:var(--level-mark);block-size:4px;inline-size:10%;box-shadow:0 0 6px 0 color-mix(in oklab, var(--level-mark) 55%, transparent);position:absolute;inset-inline-start:0}.index.end[data-v-dd008be9]{inset-inline:auto 0}.foot[data-v-dd008be9]{align-items:end;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.axis[data-v-dd008be9]{gap:var(--space-1);margin:0;display:grid}.axis.end[data-v-dd008be9]{justify-items:end}.axis-name[data-v-dd008be9]{color:var(--app-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);line-height:var(--leading-xs);text-transform:uppercase}.axis-value[data-v-dd008be9]{color:var(--edc-readout-ink);font-family:var(--font-mono);font-size:var(--text-lg);font-variant-numeric:tabular-nums;font-weight:500;line-height:var(--leading-lg);text-shadow:var(--edc-readout-glow);white-space:nowrap;margin:0}.state[data-v-dd008be9]{align-items:center;gap:var(--space-2);color:var(--status-fg);font-size:var(--text-sm);font-weight:500;line-height:var(--leading-lg);grid-column:2;margin:0;display:inline-flex}.lamp[data-v-dd008be9]{block-size:.5rem;inline-size:.5rem}.keys[data-v-dd008be9]{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (prefers-reduced-motion:no-preference){.bubble[data-v-dd008be9]{transition:translate 90ms linear, background .2s var(--ease-out-quint), box-shadow .2s var(--ease-out-quint)}.ring[data-v-dd008be9],.index[data-v-dd008be9]{transition:border-color .2s var(--ease-out-quint), background-color .2s var(--ease-out-quint), box-shadow .2s var(--ease-out-quint)}}}
