.petals{inset:0;pointer-events:none;overflow:hidden}.petal,.petals{position:absolute}.petal{top:-12vh;left:var(--left);animation:fall var(--dur) linear infinite;animation-delay:var(--delay)}.petal,.sway{will-change:transform}.sway{display:block;animation:wiggle var(--sway) ease-in-out infinite}.petalSvg{display:block;width:var(--size);height:calc(var(--size) * 1.2);transform:rotate(var(--tilt));animation:spin var(--spin) linear infinite;overflow:visible;pointer-events:none;border:0;outline:none;box-shadow:none;background:transparent;filter:none;opacity:var(--opacity)}.petalSvg .halo{fill:none;stroke:var(--p200);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:.45}.petalSvg .main{fill:none;stroke:var(--p200);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:.95}.petalSvg .vein{fill:none;stroke:var(--p400);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:.7}@keyframes fall{0%{transform:translateY(-12vh)}to{transform:translateY(110vh)}}@keyframes wiggle{0%{transform:translateX(calc(var(--amp) * -1))}18%{transform:translateX(calc(var(--amp) * .2)) rotate(2deg)}41%{transform:translateX(calc(var(--amp) * -.7)) rotate(-3deg)}67%{transform:translateX(calc(var(--amp) * .9)) rotate(1deg)}to{transform:translateX(calc(var(--amp) * -1)) rotate(-2deg)}}@keyframes spin{0%{transform:rotate(var(--tilt))}to{transform:rotate(calc(var(--tilt) + 1turn))}}@media (prefers-reduced-motion:reduce){.petal,.petalSvg,.sway{animation:none}}