:is([data-usheru-carousel-pause="true"], .usheru-carousel-pause-enabled-yes) {
    position: relative;
}

:is([data-usheru-carousel-pause="true"], .usheru-carousel-pause-enabled-yes) .usheru-carousel-pause__controls {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 1;
    width: auto;
    box-sizing: border-box;
    line-height: 0px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 120ms ease;
}

:is([data-usheru-carousel-pause="true"], .usheru-carousel-pause-enabled-yes)[data-usheru-carousel-pause-status="ready"] .usheru-carousel-pause__controls {
    opacity: 1;
    visibility: visible;
}

:is([data-usheru-carousel-pause="true"], .usheru-carousel-pause-enabled-yes) .usheru-carousel-pause__controls--grouped {
    top: var(--usheru-carousel-pause-top, auto);
    right: var(--usheru-carousel-pause-right, auto);
    bottom: var(--usheru-carousel-pause-bottom, 0px);
    left: var(--usheru-carousel-pause-left, 50%);
    transform: translate(
        var(--usheru-carousel-pause-translate-x, -50%),
        var(--usheru-carousel-pause-translate-y, 0)
    );
}

:is([data-usheru-carousel-pause="true"], .usheru-carousel-pause-enabled-yes) .usheru-carousel-pause__controls--grouped .elementor-swiper-button,
:is([data-usheru-carousel-pause="true"], .usheru-carousel-pause-enabled-yes) .usheru-carousel-pause__controls--grouped .swiper-button-prev,
:is([data-usheru-carousel-pause="true"], .usheru-carousel-pause-enabled-yes) .usheru-carousel-pause__controls--grouped .swiper-button-next {
    position: static;
    inset: auto;
    flex: 0 0 auto;
    margin: 0;
    transform: none;
}

:is([data-usheru-carousel-pause="true"], .usheru-carousel-pause-enabled-yes) .usheru-carousel-pause__controls--grouped .elementor-swiper-button svg,
:is([data-usheru-carousel-pause="true"], .usheru-carousel-pause-enabled-yes) .usheru-carousel-pause__controls--grouped .swiper-button-prev svg,
:is([data-usheru-carousel-pause="true"], .usheru-carousel-pause-enabled-yes) .usheru-carousel-pause__controls--grouped .swiper-button-next svg {
    width: var(--usheru-carousel-pause-arrow-icon-size, 20px);
    height: var(--usheru-carousel-pause-arrow-icon-size, 20px);
    flex: 0 0 auto;
}

:is([data-usheru-carousel-pause="true"], .usheru-carousel-pause-enabled-yes) .usheru-carousel-pause__controls--standalone {
    top: 20px;
    left: 20px;
}

:is([data-usheru-carousel-pause="true"], .usheru-carousel-pause-enabled-yes) .usheru-carousel-pause__controls--custom {
    top: var(--usheru-carousel-pause-top, 20px);
    right: var(--usheru-carousel-pause-right, auto);
    bottom: var(--usheru-carousel-pause-bottom, auto);
    left: var(--usheru-carousel-pause-left, 20px);
    transform: translate(
        var(--usheru-carousel-pause-translate-x, 0),
        var(--usheru-carousel-pause-translate-y, 0)
    );
}

:is([data-usheru-carousel-pause="true"], .usheru-carousel-pause-enabled-yes) .usheru-carousel-pause__controls .swiper-pagination {
    position: static;
    top: 0;
    left: 0;
    flex: 0 1 auto;
    transform: none;
    width: auto;
}

:is([data-usheru-carousel-pause="true"], .usheru-carousel-pause-enabled-yes) .usheru-carousel-pause__toggle {
    position: static;
    display: block;
    flex: 0 0 auto;
    background: var(--usheru-carousel-pause-background-color, transparent);
    border: 0;
    color: var(
        --usheru-carousel-pause-icon-color,
        var(--usheru-carousel-pause-navigation-color, currentColor)
    );
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

:is([data-usheru-carousel-pause="true"], .usheru-carousel-pause-enabled-yes) .usheru-carousel-pause__toggle:hover,
:is([data-usheru-carousel-pause="true"], .usheru-carousel-pause-enabled-yes) .usheru-carousel-pause__toggle:focus-visible {
    background-color: var(
        --usheru-carousel-pause-hover-background-color,
        var(--usheru-carousel-pause-background-color, transparent)
    );
    color: var(
        --usheru-carousel-pause-hover-icon-color,
        var(
            --usheru-carousel-pause-icon-color,
            var(--usheru-carousel-pause-navigation-color, currentColor)
        )
    );
}

:is([data-usheru-carousel-pause="true"], .usheru-carousel-pause-enabled-yes) .usheru-carousel-pause__toggle span,
:is([data-usheru-carousel-pause="true"], .usheru-carousel-pause-enabled-yes) .usheru-carousel-pause__toggle svg {
    display: block;
}

:is([data-usheru-carousel-pause="true"], .usheru-carousel-pause-enabled-yes) .usheru-carousel-pause__toggle span[hidden] {
    display: none;
}

:is([data-usheru-carousel-pause="true"], .usheru-carousel-pause-enabled-yes) .usheru-carousel-pause__toggle svg {
    width: var(--usheru-carousel-pause-icon-size, 16px);
    height: var(--usheru-carousel-pause-icon-size, 16px);
    fill: currentColor;
}

@keyframes usheru-carousel-pause-reveal-fallback {
    to {
        visibility: visible;
    }
}

:is(
    [data-usheru-carousel-pause="true"][data-usheru-carousel-pause-position="pagination"],
    [data-usheru-carousel-pause="true"][data-usheru-carousel-pause-position="all"],
    .usheru-carousel-pause-enabled-yes.usheru-carousel-pause-position-pagination,
    .usheru-carousel-pause-enabled-yes.usheru-carousel-pause-position-all
) .swiper-pagination {
    visibility: hidden;
    animation: usheru-carousel-pause-reveal-fallback 0s 4s forwards;
}

:is(
    [data-usheru-carousel-pause="true"][data-usheru-carousel-pause-position="arrows"],
    [data-usheru-carousel-pause="true"][data-usheru-carousel-pause-position="all"],
    .usheru-carousel-pause-enabled-yes.usheru-carousel-pause-position-arrows,
    .usheru-carousel-pause-enabled-yes.usheru-carousel-pause-position-all
) :is(
    .elementor-swiper-button-prev,
    .elementor-swiper-button-next,
    .swiper-button-prev,
    .swiper-button-next
) {
    visibility: hidden;
    animation: usheru-carousel-pause-reveal-fallback 0s 4s forwards;
}

:is([data-usheru-carousel-pause="true"], .usheru-carousel-pause-enabled-yes) .usheru-carousel-pause__controls :is(
    .swiper-pagination,
    .elementor-swiper-button-prev,
    .elementor-swiper-button-next,
    .swiper-button-prev,
    .swiper-button-next
) {
    visibility: visible;
    animation: none;
}

:is([data-usheru-carousel-pause="true"], .usheru-carousel-pause-enabled-yes)[data-usheru-carousel-pause-status="fallback"] :is(
    .swiper-pagination,
    .elementor-swiper-button-prev,
    .elementor-swiper-button-next,
    .swiper-button-prev,
    .swiper-button-next
) {
    visibility: visible;
    animation: none;
}

@media (prefers-reduced-motion: reduce) {
    :is([data-usheru-carousel-pause="true"], .usheru-carousel-pause-enabled-yes) .usheru-carousel-pause__controls {
        transition: none;
    }
}