.sxs-cardscar {
    // --gap: #{$spacing2 * 3};
    --gap: #{$spacing2};

    &__liswrp0 {
        overflow: hidden;
        display: block;
    }

    &__liswrp1 {
        margin: calc(0px - var(--gap));
        display: block;
    }

    &__ite {
        padding: var(--gap);
    }

    .sxs-car__arws {
        margin-top: calc($spacing2 / 2);
    }

    &__arr {
        &--fl {
            position: absolute;
            z-index: 1;
            top: 50%;

            &-l {
                left: 0;
                transform: translate3d(-25%, -50%, 1px);
            }

            &-r {
                right: 0;
                transform: translate3d(25%, -50%, 1px);
            }
        }
    }

    &--arrx {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        width: 100%;

        .sxs-cardscar__liswrp0 {
            padding: 0 1rem;
            flex: 0 0 var(--w);
            width: var(--w);
            max-width: var(--w);
            --w: calc(100% - (2.5rem * 2) - var(--gap) * 0);
        }

        .sxs-car__arws-arw {
            z-index: 1;
        }
    }
}