:root{
  --sbap-primary: #2563eb;
  --sbap-bg: #0b0f19;
  --sbap-text: #eef2ff;
  --sbap-muted: #a5b4fc;
}
.sbap-player{font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; margin:16px auto;}
.sbap-shell{background: var(--sbap-bg); color: var(--sbap-text); border-radius:0; box-shadow: 0 10px 28px rgba(0,0,0,.18); overflow:hidden;}
.sbap-header{display:flex; gap:14px; padding:14px;}
.sbap-cover-wrap{width:84px; flex:0 0 84px;}
.sbap-cover{width:84px; height:84px; border-radius:0; background: rgba(255,255,255,.08); background-size:cover; background-position:center;}
.sbap-meta{flex:1 1 auto; min-width:0;}
.sbap-title{font-size:14px; opacity:.9;}
.sbap-now{font-size:18px; font-weight:700; margin-top:2px; display:flex; align-items:center; gap:10px; min-width:0;}
.sbap-now .sbap-now-text{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0;}
.sbap-timer{display:flex; align-items:center; gap:10px; margin-top:10px;}
.sbap-seek{width:100%;}
.sbap-time-current,.sbap-time-total{font-variant-numeric: tabular-nums; font-size:12px; }
.sbap-controls{display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; align-items:center;}
.sbap-btn{border:0; background: rgba(255,255,255,.10); color: var(--sbap-text); padding:8px 10px; border-radius:0; cursor:pointer;}
.sbap-btn:hover{background: rgba(255,255,255,.16);}
.sbap-rate{background: rgba(255,255,255,.10); border:0; color: var(--sbap-text); padding:8px 10px; border-radius:0;}
.sbap-links{display:flex; gap:10px; margin-top:10px;}
.sbap-links a{color: var(--sbap-text); text-decoration:none; font-weight:600; padding:6px 10px; border-radius:0; background: rgba(255,255,255,.10);}
.sbap-links a:hover{background: rgba(255,255,255,.16);}
.sbap-list-wrap{border-top:1px solid rgba(255,255,255,.10);}
.sbap-list-head{padding:10px 14px; display:flex; justify-content:space-between; align-items:center;}
.sbap-toggle-list{border:0; background:transparent; color: var(--sbap-text); font-weight:700; cursor:pointer; padding:0;}
.sbap-tracklist{list-style:none; margin:0; padding:0 10px 10px 10px; overflow:auto;}
.sbap-track{display:flex; gap:10px; align-items:center; padding:10px; border-radius:0; cursor:pointer;}
.sbap-track:hover{background: rgba(255,255,255,.06);}
.sbap-track.is-active{background: var(--sbap-active, rgba(37,99,235,.22)); outline:1px solid var(--sbap-active, rgba(37,99,235,.35));}
.sbap-num{color: var(--sbap-num, var(--sbap-muted));width:32px; text-align:right; font-variant-numeric: tabular-nums;  flex:0 0 32px;}
.sbap-track-left{display:flex; gap:10px; align-items:center; min-width:0;}
.sbap-thumb{width:44px; height:44px; border-radius:0; background: rgba(255,255,255,.08); background-size:cover; background-position:center; flex:0 0 44px;}
.sbap-track-meta{min-width:0;}
.sbap-track-title{font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sbap-track-artist{font-size:12px;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sbap-lyrics{padding:12px 14px; border-top:1px solid rgba(255,255,255,.10); color: var(--sbap-text);}


.sbap-service:hover{background: rgba(255,255,255,.16);}
.sbap-simple .sbap-cover-wrap{display:none;}
.sbap-fixed{position:fixed; left:16px; right:16px; bottom:16px; z-index:9999; margin:0 auto;}
@media (max-width: 520px){
  .sbap-header{flex-direction:column;}
  .sbap-cover-wrap{width:100%;}
  .sbap-cover{width:100%; height:160px;}
}

/* Player corners and artwork corners are independent settings. */
.sbap-player.sbap-no-radius .sbap-shell,
.sbap-player.sbap-no-radius .sbap-btn,
.sbap-player.sbap-no-radius .sbap-rate,
.sbap-player.sbap-no-radius .sbap-links a,
.sbap-player.sbap-no-radius .sbap-track{border-radius:0 !important;}
.sbap-player.sbap-rounded .sbap-shell{border-radius:16px !important;}
.sbap-player.sbap-rounded .sbap-btn,
.sbap-player.sbap-rounded .sbap-rate,
.sbap-player.sbap-rounded .sbap-track{border-radius:12px !important;}
.sbap-player.sbap-rounded .sbap-links a{border-radius:999px !important;}

.sbap-volwrap{display:flex; align-items:center; gap:6px; padding:6px 10px; border-radius:0; background: rgba(255,255,255,.10);}
.sbap-volicon{font-size:14px; opacity:.9;}
.sbap-volume{width:90px;}
@media (max-width: 520px){
  .sbap-volume{width:100px;}
}

/* Cover size setting (per-playlist) */
.sbap-cover-wrap{
  width: var(--sbap-cover-size,84px) !important;
  flex: 0 0 var(--sbap-cover-size,84px) !important;
}
.sbap-cover{
  width: var(--sbap-cover-size,84px) !important;
  height: var(--sbap-cover-size,84px) !important;
  background-size: cover;
  background-position: center;
}

/* Optional: prevent cover shrinking on small screens */
@media (max-width: 600px){
  .sbap-player:not(.sbap-no-mobile-shrink) .sbap-cover-wrap{
    width: min(var(--sbap-cover-size,84px), 40vw) !important;
    flex: 0 0 min(var(--sbap-cover-size,84px), 40vw) !important;
  }
  .sbap-player:not(.sbap-no-mobile-shrink) .sbap-cover{
    width: min(var(--sbap-cover-size,84px), 40vw) !important;
    height: min(var(--sbap-cover-size,84px), 40vw) !important;
  }
}

/* Expand list: let the page scroll instead of the player */
.sbap-player.sbap-expand-list .sbap-list{
  max-height: none !important;
  overflow: visible !important;
}

/* Visible expand button */
.sbap-expand:hover{background:#334155 !important;}

/* Expand list: let page scroll (no internal scroll) */
.sbap-player.sbap-expand-list .sbap-tracklist{
  max-height:none !important;
  overflow:visible !important;
}





/* Expand list: page scroll, show all tracks */
.sbap-player.sbap-expand-list .sbap-tracklist{
  max-height: none !important;
  overflow: visible !important;
}
.sbap-player.sbap-expand-list .sbap-list-wrap{
  overflow: visible !important;
}

/* Expand list: show all tracks, page scroll */
.sbap-player.sbap-expand-list .sbap-tracklist{
  max-height: none !important;
  overflow: visible !important;
}
.sbap-player.sbap-expand-list .sbap-list-wrap{
  overflow: visible !important;
}


/* Full width cover image on mobile */
@media (max-width: 600px){
  .sbap-cover-wrap{
    width: 100% !important;
    flex: 0 0 100% !important;
  }
  .sbap-cover{
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
  }
  .sbap-head{
    flex-direction: column;
    align-items: stretch;
  }
}

/* sbap-controls-wrap-fix: ensure control buttons (incl. expand) are never clipped */
.sbap-controls{
  flex-wrap: wrap;
  gap: 8px;
}
.sbap-btn.sbap-expand{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* sbap-head-layout-fix: keep cover and controls in their own columns */
.sbap-head{display:flex; gap:12px; align-items:stretch;}
.sbap-cover-wrap{flex:0 0 auto;}
.sbap-head-main{flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:10px;}
.sbap-controls{display:flex; align-items:center; flex-wrap:wrap; gap:8px;}

/* Expand list: show all tracks, page scroll (no internal scrollbar) */
.sbap-player.sbap-expand-list .sbap-tracklist,
.sbap-player.sbap-expand-list .sbap-list,
.sbap-player.sbap-expand-list .sbap-list-wrap{
  max-height: none !important;
  overflow: visible !important;
}


/* =========================================================
   Kiko Player — Control Button Normalization (no blue, no resize)
   ========================================================= */
.sbap-player .sbap-controls .sbap-btn,
.sbap-player .sbap-controls .sbap-btn:visited,
.sbap-player .sbap-controls .sbap-btn:hover,
.sbap-player .sbap-controls .sbap-btn:active,
.sbap-player .sbap-controls .sbap-btn:focus,
.sbap-player .sbap-controls .sbap-btn:focus-visible{
  box-sizing: border-box !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  max-width: 44px !important;
  max-height: 44px !important;

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

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 0 !important;

  outline: none !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

/* Ensure active/hover doesn't change border/padding (prevents "jump") */
.sbap-player .sbap-controls .sbap-btn:hover,
.sbap-player .sbap-controls .sbap-btn:active{
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}

/* Icon wrapper: never tinted, never background-filled */
.sbap-player .sbap-controls .sbap-btn .sbap-ico{
  box-sizing: border-box !important;
  width: 24px !important;
  height: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--sbap-text, #fff) !important;
}

/* Make SVG icons monochrome (no blue) */
.sbap-player .sbap-controls .sbap-btn svg,
.sbap-player .sbap-controls .sbap-btn svg path{
  fill: currentColor !important;
  stroke: none !important;
}

/* Kill any leftover active styling */
.sbap-player .sbap-controls .sbap-btn.sbap-active,
.sbap-player .sbap-controls .sbap-btn.sbap-active .sbap-ico{
  background: rgba(255,255,255,.10) !important;
  color: var(--sbap-text, #fff) !important;
}


/* === Kiko: lock control sizing + prevent any active/focus resizing === */
.sbap-player .sbap-controls{ gap: 6px !important; }
.sbap-player .sbap-controls .sbap-btn{
  box-sizing: border-box !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  max-width: 44px !important;
  max-height: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.10) !important;
  outline: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
  color: var(--sbap-text, #fff) !important;
}
.sbap-player .sbap-controls .sbap-btn:active,
.sbap-player .sbap-controls .sbap-btn:focus,
.sbap-player .sbap-controls .sbap-btn:focus-visible{
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.10) !important;
  outline: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}
.sbap-player .sbap-controls .sbap-btn .sbap-ico{
  box-sizing: border-box !important;
  width: 24px !important;
  height: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
}
.sbap-player .sbap-controls .sbap-btn svg,
.sbap-player .sbap-controls .sbap-btn svg path{
  fill: currentColor !important;
  stroke: none !important;
}


/* === Kiko: remove accent fill from Prev/Play/Next icon glyphs ===
   The blue you see is the accent background being applied to the inner icon badge.
   These rules force those three buttons to render like the other controls (no badge fill).
*/
.sbap-player .sbap-controls .sbap-btn.sbap-prev .sbap-ico,
.sbap-player .sbap-controls .sbap-btn.sbap-play .sbap-ico,
.sbap-player .sbap-controls .sbap-btn.sbap-next .sbap-ico{
  background: transparent !important;
  color: var(--sbap-text, #fff) !important;
}

/* Also ensure no per-button active state adds a badge */
.sbap-player .sbap-controls .sbap-btn.sbap-prev.sbap-active .sbap-ico,
.sbap-player .sbap-controls .sbap-btn.sbap-play.sbap-active .sbap-ico,
.sbap-player .sbap-controls .sbap-btn.sbap-next.sbap-active .sbap-ico{
  background: transparent !important;
  color: var(--sbap-text, #fff) !important;
}



.sbap-btn.sbap-lyrics-btn{padding:6px 10px; font-size:13px; line-height:1;}

/* Accent color for progress + volume sliders */

/* Cross-browser range styling (fixes Firefox default white boxes) */
.sbap-player .sbap-seek,
.sbap-player .sbap-volume{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Themes often style inputs; force a clean slate (Firefox white-box issue) */
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  /* Give the control enough height for the thumb; track is styled below */
  height: 18px;
  display: block;
}

/* Extra specificity to override aggressive theme styles (Firefox/Elementor/etc.) */
.sbap-player input.sbap-seek[type="range"],
.sbap-player input.sbap-volume[type="range"]{
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}


/* Track */
.sbap-player .sbap-seek::-webkit-slider-runnable-track,
.sbap-player .sbap-volume::-webkit-slider-runnable-track{
  height: 6px;
  border-radius: 999px;
  background: rgba(255,255,255,0.25);
}
.sbap-player .sbap-seek::-moz-range-track,
.sbap-player .sbap-volume::-moz-range-track{
  height: 6px;
  border-radius: 999px;
  background: rgba(255,255,255,0.25);
  border: none;
}
.sbap-player .sbap-seek::-moz-range-progress,
.sbap-player .sbap-volume::-moz-range-progress{
  height: 6px;
  border-radius: 999px;
  background: var(--sbap-primary);
}

/* Thumb */

/* WebKit thumb */
.sbap-player .sbap-seek::-webkit-slider-thumb,
.sbap-player .sbap-volume::-webkit-slider-thumb{
  -webkit-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  background: var(--sbap-primary);
  border: none;
  box-shadow: none;
  margin-top: -4px; /* centers 14px thumb on 6px track */
}

/* Firefox thumb */
.sbap-player .sbap-seek::-moz-range-thumb,
.sbap-player .sbap-volume::-moz-range-thumb{
  width: 14px;
  height: 14px;
  border-radius: 999px;
  background: var(--sbap-primary);
  border: none;
  box-shadow: none;
}

/* Firefox focus outline/padding quirks */
.sbap-player .sbap-seek::-moz-focus-outer,
.sbap-player .sbap-volume::-moz-focus-outer{
  border: 0;
}

/* Remove focus outline quirks */
.sbap-player .sbap-seek:focus,
.sbap-player .sbap-volume:focus{
  outline: none;
}

.sbap-player .sbap-seek,
.sbap-player .sbap-volume{
  accent-color: var(--sbap-primary);
}

/* Lyrics link on Now Playing line */
.sbap-now{display:flex; align-items:center; justify-content:space-between; gap:12px;}
.sbap-now-text{min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1;}
.sbap-lyrics-link{font-size:12px; font-weight:400; color:var(--sbap-text); cursor:pointer; opacity:0.9; user-select:none; margin-left:auto; flex:0 0 auto; position:relative; z-index:5;}
.sbap-lyrics-link:hover{text-decoration:underline;}

/* Track list max height (when not expanded) */
.sbap-player:not(.sbap-expand-list) .sbap-tracklist{
  max-height: var(--sbap-list-height, 260px);
  overflow-y: auto;
  overflow-x: hidden;
}
.sbap-player.sbap-expand-list .sbap-tracklist{
  max-height: none;
  overflow: visible;
}


/* Force Track list max height to respect setting when not expanded */
.sbap-player:not(.sbap-expand-list) .sbap-tracklist{
  max-height: var(--sbap-list-height, 260px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.sbap-player.sbap-expand-list .sbap-tracklist{
  max-height: none !important;
  overflow: visible !important;
}

/* Shuffle control: neutral like the other buttons when off; theme accent when on. */
.sbap-player .sbap-controls .sbap-btn.sbap-shuffle .sbap-ico,
.sbap-player .sbap-controls .sbap-btn.sbap-shuffle svg,
.sbap-player .sbap-controls .sbap-btn.sbap-shuffle svg path{
  background: transparent !important;
  color: var(--sbap-text, #fff) !important;
  fill: currentColor !important;
}
.sbap-player .sbap-controls .sbap-btn.sbap-shuffle.sbap-active,
.sbap-player .sbap-controls .sbap-btn.sbap-shuffle[aria-pressed="true"]{
  background: var(--sbap-primary) !important;
  border-color: var(--sbap-primary) !important;
  color: var(--sbap-text, #fff) !important;
}
.sbap-player .sbap-controls .sbap-btn.sbap-shuffle.sbap-active:hover,
.sbap-player .sbap-controls .sbap-btn.sbap-shuffle[aria-pressed="true"]:hover,
.sbap-player .sbap-controls .sbap-btn.sbap-shuffle.sbap-active:focus,
.sbap-player .sbap-controls .sbap-btn.sbap-shuffle[aria-pressed="true"]:focus{
  background: var(--sbap-primary) !important;
  border-color: var(--sbap-primary) !important;
}


/* Showcase layouts (2.8.0). These rules are scoped and do not alter classic full/simple. */
.sbap-player.sbap-showcase-full,
.sbap-player.sbap-showcase-compact{
  --sbap-showcase-panel: color-mix(in srgb, var(--sbap-bg) 92%, white 8%);
  --sbap-showcase-line: rgba(255,255,255,.10);
}
.sbap-player.sbap-showcase-full .sbap-shell,
.sbap-player.sbap-showcase-compact .sbap-shell{
  border:1px solid var(--sbap-showcase-line);
  background:linear-gradient(145deg, color-mix(in srgb, var(--sbap-bg) 96%, white 4%), var(--sbap-bg));
  box-shadow:0 24px 60px rgba(0,0,0,.34);
}
.sbap-player.sbap-showcase-full .sbap-showcase-main{
  display:grid;
  grid-template-columns:minmax(180px, 30%) minmax(0, 1fr);
  min-height:330px;
}
.sbap-player.sbap-showcase-full .sbap-showcase-art{
  padding:24px;
  border-right:1px solid var(--sbap-showcase-line);
  display:flex;
  align-items:flex-start;
}
.sbap-player.sbap-showcase-full .sbap-cover-wrap{
  width:100% !important;
  flex:1 1 auto !important;
}
.sbap-player.sbap-showcase-full .sbap-cover{
  width:100% !important;
  height:auto !important;
  aspect-ratio:1 / 1;
  border-radius:14px !important;
  box-shadow:0 14px 34px rgba(0,0,0,.28);
}
.sbap-player.sbap-showcase-full .sbap-showcase-library{min-width:0;padding:22px 24px 10px;}
.sbap-player.sbap-showcase-full .sbap-showcase-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:0 4px 14px;}
.sbap-player.sbap-showcase-full .sbap-title{font-size:22px;font-weight:800;opacity:1;}
.sbap-player.sbap-showcase-full .sbap-now{font-size:14px;color:var(--sbap-artist, var(--sbap-muted));margin-top:4px;}
.sbap-player.sbap-showcase-full .sbap-track-count{font-size:13px;color:var(--sbap-muted);white-space:nowrap;}
.sbap-player.sbap-showcase-full .sbap-list-wrap{border:0;}
.sbap-player.sbap-showcase-full .sbap-list-head{display:none;}
.sbap-player.sbap-showcase-full .sbap-tracklist{padding:0;}
.sbap-player.sbap-showcase-full .sbap-track{border-bottom:1px solid var(--sbap-showcase-line);padding:12px 10px;}
.sbap-player.sbap-showcase-full .sbap-track.is-active{background:color-mix(in srgb, var(--sbap-primary) 18%, transparent);outline:1px solid color-mix(in srgb, var(--sbap-primary) 45%, transparent);}
.sbap-player.sbap-showcase-full .sbap-showcase-deck{padding:18px 22px 20px;border-top:1px solid var(--sbap-showcase-line);background:color-mix(in srgb, var(--sbap-bg) 90%, black 10%);}
.sbap-player.sbap-showcase-full .sbap-timer{margin:0;}
.sbap-player.sbap-showcase-full .sbap-controls{display:grid;grid-template-columns:repeat(7, minmax(46px, auto)) minmax(150px, 1fr);gap:10px;margin-top:14px;}
.sbap-player.sbap-showcase-full .sbap-btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;border:1px solid var(--sbap-showcase-line);background:rgba(255,255,255,.055);}
.sbap-player.sbap-showcase-full .sbap-play{background:var(--sbap-primary);color:#fff;font-size:22px;}
.sbap-player.sbap-showcase-full .sbap-volwrap{min-height:52px;justify-content:center;border:1px solid var(--sbap-showcase-line);}
.sbap-player.sbap-showcase-full .sbap-rate{min-height:52px;border:1px solid var(--sbap-showcase-line);}
.sbap-player.sbap-showcase-full .sbap-links{justify-content:flex-end;}

.sbap-player.sbap-showcase-compact{margin-inline:auto;}
.sbap-player.sbap-showcase-compact .sbap-compact-card{padding:22px;}
.sbap-player.sbap-showcase-compact .sbap-cover-wrap{width:100% !important;max-width:none !important;flex:none !important;}
.sbap-player.sbap-showcase-compact .sbap-cover{width:100% !important;height:auto !important;aspect-ratio:16 / 10;border-radius:14px !important;box-shadow:0 14px 34px rgba(0,0,0,.28);}
.sbap-player.sbap-showcase-compact .sbap-meta{margin-top:18px;}
.sbap-player.sbap-showcase-compact .sbap-title{font-size:20px;font-weight:800;opacity:1;}
.sbap-player.sbap-showcase-compact .sbap-now{font-size:14px;color:var(--sbap-artist, var(--sbap-muted));margin-top:5px;}
.sbap-player.sbap-showcase-compact .sbap-timer{margin-top:18px;}
.sbap-player.sbap-showcase-compact .sbap-controls{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px;margin-top:16px;}
.sbap-player.sbap-showcase-compact .sbap-btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--sbap-showcase-line);background:rgba(255,255,255,.055);}
.sbap-player.sbap-showcase-compact .sbap-play{background:var(--sbap-primary);color:#fff;font-size:20px;}
.sbap-player.sbap-showcase-compact .sbap-back,
.sbap-player.sbap-showcase-compact .sbap-forward,
.sbap-player.sbap-showcase-compact .sbap-expand{display:none;}
.sbap-player.sbap-showcase-compact .sbap-volwrap{grid-column:1 / -1;justify-content:center;min-height:48px;border:1px solid var(--sbap-showcase-line);}
.sbap-player.sbap-showcase-compact .sbap-volume{width:min(210px, 72%);}
.sbap-player.sbap-showcase-compact .sbap-rate{grid-column:1 / -1;min-height:44px;border:1px solid var(--sbap-showcase-line);}
.sbap-player.sbap-showcase-compact .sbap-links{justify-content:center;}
.sbap-player.sbap-showcase-compact .sbap-list-wrap{display:none !important;}

.sbap-player.sbap-showcase-full .sbap-repeat.sbap-active,
.sbap-player.sbap-showcase-full .sbap-shuffle.sbap-active,
.sbap-player.sbap-showcase-compact .sbap-repeat.sbap-active,
.sbap-player.sbap-showcase-compact .sbap-shuffle.sbap-active{
  background:var(--sbap-primary) !important;
  border-color:var(--sbap-primary) !important;
  color:#fff !important;
}

@media (max-width:760px){
  .sbap-player.sbap-showcase-full .sbap-showcase-main{grid-template-columns:1fr;}
  .sbap-player.sbap-showcase-full .sbap-showcase-art{border-right:0;border-bottom:1px solid var(--sbap-showcase-line);}
  .sbap-player.sbap-showcase-full .sbap-cover-wrap{max-width:320px !important;margin:auto;}
  .sbap-player.sbap-showcase-full .sbap-controls{grid-template-columns:repeat(4,1fr);}
  .sbap-player.sbap-showcase-full .sbap-volwrap{grid-column:1 / -1;}
}
@media (max-width:480px){
  .sbap-player.sbap-showcase-full .sbap-showcase-library{padding:18px 14px 8px;}
  .sbap-player.sbap-showcase-full .sbap-showcase-deck{padding:16px 14px;}
  .sbap-player.sbap-showcase-full .sbap-controls{grid-template-columns:repeat(3,1fr);}
  .sbap-player.sbap-showcase-full .sbap-rate{grid-column:1 / -1;}
}

/* Artwork rounding comes last so it also controls Showcase artwork. */
.sbap-player.sbap-no-rounded-artwork .sbap-cover,
.sbap-player.sbap-no-rounded-artwork .sbap-thumb{border-radius:0 !important;}
.sbap-player.sbap-rounded-artwork .sbap-cover{border-radius:12px !important;}
.sbap-player.sbap-rounded-artwork .sbap-thumb{border-radius:10px !important;}