.swshdScrollArea-viewport{scrollbar-width:none}.swshdScrollArea-viewport::-webkit-scrollbar{display:none}.swshdScrollArea-viewport:focus-visible{outline:2px solid var(--swshd-focus-ring);outline-offset:-2px}.swshdScrollArea-viewport[data-fade-start]{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--swshd-scroll-area-fade));-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--swshd-scroll-area-fade));mask-image:linear-gradient(to bottom, transparent, #000 var(--swshd-scroll-area-fade))}.swshdScrollArea-viewport[data-fade-end]{-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--swshd-scroll-area-fade)), transparent);-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--swshd-scroll-area-fade)), transparent);mask-image:linear-gradient(to bottom, #000 calc(100% - var(--swshd-scroll-area-fade)), transparent)}.swshdScrollArea-viewport[data-fade-start][data-fade-end]{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--swshd-scroll-area-fade), #000 calc(100% - var(--swshd-scroll-area-fade)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--swshd-scroll-area-fade), #000 calc(100% - var(--swshd-scroll-area-fade)), transparent);mask-image:linear-gradient(to bottom, transparent, #000 var(--swshd-scroll-area-fade), #000 calc(100% - var(--swshd-scroll-area-fade)), transparent)}.swshdScrollArea-viewport[data-fade-start]:focus-visible,.swshdScrollArea-viewport[data-fade-end]:focus-visible{-webkit-mask-image:none;mask-image:none}.swshdScrollArea-scrollbar{opacity:0;pointer-events:none}.swshdScrollArea[data-hovering] .swshdScrollArea-scrollbar,.swshdScrollArea-scrollbar[data-scrolling],.swshdScrollArea-scrollbar[data-dragging]{opacity:1;pointer-events:auto}.swshdScrollArea-thumb{background:var(--swshd-scroll-area-thumb)}.swshdScrollArea-thumb:hover,.swshdScrollArea-scrollbar[data-dragging] .swshdScrollArea-thumb{background:var(--swshd-scroll-area-thumb-active)}