@property --r-scroll-area-overflow-y-start{syntax:"<length>";inherits:false;initial-value:0}@property --r-scroll-area-overflow-y-end{syntax:"<length>";inherits:false;initial-value:0}@property --r-scroll-area-overflow-x-start{syntax:"<length>";inherits:false;initial-value:0}@property --r-scroll-area-overflow-x-end{syntax:"<length>";inherits:false;initial-value:0}@property --r-scroll-area-viewport-height{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --r-scroll-area-viewport-width{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --r-scroll-area-padding-top{syntax:"<length>";inherits:false;initial-value:0}@property --r-scroll-area-padding-left{syntax:"<length>";inherits:false;initial-value:0}@property --r-scroll-area-padding-right{syntax:"<length>";inherits:false;initial-value:0}@property --r-scroll-area-rail-inset-top{syntax:"<length>";inherits:false;initial-value:0}@property --r-scroll-area-rail-inset-bottom{syntax:"<length>";inherits:false;initial-value:0}@property --r-scroll-area-rail-inset-left{syntax:"<length>";inherits:false;initial-value:0}@property --r-scroll-area-rail-inset-right{syntax:"<length>";inherits:false;initial-value:0}@keyframes r-scroll-area-thumb-y{0%{transform:translate(0,0)}to{transform:translate3d(0, var(--r-scroll-area-thumb-travel), 0)}}@keyframes r-scroll-area-thumb-x{0%{transform:translate(0,0)}to{transform:translate3d(var(--r-scroll-area-thumb-travel), 0, 0)}}@layer components{.r-scroll-area{--r-scroll-area-thumb-size-small:5px;--r-scroll-area-thumb-size-hover-small:8px;--r-scroll-area-thumb-size-medium:7px;--r-scroll-area-thumb-size-hover-medium:10px;--r-scroll-area-thumb-min-length:24px;--r-scroll-area-thumb-color:color-mix(in oklab, var(--foreground) 42%, transparent);--r-scroll-area-thumb-color-hover:color-mix(in oklab, var(--foreground) 58%, transparent);--r-scroll-area-rail-gap:3px;--r-scroll-area-resize-grip-size:16px;--r-scroll-area-fade-size:24px;--r-scroll-area-duration-fade-in:.12s;--r-scroll-area-duration-fade-out:.4s;--r-scroll-area-duration:.15s;--r-scroll-area-easing:ease-out;--r-scroll-area-timeline-y:--r-scroll-area-y;--r-scroll-area-timeline-x:--r-scroll-area-x;--r-scroll-area-thumb-size:var(--r-scroll-area-thumb-size-medium);--r-scroll-area-thumb-size-hover:var(--r-scroll-area-thumb-size-hover-medium);--r-scroll-area-rail-size:calc(var(--r-scroll-area-thumb-size-hover) + 2 * var(--r-scroll-area-rail-gap));--r-scroll-area-rail-top:calc(var(--r-scroll-area-rail-gap) + var(--r-scroll-area-rail-inset-top));--r-scroll-area-rail-bottom:calc(var(--r-scroll-area-rail-gap) + var(--r-scroll-area-rail-inset-bottom));--r-scroll-area-rail-left:calc(var(--r-scroll-area-rail-gap) + var(--r-scroll-area-rail-inset-left));--r-scroll-area-rail-right:calc(var(--r-scroll-area-rail-gap) + var(--r-scroll-area-rail-inset-right));--r-scroll-area-rail-bottom-shortened:calc(var(--r-scroll-area-rail-size) + var(--r-scroll-area-rail-inset-bottom));--r-scroll-area-rail-left-shortened:calc(var(--r-scroll-area-rail-size) + var(--r-scroll-area-rail-inset-left));--r-scroll-area-rail-right-shortened:calc(var(--r-scroll-area-rail-size) + var(--r-scroll-area-rail-inset-right))}.r-scroll-area.r-scroll-area--small{--r-scroll-area-thumb-size:var(--r-scroll-area-thumb-size-small);--r-scroll-area-thumb-size-hover:var(--r-scroll-area-thumb-size-hover-small)}.r-scroll-area.r-scroll-area--sticky-gutters,.r-scroll-area.r-scroll-area--absolute-gutters>.r-scroll-area__container{scrollbar-width:none}.r-scroll-area.r-scroll-area--sticky-gutters::-webkit-scrollbar{display:none}.r-scroll-area.r-scroll-area--absolute-gutters>.r-scroll-area__container::-webkit-scrollbar{display:none}.r-scroll-area.r-scroll-area--absolute-gutters{box-sizing:border-box;flex-direction:column;display:flex;position:relative}:where(.r-scroll-area.r-scroll-area--sticky-gutters),:where(.r-scroll-area.r-scroll-area--absolute-gutters>.r-scroll-area__container){overflow:hidden auto}:where(.r-scroll-area.r-scroll-area--sticky-gutters.r-scroll-area--horizontal-orientation),:where(.r-scroll-area.r-scroll-area--absolute-gutters.r-scroll-area--horizontal-orientation>.r-scroll-area__container){overflow:auto hidden}:where(.r-scroll-area.r-scroll-area--sticky-gutters.r-scroll-area--both-orientation),:where(.r-scroll-area.r-scroll-area--absolute-gutters.r-scroll-area--both-orientation>.r-scroll-area__container){overflow:auto}.r-scroll-area.r-scroll-area--sticky-gutters.r-scroll-area__viewport{position:relative}.r-scroll-area.r-scroll-area--sticky-gutters.r-scroll-area--contain-overscroll-y,.r-scroll-area.r-scroll-area--absolute-gutters.r-scroll-area--contain-overscroll-y>.r-scroll-area__container{overscroll-behavior-y:contain}.r-scroll-area.r-scroll-area--sticky-gutters.r-scroll-area--contain-overscroll-x,.r-scroll-area.r-scroll-area--absolute-gutters.r-scroll-area--contain-overscroll-x>.r-scroll-area__container{overscroll-behavior-x:contain}.r-scroll-area.r-scroll-area--sticky-gutters.r-scroll-area--none-overscroll-y,.r-scroll-area.r-scroll-area--absolute-gutters.r-scroll-area--none-overscroll-y>.r-scroll-area__container{overscroll-behavior-y:none}.r-scroll-area.r-scroll-area--sticky-gutters.r-scroll-area--none-overscroll-x,.r-scroll-area.r-scroll-area--absolute-gutters.r-scroll-area--none-overscroll-x>.r-scroll-area__container{overscroll-behavior-x:none}.r-scroll-area.r-scroll-area--sticky-gutters.r-scroll-area__viewport:focus-visible{box-shadow:var(--focus-ring);outline:none}.r-scroll-area.r-scroll-area--sticky-gutters.r-scroll-area--horizontal-orientation>.r-scroll-area__content,.r-scroll-area.r-scroll-area--sticky-gutters.r-scroll-area--both-orientation>.r-scroll-area__content,.r-scroll-area.r-scroll-area--absolute-gutters.r-scroll-area--horizontal-orientation>.r-scroll-area__container>.r-scroll-area__content,.r-scroll-area.r-scroll-area--absolute-gutters.r-scroll-area--both-orientation>.r-scroll-area__container>.r-scroll-area__content{inline-size:fit-content;min-inline-size:100%}.r-scroll-area.r-scroll-area--fade.r-scroll-area--sticky-gutters>.r-scroll-area__content,.r-scroll-area.r-scroll-area--fade.r-scroll-area--absolute-gutters>.r-scroll-area__container{--r-scroll-area-overflow-left:var(--r-scroll-area-overflow-x-start);--r-scroll-area-overflow-right:var(--r-scroll-area-overflow-x-end);--r-scroll-area-fade-top:min(var(--r-scroll-area-overflow-y-start), var(--r-scroll-area-fade-size));--r-scroll-area-fade-bottom:min(var(--r-scroll-area-overflow-y-end), var(--r-scroll-area-fade-size));--r-scroll-area-fade-left:min(var(--r-scroll-area-overflow-left), var(--r-scroll-area-fade-size));--r-scroll-area-fade-right:min(var(--r-scroll-area-overflow-right), var(--r-scroll-area-fade-size));--r-scroll-area-fade-y:linear-gradient(to bottom, transparent, black var(--r-scroll-area-fade-top), black calc(100% - var(--r-scroll-area-fade-bottom)), transparent);--r-scroll-area-fade-x:linear-gradient(to right, transparent, black var(--r-scroll-area-fade-left), black calc(100% - var(--r-scroll-area-fade-right)), transparent)}.r-scroll-area.r-scroll-area--fade.r-scroll-area--sticky-gutters>.r-scroll-area__content{-webkit-mask-position:var(--r-scroll-area-overflow-left) var(--r-scroll-area-overflow-y-start);mask-position:var(--r-scroll-area-overflow-left) var(--r-scroll-area-overflow-y-start);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:var(--r-scroll-area-viewport-width) var(--r-scroll-area-viewport-height);mask-size:var(--r-scroll-area-viewport-width) var(--r-scroll-area-viewport-height)}.r-scroll-area.r-scroll-area--fade.r-scroll-area--rtl.r-scroll-area--sticky-gutters>.r-scroll-area__content,.r-scroll-area.r-scroll-area--fade.r-scroll-area--rtl.r-scroll-area--absolute-gutters>.r-scroll-area__container{--r-scroll-area-overflow-left:var(--r-scroll-area-overflow-x-end);--r-scroll-area-overflow-right:var(--r-scroll-area-overflow-x-start)}.r-scroll-area.r-scroll-area--fade.r-scroll-area--vertical-orientation.r-scroll-area--sticky-gutters>.r-scroll-area__content,.r-scroll-area.r-scroll-area--fade.r-scroll-area--vertical-orientation.r-scroll-area--absolute-gutters>.r-scroll-area__container{-webkit-mask-image:var(--r-scroll-area-fade-y);mask-image:var(--r-scroll-area-fade-y)}.r-scroll-area.r-scroll-area--fade.r-scroll-area--horizontal-orientation.r-scroll-area--sticky-gutters>.r-scroll-area__content,.r-scroll-area.r-scroll-area--fade.r-scroll-area--horizontal-orientation.r-scroll-area--absolute-gutters>.r-scroll-area__container{-webkit-mask-image:var(--r-scroll-area-fade-x);mask-image:var(--r-scroll-area-fade-x)}.r-scroll-area.r-scroll-area--fade.r-scroll-area--both-orientation.r-scroll-area--sticky-gutters>.r-scroll-area__content,.r-scroll-area.r-scroll-area--fade.r-scroll-area--both-orientation.r-scroll-area--absolute-gutters>.r-scroll-area__container{-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-image:var(--r-scroll-area-fade-y), var(--r-scroll-area-fade-x);mask-image:var(--r-scroll-area-fade-y), var(--r-scroll-area-fade-x)}.r-scroll-area.r-scroll-area--textarea{display:grid}.r-scroll-area.r-scroll-area--textarea>.r-scroll-area__textarea{box-sizing:border-box;resize:vertical;min-block-size:0}.r-scroll-area{isolation:isolate}.r-scroll-area>.r-scroll-area__gutters{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2147483647}.r-scroll-area.r-scroll-area--sticky-gutters>.r-scroll-area__gutters{block-size:0;margin-left:calc(-1 * var(--r-scroll-area-padding-left));margin-right:calc(-1 * var(--r-scroll-area-padding-right));translate:0 calc(-1 * var(--r-scroll-area-padding-top));flex-shrink:0;align-self:stretch;position:sticky;inset-block-start:0;inset-inline-start:0}.r-scroll-area.r-scroll-area--sticky-gutters:is(.r-scroll-area--horizontal-orientation,.r-scroll-area--both-orientation)>.r-scroll-area__gutters{translate:calc(-1 * var(--r-scroll-area-padding-left)) calc(-1 * var(--r-scroll-area-padding-top))}.r-scroll-area.r-scroll-area--sticky-gutters.r-scroll-area--rtl:is(.r-scroll-area--horizontal-orientation,.r-scroll-area--both-orientation)>.r-scroll-area__gutters{translate:var(--r-scroll-area-padding-right) calc(-1 * var(--r-scroll-area-padding-top))}.r-scroll-area.r-scroll-area--absolute-gutters>.r-scroll-area__gutters{border-radius:inherit;position:absolute;inset:0}.r-scroll-area>.r-scroll-area__gutters>.r-scroll-area__gutter{opacity:0;pointer-events:auto;transition:opacity var(--r-scroll-area-duration-fade-out) var(--r-scroll-area-easing);position:absolute}.r-scroll-area.r-scroll-area--sticky-gutters>.r-scroll-area__gutters>.r-scroll-area__gutter{--r-scroll-area-viewport-height:inherit}.r-scroll-area>.r-scroll-area__gutters>.r-scroll-area__gutter--vertical{inline-size:var(--r-scroll-area-rail-size);inset-block-start:var(--r-scroll-area-rail-top);inset-inline-end:0}.r-scroll-area.r-scroll-area--sticky-gutters>.r-scroll-area__gutters>.r-scroll-area__gutter--vertical{block-size:calc(var(--r-scroll-area-viewport-height) - var(--r-scroll-area-rail-top) - var(--r-scroll-area-rail-bottom))}.r-scroll-area.r-scroll-area--absolute-gutters>.r-scroll-area__gutters>.r-scroll-area__gutter--vertical{inset-block-end:var(--r-scroll-area-rail-bottom)}.r-scroll-area>.r-scroll-area__gutters>.r-scroll-area__gutter--horizontal{block-size:var(--r-scroll-area-rail-size);left:var(--r-scroll-area-rail-left);right:var(--r-scroll-area-rail-right)}.r-scroll-area.r-scroll-area--sticky-gutters>.r-scroll-area__gutters>.r-scroll-area__gutter--horizontal{inset-block-start:calc(var(--r-scroll-area-viewport-height) - var(--r-scroll-area-rail-size))}.r-scroll-area.r-scroll-area--absolute-gutters>.r-scroll-area__gutters>.r-scroll-area__gutter--horizontal{inset-block-end:0}.r-scroll-area.r-scroll-area--sticky-gutters>.r-scroll-area__gutters>.r-scroll-area__gutter--vertical.r-scroll-area__gutter--shortened{block-size:calc(var(--r-scroll-area-viewport-height) - var(--r-scroll-area-rail-top) - var(--r-scroll-area-rail-bottom-shortened))}.r-scroll-area.r-scroll-area--absolute-gutters>.r-scroll-area__gutters>.r-scroll-area__gutter--vertical.r-scroll-area__gutter--shortened{inset-block-end:var(--r-scroll-area-rail-bottom-shortened)}.r-scroll-area>.r-scroll-area__gutters>.r-scroll-area__gutter--horizontal.r-scroll-area__gutter--shortened{right:var(--r-scroll-area-rail-right-shortened)}.r-scroll-area.r-scroll-area--rtl>.r-scroll-area__gutters>.r-scroll-area__gutter--horizontal.r-scroll-area__gutter--shortened{left:var(--r-scroll-area-rail-left-shortened);right:var(--r-scroll-area-rail-right)}.r-scroll-area.r-scroll-area--absolute-gutters.r-scroll-area--textarea>.r-scroll-area__gutters>.r-scroll-area__gutter--vertical{inset-block-end:var(--r-scroll-area-resize-grip-size)}.r-scroll-area>.r-scroll-area__gutters>.r-scroll-area__gutter>.r-scroll-area__thumb{background:var(--r-scroll-area-thumb-color);border-radius:calc(var(--r-scroll-area-thumb-size-hover) / 2);touch-action:none;will-change:transform;position:absolute}.r-scroll-area>.r-scroll-area__gutters>.r-scroll-area__gutter--vertical>.r-scroll-area__thumb{block-size:var(--r-scroll-area-thumb-length,0px);inline-size:var(--r-scroll-area-thumb-size);transition:background-color var(--r-scroll-area-duration) var(--r-scroll-area-easing), inline-size var(--r-scroll-area-duration) var(--r-scroll-area-easing);inset-block-start:0;inset-inline-end:var(--r-scroll-area-rail-gap)}.r-scroll-area>.r-scroll-area__gutters>.r-scroll-area__gutter--horizontal>.r-scroll-area__thumb{block-size:var(--r-scroll-area-thumb-size);inline-size:var(--r-scroll-area-thumb-length,0px);transition:background-color var(--r-scroll-area-duration) var(--r-scroll-area-easing), block-size var(--r-scroll-area-duration) var(--r-scroll-area-easing);inset-block-end:var(--r-scroll-area-rail-gap);inset-inline-start:0}.r-scroll-area.r-scroll-area--none-trigger>.r-scroll-area__gutters>.r-scroll-area__gutter,.r-scroll-area>.r-scroll-area__gutters.r-scroll-area__gutters--scrolling>.r-scroll-area__gutter,.r-scroll-area>.r-scroll-area__gutters.r-scroll-area__gutters--dragging>.r-scroll-area__gutter{opacity:1;transition-duration:var(--r-scroll-area-duration-fade-in)}.r-scroll-area>.r-scroll-area__gutters>.r-scroll-area__gutter--vertical.r-scroll-area__gutter--dragging>.r-scroll-area__thumb{background:var(--r-scroll-area-thumb-color-hover);inline-size:var(--r-scroll-area-thumb-size-hover)}.r-scroll-area>.r-scroll-area__gutters>.r-scroll-area__gutter--horizontal.r-scroll-area__gutter--dragging>.r-scroll-area__thumb{background:var(--r-scroll-area-thumb-color-hover);block-size:var(--r-scroll-area-thumb-size-hover)}@media (hover:hover){.r-scroll-area.r-scroll-area--hover-trigger:hover>.r-scroll-area__gutters>.r-scroll-area__gutter,.r-scroll-area.r-scroll-area--scroll-trigger>.r-scroll-area__gutters>.r-scroll-area__gutter:hover{opacity:1;transition-duration:var(--r-scroll-area-duration-fade-in)}.r-scroll-area.r-scroll-area--scroll-trigger>.r-scroll-area__gutters:not(.r-scroll-area__gutters--scrolling):not(.r-scroll-area__gutters--dragging)>.r-scroll-area__gutter:not(:hover){pointer-events:none}.r-scroll-area>.r-scroll-area__gutters>.r-scroll-area__gutter--vertical:hover>.r-scroll-area__thumb{background:var(--r-scroll-area-thumb-color-hover);inline-size:var(--r-scroll-area-thumb-size-hover)}.r-scroll-area>.r-scroll-area__gutters>.r-scroll-area__gutter--horizontal:hover>.r-scroll-area__thumb{background:var(--r-scroll-area-thumb-color-hover);block-size:var(--r-scroll-area-thumb-size-hover)}}@media (hover:none){.r-scroll-area.r-scroll-area--hover-trigger>.r-scroll-area__gutters:not(.r-scroll-area__gutters--scrolling):not(.r-scroll-area__gutters--dragging)>.r-scroll-area__gutter,.r-scroll-area.r-scroll-area--scroll-trigger>.r-scroll-area__gutters:not(.r-scroll-area__gutters--scrolling):not(.r-scroll-area__gutters--dragging)>.r-scroll-area__gutter{pointer-events:none}}@supports (animation-timeline:scroll()){.r-scroll-area.r-scroll-area--sticky-gutters{scroll-timeline:var(--r-scroll-area-timeline-y) block, var(--r-scroll-area-timeline-x) inline}.r-scroll-area.r-scroll-area--sticky-gutters>.r-scroll-area__gutters>.r-scroll-area__gutter--vertical>.r-scroll-area__thumb{animation:linear both r-scroll-area-thumb-y;animation-timeline:var(--r-scroll-area-timeline-y)}.r-scroll-area.r-scroll-area--sticky-gutters>.r-scroll-area__gutters>.r-scroll-area__gutter--horizontal>.r-scroll-area__thumb{animation:linear both r-scroll-area-thumb-x;animation-timeline:var(--r-scroll-area-timeline-x)}}@supports (animation-timeline:scroll()) and (timeline-scope:none){.r-scroll-area.r-scroll-area--absolute-gutters>.r-scroll-area__container{scroll-timeline:var(--r-scroll-area-timeline-y) block, var(--r-scroll-area-timeline-x) inline}.r-scroll-area.r-scroll-area--absolute-gutters{timeline-scope:var(--r-scroll-area-timeline-y), var(--r-scroll-area-timeline-x)}.r-scroll-area.r-scroll-area--absolute-gutters>.r-scroll-area__container~.r-scroll-area__gutters>.r-scroll-area__gutter--vertical>.r-scroll-area__thumb{animation:linear both r-scroll-area-thumb-y;animation-timeline:var(--r-scroll-area-timeline-y)}.r-scroll-area.r-scroll-area--absolute-gutters>.r-scroll-area__container~.r-scroll-area__gutters>.r-scroll-area__gutter--horizontal>.r-scroll-area__thumb{animation:linear both r-scroll-area-thumb-x;animation-timeline:var(--r-scroll-area-timeline-x)}}@media print{.r-scroll-area>.r-scroll-area__gutters{display:none}}@media (prefers-reduced-motion:reduce){.r-scroll-area>.r-scroll-area__gutters>.r-scroll-area__gutter,.r-scroll-area>.r-scroll-area__gutters>.r-scroll-area__gutter>.r-scroll-area__thumb{transition:none}}}
