

@media (max-width: 760px) {
  .playlist-catalog-controls.is-mobile-catalog-filters-open .playlist-catalog-panel,
  .curators-catalog-controls.is-mobile-catalog-filters-open .curators-catalog-panel {
    overflow-x: hidden !important;
  }

  .playlist-catalog-controls.is-mobile-catalog-filters-open .playlist-catalog-panel .slider-field,
  .curators-catalog-controls.is-mobile-catalog-filters-open .curators-catalog-panel .curators-followers-field {
    overflow: visible !important;
  }

  .playlist-catalog-controls.is-mobile-catalog-filters-open .playlist-catalog-panel .slider-field > .range-box,
  .curators-catalog-controls.is-mobile-catalog-filters-open .curators-catalog-panel .curators-followers-control-row,
  .curators-catalog-controls.is-mobile-catalog-filters-open .curators-catalog-panel .curators-follower-range-box {
    display: contents !important;
  }

  .playlist-catalog-controls.is-mobile-catalog-filters-open .playlist-catalog-panel .range-tooltip-anchor,
  .curators-catalog-controls.is-mobile-catalog-filters-open .curators-catalog-panel .range-tooltip-anchor {
    display: contents !important;
    position: static !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .playlist-catalog-controls.is-mobile-catalog-filters-open .playlist-catalog-panel .range-tooltip-anchor::before,
  .playlist-catalog-controls.is-mobile-catalog-filters-open .playlist-catalog-panel .range-tooltip-anchor::after,
  .curators-catalog-controls.is-mobile-catalog-filters-open .curators-catalog-panel .range-tooltip-anchor::before,
  .curators-catalog-controls.is-mobile-catalog-filters-open .curators-catalog-panel .range-tooltip-anchor::after {
    display: none !important;
    content: none !important;
  }

  .playlist-catalog-controls.is-mobile-catalog-filters-open .playlist-catalog-panel .playlist-range-inline.range-tooltip-trigger,
  .curators-catalog-controls.is-mobile-catalog-filters-open .curators-catalog-panel .curators-range-inline.range-tooltip-trigger {
    grid-column: 2 !important;
    grid-row: auto !important;
    align-self: center !important;
  }

  .playlist-catalog-controls.is-mobile-catalog-filters-open .playlist-catalog-panel .range-slider-tooltip,
  .curators-catalog-controls.is-mobile-catalog-filters-open .curators-catalog-panel .range-slider-tooltip {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    position: static !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 2px 0 0 !important;
    padding: 8px 10px 10px !important;
    border-radius: var(--nuam-radius-lg) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 3 !important;
  }

  .playlist-catalog-controls.is-mobile-catalog-filters-open .playlist-catalog-panel .range-tooltip-anchor.is-tooltip-open > .range-slider-tooltip,
  .playlist-catalog-controls.is-mobile-catalog-filters-open .playlist-catalog-panel .range-tooltip-anchor:focus-within > .range-slider-tooltip,
  .curators-catalog-controls.is-mobile-catalog-filters-open .curators-catalog-panel .range-tooltip-anchor.is-tooltip-open > .range-slider-tooltip,
  .curators-catalog-controls.is-mobile-catalog-filters-open .curators-catalog-panel .range-tooltip-anchor:focus-within > .range-slider-tooltip {
    display: block !important;
  }

  .playlist-catalog-controls.is-mobile-catalog-filters-open .playlist-catalog-panel .range-slider-tooltip .playlist-genres-tooltip-title,
  .curators-catalog-controls.is-mobile-catalog-filters-open .curators-catalog-panel .range-slider-tooltip .playlist-genres-tooltip-title {
    margin: 0 0 6px !important;
  }

  .playlist-catalog-controls.is-mobile-catalog-filters-open .playlist-catalog-panel .range-slider-tooltip .dual-range,
  .curators-catalog-controls.is-mobile-catalog-filters-open .curators-catalog-panel .range-slider-tooltip .dual-range {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
    margin: 4px 0 0 !important;
  }

  .playlist-catalog-controls.is-mobile-catalog-filters-open .playlist-catalog-panel .range-slider-tooltip input[type="range"],
  .curators-catalog-controls.is-mobile-catalog-filters-open .curators-catalog-panel .range-slider-tooltip input[type="range"] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}
