.wp-block-basejump-timeline:where(.template-default, .template-horizontal, .template-vertical) > .wp-block-basejump-timeline-item {
        display: grid;
        min-height: 70px;
        align-items: stretch;
        grid-template-columns: minmax(64px, 50%) 1fr minmax(150px, 100%);
}

        .wp-block-basejump-timeline:where(.template-default, .template-horizontal, .template-vertical) > .wp-block-basejump-timeline-item .label > * > *:first-child, .wp-block-basejump-timeline:where(.template-default, .template-horizontal, .template-vertical) > .wp-block-basejump-timeline-item .content > * > *:first-child {
                margin-top: 0;
            }

        .wp-block-basejump-timeline:where(.template-default, .template-horizontal, .template-vertical) > .wp-block-basejump-timeline-item .connector:not(.has-background-color) {
        background-color: var(--wp--preset--color--tertiary);
}

        .wp-block-basejump-timeline:where(.template-default, .template-horizontal, .template-vertical) > .wp-block-basejump-timeline-item .dot:not(.has-background-color) {
        background-color: var(--wp--preset--color--primary);
}

        .wp-block-basejump-timeline:where(.template-default, .template-horizontal, .template-vertical) > .wp-block-basejump-timeline-item .seperator {
        display: flex;
        flex: none;
        flex-direction: column;
        align-items: center;
}

        .wp-block-basejump-timeline:where(.template-default, .template-horizontal, .template-vertical) > .wp-block-basejump-timeline-item .dot {
        display: flex;
        border-radius: 9999px;
        padding: 0.75rem;
        vertical-align: baseline;
}

        .wp-block-basejump-timeline:where(.template-default, .template-horizontal, .template-vertical) > .wp-block-basejump-timeline-item .connector {
        width: 2px;
        flex-grow: 1;
}
@media (min-width: 768px) {

        .wp-block-basejump-timeline:where(.template-horizontal, .layout-horizontal) > .wp-block-basejump-timeline-item {
                grid-template-columns: repeat(1, minmax(0, 1fr));
                align-items: center;
        }

        .wp-block-basejump-timeline:where(.template-horizontal, .layout-horizontal) > .wp-block-basejump-timeline-item .seperator {
                flex-direction: row;
        }

        .wp-block-basejump-timeline:where(.template-horizontal, .layout-horizontal) > .wp-block-basejump-timeline-item .connector {
                height: 2px;
                width: auto;
        }
}
.wp-block-basejump-timeline:where(.template-default) > .wp-block-basejump-timeline-item {
        display: grid;
        min-height: 70px;
        align-items: stretch;
        grid-template-columns: 1fr minmax(150px, 100%);
}
.wp-block-basejump-timeline:where(.template-default) > .wp-block-basejump-timeline-item .seperator {
        order: -9999;
        grid-row: span 2 / span 2;
}
.wp-block-basejump-timeline:where(.template-default) > .wp-block-basejump-timeline-item .label {
        order: 2;
}
.wp-block-basejump-timeline:where(.template-default) > .wp-block-basejump-timeline-item .content {
        order: 9999;
}
.wp-block-basejump-timeline:where(.template-vertical) > .wp-block-basejump-timeline-item .label {
        text-align: right;
}
.wp-block-basejump-timeline:where(.template-vertical) > .wp-block-basejump-timeline-item .content {
        text-align: left;
}
.wp-block-basejump-timeline:where(.template-vertical).alternating > .wp-block-basejump-timeline-item:nth-child(even) .label {
        text-align: left;
}
@media (min-width: 768px) {

        .wp-block-basejump-timeline:where(.template-vertical).alternating > .wp-block-basejump-timeline-item:nth-child(even) .label {
                order: 9999;
        }
}
.wp-block-basejump-timeline:where(.template-vertical).alternating > .wp-block-basejump-timeline-item:nth-child(even) .content {
        text-align: right;
}
@media (min-width: 768px) {

        .wp-block-basejump-timeline:where(.template-vertical).alternating > .wp-block-basejump-timeline-item:nth-child(even) .content {
                order: -9999;
        }

        .wp-block-basejump-timeline:where(.template-horizontal) > .wp-block-basejump-timeline-item.arrive .content {
                height: 6rem;
                --tw-translate-y: 50%;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                overflow: hidden;
                opacity: 0;
                transition-property: transform;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-duration: 500ms;
        }

        .wp-block-basejump-timeline:where(.template-horizontal) > .wp-block-basejump-timeline-item.arrive.arrive-active .content {
                height: -moz-max-content;
                height: max-content;
                --tw-translate-y: 0px;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                opacity: 1;
        }

        .wp-block-basejump-timeline:where(.template-vertical) > .wp-block-basejump-timeline-item.arrive .content {
                --tw-translate-x: 100%;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                opacity: 0;
                transition-property: transform;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-duration: 500ms;
        }

        .wp-block-basejump-timeline:where(.template-vertical) > .wp-block-basejump-timeline-item.arrive .connector {
                flex-grow: 0;
                transition-property: all;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-delay: 300ms;
                transition-duration: 500ms;
        }

        .wp-block-basejump-timeline:where(.template-vertical).alternating > .wp-block-basejump-timeline-item.arrive:nth-child(even) .content {
                --tw-translate-x: -100%;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }

        .wp-block-basejump-timeline:where(.template-vertical).alternating > .wp-block-basejump-timeline-item.arrive:nth-child(even).arrive-active .content, .wp-block-basejump-timeline:where(.template-vertical) > .wp-block-basejump-timeline-item.arrive.arrive-active .content {
                --tw-translate-x: 0px;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                opacity: 1;
        }

        .wp-block-basejump-timeline:where(.template-vertical).alternating > .wp-block-basejump-timeline-item.arrive:nth-child(even).arrive-active .connector, .wp-block-basejump-timeline:where(.template-vertical) > .wp-block-basejump-timeline-item.arrive.arrive-active .connector {
                flex-grow: 1;
        }

        .wp-block-basejump-timeline:where(.template-default) > .wp-block-basejump-timeline-item.arrive .content {
                --tw-translate-x: 100%;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                opacity: 0;
                transition-property: transform;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-duration: 500ms;
        }

        .wp-block-basejump-timeline:where(.template-default) > .wp-block-basejump-timeline-item.arrive .connector {
                flex-grow: 0;
                transition-property: all;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-delay: 300ms;
                transition-duration: 500ms;
        }

        .wp-block-basejump-timeline:where(.template-default) > .wp-block-basejump-timeline-item.arrive.arrive-active .content {
                --tw-translate-x: 0px;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                opacity: 1;
        }

        .wp-block-basejump-timeline:where(.template-default) > .wp-block-basejump-timeline-item.arrive.arrive-active .connector {
                flex-grow: 1;
        }
}