@layer components{.moon-phases{align-items:center;gap:clamp(var(--space-075), 1.53vw, var(--space-15));inline-size:100%;display:flex}.moon-phases-rule{background:linear-gradient(90deg, transparent, var(--color-border));flex:1;block-size:1px}.moon-phases-rule--end{background:linear-gradient(90deg, var(--color-border), transparent)}.moon-phases-moon{background:var(--color-moon-lit);border:1px solid var(--color-moon-edge);border-radius:50%;flex:none;block-size:clamp(.875rem,1.25vw,1.125rem);inline-size:clamp(.875rem,1.25vw,1.125rem);position:relative;overflow:hidden}.moon-phases-moon:after{background:var(--color-moon-shade);content:"";translate:var(--moon-shade-offset,100%) 0;border-radius:50%;position:absolute;inset:0}.moon-phases-moon--new{background:0 0}.moon-phases-moon--new:after{display:none}}