.dl-wash,.rp-canvas{position:absolute;left:50%;width:100vw;top:calc(-1 * var(--nav-h));bottom:0;translate:-50% 0;pointer-events:none}.dl-wash{z-index:-20;--dl-a:0.34;--dl-b:0.2;background:radial-gradient(38% 62% at var(--dl-x,80%) var(--dl-y,12%),rgb(var(--dl-sun,255 255 255)/calc(var(--dl-a) * var(--dl-k, 0))),transparent 72%),radial-gradient(95% 75% at 50% 0,rgb(var(--dl-sky,255 255 255)/calc(var(--dl-b) * var(--dl-k, 0))),transparent 78%);-webkit-mask-image:linear-gradient(180deg,#000 45%,transparent 98%);mask-image:linear-gradient(180deg,#000 45%,transparent 98%);opacity:0;transition:opacity 1.4s ease}.dl-wash[data-phase]{opacity:1}.dark .dl-wash{--dl-a:0.22;--dl-b:0.13}.dark .dl-wash[data-phase=night]{--dl-a:0.28;--dl-b:0.2}.dark .dl-wash[data-phase=midday]{--dl-a:0.16;--dl-b:0.09}:root:not(.dark) .dl-wash[data-phase=midday]{--dl-a:0.42;--dl-b:0.26}.rp-canvas{z-index:-30;height:calc(100% + var(--nav-h));visibility:hidden}.rp-canvas[data-on]{visibility:visible}@media (prefers-reduced-motion:reduce){.dl-wash{transition:none}.rp-canvas{display:none}}:root[data-calm=true] .dl-wash{transition:none}:root[data-calm=true] .rp-canvas{display:none}