.confetti-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:10000;pointer-events:none;will-change:opacity}.confetti-container.confetti-play{animation:hideContainer .1s forwards;animation-delay:1.6s}.confetti-container div{display:none}.confetti-container div[class*=confetti-pos-]{display:block;position:absolute;transform-origin:center center;transform:translate(-50%,-50%) rotate(var(--rot, 0deg)) scale(.1);opacity:0;will-change:transform,opacity}.confetti-container.confetti-play div[class*=confetti-pos-]{animation-name:popBadge;animation-duration:1.32s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.confetti-container div img{display:block;width:100%;height:auto}.confetti-pos-1{--rot: -22.74deg;left:12.09vw;top:34.32vh;width:18.26vw;animation-delay:0ms}.confetti-pos-2{--rot: 17.9deg;left:14.69vw;top:76.67vh;width:23.59vw;animation-delay:40ms}.confetti-pos-3{--rot: -12.6deg;left:39.08vw;top:50.67vh;width:20.69vw;animation-delay:80ms}.confetti-pos-4{--rot: 11.56deg;left:81.03vw;top:64.93vh;width:31.01vw;animation-delay:.12s}.confetti-pos-5{--rot: 30deg;left:87.42vw;top:22.87vh;width:23.28vw;animation-delay:.16s}@media screen and (min-width:768px){.confetti-pos-1{width:12.15vw}.confetti-pos-2{width:15.65vw}.confetti-pos-3{width:13.74vw}.confetti-pos-4{width:20.42vw}.confetti-pos-5{width:15.45vw}}@media screen and (min-width:1024px){.confetti-pos-1{width:12.21vw}.confetti-pos-2{width:15.02vw}.confetti-pos-3{width:12.47vw}.confetti-pos-4{width:17.79vw}.confetti-pos-5{width:15.45vw}}@keyframes popBadge{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--rot, 0deg)) scale(.1)}12.12%{transform:translate(-50%,-50%) rotate(var(--rot, 0deg)) scale(1.07)}24.24%{transform:translate(-50%,-50%) rotate(var(--rot, 0deg)) scale(.98)}36.36%{transform:translate(-50%,-50%) rotate(var(--rot, 0deg)) scale(1)}66.67%{opacity:1;transform:translate(-50%,-50%) rotate(var(--rot, 0deg)) scale(1)}81.82%{transform:translate(-50%,-50%) rotate(var(--rot, 0deg)) scale(1.1)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--rot, 0deg)) scale(.1)}}@keyframes hideContainer{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@media(prefers-reduced-motion:reduce){.confetti-container,.confetti-container div[class*=confetti-pos-]{animation:none!important}.confetti-container{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/gen-wgac-confetti.css.map */