/* Questify scrollbars across the website, studio, and partner program. */
:root {
  --questify-scroll-thumb: #2b69bd;
  --questify-scroll-thumb-hover: #174a92;
}

html[data-theme="dark"],
html[data-admin-theme="dark"] {
  --questify-scroll-thumb: #72aaff;
  --questify-scroll-thumb-hover: #a4c9ff;
}

.sidebar nav {
  --questify-scroll-thumb: #72aaff;
  --questify-scroll-thumb-hover: #a4c9ff;
}

*::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background: var(--questify-scroll-thumb);
  border-radius: 999px;
}

*::-webkit-scrollbar-thumb:hover {
  background: var(--questify-scroll-thumb-hover);
}

@supports (-moz-appearance: none) {
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--questify-scroll-thumb) transparent;
  }
}