@media (max-width: 760px) {
  html {
    height: auto !important;
    min-height: 100% !important;
    overflow-y: auto !important;
    overscroll-behavior-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body {
    height: auto !important;
    min-height: calc(100dvh + 2px) !important;
    overflow-y: auto !important;
    overscroll-behavior-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  @supports not (height: 100dvh) {
    body {
      min-height: calc(100vh + 2px) !important;
    }
  }

  .wrap,
  .tab-content,
  .tab-pane,
  .playlist-results-scroll,
  #playlist-results-scroll,
  .curators-catalog-results-scroll,
  #curators-results-scroll,
  .events-results-scroll,
  .search-results-scroll,
  .stats-scroll,
  .charts-scroll {
    overscroll-behavior-y: auto !important;
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: touch !important;
  }

  #app,
  #app *,
  .wrap,
  .wrap *,
  .modal-backdrop,
  .modal-backdrop *,
  .preview-cover-lightbox,
  .preview-cover-lightbox * {
    -webkit-tap-highlight-color: transparent !important;
  }

  a:active,
  button:active,
  label:active,
  [role="button"]:active,
  [tabindex]:active,
  .suggestion-item:active,
  .logo-row a:active,
  .mobile-tab-item:active:not(.is-active),
  .mobile-catalog-menu-option:active:not(.is-active),
  .mobile-catalog-dir-chip:active,
  .mobile-catalog-sort-chip:active,
  .mobile-catalog-chip:active,
  .mobile-tab-trigger:active,
  .mobile-search-toggle:active,
  .mobile-saved-toggle:active {
    outline: none !important;
    box-shadow: none !important;
    filter: none !important;
    background-image: none !important;
  }

  .logo-row a:active,
  .mobile-tab-item:active:not(.is-active),
  .suggestion-item:active,
  .mobile-catalog-menu-option:active:not(.is-active) {
    background-color: transparent !important;
  }


  #playlist-list .playlist-card:active,
  #curators-list .curator-catalog-card:active,
  .event-card:active,
  .search-result-card:active {
    background-image: var(--grain-bg) !important;
    background-size: 20px 20px !important;
    background-blend-mode: overlay !important;
    outline: none !important;
    box-shadow: none !important;
    filter: none !important;
  }

  .mobile-catalog-popover.mobile-catalog-popover--genre {
    padding-right: 10px !important;
  }

  .mobile-catalog-popover.mobile-catalog-popover--genre .mobile-catalog-popover-list {
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 2px 12px 4px 2px !important;
    scrollbar-gutter: stable !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .mobile-catalog-popover.mobile-catalog-popover--genre .mobile-catalog-popover-list::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
  }

  .mobile-catalog-popover.mobile-catalog-popover--genre .mobile-catalog-popover-list::-webkit-scrollbar-track {
    background: var(--surface-app) !important;
    border-radius: var(--nuam-radius-md) !important;
  }

  .mobile-catalog-popover.mobile-catalog-popover--genre .mobile-catalog-popover-list::-webkit-scrollbar-thumb {
    background: var(--surface-base) !important;
    border-radius: var(--nuam-radius-md) !important;
    border: 2px solid var(--surface-app) !important;
  }

  .mobile-catalog-popover.mobile-catalog-popover--genre .mobile-catalog-popover-list::-webkit-scrollbar-button,
  .mobile-catalog-popover.mobile-catalog-popover--genre .mobile-catalog-popover-list::-webkit-scrollbar-button:single-button,
  .mobile-catalog-popover.mobile-catalog-popover--genre .mobile-catalog-popover-list::-webkit-scrollbar-button:vertical:start:decrement,
  .mobile-catalog-popover.mobile-catalog-popover--genre .mobile-catalog-popover-list::-webkit-scrollbar-button:vertical:end:increment {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  #playlist-modal .mobile-catalog-popover.mobile-catalog-popover--sort.playlist-modal-mobile-sort-popover .mobile-catalog-popover-list.playlist-modal-mobile-sort-list {
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 2px 12px 4px 2px !important;
    scrollbar-gutter: stable !important;
    -webkit-overflow-scrolling: touch !important;
  }

  #playlist-modal .mobile-catalog-popover.mobile-catalog-popover--sort.playlist-modal-mobile-sort-popover .mobile-catalog-popover-list.playlist-modal-mobile-sort-list::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
  }

  #playlist-modal .mobile-catalog-popover.mobile-catalog-popover--sort.playlist-modal-mobile-sort-popover .mobile-catalog-popover-list.playlist-modal-mobile-sort-list::-webkit-scrollbar-track {
    background: var(--surface-app) !important;
    border-radius: var(--nuam-radius-md) !important;
  }

  #playlist-modal .mobile-catalog-popover.mobile-catalog-popover--sort.playlist-modal-mobile-sort-popover .mobile-catalog-popover-list.playlist-modal-mobile-sort-list::-webkit-scrollbar-thumb {
    background: var(--surface-base) !important;
    border-radius: var(--nuam-radius-md) !important;
    border: 2px solid var(--surface-app) !important;
  }

  #playlist-modal .mobile-catalog-popover.mobile-catalog-popover--sort.playlist-modal-mobile-sort-popover .mobile-catalog-popover-list.playlist-modal-mobile-sort-list::-webkit-scrollbar-button,
  #playlist-modal .mobile-catalog-popover.mobile-catalog-popover--sort.playlist-modal-mobile-sort-popover .mobile-catalog-popover-list.playlist-modal-mobile-sort-list::-webkit-scrollbar-button:single-button,
  #playlist-modal .mobile-catalog-popover.mobile-catalog-popover--sort.playlist-modal-mobile-sort-popover .mobile-catalog-popover-list.playlist-modal-mobile-sort-list::-webkit-scrollbar-button:vertical:start:decrement,
  #playlist-modal .mobile-catalog-popover.mobile-catalog-popover--sort.playlist-modal-mobile-sort-popover .mobile-catalog-popover-list.playlist-modal-mobile-sort-list::-webkit-scrollbar-button:vertical:end:increment {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  html.nuam-mobile-tooltip-controller .playlist-meta-tooltip-anchor:not(.range-tooltip-anchor) > .playlist-genres-tooltip,
  html.nuam-mobile-tooltip-controller .playlist-genres-tooltip-anchor > .playlist-genres-tooltip,
  html.nuam-mobile-tooltip-controller .search-stat-tooltip-anchor > .search-stat-tooltip,
  html.nuam-mobile-tooltip-controller .chart-entry-tooltip-anchor > .chart-entry-tooltip,
  html.nuam-mobile-tooltip-controller .placement-rank-badge-anchor > .placement-rank-tooltip,
  html.nuam-mobile-tooltip-controller .placement-rank-badge-anchor > .search-stat-tooltip,
  html.nuam-mobile-tooltip-controller .playlist-frequent-artists-tooltip-anchor > .playlist-frequent-artist-tooltip {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: none !important;
    transform: translate3d(0, 0, 0) !important;
  }

  html.nuam-mobile-tooltip-controller .playlist-meta-tooltip-anchor:not(.range-tooltip-anchor).nuam-mobile-tooltip-open > .playlist-genres-tooltip,
  html.nuam-mobile-tooltip-controller .playlist-genres-tooltip-anchor.nuam-mobile-tooltip-open > .playlist-genres-tooltip,
  html.nuam-mobile-tooltip-controller .search-stat-tooltip-anchor.nuam-mobile-tooltip-open > .search-stat-tooltip,
  html.nuam-mobile-tooltip-controller .chart-entry-tooltip-anchor.nuam-mobile-tooltip-open > .chart-entry-tooltip,
  html.nuam-mobile-tooltip-controller .placement-rank-badge-anchor.nuam-mobile-tooltip-open > .placement-rank-tooltip,
  html.nuam-mobile-tooltip-controller .placement-rank-badge-anchor.nuam-mobile-tooltip-open > .search-stat-tooltip,
  html.nuam-mobile-tooltip-controller .playlist-frequent-artists-tooltip-anchor.nuam-mobile-tooltip-open > .playlist-frequent-artist-tooltip {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transition: opacity 0.10s ease !important;
    transform: translate3d(0, 0, 0) !important;
    z-index: 26000 !important;
  }

  html.nuam-mobile-tooltip-controller .nuam-mobile-tooltip-open > .playlist-genres-tooltip,
  html.nuam-mobile-tooltip-controller .nuam-mobile-tooltip-open > .search-stat-tooltip,
  html.nuam-mobile-tooltip-controller .nuam-mobile-tooltip-open > .chart-entry-tooltip,
  html.nuam-mobile-tooltip-controller .nuam-mobile-tooltip-open > .placement-rank-tooltip,
  html.nuam-mobile-tooltip-controller .nuam-mobile-tooltip-open > .playlist-frequent-artist-tooltip,
  html.nuam-mobile-tooltip-controller .nuam-mobile-tooltip-open > .playlist-genres-tooltip *,
  html.nuam-mobile-tooltip-controller .nuam-mobile-tooltip-open > .search-stat-tooltip *,
  html.nuam-mobile-tooltip-controller .nuam-mobile-tooltip-open > .chart-entry-tooltip *,
  html.nuam-mobile-tooltip-controller .nuam-mobile-tooltip-open > .placement-rank-tooltip *,
  html.nuam-mobile-tooltip-controller .nuam-mobile-tooltip-open > .playlist-frequent-artist-tooltip * {
    touch-action: pan-y !important;
  }

  html.nuam-mobile-tooltip-controller .nuam-mobile-tooltip-open > .playlist-genres-tooltip:not(.playlist-tooltip-panel),
  html.nuam-mobile-tooltip-controller .nuam-mobile-tooltip-open > .search-stat-tooltip:not(.search-stat-tooltip-chartlike),
  html.nuam-mobile-tooltip-controller .nuam-mobile-tooltip-open > .chart-entry-tooltip:not(.chart-entry-tooltip-panel),
  html.nuam-mobile-tooltip-controller .nuam-mobile-tooltip-open > .placement-rank-tooltip:not(.search-stat-tooltip-chartlike),
  html.nuam-mobile-tooltip-controller .nuam-mobile-tooltip-open > .playlist-frequent-artist-tooltip:not(.playlist-tooltip-panel) {
    touch-action: manipulation !important;
  }

  html.nuam-mobile-tooltip-controller .search-stat-tooltip-anchor::before,
  html.nuam-mobile-tooltip-controller .search-stat-tooltip-anchor::after {
    display: none !important;
    pointer-events: none !important;
  }

  html.nuam-mobile-tooltip-controller .search-stat-tooltip.nuam-mobile-tooltip-portal,
  html.nuam-mobile-tooltip-controller .placement-rank-tooltip.nuam-mobile-tooltip-portal,
  html.nuam-mobile-tooltip-controller .playlist-genres-tooltip.nuam-mobile-tooltip-portal,
  html.nuam-mobile-tooltip-controller .chart-entry-tooltip.nuam-mobile-tooltip-portal,
  html.nuam-mobile-tooltip-controller .playlist-frequent-artist-tooltip.nuam-mobile-tooltip-portal {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 26000 !important;
    transform: translate3d(0, 0, 0) !important;
  }

}