/* One Sonoma-like overlay scrollbar for every scrollable surface. The thumb
   remains subtly visible, becomes clearer on hover and never paints a track. */
.window,
.window * {
  scrollbar-width: thin;
  scrollbar-color: rgba(174,174,180,.48) transparent;
}

.window::-webkit-scrollbar,
.window *::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}

.window::-webkit-scrollbar-track,
.window *::-webkit-scrollbar-track {
  background: transparent !important;
}

.window::-webkit-scrollbar-thumb,
.window *::-webkit-scrollbar-thumb {
  min-height: 38px;
  border: 4px solid transparent !important;
  border-radius: 999px;
  background-clip: padding-box !important;
  background-color: rgba(174,174,180,.46) !important;
  box-shadow: none !important;
}

.window:hover::-webkit-scrollbar-thumb,
.window *:hover::-webkit-scrollbar-thumb {
  border-width: 3px !important;
  background-color: rgba(190,190,196,.68) !important;
}

.window::-webkit-scrollbar-thumb:hover,
.window *::-webkit-scrollbar-thumb:hover {
  border-width: 2px !important;
  background-color: rgba(205,205,211,.84) !important;
}

.window::-webkit-scrollbar-thumb:active,
.window *::-webkit-scrollbar-thumb:active {
  border-width: 2px !important;
  background-color: rgba(222,222,227,.94) !important;
}

.window::-webkit-scrollbar-corner,
.window *::-webkit-scrollbar-corner {
  background: transparent !important;
}