@charset "UTF-8";
/**
 * YH-UI Sass Variables
 * 原具体的 CSS 变量输出规则 (:root, html.dark 等) 已移至 root.scss，以防止各组件样式编译时产生重复的全局变量 CSS 冗余。
 */
.yh-scrollbar {
  overflow: hidden;
  position: relative;
  height: 100%;
  width: 100%;
}
.yh-scrollbar__wrap {
  overflow: auto;
  height: 100%;
  width: 100%;
}
.yh-scrollbar__wrap--hidden-native {
  scrollbar-width: none;
}
.yh-scrollbar__wrap--hidden-native::-webkit-scrollbar {
  display: none;
}

.yh-scrollbar__view {
  display: block;
  min-width: 100%;
}

.yh-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: var(--yh-scrollbar-thumb-radius);
  transition: opacity var(--yh-duration-base) var(--yh-timing-ease);
}
.yh-scrollbar__bar.is-vertical {
  width: var(--yh-scrollbar-width);
  top: 2px;
}
.yh-scrollbar__bar.is-vertical > div {
  width: 100%;
}

.yh-scrollbar__bar.is-horizontal {
  height: var(--yh-scrollbar-width);
  left: 2px;
}
.yh-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

.yh-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: var(--yh-scrollbar-thumb-color);
  transition: background-color var(--yh-duration-base) var(--yh-timing-ease);
}
.yh-scrollbar__thumb:hover {
  background-color: var(--yh-scrollbar-thumb-hover-color);
}

.yh-scrollbar-fade-enter-active,
.yh-scrollbar-fade-leave-active {
  transition: opacity var(--yh-duration-base) var(--yh-timing-ease);
}

.yh-scrollbar-fade-enter-from,
.yh-scrollbar-fade-leave-to {
  opacity: 0;
}