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

package/index.css

@@ -1,2 +1,3633 @@
-.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:1;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}.Splitter{--splitter-size: 3px;--splitter-border-width: 4px;--splitter-border-style: none;--splitter-border-color: white;align-items:center;background-color:var(--salt-palette-neutral-secondary-separator);border-color:var(--splitter-border-color);border-style:var(--splitter-border-style);box-sizing:border-box;display:flex;justify-content:center;position:relative;outline:none;z-index:1}.Splitter:hover{background-color:var(--salt-palette-neutral-primary-separator)}.active.Splitter{background-color:var(--salt-palette-interact-outline)}.Splitter.column{cursor:ns-resize;height:var(--splitter-size);border-width:var(--splitter-border-width) 0}.Splitter:not(.column){cursor:ew-resize;width:var(--splitter-size);border-width:0 var(--splitter-border-width)}.Splitter:before{border:none;border-radius:0;content:"";display:block;padding:0}.Splitter .grab-zone{position:absolute;background-color:#ff000003;cursor:inherit}.Splitter.column .grab-zone{left:0;right:0;top:-5px;bottom:-5px}.Splitter:not(.column) .grab-zone{left:-5px;right:-5px;top:0;bottom:0}.active.Splitter:not(.column) .grab-zone{background-color:#ffffff0d;left:-150px;right:-150px}.Splitter:not(.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%)}.active.Splitter.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%)}.active.Splitter:not(.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%)}.Splitter.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)))}.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}.vuuEditableLabel{--saltInput-background: transparent;--saltInput-minWidth: 14px;--saltInput-position: absolute;--editableLabel-padding: var(--saltEditableLabel-padding, 6px);--editableLabel-height: var(--saltEditableLabel-height, 26px);color:inherit;cursor:default;display:flex;flex-direction:column;font-size:var(--salt-text-fontSize);height:var(--editableLabel-height);justify-content:center;outline:none;padding:0 var(--editableLabel-padding);position:relative;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;display:block;flex:1;font:inherit;height:20px;margin:0;min-width:0;outline:none;padding:0}.saltHighlighter-highlight{font-weight:var(--salt-text-fontWeight-strong)}.vuuCheckboxIcon{--vuu-icon-size: 14px;--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, 14px);position:relative;width:var(--vuuCheckboxIcon-size, 14px)}.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.saltHighlighted{--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(--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.saltDisabled{--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}.vuuList{--list-background: var(--salt-container-primary-background);--list-borderStyle: var(--vuuList-borderStyle,--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;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;overflow-y:auto;position:relative;user-select:none;width:var(--saltList-width, auto)}.vuuList-borderless{--list-borderStyle: none}.vuuList-viewport{--list-item-height: 30px;max-height:calc(var(--list-maxHeight) - 2 * var(--list-borderWidth));overflow:auto}.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}.vuuTabstrip{--vuuOverflowContainer-background: transparent;--tabstrip-dragging-display: none;--tabstrip-display: inline-flex;--tabstrip-background: transparent;align-self:var(--saltTabs-tabstrip-alignSelf, stretch);font-size:var(--salt-text-fontSize);font-weight:var(--vuuTabstrip-fontWeight, var(--salt-text-fontWeight));position:relative;overflow:visible;display:flex;min-width:28px;width:var(--tabstrip-width)}.vuuTabstrip-horizontal{--tabstrip-height: var(--vuuTabstrip-height, 28px);--tabstrip-width: var(--vuuTabstrip-width, 100%);--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-width: 100%;--tab-thumb-height: var(--tab-thumb-size, 100%);--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.saltDropdown{--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: var(--tabstrip-height);--saltInputLegacy-minWidth: 4em;--saltEditableLabel-top: 3px;--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(--vuuTab-height, var(--tabstrip-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:var(--vuuTabstrip-height, var(--salt-size-stackable));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}.vuuOverflowContainer{--item-gap: 4px;--overflow-direction: row;--overflow-width: 0px;--overflow-order: 99;--border-size: calc((var(--overflow-container-height) - 24px) / 2);background-color:var(--vuuOverflowContainer-background, black);height:var(--overflow-container-height)}.vuuOverflowContainer-horizontal{--item-align: center;--item-margin: 0 0 0 var(--item-gap)}.vuuOverflowContainer-vertical{--item-align: stretch;--item-margin: var(--item-gap) 0 0 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:first-child{--item-gap: 0}.vuuOverflowContainer-item:first-child{--item-margin: 0}.vuuOverflowContainer-item{align-items:inherit;display:flex;order:1;position:relative;height:var(--overflow-container-height);margin:var(--item-margin)}.vuuOverflowContainer-item.wrapped{--overflow-item-bg: #ccc;order:3}.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);overflow:hidden;left:var(--overflow-left, 100%);position:var(--overflow-position, absolute);width:var(--overflow-width)}.vuuPalette-horizontal{align-items:center;display:flex}.vuuPaletteItem{--vuu-icon-color: var(--salt-separable-primary-borderColor);--vuu-icon-inset:calc(50% - 12px) auto auto -3px;--vuu-icon-height: 24px;--vuu-icon-width: 24px;--list-item-text-padding: 0 0 0 calc(var(--salt-size-unit) * 3)}.vuuPaletteItem[data-draggable]:after{height:22px;width:6px;content:"";position:absolute;background-image:linear-gradient(45deg,rgb(180,183,190) 25%,transparent 25%),linear-gradient(-45deg,rgb(180,183,190) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgb(180,183,190) 25%),linear-gradient(-45deg,transparent 75%,rgb(180,183,190) 25%);background-size:4px 4px;background-position:0 0,2px 0,2px -2px,0 2px}.vuuSimpleDraggableWrapper>.vuuPaletteItem{--vuu-icon-color: var(--salt-selectable-foreground)}.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}[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)));
+}
+
+/* ../vuu-ui-controls/src/dropdown/Dropdown.css */
+.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%;
+}
+
+/* ../vuu-ui-controls/src/dropdown/DropdownButton.css */
+.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;
+}
+
+/* ../vuu-ui-controls/src/list/Highlighter.css */
+.saltHighlighter-highlight {
+  font-weight: var(--salt-text-fontWeight-strong);
+}
+
+/* ../vuu-ui-controls/src/list/CheckboxIcon.css */
+.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: white;
+  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));
+}
+
+/* ../vuu-ui-controls/src/list/ListItem.css */
+.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: 0px;
+}
+.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: white;
+}
+.vuuListItem.vuuDraggable-dragAway {
+  display: none;
+}
+
+/* ../vuu-ui-controls/src/drag-drop/Draggable.css */
+.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) 0.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) 0.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;
+}
+
+/* ../vuu-ui-controls/src/list/List.css */
+.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 0.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;
+}
+
+/* ../vuu-ui-controls/src/list/RadioIcon.css */
+.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));
+}
+
+/* ../vuu-ui-controls/src/list/ChevronIcon.css */
+.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);
+}
+
+/* ../vuu-ui-controls/src/editable-label/EditableLabel.css */
+.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;
+}
+
+/* ../vuu-ui-controls/src/expando-input/ExpandoInput.css */
+.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;
+}
+
+/* ../vuu-ui-controls/src/inputs/Checkbox.css */
+.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;
+}
+
+/* ../vuu-ui-controls/src/inputs/RadioButton.css */
+.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;
+}
+
+/* ../vuu-table/src/table/ColumnResizer.css */
+.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));
+}
+
+/* ../vuu-table/src/table/TableCell.css */
+.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) white;
+  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: white;
+  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;
+}
+
+/* ../vuu-table/src/table/TableGroupCell.css */
+.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 0.25s;
+  transform: var(--toggle-icon-transform);
+}
+
+/* ../vuu-table/src/table/TableRow.css */
+.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);
+}
+
+/* ../vuu-table/src/table/TableGroupHeaderCell.css */
+.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;
+}
+
+/* ../vuu-table/src/table/SortIndicator.css */
+.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;
+}
+
+/* ../vuu-table/src/table/TableHeaderCell.css */
+.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 0px 5px rgba(0, 0, 0, 0.4);
+  content: "";
+  position: absolute;
+  width: 1px;
+  background-color: transparent;
+  height: var(--table-height);
+  top: 0;
+  right: 0px;
+}
+[role=headerCell].vuuPinRight.vuuEndPin:after {
+  box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.3);
+  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;
+}
+
+/* ../vuu-table/src/table/filter-indicator.css */
+.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;
+}
+
+/* ../vuu-table/src/table/RowBasedTable.css */
+.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;
+}
+
+/* ../vuu-table/src/table/Table.css */
+.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: 0px -1px 0px 0px 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;
+}
+
+/* ../vuu-table/src/table/Table-loading.css */
+.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 {
+  --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: translateX(-100%);
+  top: var(--header-height);
+  width: var(--content-width);
+}
+@keyframes shimmer {
+  100% {
+    transform: translateX(100%);
+  }
+}
+
+/* ../vuu-table/src/table/cell-renderers/json-cell/JsonCell.css */
+.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;
+}
+
+/* ../vuu-table/src/table-next/column-resizing/ColumnResizer.css */
+.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;
+}
+
+/* ../vuu-table/src/table-next/column-header-pill/ColumnHeaderPill.css */
+.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: white;
+  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;
+}
+
+/* ../vuu-table/src/table-next/column-header-pill/GroupColumnPill.css */
+.vuuSortPosition {
+  font-size: 11px;
+  font-weight: 700;
+  padding-top: 1px;
+}
+
+/* ../vuu-table/src/table-next/column-header-pill/SortIndicator.css */
+.vuuSortPosition {
+  font-size: 11px;
+  font-weight: 700;
+  padding-top: 1px;
+}
+
+/* ../vuu-table/src/table-next/header-cell/GroupHeaderCell.css */
+.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;
+}
+
+/* ../vuu-table/src/table-next/column-menu/ColumnMenu.css */
+.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 rgba(0, 0, 0, 0.175);
+  border-color: var(--vuuMenuList-borderColor, var(--salt-container-primary-borderColor));
+  border-style: solid;
+  border-width: 1px;
+}
+
+/* ../vuu-table/src/table-next/header-cell/HeaderCell.css */
+.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 0px rgba(0, 0, 0, 0.10);
+  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 0px rgba(0, 0, 0, 0.10);
+  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;
+}
+
+/* ../vuu-table/src/table-next/table-cell/TableCell.css */
+.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) white;
+  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;
+}
+
+/* ../vuu-table/src/table-next/table-cell/TableGroupCell.css */
+.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 0.25s;
+  transform: var(--toggle-icon-transform);
+}
+.vuuTableNextGroupCell-spacer {
+  width: var(--group-cell-spacer-width);
+}
+
+/* ../vuu-table/src/table-next/Row.css */
+.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: rgb(235, 235, 236);
+}
+.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 5px 5px 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 {
+  --vuu-selection-decorator-bg: white;
+}
+.vuuTableNextRow-selectedEnd {
+  --vuu-selection-decorator-bg: white;
+}
+.vuuTableNextRow-selectedStart.vuuTableNextRow-selectedEnd {
+}
+.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);
+}
+
+/* ../vuu-table-extras/src/cell-renderers/background-cell/BackgroundCell.css */
+.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;
+}
+
+/* ../vuu-table-extras/src/cell-renderers/background-cell/FlashingBackground.css */
+@keyframes reactbgup1 {
+  from {
+    background-color: green;
+  }
+  to {
+    background-color: transparent;
+  }
+}
+@keyframes reactbgup2 {
+  from {
+    background-color: green;
+  }
+  to {
+    background-color: transparent;
+  }
+}
+@keyframes reactbgdown1 {
+  from {
+    background-color: red;
+  }
+  to {
+    background-color: transparent;
+  }
+}
+@keyframes reactbgdown2 {
+  from {
+    background-color: red;
+  }
+  to {
+    background-color: transparent;
+  }
+}
+@keyframes reactarrowup1 {
+  from {
+    color: white;
+  }
+  to {
+    color: transparent;
+  }
+}
+@keyframes reactarrowup2 {
+  from {
+    color: white;
+  }
+  to {
+    color: transparent;
+  }
+}
+@keyframes reactarrowdown1 {
+  from {
+    color: white;
+  }
+  to {
+    color: transparent;
+  }
+}
+@keyframes reactarrowdown2 {
+  from {
+    color: white;
+  }
+  to {
+    color: transparent;
+  }
+}
+@keyframes reactbgarrowup1 {
+  0% {
+    color: green;
+    background-color: green;
+  }
+  20% {
+    color: green;
+    background-color: transparent;
+  }
+  100% {
+    color: transparent;
+    background-color: transparent;
+  }
+}
+@keyframes reactbgarrowup2 {
+  0% {
+    color: green;
+    background-color: green;
+  }
+  20% {
+    color: green;
+    background-color: transparent;
+  }
+  100% {
+    color: transparent;
+    background-color: transparent;
+  }
+}
+@keyframes reactbgarrowdown1 {
+  0% {
+    color: red;
+    background-color: red;
+  }
+  20% {
+    color: red;
+    background-color: transparent;
+  }
+  100% {
+    color: transparent;
+    background-color: transparent;
+  }
+}
+@keyframes reactbgarrowdown2 {
+  0% {
+    color: red;
+    background-color: red;
+  }
+  20% {
+    color: red;
+    background-color: transparent;
+  }
+  100% {
+    color: transparent;
+    background-color: transparent;
+  }
+}
+
+/* ../vuu-table-extras/src/cell-renderers/progress-cell/ProgressCell.css */
+.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: translateX(var(--progress-bar-pct, -100%));
+  width: 100%;
+}
+.vuuProgressCell-text {
+  flex: 35px 0 0;
+  text-align: right;
+}
+
+/* ../vuu-table-extras/src/cell-renderers-next/background-cell/BackgroundCell.css */
+.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;
+}
+
+/* ../vuu-table-extras/src/cell-renderers-next/background-cell/FlashingBackground.css */
+@property --background-cell-background { syntax: "<color>"; initial-value: transparent; inherits: false; }
+@property --background-cell-color { syntax: "<color>"; initial-value: #15171B; inherits: false; }
+@keyframes reactbgup1 {
+  from {
+    --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 {
+  from {
+    --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 {
+  from {
+    --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 {
+  from {
+    --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 {
+  from {
+    color: var(--salt-differential-positive-foreground);
+  }
+  to {
+    color: transparent;
+  }
+}
+@keyframes reactarrowup2 {
+  from {
+    color: var(--salt-differential-positive-foreground);
+  }
+  to {
+    color: transparent;
+  }
+}
+@keyframes reactarrowdown1 {
+  from {
+    color: var(--salt-differential-negative-foreground);
+  }
+  to {
+    color: transparent;
+  }
+}
+@keyframes reactarrowdown2 {
+  from {
+    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;
+  }
+  100% {
+    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;
+  }
+  100% {
+    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;
+  }
+  100% {
+    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;
+  }
+  100% {
+    color: transparent;
+    background-color: transparent;
+  }
+}
+
+/* ../vuu-table-extras/src/column-list/ColumnList.css */
+.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;
+}
+
+/* ../vuu-table-extras/src/column-expression-input/ColumnExpressionInput.css */
+.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: blue;
+  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;
+}
+
+/* ../vuu-table-extras/src/column-settings/ColumnSettingsPanel.css */
+.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);
+}
+
+/* ../vuu-table-extras/src/datasource-stats/DatasourceStats.css */
+.vuuDatasourceStats {
+  color: black;
+  display: flex;
+  font-size: 10px;
+  gap: var(--salt-size-unit);
+  padding: 4px 0 0 12px;
+}
+.vuuDatasourceStats-label {
+  color: var(--vuu-color-gray-50);
+}
+
+/* ../vuu-table-extras/src/table-settings/TableSettingsPanel.css */
+.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;
+}
+
+/* ../vuu-table/src/table-next/TableNext.css */
+.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: white;
+}
+.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: white;
+  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);
+}
+
+/* ../vuu-table/src/table-next/cell-renderers/dropdown-cell/DropdownCell.css */
+.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;
+}
+
+/* ../vuu-table/src/table-next/cell-renderers/input-cell/InputCell.css */
+.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);
+}
+
+/* ../vuu-ui-controls/src/instrument-search/SearchCell.css */
+.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 0 8px;
+  position: relative;
+  z-index: -1;
+}
+
+/* ../vuu-ui-controls/src/instrument-search/InstrumentSearch.css */
+.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;
+}
+
+/* ../vuu-ui-controls/src/price-ticker/PriceTicker.css */
+@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 {
+  --vuu-icon-color: var(--vuu-color-green-50);
+  color: var(--vuu-color-green-50);
+  animation-duration: 30s;
+}
+.vuuPriceTicker.up2 {
+  --vuu-icon-color: var(--vuu-color-green-50);
+  color: var(--vuu-color-green-50);
+  animation-duration: 30s;
+}
+.vuuPriceTicker.down1 {
+  --vuu-icon-transform: rotate(180deg);
+  --vuu-icon-color: var(--vuu-color-red-50);
+  color: var(--vuu-color-red-50);
+  animation-duration: 30s;
+}
+.vuuPriceTicker.down2 {
+  --vuu-icon-transform: rotate(180deg);
+  --vuu-icon-color: var(--vuu-color-red-50);
+  color: var(--vuu-color-red-50);
+  animation-duration: 30s;
+}
+
+/* ../vuu-ui-controls/src/tabstrip/Tabstrip.css */
+.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;
+}
+
+/* ../vuu-ui-controls/src/tabstrip/TabMenu.css */
+.vuuTabMenu {
+  top: -2px;
+}
+
+/* ../vuu-ui-controls/src/tabstrip/Tab.css */
+.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));
+}
+
+/* ../vuu-ui-controls/src/tree/Tree.css */
+.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, 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: 0px;
+}
+.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 0.3s;
+  width: 18px;
+}
+.vuuTreeNode[aria-selected=true] {
+  --list-item-header-twisty-color: var(--list-item-selected-color);
+}
+.vuuTreeNode:not(.focusVisible):focus {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+.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;
+}
+
+/* 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 */