._7afwL2 {
    margin-left: 48px;
    margin-right: 48px;
    margin-bottom: 8px;
}

._ChannelThumnails {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    padding-right: 8px;
    scroll-snap-align: start;
    transition: opacity .5s ease;
}

    ._ChannelThumnails .SQtr_L {
        overflow: visible;
    }

    ._ChannelThumnails:first-child {
        margin-left: 0;
    }

    ._ChannelThumnails .SQtr_L .YmE0yg {
        transition: opacity .3s,transform .3s;
    }

    ._ChannelThumnails .SQtr_L:hover .YmE0yg {
        transform: translateY(20px);
        pointer-events: none;
        opacity: 0;
    }

        ._ChannelThumnails .SQtr_L:hover .YmE0yg.Sh_v61 {
            pointer-events: auto;
            transform: none;
        }

@media (min-width:2100px) {
    ._ChannelThumnails {
        width: calc(100% / 7);
    }

    .SQtr_L ._ChannelThumnails:focus, .SQtr_L ._ChannelThumnails:focus-within, .SQtr_L ._ChannelThumnails:hover {
        overflow: visible;
    }
}

@media (min-width:1800px) and (max-width:2100px) {
    ._ChannelThumnails {
        width: calc(100% / 6);
    }

    .SQtr_L ._ChannelThumnails:focus, .SQtr_L ._ChannelThumnails:focus-within, .SQtr_L ._ChannelThumnails:hover {
        overflow: visible;
    }
}

@media (min-width:1500px) and (max-width:1800px) {
    ._ChannelThumnails {
        width: calc(100% / 5);
    }

    .SQtr_L ._ChannelThumnails:focus, .SQtr_L ._ChannelThumnails:focus-within, .SQtr_L ._ChannelThumnails:hover {
        overflow: visible;
    }
}

@media (min-width:1200px) and (max-width:1500px) {
    ._ChannelThumnails {
        width: calc(100% / 5);
    }

    .SQtr_L ._ChannelThumnails:focus, .SQtr_L ._ChannelThumnails:focus-within, .SQtr_L ._ChannelThumnails:hover {
        overflow: visible;
    }
}

@media (min-width:900px) and (max-width:1200px) {
    ._ChannelThumnails {
        width: calc(100% / 4);
    }

    .SQtr_L ._ChannelThumnails:focus, .SQtr_L ._ChannelThumnails:focus-within, .SQtr_L ._ChannelThumnails:hover {
        overflow: visible;
    }
}

@media (min-width:600px) and (max-width:900px) {
    ._ChannelThumnails {
        width: calc(100% / 2);
    }

    .SQtr_L ._ChannelThumnails:focus, .SQtr_L ._ChannelThumnails:focus-within, .SQtr_L ._ChannelThumnails:hover {
        overflow: visible;
    }
}

@media (max-width:600px) {
    ._ChannelThumnails {
        width: calc(100% / 2);
    }

    .SQtr_L ._ChannelThumnails:focus, .SQtr_L ._ChannelThumnails:focus-within, .SQtr_L ._ChannelThumnails:hover {
        overflow: visible;
    }
}

@media (min-width:2100px) {
    .min-width-storefront ._ChannelThumnails {
        width: calc(100% / 7);
    }

    .SQtr_L .min-width-storefront ._ChannelThumnails:focus, .SQtr_L .min-width-storefront ._ChannelThumnails:focus-within, .SQtr_L .min-width-storefront ._ChannelThumnails:hover {
        overflow: visible;
    }
}

@media (min-width:1800px) and (max-width:2100px) {
    .min-width-storefront ._ChannelThumnails {
        width: calc(100% / 6);
    }

    .SQtr_L .min-width-storefront ._ChannelThumnails:focus, .SQtr_L .min-width-storefront ._ChannelThumnails:focus-within, .SQtr_L .min-width-storefront ._ChannelThumnails:hover {
        overflow: visible;
    }
}

@media (min-width:1500px) and (max-width:1800px) {
    .min-width-storefront ._ChannelThumnails {
        width: calc(100% / 5);
    }

    .SQtr_L .min-width-storefront ._ChannelThumnails:focus, .SQtr_L .min-width-storefront ._ChannelThumnails:focus-within, .SQtr_L .min-width-storefront ._ChannelThumnails:hover {
        overflow: visible;
    }
}

@media (min-width:1200px) and (max-width:1500px) {
    .min-width-storefront ._ChannelThumnails {
        width: calc(100% / 4);
    }

    .SQtr_L .min-width-storefront ._ChannelThumnails:focus, .SQtr_L .min-width-storefront ._ChannelThumnails:focus-within, .SQtr_L .min-width-storefront ._ChannelThumnails:hover {
        overflow: visible;
    }
}

@media (max-width:1200px) {
    .min-width-storefront ._ChannelThumnails {
        width: calc(100% / 4);
    }

    .SQtr_L .min-width-storefront ._ChannelThumnails:focus, .SQtr_L .min-width-storefront ._ChannelThumnails:focus-within, .SQtr_L .min-width-storefront ._ChannelThumnails:hover {
        overflow: visible;
    }
}

@media (max-width:991px) {
    .min-width-storefront ._ChannelThumnails {
        width: calc(100% / 4);
    }

    .SQtr_L .min-width-storefront ._ChannelThumnails:focus, .SQtr_L .min-width-storefront ._ChannelThumnails:focus-within, .SQtr_L .min-width-storefront ._ChannelThumnails:hover {
        overflow: visible;
    }
}

@media (max-width:767px) {
    .min-width-storefront ._ChannelThumnails {
        width: calc(100% / 2);
    }

    .SQtr_L .min-width-storefront ._ChannelThumnails:focus, .SQtr_L .min-width-storefront ._ChannelThumnails:focus-within, .SQtr_L .min-width-storefront ._ChannelThumnails:hover {
        overflow: visible;
    }
}

@media (max-width:575px) {
    .min-width-storefront ._ChannelThumnails {
        width: calc(100% / 1);
    }

    .SQtr_L .min-width-storefront ._ChannelThumnails:focus, .SQtr_L .min-width-storefront ._ChannelThumnails:focus-within, .SQtr_L .min-width-storefront ._ChannelThumnails:hover {
        overflow: hidden;
    }
        
    ._7afwL2 {
        margin-left: 25px;
        margin-right: 25px;
        margin-bottom: 8px;
    }
}

@media (min-width:2100px) {
    .mobile-collection ._ChannelThumnails {
        width: 13.85742%;
    }

    .SQtr_L .mobile-collection ._ChannelThumnails:focus, .SQtr_L .mobile-collection ._ChannelThumnails:focus-within, .SQtr_L .mobile-collection ._ChannelThumnails:hover {
        overflow: visible;
    }
}

@media (min-width:1800px) and (max-width:2100px) {
    .mobile-collection ._ChannelThumnails {
        width: 16.16699%;
    }

    .SQtr_L .mobile-collection ._ChannelThumnails:focus, .SQtr_L .mobile-collection ._ChannelThumnails:focus-within, .SQtr_L .mobile-collection ._ChannelThumnails:hover {
        overflow: visible;
    }
}

@media (min-width:1500px) and (max-width:1800px) {
    .mobile-collection ._ChannelThumnails {
        width: 19.4%;
    }

    .SQtr_L .mobile-collection ._ChannelThumnails:focus, .SQtr_L .mobile-collection ._ChannelThumnails:focus-within, .SQtr_L .mobile-collection ._ChannelThumnails:hover {
        overflow: visible;
    }
}

@media (min-width:1200px) and (max-width:1500px) {
    .mobile-collection ._ChannelThumnails {
        width: 24.25%;
    }

    .SQtr_L .mobile-collection ._ChannelThumnails:focus, .SQtr_L .mobile-collection ._ChannelThumnails:focus-within, .SQtr_L .mobile-collection ._ChannelThumnails:hover {
        overflow: visible;
    }
}

@media (min-width:900px) and (max-width:1200px) {
    .mobile-collection ._ChannelThumnails {
        width: 32.33301%;
    }

    .SQtr_L .mobile-collection ._ChannelThumnails:focus, .SQtr_L .mobile-collection ._ChannelThumnails:focus-within, .SQtr_L .mobile-collection ._ChannelThumnails:hover {
        overflow: visible;
    }
}

@media (max-width:900px) {
    .mobile-collection ._ChannelThumnails {
        width: 48.5%;
    }

    .SQtr_L .mobile-collection ._ChannelThumnails:focus, .SQtr_L .mobile-collection ._ChannelThumnails:focus-within, .SQtr_L .mobile-collection ._ChannelThumnails:hover {
        overflow: visible;
    }
}

.mobile-collection ._ChannelThumnails:first-child {
    margin-left: 0;
}


.mobile-collection ._ChannelThumnails:last-child {
    margin-right: 0;
}



._ChannelThumnails:last-child {
    margin-right: 0;
}
._ChannelThumnails._18YPvi {
    transition: padding-right 1s,width 1s,height 1s;
    padding-right: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}