.lp-grain{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .12 0 0 0 0 .16 0 0 0 0 .18 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@media (prefers-reduced-motion:no-preference){:root:has(.lp-grain){scroll-behavior:smooth}}.lp-perforation{background:radial-gradient(circle at 7px -1px, var(--background) 5px, transparent 5.5px) 0 0 / 14px 10px repeat-x, var(--card);border-bottom:1px dashed var(--border);height:10px;margin:-1px -1px 0}.lp-fade-top{-webkit-mask-image:linear-gradient(#0000 0,#000 56px);mask-image:linear-gradient(#0000 0,#000 56px)}.lp-follow>*{transition:filter .45s}.lp-follow>[data-scrolled-out]{filter:opacity(0)}@media (prefers-reduced-motion:reduce){.lp-follow>*{transition:none}}@keyframes lp-twinkle{0%,to{opacity:.25}50%{opacity:.9}}.lp-star{opacity:.6;animation:4.5s ease-in-out infinite lp-twinkle}@media (prefers-reduced-motion:reduce){.lp-star{animation:none}}@keyframes lp-parallax{0%{translate:0 calc(var(--depth) * 36px)}to{translate:0 calc(var(--depth) * -36px)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.lp-parallax{animation:linear both lp-parallax;animation-timeline:view()}}}.lp-flow-line{z-index:0;background-image:linear-gradient(to bottom, var(--primary) 55%, transparent 0);transform-origin:top;width:2px;transition:transform .7s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i) * .26s);background-size:2px 9px;position:absolute;top:96px;bottom:0;left:47px}@media (min-width:64rem){.lp-flow-line{background-image:linear-gradient(to right, var(--primary) 55%, transparent 0);transform-origin:0;background-size:9px 2px;width:auto;height:2px;inset:47px -1.25rem auto calc(min(180px,100%) + .75rem)}}.lp-flow[data-shown=false] .lp-flow-line{transform:scaleX(0)}@media (max-width:63.99rem){.lp-flow[data-shown=false] .lp-flow-line{transform:scaleY(0)}}@media (prefers-reduced-motion:reduce){.lp-flow-line{transition:none}}@keyframes lp-dawn-a{0%{--hero-light:0;--hero-wake:0}11%{--hero-wake:0}17%{--hero-wake:1}42%{--hero-light:0}to{--hero-light:1;--hero-wake:1}}@keyframes lp-dawn-b{0%{--hero-light:0;--hero-wake:0}11%{--hero-wake:0}17%{--hero-wake:1}42%{--hero-light:0}to{--hero-light:1;--hero-wake:1}}.lp-sky{animation:5.6s cubic-bezier(.45,0,.3,1) .2s both lp-dawn-a}.lp-sky[data-run=b]{animation-name:lp-dawn-b}@media (prefers-reduced-motion:reduce){.lp-sky{animation:none}}.lp-sky-night{opacity:calc(1 - var(--hero-light,1));background:linear-gradient(#a9bec4 0%,#a9bec4b8 16%,#a9bec447 40%,#0000 62%)}.lp-sky-sun{opacity:var(--hero-light,1);translate:0 calc((1 - var(--hero-light,1)) * 180px)}.lp-sky-stars,.lp-sky-moon{opacity:calc(1 - var(--hero-light,1))}.lp-sky-moon{translate:0 calc(var(--hero-light,1) * -24px)}.lp-sky-low{opacity:calc(.8 * (1 - var(--hero-light,1)));mix-blend-mode:multiply;background:linear-gradient(#0000,#b3c6ca8c 40%,#b3c6ca)}.lp-sky-blush{opacity:calc(2 * min(var(--hero-light,1), 1 - var(--hero-light,1)));background:radial-gradient(90% 70% at 72% 100%,#f6b8886b,#0000 70%)}.lp-day{background:linear-gradient(#0000,#f6c49266 7%,#f4d6a04d 20%,#c8e4e06b 40%,#c8e4e05c 58%,#cebede66 76%,#f0ac8c57 90%,#0000);overflow:clip}.lp-day-sun{background:radial-gradient(closest-side,#fff0ccf2,#f7d69b99 42%,#f7d69b00);border-radius:9999px}.lp-day-set{background:radial-gradient(closest-side,#ffdebaf2,#f0a0788c 45%,#f0a07800);translate:0 40px}@keyframes lp-day-rise{0%{opacity:.3;translate:0 120px}to{opacity:1;translate:0}}@keyframes lp-day-set{0%{opacity:1;translate:0}to{opacity:.25;translate:0 110px}}@keyframes lp-day-star{0%{opacity:0;scale:.4}to{opacity:.95;scale:1}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.lp-day-rise,.lp-day-set,.lp-day-star{animation:none;animation-timeline:view()}.lp-day-rise{animation-name:lp-day-rise;animation-range:entry cover 45%}.lp-day-set{animation-name:lp-day-set;animation-range:cover 35% cover 80%}.lp-day-star{animation-name:lp-day-star;animation-range:cover 40% cover 65%}}}
