#petals{position:fixed;inset:0;z-index:8;pointer-events:none;overflow:hidden}#petals i{position:absolute;top:-30px;left:var(--x);width:var(--size);height:calc(var(--size)*1.45);border-radius:80% 15% 75% 20%;background:var(--petal-color);background:linear-gradient(145deg,color-mix(in srgb,var(--petal-color),white 28%),var(--petal-color));box-shadow:0 1px 3px #0002;opacity:.78;animation:petal-fall var(--duration) linear var(--delay) infinite;transform-origin:50% 100%}@keyframes petal-fall{0%{transform:translate3d(0,-8vh,0) rotate(0);opacity:0}10%{opacity:.8}75%{opacity:.7}100%{transform:translate3d(var(--drift),108vh,0) rotate(var(--spin));opacity:0}}@media(prefers-reduced-motion:reduce){#petals{display:none}}