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

  html.ff-scrollbars-enabled .playlist-meta-ukrainian-filter-tooltip .playlist-meta-non-ukrainian-list.has-scrollbar {
    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;
  }

  /* V1351: #playlist-modal structure styles are more specific than the shared
     Firefox frequent-artists rule, so restore the same gutter for this list. */
  html.ff-scrollbars-enabled #playlist-modal .playlist-structure-non-ukrainian-panel .playlist-meta-non-ukrainian-list.has-scrollbar {
    padding: 0 18px 0 0;
  }

  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 {
    /* V1348: shell no longer scrolls; it only owns the local visual scrollbar. */
    position: relative;
    overflow: hidden;
    padding-right: 0;
  }

  html.ff-scrollbars-enabled .playlist-modal-stats-shell > .playlist-modal-stats-content-panel {
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 0;
  }

  html.ff-scrollbars-enabled .playlist-modal-stats-shell > .playlist-modal-stats-content-panel.has-scrollbar {
    padding-right: 19px;
  }

  html.ff-scrollbars-enabled .playlist-modal-stats-shell > .playlist-modal-stats-content-panel::-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 22px 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 {
    /* Firefox hides the native scrollbar and draws the Chrome-parity bar as
       an overlay. Keep the frame padding identical to Chrome; the visible
       card-to-scrollbar gap is owned by .search-pick-list below. */
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 12px;
  }

  html.ff-scrollbars-enabled .search-text-results-shell > .search-results-list-scroll > .search-pick-list {
    /* Chrome has 12px of clear space between the result cards and its native
       scrollbar. The Firefox custom bar overlays the right edge, so reserve
       that gap on the actual list instead of faking it on the outer scroller. */
    margin-right: 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(--scrollbar-track);
    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;
  }

  .ff-local-scrollbar--frequent-artists .ff-local-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border: 2px solid var(--scrollbar-border);
    background-clip: padding-box;
    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;
  }

  .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);
    border-top-right-radius: var(--nuam-radius-md);
    border-bottom-right-radius: var(--nuam-radius-md);
  }

  .ff-local-scrollbar--playlist-modal-stats .ff-local-scrollbar-thumb {
    background-color: var(--scrollbar-thumb);
    border-radius: 0 var(--nuam-radius-md) var(--nuam-radius-md) 0;
    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: 10px;
  }

  .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 (min-width: 1200px) and (max-width: 1330px) {
  @supports (-moz-appearance: none) {
    /* v1568 compact Stats genre list: Chrome is the source of truth.
       Source padding is 8px and the Chrome scrollbar is 10px wide, so Firefox
       reserves 18px on the right while the local visual bar is mounted inside
       the list's 1px border. */
    html.ff-scrollbars-enabled .stats-chart-card--genres-distribution .stats-genres-distribution-body {
      position: relative;
    }

    html.ff-scrollbars-enabled .stats-chart-card--genres-distribution .stats-compact-genres-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 .stats-chart-card--genres-distribution .stats-compact-genres-list::-webkit-scrollbar {
      display: none;
      width: 0;
      height: 0;
    }

    .ff-local-scrollbar--stats-compact-genres {
      width: 10px;
      overflow: hidden;
      z-index: 3;
    }

    .ff-local-scrollbar--stats-compact-genres .ff-local-scrollbar-track {
      background: var(--scrollbar-track);
      border-top-left-radius: 0;
      border-top-right-radius: var(--nuam-radius-xl);
      border-bottom-right-radius: var(--nuam-radius-xl);
      border-bottom-left-radius: 0;
    }

    .ff-local-scrollbar--stats-compact-genres .ff-local-scrollbar-thumb {
      background: var(--scrollbar-thumb);
      border: 2px solid var(--scrollbar-border);
      background-clip: padding-box;
      border-top-left-radius: 0;
      border-top-right-radius: var(--nuam-radius-xl);
      border-bottom-right-radius: var(--nuam-radius-xl);
      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;
  }
}

/* Mobile Firefox scrollbar radius parity / build 1551. */
@media (max-width: 760px) {
  .ff-local-scrollbar--search-track-playlists .ff-local-scrollbar-track,
  .ff-local-scrollbar--search-track-playlists .ff-local-scrollbar-thumb {
    border-top-left-radius: 0;
    border-top-right-radius: var(--nuam-radius-xl);
    border-bottom-right-radius: var(--nuam-radius-xl);
    border-bottom-left-radius: 0;
  }
}



/* Mobile Firefox curator Statistics radius parity / build 1552. */
@media (max-width: 760px) {
  #curator-modal .curator-modal-layout[data-mobile-pane="stats"] .curator-modal-charts-shell > .ff-local-scrollbar--curator-modal-charts .ff-local-scrollbar-track,
  #curator-modal .curator-modal-layout[data-mobile-pane="stats"] .curator-modal-charts-shell > .ff-local-scrollbar--curator-modal-charts .ff-local-scrollbar-thumb {
    border-top-left-radius: 0;
    border-top-right-radius: var(--nuam-radius-xl);
    border-bottom-right-radius: var(--nuam-radius-xl);
    border-bottom-left-radius: 0;
  }
}

/* v1555: desktop artist tracks reserve Firefox scrollbar space only when the custom bar is actually present. */
@media (min-width: 761px) {
  html.ff-scrollbars-enabled .search-entity-shell.is-artist-mobile-tabs-enabled .artist-search-mobile-tracks-pane > .search-entity-scroll:not(.track-search-scroll) {
    padding-right: 12px;
  }

  html.ff-scrollbars-enabled .search-entity-shell.is-artist-mobile-tabs-enabled .artist-search-mobile-tracks-pane > .search-entity-scroll:not(.track-search-scroll).has-scrollbar {
    padding-right: 24px;
  }
}

/* ========================================================================
   v1561 — Firefox parity pass for account roadmap, textareas, search,
   curator appearances/statistics, playlist tracks, and placeholder color.
   Chrome/WebKit component CSS remains the visual source of truth.
   ======================================================================== */
@supports (-moz-appearance: none) {
  /* Account -> "Мій маршрут". css/48-beta-roadmap.css resets pane padding
     to 0. On desktop Chrome still reserves the generic 12px stable gutter;
     Firefox uses 12px right padding only as that gutter replacement. */
  html.ff-scrollbars-enabled .nuam-account-modal-box.is-account-roadmap-active .nuam-account-roadmap-section {
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 12px;
  }

  html.ff-scrollbars-enabled .nuam-account-modal-box.is-account-roadmap-active .nuam-account-roadmap-section::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

  /* Feedback + submission textarea local mount owners. */
  html.ff-scrollbars-enabled .feedback-form,
  html.ff-scrollbars-enabled .submission-field {
    position: relative;
  }

  /* Chrome uses scrollbar-gutter:stable for both fields. Preserve each
     field's original right padding plus the 12px scrollbar gutter. */
  html.ff-scrollbars-enabled .feedback-textarea.nuam-textarea-scrollbar {
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
    padding-right: 25px;
  }

  html.ff-scrollbars-enabled .submission-textarea.nuam-textarea-scrollbar {
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
    padding-right: 24px;
  }

  html.ff-scrollbars-enabled .nuam-textarea-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

  /* Playlist genre filter: Chrome has 10px right content padding when the
     native 10px scrollbar is present. The Firefox custom bar overlays 10px,
     so 20px is required to leave the same visible 10px gap. */
  html.ff-scrollbars-enabled #playlist-modal .playlist-modal-genre-filter-options.has-scrollbar,
  html.ff-scrollbars-enabled body > .playlist-modal-genre-filter-tooltip.nuam-mobile-tooltip-portal .playlist-modal-genre-filter-options.has-scrollbar {
    padding-right: 20px;
  }

  /* Curator -> "Появи у артистів": Chrome list uses 8px right padding plus
     a 10px scrollbar. Reserve both because the Firefox bar is an overlay. */
  html.ff-scrollbars-enabled #curator-modal .curator-artist-appearances-list-panel {
    position: relative;
  }

  html.ff-scrollbars-enabled #curator-modal .curator-artist-appearances-list {
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
  }

  html.ff-scrollbars-enabled #curator-modal .curator-artist-appearances-list.has-scrollbar {
    padding-right: 18px;
  }

  html.ff-scrollbars-enabled #curator-modal .curator-artist-appearances-list::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

}

@supports (-moz-appearance: none) {
  .ff-local-scrollbar--account-roadmap,
  .ff-local-scrollbar--textarea {
    width: 12px;
    overflow: hidden;
    z-index: 3;
  }

  .ff-local-scrollbar--account-roadmap .ff-local-scrollbar-track,
  .ff-local-scrollbar--textarea .ff-local-scrollbar-track {
    background: var(--surface-app);
    border-top-left-radius: 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 0;
  }

  .ff-local-scrollbar--account-roadmap .ff-local-scrollbar-thumb,
  .ff-local-scrollbar--textarea .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: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 0;
  }

  .ff-local-scrollbar--curator-artist-appearances {
    width: 10px;
    overflow: hidden;
    z-index: 3;
  }

  .ff-local-scrollbar--curator-artist-appearances .ff-local-scrollbar-track,
  .ff-local-scrollbar--curator-artist-appearances .ff-local-scrollbar-thumb {
    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;
  }

  .ff-local-scrollbar--curator-artist-appearances .ff-local-scrollbar-track {
    background: var(--scrollbar-track);
  }

  .ff-local-scrollbar--curator-artist-appearances .ff-local-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border: 2px solid var(--scrollbar-border);
    background-clip: padding-box;
  }

  /* Curator Statistics desktop: match Chrome's 8px right corners exactly.
     The runtime profile now also insets this bar inside the 1px frame border. */
  .ff-local-scrollbar--curator-modal-charts .ff-local-scrollbar-track,
  .ff-local-scrollbar--curator-modal-charts .ff-local-scrollbar-thumb {
    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;
  }

  /* Playlist track list: top edge is square; only the bottom-right corner
     follows the table frame. Desktop frame radius = md. */
  .ff-local-scrollbar--playlist-modal-scroll .ff-local-scrollbar-track,
  .ff-local-scrollbar--playlist-modal-scroll .ff-local-scrollbar-thumb {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: var(--nuam-radius-md);
    border-bottom-left-radius: 0;
  }
}

@media (max-width: 760px) {
  @supports (-moz-appearance: none) {
    html.ff-scrollbars-enabled .nuam-account-modal-box.is-account-roadmap-active .nuam-account-roadmap-section {
      padding-right: 0;
    }

    html.ff-scrollbars-enabled .nuam-account-modal-box.is-account-roadmap-active .nuam-account-roadmap-section.has-scrollbar {
      padding-right: 10px;
    }

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

    html.ff-scrollbars-enabled #curator-modal .curator-modal-charts-scroll {
      padding: 10px 20px 10px 10px;
    }

    /* Mobile curator Statistics block uses the XL container radius. */
    #curator-modal .curator-modal-layout[data-mobile-pane="stats"] .curator-modal-charts-shell > .ff-local-scrollbar--curator-modal-charts .ff-local-scrollbar-track,
    #curator-modal .curator-modal-layout[data-mobile-pane="stats"] .curator-modal-charts-shell > .ff-local-scrollbar--curator-modal-charts .ff-local-scrollbar-thumb {
      border-top-left-radius: 0;
      border-top-right-radius: var(--nuam-radius-xl);
      border-bottom-right-radius: var(--nuam-radius-xl);
      border-bottom-left-radius: 0;
    }

    /* Mobile playlist track frame radius = lg, still square at the top. */
    #playlist-modal .playlist-modal-table-frame > .ff-local-scrollbar--playlist-modal-scroll .ff-local-scrollbar-track,
    #playlist-modal .playlist-modal-table-frame > .ff-local-scrollbar--playlist-modal-scroll .ff-local-scrollbar-thumb {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      border-bottom-right-radius: var(--nuam-radius-lg);
      border-bottom-left-radius: 0;
    }
  }
}