.guns-scrollbar {
  position: relative;
  overflow: hidden;
  height: 100%;
  box-sizing: border-box;
}
.guns-scrollbar__wrap {
  overflow: auto;
  height: 100%;
}
.guns-scrollbar__wrap.guns-scrollbar__wrap--default-hide {
  scrollbar-width: none;
}
.guns-scrollbar__wrap.guns-scrollbar__wrap--default-hide::-webkit-scrollbar {
  display: none;
}
.guns-scrollbar__bar {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  border-radius: 4px;
}
.guns-scrollbar__bar.guns-scrollbar__bar--vertical {
  top: 0;
  width: 5px;
}
.guns-scrollbar__bar.guns-scrollbar__bar--vertical > div {
  width: 100%;
}
.guns-scrollbar__bar.guns-scrollbar__bar--horizontal {
  left: 0;
  height: 5px;
}
.guns-scrollbar__bar.guns-scrollbar__bar--horizontal > div {
  height: 100%;
}
.guns-scrollbar__thumb {
  position: relative;
  width: 0;
  height: 0;
  border-radius: inherit;
  background-color: var(--bgColor3);
  cursor: pointer;
}
.guns-scrollbar__thumb:hover,
.guns-scrollbar__thumb:active {
  background-color: var(--bgColor4);
}