@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-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,
  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::-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-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--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;
  }
}