.weather-daylight-section{padding-top:2rem;padding-bottom:2rem}.weather-daylight-heading{margin-bottom:1rem}.weather-daylight-source{margin:0 0 .5rem;font-size:.85rem;opacity:.7;text-align:left}.weather-daylight-header{display:flex;align-items:center;gap:.75rem;margin-top:1.5rem;margin-bottom:.5rem}.weather-daylight-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%}.weather-daylight-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}.weather-daylight-nav-btn:hover:not(:disabled){background:#1c5cab}.weather-daylight-nav-btn:disabled{background:#c3c2b7;color:#fff;opacity:.6;box-shadow:none;cursor:default}.weather-daylight-status{position:relative;min-height:340px}.weather-daylight-spinner{position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:4px solid rgba(0,0,0,.15);border-top-color:#1d6fa5;border-radius:50%;animation:weather-daylight-spin .8s linear infinite}.weather-daylight-spinner[hidden]{display:none}@keyframes weather-daylight-spin{to{transform:rotate(360deg)}}.weather-daylight-canvas-wrap{position:relative;height:400px;touch-action:pan-y}.weather-daylight-empty{text-align:center;margin-top:2rem;opacity:.7}