:root{--scrollbar-width: 10px;--scrollbar-track-color: rgba(0, 0, 0, .08);--scrollbar-thumb-color: rgba(0, 0, 0, .5);--scrollbar-thumb-hover: rgba(0, 0, 0, .65);--scrollbar-radius: 6px}.custom-scrollbar-track{display:flex;flex-direction:column;align-items:center;position:fixed;right:10px;top:50%;transform:translateY(-50%);width:var(--scrollbar-width);height:80%;background-color:#0000000d;border-radius:var(--scrollbar-radius);z-index:9999;opacity:0;transition:opacity .18s ease-in-out,transform .12s ease;pointer-events:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.custom-scrollbar-track.visible{opacity:1}.custom-scrollbar-thumb{display:flex;position:absolute;left:0;width:100%;background-color:var(--scrollbar-thumb-color, rgba(0, 0, 0, .7));border-radius:var(--scrollbar-radius);cursor:pointer;touch-action:none;transition:background-color .12s ease,transform .08s ease;box-shadow:0 2px 6px #0000001a;border:1px solid rgba(255,255,255,.06);min-height:30px}.custom-scrollbar-thumb:hover,.custom-scrollbar-thumb.dragging{background-color:var(--scrollbar-thumb-hover)}.custom-scrollbar-track:hover{transform:translateY(-50%)}.custom-scrollbar-track:hover .custom-scrollbar-thumb{transform:scaleX(1.2);transition:transform .1s ease,background-color .08s ease}.custom-scrollbar-track.active{opacity:1}html::-webkit-scrollbar{width:0!important;height:0!important}html{scrollbar-width:none}@media (max-width: 640px){:root{--scrollbar-width: 8px;--scrollbar-radius: 4px}.custom-scrollbar-track{right:6px;width:8px}.custom-scrollbar-thumb{min-height:24px}}