:root {
  --color-scroll-primary: hsl(180, 63%, 46%);
  --color-scroll-info-light: hsl(180, 44%, 69%);
  --color-scroll-light: hsl(180, 33%, 77%);
  --color-scroll-lighthover: hsl(180, 26%, 69%);
  --color-scroll-info-dark: #d5d8db;
  --color-scroll-backround: hsl(180, 7%, 81%);
}

::-webkit-scrollbar {
  width: 0.4rem;
}

::-webkit-scrollbar-track {
  border-radius: 0.3125rem;
  background: var(--color-backround);
  box-shadow: inset 0 0 10px var(--color-scroll-backround);
}

::-webkit-scrollbar-thumb {
  border-radius: 0.3125rem;
  background: var(--color-scroll-light);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-scroll-lighthover);
  width: 0.5rem;
}/*# sourceMappingURL=scroll.css.map */