.sun-arc{gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--rule);background:var(--bg-surface);--phase-color:var(--graha-moon-render);flex-direction:column;display:flex}.sun-arc[data-phase=day]{--phase-color:var(--graha-sun-render)}.sun-arc__stage{width:100%;line-height:0;position:relative}.sun-arc__svg{width:100%;height:auto;display:block;overflow:visible}.sun-arc__arc-base{stroke:var(--rule);stroke-width:1.5px;fill:none;opacity:.5}.sun-arc__horizon{stroke:var(--rule);stroke-width:1px;opacity:.35}.sun-arc__arc-elapsed{stroke:var(--phase-color);stroke-width:2px;fill:none;opacity:.9}.sun-arc__arc-remaining{stroke:var(--rule);stroke-width:1.5px;fill:none;opacity:.35}.sun-arc__arc-below{stroke:var(--graha-moon-render);stroke-width:1px;stroke-dasharray:2 3;fill:none;opacity:.45}.sun-arc__glyph{background:color-mix(in oklab, var(--glyph-color) 30%, var(--bg-elevated));box-shadow:0 0 10px 2px color-mix(in oklab, var(--glyph-color) 55%, transparent);border-radius:50%;justify-content:center;align-items:center;padding:3px;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.sun-arc__glyph--sun{--glyph-color:var(--graha-sun-render)}.sun-arc__glyph--moon{--glyph-color:var(--graha-moon-render)}.sun-arc[data-luminary=sun] .sun-arc__glyph--moon:not(.sun-arc__glyph--below),.sun-arc[data-luminary=moon] .sun-arc__glyph--sun{opacity:.7}.sun-arc__glyph--below{opacity:.55;box-shadow:none;background:color-mix(in oklab, var(--glyph-color) 20%, var(--bg-surface))}.sun-arc__glyph--below .sun-arc__glyph-img{width:16px;height:16px}.sun-arc__glyph-img{filter:none;display:block}:root[data-theme=dark] .sun-arc__glyph-img{filter:invert()brightness(1.6)}.sun-arc[data-phase=pre-sunrise] .sun-arc__glyph,.sun-arc[data-phase=post-sunset] .sun-arc__glyph{opacity:.9}.sun-arc__caption{gap:var(--space-2xs);flex-direction:column;display:flex}.sun-arc__row{align-items:center;gap:var(--space-sm);grid-template-columns:auto 1fr auto;display:grid}.sun-arc__row--moon{padding-top:var(--space-2xs);border-top:1px dashed color-mix(in oklab, var(--rule) 80%, transparent)}.sun-arc__row--moon .sun-arc__label,.sun-arc__row--moon .sun-arc__value{color:var(--ink-mid)}.sun-arc__row-spacer{display:block}.sun-arc__time{font-family:var(--font-mono);flex-direction:column;gap:1px;line-height:1.1;display:flex}.sun-arc__time--rise{text-align:left}.sun-arc__time--set{text-align:right}.sun-arc__label{font-size:var(--fs-label-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-low)}.sun-arc__value{font-size:var(--fs-sm);color:var(--ink-high);font-feature-settings:"tnum"}.sun-arc__status{text-align:center;font-size:var(--fs-label-sm);color:var(--ink-mid);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-style:italic;overflow:hidden}@media (max-width:767px){.sun-arc{padding:var(--space-xs) var(--space-sm);gap:var(--space-xs)}.sun-arc__stage{max-width:220px;margin:0 auto}.sun-arc__glyph-img{width:18px;height:18px}}