@supports (-moz-appearance: none) {
  html.ff-scrollbars-enabled .curators-genre-dropdown {
    position: absolute;
    overflow: visible;
  }

  html.ff-scrollbars-enabled .curators-genre-filters {


    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 2px 22px 4px 2px;
  }

  html.ff-scrollbars-enabled .curators-genre-filters::-webkit-scrollbar {
    display: none;
  }


  html.ff-scrollbars-enabled #playlist-modal .playlist-modal-mobile-sort-popover {
    position: absolute;
    overflow: visible;
  }

  html.ff-scrollbars-enabled #playlist-modal .playlist-modal-mobile-sort-list {
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 2px 24px 4px 2px !important;
  }

  html.ff-scrollbars-enabled #playlist-modal .playlist-modal-mobile-sort-list::-webkit-scrollbar {
    display: none;
  }

  html.ff-scrollbars-enabled #curators-contacts-modal .curators-contacts-mobile-sort-popover {
    position: absolute;
    overflow: visible;
  }

  html.ff-scrollbars-enabled #curators-contacts-modal .curators-contacts-mobile-shell {
    position: relative;
  }

  html.ff-scrollbars-enabled #curators-contacts-modal .curators-contacts-mobile-list-frame.playlist-results-scroll {
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 12px 24px 12px 12px;
  }

  html.ff-scrollbars-enabled #curators-contacts-modal .curators-contacts-mobile-list-frame.playlist-results-scroll::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

  html.ff-scrollbars-enabled #curators-contacts-modal .curators-contacts-mobile-sort-list {
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
    overflow-y: auto;
    overflow-x: hidden;
  }

  html.ff-scrollbars-enabled #curators-contacts-modal .curators-contacts-mobile-sort-list {
    padding: 2px 24px 4px 2px !important;
  }

  html.ff-scrollbars-enabled #curators-contacts-modal .curators-contacts-mobile-sort-list::-webkit-scrollbar {
    display: none;
  }

  html.ff-scrollbars-enabled .suggestions {
    /* Chrome source:
       padding: 6px;
       scrollbar-gutter: stable;
       ::-webkit-scrollbar width: 12px;
       Firefox hides native scrollbar, so the 12px gutter is reserved manually. */
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 6px 18px 6px 6px;
  }

  html.ff-scrollbars-enabled .suggestions::-webkit-scrollbar {
    display: none;
  }


  html.ff-scrollbars-enabled .saved-search-list {
    /* Chrome source:
       padding: 8px;
       scrollbar-gutter: stable;
       border: 1px solid var(--border-subtle);
       ::-webkit-scrollbar width: 12px;
       Firefox hides native scrollbar, so the 12px gutter is reserved manually. */
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 8px 20px 8px 8px;
  }

  html.ff-scrollbars-enabled .saved-search-list::-webkit-scrollbar {
    display: none;
  }


  html.ff-scrollbars-enabled .playlist-genres-tooltip.playlist-tooltip-panel {
    /* Firefox local scrollbar fix: .playlist-genres-tooltip itself inherits
       overflow:auto from the Chrome tooltip base. For panel-style tooltips
       the real scrolling area is .playlist-scroll-tooltip-body, so the panel
       must not draw its own native Firefox scrollbar over the local body scrollbar. */
    overflow: hidden;
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
  }

  html.ff-scrollbars-enabled .playlist-tooltip-panel .playlist-scroll-tooltip-body:not(.artist-analytics-tooltip-body) {
    /* Chrome source:
       padding: 8px;
       ::-webkit-scrollbar width: 10px;
       Firefox hides native scrollbar, so the 10px gutter is reserved manually. */
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 8px 18px 8px 8px;
  }

  html.ff-scrollbars-enabled .artist-analytics-tooltip-panel .playlist-scroll-tooltip-body,
  html.ff-scrollbars-enabled .artist-analytics-tooltip-body {
    /* Chrome source:
       padding: 6px;
       ::-webkit-scrollbar width: 10px;
       Firefox hides native scrollbar, so the 10px gutter is reserved manually. */
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 6px 16px 6px 6px;
  }

  html.ff-scrollbars-enabled .playlist-tooltip-panel .playlist-scroll-tooltip-body::-webkit-scrollbar,
  html.ff-scrollbars-enabled .artist-analytics-tooltip-body::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

  html.ff-scrollbars-enabled .playlist-meta-ukrainian-filter-tooltip .playlist-meta-non-ukrainian-list {
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 8px 18px 8px 8px;
  }

  html.ff-scrollbars-enabled .playlist-meta-ukrainian-filter-tooltip .playlist-meta-non-ukrainian-list::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

  html.ff-scrollbars-enabled .playlist-frequent-artists-panel {
    /* Firefox mount owner for .playlist-frequent-artists-table.
       This panel already clips its contents with overflow:hidden; position:relative
       only creates a local containing block for the visual scrollbar. */
    position: relative;
  }

  html.ff-scrollbars-enabled .playlist-frequent-artists-table {
    /* Chrome source:
       padding-right: 0 normally; padding-right: 8px when .has-scrollbar;
       ::-webkit-scrollbar width: 10px;
       Firefox hides native scrollbar, so the 10px gutter is reserved only
       in the existing .has-scrollbar state. */
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
    overflow-y: auto;
    overflow-x: hidden;
  }

  html.ff-scrollbars-enabled .playlist-frequent-artists-table.has-scrollbar {
    padding-right: 18px;
  }

  html.ff-scrollbars-enabled .playlist-frequent-artists-table::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

  html.ff-scrollbars-enabled .playlist-chart-content {
    /* Local mount owner for .curator-followers-detail-scroll.
       position: relative only creates the absolute positioning context for
       the Firefox visual scrollbar inside the existing chart modal content. */
    position: relative;
  }

  html.ff-scrollbars-enabled .curator-followers-detail-scroll {
    /* Chrome source:
       padding: 12px; border: 1px solid var(--border-subtle);
       scrollbar-gutter: stable; ::-webkit-scrollbar width: 12px.
       Firefox hides native scrollbar, so the 12px gutter is reserved manually. */
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 12px 24px 12px 12px;
  }

  html.ff-scrollbars-enabled .curator-followers-detail-scroll::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

  html.ff-scrollbars-enabled .playlist-modal-table-frame {
    /* Local mount owner for .playlist-modal-scroll-area.
       position: relative only creates the absolute positioning context for
       the Firefox visual scrollbar inside the existing bordered table frame. */
    position: relative;
  }

  html.ff-scrollbars-enabled .playlist-modal-scroll-area {
    /* Chrome source:
       padding: 0; no scrollbar-gutter; ::-webkit-scrollbar width: 10px.
       Firefox hides native scrollbar, so the 10px gutter is reserved manually. */
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;
  }

  html.ff-scrollbars-enabled .playlist-modal-scroll-area::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }


  html.ff-scrollbars-enabled .playlist-modal-layout {
    /* Local mount owner for .playlist-modal-stats-shell. This grid already
       contains the stats column; position:relative only gives the Firefox
       visual scrollbar a local coordinate system in the same modal layer. */
    position: relative;
  }

  html.ff-scrollbars-enabled .playlist-modal-stats-shell {
    /* Chrome source:
       padding-right: 2px; scrollbar-gutter:auto; ::-webkit-scrollbar width:10px.
       Firefox hides native scrollbar, so the 10px gutter is reserved manually. */
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 12px;
  }

  html.ff-scrollbars-enabled .playlist-modal-stats-shell::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

  @media (max-width: 760px) {
    html.ff-scrollbars-enabled #playlist-modal .playlist-modal-layout[data-mobile-pane="stats"] .playlist-modal-stats-shell {
      position: relative;
    }

    html.ff-scrollbars-enabled #playlist-modal .playlist-modal-layout[data-mobile-pane="stats"] .playlist-stats-panel {
      scrollbar-width: none;
      scrollbar-color: transparent transparent;
      scrollbar-gutter: auto;
      overflow-y: auto;
      overflow-x: hidden;
      padding-right: 21px;
    }

    html.ff-scrollbars-enabled #playlist-modal .playlist-modal-layout[data-mobile-pane="stats"] .playlist-stats-panel::-webkit-scrollbar {
      display: none;
      width: 0;
      height: 0;
    }
  }


  html.ff-scrollbars-enabled .curator-modal-charts-shell {
    /* Local mount owner for .curator-modal-charts-scroll.
       Vertical-only: this block must not show a bottom horizontal scrollbar. */
    position: relative;
  }

  html.ff-scrollbars-enabled .curator-modal-charts-scroll {
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 12px 24px 12px 12px;
  }

  html.ff-scrollbars-enabled .curator-modal-charts-scroll::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

  html.ff-scrollbars-enabled .curator-modal-playlists-shell {
    /* Local mount owner for .curator-modal-playlist-scroll. The shell already
       contains the playlists head + scroll body; position:relative only gives
       the Firefox visual scrollbar a local coordinate system. */
    position: relative;
  }

  html.ff-scrollbars-enabled .curator-modal-playlist-scroll {
    /* Chrome source:
       padding: 10px 10px 10px; scrollbar-gutter:auto;
       ::-webkit-scrollbar width:10px. Firefox hides native scrollbar, so the
       10px gutter is reserved manually on the right. */
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 20px 10px 10px;
  }

  html.ff-scrollbars-enabled .curator-modal-playlist-scroll::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

  html.ff-scrollbars-enabled #tab-playlists .tab-pane-section,
  html.ff-scrollbars-enabled #tab-curators .tab-pane-section {
    /* Local mount owners for main catalog list scrollbars. position:relative
       only creates a local coordinate system for the Firefox visual scrollbar. */
    position: relative;
  }

  html.ff-scrollbars-enabled .playlist-results-scroll,
  html.ff-scrollbars-enabled .curators-results-scroll {
    /* Chrome source:
       padding: 12px; border: 1px solid var(--border-subtle);
       scrollbar-gutter: stable; ::-webkit-scrollbar width: 12px.
       Firefox hides native scrollbar, so the 12px gutter is reserved manually. */
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 12px 24px 12px 12px;
  }

  html.ff-scrollbars-enabled .playlist-results-scroll::-webkit-scrollbar,
  html.ff-scrollbars-enabled .curators-results-scroll::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

  html.ff-scrollbars-enabled .placement-info-scroll-shell {


    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    margin: 12px;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--border-subtle);
    border-radius: var(--nuam-radius-xl);
    background: var(--control-disabled-bg);
  }

  html.ff-scrollbars-enabled .placement-info-scroll-shell > .placement-info-content.playlist-results-scroll {
    /* Chrome source: padding 12px; WebKit scrollbar width 12px.
       Firefox hides native scrollbar and reserves the 12px gutter manually.
       The border/radius/background are on .placement-info-scroll-shell, not on
       this scroller, to keep the custom bar inside the clipped border. */
    flex: 1 1 auto;
    min-height: 0;
    height: auto;
    margin: 0;
    border: 0;
    border-radius: var(--nuam-radius-none);
    background: transparent;
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 12px 24px 12px 12px;
  }

  html.ff-scrollbars-enabled .placement-info-scroll-shell > .placement-info-content.playlist-results-scroll::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }


  html.ff-scrollbars-enabled .charts-shell {
    /* Local mount owner for .charts-sections-scroll. position:relative only
       creates a local containing block for the Firefox visual scrollbar. */
    position: relative;
  }

  html.ff-scrollbars-enabled .charts-sections-scroll {
    /* Chrome source:
       padding: 12px; border: 1px solid var(--border-subtle);
       scrollbar-gutter: auto; ::-webkit-scrollbar width: 12px.
       Firefox hides native scrollbar, so the 12px gutter is reserved manually. */
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 12px 24px 12px 12px;
  }

  html.ff-scrollbars-enabled .charts-sections-scroll::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

  @media (max-width: 760px) {
    html.ff-scrollbars-enabled .charts-sections-scroll {
      padding: 0 12px 0 0;
    }
  }


  html.ff-scrollbars-enabled .events-shell,
  html.ff-scrollbars-enabled #search-results {
    /* Local mount owners for events/search scrollbars. position:relative
       only creates the local absolute positioning context for Firefox visual scrollbars.
       #tab-stats is already positioned by the main tab CSS and must not be changed. */
    position: relative;
  }

  html.ff-scrollbars-enabled #tab-stats > #stats-content,
  html.ff-scrollbars-enabled .events-results-scroll,
  html.ff-scrollbars-enabled .search-free-scroll-shell:not(.search-text-results-shell),
  html.ff-scrollbars-enabled .search-entity-scroll:not(.track-search-scroll) {
    /* Chrome source for these blocks:
       padding: 12px; border: 1px solid var(--border-subtle);
       scrollbar-gutter: stable; ::-webkit-scrollbar width: 12px.
       Firefox hides native scrollbar, so the 12px gutter is reserved manually. */
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 12px 24px 12px 12px;
  }

  html.ff-scrollbars-enabled #tab-stats > #stats-content::-webkit-scrollbar,
  html.ff-scrollbars-enabled .events-results-scroll::-webkit-scrollbar,
  html.ff-scrollbars-enabled .search-free-scroll-shell:not(.search-text-results-shell)::-webkit-scrollbar,
  html.ff-scrollbars-enabled .search-entity-scroll:not(.track-search-scroll)::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }


  html.ff-scrollbars-enabled .search-text-results-shell > .search-results-list-scroll {
    /* Same framed-list geometry as the playlist, curator and chronicle lists.
       The native Firefox scrollbar is hidden, so reserve the 12px gutter on
       the right while keeping the frame padding symmetrical inside the border. */
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 12px 24px 12px 12px;
  }

  html.ff-scrollbars-enabled .search-text-results-shell > .search-results-list-scroll::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

  html.ff-scrollbars-enabled .artist-neighbor-artists-list {
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 16px;
  }

  html.ff-scrollbars-enabled .artist-neighbor-artists-list::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }


  html.ff-scrollbars-enabled .search-track-playlists-list .placement-table-block.is-split-scroll {
    /* Local mount owner for track search playlist table body. Existing Chrome
       block has border:1px/radius:8px/overflow:hidden; position:relative only
       gives Firefox visual scrollbar a local coordinate system. */
    position: relative;
  }

  html.ff-scrollbars-enabled .search-track-playlists-list .placement-table-body.is-split-scroll {
    /* Chrome source:
       scrollbar-gutter: stable; ::-webkit-scrollbar width:10px;
       track/thumb only round bottom-right to match the bordered table block.
       Firefox hides native scrollbar, so the 10px gutter is reserved manually. */
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;
  }

  html.ff-scrollbars-enabled .search-track-playlists-list .placement-table-body.is-split-scroll::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }


  html.ff-scrollbars-enabled .curators-contacts-table-scroll-area {
    /* Chrome source:
       overflow:auto; scrollbar-gutter:stable; ::-webkit-scrollbar width/height:10px.
       Firefox hides native scrollbars and reserves only the vertical gutter in
       the scroll area. Horizontal visual scrollbar is drawn inside the scroll
       area bottom edge, matching Chrome native placement; no margin/padding
       strip is added below the horizontal scrollbar. */
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
    overflow: auto;
    padding-right: 10px;
    padding-bottom: 0;
    margin-bottom: 0;
  }

  html.ff-scrollbars-enabled .curators-contacts-table-head .curators-contacts-head-cell--name {
    /* Header table is shifted left to follow horizontal scroll. Counter-shift
       only the sticky Curator header cell so it stays fixed like the body first
       column. */
    transform: translateX(calc(var(--curators-contacts-head-offset) * -1));
  }

  html.ff-scrollbars-enabled .curators-contacts-table-scroll-area::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

  html.ff-scrollbars-enabled .curators-genre-trigger-values {
    scrollbar-width: none;
  }

  .ff-local-scroll-source {
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
  }

  .ff-local-scroll-source--hide-x {
    overflow-x: hidden;
  }

  .ff-local-scrollbar {
    position: absolute;
    display: none;
    pointer-events: none;
    box-sizing: border-box;
    contain: layout style paint;
    touch-action: none;
    user-select: none;
    z-index: 3;
  }

  .ff-local-scrollbar.is-visible {
    display: block;
    pointer-events: auto;
    cursor: grab;
  }

  .ff-local-scrollbar.is-visible:active {
    cursor: grabbing;
  }

  html.ff-scrollbar-dragging,
  html.ff-scrollbar-dragging * {
    cursor: grabbing !important;
    user-select: none !important;
  }

  .ff-local-scrollbar-track,
  .ff-local-scrollbar-thumb {
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
  }

  .ff-local-scrollbar-track {
    inset: 0;
  }

  .ff-local-scrollbar-thumb {
    left: 0;
    width: 100%;
    min-height: 28px;
  }

  .ff-local-scrollbar-x .ff-local-scrollbar-thumb {
    top: 0;
    height: 100%;
    min-height: 0;
    min-width: 28px;
  }

  .ff-local-scrollbar--genre {
    width: 10px;
  }

  .ff-local-scrollbar--genre .ff-local-scrollbar-track {
    background: var(--surface-app);
    border-radius: var(--nuam-radius-md);
  }

  .ff-local-scrollbar--genre .ff-local-scrollbar-thumb {
    background: var(--surface-base);
    border-radius: var(--nuam-radius-md);
    border: 2px solid var(--surface-app);
  }

  .ff-local-scrollbar--playlist-modal-genre-filter {
    width: 10px;
  }

  .ff-local-scrollbar--playlist-modal-genre-filter .ff-local-scrollbar-track {
    background: var(--surface-app);
    border-radius: var(--nuam-radius-md);
  }

  .ff-local-scrollbar--playlist-modal-genre-filter .ff-local-scrollbar-thumb {
    background: var(--surface-base);
    border-radius: var(--nuam-radius-md);
    border: 2px solid var(--surface-app);
  }

  .ff-local-scrollbar--playlist-non-ukrainian {
    width: 10px;
  }

  .ff-local-scrollbar--playlist-non-ukrainian .ff-local-scrollbar-track {
    background: var(--surface-app);
    border-radius: 0;
  }

  .ff-local-scrollbar--playlist-non-ukrainian .ff-local-scrollbar-thumb {
    background: var(--surface-base);
    border: 2px solid var(--surface-app);
    border-radius: 0;
  }

  .ff-local-scrollbar--suggestions {
    width: 12px;
    overflow: hidden;
    /* .suggestions itself has z-index: 60. The local visual scrollbar is
       mounted as a sibling inside .curators-search-wrap, so it must sit just
       above .suggestions, not under it. */
    z-index: 61;
  }

  .ff-local-scrollbar--suggestions .ff-local-scrollbar-track {
    background: var(--surface-app);
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }

  .ff-local-scrollbar--suggestions .ff-local-scrollbar-thumb {
    background: var(--surface-base);
    border-top-left-radius: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 0;
    border: 2px solid var(--surface-app);
  }


  .ff-local-scrollbar--saved-search {
    width: 12px;
    overflow: hidden;
    z-index: 2;
  }

  .ff-local-scrollbar--saved-search .ff-local-scrollbar-track {
    background: var(--surface-app);
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
  }

  .ff-local-scrollbar--saved-search .ff-local-scrollbar-thumb {
    background: var(--surface-base);
    border-top-left-radius: 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 0;
    border: 2px solid var(--surface-app);
  }


  .ff-local-scrollbar--playlist-tooltip-body {
    width: 10px;
    overflow: hidden;
    z-index: 4;
  }

  .ff-local-scrollbar--playlist-tooltip-body .ff-local-scrollbar-track {
    background: var(--surface-app);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 0;
  }

  .ff-local-scrollbar--playlist-tooltip-body .ff-local-scrollbar-thumb {
    background: var(--surface-base);
    border: 2px solid var(--surface-app);
    background-clip: padding-box;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 0;
  }

  .ff-local-scrollbar--artist-tooltip-body {
    width: 10px;
    overflow: hidden;
    z-index: 4;
  }

  .ff-local-scrollbar--artist-tooltip-body .ff-local-scrollbar-track {
    background: var(--surface-app);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 0;
  }

  .ff-local-scrollbar--artist-tooltip-body .ff-local-scrollbar-thumb {
    background: var(--surface-base);
    border: 2px solid var(--surface-app);
    background-clip: padding-box;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 0;
  }

  .ff-local-scrollbar--frequent-artists {
    width: 10px;
    overflow: hidden;
    z-index: 2;
  }

  .ff-local-scrollbar--frequent-artists .ff-local-scrollbar-track {
    background: var(--surface-app);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 0;
  }

  .ff-local-scrollbar--frequent-artists .ff-local-scrollbar-thumb {
    background: var(--surface-base);
    border: 2px solid var(--surface-app);
    background-clip: padding-box;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 0;
  }

  .ff-local-scrollbar--curator-followers-detail {
    width: 12px;
    overflow: hidden;
    z-index: 2;
  }

  .ff-local-scrollbar--curator-followers-detail .ff-local-scrollbar-track {
    background: var(--surface-app);
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
  }

  .ff-local-scrollbar--curator-followers-detail .ff-local-scrollbar-thumb {
    background: var(--surface-base);
    border-top-left-radius: 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 0;
    border: 2px solid var(--surface-app);
  }

  .ff-local-scrollbar--playlist-modal-scroll {
    width: 10px;
    overflow: hidden;
    z-index: 2;
  }

  .ff-local-scrollbar--playlist-modal-scroll .ff-local-scrollbar-track {
    background: var(--scrollbar-track);
    border-top-right-radius: var(--nuam-radius-lg);
    border-bottom-right-radius: var(--nuam-radius-lg);
  }

  .ff-local-scrollbar--playlist-modal-scroll .ff-local-scrollbar-thumb {
    background-color: var(--scrollbar-thumb);
    border-radius: 0 var(--nuam-radius-lg) var(--nuam-radius-lg) 0;
    border: 2px solid var(--scrollbar-border);
  }


  .ff-local-scrollbar--playlist-modal-stats {
    width: 10px;
    overflow: hidden;
    z-index: 2;
  }

  .ff-local-scrollbar--playlist-modal-stats .ff-local-scrollbar-track {
    background: var(--scrollbar-track);
  }

  .ff-local-scrollbar--playlist-modal-stats .ff-local-scrollbar-thumb {
    background-color: var(--scrollbar-thumb);
    border-radius: var(--nuam-radius-md) var(--nuam-radius-md) var(--nuam-radius-md) var(--nuam-radius-none);
    border: 2px solid var(--scrollbar-border);
  }

  .ff-local-scrollbar--playlist-modal-stats-mobile {
    width: 12px;
    overflow: hidden;
    z-index: 2;
  }

  .ff-local-scrollbar--playlist-modal-stats-mobile .ff-local-scrollbar-track {
    background-color: rgba(34, 34, 40, 0.96);
    border-top-right-radius: var(--nuam-radius-md);
    border-bottom-right-radius: var(--nuam-radius-md);
  }

  .ff-local-scrollbar--playlist-modal-stats-mobile .ff-local-scrollbar-thumb {
    background-color: rgba(var(--rgb-surface-panel), 0.98);
    border-top-left-radius: 0;
    border-top-right-radius: var(--nuam-radius-md);
    border-bottom-right-radius: var(--nuam-radius-md);
    border-bottom-left-radius: 0;
    border: 2px solid rgba(34, 34, 40, 0.96);
  }


  .ff-local-scrollbar--curator-modal-charts {
    overflow: hidden;
    z-index: 2;
  }

  .ff-local-scrollbar-y.ff-local-scrollbar--curator-modal-charts {
    width: 12px;
  }

  .ff-local-scrollbar--curator-modal-charts .ff-local-scrollbar-track {
    background: var(--surface-app);
    border-radius: var(--nuam-radius-none);
  }

  .ff-local-scrollbar-y.ff-local-scrollbar--curator-modal-charts .ff-local-scrollbar-thumb {
    background-color: var(--surface-base);
    border: 2px solid var(--surface-app);
    background-clip: padding-box;
    border-top-left-radius: 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 0;
  }


  .ff-local-scrollbar--curator-modal-playlist {
    width: 10px;
    overflow: hidden;
    z-index: 2;
  }

  .ff-local-scrollbar--curator-modal-playlist .ff-local-scrollbar-track {
    background: var(--surface-app);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 0;
  }

  .ff-local-scrollbar--curator-modal-playlist .ff-local-scrollbar-thumb {
    background-color: var(--surface-base);
    border: 2px solid var(--surface-app);
    background-clip: padding-box;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 0;
  }

  .ff-local-scrollbar--playlist-results,
  .ff-local-scrollbar--curators-results,
  .ff-local-scrollbar--placement-info {
    width: 12px;
    overflow: hidden;
    z-index: 2;
  }

  .ff-local-scrollbar--playlist-results .ff-local-scrollbar-track,
  .ff-local-scrollbar--curators-results .ff-local-scrollbar-track,
  .ff-local-scrollbar--placement-info .ff-local-scrollbar-track {
    background: var(--surface-app);
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
  }

  .ff-local-scrollbar--playlist-results .ff-local-scrollbar-thumb,
  .ff-local-scrollbar--curators-results .ff-local-scrollbar-thumb,
  .ff-local-scrollbar--placement-info .ff-local-scrollbar-thumb {
    background: var(--surface-base);
    border-top-left-radius: 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 0;
    border: 2px solid var(--surface-app);
  }

  .ff-local-scrollbar--charts-sections {
    width: 12px;
    overflow: hidden;
    z-index: 2;
  }

  .ff-local-scrollbar--charts-sections .ff-local-scrollbar-track {
    background: var(--surface-app);
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
  }

  .ff-local-scrollbar--charts-sections .ff-local-scrollbar-thumb {
    background: var(--surface-base);
    border-top-left-radius: 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 0;
    border: 2px solid var(--surface-app);
  }


  .ff-local-scrollbar--stats-content,
  .ff-local-scrollbar--events-results,
  .ff-local-scrollbar--search-free,
  .ff-local-scrollbar--search-entity {
    width: 12px;
    overflow: hidden;
    z-index: 2;
  }

  .ff-local-scrollbar--stats-content .ff-local-scrollbar-track,
  .ff-local-scrollbar--events-results .ff-local-scrollbar-track,
  .ff-local-scrollbar--search-free .ff-local-scrollbar-track,
  .ff-local-scrollbar--search-entity .ff-local-scrollbar-track {
    background: var(--surface-app);
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
  }

  .ff-local-scrollbar--stats-content .ff-local-scrollbar-thumb,
  .ff-local-scrollbar--events-results .ff-local-scrollbar-thumb,
  .ff-local-scrollbar--search-free .ff-local-scrollbar-thumb,
  .ff-local-scrollbar--search-entity .ff-local-scrollbar-thumb {
    background: var(--surface-base);
    border-top-left-radius: 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 0;
    border: 2px solid var(--surface-app);
  }

  .ff-local-scrollbar--search-track-playlists {
    width: 10px;
    overflow: hidden;
    z-index: 2;
  }

  .ff-local-scrollbar--search-track-playlists .ff-local-scrollbar-track {
    background: var(--surface-app);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 0;
  }

  .ff-local-scrollbar--search-track-playlists .ff-local-scrollbar-thumb {
    background-color: var(--surface-base);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 0;
    border: 2px solid var(--surface-app);
  }


  .ff-local-scrollbar--curators-contacts {
    overflow: hidden;
  }

  .ff-local-scrollbar-y.ff-local-scrollbar--curators-contacts {
    width: 10px;
    z-index: 10;
  }

  .ff-local-scrollbar-x.ff-local-scrollbar--curators-contacts {
    height: 10px;
    z-index: 9;
  }

  .ff-local-scrollbar--curators-contacts .ff-local-scrollbar-track {
    background: var(--surface-app);
    border-radius: var(--nuam-radius-none);
  }

  .ff-local-scrollbar--curators-contacts .ff-local-scrollbar-thumb {
    background-color: var(--surface-base);
    border-radius: var(--nuam-radius-none);
    border: 2px solid var(--surface-app);
    background-clip: padding-box;
  }

  .ff-local-scrollbar-y.ff-local-scrollbar--curators-contacts .ff-local-scrollbar-thumb {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .ff-local-scrollbar-x.ff-local-scrollbar--curators-contacts .ff-local-scrollbar-thumb {
    border-top-left-radius: 0;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .ff-local-scrollbar-corner.ff-local-scrollbar--curators-contacts {
    display: none;
  }

  .ff-local-scrollbar-corner.ff-local-scrollbar--curators-contacts.is-hidden {
    display: none;
  }

  .ff-local-scrollbar-y.ff-local-scrollbar--curators-contacts-mobile-sort {
    width: 12px;
    z-index: 10;
  }

  .ff-local-scrollbar--curators-contacts-mobile-sort .ff-local-scrollbar-track {
    background: var(--surface-app);
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
  }

  .ff-local-scrollbar--curators-contacts-mobile-sort .ff-local-scrollbar-thumb {
    background-color: var(--surface-base);
    border: 2px solid var(--surface-app);
    background-clip: padding-box;
    border-top-left-radius: 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 0;
  }

}

@media (max-width: 760px) {
  html.ff-scrollbars-enabled .search-entity-shell.is-artist-mobile-tabs-enabled .artist-search-mobile-analytics-pane {
    position: relative;
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 8px 20px 8px 8px;
  }

  html.ff-scrollbars-enabled .search-entity-shell.is-artist-mobile-tabs-enabled .artist-search-mobile-analytics-pane::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
}