.c3-motion-pin-stage {
    isolation: isolate;
}

.c3-motion-pin-backdrop {
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-color: #fff;
}

.c3-motion-pin-backdrop[hidden] {
    display: none;
}

.c3-motion-pin-backdrop::before {
    content: '';
    position: absolute;
    inset: 0 0 auto;
    height: var(--c3-pin-background-top, 0px);
    background-color: #fff;
    background-image: var(--c3-pin-background-before);
    opacity: var(--c3-pin-background-before-opacity, 1);
}

.c3-gsap--column-change.c3-gsap--ready .c3-motion__column {
    display: grid;
    overflow: clip;
}

.c3-gsap--column-change.c3-gsap--ready
    .c3-motion__column > :is(.c3-motion__item--from, .c3-motion__item--to) {
    grid-area: 1 / 1;
    align-self: start;
}