@media only screen and (min-width: 769px) {

    [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
    }

}