@st-import [
  --wds-color-blue-100,
  --wds-color-blue-200,
  --wds-color-blue-300,
  --wds-border-radius-full,
] from '@wix/design-system-tokens/all.st.css';

@st-import [B30, B20, B10] from "./colors.st.css";

.defaultScrollBar::-webkit-scrollbar {
    height: 0;
    width: 12px;
}
.defaultScrollBar::-webkit-scrollbar-button {
    display: none;
    height: 6px;
}
.defaultScrollBar::-webkit-scrollbar-thumb {
    /* https://stackoverflow.com/a/16829330/5343330 */
    background-color: var(--wds-color-blue-300, value(B30));
    background-clip: content-box;
    border-radius: var(--wds-border-radius-full, calc(3px * 2));
    border: 3px solid transparent;
    height: 72px;
}

.defaultScrollBar::-webkit-scrollbar-thumb:hover {
     background-color: var(--wds-color-blue-200, value(B20));
 }
.defaultScrollBar::-webkit-scrollbar-thumb:active {
     background-color: var(--wds-color-blue-100, value(B10));
 }

/* st-namespace-reference="../../../../src/Foundation/stylable/default-scroll-bar.st.css" */