.wheel{transform:rotate(-90deg);max-height:100%}.wheel.rotating{transition:transform 5s cubic-bezier(.315,-.32,0,1)}.wheelHolder{position:relative;padding-bottom:100%;max-height:0%;overflow:hidden;text-align:center;max-width:100%;margin-bottom:20px}.wheelHolder svg{position:absolute;top:0;left:0}.wheelHolder .loaderholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wheelHolder:after{content:" ";position:absolute;width:0;height:0;border-style:solid;border-width:50px 10px 0 10px;border-color:gold transparent transparent transparent;left:50%;margin-left:-10px;top:0}.wheel image{border-radius:50%;overflow:hidden}.winner{transform:translate(-50%,-50%) scale(0,0);position:absolute;left:50%;top:50%;pointer-events:none;display:flex;background:#fff;padding:20px;gap:20px;width:400px;transition:transform .3s linear;max-width:90%}.winner .closeX:before{content:"X"}.winner .closeX{cursor:pointer;background-color:#415161;color:#fff;border-radius:50%;border:2px solid #fff;transition:background-color .2s linear;overflow:hidden;width:1.5em;height:1.5em;font-size:1.25em;line-height:1.5em;vertical-align:middle;text-align:center;font-weight:700;position:absolute;top:0;right:0;transform:translate(50%,-50%)}.winner img{width:100px}.display .winner{transform:translate(-50%,-50%) scale(1,1);pointer-events:auto;box-shadow:#333 0 0 20px;border-radius:20px}#confetti-canvas{position:fixed;z-index:5;top:0;left:0}@media (max-width:850px){.wheel{max-height:calc(100vh - 196px)}}@media(max-width:500px){.wheelHolder:after{border-width:30px 7px 0 7px;margin-left:-7px}}