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