.container{overflow:hidden;position:relative}.confetti{height:100%;position:absolute;width:100%}.confetti span{background:#fff;height:1.5vw;left:0;position:absolute;top:-10%;width:1.5vw}.confetti span:nth-child(2n+2),.confetti span:nth-child(odd){animation:confetti-anim-1 10s linear 0s infinite}.confetti span:first-child{left:0}.confetti span:nth-child(2){left:2%}.confetti span:nth-child(3){left:4%}.confetti span:nth-child(4){left:6%}.confetti span:nth-child(5){left:8%}.confetti span:nth-child(6){left:10%}.confetti span:nth-child(7){left:12%}.confetti span:nth-child(8){left:14%}.confetti span:nth-child(9){left:16%}.confetti span:nth-child(10){left:18%}.confetti span:nth-child(11){left:20%}.confetti span:nth-child(12){left:22%}.confetti span:nth-child(13){left:24%}.confetti span:nth-child(14){left:26%}.confetti span:nth-child(15){left:28%}.confetti span:nth-child(16){left:30%}.confetti span:nth-child(17){left:32%}.confetti span:nth-child(18){left:34%}.confetti span:nth-child(19){left:36%}.confetti span:nth-child(20){left:38%}.confetti span:nth-child(21){left:40%}.confetti span:nth-child(22){left:42%}.confetti span:nth-child(23){left:44%}.confetti span:nth-child(24){left:46%}.confetti span:nth-child(25){left:48%}.confetti span:nth-child(26){left:50%}.confetti span:nth-child(27){left:52%}.confetti span:nth-child(28){left:54%}.confetti span:nth-child(29){left:56%}.confetti span:nth-child(30){left:58%}.confetti span:nth-child(31){left:60%}.confetti span:nth-child(32){left:62%}.confetti span:nth-child(33){left:64%}.confetti span:nth-child(34){left:66%}.confetti span:nth-child(35){left:68%}.confetti span:nth-child(36){left:70%}.confetti span:nth-child(37){left:72%}.confetti span:nth-child(38){left:74%}.confetti span:nth-child(39){left:76%}.confetti span:nth-child(40){left:78%}.confetti span:nth-child(41){left:80%}.confetti span:nth-child(42){left:82%}.confetti span:nth-child(43){left:84%}.confetti span:nth-child(44){left:86%}.confetti span:nth-child(45){left:88%}.confetti span:nth-child(46){left:90%}.confetti span:nth-child(47){left:92%}.confetti span:nth-child(48){left:94%}.confetti span:nth-child(49){left:96%}.confetti span:nth-child(50){left:98%}.confetti span:nth-child(5n+1){background:red}.confetti span:nth-child(5n+2){background:#00f}.confetti span:nth-child(5n+3){background:green}.confetti span:nth-child(5n+4){background:pink}.confetti span:nth-child(5n+5){background:#ff0}.confetti span:nth-child(4n+1){animation-duration:5s}.confetti span:nth-child(4n+2){animation-duration:12s}.confetti span:nth-child(4n+3){animation-duration:8s}.confetti span:nth-child(4n+4){animation-duration:6s}.confetti span:nth-child(11n+1){animation-delay:0s}.confetti span:nth-child(11n+2){animation-delay:9s}.confetti span:nth-child(11n+3){animation-delay:2s}.confetti span:nth-child(11n+4){animation-delay:5s}.confetti span:nth-child(11n+5){animation-delay:6s}.confetti span:nth-child(11n+6){animation-delay:7s}.confetti span:nth-child(11n+7){animation-delay:3s}.confetti span:nth-child(11n+8){animation-delay:1s}.confetti span:nth-child(11n+9){animation-delay:2s}.confetti span:nth-child(11n+10){animation-delay:11s}.confetti span:nth-child(11n+11){animation-delay:10s}@keyframes confetti-anim-1{to{transform:translate(20vw) rotateX(180deg) rotateY(1turn)}0%{top:-10%;transform:translate(0) rotateX(0) rotateY(0)}to{top:100%;transform:translate(-20vw) rotateX(180deg) rotateY(1turn)}}#roulette-two___app---roulette li:first-of-type{transform:rotate(180deg)}#roulette-two___app---roulette li:nth-of-type(2){transform:rotate(1turn)}#roulette-two___app---roulette li:first-of-type:before{border-color:#f97316}#roulette-two___app---roulette li:nth-of-type(2):before{border-color:#10b981}#roulette-two___app---roulette.two-result-1{-webkit-animation-name:"two-result-1"}#roulette-two___app---roulette.two-result-2{-webkit-animation-name:"two-result-2"}@keyframes two-result-1{0%{transform:rotate(0)}to{transform:rotate(3780deg)}}@keyframes two-result-2{0%{transform:rotate(0)}to{transform:rotate(10turn)}}#roulette-three___app---roulette li:first-of-type{transform:rotate(120deg)}#roulette-three___app---roulette li:nth-of-type(2){transform:rotate(240deg)}#roulette-three___app---roulette li:nth-of-type(3){transform:rotate(1turn)}#roulette-three___app---roulette li:first-of-type:before{border-color:#ef4444 transparent transparent}#roulette-three___app---roulette li:nth-of-type(2):before{border-color:#3b82f6 transparent transparent}#roulette-three___app---roulette li:nth-of-type(3):before{border-color:#a855f7 transparent transparent}#roulette-three___app---roulette.three-result-1{-webkit-animation-name:"three-result-1"}#roulette-three___app---roulette.three-result-2{-webkit-animation-name:"three-result-2"}#roulette-three___app---roulette.three-result-3{-webkit-animation-name:"three-result-3"}@keyframes three-result-1{0%{transform:rotate(0)}to{transform:rotate(3480deg)}}@keyframes three-result-2{0%{transform:rotate(0)}to{transform:rotate(3360deg)}}@keyframes three-result-3{0%{transform:rotate(0)}to{transform:rotate(9turn)}}