.drops-and-wins-badge {
    align-items: center;
    -webkit-backdrop-filter: blur(5.5px);
    backdrop-filter: blur(5.5px);
    background-color: var(--backgrounds-b-70);
    border-radius: 4px;
    display: flex;
    height: 23px;
    justify-content: center;
    padding: 1px 2px 2px;
    width: 24px
}

@media(min-width: 640px) {
    .games-list-card--size-m .drops-and-wins-badge,.games-slider-wrap--size-m .drops-and-wins-badge,.games-sort-page__list .drops-and-wins-badge {
        border-radius:6px;
        height: 32px;
        padding: 2px 2px 4px;
        width: 30px
    }
}

@media(min-width: 1140px) {
    .drops-and-wins-badge {
        border-radius:6px;
        height: 32px;
        padding: 2px 2px 4px;
        width: 30px
    }
}

@media(min-width: 1628px) {
    .games-list-card--size-m .drops-and-wins-badge,.games-slider-wrap--size-m .drops-and-wins-badge,.games-sort-page__list .drops-and-wins-badge {
        border-radius:8px;
        height: 46px;
        padding: 3px 4px 5px;
        width: 46px
    }
}

.card-badge {
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: space-between;
    left: 0;
    overflow: hidden;
    padding: 4px;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

@media(min-width: 1140px) {
    .card-badge {
        padding:6px
    }
}

.games-info-wrap .card-badge,.games-list-card--hovered .card-badge,.games-random__game .card-badge,.play .card-badge {
    display: none
}

@media(min-width: 640px) {
    .games-list-card--size-m .card-badge,.games-slider-wrap--size-m .card-badge,.games-sort-page__list .card-badge {
        padding:6px
    }
}

.card-badge__row {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 2px
}

@media(min-width: 1140px) {
    .card-badge__row {
        gap:4px
    }
}

@media(min-width: 640px) {
    .games-list-card--size-m .card-badge__row,.games-slider-wrap--size-m .card-badge__row,.games-sort-page__list .card-badge__row {
        gap:4px
    }
}

.card-badge__new {
    align-items: center;
    background-color: var(--colors-global-accent-c);
    border-radius: 4px;
    display: flex;
    font-size: 10px;
    font-weight: 700;
    line-height: 12px;
    padding: 2px 4px;
    text-transform: uppercase
}

@media(min-width: 1140px) {
    .card-badge__new {
        border-radius:6px;
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        text-transform: uppercase
    }
}

@media(min-width: 640px) {
    .games-list-card--size-m .card-badge__new,.games-slider-wrap--size-m .card-badge__new,.games-sort-page__list .card-badge__new {
        border-radius:6px;
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        text-transform: uppercase
    }
}

@media(min-width: 1628px) {
    .games-list-card--size-m .card-badge__new,.games-slider-wrap--size-m .card-badge__new,.games-sort-page__list .card-badge__new {
        border-radius:8px;
        font-size: 14px;
        font-weight: 600;
        line-height: 16px;
        padding: 6px 8px;
        text-transform: uppercase
    }
}

.card-badge__live {
    align-items: center;
    background-color: var(--backgrounds-b);
    border-radius: 4px;
    display: flex;
    font-size: 10px;
    font-weight: 700;
    line-height: 12px;
    padding: 2px 4px;
    text-transform: uppercase
}

.card-badge__live:before {
    background-color: var(--colors-global-accent-a);
    border-radius: 50%;
    content: "";
    height: 3px;
    margin-right: 4px;
    width: 3px
}

@media(min-width: 1140px) {
    .card-badge__live:before {
        height:5px;
        width: 5px
    }
}

@media(min-width: 640px) {
    .games-list-card--size-m .card-badge__live:before,.games-slider-wrap--size-m .card-badge__live:before,.games-sort-page__list .card-badge__live:before {
        height:5px;
        width: 5px
    }
}

@media(min-width: 1628px) {
    .games-list-card--size-m .card-badge__live:before,.games-slider-wrap--size-m .card-badge__live:before,.games-sort-page__list .card-badge__live:before {
        height:6px;
        width: 6px
    }
}

@media(min-width: 1140px) {
    .card-badge__live {
        border-radius:6px;
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        text-transform: uppercase
    }
}

@media(min-width: 640px) {
    .games-list-card--size-m .card-badge__live,.games-slider-wrap--size-m .card-badge__live,.games-sort-page__list .card-badge__live {
        border-radius:6px;
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        text-transform: uppercase
    }
}

@media(min-width: 1628px) {
    .games-list-card--size-m .card-badge__live,.games-slider-wrap--size-m .card-badge__live,.games-sort-page__list .card-badge__live {
        border-radius:8px;
        font-size: 14px;
        font-weight: 600;
        line-height: 16px;
        padding: 6px 8px;
        text-transform: uppercase
    }
}

.card-badge__rtp {
    align-items: center;
    background-color: var(--colors-system-error);
    border-radius: 4px;
    display: flex;
    font-size: 10px;
    font-weight: 700;
    line-height: 12px;
    padding: 2px 4px 2px 2px;
    text-transform: uppercase
}

@media(min-width: 1140px) {
    .card-badge__rtp {
        border-radius:6px;
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        padding: 3px 4px 3px 3px;
        text-transform: uppercase
    }
}

@media(min-width: 640px) {
    .games-list-card--size-m .card-badge__rtp,.games-slider-wrap--size-m .card-badge__rtp,.games-sort-page__list .card-badge__rtp {
        border-radius:6px;
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        padding: 3px 4px 3px 3px;
        text-transform: uppercase
    }
}

@media(min-width: 1628px) {
    .games-list-card--size-m .card-badge__rtp,.games-slider-wrap--size-m .card-badge__rtp,.games-sort-page__list .card-badge__rtp {
        border-radius:8px;
        font-size: 14px;
        font-weight: 600;
        line-height: 16px;
        padding: 6px 8px 6px 4px;
        text-transform: uppercase
    }
}

.card-badge__tournament {
    align-items: center;
    background-color: var(--colors-system-warning);
    border-radius: 4px;
    display: flex;
    padding: 3px
}

@media(min-width: 1628px) {
    .games-list-card--size-m .card-badge__tournament,.games-slider-wrap--size-m .card-badge__tournament,.games-sort-page__list .card-badge__tournament {
        border-radius:8px;
        padding: 6px
    }
}

.card-badge__rtp-icon {
    height: 12px;
    width: 12px
}

@media(min-width: 1140px) {
    .card-badge__rtp-icon {
        height:16px;
        width: 16px
    }
}

@media(min-width: 640px) {
    .games-list-card--size-m .card-badge__rtp-icon,.games-slider-wrap--size-m .card-badge__rtp-icon,.games-sort-page__list .card-badge__rtp-icon {
        height:16px;
        width: 16px
    }
}

.card-badge__tournament-icon {
    height: 10px;
    width: 10px
}

@media(min-width: 1140px) {
    .card-badge__tournament-icon {
        height:14px;
        width: 14px
    }
}

@media(min-width: 640px) {
    .games-list-card--size-m .card-badge__tournament-icon,.games-slider-wrap--size-m .card-badge__tournament-icon,.games-sort-page__list .card-badge__tournament-icon {
        height:14px;
        width: 14px
    }
}

@media(min-width: 1628px) {
    .games-list-card--size-m .card-badge__tournament-icon,.games-slider-wrap--size-m .card-badge__tournament-icon,.games-sort-page__list .card-badge__tournament-icon {
        height:16px;
        width: 16px
    }
}

.card-badge__bottom {
    align-items: center;
    background-color: var(--colors-global-accent-e);
    border-radius: 4px 4px 0 0;
    bottom: 0;
    color: var(--text-text);
    display: flex;
    font-size: 10px;
    font-weight: 700;
    gap: 4px;
    justify-content: center;
    left: 50%;
    line-height: 12px;
    min-width: 64px;
    padding: 2px 4px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    transform: translate(-50%);
    white-space: nowrap
}

@media(min-width: 1140px) {
    .games-slider-wrap--size-s .card-badge__bottom {
        border-radius:6px 6px 0 0;
        font-size: 12px;
        font-weight: 600;
        line-height: 16px
    }
}

@media(min-width: 640px) {
    .games-list-card--size-m .card-badge__bottom,.games-slider-wrap--size-m .card-badge__bottom,.games-sort-page__list .card-badge__bottom {
        border-radius:6px 6px 0 0;
        font-size: 12px;
        font-weight: 600;
        line-height: 16px
    }
}

@media(min-width: 1628px) {
    .games-list-card--size-m .card-badge__bottom,.games-slider-wrap--size-m .card-badge__bottom,.games-sort-page__list .card-badge__bottom {
        border-radius:8px 8px 0 0;
        font-size: 14px;
        font-weight: 600;
        line-height: 16px;
        padding: 6px 8px
    }
}

@media(max-width: 639px) {
    .card-badge__bottom--_branded_badge,.card-badge__bottom--_prerelease_badge {
        font-weight:600
    }
}

.card-badge__bottom--_branded_badge {
    background-color: var(--colors-global-accent-f)
}

.card-badge__bottom--_prerelease_badge {
    background-color: var(--colors-system-error)
}

.card-badge__bottom-icon {
    height: 12px;
    width: 12px
}

@media(min-width: 1140px) {
    .games-slider-wrap--size-s .card-badge__bottom-icon {
        height:16px;
        width: 16px
    }
}

@media(min-width: 640px) {
    .games-list-card--size-m .card-badge__bottom-icon,.games-slider-wrap--size-m .card-badge__bottom-icon,.games-sort-page__list .card-badge__bottom-icon {
        height:16px;
        width: 16px
    }
}

.card-badge__bottom--_branded_badge .card-badge__bottom-icon {
    padding: 1px
}

.card-badge__bottom--_prerelease_badge .card-badge__bottom-icon {
    padding: 0 1px 1px
}

@media(min-width: 640px) {
    .card-badge__bottom--_prerelease_badge .card-badge__bottom-icon {
        padding:0 2px 2px 1px
    }
}

.drag-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Для Firefox */
    cursor: grab;
    user-select: none; /* Предотвращает выделение текста при перетаскивании */
}

/* Скрываем скроллбар для Chrome, Safari, Edge */
.drag-scroll::-webkit-scrollbar {
    display: none;
}

/* Меняем курсор при активном перетаскивании */
.drag-scroll.dragging {
    cursor: grabbing;
    user-select: none;
}

/* Отключаем стандартное поведение ссылок при перетаскивании */
.drag-scroll.dragging a {
    pointer-events: none;
}

/* Обеспечиваем правильное отображение внутреннего контейнера */
.drag-scroll .custom-tabs__inner {
    display: flex;
    flex-wrap: nowrap;
    min-width: max-content;
}