/* Global scrollbar styles */
.thin-dark-scrollbars {
  --scrollbar-color-thumb: #23252a;
  --scrollbar-color-track: #15191d;
  --scrollbar-width: thin;
  --scrollbar-width-legacy: 4px;
}

.thin-dark-scrollbars:not(#native-scrollbars) {
  scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
  scrollbar-width: var(--scrollbar-width);
}

@supports (scrollbar-width: auto) {
  .thin-dark-scrollbars:not(#native-scrollbars) {
    scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
    scrollbar-width: var(--scrollbar-width);
  }
}

@supports selector(::-webkit-scrollbar) {
  .thin-dark-scrollbars:not(#native-scrollbars)::-webkit-scrollbar-thumb {
    background: var(--scrollbar-color-thumb);
  }
  .thin-dark-scrollbars:not(#native-scrollbars)::-webkit-scrollbar-track {
    background: var(--scrollbar-color-track);
  }
  .thin-dark-scrollbars:not(#native-scrollbars)::-webkit-scrollbar {
    max-width: var(--scrollbar-width-legacy);
    max-height: var(--scrollbar-width-legacy);
  }
}