.dial.svelte-gyrt{--dial-h:var(--e-control-sm);--dial-w:34px;block-size:var(--dial-h);border-radius:var(--e-radius-control);background:var(--e-surface-sunken);color:var(--e-fg);white-space:nowrap;vertical-align:middle;transition:background-color var(--e-duration-theme) var(--e-ease-out);align-items:center;gap:8px;padding:0 12px 0 8px;display:inline-flex}.dial[data-size=md].svelte-gyrt{--dial-h:var(--e-control-md);--dial-w:44px;gap:10px;padding-inline:10px 14px}svg.svelte-gyrt{inline-size:var(--dial-w);flex:none;block-size:auto;overflow:visible}.track.svelte-gyrt{fill:none;stroke:var(--e-line-strong);stroke-width:2px;stroke-linecap:round}.done.svelte-gyrt{fill:none;stroke:var(--e-primary);stroke-width:2px;stroke-linecap:round;transition:d var(--e-duration-slow) linear}.dial[data-phase=night].svelte-gyrt .done:where(.svelte-gyrt){stroke:var(--e-fg-muted)}.horizon.svelte-gyrt{stroke:var(--e-fg-muted);stroke-width:1.2px;stroke-linecap:round;opacity:.55}.sun-glow.svelte-gyrt{fill:color-mix(in oklab, var(--e-sun) 35%, transparent)}.sun.svelte-gyrt{fill:var(--e-sun);stroke:color-mix(in oklab, var(--e-sun) 55%, var(--e-live));stroke-width:1px}.moon.svelte-gyrt{fill:var(--e-moonlight);stroke:var(--e-fg-muted);stroke-width:.8px}.moon-shade.svelte-gyrt{fill:var(--e-surface-sunken);opacity:.85}.time.svelte-gyrt{font-size:var(--e-text-ui);font-weight:var(--e-weight-semibold);letter-spacing:0}.dial[data-size=md].svelte-gyrt .time:where(.svelte-gyrt){font-size:var(--e-text-body)}.phase.svelte-gyrt{color:var(--e-fg-muted);font-size:var(--e-text-caption);font-weight:var(--e-weight-medium)}@media (width<=480px){.dial.svelte-gyrt:not([data-label=always]) .phase:where(.svelte-gyrt){display:none}.dial.svelte-gyrt{padding-inline-end:10px}}