﻿﻿/* Responsive rules for the music mini-app. */
@media (max-width: 500px) {
  .music-playlists-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 380px) {
  .music-view { padding-inline: 7px; }
  .music-player-art { width: min(64vw, 230px); }
  .music-player-stage .music-controls { gap: 9px; }
  .music-player-tools { gap: 7px; }
  .music-player-tools > #music-player-together,
  .music-player-tools > [data-music-open-queue] { font-size: 9px; }
}
@media (max-width: 360px) {
  .music-playlists-grid { gap: 7px; }
  .music-playlist-library-card { grid-template-columns: 47px minmax(0, 1fr) 12px; gap: 6px; min-height: 72px; padding: 7px; }
  .music-playlist-library-cover { width: 47px; height: 47px; border-radius: 12px; }
  .music-playlist-library-cover > i { right: 3px; bottom: 3px; width: 19px; height: 19px; }
  .music-playlist-library-copy strong { font-size: 9px; }
}
@media (min-width: 500px) {
  .music-playlists-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}