body.site-home-modern{
    --home-layout-width:1600px;
    --home-layout-side:64px;
}

body.site-home-modern .topbar .shell{
    width:min(
        var(--home-layout-width),
        calc(100% - var(--home-layout-side))
    )!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

body.site-home-modern .home-hero-copy-v4{
    left:max(
        32px,
        calc(
            (
                100% -
                min(
                    var(--home-layout-width),
                    calc(100% - var(--home-layout-side))
                )
            ) / 2
        )
    )!important;
}

body.site-home-modern .home-feature-pair-v5.shell,
body.site-home-modern .home-category-slider-v6.shell,
body.site-home-modern .home-popular-v7.shell{
    width:min(
        var(--home-layout-width),
        calc(100% - var(--home-layout-side))
    )!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
}

body.site-home-modern .home-feature-pair-v5{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

body.site-home-modern .home-category-head-v6,
body.site-home-modern .home-popular-head-v7{
    width:100%!important;
}

body.site-home-modern .home-category-stage-v6,
body.site-home-modern .home-popular-stage-v7{
    width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

body.site-home-modern .home-category-viewport-v6,
body.site-home-modern .home-popular-viewport-v7{
    width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

body.site-home-modern .home-category-track-v6,
body.site-home-modern .home-popular-track-v7{
    justify-content:center;
}

@media(min-width:1121px){
    body.site-home-modern .home-category-card-v6{
        flex:0 0 calc(
            (
                min(
                    var(--home-layout-width),
                    calc(100vw - var(--home-layout-side))
                ) - 60px
            ) / 6
        )!important;

        width:calc(
            (
                min(
                    var(--home-layout-width),
                    calc(100vw - var(--home-layout-side))
                ) - 60px
            ) / 6
        )!important;

        min-width:0!important;
    }
}

@media(min-width:1101px){
    body.site-home-modern .home-popular-card-v7{
        flex:0 0 calc(
            (
                min(
                    var(--home-layout-width),
                    calc(100vw - var(--home-layout-side))
                ) - 70px
            ) / 6
        )!important;

        width:calc(
            (
                min(
                    var(--home-layout-width),
                    calc(100vw - var(--home-layout-side))
                ) - 70px
            ) / 6
        )!important;

        min-width:0!important;
    }
}

body.site-home-modern .home-popular-body-v7{
    align-items:center!important;
    text-align:center!important;
    padding-left:16px!important;
    padding-right:16px!important;
}

body.site-home-modern .home-popular-body-v7>strong{
    width:100%!important;
    text-align:center!important;
}

body.site-home-modern .home-popular-body-v7>small{
    width:100%!important;
    text-align:center!important;
}

body.site-home-modern .home-popular-body-v7>em{
    width:100%!important;
    justify-content:center!important;
    padding-right:0!important;
}

body.site-home-modern .home-category-card-v6 strong{
    left:38px!important;
    right:38px!important;
    text-align:center!important;
}

body.site-home-modern .home-category-prev-v6,
body.site-home-modern .home-popular-prev-v7{
    left:-50px!important;
}

body.site-home-modern .home-category-next-v6,
body.site-home-modern .home-popular-next-v7{
    right:-50px!important;
}

body.site-home-modern .home-category-dots-v6,
body.site-home-modern .home-popular-dots-v7{
    width:100%!important;
    justify-content:center!important;
}

@media(max-width:1720px){
    body.site-home-modern .home-category-prev-v6,
    body.site-home-modern .home-popular-prev-v7{
        left:8px!important;
    }

    body.site-home-modern .home-category-next-v6,
    body.site-home-modern .home-popular-next-v7{
        right:8px!important;
    }
}

@media(max-width:980px){
    body.site-home-modern{
        --home-layout-side:28px;
    }

    body.site-home-modern .topbar .shell,
    body.site-home-modern .home-feature-pair-v5.shell,
    body.site-home-modern .home-category-slider-v6.shell,
    body.site-home-modern .home-popular-v7.shell{
        width:calc(100% - 28px)!important;
    }

    body.site-home-modern .home-hero-copy-v4{
        left:24px!important;
    }
}

@media(max-width:700px){
    body.site-home-modern{
        --home-layout-side:20px;
    }

    body.site-home-modern .home-feature-pair-v5.shell,
    body.site-home-modern .home-category-slider-v6.shell,
    body.site-home-modern .home-popular-v7.shell{
        width:calc(100% - 20px)!important;
    }

    body.site-home-modern .home-popular-body-v7{
        padding-left:10px!important;
        padding-right:10px!important;
    }

    body.site-home-modern .home-category-card-v6 strong{
        left:10px!important;
        right:31px!important;
        text-align:left!important;
    }
}
