.sidebar-nav[data-v-09644692] {
    width: 100%;
    aspect-ratio: 5/4;
    background: linear-gradient(180deg, #393939, #292929);
    box-shadow: 0 5px 7px 0 #000;
    text-align: center;
    font-weight: 700;
    font-family: var(--systemfont);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: .6em;
    overflow: hidden;
    margin: 0;
    padding: .6rem 0;
    gap: .1rem;
    color: #ebc76e
}

.sidebar-nav .sidebar-nav-text[data-v-09644692] {
    font-size: .6rem;
    margin: 0;
    padding: 0
}

.sidebar-nav img[data-v-09644692] {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    -o-object-fit: contain;
    object-fit: contain
}

.sidebar-nav[data-active=true][data-v-09644692],
.sidebar-nav[data-v-09644692]:hover {
    background: linear-gradient(180deg, #e7d39d, #b19560);
    color: #fff
}

.slide[data-v-2e99e6bc] {
    animation: slideUp .25s forwards;
    backface-visibility: hidden
}

.game_image[data-v-2e99e6bc] {
    height: 100%;
    width: 100%;
    border-radius: 10px;
    cursor: pointer
}

.game_image:hover+.game_label[data-v-2e99e6bc] {
    display: initial
}

.new-label[data-v-2e99e6bc] {
    width: 35px;
    position: absolute;
    width: 40px
}

.landing-game-card[data-v-2e99e6bc] {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    word-wrap: break-word;
    background-clip: border-box;
    border-radius: .75rem
}

.landing-game-card[data-v-2e99e6bc]:empty {
    display: none
}

.landing-game-card[data-isFullWidth=true][data-v-2e99e6bc] {
    aspect-ratio: 184/89;
    grid-column: 1/-1
}

.landing-game-card[data-isFullWidth=false][data-v-2e99e6bc] {
    aspect-ratio: 87/74
}

.view-landing[data-v-61e74c1e] {
    display: flex;
    flex-direction: row;
    gap: .5rem;
    padding: .5rem
}

.view-landing .view-landing-sidebar[data-v-61e74c1e] {
    display: flex;
    flex-direction: column;
    width: 5rem;
    gap: .8rem
}

.view-landing .view-landing-content[data-v-61e74c1e] {
    width: 100%;
    height: -moz-max-content;
    height: max-content;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    gap: 0 .5rem;
    display: grid;
    grid-template-columns: 1fr 1fr
}