.scroll-area{box-sizing:border-box;max-width:100%;max-height:100%;position:relative}.scroll-area-viewport{max-height:inherit;box-sizing:border-box}.scroll-area-viewport:not([data-grow-with-content=true]){height:100%}.scroll-area-viewport:not([data-default-scrollbars]){scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.scroll-area-bar-wrapper.horizontal{width:100%;height:calc(var(--size-unit) * 2);cursor:pointer;z-index:10;opacity:0;transition:opacity .15s;position:absolute;bottom:0;left:0}.scroll-area-bar-wrapper.vertical{width:calc(var(--size-unit) * 2);cursor:pointer;z-index:10;opacity:0;height:100%;transition:opacity .15s;position:absolute;top:0;right:0}.scroll-area:hover>.scroll-area-bar-wrapper,.scroll-area[data-dragging]>.scroll-area-bar-wrapper{opacity:1}.scroll-area-bar-thumb.horizontal{height:calc(100% - 4px);top:2px;left:var(--thumb-position,0%);width:var(--thumb-size,20%);background-color:color-mix(in srgb, var(--color-neutral-300) 17.5%, transparent);cursor:grab;border-radius:8px;min-width:8px;transition:background-color .15s;position:absolute}.scroll-area-bar-thumb.horizontal:hover{background-color:color-mix(in srgb, var(--color-neutral-500) 25%, transparent);height:100%;top:0}.scroll-area-bar-thumb.horizontal:active{background-color:color-mix(in srgb, var(--color-neutral-500) 50%, transparent);cursor:grabbing;height:100%;top:0}.scroll-area-bar-thumb.vertical{width:calc(100% - 4px);left:2px;top:var(--thumb-position,0%);height:var(--thumb-size,20%);background-color:color-mix(in srgb, var(--color-neutral-500) 17.5%, transparent);cursor:grab;border-radius:8px;min-height:8px;transition:background-color .15s;position:absolute}.scroll-area-bar-thumb.vertical:hover{background-color:color-mix(in srgb, var(--color-neutral-500) 25%, transparent);width:100%;left:0}.scroll-area-bar-thumb.vertical:active{background-color:color-mix(in srgb, var(--color-neutral-500) 50%, transparent);cursor:grabbing;width:100%;left:0}.scroll-area-scroll-horizontal{overflow-x:none!important;overflow-y:hidden!important}.scroll-area-scroll-vertical{overflow:hidden auto!important}.scroll-area-scroll-any{overflow:auto}.scroll-area-scroll-none{overflow:hidden}
.container{box-sizing:border-box;--container-bg-color:initial;--container-text-color:initial;--container-width:initial;--container-height:initial;--container-min-width:initial;--container-min-height:initial;--container-max-width:initial;--container-max-height:initial;--container-border-radius:initial;--container-border-width:initial;--container-border-color:initial;--container-border-style:initial;--container-padding:initial;--container-margin:initial;--container-horizontal-gap:initial;--container-vertical-gap:initial;--container-opacity:initial;--container-box-shadow:initial;--container-transition-duration:initial;--container-transition-property:initial;--container-transition-easing:initial;background-color:var(--container-bg-color,transparent);color:var(--container-text-color,inherit);width:var(--container-width,auto);height:var(--container-height,auto);min-width:var(--container-min-width,auto);min-height:var(--container-min-height,auto);max-width:var(--container-max-width,none);max-height:var(--container-max-height,none);border-radius:var(--container-border-radius,0);border-width:var(--container-border-width,0);border-color:var(--container-border-color,transparent);border-style:var(--container-border-style,none);padding:var(--container-padding,0);margin:var(--container-margin,0);column-gap:var(--container-horizontal-gap,0);row-gap:var(--container-vertical-gap,0);opacity:var(--container-opacity,1);box-shadow:var(--container-box-shadow,none);transition-property:var(--container-transition-property,none);transition-duration:var(--container-transition-duration,0s);transition-timing-function:var(--container-transition-easing,ease);display:flex;position:relative}.container span{font-size:14px}.container-focusable{outline-offset:-2px}.container-focusable:focus-visible{outline-offset:-2px;outline:2px solid}.container-dir-row{flex-direction:row}.container-dir-column{flex-direction:column}.container-main-start{justify-content:flex-start}.container-main-center{justify-content:center}.container-main-end{justify-content:flex-end}.container-main-space-between{justify-content:space-between}.container-main-space-around{justify-content:space-around}.container-main-space-evenly{justify-content:space-evenly}.container-cross-start{align-items:flex-start}.container-cross-center{align-items:center}.container-cross-end{align-items:flex-end}.container-cross-stretch{align-items:stretch}.container-overflow-visible{overflow:visible}.container-overflow-hidden{overflow:hidden}.container-overflow-scroll{overflow:scroll}.container-overflow-auto{overflow:auto}.container-overscroll-x-auto{overscroll-behavior-x:auto}.container-overscroll-x-contain{overscroll-behavior-x:contain}.container-overscroll-x-none{overscroll-behavior-x:none}.container-overscroll-y-auto{overscroll-behavior-y:auto}.container-overscroll-y-contain{overscroll-behavior-y:contain}.container-overscroll-y-none{overscroll-behavior-y:none}.container-wrap{flex-wrap:wrap}.container-wrap-reverse{flex-wrap:wrap-reverse}.container-shrink{min-width:var(--container-min-width,0);min-height:var(--container-min-height,0);flex-shrink:1}.container-no-shrink{flex-shrink:0}.container-grow{flex-grow:1;flex-basis:auto;min-height:0}