/* BareKit Media Player v0.7.0 */

.bbmp-v7{
  --bbmp-accent:#e6df9b;
  --bbmp-accent-strong:#f4eeb4;
  --bbmp-panel:rgba(24,24,15,.78);
  width:min(100%,760px);
  font-family:Inter,Manrope,Arial,sans-serif;
  color:#f7f8fa;
  background:
    radial-gradient(circle at 72% 45%, rgba(230,223,155,.10), transparent 30%),
    linear-gradient(90deg, rgba(24,24,15,.86), rgba(20,20,13,.72));
  border:1px solid rgba(230,223,155,.10);
  border-radius:8px;
  box-shadow:0 18px 44px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.035);
  padding:10px;
  overflow:hidden;
  box-sizing:border-box;
}

.bbmp-v7-green{--bbmp-accent:#d8dfa4;--bbmp-accent-strong:#edf4bd}
.bbmp-v7-orange{--bbmp-accent:#ffb087;--bbmp-accent-strong:#ffcfb6}
.bbmp-v7 *{box-sizing:border-box}

.bbmp-v7-shell{
  display:grid;
  grid-template-columns:160px minmax(0,1fr);
  gap:18px;
  align-items:stretch;
}

.bbmp-v7-cover{
  width:160px;
  height:160px;
  object-fit:cover;
  border-radius:4px;
  display:block;
  box-shadow:0 12px 24px rgba(0,0,0,.22);
}

.bbmp-v7-main{
  min-width:0;
  display:grid;
  grid-template-rows:auto auto 1fr;
  align-content:start;
  padding:4px 4px 2px 0;
}

.bbmp-v7-title{
  font-size:18px;
  line-height:1.12;
  font-weight:700;
  color:var(--bbmp-accent-strong);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.bbmp-v7-artist{
  margin-top:4px;
  font-size:13px;
  line-height:1.2;
  color:rgba(247,248,250,.7);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.bbmp-v7-progress-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  margin-top:34px;
}

.bbmp-v7-current,
.bbmp-v7-duration{
  font-size:11px;
  line-height:1;
  color:var(--bbmp-accent);
  opacity:.92;
}

.bbmp-v7-seek{
  width:100%;
  height:3px;
  margin:0;
  padding:0;
  appearance:none;
  border-radius:999px;
  background:rgba(230,223,155,.25);
  outline:none;
  display:block;
}

.bbmp-v7-seek::-webkit-slider-thumb{
  appearance:none;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--bbmp-accent-strong);
  box-shadow:0 3px 8px rgba(0,0,0,.35);
  cursor:pointer;
}

.bbmp-v7-seek::-moz-range-thumb{
  width:8px;
  height:8px;
  border:0;
  border-radius:50%;
  background:var(--bbmp-accent-strong);
  box-shadow:0 3px 8px rgba(0,0,0,.35);
  cursor:pointer;
}

.bbmp-v7-controls{
  display:flex;
  align-items:center;
  gap:18px;
  margin-top:26px;
  color:var(--bbmp-accent);
}

.bbmp-v7 button{
  border:0;
  padding:0;
  background:transparent;
  color:inherit;
  cursor:pointer;
  display:grid;
  place-items:center;
  opacity:.9;
  transition:opacity .18s ease, transform .18s ease, color .18s ease;
}

.bbmp-v7 button:hover{
  opacity:1;
  color:var(--bbmp-accent-strong);
  transform:translateY(-1px);
}

.bbmp-v7-prev,
.bbmp-v7-next{
  width:20px;
  height:20px;
}

.bbmp-v7-prev svg,
.bbmp-v7-next svg{
  width:18px;
  height:18px;
}

.bbmp-v7-play{
  width:34px;
  height:34px;
  color:var(--bbmp-accent-strong);
}

.bbmp-v7-play svg{
  width:30px;
  height:30px;
}

.bbmp-v7-shuffle,
.bbmp-v7-repeat,
.bbmp-v7-expand{
  width:20px;
  height:20px;
  margin-left:10px;
}

.bbmp-v7-shuffle svg,
.bbmp-v7-repeat svg,
.bbmp-v7-expand svg{
  width:17px;
  height:17px;
}

.bbmp-v7-volume{
  display:flex;
  align-items:center;
  gap:6px;
  margin-left:auto;
  color:var(--bbmp-accent);
}

.bbmp-v7-volume svg{
  width:17px;
  height:17px;
}

.bbmp-v7-volume-input{
  width:72px;
  accent-color:var(--bbmp-accent-strong);
}

.bbmp-v7-expanded{
  display:none;
  padding-top:12px;
}

.bbmp-v7.is-expanded .bbmp-v7-expanded{
  display:block;
}

.bbmp-v7-list{
  display:grid;
  gap:8px;
  border-top:1px solid rgba(230,223,155,.12);
  padding-top:12px;
}

.bbmp-v7-track{
  width:100%;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:10px;
  align-items:center;
  text-align:left;
  border:1px solid rgba(230,223,155,.12);
  border-radius:6px;
  background:rgba(255,255,255,.025);
  padding:8px;
  color:#f7f8fa;
}

.bbmp-v7-track.is-active{
  border-color:rgba(230,223,155,.36);
  background:rgba(230,223,155,.08);
}

.bbmp-v7-track img{
  width:42px;
  height:42px;
  border-radius:4px;
  object-fit:cover;
}

.bbmp-v7-track span{
  min-width:0;
  display:grid;
  gap:3px;
}

.bbmp-v7-track strong,
.bbmp-v7-track em{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.bbmp-v7-track strong{
  font-size:13px;
  color:var(--bbmp-accent-strong);
}

.bbmp-v7-track em{
  font-size:12px;
  font-style:normal;
  color:rgba(247,248,250,.62);
}

@media(max-width:720px){
  .bbmp-v7{
    width:100%;
    padding:8px;
  }

  .bbmp-v7-shell{
    grid-template-columns:92px minmax(0,1fr);
    gap:12px;
  }

  .bbmp-v7-cover{
    width:92px;
    height:92px;
  }

  .bbmp-v7-title{
    font-size:15px;
  }

  .bbmp-v7-artist{
    font-size:12px;
  }

  .bbmp-v7-progress-row{
    margin-top:18px;
  }

  .bbmp-v7-controls{
    gap:12px;
    margin-top:16px;
  }

  .bbmp-v7-shuffle,
  .bbmp-v7-repeat,
  .bbmp-v7-volume{
    display:none;
  }
}


/* BareKit Media Player v0.7.1 moving parts and expanded polish */

.bbmp-v7{
  background:
    radial-gradient(circle at 76% 42%, rgba(216,223,164,.095), transparent 28%),
    linear-gradient(90deg, rgba(18,19,12,.90), rgba(14,15,10,.72)) !important;
  backdrop-filter: blur(12px) saturate(115%);
  -webkit-backdrop-filter: blur(12px) saturate(115%);
}

.bbmp-v7-progress-row{
  position:relative !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  gap:10px !important;
  align-items:center !important;
}

.bbmp-v7-wavebar{
  position:relative;
  height:34px;
  border-radius:8px;
  overflow:hidden;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(247,248,250,.13) 0px,
      rgba(247,248,250,.13) 2px,
      transparent 2px,
      transparent 8px
    );
  opacity:.82;
  box-shadow:
    inset 0 0 0 1px rgba(216,223,164,.08),
    inset 0 -10px 20px rgba(0,0,0,.12);
}

.bbmp-v7-wavebar::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, transparent 0%, rgba(0,0,0,.14) 100%),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.06), transparent 68%);
  pointer-events:none;
}

.bbmp-v7-wavebar-fill{
  position:absolute;
  inset:0 auto 0 0;
  width:0%;
  border-radius:inherit;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(216,223,164,.95) 0px,
      rgba(216,223,164,.95) 2px,
      transparent 2px,
      transparent 8px
    );
  box-shadow:0 0 18px rgba(216,223,164,.18);
}

.bbmp-v7-seek{
  position:absolute !important;
  left:46px;
  right:46px;
  top:0;
  height:34px !important;
  opacity:0 !important;
  cursor:pointer;
  z-index:3;
  background:transparent !important;
}

.bbmp-v7-seek::-webkit-slider-thumb{
  width:1px !important;
  height:34px !important;
  opacity:0 !important;
}

.bbmp-v7-seek::-moz-range-thumb{
  width:1px !important;
  height:34px !important;
  opacity:0 !important;
}

.bbmp-v7-current,
.bbmp-v7-duration{
  min-width:34px;
  color:rgba(232,239,181,.90) !important;
  font-size:12px !important;
  font-weight:600;
}

.bbmp-v7-duration{
  text-align:right;
}

.bbmp-v7-controls{
  gap:16px !important;
}

.bbmp-v7-volume{
  position:relative;
  gap:8px !important;
  color:rgba(232,239,181,.82) !important;
}

.bbmp-v7-volume-input{
  appearance:none;
  width:92px !important;
  height:4px;
  border-radius:999px;
  background:rgba(232,239,181,.20);
  outline:none;
}

.bbmp-v7-volume-input::-webkit-slider-thumb{
  appearance:none;
  width:13px;
  height:13px;
  border-radius:50%;
  background:var(--bbmp-accent-strong);
  box-shadow:0 4px 12px rgba(0,0,0,.30);
  cursor:pointer;
}

.bbmp-v7-volume-input::-moz-range-thumb{
  width:13px;
  height:13px;
  border:0;
  border-radius:50%;
  background:var(--bbmp-accent-strong);
  box-shadow:0 4px 12px rgba(0,0,0,.30);
  cursor:pointer;
}

.bbmp-v7.is-expanded{
  padding-bottom:14px;
}

.bbmp-v7.is-expanded .bbmp-v7-shell{
  padding-bottom:14px;
}

.bbmp-v7-list{
  border-top:1px solid rgba(216,223,164,.14) !important;
  padding-top:14px !important;
  gap:7px !important;
}

.bbmp-v7-track{
  grid-template-columns:48px minmax(0,1fr) !important;
  min-height:58px;
  border-radius:8px !important;
  background:rgba(255,255,255,.025) !important;
  border-color:rgba(216,223,164,.075) !important;
  transition:background .18s ease, border-color .18s ease, transform .18s ease;
}

.bbmp-v7-track:hover{
  background:rgba(216,223,164,.055) !important;
  border-color:rgba(216,223,164,.18) !important;
  transform:translateY(-1px);
}

.bbmp-v7-track.is-active{
  background:rgba(216,223,164,.09) !important;
  border-color:rgba(216,223,164,.30) !important;
}

.bbmp-v7-track img{
  width:48px !important;
  height:48px !important;
}

.bbmp-v7-track span{
  text-align:left !important;
}

.bbmp-v7-track strong{
  font-size:14px !important;
  color:rgba(244,238,180,.96) !important;
}

.bbmp-v7-track em{
  font-size:12px !important;
  color:rgba(247,248,250,.58) !important;
}

@media(max-width:720px){
  .bbmp-v7-wavebar{
    height:24px;
  }

  .bbmp-v7-seek{
    left:42px;
    right:42px;
    height:24px !important;
  }

  .bbmp-v7-current,
  .bbmp-v7-duration{
    min-width:30px;
    font-size:11px !important;
  }
}


/* BareKit Media Player v0.7.2 control polish */

.bbmp-v7-volume{
  min-width:128px;
}

.bbmp-v7-volume-input{
  appearance:none !important;
  -webkit-appearance:none !important;
  width:96px !important;
  height:3px !important;
  border-radius:999px !important;
  background:linear-gradient(
    90deg,
    var(--bbmp-accent-strong) var(--bbmp-volume, 100%),
    rgba(232,239,181,.22) var(--bbmp-volume, 100%)
  ) !important;
  box-shadow:none !important;
  border:0 !important;
  outline:none !important;
}

.bbmp-v7-volume-input::-webkit-slider-runnable-track{
  height:3px !important;
  border-radius:999px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.bbmp-v7-volume-input::-moz-range-track{
  height:3px !important;
  border-radius:999px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.bbmp-v7-volume-input::-webkit-slider-thumb{
  -webkit-appearance:none !important;
  appearance:none !important;
  width:11px !important;
  height:11px !important;
  margin-top:-4px !important;
  border-radius:50% !important;
  background:var(--bbmp-accent-strong) !important;
  box-shadow:0 3px 9px rgba(0,0,0,.28) !important;
  border:0 !important;
}

.bbmp-v7-volume-input::-moz-range-thumb{
  width:11px !important;
  height:11px !important;
  border-radius:50% !important;
  background:var(--bbmp-accent-strong) !important;
  box-shadow:0 3px 9px rgba(0,0,0,.28) !important;
  border:0 !important;
}

.bbmp-v7-shuffle.is-active,
.bbmp-v7-repeat.is-active{
  color:var(--bbmp-accent-strong) !important;
  opacity:1 !important;
  filter:drop-shadow(0 0 8px rgba(216,223,164,.20));
}

.bbmp-v7-track,
.bbmp-v7-track span,
.bbmp-v7-track strong,
.bbmp-v7-track em{
  text-align:left !important;
  justify-items:start !important;
  justify-content:start !important;
}

.bbmp-v7-list{
  justify-items:stretch !important;
}

.bbmp-v7-track{
  justify-content:stretch !important;
}


/* BareKit Media Player v0.7.3
   Mosslight vine progress and polish
   Keeps the existing transparent glass feel.
*/

.bbmp-v7{
  background:
    radial-gradient(circle at 76% 42%, rgba(216,223,164,.095), transparent 28%),
    linear-gradient(90deg, rgba(18,19,12,.78), rgba(14,15,10,.58)) !important;
  border-color:rgba(216,223,164,.13) !important;
}

.bbmp-v7-progress-row{
  position:relative !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  gap:12px !important;
  align-items:center !important;
}

/* Hide the older fake waveform look if present */
.bbmp-v7-wavebar{
  position:relative !important;
  height:32px !important;
  border-radius:999px !important;
  overflow:hidden !important;
  background:
    linear-gradient(90deg, rgba(216,223,164,.15), rgba(216,223,164,.08)),
    radial-gradient(circle at 12px 50%, rgba(216,223,164,.28) 0 2px, transparent 3px),
    radial-gradient(circle at 42px 50%, rgba(216,223,164,.18) 0 2px, transparent 3px),
    radial-gradient(circle at 76px 50%, rgba(216,223,164,.20) 0 2px, transparent 3px),
    linear-gradient(180deg, transparent 45%, rgba(216,223,164,.28) 46%, rgba(216,223,164,.28) 54%, transparent 55%) !important;
  background-size:100% 100%, 64px 100%, 92px 100%, 120px 100%, 100% 100% !important;
  border:1px solid rgba(216,223,164,.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    inset 0 -10px 18px rgba(0,0,0,.10) !important;
  opacity:.96 !important;
}

/* Faint vine curve */
.bbmp-v7-wavebar::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(ellipse at 14% 56%, transparent 0 34%, rgba(216,223,164,.18) 35%, rgba(216,223,164,.18) 37%, transparent 38%),
    radial-gradient(ellipse at 42% 44%, transparent 0 35%, rgba(216,223,164,.14) 36%, rgba(216,223,164,.14) 38%, transparent 39%),
    radial-gradient(ellipse at 72% 56%, transparent 0 35%, rgba(216,223,164,.12) 36%, rgba(216,223,164,.12) 38%, transparent 39%);
  background-size:38% 100%, 46% 100%, 50% 100%;
  background-position:0 0, 36% 0, 74% 0;
  background-repeat:no-repeat;
  pointer-events:none;
}

/* Tiny leaves */
.bbmp-v7-wavebar::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(ellipse 5px 3px at 18% 38%, rgba(216,223,164,.26), transparent 70%),
    radial-gradient(ellipse 5px 3px at 29% 64%, rgba(216,223,164,.20), transparent 70%),
    radial-gradient(ellipse 5px 3px at 48% 37%, rgba(216,223,164,.22), transparent 70%),
    radial-gradient(ellipse 5px 3px at 61% 63%, rgba(216,223,164,.18), transparent 70%),
    radial-gradient(ellipse 5px 3px at 82% 38%, rgba(216,223,164,.18), transparent 70%);
  pointer-events:none;
}

.bbmp-v7-wavebar-fill{
  position:absolute !important;
  inset:0 auto 0 0 !important;
  width:0% !important;
  border-radius:inherit !important;
  background:
    radial-gradient(ellipse 6px 3px at 18% 38%, rgba(232,239,181,.95), transparent 70%),
    radial-gradient(ellipse 6px 3px at 29% 64%, rgba(232,239,181,.88), transparent 70%),
    radial-gradient(ellipse 6px 3px at 48% 37%, rgba(232,239,181,.92), transparent 70%),
    radial-gradient(ellipse 6px 3px at 61% 63%, rgba(232,239,181,.82), transparent 70%),
    radial-gradient(ellipse 6px 3px at 82% 38%, rgba(232,239,181,.82), transparent 70%),
    linear-gradient(180deg, transparent 45%, rgba(232,239,181,.95) 46%, rgba(232,239,181,.95) 54%, transparent 55%) !important;
  box-shadow:0 0 18px rgba(216,223,164,.16) !important;
  opacity:1 !important;
}

/* Click layer remains invisible but accurate */
.bbmp-v7-seek{
  position:absolute !important;
  left:48px !important;
  right:48px !important;
  top:0 !important;
  height:32px !important;
  opacity:0 !important;
  cursor:pointer !important;
  z-index:5 !important;
  background:transparent !important;
}

.bbmp-v7-current,
.bbmp-v7-duration{
  color:rgba(232,239,181,.92) !important;
  font-size:12px !important;
  font-weight:650 !important;
}

/* Cleaner single-line volume */
.bbmp-v7-volume-input{
  appearance:none !important;
  -webkit-appearance:none !important;
  width:86px !important;
  height:3px !important;
  border-radius:999px !important;
  background:linear-gradient(
    90deg,
    rgba(232,239,181,.92) var(--bbmp-volume, 100%),
    rgba(232,239,181,.20) var(--bbmp-volume, 100%)
  ) !important;
  box-shadow:none !important;
  border:0 !important;
}

.bbmp-v7-volume-input::-webkit-slider-runnable-track{
  height:3px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.bbmp-v7-volume-input::-moz-range-track{
  height:3px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.bbmp-v7-volume-input::-webkit-slider-thumb{
  -webkit-appearance:none !important;
  appearance:none !important;
  width:10px !important;
  height:10px !important;
  margin-top:-3.5px !important;
  border-radius:50% !important;
  background:rgba(232,239,181,.98) !important;
  box-shadow:0 3px 9px rgba(0,0,0,.28) !important;
  border:0 !important;
}

.bbmp-v7-volume-input::-moz-range-thumb{
  width:10px !important;
  height:10px !important;
  border-radius:50% !important;
  background:rgba(232,239,181,.98) !important;
  box-shadow:0 3px 9px rgba(0,0,0,.28) !important;
  border:0 !important;
}

.bbmp-v7-shuffle.is-active,
.bbmp-v7-repeat.is-active{
  color:rgba(244,238,180,.98) !important;
  opacity:1 !important;
  filter:drop-shadow(0 0 8px rgba(216,223,164,.22));
}

.bbmp-v7-track,
.bbmp-v7-track span,
.bbmp-v7-track strong,
.bbmp-v7-track em{
  text-align:left !important;
  justify-items:start !important;
  justify-content:start !important;
}

@media(max-width:720px){
  .bbmp-v7-wavebar{
    height:24px !important;
  }

  .bbmp-v7-seek{
    height:24px !important;
    left:42px !important;
    right:42px !important;
  }
}


/* BareKit Media Player v0.7.4
   Replace vine with refined Mosslight pulse waveform
   Reduce text brightness and make palette softer.
*/

.bbmp-v7{
  --bbmp-accent:#a7b36b;
  --bbmp-accent-strong:#c8d08d;
  --bbmp-text-main:#d5dca2;
  --bbmp-text-soft:rgba(226,232,190,.70);
  --bbmp-text-muted:rgba(247,248,250,.58);
}

/* Softer title palette */
.bbmp-v7-title{
  color:var(--bbmp-text-main) !important;
  text-shadow:none !important;
}

.bbmp-v7-artist{
  color:var(--bbmp-text-muted) !important;
}

.bbmp-v7-current,
.bbmp-v7-duration{
  color:var(--bbmp-text-soft) !important;
}

/* Replace vine background completely */
.bbmp-v7-wavebar{
  position:relative !important;
  height:30px !important;
  border-radius:999px !important;
  overflow:hidden !important;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(213,220,162,.16) 0px,
      rgba(213,220,162,.16) 2px,
      transparent 2px,
      transparent 7px
    ),
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,0,0,.08)) !important;
  background-size:auto !important;
  border:1px solid rgba(213,220,162,.11) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.028),
    inset 0 -8px 18px rgba(0,0,0,.10) !important;
  opacity:.92 !important;
}

/* Remove vine curves and leaves */
.bbmp-v7-wavebar::before,
.bbmp-v7-wavebar::after{
  display:none !important;
}

/* Played waveform, cleaner and musical */
.bbmp-v7-wavebar-fill{
  position:absolute !important;
  inset:0 auto 0 0 !important;
  width:0% !important;
  border-radius:inherit !important;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(167,179,107,.92) 0px,
      rgba(167,179,107,.92) 2px,
      transparent 2px,
      transparent 7px
    ),
    linear-gradient(90deg, rgba(167,179,107,.24), rgba(200,208,141,.34)) !important;
  box-shadow:
    0 0 14px rgba(167,179,107,.12),
    inset 0 0 0 1px rgba(200,208,141,.04) !important;
  opacity:.96 !important;
}

/* Add a subtle centre line so it reads as audio rather than decoration */
.bbmp-v7-wavebar-fill::after,
.bbmp-v7-wavebar::selection{
  display:none !important;
}

.bbmp-v7-progress-row{
  gap:12px !important;
}

/* More restrained controls */
.bbmp-v7-controls{
  color:rgba(213,220,162,.78) !important;
}

.bbmp-v7 button:hover{
  color:rgba(213,220,162,.96) !important;
}

.bbmp-v7-play{
  color:rgba(213,220,162,.92) !important;
}

.bbmp-v7-shuffle.is-active,
.bbmp-v7-repeat.is-active{
  color:rgba(200,208,141,.98) !important;
  filter:drop-shadow(0 0 7px rgba(167,179,107,.18)) !important;
}

/* Cleaner, lower brightness volume */
.bbmp-v7-volume{
  color:rgba(213,220,162,.72) !important;
}

.bbmp-v7-volume-input{
  background:linear-gradient(
    90deg,
    rgba(200,208,141,.82) var(--bbmp-volume, 100%),
    rgba(213,220,162,.18) var(--bbmp-volume, 100%)
  ) !important;
}

.bbmp-v7-volume-input::-webkit-slider-thumb{
  background:rgba(200,208,141,.92) !important;
}

.bbmp-v7-volume-input::-moz-range-thumb{
  background:rgba(200,208,141,.92) !important;
}

/* Expanded track text, muted but readable */
.bbmp-v7-track strong{
  color:var(--bbmp-text-main) !important;
}

.bbmp-v7-track em{
  color:rgba(247,248,250,.54) !important;
}

.bbmp-v7-track.is-active{
  background:rgba(167,179,107,.10) !important;
  border-color:rgba(167,179,107,.28) !important;
}

.bbmp-v7-track:hover{
  background:rgba(167,179,107,.065) !important;
  border-color:rgba(167,179,107,.20) !important;
}

@media(max-width:720px){
  .bbmp-v7-wavebar{
    height:24px !important;
  }
}


/* BareKit Media Player v0.7.6 progress fill fix */

.bbmp-v7-progress-row{
  position:relative !important;
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  gap:12px !important;
  align-items:center !important;
}

.bbmp-v7-wavebar{
  grid-column:2 !important;
  position:relative !important;
  height:30px !important;
  border-radius:999px !important;
  overflow:hidden !important;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(213,220,162,.16) 0px,
      rgba(213,220,162,.16) 2px,
      transparent 2px,
      transparent 7px
    ),
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,0,0,.08)) !important;
  border:1px solid rgba(213,220,162,.11) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.028),
    inset 0 -8px 18px rgba(0,0,0,.10) !important;
}

.bbmp-v7-wavebar-fill{
  display:block !important;
  position:absolute !important;
  inset:0 auto 0 0 !important;
  width:0%;
  border-radius:inherit !important;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(167,179,107,.92) 0px,
      rgba(167,179,107,.92) 2px,
      transparent 2px,
      transparent 7px
    ),
    linear-gradient(90deg, rgba(167,179,107,.24), rgba(200,208,141,.34)) !important;
  box-shadow:0 0 14px rgba(167,179,107,.12) !important;
  opacity:.96 !important;
  pointer-events:none !important;
}

.bbmp-v7-seek{
  position:absolute !important;
  left:48px !important;
  right:48px !important;
  top:0 !important;
  height:30px !important;
  opacity:0 !important;
  cursor:pointer !important;
  z-index:5 !important;
  background:transparent !important;
}

.bbmp-v7-seek::-webkit-slider-thumb{
  width:1px !important;
  height:30px !important;
  opacity:0 !important;
}

.bbmp-v7-seek::-moz-range-thumb{
  width:1px !important;
  height:30px !important;
  opacity:0 !important;
}

.bbmp-admin-hero p{
  display:none !important;
}


/* BareKit Media Player v0.7.7 progress fill hard fix */

.bbmp-v7{
  --bbmp-progress:0%;
}

.bbmp-v7 .bbmp-v7-wavebar-fill{
  width:var(--bbmp-progress, 0%) !important;
  max-width:100% !important;
  min-width:0 !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* Add a clear overlay fill so progress is visibly obvious */
.bbmp-v7 .bbmp-v7-wavebar-fill::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(167,179,107,.95) 0px,
      rgba(167,179,107,.95) 2px,
      transparent 2px,
      transparent 7px
    ) !important;
  pointer-events:none !important;
}

.bbmp-v7 .bbmp-v7-wavebar{
  isolation:isolate !important;
}

.bbmp-v7 .bbmp-v7-seek{
  z-index:20 !important;
}


/* BareKit Media Player v0.8.0 autoplay and mobile fullscreen */

.bbmp-v7-fullscreen{
  width:20px;
  height:20px;
  margin-left:10px;
}

.bbmp-v7-fullscreen svg{
  width:17px;
  height:17px;
}

.bbmp-v7-fullscreen-panel{
  display:none;
}

.bbmp-v7.is-fullscreen .bbmp-v7-fullscreen-panel{
  position:fixed;
  inset:0;
  z-index:999999;
  display:grid;
  place-items:center;
  padding:28px;
  background:rgba(5,7,6,.94);
  color:#f7f8fa;
  overflow:auto;
}

.bbmp-v7-fullscreen-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 30%, rgba(167,179,107,.20), transparent 34%),
    linear-gradient(180deg, rgba(5,7,6,.72), rgba(5,7,6,.98));
  pointer-events:none;
}

.bbmp-v7-fullscreen-close{
  position:fixed;
  top:18px;
  right:18px;
  z-index:2;
  width:42px;
  height:42px;
  border-radius:50%;
  background:rgba(255,255,255,.07) !important;
  color:rgba(247,248,250,.82) !important;
  font-size:30px;
  line-height:1;
}

.bbmp-v7-fullscreen-inner{
  position:relative;
  z-index:1;
  width:min(100%,420px);
  min-height:calc(100vh - 70px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
}

.bbmp-v7-fullscreen-cover{
  width:min(78vw,360px);
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:18px;
  box-shadow:0 30px 80px rgba(0,0,0,.42);
}

.bbmp-v7-fullscreen-title{
  margin-top:10px;
  font-size:26px;
  line-height:1.1;
  font-weight:750;
  color:var(--bbmp-text-main, #d5dca2);
  text-align:center;
}

.bbmp-v7-fullscreen-artist{
  font-size:16px;
  color:rgba(247,248,250,.62);
  text-align:center;
}

.bbmp-v7-fullscreen-progress{
  width:100%;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  margin-top:14px;
  color:rgba(213,220,162,.72);
  font-size:12px;
  font-weight:650;
}

.bbmp-v7-fullscreen-wave{
  position:relative;
  height:34px;
  border-radius:999px;
  overflow:hidden;
  background:
    repeating-linear-gradient(90deg, rgba(213,220,162,.15) 0px, rgba(213,220,162,.15) 2px, transparent 2px, transparent 7px),
    rgba(255,255,255,.035);
  border:1px solid rgba(213,220,162,.10);
}

.bbmp-v7-fullscreen-wave span{
  position:absolute;
  inset:0 auto 0 0;
  width:var(--bbmp-progress,0%);
  background:
    repeating-linear-gradient(90deg, rgba(167,179,107,.92) 0px, rgba(167,179,107,.92) 2px, transparent 2px, transparent 7px);
}

.bbmp-v7-fullscreen-controls{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:24px;
  margin-top:22px;
  color:rgba(213,220,162,.88);
}

.bbmp-v7-fs-prev,
.bbmp-v7-fs-next{
  width:48px;
  height:48px;
  font-size:44px;
  line-height:1;
}

.bbmp-v7-fs-play{
  width:72px;
  height:72px;
  border-radius:50%;
  background:linear-gradient(180deg, rgba(167,179,107,.95), rgba(127,143,66,.95)) !important;
  color:#fff !important;
  box-shadow:0 18px 40px rgba(127,143,66,.25);
}

.bbmp-v7-fs-play svg{
  width:30px;
  height:30px;
}

body.bbmp-v7-fullscreen-open{
  overflow:hidden !important;
}

@media(min-width:721px){
  .bbmp-v7-fullscreen{
    display:none !important;
  }
}

@media(max-width:720px){
  .bbmp-v7-fullscreen{
    display:grid;
  }
}


/* BareKit Media Player v0.8.1 true mobile fullscreen overlay fix */

body.bbmp-v7-fullscreen-open{
  overflow:hidden !important;
  position:relative !important;
}

body.bbmp-v7-fullscreen-open .bbmp-v7.is-fullscreen .bbmp-v7-fullscreen-panel,
.bbmp-v7-fullscreen-panel.is-detached{
  position:fixed !important;
  inset:0 !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:100vw !important;
  height:100vh !important;
  height:100dvh !important;
  max-width:none !important;
  max-height:none !important;
  min-width:100vw !important;
  min-height:100vh !important;
  min-height:100dvh !important;
  z-index:2147483647 !important;
  display:grid !important;
  place-items:center !important;
  padding:24px !important;
  margin:0 !important;
  border-radius:0 !important;
  transform:none !important;
  background:rgba(5,7,6,.96) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  isolation:isolate !important;
  contain:none !important;
}

.bbmp-v7-fullscreen-panel.is-detached .bbmp-v7-fullscreen-bg{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  height:100dvh !important;
}

.bbmp-v7-fullscreen-panel.is-detached .bbmp-v7-fullscreen-close{
  position:fixed !important;
  top:calc(env(safe-area-inset-top, 0px) + 16px) !important;
  right:calc(env(safe-area-inset-right, 0px) + 16px) !important;
  z-index:2147483647 !important;
}

.bbmp-v7-fullscreen-panel.is-detached .bbmp-v7-fullscreen-inner{
  position:relative !important;
  z-index:2 !important;
  width:min(100%,420px) !important;
  min-height:calc(100dvh - 70px) !important;
  padding-top:env(safe-area-inset-top, 0px) !important;
  padding-bottom:env(safe-area-inset-bottom, 0px) !important;
}

/* Stop Elementor ancestors visually clipping while fullscreen is active */
body.bbmp-v7-fullscreen-open .elementor,
body.bbmp-v7-fullscreen-open .elementor-section,
body.bbmp-v7-fullscreen-open .elementor-container,
body.bbmp-v7-fullscreen-open .elementor-widget,
body.bbmp-v7-fullscreen-open .elementor-widget-container{
  overflow:visible !important;
}


/* BareKit Media Player v0.8.2 fullscreen progress and control alignment */

.bbmp-v7-fullscreen-progress{
  width:100% !important;
  max-width:680px !important;
  grid-template-columns:44px minmax(0,1fr) 44px !important;
  gap:10px !important;
  align-items:center !important;
}

.bbmp-v7-fullscreen-wave{
  position:relative !important;
  isolation:isolate !important;
}

.bbmp-v7-fullscreen-wave span{
  display:block !important;
  position:absolute !important;
  inset:0 auto 0 0 !important;
  width:0%;
  min-width:0 !important;
  max-width:100% !important;
  border-radius:inherit !important;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(167,179,107,.96) 0px,
      rgba(167,179,107,.96) 2px,
      transparent 2px,
      transparent 7px
    ) !important;
  opacity:1 !important;
  visibility:visible !important;
  z-index:2 !important;
  pointer-events:none !important;
}

.bbmp-v7-fullscreen-controls{
  width:100% !important;
  max-width:440px !important;
  display:grid !important;
  grid-template-columns:72px 96px 72px !important;
  justify-content:center !important;
  align-items:center !important;
  gap:20px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.bbmp-v7-fs-prev,
.bbmp-v7-fs-next{
  justify-self:center !important;
  align-self:center !important;
  width:64px !important;
  height:64px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  text-align:center !important;
  font-size:46px !important;
  line-height:1 !important;
  padding:0 0 6px 0 !important;
}

.bbmp-v7-fs-play{
  justify-self:center !important;
  align-self:center !important;
  width:88px !important;
  height:88px !important;
}

.bbmp-v7-fullscreen-close{
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  line-height:1 !important;
}

@media(max-width:420px){
  .bbmp-v7-fullscreen-controls{
    grid-template-columns:64px 88px 64px !important;
    gap:16px !important;
  }

  .bbmp-v7-fs-prev,
  .bbmp-v7-fs-next{
    width:58px !important;
    height:58px !important;
    font-size:42px !important;
  }

  .bbmp-v7-fs-play{
    width:82px !important;
    height:82px !important;
  }
}


/* BareKit Media Player v0.9.0 interaction polish */

.bbmp-v7-fullscreen-panel{
  opacity:0;
  transition:opacity .28s ease;
}

.bbmp-v7.is-fullscreen .bbmp-v7-fullscreen-panel,
.bbmp-v7-fullscreen-panel.is-detached{
  opacity:1;
}

.bbmp-v7-fullscreen-inner{
  transform:translateY(18px) scale(.985);
  opacity:0;
  transition:transform .32s cubic-bezier(.2,.8,.2,1), opacity .32s ease;
}

.bbmp-v7.is-fullscreen .bbmp-v7-fullscreen-inner,
.bbmp-v7-fullscreen-panel.is-detached .bbmp-v7-fullscreen-inner{
  transform:translateY(0) scale(1);
  opacity:1;
}

.bbmp-v7-fullscreen-bg{
  background-size:cover !important;
  background-position:center !important;
  filter:blur(42px) brightness(.44) saturate(1.15);
  transform:scale(1.22);
}

.bbmp-v7-fullscreen-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 24%, rgba(167,179,107,.16), transparent 30%),
    linear-gradient(180deg, rgba(5,7,6,.28), rgba(5,7,6,.94));
}

.bbmp-v7-fullscreen-panel.is-dragging .bbmp-v7-fullscreen-inner{
  transition:none !important;
}

.bbmp-v7-fullscreen-panel.is-closing .bbmp-v7-fullscreen-inner{
  transform:translateY(36px) scale(.98);
  opacity:.2;
}

@media(max-width:720px){
  .bbmp-v7-shell,
  .bbmp-v7-cover,
  .bbmp-v7-main{
    cursor:pointer;
  }

  .bbmp-v7-fullscreen-panel.is-detached{
    padding:22px !important;
  }

  .bbmp-v7-fullscreen-title{
    font-size:24px !important;
  }

  .bbmp-v7-fullscreen-artist{
    font-size:15px !important;
  }
}


/* BareKit Media Player v0.9.1 mobile inline layout fix */

@media(max-width:720px){
  .bbmp-v7{
    width:calc(100vw - 28px) !important;
    max-width:calc(100vw - 28px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:10px !important;
    border-radius:14px !important;
    overflow:hidden !important;
  }

  .bbmp-v7-shell{
    display:grid !important;
    grid-template-columns:96px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    gap:10px 12px !important;
    align-items:start !important;
    width:100% !important;
  }

  .bbmp-v7-cover{
    width:96px !important;
    height:96px !important;
    min-width:96px !important;
    max-width:96px !important;
    aspect-ratio:1 / 1 !important;
    object-fit:cover !important;
    border-radius:6px !important;
    grid-column:1 !important;
    grid-row:1 / 3 !important;
  }

  .bbmp-v7-main{
    min-width:0 !important;
    width:100% !important;
    display:grid !important;
    grid-template-rows:auto auto auto !important;
    align-content:start !important;
    padding:0 !important;
  }

  .bbmp-v7-title{
    font-size:16px !important;
    line-height:1.1 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .bbmp-v7-artist{
    font-size:12px !important;
    line-height:1.15 !important;
    margin-top:3px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .bbmp-v7-progress-row{
    display:grid !important;
    grid-template-columns:34px minmax(0,1fr) 34px !important;
    gap:7px !important;
    margin-top:16px !important;
    width:100% !important;
    align-items:center !important;
  }

  .bbmp-v7-current,
  .bbmp-v7-duration{
    min-width:0 !important;
    font-size:11px !important;
  }

  .bbmp-v7-wavebar{
    height:24px !important;
    min-width:0 !important;
    width:100% !important;
  }

  .bbmp-v7-seek{
    left:41px !important;
    right:41px !important;
    height:24px !important;
  }

  .bbmp-v7-controls{
    display:grid !important;
    grid-template-columns:repeat(7, minmax(0, 1fr)) !important;
    gap:0 !important;
    align-items:center !important;
    justify-items:center !important;
    margin-top:14px !important;
    width:100% !important;
  }

  .bbmp-v7-prev,
  .bbmp-v7-next,
  .bbmp-v7-shuffle,
  .bbmp-v7-repeat,
  .bbmp-v7-fullscreen,
  .bbmp-v7-expand{
    width:28px !important;
    height:28px !important;
    margin:0 !important;
  }

  .bbmp-v7-prev svg,
  .bbmp-v7-next svg,
  .bbmp-v7-shuffle svg,
  .bbmp-v7-repeat svg,
  .bbmp-v7-fullscreen svg,
  .bbmp-v7-expand svg{
    width:15px !important;
    height:15px !important;
  }

  .bbmp-v7-play{
    width:34px !important;
    height:34px !important;
    margin:0 !important;
  }

  .bbmp-v7-play svg{
    width:24px !important;
    height:24px !important;
  }

  .bbmp-v7-volume{
    display:none !important;
  }

  .bbmp-v7-expanded{
    margin-top:10px !important;
    padding-top:10px !important;
  }

  .bbmp-v7-track{
    grid-template-columns:42px minmax(0,1fr) !important;
    min-height:52px !important;
    padding:7px !important;
  }

  .bbmp-v7-track img{
    width:42px !important;
    height:42px !important;
  }
}

@media(max-width:390px){
  .bbmp-v7{
    width:calc(100vw - 20px) !important;
    max-width:calc(100vw - 20px) !important;
    padding:8px !important;
  }

  .bbmp-v7-shell{
    grid-template-columns:84px minmax(0,1fr) !important;
    gap:8px 10px !important;
  }

  .bbmp-v7-cover{
    width:84px !important;
    height:84px !important;
    min-width:84px !important;
    max-width:84px !important;
  }

  .bbmp-v7-title{
    font-size:15px !important;
  }

  .bbmp-v7-progress-row{
    margin-top:12px !important;
  }

  .bbmp-v7-controls{
    margin-top:10px !important;
  }

  .bbmp-v7-prev,
  .bbmp-v7-next,
  .bbmp-v7-shuffle,
  .bbmp-v7-repeat,
  .bbmp-v7-fullscreen,
  .bbmp-v7-expand{
    width:25px !important;
    height:25px !important;
  }

  .bbmp-v7-play{
    width:32px !important;
    height:32px !important;
  }
}


/* BareKit Media Player v0.9.2 control style modes */

.bbmp-v7-minimal .bbmp-v7-fullscreen-controls{
  grid-template-columns:72px 96px 72px !important;
  gap:20px !important;
}

.bbmp-v7-minimal .bbmp-v7-fs-prev,
.bbmp-v7-minimal .bbmp-v7-fs-next,
.bbmp-v7-minimal .bbmp-v7-fs-play{
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  color:rgba(213,220,162,.92) !important;
}

.bbmp-v7-minimal .bbmp-v7-fs-prev,
.bbmp-v7-minimal .bbmp-v7-fs-next{
  width:72px !important;
  height:72px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
}

.bbmp-v7-minimal .bbmp-v7-fs-prev svg,
.bbmp-v7-minimal .bbmp-v7-fs-next svg{
  width:52px !important;
  height:52px !important;
}

.bbmp-v7-minimal .bbmp-v7-fs-play{
  width:86px !important;
  height:86px !important;
  display:grid !important;
  place-items:center !important;
}

.bbmp-v7-minimal .bbmp-v7-fs-play svg{
  width:64px !important;
  height:64px !important;
}

.bbmp-v7-minimal .bbmp-v7-fs-play .bbmp-v7-play-icon svg path{
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.8 !important;
  stroke-linejoin:round !important;
}

.bbmp-v7-minimal .bbmp-v7-fs-play .bbmp-v7-pause-icon svg path{
  fill:currentColor !important;
}

.bbmp-v7-accessibility .bbmp-v7-fs-prev,
.bbmp-v7-accessibility .bbmp-v7-fs-next{
  width:64px !important;
  height:64px !important;
  border-radius:50% !important;
  background:linear-gradient(180deg, rgba(167,179,107,.95), rgba(127,143,66,.95)) !important;
  color:#fff !important;
  box-shadow:0 14px 32px rgba(127,143,66,.22) !important;
}

.bbmp-v7-accessibility .bbmp-v7-fs-prev svg,
.bbmp-v7-accessibility .bbmp-v7-fs-next svg{
  width:34px !important;
  height:34px !important;
}

.bbmp-v7-accessibility .bbmp-v7-fs-play{
  width:88px !important;
  height:88px !important;
  border-radius:50% !important;
  background:linear-gradient(180deg, rgba(167,179,107,.95), rgba(127,143,66,.95)) !important;
  color:#fff !important;
  box-shadow:0 18px 40px rgba(127,143,66,.25) !important;
}

.bbmp-v7-minimal .bbmp-v7-controls button{
  opacity:.82;
}

.bbmp-v7-minimal .bbmp-v7-controls button:hover{
  opacity:1;
}

@media(max-width:420px){
  .bbmp-v7-minimal .bbmp-v7-fullscreen-controls{
    grid-template-columns:64px 88px 64px !important;
    gap:16px !important;
  }

  .bbmp-v7-minimal .bbmp-v7-fs-prev,
  .bbmp-v7-minimal .bbmp-v7-fs-next{
    width:64px !important;
    height:64px !important;
  }

  .bbmp-v7-minimal .bbmp-v7-fs-prev svg,
  .bbmp-v7-minimal .bbmp-v7-fs-next svg{
    width:48px !important;
    height:48px !important;
  }

  .bbmp-v7-minimal .bbmp-v7-fs-play{
    width:82px !important;
    height:82px !important;
  }

  .bbmp-v7-minimal .bbmp-v7-fs-play svg{
    width:58px !important;
    height:58px !important;
  }
}


/* BareKit Media Player v1.0.9
   Mosslight and Frostlightlight themes.
*/

/* Theme variables */
.bbmp-v7-moss,
.bbmp-v7-green{
  --bbmp-accent:#a7b36b;
  --bbmp-accent-dark:#7f8f42;
  --bbmp-accent-strong:#c8d08d;
  --bbmp-text-main:#d5dca2;
}

.bbmp-v7-forest{
  --bbmp-accent:#6f8f55;
  --bbmp-accent-dark:#425d32;
  --bbmp-accent-strong:#9fbc79;
  --bbmp-text-main:#c5d6ad;
}

.bbmp-v7-sage{
  --bbmp-accent:#a8bda1;
  --bbmp-accent-dark:#788b72;
  --bbmp-accent-strong:#d2dfca;
  --bbmp-text-main:#dce7d6;
}

.bbmp-v7-amber{
  --bbmp-accent:#c99b4f;
  --bbmp-accent-dark:#8f642c;
  --bbmp-accent-strong:#e2c27f;
  --bbmp-text-main:#e7d09a;
}

.bbmp-v7-barebones,
.bbmp-v7-orange{
  --bbmp-accent:#ff7b45;
  --bbmp-accent-dark:#d95825;
  --bbmp-accent-strong:#ffb38f;
  --bbmp-text-main:#ffd3be;
}

/* Apply themes consistently */
.bbmp-v7-title,
.bbmp-v7-fullscreen-title,
.bbmp-v7-track strong{
  color:var(--bbmp-text-main) !important;
}

.bbmp-v7-current,
.bbmp-v7-duration,
.bbmp-v7-fullscreen-current,
.bbmp-v7-fullscreen-duration,
.bbmp-v7-controls,
.bbmp-v7-fullscreen-controls{
  color:color-mix(in srgb, var(--bbmp-accent-strong) 82%, white 0%) !important;
}

.bbmp-v7-wavebar-fill,
.bbmp-v7-fullscreen-wave span{
  background:
    repeating-linear-gradient(
      90deg,
      color-mix(in srgb, var(--bbmp-accent) 92%, white 0%) 0px,
      color-mix(in srgb, var(--bbmp-accent) 92%, white 0%) 2px,
      transparent 2px,
      transparent 7px
    ),
    linear-gradient(90deg, color-mix(in srgb, var(--bbmp-accent) 24%, transparent), color-mix(in srgb, var(--bbmp-accent-strong) 34%, transparent)) !important;
}

.bbmp-v7-volume-input{
  background:linear-gradient(
    90deg,
    var(--bbmp-accent-strong) var(--bbmp-volume, 100%),
    color-mix(in srgb, var(--bbmp-accent-strong) 18%, transparent) var(--bbmp-volume, 100%)
  ) !important;
}

.bbmp-v7-volume-input::-webkit-slider-thumb,
.bbmp-v7-volume-input::-moz-range-thumb{
  background:var(--bbmp-accent-strong) !important;
}

.bbmp-v7-track.is-active{
  background:color-mix(in srgb, var(--bbmp-accent) 12%, transparent) !important;
  border-color:color-mix(in srgb, var(--bbmp-accent) 34%, transparent) !important;
}

/* Correct default minimal fullscreen controls */
.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fullscreen-controls{
  display:grid !important;
  grid-template-columns:72px 96px 72px !important;
  gap:20px !important;
  justify-content:center !important;
  align-items:center !important;
}

.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-prev,
.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-next,
.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-play{
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  border:0 !important;
  border-radius:0 !important;
  color:var(--bbmp-accent-strong) !important;
  opacity:.95 !important;
}

.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-prev,
.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-next{
  width:72px !important;
  height:72px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
}

.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-prev svg,
.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-next svg{
  width:54px !important;
  height:54px !important;
  display:block !important;
}

.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-prev svg path,
.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-next svg path{
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2.2 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-play{
  width:88px !important;
  height:88px !important;
  display:grid !important;
  place-items:center !important;
}

.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-play svg{
  width:66px !important;
  height:66px !important;
}

.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-play .bbmp-v7-play-icon svg path{
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.75 !important;
  stroke-linejoin:round !important;
}

.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-play .bbmp-v7-pause-icon svg path{
  fill:currentColor !important;
  stroke:none !important;
}

/* Accessibility mode, explicitly restored */
.bbmp-v7.bbmp-v7-accessibility .bbmp-v7-fs-prev,
.bbmp-v7.bbmp-v7-accessibility .bbmp-v7-fs-next,
.bbmp-v7.bbmp-v7-accessibility .bbmp-v7-fs-play{
  border-radius:50% !important;
  background:linear-gradient(180deg, var(--bbmp-accent), var(--bbmp-accent-dark)) !important;
  color:#fff !important;
  box-shadow:0 18px 40px color-mix(in srgb, var(--bbmp-accent-dark) 28%, transparent) !important;
}

.bbmp-v7.bbmp-v7-accessibility .bbmp-v7-fs-prev,
.bbmp-v7.bbmp-v7-accessibility .bbmp-v7-fs-next{
  width:64px !important;
  height:64px !important;
}

.bbmp-v7.bbmp-v7-accessibility .bbmp-v7-fs-play{
  width:88px !important;
  height:88px !important;
}

.bbmp-v7.bbmp-v7-accessibility .bbmp-v7-fs-prev svg,
.bbmp-v7.bbmp-v7-accessibility .bbmp-v7-fs-next svg{
  width:34px !important;
  height:34px !important;
}

.bbmp-v7.bbmp-v7-accessibility .bbmp-v7-fs-play svg{
  width:30px !important;
  height:30px !important;
}

@media(max-width:420px){
  .bbmp-v7.bbmp-v7-minimal .bbmp-v7-fullscreen-controls{
    grid-template-columns:64px 88px 64px !important;
    gap:16px !important;
  }

  .bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-prev,
  .bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-next{
    width:64px !important;
    height:64px !important;
  }

  .bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-prev svg,
  .bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-next svg{
    width:48px !important;
    height:48px !important;
  }

  .bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-play{
    width:82px !important;
    height:82px !important;
  }

  .bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-play svg{
    width:58px !important;
    height:58px !important;
  }
}


/* BareKit Media Player v0.9.4 hard control mode fix */

/* DEFAULT AND EXPLICIT MINIMAL MODE */
.bbmp-v7:not(.bbmp-v7-accessibility) .bbmp-v7-fs-prev,
.bbmp-v7:not(.bbmp-v7-accessibility) .bbmp-v7-fs-next,
.bbmp-v7:not(.bbmp-v7-accessibility) .bbmp-v7-fs-play,
.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-prev,
.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-next,
.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-play,
.bbmp-v7[data-accessibility="no"] .bbmp-v7-fs-prev,
.bbmp-v7[data-accessibility="no"] .bbmp-v7-fs-next,
.bbmp-v7[data-accessibility="no"] .bbmp-v7-fs-play{
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  border:0 !important;
  border-radius:0 !important;
  color:var(--bbmp-accent-strong) !important;
  opacity:.95 !important;
}

.bbmp-v7:not(.bbmp-v7-accessibility) .bbmp-v7-fs-prev,
.bbmp-v7:not(.bbmp-v7-accessibility) .bbmp-v7-fs-next,
.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-prev,
.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-next,
.bbmp-v7[data-accessibility="no"] .bbmp-v7-fs-prev,
.bbmp-v7[data-accessibility="no"] .bbmp-v7-fs-next{
  width:72px !important;
  height:72px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  font-size:0 !important;
  line-height:1 !important;
}

.bbmp-v7:not(.bbmp-v7-accessibility) .bbmp-v7-fs-prev svg,
.bbmp-v7:not(.bbmp-v7-accessibility) .bbmp-v7-fs-next svg,
.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-prev svg,
.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-next svg,
.bbmp-v7[data-accessibility="no"] .bbmp-v7-fs-prev svg,
.bbmp-v7[data-accessibility="no"] .bbmp-v7-fs-next svg{
  width:54px !important;
  height:54px !important;
  display:block !important;
}

.bbmp-v7:not(.bbmp-v7-accessibility) .bbmp-v7-fs-prev svg path,
.bbmp-v7:not(.bbmp-v7-accessibility) .bbmp-v7-fs-next svg path,
.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-prev svg path,
.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-next svg path,
.bbmp-v7[data-accessibility="no"] .bbmp-v7-fs-prev svg path,
.bbmp-v7[data-accessibility="no"] .bbmp-v7-fs-next svg path{
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2.2 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

.bbmp-v7:not(.bbmp-v7-accessibility) .bbmp-v7-fs-play,
.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-play,
.bbmp-v7[data-accessibility="no"] .bbmp-v7-fs-play{
  width:88px !important;
  height:88px !important;
  display:grid !important;
  place-items:center !important;
}

.bbmp-v7:not(.bbmp-v7-accessibility) .bbmp-v7-fs-play svg,
.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-play svg,
.bbmp-v7[data-accessibility="no"] .bbmp-v7-fs-play svg{
  width:66px !important;
  height:66px !important;
}

.bbmp-v7:not(.bbmp-v7-accessibility) .bbmp-v7-fs-play .bbmp-v7-play-icon svg path,
.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-play .bbmp-v7-play-icon svg path,
.bbmp-v7[data-accessibility="no"] .bbmp-v7-fs-play .bbmp-v7-play-icon svg path{
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.75 !important;
  stroke-linejoin:round !important;
}

.bbmp-v7:not(.bbmp-v7-accessibility) .bbmp-v7-fs-play .bbmp-v7-pause-icon svg path,
.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-play .bbmp-v7-pause-icon svg path,
.bbmp-v7[data-accessibility="no"] .bbmp-v7-fs-play .bbmp-v7-pause-icon svg path{
  fill:currentColor !important;
  stroke:none !important;
}

/* ACCESSIBILITY MODE ONLY */
.bbmp-v7.bbmp-v7-accessibility .bbmp-v7-fs-prev,
.bbmp-v7.bbmp-v7-accessibility .bbmp-v7-fs-next,
.bbmp-v7.bbmp-v7-accessibility .bbmp-v7-fs-play,
.bbmp-v7[data-accessibility="yes"] .bbmp-v7-fs-prev,
.bbmp-v7[data-accessibility="yes"] .bbmp-v7-fs-next,
.bbmp-v7[data-accessibility="yes"] .bbmp-v7-fs-play{
  border-radius:50% !important;
  background:linear-gradient(180deg, var(--bbmp-accent), var(--bbmp-accent-dark)) !important;
  color:#fff !important;
  box-shadow:0 18px 40px color-mix(in srgb, var(--bbmp-accent-dark) 28%, transparent) !important;
}

.bbmp-v7.bbmp-v7-accessibility .bbmp-v7-fs-prev,
.bbmp-v7.bbmp-v7-accessibility .bbmp-v7-fs-next,
.bbmp-v7[data-accessibility="yes"] .bbmp-v7-fs-prev,
.bbmp-v7[data-accessibility="yes"] .bbmp-v7-fs-next{
  width:64px !important;
  height:64px !important;
}

.bbmp-v7.bbmp-v7-accessibility .bbmp-v7-fs-play,
.bbmp-v7[data-accessibility="yes"] .bbmp-v7-fs-play{
  width:88px !important;
  height:88px !important;
}

.bbmp-v7.bbmp-v7-accessibility .bbmp-v7-fs-prev svg,
.bbmp-v7.bbmp-v7-accessibility .bbmp-v7-fs-next svg,
.bbmp-v7[data-accessibility="yes"] .bbmp-v7-fs-prev svg,
.bbmp-v7[data-accessibility="yes"] .bbmp-v7-fs-next svg{
  width:34px !important;
  height:34px !important;
}

.bbmp-v7.bbmp-v7-accessibility .bbmp-v7-fs-play svg,
.bbmp-v7[data-accessibility="yes"] .bbmp-v7-fs-play svg{
  width:30px !important;
  height:30px !important;
}


/* BareKit Media Player v0.9.5 hard HTML control modes */

.bbmp-v7-fs-btn-minimal{
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  border:0 !important;
  border-radius:0 !important;
  color:var(--bbmp-accent-strong) !important;
  opacity:.96 !important;
}

.bbmp-v7-fs-btn-minimal.bbmp-v7-fs-prev,
.bbmp-v7-fs-btn-minimal.bbmp-v7-fs-next{
  width:72px !important;
  height:72px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  font-size:0 !important;
}

.bbmp-v7-fs-btn-minimal.bbmp-v7-fs-prev svg,
.bbmp-v7-fs-btn-minimal.bbmp-v7-fs-next svg{
  width:54px !important;
  height:54px !important;
}

.bbmp-v7-fs-btn-minimal.bbmp-v7-fs-play{
  width:88px !important;
  height:88px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
}

.bbmp-v7-fs-btn-minimal.bbmp-v7-fs-play svg{
  width:66px !important;
  height:66px !important;
}

.bbmp-v7-fs-btn-filled{
  border-radius:50% !important;
  background:linear-gradient(180deg, var(--bbmp-accent), var(--bbmp-accent-dark)) !important;
  color:#fff !important;
  box-shadow:0 18px 40px color-mix(in srgb, var(--bbmp-accent-dark) 28%, transparent) !important;
}

.bbmp-v7-fs-btn-filled.bbmp-v7-fs-prev,
.bbmp-v7-fs-btn-filled.bbmp-v7-fs-next{
  width:64px !important;
  height:64px !important;
}

.bbmp-v7-fs-btn-filled.bbmp-v7-fs-play{
  width:88px !important;
  height:88px !important;
}

.bbmp-v7-fs-btn-filled.bbmp-v7-fs-prev svg,
.bbmp-v7-fs-btn-filled.bbmp-v7-fs-next svg{
  width:34px !important;
  height:34px !important;
}

.bbmp-v7-fs-btn-filled.bbmp-v7-fs-play svg{
  width:30px !important;
  height:30px !important;
}


/* BareKit Media Player v0.9.6 hard fixes */

/* Progress fill uses CSS variable and JS width */
.bbmp-v7{
  --bbmp-progress:0%;
}

.bbmp-v7 .bbmp-v7-wavebar-fill{
  width:var(--bbmp-progress, 0%) !important;
  min-width:0 !important;
  max-width:100% !important;
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  position:absolute !important;
  inset:0 auto 0 0 !important;
  border-radius:inherit !important;
  pointer-events:none !important;
}

/* Minimal controls, thinner lines */
.bbmp-v7-fs-btn-minimal{
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  border:0 !important;
  border-radius:0 !important;
  color:var(--bbmp-accent-strong) !important;
  opacity:.94 !important;
}

.bbmp-v7-fs-btn-minimal.bbmp-v7-fs-prev,
.bbmp-v7-fs-btn-minimal.bbmp-v7-fs-next{
  width:72px !important;
  height:72px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  font-size:0 !important;
}

.bbmp-v7-fs-btn-minimal.bbmp-v7-fs-prev svg,
.bbmp-v7-fs-btn-minimal.bbmp-v7-fs-next svg{
  width:54px !important;
  height:54px !important;
}

.bbmp-v7-fs-btn-minimal.bbmp-v7-fs-prev svg path,
.bbmp-v7-fs-btn-minimal.bbmp-v7-fs-next svg path{
  stroke-width:1.65 !important;
}

.bbmp-v7-fs-btn-minimal.bbmp-v7-fs-play{
  width:88px !important;
  height:88px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
}

.bbmp-v7-fs-btn-minimal.bbmp-v7-fs-play svg{
  width:66px !important;
  height:66px !important;
}

.bbmp-v7-fs-btn-minimal.bbmp-v7-fs-play .bbmp-v7-play-icon svg path{
  stroke-width:1.35 !important;
}

/* Accessibility controls */
.bbmp-v7-fs-btn-filled{
  border-radius:50% !important;
  background:linear-gradient(180deg, var(--bbmp-accent), var(--bbmp-accent-dark)) !important;
  color:#fff !important;
  box-shadow:0 18px 40px color-mix(in srgb, var(--bbmp-accent-dark) 28%, transparent) !important;
}

.bbmp-v7-fs-btn-filled.bbmp-v7-fs-prev,
.bbmp-v7-fs-btn-filled.bbmp-v7-fs-next{
  width:64px !important;
  height:64px !important;
}

.bbmp-v7-fs-btn-filled.bbmp-v7-fs-play{
  width:88px !important;
  height:88px !important;
}

.bbmp-v7-fs-btn-filled.bbmp-v7-fs-prev svg,
.bbmp-v7-fs-btn-filled.bbmp-v7-fs-next svg{
  width:34px !important;
  height:34px !important;
}

.bbmp-v7-fs-btn-filled.bbmp-v7-fs-play svg{
  width:30px !important;
  height:30px !important;
}


/* BareKit Media Player v0.9.7 fullscreen progress hard fix */

.bbmp-v7-fullscreen-wave{
  position:relative !important;
  overflow:hidden !important;
}

.bbmp-v7-fullscreen-wave span,
.bbmp-v7-fullscreen-wave .bbmp-v7-fullscreen-wave-fill{
  display:block !important;
  position:absolute !important;
  inset:0 auto 0 0 !important;
  width:var(--bbmp-progress, 0%) !important;
  min-width:0 !important;
  max-width:100% !important;
  height:100% !important;
  opacity:1 !important;
  visibility:visible !important;
  border-radius:inherit !important;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(167,179,107,.96) 0px,
      rgba(167,179,107,.96) 2px,
      transparent 2px,
      transparent 7px
    ),
    linear-gradient(90deg, rgba(167,179,107,.24), rgba(200,208,141,.34)) !important;
  z-index:2 !important;
  pointer-events:none !important;
}





/* v1.0.2 force fullscreen green gradient */

body.bbmp-v7-fullscreen-open{
  background:#031007 !important;
}

body.bbmp-v7-fullscreen-open::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:2147483645 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 50% 16%, rgba(174,196,105,.22), transparent 34%),
    radial-gradient(circle at 20% 82%, rgba(44,93,55,.35), transparent 38%),
    radial-gradient(circle at 85% 78%, rgba(10,54,32,.42), transparent 42%),
    linear-gradient(180deg,#07190d 0%,#031007 56%,#010604 100%) !important;
}

.bbmp-v7-fullscreen-panel,
.bbmp-v7-fullscreen-panel.is-detached,
body.bbmp-v7-fullscreen-open .bbmp-v7-fullscreen-panel,
body.bbmp-v7-fullscreen-open .bbmp-v7.is-fullscreen .bbmp-v7-fullscreen-panel{
  background:transparent !important;
  background-image:none !important;
  background-color:transparent !important;
  z-index:2147483646 !important;
}

.bbmp-v7-fullscreen-bg{
  display:block !important;
  position:fixed !important;
  inset:0 !important;
  z-index:0 !important;
  opacity:1 !important;
  background:
    radial-gradient(circle at 50% 16%, rgba(174,196,105,.20), transparent 34%),
    radial-gradient(circle at 20% 82%, rgba(44,93,55,.32), transparent 38%),
    radial-gradient(circle at 85% 78%, rgba(10,54,32,.40), transparent 42%),
    linear-gradient(180deg,#07190d 0%,#031007 56%,#010604 100%) !important;
  background-color:#031007 !important;
  filter:none !important;
  transform:none !important;
}

.bbmp-v7-fullscreen-bg::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(circle at 50% 28%, rgba(213,220,162,.08), transparent 34%),
    linear-gradient(180deg, rgba(4,16,8,.10), rgba(1,6,4,.72)) !important;
}

.bbmp-v7-fullscreen-inner,
.bbmp-v7-fullscreen-close{
  position:relative !important;
  z-index:2 !important;
}


/* v1.0.3 refined fullscreen: fresher green and smaller standard icons */

body.bbmp-v7-fullscreen-open::before{
  background:
    radial-gradient(circle at 50% 14%, rgba(196,216,135,.28), transparent 36%),
    radial-gradient(circle at 20% 82%, rgba(78,128,71,.32), transparent 40%),
    radial-gradient(circle at 86% 78%, rgba(42,100,58,.36), transparent 42%),
    linear-gradient(180deg,#12301b 0%,#0a2112 54%,#041008 100%) !important;
}

.bbmp-v7-fullscreen-bg{
  background:
    radial-gradient(circle at 50% 16%, rgba(196,216,135,.24), transparent 36%),
    radial-gradient(circle at 22% 78%, rgba(78,128,71,.28), transparent 40%),
    radial-gradient(circle at 84% 76%, rgba(42,100,58,.34), transparent 42%),
    linear-gradient(180deg,#12301b 0%,#0a2112 54%,#041008 100%) !important;
}

.bbmp-v7-fullscreen-bg::after{
  background:
    radial-gradient(circle at 50% 30%, rgba(213,220,162,.12), transparent 36%),
    linear-gradient(180deg, rgba(14,44,24,.04), rgba(3,14,7,.64)) !important;
}

/* Smaller, more premium fullscreen controls */
.bbmp-v7:not([data-accessibility="yes"]) .bbmp-v7-fs-prev,
.bbmp-v7:not([data-accessibility="yes"]) .bbmp-v7-fs-next,
.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-prev,
.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-next,
.bbmp-v7-fs-btn-minimal.bbmp-v7-fs-prev,
.bbmp-v7-fs-btn-minimal.bbmp-v7-fs-next{
  width:52px !important;
  height:52px !important;
}

.bbmp-v7:not([data-accessibility="yes"]) .bbmp-v7-fs-prev svg,
.bbmp-v7:not([data-accessibility="yes"]) .bbmp-v7-fs-next svg,
.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-prev svg,
.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-next svg,
.bbmp-v7-fs-btn-minimal.bbmp-v7-fs-prev svg,
.bbmp-v7-fs-btn-minimal.bbmp-v7-fs-next svg{
  width:34px !important;
  height:34px !important;
}

.bbmp-v7:not([data-accessibility="yes"]) .bbmp-v7-fs-play,
.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-play,
.bbmp-v7-fs-btn-minimal.bbmp-v7-fs-play{
  width:64px !important;
  height:64px !important;
}

.bbmp-v7:not([data-accessibility="yes"]) .bbmp-v7-fs-play svg,
.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-play svg,
.bbmp-v7-fs-btn-minimal.bbmp-v7-fs-play svg{
  width:36px !important;
  height:36px !important;
}

/* Use a standard filled play triangle in fullscreen */
.bbmp-v7:not([data-accessibility="yes"]) .bbmp-v7-fs-play .bbmp-v7-play-icon svg path,
.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-play .bbmp-v7-play-icon svg path,
.bbmp-v7-fs-btn-minimal.bbmp-v7-fs-play .bbmp-v7-play-icon svg path{
  fill:currentColor !important;
  stroke:none !important;
}

/* Keep back and forward as finer line icons */
.bbmp-v7:not([data-accessibility="yes"]) .bbmp-v7-fs-prev svg path,
.bbmp-v7:not([data-accessibility="yes"]) .bbmp-v7-fs-next svg path,
.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-prev svg path,
.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-next svg path,
.bbmp-v7-fs-btn-minimal.bbmp-v7-fs-prev svg path,
.bbmp-v7-fs-btn-minimal.bbmp-v7-fs-next svg path{
  stroke-width:1.45 !important;
}

.bbmp-v7-fullscreen-controls{
  gap:8px !important;
  grid-template-columns:58px 70px 58px !important;
}

/* BareKit Audio Player v1.0.9 simplified palette and colour inheritance fix */
.bbmp-v7-moss,
.bbmp-v7-green{
  --bbmp-accent:#aec469;
  --bbmp-accent-dark:#6f8438;
  --bbmp-accent-strong:#d8e89f;
  --bbmp-text-main:#e8f0c8;
}

.bbmp-v7-frost{
  --bbmp-accent:#f7f8fa;
  --bbmp-accent-dark:#bfc4c8;
  --bbmp-accent-strong:#ffffff;
  --bbmp-text-main:#ffffff;
}

.bbmp-v7-onyx{
  --bbmp-accent:#111111;
  --bbmp-accent-dark:#000000;
  --bbmp-accent-strong:#f7f8fa;
  --bbmp-text-main:#f7f8fa;
}

.bbmp-v7-pearl{
  --bbmp-accent:#f4f1e8;
  --bbmp-accent-dark:#c8c1af;
  --bbmp-accent-strong:#ffffff;
  --bbmp-text-main:#fffaf0;
}

/* legacy saved colours fall back cleanly */
.bbmp-v7-forest,
.bbmp-v7-sage,
.bbmp-v7-amber,
.bbmp-v7-barebones,
.bbmp-v7-orange{
  --bbmp-accent:#aec469;
  --bbmp-accent-dark:#6f8438;
  --bbmp-accent-strong:#d8e89f;
  --bbmp-text-main:#e8f0c8;
}

.bbmp-v7 .bbmp-v7-title,
.bbmp-v7 .bbmp-v7-fullscreen-title,
.bbmp-v7 .bbmp-v7-track strong{
  color:var(--bbmp-text-main) !important;
}

.bbmp-v7 .bbmp-v7-controls,
.bbmp-v7 .bbmp-v7-fullscreen-controls,
.bbmp-v7 .bbmp-v7-current,
.bbmp-v7 .bbmp-v7-duration,
.bbmp-v7 .bbmp-v7-fullscreen-current,
.bbmp-v7 .bbmp-v7-fullscreen-duration,
.bbmp-v7 .bbmp-v7-play,
.bbmp-v7 .bbmp-v7-fullscreen,
.bbmp-v7 .bbmp-v7-shuffle,
.bbmp-v7 .bbmp-v7-repeat,
.bbmp-v7 .bbmp-v7-expand,
.bbmp-v7 .bbmp-v7-prev,
.bbmp-v7 .bbmp-v7-next{
  color:var(--bbmp-accent-strong) !important;
}

.bbmp-v7 button:hover{
  color:var(--bbmp-accent-strong) !important;
}

.bbmp-v7 .bbmp-v7-wavebar-fill,
.bbmp-v7 .bbmp-v7-fullscreen-wave span{
  background:
    repeating-linear-gradient(
      90deg,
      var(--bbmp-accent) 0px,
      var(--bbmp-accent) 2px,
      transparent 2px,
      transparent 7px
    ),
    linear-gradient(90deg, color-mix(in srgb, var(--bbmp-accent) 24%, transparent), color-mix(in srgb, var(--bbmp-accent-strong) 34%, transparent)) !important;
}

.bbmp-v7 .bbmp-v7-volume-input{
  background:linear-gradient(
    90deg,
    var(--bbmp-accent-strong) var(--bbmp-volume, 100%),
    color-mix(in srgb, var(--bbmp-accent-strong) 18%, transparent) var(--bbmp-volume, 100%)
  ) !important;
}

.bbmp-v7 .bbmp-v7-volume-input::-webkit-slider-thumb{
  background:var(--bbmp-accent-strong) !important;
}

.bbmp-v7 .bbmp-v7-volume-input::-moz-range-thumb{
  background:var(--bbmp-accent-strong) !important;
}

.bbmp-v7.bbmp-v7-accessibility .bbmp-v7-fs-prev,
.bbmp-v7.bbmp-v7-accessibility .bbmp-v7-fs-next,
.bbmp-v7.bbmp-v7-accessibility .bbmp-v7-fs-play,
.bbmp-v7[data-accessibility="yes"] .bbmp-v7-fs-prev,
.bbmp-v7[data-accessibility="yes"] .bbmp-v7-fs-next,
.bbmp-v7[data-accessibility="yes"] .bbmp-v7-fs-play,
.bbmp-v7-fs-btn-filled{
  background:linear-gradient(180deg, var(--bbmp-accent), var(--bbmp-accent-dark)) !important;
  color:#fff !important;
}

.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-prev,
.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-next,
.bbmp-v7.bbmp-v7-minimal .bbmp-v7-fs-play,
.bbmp-v7-fs-btn-minimal{
  color:var(--bbmp-accent-strong) !important;
}


/* BareKit Audio Player v1.0.9 final simplified palette */
.bbmp-v7-pearl{ /* legacy saved Pearl becomes Frostlight */
  --bbmp-accent:#f7f8fa;
  --bbmp-accent-dark:#d5d8dc;
  --bbmp-accent-strong:#ffffff;
  --bbmp-text-main:#ffffff;
}

/* Onyx is the white player with black controls and black progress */
.bbmp-v7-onyx{
  --bbmp-accent:#050706;
  --bbmp-accent-dark:#000000;
  --bbmp-accent-strong:#050706;
  --bbmp-text-main:#050706;
  color:#050706 !important;
  background:#f7f8fa !important;
  border-color:rgba(5,7,6,.14) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.7) !important;
}

.bbmp-v7-onyx .bbmp-v7-title,
.bbmp-v7-onyx .bbmp-v7-track strong,
.bbmp-v7-onyx .bbmp-v7-current,
.bbmp-v7-onyx .bbmp-v7-duration,
.bbmp-v7-onyx .bbmp-v7-controls,
.bbmp-v7-onyx .bbmp-v7-play,
.bbmp-v7-onyx .bbmp-v7-prev,
.bbmp-v7-onyx .bbmp-v7-next,
.bbmp-v7-onyx .bbmp-v7-shuffle,
.bbmp-v7-onyx .bbmp-v7-repeat,
.bbmp-v7-onyx .bbmp-v7-fullscreen,
.bbmp-v7-onyx .bbmp-v7-expand,
.bbmp-v7-onyx .bbmp-v7-volume{
  color:#050706 !important;
}

.bbmp-v7-onyx .bbmp-v7-artist,
.bbmp-v7-onyx .bbmp-v7-track em{
  color:rgba(5,7,6,.58) !important;
}

.bbmp-v7-onyx .bbmp-v7-wavebar,
.bbmp-v7-onyx .bbmp-v7-fullscreen-wave{
  background:
    repeating-linear-gradient(90deg, rgba(5,7,6,.16) 0px, rgba(5,7,6,.16) 2px, transparent 2px, transparent 7px),
    linear-gradient(180deg, rgba(5,7,6,.025), rgba(5,7,6,.06)) !important;
  border-color:rgba(5,7,6,.12) !important;
}

.bbmp-v7-onyx .bbmp-v7-wavebar-fill,
.bbmp-v7-onyx .bbmp-v7-fullscreen-wave span{
  background:
    repeating-linear-gradient(90deg, #050706 0px, #050706 2px, transparent 2px, transparent 7px),
    linear-gradient(90deg, rgba(5,7,6,.24), rgba(5,7,6,.34)) !important;
  box-shadow:0 0 14px rgba(5,7,6,.12) !important;
}

.bbmp-v7-onyx .bbmp-v7-volume-input{
  background:linear-gradient(90deg, #050706 var(--bbmp-volume, 100%), rgba(5,7,6,.18) var(--bbmp-volume, 100%)) !important;
}

.bbmp-v7-onyx .bbmp-v7-volume-input::-webkit-slider-thumb{
  background:#050706 !important;
}

.bbmp-v7-onyx .bbmp-v7-volume-input::-moz-range-thumb{
  background:#050706 !important;
}

.bbmp-v7-onyx .bbmp-v7-track{
  background:rgba(5,7,6,.035) !important;
  border-color:rgba(5,7,6,.10) !important;
  color:#050706 !important;
}

.bbmp-v7-onyx .bbmp-v7-track:hover,
.bbmp-v7-onyx .bbmp-v7-track.is-active{
  background:rgba(5,7,6,.07) !important;
  border-color:rgba(5,7,6,.22) !important;
}

/* Onyx fullscreen stays white with black controls */
.bbmp-v7-onyx .bbmp-v7-fullscreen-panel.is-detached,
.bbmp-v7-onyx.is-fullscreen .bbmp-v7-fullscreen-panel{
  background:#f7f8fa !important;
  color:#050706 !important;
}

.bbmp-v7-onyx .bbmp-v7-fullscreen-bg{
  background:#f7f8fa !important;
  filter:none !important;
  transform:none !important;
}

.bbmp-v7-onyx .bbmp-v7-fullscreen-bg::after{
  background:linear-gradient(180deg, rgba(255,255,255,.2), rgba(247,248,250,.96)) !important;
}

.bbmp-v7-onyx .bbmp-v7-fullscreen-title,
.bbmp-v7-onyx .bbmp-v7-fullscreen-current,
.bbmp-v7-onyx .bbmp-v7-fullscreen-duration,
.bbmp-v7-onyx .bbmp-v7-fullscreen-controls,
.bbmp-v7-onyx .bbmp-v7-fs-btn-minimal,
.bbmp-v7-onyx .bbmp-v7-fullscreen-close{
  color:#050706 !important;
}

.bbmp-v7-onyx .bbmp-v7-fullscreen-artist{
  color:rgba(5,7,6,.62) !important;
}

.bbmp-v7-onyx.bbmp-v7-accessibility .bbmp-v7-fs-prev,
.bbmp-v7-onyx.bbmp-v7-accessibility .bbmp-v7-fs-next,
.bbmp-v7-onyx.bbmp-v7-accessibility .bbmp-v7-fs-play,
.bbmp-v7-onyx[data-accessibility="yes"] .bbmp-v7-fs-prev,
.bbmp-v7-onyx[data-accessibility="yes"] .bbmp-v7-fs-next,
.bbmp-v7-onyx[data-accessibility="yes"] .bbmp-v7-fs-play{
  background:#050706 !important;
  color:#f7f8fa !important;
  box-shadow:0 18px 40px rgba(5,7,6,.18) !important;
}


/* v1.0.9 Frostlight theme: light player with black controls and progress */
.bbmp-v7-frost{
  --bbmp-accent:#111111;
  --bbmp-accent-dark:#000000;
  --bbmp-accent-strong:#000000;
  --bbmp-text-main:#111111;
  --bbmp-text-soft:rgba(0,0,0,.72);
  --bbmp-text-muted:rgba(0,0,0,.58);
  color:#111111 !important;
  background:
    radial-gradient(circle at 76% 42%, rgba(0,0,0,.04), transparent 28%),
    linear-gradient(90deg, rgba(255,255,255,.94), rgba(241,239,232,.88)) !important;
  border-color:rgba(0,0,0,.12) !important;
}

.bbmp-v7-frost .bbmp-v7-title,
.bbmp-v7-frost .bbmp-v7-fullscreen-title,
.bbmp-v7-frost .bbmp-v7-track strong{
  color:#111111 !important;
}

.bbmp-v7-frost .bbmp-v7-artist,
.bbmp-v7-frost .bbmp-v7-track em{
  color:rgba(0,0,0,.58) !important;
}

.bbmp-v7-frost .bbmp-v7-current,
.bbmp-v7-frost .bbmp-v7-duration,
.bbmp-v7-frost .bbmp-v7-controls,
.bbmp-v7-frost .bbmp-v7-volume{
  color:#111111 !important;
}

.bbmp-v7-frost .bbmp-v7-wavebar{
  background:
    repeating-linear-gradient(90deg, rgba(0,0,0,.18) 0px, rgba(0,0,0,.18) 2px, transparent 2px, transparent 7px),
    linear-gradient(180deg, rgba(0,0,0,.035), rgba(255,255,255,.12)) !important;
  border-color:rgba(0,0,0,.12) !important;
}

.bbmp-v7-frost .bbmp-v7-wavebar-fill,
.bbmp-v7-frost .bbmp-v7-fullscreen-wave span{
  background:
    repeating-linear-gradient(90deg, rgba(0,0,0,.92) 0px, rgba(0,0,0,.92) 2px, transparent 2px, transparent 7px),
    linear-gradient(90deg, rgba(0,0,0,.18), rgba(0,0,0,.24)) !important;
}

.bbmp-v7-frost .bbmp-v7-track{
  background:rgba(0,0,0,.035) !important;
  border-color:rgba(0,0,0,.12) !important;
  color:#111111 !important;
}

.bbmp-v7-frost .bbmp-v7-track.is-active{
  background:rgba(0,0,0,.07) !important;
  border-color:rgba(0,0,0,.24) !important;
}

.bbmp-v7-frost .bbmp-v7-volume-input{
  background:linear-gradient(
    90deg,
    #111 var(--bbmp-volume, 100%),
    rgba(0,0,0,.18) var(--bbmp-volume, 100%)
  ) !important;
}

.bbmp-v7-frost .bbmp-v7-volume-input::-webkit-slider-thumb{
  background:#111 !important;
}

.bbmp-v7-frost .bbmp-v7-volume-input::-moz-range-thumb{
  background:#111 !important;
}