@keyframes c-xdvvzp-turnOne
{
    0%
    {
        transform: rotate(0);
    }
    to
    {
        transform: rotate(1305deg);
    }
}
@keyframes c-xdvvzp-turnTwo
{
    0%
    {
        transform: rotate(1305deg);
    }
    to
    {
        transform: rotate(3060deg);
    }
}
@keyframes c-xdvvzp-arr
{
    0%
    {
        filter: hue-rotate(0deg);
        transform: rotate(0) translateY(-.625em);
    }
    to
    {
        filter: hue-rotate(80deg);
        transform: rotate(0) translateY(.625em);
    }
}
@keyframes c-xdvvzp-scaleAndSpin
{
    0%
    {
        transform: scale(1) rotate(0);
    }
    50%
    {
        transform: scale(1.1);
    }
    to
    {
        transform: scale(1);
    }
}
.active.c-xdvvzp img
{
    animation: c-xdvvzp-arr .3s ease-in-out infinite alternate;
}
.turn-one.c-xdvvzp.c-xdvvzp
{
    animation: c-xdvvzp-turnOne 3s ease-out forwards;
}
.turn-two.c-xdvvzp.c-xdvvzp
{
    animation: c-xdvvzp-turnTwo 5s ease-out forwards;
}
.animpulse.c-xdvvzp.c-xdvvzp
{
    animation: c-xdvvzp-scaleAndSpin 2s ease-in-out infinite;
}
.pointer.c-xdvvzp.c-xdvvzp
{
    pointer-events: none;
    top: -2%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 12%;
    z-index: 3;
}
.pointer.c-xdvvzp.c-xdvvzp, .wheel.c-xdvvzp.c-xdvvzp
{
    position: absolute;
}
.wheel.c-xdvvzp.c-xdvvzp
{
    align-items: center;
    border-radius: 50%;
    display: flex;
    font-family: Impact,sans-serif;
    justify-content: center;
    width: 100%;
    z-index: 1;
}
.wheel.c-xdvvzp.c-xdvvzp:before
{
    content: "";
    display: block;
    padding-top: 100%;
    width: 100%;
}
.wheel-bg.c-xdvvzp.c-xdvvzp
{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.wheel-inner.c-xdvvzp.c-xdvvzp
{
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 81%;
    justify-content: center;
    position: absolute;
    width: 81%;
}
.wheel-inner-bg.c-xdvvzp.c-xdvvzp
{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.wheel-inner-text.c-xdvvzp.c-xdvvzp
{
    align-items: center;
    font-family: Inter,sans-serif;
    height: 95%;
    justify-content: center;
    width: 95%;
}
.inner-text.c-xdvvzp.c-xdvvzp, .wheel-inner-text.c-xdvvzp.c-xdvvzp
{
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 2;
}
.inner-text.c-xdvvzp.c-xdvvzp
{
    align-items: flex-end;
    font-weight: 400;
    justify-content: flex-start;
    padding-right: 2%;
    text-align: center;
    width: 50%;
}
.inner-text.c-xdvvzp p.c-xdvvzp
{
    display: block;
    font-size: max(min(1.5dvh,10px),7px);
    height: 10vw;
    max-height: 120px;
    min-height: 70px;
    text-transform: uppercase;
    transform: rotate(90deg);
    width: 55%;
}
@supports not (
font-size: max(min(1.5dvh,10px),7px))
{
.inner-text.c-xdvvzp p.c-xdvvzp
{
    font-size: max(min(1.5vh,10px),7px);
}
}
.inner-text.c-xdvvzp p.c-xdvvzp span
{
    font-size: 2em;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
}
.inner-text.c-xdvvzp p.c-xdvvzp .no-az
{
    font-size: 1.2em;
    position: relative;
    top: 15%;
}
.inner-text.c-xdvvzp.c-xdvvzp:first-child
{
    transform: rotate(0) translate(50%);
}
.inner-text.c-xdvvzp.c-xdvvzp:nth-child(2)
{
    transform: rotate(45deg) translate(50%);
}
.inner-text.c-xdvvzp.c-xdvvzp:nth-child(3)
{
    transform: rotate(90deg) translate(50%);
}
.inner-text.c-xdvvzp.c-xdvvzp:nth-child(4)
{
    transform: rotate(135deg) translate(50%);
}
.inner-text.c-xdvvzp.c-xdvvzp:nth-child(5)
{
    transform: rotate(180deg) translate(50%);
}
.inner-text.c-xdvvzp.c-xdvvzp:nth-child(6)
{
    transform: rotate(225deg) translate(50%);
}
.inner-text.c-xdvvzp.c-xdvvzp:nth-child(7)
{
    transform: rotate(270deg) translate(50%);
}
.inner-text.c-xdvvzp.c-xdvvzp:nth-child(8)
{
    transform: rotate(315deg) translate(50%);
}
.round-button.c-xdvvzp.c-xdvvzp
{
    background-color: #008000;
    border-radius: 50%;
    font-size: max(min(1.5vw,15px),11px);
    font-weight: 400;
    height: 20%;
    position: absolute;
    text-transform: uppercase;
    width: 20%;
    z-index: 3;
}
.round-button.c-xdvvzp.c-xdvvzp:disabled
{
    animation: none;
    filter: grayscale(1);
}
.round-button.c-xdvvzp .spin-az, .round-button.c-xdvvzp .spin-kz, .round-button.c-xdvvzp .spin-uz
{
    font-size: max(min(1.5vw,13px),8px);
    text-transform: uppercase;
}
.button-img
{
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: -1;
}
@media(orientation: landscape)
{
    .inner-text.c-xdvvzp p.c-xdvvzp
    {
        font-size: max(min(1.4dvh,18px),15px);
        font-weight: 400;
        height: 12dvh;
        min-height: 50px;
    }
    @supports not (
    height: 12dvh)
    {
    .inner-text.c-xdvvzp p.c-xdvvzp
    {
        font-size: max(min(1.4vh,18px),15px);
        height: 12vh;
    }
    }
    .inner-text.c-xdvvzp strong
    {
        font-weight: 400;
    }
    .round-button.c-xdvvzp.c-xdvvzp
    {
        font-size: max(min(2dvh,15px),7px);
    }
}
@media(max-height: 900px)
{
    .inner-text.c-xdvvzp p.c-xdvvzp
    {
        font-size: max(min(1.4vh,13px),12px);
        font-weight: 400;
        height: 12vh;
        min-height: 50px;
    }
    .lang-de.c-xdvvzp .inner-text p.c-xdvvzp, .lang-es.c-xdvvzp .inner-text p.c-xdvvzp, .lang-tr.c-xdvvzp .inner-text p.c-xdvvzp
    {
        font-size: max(min(1.4dvh,11px),11px);
    }
    .lang-kk.c-xdvvzp .inner-text p.c-xdvvzp, .lang-uz.c-xdvvzp .inner-text p.c-xdvvzp
    {
        font-size: max(min(1.4dvh,10px),10px);
    }
}
@media(max-height: 600px)
{
    .wheel-inner-text.c-xdvvzp .inner-text p.c-xdvvzp
    {
        font-size: max(min(1.4dvh,9px),9px);
        font-weight: 400;
        height: 12dvh;
        min-height: 50px;
    }
    @supports not (
    height: 12dvh)
    {
    .wheel-inner-text.c-xdvvzp .inner-text p.c-xdvvzp
    {
        font-size: max(min(1.4vh,9px),9px);
        height: 12vh;
    }
    }
}
@media(max-height: 900px) and (max-width: 900px)
{
    .wheel-box
    {
        width: 62vw!important;
    }
}
@media(max-width: 550px) and (max-height: 900px)
{
    .wheel-box
    {
        width: 89vw!important;
    }
    .wheel-inner-text.c-xdvvzp.c-xdvvzp
    {
        height: 86%;
        width: 86%;
    }
}
@media(max-width: 450px)
{
    .wheel-inner-text.c-xdvvzp .inner-text p.c-xdvvzp
    {
        font-size: 10px;
    }
    .wheel-inner-text.lang-kk.c-xdvvzp .inner-text p.c-xdvvzp, .wheel-inner-text.lang-uz.c-xdvvzp .inner-text p.c-xdvvzp
    {
        font-size: max(min(1.4dvh,9px),9px);
    }
}
@media(max-width: 400px)
{
    .wheel-inner-text.lang-kk.c-xdvvzp .inner-text p.c-xdvvzp, .wheel-inner-text.lang-uz.c-xdvvzp .inner-text p.c-xdvvzp
    {
        font-size: max(min(1.4dvh,8px),8px);
    }
    .wheel-inner-text.lang-de.c-xdvvzp .inner-text p.c-xdvvzp, .wheel-inner-text.lang-es.c-xdvvzp .inner-text p.c-xdvvzp
    {
        font-size: max(min(1.4dvh,9px),9px);
    }
}