._root_15sj7_1{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}._viewport_15sj7_4{--fade-top:0px;--fade-bottom:0px;--fade-left:0px;--fade-right:0px;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:auto;min-width:0;min-height:0}._viewport_15sj7_4::-webkit-scrollbar{display:none}._root_15sj7_1[data-orientation=vertical]>._viewport_15sj7_4{overflow:hidden auto}._root_15sj7_1[data-orientation=horizontal]>._viewport_15sj7_4{overflow:auto hidden}._root_15sj7_1[data-orientation=both]>._viewport_15sj7_4{overflow:auto}._viewport_15sj7_4[data-fade=vertical]{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--fade-top), #000 calc(100% - var(--fade-bottom)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--fade-top), #000 calc(100% - var(--fade-bottom)), transparent);mask-image:linear-gradient(to bottom, transparent, #000 var(--fade-top), #000 calc(100% - var(--fade-bottom)), transparent)}._viewport_15sj7_4[data-fade=horizontal]{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fade-left), #000 calc(100% - var(--fade-right)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fade-left), #000 calc(100% - var(--fade-right)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--fade-left), #000 calc(100% - var(--fade-right)), transparent)}._viewport_15sj7_4[data-fade=both]{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--fade-top), #000 calc(100% - var(--fade-bottom)), transparent), linear-gradient(to right, transparent, #000 var(--fade-left), #000 calc(100% - var(--fade-right)), transparent);-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--fade-top), #000 calc(100% - var(--fade-bottom)), transparent), linear-gradient(to right, transparent, #000 var(--fade-left), #000 calc(100% - var(--fade-right)), transparent);mask-image:linear-gradient(to bottom, transparent, #000 var(--fade-top), #000 calc(100% - var(--fade-bottom)), transparent), linear-gradient(to right, transparent, #000 var(--fade-left), #000 calc(100% - var(--fade-right)), transparent);-webkit-mask-composite:source-in;mask-composite:intersect}._track_15sj7_35{z-index:1;opacity:0;pointer-events:none;touch-action:none;transition:opacity var(--duration-considered) var(--ease-standard);position:absolute}._track_15sj7_35[data-axis=y]{width:11px;top:3px;bottom:3px;right:1px}._track_15sj7_35[data-axis=x]{height:11px;bottom:1px;left:3px;right:3px}._root_15sj7_1[data-orientation=both]>._track_15sj7_35[data-axis=y]{bottom:13px}._root_15sj7_1[data-orientation=both]>._track_15sj7_35[data-axis=x]{right:13px}._track_15sj7_35[data-hidden]{display:none}._thumb_15sj7_49{will-change:transform;position:absolute;top:0;left:0}._track_15sj7_35[data-axis=y] ._thumb_15sj7_49{width:100%}._track_15sj7_35[data-axis=x] ._thumb_15sj7_49{height:100%}._thumb_15sj7_49:after{content:"";border-radius:var(--radius-pill);background:color-mix(in oklch, var(--foreground) 30%, transparent);transition:width var(--duration-fast) var(--ease-standard), height var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);position:absolute}._track_15sj7_35[data-axis=y] ._thumb_15sj7_49:after{width:5px;top:0;bottom:0;right:3px}._track_15sj7_35[data-axis=x] ._thumb_15sj7_49:after{height:5px;bottom:3px;left:0;right:0}._root_15sj7_1[data-scrolling]>._track_15sj7_35,._root_15sj7_1[data-dragging]>._track_15sj7_35,._root_15sj7_1[data-scrollbars=always]>._track_15sj7_35{opacity:1;pointer-events:auto;transition-duration:var(--duration-fast)}@media (hover:hover) and (pointer:fine){._root_15sj7_1:hover>._track_15sj7_35{opacity:1;pointer-events:auto;transition-duration:var(--duration-fast)}._track_15sj7_35:hover ._thumb_15sj7_49:after,._root_15sj7_1[data-dragging] ._thumb_15sj7_49:after{background:color-mix(in oklch, var(--foreground) 46%, transparent)}._track_15sj7_35[data-axis=y]:hover ._thumb_15sj7_49:after,._root_15sj7_1[data-dragging=y] ._track_15sj7_35[data-axis=y] ._thumb_15sj7_49:after{width:7px;right:2px}._track_15sj7_35[data-axis=x]:hover ._thumb_15sj7_49:after,._root_15sj7_1[data-dragging=x] ._track_15sj7_35[data-axis=x] ._thumb_15sj7_49:after{height:7px;bottom:2px}}@media (prefers-reduced-motion:reduce){._track_15sj7_35,._thumb_15sj7_49:after{transition:none}}.demo-scroll-area-wrap.svelte-1hz6qd{justify-content:center;align-items:center;width:100%;padding:2.5rem 1rem;display:flex}