/* ===== БАЗА ===== */

#podcast{
  scroll-margin-top: 60px;
}

.ff-audio{
  margin:22px 0 28px;
  padding:16px 18px;
  background:#f2f3f4;
  color:#111;
  border-radius:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}

/* ===== СТРОКА ПЛЕЕРА ===== */

.ff-audio .ff-row{
  display:flex;
  align-items:center;
  gap:12px;
}

/* ===== PLAY ===== */

.ff-audio .ff-play{
  padding:0;
  border:none;
  background:none;
  color:#111;
  font-size:20px;
  line-height:1;
  cursor:pointer;
  opacity:.85;
  display:flex;
  align-items:center;
}

.ff-audio .ff-play:hover{ opacity:1; }

/* ===== TIME ===== */

.ff-audio .ff-time{
  font-variant-numeric:tabular-nums;
  font-size:14px;
  opacity:.7;
  white-space:nowrap;
  color:#111;
}

/* ===== RANGE RESET (УБИВАЕМ НАТИВНЫЙ ВИД) ===== */

.ff-audio input.ff-progress,
.ff-audio input.ff-progress:focus,
.ff-audio input.ff-progress:focus-visible,
.ff-audio input.ff-progress:active{
  -webkit-appearance:none !important;
  appearance:none !important;

  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;

  padding:0 !important;
  margin:0 !important;

  height:18px !important;
  cursor:pointer !important;
}

.ff-audio input.ff-progress{
  flex:1;
  -webkit-tap-highlight-color:transparent;
}

/* ===== TRACK ===== */

.ff-audio input.ff-progress::-webkit-slider-runnable-track{
  -webkit-appearance:none !important;
  background:rgba(17,17,17,.25) !important;
  height:4px !important;
  border:0 !important;
  box-shadow:none !important;
}

.ff-audio input.ff-progress::-moz-range-track{
  background:rgba(17,17,17,.25) !important;
  height:4px !important;
  border:0 !important;
}

/* ===== THUMB ===== */

.ff-audio input.ff-progress::-webkit-slider-thumb{
  -webkit-appearance:none !important;
  margin-top:-5px !important;
  width:14px !important;
  height:14px !important;
  background:#111 !important;
  border-radius:50% !important;
  border:0 !important;
  box-shadow:none !important;
}

.ff-audio input.ff-progress::-moz-range-thumb{
  width:14px !important;
  height:14px !important;
  background:#111 !important;
  border-radius:50% !important;
  border:0 !important;
}

/* firefox extra border */
.ff-audio input.ff-progress::-moz-focus-outer{
  border:0 !important;
}

/* ===== SPEED ===== */

.ff-audio .ff-speed{
  margin-top:10px;
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:14px;
  font-size:14px;
  color:#111;
}

.ff-audio .ff-speed-label{
  opacity:.75;
  margin-right:6px;
}

.ff-audio .ff-rate{
  padding:2px 0;
  border:none;
  background:none;
  color:#111;
  cursor:pointer;
  opacity:.7;
  font:inherit;
}

.ff-audio .ff-rate:hover{ opacity:1; }

.ff-audio .ff-rate.active{
  opacity:1;
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:3px;
}