@property --vr-logo-glow{syntax:"<number>";inherits:true;initial-value:0}@property --vr-logo-glow-peak{syntax:"<number>";inherits:true;initial-value:0}@property --vr-logo-sky{syntax:"<number>";inherits:true;initial-value:0}@property --vr-logo-sky-peak{syntax:"<number>";inherits:true;initial-value:0}.vr-logo{--vr-logo-rays:1;--vr-logo-birds:1;--vr-sun-gold:0;--vr-sun-orange:0;--vr-sun-moon:0;--vr-sun-ink:0;--vr-logo-glow:0;--vr-logo-glow-peak:0;--vr-logo-accent:currentColor;overflow:visible}.vr-logo[data-logo-state=sunrise]{--vr-sun-gold:1;--vr-logo-glow:.2;--vr-logo-glow-peak:.32;--vr-logo-accent:#e8c16a}.vr-logo[data-logo-state=sunset]{--vr-sun-orange:1;--vr-logo-rays:.9;--vr-logo-birds:.85;--vr-logo-glow:.2;--vr-logo-glow-peak:.32;--vr-logo-accent:#ffb066}.vr-logo[data-logo-state=night]{--vr-sun-ink:.16;--vr-logo-rays:.35;--vr-logo-birds:.6;--vr-logo-glow:.06;--vr-logo-glow-peak:.12}.vr-logo[data-variant=navbar]{--vr-logo-u:12.3;--vr-logo-line:1.6;--vr-logo-fine:1.1;--vr-logo-ray-w:1.6;--vr-logo-arc-w:1.6;--vr-logo-bird-w:1.6;--vr-logo-glow-w:3.5}.vr-logo[data-variant=footer]{--vr-logo-u:7.4;--vr-logo-line:2;--vr-logo-fine:1.5;--vr-logo-ray-w:2.5;--vr-logo-arc-w:2.6;--vr-logo-bird-w:2}.vr-logo[data-variant=navbar] [data-part] path,.vr-logo[data-variant=footer] [data-part] path{stroke-width:calc(var(--vr-logo-line) * 1px)}.vr-logo[data-variant=navbar] [data-part=waves] path,.vr-logo[data-variant=footer] [data-part=waves] path{stroke-width:calc(var(--vr-logo-fine) * 1px)}.vr-logo[data-variant=navbar] [data-part=rays] path,.vr-logo[data-variant=footer] [data-part=rays] path{stroke-width:calc(var(--vr-logo-ray-w) * 1px * var(--vr-logo-u))}.vr-logo[data-variant=navbar] [data-part=arcs] path,.vr-logo[data-variant=footer] [data-part=arcs] path{stroke-width:calc(var(--vr-logo-arc-w) * 1px * var(--vr-logo-u))}.vr-logo[data-variant=navbar] [data-part=birds] path,.vr-logo[data-variant=footer] [data-part=birds] path{stroke-width:calc(var(--vr-logo-bird-w) * 1px * var(--vr-logo-u))}.vr-logo[data-variant=navbar] [data-glow]{stroke-width:calc(var(--vr-logo-glow-w) * 1px * var(--vr-logo-u))}.vr-logo[data-variant=footer]{--vr-sun-orange:1;--vr-logo-sky-color:#ff9a3d;--vr-logo-sky:.75;--vr-logo-sky-peak:1;--vr-logo-wave-color:var(--color-vr-teal)}.vr-logo[data-variant=footer][data-logo-state]{--vr-sun-gold:0;--vr-sun-orange:1;--vr-sun-moon:0;--vr-sun-ink:0;--vr-logo-rays:1;--vr-logo-birds:1}.vr-logo[data-variant=footer][data-logo-state=sunrise],.vr-logo[data-variant=footer][data-logo-state=sunset]{--vr-logo-wave-color:var(--color-vr-gold)}.vr-logo[data-variant=footer][data-logo-state=night]{--vr-sun-orange:0;--vr-sun-moon:1;--vr-logo-sky-color:#fff;--vr-logo-sky:.4;--vr-logo-sky-peak:.6;--vr-logo-wave-color:var(--color-vr-teal-dark)}.vr-logo[data-variant=footer] [data-part=waves] path{stroke:var(--vr-logo-wave-color)}.vr-logo [data-sky]{opacity:var(--vr-logo-sky)}.vr-logo [data-sky] path{fill:var(--vr-logo-sky-color);stroke:none}.vr-logo [data-glow]{stroke:var(--vr-logo-accent);opacity:var(--vr-logo-glow)}.vr-logo [data-part=sun] path{fill:none}.vr-logo [data-sun-fill]{stroke:none}.vr-logo [data-sun-fill=gold]{fill:var(--color-vr-gold);opacity:var(--vr-sun-gold)}.vr-logo [data-sun-fill=orange]{fill:#f77f00;opacity:var(--vr-sun-orange)}.vr-logo [data-sun-fill=moon]{fill:var(--color-vr-mist);opacity:var(--vr-sun-moon)}.vr-logo [data-sun-fill=ink]{fill:currentColor;opacity:var(--vr-sun-ink)}.vr-logo [data-part=rays] path{stroke:currentColor}.vr-logo [data-part=rays]{opacity:var(--vr-logo-rays)}.vr-logo [data-part=birds]{opacity:var(--vr-logo-birds)}@media (prefers-reduced-motion:no-preference){.vr-logo[data-logo-ready]{transition:--vr-logo-glow calc(1.6s * var(--vr-pace)) ease-in-out, --vr-logo-glow-peak calc(1.6s * var(--vr-pace)) ease-in-out, --vr-logo-sky calc(1.6s * var(--vr-pace)) ease-in-out, --vr-logo-sky-peak calc(1.6s * var(--vr-pace)) ease-in-out}.vr-logo[data-logo-ready] [data-sun-fill],.vr-logo[data-logo-ready] [data-part=rays],.vr-logo[data-logo-ready] [data-part=birds]{transition:opacity calc(1.6s * var(--vr-pace)) ease-in-out}.vr-logo[data-logo-ready] [data-sky] path{transition:fill calc(1.6s * var(--vr-pace)) ease-in-out}.vr-logo[data-logo-ready] [data-glow],.vr-logo[data-logo-ready] [data-part=waves] path{transition:stroke calc(1.6s * var(--vr-pace)) ease-in-out}.vr-logo[data-intro=play] [data-part] path{stroke-dasharray:1;animation:vr-logo-draw var(--vr-draw-dur,calc(.5s * var(--vr-pace))) ease-out backwards;animation-delay:calc(var(--vr-draw-at,0s) + var(--i,0) * calc(80ms * var(--vr-pace)))}.vr-logo[data-intro=play] [data-part=pin]{--vr-draw-at:0s;--vr-draw-dur:calc(.6s * var(--vr-pace))}.vr-logo[data-intro=play] [data-part=sun]{--vr-draw-at:calc(.35s * var(--vr-pace));--vr-draw-dur:calc(.45s * var(--vr-pace))}.vr-logo[data-intro=play] [data-part=arcs]{--vr-draw-at:calc(.6s * var(--vr-pace));--vr-draw-dur:calc(.35s * var(--vr-pace))}.vr-logo[data-intro=play] [data-part=rays]{--vr-draw-at:calc(.8s * var(--vr-pace));--vr-draw-dur:calc(.3s * var(--vr-pace))}.vr-logo[data-intro=play] [data-part=waves]{--vr-draw-at:calc(1.05s * var(--vr-pace));--vr-draw-dur:calc(.5s * var(--vr-pace))}.vr-logo[data-intro=play] [data-part=birds]{--vr-draw-at:calc(1.4s * var(--vr-pace));--vr-draw-dur:calc(.4s * var(--vr-pace))}.vr-logo[data-intro=play] [data-part=wordmark]{animation:vr-logo-fade calc(.6s * var(--vr-pace)) ease-out calc(1.2s * var(--vr-pace)) both}.vr-logo[data-intro=play] [data-glow]{animation:vr-logo-fade calc(.6s * var(--vr-pace)) ease-out calc(.8s * var(--vr-pace)) both}.vr-logo[data-motion] [data-glow]{animation:vr-logo-breathe calc(6s * var(--vr-pace)) ease-in-out calc(2s * var(--vr-pace)) infinite}.vr-logo[data-motion] [data-sky]{animation:vr-logo-sky calc(4.8s * var(--vr-pace)) ease-in-out calc(.2s * var(--vr-pace)) infinite}.vr-logo[data-logo-offscreen] *,.vr-logo[data-logo-offscreen],.vr-logo[data-motion][data-logo-offscreen] [data-glow],.vr-logo[data-motion][data-logo-offscreen] [data-sky]{animation-play-state:paused}}@keyframes vr-logo-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes vr-logo-fade{0%{opacity:0}}@keyframes vr-logo-breathe{0%,to{opacity:var(--vr-logo-glow)}50%{opacity:var(--vr-logo-glow-peak)}}@keyframes vr-logo-sky{0%,to{opacity:var(--vr-logo-sky)}40%{opacity:var(--vr-logo-sky-peak)}}