@layer reset,tokens,base;@layer components{.ui-scroll-area{position:relative}.ui-scroll-area-viewport{border-radius:inherit;width:100%;height:100%;transition:color var(--duration-fast) var(--ease-in-out), box-shadow var(--duration-fast) var(--ease-in-out);outline:none}.ui-scroll-area-viewport:focus-visible{box-shadow:var(--focus-ring)}.ui-scroll-area[data-scroll-appearance=prose-table],.ui-scroll-area[data-scroll-appearance=diagram]{border-radius:inherit}:is(.ui-scroll-area[data-scroll-appearance=prose-table],.ui-scroll-area[data-scroll-appearance=diagram]) .ui-scroll-area-viewport{overscroll-behavior-x:contain}:is(.ui-scroll-area[data-scroll-appearance=prose-table],.ui-scroll-area[data-scroll-appearance=diagram]) .ui-scroll-area-viewport:focus-visible{box-shadow:var(--focus-ring-inset)}.ui-scroll-area[data-scroll-appearance=prose-table] .ui-scroll-area-viewport{-webkit-mask-image:linear-gradient(to right, #0006, black min(6rem, 4 * var(--scroll-area-overflow-x-start,0px)), black calc(100% - min(6rem, 4 * var(--scroll-area-overflow-x-end,0px))), #0006);mask-image:linear-gradient(to right, #0006, black min(6rem, 4 * var(--scroll-area-overflow-x-start,0px)), black calc(100% - min(6rem, 4 * var(--scroll-area-overflow-x-end,0px))), #0006)}.ui-scroll-area-viewport[data-fade=vertical]{--scroll-fade-top:0px;--scroll-fade-bottom:0px;-webkit-mask-image:linear-gradient(to bottom, transparent, black var(--scroll-fade-top), black calc(100% - var(--scroll-fade-bottom)), transparent);mask-image:linear-gradient(to bottom, transparent, black var(--scroll-fade-top), black calc(100% - var(--scroll-fade-bottom)), transparent)}.ui-scroll-area-viewport[data-fade=vertical][data-overflow-y-start]{--scroll-fade-top:var(--space-24)}.ui-scroll-area-viewport[data-fade=vertical][data-overflow-y-end]{--scroll-fade-bottom:var(--space-24)}.ui-scroll-area-scrollbar{touch-action:none;-webkit-user-select:none;user-select:none;opacity:0;transition:opacity var(--duration-moderate) var(--ease-in-out);display:flex}.ui-scroll-area-scrollbar[data-hovering]:not([data-idle]),.ui-scroll-area-scrollbar[data-scrolling]{opacity:1}.ui-scroll-area-scrollbar[data-scrolling]{transition-duration:.1s}.ui-scroll-area-scrollbar[data-orientation=vertical]{height:100%;width:var(--space-10);padding:var(--space-6) var(--space-4) var(--space-6) var(--space-2)}.ui-scroll-area-scrollbar[data-orientation=vertical][data-corner-inset]{padding-block:var(--space-10)}.ui-scroll-area-scrollbar[data-orientation=horizontal]{height:var(--space-10);padding:var(--space-2) var(--space-6) var(--space-4);flex-direction:column}.ui-scroll-area-scrollbar[data-orientation=horizontal][data-corner-inset]{padding-inline:var(--space-10)}.ui-scroll-area-thumb{border-radius:var(--radius-full);background:var(--color-border);flex:1;position:relative}@media (forced-colors:active){.ui-scroll-area-viewport:focus-visible{outline:var(--focus-outline);outline-offset:-2px}}}@layer features,utilities;
