:root{--scrollbar-size: 10px;--scrollbar-thumb: rgba(255, 255, 255, .32);--scrollbar-thumb-hover: rgba(255, 255, 255, .55)}[data-scrollbar=light]{--scrollbar-thumb: rgba(16, 28, 20, .24);--scrollbar-thumb-hover: rgba(16, 28, 20, .42)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-track,*::-webkit-scrollbar-corner{background:transparent}*::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:9999px;border:1px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}@media(hover:hover)and (pointer:fine){*::-webkit-scrollbar-thumb{-webkit-transition:background-color .2s ease;transition:background-color .2s ease}:where(html,body):not(:hover)::-webkit-scrollbar-thumb,[data-scroll]:not(:hover):not(:focus-within)::-webkit-scrollbar-thumb{background-color:transparent}}