.S3LsHG_root{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.S3LsHG_viewport{--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}.S3LsHG_viewport::-webkit-scrollbar{display:none}.S3LsHG_root[data-orientation=vertical]>.S3LsHG_viewport{overflow:hidden auto}.S3LsHG_root[data-orientation=horizontal]>.S3LsHG_viewport{overflow:auto hidden}.S3LsHG_root[data-orientation=both]>.S3LsHG_viewport{overflow:auto}.S3LsHG_viewport[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)}.S3LsHG_viewport[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)}.S3LsHG_viewport[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}.S3LsHG_track{z-index:1;opacity:0;pointer-events:none;touch-action:none;transition:opacity var(--duration-considered) var(--ease-standard);position:absolute}.S3LsHG_track[data-axis=y]{width:11px;top:3px;bottom:3px;right:1px}.S3LsHG_track[data-axis=x]{height:11px;bottom:1px;left:3px;right:3px}.S3LsHG_root[data-orientation=both]>.S3LsHG_track[data-axis=y]{bottom:13px}.S3LsHG_root[data-orientation=both]>.S3LsHG_track[data-axis=x]{right:13px}.S3LsHG_track[data-hidden]{display:none}.S3LsHG_thumb{will-change:transform;position:absolute;top:0;left:0}.S3LsHG_track[data-axis=y] .S3LsHG_thumb{width:100%}.S3LsHG_track[data-axis=x] .S3LsHG_thumb{height:100%}.S3LsHG_thumb:after{content:"";border-radius:var(--radius-pill);background:color-mix(in oklab, 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}.S3LsHG_track[data-axis=y] .S3LsHG_thumb:after{width:5px;top:0;bottom:0;right:3px}.S3LsHG_track[data-axis=x] .S3LsHG_thumb:after{height:5px;bottom:3px;left:0;right:0}.S3LsHG_root[data-scrolling]>.S3LsHG_track,.S3LsHG_root[data-dragging]>.S3LsHG_track,.S3LsHG_root[data-scrollbars=always]>.S3LsHG_track{opacity:1;pointer-events:auto;transition-duration:var(--duration-fast)}@media (hover:hover) and (pointer:fine){.S3LsHG_root:hover>.S3LsHG_track{opacity:1;pointer-events:auto;transition-duration:var(--duration-fast)}.S3LsHG_track:hover .S3LsHG_thumb:after,.S3LsHG_root[data-dragging] .S3LsHG_thumb:after{background:color-mix(in oklab, var(--foreground) 46%, transparent)}.S3LsHG_track[data-axis=y]:hover .S3LsHG_thumb:after,.S3LsHG_root[data-dragging=y] .S3LsHG_track[data-axis=y] .S3LsHG_thumb:after{width:7px;right:2px}.S3LsHG_track[data-axis=x]:hover .S3LsHG_thumb:after,.S3LsHG_root[data-dragging=x] .S3LsHG_track[data-axis=x] .S3LsHG_thumb:after{height:7px;bottom:2px}}@media (prefers-reduced-motion:reduce){.S3LsHG_track,.S3LsHG_thumb:after{transition:none}}