$br: 1px solid #e5e7eb;
$brdeg: 4px;
@mixin br6 {
  border: $br;
  border-radius: $brdeg;
}

.p10 {
  padding: 10px;
  height: 100%;
}

.mb10 {
  margin-bottom: 10px;
  user-select: none;
}

.mb5 {
  margin-bottom: 5px;
}

.flex {
  display: flex;
}

.flex1 {
  flex: 1
}

.align-center {
  align-items: center;
}

.flex-col {
  flex-direction: column;
}

.between {
  justify-content: space-between;
}

.justify-content-center {
  justify-content: center;
}

.bg {
  background-color: #0052d9;
}

.scrollable {
  //scrollbar-gutter: stable;
  scrollbar-color: rgba(0, 0, 0, .8) transparent;
  transition: scrollbar-color .1s ease-out
}

.scrollable:hover {
  scrollbar-color: rgba(0, 0, 0, .15) transparent
}

.scrollable::-webkit-scrollbar {
  background-color: transparent
}

.scrollable::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .8)
}

.scrollable::-webkit-scrollbar-track {
  background-color: transparent
}