@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);:root{--color1:#55476a;--color2:#ae3d63;--color3:#db3853;--color4:#f45c44;--color5:#f8b663}.container{min-height:100vh;overflow:hidden;padding:60px;position:relative;width:100%}.confetti{position:absolute;display:flex;width:10px;height:25px;top:-100px}.confetti:first-child{background-color:var(--color1);animation:fall 2.5s linear infinite;left:10%}.confetti:nth-child(2){background-color:var(--color2);animation:fall 2.3s linear .2s infinite;left:20%}.confetti:nth-child(3){background-color:var(--color3);animation:fall 2.4s linear .4s infinite;left:30%}.confetti:nth-child(4){background-color:var(--color4);animation:fall 2.7s linear .1s infinite;left:40%}.confetti:nth-child(5){background-color:var(--color5);animation:fall 2.6s linear .7s infinite;left:50%}.confetti:nth-child(6){background-color:var(--color1);animation:fall 2.4s linear .2s infinite;left:60%}.confetti:nth-child(7){background-color:var(--color2);animation:fall 2.1s linear .7s infinite;left:70%}.confetti:nth-child(8){background-color:var(--color3);animation:fall 2.4s linear .9s infinite;left:80%}.confetti:nth-child(9){background-color:var(--color4);animation:fall 2.9s linear .9s infinite;left:90%}.confetti:nth-child(10){background-color:var(--color5);animation:fall 2.2s linear 1.1s infinite;left:100%}.confetti:nth-child(11){background-color:var(--color1);animation:fall2 2.5s linear infinite;left:95%}.confetti:nth-child(12){background-color:var(--color2);animation:fall2 2.3s linear 1.1s infinite;left:85%}.confetti:nth-child(13){background-color:var(--color3);animation:fall2 2.4s linear 1.2s infinite;left:75%}.confetti:nth-child(14){background-color:var(--color4);animation:fall2 2.7s linear 1.3s infinite;left:65%}.confetti:nth-child(15){background-color:var(--color5);animation:fall2 2.6s linear 1.4s infinite;left:55%}.confetti:nth-child(16){background-color:var(--color1);animation:fall2 2.4s linear 1.5s infinite;left:45%}.confetti:nth-child(17){background-color:var(--color2);animation:fall2 2.1s linear 1.6s infinite;left:35%}.confetti:nth-child(18){background-color:var(--color3);animation:fall2 2.4s linear 1.7s infinite;left:25%}.confetti:nth-child(19){background-color:var(--color4);animation:fall2 2.9s linear 1.8s infinite;left:15%}.confetti:nth-child(20){background-color:var(--color5);animation:fall2 2.2s linear 1.9s infinite;left:5%}.confetti:nth-child(21){background-color:var(--color1);animation:fall 2.5s linear infinite;left:3%}.confetti:nth-child(22){background-color:var(--color2);animation:fall 2.3s linear 1.3s infinite;left:13%}.confetti:nth-child(23){background-color:var(--color3);animation:fall 2.4s linear 1.4s infinite;left:23%}.confetti:nth-child(24){background-color:var(--color4);animation:fall 2.7s linear 1.5s infinite;left:33%}.confetti:nth-child(25){background-color:var(--color5);animation:fall 2.6s linear 1.6s infinite;left:43%}.confetti:nth-child(26){background-color:var(--color1);animation:fall 2.4s linear 1.2s infinite;left:53%}.confetti:nth-child(27){background-color:var(--color2);animation:fall 2.1s linear 1.7s infinite;left:63%}.confetti:nth-child(28){background-color:var(--color3);animation:fall 2.4s linear 1.8s infinite;left:73%}.confetti:nth-child(29){background-color:var(--color4);animation:fall 2.9s linear 1.9s infinite;left:83%}.confetti:nth-child(30){background-color:var(--color5);animation:fall 2.2s linear 1.1s infinite;left:93%}.confetti:nth-child(31){background-color:var(--color1);animation:fall2 2.2s linear 1.1s infinite;left:7%}.confetti:nth-child(32){background-color:var(--color2);animation:fall2 2.9s linear .9s infinite;left:17%}.confetti:nth-child(33){background-color:var(--color3);animation:fall2 2.4s linear .1s infinite;left:27%}.confetti:nth-child(34){background-color:var(--color4);animation:fall2 2.1s linear .7s infinite;left:37%}.confetti:nth-child(35){background-color:var(--color5);animation:fall2 2.4s linear .2s infinite;left:47%}.confetti:nth-child(36){background-color:var(--color1);animation:fall2 2.6s linear .7s infinite;left:57%}.confetti:nth-child(37){background-color:var(--color2);animation:fall2 2.7s linear .9s infinite;left:67%}.confetti:nth-child(38){background-color:var(--color3);animation:fall2 2.4s linear .4s infinite;left:77%}.confetti:nth-child(39){background-color:var(--color4);animation:fall2 2.3s linear .2s infinite;left:87%}.confetti:nth-child(40){background-color:var(--color5);animation:fall2 2.5s linear .3s infinite;left:97%}@keyframes fall{0%{top:-110px;transform:rotate(0deg) rotateY(-90deg);opacity:1}to{top:900px;transform:rotate(1turn) rotateY(180deg);opacity:.7}}@keyframes fall2{0%{top:-110px;transform:rotate(0deg) rotateY(90deg);opacity:1}to{top:900px;transform:rotate(-1turn) rotateY(-180deg);opacity:.5}}.v-enter-active,.v-leave-active{transition:opacity .5s ease}.v-enter-from,.v-leave-to{opacity:0}body{margin:0;padding:0;font-family:Poppins,sans-serif}.main{display:flex;justify-content:center;align-items:flex-start;padding:0 2rem;height:100%}.header{text-align:center}.header h1{color:#ee3364}.btn{border:none;outline:none;background-color:#ee3364;color:#fff;border-radius:15px;padding:1rem 3rem;font-size:15px;font-weight:600;letter-spacing:1.3px;cursor:pointer;margin-right:10px}button:disabled,button[disabled]{background-color:#695057;cursor:no-drop;color:#666;border:1px solid #acacac}.btn span{margin-left:5px}.tombola{width:40%}.resultado{width:60%;text-align:center}.ticketRes{width:50%;position:relative;margin:1rem auto;opacity:0}.botones{display:flex;justify-content:space-between;margin-top:25px}.ticketRes .winner{width:88%;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-88%)}.ticketRes .winner.h2{width:75%;font-size:1.5rem;transform:translate(-50%,-100%)}.ticketRes .winner.h1{width:80%;font-size:1.7rem;transform:translate(-50%,-100%)}.drumHolder{margin-top:50px}.ticketRes.show{animation:showWinner 5s;opacity:1}.ganadores{margin-top:5rem;display:flex;flex-wrap:wrap;padding:0 2rem;justify-content:center}.ganadores .ganador{width:20%;display:flex;margin-right:20px;justify-content:space-between;padding:0 3rem;margin-bottom:10px;box-shadow:1px 1px 4px #000}.ganadores .ganador p:nth-child(2){text-align:right}.fitImg img{width:100%;height:auto;display:block}.drumHolder{position:relative;width:100%;margin-top:25px}.drumHolder .raffleHolder{position:absolute;top:2%;left:1%;width:98%}.drumHolder .drumMask{overflow:hidden}.drumHolder .drumGlassHolder,.drumHolder .drumMask{width:100%;height:100%;position:absolute;top:0;left:0}.drumHolder .drumGlassHolder{z-index:100}.drumHolder .drumSideHolder{position:absolute;width:100%;height:100%;top:0;left:0;z-index:100}.drumHolder .drumSideHolder .side{position:absolute;width:100%;top:20%}.drumHolder .itemsWrapper,.drumHolder .itemsWrapper .items{position:absolute;width:100%;height:100%;left:0}.drumHolder .itemsWrapper .items{top:0}.drumHolder .ticketResult{position:absolute;top:0;left:0;width:100%;height:100%}.drumHolder .itemsWrapper .item,.drumHolder .ticketResult .item{position:absolute}.drumHolder .itemsWrapper .items:first-child{left:-.851519%;top:71%;transform:scale(.974196);z-index:2}.drumHolder .itemsWrapper .items:nth-child(2){left:-1.94577%;top:44%;transform:scale(.941037);z-index:0}.drumHolder .itemsWrapper .items:nth-child(3){left:-1.57482%;top:50%;transform:scale(.952278);z-index:1}.drumHolder .itemsWrapper .items:nth-child(4){left:-.0179951%;top:69%;transform:scale(.999455);z-index:3}.drumHolder .itemsWrapper .item{width:25%}.drumHolder .itemsWrapper .item:first-child{left:3%;top:10%}.drumHolder .itemsWrapper .item:nth-child(2){left:18%;top:-4%}.drumHolder .itemsWrapper .item:nth-child(3){left:41%;top:-2%}.drumHolder .itemsWrapper .item:nth-child(4){left:57%;top:-10%}.drumHolder .itemsWrapper .item:nth-child(5){left:72%;top:4%}.drumHolder .displayNumber{position:absolute;width:100%;height:100%;top:0;left:0;padding-top:35%;font-family:Verdana,Geneva,sans-serif;font-size:2.5vw;line-height:2.5vw;font-weight:700;text-align:center;color:#666}.drumHolder.fitImg img{width:100%;height:auto;display:block}@media only screen and (min-width:600px){.drumHolder .displayNumber{font-size:20px;line-height:20px}}.giro{animation:giro 1.5s ease infinite}.giro2{animation:giro2 1.5s cubic-bezier(.36,.07,.19,.97) infinite}.giro3{animation:giro3 1.5s cubic-bezier(.36,.07,.19,.97) infinite}.giro4{animation:giro4 1.5s cubic-bezier(.36,.07,.19,.97) infinite}.girost{animation:giro ease 2}.giro2st{animation:giro2 ease 2}.giro3st{animation:giro3 ease 2}.giro4st{animation:giro4 ease 2}.shake,.shakest{transform:rotate(0deg)}.shake{animation:shake 10s cubic-bezier(.36,.07,.19,.97) infinite}.shake2{animation:shake2 10s cubic-bezier(.36,.07,.19,.97) infinite;transform:rotate(0deg)}.shake3{animation:shake3 8s cubic-bezier(.36,.07,.19,.97) infinite;transform:rotate(-180deg)}.anim{animation:side .8s infinite}.anim-stop{animation:sidestop 2s ease}@keyframes shake{10%,20%{transform:rotate(20deg)}20%,80%{transform:rotate(25deg)}80%,90%{transform:rotate(-20deg)}90%,to{transform:rotate(0deg)}}@keyframes shake2{10%,20%{transform:rotate(-10deg)}20%,80%{transform:rotate(-15deg)}80%,90%{transform:rotate(10deg)}90%,to{transform:rotate(0deg)}}@keyframes shake3{10%,20%{transform:rotate(-150deg)}20%,80%{transform:rotate(-200deg)}80%,90%{transform:rotate(-150deg)}90%,to{transform:rotate(-180deg)}}@keyframes giro{0%{left:-.851519%;top:71%;transform:scale(.95);z-index:1}50%{left:-.851519%;top:0;transform:scale(1.0009);z-index:2}to{left:-.851519%;top:71%;transform:scale(.95);z-index:1}}@keyframes giro2{0%{left:-1.94577%;top:44%;transform:scale(.941037);z-index:2}50%{left:-1.94577%;top:0;transform:scale(.941037);z-index:3}to{left:-1.94577%;top:44%;transform:scale(1);z-index:2}}@keyframes giro3{0%{left:-1.57482%;top:10%;transform:scale(.952278);z-index:3}50%{left:0;top:60%;transform:scale(.952278);z-index:4}to{left:-1.57482%;top:10%;transform:scale(.952278);z-index:3}}@keyframes giro4{0%{left:-.0179951%;top:69%;transform:scale(.999455);z-index:4}50%{left:-.0179951%;top:0;transform:scale(.98);z-index:5}to{left:-.0179951%;top:69%;transform:scale(.999455);z-index:4}}@keyframes side{0%{left:0;top:0}to{left:0;top:100%}}@keyframes sidestop{0%{top:0}50%{top:50%}50%,75%{top:100%}to{top:50%}}@keyframes showWinner{0%{opacity:0;transform:scale(.4);transform:translate(-800px)}10%{opacity:1;transform:scale(.4)}to{transform:translateX(0);opacity:1;transform:translate(0)}}