[data-box-anim] {
    will-change: transform;
    transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
    transition-property: opacity, transform, backdrop-filter, gap;
    transition-duration: 0.7s;
}

[data-box-anim-delay="0"] {
    transition-delay: 0s;
}

[data-box-anim-delay="0.3"] {
    transition-delay: 0.3s;
}

[data-box-anim-delay="0.6"] {
    transition-delay: 0.6s;
}

[data-box-anim-delay="0.9"] {
    transition-delay: 0.9s;
}

[data-box-anim-delay="1.2"] {
    transition-delay: 1.2s;
}

[data-box-anim-delay="1.5"] {
    transition-delay: 1.5s;
}

[data-box-anim-delay="1.8"] {
    transition-delay: 1.8s;
}

[data-box-anim-delay="2.1"] {
    transition-delay: 2.1s;
}

[data-box-anim-delay="2.4"] {
    transition-delay: 2.4s;
}

[data-box-anim='slide'] {
    transform: translate3d(0, 100px, 0);
    opacity: 0;
}

.visible[data-box-anim='slide'] {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

[data-box-anim='fade'] {
    opacity: 0;
    transform: translate3d(0px, 3rem, 0px);
}

.visible[data-box-anim='fade'] {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
}

[data-box-anim="flash"] {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

[data-box-anim="flash"] img {
    display: block;
    transform: scale(1.1);
    opacity: 0;
    transition: transform 1.8s cubic-bezier(0.45, 0, 0.55, 1) 0.9s, opacity 0.8s cubic-bezier(0.45, 0, 0.55, 1) 0.9s;
}

.visible[data-box-anim="flash"] img {
    transform: scale(1);
    opacity: 1;
}

[data-box-anim="flash"]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    z-index: 1;
    height: 100%;
    background: #eee;
    transition: all 1.8s cubic-bezier(0.45, 0, 0.55, 1)
}

.visible[data-box-anim="flash"]::before {
    left: 100%;
}

[data-box-anim="pop"] {
    position: relative;
    display: inline-block;
    overflow: hidden;
    transform: translate3d(0, 50px, 0);
    transition: transform 1s cubic-bezier(0.45, 0, 0.55, 1);
}

[data-box-anim="pop"] img {
    display: block;
    transform: scale(1.3);
    opacity: 0;
    transition: transform 1s cubic-bezier(0, 0.55, 0.45, 1), opacity 1s cubic-bezier(0, 0.55, 0.45, 1);
}

.visible[data-box-anim="pop"] {
    transform: translate3d(0, 0, 0);
}

.visible[data-box-anim="pop"] img {
    transform: scale(1);
    opacity: 1;
}

[data-box-anim="slack"] {
    overflow: hidden;
}

[data-box-anim="slack"] img {
    display: block;
    transform: scale(1.0);
    opacity: 0;
    transition: transform 3s cubic-bezier(0, 0.55, 0.45, 1), opacity 1s cubic-bezier(0, 0.55, 0.45, 1);
}

.visible[data-box-anim="slack"] img {
    transform: scale(1.2);
    opacity: 1;
}


[data-box-anim="marquee"] {
    overflow: hidden;
}


[data-box-anim="marquee"] > div {
    display: flex;
    white-space: nowrap;
    animation: marquee 30s infinite linear
}

@keyframes marquee {
    0% {
        transform: translate3d(0vw, 0px, 0px);
    }

    100% {
        transform: translate3d(-100vw, 0px, 0px);
    }
}

[data-box-anim*="split-"] > div {
    transition: transform 0.7s cubic-bezier(0.45, 0, 0.55, 1);
    transition-delay: 1s;
}

[data-box-anim="split-2"] > div:first-of-type {
    z-index: 1;
    transform: translate3d(calc(50% + 1em), 0, 0);
}

[data-box-anim="split-2"] > div:last-of-type {
    transform: translate3d(calc(-50% - 1em), 0, 0);
}

.visible[data-box-anim="split-2"] > div:first-of-type,
.visible[data-box-anim="split-2"] > div:last-of-type {
    transform: translate3d(0%, 0, 0);
}

[data-box-anim="split-3"] > div:first-of-type {
    transform: translate3d(calc(100% + 2em), 0, 0);
}

[data-box-anim="split-3"] > div:last-of-type {
    transform: translate3d(calc(-100% - 2em), 0, 0);
}

[data-box-anim="split-3"] > div:nth-of-type(2) {
    z-index: 1;
}

.visible[data-box-anim="split-3"] > div:first-of-type,
.visible[data-box-anim="split-3"] > div:last-of-type {
    transform: translate3d(0%, 0, 0);
}

[data-box-anim="split-5"] > div:first-of-type {
    transform: translate3d(calc(200% + 4em), 0, 0);
}

[data-box-anim="split-5"] > div:last-of-type {
    transform: translate3d(calc(-200% - 4em), 0, 0);
}

[data-box-anim="split-5"] > div:nth-of-type(2) {
    transform: translate3d(calc(100% + 2em), 0, 0);
    transition-delay: 0.3s;
}

[data-box-anim="split-5"] > div:nth-of-type(4) {
    transform: translate3d(calc(-100% - 2em), 0, 0);
    transition-delay: 0.3s;
}

[data-box-anim="split-5"] > div:nth-of-type(3) {
    z-index: 1;
}

.visible[data-box-anim="split-5"] > div:first-of-type,
.visible[data-box-anim="split-5"] > div:nth-of-type(2),
.visible[data-box-anim="split-5"] > div:nth-of-type(4),
.visible[data-box-anim="split-5"] > div:last-of-type {
    transform: translate3d(0%, 0, 0);
}

[data-box-anim="invert"] {
    background-color: inherit;
    color: inherit;
    transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
    transition-property: color, background;
    transition-duration: 1.5s;
    transition-delay: 0.8s;
}


[data-sticky="left"] {
    align-items: flex-start !important
}

[data-sticky="left"] > .wp-block-column:first-of-type {
    position: sticky;
    top: 2rem;
}

[data-sticky="left"] > .wp-block-column:last-of-type > .wp-block-group {
    position: sticky;
    top: 2rem;
    overflow: hidden;
}

[data-fixed="1"] {
    position: sticky;
    top: 2rem;
}

.wp-block-columns:has([data-fixed="1"]) {
    align-items: flex-start !important
}