.selector-list {
  /* written out in full: a `$variable` holding the slot class carries no live `&`,
     so Sass would prepend the root as an ancestor — and SelectorList renders no
     root element, so such a rule never matches */
  &__subheader-wrapper--size-small#{&}__subheader-wrapper--with-search {
    padding: 18px 18px 12px;
  }

  &__subheader-wrapper--size-small:not(#{&}__subheader-wrapper--with-search) {
    padding: 0 18px 12px;
  }

  &__subheader-wrapper--size-medium#{&}__subheader-wrapper--with-search {
    padding: 30px 30px 12px;
  }

  &__subheader-wrapper--size-medium:not(#{&}__subheader-wrapper--with-search) {
    padding: 0 30px 12px;
  }

  &__subheader-wrapper--size-small:not(#{&}__subheader-wrapper--with-search) &__subtitle-wrapper {
    margin-top: 18px;
  }

  &__subheader-wrapper--size-medium:not(#{&}__subheader-wrapper--with-search) &__subtitle-wrapper {
    margin-top: 30px;
  }

  &__subheader-wrapper--size-medium#{&}__subheader-wrapper--with-search &__subtitle-wrapper {
    margin-bottom: 18px;
  }

  &__subheader-wrapper--size-small#{&}__subheader-wrapper--with-search &__subtitle-wrapper {
    margin-bottom: 12px;
  }

  &__content {
    flex: 1;
    overflow: auto;
    isolation: isolate;
    /* stylelint-disable-next-line plugin/use-baseline */
    outline: none;

    &::-webkit-scrollbar {
      height: 0;
      width: 12px;
    }

    &::-webkit-scrollbar-button {
      display: none;
      height: 6px;
    }

    &::-webkit-scrollbar-thumb {
      background-color: var(
        --wds-scrollbar-fill,
        var(--wds-color-blue-300, var(--wsr-color-B30, #A8CAFF))
      );
      background-clip: content-box;
      border-radius: var(--wds-border-radius-full, calc(3px * 2));
      border: calc((12px - var(--wds-scrollbar-width, 6px)) / 2) solid transparent;
      height: 72px;
    }

    @media (hover: hover) {
      &::-webkit-scrollbar-thumb:hover {
        background-color: var(
          --wds-scrollbar-fill-hover,
          var(--wds-color-blue-200, var(--wsr-color-B20, #5999FF))
        );
      }
    }

    &::-webkit-scrollbar-thumb:active {
      background-color: var(
        --wds-scrollbar-fill-active,
        var(--wds-color-blue-100, var(--wsr-color-B10, #116DFF))
      );
    }

    &:focus-visible {
      position: relative;
    }

    > * {
      position: relative;
      z-index: -1;
    }

    /* `__content` composes `FocusRing` (`focus-ring--inset`); this suppresses
       its inner band, whose `::before` rule carries two classes */
    &:focus-visible:not(:disabled)::before {
      content: none;
    }
  }

  &__main-loader-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  &__next-page-loader-wrapper {
    width: 100%;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  &__list {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }

  &__empty-state-wrapper,
  &__no-results-found-state-wrapper,
  &__default-empty-state-wrapper,
  &__default-no-results-found-state-wrapper {
    width: 100%;
    height: 100%;
  }

  &__default-empty-state-wrapper,
  &__default-no-results-found-state-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}