.populars .item-container {
    width: 100%;
    display: flex;
    gap: 2rem;
    overflow-x: auto;
    overflow-y: hidden;
    user-select: none;
    scroll-padding-inline-start: 1rem;
}

.populars .item-container .card img {
    width: 300px;
    border-radius: 10px;
    pointer-events: none;
}

.populars .item-container .item:first-child {
    padding-left: 1rem;
}

.populars .item-container .item:last-child {
    padding-right: 1rem;
}

.populars .item-container .card,
.populars .item-container .item .card .info {
    display: flex;
    flex-direction: column;
    gap: .7rem;
}

.populars .item-container .item .card .info h3 {
    font-family: 'Gyst', sans-serif !important;
    font-variation-settings: 'wght' 400;
    font-size: 1.2rem;
}

.populars .item-container .item .card .info .info-link {
    cursor: pointer;
}

.populars .item-container .item .card .info .info-link:hover {
    color: var(--quaternary-color-text)
}

.scroll-snap-type-x-mandatory {
    scroll-snap-type: x mandatory;
}

.scroll-smooth {
    scroll-behavior: smooth;
}

.scroll-snap-align-start {
    scroll-snap-align: start;
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#slider-button-container {
    display: flex;
    justify-content: end;
    padding: 1rem 2rem;
    font-size: 1.7rem;
}

.slider-btn {
    all: unset;
    cursor: pointer;

    color: var(--primary-color);
}