.spinner,.wheel-container{width:var(--size);height:var(--size)}.fortune-wheel{margin-bottom:20px}.fortune-wheel .wheel__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:60px}.fortune-wheel .wheel__title{text-align:center;font-weight:600;font-size:clamp(24px,3vw,28px);line-height:1.15;margin-bottom:8px}.fortune-wheel .wheel__title span{color:#01cd31}.fortune-wheel .wheel__subtitle{text-align:center;font-weight:600;color:#93a1bd}.deal-wheel{--size:clamp(300px, 60vmin, 570px);padding-top:60px}.wheel-container{position:relative}.btn-container,.ticker,.wheel-bg{position:absolute}.wheel-bg{height:100%;width:100%;scale:1.1}.prize,.spinner{position:relative}.wheel-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.spinner{display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-areas:'spinner';-webkit-transform:rotate(calc(var(--rotate,25) * 1deg));-ms-transform:rotate(calc(var(--rotate,25) * 1deg));transform:rotate(calc(var(--rotate,25) * 1deg));border-radius:50%;-webkit-transition:-webkit-transform 1s ease-out;transition:-webkit-transform 1s ease-out;transition:transform 1s ease-out;transition:transform 1s ease-out,-webkit-transform 1s ease-out;will-change:transform}.wheel-table__blocks,.wheel-table__inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column}.spinner.is-spinning{-webkit-animation:start-rotate 4s infinite;animation:start-rotate 4s infinite}.spinner *{grid-area:spinner}.pulse-animation{-webkit-animation:pulse 1s ease-out;animation:pulse 1s ease-out;-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.wheel-table{margin-top:32px;margin-bottom:32px}.wheel-table__inner{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;gap:1px;border-radius:12px;overflow:hidden}.wheel-table__blocks{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;gap:16px;width:300px;padding:16px;margin:0 auto;background-color:#191f2b;border-radius:16px}.wheel-table__block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;padding:12px 16px;background-color:#1f2532;-webkit-transition:opacity .2s ease-out,color .2s ease-out;transition:opacity .2s ease-out,color .2s ease-out;color:#fff;cursor:pointer}.wheel-rise,.wheel-table__block_inner{display:-webkit-box;display:-ms-flexbox;font-size:12px}.wheel-table__block.active{color:gold;text-shadow:0 0 10px rgba(0,0,0,.5)}.wheel-table__block:nth-child(1) .dot{background-color:#d83737}.wheel-table__block:nth-child(2) .dot{background-color:#098dfc}.wheel-table__block:nth-child(3) .dot{background-color:#e88c00}.wheel-table__block:nth-child(4) .dot{background-color:#bb09fc}.wheel-table__block:nth-child(5) .dot{background-color:#01cd31}.wheel-table__block:nth-child(6) .dot{background-color:#e7ee24}.wheel-table__block_inner{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.wheel-rise{display:flex;gap:16px;background:rgba(232,140,0,.13);border-radius:12px;padding:12px;font-weight:500;color:#e88c00}.prize,.wheel-table__icon{display:-webkit-box;display:-ms-flexbox}.wheel-rise svg{-ms-flex-negative:0;flex-shrink:0}.wheel-table__icon{display:flex}.wheel-table__text .dot{height:10px;width:10px;border-radius:50%;margin-left:8px}.prize{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:50%;height:50%;-webkit-transform-origin:center right;-ms-transform-origin:center right;transform-origin:center right;-webkit-transform:rotate(var(--rotate));-ms-transform:rotate(var(--rotate));transform:rotate(var(--rotate));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.icon__money{max-width:30px;-webkit-box-shadow:2px 2px 5px rgba(0,0,0,.5);box-shadow:2px 2px 5px rgba(0,0,0,.5);border-radius:50%;margin-left:15px}.icon__money.spin{-webkit-animation:spinY 1s linear;animation:spinY 1s linear}.text__wheel{text-shadow:1px 1px 2px rgba(0,0,0,.5);width:calc(var(--size)/ 4);text-align:center;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);font-size:clamp(10px,3vw,22px)}.ticker{top:50%;right:-6%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:calc(var(--size)/ 9.5);height:calc(var(--size)/ 11.5);background:url(../assets/img/fortune-wheel/ticker.svg) no-repeat;background-size:cover}.btn-spin{width:100%;height:100%;background:url(../assets/img/fortune-wheel/spin.svg) no-repeat;background-size:contain;cursor:pointer;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}.btn-spin:not(:disabled):hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.btn-spin:disabled{cursor:progress}.wheel-freespins{padding:0 10px}.is-spinning .spinner{-webkit-transition:-webkit-transform 12s cubic-bezier(.1,-.01,0,1);transition:-webkit-transform 12s cubic-bezier(.1,-.01,0,1);transition:transform 12s cubic-bezier(.1,-.01,0,1);transition:transform 12s cubic-bezier(.1,-.01,0,1),-webkit-transform 12s cubic-bezier(.1,-.01,0,1)}.btn-container{height:20%;width:20%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:6px solid #191f2b;border-radius:50%}@-webkit-keyframes spinY{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@keyframes spinY{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@-webkit-keyframes start-rotate{0%,100%{-webkit-transform:rotate(915deg);transform:rotate(915deg)}50%{-webkit-transform:rotate(935deg);transform:rotate(935deg)}}@keyframes start-rotate{0%,100%{-webkit-transform:rotate(915deg);transform:rotate(915deg)}50%{-webkit-transform:rotate(935deg);transform:rotate(935deg)}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes pulse{0%,100%{-webkit-transform:scale(1) rotate(180deg);transform:scale(1) rotate(180deg);color:initial}50%{-webkit-transform:scale(1.5) rotate(180deg);transform:scale(1.5) rotate(180deg);color:gold}}@keyframes pulse{0%,100%{-webkit-transform:scale(1) rotate(180deg);transform:scale(1) rotate(180deg);color:initial}50%{-webkit-transform:scale(1.5) rotate(180deg);transform:scale(1.5) rotate(180deg);color:gold}}@media (max-width:1200px){.fortune-wheel .wheel__wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media (max-width:992px){.fortune-wheel .wheel__wrapper{gap:40px}}@media (max-width:600px){.spinner.is-spinning{-webkit-animation:none;animation:none}.icon__prize{max-width:18px}}@media (max-width:500px){.icon__money{max-width:20px}.icon__prize{max-width:10px}}