:where(.ui-scrollbar){--scrollbar-rail:1px;--scrollbar-thumb:8px;--scrollbar-stroke:1px;--scrollbar-tone:var(--color-lux);--scrollbar-core:calc(var(--scrollbar-thumb) - var(--scrollbar-stroke) * 2);z-index:2;touch-action:none;overflow:hidden}.ui-scrollbar--vertical{--reka-scroll-area-thumb-width:var(--scrollbar-thumb);width:var(--scrollbar-thumb)}.ui-scrollbar--horizontal{--reka-scroll-area-thumb-height:var(--scrollbar-thumb);height:var(--scrollbar-thumb)}.ui-scrollbar[data-state=visible]{animation:.18s ui-scrollbar-in}.ui-scrollbar[data-state=hidden]{animation:.18s forwards ui-scrollbar-out}@keyframes ui-scrollbar-in{0%{opacity:0}}@keyframes ui-scrollbar-out{to{opacity:0}}.ui-scrollbar:before{content:"";position:absolute}.ui-scrollbar--vertical:before{width:var(--scrollbar-rail);margin-left:calc(var(--scrollbar-rail) / -2);background:linear-gradient(#0000,#ffffff24 12% 88%,#0000);top:0;bottom:0;left:50%}.ui-scrollbar--horizontal:before{height:var(--scrollbar-rail);margin-top:calc(var(--scrollbar-rail) / -2);background:linear-gradient(90deg,#0000,#ffffff24 12% 88%,#0000);top:50%;left:0;right:0}.ui-scrollbar__thumb{background:color-mix(in oklab,var(--scrollbar-tone) 60%,transparent);cursor:grab;position:absolute;top:0;left:0}.ui-scrollbar__thumb[data-state=hidden]{visibility:hidden}.ui-scrollbar--vertical .ui-scrollbar__thumb{clip-path:polygon(50% 0,100% calc(var(--scrollbar-thumb) / 2),100% calc(100% - var(--scrollbar-thumb) / 2),50% 100%,0 calc(100% - var(--scrollbar-thumb) / 2),0 calc(var(--scrollbar-thumb) / 2))}.ui-scrollbar--horizontal .ui-scrollbar__thumb{clip-path:polygon(0 50%,calc(var(--scrollbar-thumb) / 2) 0,calc(100% - var(--scrollbar-thumb) / 2) 0,100% 50%,calc(100% - var(--scrollbar-thumb) / 2) 100%,calc(var(--scrollbar-thumb) / 2) 100%)}.ui-scrollbar__thumb:after{content:"";inset:var(--scrollbar-stroke);background:color-mix(in oklab,var(--scrollbar-tone) 16%,var(--color-void-900));transition:background .15s;position:absolute}.ui-scrollbar--vertical .ui-scrollbar__thumb:after{clip-path:polygon(50% 0,100% calc(var(--scrollbar-core) / 2),100% calc(100% - var(--scrollbar-core) / 2),50% 100%,0 calc(100% - var(--scrollbar-core) / 2),0 calc(var(--scrollbar-core) / 2))}.ui-scrollbar--horizontal .ui-scrollbar__thumb:after{clip-path:polygon(0 50%,calc(var(--scrollbar-core) / 2) 0,calc(100% - var(--scrollbar-core) / 2) 0,100% 50%,calc(100% - var(--scrollbar-core) / 2) 100%,calc(var(--scrollbar-core) / 2) 100%)}.ui-scrollbar__thumb:hover:after{background:color-mix(in oklab,var(--scrollbar-tone) 34%,var(--color-void-900))}.ui-scrollbar__thumb:active{background:var(--scrollbar-tone);cursor:grabbing}.ui-scrollbar__thumb:active:after{background:color-mix(in oklab,var(--scrollbar-tone) 50%,var(--color-void-900))}:where(.ui-scroll-area){--scroll-area-gutter:14px;min-height:0;display:flex}.ui-scroll-area__viewport{z-index:1;scroll-behavior:smooth;flex-direction:column;flex:auto;display:flex;position:relative}.ui-scroll-area__viewport>*{flex-direction:column;flex:1 0 auto;display:flex}.ui-scroll-area__viewport>*>*{flex:none}.ui-scroll-area--both .ui-scroll-area__viewport>*,.ui-scroll-area--horizontal .ui-scroll-area__viewport>*{align-items:flex-start}.ui-scroll-area--gutter:not(.ui-scroll-area--horizontal)>.ui-scroll-area__viewport{padding-right:var(--scroll-area-gutter)}.ui-scroll-area:has(>.ui-scrollbar--vertical)>.ui-scroll-area__viewport{padding-right:var(--scroll-area-gutter)}.ui-scroll-area--gutter:not(.ui-scroll-area--vertical)>.ui-scroll-area__viewport{padding-bottom:var(--scroll-area-gutter)}.ui-scroll-area:has(>.ui-scrollbar--horizontal)>.ui-scroll-area__viewport{padding-bottom:var(--scroll-area-gutter)}.ui-scroll-area__viewport:focus-visible{outline:var(--ui-stroke,1px) solid color-mix(in oklab,var(--ui-tone,var(--color-lux)) 45%,transparent);outline-offset:-1px}@media (prefers-reduced-motion:reduce){.ui-scroll-area__viewport{scroll-behavior:auto}}