@arco-design/web-react/lib/Timeline/style/index.css

Arco Design React UI Library.

.arco-timeline-item{position:relative;color:var(--color-text-1);font-size:14px;min-height:78px;padding-left:6px}.arco-timeline-item-label{color:var(--color-text-3);font-size:12px;line-height:1.667}.arco-timeline-item-content{line-height:1.5715;font-size:14px;color:var(--color-text-1);margin-bottom:4px}.arco-timeline-item-content-wrapper{margin-left:16px;position:relative}.arco-timeline-item.arco-timeline-item-last>.arco-timeline-item-dot-wrapper .arco-timeline-item-dot-line{display:none}.arco-timeline-item-dot-wrapper{position:absolute;text-align:center;height:100%;left:0}.arco-timeline-item-dot-wrapper .arco-timeline-item-dot-content{width:6px;height:22.001px;line-height:22.001px;position:relative}.arco-timeline-item-dot{width:6px;height:6px;border-radius:var(--border-radius-circle);box-sizing:border-box;color:rgb(var(--primary-6));margin-top:-50%;position:relative;top:50%}.arco-timeline-item-dot-solid{background-color:rgb(var(--primary-6))}.arco-timeline-item-dot-hollow{border:2px solid rgb(var(--primary-6));background-color:var(--color-bg-2)}.arco-timeline-item-dot-custom{display:inline-flex;transform-origin:center;color:rgb(var(--primary-6));box-sizing:border-box;position:absolute;top:50%;left:50%;background-color:var(--color-bg-2);transform:translateX(-50%) translateY(-50%)}.arco-timeline-item-dot-custom svg{color:inherit}.arco-timeline-item-dot-line{width:1px;border-left-width:1px;border-color:var(--color-neutral-3);left:50%;transform:translateX(-50%);top:18.0005px;bottom:-4.0005px;position:absolute;box-sizing:border-box}.arco-timeline-alternate{overflow:hidden}.arco-timeline-alternate .arco-timeline-item-vertical-left{padding-left:0}.arco-timeline-alternate .arco-timeline-item-vertical-left>.arco-timeline-item-dot-wrapper{left:50%}.arco-timeline-alternate .arco-timeline-item-vertical-left>.arco-timeline-item-content-wrapper{left:50%;width:50%;margin-left:22px;padding-right:22px}.arco-timeline-alternate .arco-timeline-item-vertical-right{padding-right:0}.arco-timeline-alternate .arco-timeline-item-vertical-right>.arco-timeline-item-dot-wrapper{left:50%}.arco-timeline-alternate .arco-timeline-item-vertical-right>.arco-timeline-item-content-wrapper{left:0;margin-left:-16px;margin-right:0;text-align:right;width:50%;padding-right:16px}.arco-timeline-right .arco-timeline-item-vertical-right{padding-right:6px}.arco-timeline-right .arco-timeline-item-vertical-right>.arco-timeline-item-dot-wrapper{right:0;left:unset}.arco-timeline-right .arco-timeline-item-vertical-right>.arco-timeline-item-content-wrapper{text-align:right;margin-left:0;margin-right:16px}.arco-timeline-item-label-relative>.arco-timeline-item-label{position:absolute;top:0;max-width:100px;box-sizing:border-box}.arco-timeline-item-vertical-left.arco-timeline-item-label-relative{margin-left:100px}.arco-timeline-item-vertical-left.arco-timeline-item-label-relative>.arco-timeline-item-label{text-align:right;padding-right:16px;transform:translateX(-100%);left:0}.arco-timeline-item-vertical-right.arco-timeline-item-label-relative{margin-right:100px}.arco-timeline-item-vertical-right.arco-timeline-item-label-relative>.arco-timeline-item-label{text-align:left;padding-left:16px;transform:translateX(100%);right:0}.arco-timeline-item-horizontal-top.arco-timeline-item-label-relative{margin-top:50px}.arco-timeline-item-horizontal-top.arco-timeline-item-label-relative>.arco-timeline-item-label{padding-bottom:16px;transform:translateY(-100%)}.arco-timeline-item-horizontal-top.arco-timeline-item-label-relative>.arco-timeline-item-content{margin-bottom:0}.arco-timeline-item-horizontal-bottom.arco-timeline-item-label-relative{margin-bottom:50px}.arco-timeline-item-horizontal-bottom.arco-timeline-item-label-relative>.arco-timeline-item-content{margin-bottom:0}.arco-timeline-item-horizontal-bottom.arco-timeline-item-label-relative>.arco-timeline-item-label{top:unset;bottom:0;text-align:left;padding-top:16px;transform:translateY(100%)}.arco-timeline-alternate .arco-timeline-item-vertical-left.arco-timeline-item-label-relative{margin-left:0}.arco-timeline-alternate .arco-timeline-item-vertical-left.arco-timeline-item-label-relative>.arco-timeline-item-label{width:50%;max-width:unset;transform:none;left:0}.arco-timeline-alternate .arco-timeline-item-vertical-right.arco-timeline-item-label-relative{margin-right:0}.arco-timeline-alternate .arco-timeline-item-vertical-right.arco-timeline-item-label-relative>.arco-timeline-item-label{width:50%;max-width:unset;transform:none;right:0}.arco-timeline-alternate .arco-timeline-item-horizontal-top.arco-timeline-item-label-relative{margin-top:0}.arco-timeline-alternate .arco-timeline-item-horizontal-bottom.arco-timeline-item-label-relative{margin-bottom:0}.arco-timeline-direction-horizontal{display:flex}.arco-timeline-item-dot-line-is-horizontal{left:12px;right:4px;border-left:none;height:1px;border-top-width:1px;top:50%;transform:translateY(-50%);width:unset}.arco-timeline-item-horizontal-bottom,.arco-timeline-item-horizontal-top{flex:1;padding-left:0;padding-right:0;min-height:unset}.arco-timeline-item-horizontal-bottom>.arco-timeline-item-dot-wrapper,.arco-timeline-item-horizontal-top>.arco-timeline-item-dot-wrapper{height:auto;width:100%;top:0}.arco-timeline-item-horizontal-bottom>.arco-timeline-item-dot-wrapper .arco-timeline-item-dot,.arco-timeline-item-horizontal-top>.arco-timeline-item-dot-wrapper .arco-timeline-item-dot{margin-top:unset;top:unset}.arco-timeline-item-horizontal-bottom>.arco-timeline-item-dot-wrapper .arco-timeline-item-dot-content,.arco-timeline-item-horizontal-top>.arco-timeline-item-dot-wrapper .arco-timeline-item-dot-content{height:6px;line-height:6px}.arco-timeline-item-horizontal-top{padding-top:6px}.arco-timeline-item-horizontal-top>.arco-timeline-item-dot-wrapper{bottom:unset;top:0}.arco-timeline-item-horizontal-top>.arco-timeline-item-content-wrapper{margin-top:16px;margin-left:0}.arco-timeline-item-horizontal-bottom{padding-bottom:6px}.arco-timeline-item-horizontal-bottom>.arco-timeline-item-dot-wrapper{bottom:0;top:unset}.arco-timeline-item-horizontal-bottom>.arco-timeline-item-content-wrapper{margin-left:0;margin-bottom:16px}.arco-timeline-alternate.arco-timeline-direction-horizontal{align-items:center;min-height:200px;overflow:visible}.arco-timeline-alternate.arco-timeline-direction-horizontal .arco-timeline-item-horizontal-bottom{transform:translateY(-50%);margin-top:6px}.arco-timeline-alternate.arco-timeline-direction-horizontal .arco-timeline-item-horizontal-top{margin-top:-6px;transform:translateY(50%)}.arco-timeline-rtl .arco-timeline-item-vertical-left>.arco-timeline-item-content-wrapper{text-align:left}.arco-timeline-rtl.arco-timeline-alternate .arco-timeline-item-vertical-left.arco-timeline-item-label-relative>.arco-timeline-item-label{left:50%;text-align:left;padding-left:16px;padding-right:0}.arco-timeline-rtl.arco-timeline-alternate .arco-timeline-item-vertical-left.arco-timeline-item-label-relative>.arco-timeline-item-content-wrapper{text-align:right;right:50%;left:initial;margin-right:16px;padding-left:16px;padding-right:0;margin-left:0}.arco-timeline-rtl.arco-timeline-alternate .arco-timeline-item-vertical-right.arco-timeline-item-label-relative>.arco-timeline-item-label{right:50%;text-align:right;padding-right:16px;padding-left:0}.arco-timeline-rtl.arco-timeline-alternate .arco-timeline-item-vertical-right.arco-timeline-item-label-relative>.arco-timeline-item-content-wrapper{text-align:left;left:0;right:initial;margin-right:-22px;padding-left:22px;margin-left:0;padding-right:0}.arco-timeline-rtl.arco-timeline-alternate .arco-timeline-item-vertical-left>.arco-timeline-item-content-wrapper{right:50%;text-align:right}.arco-timeline-rtl.arco-timeline-alternate .arco-timeline-item-vertical-right>.arco-timeline-item-content-wrapper{left:0;margin-right:-22px;padding-left:22px;margin-left:0;padding-right:0;text-align:left}