@layer components{:where(.sun[data-v-44de3a85]){--sun-night:var(--color-zinc-800);--sun-twilight:var(--color-zinc-600);--sun-golden:var(--color-zinc-400);--sun-day:var(--color-zinc-200);gap:var(--space-6);padding:var(--space-6) var(--space-5) var(--space-5);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.start[data-v-44de3a85]{grid-row:1/-1}.dial[data-v-44de3a85]{gap:var(--space-6);padding-block:var(--space-6) var(--space-5)}.next[data-v-44de3a85]{gap:var(--space-2);display:grid}.next-at[data-v-44de3a85]{color:var(--app-muted);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-sm)}.scale[data-v-44de3a85]{gap:var(--space-2);display:grid}.day[data-v-44de3a85]{border-radius:var(--radius-md);background:var(--sun-bands);block-size:1.5rem;position:relative;box-shadow:inset 0 1px oklch(0% 0 none/.45),inset 0 -1px oklch(100% 0 none/.08)}.now[data-v-44de3a85]{border-radius:var(--radius-full);background-color:var(--edc-hue);inline-size:2px;box-shadow:0 0 6px 0 color-mix(in oklab, var(--edc-hue) 70%, transparent);margin-inline-start:-1px;position:absolute;inset-block:-.375rem;inset-inline-start:calc(var(--sun-now) * 100%)}.now[data-v-44de3a85]:before{content:"";aspect-ratio:1;border-radius:var(--radius-full);background-color:var(--edc-hue);inline-size:.5rem;box-shadow:inset 0 1px 0 0 oklch(100% 0 none/.5), 0 0 6px 0 color-mix(in oklab, var(--edc-hue) 70%, transparent);position:absolute;inset-block-start:-.25rem;inset-inline-start:50%;translate:-50%}.hours[data-v-44de3a85]{block-size:var(--leading-xs);color:var(--app-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;line-height:var(--leading-xs);margin:0;position:relative}.hour[data-v-44de3a85]{translate:calc(var(--sun-hour) * -100%) 0;position:absolute;inset-inline-start:calc(var(--sun-hour) * 100%)}.times[data-v-44de3a85]{align-content:start;gap:var(--space-4);display:grid}.group[data-v-44de3a85]{align-content:start;gap:var(--space-2);margin:0;display:grid}.row[data-v-44de3a85]{justify-content:space-between;column-gap:var(--space-4);padding-inline:var(--space-1);flex-wrap:wrap;display:flex}.row-name[data-v-44de3a85]{color:var(--app-muted)}.row-time[data-v-44de3a85]{font-variant-numeric:tabular-nums;margin:0;margin-inline-start:auto}[data-next] .row-name[data-v-44de3a85]{color:var(--app-fg)}[data-next] .row-time[data-v-44de3a85]{color:var(--edc-ink);font-weight:500}.controls[data-v-44de3a85]{gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.date[data-v-44de3a85]{min-inline-size:0;display:grid}.date-input[data-v-44de3a85]{block-size:2.75rem;min-inline-size:0;padding-inline:var(--space-4);border-radius:var(--radius-full);background-color:var(--app-sunken);color:var(--app-fg);box-shadow:var(--app-sink);font:inherit;font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:500;line-height:var(--leading-sm);appearance:none;border:0}.date-input[data-v-44de3a85]::-webkit-date-and-time-value{text-align:start}.date-input[data-v-44de3a85]::-webkit-calendar-picker-indicator{opacity:.6}.date-input[data-v-44de3a85]:focus-visible{outline:2px solid var(--app-tint);outline-offset:2px}@container (width>40rem){.times[data-v-44de3a85]{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr))}.group[data-v-44de3a85]{gap:var(--space-3)}.row[data-v-44de3a85]{gap:0;display:grid}.row-time[data-v-44de3a85]{margin-inline-start:0}.controls[data-v-44de3a85]{grid-template-columns:minmax(0,16rem) auto;justify-content:start}}}