@media screen and (-webkit-min-device-pixel-ratio: 0){@property --scrollbar-color{syntax: "<color>"; inherits: true; initial-value: white;}@keyframes scrollbar-fade-in{0%{--scrollbar-color: rgba(0 0 0 / 0%)}to{--scrollbar-color: rgba(0 0 0 / 40%)}}@keyframes scrollbar-fade-out{0%{--scrollbar-color: rgba(0 0 0 / 40%)}to{--scrollbar-color: rgba(0 0 0 / 0%)}}*{animation:scrollbar-fade-out .5s ease-in-out forwards}:hover,html:hover body{animation:scrollbar-fade-in .5s ease-in-out forwards}::-webkit-scrollbar{width:12px;height:12px;background-color:transparent}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color);border-radius:6px;background-clip:padding-box;border:3px solid transparent}::-webkit-scrollbar-thumb:hover{background-color:#0009}}@media not screen and (-webkit-min-device-pixel-ratio: 0){*{scrollbar-color:rgb(0 0 0 / 0%) transparent;transition:scrollbar-color .5s}:hover{scrollbar-color:rgb(0 0 0 / 40%) transparent}}*{scrollbar-face-color:transparent;scrollbar-highlight-color:transparent;scrollbar-shadow-color:transparent;scrollbar-3dlight-color:transparent;scrollbar-arrow-color:transparent;scrollbar-track-color:transparent;scrollbar-darkshadow-color:transparent}:hover{scrollbar-face-color:rgb(100 100 100);scrollbar-highlight-color:rgb(100 100 100);scrollbar-3dlight-color:rgb(100 100 100)}