.confetti,.icon{position:relative}.icon{font-size:32px;font-weight:700;letter-spacing:32px}.confetti{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden}.confetti-piece{position:absolute;width:8px;height:16px;background:#ffd300;top:0;opacity:0}.confetti-piece:first-child{left:7%;transform:rotate(30deg);-webkit-animation:992ms ease-out 260ms infinite makeItRain;animation:992ms ease-out 260ms infinite makeItRain}.confetti-piece:nth-child(2){left:14%;transform:rotate(65deg);-webkit-animation:704ms ease-out 59ms infinite makeItRain;animation:704ms ease-out 59ms infinite makeItRain}.confetti-piece:nth-child(3){left:21%;transform:rotate(74deg);-webkit-animation:991ms ease-out 52ms infinite makeItRain;animation:991ms ease-out 52ms infinite makeItRain}.confetti-piece:nth-child(4){left:28%;transform:rotate(-56deg);-webkit-animation:976ms ease-out 480ms infinite makeItRain;animation:976ms ease-out 480ms infinite makeItRain}.confetti-piece:nth-child(5){left:35%;transform:rotate(26deg);-webkit-animation:705ms ease-out 6ms infinite makeItRain;animation:705ms ease-out 6ms infinite makeItRain}.confetti-piece:nth-child(6){left:42%;transform:rotate(24deg);-webkit-animation:829ms ease-out 473ms infinite makeItRain;animation:829ms ease-out 473ms infinite makeItRain}.confetti-piece:nth-child(7){left:49%;transform:rotate(5deg);-webkit-animation:1128ms ease-out 450ms infinite makeItRain;animation:1128ms ease-out 450ms infinite makeItRain}.confetti-piece:nth-child(8){left:56%;transform:rotate(76deg);-webkit-animation:1072ms ease-out 487ms infinite makeItRain;animation:1072ms ease-out 487ms infinite makeItRain}.confetti-piece:nth-child(9){left:63%;transform:rotate(-75deg);-webkit-animation:1166ms ease-out 158ms infinite makeItRain;animation:1166ms ease-out 158ms infinite makeItRain}.confetti-piece:nth-child(10){left:70%;transform:rotate(74deg);-webkit-animation:890ms ease-out 220ms infinite makeItRain;animation:890ms ease-out 220ms infinite makeItRain}.confetti-piece:nth-child(11){left:77%;transform:rotate(4deg);-webkit-animation:1057ms ease-out 188ms infinite makeItRain;animation:1057ms ease-out 188ms infinite makeItRain}.confetti-piece:nth-child(12){left:84%;transform:rotate(-30deg);-webkit-animation:830ms ease-out 399ms infinite makeItRain;animation:830ms ease-out 399ms infinite makeItRain}.confetti-piece:nth-child(13){left:91%;transform:rotate(68deg);-webkit-animation:891ms ease-out 147ms infinite makeItRain;animation:891ms ease-out 147ms infinite makeItRain}.confetti-piece:nth-child(odd){background:#17d3ff}.confetti-piece:nth-child(2n){z-index:1}.confetti-piece:nth-child(4n){width:5px;height:12px;-webkit-animation-duration:2s;animation-duration:2s}.confetti-piece:nth-child(3n){width:3px;height:10px;-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-delay:1s;animation-delay:1s}.confetti-piece:nth-child(4n-7){background:#ff4e91}@-webkit-keyframes makeItRain{from{opacity:0}50%{opacity:1}to{transform:translateY(600px)}}@keyframes makeItRain{from{opacity:0}50%{opacity:1}to{transform:translateY(600px)}}