/* ER Spectrum for Sonaar */
.er-spx { pointer-events: none; line-height: 0; }
.er-spx__canvas { display: block; width: 100%; height: 100%; }

/* Bloque del shortcode [er_spectrum] / clase er-spectrum */
.er-spectrum { position: relative; width: 100%; height: 120px; }
.er-spx--block { position: absolute; inset: 0; }

/* Barras mini en cada reproductor de Sonaar (arriba a la derecha, junto al título) */
.album-player.er-has-mini { position: relative; }
.album-player.er-has-mini .srp_miniplayer_metas { padding-right: 76px; }
.er-spx--player { position: absolute; top: 4px; right: 0; width: 64px; height: 26px; z-index: 2; }

/* Barras mini dentro del reproductor fijo */
.er-spx--sticky { flex: 0 0 auto; width: 56px; height: 24px; margin: 0 14px; align-self: center; }

/* Franja de espectro encima del reproductor fijo */
#sonaar-player .er-spx--strip {
  position: absolute; left: 0; right: 0; bottom: 100%;
  height: 46px; opacity: .9; z-index: 0;
  -webkit-mask-image: linear-gradient(to top, #000 0%, #000 55%, transparent 100%);
          mask-image: linear-gradient(to top, #000 0%, #000 55%, transparent 100%);
}

@media (max-width: 480px) {
  .album-player.er-has-mini .srp_miniplayer_metas { padding-right: 58px; }
  .er-spx--player { width: 48px; height: 22px; }
  .er-spx--sticky { display: none; }
  #sonaar-player .er-spx--strip { height: 32px; }
}
