.tool[data-tool=moon-phase] .mp-top{align-items:center;gap:var(--space-4);margin-block-end:var(--space-3);display:flex}.tool[data-tool=moon-phase] .mp-top .result-primary{margin:0}.tool[data-tool=moon-phase] .mp-moon{flex:none;block-size:6rem;inline-size:6rem}.tool[data-tool=moon-phase] .mp-dark{fill:#2b3042}.tool[data-tool=moon-phase] .mp-lit{fill:#f1ecd6}.tool[data-tool=moon-phase] .mp-ring{fill:none;stroke:var(--c-border);stroke-width:1.5px}.tool[data-tool=moon-phase] .mp-name{font-size:var(--fs-xl)}