/* Themed scrollbars — applied site-wide */

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: #e0e2d3;
}
::-webkit-scrollbar-thumb {
  background: #b0b0a3;
  border-radius: 5px;
  border: 2px solid #e0e2d3;
}
::-webkit-scrollbar-thumb:hover {
  background: #888880;
}
html {
  scrollbar-color: #b0b0a3 #e0e2d3;
  scrollbar-width: thin;
}

html[data-theme="dark"] ::-webkit-scrollbar-track {
  background: #1a1918;
}
html[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: #3a3a38;
  border-color: #1a1918;
}
html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: #5a5a58;
}
html[data-theme="dark"] {
  scrollbar-color: #3a3a38 #1a1918;
}

html[data-theme="pink"] ::-webkit-scrollbar-track {
  background: #fcaddd;
}
html[data-theme="pink"] ::-webkit-scrollbar-thumb {
  background: #e085b5;
  border-color: #fcaddd;
}
html[data-theme="pink"] ::-webkit-scrollbar-thumb:hover {
  background: #c66ba0;
}
html[data-theme="pink"] {
  scrollbar-color: #e085b5 #fcaddd;
}