/* Native scrolling, with Unfold's transparent-until-hover thumb behavior.
   Scope to component scroll containers; never style html/body or the viewport. */
:is(.core-scroll-area, .core-range-presets, .select2-results > .select2-results__options, .ss-content.w-search-select .ss-list) {
  --component-scroll-thumb: transparent;
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}

/* Older Chromium/Safari fallback; modern browsers use the properties above. */
:is(.core-scroll-area, .core-range-presets, .select2-results > .select2-results__options, .ss-content.w-search-select .ss-list)::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
:is(.core-scroll-area, .core-range-presets, .select2-results > .select2-results__options, .ss-content.w-search-select .ss-list)::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: var(--component-scroll-thumb);
  background-clip: padding-box;
}
:is(.core-scroll-area, .core-range-presets, .select2-results > .select2-results__options, .ss-content.w-search-select .ss-list)::-webkit-scrollbar-track,
:is(.core-scroll-area, .core-range-presets, .select2-results > .select2-results__options, .ss-content.w-search-select .ss-list)::-webkit-scrollbar-corner {
  background: transparent;
}

@media (hover: hover) {
  :is(.core-scroll-area, .core-range-presets, .select2-results > .select2-results__options, .ss-content.w-search-select .ss-list):hover {
    --component-scroll-thumb: var(--brand-control-border);
  }
}
/* Keyboard users get the same visible cue when focus enters the component. */
:is(.core-scroll-area, .core-range-presets, .select2-results > .select2-results__options, .ss-content.w-search-select .ss-list):focus-within {
  --component-scroll-thumb: var(--brand-control-border);
}

/* Let touch devices and high-contrast mode choose their native affordance. */
@media (pointer: coarse), (forced-colors: active) {
  :is(.core-scroll-area, .core-range-presets, .select2-results > .select2-results__options, .ss-content.w-search-select .ss-list) {
    scrollbar-width: auto;
    scrollbar-color: auto;
  }
  :is(.core-scroll-area, .core-range-presets, .select2-results > .select2-results__options, .ss-content.w-search-select .ss-list)::-webkit-scrollbar,
  :is(.core-scroll-area, .core-range-presets, .select2-results > .select2-results__options, .ss-content.w-search-select .ss-list)::-webkit-scrollbar-thumb,
  :is(.core-scroll-area, .core-range-presets, .select2-results > .select2-results__options, .ss-content.w-search-select .ss-list)::-webkit-scrollbar-track,
  :is(.core-scroll-area, .core-range-presets, .select2-results > .select2-results__options, .ss-content.w-search-select .ss-list)::-webkit-scrollbar-corner {
    all: revert;
  }
}