.hh-modern-ui{--hh-canvas:oklch(96.74% 0.0013 286.38);--hh-surface:oklch(100% 0 none);--hh-raised:oklch(98.51% 0 none);--hh-text:oklch(21.03% 0.0059 285.89);--hh-muted:oklch(44.19% 0.0146 285.79);--hh-border:oklch(87.11% 0.0055 286.29);--hh-hover:color-mix(in oklch,var(--hh-text) 5.5%,transparent);--hh-row-hover:color-mix(in oklch,var(--hh-text) 2%,transparent);--hh-selected:color-mix(in oklch,var(--primary,oklch(49.86% 0.2867 277.41)) 16%,transparent);--hh-accent:var(--primary,oklch(49.86% 0.2867 277.41));--hh-accent-hover:color-mix(in oklch,var(--primary,oklch(49.86% 0.2867 277.41)) 85%,#000);--hh-focus:var(--primary,oklch(49.86% 0.2867 277.41));--hh-indicator:var(--hh-accent);--hh-accent-text:var(--hh-accent);--hh-error:oklch(50.54% 0.1905 27.52);--hh-success:oklch(52.73% 0.1371 150.07);--hh-control-radius:8px;--hh-popover-radius:12px;--hh-dialog-radius:16px;--hh-fast:80ms;--hh-normal:160ms;--hh-large:240ms}.dark .hh-modern-ui{--hh-canvas:oklch(17.85% 0.0041 285.98);--hh-surface:oklch(21.03% 0.0059 285.89);--hh-raised:oklch(24.48% 0.0056 285.98);--hh-text:oklch(96.74% 0.0013 286.38);--hh-muted:oklch(71.18% 0.0129 286.07);--hh-border:oklch(37.03% 0.0119 285.81);--hh-hover:oklch(100% 0 none/0.065);--hh-row-hover:oklch(100% 0 none/0.025);--hh-selected:color-mix(in oklch,var(--primary,oklch(49.86% 0.2867 277.41)) 12%,transparent);--hh-accent-hover:color-mix(in oklch,var(--primary,oklch(49.86% 0.2867 277.41)) 85%,#fff);--hh-focus:color-mix(in oklch,var(--primary,oklch(49.86% 0.2867 277.41)) 70%,#fff);--hh-indicator:var(--hh-focus);--hh-error:oklch(80.77% 0.1035 19.57);--hh-success:oklch(87.12% 0.1363 154.45);--hh-accent-text:color-mix(in oklch,var(--primary,oklch(49.86% 0.2867 277.41)) 70%,#fff)}.hh-modern-ui{--hh-border-subtle:color-mix(in oklch,var(--hh-border) 55%,transparent)}.hh-modern-ui.hh-gray-preview{--color-zinc-50:oklch(98.5% .002 247.839);--color-zinc-100:oklch(96.7% .003 264.542);--color-zinc-200:oklch(92.8% .006 264.531);--color-zinc-300:oklch(87.2% .01 258.338);--color-zinc-400:oklch(70.7% .022 261.325);--color-zinc-500:oklch(55.1% .027 264.364);--color-zinc-600:oklch(44.6% .03 256.802);--color-zinc-700:oklch(37.3% .034 259.733);--color-zinc-800:oklch(27.8% .033 256.848);--color-zinc-900:oklch(21% .034 264.665);--color-zinc-950:oklch(13% .028 261.692);--hh-canvas:var(--color-zinc-100);--hh-surface:oklch(100% 0 none);--hh-raised:var(--color-zinc-50);--hh-text:var(--color-zinc-900);--hh-muted:var(--color-zinc-600);--hh-border:var(--color-zinc-300);--hh-hover:color-mix(in oklch,var(--color-zinc-900) 5.5%,transparent);--hh-row-hover:color-mix(in oklch,var(--color-zinc-900) 2%,transparent)}.dark .hh-modern-ui.hh-gray-preview{--hh-canvas:var(--color-zinc-950);--hh-surface:var(--color-zinc-900);--hh-raised:var(--color-zinc-800);--hh-text:var(--color-zinc-100);--hh-muted:var(--color-zinc-400);--hh-border:var(--color-zinc-700);--hh-hover:color-mix(in oklch,var(--color-zinc-100) 6.5%,transparent);--hh-row-hover:color-mix(in oklch,var(--color-zinc-100) 2.5%,transparent)}.hh-modern-ui :is(button,a,input,select,textarea,summary,[tabindex]:not([tabindex="-1"]),[role=option],[role=menuitem]):focus-visible{outline:2px solid var(--hh-focus)!important;outline-offset:3px}.hh-modern-ui :is(button,[role=button],.hh-button):not(:disabled):active{scale:.96}@layer base{@media(prefers-reduced-motion:no-preference){.hh-modern-ui :is(button,[role=button],.hh-button){transition:scale var(--hh-normal) cubic-bezier(.23,1,.32,1)}}}@media(prefers-reduced-motion:reduce){.hh-modern-ui :is(button,[role=button],.hh-button):not(:disabled):active{opacity:.8;scale:none}}.hh-modern-ui :is(.metadata,.chart-num,.chart-movement,#time-current,#time-total,[x-text="track.bpm"]){font-variant-numeric:tabular-nums}@media(pointer:coarse){.hh-modern-ui :is(input:not([type=checkbox],[type=radio],[type=range]),select,textarea){font-size:max(16px,1em)}}.hh-modern-ui :is(.hh-drawer,[role=listbox]){overscroll-behavior:contain}.hh-modern-ui :is(button,.hh-button):disabled{cursor:not-allowed;opacity:.4}.hh-modern-ui [data-hh-motion-group]{isolation:isolate}.hh-motion-hover,.hh-motion-selected{border-radius:var(--hh-control-radius);left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:top left;transition:opacity var(--hh-fast);z-index:-1}.hh-motion-hover{background:var(--hh-hover);translate:var(--hh-near-x,0) 0}.hh-motion-selected{background:var(--hh-selected);box-shadow:inset 0 -2px var(--hh-indicator)}.hh-modern-ui #charts-tabs .hh-motion-selected,.hh-modern-ui [data-hh-motion-group=rows]>.hh-motion-selected{box-shadow:none}.hh-modern-ui :is(.custom-playlist,.releases-container,#charts-content,#playlist-container ul)>.hh-motion-selected{display:none}.hh-motion-hover[data-visible=true],.hh-motion-selected[data-visible=true]{opacity:1}.hh-modern-ui [data-hh-motion-group=rows] .hh-motion-hover{background:var(--hh-row-hover);border-radius:4px}.hh-modern-ui [x-cloak]{display:none!important}@media(prefers-reduced-motion:reduce){.hh-modern-ui *,.hh-modern-ui :after,.hh-modern-ui :before{animation:none!important;scroll-behavior:auto!important;transition-duration:0ms!important}.hh-motion-hover{translate:none}}.hh-modern-ui :is(.gradient-bg,.gradients-container){display:none!important}.hh-modern-ui #playlist-grid .gradient-text{color:hsla(0,0%,100%,.8)!important}.hh-modern-ui #charts-tabs .chart-provider-tab{border-radius:var(--hh-control-radius);transition:color var(--hh-fast),background-color var(--hh-normal)}.hh-modern-ui #charts-tabs :is(.chart-provider-tab,.hh-chart-provider-tab)[aria-current=page]{background:transparent!important;color:var(--hh-accent-text)!important}.hh-modern-ui #charts-tabs .hh-charts-title{flex:none;margin:0}.hh-modern-ui #charts-tabs .hh-chart-provider-tab:not([aria-current=page]){background:transparent}@media(max-width:767px){.hh-modern-ui #charts-tabs .chart-provider-label{display:none}.hh-modern-ui #charts-tabs{-moz-column-gap:12px;column-gap:12px}}.hh-modern-ui :is(button,a,input,select,textarea,[tabindex]):focus{--tw-ring-color:var(--hh-focus)!important}.hh-modern-ui #search-offcanvas .dual-range{background:var(--hh-border)!important}.hh-modern-ui #search-offcanvas .dual-range .highlight{background:var(--hh-accent)!important;filter:none;opacity:1}.hh-modern-ui #search-offcanvas .dual-range .handle{background:var(--hh-accent)!important;box-shadow:0 0 0 3px var(--hh-surface)}.dark .hh-modern-ui #search-offcanvas .dual-range .handle{box-shadow:0 0 0 5px var(--hh-surface)}.hh-modern-ui #search-offcanvas .dual-range .handle:after{background:var(--hh-raised);color:var(--hh-text)}.hh-modern-ui #search-offcanvas .dual-range .handle:active{background:var(--hh-accent-hover)!important}@media(hover:hover) and (pointer:fine){.hh-modern-ui #search-offcanvas .dual-range .handle:hover{background:var(--hh-accent-hover)!important}}.hh-modern-ui #search-offcanvas .dual-range .handle:focus-visible{outline:2px solid var(--hh-focus);outline-offset:3px}@supports (color:oklch(from red l c h)){html:not(.dark) .hh-modern-ui{--key-1A:oklch(from #aeffe1 min(l,.5) max(c,.12) h);--key-1B:oklch(from #8affd8 min(l,.5) max(c,.12) h);--key-2A:oklch(from #beffb8 min(l,.5) max(c,.12) h);--key-2B:oklch(from #9fff9d min(l,.5) max(c,.12) h);--key-3A:oklch(from #cef89b min(l,.5) max(c,.12) h);--key-3B:oklch(from #b6f974 min(l,.5) max(c,.12) h);--key-4A:oklch(from #dfe39b min(l,.5) max(c,.12) h);--key-4B:oklch(from #d3d074 min(l,.5) max(c,.12) h);--key-5A:oklch(from #f6bda3 min(l,.5) max(c,.12) h);--key-5B:oklch(from #f39b7f min(l,.5) max(c,.12) h);--key-6A:oklch(from #fea3b4 min(l,.5) max(c,.12) h);--key-6B:oklch(from #fe7e95 min(l,.5) max(c,.12) h);--key-7A:oklch(from #f3a3cf min(l,.5) max(c,.12) h);--key-7B:oklch(from #ed7eb8 min(l,.5) max(c,.12) h);--key-8A:oklch(from #dea3ec min(l,.5) max(c,.12) h);--key-8B:oklch(from #d37edb min(l,.5) max(c,.12) h);--key-9A:oklch(from #cca4f3 min(l,.5) max(c,.12) h);--key-9B:oklch(from #b280fe min(l,.5) max(c,.12) h);--key-10A:oklch(from #bcbffe min(l,.5) max(c,.12) h);--key-10B:oklch(from #9aaffe min(l,.5) max(c,.12) h);--key-11A:oklch(from #aceafe min(l,.5) max(c,.12) h);--key-11B:oklch(from #88e2fe min(l,.5) max(c,.12) h);--key-12A:oklch(from #a3fffb min(l,.5) max(c,.12) h);--key-12B:oklch(from #7ffffa min(l,.5) max(c,.12) h);--genre-hiphop:oklch(from #a83838 min(l,.5) max(c,.12) h);--genre-latin:oklch(from #a673ff min(l,.5) max(c,.12) h);--genre-pop:oklch(from #f4a460 min(l,.5) max(c,.12) h);--genre-reggae:oklch(from #9bc447 min(l,.5) max(c,.12) h);--genre-intl:oklch(from #0cf min(l,.5) max(c,.12) h);--genre-edm:oklch(from #309179 min(l,.5) max(c,.12) h)}html:not(.dark) .hh-modern-ui .bg-key{--key-1A:#aeffe1;--key-1B:#8affd8;--key-2A:#beffb8;--key-2B:#9fff9d;--key-3A:#cef89b;--key-3B:#b6f974;--key-4A:#dfe39b;--key-4B:#d3d074;--key-5A:#f6bda3;--key-5B:#f39b7f;--key-6A:#fea3b4;--key-6B:#fe7e95;--key-7A:#f3a3cf;--key-7B:#ed7eb8;--key-8A:#dea3ec;--key-8B:#d37edb;--key-9A:#cca4f3;--key-9B:#b280fe;--key-10A:#bcbffe;--key-10B:#9aaffe;--key-11A:#aceafe;--key-11B:#88e2fe;--key-12A:#a3fffb;--key-12B:#7ffffa}}@media (min-width:768px){.hh-modern-ui #content.hh-chart-layout{align-content:start;align-items:start;-moz-column-gap:16px;column-gap:16px;counter-reset:track-counter;display:grid;grid-template-columns:max-content minmax(0,1fr)}.hh-modern-ui #content.hh-chart-layout>#charts-tabs{align-self:center;grid-column:1;grid-row:1;margin-block-end:24px;padding-inline:0}.hh-modern-ui #content.hh-chart-layout :is(#charts-content,#playlist-content){counter-reset:none;display:contents}.hh-modern-ui #content.hh-chart-layout :is(#charts-content,#playlist-content)>*{grid-column:1/-1;min-inline-size:0}.hh-modern-ui #content.hh-chart-layout :is(#charts-content,#playlist-content)>[data-hh-chart-controls]{align-self:center;grid-column:2;grid-row:1;justify-content:flex-end;margin-block:0 24px;padding-inline:0}}.hh-modern-ui .hh-chart-controls{margin-block:0 16px;padding-inline:16px}.hh-modern-ui .hh-chart-controls,.hh-modern-ui .hh-chart-controls-group{align-items:center;display:flex;flex-wrap:wrap;gap:8px 12px;min-inline-size:0}.hh-modern-ui .hh-chart-menu{min-inline-size:0;position:relative}.hh-modern-ui .hh-chart-menu-trigger{align-items:center;background:transparent;border:0;border-radius:var(--hh-control-radius);color:var(--hh-muted);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;letter-spacing:0;line-height:20px;max-inline-size:min(320px,100%);min-block-size:36px;padding:6px 8px;text-transform:none;transition:color var(--hh-fast),background-color var(--hh-fast);white-space:nowrap}.hh-modern-ui .hh-chart-menu-trigger[aria-expanded=true],.hh-modern-ui .hh-chart-menu-trigger[data-filtered]{color:var(--hh-text)}.hh-modern-ui .hh-chart-menu-trigger:focus-visible{outline:2px solid var(--hh-focus);outline-offset:2px}.hh-modern-ui .hh-chart-menu-trigger svg{block-size:16px;flex:none;inline-size:16px;opacity:.7}.hh-modern-ui .hh-chart-menu-trigger :is(img,.apple-chart-artwork){block-size:20px;border-radius:2px;flex:none;inline-size:20px;-o-object-fit:cover;object-fit:cover}.hh-modern-ui .hh-chart-menu-trigger .apple-chart-name{gap:8px}.hh-modern-ui .hh-chart-menu-value{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(hover:hover) and (pointer:fine){.hh-modern-ui .hh-chart-menu-trigger:hover{background:var(--hh-hover);color:var(--hh-text)}}.hh-modern-ui .hh-chart-menu-list{display:flex;flex-direction:column;inline-size:max(100%,224px);inset-block-start:calc(100% + 4px);inset-inline-start:0;max-block-size:320px;max-inline-size:calc(100vw - 32px);overflow-y:auto;position:absolute;z-index:30}.hh-modern-ui .hh-chart-menu-list--wide{inline-size:320px;max-block-size:none;overflow-y:visible}.hh-modern-ui .hh-chart-menu-option{align-items:center;color:var(--hh-muted);cursor:pointer;display:flex;font-size:14px;gap:12px;justify-content:space-between;padding:8px 12px}.hh-modern-ui .hh-chart-menu-option[aria-selected=true]{color:var(--hh-text);font-weight:600}.hh-modern-ui .hh-chart-menu-option:is(:hover,:focus-visible){background:var(--hh-hover);color:var(--hh-text);outline:none}.hh-modern-ui .hh-chart-segments{align-items:center;display:inline-flex;gap:2px}.hh-modern-ui .hh-chart-segments button{align-items:center;background:transparent;border:0;border-radius:var(--hh-control-radius);color:var(--hh-muted);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;min-block-size:32px;padding:4px 10px;transition:color var(--hh-fast);white-space:nowrap}.hh-modern-ui .hh-chart-segments button.active{--hh-seg-from:var(--primary,oklch(49.86% 0.2867 277.41));--hh-seg-to:var(--secondary,var(--hh-seg-from));-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right,var(--hh-seg-from),var(--hh-seg-to));background-origin:content-box;color:var(--hh-accent-text);color:transparent;font-weight:600}.dark .hh-modern-ui .hh-chart-segments button.active{--hh-seg-from:color-mix(in oklch,var(--primary,oklch(49.86% 0.2867 277.41)) 70%,#fff);--hh-seg-to:color-mix(in oklch,var(--secondary,var(--primary)) 70%,#fff)}.hh-modern-ui .hh-chart-segments button:disabled{cursor:default;opacity:.4}.hh-modern-ui .hh-chart-segments button:focus-visible{outline:2px solid var(--hh-focus);outline-offset:2px}.hh-modern-ui .hh-chart-segments .hh-motion-selected{box-shadow:none}.hh-modern-ui #apple-preset-menu .apple-chart-option{color:var(--hh-muted)}.hh-modern-ui #apple-preset-menu .apple-chart-option[aria-pressed=true]{color:var(--hh-text)}.hh-modern-ui #apple-preset-menu .apple-chart-option:is(:hover,:focus-visible){background:var(--hh-hover);color:var(--hh-text)}.hh-modern-ui .hh-url-field{display:flex;min-inline-size:0;position:relative}.hh-modern-ui .hh-url-field input{border:1px solid var(--hh-border);border-radius:var(--hh-control-radius);flex:1;inline-size:100%;min-inline-size:0;padding-inline-end:44px}.hh-modern-ui .hh-url-field button{aspect-ratio:1;background:transparent;border:0;border-radius:calc(var(--hh-control-radius) - 4px);color:var(--hh-muted);cursor:pointer;display:grid;inset-block:4px;inset-inline-end:4px;padding:0;place-items:center;position:absolute;transition:color var(--hh-fast),background-color var(--hh-fast)}.hh-modern-ui .hh-url-field button svg{block-size:18px;inline-size:18px}.hh-modern-ui .hh-url-field input:not(:-moz-placeholder-shown)+button{color:var(--hh-accent-text)}.hh-modern-ui .hh-url-field input:not(:placeholder-shown)+button{color:var(--hh-accent-text)}@media(hover:hover) and (pointer:fine){.hh-modern-ui .hh-url-field button:not(:disabled):hover{background:var(--hh-hover);color:var(--hh-text)}}.hh-modern-ui .hh-url-field button:focus-visible{outline:2px solid var(--hh-focus);outline-offset:0}.hh-modern-ui .hh-url-field button:disabled{cursor:default;opacity:.4}@media(pointer:coarse){.hh-modern-ui .hh-chart-menu-trigger,.hh-modern-ui .hh-chart-segments button{min-block-size:40px}}@media(min-width:768px){.hh-modern-ui .hh-chart-controls{flex-wrap:nowrap}.hh-modern-ui .hh-chart-menu-list{inset-inline:auto 0}}@media(max-width:767px){.hh-modern-ui .hh-chart-controls{justify-content:space-between}.hh-modern-ui .hh-chart-controls>.hh-chart-controls-group:first-child+.hh-chart-menu,.hh-modern-ui .hh-chart-controls>.hh-chart-menu:first-child{margin-inline-start:-8px}.hh-modern-ui .hh-chart-controls-group>.hh-chart-menu:last-child .hh-chart-menu-list{inset-inline:auto 0}}.hh-modern-ui .hh-browse-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-block:24px}.hh-modern-ui .hh-browse-switch{border-bottom:1px solid var(--hh-border);display:flex;gap:4px}.hh-modern-ui .hh-browse-switch button{border-bottom:2px solid transparent;color:var(--hh-muted);cursor:pointer;font-weight:600;min-height:44px;padding:10px 16px}.hh-modern-ui .hh-browse-switch button[aria-pressed=true]{border-color:var(--hh-indicator);color:var(--hh-text)}.hh-modern-ui .hh-filter-entry{align-items:center;border:1px solid var(--hh-border);border-radius:var(--hh-control-radius);color:var(--hh-text);cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;min-height:44px;padding:8px 14px}@media(hover:hover) and (pointer:fine){.hh-modern-ui .hh-filter-entry:hover{background:var(--hh-hover)}}.hh-modern-ui .hh-filter-entry--icon{padding:0;width:44px}.hh-modern-ui nav[aria-label=pagination] button[aria-current=page]{background:var(--hh-selected);border-radius:var(--hh-control-radius);color:var(--hh-accent-text);font-weight:600;text-decoration:none}@media(min-width:768px){.hh-modern-ui #pool-releases>.inline-block.px-4{padding-inline:0}}.hh-modern-ui .hh-trending-head{align-items:center;display:grid;gap:16px 12px;grid-template-columns:minmax(0,1fr) auto auto}.hh-modern-ui .hh-trending-head>h2{grid-area:1/1}.hh-modern-ui .hh-trending-window{grid-area:1/2}.hh-modern-ui .hh-trending-link{grid-area:1/3}.hh-modern-ui .hh-trending-head>.hh-chip-scroll{grid-area:2/1/3/-1;min-inline-size:0}@media(min-width:1024px){.hh-modern-ui .hh-trending-head>.hh-chip-scroll{grid-area:2/1/3/3}.hh-modern-ui .hh-trending-window{align-self:start;grid-area:2/3;margin-block-start:-2px}.hh-modern-ui .hh-trending-link{grid-area:1/2/2/4;justify-self:end}}.hh-modern-ui .hh-pool-charts{margin-block-start:40px}.hh-modern-ui .hh-mobile-track-meta{display:none}.hh-modern-ui #search-offcanvas{position:relative;z-index:10000000}.hh-modern-ui #search-offcanvas .hh-filter-shell{height:auto;margin-inline:auto;max-height:calc(100dvh - 112px);max-width:1120px;padding-bottom:0;top:12px;width:calc(100% - 48px)}.hh-modern-ui #search-offcanvas .hh-filter-surface{max-height:calc(100dvh - 112px);overflow-y:auto;position:relative}.hh-modern-ui #search-offcanvas .hh-filter-inset{height:auto;padding:16px 24px}.hh-modern-ui #search-offcanvas .hh-filter-body{height:auto;margin:0;text-align:left}.hh-modern-ui #search-offcanvas .hh-filter-grid{align-items:start;display:grid;gap:12px 32px;grid-template-columns:repeat(3,minmax(0,1fr));height:auto;margin:0;max-height:none;max-width:none;padding:0}.hh-modern-ui #search-offcanvas :is(.hh-filter-selects,.hh-filter-musical,.hh-filter-extras){display:contents}.hh-modern-ui #search-offcanvas .hh-filter-heading{border:0;grid-column:1/-1;grid-row:1;margin:0;padding:0 0 8px;position:static}.hh-modern-ui #search-offcanvas .hh-filter-heading h3{font-size:16px;letter-spacing:0;line-height:1.5;margin:0;text-transform:none}.hh-modern-ui #search-offcanvas .hh-filter-heading button{color:var(--hh-muted);display:grid;flex-shrink:0;height:32px;margin:0;place-items:center;width:32px}.hh-modern-ui #search-offcanvas .hh-filter-heading button:hover{background:var(--hh-hover);border-radius:var(--hh-control-radius);color:var(--hh-text)}.hh-modern-ui #search-offcanvas .hh-filter-keyword{display:none}.hh-modern-ui #genre-combobox{grid-column:1;grid-row:2}.hh-modern-ui #versions-combobox{grid-column:1;grid-row:3}.hh-modern-ui #decade-combobox{grid-column:1;grid-row:4}.hh-modern-ui #search-offcanvas #bpm-slider{align-self:start;grid-column:2;grid-row:2;min-height:56px}.hh-modern-ui #search-key-filters{grid-column:2;grid-row:3/6}.hh-modern-ui #search-offcanvas .hh-audio-filters{align-items:stretch;align-self:stretch;display:flex;flex-direction:column;gap:16px;grid-column:3;grid-row:2/6;justify-content:space-between;padding:0}.hh-modern-ui #search-offcanvas #search-tag-filters{align-self:end;display:flex;grid-column:1;grid-row:5}.hh-modern-ui #search-offcanvas :is(#genre-combobox,#versions-combobox,#decade-combobox)>label{color:var(--hh-muted);display:block;font-size:12px;line-height:16px;padding:0}.hh-modern-ui #search-offcanvas :is(#genre-combobox,#versions-combobox,#decade-combobox,#search-tag-filters) [role=combobox]{box-shadow:none;font-size:13px;line-height:18px;min-height:36px;padding:8px 12px}.hh-modern-ui #search-offcanvas [role=combobox] span{font-size:13px}.hh-modern-ui #search-offcanvas #clear-hashtags{font-size:12px;white-space:nowrap}.hh-modern-ui #search-offcanvas #search-key-filters>label{color:var(--hh-muted);font-size:12px;line-height:16px;padding:0}.hh-modern-ui #search-offcanvas .hh-key-grid{gap:6px;margin-top:8px}.hh-modern-ui #search-offcanvas .key-input{background:color-mix(in srgb,var(--hh-key-color) 10%,var(--hh-raised));border:1px solid color-mix(in srgb,var(--hh-key-color) 24%,var(--hh-border));border-radius:6px;filter:none;height:32px;min-height:32px;opacity:1;padding:0}.hh-modern-ui #search-offcanvas .key-input label{color:var(--hh-text);font-size:12px;font-variant-numeric:tabular-nums}.hh-modern-ui #search-offcanvas .key-input:hover{background:color-mix(in srgb,var(--hh-key-color) 22%,var(--hh-raised))}.hh-modern-ui #search-offcanvas .key-input:has(input:checked){background:var(--hh-key-color);border-color:var(--hh-key-color);box-shadow:inset 0 0 0 1px var(--hh-text)}.hh-modern-ui #search-offcanvas .key-input:has(input:checked) label{color:#18181b;font-weight:700}.hh-modern-ui #search-offcanvas .key-input:has(input:focus-visible){outline:2px solid var(--hh-focus);outline-offset:2px}.hh-modern-ui #search-offcanvas :is(#bpm-slider,.hh-audio-filters>div){align-items:center;display:flex;gap:16px;min-height:40px;padding-top:16px}.hh-modern-ui #search-offcanvas :is(#bpm-slider,.hh-audio-filters>div)>label{color:var(--hh-muted);flex-shrink:0;font-size:12px;line-height:16px;min-width:0;padding:0;text-align:left;width:80px}.hh-modern-ui #search-offcanvas .dual-range{--range-size:4px;--range-width:100%;flex:1;margin-inline:8px;min-width:0}.hh-modern-ui #search-offcanvas .dual-range .highlight{left:calc(var(--x-1) + 8px);width:calc(var(--x-2) - var(--x-1))}.hh-modern-ui #search-offcanvas .dual-range .handle{box-shadow:0 0 0 2px var(--hh-surface);height:16px;width:16px}.hh-modern-ui #search-offcanvas .dual-range .handle:before{content:"";inset:-8px;position:absolute}.hh-modern-ui #search-offcanvas .dual-range .handle:after{background:transparent;font-size:11px;font-variant-numeric:tabular-nums;font-weight:500;line-height:16px;padding:0;top:-22px}.hh-modern-ui #search-offcanvas .hh-more-filters{align-items:center;border-block:1px solid var(--hh-border);cursor:pointer;display:none;font-weight:600;gap:12px;justify-content:space-between;min-height:44px;padding:12px 0;text-align:left}.hh-modern-ui .hh-more-hint{color:var(--hh-muted);font-size:12px;font-weight:400}.hh-modern-ui #search-offcanvas .hh-filter-actions{align-items:center;border-top:1px solid var(--hh-border);gap:12px;grid-column:1/-1;grid-row:6;justify-content:flex-end;margin-top:4px;max-width:none;padding-top:12px}.hh-modern-ui #search-offcanvas .hh-filter-actions button{font-size:13px;line-height:18px;max-height:none;min-height:36px;min-width:96px;padding:8px 16px;width:auto}.hh-modern-ui #search-offcanvas .hh-filter-actions button:first-child{background:transparent;box-shadow:none;color:var(--hh-muted);margin-right:auto;min-width:0;padding-inline:0}@media(hover:hover) and (pointer:fine){.hh-modern-ui #search-offcanvas .hh-filter-actions button:first-child:hover{color:var(--hh-text)}}.hh-modern-ui #search-offcanvas .hh-filter-surface{scrollbar-gutter:stable}.hh-modern-ui #search-offcanvas :is(#genre-combobox,#versions-combobox,#decade-combobox,#search-tag-filters){min-width:0;position:relative}.hh-modern-ui #search-offcanvas :is(#genre-combobox,#versions-combobox,#decade-combobox,#search-tag-filters):has([aria-expanded=true]){z-index:30}.hh-modern-ui #search-offcanvas [role=listbox]{inset-block-end:auto;inset-block-start:calc(100% + 4px);margin:0;max-height:var(--hh-filter-list-height,240px);overflow-y:auto;overscroll-behavior:contain;z-index:30}.hh-modern-ui #search-offcanvas [role=listbox][data-placement=above]{inset-block-end:calc(100% + 4px);inset-block-start:auto;transform-origin:bottom}.hh-modern-ui #search-offcanvas .hh-filter-actions{z-index:10}@media(max-width:1023px){.hh-modern-ui #search-offcanvas .hh-filter-shell{max-width:none;top:0;width:100%}.hh-modern-ui #search-offcanvas .hh-filter-shell,.hh-modern-ui #search-offcanvas .hh-filter-surface{max-height:calc(100dvh - 16px)}.hh-modern-ui #search-offcanvas .hh-filter-grid{gap:16px 24px;grid-template-columns:repeat(2,minmax(0,1fr))}.hh-modern-ui #search-offcanvas :is(.hh-filter-heading,.hh-filter-keyword,#genre-combobox,#versions-combobox,#decade-combobox,#bpm-slider,#search-key-filters,.hh-audio-filters,#search-tag-filters,.hh-filter-actions){grid-column:auto;grid-row:auto}.hh-modern-ui #search-offcanvas .hh-filter-heading{grid-column:1/-1;order:0;padding:0}.hh-modern-ui #search-offcanvas .hh-filter-heading button{height:44px;width:44px}.hh-modern-ui #search-offcanvas .hh-filter-keyword{display:block;grid-column:1/-1;order:1}.hh-modern-ui #genre-combobox{order:2}.hh-modern-ui #versions-combobox{order:3}.hh-modern-ui #decade-combobox{order:4}.hh-modern-ui #search-offcanvas #bpm-slider{align-self:center;order:5}.hh-modern-ui #search-offcanvas #search-key-filters{grid-column:1/-1;order:6}.hh-modern-ui #search-offcanvas .hh-more-filters{display:flex;grid-column:1/-1;order:7}.hh-modern-ui #search-offcanvas .hh-audio-filters{display:grid;gap:24px;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));order:8}.hh-modern-ui #search-offcanvas #search-tag-filters{grid-column:1/-1;order:9}.hh-modern-ui #search-offcanvas .hh-filter-actions{grid-column:1/-1;order:10}.hh-modern-ui #search-offcanvas :is(#search-audio-filters,#search-tag-filters)[data-secondary-open=false]{display:none}.hh-modern-ui #search-offcanvas :is(#genre-combobox,#versions-combobox,#decade-combobox,#search-tag-filters) [role=combobox]{min-height:44px}.hh-modern-ui #search-offcanvas .key-input{height:44px;min-height:44px}.hh-modern-ui #search-offcanvas .dual-range .handle:before{inset:-14px}.hh-modern-ui #search-offcanvas .hh-filter-actions button{min-height:44px}}@media(max-width:767px){.hh-modern-ui .hh-browse-toolbar,.hh-modern-ui .hh-pool-charts>h2{margin-inline:16px}.hh-modern-ui .hh-browse-switch button{padding-inline:0}.hh-modern-ui .result--main>.track-holder{flex-shrink:0;min-width:44px;padding:0;width:44px}.hh-modern-ui .result--main :is(.btn-playpause,.result-info,.toggle-downloads>button,button[aria-label="context menu"]){min-height:44px;min-width:44px}.hh-modern-ui .result--main .col2{min-width:0;padding-inline:0}.hh-modern-ui .result--main .hh-mobile-track-meta{color:var(--hh-muted);display:flex;flex-wrap:wrap;font-size:12px;font-variant-numeric:tabular-nums;gap:8px;line-height:1.4;margin-top:6px}.hh-modern-ui .result--main{-moz-column-gap:4px;column-gap:4px;padding-inline:8px}.hh-modern-ui .result--main>.toggle-downloads{flex-shrink:0;margin-inline:0}.hh-modern-ui #search-offcanvas .hh-filter-inset{padding:12px 16px}.hh-modern-ui #search-offcanvas .hh-filter-grid{gap:12px;grid-template-columns:minmax(0,1fr)}.hh-modern-ui #search-offcanvas .hh-audio-filters{gap:20px;grid-template-columns:minmax(0,1fr)}.hh-modern-ui #search-offcanvas .hh-key-grid{gap:4px}.hh-modern-ui #search-offcanvas .hh-filter-actions{background:var(--hh-surface);bottom:-12px;margin-top:0;padding-block:12px;position:sticky}}.hh-modern-ui .hh-collection-cover{border:0;border-radius:var(--hh-control-radius);overflow:clip}.hh-modern-ui .hh-collection-title{-webkit-box-orient:vertical;-webkit-line-clamp:2;text-wrap:balance;color:var(--hh-text);display:-webkit-box;font-size:.875rem;font-weight:500;line-height:1.35;margin-block-start:.5rem;overflow:hidden}.hh-modern-ui .hh-collection-meta{color:var(--hh-muted);display:block;font-size:.75rem;font-weight:200;line-height:1.5;margin-block-start:.25rem}.hh-modern-ui .hh-collection-meta:empty{display:none}.hh-modern-ui .hh-collection-card{color:var(--hh-text);text-decoration:none}.hh-modern-ui .hh-collection-card:focus-visible{border-radius:var(--hh-control-radius)}.hh-modern-ui .hh-collection-card:active{opacity:.8}@media(hover:hover) and (pointer:fine){.hh-modern-ui .hh-collection-card:hover .hh-collection-title{text-decoration:underline;text-underline-offset:3px}}.hh-dl-icon{align-items:center;clip-path:inset(-60% -30% 0 -30%);display:inline-flex;justify-content:center;position:relative}.hh-dl-icon__glyph{height:100%;overflow:visible;width:100%}.hh-dl-icon__glyph.is--success{inset:0;position:absolute}[data-download-arrow],[data-download-base]{transition:transform .5s cubic-bezier(.625,.05,0,1)}[data-download-base]{transform-box:fill-box;transform-origin:center}[data-download-success] path{transition:stroke-dashoffset .4s cubic-bezier(.625,.05,0,1)}[data-download-state=downloading]{pointer-events:none}[data-download-state=downloading] [data-download-arrow]{animation:hh-dl-bob .9s cubic-bezier(.625,.05,0,1) infinite}[data-download-state=ready] [data-download-arrow]{transform:translateY(200%)}[data-download-state=ready] [data-download-base]{transform:scaleX(0);transition-delay:.1s}[data-download-state=ready] [data-download-success] path{stroke-dashoffset:0;transition-delay:.25s}@media (hover:hover) and (pointer:fine){[data-download-state=idle]:hover [data-download-arrow]{transform:translateY(-30%)}[data-download-state=idle]:hover [data-download-base]{transform:scaleX(1.2)}}[data-download-state=idle]:focus-visible [data-download-arrow]{transform:translateY(-30%)}[data-download-state=idle]:focus-visible [data-download-base]{transform:scaleX(1.2)}@keyframes hh-dl-bob{50%{transform:translateY(-30%)}}@media (prefers-reduced-motion:reduce){[data-download-arrow],[data-download-base],[data-download-success] path{transition:none}[data-download-state=downloading] [data-download-arrow]{animation:none}}