/* v0.13.4 Global scrollbar unification.
   Matches the Compound DB scrollbar template and forces every in-site scroll container
   to use the same dark track / bronze thumb instead of native white scrollbars. */

html,
body,
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(133, 94, 58, 0.92) rgba(0, 0, 0, 0.60);
}

html::-webkit-scrollbar,
body::-webkit-scrollbar,
*::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
*::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.60);
  border-left: 1px solid rgba(254, 207, 125, 0.10);
  border-top: 1px solid rgba(254, 207, 125, 0.06);
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-thumb {
  background: rgba(133, 94, 58, 0.92);
  border: 3px solid rgba(0, 0, 0, 0.35);
  background-clip: padding-box;
  border-radius: 8px;
  min-height: 28px;
  min-width: 28px;
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover,
*::-webkit-scrollbar-thumb:hover {
  background-color: rgba(196, 139, 76, 0.95);
}

html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner,
*::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.60);
}

html::-webkit-scrollbar-button,
body::-webkit-scrollbar-button,
*::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}

/* Extra specificity for the Trade page lists added recently, because those were
   showing native white scrollbars after the layout patches. */
#page-trade *::-webkit-scrollbar,
.trade-v0133-item-search-list::-webkit-scrollbar,
.trade-v0132-saved-list::-webkit-scrollbar,
.trade-v0132-attached-list::-webkit-scrollbar,
.trade-saved-items::-webkit-scrollbar,
.trade-attached-items::-webkit-scrollbar {
  width: 14px !important;
  height: 14px !important;
}

#page-trade *::-webkit-scrollbar-track,
.trade-v0133-item-search-list::-webkit-scrollbar-track,
.trade-v0132-saved-list::-webkit-scrollbar-track,
.trade-v0132-attached-list::-webkit-scrollbar-track,
.trade-saved-items::-webkit-scrollbar-track,
.trade-attached-items::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.60) !important;
  border-left: 1px solid rgba(254, 207, 125, 0.10) !important;
}

#page-trade *::-webkit-scrollbar-thumb,
.trade-v0133-item-search-list::-webkit-scrollbar-thumb,
.trade-v0132-saved-list::-webkit-scrollbar-thumb,
.trade-v0132-attached-list::-webkit-scrollbar-thumb,
.trade-saved-items::-webkit-scrollbar-thumb,
.trade-attached-items::-webkit-scrollbar-thumb {
  background: rgba(133, 94, 58, 0.92) !important;
  border: 3px solid rgba(0, 0, 0, 0.35) !important;
  background-clip: padding-box !important;
  border-radius: 8px !important;
}

#page-trade *::-webkit-scrollbar-thumb:hover,
.trade-v0133-item-search-list::-webkit-scrollbar-thumb:hover,
.trade-v0132-saved-list::-webkit-scrollbar-thumb:hover,
.trade-v0132-attached-list::-webkit-scrollbar-thumb:hover,
.trade-saved-items::-webkit-scrollbar-thumb:hover,
.trade-attached-items::-webkit-scrollbar-thumb:hover {
  background-color: rgba(196, 139, 76, 0.95) !important;
}