.edt-timeline li {
    --history-color: var(--green);
    --history-ring: #e6f7f0;
}

.edt-timeline li:not(:last-child)::after {
    background: var(--history-color);
}

.edt-timeline li > i {
    background: var(--history-color);
    box-shadow: 0 0 0 4px var(--history-ring);
}

.edt-history--pending {
    --history-color: var(--amber);
    --history-ring: #fff5df;
}

.edt-history--on-hold {
    --history-color: var(--red);
    --history-ring: #fff0ed;
}

.edt-history--in-transit {
    --history-color: var(--blue);
    --history-ring: #eaf3ff;
}

.edt-history--arrived {
    --history-color: var(--violet);
    --history-ring: #f0edff;
}

.edt-history--label-created,
.edt-history--shipped,
.edt-history--delivered {
    --history-color: var(--green);
    --history-ring: #e6f7f0;
}

.edt-history-main strong {
    color: var(--history-color);
}