.vote-placed-btn-hide {
    color: transparent !important;
    border: transparent !important;
    background: transparent !important;
}

.vote-placed-btn-show {
    color: #FDA10E !important;
    border-color: #A69F806E !important;
    background: #211615 !important;
}




.frame-off {
    /* position: relative; */
    background: url(https://thelazygameawards.com/wp-content/plugins/tlgaext/assets/frame0.png) !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

}

.frame-on {
    background: url(https://thelazygameawards.com/wp-content/plugins/tlgaext/assets/frame1.png) !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}


.game-vote-img img {
    max-width: 93% !important;
    margin: auto !important;
    /* filter: saturate(0); */
}

.game-vote-img img:hover {
    max-width: 93% !important;
    margin: auto !important;
    /* filter: saturate(1); */
}

.game-vote-img:hover {
    /* animation: zoom-out 1.5s ease-in-out; */
    /* animation-iteration-count: infinite */
}

.blury {
    filter: blur(1rem) !important;
}

/* .zoom-out-element {
    animation: zoom-out 2s linear;
} */

@keyframes zoom-out {
    0% {
        scale: 100%;
    }

    50% {
        scale: 120%;
    }



    100% {
        scale: 100%;
    }
}



#menu-cat {
    max-height: 300px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #a855f7 transparent;
    /* Firefox: purple + no track */
}

/* Scrollbar width */
#menu-cat::-webkit-scrollbar {
    width: 6px;
}

/* Hide the track (only handle visible) */
#menu-cat::-webkit-scrollbar-track {
    background: transparent;
    padding: 12px 0;
    /* reduces available scrolling area → smaller thumb */
}

/* Purple thumb (handle) */
#menu-cat::-webkit-scrollbar-thumb {
    background: #a855f7;
    /* purple */
    border-radius: 20px;
    min-height: 20px !important;
    /* keep it small */
}

/* Smaller on hover */
#menu-cat::-webkit-scrollbar-thumb:hover {
    background: #c084fc;
}



#menu-1-011cb72 {
    /* max-height: 300px; */
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #a855f7 transparent;
    /* Firefox: purple + no track */
}

/* Scrollbar width */
#menu-1-011cb72::-webkit-scrollbar {
    width: 6px;
}

/* Hide the track (only handle visible) */
#menu-1-011cb72::-webkit-scrollbar-track {
    background: transparent;
    padding: 12px 0;
    /* reduces available scrolling area → smaller thumb */
}

/* Purple thumb (handle) */
#menu-1-011cb72::-webkit-scrollbar-thumb {
    background: #a855f7;
    /* purple */
    border-radius: 20px;
    min-height: 20px !important;
    /* keep it small */
}

/* Smaller on hover */
#menu-1-011cb72::-webkit-scrollbar-thumb:hover {
    background: #c084fc;
}