/* 8Remixes popout-only persistent preview player. */
html body #audio-player.ap-overlay-mode{
  position:fixed!important;
  left:auto!important;
  right:18px!important;
  top:auto!important;
  bottom:18px!important;
  width:min(460px,calc(100vw - 28px))!important;
  min-height:0!important;
  height:auto!important;
  padding:10px!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:14px!important;
  background:#151515!important;
  box-shadow:0 18px 55px rgba(0,0,0,.62)!important;
  z-index:2147483000!important;
  overflow:visible!important;
}
html body #audio-player.ap-overlay-mode.ap-hidden{display:none!important}
html body #audio-player.ap-overlay-mode .ap-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto 34px!important;
  gap:8px 10px!important;
  align-items:center!important;
}
html body #audio-player.ap-overlay-mode .ap-info{
  display:flex!important;
  grid-column:1/2!important;
  grid-row:1!important;
  min-width:0!important;
  width:auto!important;
  justify-content:flex-start!important;
  gap:8px!important;
}
html body #audio-player.ap-overlay-mode .ap-avatar-btn{
  display:inline-flex!important;
  width:38px!important;height:38px!important;min-width:38px!important;
}
html body #audio-player.ap-overlay-mode .ap-text{min-width:0!important;width:auto!important;text-align:left!important}
html body #audio-player.ap-overlay-mode .ap-title{font-size:12px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body #audio-player.ap-overlay-mode .ap-sub{display:block!important;font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body #audio-player.ap-overlay-mode .ap-time{display:none!important}
html body #audio-player.ap-overlay-mode .ap-wave{
  display:block!important;
  grid-column:1/-1!important;
  grid-row:2!important;
  width:100%!important;height:34px!important;min-height:34px!important;
  order:initial!important;
}
html body #audio-player.ap-overlay-mode #wave-canvas{display:block!important;width:100%!important;height:34px!important}
html body #audio-player.ap-overlay-mode .ap-right{
  display:flex!important;
  grid-column:2/3!important;
  grid-row:1!important;
  width:auto!important;
  order:initial!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:3px!important;
  padding-right:29px!important;
}
html body #audio-player.ap-overlay-mode .ap-controls{display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important}
html body #audio-player.ap-overlay-mode #btn-prev,
html body #audio-player.ap-overlay-mode #btn-play,
html body #audio-player.ap-overlay-mode #btn-next,
html body #audio-player.ap-overlay-mode #btn-player-close{
  display:inline-flex!important;visibility:visible!important;opacity:1!important;
}
html body #audio-player.ap-overlay-mode #btn-player-close{
  position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;
}
html body #audio-player.ap-overlay-mode .ap-cart{display:inline-flex!important}
html body #audio-player.ap-overlay-mode #ap-volume{display:none!important}
html body #audio-player.ap-overlay-mode .ap-btn--control{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important}
html body #audio-player.ap-overlay-mode .ap-btn--play{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}
html body.er-preview-player-overlay-active{padding-bottom:0!important}
@media(max-width:560px){
  html body #audio-player.ap-overlay-mode{
    right:10px!important;bottom:10px!important;width:calc(100vw - 20px)!important;
    padding:9px!important;border-radius:12px!important;
  }
  html body #audio-player.ap-overlay-mode .ap-grid{grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto 30px!important;gap:6px 7px!important}
  html body #audio-player.ap-overlay-mode .ap-avatar-btn{display:none!important}
  html body #audio-player.ap-overlay-mode .ap-sub{display:none!important}
  html body #audio-player.ap-overlay-mode .ap-title{text-align:left!important;max-width:calc(100vw - 210px)!important}
  html body #audio-player.ap-overlay-mode .ap-wave,
  html body #audio-player.ap-overlay-mode #wave-canvas{height:30px!important;min-height:30px!important}
  html body #audio-player.ap-overlay-mode .ap-cart{display:inline-flex!important}
  html body #audio-player.ap-overlay-mode .ap-right{gap:1px!important;padding-right:27px!important}
  html body #audio-player.ap-overlay-mode .ap-controls{gap:1px!important}
  html body #audio-player.ap-overlay-mode .ap-btn--control{width:29px!important;height:29px!important;min-width:29px!important;min-height:29px!important}
  html body #audio-player.ap-overlay-mode .ap-btn--play{width:33px!important;height:33px!important;min-width:33px!important;min-height:33px!important}
}


/* Persistent player hotfix: cart stays visible and clickable in every state. */
html body #audio-player.ap-overlay-mode #player-cart,
html body #audio-player.ap-overlay-mode #player-cart.is-added{
  display:inline-flex!important;visibility:visible!important;opacity:1!important;
  pointer-events:auto!important;cursor:pointer!important;position:relative!important;
  z-index:30!important;touch-action:manipulation!important;
}
html body #audio-player.ap-overlay-mode #player-cart[aria-busy="true"]{opacity:.55!important;pointer-events:none!important}
html body #audio-player.ap-overlay-mode #player-cart svg,
html body #audio-player.ap-overlay-mode #player-cart *{pointer-events:none!important}
@media(max-width:560px){
  html body #audio-player.ap-overlay-mode .ap-title{max-width:calc(100vw - 242px)!important}
  html body #audio-player.ap-overlay-mode .ap-right{padding-right:27px!important}
}