.seek-area {
  margin: 16px 4px 22px;
}

.seek-area input {
  width: 100%;
  height: 8px;
  appearance: none;
  border-radius: 8px;
  background: linear-gradient(to right, #ed4b00 var(--seek, 0%), #eadfd2 var(--seek, 0%));
  outline: none;
  cursor: pointer;
}

.seek-area input::-webkit-slider-thumb {
  appearance: none;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: #ed4b00;
  border: 4px solid #fff;
  box-shadow: 0 1px 6px #8d3c1d55;
}

.seek-area input::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ed4b00;
  border: 4px solid #fff;
}

.seek-area input:disabled { opacity: .55; cursor: default; }
.seek-times { display: flex; justify-content: space-between; color: #746d66; font-size: 16px; margin-top: 8px; }