[data-scroll-area-viewport]{scrollbar-width:none!important;-ms-overflow-style:none!important;-webkit-overflow-scrolling:touch!important}[data-scroll-area-viewport]::-webkit-scrollbar{display:none!important}:where([data-scroll-area-viewport]){display:flex;flex-direction:column;align-items:stretch}:where([data-scroll-area-content]){flex-grow:1}.ui-scroll-area{position:relative;height:var(--control-height-m);max-width:100%;overflow:hidden}.ui-scroll-area__viewport{height:100%;width:100%;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.ui-scroll-area__viewport::-webkit-scrollbar{display:none}.ui-scroll-area__scrollbar{pointer-events:none;position:absolute;z-index:10;display:flex;border-radius:var(--radius-pill);background:var(--scrollbar-track-color)}.ui-scroll-area__scrollbar[data-orientation=vertical]{--bits-scroll-area-thumb-width: var(--scrollbar-thumb-size);top:0;right:0;height:calc(100% - var(--handle-size, 0px));width:var(--scrollbar-size);flex-direction:column;align-items:center}.ui-scroll-area__scrollbar[data-orientation=horizontal]{--bits-scroll-area-thumb-height: var(--scrollbar-thumb-size);left:0;bottom:0;height:var(--scrollbar-size);width:calc(100% - var(--handle-size, 0px));flex-direction:row;align-items:center}.ui-scroll-area__thumb{pointer-events:auto;position:absolute;z-index:10;cursor:grab;border-radius:var(--radius-pill);background-color:var(--scrollbar-thumb-color);box-shadow:var(--scrollbar-thumb-shadow);transition:background-color 50ms cubic-bezier(.4,0,.2,1),box-shadow 50ms cubic-bezier(.4,0,.2,1)}@media(hover:hover){.ui-scroll-area__thumb:hover{cursor:grab;background-color:var(--scrollbar-thumb-color-hover);box-shadow:var(--scrollbar-thumb-shadow)}}.ui-scroll-area__thumb:active{cursor:grabbing}