.time-wrapper{display:flex;padding:8px;font-size:14px}.time-scope{position:relative;width:100%;background-color:#e6e6e6}.time-scope-min{position:relative;width:80px;text-align:center;padding-right:12px;cursor:col-resize}.time-scope-min::after{content:"";position:absolute;top:0;right:0;width:8px;height:100%;border-radius:12px 0 0 12px;background-color:rgba(128,128,128,0.75);cursor:col-resize}.time-scope-max{position:relative;width:80px;text-align:center;padding-left:12px;cursor:col-resize}.time-scope-max::after{content:"";position:absolute;top:0;left:0;width:8px;height:100%;border-radius:0 12px 12px 0;background-color:rgba(128,128,128,0.75);cursor:col-resize}.time-scope .time-range{display:flex;position:relative;height:100%;min-width:1px;background-color:rgba(0,51,128,0.25);z-index:1;cursor:ew-resize}.time-scope .time-range .time{position:absolute;width:80px}.time-scope .time-range-min{box-sizing:border-box;width:80px;height:100%}.time-scope .time-range-min .handle{position:absolute;left:-8px;width:8px;height:100%;background-color:rgba(0,51,128,0.5);cursor:col-resize;z-index:1}.time-scope .time-range-min.inside .time{left:4px;text-align:left}.time-scope .time-range-min.outside .time{left:-92px;text-align:right;cursor:col-resize}.time-scope .time-range-min.hidden .time{display:none}.time-scope .time-range-max{box-sizing:border-box;position:absolute;right:0;width:80px;height:100%}.time-scope .time-range-max .handle{position:absolute;right:-8px;width:8px;height:100%;background-color:rgba(0,51,128,0.5);cursor:col-resize;z-index:1}.time-scope .time-range-max.inside .time{right:4px;text-align:right}.time-scope .time-range-max.outside .time{right:-92px;text-align:left;cursor:ew-resize}.time-scope .time-range-max.hidden .time{display:none}.time-scope > ul{position:absolute;left:0;top:0;right:0;bottom:0;margin:0;padding:0;list-style-type:none;pointer-events:none}.time-scope > ul > li{position:absolute;bottom:0;background-color:#888}