.confetti{width:1rem;height:1rem;display:inline-block;position:absolute;top:-2rem;left:-2rem;z-index:50;transform-style:preserve-3d;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation-delay:calc(.3 * var(--i));animation-duration:calc(1.2 * var(--i))}.yellow{background:#ecd76f}.purple{background:#9870ed}.confetti .rotate{animation:driftyRotate 1s infinite both ease-in-out;perspective:1000}.confetti .askew{transform:skewY(10deg);width:1rem;height:2rem;animation:drifty 1s infinite alternate both ease-in-out;border:2px solid black;clip-path:polygon(evenodd,0% 0%,100% 0%,100% 100%,0% 100%,0% 0%)}@keyframes drifty{0%{transform:skewY(10deg) translate3d(-250%,0,0)}to{transform:skewY(-12deg) translate3d(250%,0,0)}}@keyframes driftyRotate{0%{transform:rotateX(0)}to{transform:rotateX(359deg)}}