# Halloween Party

Heavy Hits delivers a ghoulish party playlist featuring all-time essential Halloween tracks for your crates. Trick or Treat:

 Spotify playlist   ![]()  

        Spotify playlist ID or URL   

 1. ![]()
 

    Title     ·  Artist          BPM      Key      Year                       

         

    

  

 

 

   <a :href="`/track/${row.id}/`" class="truncate hover:underline" data-track-link="" hhnavigate=""> </a>

<a :href="`/track/${row.id}/`" class="hover:underline" data-track-link="" hhnavigate=""> </a>

  <a :href="hhArtistUrl(part.name)" class="hover:text-zinc-900 hover:underline dark:hover:text-zinc-100" hhnavigate="" x-html="part.name"></a>

 

           <a :aria-label="hhMetaLabel('bpm', row.bpm)" :href="hhMetaHref('bpm', row.bpm)" class="hh-row-meta hh-meta-link hidden w-10 shrink-0 whitespace-nowrap text-center text-xs tabular-nums text-zinc-500 sm:block dark:text-zinc-400" row.bpm="" x-text="row.bpm ? Math.round(row.bpm) : '–'"></a> <a :aria-label="hhMetaLabel('key', row.trackkey)" :class="'key-' + row.trackkey" :href="hhMetaHref('key', row.trackkey)" class="hh-row-meta hh-meta-link key hidden w-10 shrink-0 text-center text-xs font-medium sm:block" row.trackkey="" x-text="row.trackkey || '–'"></a> Released    <a :aria-label="row._forYouReason ? 'Track details and why this pick' : (row.shazam ? 'Shazam charting and track details' : 'Track details')" :href="trackUrl(row)" class="result-info group/info inline-flex size-9 -translate-x-[4.5px] items-center justify-center rounded-full" x-tooltip.interactive.debounce.1="{ content: () => $refs.infotemplate?.innerHTML || 'Info not available', allowHTML: true, appendTo: $root }">     </a>     focusMenuItem($refs.downloadsMenu, 'first'))" :aria-expanded="menuOpen" aria-haspopup="menu" @keydown.down.prevent="menuOpen = true; $nextTick(() =&gt; focusMenuItem($refs.downloadsMenu, 'first'))" @keydown.up.prevent="menuOpen = true; $nextTick(() =&gt; focusMenuItem($refs.downloadsMenu, 'last'))" :aria-label="'Downloads: choose a version of ' + row.title" x-tooltip="{ content: () =&gt; rowDownloaded(row) ? 'Downloads · some versions downloaded' : 'Downloads', onShow: () =&gt; !menuOpen, hideOnClick: true }" class="relative inline-flex h-9 w-14 items-center justify-center gap-1 rounded-lg text-xs font-medium text-zinc-600 transition-colors hover:bg-zinc-900/10 focus-visible:outline focus-visible:outline-2 focus-visible:outline-hh-focus dark:text-zinc-300 dark:hover:bg-white/10" :class="menuOpen ? 'bg-zinc-900/10 dark:bg-white/10' : (rowDownloaded(row) ? 'border-\[0.5px\] border-zinc-900/15 opacity-50 dark:border-white/15' : (row.\_parent ? '' : 'bg-zinc-900/5 dark:bg-white/5'))"&gt;      1. 
 - No versions available.
 
 

      focusMenuItem($refs.moreMenu, 'first'))" :aria-expanded="moreOpen" aria-haspopup="menu" @keydown.down.prevent="moreOpen = true; $nextTick(() =&gt; focusMenuItem($refs.moreMenu, 'first'))" @keydown.up.prevent="moreOpen = true; $nextTick(() =&gt; focusMenuItem($refs.moreMenu, 'last'))" :aria-label="'More options for ' + row.title" x-tooltip="{ content: 'More options', onShow: () =&gt; !moreOpen }" class="flex size-9 items-center justify-center rounded-full text-zinc-500 hover:bg-zinc-900/5 focus-visible:outline focus-visible:outline-2 focus-visible:outline-hh-focus dark:text-zinc-400 dark:hover:bg-white/10"&gt;             Mixes well with   View playlists  <a :href="trackUrl(row)" class="flex w-full items-center gap-3 px-3 py-2 text-left text-sm text-zinc-700 hover:bg-zinc-900/5 focus-visible:bg-zinc-900/5 focus-visible:outline-none dark:text-zinc-300 dark:hover:bg-white/10 dark:focus-visible:bg-white/10" role="menuitem"> View details </a>  Copy link  

 

 

          

    

  

 

 

   <a :href="`/track/${row.id}/`" class="truncate hover:underline" data-track-link="" hhnavigate=""> </a>

<a :href="`/track/${row.id}/`" class="hover:underline" data-track-link="" hhnavigate=""> </a>

  <a :href="hhArtistUrl(part.name)" class="hover:text-zinc-900 hover:underline dark:hover:text-zinc-100" hhnavigate="" x-html="part.name"></a>

 

           <a :aria-label="hhMetaLabel('bpm', row.bpm)" :href="hhMetaHref('bpm', row.bpm)" class="hh-row-meta hh-meta-link hidden w-10 shrink-0 whitespace-nowrap text-center text-xs tabular-nums text-zinc-500 sm:block dark:text-zinc-400" row.bpm="" x-text="row.bpm ? Math.round(row.bpm) : '–'"></a> <a :aria-label="hhMetaLabel('key', row.trackkey)" :class="'key-' + row.trackkey" :href="hhMetaHref('key', row.trackkey)" class="hh-row-meta hh-meta-link key hidden w-10 shrink-0 text-center text-xs font-medium sm:block" row.trackkey="" x-text="row.trackkey || '–'"></a> Released    <a :aria-label="row._forYouReason ? 'Track details and why this pick' : (row.shazam ? 'Shazam charting and track details' : 'Track details')" :href="trackUrl(row)" class="result-info group/info inline-flex size-9 -translate-x-[4.5px] items-center justify-center rounded-full" x-tooltip.interactive.debounce.1="{ content: () => $refs.infotemplate?.innerHTML || 'Info not available', allowHTML: true, appendTo: $root }">     </a>     focusMenuItem($refs.downloadsMenu, 'first'))" :aria-expanded="menuOpen" aria-haspopup="menu" @keydown.down.prevent="menuOpen = true; $nextTick(() =&gt; focusMenuItem($refs.downloadsMenu, 'first'))" @keydown.up.prevent="menuOpen = true; $nextTick(() =&gt; focusMenuItem($refs.downloadsMenu, 'last'))" :aria-label="'Downloads: choose a version of ' + row.title" x-tooltip="{ content: () =&gt; rowDownloaded(row) ? 'Downloads · some versions downloaded' : 'Downloads', onShow: () =&gt; !menuOpen, hideOnClick: true }" class="relative inline-flex h-9 w-14 items-center justify-center gap-1 rounded-lg text-xs font-medium text-zinc-600 transition-colors hover:bg-zinc-900/10 focus-visible:outline focus-visible:outline-2 focus-visible:outline-hh-focus dark:text-zinc-300 dark:hover:bg-white/10" :class="menuOpen ? 'bg-zinc-900/10 dark:bg-white/10' : (rowDownloaded(row) ? 'border-\[0.5px\] border-zinc-900/15 opacity-50 dark:border-white/15' : (row.\_parent ? '' : 'bg-zinc-900/5 dark:bg-white/5'))"&gt;      1. 
 - No versions available.
 
 

      focusMenuItem($refs.moreMenu, 'first'))" :aria-expanded="moreOpen" aria-haspopup="menu" @keydown.down.prevent="moreOpen = true; $nextTick(() =&gt; focusMenuItem($refs.moreMenu, 'first'))" @keydown.up.prevent="moreOpen = true; $nextTick(() =&gt; focusMenuItem($refs.moreMenu, 'last'))" :aria-label="'More options for ' + row.title" x-tooltip="{ content: 'More options', onShow: () =&gt; !moreOpen }" class="flex size-9 items-center justify-center rounded-full text-zinc-500 hover:bg-zinc-900/5 focus-visible:outline focus-visible:outline-2 focus-visible:outline-hh-focus dark:text-zinc-400 dark:hover:bg-white/10"&gt;             Mixes well with   View playlists  <a :href="trackUrl(row)" class="flex w-full items-center gap-3 px-3 py-2 text-left text-sm text-zinc-700 hover:bg-zinc-900/5 focus-visible:bg-zinc-900/5 focus-visible:outline-none dark:text-zinc-300 dark:hover:bg-white/10 dark:focus-visible:bg-white/10" role="menuitem"> View details </a>  Copy link  

 

 

 

  

#### Danceability

   0.86         

#### Energy

   0.86         

#### Popularity

   0.86         

#### Valence

   0.86         

 

 ### Why this pick

<a :href="hhForYouHashtagUrl(part.tag)" class="hh-for-you-hashtag" x-text="part.text"></a>

 

     Shazam charting 

  

  

          

  

  response.json()) .then(data =&gt; { similarSongs = data.success ? data.data : []; isLoadingSimilarSongs = false; }); // Load recommendations if (currentTrack?.artist &amp;&amp; currentTrack?.title) { const formData = new FormData(); formData.append('action', 'get_spotify_recommendations'); formData.append('artist', currentTrack.artist); formData.append('title', currentTrack.title); fetch(hhMusicData.ajaxurl, { method: 'POST', body: formData }) .then(response =&gt; { if (!response.ok) { throw new Error('Network response was not ok'); } return response.json(); }) .then(data =&gt; { recommendations = data.success ? data.data.results : []; isLoadingRecommendations = false; }) .catch(() =&gt; { isLoadingRecommendations = false; }); } else { isLoadingRecommendations = false; } } else { isLoadingSimilarSongs = false; isLoadingRecommendations = false; }" x-bind:id="'menu-' + currentTrack?.id" :style="`position-anchor1: --result-${currentTrack?.id}`" class="similar-popover w-full max-w-2xl bg-white/95 dark:bg-[#131522]/70 backdrop-blur-md text-zinc-900 dark:text-zinc-100 pb-0 mt-0 mx-auto md:m-auto popover-similar p-0 md:p-4 shadow shadow-2xl shadow-zinc-900/10 dark:shadow-zinc-900/50"&gt;       Similar/Mixable songs to###   -  

   

  KEY    BPM    YEAR    GENRE    TAGS         

  Mixable Tracks in key ± 5% BPM   Similar Tracks with a similar vibe 

 

 

 

 

 

 

  No mixable songs found.

           

    

  

 

 

   <a :href="`/track/${row.id}/`" class="truncate hover:underline" data-track-link="" hhnavigate=""> </a>

<a :href="`/track/${row.id}/`" class="hover:underline" data-track-link="" hhnavigate=""> </a>

  <a :href="hhArtistUrl(part.name)" class="hover:text-zinc-900 hover:underline dark:hover:text-zinc-100" hhnavigate="" x-html="part.name"></a>

 

           <a :aria-label="hhMetaLabel('bpm', row.bpm)" :href="hhMetaHref('bpm', row.bpm)" class="hh-row-meta hh-meta-link hidden w-10 shrink-0 whitespace-nowrap text-center text-xs tabular-nums text-zinc-500 sm:block dark:text-zinc-400" row.bpm="" x-text="row.bpm ? Math.round(row.bpm) : '–'"></a> <a :aria-label="hhMetaLabel('key', row.trackkey)" :class="'key-' + row.trackkey" :href="hhMetaHref('key', row.trackkey)" class="hh-row-meta hh-meta-link key hidden w-10 shrink-0 text-center text-xs font-medium sm:block" row.trackkey="" x-text="row.trackkey || '–'"></a> Released    <a :aria-label="row._forYouReason ? 'Track details and why this pick' : (row.shazam ? 'Shazam charting and track details' : 'Track details')" :href="trackUrl(row)" class="result-info group/info inline-flex size-9 -translate-x-[4.5px] items-center justify-center rounded-full" x-tooltip.interactive.debounce.1="{ content: () => $refs.infotemplate?.innerHTML || 'Info not available', allowHTML: true, appendTo: $root }">     </a>     focusMenuItem($refs.downloadsMenu, 'first'))" :aria-expanded="menuOpen" aria-haspopup="menu" @keydown.down.prevent="menuOpen = true; $nextTick(() =&gt; focusMenuItem($refs.downloadsMenu, 'first'))" @keydown.up.prevent="menuOpen = true; $nextTick(() =&gt; focusMenuItem($refs.downloadsMenu, 'last'))" :aria-label="'Downloads: choose a version of ' + row.title" x-tooltip="{ content: () =&gt; rowDownloaded(row) ? 'Downloads · some versions downloaded' : 'Downloads', onShow: () =&gt; !menuOpen, hideOnClick: true }" class="relative inline-flex h-9 w-14 items-center justify-center gap-1 rounded-lg text-xs font-medium text-zinc-600 transition-colors hover:bg-zinc-900/10 focus-visible:outline focus-visible:outline-2 focus-visible:outline-hh-focus dark:text-zinc-300 dark:hover:bg-white/10" :class="menuOpen ? 'bg-zinc-900/10 dark:bg-white/10' : (rowDownloaded(row) ? 'border-\[0.5px\] border-zinc-900/15 opacity-50 dark:border-white/15' : (row.\_parent ? '' : 'bg-zinc-900/5 dark:bg-white/5'))"&gt;      1. 
 - No versions available.
 
 

      focusMenuItem($refs.moreMenu, 'first'))" :aria-expanded="moreOpen" aria-haspopup="menu" @keydown.down.prevent="moreOpen = true; $nextTick(() =&gt; focusMenuItem($refs.moreMenu, 'first'))" @keydown.up.prevent="moreOpen = true; $nextTick(() =&gt; focusMenuItem($refs.moreMenu, 'last'))" :aria-label="'More options for ' + row.title" x-tooltip="{ content: 'More options', onShow: () =&gt; !moreOpen }" class="flex size-9 items-center justify-center rounded-full text-zinc-500 hover:bg-zinc-900/5 focus-visible:outline focus-visible:outline-2 focus-visible:outline-hh-focus dark:text-zinc-400 dark:hover:bg-white/10"&gt;             Mixes well with   View playlists  <a :href="trackUrl(row)" class="flex w-full items-center gap-3 px-3 py-2 text-left text-sm text-zinc-700 hover:bg-zinc-900/5 focus-visible:bg-zinc-900/5 focus-visible:outline-none dark:text-zinc-300 dark:hover:bg-white/10 dark:focus-visible:bg-white/10" role="menuitem"> View details </a>  Copy link  

 

 

          

    

  

 

 

   <a :href="`/track/${row.id}/`" class="truncate hover:underline" data-track-link="" hhnavigate=""> </a>

<a :href="`/track/${row.id}/`" class="hover:underline" data-track-link="" hhnavigate=""> </a>

  <a :href="hhArtistUrl(part.name)" class="hover:text-zinc-900 hover:underline dark:hover:text-zinc-100" hhnavigate="" x-html="part.name"></a>

 

           <a :aria-label="hhMetaLabel('bpm', row.bpm)" :href="hhMetaHref('bpm', row.bpm)" class="hh-row-meta hh-meta-link hidden w-10 shrink-0 whitespace-nowrap text-center text-xs tabular-nums text-zinc-500 sm:block dark:text-zinc-400" row.bpm="" x-text="row.bpm ? Math.round(row.bpm) : '–'"></a> <a :aria-label="hhMetaLabel('key', row.trackkey)" :class="'key-' + row.trackkey" :href="hhMetaHref('key', row.trackkey)" class="hh-row-meta hh-meta-link key hidden w-10 shrink-0 text-center text-xs font-medium sm:block" row.trackkey="" x-text="row.trackkey || '–'"></a> Released    <a :aria-label="row._forYouReason ? 'Track details and why this pick' : (row.shazam ? 'Shazam charting and track details' : 'Track details')" :href="trackUrl(row)" class="result-info group/info inline-flex size-9 -translate-x-[4.5px] items-center justify-center rounded-full" x-tooltip.interactive.debounce.1="{ content: () => $refs.infotemplate?.innerHTML || 'Info not available', allowHTML: true, appendTo: $root }">     </a>     focusMenuItem($refs.downloadsMenu, 'first'))" :aria-expanded="menuOpen" aria-haspopup="menu" @keydown.down.prevent="menuOpen = true; $nextTick(() =&gt; focusMenuItem($refs.downloadsMenu, 'first'))" @keydown.up.prevent="menuOpen = true; $nextTick(() =&gt; focusMenuItem($refs.downloadsMenu, 'last'))" :aria-label="'Downloads: choose a version of ' + row.title" x-tooltip="{ content: () =&gt; rowDownloaded(row) ? 'Downloads · some versions downloaded' : 'Downloads', onShow: () =&gt; !menuOpen, hideOnClick: true }" class="relative inline-flex h-9 w-14 items-center justify-center gap-1 rounded-lg text-xs font-medium text-zinc-600 transition-colors hover:bg-zinc-900/10 focus-visible:outline focus-visible:outline-2 focus-visible:outline-hh-focus dark:text-zinc-300 dark:hover:bg-white/10" :class="menuOpen ? 'bg-zinc-900/10 dark:bg-white/10' : (rowDownloaded(row) ? 'border-\[0.5px\] border-zinc-900/15 opacity-50 dark:border-white/15' : (row.\_parent ? '' : 'bg-zinc-900/5 dark:bg-white/5'))"&gt;      1. 
 - No versions available.
 
 

      focusMenuItem($refs.moreMenu, 'first'))" :aria-expanded="moreOpen" aria-haspopup="menu" @keydown.down.prevent="moreOpen = true; $nextTick(() =&gt; focusMenuItem($refs.moreMenu, 'first'))" @keydown.up.prevent="moreOpen = true; $nextTick(() =&gt; focusMenuItem($refs.moreMenu, 'last'))" :aria-label="'More options for ' + row.title" x-tooltip="{ content: 'More options', onShow: () =&gt; !moreOpen }" class="flex size-9 items-center justify-center rounded-full text-zinc-500 hover:bg-zinc-900/5 focus-visible:outline focus-visible:outline-2 focus-visible:outline-hh-focus dark:text-zinc-400 dark:hover:bg-white/10"&gt;             Mixes well with   View playlists  <a :href="trackUrl(row)" class="flex w-full items-center gap-3 px-3 py-2 text-left text-sm text-zinc-700 hover:bg-zinc-900/5 focus-visible:bg-zinc-900/5 focus-visible:outline-none dark:text-zinc-300 dark:hover:bg-white/10 dark:focus-visible:bg-white/10" role="menuitem"> View details </a>  Copy link  

 

 

 

  

 

  No similar songs found.

           

    

  

 

 

   <a :href="`/track/${row.id}/`" class="truncate hover:underline" data-track-link="" hhnavigate=""> </a>

<a :href="`/track/${row.id}/`" class="hover:underline" data-track-link="" hhnavigate=""> </a>

  <a :href="hhArtistUrl(part.name)" class="hover:text-zinc-900 hover:underline dark:hover:text-zinc-100" hhnavigate="" x-html="part.name"></a>

 

           <a :aria-label="hhMetaLabel('bpm', row.bpm)" :href="hhMetaHref('bpm', row.bpm)" class="hh-row-meta hh-meta-link hidden w-10 shrink-0 whitespace-nowrap text-center text-xs tabular-nums text-zinc-500 sm:block dark:text-zinc-400" row.bpm="" x-text="row.bpm ? Math.round(row.bpm) : '–'"></a> <a :aria-label="hhMetaLabel('key', row.trackkey)" :class="'key-' + row.trackkey" :href="hhMetaHref('key', row.trackkey)" class="hh-row-meta hh-meta-link key hidden w-10 shrink-0 text-center text-xs font-medium sm:block" row.trackkey="" x-text="row.trackkey || '–'"></a> Released    <a :aria-label="row._forYouReason ? 'Track details and why this pick' : (row.shazam ? 'Shazam charting and track details' : 'Track details')" :href="trackUrl(row)" class="result-info group/info inline-flex size-9 -translate-x-[4.5px] items-center justify-center rounded-full" x-tooltip.interactive.debounce.1="{ content: () => $refs.infotemplate?.innerHTML || 'Info not available', allowHTML: true, appendTo: $root }">     </a>     focusMenuItem($refs.downloadsMenu, 'first'))" :aria-expanded="menuOpen" aria-haspopup="menu" @keydown.down.prevent="menuOpen = true; $nextTick(() =&gt; focusMenuItem($refs.downloadsMenu, 'first'))" @keydown.up.prevent="menuOpen = true; $nextTick(() =&gt; focusMenuItem($refs.downloadsMenu, 'last'))" :aria-label="'Downloads: choose a version of ' + row.title" x-tooltip="{ content: () =&gt; rowDownloaded(row) ? 'Downloads · some versions downloaded' : 'Downloads', onShow: () =&gt; !menuOpen, hideOnClick: true }" class="relative inline-flex h-9 w-14 items-center justify-center gap-1 rounded-lg text-xs font-medium text-zinc-600 transition-colors hover:bg-zinc-900/10 focus-visible:outline focus-visible:outline-2 focus-visible:outline-hh-focus dark:text-zinc-300 dark:hover:bg-white/10" :class="menuOpen ? 'bg-zinc-900/10 dark:bg-white/10' : (rowDownloaded(row) ? 'border-\[0.5px\] border-zinc-900/15 opacity-50 dark:border-white/15' : (row.\_parent ? '' : 'bg-zinc-900/5 dark:bg-white/5'))"&gt;      1. 
 - No versions available.
 
 

      focusMenuItem($refs.moreMenu, 'first'))" :aria-expanded="moreOpen" aria-haspopup="menu" @keydown.down.prevent="moreOpen = true; $nextTick(() =&gt; focusMenuItem($refs.moreMenu, 'first'))" @keydown.up.prevent="moreOpen = true; $nextTick(() =&gt; focusMenuItem($refs.moreMenu, 'last'))" :aria-label="'More options for ' + row.title" x-tooltip="{ content: 'More options', onShow: () =&gt; !moreOpen }" class="flex size-9 items-center justify-center rounded-full text-zinc-500 hover:bg-zinc-900/5 focus-visible:outline focus-visible:outline-2 focus-visible:outline-hh-focus dark:text-zinc-400 dark:hover:bg-white/10"&gt;             Mixes well with   View playlists  <a :href="trackUrl(row)" class="flex w-full items-center gap-3 px-3 py-2 text-left text-sm text-zinc-700 hover:bg-zinc-900/5 focus-visible:bg-zinc-900/5 focus-visible:outline-none dark:text-zinc-300 dark:hover:bg-white/10 dark:focus-visible:bg-white/10" role="menuitem"> View details </a>  Copy link  

 

 

          

    

  

 

 

   <a :href="`/track/${row.id}/`" class="truncate hover:underline" data-track-link="" hhnavigate=""> </a>

<a :href="`/track/${row.id}/`" class="hover:underline" data-track-link="" hhnavigate=""> </a>

  <a :href="hhArtistUrl(part.name)" class="hover:text-zinc-900 hover:underline dark:hover:text-zinc-100" hhnavigate="" x-html="part.name"></a>

 

           <a :aria-label="hhMetaLabel('bpm', row.bpm)" :href="hhMetaHref('bpm', row.bpm)" class="hh-row-meta hh-meta-link hidden w-10 shrink-0 whitespace-nowrap text-center text-xs tabular-nums text-zinc-500 sm:block dark:text-zinc-400" row.bpm="" x-text="row.bpm ? Math.round(row.bpm) : '–'"></a> <a :aria-label="hhMetaLabel('key', row.trackkey)" :class="'key-' + row.trackkey" :href="hhMetaHref('key', row.trackkey)" class="hh-row-meta hh-meta-link key hidden w-10 shrink-0 text-center text-xs font-medium sm:block" row.trackkey="" x-text="row.trackkey || '–'"></a> Released    <a :aria-label="row._forYouReason ? 'Track details and why this pick' : (row.shazam ? 'Shazam charting and track details' : 'Track details')" :href="trackUrl(row)" class="result-info group/info inline-flex size-9 -translate-x-[4.5px] items-center justify-center rounded-full" x-tooltip.interactive.debounce.1="{ content: () => $refs.infotemplate?.innerHTML || 'Info not available', allowHTML: true, appendTo: $root }">     </a>     focusMenuItem($refs.downloadsMenu, 'first'))" :aria-expanded="menuOpen" aria-haspopup="menu" @keydown.down.prevent="menuOpen = true; $nextTick(() =&gt; focusMenuItem($refs.downloadsMenu, 'first'))" @keydown.up.prevent="menuOpen = true; $nextTick(() =&gt; focusMenuItem($refs.downloadsMenu, 'last'))" :aria-label="'Downloads: choose a version of ' + row.title" x-tooltip="{ content: () =&gt; rowDownloaded(row) ? 'Downloads · some versions downloaded' : 'Downloads', onShow: () =&gt; !menuOpen, hideOnClick: true }" class="relative inline-flex h-9 w-14 items-center justify-center gap-1 rounded-lg text-xs font-medium text-zinc-600 transition-colors hover:bg-zinc-900/10 focus-visible:outline focus-visible:outline-2 focus-visible:outline-hh-focus dark:text-zinc-300 dark:hover:bg-white/10" :class="menuOpen ? 'bg-zinc-900/10 dark:bg-white/10' : (rowDownloaded(row) ? 'border-\[0.5px\] border-zinc-900/15 opacity-50 dark:border-white/15' : (row.\_parent ? '' : 'bg-zinc-900/5 dark:bg-white/5'))"&gt;      1. 
 - No versions available.
 
 

      focusMenuItem($refs.moreMenu, 'first'))" :aria-expanded="moreOpen" aria-haspopup="menu" @keydown.down.prevent="moreOpen = true; $nextTick(() =&gt; focusMenuItem($refs.moreMenu, 'first'))" @keydown.up.prevent="moreOpen = true; $nextTick(() =&gt; focusMenuItem($refs.moreMenu, 'last'))" :aria-label="'More options for ' + row.title" x-tooltip="{ content: 'More options', onShow: () =&gt; !moreOpen }" class="flex size-9 items-center justify-center rounded-full text-zinc-500 hover:bg-zinc-900/5 focus-visible:outline focus-visible:outline-2 focus-visible:outline-hh-focus dark:text-zinc-400 dark:hover:bg-white/10"&gt;             Mixes well with   View playlists  <a :href="trackUrl(row)" class="flex w-full items-center gap-3 px-3 py-2 text-left text-sm text-zinc-700 hover:bg-zinc-900/5 focus-visible:bg-zinc-900/5 focus-visible:outline-none dark:text-zinc-300 dark:hover:bg-white/10 dark:focus-visible:bg-white/10" role="menuitem"> View details </a>  Copy link  

 

 

 

  

 

 

 response.json()) .then(data =&gt; { playlists = data.success &amp;&amp; Array.isArray(data.data) ? data.data : []; isLoading = false; }) .catch(() =&gt; { isLoading = false; }); } else { isLoading = false; }" id="release-playlists-panel" class="release-playlists-popover w-full max-w-2xl bg-white/95 dark:bg-[#131522]/70 backdrop-blur-md text-zinc-900 dark:text-zinc-100 pb-0 mt-0 mx-auto md:m-auto p-0 md:p-4 shadow shadow-2xl shadow-zinc-900/10 dark:shadow-zinc-900/50"&gt;       Appears in playlists###   -  

   

  KEY    BPM    YEAR    GENRE    TAGS         

 

 

 

  This track isn't in any playlists yet.

   1. <a :href="playlist.url" class="group" hx-boost="true" hx-on::after-request="window.scrollTo({top: 0, behavior: 'smooth'})" hx-select="#content" hx-swap="outerHTML" hx-target="#content" style="display:flex;align-items:center;gap:.75rem;padding:.5rem .25rem;cursor:pointer;text-decoration:none;color:inherit;">  ![]()         </a>
  
 

Premium content is available to members only. Please [upgrade](/members/upgrade) to access this content.