#wheel-of-fortune #wrapper{margin:0 auto;width:420px;position:relative}#wheel-of-fortune #wrapper #wheel{width:400px;height:400px;border-radius:50%;position:relative;overflow:hidden;border:8px solid white;box-shadow:#0003 0 0 10px,#0000000d 0 3px;transform:rotate(0);margin:0 auto}@media(max-width:576px){#wheel-of-fortune #wrapper #wheel{width:300px;height:300px}}#wheel-of-fortune #wrapper #wheel:before{content:"";position:absolute;border:4px solid rgba(0,0,0,.1);width:383px;height:384px;border-radius:50%;z-index:1000}@media(max-width:576px){#wheel-of-fortune #wrapper #wheel:before{width:284px;height:284px}}#wheel-of-fortune #wrapper #wheel #inner-wheel{width:100%;height:100%;transition:all 6s cubic-bezier(0,.99,.44,.99)}#wheel-of-fortune #wrapper #wheel .sec{position:absolute;width:0;height:0;border-style:solid;opacity:1;border-width:197px 112px 0;border-color:#F7065D transparent;transform-origin:115px 198px;left:73px;top:-10px}@media(max-width:576px){#wheel-of-fortune #wrapper #wheel .sec{border-width:147px 85px 0;border-color:#F7065D transparent;transform-origin:85px 147px;left:54px;top:-4px}}#wheel-of-fortune #wrapper #wheel .sec.active{border-color:#fc4d8b transparent}#wheel-of-fortune #wrapper #wheel .sec:nth-child(1){transform:rotate(60deg)}#wheel-of-fortune #wrapper #wheel .sec:nth-child(2){transform:rotate(120deg);border-color:#210056 transparent}#wheel-of-fortune #wrapper #wheel .sec:nth-child(2).active{border-color:#5a29a8 transparent}#wheel-of-fortune #wrapper #wheel .sec:nth-child(3){transform:rotate(180deg)}#wheel-of-fortune #wrapper #wheel .sec:nth-child(4){transform:rotate(240deg);border-color:#210056 transparent}#wheel-of-fortune #wrapper #wheel .sec:nth-child(4).active{border-color:#5a29a8 transparent}#wheel-of-fortune #wrapper #wheel .sec:nth-child(5){transform:rotate(300deg)}#wheel-of-fortune #wrapper #wheel .sec:nth-child(6){transform:rotate(360deg);border-color:#210056 transparent}#wheel-of-fortune #wrapper #wheel .sec:nth-child(6).active{border-color:#5a29a8 transparent}#wheel-of-fortune #wrapper #wheel .sec span{position:relative;z-index:99;display:block;text-align:center;margin-left:-15px;font-size:46px;margin-top:-150px}@media(max-width:576px){#wheel-of-fortune #wrapper #wheel .sec span{font-size:36px;margin-top:-120px}}#wheel-of-fortune #wrapper #wheel #spin{width:68px;height:68px;position:absolute;top:50%;left:50%;margin:-34px 0 0 -34px;border-radius:50%;box-shadow:#0000001a 0 3px;z-index:1000;background:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}#wheel-of-fortune #wrapper #wheel #spin:before{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:0 20px 28px 20px;border-color:transparent transparent white transparent;top:-12px;left:14px}#wheel-of-fortune #wrapper #wheel #spin #inner-spin{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:700}#wheel-of-fortune #wrapper #win{visibility:hidden}