body ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px
}

body ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, .1);
  border-radius: 0
}

body ::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 5px;
  background: rgba(0, 0, 0, .25);
  -webkit-transition: color .2s ease;
  transition: color .2s ease
}

body ::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, .15)
}

body ::-webkit-scrollbar-thumb:hover {
  background: rgba(128, 135, 139, .8)
}

body .ui {
  scrollbar-face-color: #bfbfbf;
  scrollbar-shadow-color: #bfbfbf;
  scrollbar-track-color: #e6e6e6;
  scrollbar-arrow-color: #e6e6e6;
  scrollbar-color: rgba(0, 0, 0, .25) rgba(0, 0, 0, .1);
  scrollbar-width: thin
}

body .ui.inverted:not(.dimmer)::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, .1)
}

body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, .25)
}

body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, .15)
}

body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, .35)
}

body .ui.inverted:not(.dimmer) {
  scrollbar-face-color: #656565;
  scrollbar-shadow-color: #656565;
  scrollbar-track-color: #323232;
  scrollbar-arrow-color: #323232;
  scrollbar-color: rgba(255, 255, 255, .25) rgba(255, 255, 255, .1)
}