npm - @vuu-ui/vuu-layout - Versions diffs - 0.8.9 → 0.8.10-debug - Mend

@vuu-ui/vuu-layout 0.8.9 → 0.8.10-debug

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/index.css CHANGED Viewed

@@ -1,2 +1,856 @@
-.vuuDrawer{--drawer-leading-edge-border: solid 1px var(--salt-container-primary-borderColor, none);--vuu-close-icon-svg: var(--svg-chevron-double-right);transition:flex-basis;transition-duration:var(--drawer-transition-duration);position:relative;z-index:1;flex-basis:0;flex-grow:1;flex-shrink:1;min-width:0;min-height:0;display:flex}.vuuDrawer-peekaboo{flex-basis:var(--drawer-peek-size);flex-grow:0;flex-shrink:0}.vuuDrawer-inline.vuuDrawer-open{flex-basis:var(--drawer-size);flex-grow:0;flex-shrink:0}.vuuDrawer-liner{background-color:var(--drawer-bg);overflow:hidden;position:relative}.vuuDrawer-content{height:100%;overflow:hidden;position:absolute;top:0;right:var(--drawer-peek-size);transition:right;transition-duration:var(--drawer-transition-duration);width:100%;flex:1 1 100%}.vuuDrawer-open .vuuDrawer-content{right:0}.vuuDrawer-left{border-right:var(--drawer-leading-edge-border)}.vuuDrawer-right{border-left:var(--drawer-leading-edge-border)}.vuuDrawer-top{border-bottom:var(--drawer-leading-edge-border)}.vuuDrawer-bottom{border-top:var(--drawer-leading-edge-border)}.vuuDrawer-left .vuuDrawer-liner,.vuuDrawer-right .vuuDrawer-liner{height:100%;transition:width}.vuuDrawer-top .vuuDrawer-liner,.vuuDrawer-bottom .vuuDrawer-liner{width:100%;transition:height}.vuuDrawer-inline .vuuDrawer-liner{width:100%;height:100%}.vuuDrawer-over .vuuDrawer-liner{position:absolute;transition-duration:.4s}.vuuDrawer-over.vuuDrawer-left .vuuDrawer-liner{top:0;left:0;width:0}.vuuDrawer-over.vuuDrawer-right .vuuDrawer-liner{top:0;right:0;width:0}.vuuDrawer-over.vuuDrawer-top .vuuDrawer-liner{height:0;top:0;left:0}.vuuDrawer-over.vuuDrawer-bottom .vuuDrawer-liner{bottom:0;height:0;left:0}.vuuDrawer-left.vuuDrawer-over.vuuDrawer-peekaboo .vuuDrawer-liner,.vuuDrawer-right.vuuDrawer-over.vuuDrawer-peekaboo .vuuDrawer-liner{width:var(--drawer-peek-size)}.vuuDrawer-top.vuuDrawer-over.vuuDrawer-peekaboo .vuuDrawer-liner,.vuuDrawer-bottom.vuuDrawer-over.vuuDrawer-peekaboo .vuuDrawer-liner{height:var(--drawer-peek-size)}.vuuDrawer-left.vuuDrawer-over.vuuDrawer-open .vuuDrawer-liner,.vuuDrawer-right.vuuDrawer-over.vuuDrawer-open .vuuDrawer-liner{width:var(--drawer-size)}.vuuDrawer-top.vuuDrawer-over.vuuDrawer-open .vuuDrawer-liner,.vuuDrawer-bottom.vuuDrawer-over.vuuDrawer-open .vuuDrawer-liner{height:var(--drawer-size)}.vuuDrawer-top,.vuuDrawer-left{order:0}.vuuDrawer-bottom,.vuuDrawer-right{order:99}.vuuDrawer-left,.vuuDrawer-right{flex-direction:column}.vuuToggleButton-container{--saltButton-height: 28px;--saltButton-width: 28px;--vuu-icon-size: 12px;flex:0 0 28px}.vuuDrawer-open{--vuu-close-icon-svg: var(--svg-chevron-double-left)}.vuuDockLayout{--chest-bg: var(--hw-chest-bg, inherit);--drawer-bg: var(--hw-drawer-bg, inherit);--drawer-size: var(--hw-drawer-size, 200px);--drawer-peek-size: var(--hw-drawer-peek-size, 32px);--drawer-transition-duration: var(--hw-drawer-transition-duration, .4s);background-color:var(--chest-bg);display:flex}.vuuDockLayout-horizontal{flex-direction:row}.vuuDockLayout-vertical{flex-direction:column}.vuuDockLayout-content{background-color:var(--chest-bg);flex-grow:1;flex-shrink:1;overflow:hidden;display:flex;align-items:center;justify-content:center}.vuuDockLayout-horizontal .vuuDockLayout-content,.vuuDockLayout-vertical .vuuDockLayout-content{flex-basis:100%}.vuuDropMenu{margin-left:-50%;margin-bottom:-50%;background-color:#fff;border:solid 1px var(--grey40);display:inline-flex;justify-content:center;align-items:center;padding:3px;border-radius:3px}.vuuDropMenu-left,.vuuDropMenu-right{flex-direction:column}.vuuDropMenu-bottom{transform:translateY(-30px)}.vuuDropMenu-right{transform:translate(-20px)}.vuuDropMenu-item{--vuu-icon-size: 20px;width:32px;height:32px;background-color:var(--grey20);border-bottom:solid 1px var(--grey40);cursor:pointer;display:flex;align-items:center;justify-content:center}.vuuDropMenu-item .Icon{transform:scale(1.25);transform-origin:center center}.vuuDropMenu-left .vuuDropMenu-item .hwIcon{transform:scale(1.25) rotate(180deg);transform-origin:center center}.vuuDropMenu-top .vuuDropMenu-item .hwIcon{transform:scale(1.25) rotate(270deg);transform-origin:center center}.vuuDropMenu-bottom .vuuDropMenu-item .hwIcon{transform:scale(1.25) rotate(90deg);transform-origin:center center}.vuuDropMenu-item .hwIcon-path{fill:gray}.vuuDropMenu-item:hover{background-color:#c8c8c880}.vuuDropMenu-item:hover .hwIcon-path-2{fill:#00f}.vuuDropMenu-item:last-child{border-bottom:none}#hw-drag-canvas{visibility:hidden;z-index:10;position:absolute;top:0px;left:0;right:0;bottom:0;background-color:transparent}#hw-drag-canvas>svg{position:absolute}.drawing #hw-drag-canvas{visibility:visible}path.drop-target{stroke:#00f;stroke-width:4px;fill:transparent}path.drop-target.centre{stroke:red}#vuu-drop-outline{fill:#0000ff4d;stroke:none;stroke-dasharray:4 2}#hw-drop-guides{fill:none;stroke:#0000004d;stroke-dasharray:2 3}.DraggableLayout{display:inline-block;outline:none}[data-dragging=true]{position:absolute!important;z-index:100}.vuuSimpleDraggableWrapper{background-color:#fff;box-shadow:0 6px 10px #0003}.vuuSimpleDraggableWrapper>*{height:100%;width:100%}.vuuPlaceholder{flex-basis:0;flex-grow:1;flex-shrink:1}.vuuPlaceholder-shim{flex-grow:0;flex-shrink:0}.vuuSplitter{--splitter-background: var(--salt-separable-secondary-borderColor);--splitter-borderColor: var(--salt-separable-secondary-borderColor);--splitter-borderStyle: none;--splitter-borderWidth: 0;--splitter-size: 3px;align-items:center;background-color:var(--splitter-background);border-color:var(--splitter-borderColor);border-style:var(--splitter-borderStyle);border-width:var(--splitter-borderWidth);box-sizing:border-box;display:flex;justify-content:center;position:relative;outline:none;z-index:1}.vuuSplitter:hover,.vuuSplitter-active{--splitter-background: var(--salt-separable-primary-borderColor)}.vuuSplitter-column{cursor:ns-resize;height:var(--splitter-size)}.vuuSplitter:not(.vuuSplitter-column){cursor:ew-resize;width:var(--splitter-size)}.vuuSplitter:before{border:none;border-radius:0;content:"";display:block;padding:0}.vuuSplitter-grab-zone{position:absolute;background-color:#ff000003;cursor:inherit}.vuuSplitter-column .vuuSplitter-grab-zone{left:0;right:0;top:-5px;bottom:-5px}.vuuSplitter:not(.vuuSplitter-column) .vuuSplitter-grab-zone{left:-5px;right:-5px;top:0;bottom:0}.vuuSplitter-active:not(.vuuSplitter-column) .vuuSplitter-grab-zone{background-color:#ffffff0d;left:-150px;right:-150px}.vuuSplitter:not(.vuuSplitter-column):before{width:1px;height:10px;background:linear-gradient(to bottom,var(--grey900) 10%,transparent 10%,transparent 30%,var(--grey900) 30%,var(--grey900) 40%,transparent 40%,transparent 60%,var(--grey900) 60%,var(--grey900) 70%,transparent 70%,transparent 90%,var(--grey900) 90%)}.vuuSplitter-active.vuuSplitter-column:before{background:linear-gradient(to right,#ffffff 10%,transparent 10%,transparent 30%,#ffffff 30%,#ffffff 40%,transparent 40%,transparent 60%,#ffffff 60%,#ffffff 70%,transparent 70%,transparent 90%,#ffffff 90%)}.vuuSplitter-active:not(.vuuSplitter-column):before{background:linear-gradient(to bottom,#ffffff 10%,transparent 10%,transparent 30%,#ffffff 30%,#ffffff 40%,transparent 40%,transparent 60%,#ffffff 60%,#ffffff 70%,transparent 70%,transparent 90%,#ffffff 90%)}.vuuSplitter-column:before{width:10px;height:1px;background:linear-gradient(to right,var(--grey900) 10%,transparent 10%,transparent 30%,var(--grey900) 30%,var(--grey900) 40%,transparent 40%,transparent 60%,var(--grey900) 60%,var(--grey900) 70%,transparent 70%,transparent 90%,var(--grey900) 90%)}:root{--hw-space-unit: 4px;--hw-flex-gap: 3;--hw-fluid-grid-col-bg: rgba(200, 200, 200, .3)}.hwFlexbox{background-color:var(--container1-background);box-sizing:border-box;display:flex;gap:calc(var(--spacing) * var(--space));min-height:0;min-width:0;overflow:hidden}.hwFlexbox-column{flex-direction:column}.hwFlexbox-row{flex-direction:row}.hwFlexbox>.Splitter{flex-basis:auto;flex-grow:0;flex-shrink:0}.hwFlexbox.full-page{height:100vh;width:100vw}.flex-fill{border-color:red;flex:0;flex-grow:1;flex-shrink:1}.vuuView.flex-fill{border-color:red}:root{--hw-space-unit: 4px;--hw-fluid-grid-col-bg: rgba(252, 209, 232, .7)}.hwFluidGrid{--gap: var(--gutter-width);display:flex;gap:calc(var(--grid-gap) * var(--hw-space-unit));flex-wrap:wrap;padding:0}.hwFluidGrid>*{--gutter-width: calc(var(--hw-flex-gap) * var(--hw-space-unit));--gutter-count: calc(var(--parent-col-count) - 1);--total-gutter-width: calc(var(--gutter-count) * var(--gutter-width));--available-width: calc(100% - var(--total-gutter-width));flex-basis:0;flex-grow:1;flex-shrink:1;position:relative}.hwFluidGrid>*:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:dashed 2px blue}.hwFluidGrid>[data-xs]{--internal-gutter-count: calc(var(--col-span) - 1);--percent-width: calc(var(--col-span) / var(--parent-col-count));--internal-gutter-width: calc(var(--internal-gutter-count) * var(--gutter-width));flex-basis:calc(var(--available-width) * var(--percent-width) + var(--internal-gutter-width));flex-grow:0}.hwFluidGrid>[data-xs="1"]{--col-span: 1}.hwFluidGrid>[data-xs="2"]{--col-span: 2}.hwFluidGrid>[data-xs="3"]{--col-span: 3}.hwFluidGrid>[data-xs="4"]{--col-span: 4}.hwFluidGrid>[data-xs="6"]{--col-span: 6}.hwFluidGrid>[data-xs="8"]{--col-span: 8}.hwFluidGrid>[data-xs="9"]{--col-span: 9}.hwFluidGrid>[data-xs="10"]{--col-span: 10}.hwFluidGrid>[data-xs="11"]{--col-span: 11}.hwFluidGrid>[data-xs="12"]{--col-span: 12}@media (min-width: 600px){.hwFluidGrid>[data-sm="1"]{--col-span: 1}.hwFluidGrid>[data-sm="2"]{--col-span: 2}.hwFluidGrid>[data-sm="3"]{--col-span: 3}.hwFluidGrid>[data-sm="4"]{--col-span: 4}.hwFluidGrid>[data-sm="6"]{--col-span: 6}.hwFluidGrid>[data-sm="8"]{--col-span: 8}.hwFluidGrid>[data-sm="9"]{--col-span: 9}.hwFluidGrid>[data-sm="10"]{--col-span: 10}.hwFluidGrid>[data-sm="11"]{--col-span: 11}.hwFluidGrid>[data-sm="12"]{--col-span: 12}}.hwFluidGrid-show-grid{--gutter-width: calc(var(--hw-flex-gap) * var(--hw-space-unit));--grid-gutter-count: calc(var(--grid-col-count, var(--parent-col-count)) - 1);--grid-total-gutter-width: calc(var(--grid-gutter-count) * var(--gutter-width));--grid-available-width: calc(100% - var(--grid-total-gutter-width));--grid-percent-width: calc(1 / var(--grid-col-count, var(--parent-col-count)));--column-width: calc(var(--grid-available-width) * var(--grid-percent-width));background:repeating-linear-gradient(to right,var(--hw-fluid-grid-col-bg) 0,var(--hw-fluid-grid-col-bg) var(--column-width),white var(--column-width),white calc(var(--column-width) + var(--gutter-width)))}.vuuDropdown{--saltIcon-margin: 2px 0 0 8px;--saltButton-borderStyle: solid;--saltButton-borderColor: var(--salt-editable-borderColor);--saltButton-borderWidth: 1px;--saltButton-borderRadius: 6px;--saltButton-height: var(--vuuDropdown-height, auto);display:inline-block;line-height:0;position:relative;width:var(--vuuDropdown-width, auto)}.vuuDropdown-fullWidth{width:100%}.vuuDropdown-popup{background:var(--salt-container-primary-background);z-index:calc(var(--salt-zIndex-flyover) - 1)}.vuuDropdown-popup-component{--vuuList-borderStyle: none}.vuuDropdownButton{width:100%}.vuuDropdownButton{--saltButton-background-hover: var(--salt-actionable-secondary-background);--saltButton-background-active: var(--salt-actionable-secondary-background);--saltButton-fontWeight: var(--salt-text-fontWeight-strong);--saltButton-textAlign: left;--saltButton-textTransform: none;--saltButton-width: 100%;--vuu-icon-size: 16px}.vuuDropdownButton:active{--saltIcon-color: var(--salt-actionable-secondary-foreground);--saltButton-text-color-active: var(--salt-actionable-secondary-foreground)}.vuuDropdownButton-fullwidth{width:100%}.vuuDropdownButton-content{align-items:center;flex:1;width:100%;display:flex;white-space:nowrap}.vuuDropdownButton-buttonLabel{display:inline-block;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;width:100%}.vuuDropdownButton-formField.saltButton:focus,.vuuDropdownButton-formField.saltButton:focus-visible{outline:none}.saltHighlighter-highlight{font-weight:var(--salt-text-fontWeight-strong)}.vuuCheckboxIcon{--vuu-icon-size: 12px;--vuu-icon-left: -1px;--vuu-icon-top: -1px;--vuu-icon-svg: var(--vuu-svg-tick);border-style:solid;border-color:var(--vuuCheckboxIcon-borderColor, var(--salt-selectable-borderColor));border-radius:var(--vuuCheckboxIcon-borderRadius, 3px);border-width:1px;display:inline-block;height:var(--vuuCheckboxIcon-size, 12px);position:relative;width:var(--vuuCheckboxIcon-size, 12px)}.vuuCheckboxIcon-checked{background-color:var(--vuuCheckboxIcon-background-checked, var(--salt-selectable-background-selected));border-color:var(--vuuCheckboxIcon-borderColor-checked, var(--salt-selectable-borderColor-selected))}.vuuCheckboxIcon-checked:after{content:"";background-color:#fff;left:var(--vuu-icon-left, auto);height:var(--vuu-icon-height, var(--vuu-icon-size, 12px));-webkit-mask:var(--vuu-icon-svg) center center/var(--vuu-icon-size) var(--vuu-icon-size);mask:var(--vuu-icon-svg) center center/var(--vuu-icon-size) var(--vuu-icon-size);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;top:var(--vuu-icon-top, auto);width:var(--vuu-icon-width, var(--vuu-icon-size, 12px))}.vuuListItem{--list-item-text-color: var(--salt-text-primary-foreground);--list-item-background: var(--vuuList-item-background, var(--salt-selectable-background));--list-item-text-color-active: var(--salt-text-primary-foreground);--list-item-background-active: var(--salt-selectable-background-selected);--list-item-alignItems: center}.vuuListItem.vuuHighlighted{--saltCheckbox-icon-stroke: var(--salt-selectable-borderColor-hover);--list-item-background: var(--salt-selectable-background-hover)}.vuuListItemHeader{font-weight:var(--salt-text-fontWeight-strong)}.vuuListItemHeader[data-sticky]{position:sticky;top:0;z-index:1}.vuuListItem{color:var(--list-item-text-color);cursor:var(--vuuList-item-cursor, pointer);background:var(--vuuList-item-background, var(--list-item-background));font-size:var(--salt-text-fontSize);text-align:var(--salt-text-textAlign);line-height:var(--salt-text-lineHeight);height:var(--vuuList-item-height, var(--list-item-height, auto));margin-bottom:var(--list-item-gap);padding:0 var(--vuuListItem-padding, var(--salt-size-unit));left:0;right:0;display:flex;position:relative;align-items:var(--list-item-alignItems);white-space:nowrap}.vuuListItem:last-child{margin-bottom:0}.vuuListItem-checkbox{--list-item-background-active: var(--salt-selectable-background);--list-item-text-color-active: var(--salt-text-primary-foreground);--list-item-text-padding: 0 0 0 var(--salt-size-unit)}.vuuListItem[aria-selected=true]:not(.vuuListItem-checkbox){--list-item-background: var(--list-item-background-active);color:var(--list-item-text-color-active)}.vuuListItem.vuuDisabled{--list-item-text-color: var(--salt-text-primary-foreground-disabled);cursor:var(--salt-selectable-cursor-disabled)}.vuuListItem.vuuFocusVisible{outline-style:var(--salt-focused-outlineStyle);outline-width:var(--salt-focused-outlineWidth);outline-offset:-2px;outline-color:var(--salt-focused-outlineColor)}.vuuListItem.vuuFocusVisible:after{content:none}.vuuListItem[aria-selected=true]:not(.vuuListItem-checkbox).vuuFocusVisible{outline-color:var(--list-item-selected-focus-outlineColor)}.vuuListItem-textWrapper{flex:1;overflow:hidden;padding:var(--list-item-text-padding, 0px);white-space:nowrap;text-overflow:ellipsis}.vuuListItem-proxy{position:absolute!important;visibility:hidden}.vuuDraggable-list-item{--vuuList-item-height: 24px;background-color:#fff}.vuuListItem.vuuDraggable-dragAway{display:none}.vuuDraggable{background:transparent;box-shadow:var(--salt-overlayable-shadow-drag);cursor:var(--salt-draggable-grab-cursor-active);position:absolute;opacity:.95;z-index:2000}.vuuDraggable-spacer{display:var(--vuuDraggable-display, inline-block);height:var(--vuuDraggable-spacer-height, var(--tabstrip-height));transition:var(--vuuDraggable-transitionProp, width) .3s ease;width:var(--vuuDraggable-spacer-width, 0)}.vuuDraggable-dropIndicatorPosition{display:var(--saltDraggable-display, inline-block);height:0px;width:100%}.vuuDraggable-dropIndicatorContainer{transition:var(--vuuDraggable-transitionProp, top) .2s ease}.vuuDraggable-dropIndicator{background-color:var(--salt-palette-accent-background);height:2px;width:100%}.vuuDraggable-dropIndicator:before{content:"";width:6px;height:6px;border-radius:3px;background-color:var(--salt-palette-accent-background);position:absolute;top:-2px;left:-3px}.vuuDraggable-settling{transition-property:left,top;transition-duration:.15s;transition-timing-function:ease-out}.vuuDraggable-spacer{order:1}.vuuList{--list-background: var(--salt-container-primary-background);--list-borderStyle: var(--vuuList-borderStyle,var(--salt-container-borderStyle));--list-borderWidth: var(--salt-size-border);--list-height: auto;--list-item-height: var(--salt-size-stackable);--list-item-gap: 0px;--list-maxHeight: 100%;--vuuDraggable-display: block;--vuuDraggable-spacer-height: 0;--vuuDraggable-spacer-width: 100%;--vuuDraggable-transitionProp: height;--vuuMeasuredContainer-height: var(--computed-list-height);background:var(--list-background);border-color:var(--salt-container-primary-borderColor);border-style:var(--list-borderStyle);border-width:var(--list-borderWidth);height:var(--saltList-height, var(--list-height));max-height:var(--list-maxHeight);outline:none;position:relative;user-select:none;width:var(--saltList-width, auto)}.vuuList-contentSized{box-sizing:content-box}.vuuList-borderless{--list-borderStyle: none}.vuuList-viewport{height:var(--computed-list-height, var(--measured-px-height));overflow:auto;width:var(--measured-px-width)}.vuuListItemHeader{--saltList-item-background: var(--list-item-header-background);color:var(--list-item-header-color)}.vuuListItemHeader[data-sticky=true]{--saltList-item-background: var(--list-background);position:sticky;top:0;z-index:1}.vuuList-collapsible .vuuListItemHeader:after{border-width:var(--checkbox-borderWidth);border-color:var(--checkbox-borderColor);content:var(--list-item-header-twisty-content);-webkit-mask:var(--list-svg-chevron-down) center center/12px 12px no-repeat;mask:var(--list-svg-chevron-down) center center/12px 12px no-repeat;background:var(--list-item-header-twisty-color);height:12px;left:var(--list-item-header-twisty-left);right:var(--list-item-header-twisty-right);margin-top:-8px;position:absolute;top:var(--list-item-header-twisty-top);transition:transform .3s;width:12px}.vuuListItemHeader[aria-expanded=false]:after{transform:rotate(-90deg)}.vuuList-scrollingContentContainer{box-sizing:inherit;position:relative}.vuuList-virtualized .vuuListItem{line-height:30px;position:absolute;top:0;left:0;right:0;will-change:transform}.vuuList.saltFocusVisible:after{inset:2px}.vuuRadioIcon{--vuu-icon-size: 12px;--vuu-icon-left: -1px;--vuu-icon-top: -1px;--vuu-icon-svg: var(--vuu-svg-radio);border-style:solid;border-color:var(--vuuRadioIcon-borderColor, var(--salt-selectable-borderColor));border-radius:50%;border-width:1px;display:inline-block;height:var(--vuuRadioIcon-size, 12px);position:relative;width:var(--vuuRadioIcon-size, 12px)}.vuuRadioIcon-checked{background-image:var(--vuu-svg-radio);border:none;background-repeat:no-repeat}.vuuRadioIcon-checked:after{content:"";left:var(--vuu-icon-left, auto);height:var(--vuu-icon-height, var(--vuu-icon-size, 12px));-webkit-mask:var(--vuu-icon-svg) center center/var(--vuu-icon-size) var(--vuu-icon-size);mask:var(--vuu-icon-svg) center center/var(--vuu-icon-size) var(--vuu-icon-size);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;top:var(--vuu-icon-top, auto);width:var(--vuu-icon-width, var(--vuu-icon-size, 12px))}.vuuChevronIcon{--vuu-icon-size: 14px;--vuu-icon-left: -1px;--vuu-icon-top: -1px;height:var(--vuuChevronIcon-size, 14px);position:relative;width:var(--vuuChevronIcon-size, 14px);cursor:pointer}.vuuChevronIcon:after{content:"";background-color:#777c94;left:var(--vuu-icon-left, auto);height:var(--vuu-icon-height, var(--vuu-icon-size, 12px));-webkit-mask:var(--vuu-icon-svg) center center/var(--vuu-icon-size) var(--vuu-icon-size);mask:var(--vuu-icon-svg) center center/var(--vuu-icon-size) var(--vuu-icon-size);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;top:var(--vuu-icon-top, auto);width:var(--vuu-icon-width, var(--vuu-icon-size, 12px))}.vuuChevronIcon.up{--vuu-icon-svg: var(--vuu-svg-chevron-up)}.vuuChevronIcon.down{--vuu-icon-svg: var(--vuu-svg-chevron-down)}.vuuChevronIcon.left{--vuu-icon-svg: var(--vuu-svg-chevron-left)}.vuuChevronIcon.right{--vuu-icon-svg: var(--vuu-svg-chevron-right)}.vuuEditableLabel{--editableLabel-padding: var(--vuuEditableLabel-padding, 6px);--editableLabel-height: var(--vuuEditableLabel-height, 26px);--saltInput-background: transparent;--saltInput-height: calc(var(--editableLabel-height) - 4px);--saltInput-minWidth: 14px;color:inherit;cursor:default;display:flex;flex-direction:column;font-size:var(--salt-text-fontSize);height:var(--editableLabel-height);justify-content:center;max-width:170px;outline:none;overflow:hidden;padding:0 var(--editableLabel-padding);position:relative;text-overflow:ellipsis;white-space:nowrap;z-index:var(--salt-zIndex-default)}.vuuEditableLabel:before{content:attr(data-text);display:block;height:0px;visibility:hidden;white-space:pre-wrap}.vuuEditableLabel .saltInput{font-weight:var(--salt-text-fontWeight);left:var(--editableLabel-padding, 0);padding:0;outline-style:none;position:absolute;right:var(--editableLabel-padding, 0);top:var(--saltEditableLabel-top, 2px);width:auto}.vuuEditableLabel .saltInput-activationIndicator{display:none}.vuuEditableLabel-input{background-color:transparent;border:none;box-sizing:content-box;color:inherit;display:block;flex:1;font:inherit;height:20px;margin:0;min-width:0;outline:none;padding:0}.vuuEditableLabel-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vuuExpandoInput{--salt-editable-secondary-background: white;--expandoInput-height: var(--vuuExpandoInput-height, 26px);--expandoInput-padding: var(--vuuExpandoInput-padding, 6px);--saltInput-height: calc(var(--vuuExpandoInput-height) - 4px);--saltInput-minWidth: var(--vuuExpandoInput-minWidth, 8px);border:var(--vuuExpandoInput-border, none);border-radius:var(--vuuExpandoInput-borderRadius, 0);color:inherit;cursor:default;display:inline-block;font-size:var(--salt-text-fontSize);height:var(--expandoInput-height);min-width:calc(var(--saltInput-minWidth) + 2 * var(--expandoInput-padding));outline:none;padding:0 var(--expandoInput-padding);position:relative}.vuuExpandoInput:before{content:attr(data-text);display:block;height:0px;visibility:hidden;white-space:pre-wrap}.vuuExpandoInput .saltInput{font-weight:var(--salt-text-fontWeight);left:var(--expandoInput-padding, 0);padding:0;outline-style:none;position:absolute;right:var(--expandoInput-padding, 0);top:var(--vuuExpandoInput-top, 2px);width:auto}.vuuExpandoInput .saltInput-activationIndicator{display:none}.vuuExpandoInput-input{background-color:transparent;border:none;box-sizing:content-box;display:block;flex:1;font:inherit;height:20px;margin:0;min-width:0;outline:none;padding:0}.vuuCheckbox{display:flex;height:24px;align-items:center;gap:6px;color:var(--light-text-primary, #15171B);font-feature-settings:"ss02" on,"ss01" on,"salt" on,"liga" off;font-size:12px;font-weight:400;cursor:pointer}.vuuRadioButton{display:flex;height:24px;align-items:center;gap:6px;color:var(--light-text-primary, #15171B);font-feature-settings:"ss02" on,"ss01" on,"salt" on,"liga" off;font-size:12px;font-weight:400;cursor:pointer}.radio{position:relative;height:12px}input[type=radio]{position:absolute;appearance:none;width:100%;height:100%;border-radius:50%;margin:0;top:0}.vuuColumnResizer{background-color:var(--columnResizer-color);cursor:col-resize;height:var(--header-height);position:relative;width:4px}.vuuColumnResizer:hover{--columnResizer-color: var(--salt-color-blue-500)}.vuuColumnResizer:after{content:"";position:absolute;width:var(--columnResizer-width, 1px);top:0;bottom:0;right:-1px;background-color:var(--columnResizer-color, var(--salt-separable-tertiary-borderColor));height:var(--columnResizer-height, calc(100% + 1px))}.vuuTable{--cell-outline-width: 2px;user-select:none}[role=cell]{display:inline-block}[data-align=end]{margin-left:auto}[data-align=end]+[data-align=end]{margin-left:0}.vuuTable-table [role=cell]{--saltEditableLabel-height: 17px;--saltInput-height: 17px;--saltInput-minHeight: 17px;border-right:1px solid var(--vuuTableCell-border-rightColor);border-bottom:1px solid var(--vuuTableCell-border-bottomColor);color:var(--salt-text-primary-foreground);cursor:default;height:var(--vuuTable-rowHeight);line-height:calc(var(--vuuTable-rowHeight) - 1px);overflow:hidden;padding:0 5px;vertical-align:top}.vuuTable-headerCell:focus,.vuuTable [role=cell]:focus{outline:var(--vuuTableCell-outline, dotted var(--salt-color-blue-400) var(--cell-outline-width));outline-offset:calc(var(--cell-outline-width) * -1);box-shadow:inset 0 0 0 var(--cell-outline-width) #fff;border-bottom:none}.vuuTable-headerCell:focus .vuuTable-headerCell-inner{padding-bottom:var(--cell-outline-width)}.vuuTable-headerCell:not(.vuuTable-headerCell-resizing):focus .vuuTable-headerCell-inner{--columnResizer-color: transparent}.vuuTable [role=cell]:focus{border-right:none;padding-bottom:1px}[role=cell][data-editable=true]{--salt-text-fontSize: 10px;--vuu-icon-size: 5px;position:relative}[role=cell][data-editable=true]:after{top:0;content:"";background-color:var(--salt-text-secondary-foreground, black);left:0;height:var(--vuu-icon-height, var(--vuu-icon-size, 12px));-webkit-mask:var(--svg-corner-triangle) center center/var(--vuu-icon-size) var(--vuu-icon-size);mask:var(--svg-corner-triangle) center center/var(--vuu-icon-size) var(--vuu-icon-size);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;transform:rotate(180deg);width:var(--vuu-icon-width, var(--vuu-icon-size, 12px))}[role=cell]:focus[data-editable],[role=cell]:focus-within[data-editable],[role=cell]:has(.saltEditableLabel-editing){outline:solid var(--salt-color-blue-400) 1px;background-color:#fff;outline-offset:-1px}[role=cell]:focus[data-editable=true]:after,[role=cell]:has(.saltEditableLabel):after{background-color:var(--salt-color-blue-400);left:1px;top:1px}.vuuAlignRight{text-align:right}.vuuTableGroupCell{--spacer-width: 20px;--toggle-icon-transform: var(--row-toggle-icon-transform, none);--vuu-icon-width: 18px;align-items:center;display:inline-flex}.vuuTableGroupCell-spacer{height:100%;position:relative;width:var(--spacer-width)}.vuuTableGroupCell-spacer:after{background:var(--salt-container-primary-borderColor);content:"";position:absolute;top:0;bottom:-1px;left:9px;width:1px}.vuuTableGroupCell-toggle{transition:transform .25s;transform:var(--toggle-icon-transform)}.vuuTableRow{--row-background: var(--table-background);position:absolute;top:0}.vuuTableRow-even{--row-background: var(--row-background-even)}.vuuTableRow{background-color:var(--row-background)}.vuuTableRow-expanded{--row-toggle-icon-transform: rotate(90deg)}.vuuTableRow[aria-selected]{background-color:var(--vuuTableRow-selected-background, var(--salt-selectable-background-selected));--vuuTableCell-border-bottomColor: var(--salt-selectable-borderColor-selected)}.vuuTableRow-preSelected{--vuuTableCell-border-bottomColor: var(--salt-selectable-borderColor-selected)}.salt-theme{--svg-spinner: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="rgb(38, 112, 169)" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite" /></path></svg>')}.vuuTable-groupHeaderCell{--cell-align: "flex-start";text-align:left;background:var(--dataTable-background);cursor:default;height:var(--vuuTableHeaderHeight)}.vuuTable-groupHeaderCell-inner{align-items:center;display:flex;height:100%;padding-left:1px}.vuuTable-groupHeaderCell-label{align-items:center;display:flex;flex:0 0 auto}.vuuTable-groupHeaderCell-col{align-items:center;background-color:inherit;display:inline-flex;flex:0 1 auto;height:calc(var(--vuuTableHeaderHeight) - 2px);justify-content:space-between;padding-right:8px;position:relative}.vuuTable-groupHeaderCell-close{--vuu-icon-height: 18px;--vuu-icon-width: 18px;cursor:pointer;left:3px}.vuuTable-groupHeaderCell-col:nth-child(odd){background-color:var(--salt-color-gray-50)}.vuuTable-groupHeaderCell-col:nth-child(even){background-color:var(--salt-color-gray-40)}.vuuTable-groupHeaderCell-col:first-child{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%);padding-left:3px;z-index:1}.vuuTable-groupHeaderCell-col:not(:first-child){margin-left:-6px;padding-left:12px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%,8px 50%)}.vuuTable-groupHeaderCell-resizing{--columnResizer-color: var(--salt-color-blue-500);--columnResizer-height: var(--table-height);--columnResizer-width: 2px}.vuuTable-groupHeaderCell-pending{--pending-content: ""}.vuuTable-groupHeaderCell-col:has(+ .vuuColumnResizer):after{content:var(--pending-content);width:24px;height:24px;background-image:var(--svg-spinner);background-repeat:no-repeat;background-size:cover}.vuuSortIndicator{--menu-icon-size: 18px;--menu-item-icon-color: black;display:flex;flex-direction:column;position:relative;width:18px}.vuuSortPosition{font-size:10px;line-height:10px;text-align:center}.vuuTable-heading:nth-child(2){--heading-top: calc(var(--header-height))}.vuuTable-heading:nth-child(3){--heading-top: calc(var(--header-height) * 2)}.vuuTable-heading:nth-child(3){--heading-top: calc(var(--header-height) * 3)}.vuuTable-headingCell{background:var(--dataTable-background);border-color:var(--salt-separable-tertiary-borderColor);border-style:solid solid solid none;border-width:1px;color:var(--salt-text-secondary-foreground);display:inline-block;height:var(--vuuTableHeaderHeight);padding:0!important}.vuuTable-heading:has(+ .vuuTable-heading)>.vuuTable-headingCell{border-bottom-color:transparent}[role=columnHeader]{--vuuTableCell-border-bottomColor: var(--salt-separable-tertiary-borderColor);--cell-align: "flex-start";display:inline-block;text-align:left;background:var(--dataTable-background);border-right:1px solid var(--vuuTableCell-border-rightColor);border-bottom:1px solid var(--vuuTableCell-border-bottomColor);color:var(--salt-text-secondary-foreground);cursor:default;height:var(--vuuTableHeaderHeight);padding:0!important;vertical-align:top}.vuuTable-headerCell-right{--cell-align: flex-end}.vuuTable-headerCell-inner{align-items:stretch;display:flex;height:100%;padding:0 0 0 3px}.vuuTable-headerCell-inner:has(.vuuFilterIndicator){padding-left:0}.vuuTable-headerCell-label{align-items:center;justify-content:var(--cell-align);display:flex;flex:1 1 auto}.vuuTable-headerCell-resizing{--columnResizer-color: var(--salt-color-blue-500);--columnResizer-height: var(--table-height);--columnResizer-width: 2px}[role=headerCell].vuuPinLeft.vuuEndPin:after{box-shadow:2px 0 5px #0006;content:"";position:absolute;width:1px;background-color:transparent;height:var(--table-height);top:0;right:0px}[role=headerCell].vuuPinRight.vuuEndPin:after{box-shadow:-2px 0 5px #0000004d;content:"";position:absolute;width:1px;background-color:transparent;height:var(--table-height);top:0;left:0px}[role=headerCell]:is(.vuuPinLeft,.vuuPinRight,.vuuPinFloating){top:0;z-index:20}.saltDraggable-vuuTable-headerCell{--dataTable-background: ivory;--vuuTableHeaderHeight: 25px}.vuuFilterIndicator{--menu-icon-size: 12px;--menu-item-icon-color: black;align-items:center;cursor:pointer;display:flex;flex:0 0 18px;flex-direction:column;justify-content:center;position:relative}.vuuFilterIndicator+.vuuTable-headerCell-inner{padding-left:0}.vuuTable-table{--vuuTable-rowHeight: var(--row-height);--vuuTableCell-border-bottomColor: transparent;--vuuTableCell-border-rightColor: var(--salt-separable-tertiary-borderColor);border-collapse:separate;border-spacing:0;border-left:1px solid #ccc;border:none;font-size:var(--vuuTable-font-size, 10px);margin:0;min-height:100%;width:var(--content-width)}.vuuTable-headers{position:sticky;top:0;z-index:1}.vuuTable-body{height:var(--content-height);position:relative}.vuuTable{--dataTable-background: var(--salt-container-primary-background, inherit);--row-background-even: var(--dataTable-background);--row-background-odd: var(--dataTable-background);--table-background: var(--dataTable-background, none);background-color:var(--dataTable-background);position:relative}.vuuTable-zebra{--row-background-even: var(--salt-container-secondary-background)}.vuuTable-scrollbarContainer{--scroll-content-width: calc(var(--content-width) - var(--pinned-width-left));border-bottom:none!important;border-top:none!important;border-left:solid 1px var(--salt-container-primary-borderColor);box-shadow:0 -1px 0 0 var(--salt-container-primary-borderColor);height:var(--viewport-body-height);left:var(--pinned-width-left);overflow:auto;position:absolute;top:var(--total-header-height);width:calc(var(--table-width) - var(--pinned-width-left) + 1px)}.vuuTable-scrollbarContent{height:calc(var(--content-height) + var(--horizontal-scrollbar-height));position:absolute;width:var(--scroll-content-width, var(--content-width))}.vuuTable-contentContainer{--vuuTableHeaderHeight: var(--header-height, 30px);background-color:var(--salt-container-primary-background);height:calc(var(--table-height) - var(--horizontal-scrollbar-height));position:relative;overflow:auto;overscroll-behavior:none;width:calc(var(--table-width) - var(--vertical-scrollbar-width))}.vuuTable-contentContainer::-webkit-scrollbar{display:none}:is(.vuuPinLeft,.vuuPinRight,.vuuPinFloating){background-color:inherit;position:sticky;z-index:1}.vuuTable-settings{--saltButton-height: var(--header-height);--saltButton-width: 15px;position:absolute!important;right:0;top:0}.vuuTable:has(.vuuTable-headerCell-resizing) *{cursor:col-resize}.vuuTable-loading .vuuTable-table{--skeleton-height: 20px;--skeleton-width: calc(var(--content-width) - 8px);--skeleton-left: 4px;--skeleton-row-height: 16px;--skeleton-size: var(--skeleton-width) var(--skeleton-height);--skeleton-row: linear-gradient( var(--salt-color-gray-20-fade-background) var(--skeleton-row-height), transparent 0 );--skeleton-background-image: var(--skeleton-row);background-image:var(--skeleton-background-image);background-repeat:repeat-y;background-size:var(--skeleton-size);background-position-x:var(--skeleton-left);background-position-y:27px}.vuuTable-loading .vuuTable-table:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.6) 60%,rgba(255,255,255,0));content:"";height:var(--table-height);left:0px;position:absolute;transform:translate(-100%);top:var(--header-height);width:var(--content-width)}@keyframes shimmer{to{transform:translate(100%)}}.vuuJsonCell-group{align-items:center;display:inline-flex;height:calc(var(--vuuTable-rowHeight) - 1px);width:100%}.vuuJsonCell-toggle{--vuu-icon-color: var(--salt-text-primary-foreground);--vuu-icon-height: calc(var(--vuuTable-rowHeight) - 1px);--vuu-icon-width: 18px;flex-shrink:0;margin-left:auto}.vuuJsonCell-name{font-weight:var(--salt-typography-fontWeight-semiBold)}.vuuJsonCell-value{overflow:hidden;text-overflow:ellipsis}.vuuColumnResizerNext{background-color:var(--columnResizer-color);cursor:col-resize;height:var(--header-height);margin-left:var(--columnResizer-left, auto);position:relative;width:2px}.vuuColumnResizerNext:hover{--columnResizer-color: var(--salt-color-blue-500)}.vuuColumnResizerNext:after{background-color:var(--columnResizer-color, var(--salt-separable-tertiary-borderColor));bottom:0;content:"";position:absolute;top:0;right:0px;height:var(--columnResizer-height, 0);width:2px}.vuuColumnHeaderPill{--vuu-icon-size: 14px;--menu-item-icon-color: black;--vuu-icon-color: white;--vuu-icon-height: 12px;--vuu-icon-width: 13px;align-items:center;background:var(--salt-taggable-background-active);color:#fff;border-radius:4px;font-size:11px;gap:4px;height:16px;display:flex;margin:var(--vuuColumnHeaderPill-margin, 0);padding:0 6px;position:relative}.vuuColumnHeaderPill:hover{--vuu-icon-color: var(--vuu-color-gray-80);background-color:var(--salt-taggable-background-hover);color:var(--vuu-color-gray-80)}.vuuColumnHeaderPill-removeButton{cursor:pointer}.vuuSortPosition{font-size:11px;font-weight:700;padding-top:1px}.vuu-theme{--svg-spinner: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="rgb(38, 112, 169)" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite" /></path></svg>')}.vuuTableNextGroupHeaderCell.vuuTableNextHeaderCell{--vuuColumnHeaderPill-margin: 0;--cell-align: "flex-start";text-align:left;background:var(--dataTable-background);cursor:default;height:var(--vuuTableHeaderHeight)}.vuuTableNextGroupHeaderCell-inner{align-items:center;display:flex;gap:4px;height:100%;padding-left:1px}.vuuTableNextGroupHeaderCell-col{align-items:center;background-color:inherit;display:inline-flex;flex:0 1 auto;height:calc(var(--vuuTableHeaderHeight) - 2px);justify-content:space-between;padding-right:8px;position:relative}.vuuTableNextGroupHeaderCell-label{align-items:center;display:flex;flex:0 0 auto}.vuuTableNextGroupHeaderCell-close{--vuu-icon-height: 18px;--vuu-icon-width: 18px;cursor:pointer;left:3px}.vuuTableNextGroupHeaderCell-resizing{--columnResizer-color: var(--salt-color-blue-500);--columnResizer-height: var(--table-height);--columnResizer-width: 2px}.vuuTableNextGroupHeaderCell-pending{--pending-content: ""}.vuuTableNextGroupHeaderCell-col:has(+ .vuuColumnResizer):after{content:var(--pending-content);width:24px;height:24px;background-image:var(--svg-spinner);background-repeat:no-repeat;background-size:cover}.vuuMenuItem{--vuu-svg-cog: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M12.9533 8.65331C12.98 8.43998 13 8.22665 13 7.99998C13 7.77331 12.98 7.55998 12.9533 7.34665L14.36 6.24665C14.4867 6.14665 14.52 5.96665 14.44 5.81998L13.1067 3.51331C13.0267 3.36665 12.8467 3.31331 12.7 3.36665L11.04 4.03331C10.6933 3.76665 10.32 3.54665 9.91333 3.37998L9.66 1.61331C9.64 1.45331 9.5 1.33331 9.33333 1.33331H6.66667C6.5 1.33331 6.36 1.45331 6.34 1.61331L6.08667 3.37998C5.68 3.54665 5.30667 3.77331 4.96 4.03331L3.3 3.36665C3.14667 3.30665 2.97333 3.36665 2.89333 3.51331L1.56 5.81998C1.47333 5.96665 1.51333 6.14665 1.64 6.24665L3.04667 7.34665C3.02 7.55998 3 7.77998 3 7.99998C3 8.21998 3.02 8.43998 3.04667 8.65331L1.64 9.75331C1.51333 9.85331 1.48 10.0333 1.56 10.18L2.89333 12.4866C2.97333 12.6333 3.15333 12.6866 3.3 12.6333L4.96 11.9666C5.30667 12.2333 5.68 12.4533 6.08667 12.62L6.34 14.3866C6.36 14.5466 6.5 14.6666 6.66667 14.6666H9.33333C9.5 14.6666 9.64 14.5466 9.66 14.3866L9.91333 12.62C10.32 12.4533 10.6933 12.2266 11.04 11.9666L12.7 12.6333C12.8533 12.6933 13.0267 12.6333 13.1067 12.4866L14.44 10.18C14.52 10.0333 14.4867 9.85331 14.36 9.75331L12.9533 8.65331V8.65331ZM8 10.3333C6.71333 10.3333 5.66667 9.28665 5.66667 7.99998C5.66667 6.71331 6.71333 5.66665 8 5.66665C9.28667 5.66665 10.3333 6.71331 10.3333 7.99998C10.3333 9.28665 9.28667 10.3333 8 10.3333Z"/></svg>')}.vuuTable-columnMenu{--vuu-icon-color: #606477;--vuu-icon-height: 20px;--vuu-icon-left: 0px;--vuu-icon-size: 16px;--vuu-icon-top: 0px;--vuu-icon-width: 20px;border-radius:4px;cursor:pointer;display:inline-block;padding:2px;left:var(--column-menu-left, 0);margin:var(--vuuTable-columnMenu-margin, 0)}.vuuTable-columnMenu:hover{--vuu-icon-color: #15171B;background-color:#f37880}.vuuTable-columnMenu-open:hover,.vuuTable-columnMenu-open{background-color:#6d18bd;--vuu-icon-color: white}[data-icon=cog]{--vuu-icon-svg: var(--vuu-svg-cog);--vuu-icon-size: 14px}.vuuColumnMenuList{--vuuMenuList-borderStyle: solid;border-radius:4px;box-shadow:0 6px 12px #0000002d;border-color:var(--vuuMenuList-borderColor, var(--salt-container-primary-borderColor));border-style:solid;border-width:1px}.vuuTableNextHeaderCell{--cell-align: "flex-start";--vuuColumnHeaderPill-margin: 0 0 0 3px;align-items:center;background-color:var(--vuuTableNextHeaderCell-background, inherit);border-bottom:1px solid #ccc;border-right-color:var(--cell-borderColor);border-right-style:solid;border-right-width:1px;box-sizing:border-box;cursor:default;display:inline-flex;height:var(--header-height);vertical-align:top}.vuuTableNextHeaderCell-right{--columnResizer-left: 0;--vuuTable-columnMenu-margin: 0;--vuuColumnHeaderPill-margin: 0 3px 0 0;--column-menu-left: 2px;justify-content:flex-end}.vuuTableNextHeaderCell .vuuColumnResizerNext:hover{--columnResizer-color: var(--vuu-color-purple-10)}.vuuTableNextHeaderCell-label{line-height:calc(var(--header-height) - 1px)}.vuuTableNextHeaderCell-resizing{--columnResizer-height: var(--table-height)}.vuuTableNextHeaderCell.vuuPinLeft{padding-left:2px}.vuuTableNextHeaderCell.vuuPinLeft.vuuEndPin .vuuColumnResizerNext:before{--height: calc(var(--table-height) - 15px);--inset-r: calc(var(--pin-width) - 2px);--inset-b: calc(var(--height) - 2px);--clip-path: polygon( 0% 0%, 0% 120%, 2px 120%, 2px 2px, var(--inset-r) 2px, var(--inset-r) var(--inset-b), 2px var(--inset-b), 2px 120%, 120% 120%, 120% 0% );background-color:transparent;border-color:var(--vuu-color-gray-40);border-width:1px;border-style:solid solid solid solid;border-radius:4px;box-shadow:2px 1px 4px #0000001a;clip-path:var(--clip-path);content:"";position:absolute;width:var(--pin-width);top:0;bottom:0;right:-1px;height:var(--height);z-index:-5}.vuuTableNextHeaderCell.vuuPinRight.vuuEndPin .vuuColumnResizerNext:before{--height: calc(var(--table-height) - 15px);--inset-r: calc(var(--pin-width) - 2px);--inset-b: calc(var(--height) - 2px);--clip-path: polygon( -20% 0%, -20% 120%, 2px 120%, 2px 2px, var(--inset-r) 2px, var(--inset-r) var(--inset-b), 2px var(--inset-b), 2px 120%, 120% 120%, 120% 0% );background-color:transparent;border-color:#a9aaad;border-width:1px;border-style:solid solid solid solid;border-radius:4px;box-shadow:-2px 1px 4px #0000001a;clip-path:var(--clip-path);content:"";position:absolute;width:var(--pin-width);top:0;bottom:0;right:0px;height:var(--height);z-index:-5}.vuuTableNextHeaderCell.vuuDraggable-dragAway{display:none}.vuuTableNextCell{border-right-color:var(--cell-borderColor);border-right-style:solid;border-right-width:1px;display:inline-block;height:100%;overflow:hidden;padding:0 8px;text-overflow:ellipsis;vertical-align:top}.vuuTableNextCell-right{text-align:right}.vuuTableNextCell-editable{display:inline-flex;line-height:18px;padding-bottom:1px;padding-top:1px;text-overflow:unset}.vuuTableNextCell:focus{outline:var(--vuuTableCell-outline, solid var(--vuu-color-purple-10) 2px);outline-offset:-2px;box-shadow:inset 0 0 0 var(--cell-outline-width) #fff;border-bottom:none}.vuuTableNextRow-selected .vuuTableNextCell:not(.vuuTableNextCell-editable):focus{outline:var(--vuuTableCell-outline, solid var(--vuu-color-purple-10) 2px);outline-offset:-1px}.vuuTableNextCell-editable:focus{outline:none}.vuuTableNextGroupCell{--group-cell-spacer-width: 20px;align-items:center;border-right-color:var(--vuuTableNextGroupCell-borderColor, var(--salt-separable-tertiary-borderColor));border-right-style:solid;border-right-width:1px;cursor:pointer;display:inline-flex;height:var(--row-height);line-height:16px}.vuuTableNextGroupCell-toggle{--vuu-icon-height: 16px;--vuu-icon-size: 16px;--vuu-icon-width: 8px;margin-right:4px;transition:transform .25s;transform:var(--toggle-icon-transform)}.vuuTableNextGroupCell-spacer{width:var(--group-cell-spacer-width)}.vuuTableNextRow{background:var(--row-background,#fff);border-bottom:1px solid var(--row-borderColor);box-sizing:border-box;height:var(--row-height);line-height:calc(var(--row-height) - 1px);position:absolute;top:0;white-space:nowrap}.vuuTableNextRow-even{--row-background: var(--row-background-even)}.vuuTableNextRow-selected,.vuuTableNextRow-selectedEnd{background-color:#ebebec}.vuuTableNextRow-selectedStart{--vuu-selection-decorator-left-radius: 5px 0 0 0;--vuu-selection-decorator-right-radius: 0 5px 0 0;border-radius:5px 5px 0 0}.vuuTableNextRow-selectedEnd{--vuu-selection-decorator-left-radius: 0 0 0 5px;--vuu-selection-decorator-right-radius: 0 0 5px 0;border-radius:0 0 5px 5px}.vuuTableNextRow-selectedStart.vuuTableNextRow-selectedEnd{--vuu-selection-decorator-left-radius: 5px 0 0 5px;--vuu-selection-decorator-right-radius: 0 5px 5px 0;border-radius:5px}.vuuTableNextRow-selectedStart:after{content:"";position:absolute;top:0;left:4px;height:1px;background-color:var(--vuu-color-purple-10);width:calc(var(--content-width) - 8px);z-index:1}.vuuTableNextRow-selectedEnd{border-bottom-color:var(--vuu-color-purple-10)}.vuuTableNextRow-selectionDecorator{background-color:var(--vuu-selection-decorator-bg, inherit);display:inline-block;position:relative;height:var(--row-height);width:4px;z-index:2}.vuuTableNextRow-selectionDecorator.vuuStickyLeft{left:0;position:sticky}.vuuTableNextRow-selectionDecorator.vuuStickyRight{right:0;position:sticky}.vuuTableNextRow-selected{--vuu-selection-decorator-bg: var(--vuu-color-purple-10)}.vuuTableNextRow-selectedStart,.vuuTableNextRow-selectedEnd{--vuu-selection-decorator-bg: white}.vuuTableNextRow-selectedStart .vuuTableNextRow-selectionDecorator:before,.vuuTableNextRow-selectedEnd .vuuTableNextRow-selectionDecorator:before{content:"";inset:0;position:absolute;background-color:var(--vuu-color-purple-10)}.vuuTableNextRow-selectionDecorator.vuuStickyLeft:before{border-radius:var(--vuu-selection-decorator-left-radius, 0)}.vuuTableNextRow-selectionDecorator.vuuStickyRight:before{border-radius:var(--vuu-selection-decorator-right-radius, 0)}.vuuTableNextRow-expanded{--toggle-icon-transform: rotate(90deg)}.vuuTable td:has(> .vuuBackgroundCellDeprecated){padding:0;text-align:right}.vuuBackgroundCellDeprecated{padding-right:var(--salt-size-unit);position:relative;z-index:-1}.vuuBackgroundCellDeprecated-flasher{color:transparent;position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1}.vuuBackgroundCellDeprecated-flasher{text-align:left}.vuuBackgroundCellDeprecated-flasher+.num{padding-left:8px}.right .vuuBackgroundCellDeprecated-flasher{text-align:right}.right .vuuBackgroundCellDeprecated-flasher+.num{padding-right:8px}.up1>.vuuBackgroundCellDeprecated-flasher{animation-duration:30s;animation-name:reactbgup1}.up2>.vuuBackgroundCellDeprecated-flasher{animation-duration:30s;animation-name:reactbgup2}.down1>.vuuBackgroundCellDeprecated-flasher{animation-duration:30s;animation-name:reactbgdown1}.down2>.vuuBackgroundCellDeprecated-flasher{animation-duration:30s;animation-name:reactbgdown2}.up1.vuuBackgroundCellDeprecated-arrowOnly>.vuuBackgroundCellDeprecated-flasher{animation-duration:30s;animation-name:reactarrowup1}.up2.vuuBackgroundCellDeprecated-arrowOnly>.vuuBackgroundCellDeprecated-flasher{animation-duration:30s;animation-name:reactarrowup2}.down1.vuuBackgroundCellDeprecated-arrowOnly>.vuuBackgroundCellDeprecated-flasher{animation-duration:30s;animation-name:reactarrowdown1}.down2.vuuBackgroundCellDeprecated-arrowOnly>.vuuBackgroundCellDeprecated-flasher{animation-duration:30s;animation-name:reactarrowdown2}.up1.vuuBackgroundCellDeprecated-arrowBackground>.vuuBackgroundCellDeprecated-flasher{animation-duration:30s;animation-name:reactbgarrowup1}.up2.vuuBackgroundCellDeprecated-arrowBackground>.vuuBackgroundCellDeprecated-flasher{animation-duration:30s;animation-name:reactbgarrowup2}.down1.vuuBackgroundCellDeprecated-arrowBackground>.vuuBackgroundCellDeprecated-flasher{animation-duration:30s;animation-name:reactbgarrowdown1}.down2.vuuBackgroundCellDeprecated-arrowBackground>.vuuBackgroundCellDeprecated-flasher{animation-duration:30s;animation-name:reactbgarrowdown2}@keyframes reactbgup1{0%{background-color:green}to{background-color:transparent}}@keyframes reactbgup2{0%{background-color:green}to{background-color:transparent}}@keyframes reactbgdown1{0%{background-color:red}to{background-color:transparent}}@keyframes reactbgdown2{0%{background-color:red}to{background-color:transparent}}@keyframes reactarrowup1{0%{color:#fff}to{color:transparent}}@keyframes reactarrowup2{0%{color:#fff}to{color:transparent}}@keyframes reactarrowdown1{0%{color:#fff}to{color:transparent}}@keyframes reactarrowdown2{0%{color:#fff}to{color:transparent}}@keyframes reactbgarrowup1{0%{color:green;background-color:green}20%{color:green;background-color:transparent}to{color:transparent;background-color:transparent}}@keyframes reactbgarrowup2{0%{color:green;background-color:green}20%{color:green;background-color:transparent}to{color:transparent;background-color:transparent}}@keyframes reactbgarrowdown1{0%{color:red;background-color:red}20%{color:red;background-color:transparent}to{color:transparent;background-color:transparent}}@keyframes reactbgarrowdown2{0%{color:red;background-color:red}20%{color:red;background-color:transparent}to{color:transparent;background-color:transparent}}.vuuProgressCell{align-items:center;display:flex}.vuuProgressCell-track{display:inline-block;flex:auto 1 1;height:4px;overflow:hidden;position:relative}.vuuProgressCell-bg{background-color:var(--salt-measured-background);display:inline-block;height:2px;left:0;position:absolute;top:1px;width:100%}.vuuProgressCell-bar{background-color:var(--salt-measured-fill);display:inline-block;height:100%;left:0;position:absolute;top:0;transform:translate(var(--progress-bar-pct, -100%));width:100%}.vuuProgressCell-text{flex:35px 0 0;text-align:right}.vuuTableNext td:has(> .vuuBackgroundCell){padding:0;text-align:right}.vuuBackgroundCell{color:var(--background-cell-color);padding-right:var(--salt-size-unit);position:relative;z-index:-1}.vuuBackgroundCell-flasher{background-color:var(--background-cell-background);position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1}.vuuBackgroundCell-flasher{text-align:left}.vuuBackgroundCell-flasher+.num{padding-left:8px}.right .vuuBackgroundCell-flasher{text-align:right}.right .vuuBackgroundCell-flasher+.num{padding-right:8px}.vuuBackgroundCell.up1{animation-duration:30s;animation-name:reactbgup1}.vuuBackgroundCell.up2{animation-duration:30s;animation-name:reactbgup2}.vuuBackgroundCell.down1{animation-duration:30s;animation-name:reactbgdown1}.vuuBackgroundCell.down2{animation-duration:30s;animation-name:reactbgdown2}.up1.vuuBackgroundCell-arrowOnly>.vuuBackgroundCell-flasher{animation-duration:30s;animation-name:reactarrowup1}.up2.vuuBackgroundCell-arrowOnly>.vuuBackgroundCell-flasher{animation-duration:30s;animation-name:reactarrowup2}.down1.vuuBackgroundCell-arrowOnly>.vuuBackgroundCell-flasher{animation-duration:30s;animation-name:reactarrowdown1}.down2.vuuBackgroundCell-arrowOnly>.vuuBackgroundCell-flasher{animation-duration:30s;animation-name:reactarrowdown2}.up1.vuuBackgroundCell-arrowBackground>.vuuBackgroundCell-flasher{animation-duration:30s;animation-name:reactbgarrowup1}.up2.vuuBackgroundCell-arrowBackground>.vuuBackgroundCell-flasher{animation-duration:30s;animation-name:reactbgarrowup2}.down1.vuuBackgroundCell-arrowBackground>.vuuBackgroundCell-flasher{animation-duration:30s;animation-name:reactbgarrowdown1}.down2.vuuBackgroundCell-arrowBackground>.vuuBackgroundCell-flasher{animation-duration:30s;animation-name:reactbgarrowdown2}@property --background-cell-background{syntax: "<color>"; initial-value: transparent; inherits: false;}@property --background-cell-color{syntax: "<color>"; initial-value: #15171B; inherits: false;}@keyframes reactbgup1{0%{--background-cell-background: var(--vuu-color-green-50);--background-cell-color: white}to{--background-cell-background: transparent;--background-cell-color: var(--vuu-color-gray-80)}}@keyframes reactbgup2{0%{--background-cell-background: var(--vuu-color-green-50);--background-cell-color: #ffffff}to{--background-cell-background: transparent;--background-cell-color: var(--vuu-color-gray-80)}}@keyframes reactbgdown1{0%{--background-cell-background: var(--vuu-color-red-50);--background-cell-color: white}to{--background-cell-background: transparent;--background-cell-color: var(--vuu-color-gray-80)}}@keyframes reactbgdown2{0%{--background-cell-background: var(--vuu-color-red-50);--background-cell-color: white}to{--background-cell-background: transparent;--background-cell-color: var(--vuu-color-gray-80)}}@keyframes reactarrowup1{0%{color:var(--salt-differential-positive-foreground)}to{color:transparent}}@keyframes reactarrowup2{0%{color:var(--salt-differential-positive-foreground)}to{color:transparent}}@keyframes reactarrowdown1{0%{color:var(--salt-differential-negative-foreground)}to{color:transparent}}@keyframes reactarrowdown2{0%{color:var(--salt-differential-negative-foreground)}to{color:transparent}}@keyframes reactbgarrowup1{0%{color:var(--salt-differential-positive-foreground);background-color:var(--vuu-color-green-50)}20%{color:var(--salt-differential-positive-foreground);background-color:transparent}to{color:transparent;background-color:transparent}}@keyframes reactbgarrowup2{0%{color:var(--salt-differential-positive-foreground);background-color:var(--vuu-color-green-50)}20%{color:var(--salt-differential-positive-foreground);background-color:transparent}to{color:transparent;background-color:transparent}}@keyframes reactbgarrowdown1{0%{color:var(--salt-differential-negative-foreground);background-color:var(--vuu-color-red-50)}20%{color:var(--salt-differential-negative-foreground);background-color:transparent}to{color:transparent;background-color:transparent}}@keyframes reactbgarrowdown2{0%{color:var(--salt-differential-negative-foreground);background-color:var(--vuu-color-red-50)}20%{color:var(--salt-differential-negative-foreground);background-color:transparent}to{color:transparent;background-color:transparent}}.vuuColumnList{--vuu-svg-function: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path d="M5.8625 10.5V9.625H6.72291L8.4875 7.59792L6.72291 5.54167H5.64375L4.60833 10.8792C4.53055 11.3167 4.36527 11.6545 4.1125 11.8927C3.85972 12.1309 3.53402 12.25 3.13541 12.25C2.7368 12.25 2.40382 12.1333 2.13645 11.9C1.86909 11.6667 1.73541 11.375 1.73541 11.025C1.73541 10.7625 1.80833 10.551 1.95416 10.3906C2.1 10.2302 2.28958 10.15 2.52291 10.15C2.72708 10.15 2.89479 10.2083 3.02604 10.325C3.15729 10.4417 3.22291 10.5972 3.22291 10.7917C3.22291 10.8986 3.20104 10.9983 3.15729 11.0906C3.11354 11.183 3.05277 11.2583 2.975 11.3167C3.01388 11.3361 3.0552 11.3507 3.09895 11.3604C3.1427 11.3701 3.18888 11.375 3.2375 11.375C3.36388 11.375 3.47083 11.3142 3.55833 11.1927C3.64583 11.0712 3.70902 10.9132 3.74791 10.7188L4.75416 5.54167H2.91666V4.66667H4.91458L5.22083 3.12083C5.30833 2.68333 5.48333 2.34549 5.74583 2.10729C6.00833 1.8691 6.33402 1.75 6.72291 1.75C7.12152 1.75 7.44965 1.86667 7.70729 2.1C7.96493 2.33333 8.09375 2.625 8.09375 2.975C8.09375 3.2375 8.02083 3.44896 7.875 3.60938C7.72916 3.76979 7.53958 3.85 7.30625 3.85C7.1118 3.85 6.94652 3.7941 6.81041 3.68229C6.6743 3.57049 6.60625 3.42222 6.60625 3.2375C6.60625 3.14028 6.62569 3.04549 6.66458 2.95312C6.70347 2.86076 6.75208 2.78542 6.81041 2.72708C6.79097 2.70764 6.7618 2.69063 6.72291 2.67604C6.68402 2.66146 6.64513 2.65417 6.60625 2.65417C6.47986 2.65417 6.37048 2.7125 6.27812 2.82917C6.18576 2.94583 6.12013 3.09653 6.08125 3.28125L5.81875 4.66667H8.575V5.54167H7.88958L9.1 6.94167L10.2375 5.54167H9.5375V4.66667H12.25V5.54167H11.4042L9.65416 7.59792L11.4042 9.625H12.25V10.5H9.5375V9.625H10.2375L9.07083 8.26875L7.875 9.625H8.575V10.5H5.8625Z"/></svg>');--vuuList-borderStyle: none;--vuuListItem-padding: 0;display:flex;flex-direction:column;width:252px}[data-icon=function]{--vuu-icon-svg: var(--vuu-svg-function)}.vuuColumnListItem{border-bottom:solid 1px var(--salt-separable-tertiary-borderColor);padding:0 6px 0 0}.vuuColumnList-switch{flex:0 0 32px}.vuuColumnList-text{flex:1 1 auto}.vuuColumnList-checkBox{flex:0 0 20px}.vuuColumnList-icon{--vuu-icon-color: var(--vuu-color-gray-45);--vuu-icon-size: 16px;--vuu-icon-width: 32px}.vuuColumnList-header{border-top:solid 2px var(--vuu-color-gray-30);flex:0 0 40px;font-size:14px;font-weight:600;padding-top:24px}.vuuColumnList-colHeadings{border-bottom:solid 2px var(--vuu-color-gray-30);color:var(--vuu-color-gray-50);display:flex;flex:0 0 24px;font-size:10px;justify-content:space-between;margin-top:16px;padding-bottom:8px}.vuuColumnExpressionInput{--vuuFilterEditor-background: var(--salt-container-primary-background);--vuuFilterEditor-color: var(--salt-text-primary-foreground);--vuuFilterEditor-fontFamily: var(--salt-typography-fontFamily);--vuuFilterEditor-fontSize: var(--salt-text-fontSize);--vuuFilterEditor-cursorColor: var(--salt-text-secondary-foreground);--vuuFilterEditor-selectionBackground: var(--salt-text-background-selected);--vuuFilterEditor-tooltipBackground: var(--salt-container-primary-background);--vuuFilterEditor-tooltipBorder: var(--tooltip-status-borderColor) var(--salt-container-borderWidth) var(--salt-container-borderStyle);--vuuFilterEditor-tooltipElevation: var(--salt-overlayable-shadow-popout);--vuuFilterEditor-suggestion-selectedBackground: var(--salt-selectable-background-selected);--vuuFilterEditor-suggestion-selectedColor: var(--salt-text-primary-foreground);--vuuFilterEditor-suggestion-detailColor: var(--salt-text-secondary-foreground-disabled);--vuuFilterEditor-suggestion-height: 24px;--vuuFilterEditor-variableColor: blue;align-items:center;box-sizing:border-box;height:30px}.vuuColumnExpressionInput-FilterButton,.vuuColumnExpressionInput-ClearButton{--vuu-icon-size: 12px;--saltButton-width: 28px}.expression-type-container{margin:0 3px 0 auto;color:var(--salt-text-secondary-foreground)}.expression-kind{display:inline-block;width:50px}.expression-type{display:inline-block;text-align:right;width:50px}.vuuSuggestion{display:flex;align-items:center}.vuuFunctionDoc .function-heading{display:flex;gap:3px}.vuuFunctionDoc .function-name{font-style:italic}.vuuFunctionDoc .param-list{font-style:italic;color:#00f;white-space:pre}.vuuFunctionDoc .function-type{margin-left:auto}.vuuFunctionDoc .example-container{background-color:var(--salt-container-secondary-background);margin:6px 0;padding:3px}.vuuFunctionDoc .example-expression{font-family:var(--salt-typography-fontFamily-code);margin-left:8px;margin-top:6px}.vuuFunctionDoc .example-result{margin-left:8px;margin-top:6px}.vuuColumnSettingsPanel{--vuu-svg-align-left: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M9.33333 10H2.66667C2.3 10 2 10.3 2 10.6667C2 11.0333 2.3 11.3333 2.66667 11.3333H9.33333C9.7 11.3333 10 11.0333 10 10.6667C10 10.3 9.7 10 9.33333 10ZM9.33333 4.66667H2.66667C2.3 4.66667 2 4.96667 2 5.33333C2 5.7 2.3 6 2.66667 6H9.33333C9.7 6 10 5.7 10 5.33333C10 4.96667 9.7 4.66667 9.33333 4.66667ZM2.66667 8.66667H13.3333C13.7 8.66667 14 8.36667 14 8C14 7.63333 13.7 7.33333 13.3333 7.33333H2.66667C2.3 7.33333 2 7.63333 2 8C2 8.36667 2.3 8.66667 2.66667 8.66667ZM2.66667 14H13.3333C13.7 14 14 13.7 14 13.3333C14 12.9667 13.7 12.6667 13.3333 12.6667H2.66667C2.3 12.6667 2 12.9667 2 13.3333C2 13.7 2.3 14 2.66667 14ZM2 2.66667C2 3.03333 2.3 3.33333 2.66667 3.33333H13.3333C13.7 3.33333 14 3.03333 14 2.66667C14 2.3 13.7 2 13.3333 2H2.66667C2.3 2 2 2.3 2 2.66667Z" /></svg>');--vuu-svg-align-right: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M2.66667 14H13.3333C13.7 14 14 13.7 14 13.3333C14 12.9667 13.7 12.6667 13.3333 12.6667H2.66667C2.3 12.6667 2 12.9667 2 13.3333C2 13.7 2.3 14 2.66667 14ZM6.66667 11.3333H13.3333C13.7 11.3333 14 11.0333 14 10.6667C14 10.3 13.7 10 13.3333 10H6.66667C6.3 10 6 10.3 6 10.6667C6 11.0333 6.3 11.3333 6.66667 11.3333ZM2.66667 8.66667H13.3333C13.7 8.66667 14 8.36667 14 8C14 7.63333 13.7 7.33333 13.3333 7.33333H2.66667C2.3 7.33333 2 7.63333 2 8C2 8.36667 2.3 8.66667 2.66667 8.66667ZM6.66667 6H13.3333C13.7 6 14 5.7 14 5.33333C14 4.96667 13.7 4.66667 13.3333 4.66667H6.66667C6.3 4.66667 6 4.96667 6 5.33333C6 5.7 6.3 6 6.66667 6ZM2 2.66667C2 3.03333 2.3 3.33333 2.66667 3.33333H13.3333C13.7 3.33333 14 3.03333 14 2.66667C14 2.3 13.7 2 13.3333 2H2.66667C2.3 2 2 2.3 2 2.66667Z" /></svg>');--vuu-svg-pin-left: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M7.33333 9.86V8.66666H13.3333C13.7 8.66666 14 8.36666 14 8C14 7.63333 13.7 7.33333 13.3333 7.33333L7.33333 7.33333V6.14C7.33333 5.84 6.97333 5.69333 6.76667 5.90666L4.90667 7.76666C4.77333 7.89999 4.77333 8.10666 4.90667 8.24L6.76667 10.1C6.97333 10.3067 7.33333 10.16 7.33333 9.86ZM2.66667 13.3333C3.03333 13.3333 3.33333 13.0333 3.33333 12.6667L3.33333 3.33333C3.33333 2.96666 3.03333 2.66666 2.66667 2.66666C2.3 2.66666 2 2.96666 2 3.33333L2 12.6667C2 13.0333 2.3 13.3333 2.66667 13.3333Z" /></svg>');--vuu-svg-pin-float: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M6 4.66667H4.66667V6H6V4.66667ZM6 7.33333H4.66667V8.66667H6V7.33333ZM6 2C5.26 2 4.66667 2.6 4.66667 3.33333H6V2ZM8.66667 10H7.33333V11.3333H8.66667V10ZM12.6667 2V3.33333H14C14 2.6 13.4 2 12.6667 2ZM8.66667 2H7.33333V3.33333H8.66667V2ZM6 11.3333V10H4.66667C4.66667 10.7333 5.26 11.3333 6 11.3333ZM12.6667 8.66667H14V7.33333H12.6667V8.66667ZM12.6667 6H14V4.66667H12.6667V6ZM12.6667 11.3333C13.4 11.3333 14 10.7333 14 10H12.6667V11.3333ZM2.66667 4.66667C2.3 4.66667 2 4.96667 2 5.33333V12.6667C2 13.4 2.6 14 3.33333 14H10.6667C11.0333 14 11.3333 13.7 11.3333 13.3333C11.3333 12.9667 11.0333 12.6667 10.6667 12.6667H4C3.63333 12.6667 3.33333 12.3667 3.33333 12V5.33333C3.33333 4.96667 3.03333 4.66667 2.66667 4.66667ZM10 3.33333H11.3333V2H10V3.33333ZM10 11.3333H11.3333V10H10V11.3333Z" /></svg>');--vuu-svg-pin-right: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.66667 6.14V7.33333H2.66667C2.3 7.33333 2 7.63333 2 8C2 8.36666 2.3 8.66666 2.66667 8.66666H8.66667V9.86C8.66667 10.16 9.02667 10.3067 9.23333 10.0933L11.0933 8.23333C11.2267 8.1 11.2267 7.89333 11.0933 7.76L9.23333 5.9C9.02667 5.69333 8.66667 5.84 8.66667 6.14ZM13.3333 13.3333C13.7 13.3333 14 13.0333 14 12.6667V3.33333C14 2.96666 13.7 2.66666 13.3333 2.66666C12.9667 2.66666 12.6667 2.96666 12.6667 3.33333V12.6667C12.6667 13.0333 12.9667 13.3333 13.3333 13.3333Z"/></svg>');--vuuDropdown-height: 24px;--vuuDropdown-width: 100%;--vuuIconToggleButton-iconSize: 16px;display:flex;flex-direction:column;gap:24px;height:100%;padding-top:24px}.vuuColumnSettingsPanel-header{border-top:solid 2px var(--vuu-color-gray-30);font-size:14px;font-weight:600;padding-top:24px}.vuuColumnSettingsPanel-buttonBar{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.vuuColumnSettingsPanel-buttonBar[data-align=right]{gap:6px;justify-content:flex-end}.vuuColumnSettingsPanel-buttonNavPrev{--vuu-icon-left: 6px;padding-left:24px}.vuuColumnSettingsPanel-buttonNavNext{--vuu-icon-left:calc(100% - 18px);padding-right:24px}[data-icon=align-left]{--vuu-icon-svg: var(--vuu-svg-align-left)}[data-icon=align-right]{--vuu-icon-svg: var(--vuu-svg-align-right)}[data-icon=pin-left]{--vuu-icon-svg: var(--vuu-svg-pin-left)}[data-icon=pin-float]{--vuu-icon-svg: var(--vuu-svg-pin-float)}[data-icon=pin-right]{--vuu-icon-svg: var(--vuu-svg-pin-right)}.vuuDatasourceStats{color:#000;display:flex;font-size:10px;gap:var(--salt-size-unit);padding:4px 0 0 12px}.vuuDatasourceStats-label{color:var(--vuu-color-gray-50)}.vuuTableSettingsPanel{--vuu-svg-text-strikethrough: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 24"><path d="M28.3333 9.33334C28.8867 9.33334 29.3333 8.88668 29.3333 8.33334C29.3333 7.78001 28.8867 7.33334 28.3333 7.33334H20.26L22.26 9.33334H23.48L23.1133 10.1867L24.5067 11.58L25.4733 9.33334H28.3333ZM27.6267 16.5867L18.7467 7.70668C18.4867 7.44668 18.0667 7.44668 17.8067 7.70668C17.5467 7.96668 17.5467 8.38668 17.8067 8.64668L21.98 12.82L20.88 15.38C20.62 15.9933 21.0667 16.6667 21.7267 16.6667C22.0933 16.6667 22.4267 16.4467 22.5733 16.1067L23.38 14.22L26.68 17.52C26.94 17.78 27.36 17.78 27.62 17.52C27.8867 17.2667 27.8867 16.8467 27.6267 16.5867Z"/></svg>');--vuu-svg-text-Tt: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 24"><path d="M17.6667 7.66666C17.6667 8.21999 18.1133 8.66666 18.6667 8.66666H21V15.6667C21 16.22 21.4467 16.6667 22 16.6667C22.5533 16.6667 23 16.22 23 15.6667V8.66666H25.3333C25.8867 8.66666 26.3333 8.21999 26.3333 7.66666C26.3333 7.11332 25.8867 6.66666 25.3333 6.66666H18.6667C18.1133 6.66666 17.6667 7.11332 17.6667 7.66666ZM29.3333 9.99999H25.3333C24.78 9.99999 24.3333 10.4467 24.3333 11C24.3333 11.5533 24.78 12 25.3333 12H26.3333V15.6667C26.3333 16.22 26.78 16.6667 27.3333 16.6667C27.8867 16.6667 28.3333 16.22 28.3333 15.6667V12H29.3333C29.8867 12 30.3333 11.5533 30.3333 11C30.3333 10.4467 29.8867 9.99999 29.3333 9.99999Z" /></svg>');--vuu-svg-text-T: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 24"><path d="M19.3333 7.66666C19.3333 8.21999 19.78 8.66666 20.3333 8.66666H23V15.6667C23 16.22 23.4467 16.6667 24 16.6667C24.5533 16.6667 25 16.22 25 15.6667V8.66666H27.6667C28.22 8.66666 28.6667 8.21999 28.6667 7.66666C28.6667 7.11332 28.22 6.66666 27.6667 6.66666H20.3333C19.78 6.66666 19.3333 7.11332 19.3333 7.66666Z"/></svg>');--vuu-svg-stripes: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><rect x="2" y="2" width="12" height="2" rx="0.3"/><rect x="2" y="5" width="12" height="2" rx="0.3"/><rect x="2" y="8" width="12" height="2" rx="0.3"/><rect x="2" y="11" width="12" height="2" rx="0.3"/></svg>');--vuu-svg-row-lines: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><rect x="2" y="3" width="12" height="1" rx="0.3" /><rect x="2" y="6" width="12" height="1" rx="0.3" /><rect x="2" y="9" width="12" height="1" rx="0.3" /><rect x="2" y="12" width="12" height="1" rx="0.3"/></svg>');--vuu-svg-col-lines: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><rect x="3" y="14" width="12" height="1" rx="0.3" transform="rotate(-90 3 14)"/><rect x="6" y="14" width="12" height="1" rx="0.3" transform="rotate(-90 6 14)"/><rect x="9" y="14" width="12" height="1" rx="0.3" transform="rotate(-90 9 14)"/><rect x="12" y="14" width="12" height="1" rx="0.3" transform="rotate(-90 12 14)"/></svg>');display:flex;flex-direction:column;gap:24px;height:100%;padding-top:24px}.vuuTableSettingsPanel [data-icon=text-strikethrough]{--vuu-icon-svg: var(--vuu-svg-text-strikethrough)}.vuuTableSettingsPanel [data-icon=text-Tt]{--vuu-icon-svg: var(--vuu-svg-text-Tt)}.vuuTableSettingsPanel [data-icon=text-T]{--vuu-icon-svg: var(--vuu-svg-text-T)}.vuuTableSettingsPanel [data-icon=col-lines]{--vuu-icon-svg: var(--vuu-svg-col-lines)}.vuuTableSettingsPanel [data-icon=row-lines]{--vuu-icon-svg: var(--vuu-svg-row-lines)}.vuuTableSettingsPanel [data-icon=row-striping]{--vuu-icon-svg: var(--vuu-svg-stripes)}.vuuTableSettingsPanel-header{border-top:solid 2px var(--vuu-color-gray-30);font-size:14px;font-weight:600;padding-top:24px}.vuuTableSettingsPanel .vuuColumnList{flex-grow:1;flex-shrink:1;flex-basis:0}.vuuTableSettingsPanel-calculatedButtonbar{--vuu-icon-size: 16px;--saltButton-height: 24px;--saltButton-width: 24px;align-items:center;display:flex;flex:0 0 32px;gap:12px}.vuuGridSeparators{--vuuIconToggleButton-iconSize: 16px}.vuuTableNext{--vuu-table-cell-outlineWidth: 1px;--table-height: var(--measured-px-height);--table-width: var(--measured-px-width);--vuu-table-next-selection-bookend-width: 4px;--columnResizer-color: transparent;--row-background: white;--cell-borderColor: transparent;--row-borderColor: var(--row-background);--table-background: var(--salt-container-primary-background);position:relative;user-select:none}.vuuTableNext-zebra{--row-background-even: var(--vuu-color-gray-25) }.vuuTableNext-colLines{--cell-borderColor: var(--salt-separable-tertiary-borderColor)}.vuuTableNext-rowLines{--row-borderColor: var(--salt-separable-tertiary-borderColor)}.vuuTableNext-scrollbarContainer{--scroll-content-width: 1100px;border-bottom:none!important;border-top:none!important;border-left:solid 1px var(--salt-container-primary-borderColor);height:var(--viewport-body-height);left:0px;overflow:auto;position:absolute;top:var(--total-header-height);width:var(--table-width)}.vuuTableNext-scrollbarContainer::-webkit-scrollbar{border:none;width:10px}.vuuTableNext-scrollbarContainer::-webkit-scrollbar:horizontal{height:10px}.vuuTableNext-scrollbarContainer::-webkit-scrollbar-track{background-color:#fff}.vuuTableNext-scrollbarContainer::-webkit-scrollbar-thumb{background-clip:padding-box;border-radius:10px;border:2px solid rgba(0,0,0,0);background-color:var(--vuu-color-gray-30)}.vuuTableNext-scrollbarContent{height:calc(var(--content-height) + var(--horizontal-scrollbar-height));position:absolute;width:var(--content-width)}.vuuTableNext-contentContainer{background-color:var(--salt-container-primary-background);height:calc(var(--table-height) - var(--horizontal-scrollbar-height));position:relative;overflow:auto;overscroll-behavior:none;width:calc(var(--table-width) - var(--vertical-scrollbar-width))}.vuuTableNext-contentContainer::-webkit-scrollbar{display:none}.vuuTableNext-table{position:absolute;top:0;left:0;table-layout:fixed;width:var(--content-width);margin:0;border:none;background-color:#fff;border-collapse:separate;border-spacing:0}.vuuTableNext-body{height:var(--content-height)}.vuuPinLeft,.vuuPinRight{background-color:inherit;position:sticky;z-index:1}.vuuTableNext-col-headings{background-color:#fff;padding:0 var(--vuu-table-next-selection-bookend-width, 0);position:sticky;top:0;z-index:1}.vuuTableNext-col-headers{background-color:var(--table-background);white-space:nowrap}.sizer-cell{background-color:green!important;border:none!important;height:0px}.vuuDraggable-vuuTableNext{--header-height: 25px;--vuuTableNextHeaderCell-background: var(--vuu-color-gray-25)}.vuuTableDropdownCell{--vuu-icon-height: 15px;--salt-focused-outlineStyle: none;--saltButton-borderRadius: 4px;font-weight:500}.vuuTableDropdownCell button:focus-visible{--saltButton-borderColor: var(--vuu-color-purple-10);--saltButton-borderWidth: 2px;padding-left:3px}.vuuTableInputCell.saltInput-primary{--salt-focused-outlineStyle: none;--saltInput-height: 17px;--saltInput-minHeight: 17px;border-radius:4px;font-weight:500}.vuuTableNextCell:focus .vuuTableInputCell.saltInput-primary,.vuuTableInputCell.saltInput-primary.saltInput-focused{border:solid 2px var(--vuu-color-purple-10);padding:0 3px}.vuuTableInputCell-icon{--vuu-icon-height: 13px;--vuu-icon-size: 15px;--vuu-icon-width: 12px;border-radius:10px}.vuuTableNextCell:focus .vuuTableInputCell.saltInput-primary.vuuTableInputCell-error,.vuuTableInputCell.saltInput-primary.saltInput-focused.vuuTableInputCell-error{border:solid 2px var(--vuu-color-red-50)}.vuuTableInputCell-error.saltInput-primary{border:solid 1px var(--vuu-color-red-50)}.vuuSearchCell{--vuu-icon-left: 0;--vuu-icon-size: 16px;--vuu-icon-top: 0px;align-items:center;color:var(--background-cell-color);display:flex;gap:4px;padding:0 8px;position:relative;z-index:-1}.vuuInstrumentSearch{height:100%;padding:var(--vuuInstrumentSearch-padding, 12px);display:flex;flex-direction:column}.vuuInstrumentSearch-inputField{--vuu-icon-size: 16px;flex:0 0 40px}.vuuInstrumentSearch-list{background-color:var(--salt-container-primary-background);flex:1 1 auto}.vuuInstrumentSearch .vuuTableNextCell{padding:0}@property --price-ticker-color{syntax: "<color>"; initial-value: #15171B; inherits: false;}.vuuPriceTicker{align-items:center;display:flex;font-size:var(--vuuPriceTicker-fontSize, var(--salt-text-fontSize));font-weight:var(--vuuPriceTicker-fontWeight, 700);transition-property:color;transition-duration:.3s}.vuuPriceTicker.up1,.vuuPriceTicker.up2{--vuu-icon-color: var(--vuu-color-green-50);color:var(--vuu-color-green-50);animation-duration:30s}.vuuPriceTicker.down1,.vuuPriceTicker.down2{--vuu-icon-transform: rotate(180deg);--vuu-icon-color: var(--vuu-color-red-50);color:var(--vuu-color-red-50);animation-duration:30s}.vuuTabstrip{--vuuOverflowContainer-background: transparent;--tabstrip-dragging-display: none;--tabstrip-display: inline-flex;--tabstrip-background: transparent;align-self:var(--saltTabs-tabstrip-alignSelf, stretch);display:flex;font-size:var(--salt-text-fontSize);font-weight:var(--vuuTabstrip-fontWeight, var(--salt-text-fontWeight));min-width:28px;position:relative;overflow:visible;width:var(--tabstrip-width)}.vuuTabstrip-horizontal{--tabstrip-height: var(--vuuTabstrip-height, 28px);--tabstrip-width: var(--vuuTabstrip-width, 100%);--tab-height: var(--tabstrip-height);--tab-width: auto;--tab-thumb-height: 2px;--tab-thumb-left: var(--tab-thumb-offset, 0);--tab-thumb-top: auto;--tab-thumb-width: var(--tab-thumb-size, 100%);align-items:flex-start;border-bottom:var(--vuuTabstrip-borderBottom, solid 1px var(--salt-container-primary-borderColor))}.vuuTabstrip-vertical{--tabstrip-height: var(--vuuTabstrip-height, 100%);--tabstrip-width: var(--vuuTabstrip-width, 100px);--tab-height: 50px;--tab-width: 100%;--tab-thumb-height: 0;--tab-thumb-left: 0;--tab-thumb-top: var(--tab-thumb-offset, 0);--tab-thumb-width: 2px;align-self:flex-start;display:inline-flex}.vuuTabstrip-draggingTab .vuuTab{pointer-events:none}.vuuTabstrip-addTabButton{--saltButton-height: 20px;--saltButton-width: 20px}.vuuTabstrip-overflowMenu.vuuDropdown{--saltIcon-margin: 2px 0 0 0px}.vuuTabstrip-overflowMenu-open{--saltButton-background: var(--salt-actionable-secondary-background-active);--saltButton-text-color: var(--salt-actionable-secondary-text-color-active)}.vuuTabstrip-overflowMenu-open .saltButton{--saltIcon-color: var(--salt-actionable-secondary-foreground-active)}.vuuTabstrip-inner{width:100%;align-items:center;display:flex;flex-basis:auto;flex-grow:0;flex-shrink:1;flex-wrap:wrap;justify-content:flex-start;line-height:var(--tabstrip-height)}.vuuTabstrip-vertical .vuuTabstrip-inner{flex-direction:column;height:auto}.vuuTabstrip-centered .vuuTabstrip-inner{justify-content:center}.vuuDraggable[class*=vuuTabstrip]{--tabstrip-display: flex;--tabstrip-height: 100%;--tabstrip-dragging-display: block;--tabs-tab-background: var(--salt-navigable-primary-background-hover);--tabs-tab-before-content: "";--tabs-tab-before-background: var(--salt-navigable-indicator-hover);--tabs-tab-before-height: var(--tab-activationIndicator-thumb-height);--tabs-tab-before-inset: var(--tab-activationIndicator-inset);--tabs-tab-before-width: var(--tab-activationIndicator-thumb-width);--tabs-tab-cursor: var(--salt-draggable-grab-cursor-active);--tabs-tab-position: static;font-size:12px}.vuuDraggable-tabstrip-horizontal{--tab-thumb-height: 2px;--tab-thumb-left: 0px;--tabstrip-height: 28px;line-height:var(--tabstrip-height)}.vuuDraggable[class*=tabstrip] .vuuTab[aria-selected=true]:before{--tabs-tab-before-background: var(--salt-navigable-indicator-active)}.vuuTabstrip-overflowMenu-dropTarget:after{background:var(--salt-selectable-background-selected);content:"";position:absolute;height:2px;left:0;right:0;bottom:0}.vuuTabMenu{top:-2px}.vuuTab{--saltEditableLabel-padding: 0;--saltEditableLabel-height: calc(var(--tabstrip-height) - 2px);--saltInputLegacy-minWidth: 4em;--saltEditableLabel-top: 2px;--tab-background: var(--vuuTab-background, var(--salt-navigable-primary-background));--tab-cursor: pointer;--tab-position: relative}.vuuTab{align-items:center;align-self:stretch;background:var(--tab-background);border:none;border-radius:var(--vuuTab-borderRadius, 0);color:var(--salt-text-primary-foreground);cursor:var(--vuuTab-cursor, var(--tab-cursor));display:var(--tabstrip-display);gap:8px;height:var(--vuuTabHeight, var(--tab-height));letter-spacing:var(--vuuTab-letterSpacing, var(--tab-letterSpacing, 0));min-width:var(--vuuTab-minWidth, 40px);outline:none;padding:var(--vuuTab-padding, 0 24px);position:var(--vuuTab-position, var(--tab-position));user-select:none;width:var(--tab-width)}.vuuTab{margin:0 var(--tab-spacing) 0 0}.vuuTab-selected{background:var(--vuuTab-background-selected, var(--tab-background));color:var(--salt-text-primary-foreground);font-weight:var(--salt-navigable-fontWeight-active)}.vuuTab-main{align-items:center;border:none;color:inherit;cursor:inherit;display:flex;font-family:inherit;font-size:inherit;font-weight:inherit;height:calc(var(--tab-height) - var(--tab-thumb-height));margin-bottom:var(--tab-thumb-height);outline:none;position:relative}.vuuTab-closeable .vuuTab-main{border-right:solid transparent var(--salt-size-unit)}.vuuTab .vuuTab-closeButton{display:flex;align-items:center;justify-content:center}.vuuTab-close-icon{display:none}.salt-density-touch .vuuTab-close-icon,.salt-density-low .vuuTab-close-icon{display:block}.salt-density-touch .vuuTab-close-icon-small,.salt-density-low .vuuTab-close-icon-small{display:none}.vuuTab .vuuTab-text{display:inline-block;position:relative;overflow:hidden;text-align:var(--salt-text-textAlign-embedded);text-overflow:ellipsis;top:var(--vuuTab-top, var(--tab-top, auto));white-space:nowrap;z-index:var(--salt-zIndex-default)}.vuuTab .vuuTab-text:before{height:0;content:attr(data-text);display:block;visibility:hidden;font-weight:var(--salt-navigable-fontWeight-active)}.vuuTab-editing:after{content:"";position:absolute;top:0;left:0;right:0;bottom:2px;outline-color:var(--salt-focused-outlineColor);outline-style:var(--salt-focused-outlineStyle);outline-width:var(--salt-focused-outlineWidth);outline-offset:-2px}.vuuTab.vuuFocusVisible{background:var(--vuuTab-hover-background, var(--salt-navigable-primary-background-hover));outline-color:var(--vuuTab-focusVisible-color, var(--salt-focused-outlineColor));outline-style:dashed;outline-width:1px;outline-offset:-1px}.vuuTab:before{content:var(--tab-before-content, none);content:"";background:var(--tab-before-background);height:var(--tab-before-height);inset:var(--tab-before-inset);position:absolute;width:var(--tab-before-width);z-index:1}.vuuTabstrip-draggingTab .vuuTab-selected:before{--tab-before-content: "";--tab-before-background: var(--salt-navigable-indicator-color-active);--tab-before-height: var(--tab-thumb-height);--tab-before-inset: var(--tab-activationIndicator-inset);--tab-before-width: var(--tab-activationIndicator-thumb-width)}.vuuTab-selected:before{--tab-before-content: "";background:var(--salt-navigable-indicator-active);height:var(--tab-thumb-height);position:absolute;left:var(--tab-thumb-left);bottom:0px;top:var(--tab-thumb-top, auto);transition:var(--tab-thumb-transition, none);width:var(--tab-thumb-width, 100%)}.vuuTab:hover:not(.vuuTab-closeHover){background:var(--vuuTab-hover-background, var(--salt-navigable-primary-background-hover))}.vuuTree{--tree-node-collapse: var(--vuuTree-toggle-collapse, var(--svg-tree-node-collapse));--tree-node-expand: var(--vuuTree-toggle-expand, var(--svg-tree-node-expand));--tree-toggle-width: 12px;--tree-icon-color: var(--vuuTree-icon-color, #4c505b);--tree-node-expanded-transform: var(--vuuTree-node-expanded-transform, none);--tree-node-indent: 0px;--list-hilited-bg: var(--hw-list-hilited-bg, rgba(0, 0, 0, .1));--list-item-height: var(--hw-list-item-height, 30px);--list-item-padding: var(--hw-list-item-padding, 0 6px);--list-item-header-bg: var(--hw-list-item-header-bg, black);--list-item-header-color: var(--hw-list-item-header-color, white);--list-item-header-font-weight: bold;--list-item-header-twisty-color: black;--list-item-header-twisty-content: "";--list-item-header-twisty-top: 50%;--list-item-header-twisty-left: -18px;--list-item-header-twisty-right: auto;--list-item-selected-bg: var(--hw-list-selected-bg, #1ea7fd);--list-item-selected-color: white;--list-item-text-color: var(--hw-gray-800);--focus-visible-border-color: var(--hw-focus-visible-border-color, rgb(141, 154, 179));list-style:none;margin:0;padding:0 1px;font-size:var(--vuuTree-font-size, 14px);max-height:inherit;outline:none;overflow-y:auto;position:relative;user-select:none}.vuuTree-viewport{--list-item-height: 30px;box-sizing:border-box;max-height:inherit;overflow:auto}.vuuTree-scrollingContentContainer{box-sizing:inherit;position:relative}.vuuTree-scrollingContentContainer .vuuTreeNode{line-height:30px;position:absolute;top:0;left:0;right:0;will-change:transform}.vuuTreeNode{list-style:none}.vuuTreeNode:not([aria-expanded]),.vuuTreeNode[aria-expanded]>.vuuTreeNode-label{--checkbox-border-color: black;--checkbox-border-width: 1px;--checkbox-tick: black;--list-item-padding-left: 6px;--svg-toggle: var(--tree-node-collapse);align-items:center;color:var(--list-item-text-color);display:flex;flex-wrap:nowrap;height:var(--list-item-height);line-height:var(--list-item-height);padding:var(--list-item-padding);padding-left:var(--padding-left);position:relative;cursor:default;margin:0;white-space:nowrap}.vuuTreeNode:not([aria-expanded]){--padding-left: calc( var(--list-item-padding-left) + var(--tree-toggle-width) + var(--tree-node-indent) )}.vuuTreeNode[aria-expanded]>.vuuTreeNode-label{--padding-left: calc( var(--list-item-padding-left) + var(--tree-toggle-width) + var(--tree-node-indent) )}.vuuTreeNode-icon{background-color:var(--tree-icon-color);display:inline-block;height:18px;margin-right:6px;-webkit-mask:var(--vuu-icon-svg) center center/12px 12px no-repeat;mask:var(--vuu-icon-svg) center center/12px 12px no-repeat;flex:0 0 18px}.vuuTreeNode[aria-expanded]{flex-direction:column}.vuuTreeNode[aria-expanded]{flex-direction:column;height:auto}.vuuTreeNode>*[role=group]{padding-left:0}.vuuTreeNode{padding-left:calc(var(--padding-left) + var(--tree-node-indent))}.vuuTreeNode[aria-level="2"]{--tree-node-indent: 12px}.vuuTreeNode[aria-level="3"]{--tree-node-indent: 24px}.vuuTreeNode[aria-level="4"]{--tree-node-indent: 36px}.vuuTreeNode:not(.focusVisible):not(.hwListItemHeader):not([aria-expanded])[data-highlighted],.vuuTreeNode:not(.focusVisible):not(.hwListItemHeader)[aria-expanded][data-highlighted]>div:first-child{background-color:var(--list-hilited-bg)}.vuuTreeNode-toggle{cursor:pointer}.vuuTreeNode>.vuuTreeNode-toggle{display:inline-block;height:100%;left:0;position:absolute;width:calc(var(--list-item-padding-left) + var(--tree-toggle-width))}.vuuTreeNode[aria-expanded]>.vuuTreeNode-label:after{content:var(--list-item-header-twisty-content);-webkit-mask:var(--svg-toggle) center center/8px 8px no-repeat;mask:var(--svg-toggle) center center/8px 8px no-repeat;background-color:var(--list-item-header-twisty-color);height:18px;margin-top:-9px;left:var(--tree-node-indent);position:absolute;top:var(--list-item-header-twisty-top);transition:transform .3s;width:18px}.vuuTreeNode[aria-selected=true]{--list-item-header-twisty-color: var(--list-item-selected-color)}.vuuTreeNode:not(.focusVisible):focus{background-color:#0000001a}.vuuTreeNode:not([aria-expanded]).focusVisible:before,.vuuTreeNode[aria-expanded].focusVisible>div:first-child:before{content:"";position:absolute;top:0px;left:var(--tree-focus-offset, 0px);right:0;bottom:0px;border:dotted var(--focus-visible-border-color) 2px;background-color:var(--list-hilited-bg)}.vuuTreeNode[aria-expanded=false]>*:first-child:after{--svg-toggle: var(--tree-node-expand)}.vuuTreeNode[aria-expanded=true]>*:first-child:after{transform:var(--tree-node-expanded-transform)}.vuuTree:not(.checkbox-only) .vuuTreeNode:not([aria-expanded])[aria-selected=true],.vuuTree:not(.checkbox-only) .vuuTreeNode[aria-expanded][aria-selected=true]>div:first-child{--checkbox-border-color: var(--list-item-selected-color);--checkbox-tick: var(--list-item-selected-color);--focus-visible-border-color: var(--list-item-selected-color);background-color:var(--list-item-selected-bg);color:var(--list-item-selected-color)}.with-checkbox .vuuTreeNode{padding-left:28px}.with-checkbox .vuuTreeNode:before{border-style:solid;border-width:var(--checkbox-border-width);border-color:var(--checkbox-border-color);content:"";height:12px;left:3px;margin-top:-7px;position:absolute;top:50%;width:12px}.vuuView{border-color:var(--vuuView-borderColor, var(--salt-container-primary-borderColor));border-width:var(--vuuView-borderWidth, 1px);border-style:var(--vuuView-borderStyle, none);display:flex;flex-direction:column;margin:var(--vuuView-margin, 0px);min-height:50px;min-width:50px;outline:none;overflow:hidden;position:relative}.vuuView.focus-visible:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:dotted cornflowerblue 2px}.vuuView.dragging{box-shadow:0 6px 12px #0000002d}.vuuView-main{display:flex;flex-direction:var(--vuuView-flexDirection, column);flex-wrap:var(--vuuView-flex-wrap, nowrap);flex:1;overflow:hidden;position:relative}.vuuView-main>*{flex-basis:auto;flex-grow:var(--vuuView-flex-grow, 1);flex-shrink:var(--vuuView-flex-shrink, 1)}.vuuView-collapsed .vuuView-main{display:none}.vuuView-collapsed+.Splitter{display:none}.vuuView-collapsed .Toolbar-vertical{border-right:solid 1px var(--grey40)}.vuuView-collapsed .Toolbar-vertical .toolbar-title{display:none}.vuuHeader{--saltButton-height: 24px;--saltButton-width: 24px}.salt-density-high .vuuHeader{--saltToolbarField-marginTop: 0}.vuuMeasuredContainer{height:var(--vuuMeasuredContainer-height, var(--measured-css-height));width:var(--measured-css-width)}.vuuOverflowContainer{--item-gap: 2px;--overflow-direction: row;--overflow-width: 0px;--border-size: calc((var(--overflow-container-height) - 24px) / 2);background-color:var(--vuuOverflowContainer-background);height:var(--overflow-container-height)}.vuuOverflowContainer-horizontal{--item-align: center;--item-margin: 0 var(--item-gap) 0 var(--item-gap)}.vuuOverflowContainer-vertical{--item-align: stretch;--item-margin: var(--item-gap) 0 var(--item-gap) 0;--overflow-direction: column}.vuuOverflowContainer-wrapContainer{align-items:var(--item-align);display:flex;flex-direction:var(--overflow-direction);flex-wrap:wrap;height:var(--overflow-container-height);min-width:44px;overflow:hidden;position:relative;width:100%}.vuuOverflowContainer-wrapContainer.overflowed{--overflow-order: 2;--overflow-left: auto;--overflow-position: relative;--overflow-width: auto}.vuuOverflowContainer-item{align-items:inherit;display:flex;order:1;position:relative;height:var(--overflow-container-height);margin:var(--item-margin)}.vuuOverflowContainer-item[data-align=right]{margin-left:auto}.vuuOverflowContainer-item.wrapped{--overflow-item-bg: #ccc;order:3}.vuuOverflowContainer-item.vuuDraggable-dragAway,.vuuOverflowContainer-item:has(.vuuDraggable-dragAway){display:none}.vuuOverflowContainer-item.vuuDropTarget-settling{visibility:hidden}.vuuOverflowContainer-OverflowIndicator{align-items:center;background-color:transparent;display:flex;height:var(--overflow-container-height);order:var(--overflow-order, 99);overflow:hidden;left:var(--overflow-left, 100%);position:var(--overflow-position, absolute);width:var(--overflow-width)}.vuuDraggable-vuuOverflowContainer{align-items:center;display:flex;height:44px}.vuuPalette{--vuuList-borderStyle: none}.vuuPalette-horizontal{align-items:center;display:flex}.vuuPaletteItem{--vuu-icon-color: var(--salt-text-primary-foreground);--vuu-icon-left: 0;--vuu-icon-size: 16px;--vuu-icon-top: 11px;--list-item-text-padding: 0 0 0 calc(var(--salt-size-unit) * 3);border-bottom:solid 1px var(--salt-separable-tertiary-borderColor);padding-left:12px;font-size:12px;font-weight:600}.vuuSimpleDraggableWrapper>.vuuPaletteItem{--vuu-icon-color: var(--salt-selectable-foreground)}.salt-theme .vuuPaletteItem{font-size:11px;font-weight:400}.Tabs{display:flex;box-sizing:border-box;flex-direction:column}.Tabs-horizontal{--vuu-tabs-border-style: none solid none none;flex-direction:row}.Tabs .Toolbar:before{left:0;width:100%;bottom:0;height:1px;content:"";position:absolute;background:var(--grey60)}.vuuTabHeader{--saltTabs-activationIndicator-background: transparent;--saltToolbarField-marginTop: calc(var(--salt-size-unit) - 1px);border-color:var(--salt-container-primary-borderColor);border-style:var(--vuu-tabs-border-style, none none solid none);border-width:1px}.vuuTabHeader+.hwFlexbox,.vuuTabHeader+*{flex:1}.vuuTabHeader+.vuuView>.vuuHeader{height:0;overflow:hidden}.Layout-svg-button{--spacing-medium: 5px}.vuuToolbar{background:var(--vuuToolbar-background, inherit);height:var(--vuuToolbar-height, 36px)}.vuuToolbarItem{height:100%}.vuuToolbarItem.vuuFocusVisible{outline-color:var(--vuuToolbarItem-outlineColor, var(--salt-focused-outlineColor));outline-style:dashed;outline-width:1px;outline-offset:-1px}[data-design-mode=true] .Component{filter:grayscale(100%);opacity:.4}[data-design-mode=true] .Component:after{color:#000;content:"Component";height:12px;background-color:#ff0}.LayoutConfigurator{--margin-color: #f3cea5;--border-color: #fddda0;--padding-color: #c6d092;--content-color: #8cb6c0;display:flex;flex-direction:column;align-items:stretch;background-color:var(--margin-color)}.LayoutConfigurator .layout-outer{flex:1 1 auto;display:flex;flex-direction:column;align-items:stretch}.LayoutBox{--hw-control-font-size: 13px;--hw-text-input-bg: rgba(255, 255, 255, .3);--hwTextInput-padding: 3px;--hw-text-input-position: absolute;--hwTextInput-width: 30px;flex:1 1 auto}.LayoutBox>.layout-top{flex:0 0 40px;padding-left:12px;display:flex;flex-direction:row;align-items:center;position:relative}.LayoutBox>.layout-bottom{flex:0 0 40px;position:relative;display:flex;flex-direction:row;align-items:center}.LayoutBox>.layout-inner>.layout-right,.LayoutBox>.layout-inner>.layout-left{flex:0 0 40px;display:flex;flex-direction:column;justify-content:center;align-items:center}.layout-top,.layout-bottom{--hw-text-input-margin: 0 0 0 -15px}.layout-top>.layout-input,.layout-bottom>.layout-input{left:50%}.LayoutBox>.layout-inner{flex:1 1 auto;display:flex;flex-direction:row;align-items:stretch}.LayoutBox.layout-margin{background-color:var(--margin-color);border:dashed 2px black}.LayoutBox.layout-border{background-color:var(--border-color);border:solid 2px black}.LayoutBox.layout-padding{background-color:var(--padding-color);border:dashed 2px black}.LayoutBox .layout-content{flex:1 1 auto;background-color:var(--content-color);border:solid 2px #808080}.LayoutBox .layout-title{color:#161616;font-size:11px;left:4px;line-height:15px;position:absolute;top:1px}.hwLayoutTreeNode{cursor:default}.hwLayoutTreeNode:hover{background-color:#fff3}.hwLayoutTreeNode[aria-selected=true]{background-color:#6495ed;color:#fff}
+/* src/dock-layout/Drawer.css */
+.vuuDrawer {
+  --drawer-leading-edge-border: solid 1px var(--salt-container-primary-borderColor, none);
+  --vuu-close-icon-svg: var(--svg-chevron-double-right);
+  transition: flex-basis;
+  transition-duration: var(--drawer-transition-duration);
+  position: relative;
+  z-index: 1;
+  flex-basis: 0;
+  flex-grow: 1;
+  flex-shrink: 1;
+  min-width: 0;
+  min-height: 0;
+  display: flex;
+}
+.vuuDrawer-peekaboo {
+  flex-basis: var(--drawer-peek-size);
+  flex-grow: 0;
+  flex-shrink: 0;
+}
+.vuuDrawer-inline.vuuDrawer-open {
+  flex-basis: var(--drawer-size);
+  flex-grow: 0;
+  flex-shrink: 0;
+}
+.vuuDrawer-liner {
+  background-color: var(--drawer-bg);
+  overflow: hidden;
+  position: relative;
+}
+.vuuDrawer-content {
+  height: 100%;
+  overflow: hidden;
+  position: absolute;
+  top: 0;
+  right: var(--drawer-peek-size);
+  transition: right;
+  transition-duration: var(--drawer-transition-duration);
+  width: 100%;
+  flex: 1 1 100%;
+}
+.vuuDrawer-open .vuuDrawer-content {
+  right: 0;
+}
+.vuuDrawer-left {
+  border-right: var(--drawer-leading-edge-border);
+}
+.vuuDrawer-right {
+  border-left: var(--drawer-leading-edge-border);
+}
+.vuuDrawer-top {
+  border-bottom: var(--drawer-leading-edge-border);
+}
+.vuuDrawer-bottom {
+  border-top: var(--drawer-leading-edge-border);
+}
+.vuuDrawer-left .vuuDrawer-liner,
+.vuuDrawer-right .vuuDrawer-liner {
+  height: 100%;
+  transition: width;
+}
+.vuuDrawer-top .vuuDrawer-liner,
+.vuuDrawer-bottom .vuuDrawer-liner {
+  width: 100%;
+  transition: height;
+}
+.vuuDrawer-inline .vuuDrawer-liner {
+  width: 100%;
+  height: 100%;
+}
+.vuuDrawer-over .vuuDrawer-liner {
+  position: absolute;
+  transition-duration: 0.4s;
+}
+.vuuDrawer-over.vuuDrawer-left .vuuDrawer-liner {
+  top: 0;
+  left: 0;
+  width: 0;
+}
+.vuuDrawer-over.vuuDrawer-right .vuuDrawer-liner {
+  top: 0;
+  right: 0;
+  width: 0;
+}
+.vuuDrawer-over.vuuDrawer-top .vuuDrawer-liner {
+  height: 0;
+  top: 0;
+  left: 0;
+}
+.vuuDrawer-over.vuuDrawer-bottom .vuuDrawer-liner {
+  bottom: 0;
+  height: 0;
+  left: 0;
+}
+.vuuDrawer-left.vuuDrawer-over.vuuDrawer-peekaboo .vuuDrawer-liner,
+.vuuDrawer-right.vuuDrawer-over.vuuDrawer-peekaboo .vuuDrawer-liner {
+  width: var(--drawer-peek-size);
+}
+.vuuDrawer-top.vuuDrawer-over.vuuDrawer-peekaboo .vuuDrawer-liner,
+.vuuDrawer-bottom.vuuDrawer-over.vuuDrawer-peekaboo .vuuDrawer-liner {
+  height: var(--drawer-peek-size);
+}
+.vuuDrawer-left.vuuDrawer-over.vuuDrawer-open .vuuDrawer-liner,
+.vuuDrawer-right.vuuDrawer-over.vuuDrawer-open .vuuDrawer-liner {
+  width: var(--drawer-size);
+}
+.vuuDrawer-top.vuuDrawer-over.vuuDrawer-open .vuuDrawer-liner,
+.vuuDrawer-bottom.vuuDrawer-over.vuuDrawer-open .vuuDrawer-liner {
+  height: var(--drawer-size);
+}
+.vuuDrawer-top,
+.vuuDrawer-left {
+  order: 0;
+}
+.vuuDrawer-bottom,
+.vuuDrawer-right {
+  order: 99;
+}
+.vuuDrawer-left,
+.vuuDrawer-right {
+  flex-direction: column;
+}
+.vuuToggleButton-container {
+  --saltButton-height: 28px;
+  --saltButton-width: 28px;
+  --vuu-icon-size: 12px;
+  flex: 0 0 28px;
+}
+.vuuDrawer-open {
+  --vuu-close-icon-svg: var(--svg-chevron-double-left);
+}
+/* src/dock-layout/DockLayout.css */
+.vuuDockLayout {
+  --chest-bg: var(--hw-chest-bg, inherit);
+  --drawer-bg: var(--hw-drawer-bg, inherit);
+  --drawer-size: var(--hw-drawer-size, 200px);
+  --drawer-peek-size: var(--hw-drawer-peek-size, 32px);
+  --drawer-transition-duration: var(--hw-drawer-transition-duration, 0.4s);
+  background-color: var(--chest-bg);
+  display: flex;
+}
+.vuuDockLayout-horizontal {
+  flex-direction: row;
+}
+.vuuDockLayout-vertical {
+  flex-direction: column;
+}
+.vuuDockLayout-content {
+  background-color: var(--chest-bg);
+  flex-grow: 1;
+  flex-shrink: 1;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.vuuDockLayout-horizontal .vuuDockLayout-content {
+  flex-basis: 100%;
+}
+.vuuDockLayout-vertical .vuuDockLayout-content {
+  flex-basis: 100%;
+}
+/* src/Component.css */
+/* src/drag-drop/DropMenu.css */
+.vuuDropMenu {
+  margin-left: -50%;
+  margin-bottom: -50%;
+  background-color: white;
+  border: solid 1px var(--grey40);
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  padding: 3px;
+  border-radius: 3px;
+}
+.vuuDropMenu-left,
+.vuuDropMenu-right {
+  flex-direction: column;
+}
+.vuuDropMenu-bottom {
+  transform: translate(0, -30px);
+}
+.vuuDropMenu-right {
+  transform: translate(-20px, 0);
+}
+.vuuDropMenu-item {
+  --vuu-icon-size: 20px;
+  width: 32px;
+  height: 32px;
+  background-color: var(--grey20);
+  border-bottom: solid 1px var(--grey40);
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.vuuDropMenu-item .Icon {
+  transform: scale(1.25);
+  transform-origin: center center;
+}
+.vuuDropMenu-left .vuuDropMenu-item .hwIcon {
+  transform: scale(1.25) rotate(180deg);
+  transform-origin: center center;
+}
+.vuuDropMenu-top .vuuDropMenu-item .hwIcon {
+  transform: scale(1.25) rotate(270deg);
+  transform-origin: center center;
+}
+.vuuDropMenu-bottom .vuuDropMenu-item .hwIcon {
+  transform: scale(1.25) rotate(90deg);
+  transform-origin: center center;
+}
+.vuuDropMenu-item .hwIcon-path {
+  fill: grey;
+}
+.vuuDropMenu-item:hover {
+  background-color: rgba(200, 200, 200, 0.5);
+}
+.vuuDropMenu-item:hover .hwIcon-path-2 {
+  fill: blue;
+}
+.vuuDropMenu-item:last-child {
+  border-bottom: none;
+}
+/* src/drag-drop/DropTargetRenderer.css */
+#hw-drag-canvas {
+  visibility: hidden;
+  z-index: 10;
+  position: absolute;
+  top: 0px;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: transparent;
+}
+#hw-drag-canvas > svg {
+  position: absolute;
+}
+.drawing #hw-drag-canvas {
+  visibility: visible;
+}
+path.drop-target {
+  stroke: blue;
+  stroke-width: 4px;
+  fill: transparent;
+}
+path.drop-target.centre {
+  stroke: red;
+}
+#vuu-drop-outline {
+  fill: rgba(0, 0, 255, .3);
+  stroke: none;
+  stroke-dasharray: 4 2;
+}
+#hw-drop-guides {
+  fill: none;
+  stroke: rgba(0, 0, 0, 0.3);
+  stroke-dasharray: 2 3;
+}
+/* src/DraggableLayout.css */
+.DraggableLayout {
+  display: inline-block;
+  outline: none;
+}
+[data-dragging=true] {
+  position: absolute !important;
+  z-index: 100;
+}
+.vuuSimpleDraggableWrapper {
+  background-color: white;
+  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);
+}
+.vuuSimpleDraggableWrapper > * {
+  height: 100%;
+  width: 100%;
+}
+/* src/placeholder/Placeholder.css */
+.vuuPlaceholder {
+  flex-basis: 0;
+  flex-grow: 1;
+  flex-shrink: 1;
+}
+.vuuPlaceholder-shim {
+  flex-grow: 0;
+  flex-shrink: 0;
+}
+/* src/flexbox/Splitter.css */
+.vuuSplitter {
+  --splitter-background: var(--salt-separable-secondary-borderColor);
+  --splitter-borderColor: var(--salt-separable-secondary-borderColor);
+  --splitter-borderStyle: none;
+  --splitter-borderWidth: 0;
+  --splitter-size: 3px;
+  align-items: center;
+  background-color: var(--splitter-background);
+  border-color: var(--splitter-borderColor);
+  border-style: var(--splitter-borderStyle);
+  border-width: var(--splitter-borderWidth);
+  box-sizing: border-box;
+  display: flex;
+  justify-content: center;
+  position: relative;
+  outline: none;
+  z-index: 1;
+}
+.vuuSplitter:hover {
+  --splitter-background: var(--salt-separable-primary-borderColor);
+}
+.vuuSplitter-active {
+  --splitter-background: var(--salt-separable-primary-borderColor);
+}
+.vuuSplitter-column {
+  cursor: ns-resize;
+  height: var(--splitter-size);
+}
+.vuuSplitter:not(.vuuSplitter-column) {
+  cursor: ew-resize;
+  width: var(--splitter-size);
+}
+.vuuSplitter:before {
+  border: none;
+  border-radius: 0;
+  content: "";
+  display: block;
+  padding: 0;
+}
+.vuuSplitter-grab-zone {
+  position: absolute;
+  background-color: rgba(255, 0, 0, 0.01);
+  cursor: inherit;
+}
+.vuuSplitter-column .vuuSplitter-grab-zone {
+  left: 0;
+  right: 0;
+  top: -5px;
+  bottom: -5px;
+}
+.vuuSplitter:not(.vuuSplitter-column) .vuuSplitter-grab-zone {
+  left: -5px;
+  right: -5px;
+  top: 0;
+  bottom: 0;
+}
+.vuuSplitter-active:not(.vuuSplitter-column) .vuuSplitter-grab-zone {
+  background-color: rgba(255, 255, 255, .05);
+  left: -150px;
+  right: -150px;
+}
+.vuuSplitter:not(.vuuSplitter-column):before {
+  width: 1px;
+  height: 10px;
+  background: linear-gradient(to bottom, var(--grey900) 10%, transparent 10%, transparent 30%, var(--grey900) 30%, var(--grey900) 40%, transparent 40%, transparent 60%, var(--grey900) 60%, var(--grey900) 70%, transparent 70%, transparent 90%, var(--grey900) 90%);
+}
+.vuuSplitter-active.vuuSplitter-column:before {
+  background: linear-gradient(to right, #ffffff 10%, transparent 10%, transparent 30%, #ffffff 30%, #ffffff 40%, transparent 40%, transparent 60%, #ffffff 60%, #ffffff 70%, transparent 70%, transparent 90%, #ffffff 90%);
+}
+.vuuSplitter-active:not(.vuuSplitter-column):before {
+  background: linear-gradient(to bottom, #ffffff 10%, transparent 10%, transparent 30%, #ffffff 30%, #ffffff 40%, transparent 40%, transparent 60%, #ffffff 60%, #ffffff 70%, transparent 70%, transparent 90%, #ffffff 90%);
+}
+.vuuSplitter-column:before {
+  width: 10px;
+  height: 1px;
+  background: linear-gradient(to right, var(--grey900) 10%, transparent 10%, transparent 30%, var(--grey900) 30%, var(--grey900) 40%, transparent 40%, transparent 60%, var(--grey900) 60%, var(--grey900) 70%, transparent 70%, transparent 90%, var(--grey900) 90%);
+}
+/* src/flexbox/Flexbox.css */
+:root {
+  --hw-space-unit: 4px;
+  --hw-flex-gap: 3;
+  --hw-fluid-grid-col-bg: rgba(200, 200, 200, 0.3);
+}
+.hwFlexbox {
+  background-color: var(--container1-background);
+  box-sizing: border-box;
+  display: flex;
+  gap: calc(var(--spacing) * var(--space));
+  min-height: 0;
+  min-width: 0;
+  overflow: hidden;
+}
+.hwFlexbox-column {
+  flex-direction: column;
+}
+.hwFlexbox-row {
+  flex-direction: row;
+}
+.hwFlexbox > .Splitter {
+  flex-basis: auto;
+  flex-grow: 0;
+  flex-shrink: 0;
+}
+.hwFlexbox.full-page {
+  height: 100vh;
+  width: 100vw;
+}
+.flex-fill {
+  border-color: red;
+  flex: 0;
+  flex-grow: 1;
+  flex-shrink: 1;
+}
+.vuuView.flex-fill {
+  border-color: red;
+}
+/* src/flexbox/FluidGrid.css */
+:root {
+  --hw-space-unit: 4px;
+  --hw-fluid-grid-col-bg: rgba(252, 209, 232, 0.7);
+}
+.hwFluidGrid {
+  --gap: var(--gutter-width);
+  display: flex;
+  gap: calc(var(--grid-gap) * var(--hw-space-unit));
+  flex-wrap: wrap;
+  padding: 0;
+}
+.hwFluidGrid > * {
+  --gutter-width: calc(var(--hw-flex-gap) * var(--hw-space-unit));
+  --gutter-count: calc(var(--parent-col-count) - 1);
+  --total-gutter-width: calc(var(--gutter-count) * var(--gutter-width));
+  --available-width: calc(100% - var(--total-gutter-width));
+  flex-basis: 0;
+  flex-grow: 1;
+  flex-shrink: 1;
+  position: relative;
+}
+.hwFluidGrid > *:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  border: dashed 2px blue;
+}
+.hwFluidGrid > [data-xs] {
+  --internal-gutter-count: calc(var(--col-span) - 1);
+  --percent-width: calc(var(--col-span) / var(--parent-col-count));
+  --internal-gutter-width: calc(var(--internal-gutter-count) * var(--gutter-width));
+  flex-basis: calc(var(--available-width) * var(--percent-width) + var(--internal-gutter-width));
+  flex-grow: 0;
+}
+.hwFluidGrid > [data-xs="1"] {
+  --col-span: 1;
+}
+.hwFluidGrid > [data-xs="2"] {
+  --col-span: 2;
+}
+.hwFluidGrid > [data-xs="3"] {
+  --col-span: 3;
+}
+.hwFluidGrid > [data-xs="4"] {
+  --col-span: 4;
+}
+.hwFluidGrid > [data-xs="6"] {
+  --col-span: 6;
+}
+.hwFluidGrid > [data-xs="8"] {
+  --col-span: 8;
+}
+.hwFluidGrid > [data-xs="9"] {
+  --col-span: 9;
+}
+.hwFluidGrid > [data-xs="10"] {
+  --col-span: 10;
+}
+.hwFluidGrid > [data-xs="11"] {
+  --col-span: 11;
+}
+.hwFluidGrid > [data-xs="12"] {
+  --col-span: 12;
+}
+@media (min-width: 600px) {
+  .hwFluidGrid > [data-sm="1"] {
+    --col-span: 1;
+  }
+  .hwFluidGrid > [data-sm="2"] {
+    --col-span: 2;
+  }
+  .hwFluidGrid > [data-sm="3"] {
+    --col-span: 3;
+  }
+  .hwFluidGrid > [data-sm="4"] {
+    --col-span: 4;
+  }
+  .hwFluidGrid > [data-sm="6"] {
+    --col-span: 6;
+  }
+  .hwFluidGrid > [data-sm="8"] {
+    --col-span: 8;
+  }
+  .hwFluidGrid > [data-sm="9"] {
+    --col-span: 9;
+  }
+  .hwFluidGrid > [data-sm="10"] {
+    --col-span: 10;
+  }
+  .hwFluidGrid > [data-sm="11"] {
+    --col-span: 11;
+  }
+  .hwFluidGrid > [data-sm="12"] {
+    --col-span: 12;
+  }
+}
+.hwFluidGrid-show-grid {
+  --gutter-width: calc(var(--hw-flex-gap) * var(--hw-space-unit));
+  --grid-gutter-count: calc(var(--grid-col-count, var(--parent-col-count)) - 1);
+  --grid-total-gutter-width: calc(var(--grid-gutter-count) * var(--gutter-width));
+  --grid-available-width: calc(100% - var(--grid-total-gutter-width));
+  --grid-percent-width: calc(1 / var(--grid-col-count, var(--parent-col-count)));
+  --column-width: calc(var(--grid-available-width) * var(--grid-percent-width));
+  background: repeating-linear-gradient(to right, var(--hw-fluid-grid-col-bg) 0, var(--hw-fluid-grid-col-bg) var(--column-width), white var(--column-width), white calc(var(--column-width) + var(--gutter-width)));
+}
+/* src/layout-view/View.css */
+.vuuView {
+  border-color: var(--vuuView-borderColor, var(--salt-container-primary-borderColor));
+  border-width: var(--vuuView-borderWidth, 1px);
+  border-style: var(--vuuView-borderStyle, none);
+  display: flex;
+  flex-direction: column;
+  margin: var(--vuuView-margin, 0px);
+  min-height: 50px;
+  min-width: 50px;
+  outline: none;
+  overflow: hidden;
+  position: relative;
+}
+.vuuView.focus-visible:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  border: dotted cornflowerblue 2px;
+}
+.vuuView.dragging {
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+}
+.vuuView-main {
+  display: flex;
+  flex-direction: var(--vuuView-flexDirection, column);
+  flex-wrap: var(--vuuView-flex-wrap, nowrap);
+  flex: 1;
+  overflow: hidden;
+  position: relative;
+}
+.vuuView-main > * {
+  flex-basis: auto;
+  flex-grow: var(--vuuView-flex-grow, 1);
+  flex-shrink: var(--vuuView-flex-shrink, 1);
+}
+.vuuView-collapsed .vuuView-main {
+  display: none;
+}
+.vuuView-collapsed + .Splitter {
+  display: none;
+}
+.vuuView-collapsed .Toolbar-vertical {
+  border-right: solid 1px var(--grey40);
+}
+.vuuView-collapsed .Toolbar-vertical .toolbar-title {
+  display: none;
+}
+/* src/layout-header/Header.css */
+.vuuHeader {
+  --saltButton-height: 24px;
+  --saltButton-width: 24px;
+}
+.salt-density-high .vuuHeader {
+  --saltToolbarField-marginTop: 0;
+}
+/* src/measured-container/MeasuredContainer.css */
+.vuuMeasuredContainer {
+  height: var(--vuuMeasuredContainer-height, var(--measured-css-height));
+  width: var(--measured-css-width);
+}
+/* src/overflow-container/OverflowContainer.css */
+.vuuOverflowContainer {
+  --item-gap: 2px;
+  --overflow-direction: row;
+  --overflow-width: 0px;
+  --border-size: calc((var(--overflow-container-height) - 24px) / 2);
+  background-color: var(--vuuOverflowContainer-background);
+  height: var(--overflow-container-height);
+}
+.vuuOverflowContainer-horizontal {
+  --item-align: center;
+  --item-margin: 0 var(--item-gap) 0 var(--item-gap);
+}
+.vuuOverflowContainer-vertical {
+  --item-align: stretch;
+  --item-margin: var(--item-gap) 0 var(--item-gap) 0;
+  --overflow-direction: column;
+}
+.vuuOverflowContainer-wrapContainer {
+  align-items: var(--item-align);
+  display: flex;
+  flex-direction: var(--overflow-direction);
+  flex-wrap: wrap;
+  height: var(--overflow-container-height);
+  min-width: 44px;
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+}
+.vuuOverflowContainer-wrapContainer.overflowed {
+  --overflow-order: 2;
+  --overflow-left: auto;
+  --overflow-position: relative;
+  --overflow-width: auto;
+}
+.vuuOverflowContainer-item {
+  align-items: inherit;
+  display: flex;
+  order: 1;
+  position: relative;
+  height: var(--overflow-container-height);
+  margin: var(--item-margin);
+}
+.vuuOverflowContainer-item[data-align=right] {
+  margin-left: auto;
+}
+.vuuOverflowContainer-item.wrapped {
+  --overflow-item-bg: #ccc;
+  order: 3;
+}
+.vuuOverflowContainer-item.vuuDraggable-dragAway,
+.vuuOverflowContainer-item:has(.vuuDraggable-dragAway) {
+  display: none;
+}
+.vuuOverflowContainer-item.vuuDropTarget-settling {
+  visibility: hidden;
+}
+.vuuOverflowContainer-OverflowIndicator {
+  align-items: center;
+  background-color: transparent;
+  display: flex;
+  height: var(--overflow-container-height);
+  height: var(--overflow-container-height);
+  order: var(--overflow-order, 99);
+  overflow: hidden;
+  left: var(--overflow-left, 100%);
+  position: var(--overflow-position, absolute);
+  width: var(--overflow-width);
+}
+.vuuDraggable-vuuOverflowContainer {
+  align-items: center;
+  display: flex;
+  height: 44px;
+}
+/* src/palette/Palette.css */
+.vuuPalette {
+  --vuuList-borderStyle: none;
+}
+.vuuPalette-horizontal {
+  align-items: center;
+  display: flex;
+}
+.vuuPaletteItem {
+  --vuu-icon-color: var(--salt-text-primary-foreground);
+  --vuu-icon-left: 0;
+  --vuu-icon-size: 16px;
+  --vuu-icon-top: 11px;
+  --list-item-text-padding: 0 0 0 calc(var(--salt-size-unit) * 3);
+  border-bottom: solid 1px var(--salt-separable-tertiary-borderColor);
+  padding-left: 12px;
+  font-size: 12px;
+  font-weight: 600;
+}
+.vuuSimpleDraggableWrapper > .vuuPaletteItem {
+  --vuu-icon-color: var(--salt-selectable-foreground);
+}
+.salt-theme .vuuPaletteItem {
+  font-size: 11px;
+  font-weight: normal;
+}
+/* src/stack/Stack.css */
+.Tabs {
+  display: flex;
+  box-sizing: border-box;
+  flex-direction: column;
+}
+.Tabs-horizontal {
+  --vuu-tabs-border-style: none solid none none;
+  flex-direction: row;
+}
+.Tabs .Toolbar:before {
+  left: 0;
+  width: 100%;
+  bottom: 0;
+  height: 1px;
+  content: "";
+  position: absolute;
+  background: var(--grey60);
+}
+.vuuTabHeader {
+  --saltTabs-activationIndicator-background: transparent;
+  --saltToolbarField-marginTop: calc(var(--salt-size-unit) - 1px);
+  border-color: var(--salt-container-primary-borderColor);
+  border-style: var(--vuu-tabs-border-style, none none solid none);
+  border-width: 1px;
+}
+.vuuTabHeader + .hwFlexbox,
+.vuuTabHeader + * {
+  flex: 1;
+}
+.vuuTabHeader + .vuuView > .vuuHeader {
+  height: 0;
+  overflow: hidden;
+}
+.Layout-svg-button {
+  --spacing-medium: 5px;
+}
+/* src/toolbar/Toolbar.css */
+.vuuToolbar {
+  background: var(--vuuToolbar-background, inherit);
+  height: var(--vuuToolbar-height, 36px);
+}
+.vuuToolbarItem {
+  height: 100%;
+}
+.vuuToolbarItem.vuuFocusVisible {
+  outline-color: var(--vuuToolbarItem-outlineColor, var(--salt-focused-outlineColor));
+  outline-style: dashed;
+  outline-width: 1px;
+  outline-offset: -1px;
+}
+/* src/tools/devtools-box/layout-configurator.css */
+[data-design-mode=true] .Component {
+  filter: grayscale(100%);
+  opacity: 0.4;
+}
+[data-design-mode=true] .Component:after {
+  color: black;
+  content: "Component";
+  height: 12px;
+  background-color: yellow;
+}
+.LayoutConfigurator {
+  --margin-color: #f3cea5;
+  --border-color: #fddda0;
+  --padding-color: #c6d092;
+  --content-color: #8cb6c0;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  background-color: var(--margin-color);
+}
+.LayoutConfigurator .layout-outer {
+  flex: 1 1 auto;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+}
+.LayoutBox {
+  --hw-control-font-size: 13px;
+  --hw-text-input-bg: rgba(255, 255, 255, 0.3);
+  --hwTextInput-padding: 3px;
+  --hw-text-input-position: absolute;
+  --hwTextInput-width: 30px;
+  flex: 1 1 auto;
+}
+.LayoutBox > .layout-top {
+  flex: 0 0 40px;
+  padding-left: 12px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  position: relative;
+}
+.LayoutBox > .layout-bottom {
+  flex: 0 0 40px;
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.LayoutBox > .layout-inner > .layout-right,
+.LayoutBox > .layout-inner > .layout-left {
+  flex: 0 0 40px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+.layout-top,
+.layout-bottom {
+  --hw-text-input-margin: 0 0 0 -15px;
+}
+.layout-top > .layout-input,
+.layout-bottom > .layout-input {
+  left: 50%;
+}
+.LayoutBox > .layout-inner {
+  flex: 1 1 auto;
+  display: flex;
+  flex-direction: row;
+  align-items: stretch;
+}
+.LayoutBox.layout-margin {
+  background-color: var(--margin-color);
+  border: dashed 2px black;
+}
+.LayoutBox.layout-border {
+  background-color: var(--border-color);
+  border: solid 2px black;
+}
+.LayoutBox.layout-padding {
+  background-color: var(--padding-color);
+  border: dashed 2px black;
+}
+.LayoutBox .layout-content {
+  flex: 1 1 auto;
+  background-color: var(--content-color);
+  border: solid 2px #808080;
+}
+.LayoutBox .layout-title {
+  color: #161616;
+  font-size: 11px;
+  left: 4px;
+  line-height: 15px;
+  position: absolute;
+  top: 1px;
+}
+/* src/tools/devtools-tree/layout-tree-viewer.css */
+.hwLayoutTreeViewer {
+}
+.hwLayoutTreeNode {
+  cursor: default;
+}
+.hwLayoutTreeNode:hover {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+.hwLayoutTreeNode[aria-selected=true] {
+  background-color: cornflowerblue;
+  color: white;
+}
 /*# sourceMappingURL=index.css.map */