/* =========================================================
   GENIUS MOVIES
   MOBILE HOME LIVE TV COMPACT CAROUSEL V1
   ========================================================= */

@media(max-width:760px){

    /*
     * Live TV section itself.
     * Remove unnecessary fixed/minimum height.
     */

    .gm-home-live-tv-section-compact{
        position:relative !important;

        min-height:0 !important;
        height:auto !important;

        padding-bottom:22px !important;
        margin-bottom:8px !important;

        overflow:visible !important;
    }


    /*
     * Any wrappers between the card scroller and section
     * must not reserve a large fixed height.
     */

    .gm-live-tv-compact-chain{
        min-height:0 !important;
        height:auto !important;
        max-height:none !important;
    }


    /*
     * Actual horizontal TV card scroller.
     */

    .gm-live-tv-mobile-scroller{
        position:relative !important;

        min-height:0 !important;
        height:auto !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        scroll-behavior:smooth;

        -webkit-overflow-scrolling:touch;

        scrollbar-width:none !important;

        padding-left:42px !important;
        padding-right:42px !important;
        padding-bottom:4px !important;

        margin-bottom:0 !important;

        scroll-snap-type:x proximity;
    }


    .gm-live-tv-mobile-scroller::-webkit-scrollbar{
        display:none !important;
        width:0 !important;
        height:0 !important;
    }


    /*
     * Previous / Next buttons.
     */

    .gm-live-tv-mobile-arrow{
        position:absolute;

        z-index:80;

        width:44px;
        height:44px;

        display:flex;
        align-items:center;
        justify-content:center;

        border:
            1px solid
            rgba(255,255,255,.28);

        border-radius:999px;

        background:
            rgba(13,17,24,.92);

        color:#ffffff;

        box-shadow:
            0 8px 28px
            rgba(0,0,0,.42);

        backdrop-filter:
            blur(8px);

        -webkit-backdrop-filter:
            blur(8px);

        font-size:31px;
        font-weight:400;
        line-height:1;

        cursor:pointer;

        transform:
            translateY(-50%);

        transition:
            transform .15s ease,
            opacity .15s ease,
            background .15s ease;

        -webkit-tap-highlight-color:
            transparent;
    }


    .gm-live-tv-mobile-arrow:active{
        transform:
            translateY(-50%)
            scale(.92);
    }


    .gm-live-tv-mobile-arrow:hover{
        background:
            rgba(30,35,45,.98);
    }


    .gm-live-tv-mobile-arrow.prev{
        left:8px;
    }


    .gm-live-tv-mobile-arrow.next{
        right:8px;
    }


    .gm-live-tv-mobile-arrow.is-end{
        opacity:.35;
    }


    .gm-live-tv-mobile-arrow span{
        display:block;

        transform:
            translateY(-2px);
    }


    /*
     * Section after Live TV should begin immediately
     * instead of leaving a huge vertical blank.
     */

    .gm-after-live-tv-compact{
        margin-top:8px !important;
        padding-top:8px !important;
    }

}


/*
 * Desktop does not need the mobile arrows.
 */

@media(min-width:761px){

    .gm-live-tv-mobile-arrow{
        display:none !important;
    }

}