.scene{z-index:-1;pointer-events:none;background:linear-gradient(to bottom, var(--sc-sky-top), var(--sc-sky-bottom));position:absolute;inset:0;overflow:hidden;container-type:size}.scene__sky,.scene__live{--clear:min(100%, var(--scene-clear,50rem));--band:var(--scene-band,0px);mask-image:linear-gradient(to right, black calc(50% - var(--clear) / 2 - 4rem), transparent calc(50% - var(--clear) / 2), transparent calc(50% + var(--clear) / 2), black calc(50% + var(--clear) / 2 + 4rem)), linear-gradient(to bottom, transparent calc(100% - var(--band)), black calc(100% - var(--band) + 3rem));position:absolute;inset:0;mask-composite:add}.scene__live{pointer-events:none}.scene__live canvas,.scene__live svg{width:100%;height:100%;position:absolute;inset:0}.scene__sky,.scene__band{transition:translate .9s cubic-bezier(.2,.6,.2,1)}.scene__sky{translate:calc(var(--live-x,0) * 10px) calc(var(--live-y,0) * 5px)}.scene__band{translate:calc(var(--live-x,0) * 4px) 0;height:var(--scene-band,0px);position:absolute;bottom:0;left:0;right:0;mask-image:linear-gradient(#0000,#000 3rem)}.scene__ground{position:absolute;bottom:-1px;left:0;right:0}.scene__sky svg,.scene__band svg,.scene__ground svg{width:100%;display:block}.scene__band svg{height:100%}.scene__ground svg{height:auto}@media (width<=40rem){.scene__ground{left:-12.5%;right:-12.5%}}.scene .p-stars{opacity:var(--sc-star-o,1)}.scene .p-star{fill:var(--sc-star);animation:scene-twinkle var(--d) ease-in-out var(--delay) infinite}.scene .p-orb{fill:var(--sc-orb)}.scene .p-orb-halo-in{stop-color:var(--sc-halo)}.scene .p-orb-halo-out{stop-color:var(--sc-halo);stop-opacity:0}.scene .p-drift{top:var(--y);left:var(--x);width:var(--s);height:var(--s);background:var(--c);opacity:var(--o);animation:scene-fall var(--d) linear var(--delay) infinite;border-radius:50%;position:absolute}.scene .p-drift--up{animation-name:scene-rise}.scene .p-drift--petal{border-radius:80% 0}.scene .p-drift--leaf{height:calc(var(--s) * .7);border-radius:0 80%}.scene .p-drift--streak{width:max(1px, calc(var(--s) / 4));height:calc(var(--s) * 4);border-radius:1px}.scene .p-drift--heart{clip-path:polygon(50% 100%,12% 62%,2% 42%,4% 22%,16% 8%,32% 4%,50% 18%,68% 4%,84% 8%,96% 22%,98% 42%,88% 62%);border-radius:0}.scene .p-drift--star{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);border-radius:0}.scene .p-burst{opacity:0;transform-box:fill-box;transform-origin:50%;animation:scene-burst var(--p) ease-out var(--delay) infinite}.scene .p-burst line{stroke:var(--c);stroke-width:2.2px;stroke-linecap:round}.scene .p-burst circle{fill:var(--c)}@keyframes scene-twinkle{0%,to{opacity:1}50%{opacity:.35}}@keyframes scene-fall{0%{transform:translate3d(0, calc(-1 * var(--y) - 4cqh), 0) rotate(0deg)}to{transform:translate3d(var(--drift), calc(102cqh - var(--y)), 0) rotate(var(--spin,0deg))}}@keyframes scene-rise{0%{transform:translate3d(0, calc(104cqh - var(--y)), 0) rotate(0deg)}to{transform:translate3d(var(--drift), calc(-1 * var(--y) - 6cqh), 0) rotate(var(--spin,0deg))}}@keyframes scene-burst{0%{opacity:0;transform:scale(.15)}6%{opacity:1}38%{opacity:.9;transform:scale(1)}58%{opacity:0;transform:scale(1.08)}to{opacity:0;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.scene *{animation:none!important}.scene .p-burst{opacity:.85;transform:none}}