.sun-moon-section{padding-top:2rem;padding-bottom:2rem}.sun-moon-heading{margin-bottom:1rem}.sun-moon-source{margin:0 0 .5rem;font-size:.85rem;opacity:.7;text-align:left}.sun-moon-header{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;margin-bottom:1.25rem}.sun-moon-day-select{flex:1 1 auto;text-align:center;text-align-last:center;font-weight:700;font-size:1.1rem;padding:.3rem .5rem;border:1px solid rgba(0,0,0,.15);border-radius:.4rem;background:#fff;color:inherit;max-width:100%}.sun-moon-nav-btn{flex:0 0 auto;width:2.75rem;height:2.75rem;border:none;border-radius:50%;background:#2a78d6;color:#fff;font-size:1.4rem;font-weight:700;cursor:pointer;line-height:1;box-shadow:0 1px 4px #0b0b0b4d}.sun-moon-nav-btn:hover:not(:disabled){background:#1c5cab}.sun-moon-nav-btn:disabled{background:#c3c2b7;color:#fff;opacity:.6;box-shadow:none;cursor:default}.sun-moon-status{position:relative;min-height:60px}.sun-moon-spinner{position:absolute;top:0;left:50%;width:40px;height:40px;margin:0 0 0 -20px;border:4px solid rgba(0,0,0,.15);border-top-color:#1d6fa5;border-radius:50%;animation:sun-moon-spin .8s linear infinite}.sun-moon-spinner[hidden]{display:none}@keyframes sun-moon-spin{to{transform:rotate(360deg)}}.sun-moon-empty{text-align:center;margin:0;opacity:.7}.sun-moon-panel{display:flex;flex-wrap:wrap;gap:1.5rem}.sun-moon-panel[hidden]{display:none}.sun-moon-sun-col,.sun-moon-moon-col{flex:1 1 280px;display:flex;flex-direction:column;align-items:center;text-align:center}.sun-moon-col-heading{margin:0 0 .5rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.04em}.sun-moon-row{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:.85rem;width:100%}.sun-moon-diagram{width:180px;height:180px;flex:0 0 auto}.sun-moon-diagram svg{width:100%;height:100%;display:block}.sun-moon-stats{display:flex;flex-direction:column;gap:.5rem;flex:0 1 auto;max-width:130px;text-align:left}.sun-moon-stat-label{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;opacity:.6;margin:0 0 .15rem}.sun-moon-stat-value{font-size:.85rem;font-weight:600;margin:0}@media(max-width:700px){.sun-moon-sun-col,.sun-moon-moon-col{flex:1 1 100%}}