.ScrollableArea_ScrollAreaRoot__vecVB{overflow:hidden;--scrollbar-size:var(--space-1);display:flex;flex-direction:column}.ScrollableArea_ScrollAreaViewport__WqDz_{width:100%;height:100%;border-radius:inherit;flex:1 1 auto;&>div{display:flex!important;flex-direction:column}}.ScrollableArea_ScrollAreaViewportHorizontal__lVTBy{&>div{flex-direction:row}}.ScrollableArea_ScrollAreaMask__YiTj_{--target:bottom;--scrollbar-width:0px;--mask-size:16px;--mask-size-start:0px;--mask-size-end:0px;--mask-image-content:linear-gradient(to var(--target),transparent 0px,black var(--mask-size-start),black calc(100% - var(--mask-size-end)),transparent 100%);--mask-size-content:calc(100% - var(--scrollbar-width)) 100%;--mask-image-scrollbar:linear-gradient(black,black);--mask-size-scrollbar:var(--scrollbar-width) 100%;mask-image:var(--mask-image-content),var(--mask-image-scrollbar);mask-size:var(--mask-size-content),var(--mask-size-scrollbar);mask-position:0 0,100% 0;mask-repeat:no-repeat,no-repeat}.ScrollableArea_ScrollAreaMaskHorizontal__kRQWQ{flex-direction:row;--target:right;--mask-size-content:100% calc(100% - var(--scrollbar-width));--mask-size-scrollbar:100% var(--scrollbar-width)}.ScrollableArea_ScrollAreaMaskStart__4gveV{--mask-size-start:var(--mask-size)}.ScrollableArea_ScrollAreaMaskEnd__PAIKj{--mask-size-end:var(--mask-size)}.ScrollableArea_ScrollAreaScrollbar__pLZyP{display:flex;user-select:none;touch-action:none;padding:2px;background:var(--black-a3);transition:background .1s ease-out}.ScrollableArea_ScrollAreaScrollbar__pLZyP:hover{background:var(--black-a2)}.ScrollableArea_ScrollAreaScrollbar__pLZyP[data-orientation=vertical]{width:var(--scrollbar-size)}.ScrollableArea_ScrollAreaScrollbar__pLZyP[data-orientation=horizontal]{flex-direction:column;height:var(--scrollbar-size)}.ScrollableArea_ScrollAreaScrollbarHidden__kJ7rQ{display:none!important}.ScrollableArea_ScrollAreaThumb__y_bNu{flex:1;background:var(--mauve-10);border-radius:var(--scrollbar-size);position:relative}.ScrollableArea_ScrollAreaThumb__y_bNu:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:44px;min-height:44px}.ScrollableArea_ScrollAreaCorner__Lfxyl{background:var(--black-a5)}