.wheel-img{z-index:99;width:340px;height:340px;top:calc(50% - 350px / 2);left:calc(50% - 350px / 2);box-shadow:0 0 5px 5px #000,inset 0 0 115px 101px rgba(58,68,89,.2)}.wheel,.wheel-img{position:absolute;border-radius:50%}.wheel{width:320px;height:320px;top:calc(50% - 320px / 2);left:calc(50% - 315px / 2);border:8px solid #000;margin:-8px;box-shadow:0 0 6px 6px #000;overflow:hidden}.wheel:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 5px 10px rgba(0,0,0,.4);z-index:1;top:0;left:0}.wheel .inner{width:100%;height:100%;transition:5s}.wheel .inner .slice{position:absolute;width:0;height:0;left:95px;top:-39px;border-width:190px 60px 0 50px;border-style:solid;transform-origin:50% 100%}.wheel .inner .slice .prize{position:relative;display:block;transform:rotate(90deg);left:6px;text-align:center;font-size:12px;line-height:20px;font-weight:600;margin-top:-137px;color:#fff;text-shadow:-1px -1px 0 #585651,1px -1px 0 #585651,-1px 1px 0 #585651,1px 1px 0 #585651;white-space:nowrap}.slice:first-child{border-color:#dd1fe5 transparent;transform:rotate(0deg)}.slice:nth-child(2){border-color:#05f transparent;transform:rotate(-25.71deg)}.slice:nth-child(3){border-color:#dd1fe5 transparent;transform:rotate(-51.43deg)}.slice:nth-child(4){border-color:#05f transparent;transform:rotate(-77.14deg)}.slice:nth-child(5){border-color:#dd1fe5 transparent;transform:rotate(-102.86deg)}.slice:nth-child(6){border-color:#05f transparent;transform:rotate(-128.57deg)}.slice:nth-child(7){border-color:#dd1fe5 transparent;transform:rotate(-154.29deg)}.slice:nth-child(8){border-color:#05f transparent;transform:rotate(-180deg)}.slice:nth-child(9){border-color:#dd1fe5 transparent;transform:rotate(-205.71deg)}.slice:nth-child(10){border-color:#05f transparent;transform:rotate(-231.43deg)}.slice:nth-child(11){border-color:#dd1fe5 transparent;transform:rotate(-257.14deg)}.slice:nth-child(12){border-color:#05f transparent;transform:rotate(-282.86deg)}.slice:nth-child(13){border-color:#dd1fe5 transparent;transform:rotate(-308.57deg)}.slice:nth-child(14){border-color:#05f transparent;transform:rotate(-334.29deg)}#svg-arrow,.wheel-outer{opacity:0}.spin-btn{position:absolute;width:65px;height:65px;top:calc(50% - 85px / 2);left:calc(50% - 80px / 2);border-radius:50%;outline:none;box-shadow:0 0 5px 2px #000;border:2px solid gold;z-index:99;background:linear-gradient(180deg,#fcfff4 0,#dfe5d7 30%,#b3bead)}.spin-btn:active{transform:scale(.9)}@media (max-width:666.99px){.wheel-img{width:320px;height:320px;top:calc(50% - 325px / 2);left:calc(50% - 325px / 2)}.wheel{width:300px;height:300px;top:calc(50% - 285px / 2);left:calc(50% - 295px / 2)}.spin-btn{width:60px;height:60px;top:calc(50% - 65px / 2);left:calc(50% - 72px / 2)}.wheel .inner .slice{left:102px;top:-38px;border-width:180px 50px 0 39px}.wheel .inner .slice .prize{left:6px;font-size:11px;margin-top:-125px}}