.rvw.s1 {

    --rvw-str-clr: var(--primary);
    --rvw-str-s: 1.33rem;
    --rvw-s1-bx-w: 38rem;


    button[data-action="PlayPause"] {
        svg {
            color: var(--text-alt);
        }
    }

    /* Override off-scr to bleed relative to .bx, not mn_wd */

    @media screen and (min-width: 1280px) {
        .bx {
            max-width: var(--rvw-s1-bx-w);
            margin-inline: auto;
            position: relative;
            width: 100%;
        }

        .off-scr {
            margin-inline: calc((100svw - var(--rvw-s1-bx-w)) * -0.5);

            &:before, &:after {
                width: calc((100svw - var(--rvw-s1-bx-w)) * 0.5);
            }

            &[class*='gp_sp'] {
                --grd-sp-dyn: 6.83rem;

                &:before, &:after {
                    width: calc((100svw - var(--rvw-s1-bx-w)) * 0.5 - var(--grd-sp-dyn));
                }
            }

            li[data-role="item"] {
                width: var(--rvw-s1-bx-w);
                max-width: var(--rvw-s1-bx-w);
                flex-shrink: 0;
            }
        }

        [data-role="arrows"] {
            margin-top: 0;
            position: absolute;
            top: 50%;
            translate: -50% -50%;
            left: 50%;
            width: calc((var(--rvw-s1-bx-w) + var(--grd-sp-dyn)) + (var(--sl-sa-s) * 2));
            justify-content: space-between;
        }
    }

    @media screen and (max-width: 1279px) {
        .off-scr {
            margin-inline: 0 !important;

            &::before, &::after {
                display: none;
            }
        }
    }

    /* Google icon sizing */
    .g-icn {
        flex-shrink: 0;
        font-size: 1.33rem;
    }

    li[data-role="item"] {
        opacity: 0.4;
        transition: opacity 0.4s ease;

        &.s-active {
            opacity: 1;
        }
    }
}