/* Der Gruppenblock behält seine WordPress-Gestaltung und Ausrichtung. */
.wp-block-group.fs-fader:not(.alignwide):not(.alignfull),
.wp-block-fs-fader.fs-fader {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

/* Die innere Ebene nimmt die ganze verfügbare Breite ein; ihr Grid reserviert
   stets die Höhe des höchsten direkten Kindblocks. */
.fs-fader > .fs-fader-stage {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    max-width: none !important;
    min-width: 0;
    min-height: var(--fs-fader-min-height, 0px);
    margin: 0 !important;
    padding: 0;
    overflow: hidden;
    isolation: isolate;
    flex: 1 1 100%;
}

.fs-fader-stage > * {
    grid-area: 1 / 1;
    min-width: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 0;
}

.fs-fader-stage > .fs-fader-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 2;
    mix-blend-mode: var(--fs-fader-blend, normal);
}

.fs-fader-stage > .fs-fader-outgoing {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}

/* Keep only the two animated cover blocks ready for compositing. */
.fs-fader-stage > .fs-fader-transitioning {
    will-change: opacity;
}
