.LeftSidebar_container__aSrEt {
    position: fixed;
    height: calc(100vh - 60px);
    top: 60px;
    border-right: 1px solid var(--body_bg);
    overflow-y: visible;
    display: flex;
    flex-direction: column;
    gap: .2rem;
    background-color: var(--container_bg);
    transition: width .05s ease-out;
    z-index: 50;
    width: 232px;
    padding: .5rem 1rem
}

.LeftSidebar_container__aSrEt.LeftSidebar_closed__ytstr {
    width: 50px;
    padding: .5rem .2rem
}

.LeftSidebar_container__aSrEt::-webkit-scrollbar {
    width: 0
}

.LeftSidebar_content__YwDeE {
    flex: 1 1
}

.Navigation_container__I3X7z {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    font-size: .9rem
}

.Navigation_container__I3X7z hr {
    width: 100%;
    border: none;
    border-top: 1px solid var(--body_bg)
}

.Navigation_container__I3X7z a {
    white-space: nowrap
}

.Navigation_externals_container__rbrpF,.Navigation_games_container__l7WaV,.Navigation_games_list__lWoER,.Navigation_others_container__g57az {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    column-gap: .5rem
}

.Navigation_externals_container__rbrpF>*,.Navigation_games_container__l7WaV>*,.Navigation_games_list__lWoER>*,.Navigation_others_container__g57az>* {
    flex: 1 1 48%
}


.Navigation_nav_link__gmu5X {
    padding: .6rem;
    border-radius: 6px;
    color: gray;
    font-weight: 700;
    transition: all .1s ease-out;
    display: flex;
    align-items: center;
    gap: .5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: relative
}

.Navigation_nav_active__AiqjO,.Navigation_nav_link__gmu5X:not(.Navigation_disabled__00VLi):hover {
    background-color: var(--button_bg)
}

.Navigation_nav_link__gmu5X:not(.Navigation_disabled__00VLi):hover {
    color: #fff
}

.Navigation_nav_link__gmu5X.active {
    color: var(--purple)!important
}


.Navigation_nav_link__gmu5X.active svg:first-child {
    filter: drop-shadow(0 0 10px var(--purple));
    fill: var(--purple)!important
}


.Navigation_nav_active__AiqjO {
    color: var(--purple)!important
}

.Navigation_nav_link__gmu5X svg {
    height: 1.1rem;
    width: 1.4rem;
    fill: hsla(0,0%,100%,.25);
    transition: fill .1s ease-out
}

.Navigation_nav_link__gmu5X:not(.Navigation_disabled__00VLi):hover svg {
    fill: #fff;
    opacity: 1
}

.Navigation_nav_active__AiqjO svg:first-child {
    filter: drop-shadow(0 0 10px var(--purple));
    fill: var(--purple)!important
}

.Navigation_nav_link__gmu5X * {
    display: flex;
    align-items: center
}

.Navigation_bubble__xDv5K {
    position: absolute;
    left: calc(100% + .5rem);
    top: 0;
    bottom: 0;
    background-color: var(--button_bg);
    box-shadow: 0 0 10px rgba(0,0,0,.5);
    padding: 0 1rem;
    border-radius: 4px;
    pointer-events: none;
    opacity: 0;
    transition: opacity .1s ease-out
}

.Navigation_nav_link__gmu5X:hover .Navigation_bubble__xDv5K {
    opacity: 1
}

.LeftSidebar_collapse_button__Djjb4 {
    background-color: #231f22;
    background-color: transparent;
    color: hsla(0,0%,100%,.25);
    border: none;
    padding: 0 .5rem;
    border-radius: 4px;
    font-size: 1.8rem;
    transition: background-color .1s ease-out,color .1s ease-out;
    display: flex;
    align-items: center
}

.LeftSidebar_collapse_button__Djjb4:hover {
    background-color: var(--button_bg);
    color: #fff
}

.LeftSidebar_bottom__uz2I6 {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    gap: .5rem
}

.LeftSidebar_closed__ytstr .LeftSidebar_bottom__uz2I6 {
    display: flex;
    flex-direction: column
}

.VolumeController_container__k1Lup {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    flex-grow: 1
}

.VolumeController_volume_button__wgqw0 {
    padding: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    height: 40px;
    width: 100%;
    background-color: transparent;
    border: none;
    border-radius: 4px;
    transition: background-color .1s ease-out
}

.VolumeController_volume_button__wgqw0:hover {
    background-color: var(--button_bg)
}

.VolumeController_volume_button__wgqw0 svg {
    transition: all .1s ease-out;
    fill: #fff4;
    width: 1.5rem
}

.VolumeController_volume_button__wgqw0:hover svg {
    fill: #fff
}

.LanguageSelector_container__qSTkm {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .1s ease-out;
    position: relative;
    z-index: 100;
    font-size: 15px;
    gap: .5rem;
    flex-grow: 2
}

.LanguageSelector_language_link__IooX_ {
    padding: .5rem;
    height: 40px;
    transition: background-color .1s ease-out,color .1s ease-out;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    gap: .5rem;
    color: gray;
    border-radius: 4px;
    flex: 1 1;
    text-transform: uppercase
}

.LanguageSelector_language_link__IooX_:not(.LanguageSelector_active___lrw1):hover {
    background-color: var(--button_bg);
    color: #fff;
    cursor: pointer
}

.LanguageSelector_flag_container__1x4Wp {
    min-width: 30px;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.LanguageSelector_flag_img__tWdyD {
    border-radius: 50%
}

.Navigation_externals_container__client {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    column-gap: .5rem;
    font-size: 1em;
    font-weight: bold;
    color: #808080
}

.counter {
    font-size: 1em;
    font-weight: bold;
    color: #4CAF50;
    padding: 0px 5px 0px 5px;
}

@media (max-width:999px) {
    .LeftSidebar_container__aSrEt {
        display: none;
    }
}