.timeline{touch-action:pan-y;flex-wrap:wrap;margin-bottom:20px;margin-left:20px;display:flex}.timeline-segment{cursor:pointer;height:30px;margin-top:25px;position:relative}.timeline-segment:first-child:before{content:"";z-index:1;background-color:#333;width:2px;height:100%;position:absolute;left:0;transform:translate(-50%)}.timeline-segment:after{content:"";z-index:1;background-color:#333;width:2px;height:100%;position:absolute;right:0;transform:translate(50%)}.timeline-horz{background-color:#333;width:100%;height:2px;position:absolute;top:50%;transform:translateY(-50%)}.timeline-vert{background-color:#333;width:2px;height:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timeline-label{pointer-events:none;color:#333;padding-top:1px;font-size:14px;font-weight:700;position:absolute;bottom:0;left:0;transform:translate(-50%,100%)}.timeline-interval{background-color:#248267;width:100%;height:10px;position:absolute;top:50%;transform:translateY(-50%)}.timeline-handle{z-index:2;background-color:#ccc;border:3px solid #fff;border-radius:5px;width:5px;height:80%;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 5px 1px #aaa}.timeline-handle-ls{margin-left:-10px}.timeline-handle-rs{margin-left:10px}