.range[data-v-9c6f6afa] {
  position: relative;
  width: 350px;
}
.range svg[data-v-9c6f6afa] {
  width: 100%;
  height: 100%;
}
.range svg path[data-v-9c6f6afa] {
  -webkit-transition: linear 0.5s;
  transition: linear 0.5s;
}
input[type=range][data-v-9c6f6afa] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  margin: 0;
  padding: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: none;
  -webkit-transition: linear 0.5s;
  transition: linear 0.5s;
}
input[type=range][data-v-9c6f6afa]:focus {
  outline: 0;
}
input[type=range][data-v-9c6f6afa]::-webkit-slider-thumb {
  width: 26px;
  -webkit-appearance: none;
  height: 26px;
  cursor: pointer;
  border-radius: 50%;
  border: 6px solid #fff;
  -webkit-box-shadow: 0px 0px 6px 0px #ccc;
          box-shadow: 0px 0px 6px 0px #ccc;
  z-index: 2;
  position: relative;
  margin-left: 3px;
  margin-top: -3px;
}
.margin-l-10[data-v-9c6f6afa] {
  margin-left: 10px;
}
.row.bad input[type=range][data-v-9c6f6afa]::-webkit-slider-thumb {
  background: var(--bad-color);
}
.row.ok input[type=range][data-v-9c6f6afa]::-webkit-slider-thumb {
  background: var(--ok-color);
}
.row.good input[type=range][data-v-9c6f6afa]::-webkit-slider-thumb {
  background: var(--good-color);
}
.row.great input[type=range][data-v-9c6f6afa]::-webkit-slider-thumb {
  background: #3f51b5;
}
@-webkit-keyframes heartBeat-9c6f6afa {
0% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
28% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
70% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
}
@keyframes heartBeat-9c6f6afa {
0% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
28% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
70% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
}
form[data-v-0c733fed] {
  padding: 10px !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
.el-progress[data-v-0c733fed] {
  line-height: 33.54px;
}
[data-v-0c733fed] .code-src-box .el-form-item__content {
  margin-left: 70px !important;
}
.code-src-title[data-v-0c733fed] {
  height: 34px;
}