@scope ([svui]) {
    /* SVUI Slider widget */
    [sv-ui="slider"] {
        position: relative;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        outline: 0;
    }

    [sv-ui="slider"]:not(.slick-initialized):not([sv-state="inactive"]) {
        display: flex;
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow: hidden;
    }

    [sv-ui="slider"]:not(.slick-initialized):not([sv-state="inactive"]) > * {
        min-width: 100%;
        height: 100%;
    }

    [sv-ui="slider"][data-svui-slider-many]:not(.slick-initialized):not([sv-state="inactive"]) > * {
        min-width: auto;
    }

    [sv-ui="slider"] .slick-list {
        width: 100%;
        height: 100%;
        outline: 0;
    }

    [sv-ui="slider"] .slick-track {
        display: flex;
        height: 100%;
    }

    [sv-ui="slider"].slick-vertical .slick-track {
        flex-direction: column;
        height: auto;
    }

    [sv-ui="slider"][data-svui-slider-rows] .slick-slide > div {
        display: flex;
        height: 100%;
    }

    [sv-ui="slider"] .slick-arrow,
    [sv-ui="slider"] .slick-dots button {
        cursor: pointer;
    }

    [sv-ui="slider"] .slick-arrow {
        position: absolute;
        z-index: 2;
        top: 50%;
        width: var(--sv-slider-arrow-size, 2.5rem);
        height: var(--sv-slider-arrow-size, 2.5rem);
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: var(--sv-slider-arrow-background, rgba(255, 255, 255, 0.72));
        box-shadow: var(--sv-slider-arrow-shadow, 0 0.125rem 0.75rem rgba(0, 0, 0, 0.28));
        color: transparent;
        font-size: 0;
        transform: translateY(-50%);
        transition: background-color 180ms ease, box-shadow 180ms ease;
    }

    [sv-ui="slider"]:hover .slick-arrow,
    [sv-ui="slider"] .slick-arrow:hover {
        background: var(--sv-slider-arrow-hover-background, rgba(255, 255, 255, 0.94));
    }

    [sv-ui="slider"] .slick-arrow:focus {
        outline: 0;
    }

    [sv-ui="slider"] .slick-arrow:focus-visible {
        box-shadow: var(--sv-slider-arrow-shadow, 0 0.125rem 0.75rem rgba(0, 0, 0, 0.28)),
            0 0 0 3px var(--sv-slider-arrow-focus-color, rgba(47, 33, 26, 0.72));
    }

    [sv-ui="slider"] .slick-arrow::before {
        position: absolute;
        inset: 27.5%;
        background-color: var(--sv-slider-arrow-icon-color, #2f211a);
        content: "";
        -webkit-mask: center / contain no-repeat;
        mask: center / contain no-repeat;
    }

    [sv-ui="slider"] .slick-prev {
        left: var(--sv-slider-arrow-offset, 0.75rem);
    }

    [sv-ui="slider"] .slick-prev::before {
        -webkit-mask-image: url("../icons/chevron-left.svg");
        mask-image: url("../icons/chevron-left.svg");
    }

    [sv-ui="slider"] .slick-next {
        right: var(--sv-slider-arrow-offset, 0.75rem);
    }

    [sv-ui="slider"] .slick-next::before {
        -webkit-mask-image: url("../icons/chevron-right.svg");
        mask-image: url("../icons/chevron-right.svg");
    }
}