@import "node_modules/bootstrap/scss/variables";

.scroll-y {
  overflow-y: auto;
  scrollbar-width: none;
  &::-webkit-scrollbar {
    display: none;
  }
}

.scroll-y-visible {
  overflow-y: auto;
  &::-webkit-scrollbar {
    width: 0.75em;
  }
  &::-webkit-scrollbar-track {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
    background-color: $white;
  }
  &::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7);
    outline: 1px solid slategrey;
    border-radius: 10px;
    height: 12px;
    &:active {
      box-shadow: inset 0 0 8px $primary;
      -webkit-box-shadow: inset 0 0 8px $primary;
    }
  }
  &::-webkit-scrollbar-corner {
    border-radius: 10px;
  }
}

.scroll-x {
  overflow-x: auto;
  scrollbar-width: none;
  &::-webkit-scrollbar {
    display: none;
  }
}