.dark .wheel[data-v-589fbd81],.wheel[data-v-589fbd81] {
    background-image: radial-gradient(transparent 0,transparent 40%,#111 40.1%);
}

.slot[data-v-589fbd81] {
    -webkit-clip-path: path("m49.646 90.566 11.44-88.024S45.677.674 30.617.674C15.557.674.147 2.542.147 2.542l11.675 88.024s9.573-.934 18.913-1.167c9.34-.234 18.912 1.167 18.912 1.167Z");
    clip-path: path("m49.646 90.566 11.44-88.024S45.677.674 30.617.674C15.557.674.147 2.542.147 2.542l11.675 88.024s9.573-.934 18.913-1.167c9.34-.234 18.912 1.167 18.912 1.167Z")
}

@media (min-width: 640px) {
    .slot[data-v-589fbd81] {
        -webkit-clip-path:path("M67.417 122.484 82.903 3.331S62.044.803 41.658.803C21.272.803.413 3.33.413 3.33l15.803 119.153s12.958-1.264 25.6-1.581c12.643-.316 25.6 1.581 25.6 1.581Z");
        clip-path: path("M67.417 122.484 82.903 3.331S62.044.803 41.658.803C21.272.803.413 3.33.413 3.33l15.803 119.153s12.958-1.264 25.6-1.581c12.643-.316 25.6 1.581 25.6 1.581Z")
    }
}

@media (min-width: 1024px) {
    .slot[data-v-589fbd81] {
        background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='196' height='289' fill='none'%3E%3Cg clip-path='url(%23a)' opacity='.2'%3E%3Cmask id='b' width='196' height='290' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23ECECEC' d='m159.166 289.61 36.75-282.75s-49.499-6-97.875-6-97.875 6-97.875 6l37.5 282.75s30.75-3 60.75-3.75c30.001-.75 60.75 3.75 60.75 3.75Z'/%3E%3C/mask%3E%3Cg mask='url(%23b)'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M138.351 15.86h15.206l-1.521 15h-15.205l-1.521 15h15.206l1.52-15h15.206l-1.521 15-1.52 15h15.205l1.521-15h15.205l1.521-15h-30.411l1.52-15h-15.205l1.52-15h-15.205l-1.521 15Zm62.343-15h-15.206l-1.52 15h15.205l1.521-15ZM70.111 212.36h15.206l-1.52 15h15.205l-1.52 15H67.07l1.52-15 1.521-15Zm-4.561 45 1.52-15H36.66l1.52-15H22.975l-1.52 15-1.52 15-1.521 15h15.205l-1.52 15-1.521 15H91.4l1.52-15 1.521-15h15.205l1.521-15H95.96l-1.52 15H79.234l1.521-15H65.55Zm0 0H50.344l-1.52 15h15.205l1.52-15Z' clip-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.166.86h196.5v288H.166z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
        -webkit-clip-path: path("M159 289.25 195.75 6.5s-49.499-6-97.875-6S0 6.5 0 6.5l37.5 282.75s30.75-3 60.75-3.75c30.001-.75 60.75 3.75 60.75 3.75Z");
        clip-path: path("M159 289.25 195.75 6.5s-49.499-6-97.875-6S0 6.5 0 6.5l37.5 282.75s30.75-3 60.75-3.75c30.001-.75 60.75 3.75 60.75 3.75Z")
    }
}

.slot[data-v-589fbd81]:first-of-type {
    transform: rotate(-90deg) translate3d(200px,0,0) rotate(90deg)
}

@media (min-width: 640px) {
    .slot[data-v-589fbd81]:first-of-type {
        transform:rotate(-90deg) translate3d(270px,0,0) rotate(90deg)
    }
}

@media (min-width: 1024px) {
    .slot[data-v-589fbd81]:first-of-type {
        transform:rotate(-90deg) translate3d(635px,0,0) rotate(90deg)
    }
}

.slot[data-v-589fbd81]:nth-of-type(2) {
    transform: rotate(-105deg) translate3d(200px,0,0) rotate(90deg)
}

@media (min-width: 640px) {
    .slot[data-v-589fbd81]:nth-of-type(2) {
        transform:rotate(-105deg) translate3d(270px,0,0) rotate(90deg)
    }
}

@media (min-width: 1024px) {
    .slot[data-v-589fbd81]:nth-of-type(2) {
        transform:rotate(-105deg) translate3d(635px,0,0) rotate(90deg)
    }
}

.slot[data-v-589fbd81]:nth-of-type(3) {
    transform: rotate(-120deg) translate3d(200px,0,0) rotate(90deg)
}

@media (min-width: 640px) {
    .slot[data-v-589fbd81]:nth-of-type(3) {
        transform:rotate(-120deg) translate3d(270px,0,0) rotate(90deg)
    }
}

@media (min-width: 1024px) {
    .slot[data-v-589fbd81]:nth-of-type(3) {
        transform:rotate(-120deg) translate3d(635px,0,0) rotate(90deg)
    }
}

.slot[data-v-589fbd81]:nth-of-type(4) {
    transform: rotate(-135deg) translate3d(200px,0,0) rotate(90deg)
}

@media (min-width: 640px) {
    .slot[data-v-589fbd81]:nth-of-type(4) {
        transform:rotate(-135deg) translate3d(270px,0,0) rotate(90deg)
    }
}

@media (min-width: 1024px) {
    .slot[data-v-589fbd81]:nth-of-type(4) {
        transform:rotate(-135deg) translate3d(635px,0,0) rotate(90deg)
    }
}

.slot[data-v-589fbd81]:nth-of-type(5) {
    transform: rotate(-150deg) translate3d(200px,0,0) rotate(90deg)
}

@media (min-width: 640px) {
    .slot[data-v-589fbd81]:nth-of-type(5) {
        transform:rotate(-150deg) translate3d(270px,0,0) rotate(90deg)
    }
}

@media (min-width: 1024px) {
    .slot[data-v-589fbd81]:nth-of-type(5) {
        transform:rotate(-150deg) translate3d(635px,0,0) rotate(90deg)
    }
}

.slot[data-v-589fbd81]:nth-of-type(6) {
    transform: rotate(-165deg) translate3d(200px,0,0) rotate(90deg)
}

@media (min-width: 640px) {
    .slot[data-v-589fbd81]:nth-of-type(6) {
        transform:rotate(-165deg) translate3d(270px,0,0) rotate(90deg)
    }
}

@media (min-width: 1024px) {
    .slot[data-v-589fbd81]:nth-of-type(6) {
        transform:rotate(-165deg) translate3d(635px,0,0) rotate(90deg)
    }
}

.slot[data-v-589fbd81]:nth-of-type(7) {
    transform: rotate(-180deg) translate3d(200px,0,0) rotate(90deg)
}

@media (min-width: 640px) {
    .slot[data-v-589fbd81]:nth-of-type(7) {
        transform:rotate(-180deg) translate3d(270px,0,0) rotate(90deg)
    }
}

@media (min-width: 1024px) {
    .slot[data-v-589fbd81]:nth-of-type(7) {
        transform:rotate(-180deg) translate3d(635px,0,0) rotate(90deg)
    }
}

.slot[data-v-589fbd81]:nth-of-type(8) {
    transform: rotate(-195deg) translate3d(200px,0,0) rotate(90deg)
}

@media (min-width: 640px) {
    .slot[data-v-589fbd81]:nth-of-type(8) {
        transform:rotate(-195deg) translate3d(270px,0,0) rotate(90deg)
    }
}

@media (min-width: 1024px) {
    .slot[data-v-589fbd81]:nth-of-type(8) {
        transform:rotate(-195deg) translate3d(635px,0,0) rotate(90deg)
    }
}

.slot[data-v-589fbd81]:nth-of-type(9) {
    transform: rotate(-210deg) translate3d(200px,0,0) rotate(90deg)
}

@media (min-width: 640px) {
    .slot[data-v-589fbd81]:nth-of-type(9) {
        transform:rotate(-210deg) translate3d(270px,0,0) rotate(90deg)
    }
}

@media (min-width: 1024px) {
    .slot[data-v-589fbd81]:nth-of-type(9) {
        transform:rotate(-210deg) translate3d(635px,0,0) rotate(90deg)
    }
}

.slot[data-v-589fbd81]:nth-of-type(10) {
    transform: rotate(-225deg) translate3d(200px,0,0) rotate(90deg)
}

@media (min-width: 640px) {
    .slot[data-v-589fbd81]:nth-of-type(10) {
        transform:rotate(-225deg) translate3d(270px,0,0) rotate(90deg)
    }
}

@media (min-width: 1024px) {
    .slot[data-v-589fbd81]:nth-of-type(10) {
        transform:rotate(-225deg) translate3d(635px,0,0) rotate(90deg)
    }
}

.slot[data-v-589fbd81]:nth-of-type(11) {
    transform: rotate(-240deg) translate3d(200px,0,0) rotate(90deg)
}

@media (min-width: 640px) {
    .slot[data-v-589fbd81]:nth-of-type(11) {
        transform:rotate(-240deg) translate3d(270px,0,0) rotate(90deg)
    }
}

@media (min-width: 1024px) {
    .slot[data-v-589fbd81]:nth-of-type(11) {
        transform:rotate(-240deg) translate3d(635px,0,0) rotate(90deg)
    }
}

.slot[data-v-589fbd81]:nth-of-type(12) {
    transform: rotate(-255deg) translate3d(200px,0,0) rotate(90deg)
}

@media (min-width: 640px) {
    .slot[data-v-589fbd81]:nth-of-type(12) {
        transform:rotate(-255deg) translate3d(270px,0,0) rotate(90deg)
    }
}

@media (min-width: 1024px) {
    .slot[data-v-589fbd81]:nth-of-type(12) {
        transform:rotate(-255deg) translate3d(635px,0,0) rotate(90deg)
    }
}

.slot[data-v-589fbd81]:nth-of-type(13) {
    transform: rotate(-270deg) translate3d(200px,0,0) rotate(90deg)
}

@media (min-width: 640px) {
    .slot[data-v-589fbd81]:nth-of-type(13) {
        transform:rotate(-270deg) translate3d(270px,0,0) rotate(90deg)
    }
}

@media (min-width: 1024px) {
    .slot[data-v-589fbd81]:nth-of-type(13) {
        transform:rotate(-270deg) translate3d(635px,0,0) rotate(90deg)
    }
}

.slot[data-v-589fbd81]:nth-of-type(14) {
    transform: rotate(-285deg) translate3d(200px,0,0) rotate(90deg)
}

@media (min-width: 640px) {
    .slot[data-v-589fbd81]:nth-of-type(14) {
        transform:rotate(-285deg) translate3d(270px,0,0) rotate(90deg)
    }
}

@media (min-width: 1024px) {
    .slot[data-v-589fbd81]:nth-of-type(14) {
        transform:rotate(-285deg) translate3d(635px,0,0) rotate(90deg)
    }
}

.slot[data-v-589fbd81]:nth-of-type(15) {
    transform: rotate(-300deg) translate3d(200px,0,0) rotate(90deg)
}

@media (min-width: 640px) {
    .slot[data-v-589fbd81]:nth-of-type(15) {
        transform:rotate(-300deg) translate3d(270px,0,0) rotate(90deg)
    }
}

@media (min-width: 1024px) {
    .slot[data-v-589fbd81]:nth-of-type(15) {
        transform:rotate(-300deg) translate3d(635px,0,0) rotate(90deg)
    }
}

.slot[data-v-589fbd81]:nth-of-type(16) {
    transform: rotate(-315deg) translate3d(200px,0,0) rotate(90deg)
}

@media (min-width: 640px) {
    .slot[data-v-589fbd81]:nth-of-type(16) {
        transform:rotate(-315deg) translate3d(270px,0,0) rotate(90deg)
    }
}

@media (min-width: 1024px) {
    .slot[data-v-589fbd81]:nth-of-type(16) {
        transform:rotate(-315deg) translate3d(635px,0,0) rotate(90deg)
    }
}

.slot[data-v-589fbd81]:nth-of-type(17) {
    transform: rotate(-330deg) translate3d(200px,0,0) rotate(90deg)
}

@media (min-width: 640px) {
    .slot[data-v-589fbd81]:nth-of-type(17) {
        transform:rotate(-330deg) translate3d(270px,0,0) rotate(90deg)
    }
}

@media (min-width: 1024px) {
    .slot[data-v-589fbd81]:nth-of-type(17) {
        transform:rotate(-330deg) translate3d(635px,0,0) rotate(90deg)
    }
}

.slot[data-v-589fbd81]:nth-of-type(18) {
    transform: rotate(-345deg) translate3d(200px,0,0) rotate(90deg)
}

@media (min-width: 640px) {
    .slot[data-v-589fbd81]:nth-of-type(18) {
        transform:rotate(-345deg) translate3d(270px,0,0) rotate(90deg)
    }
}

@media (min-width: 1024px) {
    .slot[data-v-589fbd81]:nth-of-type(18) {
        transform:rotate(-345deg) translate3d(635px,0,0) rotate(90deg)
    }
}

.slot[data-v-589fbd81]:nth-of-type(19) {
    transform: rotate(-1turn) translate3d(200px,0,0) rotate(90deg)
}

@media (min-width: 640px) {
    .slot[data-v-589fbd81]:nth-of-type(19) {
        transform:rotate(-1turn) translate3d(270px,0,0) rotate(90deg)
    }
}

@media (min-width: 1024px) {
    .slot[data-v-589fbd81]:nth-of-type(19) {
        transform:rotate(-1turn) translate3d(635px,0,0) rotate(90deg)
    }
}

.slot[data-v-589fbd81]:nth-of-type(20) {
    transform: rotate(-375deg) translate3d(200px,0,0) rotate(90deg)
}

@media (min-width: 640px) {
    .slot[data-v-589fbd81]:nth-of-type(20) {
        transform:rotate(-375deg) translate3d(270px,0,0) rotate(90deg)
    }
}

@media (min-width: 1024px) {
    .slot[data-v-589fbd81]:nth-of-type(20) {
        transform:rotate(-375deg) translate3d(635px,0,0) rotate(90deg)
    }
}

.slot[data-v-589fbd81]:nth-of-type(21) {
    transform: rotate(-390deg) translate3d(200px,0,0) rotate(90deg)
}

@media (min-width: 640px) {
    .slot[data-v-589fbd81]:nth-of-type(21) {
        transform:rotate(-390deg) translate3d(270px,0,0) rotate(90deg)
    }
}

@media (min-width: 1024px) {
    .slot[data-v-589fbd81]:nth-of-type(21) {
        transform:rotate(-390deg) translate3d(635px,0,0) rotate(90deg)
    }
}

.slot[data-v-589fbd81]:nth-of-type(22) {
    transform: rotate(-405deg) translate3d(200px,0,0) rotate(90deg)
}

@media (min-width: 640px) {
    .slot[data-v-589fbd81]:nth-of-type(22) {
        transform:rotate(-405deg) translate3d(270px,0,0) rotate(90deg)
    }
}

@media (min-width: 1024px) {
    .slot[data-v-589fbd81]:nth-of-type(22) {
        transform:rotate(-405deg) translate3d(635px,0,0) rotate(90deg)
    }
}

.slot[data-v-589fbd81]:nth-of-type(23) {
    transform: rotate(-420deg) translate3d(200px,0,0) rotate(90deg)
}

@media (min-width: 640px) {
    .slot[data-v-589fbd81]:nth-of-type(23) {
        transform:rotate(-420deg) translate3d(270px,0,0) rotate(90deg)
    }
}

@media (min-width: 1024px) {
    .slot[data-v-589fbd81]:nth-of-type(23) {
        transform:rotate(-420deg) translate3d(635px,0,0) rotate(90deg)
    }
}

.slot[data-v-589fbd81]:nth-of-type(24) {
    transform: rotate(-435deg) translate3d(200px,0,0) rotate(90deg)
}

@media (min-width: 640px) {
    .slot[data-v-589fbd81]:nth-of-type(24) {
        transform:rotate(-435deg) translate3d(270px,0,0) rotate(90deg)
    }
}

@media (min-width: 1024px) {
    .slot[data-v-589fbd81]:nth-of-type(24) {
        transform:rotate(-435deg) translate3d(635px,0,0) rotate(90deg)
    }
}

.slot-common[data-v-589fbd81] {
    background-color: #ececec
}

.slot-uncommon[data-v-589fbd81] {
    background-color: #91cd55
}

.slot-rare[data-v-589fbd81] {
    background-color: #00a3ff
}

.slot-epic[data-v-589fbd81] {
    background-color: #9747ff
}

.slot-legendary[data-v-589fbd81] {
    background-color: #e1cca0
}

.badge-user[data-v-589fbd81] {
    color: #2b8ffc
}