@use './../functions/color.function' as *;
@use './../mixins/host-selector-dark-theme.mixin' as *;

/**
 * @deprecated
 */
@mixin scrollbar {
  ::-webkit-scrollbar {
    width: 12px;
    height: 12px;
  }

  ::-webkit-scrollbar-track,
  ::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    border: 4px solid transparent;
    border-radius: 2.5px;
  }

  ::-webkit-scrollbar-track {
    background-color: transparent;
  }

  ::-webkit-scrollbar-thumb {
    background-color: color(neutral-6, alpha-60);

    @include host-selector-dark-theme {
      background-color: color(neutral-600, alpha-40);
    }
  }
}