.thingHeaderSlider.tt-thing-header-slider {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.thingHeaderSlider.tt-thing-header-slider > * {
    position: relative;
    z-index: 2;
}

.thingHeaderSlider.tt-thing-header-slider .ttths-backgrounds {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.thingHeaderSlider.tt-thing-header-slider .ttths-slide {
    position: absolute;
    inset: -3%;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transition: opacity var(--ttths-transition-speed, 1400ms) ease-in-out;
    transform-origin: center center;
    will-change: opacity, transform;
}

.thingHeaderSlider.tt-thing-header-slider .ttths-slide.is-active {
    opacity: 1;
}

.thingHeaderSlider.tt-thing-header-slider .ttths-slide.ttths-zoom-in {
    animation: ttthsZoomIn var(--ttths-zoom-duration, 9000ms) ease-in-out infinite alternate;
}

.thingHeaderSlider.tt-thing-header-slider .ttths-slide.ttths-zoom-out {
    animation: ttthsZoomOut var(--ttths-zoom-duration, 9000ms) ease-in-out infinite alternate;
}

@keyframes ttthsZoomIn {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.08);
    }
}

@keyframes ttthsZoomOut {
    from {
        transform: scale(1.08);
    }
    to {
        transform: scale(1);
    }
}