.scroll-content {
  height: 100%;
  max-height: 100vh;
  overflow-y: auto;
}

/** scrollbars */
@-moz-document url-prefix() {
  html {
    scrollbar-color: var(--color-text) var(--color-scroll-bg);
    scrollbar-width: thin;
  }
  .scrollbar, .scrollbar-neg {
    scrollbar-color: var(--color-text) var(--color-scroll-bg);
    scrollbar-width: thin;
  }
}
.scrollbar, .scrollbar-neg {
  --color-bg-scroll: var(--color-bg);
}
.scrollbar::-webkit-scrollbar, .scrollbar-neg::-webkit-scrollbar {
  width: var(--scroll-width);
  width: 10px;
  border-radius: 0.5em;
  background-image: linear-gradient(90deg, var(--color-bg-scroll) 0%, var(--color-bg-scroll) 41%, var(--color-text) 41%, var(--color-text) 59%, var(--color-bg-scroll) 59%, var(--color-bg-scroll) 100%);
}
.scrollbar::-webkit-scrollbar-thumb, .scrollbar-neg::-webkit-scrollbar-thumb {
  background: var(--color-text);
  border-radius: 0.5em;
}
.scrollbar::-webkit-scrollbar-track, .scrollbar-neg::-webkit-scrollbar-track {
  border-radius: 0.5em;
}

.scroll-content::-webkit-scrollbar-thumb {
  background: transparent;
}

.scroll-content .scroll-content::-webkit-scrollbar {
  width: var(--scroll-width);
  width: 5px;
  border-radius: 0.5em;
  background-image: none;
}
.scroll-content .scroll-content::-webkit-scrollbar-thumb {
  background: transparent;
}

.scroll-content:hover::-webkit-scrollbar-thumb,
.scroll-content:focus::-webkit-scrollbar-thumb {
  background: var(--color-focus);
}/*# sourceMappingURL=.._scrollbar.css.map */