/* EMBER X v172 — persistent music remote */
.ember-music-remote{
  position:fixed;
  right:116px;
  bottom:22px;
  z-index:119;
  min-height:48px;
  max-width:min(430px,calc(100vw - 250px));
  padding:5px 8px;
  border:1px solid #aeb7bd;
  border-radius:999px;
  background:linear-gradient(145deg,#edf0f1,#c7d0d4);
  color:#284b64;
  box-shadow:0 9px 25px rgba(23,48,65,.22);
  display:flex;
  align-items:center;
  gap:4px;
  font-family:"DM Sans",sans-serif;
}
.ember-music-remote[hidden]{display:none!important}
.ember-music-remote button{
  border:0;
  background:transparent;
  color:inherit;
  min-width:34px;
  min-height:36px;
  padding:0 8px;
  border-radius:999px;
  cursor:pointer;
  font:700 15px/1 "DM Sans",sans-serif;
}
.ember-music-remote button:hover{background:rgba(255,255,255,.52)}
.ember-music-remote .ember-music-open{
  min-width:0;
  max-width:220px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 10px;
}
.ember-music-remote .ember-music-note{font-size:16px;flex:0 0 auto}
.ember-music-remote .ember-music-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}
.ember-music-remote .ember-music-progress{
  position:absolute;
  left:16px;
  right:16px;
  bottom:3px;
  height:2px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(40,75,100,.16);
}
.ember-music-remote .ember-music-progress>span{display:block;width:0;height:100%;background:currentColor}
@media(max-width:700px){
  .ember-music-remote{right:103px;bottom:14px;min-height:46px;max-width:calc(100vw - 218px);padding:4px 5px}
  .ember-music-remote .ember-music-open{max-width:105px;padding:0 6px}
  .ember-music-remote button{min-width:30px;padding:0 5px}
  .ember-music-remote [data-music-prev],.ember-music-remote [data-music-next]{display:none}
}
@media(max-width:430px){
  .ember-music-remote{max-width:145px}
  .ember-music-remote .ember-music-open{max-width:82px}
}
