@import '../../styles/variables.scss';

.ark-ui-scrollbar {
  background: white;
  cursor: pointer;
  position: relative;
  .ark-ui-scrollbar-switch {
    background: $font-color;
    border-radius: 3px;
    position: absolute;
  }
  &.vertical {
    height: 100%;
    width: 6px;
    .ark-ui-scrollbar-switch {
      height: 40px;
      width: 100%;
    }
  }
  &.horizontal {
    height: 6px;
    width: 100%;
    .ark-ui-scrollbar-switch {
      height: 100%;
      width: 40px;
    }
  }
}