/* Reusable device-local palettes. Video surfaces intentionally remain black. */
:root {
    --zentro-background: #181a1d;
    --zentro-surface: #24272c;
    --zentro-button: #343941;
    --zentro-selected-colour: #465762;
    --zentro-focus-colour: #304c59;
    --zentro-accent: #67d5ef;
    --zentro-text: #f2f4f7;
    --zentro-border: #78828e;
    --zentro-aid-width: 220px;
    --zentro-aid-top-space: 260px;
}
:root[data-zentro-theme="blue"] {
    --zentro-background: #0056b3;
    --zentro-surface: #075cad;
    --zentro-button: #075cad;
    --zentro-selected-colour: #064582;
    --zentro-focus-colour: #003366;
    --zentro-border: #c7deef;
}
html[data-zentro-theme] body { background: var(--zentro-background); color: var(--zentro-text); }
.zentro-page-heading {
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
}
.zentro-saved-indicator {
    position: absolute;
    z-index: 1;
    top: 0.65rem;
    left: 0.65rem;
    display: grid;
    width: 1.5rem;
    height: 1.5rem;
    place-items: center;
    border: 1px solid var(--zentro-border);
    background: var(--zentro-surface);
    color: var(--zentro-accent);
    font-size: 1.1rem;
    line-height: 1;
    pointer-events: none;
}
/* Shared surfaces override component-isolated legacy colours. */
html[data-zentro-theme] .zentro-session-page .zentro-content-results,
html[data-zentro-theme] .zentro-session-page .zentro-content-page,
html[data-zentro-theme] .zentro-session-page .zentro-content-page-grid,
html[data-zentro-theme] .zentro-session-page .zentro-content-page-list,
html[data-zentro-theme] .zentro-session-page .zentro-category-panel,
html[data-zentro-theme] .zentro-session-page .zentro-navigation-drawer,
html[data-zentro-theme] .zentro-session-page .zentro-preferences,
html[data-zentro-theme] .zentro-session-page .zentro-keyboard,
html[data-zentro-theme] .zentro-session-page .zentro-series-details,
html[data-zentro-theme] .zentro-session-page .zentro-problem-modal,
html[data-zentro-theme] .zentro-session-page .zentro-key-login {
    background: var(--zentro-surface);
    color: var(--zentro-text);
    border-color: var(--zentro-border);
}
html[data-zentro-theme] .zentro-session-page button,
html[data-zentro-theme] .zentro-session-page input,
html[data-zentro-theme] .zentro-session-page select,
html[data-zentro-theme] .zentro-session-page textarea {
    background: var(--zentro-button);
    color: var(--zentro-text);
    border-color: var(--zentro-border);
    accent-color: var(--zentro-accent);
}
html[data-zentro-theme] .zentro-session-page .zentro-movie-tile img,
html[data-zentro-theme] .zentro-session-page .zentro-content-page-tile img,
html[data-zentro-theme] .zentro-session-page .zentro-saved-tile img,
html[data-zentro-theme] .zentro-session-page .zentro-movie-placeholder,
html[data-zentro-theme] .zentro-session-page .zentro-content-page-placeholder,
html[data-zentro-theme] .zentro-session-page .zentro-saved-placeholder,
html[data-zentro-theme] .zentro-session-page .zentro-language-badge,
html[data-zentro-theme] .zentro-session-page .zentro-content-page-language,
html[data-zentro-theme] .zentro-session-page .zentro-content-page-epg {
    background: var(--zentro-surface);
    color: var(--zentro-text);
}
html[data-zentro-theme] .zentro-session-page .zentro-tv-guide .zentro-tv-guide-empty-programme {
    border: 0;
    background: transparent;
}
html[data-zentro-theme] .zentro-session-page .zentro-settings-results {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
html[data-zentro-theme] .zentro-session-page .zentro-settings-results :is(
    .zentro-preferences-embedded,
    .zentro-playlists,
    .zentro-security-management,
    .zentro-support,
    .zentro-local-media-panel) {
    max-width: none;
    padding: 0;
    font-family: inherit;
}
html[data-zentro-theme] .zentro-session-page .zentro-settings-results h1 {
    margin: 0 0 0.5rem;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}
/* Global shared selectors reach dropdowns inside nested Razor components too. */
html[data-zentro-theme] .zentro-session-page .zentro-preferences select {
    width: 100%;
    min-height: 3rem;
    padding: 0.5rem 0.75rem;
    box-sizing: border-box;
    font: inherit;
    line-height: 1.4;
}
.zentro-display-settings label {
    display: block;
    margin: 1rem 0 0.4rem;
    font-weight: bold;
}
.zentro-display-settings { margin: 1rem 0; padding: 0.25rem 1rem 1rem; border: 1px solid var(--zentro-border); }
.zentro-display-settings > p:first-of-type { margin-block-start: 0.25rem; }
.zentro-display-settings p { font-size: 0.9em; line-height: 1.45; }
.zentro-display-settings [hidden], .zentro-navigation-aid[hidden] { display: none !important; }
html[data-zentro-theme] .zentro-session-page .zentro-local-settings .zentro-display-settings {
    margin-block: 0.5rem;
}
html[data-zentro-theme] .zentro-session-page .zentro-provider-settings .zentro-key-login {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    font-family: inherit;
    font-size: 1rem;
}
html[data-zentro-theme] .zentro-session-page .zentro-provider-settings .zentro-key-login h2 {
    margin: 0 0 0.5rem;
    font-family: inherit;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.25;
}
html[data-zentro-theme] .zentro-session-page .zentro-provider-settings .zentro-key-login p {
    margin: 0 0 0.75rem;
    font-family: inherit;
    font-size: 0.9rem;
    line-height: 1.45;
}
html[data-zentro-theme] .zentro-session-page .zentro-provider-settings .zentro-key-login label {
    margin-bottom: 0.25rem;
    font-family: inherit;
    font-size: 0.9rem;
}
html[data-zentro-theme] .zentro-session-page .zentro-provider-settings .zentro-key-login input,
html[data-zentro-theme] .zentro-session-page .zentro-provider-settings .zentro-key-login button {
    min-height: 2.5rem;
    padding: 0.2rem 0.5rem;
    border-radius: 0;
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.25;
}
html[data-zentro-theme] .zentro-session-page .zentro-provider-settings .zentro-key-login input {
    min-height: 2rem;
    padding: 0.1rem 0.25rem;
}
html[data-zentro-theme] .zentro-session-page .zentro-provider-settings .zentro-key-login button {
    min-width: 0;
    padding-inline: 0.65rem;
}
html[data-zentro-theme] .zentro-session-page .zentro-provider-settings .zentro-login-methods {
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}
html[data-zentro-theme] .zentro-session-page .zentro-provider-settings .zentro-key-row {
    gap: 0.5rem;
}
html[data-zentro-theme] .zentro-session-page .zentro-provider-settings .zentro-manual-account input {
    margin-bottom: 0.5rem;
}
html[data-zentro-theme] .zentro-session-page .zentro-provider-settings .zentro-manual-account button {
    margin: 0 0.5rem 0.5rem 0;
}
html[data-zentro-theme] .zentro-session-page .zentro-provider-settings .zentro-key-error {
    margin-top: 0.75rem;
    padding: 0.5rem 0.75rem;
}
.zentro-navigation-aid {
    position: fixed;
    left: 12px;
    top: 8px;
    z-index: 40000;
    width: calc(var(--zentro-aid-width) - 24px);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
    padding: 8px;
    box-sizing: border-box;
    border: 1px solid var(--zentro-border);
    border-radius: 10px;
    background: var(--zentro-surface);
    color: var(--zentro-text);
    box-shadow: 0 4px 16px #0008;
}
.zentro-navigation-aid button {
    min-width: 0 !important;
    min-height: 52px !important;
    height: 52px !important;
    padding: 6px !important;
    font: bold 22px sans-serif !important;
    cursor: pointer;
    color: var(--zentro-text);
    background: var(--zentro-button);
    border: 1px solid var(--zentro-border);
    border-radius: 5px;
    touch-action: manipulation;
}
.zentro-navigation-aid button:hover, .zentro-navigation-aid button:active,
.zentro-navigation-aid button[aria-pressed="true"] {
    background: var(--zentro-focus-colour);
    border-color: var(--zentro-accent);
}
.zentro-navigation-aid [data-direction="ArrowUp"] { grid-column: 2; }
.zentro-navigation-aid [data-direction="ArrowLeft"] { grid-column: 1; grid-row: 2; }
.zentro-navigation-aid [data-direction="Enter"] { grid-column: 2; grid-row: 2; }
.zentro-navigation-aid [data-direction="ArrowRight"] { grid-column: 3; grid-row: 2; }
.zentro-navigation-aid [data-direction="ArrowDown"] { grid-column: 2; grid-row: 3; }
.zentro-navigation-aid [data-direction="tvMode"] { grid-column: 1 / -1; font-size: 18px !important; }
/* The aid never follows menu layout or scrolling. Reserve space below it. */
html[data-zentro-aid="true"] .zentro-session-page {
    --zentro-preview-top: calc(8px + var(--zentro-aid-top-space));
    --zentro-sidebar-width: clamp(220px, 22vw, 300px);
}
html[data-zentro-aid="true"] .zentro-session-page .zentro-responsive-navigation,
html[data-zentro-aid="true"] .zentro-session-page .zentro-category-navigation {
    padding-top: calc(var(--zentro-aid-top-space) + var(--zentro-navigation-top-space, 0px));
    box-sizing: border-box;
}
html[data-zentro-aid="true"] .zentro-session-page .zentro-navigation-drawer {
    padding-top: 0;
}
/* Share the player's exact visibility state rather than running another timer. */
.zentro-player-panel:not(.zentro-player-preview)[data-controls-hidden="true"] .zentro-navigation-aid {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}
/* Modal overlays leave the fixed aid accessible on the left. */
html[data-zentro-aid="true"] .zentro-session-page .zentro-preferences { max-width: 100%; }
html[data-zentro-aid="true"] .zentro-session-page .zentro-keyboard-backdrop,
html[data-zentro-aid="true"] .zentro-session-page .zentro-problem-backdrop {
    left: var(--zentro-aid-width);
}
/* Explicit couch-viewing mode, not a guess based on viewport width. */
html[data-zentro-tv="true"] {
    font-size: 22px;
    --zentro-tv-tile-width: 200px;
    --zentro-tv-tile-height: 370px;
    --zentro-tv-poster-height: 270px;
}
html[data-zentro-tv="true"] .zentro-session-page {
    font-size: 1rem;
    --zentro-sidebar-width: clamp(220px, 22vw, 360px);
}
html[data-zentro-tv="true"] .zentro-session-page .zentro-home-grid,
html[data-zentro-tv="true"] .zentro-session-page .zentro-content-page-grid,
html[data-zentro-tv="true"] .zentro-session-page .zentro-saved-grid {
    grid-template-columns: repeat(auto-fill, var(--zentro-tv-tile-width));
    grid-auto-rows: auto;
    gap: 0.75rem;
}
html[data-zentro-tv="true"] .zentro-session-page .zentro-movie-tile,
html[data-zentro-tv="true"] .zentro-session-page .zentro-content-page-tile,
html[data-zentro-tv="true"] .zentro-session-page .zentro-saved-tile {
    width: var(--zentro-tv-tile-width);
    height: var(--zentro-tv-tile-height);
}
html[data-zentro-tv="true"] .zentro-session-page .zentro-movie-tile img,
html[data-zentro-tv="true"] .zentro-session-page .zentro-content-page-tile img,
html[data-zentro-tv="true"] .zentro-session-page .zentro-saved-tile img,
html[data-zentro-tv="true"] .zentro-session-page .zentro-movie-placeholder,
html[data-zentro-tv="true"] .zentro-session-page .zentro-content-page-placeholder,
html[data-zentro-tv="true"] .zentro-session-page .zentro-saved-placeholder {
    height: var(--zentro-tv-poster-height);
    flex-basis: var(--zentro-tv-poster-height);
}
html[data-zentro-tv="true"] .zentro-session-page .zentro-navigation-drawer button,
html[data-zentro-tv="true"] .zentro-session-page .zentro-category-back,
html[data-zentro-tv="true"] .zentro-session-page .zentro-category-item { min-height: 56px; }
html[data-zentro-tv="true"] .zentro-session-page .zentro-navigation-drawer svg { width: 30px; height: 30px; flex-basis: 30px; }
@media (max-width: 800px) {
    html[data-zentro-aid="true"] .zentro-session-page {
        padding-top: calc(8px + var(--zentro-aid-top-space));
        --zentro-preview-top: calc(64px + var(--zentro-aid-top-space));
    }
    html[data-zentro-aid="true"] .zentro-session-page .zentro-category-navigation,
    html[data-zentro-aid="true"] .zentro-session-page .zentro-responsive-navigation {
        padding-top: 0;
    }
    html[data-zentro-aid="true"] .zentro-session-page .zentro-navigation-drawer {
        top: calc(8px + var(--zentro-aid-top-space));
        height: calc(100vh - 8px - var(--zentro-aid-top-space));
        height: calc(100dvh - 8px - var(--zentro-aid-top-space));
        padding-top: 16px;
    }
    html[data-zentro-aid="true"] .zentro-session-browsing .zentro-session-content {
        padding-top: calc(var(--zentro-preview-top) + var(--zentro-preview-height) + 56px - var(--zentro-aid-top-space));
    }
    html[data-zentro-tv="true"] {
        font-size: 18px;
        --zentro-tv-tile-width: 150px;
        --zentro-tv-tile-height: 295px;
        --zentro-tv-poster-height: 200px;
    }
}

/* Reusable controls shared by Settings, dialogs and forms. */
html[data-zentro-theme] .zentro-session-page .zentro-control-surface button,
html[data-zentro-theme] .zentro-session-page .zentro-control-surface input:not([type="checkbox"]):not([type="radio"]),
html[data-zentro-theme] .zentro-session-page .zentro-control-surface select,
html[data-zentro-theme] .zentro-session-page .zentro-control-surface textarea {
    min-height: 3.5rem;
    padding: 0.75rem 1rem;
    box-sizing: border-box;
    border: 1px solid var(--zentro-border);
    border-radius: 0.35rem;
    background: var(--zentro-button);
    color: var(--zentro-text);
    font: inherit;
    line-height: 1.25;
}

html[data-zentro-theme] .zentro-session-page .zentro-control-surface input:not([type="checkbox"]):not([type="radio"]),
html[data-zentro-theme] .zentro-session-page .zentro-control-surface select,
html[data-zentro-theme] .zentro-session-page .zentro-control-surface textarea {
    width: 100%;
    background: var(--zentro-surface);
    accent-color: var(--zentro-accent);
}

html[data-zentro-theme] .zentro-session-page .zentro-control-surface .zentro-music-search input {
    min-height: 2.75rem;
    padding: 0.35rem 0.75rem;
}

html[data-zentro-theme] .zentro-session-page .zentro-control-surface .zentro-display-settings select {
    min-height: 2.5rem;
    padding-block: 0.1rem;
    padding-inline: 0.25rem;
}

html[data-zentro-theme] .zentro-session-page .zentro-preferences select {
    min-height: 2.5rem;
    padding-block: 0.1rem;
    padding-inline: 0.25rem;
}

html[data-zentro-theme] .zentro-session-page .zentro-control-surface .zentro-provider-settings .zentro-key-row input:not([type="checkbox"]):not([type="radio"]) {
    width: max(25%, 250px);
    max-width: 100%;
    flex: 0 1 max(25%, 250px);
    min-height: 2.5rem;
    padding: 0.1rem 0.25rem;
}

html[data-zentro-theme] .zentro-session-page .zentro-control-surface .zentro-provider-settings .zentro-manual-account input:not([type="checkbox"]):not([type="radio"]) {
    width: max(25%, 250px);
    max-width: 100%;
    min-width: 0;
    min-height: 2.5rem;
    padding: 0.1rem 0.25rem;
}

html[data-zentro-theme] .zentro-session-page .zentro-control-surface input[type="checkbox"],
html[data-zentro-theme] .zentro-session-page .zentro-control-surface input[type="radio"] {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    min-height: 20px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    accent-color: var(--zentro-accent);
}

html[data-zentro-theme] .zentro-session-page .zentro-control-surface button {
    min-height: 3rem;
    padding: 0.6rem 1rem;
    border-radius: 0;
    font-weight: 400;
    cursor: pointer;
}

    html[data-zentro-theme] .zentro-session-page .zentro-control-surface button.primary,
    html[data-zentro-theme] .zentro-session-page .zentro-control-surface button.selected,
    html[data-zentro-theme] .zentro-session-page .zentro-control-surface button[aria-pressed="true"] {
        border-color: var(--zentro-selected-colour);
        background: var(--zentro-selected-colour);
        color: var(--zentro-text);
    }

    html[data-zentro-theme] .zentro-session-page .zentro-control-surface button:hover:not(:disabled) {
        border-color: var(--zentro-accent);
    }

    html[data-zentro-theme] .zentro-session-page .zentro-control-surface button:focus,
    html[data-zentro-theme] .zentro-session-page .zentro-control-surface input:focus,
    html[data-zentro-theme] .zentro-session-page .zentro-control-surface select:focus,
    html[data-zentro-theme] .zentro-session-page .zentro-control-surface textarea:focus {
        border-color: var(--zentro-accent) !important;
        background: var(--zentro-focus-colour) !important;
        color: var(--zentro-text) !important;
        outline: 3px solid var(--zentro-accent) !important;
        outline-offset: -3px !important;
        box-shadow: none !important;
    }

    html[data-zentro-theme] .zentro-session-page .zentro-control-surface button:disabled,
    html[data-zentro-theme] .zentro-session-page .zentro-control-surface input:disabled,
    html[data-zentro-theme] .zentro-session-page .zentro-control-surface select:disabled,
    html[data-zentro-theme] .zentro-session-page .zentro-control-surface textarea:disabled {
        opacity: 0.45;
        cursor: default;
    }

/* Scrollable standalone content panels. */
.zentro-session-page .zentro-content-results.zentro-scroll-panel {
    display: block;
    flex: 1 1 0;
    min-width: 0;
    min-height: 0;
    height: 100%;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}


/*
 * Short landscape displays, including phones.
 *
 * Keep navigation and panel controls fixed while assigning the remaining
 * viewport height to the appropriate category, results, guide, or library
 * scroll region.
 */
@media (orientation: landscape) and (max-height: 650px) {
    .zentro-session-page {
        min-height: 0;
        padding: 4px;
    }

        .zentro-session-page .zentro-session-shell {
            min-height: 0;
            gap: 6px;
        }

        .zentro-session-page .zentro-session-content,
        .zentro-session-page .zentro-content-layout,
        .zentro-session-page .zentro-content-results,
        .zentro-session-page .zentro-content-page,
        .zentro-session-page .zentro-tv-guide,
        .zentro-session-page .zentro-music-panel {
            min-height: 0;
            overflow: hidden;
        }

        /*
     * Movies and Series: retain their heading/sort controls while the
     * category list and tile grid use the available scrollable height.
     */
        .zentro-session-page .zentro-content-page {
            gap: 0.5rem;
        }

        .zentro-session-page .zentro-content-page-header {
            flex: 0 0 auto;
            gap: 0.5rem;
        }

            .zentro-session-page .zentro-content-page-header > div > span {
                display: none;
            }

        .zentro-session-page .zentro-content-page-sort {
            gap: 0.35rem;
        }

            .zentro-session-page .zentro-content-page-sort span {
                font-size: 0.85rem;
            }

            .zentro-session-page .zentro-content-page-sort select {
                min-height: 2.6rem;
                padding-block: 0.35rem;
            }

        .zentro-session-page .zentro-content-page-grid,
        .zentro-session-page .zentro-content-page-list {
            flex: 1 1 0;
            min-height: 0;
            overflow-y: auto;
            overscroll-behavior: contain;
            touch-action: pan-y;
            -webkit-overflow-scrolling: touch;
        }

        /*
     * Category navigation remains independent from the results panel.
     */
        .zentro-session-page .zentro-category-navigation {
            min-height: 0;
            gap: 5px;
        }

        .zentro-session-page .zentro-category-back {
            min-height: 2.6rem;
            padding: 0.35rem 0.7rem;
        }

        .zentro-session-page .zentro-category-panel {
            min-height: 0;
            gap: 0.4rem;
            padding: 0.5rem;
        }

        .zentro-session-page .zentro-category-list {
            flex: 1 1 0;
            min-height: 0;
            overflow-y: auto;
            overscroll-behavior: contain;
            touch-action: pan-y;
            -webkit-overflow-scrolling: touch;
        }

        /*
     * Channels: keep guide navigation fixed while both guide axes remain
     * available inside the guide's own viewport.
     */
        .zentro-session-page .zentro-tv-guide {
            display: flex;
            flex-direction: column;
            min-height: 0;
        }

        .zentro-session-page .zentro-tv-guide-controls {
            flex: 0 0 auto;
            gap: 0.5rem;
            padding-block: 0.35rem;
        }

            .zentro-session-page .zentro-tv-guide-controls > div:first-child span {
                display: none;
            }

        .zentro-session-page .zentro-tv-guide-navigation {
            gap: 0.35rem;
        }

            .zentro-session-page .zentro-tv-guide-navigation button {
                min-height: 2.6rem;
                padding: 0.35rem 0.7rem;
            }

        .zentro-session-page .zentro-tv-guide-scroll {
            flex: 1 1 0;
            min-height: 0;
            overflow: auto;
            overscroll-behavior: contain;
            touch-action: pan-x pan-y;
            -webkit-overflow-scrolling: touch;
        }

        /*
         * Music: the heading, Refresh, and view selection remain fixed.
         * Sources, folder controls, tracks, and paging share the lower scroll
         * viewport.
         */
        .zentro-session-page .zentro-music-panel {
            gap: 0.5rem;
            padding: 0.5rem 0.65rem;
        }

        .zentro-session-page .zentro-music-header {
            gap: 0.5rem;
        }

            .zentro-session-page .zentro-music-header p {
                display: none;
            }

        .zentro-session-page .zentro-music-refresh {
            min-height: 2.6rem;
            padding-block: 0.35rem;
        }

        .zentro-session-page .zentro-music-views {
            flex-wrap: nowrap;
            gap: 0.4rem;
            padding-bottom: 0;
        }

        .zentro-session-page .zentro-music-view {
            min-width: 6rem;
            min-height: 2.6rem;
            padding: 0.35rem 0.65rem;
        }

        .zentro-session-page .zentro-music-library {
            flex: 1 1 0;
            min-height: 0;
            gap: 0.6rem;
            padding-right: 0.25rem;
            padding-bottom: 0.75rem;
            overflow-x: hidden;
            overflow-y: auto;
            overscroll-behavior: contain;
            touch-action: pan-y;
            -webkit-overflow-scrolling: touch;
        }

        .zentro-session-page .zentro-music-library-heading p {
            display: none;
        }

        .zentro-session-page .zentro-music-library-heading h2 {
            font-size: 1.2rem;
            line-height: 1.2;
        }

        .zentro-session-page .zentro-music-source-grid {
            flex: 0 0 auto;
            gap: 0.5rem;
        }

        .zentro-session-page .zentro-music-source {
            min-height: 3.75rem;
            padding: 0.5rem 0.65rem;
        }

        .zentro-session-page .zentro-music-browser {
            flex: 0 0 auto;
            padding: 0.6rem;
        }

        /*
     * Standalone Saved, Settings, About, and local-media panels use the
     * same remaining-height scrolling behaviour.
     */
        .zentro-session-page
        .zentro-content-results.zentro-scroll-panel {
            min-height: 0;
            height: 100%;
            max-height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            overscroll-behavior: contain;
            touch-action: pan-y;
            -webkit-overflow-scrolling: touch;
        }
}