.timeline{position:relative;height:100px;margin:0}.timeline-line{position:absolute;top:50%;left:0;right:0;height:4px;background:#ddd;transform:translateY(-50%)}.day-section{position:absolute;top:50%;height:4px;transform:translateY(-50%)}.friday{left:0;width:33.33%;background:#f39c12}.saturday{left:33.33%;width:33.33%;background:#28a745}.sunday{left:66.66%;width:33.34%;background:#28a745}.day-label{position:absolute;top:-30px;font-weight:bold;font-size:14px;transform:translateX(-50%)}.friday-label{left:16.66%;color:#f39c12}.saturday-label{left:50%;color:#28a745}.sunday-label{left:83.33%;color:#28a745}.time-point{position:absolute;top:50%;width:16px;height:16px;background:white;border:3px solid;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer;transition:all .3s}.time-point:hover{width:20px;height:20px;border-width:4px}.time-point.active{width:24px;height:24px}.time-label{position:absolute;top:40px;font-size:12px;white-space:nowrap;transform:translateX(-50%)}.point-fri-17{left:33.33%;border-color:#007bff}.point-sat-10{left:47.2%;border-color:#007bff}.point-sun-17{left:86.46%;border-color:#007bff}.point-sun-24{left:100%;border-color:#007bff}.active-range{position:absolute;top:50%;height:12px;background:#007bff;transform:translateY(-50%);border-radius:4px;text-align:center;color:white;font-size:12px;line-height:12px}.range-1{left:33.33%;width:13.87%}.range-2{left:86.46%;width:13.54%}@media(max-width:768px){.time-label{font-size:10px}.active-range{font-size:10px}}@media(max-width:480px){.time-label{font-size:9px;top:30px}.active-range{font-size:0}.active-range::before{font-size:9px;color:white;position:absolute;width:100%;left:0;text-align:center;line-height:8px}.range-1::before{content:'Outbound'}.range-2::before{content:'Return'}}