@import "/global.css";

.space-game-card{
    max-width: 160px;
    overflow:hidden;
    white-space: nowrap!important;
    text-overflow: ellipsis!important;
    cursor: pointer;
}

.space-image-card-game{
    width: 100%;
    aspect-ratio: 1 / 1;
    position: relative;
    overflow: hidden;
}

.custom-tooltip {
    --bs-tooltip-bg: var(--bg-tooltip);
    --bs-tooltip-color: var(--bs-white);
}

.space-image-category{
    max-width: 80px;
    border: 1px solid var(--main-color);
    border-radius: 50%;
}

.space-users-live{
    background: var(--main-bg-header);
    color: white;
    font-size: 12px;
}

header{
    height: 76px!important;
}

.blocked-pro{
    position: relative;
}
    .blocked-pro::before{
        content: "";
        z-index: 1;
        position: absolute;
        height: 100%;
        width: 100%;
        backdrop-filter: blur(1px);
        background-image: url("../../assets/icons/crown.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 60%;
    }

.logo{
    width: 185px!important;
    max-width: 37%!important;
}

.space-category-active .space-image-category{
    border: 1px solid var(--main-color);
}