.lightfall-host{pointer-events:none;position:absolute;inset:0;overflow:hidden}.lightfall-canvas{pointer-events:none;opacity:0;width:100%;height:100%;animation:1.2s ease-out .15s forwards lightfall-in;display:block;position:absolute;inset:0}@keyframes lightfall-in{to{opacity:1}}.lightfall-fallback{background:radial-gradient(60% 22% at var(--lf-focus,67%) 60%, rgb(var(--lf-horizon) / .55), transparent 70%), radial-gradient(90% 55% at var(--lf-focus,67%) 62%, rgb(var(--lf-primary) / .16), transparent 70%), rgb(var(--lf-bg));position:absolute;inset:0}.lightfall-fallback:before{content:"";background:repeating-linear-gradient(90deg, transparent 0 37px, rgb(var(--lf-primary) / .35) 37px 38px, transparent 38px 61px, rgb(var(--lf-secondary) / .22) 61px 62px, transparent 62px 97px);-webkit-mask-image:radial-gradient(70% 120% at var(--lf-focus,67%) 100%, #000 10%, transparent 70%);-webkit-mask-image:radial-gradient(70% 120% at var(--lf-focus,67%) 100%, #000 10%, transparent 70%);mask-image:radial-gradient(70% 120% at var(--lf-focus,67%) 100%, #000 10%, transparent 70%);position:absolute;inset:0 0 40%}.lightfall-fallback:after{content:"";background:repeating-conic-gradient(from 180deg at var(--lf-focus,67%) 0%, transparent 0deg 4deg, rgb(var(--lf-primary) / .25) 4deg 4.4deg, transparent 4.4deg 9deg);position:absolute;inset:60% 0 0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}@media (max-width:767px){.lightfall-fallback{--lf-focus:50%}}