@layer faye-ui.reset,faye-ui.tokens,faye-ui.base;@layer faye-ui.components{.faye-ui-scroll-area-root{min-block-size:0;min-inline-size:0;position:relative;overflow:hidden}.faye-ui-scroll-area-viewport{overscroll-behavior:auto;block-size:100%;inline-size:100%}.faye-ui-scroll-area-scrollbar{box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;inline-size:9px;transition:opacity var(--faye-ui-motion-normal);padding:2px;display:flex}.faye-ui-scroll-area-scrollbar[data-orientation=horizontal]{flex-direction:column;block-size:9px;inline-size:auto}.faye-ui-scroll-area-thumb{background:var(--faye-ui-scroll-thumb,var(--faye-ui-color-border-strong));border-radius:var(--faye-ui-radius-full);flex:1}.faye-ui-scroll-area-corner,.faye-ui-scroll-area-scrollbar{background:var(--faye-ui-color-subtle)}.faye-ui-scroll-area-scrollbar[data-orientation=vertical]:not([data-has-overflow-y]),.faye-ui-scroll-area-scrollbar[data-orientation=horizontal]:not([data-has-overflow-x]){visibility:hidden;pointer-events:none}.faye-ui-scroll-area-thumb{transition:background-color var(--faye-ui-motion-fast) var(--faye-ui-motion-ease)}@media (hover:hover){.faye-ui-scroll-area-root[data-faye-ui-interaction-variant=classic]>.faye-ui-scroll-area-scrollbar .faye-ui-scroll-area-thumb:hover{--faye-ui-scroll-thumb:var(--faye-ui-color-muted)}}.faye-ui-scroll-area-root[data-faye-ui-interaction-variant=classic]>.faye-ui-scroll-area-scrollbar .faye-ui-scroll-area-thumb:active{--faye-ui-scroll-thumb:var(--faye-ui-color-accent-text)}.faye-ui-scroll-area-viewport:is(:focus-visible,[data-faye-ui-focus-ring]:where(:focus)){outline:var(--faye-ui-focus-width) solid var(--faye-ui-color-focus);outline-offset:calc(-1 * var(--faye-ui-focus-width))}.faye-ui-scroll-area-root{--faye-ui-scroll-area-inline-gutter:0px;--faye-ui-scroll-area-block-gutter:0px}.faye-ui-scroll-area-viewport{box-sizing:border-box;inline-size:calc(100% - var(--faye-ui-scroll-area-inline-gutter));block-size:calc(100% - var(--faye-ui-scroll-area-block-gutter));padding:0}.faye-ui-scroll-area-viewport[data-scroll-chaining=contain]{overscroll-behavior:contain}.faye-ui-scroll-area-root:has(>.faye-ui-scroll-area-scrollbar[data-orientation=vertical]){--faye-ui-scroll-area-inline-gutter:calc(9px * var(--_interaction-max-scale) + 2 * var(--_scrollbar-underlay,0px) + var(--faye-ui-space-2))}.faye-ui-scroll-area-root:has(>.faye-ui-scroll-area-scrollbar[data-orientation=vertical][data-size=sm]){--faye-ui-scroll-area-inline-gutter:calc(6px * var(--_interaction-max-scale) + 2 * var(--_scrollbar-underlay,0px) + var(--faye-ui-space-2))}.faye-ui-scroll-area-root:has(>.faye-ui-scroll-area-scrollbar[data-orientation=vertical][data-size=lg]){--faye-ui-scroll-area-inline-gutter:calc(12px * var(--_interaction-max-scale) + 2 * var(--_scrollbar-underlay,0px) + var(--faye-ui-space-2))}.faye-ui-scroll-area-root:has(>.faye-ui-scroll-area-scrollbar[data-orientation=horizontal]){--faye-ui-scroll-area-block-gutter:calc(9px * var(--_interaction-max-scale) + 2 * var(--_scrollbar-underlay,0px) + var(--faye-ui-space-2))}.faye-ui-scroll-area-root:has(>.faye-ui-scroll-area-scrollbar[data-orientation=horizontal][data-size=sm]){--faye-ui-scroll-area-block-gutter:calc(6px * var(--_interaction-max-scale) + 2 * var(--_scrollbar-underlay,0px) + var(--faye-ui-space-2))}.faye-ui-scroll-area-root:has(>.faye-ui-scroll-area-scrollbar[data-orientation=horizontal][data-size=lg]){--faye-ui-scroll-area-block-gutter:calc(12px * var(--_interaction-max-scale) + 2 * var(--_scrollbar-underlay,0px) + var(--faye-ui-space-2))}.faye-ui-scroll-area-root{--_scrollbar-underlay:0px}.faye-ui-scroll-area-root[data-faye-ui-track-highlight]{--_scrollbar-underlay:2px}.faye-ui-scroll-area-scrollbar{--_scrollbar-base-size:9px;--_scrollbar-growth:1;--_scrollbar-highlight-opacity:0;--_scrollbar-state-color:var(--faye-ui-color-hover);--_scrollbar-envelope:calc(var(--_scrollbar-base-size) * var(--_interaction-max-scale) + 2 * var(--_scrollbar-underlay));inline-size:var(--_scrollbar-envelope);padding:2px calc((var(--_scrollbar-envelope) - var(--_scrollbar-base-size)) / 2 + 2px);background:0 0}.faye-ui-scroll-area-scrollbar[data-orientation=horizontal]{inline-size:auto;block-size:var(--_scrollbar-envelope);padding:calc((var(--_scrollbar-envelope) - var(--_scrollbar-base-size)) / 2 + 2px) 2px}.faye-ui-scroll-area-thumb{z-index:1;background:0 0;transition:none;position:relative}.faye-ui-scroll-area-scrollbar:before,.faye-ui-scroll-area-scrollbar:after,.faye-ui-scroll-area-thumb:before{content:"";pointer-events:none;block-size:100%;inline-size:calc(var(--_scrollbar-base-size) * var(--_scrollbar-growth));transform:translateX(calc(-50% * var(--faye-ui-direction-sign,1)));border-radius:inherit;background:var(--faye-ui-color-subtle);transition:inline-size var(--_interaction-duration) var(--faye-ui-motion-ease),block-size var(--_interaction-duration) var(--faye-ui-motion-ease),opacity var(--_interaction-duration) var(--faye-ui-motion-ease),background-color var(--_interaction-duration) var(--faye-ui-motion-ease);position:absolute;inset-block-start:0;inset-inline-start:50%}.faye-ui-scroll-area-scrollbar:after{inline-size:calc(var(--_scrollbar-base-size) * var(--_scrollbar-growth) + 4px);background:var(--_scrollbar-state-color);opacity:var(--_scrollbar-highlight-opacity)}.faye-ui-scroll-area-thumb:before{inline-size:calc(100% * var(--_scrollbar-growth));background:var(--faye-ui-scroll-thumb,var(--faye-ui-color-border-strong))}.faye-ui-scroll-area-scrollbar[data-orientation=horizontal]:before,.faye-ui-scroll-area-scrollbar[data-orientation=horizontal]:after,.faye-ui-scroll-area-scrollbar[data-orientation=horizontal]>.faye-ui-scroll-area-thumb:before{inline-size:100%;block-size:calc(var(--_scrollbar-base-size) * var(--_scrollbar-growth));inset-block-start:50%;inset-inline-start:0;transform:translateY(-50%)}.faye-ui-scroll-area-scrollbar[data-orientation=horizontal]:after{block-size:calc(var(--_scrollbar-base-size) * var(--_scrollbar-growth) + 4px)}.faye-ui-scroll-area-scrollbar[data-orientation=horizontal]>.faye-ui-scroll-area-thumb:before{block-size:calc(100% * var(--_scrollbar-growth))}@media (hover:hover){.faye-ui-scroll-area-root:not([inert],[data-disabled],[aria-disabled=true],[data-readonly],[aria-readonly=true])>.faye-ui-scroll-area-scrollbar:is([data-orientation=vertical][data-has-overflow-y],[data-orientation=horizontal][data-has-overflow-x]):hover{--_scrollbar-growth:var(--_interaction-max-scale)}.faye-ui-scroll-area-root:not([inert],[data-disabled],[aria-disabled=true],[data-readonly],[aria-readonly=true])[data-faye-ui-track-highlight]>.faye-ui-scroll-area-scrollbar:is([data-orientation=vertical][data-has-overflow-y],[data-orientation=horizontal][data-has-overflow-x]):hover{--_scrollbar-highlight-opacity:1}}.faye-ui-scroll-area-root:not([inert],[data-disabled],[aria-disabled=true],[data-readonly],[aria-readonly=true])>.faye-ui-scroll-area-scrollbar:is([data-orientation=vertical][data-has-overflow-y],[data-orientation=horizontal][data-has-overflow-x])[data-faye-ui-scroll-dragging]{--_scrollbar-growth:var(--_interaction-max-scale)}.faye-ui-scroll-area-root:not([inert],[data-disabled],[aria-disabled=true],[data-readonly],[aria-readonly=true]):has(>.faye-ui-scroll-area-viewport:is(:focus-visible,[data-faye-ui-focus-ring]:where(:focus)))>.faye-ui-scroll-area-scrollbar:is([data-orientation=vertical][data-has-overflow-y],[data-orientation=horizontal][data-has-overflow-x]){--_scrollbar-growth:var(--_interaction-max-scale)}.faye-ui-scroll-area-root:not([inert],[data-disabled],[aria-disabled=true],[data-readonly],[aria-readonly=true])[data-faye-ui-track-highlight]>.faye-ui-scroll-area-scrollbar:is([data-orientation=vertical][data-has-overflow-y],[data-orientation=horizontal][data-has-overflow-x])[data-faye-ui-scroll-dragging]{--_scrollbar-highlight-opacity:1}.faye-ui-scroll-area-root:not([inert],[data-disabled],[aria-disabled=true],[data-readonly],[aria-readonly=true])[data-faye-ui-track-highlight]:has(>.faye-ui-scroll-area-viewport:is(:focus-visible,[data-faye-ui-focus-ring]:where(:focus)))>.faye-ui-scroll-area-scrollbar:is([data-orientation=vertical][data-has-overflow-y],[data-orientation=horizontal][data-has-overflow-x]){--_scrollbar-highlight-opacity:1}.faye-ui-scroll-area-scrollbar[data-faye-ui-scroll-dragging]{--_scrollbar-state-color:var(--faye-ui-color-pressed)}.faye-ui-scroll-area-root[data-faye-ui-interaction-variant=classic][data-faye-ui-interaction-level=enhanced]>.faye-ui-scroll-area-scrollbar:hover .faye-ui-scroll-area-thumb{--faye-ui-scroll-thumb:var(--faye-ui-color-accent-text)}[inert] .faye-ui-scroll-area-scrollbar{--_scrollbar-growth:1;--_scrollbar-highlight-opacity:0}@media (prefers-reduced-motion:reduce){.faye-ui-scroll-area-scrollbar:before,.faye-ui-scroll-area-scrollbar:after,.faye-ui-scroll-area-thumb:before{transition-duration:0s!important}}[data-faye-ui-motion=reduced] :is(.faye-ui-scroll-area-scrollbar,.faye-ui-scroll-area-thumb):before,[data-faye-ui-motion=reduced] .faye-ui-scroll-area-scrollbar:after{transition-duration:0s!important}@media (forced-colors:active){.faye-ui-scroll-area-scrollbar:before{outline-offset:-1px;background:canvas;outline:1px solid graytext}.faye-ui-scroll-area-scrollbar:after{display:none}.faye-ui-scroll-area-thumb:before{background:canvastext}}}@layer faye-ui.variants{.faye-ui-scroll-area-scrollbar[data-size=sm]{--_scrollbar-base-size:6px}.faye-ui-scroll-area-scrollbar[data-size=md]{--_scrollbar-base-size:9px}.faye-ui-scroll-area-scrollbar[data-size=lg]{--_scrollbar-base-size:12px}.faye-ui-scroll-area-thumb[data-tone=neutral]{--faye-ui-scroll-thumb:var(--faye-ui-color-border-strong)}.faye-ui-scroll-area-thumb[data-tone=accent]{--faye-ui-scroll-thumb:var(--faye-ui-color-accent-text)}.faye-ui-scroll-area-thumb[data-tone=danger]{--faye-ui-scroll-thumb:var(--faye-ui-color-danger-text)}}@layer faye-ui.brand,faye-ui.product,faye-ui.local;