.elevated-scrollbar{--elevated-mask-height: 6rem;--elevated-mask-content-scrollbar: linear-gradient(black, black);--elevated-mask-content-scrollbar-size: var(--elevated-scrollbar-width) 100%;--elevated-mask-content-size: calc(100% - var(--elevated-scrollbar-width)) 100%;--elevated-scrollbar-width: .5rem;position:relative;overflow:hidden;padding-right:.5rem;-webkit-mask-image:linear-gradient(to bottom,black,black var(--elevated-mask-height),black calc(100% - var(--elevated-mask-height)),transparent),var(--elevated-mask-content-scrollbar);mask-image:linear-gradient(to bottom,black,black var(--elevated-mask-height),black calc(100% - var(--elevated-mask-height)),transparent),var(--elevated-mask-content-scrollbar);-webkit-mask-size:var(--elevated-mask-content-size),var(--elevated-mask-content-scrollbar-size);mask-size:var(--elevated-mask-content-size),var(--elevated-mask-content-scrollbar-size);-webkit-mask-position:0 0,100% 0;mask-position:0 0,100% 0;-webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat}.elevated-scrollbar:after,.elevated-scrollbar:before{position:sticky;display:none;width:100%;cursor:default;background-color:transparent;content:"";min-height:var(--elevated-mask-height);z-index:1}.elevated-scrollbar:after{bottom:0}.elevated-scrollbar:before{top:0}.elevated-scrollbar.fading-bottom:after,.elevated-scrollbar.fading-top:before{display:block}.elevated-scrollbar.fading-bottom.fading-top{-webkit-mask-image:linear-gradient(to bottom,transparent,black var(--elevated-mask-height),black calc(100% - var(--elevated-mask-height)),transparent),var(--elevated-mask-content-scrollbar)!important;mask-image:linear-gradient(to bottom,transparent,black var(--elevated-mask-height),black calc(100% - var(--elevated-mask-height)),transparent),var(--elevated-mask-content-scrollbar)!important}.elevated-scrollbar.fading-bottom{-webkit-mask-image:linear-gradient(to bottom,black,black var(--elevated-mask-height),black calc(100% - var(--elevated-mask-height)),transparent),var(--elevated-mask-content-scrollbar)!important;mask-image:linear-gradient(to bottom,black,black var(--elevated-mask-height),black calc(100% - var(--elevated-mask-height)),transparent),var(--elevated-mask-content-scrollbar)!important}.elevated-scrollbar.fading-top{-webkit-mask-image:linear-gradient(to bottom,transparent,black var(--elevated-mask-height),black calc(100% - var(--elevated-mask-height)),black),var(--elevated-mask-content-scrollbar)!important;mask-image:linear-gradient(to bottom,transparent,black var(--elevated-mask-height),black calc(100% - var(--elevated-mask-height)),black),var(--elevated-mask-content-scrollbar)!important}.elevated-scrollbar:hover::-webkit-scrollbar-thumb{visibility:visible}.elevated-scrollbar::-webkit-scrollbar{height:5rem;background-color:transparent;width:var(--elevated-scrollbar-width)}.elevated-scrollbar::-webkit-scrollbar-button{display:none}.elevated-scrollbar::-webkit-scrollbar-thumb{visibility:hidden;border-radius:9999px;background-color:#0006;-webkit-transition-property:all;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}.elevated-scrollbar::-webkit-scrollbar-thumb:hover{visibility:visible;background-color:currentColor}.elevated-scrollbar::-webkit-scrollbar-track{background-color:transparent}