[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]){flex-direction:column;align-items:stretch;display:flex}:where([data-scroll-area-content]){flex-grow:1}.scroll-area[data-fade]>[data-slot=scroll-area-viewport]{--scroll-mask-y:linear-gradient(black, black);--scroll-mask-x:linear-gradient(black, black);-webkit-mask-image:var(--scroll-mask-y,linear-gradient(black, black)), var(--scroll-mask-x,linear-gradient(black, black));mask-image:var(--scroll-mask-y,linear-gradient(black, black)), var(--scroll-mask-x,linear-gradient(black, black));-webkit-mask-composite:source-in;mask-composite:intersect}.scroll-area[data-fade][data-orientation=vertical][data-can-up][data-can-down]>[data-slot=scroll-area-viewport]{--scroll-mask-y:linear-gradient(to bottom, transparent 0, black 12px, black calc(100% - 64px), transparent 100%)}.scroll-area[data-fade][data-orientation=vertical]:not([data-can-up])[data-can-down]>[data-slot=scroll-area-viewport]{--scroll-mask-y:linear-gradient(to bottom, black 0, black calc(100% - 64px), transparent 100%)}.scroll-area[data-fade][data-orientation=vertical][data-can-up]:not([data-can-down])>[data-slot=scroll-area-viewport]{--scroll-mask-y:linear-gradient(to bottom, transparent 0, black 12px, black 100%)}.scroll-area[data-fade][data-orientation=horizontal][data-can-left][data-can-right]>[data-slot=scroll-area-viewport]{--scroll-mask-x:linear-gradient(to right, transparent 0, black 20px, black calc(100% - 20px), transparent 100%)}.scroll-area[data-fade][data-orientation=horizontal]:not([data-can-left])[data-can-right]>[data-slot=scroll-area-viewport]{--scroll-mask-x:linear-gradient(to right, black 0, black calc(100% - 20px), transparent 100%)}.scroll-area[data-fade][data-orientation=horizontal][data-can-left]:not([data-can-right])>[data-slot=scroll-area-viewport]{--scroll-mask-x:linear-gradient(to right, transparent 0, black 20px, black 100%)}.scroll-area[data-fade][data-orientation=both][data-can-up][data-can-down]>[data-slot=scroll-area-viewport]{--scroll-mask-y:linear-gradient(to bottom, transparent 0, black 12px, black calc(100% - 64px), transparent 100%)}.scroll-area[data-fade][data-orientation=both]:not([data-can-up])[data-can-down]>[data-slot=scroll-area-viewport]{--scroll-mask-y:linear-gradient(to bottom, black 0, black calc(100% - 64px), transparent 100%)}.scroll-area[data-fade][data-orientation=both][data-can-up]:not([data-can-down])>[data-slot=scroll-area-viewport]{--scroll-mask-y:linear-gradient(to bottom, transparent 0, black 12px, black 100%)}.scroll-area[data-fade][data-orientation=both][data-can-left][data-can-right]>[data-slot=scroll-area-viewport]{--scroll-mask-x:linear-gradient(to right, transparent 0, black 20px, black calc(100% - 20px), transparent 100%)}.scroll-area[data-fade][data-orientation=both]:not([data-can-left])[data-can-right]>[data-slot=scroll-area-viewport]{--scroll-mask-x:linear-gradient(to right, black 0, black calc(100% - 20px), transparent 100%)}.scroll-area[data-fade][data-orientation=both][data-can-left]:not([data-can-right])>[data-slot=scroll-area-viewport]{--scroll-mask-x:linear-gradient(to right, transparent 0, black 20px, black 100%)}