.scene{z-index:-1;pointer-events:none;opacity:0;transition:opacity .5s;position:fixed;inset:0}[data-theme=dawn] .scene--dawn,[data-theme=mist] .scene--mist,[data-theme=forest] .scene--forest,[data-theme=ocean] .scene--ocean{opacity:1}.scene svg{width:100%;height:100%;display:block}.scene-dawn-sky{fill:url(#d-sky)}.scene-dawn-sun{fill:url(#d-sun)}.scene-dawn-far{fill:url(#d-far)}.scene-dawn-fog1{fill:url(#d-fog1)}.scene-dawn-mid{fill:url(#d-mid)}.scene-dawn-fog2{fill:url(#d-fog2)}.scene-dawn-near{fill:url(#d-near)}[data-mode=dark] .scene-dawn-sky{fill:url(#d-sky-night)}[data-mode=dark] .scene-dawn-sun{fill:url(#d-sun-night)}[data-mode=dark] .scene-dawn-far{fill:url(#d-far-night)}[data-mode=dark] .scene-dawn-fog1{fill:url(#d-fog1-night)}[data-mode=dark] .scene-dawn-mid{fill:url(#d-mid-night)}[data-mode=dark] .scene-dawn-fog2{fill:url(#d-fog2-night)}[data-mode=dark] .scene-dawn-near{fill:url(#d-near-night)}.scene-mist-sky{fill:url(#m-sky)}.scene-mist-glow{fill:url(#m-glow)}.scene-mist-far{fill:url(#m-far)}.scene-mist-fog1{fill:url(#fog1)}.scene-mist-mid{fill:url(#m-mid)}.scene-mist-fog2{fill:url(#fog2)}.scene-mist-near{fill:url(#m-near)}[data-mode=dark] .scene-mist-sky{fill:url(#m-sky-night)}[data-mode=dark] .scene-mist-glow{fill:url(#m-glow-night)}[data-mode=dark] .scene-mist-far{fill:url(#m-far-night)}[data-mode=dark] .scene-mist-fog1{fill:url(#fog1-night)}[data-mode=dark] .scene-mist-mid{fill:url(#m-mid-night)}[data-mode=dark] .scene-mist-fog2{fill:url(#fog2-night)}[data-mode=dark] .scene-mist-near{fill:url(#m-near-night)}.scene-forest-sky{fill:url(#f-sky)}.scene-forest-glow{fill:url(#f-glow)}.scene-forest-far{fill:url(#f-far)}.scene-forest-fog1{fill:url(#f-fog1)}.scene-forest-mid{fill:url(#f-mid)}.scene-forest-fog2{fill:url(#f-fog2)}.scene-forest-near{fill:url(#f-near)}[data-mode=dark] .scene-forest-sky{fill:url(#f-sky-night)}[data-mode=dark] .scene-forest-glow{fill:url(#f-glow-night)}[data-mode=dark] .scene-forest-far{fill:url(#f-far-night)}[data-mode=dark] .scene-forest-fog1{fill:url(#f-fog1-night)}[data-mode=dark] .scene-forest-mid{fill:url(#f-mid-night)}[data-mode=dark] .scene-forest-fog2{fill:url(#f-fog2-night)}[data-mode=dark] .scene-forest-near{fill:url(#f-near-night)}.scene-ocean-sky{fill:url(#o-sky)}.scene-ocean-glow{fill:url(#o-glow)}.scene-ocean-far{fill:url(#o-far)}.scene-ocean-fog1{fill:url(#o-fog1)}.scene-ocean-mid{fill:url(#o-mid)}.scene-ocean-fog2{fill:url(#o-fog2)}.scene-ocean-near{fill:url(#o-near)}[data-mode=dark] .scene-ocean-sky{fill:url(#o-sky-night)}[data-mode=dark] .scene-ocean-glow{fill:url(#o-glow-night)}[data-mode=dark] .scene-ocean-far{fill:url(#o-far-night)}[data-mode=dark] .scene-ocean-fog1{fill:url(#o-fog1-night)}[data-mode=dark] .scene-ocean-mid{fill:url(#o-mid-night)}[data-mode=dark] .scene-ocean-fog2{fill:url(#o-fog2-night)}[data-mode=dark] .scene-ocean-near{fill:url(#o-near-night)}