@layer semi{.semi-timeline{width:100%;margin:var(--semi-spacing-none);padding:8px;list-style:none}.semi-timeline-item{padding-block:var(--semi-spacing-none) var(--semi-spacing-loose);padding-inline:var(--semi-spacing-none);margin:var(--semi-spacing-none);list-style:none;position:relative}.semi-timeline-item-tail{inset-inline-start:4px;border-inline-start:1px solid var(--semi-color-text-3);height:calc(100% - 20px);position:absolute;top:20px}.semi-timeline-item-head{border-radius:var(--semi-border-radius-circle);width:9px;height:9px;position:absolute;top:5px}.semi-timeline-item-head-ongoing{background-color:var(--semi-color-primary)}.semi-timeline-item-head-default{background-color:var(--semi-color-tertiary-light-active)}.semi-timeline-item-head-success{background-color:var(--semi-color-success)}.semi-timeline-item-head-warning{background-color:var(--semi-color-warning)}.semi-timeline-item-head-error{background-color:var(--semi-color-danger)}.semi-timeline-item-head-custom{inset-inline-start:5px;border:0;border-radius:0;align-self:center;width:auto;height:auto;display:flex;position:absolute;top:10px;transform:translate(-50%,-50%)}.semi-timeline-item .semi-timeline-item-head-custom.semi-timeline-item-head-ongoing{color:var(--semi-color-primary);background-color:#0000}.semi-timeline-item .semi-timeline-item-head-custom.semi-timeline-item-head-success{color:var(--semi-color-success);background-color:#0000}.semi-timeline-item .semi-timeline-item-head-custom.semi-timeline-item-head-warning{color:var(--semi-color-warning);background-color:#0000}.semi-timeline-item .semi-timeline-item-head-custom.semi-timeline-item-head-error{color:var(--semi-color-danger);background-color:#0000}.semi-timeline-item .semi-timeline-item-head-custom.semi-timeline-item-head-default{color:var(--semi-color-tertiary-light-active);background-color:#0000}.semi-timeline-item-content{font-family:var(--semi-font-family-regular);font-size:var(--semi-font-size-regular);line-height:var(--semi-line-height-regular);margin-block:var(--semi-spacing-none);margin-inline:25px var(--semi-spacing-none);color:var(--semi-color-text-0);word-break:break-word;position:relative}.semi-timeline-item-content-main[role=button]:focus-visible{outline:2px solid var(--semi-color-primary-light-active)}.semi-timeline-item-content-extra,.semi-timeline-item-content-time{font-family:var(--semi-font-family-regular);font-size:var(--semi-font-size-small);line-height:var(--semi-line-height-small);color:var(--semi-color-text-2);margin-top:4px}.semi-timeline-item:last-child>.semi-timeline-item-tail{border-inline-start:none}.semi-timeline-alternate .semi-timeline-item-tail,.semi-timeline-alternate .semi-timeline-item-head,.semi-timeline-alternate .semi-timeline-item-head-custom,.semi-timeline-right .semi-timeline-item-tail,.semi-timeline-right .semi-timeline-item-head,.semi-timeline-right .semi-timeline-item-head-custom,.semi-timeline-center .semi-timeline-item-tail,.semi-timeline-center .semi-timeline-item-head,.semi-timeline-center .semi-timeline-item-head-custom{inset-inline-start:50%}.semi-timeline-alternate .semi-timeline-item-head.semi-timeline-item-head-custom,.semi-timeline-right .semi-timeline-item-head.semi-timeline-item-head-custom,.semi-timeline-center .semi-timeline-item-head.semi-timeline-item-head-custom{margin-inline-start:0}.semi-timeline-alternate .semi-timeline-item-head,.semi-timeline-right .semi-timeline-item-head,.semi-timeline-center .semi-timeline-item-head{margin-inline-start:-4px}.semi-timeline-alternate .semi-timeline-item-left .semi-timeline-item-content,.semi-timeline-right .semi-timeline-item-left .semi-timeline-item-content,.semi-timeline-center .semi-timeline-item-left .semi-timeline-item-content{text-align:start;width:calc(50% - 14px);inset-inline-start:calc(50% - 4px)}.semi-timeline-alternate .semi-timeline-item-right .semi-timeline-item-content,.semi-timeline-right .semi-timeline-item-right .semi-timeline-item-content,.semi-timeline-center .semi-timeline-item-right .semi-timeline-item-content{width:calc(50% - 20px);margin:var(--semi-spacing-none);text-align:end}.semi-timeline-center .semi-timeline-item-content-time{text-align:end;width:100%;margin-inline-start:calc(-40px - 100%);position:absolute;top:-2px}.semi-timeline-right .semi-timeline-item-right .semi-timeline-item-tail,.semi-timeline-right .semi-timeline-item-right .semi-timeline-item-head,.semi-timeline-right .semi-timeline-item-right .semi-timeline-item-head-custom{inset-inline-start:calc(100% - 9px)}.semi-timeline-right .semi-timeline-item-right .semi-timeline-item-content{width:calc(100% - 28px)}.semi-timeline:dir(rtl){direction:rtl}.semi-timeline-item-head-custom:dir(rtl){transform:translate(50%,-50%)}}