.fortune-wheel-element__item[data-v-7aa0393a] {
    position: absolute;

    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.fortune-wheel-element__item[data-v-7aa0393a] {
    width: 200px;
    height: 106px;
    padding-bottom: 20px;
}
.fortune-wheel-element__item--7[data-v-7aa0393a] {
    top: 50%;
    margin-top: -34px;
    left: -21px;
    transform: rotate(-90deg);
}
.fortune-wheel-element__item--3[data-v-7aa0393a] {
    top: 50%;
    margin-top: -34px;
    right: -21px;
    transform: rotate(90deg);
}
.fortune-wheel-element__item--3[data-v-7aa0393a] {
    margin-top: -50px;
    right: -45px;
}

.fortune-wheel-element__item--5[data-v-7aa0393a] {
    bottom: 0;
    left: 50%;
    margin-left: -55px;
    transform: rotate(180deg);
}

.fortune-wheel-element__item--7[data-v-7aa0393a] {
    top: 50%;
    margin-top: -34px;
    left: -21px;
    transform: rotate(-90deg);
}
.fortune-wheel-element__item--8[data-v-7aa0393a] {
    top: 55px;
    left: 41px;
    transform: rotate(-45deg);
}
.fortune-wheel-element__item--1[data-v-7aa0393a] {
    top: 15px;
    left: 50%;
    margin-left: -55px;
}
.fortune-wheel-element__item--1[data-v-7aa0393a] {
    margin-left: -60px;
}
.fortune-wheel-element[data-v-7aa0393a] {
    width: 100%;
    height: 100%;
    z-index: 2;
    position: relative;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50%;
    background-image: url('/images/public/icon/tipster_clash_spinner.svg');
}
.fortune-wheel-element__item-caption[data-v-7aa0393a] {
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}

.fortune-wheel-element__item-caption_wheel {
    text-transform: uppercase;
    text-align: center;
    color: black;
    font-size: 2.3em;
}


.fortune-wheel-element__item[data-v-7aa0393a] {
    position: absolute;
    width: 110px;
    height: 68px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index:2;
}
.fortune-wheel-element__item--2[data-v-7aa0393a] {
    top: 58px;
}
.fortune-wheel-element__item--3[data-v-7aa0393a] {
    margin-top: -50px;
    right: -45px;
}
.fortune-wheel-element__item--3[data-v-7aa0393a] {
    top: 49%;
    margin-top: -34px;
    right: -10px;
    transform: rotate(90deg);
}
.fortune-wheel-element__item--6[data-v-7aa0393a] {
    bottom: 65px;
    left: 50px;
    transform: rotate(-135deg);
}
.fortune-wheel-element__item--4[data-v-7aa0393a] {
    bottom: 65px;
    right: 50px;
    transform: rotate(135deg);
}
.fortune-wheel-element__item--2[data-v-7aa0393a] {
    top: 65px;
    right: 45px;
    transform: rotate(45deg);
}




* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    outline: none;
}



.mainbox {
    position: relative;
    width: 500px;
    height: 500px;
}

.mainbox:after {
    position: absolute;
    content: '';
    width: 32px;
    height: 32px;
    background-size: 32px;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
}

.box {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    transition: all ease 5s;
}



.spin {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75px;
    height: 75px;
    border-radius: 50%;
    border: 4px solid #fff;
    color: black;
    box-shadow: 0 5px 20px #000;
    font-weight: bold;
    font-size: 22px;
    cursor: pointer;
    z-index:0;

}

.spin:active {
    width: 70px;
    height: 70px;
    font-size: 20px;
}

.mainbox.animate:after {
    animation: animateArrow 0.7s ease infinite;
}

@keyframes animateArrow {
    50% {
        right: -40px;
    }
}


#line {
    position: absolute;
    top: 0px;
    right: 50%;
    height: 50px;
    width: 3px;
    background: red;
    z-index: 4;
}

#output {
    text-align:center;
}
.fortune-wheel__wheel-selected-element[data-v-1f693a83] {
    width: 190px;
    height: 135px;
    position: absolute;
    top: -15px;
    left: 47%;
    margin-left: -70px;
    z-index: 4;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50%;
    background-image: url('/images/public/icon/tipster_clash_picker.svg');
}
.fortune-wheel__wheel-spin-button[data-v-1f693a83] {
    -webkit-appearance: none;
    padding: 0;
    margin: 0;
    background: 0 0;
    border: none;
    outline: none;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-transform: inherit;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: linear-gradient(318.21deg,#202020 14.05%,#1c1c1c 85.29%);
    /*box-shadow: 8px 40px 70px #121212, -20px -20px 70px #383838;*/
    padding: 13px;
}

.fortune-wheel__wheel-spin-button-wrapper[data-v-1f693a83] {
    width: 100%;
    height: 100%;
}



.fortune-wheel__wheel-spin-button[data-v-1f693a83] {
    -webkit-appearance: none;
    padding: 0;
    margin: 0;
    background: 0 0;
    border: none;
    outline: none;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-transform: inherit;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: linear-gradient(318.21deg,#202020 14.05%,#1c1c1c 85.29%);
    /*box-shadow: 8px 40px 70px #121212, -20px -20px 70px #383838;*/
    padding: 13px;
}
.fortune-wheel__wheel-spin-button-inner[data-v-1f693a83] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjIiIGhlaWdodD0iMTIyIiBmaWxsPSJub25lIj48Y2lyY2xlIGN4PSI2MSIgY3k9IjYxIiByPSI2MCIgc3Ryb2tlPSJ1cmwoI2EpIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iNjEiIHkxPSIxIiB4Mj0iNjEiIHkyPSIxMjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjRkNEMDVGIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNzA1NjI2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+),linear-gradient(147.25deg,#2a2a2a 13.72%,#131313 85.05%);
    background-repeat: no-repeat,no-repeat;
    background-size: 100% 100%,100% 100%;
    background-position: 50%,50%;
    transition: opacity .3s;
}
.fortune-wheel__wheel-spin-button-image[data-v-1f693a83] {
    width: 91px;
}

.fortune-wheel__wheel-spin-button-image[data-v-1f693a83] {
    width: 58px;
    height: auto;
    display: block;
}



.fortune-wheel__wheel-container-center-content[data-v-1f693a83] {
    width: 244px;
    height: 244px;
    /*   margin-left: -122px;
      margin-top: -122px; */
    /* padding: 7px; */
}

.fortune-wheel__wheel-container-center-content[data-v-1f693a83] {
    /*  width: 154px;
     height: 154px; */
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -112px;
    margin-top: -112px;
    z-index: 1;
    border-radius: 50%;
    border: 0.5px solid #343739;
    /*  padding: 4px; */
}
.bg{

}

.fortune-wheel__wheel-spin-button-image[data-v-1f693a83] {
    width: 91px;
}
.fortune-wheel__wheel-spin-button:hover .fortune-wheel__wheel-spin-button-inner[data-v-1f693a83] {
    opacity: .7;
}

.mainbox-v2{
    width: 38em;
    height: 38em;
    margin:auto;
}
.main-box-v2{
    margin: auto;
    width: 100%;
    height: 100vh;
    display: flex;
}

@media  screen and (min-width:1024px)
{
    .spinner-p-text{
        font-size: 17px !important;
    }
    .spinner-h1-text{
        font-size: 18px;
    }
    .spinner-button-text{
        font-size: 18px;
    }

    .spinner-modal{
        max-width: 90% !important;
    }
    .spin-container {
        display: flow-root;
        width: 780px;
        justify-content: center;
        border-radius: 11px;
        margin: auto;
    }
    .spinner-text-box {
        display: flex;
        width: 100%;
        text-align: right;
        justify-content: end;
        height: 20px;
    }
    .spinner-text-holder{
        width: 457px;
        position: relative;
        top: -219px;
        display: inline-block;
        margin-right: 24px;
    }
    .spinner-button{
        display: flex;
        margin: auto;
    }
    .spinner-close{
        position: relative;
        top: -4px;
    }
    .mainbox {
        top: -25px;
        position: relative;
        width: 330px;
        height: 330px;
        left: -68px;
    }

    .fortune-wheel__wheel-container-center-content[data-v-1f693a83] {
        position: absolute;
        top: 80%;
        left: 30%;
        margin-left: -112px;
        margin-top: -112px;
        z-index: 1;
        border-radius: 50%;
        border: 0.5px solid #343739;
    }
    .fortune-wheel__wheel-container-center-content[data-v-1f693a83] {
        width: 180px;
        height: 180px;
    }
    .fortune-wheel-element[data-v-7aa0393a] {
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 2;
        position: relative;
        pointer-events: none;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: 50%;

    }
    .fortune-wheel__wheel-selected-element[data-v-1f693a83] {
        height: 100%;
        width: 125px;
        position: absolute;
        top: -89px;
        left: 26%;
        margin-left: -70px;
        z-index: 4;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: 50%;
        background-image: url(/images/public/icon/tipster_clash_picker.svg);
    }
    .fortune-wheel__wheel-container[data-v-1f693a83] {
        position: relative;
        width: 400px;
        height: 200px;
        z-index: 1;
        flex-shrink: 0;
        margin-top: auto;
        margin-bottom: auto;
        margin-right: -10px !important;
        top: -60px;
    }
    .fortune-wheel-element__item--2[data-v-7aa0393a] {
        top: 44px;
        right: 23px;
        transform: rotate(45deg);
    }
    .fortune-wheel-element__item--4[data-v-7aa0393a] {
        bottom: 44px;
        right: 24px;
        transform: rotate(135deg);
    }
    .fortune-wheel-element__item--6[data-v-7aa0393a] {
        bottom: 45px;
        left: 23px;
        transform: rotate(-135deg);
    }
    .fortune-wheel-element__item--8[data-v-7aa0393a] {
        top: 43px;
        left: 23px;
        transform: rotate(-45deg);
    }
    .fortune-wheel-element__item--1[data-v-7aa0393a] {
        top: 8px;
        left: 50%;
        margin-left: -55px;
    }
    .fortune-wheel-element__item--7[data-v-7aa0393a] {
        top: 50%;
        margin-top: -34px;
        left: -12px;
        transform: rotate(-90deg);
    }
    .fortune-wheel-element__item--5[data-v-7aa0393a] {
        bottom: 8px;
        left: 49%;
        margin-left: -53px;
        transform: rotate(180deg);
    }
    .fortune-wheel-element__item--3[data-v-7aa0393a] {
        top: 50%;
        margin-top: -33px;
        right: -12px;
        transform: rotate(90deg);
    }
}

.box-v2-picker
{

    height: 100%;
    width: 116px;
    top: -125px;
    left: 25%;
    margin-left: -70px;
    z-index: 4;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50%;
    background-image: url(https://svgur.com/i/qyV.svg);

}

@media  screen and (min-width:768px) and (max-width:1023px)
{

    .spinner-p-text{
        font-size: 0.75rem !important;
    }
    .spinner-h1-text{
        font-size: 0.875rem
    }
    .spinner-button-text{
        font-size: 0.875rem
    }

    .spinner-modal{
        max-width: 90% !important;
    }
    .spin-container {
        display: flow-root;
        width: 596px;
        justify-content: center;
        border-radius: 11px;
        margin: auto;
        right: -44px;
        position: relative;
    }
    .spinner-text-box{
        display: flex;
        width: 100%;
        text-align: right;
        justify-content: end;
        height: 0px;
    }
    .spinner-text-holder {
        width: 341px;
        position: relative;
        top: -225px;
        padding-left: 5px;
        display: inline-block;
        margin-right: 12px;
        padding-right: 5px;
    }
    .spinner-button{
        display: flex;
        margin: auto;
    }
    .spinner-close{
        position: relative;
        top: -4px;
    }
    .mainbox {
        top: -60px;
        position: relative;
        width: 300px;
        height: 300px;
        left: -60px;
    }
    .fortune-wheel__wheel-container-center-content[data-v-1f693a83] {
        position: absolute;
        top: 64%;
        left: 32%;
        margin-left: -112px;
        margin-top: -112px;
        z-index: 1;
        border-radius: 50%;
        border: 0.5px solid #343739;
    }
    .fortune-wheel__wheel-container-center-content[data-v-1f693a83] {
        width: 150px;
        height: 150px;
    }
    .fortune-wheel-element[data-v-7aa0393a] {
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 2;
        position: relative;
        pointer-events: none;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: 50%;

    }
    .fortune-wheel__wheel-selected-element[data-v-1f693a83] {
        height: 100%;
        width: 116px;
        position: absolute;
        top: -125px;
        left: 25%;
        margin-left: -70px;
        z-index: 4;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: 50%;
        background-image: url('/images/public/icon/tipster_clash_picker.svg');

    }
    .fortune-wheel__wheel-container[data-v-1f693a83] {
        position: relative;
        width: 400px;
        height: 200px;
        z-index: 1;
        flex-shrink: 0;
        margin-top: auto;
        margin-bottom: auto;
        margin-right: -10px !important;
        top: -60px;
    }
    .fortune-wheel-element__item--2[data-v-7aa0393a] {
        top: 34px;
        right: 17px;
        transform: rotate(45deg);
    }
    .fortune-wheel-element__item--4[data-v-7aa0393a] {
        bottom: 36px;
        right: 15px;
        transform: rotate(135deg);
    }
    .fortune-wheel-element__item--6[data-v-7aa0393a] {
        bottom: 38px;
        left: 14px;
        transform: rotate(-135deg);
    }
    .fortune-wheel-element__item--8[data-v-7aa0393a] {
        top: 37px;
        left: 14px;
        transform: rotate(-45deg);
    }
    .fortune-wheel-element__item--1[data-v-7aa0393a] {
        top: 5px;
        left: 50%;
        margin-left: -45px;
    }
    .fortune-wheel-element__item--7[data-v-7aa0393a] {
        top: 50%;
        margin-top: -34px;
        left: -18px;
        transform: rotate(-90deg);
    }
    .fortune-wheel-element__item--5[data-v-7aa0393a] {
        bottom: 2px;
        left: 50%;
        margin-left: -55px;
        transform: rotate(180deg);
    }
    .fortune-wheel-element__item--3[data-v-7aa0393a] {
        top: 50%;
        margin-top: -34px;
        right: -17px;
        transform: rotate(90deg);
    }
}
@media  screen and (max-width:767px)
{

    .spinner-p-text{
        font-size: 0.75rem !important;
    }
    .spinner-h1-text{
        font-size: 0.875rem
    }
    .spinner-button-text{
        font-size: 0.875rem
    }


    .fortune-wheel-element[data-v-7aa0393a] {
        width: 300px !important;
    }

    .fortune-wheel__wheel-container-center-content[data-v-1f693a83] {
        width: 160px;
        height: 160px;
    }

    .fortune-wheel__wheel-container-center-content[data-v-1f693a83] {
        top: 60%;
        left: 61%;
    }

    .fortune-wheel__wheel-selected-element[data-v-1f693a83] {
        width: 124px;
        height: 123px;
        top: 61px;
        left: 57%;
        margin-left: -72px;
        z-index: 4;
    }
    .mainbox {
        width: 300px;
        height: 300px;
    }
    .fortune-wheel__wheel-selected-element[data-v-1f693a83] {
        width: 116px;
        height: 123px;
        top: -28px;
        left: 54%;
    }
    .fortune-wheel-element__item--1[data-v-7aa0393a] {
        top: 3px;
        left: 51%;
    }
    .fortune-wheel-element__item--2[data-v-7aa0393a] {
        top: 35px;
        right: 13px;

    }
    .fortune-wheel-element__item--3[data-v-7aa0393a] {
        top: 49%;
        margin-top: -34px;
        right: -13px;
    }
    .fortune-wheel-element__item--4[data-v-7aa0393a] {
        bottom: 37px;
        right: 13px;
    }
    .fortune-wheel-element__item--6[data-v-7aa0393a] {
        bottom: 38px;
        left: 18px;
    }
    .fortune-wheel-element__item--8[data-v-7aa0393a] {
        top: 31px;
        left: 15px;
    }
    .fortune-wheel__wheel-container[data-v-1f693a83] {
        margin: auto !important;
    }
    .spinner-phone-text{
        width: 100% !important;
        text-align: center;
        display: inline-block;
        padding: 0 1rem;
    }
    .spin-container{
        width: 100%;
        justify-content: center;
        background-color: #131313;
        border-radius: 11px;
        margin: auto;
    }
    .fortune-wheel__wheel-container[data-v-1f693a83] {
        position: relative;
        width: 300px;
        height: 300px;
        z-index: 1;
        flex-shrink: 0;
        margin-top: auto;
        margin-bottom: auto;
    }
}
/*.modal-open {*/
/*    padding-right: 0 !important;*/
/*}*/