html{--scrollbarBG:#f1f5f9;--thumbBG:#475569;scroll-behavior:smooth}body{scrollbar-color:var(--thumbBG) var(--scrollbarBG);scrollbar-width:thin}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:var(--scrollbarBG)}body::-webkit-scrollbar-thumb{background-color:var(--thumbBG);border:3px solid var(--scrollbarBG);border-radius:6px}@media only screen and (min-width:600px){html{--thumbBG:#94a3b8}body::-webkit-scrollbar{width:12px}}@media screen and (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}