.e-timeline {
    --dot-size: 16px;
    --dot-outer-space: 0;
    --dot-border: 1px;
    --connector-size: 1px;
    --dot-radius: 50%;
    --color-sf-outline-variant: 196, 199, 197;
    --color-sf-on-surface: 28, 27, 31;
    --color-sf-surface: 255, 255, 255;
    height: inherit;
    width: 100%
}

    .e-timeline [class^="e-dot "]::before, .e-timeline .e-dot-item, .e-timeline .e-dot {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .e-timeline [class^="e-dot "]::before {
        min-width: 32px;
        min-height: 32px;
        border-radius: var(--dot-radius)
    }

    .e-timeline .e-timeline-items {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: column;
        flex-direction: column;
        list-style: none;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 0;
        width: inherit;
        height: inherit
    }

    .e-timeline .e-timeline-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        position: relative;
        -ms-flex-align: start;
        align-items: flex-start;
        width: inherit;
        height: inherit
    }

        .e-timeline .e-timeline-item.e-connector::after {
            top: 0;
            bottom: 0;
            left: calc(50% - var(--connector-size));
            right: auto;
            content: "";
            position: absolute;
            z-index: 999;
            border-width: var(--connector-size);
            border-style: solid
        }

        .e-timeline .e-timeline-item.e-connector.e-item-template::after {
            content: unset
        }

    .e-timeline .e-dot-item {
        position: relative;
        -ms-flex: 0 1 calc(var(--dot-size)*3);
        flex: 0 1 calc(var(--dot-size)*3);
        z-index: 1000
    }

    .e-timeline .e-dot {
        min-width: var(--dot-size);
        min-height: var(--dot-size);
        border-radius: var(--dot-radius);
        outline: var(--dot-outer-space) solid;
        border: var(--dot-border) solid;
        font-size: 16px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat
    }

    .e-timeline .e-opposite-content, .e-timeline .e-content {
        -ms-flex: 1 1 50%;
        flex: 1 1 50%
    }

    .e-timeline .e-opposite-content {
        font-size: 12px
    }

    .e-timeline .e-content {
        text-align: left;
        font-size: 14px;
        font-weight: 500
    }

    .e-timeline .e-timeline-item:first-child::after {
        top: 0
    }

    .e-timeline .e-timeline-item:last-child::after {
        bottom: calc(var(--dot-size)*2)
    }

    .e-timeline.e-vertical.e-align-before .e-timeline-item, .e-timeline.e-vertical.e-align-alternate .e-timeline-item:nth-of-type(even), .e-timeline.e-vertical.e-align-alternatereverse .e-timeline-item:nth-of-type(odd) {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .e-timeline.e-vertical.e-timeline-reverse .e-timeline-items {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .e-timeline.e-vertical.e-align-before .e-timeline-items .e-opposite-content, .e-timeline.e-vertical.e-align-after .e-timeline-items .e-content {
        text-align: left
    }

    .e-timeline.e-vertical .e-timeline-item.e-connector:last-child::after {
        content: unset
    }

    .e-timeline.e-vertical.e-align-before.e-opposite-content-only .e-connector::after, .e-timeline.e-vertical.e-align-after.e-rtl.e-opposite-content-only .e-connector::after, .e-timeline.e-vertical.e-align-before.e-rtl.e-content-only .e-connector::after, .e-timeline.e-vertical.e-align-after.e-content-only .e-connector::after {
        left: calc(var(--dot-size)*3/2 - var(--connector-size));
        right: auto
    }

    .e-timeline.e-vertical.e-align-before.e-content-only .e-connector::after, .e-timeline.e-vertical.e-align-before.e-rtl.e-opposite-content-only .e-connector::after, .e-timeline.e-vertical.e-align-after.e-opposite-content-only .e-connector::after, .e-timeline.e-vertical.e-align-after.e-rtl.e-content-only .e-connector::after {
        right: calc(var(--dot-size)*3/2 - var(--connector-size));
        left: auto
    }

    .e-timeline.e-vertical.e-align-after.e-opposite-content-only .e-content, .e-timeline.e-vertical.e-align-after.e-content-only .e-opposite-content, .e-timeline.e-vertical.e-align-before.e-opposite-content-only .e-content, .e-timeline.e-vertical.e-align-before.e-content-only .e-opposite-content {
        -ms-flex: 0;
        flex: 0
    }

    .e-timeline.e-vertical.e-timeline-reverse .e-timeline-item.e-connector:first-child::after {
        content: unset
    }

    .e-timeline.e-vertical.e-timeline-reverse .e-timeline-item.e-connector:last-child::after {
        content: "";
        bottom: 0
    }

    .e-timeline.e-vertical.e-align-after .e-opposite-content, .e-timeline.e-vertical.e-align-before .e-content, .e-timeline.e-vertical.e-rtl.e-align-after .e-content, .e-timeline.e-vertical.e-rtl.e-align-alternate .e-timeline-item:nth-of-type(odd) .e-content, .e-timeline.e-vertical.e-rtl.e-align-alternatereverse .e-timeline-item:nth-of-type(even) .e-content, .e-timeline.e-vertical.e-align-alternate .e-timeline-item:nth-of-type(even) .e-content, .e-timeline.e-vertical.e-align-alternatereverse .e-timeline-item:nth-of-type(odd) .e-content, .e-timeline.e-vertical.e-rtl.e-align-alternate .e-timeline-item:nth-of-type(even) .e-opposite-content, .e-timeline.e-vertical.e-rtl.e-align-alternatereverse .e-timeline-item:nth-of-type(odd) .e-opposite-content, .e-timeline.e-vertical.e-rtl.e-align-before .e-opposite-content, .e-timeline.e-vertical.e-align-alternate .e-opposite-content, .e-timeline.e-vertical.e-align-alternatereverse .e-opposite-content {
        text-align: right
    }

    .e-timeline.e-vertical.e-align-before .e-opposite-content, .e-timeline.e-vertical.e-align-after .e-content, .e-timeline.e-vertical.e-rtl.e-align-after .e-opposite-content, .e-timeline.e-vertical.e-align-alternate .e-timeline-item:nth-of-type(odd) .e-content, .e-timeline.e-vertical.e-align-alternatereverse .e-timeline-item:nth-of-type(even) .e-content, .e-timeline.e-vertical.e-align-alternate .e-timeline-item:nth-of-type(even) .e-opposite-content, .e-timeline.e-vertical.e-align-alternatereverse .e-timeline-item:nth-of-type(odd) .e-opposite-content, .e-timeline.e-vertical.e-rtl.e-align-alternate .e-timeline-item:nth-of-type(even) .e-content, .e-timeline.e-vertical.e-rtl.e-align-alternatereverse .e-timeline-item:nth-of-type(odd) .e-content, .e-timeline.e-vertical.e-rtl.e-align-before .e-content, .e-timeline.e-vertical.e-rtl.e-align-alternate .e-opposite-content, .e-timeline.e-vertical.e-rtl.e-align-alternatereverse .e-opposite-content {
        text-align: left
    }

    .e-timeline.e-vertical .e-dot-item {
        width: calc(var(--dot-size)*2)
    }

    .e-timeline.e-horizontal .e-timeline-items {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .e-timeline.e-horizontal .e-timeline-item {
        height: auto;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }

    .e-timeline.e-horizontal.e-timeline-reverse.e-rtl .e-timeline-item.e-connector::after {
        left: calc(50% - var(--connector-size));
        right: auto
    }

    .e-timeline.e-horizontal.e-rtl .e-timeline-item.e-connector::after, .e-timeline.e-horizontal.e-timeline-reverse .e-timeline-item.e-connector::after {
        right: calc(50% - var(--connector-size));
        left: auto
    }

    .e-timeline.e-horizontal .e-dot-item {
        margin: calc(var(--dot-size)*2/2) 0
    }

    .e-timeline.e-horizontal .e-opposite-content, .e-timeline.e-horizontal .e-content {
        display: -ms-flexbox;
        display: flex
    }

    .e-timeline.e-horizontal.e-align-alternate .e-timeline-item:nth-of-type(even) .e-content, .e-timeline.e-horizontal.e-align-alternate .e-timeline-item:nth-of-type(odd) .e-opposite-content, .e-timeline.e-horizontal.e-align-alternatereverse .e-timeline-item:nth-of-type(odd) .e-content, .e-timeline.e-horizontal.e-align-alternatereverse .e-timeline-item:nth-of-type(even) .e-opposite-content, .e-timeline.e-horizontal.e-align-before .e-content {
        -ms-flex-align: end;
        align-items: flex-end
    }

    .e-timeline.e-horizontal.e-align-alternate .e-timeline-item:nth-of-type(odd) .e-content, .e-timeline.e-horizontal.e-align-alternate .e-timeline-item:nth-of-type(even) .e-opposite-content, .e-timeline.e-horizontal.e-align-alternatereverse .e-timeline-item:nth-of-type(even) .e-content, .e-timeline.e-horizontal.e-align-alternatereverse .e-timeline-item:nth-of-type(odd) .e-opposite-content, .e-timeline.e-horizontal.e-align-before .e-opposite-content {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .e-timeline.e-horizontal.e-align-before .e-timeline-item, .e-timeline.e-horizontal.e-align-alternate .e-timeline-item:nth-of-type(even), .e-timeline.e-horizontal.e-align-alternatereverse .e-timeline-item:nth-of-type(odd) {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .e-timeline.e-horizontal.e-timeline-reverse .e-timeline-items {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .e-timeline.e-horizontal .e-timeline-item::after {
        width: 100%;
        height: 0;
        top: calc(50% - var(--connector-size))
    }

    .e-timeline.e-horizontal .e-opposite-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: end;
        align-items: flex-end;
        text-align: left;
        padding: 0
    }

    .e-timeline.e-horizontal .e-content {
        padding: 0
    }

    .e-timeline.e-horizontal .e-timeline-item:last-child::after {
        width: auto
    }

    .e-timeline .e-dot {
        background-color: rgba(var(--color-sf-outline-variant));
        border-color: rgba(var(--color-sf-outline-variant));
        color: rgba(var(--color-sf-on-surface));
        outline-color: rgba(var(--color-sf-surface))
    }

    .e-timeline.e-outline .e-dot {
        background-color: rgba(var(--color-sf-surface))
    }

    .e-timeline .e-timeline-item.e-connector::after {
        border-color: rgba(var(--color-sf-outline-variant))
    }

    .e-timeline .e-content {
        color: var(--color-sf-on-surface)
    }

    .e-timeline .e-opposite-content {
        color: var(--color-sf-on-surface-variant)
    }

    .e-timeline .e-item-disabled .e-content, .e-timeline .e-item-disabled .e-opposite-content {
        color: rgba(var(--color-sf-on-surface), 0.38)
    }

.e-bigger.e-timeline [class^="e-dot "]::before, .e-bigger .e-timeline [class^="e-dot "]::before {
    min-width: 40px;
    min-height: 40px;
    font-size: 18px
}

.e-bigger.e-timeline .e-dot-item, .e-bigger .e-timeline .e-dot-item {
    -ms-flex: 0 1 calc(var(--dot-size)*4);
    flex: 0 1 calc(var(--dot-size)*4)
}

.e-bigger.e-timeline.e-vertical.e-align-before.e-opposite-content-only .e-connector::after, .e-bigger.e-timeline.e-vertical.e-align-after.e-rtl.e-opposite-content-only .e-connector::after, .e-bigger.e-timeline.e-vertical.e-align-before.e-rtl.e-content-only .e-connector::after, .e-bigger.e-timeline.e-vertical.e-align-after.e-content-only .e-connector::after, .e-bigger .e-timeline.e-vertical.e-align-before.e-opposite-content-only .e-connector::after, .e-bigger .e-timeline.e-vertical.e-align-after.e-rtl.e-opposite-content-only .e-connector::after, .e-bigger .e-timeline.e-vertical.e-align-before.e-rtl.e-content-only .e-connector::after, .e-bigger .e-timeline.e-vertical.e-align-after.e-content-only .e-connector::after {
    left: calc(var(--dot-size)*4/2 - var(--connector-size))
}

.e-bigger.e-timeline.e-vertical.e-align-before.e-content-only .e-connector::after, .e-bigger.e-timeline.e-vertical.e-align-before.e-rtl.e-opposite-content-only .e-connector::after, .e-bigger.e-timeline.e-vertical.e-align-after.e-opposite-content-only .e-connector::after, .e-bigger.e-timeline.e-vertical.e-align-after.e-rtl.e-content-only .e-connector::after, .e-bigger .e-timeline.e-vertical.e-align-before.e-content-only .e-connector::after, .e-bigger .e-timeline.e-vertical.e-align-before.e-rtl.e-opposite-content-only .e-connector::after, .e-bigger .e-timeline.e-vertical.e-align-after.e-opposite-content-only .e-connector::after, .e-bigger .e-timeline.e-vertical.e-align-after.e-rtl.e-content-only .e-connector::after {
    right: calc(var(--dot-size)*4/2 - var(--connector-size))
}

.e-bigger.e-timeline .e-dot, .e-bigger .e-timeline .e-dot {
    min-width: 20px;
    min-height: 20px
}

.e-bigger.e-timeline .e-opposite-content, .e-bigger .e-timeline .e-opposite-content {
    font-size: 14px
}

.e-bigger.e-timeline .e-content, .e-bigger .e-timeline .e-content {
    font-size: 16px;
    font-weight: 500
}