[data-scrollbar]{position:relative;overflow-x:auto;overflow-y:hidden}[data-scrollbar] .scrollbar-track{background:rgba(0,0,0,0.08);border-radius:0}[data-scrollbar] .scrollbar-track.scrollbar-track-y{width:6px;right:2px}[data-scrollbar] .scrollbar-track.scrollbar-track-x{height:6px;bottom:2px;background-color:transparent}[data-scrollbar] .scrollbar-track.scrollbar-track-x:before{content:"";position:absolute;top:0.2rem;bottom:0;margin-top:auto;margin-bottom:auto;height:0.2rem;width:100%;background-color:var(--color-lightGrey)}[data-scrollbar] .scrollbar-thumb{background:transparent;position:relative;height:0.6rem}[data-scrollbar] .scrollbar-thumb.scrollbar-thumb-y:after{content:"";position:absolute;top:0;bottom:0;left:1px;right:1px;background:linear-gradient(180deg,#555,#222);border-radius:0;transition:background 0.3s ease}[data-scrollbar] .scrollbar-thumb.scrollbar-thumb-y:hover:after{background:linear-gradient(180deg,#777,#333)}[data-scrollbar] .scrollbar-thumb.scrollbar-thumb-x:after{content:"";position:absolute;left:0;right:0;top:1px;bottom:1px;background:var(--color-mediumGrey);border-radius:5rem;transition:background 0.3s ease}[data-scrollbar] .scrollbar-thumb.scrollbar-thumb-x:hover:after{background:linear-gradient(90deg,#777,#333)}