@import "./common/var.scss";
@import "./mixins/mixin.scss";

@include b(time-line){
  height: 100%;
  padding: 2em 1em;
  box-sizing: border-box;
  .el-slider{
    height: 100%;
  }
  .el-slider .el-slider__runway{
    background: linear-gradient(#ffffff80 50%, transparent 0);
    background-size: 100% 3px;
  }
  .el-slider .el-slider__bar{
    background: transparent;
  }
  .el-slider .el-slider__stop{
    width: 10px;
    height: 3px;
    border-radius: initial;
    background: #ffffff80;
  }
  .el-slider .el-slider__button{
    background: #25FFFF;
    border-color: white;
  }
  .el-slider .el-slider__marks-text{
    width: 50px;
  }
}