#petals:is([data-effect=balloons],[data-effect=rings],[data-effect=hearts],[data-effect=doves],[data-effect=blessings],[data-effect=clouds],[data-effect=stars],[data-effect=baby],[data-effect=gifts],[data-effect=graduation],[data-effect=crown]) i{top:-48px;width:calc(var(--size)*1.8);height:calc(var(--size)*1.8);border-radius:0;background:none;box-shadow:none;color:var(--petal-color);animation-name:themed-drift;opacity:.82;filter:drop-shadow(0 4px 5px #0003)}
#petals:is([data-effect=balloons],[data-effect=rings],[data-effect=hearts],[data-effect=doves],[data-effect=blessings],[data-effect=clouds],[data-effect=stars],[data-effect=baby],[data-effect=gifts],[data-effect=graduation],[data-effect=crown]) i:before{content:attr(data-symbol);position:absolute;inset:0;display:grid;place-items:center;font-size:calc(var(--size)*1.65);line-height:1;color:inherit}
#petals[data-effect=balloons] i{top:auto;bottom:-55px;animation-name:themed-rise}
#petals[data-effect=doves] i,#petals[data-effect=clouds] i{opacity:.7}
#petals[data-effect=confetti] i{width:calc(var(--size)*.45);height:calc(var(--size)*1.3);border-radius:2px;background:var(--petal-color);animation-name:confetti-fall;box-shadow:none}
#petals[data-effect=confetti] i:nth-child(3n){background:var(--accent-color,#d7b56d)}#petals[data-effect=confetti] i:nth-child(3n+1){filter:hue-rotate(80deg)}
@keyframes themed-drift{0%{transform:translate3d(0,-10vh,0) rotate(-8deg) scale(.8);opacity:0}12%{opacity:.82}50%{transform:translate3d(var(--drift),48vh,0) rotate(8deg) scale(1.08)}100%{transform:translate3d(var(--drift),108vh,0) rotate(-5deg) scale(.92);opacity:0}}
@keyframes themed-rise{0%{transform:translate3d(0,10vh,0) rotate(-5deg);opacity:0}12%{opacity:.82}55%{transform:translate3d(var(--drift),-52vh,0) rotate(7deg)}100%{transform:translate3d(var(--drift),-116vh,0) rotate(-5deg);opacity:0}}
@keyframes confetti-fall{0%{transform:translate3d(0,-10vh,0) rotate(0);opacity:0}10%{opacity:.9}100%{transform:translate3d(var(--drift),110vh,0) rotate(var(--spin));opacity:0}}
@media(prefers-reduced-motion:reduce){#petals{display:none!important}#petals.preview-effects{display:block!important}}
#petals.preview-effects i{opacity:.94;filter:drop-shadow(0 3px 5px #0005)}