.top-cover-row > .top-cover,
.dmt-new-movies-section > .movie-grid > .movie-card > .movie-thumb,
.dmt-home-cinema-more-track > .dmt-home-cinema-more-card {
    touch-action: pan-y;
}

.top-cover-row > .top-cover *,
.dmt-new-movies-section > .movie-grid > .movie-card > .movie-thumb *,
.dmt-home-cinema-more-track > .dmt-home-cinema-more-card * {
    user-select: none;
}

body.home .nfo-main > .top-strip:first-child > .top-cover-row,
body.front-page .nfo-main > .top-strip:first-child > .top-cover-row,
body.blog .nfo-main > .top-strip:first-child > .top-cover-row,
body.home .nfo-main > .dmt-new-movies-section > .movie-grid,
body.front-page .nfo-main > .dmt-new-movies-section > .movie-grid,
body.blog .nfo-main > .dmt-new-movies-section > .movie-grid,
body.home .nfo-main .dmt-home-cinema-more-track,
body.front-page .nfo-main .dmt-home-cinema-more-track,
body.blog .nfo-main .dmt-home-cinema-more-track {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-color: #526356 var(--bg2) !important;
    scrollbar-width: thin;
}

html.nfo-cover-scroll-js body.home .nfo-main > .top-strip:first-child > .top-cover-row,
html.nfo-cover-scroll-js body.front-page .nfo-main > .top-strip:first-child > .top-cover-row,
html.nfo-cover-scroll-js body.blog .nfo-main > .top-strip:first-child > .top-cover-row,
html.nfo-cover-scroll-js body.home .nfo-main > .dmt-new-movies-section > .movie-grid,
html.nfo-cover-scroll-js body.front-page .nfo-main > .dmt-new-movies-section > .movie-grid,
html.nfo-cover-scroll-js body.blog .nfo-main > .dmt-new-movies-section > .movie-grid,
html.nfo-cover-scroll-js body.home .nfo-main .dmt-home-cinema-more-track,
html.nfo-cover-scroll-js body.front-page .nfo-main .dmt-home-cinema-more-track,
html.nfo-cover-scroll-js body.blog .nfo-main .dmt-home-cinema-more-track {
    scrollbar-color: transparent transparent !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none;
}

html.nfo-cover-scroll-js body.home .nfo-main > .top-strip:first-child > .top-cover-row,
html.nfo-cover-scroll-js body.front-page .nfo-main > .top-strip:first-child > .top-cover-row,
html.nfo-cover-scroll-js body.blog .nfo-main > .top-strip:first-child > .top-cover-row,
html.nfo-cover-scroll-js body.home .nfo-main > .dmt-new-movies-section > .movie-grid,
html.nfo-cover-scroll-js body.front-page .nfo-main > .dmt-new-movies-section > .movie-grid,
html.nfo-cover-scroll-js body.blog .nfo-main > .dmt-new-movies-section > .movie-grid {
    padding-bottom: 22px !important;
}

html.nfo-cover-scroll-js body.home .nfo-main .dmt-home-cinema-more-track,
html.nfo-cover-scroll-js body.front-page .nfo-main .dmt-home-cinema-more-track,
html.nfo-cover-scroll-js body.blog .nfo-main .dmt-home-cinema-more-track {
    padding-bottom: 20px !important;
}

html.nfo-cover-scroll-js body.home .nfo-main > .top-strip:first-child > .top-cover-row::-webkit-scrollbar,
html.nfo-cover-scroll-js body.front-page .nfo-main > .top-strip:first-child > .top-cover-row::-webkit-scrollbar,
html.nfo-cover-scroll-js body.blog .nfo-main > .top-strip:first-child > .top-cover-row::-webkit-scrollbar,
html.nfo-cover-scroll-js body.home .nfo-main > .dmt-new-movies-section > .movie-grid::-webkit-scrollbar,
html.nfo-cover-scroll-js body.front-page .nfo-main > .dmt-new-movies-section > .movie-grid::-webkit-scrollbar,
html.nfo-cover-scroll-js body.blog .nfo-main > .dmt-new-movies-section > .movie-grid::-webkit-scrollbar,
html.nfo-cover-scroll-js body.home .nfo-main .dmt-home-cinema-more-track::-webkit-scrollbar,
html.nfo-cover-scroll-js body.front-page .nfo-main .dmt-home-cinema-more-track::-webkit-scrollbar,
html.nfo-cover-scroll-js body.blog .nfo-main .dmt-home-cinema-more-track::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

body.nfo-design-v2 .nfo-main .kk-cover-scrollbar {
    position: relative;
    z-index: 1;
    display: grid;
    box-sizing: border-box;
    width: 100%;
    height: 10px;
    grid-template-columns: 11px minmax(0, 1fr) 11px;
    align-items: center;
    gap: 3px;
    margin: -10px 0 0;
    padding: 0;
}

body.nfo-design-v2 .nfo-main .kk-cover-scrollbar[hidden] {
    display: none !important;
}

body.nfo-design-v2 .nfo-main .kk-cover-scrollbar-button {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 11px;
    height: 10px;
    margin: 0;
    padding: 0;
    appearance: none;
    border: 0;
    border-radius: 0;
    outline: 0;
    background: transparent;
    box-shadow: none;
    color: #526356;
    cursor: pointer;
}

body.nfo-design-v2 .nfo-main .kk-cover-scrollbar-button::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    content: "";
    transform: translate(-50%, -50%);
}

body.nfo-design-v2 .nfo-main .kk-cover-scrollbar-button--backward::before {
    border-right: 4px solid currentColor;
    margin-left: -1px;
}

body.nfo-design-v2 .nfo-main .kk-cover-scrollbar-button--forward::before {
    border-left: 4px solid currentColor;
    margin-left: 1px;
}

body.nfo-design-v2 .nfo-main .kk-cover-scrollbar-button:disabled {
    color: #334038;
    cursor: default;
}

body.nfo-design-v2 .nfo-main .kk-cover-scrollbar-button:focus-visible,
body.nfo-design-v2 .nfo-main .kk-cover-scrollbar-track:focus-visible {
    outline: 1px solid #718576;
    outline-offset: 1px;
}

body.nfo-design-v2 .nfo-main .kk-cover-scrollbar-track {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 6px;
    overflow: hidden;
    border: 0;
    background: var(--bg2);
    cursor: pointer;
    touch-action: none;
}

body.nfo-design-v2 .nfo-main .kk-cover-scrollbar-thumb {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    min-width: 32px;
    height: 6px;
    border: 0;
    border-radius: 2px;
    background: #526356;
    cursor: grab;
    transform: translate3d(0, 0, 0);
    touch-action: none;
    will-change: transform;
}

body.nfo-design-v2 .nfo-main .kk-cover-scrollbar-thumb.is-dragging {
    cursor: grabbing;
}

@media (max-width: 760px) {
    body.home .nfo-main > .top-strip:first-child > .top-cover-row,
    body.front-page .nfo-main > .top-strip:first-child > .top-cover-row,
    body.blog .nfo-main > .top-strip:first-child > .top-cover-row {
        padding-bottom: 0 !important;
    }

    html.nfo-cover-scroll-js body.home .nfo-main > .top-strip:first-child > .top-cover-row,
    html.nfo-cover-scroll-js body.front-page .nfo-main > .top-strip:first-child > .top-cover-row,
    html.nfo-cover-scroll-js body.blog .nfo-main > .top-strip:first-child > .top-cover-row {
        padding-bottom: 10px !important;
    }

    body.home .nfo-main > .top-strip:first-child > .top-cover-row.has-cinema-scroll-right,
    body.front-page .nfo-main > .top-strip:first-child > .top-cover-row.has-cinema-scroll-right,
    body.blog .nfo-main > .top-strip:first-child > .top-cover-row.has-cinema-scroll-right {
        -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 28px), transparent 100%);
        mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 28px), transparent 100%);
    }

    body.home .nfo-main > .top-strip:first-child > .top-cover-row.has-cinema-scroll-left:not(.has-cinema-scroll-right),
    body.front-page .nfo-main > .top-strip:first-child > .top-cover-row.has-cinema-scroll-left:not(.has-cinema-scroll-right),
    body.blog .nfo-main > .top-strip:first-child > .top-cover-row.has-cinema-scroll-left:not(.has-cinema-scroll-right) {
        -webkit-mask-image: linear-gradient(to right, transparent 0, #000 28px, #000 100%);
        mask-image: linear-gradient(to right, transparent 0, #000 28px, #000 100%);
    }

    body.home .nfo-main > .top-strip:first-child > .top-cover-row.has-cinema-scroll-left.has-cinema-scroll-right,
    body.front-page .nfo-main > .top-strip:first-child > .top-cover-row.has-cinema-scroll-left.has-cinema-scroll-right,
    body.blog .nfo-main > .top-strip:first-child > .top-cover-row.has-cinema-scroll-left.has-cinema-scroll-right {
        -webkit-mask-image: linear-gradient(to right, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%);
        mask-image: linear-gradient(to right, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%);
    }
}