/* --------------------- SELECTION WHEEL ----------------------- */

.selectionWheel {
    position: fixed;
    transform: translate(-50%, -50%);
    transition-duration: 800ms;
}
.lockedWheel {
    left: -50vw;
    transform: scale(1.25);
}
.wheelOff {
    opacity: 0%;
    transform: rotate(-220deg) scale(0.01);
}

.wheelBG{
    position: absolute;
    width: 100vmin;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/Hexa.png);
    background-position: center;
    height: 100vmin;
    transform: translate(-50%, -50%);
    opacity: 0.1;
    transition-duration: 600ms;
}
.wheelBGHighlight{
    width: 90vmin;
    height: 90vmin;
    opacity: 0.3;
    transition-duration: 150ms;
}

.wheelLogo {
    margin: 0.7vmin;
    max-width: 10vmin;
    max-height: 10vmin;
    display: inline;
    transition-duration: 1s;
}

.wheelLinesContainer {
    position: absolute;
}
.wheelLine {
    position: absolute;
    min-height: 0.3vmin;
    width: 35vmin;
    background-color: #c7c7c7;
    transition-duration: 4s;   
    box-shadow: rgba(234, 254, 255, 0.17) 0vmin 0vmin 0.5vmin;
    transform-origin: 0 0;
}

.wheelSlice {
    color:#e0e0e0;
    position: absolute;
    font-weight: 200;
    font-size: 4vmin;
    transform-origin: 0% 50%;
    min-width: 10vmin;
    cursor: pointer;
}
.wheelSliceInactive {
    color: rgba(255, 255, 255, 0.32);
}
.wheelSliceText {
    white-space: nowrap;
    transition-duration: 0.25s;
}
.inverted {
    transform: rotate(180deg);
}
.wheelSliceHover {
    color: #ffffff;
    /*font-size: 4.5vmin;*/
}
.lockedSliceHover {
    font-weight: 400;
   /* font-size: 3.5vmin;*/
    color: #ffffff;
    /*text-shadow: 0px 0px 0.8vmin #10ccdc;*/
}
.wheelSliceSelected {
    font-weight: 400;
    text-shadow: 0px 0px 0.4vmin #3dbac5;
}


/* --------------------- MISCELANEOUS ----------------------- */
.neon {
    box-shadow: rgba(234, 254, 255, 0.51) 0vmin 0vmin 1vmin;
    width: 30vmin;
}

.neonXL {
    box-shadow: rgba(234, 254, 255, 0.77) 0vmin 0vmin 3vmin;
    text-shadow: rgba(234, 254, 255, 0.91) 0vmin 0vmin 3vmin;
}