.falling-petals{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.petal{position:absolute;top:0;width:18px;opacity:0;will-change:transform,opacity;animation:petal-fall linear infinite}.petal svg{display:block;width:100%;height:auto;animation:petal-sway 3.6s ease-in-out infinite alternate}.petal svg{filter:drop-shadow(0 1px 1.5px rgba(23,42,20,.18))}.petal--leaf .leaf-vein{stroke:#172a1447;stroke-width:.6;stroke-linecap:round}.petal--flower svg{animation-name:blossom-spin;animation-timing-function:linear;animation-direction:normal;animation-duration:9s}.petal--flower:nth-child(odd) .blossom-center{fill:#f8f2e7d9}.petal--flower:nth-child(2n) .blossom-center{fill:#c9a26bd9}@keyframes blossom-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes petal-fall{0%{transform:translate3d(0,-8vh,0) rotate(0);opacity:0}8%{opacity:1}85%{opacity:1}to{transform:translate3d(4vw,72vh,0) rotate(300deg);opacity:0}}@keyframes petal-sway{0%{transform:translate(-14px) rotate(-12deg)}to{transform:translate(14px) rotate(12deg)}}.petal--1{left:6%;width:16px;animation-duration:11s;animation-delay:-2s}.petal--2{left:14%;width:22px;animation-duration:14s;animation-delay:-9s}.petal--3{left:22%;width:22px;animation-duration:10s;animation-delay:-5s}.petal--4{left:31%;width:18px;animation-duration:15s;animation-delay:-12s}.petal--5{left:39%;width:18px;animation-duration:12s;animation-delay:-7s}.petal--6{left:47%;width:26px;animation-duration:16s;animation-delay:-3s}.petal--7{left:55%;width:14px;animation-duration:10.5s;animation-delay:-8s}.petal--8{left:63%;width:20px;animation-duration:13s;animation-delay:-1s}.petal--9{left:71%;width:23px;animation-duration:11.5s;animation-delay:-10s}.petal--10{left:79%;width:20px;animation-duration:15.5s;animation-delay:-6s}.petal--11{left:87%;width:17px;animation-duration:12.5s;animation-delay:-4s}.petal--12{left:94%;width:25px;animation-duration:14.5s;animation-delay:-11s}.petal:nth-child(3n+1) svg{animation-duration:4.2s;animation-delay:-2.1s}.petal--leaf svg{animation-duration:5s;animation-delay:-1.2s}.petal--flower:nth-child(6n) svg{animation-duration:12s;animation-direction:reverse}@media screen and (max-width:749px){.petal:nth-child(n+9){display:none}}@media(prefers-reduced-motion:reduce){.falling-petals{display:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/falling-petals.css.map */