@property --scroll-area-top-fade-active{syntax:"<length>";inherits:true;initial-value:0}@property --scroll-area-bottom-fade-active{syntax:"<length>";inherits:true;initial-value:0}@property --scroll-area-top-fade-start-opacity{syntax:"<number>";inherits:true;initial-value:0}@property --scroll-area-bottom-fade-start-opacity{syntax:"<number>";inherits:true;initial-value:0}.ui-scroll-area{--scrollbar-size:6px;--scrollbar-inset:1px;--scrollbar-thumb-top-offset:6px;--scroll-area-scroll-padding:4px;position:relative;overflow:hidden;display:grid;grid-template:1fr/1fr}.ui-scroll-area__viewport{grid-area:1/1;min-height:0;max-height:100%;border-radius:inherit;overflow-x:hidden;overflow-y:auto;scroll-padding:var(--scroll-area-scroll-padding) 0;overscroll-behavior-x:auto;overscroll-behavior-y:contain;scrollbar-width:none!important;-ms-overflow-style:none}.ui-scroll-area__viewport::-webkit-scrollbar{display:none!important}.ui-scroll-area[data-direction=horizontal] .ui-scroll-area__viewport{overflow-x:auto;overflow-y:hidden;scroll-padding:0 var(--scroll-area-scroll-padding);overscroll-behavior-x:contain;overscroll-behavior-y:auto}.ui-scroll-area[data-direction=both] .ui-scroll-area__viewport{overflow-x:auto;overflow-y:auto;scroll-padding:0 var(--scroll-area-scroll-padding);overscroll-behavior:contain}.ui-scroll-area__content{box-sizing:border-box;width:-moz-fit-content;width:fit-content;min-width:100%;max-width:100%;min-height:100%;display:flex;flex-direction:column}.ui-scroll-area[data-direction=horizontal] .ui-scroll-area__content{width:auto;height:-moz-fit-content;height:fit-content;flex-direction:row}.ui-scroll-area[data-direction=both] .ui-scroll-area__content{width:-moz-max-content;width:max-content;min-width:100%;max-width:none;height:auto;flex-direction:column}.ui-scroll-area__scrollbar{position:absolute;z-index:10;inset:var(--scrollbar-inset) var(--scrollbar-inset) calc(var(--scrollbar-inset) + 4px) auto;width:var(--scrollbar-size);pointer-events:auto}.ui-scroll-area__scrollbar[data-scrollable=false]{display:none}.ui-scroll-area__scrollbar[data-orientation=horizontal]{inset:auto var(--scrollbar-inset) var(--scrollbar-inset) var(--scrollbar-inset);width:auto;height:var(--scrollbar-size)}.ui-scroll-area[data-direction=both] .ui-scroll-area__scrollbar[data-orientation=vertical]{inset:var(--scrollbar-inset) var(--scrollbar-inset) calc(var(--scrollbar-inset) + var(--scrollbar-size) + 2px) auto}.ui-scroll-area[data-direction=both] .ui-scroll-area__scrollbar[data-orientation=horizontal]{inset:auto calc(var(--scrollbar-inset) + var(--scrollbar-size) + 2px) var(--scrollbar-inset) var(--scrollbar-inset)}.ui-scroll-area__thumb{position:absolute;inset:0 0 auto 0;min-height:20px;width:var(--scrollbar-size);border-radius:var(--cursor-radius-full);background:var(--cursor-stroke-tertiary);pointer-events:auto;transform:translateZ(0);transition:background-color .15s ease,opacity .15s ease}.ui-scroll-area__thumb.ui-scroll-area__thumb--active,.ui-scroll-area__thumb:active,.ui-scroll-area__thumb:hover{background:var(--cursor-stroke-secondary)}.ui-scroll-area__thumb[data-orientation=horizontal]{inset:0 auto 0 0;width:auto;height:var(--scrollbar-size);min-height:auto;min-width:20px}.ui-scroll-area[data-visibility=hover] .ui-scroll-area__thumb{opacity:0}.ui-scroll-area[data-visibility=hover] .ui-scroll-area__thumb--active,.ui-scroll-area[data-visibility=hover] .ui-scroll-area__thumb:active,.ui-scroll-area[data-visibility=hover]:hover .ui-scroll-area__thumb{opacity:1}.ui-scroll-area[data-visibility=always] .ui-scroll-area__thumb{opacity:1}.ui-scroll-area[data-visibility=never] .ui-scroll-area__scrollbar{display:none}@media(prefers-reduced-motion:reduce){.ui-scroll-area__thumb{transition-duration:.01ms!important}}.ui-scroll-area--masked .ui-scroll-area__viewport{mask-image:linear-gradient(to bottom,rgba(0,0,0,var(--scroll-area-top-fade-start-opacity)) 0,black var(--scroll-area-top-fade-active),black calc(100% - var(--scroll-area-bottom-fade-active)),rgba(0,0,0,var(--scroll-area-bottom-fade-start-opacity)) 100%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,var(--scroll-area-top-fade-start-opacity)) 0,black var(--scroll-area-top-fade-active),black calc(100% - var(--scroll-area-bottom-fade-active)),rgba(0,0,0,var(--scroll-area-bottom-fade-start-opacity)) 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
/*# sourceMappingURL=39c4c88e1ee1103f.css.map*/