@sms-frontend/components/lib/Timeline/style/index.css

SMS Design React UI Library.

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