[data-fade]:not(.is-in):not([data-stagger]),
[data-split]:not(.is-in) {
    opacity: 0;
}

.iec-reduced [data-fade],
.iec-reduced [data-split],
.iec-reduced [data-stagger] > * {
    opacity: 1;
    transform: none;
    visibility: visible;
}

.iec-split-char,
.iec-split-word {
    display: inline-block;
    vertical-align: bottom;
}

.iec-split-word {
    overflow: hidden;
}

[data-particles] {
    position: relative;
}

.iec-particles {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 1;
}

.iec-particle {
    position: absolute;
    width: 0.35rem;
    height: 0.35rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.45);
}

.iec-strip {
    position: relative;
    overflow: hidden;
}

.iec-strip__layer {
    position: absolute;
    inset: 0;
    display: flex;
    z-index: 2;
    pointer-events: none;
}

[data-strip-direction="horizontal"] .iec-strip__layer {
    flex-direction: column;
}

.iec-strip__bar {
    flex: 1 1 0;
    background: var(--color-bg, #f1f2f7);
    transform-origin: center top;
}

[data-strip-direction="horizontal"] .iec-strip__bar {
    transform-origin: left center;
}

.iec-reduced .iec-particles,
.iec-reduced .iec-strip__layer {
    display: none;
}

@media (prefers-reduced-motion: reduce) {
    [data-fade],
    [data-split] {
        opacity: 1;
        transform: none;
    }

    .iec-particles,
    .iec-strip__layer {
        display: none;
    }
}