@import "../plugins/theme-variables.scss";
@import "~element-ui/packages/theme-chalk/src/mixins/mixins";
@import "~element-ui/packages/theme-chalk/src/mixins/utils";
@import "~element-ui/packages/theme-chalk/src/slider";

/* ---- jellies overrides (migrated from SFC; ships in theme/X.css) ---- */
.el-slider {
  font-size: 14px;
}
.el-slider .el-slider__stop {
  width: 6px !important;
  height: 6px !important;
  top: 3px;
  z-index: 201;
}
.el-slider .el-slider__button-wrapper {
  transition: all 500ms ease 0s;
  top: -2px;
}
.el-slider .el-slider__button-wrapper .el-tooltip {
  display: block;
}
.el-slider .el-slider__button {
  border: none;
  background-color: $--color-success-dark;
}
.el-slider .el-slider__bar {
  transition: all 500ms ease 0s;
  background-image: linear-gradient(to right, rgba(78, 197, 61, 0) 20%, $--color-success 100%) !important;
  z-index: 101;
}
.el-slider .el-slider__runway {
  box-shadow: inset 0 1px 1px 0 rgba(139, 154, 174, 0.3);
}
.el-slider .disabled .el-slider__button {
  background-color: #969696;
}
.el-slider .disabled .el-slider__bar {
  background-image: linear-gradient(to right, rgba(180, 180, 180, 0) 20%, #b4b4b4 100%) !important;
  z-index: 101;
}