@vuu-ui/vuu-theme 0.8.7 → 0.8.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.css +1 -1
- package/index.css.map +3 -3
- package/package.json +1 -1
package/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.vuu-theme{color:var(--salt-text-primary-foreground);font-family:var(--salt-typography-fontFamily);font-size:var(--salt-text-fontSize);letter-spacing:var(--salt-text-letterSpacing);line-height:var(--salt-text-lineHeight)}::selection{background:var(--salt-text-background-selected)}.vuu-theme[data-mode=light]{color-scheme:light}.vuu-theme[data-mode=dark]{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}.salt-visuallyHidden{position:absolute;height:1px;width:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.vuu-density-touch,.vuu-density-low,.vuu-density-medium,.vuu-density-high{--salt-animation-opacity-start: 0;--salt-animation-opacity-end: 1;--salt-animation-scale-start: 0;--salt-animation-scale-end: 1;--salt-animation-transform-start: 100%;--salt-animation-transform-end: 0;--salt-animation-duration: .3s;--salt-animation-timing-function: ease-in;--salt-animation-slide-in-top: slide-in-top var(--salt-animation-duration) var(--salt-animation-timing-function);--salt-animation-slide-in-left: slide-in-left var(--salt-animation-duration) var(--salt-animation-timing-function);--salt-animation-slide-in-right: slide-in-right var(--salt-animation-duration) var(--salt-animation-timing-function);--salt-animation-slide-in-bottom: slide-in-bottom var(--salt-animation-duration) var(--salt-animation-timing-function);--salt-animation-slide-out-top: slide-out-top var(--salt-animation-duration) var(--salt-animation-timing-function) both;--salt-animation-slide-out-left: slide-out-left var(--salt-animation-duration) var(--salt-animation-timing-function) both;--salt-animation-slide-out-right: slide-out-right var(--salt-animation-duration) var(--salt-animation-timing-function) both;--salt-animation-slide-out-bottom: slide-out-bottom var(--salt-animation-duration) var(--salt-animation-timing-function) both;--salt-animation-fade-in-back: fade-in-back var(--salt-animation-duration) var(--salt-animation-timing-function);--salt-animation-fade-in-forward: fade-in-forward var(--salt-animation-duration) var(--salt-animation-timing-function);--salt-animation-fade-in-center: fade-in-center var(--salt-animation-duration) var(--salt-animation-timing-function);--salt-animation-fade-out-back: fade-out-back var(--salt-animation-duration) ease-out both}@keyframes slide-in-top{0%{opacity:var(--salt-animation-opacity-start);transform:translateY(var(--salt-animation-transform-start))}to{opacity:var(--salt-animation-opacity-end);transform:translateY(var(--salt-animation-transform-end))}}@keyframes slide-out-top{0%{opacity:var(--salt-animation-opacity-end);transform:translateY(var(--salt-animation-transform-end))}to{opacity:var(--salt-animation-opacity-start);transform:translateY(var(--salt-animation-transform-start))}}@keyframes slide-in-left{0%{opacity:var(--salt-animation-opacity-start);transform:translate(calc(-1 * var(--salt-animation-transform-start)))}to{opacity:var(--salt-animation-opacity-end);transform:translate(var(--salt-animation-transform-end))}}@keyframes slide-out-left{0%{opacity:var(--salt-animation-opacity-end);transform:translate(var(--salt-animation-transform-end))}to{opacity:var(--salt-animation-opacity-start);transform:translate(calc(-1 * var(--salt-animation-transform-start)))}}@keyframes slide-in-right{0%{opacity:var(--salt-animation-opacity-start);transform:translate(var(--salt-animation-transform-start))}to{opacity:var(--salt-animation-opacity-end);transform:translate(var(--salt-animation-transform-end))}}@keyframes slide-out-right{0%{opacity:var(--salt-animation-opacity-end);transform:translate(var(--salt-animation-transform-end))}to{opacity:var(--salt-animation-opacity-start);transform:translate(var(--salt-animation-transform-start))}}@keyframes slide-in-bottom{0%{opacity:var(--salt-animation-opacity-start);transform:translateY(calc(-1 * var(--salt-animation-transform-start)))}to{opacity:var(--salt-animation-opacity-end);transform:translateY(var(--salt-animation-transform-end))}}@keyframes slide-out-bottom{0%{opacity:var(--salt-animation-opacity-end);transform:translateY(var(--salt-animation-transform-end))}to{opacity:var(--salt-animation-opacity-start);transform:translateY(calc(-1 * var(--salt-animation-transform-start)))}}@keyframes fade-in-back{0%{--salt-animation-scale-start: 1.4;opacity:var(--salt-animation-opacity-start);transform:scale(var(--salt-animation-scale-start))}to{opacity:var(--salt-animation-opacity-end);transform:scale(var(--salt-animation-scale-end))}}@keyframes fade-in-forward{0%{--salt-animation-scale-start: .6;opacity:var(--salt-animation-opacity-start);transform:scale(var(--salt-animation-scale-start))}to{opacity:var(--salt-animation-opacity-end);transform:scale(var(--salt-animation-scale-end))}}@keyframes fade-in-center{0%{opacity:var(--salt-animation-opacity-start)}to{opacity:var(--salt-animation-opacity-end)}}@keyframes fade-out-back{0%{opacity:var(--salt-animation-opacity-end)}to{opacity:var(--salt-animation-opacity-start)}}.vuu-theme{--vuu-color-transparent: transparent;--vuu-color-black: black;--vuu-color-white: white;--vuu-color-purple-10: rgb(109,24,189);--vuu-color-pink-10: rgb(234, 120, 128);--vuu-color-gray-05: rgb(237, 237, 237);--vuu-color-gray-10: rgb(228, 227, 231);--vuu-color-gray-20: rgb(245, 242, 248);--vuu-color-gray-40: rgb(169, 170, 173);--vuu-color-gray-50: rgb(96, 100, 119);--vuu-color-gray-80: rgb(21, 23, 27);--salt-color-white: rgb(255, 255, 255);--salt-color-black: rgb(0, 0, 0);--salt-color-red-10: rgb(255, 227, 224);--salt-color-red-20: rgb(255, 207, 201);--salt-color-red-30: rgb(255, 187, 178);--salt-color-red-40: rgb(255, 167, 156);--salt-color-red-50: rgb(255, 148, 133);--salt-color-red-100: rgb(255, 128, 111);--salt-color-red-200: rgb(255, 108, 88);--salt-color-red-300: rgb(255, 89, 66);--salt-color-red-400: rgb(237, 65, 42);--salt-color-red-500: rgb(227, 43, 22);--salt-color-red-600: rgb(196, 32, 16);--salt-color-red-700: rgb(166, 21, 11);--salt-color-red-800: rgb(136, 10, 5);--salt-color-red-900: rgb(65, 37, 34);--salt-color-orange-10: rgb(255, 232, 191);--salt-color-orange-20: rgb(254, 223, 166);--salt-color-orange-30: rgb(254, 214, 142);--salt-color-orange-40: rgb(254, 205, 118);--salt-color-orange-50: rgb(254, 197, 94);--salt-color-orange-100: rgb(250, 181, 81);--salt-color-orange-200: rgb(246, 165, 68);--salt-color-orange-300: rgb(242, 149, 56);--salt-color-orange-400: rgb(238, 133, 43);--salt-color-orange-500: rgb(234, 115, 25);--salt-color-orange-600: rgb(224, 101, 25);--salt-color-orange-700: rgb(214, 85, 19);--salt-color-orange-800: rgb(204, 68, 13);--salt-color-orange-900: rgb(54, 44, 36);--salt-color-green-10: rgb(209, 244, 201);--salt-color-green-20: rgb(184, 232, 182);--salt-color-green-30: rgb(160, 221, 164);--salt-color-green-40: rgb(136, 210, 145);--salt-color-green-50: rgb(112, 199, 127);--salt-color-green-100: rgb(93, 189, 116);--salt-color-green-200: rgb(77, 180, 105);--salt-color-green-300: rgb(60, 171, 96);--salt-color-green-400: rgb(48, 156, 90);--salt-color-green-500: rgb(36, 135, 75);--salt-color-green-600: rgb(24, 114, 61);--salt-color-green-700: rgb(12, 93, 46);--salt-color-green-800: rgb(1, 73, 32);--salt-color-green-900: rgb(35, 52, 43);--salt-color-teal-10: rgb(218, 240, 240);--salt-color-teal-20: rgb(199, 232, 232);--salt-color-teal-30: rgb(180, 224, 225);--salt-color-teal-40: rgb(162, 217, 218);--salt-color-teal-50: rgb(141, 205, 209);--salt-color-teal-100: rgb(123, 193, 200);--salt-color-teal-200: rgb(99, 181, 192);--salt-color-teal-300: rgb(73, 160, 172);--salt-color-teal-400: rgb(48, 149, 166);--salt-color-teal-500: rgb(0, 130, 151);--salt-color-teal-600: rgb(27, 107, 133);--salt-color-teal-700: rgb(0, 85, 113);--salt-color-teal-800: rgb(1, 65, 86);--salt-color-teal-900: rgb(0, 49, 76);--salt-color-blue-10: rgb(203, 231, 249);--salt-color-blue-20: rgb(183, 222, 246);--salt-color-blue-30: rgb(164, 213, 244);--salt-color-blue-40: rgb(144, 204, 242);--salt-color-blue-50: rgb(125, 195, 240);--salt-color-blue-100: rgb(100, 177, 228);--salt-color-blue-200: rgb(75, 159, 216);--salt-color-blue-300: rgb(51, 141, 205);--salt-color-blue-400: rgb(46, 132, 198);--salt-color-blue-500: rgb(38, 112, 169);--salt-color-blue-600: rgb(21, 92, 147);--salt-color-blue-700: rgb(0, 71, 123);--salt-color-blue-800: rgb(39, 60, 77);--salt-color-blue-900: rgb(35, 47, 56);--salt-color-purple-10: rgb(249, 224, 247);--salt-color-purple-20: rgb(247, 212, 244);--salt-color-purple-30: rgb(245, 201, 241);--salt-color-purple-40: rgb(243, 189, 238);--salt-color-purple-50: rgb(241, 178, 235);--salt-color-purple-100: rgb(223, 156, 225);--salt-color-purple-200: rgb(205, 135, 215);--salt-color-purple-300: rgb(192, 116, 203);--salt-color-purple-400: rgb(169, 97, 181);--salt-color-purple-500: rgb(150, 78, 162);--salt-color-purple-600: rgb(129, 60, 141);--salt-color-purple-700: rgb(103, 46, 122);--salt-color-purple-800: rgb(83, 37, 109);--salt-color-purple-900: rgb(59, 16, 84);--salt-color-gray-10: rgb(242, 244, 246);--salt-color-gray-20: rgb(234, 237, 239);--salt-color-gray-30: rgb(224, 228, 233);--salt-color-gray-40: rgb(217, 221, 227);--salt-color-gray-50: rgb(206, 210, 217);--salt-color-gray-60: rgb(197, 201, 208);--salt-color-gray-70: rgb(180, 183, 190);--salt-color-gray-80: rgb(159, 163, 170);--salt-color-gray-90: rgb(132, 135, 142);--salt-color-gray-100: rgb(116, 119, 127);--salt-color-gray-200: rgb(97, 101, 110);--salt-color-gray-300: rgb(76, 80, 91);--salt-color-gray-400: rgb(68, 72, 79);--salt-color-gray-500: rgb(59, 63, 70);--salt-color-gray-600: rgb(47, 49, 54);--salt-color-gray-700: rgb(42, 44, 47);--salt-color-gray-800: rgb(36, 37, 38);--salt-color-gray-900: rgb(22, 22, 22)}.vuu-theme{--salt-duration-instant: 0ms;--salt-duration-perceptible: .3s;--salt-duration-notable: 1s;--salt-duration-cutoff: 10s}.vuu-theme{--salt-color-blue-100-fade-foreground: rgba(100, 177, 228, var(--salt-palette-opacity-disabled));--salt-color-blue-500-fade-foreground: rgba(38, 112, 169, var(--salt-palette-opacity-disabled));--salt-color-blue-600-fade-foreground: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));--salt-color-gray-200-fade-foreground: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));--salt-color-gray-70-fade-foreground: rgba(180, 183, 190, var(--salt-palette-opacity-disabled));--salt-color-gray-90-fade-foreground: rgba(132, 135, 142, var(--salt-palette-opacity-disabled));--salt-color-gray-900-fade-foreground: rgba(22, 22, 22, var(--salt-palette-opacity-disabled));--salt-color-green-300-fade-foreground: rgba(60, 171, 96, var(--salt-palette-opacity-disabled));--salt-color-green-400-fade-foreground: rgba(48, 156, 90, var(--salt-palette-opacity-disabled));--salt-color-green-500-fade-foreground: rgba(36, 135, 75, var(--salt-palette-opacity-disabled));--salt-color-green-700-fade-foreground: rgba(12, 93, 46, var(--salt-palette-opacity-disabled));--salt-color-red-300-fade-foreground: rgba(255, 89, 66, var(--salt-palette-opacity-disabled));--salt-color-red-500-fade-foreground: rgba(227, 43, 22, var(--salt-palette-opacity-disabled));--salt-color-red-700-fade-foreground: rgba(166, 21, 11, var(--salt-palette-opacity-disabled));--salt-color-white-fade-foreground: rgba(255, 255, 255, var(--salt-palette-opacity-disabled));--salt-color-blue-500-fade-border: rgba(38, 112, 169, var(--salt-palette-opacity-disabled));--salt-color-gray-60-fade-border: rgba(197, 201, 208, var(--salt-palette-opacity-disabled));--salt-color-gray-90-fade-border: rgba(132, 135, 142, var(--salt-palette-opacity-disabled));--salt-color-gray-200-fade-border: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));--salt-color-gray-300-fade-border: rgba(76, 80, 91, var(--salt-palette-opacity-disabled));--salt-color-green-400-fade-border: rgba(48, 156, 90, var(--salt-palette-opacity-disabled));--salt-color-green-500-fade-border: rgba(36, 135, 75, var(--salt-palette-opacity-disabled));--salt-color-orange-400-fade-border: rgba(238, 133, 43, var(--salt-palette-opacity-disabled));--salt-color-orange-500-fade-border: rgba(234, 115, 25, var(--salt-palette-opacity-disabled));--salt-color-orange-600-fade-border: rgba(224, 101, 25, var(--salt-palette-opacity-disabled));--salt-color-orange-700-fade-border: rgba(214, 85, 19, var(--salt-palette-opacity-disabled));--salt-color-red-500-fade-border: rgba(227, 43, 22, var(--salt-palette-opacity-disabled));--salt-color-gray-90-fade-border-readonly: rgba(132, 135, 142, var(--salt-palette-opacity-border-readonly));--salt-color-gray-200-fade-border-readonly: rgba(97, 101, 110, var(--salt-palette-opacity-border-readonly));--salt-color-blue-30-fade-background: rgba(164, 213, 244, var(--salt-palette-opacity-disabled));--salt-color-blue-500-fade-background: rgba(38, 112, 169, var(--salt-palette-opacity-disabled));--salt-color-blue-600-fade-background: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));--salt-color-blue-700-fade-background: rgba(0, 71, 123, var(--salt-palette-opacity-disabled));--salt-color-gray-20-fade-background: rgba(234, 237, 239, var(--salt-palette-opacity-disabled));--salt-color-gray-60-fade-background: rgba(197, 201, 208, var(--salt-palette-opacity-disabled));--salt-color-gray-70-fade-background: rgba(180, 183, 190, var(--salt-palette-opacity-disabled));--salt-color-gray-200-fade-background: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));--salt-color-gray-300-fade-background: rgba(76, 80, 91, var(--salt-palette-opacity-disabled));--salt-color-gray-600-fade-background: rgba(47, 49, 54, var(--salt-palette-opacity-disabled));--salt-color-gray-800-fade-background: rgba(36, 37, 38, var(--salt-palette-opacity-disabled));--salt-color-white-fade-background: rgba(255, 255, 255, var(--salt-palette-opacity-disabled));--salt-color-white-fade-background-readonly: rgba(255, 255, 255, var(--salt-palette-opacity-background-readonly));--salt-color-gray-20-fade-background-readonly: rgba(234, 237, 239, var(--salt-palette-opacity-background-readonly));--salt-color-gray-600-fade-background-readonly: rgba(47, 49, 54, var(--salt-palette-opacity-background-readonly));--salt-color-gray-800-fade-background-readonly: rgba(36, 37, 38, var(--salt-palette-opacity-background-readonly));--salt-color-black-fade-backdrop: rgba(36, 37, 38, var(--salt-palette-opacity-backdrop));--salt-color-blue-100-fade-fill: rgba(100, 177, 228, var(--salt-palette-opacity-disabled));--salt-color-blue-600-fade-fill: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));--salt-color-white-fade-separatorOpacity-primary: rgba(255, 255, 255, var(--salt-palette-opacity-primary-border));--salt-color-white-fade-separatorOpacity-secondary: rgba(255, 255, 255, var(--salt-palette-opacity-secondary-border));--salt-color-white-fade-separatorOpacity-tertiary: rgba(255, 255, 255, var(--salt-palette-opacity-tertiary-border));--salt-color-black-fade-separatorOpacity-primary: rgba(0, 0, 0, var(--salt-palette-opacity-primary-border));--salt-color-black-fade-separatorOpacity-secondary: rgba(0, 0, 0, var(--salt-palette-opacity-secondary-border));--salt-color-black-fade-separatorOpacity-tertiary: rgba(0, 0, 0, var(--salt-palette-opacity-tertiary-border))}.vuu-density-touch{--salt-icon-size-base: 16px;--salt-icon-size-status-adornment: 12px}.vuu-density-low{--salt-icon-size-base: 14px;--salt-icon-size-status-adornment: 10px}.vuu-density-medium{--salt-icon-size-base: 12px;--salt-icon-size-status-adornment: 8px}.vuu-density-high{--salt-icon-size-base: 10px;--salt-icon-size-status-adornment: 6px}.vuu-theme{--salt-opacity-0: 0;--salt-opacity-8: .08;--salt-opacity-15: .15;--salt-opacity-25: .25;--salt-opacity-40: .4;--salt-opacity-70: .7}.vuu-theme[data-mode=light]{--salt-shadow-1-color: rgba(0, 0, 0, .1);--salt-shadow-2-color: rgba(0, 0, 0, .1);--salt-shadow-3-color: rgba(0, 0, 0, .15);--salt-shadow-4-color: rgba(0, 0, 0, .2);--salt-shadow-5-color: rgba(0, 0, 0, .3)}.vuu-theme[data-mode=dark]{--salt-shadow-1-color: rgba(0, 0, 0, .5);--salt-shadow-2-color: rgba(0, 0, 0, .5);--salt-shadow-3-color: rgba(0, 0, 0, .55);--salt-shadow-4-color: rgba(0, 0, 0, .55);--salt-shadow-5-color: rgba(0, 0, 0, .65)}.vuu-theme{--salt-shadow-0: none;--salt-shadow-1: 0 1px 3px 0 var(--salt-shadow-1-color);--salt-shadow-2: 0 2px 4px 0 var(--salt-shadow-2-color);--salt-shadow-3: 0 4px 8px 0 var(--salt-shadow-3-color);--salt-shadow-4: 0 6px 10px 0 var(--salt-shadow-4-color);--salt-shadow-5: 0 12px 40px 0 var(--salt-shadow-5-color)}.vuu-density-touch,.vuu-density-low,.vuu-density-medium,.vuu-density-high{--salt-size-basis-unit: 4px;--salt-size-adornmentGap: calc(.75 * var(--salt-size-unit));--salt-size-container-spacing: calc(3 * var(--salt-size-unit));--salt-size-separator-strokeWidth: 1px;--salt-size-selectable: calc(var(--salt-size-base) - (1.5 * var(--salt-size-unit)) - (.5 * var(--salt-size-basis-unit)));--salt-size-separator-height: calc(var(--salt-size-compact) + 1.5 * var(--salt-size-basis-unit));--salt-size-sharktooth-height: 5px;--salt-size-sharktooth-width: 10px;--salt-size-stackable: calc(var(--salt-size-base) + var(--salt-size-unit))}.vuu-density-high{--salt-size-unit: calc(var(--salt-size-basis-unit) * 1);--salt-size-compact: calc(var(--salt-size-basis-unit) * 1.5);--salt-size-accent: calc(var(--salt-size-basis-unit) * .5);--salt-size-adornment: 6px;--salt-size-bar: 2px;--salt-size-base: 20px;--salt-size-border: 1px;--salt-size-selectable: 12px;--salt-size-icon: 12px}.vuu-density-medium{--salt-size-unit: calc(var(--salt-size-basis-unit) * 2);--salt-size-compact: calc(var(--salt-size-basis-unit) * 2);--salt-size-accent: calc(var(--salt-size-basis-unit) * 1);--salt-size-adornment: 8px;--salt-size-bar: 4px;--salt-size-base: 28px;--salt-size-border: 1px;--salt-size-selectable: 14px;--salt-size-icon: 12px}.vuu-density-low{--salt-size-unit: calc(var(--salt-size-basis-unit) * 3);--salt-size-compact: calc(var(--salt-size-basis-unit) * 2.5);--salt-size-accent: calc(var(--salt-size-basis-unit) * 1.5);--salt-size-adornment: 10px;--salt-size-bar: 6px;--salt-size-base: 36px;--salt-size-border: 1px;--salt-size-selectable: 16px;--salt-size-icon: 14px}.vuu-density-touch{--salt-size-unit: calc(var(--salt-size-basis-unit) * 4);--salt-size-compact: calc(var(--salt-size-basis-unit) * 3);--salt-size-accent: calc(var(--salt-size-basis-unit) * 2);--salt-size-adornment: 12px;--salt-size-bar: 8px;--salt-size-base: 44px;--salt-size-border: 1px;--salt-size-selectable: 18px;--salt-size-icon: 16px}.vuu-density-touch{--salt-spacing-100: 16px}.vuu-density-low{--salt-spacing-100: 12px}.vuu-density-medium{--salt-spacing-100: 8px}.vuu-density-high{--salt-spacing-100: 4px}.vuu-density-touch,.vuu-density-low,.vuu-density-medium,.vuu-density-high{--salt-spacing-25: calc(.25 * var(--salt-spacing-100));--salt-spacing-50: calc(.5 * var(--salt-spacing-100));--salt-spacing-75: calc(.75 * var(--salt-spacing-100));--salt-spacing-150: calc(1.5 * var(--salt-spacing-100));--salt-spacing-200: calc(2 * var(--salt-spacing-100));--salt-spacing-250: calc(2.5 * var(--salt-spacing-100));--salt-spacing-300: calc(3 * var(--salt-spacing-100));--salt-spacing-350: calc(3.5 * var(--salt-spacing-100));--salt-spacing-400: calc(4 * var(--salt-spacing-100))}.vuu-theme{--salt-typography-fontFamily: "Nunito Sans";--salt-typography-fontFamily-code: "PT Mono";--salt-typography-fontWeight-light: 300;--salt-typography-fontWeight-regular: 400;--salt-typography-fontWeight-medium: 500;--salt-typography-fontWeight-semiBold: 600;--salt-typography-fontWeight-bold: 700;--salt-typography-fontWeight-extraBold: 800}.vuu-density-touch,.vuu-density-low,.vuu-density-medium,.vuu-density-high{--salt-zIndex-default: 1;--salt-zIndex-popout: 1000;--salt-zIndex-docked: 1050;--salt-zIndex-appHeader: 1100;--salt-zIndex-drawer: 1200;--salt-zIndex-modal: 1300;--salt-zIndex-notification: 1400;--salt-zIndex-dragObject: 1420;--salt-zIndex-contextMenu: 1450;--salt-zIndex-flyover: 1500}.vuu-theme[data-mode=light],.vuu-theme[data-mode=dark]{--salt-palette-accent-background: var(--salt-color-blue-500);--salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);--salt-palette-accent-border: var(--salt-color-blue-500);--salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);--salt-palette-accent-foreground: var(--salt-color-white);--salt-palette-accent-foreground-disabled: var(--salt-color-white-fade-foreground)}.vuu-theme[data-mode=light]{--salt-palette-error-background: var(--salt-color-red-10);--salt-palette-error-background-selected: var(--salt-color-red-20);--salt-palette-error-border: var(--salt-color-red-500);--salt-palette-error-foreground: var(--salt-color-red-500)}.vuu-theme[data-mode=dark]{--salt-palette-error-background: var(--salt-color-red-900);--salt-palette-error-background-selected: var(--salt-color-red-900);--salt-palette-error-border: var(--salt-color-red-500);--salt-palette-error-foreground: var(--salt-color-red-500)}.vuu-theme[data-mode=light]{--salt-palette-info-background: var(--salt-color-blue-10);--salt-palette-info-border: var(--salt-color-blue-500);--salt-palette-info-foreground: var(--salt-color-blue-500)}.vuu-theme[data-mode=dark]{--salt-palette-info-background: var(--salt-color-blue-900);--salt-palette-info-border: var(--salt-color-blue-500);--salt-palette-info-foreground: var(--salt-color-blue-500)}.vuu-theme[data-mode=light]{--salt-palette-interact-background: transparent;--salt-palette-interact-background-blurSelected: var(--salt-color-gray-30);--salt-palette-interact-background-hover: var(--vuu-color-gray-10);--salt-palette-interact-background-active: var(--salt-color-blue-30);--salt-palette-interact-background-disabled: transparent;--salt-palette-interact-background-activeDisabled: var(--salt-color-blue-30-fade-background);--salt-palette-interact-border: var(--salt-color-gray-200);--salt-palette-interact-border-active: var(--salt-color-blue-600);--salt-palette-interact-border-activeDisabled: var(--salt-color-blue-600-fade-fill);--salt-palette-interact-border-disabled: var(--salt-color-gray-200-fade-border);--salt-palette-interact-border-hover: var(--salt-color-blue-500);--salt-palette-interact-border-readonly: var(--salt-color-gray-200-fade-border-readonly);--salt-palette-interact-foreground: var(--salt-color-gray-200);--salt-palette-interact-foreground-active: var(--salt-color-blue-600);--salt-palette-interact-foreground-activeDisabled: var(--salt-color-blue-600-fade-foreground);--salt-palette-interact-foreground-disabled: var(--salt-color-gray-200-fade-foreground);--salt-palette-interact-foreground-hover: var(--salt-color-blue-500);--salt-palette-interact-outline: var(--salt-color-blue-600);--salt-palette-interact-cta-background: var(--salt-color-blue-600);--salt-palette-interact-cta-background-active: var(--salt-color-blue-700);--salt-palette-interact-cta-background-activeDisabled: var(--salt-color-blue-700-fade-background);--salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-fade-background);--salt-palette-interact-cta-background-hover: var(--salt-color-blue-500);--salt-palette-interact-cta-foreground: var(--salt-color-white);--salt-palette-interact-cta-foreground-active: var(--salt-color-white);--salt-palette-interact-cta-foreground-activeDisabled: var(--salt-color-white-fade-foreground);--salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-fade-foreground);--salt-palette-interact-cta-foreground-hover: var(--salt-color-white);--salt-palette-interact-primary-background: var(--vuu-color-white);--salt-palette-interact-primary-background-active: var(--salt-color-gray-200);--salt-palette-interact-primary-background-activeDisabled: var(--salt-color-gray-200-fade-background);--salt-palette-interact-primary-background-disabled: var(--salt-color-gray-60-fade-background);--salt-palette-interact-primary-background-hover: var(--vuu-color-pink-10);--salt-palette-interact-primary-foreground: var(--vuu-color-gray-50);--salt-palette-interact-primary-foreground-active: var(--salt-color-white);--salt-palette-interact-primary-foreground-activeDisabled: var(--salt-color-white-fade-foreground);--salt-palette-interact-primary-foreground-disabled: var(--salt-color-gray-900-fade-foreground);--salt-palette-interact-primary-foreground-hover: var(--vuu-color-gray-80);--salt-palette-interact-secondary-background: transparent;--salt-palette-interact-secondary-background-active: var(--salt-color-gray-200);--salt-palette-interact-secondary-background-activeDisabled: var(--salt-color-gray-200-fade-background);--salt-palette-interact-secondary-background-disabled: transparent;--salt-palette-interact-secondary-background-hover: var(--salt-color-gray-40);--salt-palette-interact-secondary-foreground: var(--salt-color-gray-900);--salt-palette-interact-secondary-foreground-active: var(--salt-color-white);--salt-palette-interact-secondary-foreground-activeDisabled: var(--salt-color-white-fade-foreground);--salt-palette-interact-secondary-foreground-disabled: var(--salt-color-gray-900-fade-foreground);--salt-palette-interact-secondary-foreground-hover: var(--salt-color-gray-900)}.vuu-theme[data-mode=dark]{--salt-palette-interact-background: transparent;--salt-palette-interact-background-active: var(--salt-color-blue-700);--salt-palette-interact-background-blurSelected: var(--salt-color-gray-600);--salt-palette-interact-background-hover: var(--salt-color-blue-800);--salt-palette-interact-background-disabled: transparent;--salt-palette-interact-background-activeDisabled: var(--salt-color-blue-700-fade-background);--salt-palette-interact-border: var(--salt-color-gray-90);--salt-palette-interact-border-active: var(--salt-color-blue-100);--salt-palette-interact-border-activeDisabled: var(--salt-color-blue-100-fade-fill);--salt-palette-interact-border-disabled: var(--salt-color-gray-90-fade-border);--salt-palette-interact-border-hover: var(--salt-color-blue-500);--salt-palette-interact-border-readonly: var(--salt-color-gray-90-fade-border-readonly);--salt-palette-interact-foreground: var(--salt-color-gray-90);--salt-palette-interact-foreground-active: var(--salt-color-blue-100);--salt-palette-interact-foreground-activeDisabled: var(--salt-color-blue-100-fade-foreground);--salt-palette-interact-foreground-disabled: var(--salt-color-gray-90-fade-foreground);--salt-palette-interact-foreground-hover: var(--salt-color-blue-500);--salt-palette-interact-outline: var(--vuu-color-pink-10);--salt-palette-interact-cta-background: var(--salt-color-blue-600);--salt-palette-interact-cta-background-active: var(--salt-color-blue-700);--salt-palette-interact-cta-background-activeDisabled: var(--salt-color-blue-700-fade-background);--salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-fade-background);--salt-palette-interact-cta-background-hover: var(--salt-color-blue-500);--salt-palette-interact-cta-foreground: var(--salt-color-white);--salt-palette-interact-cta-foreground-active: var(--salt-color-white);--salt-palette-interact-cta-foreground-activeDisabled: var(--salt-color-white-fade-foreground);--salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-fade-foreground);--salt-palette-interact-cta-foreground-hover: var(--salt-color-white);--salt-palette-interact-primary-background: var(--salt-color-gray-300);--salt-palette-interact-primary-background-active: var(--salt-color-gray-70);--salt-palette-interact-primary-background-activeDisabled: var(--salt-color-gray-70-fade-background);--salt-palette-interact-primary-background-disabled: var(--salt-color-gray-300-fade-background);--salt-palette-interact-primary-background-hover: var(--salt-color-gray-200);--salt-palette-interact-primary-foreground: var(--salt-color-white);--salt-palette-interact-primary-foreground-active: var(--salt-color-gray-900);--salt-palette-interact-primary-foreground-activeDisabled: var(--salt-color-gray-900-fade-foreground);--salt-palette-interact-primary-foreground-disabled: var(--salt-color-white-fade-foreground);--salt-palette-interact-primary-foreground-hover: var(--salt-color-white);--salt-palette-interact-secondary-background: transparent;--salt-palette-interact-secondary-background-active: var(--salt-color-gray-70);--salt-palette-interact-secondary-background-activeDisabled: var(--salt-color-gray-70-fade-background);--salt-palette-interact-secondary-background-disabled: transparent;--salt-palette-interact-secondary-background-hover: var(--salt-color-gray-200);--salt-palette-interact-secondary-foreground: var(--salt-color-white);--salt-palette-interact-secondary-foreground-active: var(--salt-color-gray-900);--salt-palette-interact-secondary-foreground-activeDisabled: var(--salt-color-gray-900-fade-foreground);--salt-palette-interact-secondary-foreground-disabled: var(--salt-color-white-fade-foreground);--salt-palette-interact-secondary-foreground-hover: var(--salt-color-white)}.vuu-theme[data-mode=light]{--salt-palette-navigate-primary-background: transparent;--salt-palette-navigate-primary-background-active: transparent;--salt-palette-navigate-primary-background-hover: var(--salt-color-gray-20);--salt-palette-navigate-secondary-background: transparent;--salt-palette-navigate-secondary-background-active: transparent;--salt-palette-navigate-secondary-background-hover: var(--salt-color-gray-30);--salt-palette-navigate-tertiary-background: transparent;--salt-palette-navigate-tertiary-background-active: transparent;--salt-palette-navigate-tertiary-background-hover: var(--salt-color-gray-20);--salt-palette-navigate-foreground-hover: var(--salt-color-blue-600);--salt-palette-navigate-foreground-active: var(--salt-color-blue-700);--salt-palette-navigate-foreground-visited: var(--salt-color-purple-800);--salt-palette-navigate-indicator-hover: var(--salt-color-gray-90);--salt-palette-navigate-indicator-active: var(--vuu-color-purple-10);--salt-palette-navigate-indicator-activeDisabled: var(--salt-color-orange-600-fade-border)}.vuu-theme[data-mode=dark]{--salt-palette-navigate-primary-background: transparent;--salt-palette-navigate-primary-background-active: transparent;--salt-palette-navigate-primary-background-hover: var(--salt-color-gray-700);--salt-palette-navigate-secondary-background: transparent;--salt-palette-navigate-secondary-background-active: transparent;--salt-palette-navigate-secondary-background-hover: var(--salt-color-gray-600);--salt-palette-navigate-tertiary-background: transparent;--salt-palette-navigate-tertiary-background-active: transparent;--salt-palette-navigate-tertiary-background-hover: var(--salt-color-gray-700);--salt-palette-navigate-foreground-hover: var(--salt-color-blue-200);--salt-palette-navigate-foreground-active: var(--salt-color-blue-300);--salt-palette-navigate-foreground-visited: var(--salt-color-purple-100);--salt-palette-navigate-indicator-hover: var(--salt-color-gray-90);--salt-palette-navigate-indicator-active: var(--vuu-color-pink-10);--salt-palette-navigate-indicator-activeDisabled: var(--salt-color-orange-400-fade-border)}.vuu-theme[data-mode=light]{--salt-palette-negative-foreground: var(--salt-color-red-700)}.vuu-theme[data-mode=dark]{--salt-palette-negative-foreground: var(--salt-color-red-300)}.vuu-theme[data-mode=light]{--salt-palette-neutral-primary-background: var(--salt-color-white);--salt-palette-neutral-primary-background-disabled: var(--salt-color-white-fade-background);--salt-palette-neutral-primary-background-readonly: var(--salt-color-white-fade-background-readonly);--salt-palette-neutral-primary-foreground: var(--vuu-color-gray-80);--salt-palette-neutral-primary-foreground-disabled: var(--salt-color-gray-900-fade-foreground);--salt-palette-neutral-primary-separator: var(--salt-color-black-fade-separatorOpacity-primary);--salt-palette-neutral-primary-border: var(--vuu-color-purple-10);--salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-60-fade-border);--salt-palette-neutral-secondary-background: var(--vuu-color-gray-20);--salt-palette-neutral-secondary-background-disabled: var(--salt-color-gray-20-fade-background);--salt-palette-neutral-secondary-background-readonly: var(--salt-color-gray-20-fade-background-readonly);--salt-palette-neutral-secondary-border: var(--salt-color-gray-90);--salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-90-fade-border);--salt-palette-neutral-secondary-foreground: var(--salt-color-gray-200);--salt-palette-neutral-secondary-foreground-disabled: var(--salt-color-gray-200-fade-foreground);--salt-palette-neutral-backdrop: var(--salt-color-black-fade-backdrop);--salt-palette-neutral-secondary-separator: var(--salt-color-black-fade-separatorOpacity-secondary);--salt-palette-neutral-tertiary-background: transparent;--salt-palette-neutral-tertiary-background-disabled: transparent;--salt-palette-neutral-tertiary-border: transparent;--salt-palette-neutral-tertiary-border-disabled: transparent;--salt-palette-neutral-tertiary-separator: var(--vuu-color-gray-05)}.vuu-theme[data-mode=dark]{--salt-palette-neutral-primary-background: var(--salt-color-gray-800);--salt-palette-neutral-primary-background-disabled: var(--salt-color-gray-800-fade-background);--salt-palette-neutral-primary-background-readonly: var(--salt-color-gray-800-fade-background-readonly);--salt-palette-neutral-primary-border: var(--salt-color-gray-300);--salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-300-fade-border);--salt-palette-neutral-primary-foreground: var(--salt-color-white);--salt-palette-neutral-primary-foreground-disabled: var(--salt-color-white-fade-foreground);--salt-palette-neutral-primary-separator: var(--salt-color-white-fade-separatorOpacity-primary);--salt-palette-neutral-secondary-background: var(--salt-color-gray-600);--salt-palette-neutral-secondary-background-disabled: var(--salt-color-gray-600-fade-background);--salt-palette-neutral-secondary-background-readonly: var(--salt-color-gray-600-fade-background-readonly);--salt-palette-neutral-secondary-border: var(--salt-color-gray-90);--salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-90-fade-border);--salt-palette-neutral-secondary-foreground: var(--salt-color-gray-70);--salt-palette-neutral-secondary-foreground-disabled: var(--salt-color-gray-70-fade-foreground);--salt-palette-neutral-backdrop: var(--salt-color-black-fade-backdrop);--salt-palette-neutral-secondary-separator: var(--salt-color-white-fade-separatorOpacity-secondary);--salt-palette-neutral-tertiary-background: transparent;--salt-palette-neutral-tertiary-background-disabled: transparent;--salt-palette-neutral-tertiary-border: transparent;--salt-palette-neutral-tertiary-border-disabled: transparent;--salt-palette-neutral-tertiary-separator: var(--salt-color-white-fade-separatorOpacity-tertiary)}.vuu-theme{--salt-palette-opacity-backdrop: var(--salt-opacity-70);--salt-palette-opacity-disabled: var(--salt-opacity-40);--salt-palette-opacity-background-readonly: var(--salt-opacity-0);--salt-palette-opacity-border-readonly: var(--salt-opacity-15);--salt-palette-opacity-primary-border: var(--salt-opacity-40);--salt-palette-opacity-secondary-border: var(--salt-opacity-25);--salt-palette-opacity-tertiary-border: var(--salt-opacity-15)}.vuu-theme[data-mode=light]{--salt-palette-positive-foreground: var(--salt-color-green-700)}.vuu-theme[data-mode=dark]{--salt-palette-positive-foreground: var(--salt-color-green-300)}.vuu-theme[data-mode=light]{--salt-palette-success-background: var(--salt-color-green-10);--salt-palette-success-background-selected: var(--salt-color-green-20);--salt-palette-success-border: var(--salt-color-green-500);--salt-palette-success-foreground: var(--salt-color-green-500)}.vuu-theme[data-mode=dark]{--salt-palette-success-background: var(--salt-color-green-900);--salt-palette-success-background-selected: var(--salt-color-green-900);--salt-palette-success-border: var(--salt-color-green-400);--salt-palette-success-foreground: var(--salt-color-green-400)}.vuu-theme[data-mode=light]{--salt-palette-track-background: var(--salt-color-gray-60);--salt-palette-track-background-disabled: var(--salt-color-gray-60-fade-background);--salt-palette-track-border: var(--salt-color-gray-90);--salt-palette-track-border-disabled: var(--salt-color-gray-90-fade-border)}.vuu-theme[data-mode=dark]{--salt-palette-track-background: var(--salt-color-gray-300);--salt-palette-track-background-disabled: var(--salt-color-gray-300-fade-background);--salt-palette-track-border: var(--salt-color-gray-90);--salt-palette-track-border-disabled: var(--salt-color-gray-90-fade-border)}.vuu-theme[data-mode=light]{--salt-palette-warning-background: var(--salt-color-orange-10);--salt-palette-warning-background-selected: var(--salt-color-orange-20);--salt-palette-warning-border: var(--salt-color-orange-700);--salt-palette-warning-foreground: var(--salt-color-orange-700)}.vuu-theme[data-mode=dark]{--salt-palette-warning-background: var(--salt-color-orange-900);--salt-palette-warning-background-selected: var(--salt-color-orange-900);--salt-palette-warning-border: var(--salt-color-orange-500);--salt-palette-warning-foreground: var(--salt-color-orange-500)}.vuu-density-high{--salt-accent-fontSize: 8px;--salt-accent-lineHeight: 11px}.vuu-density-medium{--salt-accent-fontSize: 10px;--salt-accent-lineHeight: 13px}.vuu-density-low{--salt-accent-fontSize: 12px;--salt-accent-lineHeight: 16px}.vuu-density-touch{--salt-accent-fontSize: 14px;--salt-accent-lineHeight: 18px}.vuu-theme{--salt-accent-background: var(--salt-palette-accent-background);--salt-accent-background-disabled: var(--salt-palette-accent-background-disabled);--salt-accent-borderColor: var(--salt-palette-accent-border);--salt-accent-borderColor-disabled: var(--salt-palette-accent-border-disabled);--salt-accent-foreground: var(--salt-palette-accent-foreground);--salt-accent-foreground-disabled: var(--salt-palette-accent-foreground-disabled);--salt-accent-fontWeight: var(--salt-typography-fontWeight-semiBold)}.vuu-theme{--salt-actionable-cursor-hover: pointer;--salt-actionable-cursor-active: pointer;--salt-actionable-cursor-disabled: not-allowed;--salt-actionable-letterSpacing: .6px;--salt-actionable-textAlign: center;--salt-actionable-textTransform: uppercase;--salt-actionable-primary-foreground: var(--salt-palette-interact-primary-foreground);--salt-actionable-primary-foreground-hover: var(--salt-palette-interact-primary-foreground-hover);--salt-actionable-primary-foreground-active: var(--salt-palette-interact-primary-foreground-active);--salt-actionable-primary-foreground-disabled: var(--salt-palette-interact-primary-foreground-disabled);--salt-actionable-primary-background: var(--salt-palette-interact-primary-background);--salt-actionable-primary-background-hover: var(--salt-palette-interact-primary-background-hover);--salt-actionable-primary-background-active: var(--salt-palette-interact-primary-background-active);--salt-actionable-primary-background-disabled: var(--salt-palette-interact-primary-background-disabled);--salt-actionable-primary-fontWeight: var(--salt-typography-fontWeight-bold);--salt-actionable-cta-foreground: var(--salt-palette-interact-cta-foreground);--salt-actionable-cta-foreground-hover: var(--salt-palette-interact-cta-foreground-hover);--salt-actionable-cta-foreground-active: var(--salt-palette-interact-cta-foreground-active);--salt-actionable-cta-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);--salt-actionable-cta-background: var(--salt-palette-interact-cta-background);--salt-actionable-cta-background-hover: var(--salt-palette-interact-cta-background-hover);--salt-actionable-cta-background-active: var(--salt-palette-interact-cta-background-active);--salt-actionable-cta-background-disabled: var(--salt-palette-interact-cta-background-disabled);--salt-actionable-cta-fontWeight: var(--salt-typography-fontWeight-bold);--salt-actionable-secondary-foreground: var(--salt-palette-interact-secondary-foreground);--salt-actionable-secondary-foreground-hover: var(--salt-palette-interact-secondary-foreground-hover);--salt-actionable-secondary-foreground-active: var(--salt-palette-interact-secondary-foreground-active);--salt-actionable-secondary-foreground-disabled: var(--salt-palette-interact-secondary-foreground-disabled);--salt-actionable-secondary-background: var(--salt-palette-interact-secondary-background);--salt-actionable-secondary-background-hover: var(--salt-palette-interact-secondary-background-hover);--salt-actionable-secondary-background-active: var(--salt-palette-interact-secondary-background-active);--salt-actionable-secondary-background-disabled: var(--salt-palette-interact-secondary-background-disabled);--salt-actionable-secondary-fontWeight: var(--salt-typography-fontWeight-semiBold)}.vuu-theme{--salt-container-borderStyle: solid;--salt-container-primary-background: var(--salt-palette-neutral-primary-background);--salt-container-primary-background-disabled: var(--salt-palette-neutral-primary-background-disabled);--salt-container-primary-borderColor: var(--salt-palette-neutral-primary-border);--salt-container-primary-borderColor-disabled: var(--salt-palette-neutral-primary-border-disabled);--salt-container-secondary-background: var(--salt-palette-neutral-secondary-background);--salt-container-secondary-background-disabled: var(--salt-palette-neutral-secondary-background-disabled);--salt-container-secondary-borderColor: var(--salt-palette-neutral-secondary-border);--salt-container-secondary-borderColor-disabled: var(--salt-palette-neutral-secondary-border-disabled);--salt-container-tertiary-background: var(--salt-palette-neutral-tertiary-background);--salt-container-tertiary-background-disabled: var(--salt-palette-neutral-tertiary-background-disabled);--salt-container-tertiary-borderColor: var(--salt-palette-neutral-tertiary-border);--salt-container-tertiary-borderColor-disabled: var(--salt-palette-neutral-tertiary-border-disabled)}.vuu-theme{--salt-draggable-horizontal-cursor-hover: row-resize;--salt-draggable-horizontal-cursor-active: row-resize;--salt-draggable-vertical-cursor-hover: col-resize;--salt-draggable-vertical-cursor-active: col-resize;--salt-draggable-grab-cursor-hover: grab;--salt-draggable-grab-cursor-active: grabbing}.vuu-theme{--salt-target-background-hover: var(--salt-palette-interact-background-hover);--salt-target-borderColor-hover: var(--salt-palette-interact-border-hover);--salt-target-borderStyle: dashed;--salt-target-borderStyle-hover: solid;--salt-target-borderStyle-disabled: dashed;--salt-target-cursor-disabled: not-allowed}.vuu-theme{--salt-editable-cursor-hover: text;--salt-editable-cursor-active: text;--salt-editable-cursor-disabled: not-allowed;--salt-editable-cursor-readonly: text;--salt-editable-borderStyle: solid;--salt-editable-borderStyle-hover: solid;--salt-editable-borderStyle-active: solid;--salt-editable-borderStyle-disabled: solid;--salt-editable-borderStyle-readonly: solid;--salt-editable-borderWidth-active: 2px;--salt-editable-borderColor: var(--salt-palette-interact-border);--salt-editable-borderColor-active: var(--salt-palette-interact-border-active);--salt-editable-borderColor-disabled: var(--salt-palette-interact-border-disabled);--salt-editable-borderColor-hover: var(--salt-palette-interact-border-hover);--salt-editable-borderColor-readonly: var(--salt-palette-interact-border-readonly);--salt-editable-primary-background: var(--salt-palette-neutral-primary-background);--salt-editable-primary-background-active: var(--salt-palette-neutral-primary-background);--salt-editable-primary-background-disabled: var(--salt-palette-neutral-primary-background-disabled);--salt-editable-primary-background-hover: var(--salt-palette-neutral-primary-background);--salt-editable-primary-background-readonly: var(--salt-palette-neutral-primary-background-readonly);--salt-editable-secondary-background: var(--salt-palette-neutral-secondary-background);--salt-editable-secondary-background-active: var(--salt-palette-neutral-secondary-background);--salt-editable-secondary-background-disabled: var(--salt-palette-neutral-secondary-background-disabled);--salt-editable-secondary-background-hover: var(--salt-palette-neutral-secondary-background);--salt-editable-secondary-background-readonly: var(--salt-palette-neutral-secondary-background-readonly);--salt-editable-help-fontStyle: italic}.vuu-theme{--salt-focused-outlineColor: var(--salt-palette-interact-outline);--salt-focused-outlineStyle: dotted;--salt-focused-outlineWidth: 2px;--salt-focused-outlineInset: 0;--salt-focused-outlineOffset: 0;--salt-focused-outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor)}.saltFocusVisible:after,.focused:focus:after,.focused:focus-visible:after{content:"";inset:var(--salt-focused-outlineInset);outline-color:var(--salt-focused-outlineColor);outline-offset:var(--salt-focused-outlineOffset);outline-style:var(--salt-focused-outlineStyle);outline-width:var(--salt-focused-outlineWidth);position:absolute}.vuu-theme{--salt-navigable-cursor-active: pointer;--salt-navigable-cursor-hover: pointer;--salt-navigable-cursor-disabled: not-allowed;--salt-navigable-cursor-edit: text;--salt-navigable-fontWeight: var(--salt-typography-fontWeight-regular);--salt-navigable-fontWeight-hover: var(--salt-typography-fontWeight-regular);--salt-navigable-fontWeight-active: var(--salt-typography-fontWeight-semiBold);--salt-navigable-fontWeight-edit: var(--salt-typography-fontWeight-regular);--salt-navigable-indicator-hover: var(--salt-palette-navigate-indicator-hover);--salt-navigable-indicator-active: var(--salt-palette-navigate-indicator-active);--salt-navigable-indicator-activeDisabled: var(--salt-palette-navigate-indicator-activeDisabled);--salt-navigable-primary-background: var(--salt-palette-navigate-primary-background);--salt-navigable-primary-background-hover: var(--salt-palette-navigate-primary-background-hover);--salt-navigable-primary-background-active: var(--salt-palette-navigate-primary-background-active);--salt-navigable-secondary-background: var(--salt-palette-navigate-secondary-background);--salt-navigable-secondary-background-hover: var(--salt-palette-navigate-secondary-background-hover);--salt-navigable-secondary-background-active: var(--salt-palette-navigate-secondary-background-active);--salt-navigable-tertiary-background: var(--salt-palette-navigate-tertiary-background);--salt-navigable-tertiary-background-hover: var(--salt-palette-navigate-tertiary-background-hover);--salt-navigable-tertiary-background-active: var(--salt-palette-navigate-tertiary-background-active)}.vuu-theme{--salt-overlayable-shadow-scroll: var(--salt-shadow-1);--salt-overlayable-shadow-borderRegion: var(--salt-shadow-2);--salt-overlayable-shadow: var(--salt-shadow-2);--salt-overlayable-shadow-hover: var(--salt-shadow-3);--salt-overlayable-shadow-popout: var(--salt-shadow-4);--salt-overlayable-shadow-drag: var(--salt-shadow-4);--salt-overlayable-shadow-modal: var(--salt-shadow-5);--salt-overlayable-background: var(--salt-palette-neutral-backdrop)}.vuu-theme{--salt-selectable-cursor-hover: pointer;--salt-selectable-cursor-selected: pointer;--salt-selectable-cursor-blurSelected: pointer;--salt-selectable-cursor-disabled: not-allowed;--salt-selectable-cursor-readonly: not-allowed;--salt-selectable-borderStyle: solid;--salt-selectable-borderStyle-hover: solid;--salt-selectable-borderStyle-selected: solid;--salt-selectable-borderStyle-blurSelected: solid;--salt-selectable-borderColor: var(--salt-palette-interact-border);--salt-selectable-borderColor-hover: var(--salt-palette-interact-border-hover);--salt-selectable-borderColor-selected: var(--salt-palette-interact-border-active);--salt-selectable-borderColor-selectedDisabled: var(--salt-palette-interact-border-activeDisabled);--salt-selectable-borderColor-disabled: var(--salt-palette-interact-border-disabled);--salt-selectable-borderColor-readonly: var(--salt-palette-interact-border-readonly);--salt-selectable-foreground: var(--salt-palette-interact-foreground);--salt-selectable-foreground-disabled: var(--salt-palette-interact-foreground-disabled);--salt-selectable-foreground-hover: var(--salt-palette-interact-foreground-hover);--salt-selectable-foreground-selected: var(--salt-palette-interact-foreground-active);--salt-selectable-foreground-selectedDisabled: var(--salt-palette-interact-foreground-activeDisabled);--salt-selectable-background: var(--salt-palette-interact-background);--salt-selectable-background-hover: var(--salt-palette-interact-background-hover);--salt-selectable-background-selected: var(--salt-palette-interact-background-active);--salt-selectable-background-blurSelected: var(--salt-palette-interact-background-blurSelected);--salt-selectable-background-disabled: var(--salt-palette-interact-background-disabled);--salt-selectable-background-selectedDisabled: var(--salt-palette-interact-background-activeDisabled);--salt-selectable-cta-foreground-hover: var(--salt-palette-interact-cta-foreground-hover);--salt-selectable-cta-foreground-selected: var(--salt-palette-interact-cta-foreground-active);--salt-selectable-cta-foreground-selectedDisabled: var(--salt-palette-interact-cta-foreground-activeDisabled);--salt-selectable-cta-background: var(--salt-palette-interact-background);--salt-selectable-cta-background-disabled: var(--salt-palette-interact-background-disabled);--salt-selectable-cta-background-hover: var(--salt-palette-interact-cta-background-hover);--salt-selectable-cta-background-selected: var(--salt-palette-interact-cta-background-active);--salt-selectable-cta-background-selectedDisabled: var(--salt-palette-interact-cta-background-activeDisabled);--salt-selectable-primary-foreground-hover: var(--salt-palette-interact-primary-foreground-hover);--salt-selectable-primary-foreground-selected: var(--salt-palette-interact-primary-foreground-active);--salt-selectable-primary-foreground-selectedDisabled: var(--salt-palette-interact-primary-foreground-activeDisabled);--salt-selectable-primary-background: var(--salt-palette-interact-background);--salt-selectable-primary-background-disabled: var(--salt-palette-interact-background-disabled);--salt-selectable-primary-background-hover: var(--salt-palette-interact-primary-background-hover);--salt-selectable-primary-background-selected: var(--salt-palette-interact-primary-background-active);--salt-selectable-primary-background-selectedDisabled: var(--salt-palette-interact-primary-background-activeDisabled);--salt-selectable-secondary-foreground-hover: var(--salt-palette-interact-secondary-foreground-hover);--salt-selectable-secondary-foreground-selected: var(--salt-palette-interact-secondary-foreground-active);--salt-selectable-secondary-foreground-selectedDisabled: var(--salt-palette-interact-secondary-foreground-activeDisabled);--salt-selectable-secondary-background: var(--salt-palette-interact-background);--salt-selectable-secondary-background-disabled: var(--salt-palette-interact-background-disabled);--salt-selectable-secondary-background-hover: var(--salt-palette-interact-secondary-background-hover);--salt-selectable-secondary-background-selected: var(--salt-palette-interact-secondary-background-active);--salt-selectable-secondary-background-selectedDisabled: var(--salt-palette-interact-secondary-background-activeDisabled)}.vuu-theme{--salt-separable-borderStyle: solid;--salt-separable-primary-borderColor: var(--salt-palette-neutral-primary-separator);--salt-separable-secondary-borderColor: var(--salt-palette-neutral-secondary-separator);--salt-separable-tertiary-borderColor: var(--salt-palette-neutral-tertiary-separator)}.vuu-theme{--salt-status-info-foreground: var(--salt-palette-info-foreground);--salt-status-success-foreground: var(--salt-palette-success-foreground);--salt-status-warning-foreground: var(--salt-palette-warning-foreground);--salt-status-error-foreground: var(--salt-palette-error-foreground);--salt-status-static-foreground: var(--salt-palette-neutral-secondary-foreground);--salt-status-negative-foreground: var(--salt-palette-negative-foreground);--salt-status-positive-foreground: var(--salt-palette-positive-foreground);--salt-status-info-borderColor: var(--salt-palette-info-border);--salt-status-success-borderColor: var(--salt-palette-success-border);--salt-status-warning-borderColor: var(--salt-palette-warning-border);--salt-status-error-borderColor: var(--salt-palette-error-border);--salt-status-info-background: var(--salt-palette-info-background);--salt-status-success-background: var(--salt-palette-success-background);--salt-status-warning-background: var(--salt-palette-warning-background);--salt-status-error-background: var(--salt-palette-error-background);--salt-status-success-background-selected: var(--salt-palette-success-background-selected);--salt-status-warning-background-selected: var(--salt-palette-warning-background-selected);--salt-status-error-background-selected: var(--salt-palette-error-background-selected)}.vuu-theme{--salt-taggable-cursor-hover: pointer;--salt-taggable-cursor-active: pointer;--salt-taggable-cursor-disabled: not-allowed;--salt-taggable-background: var(--salt-palette-interact-primary-background);--salt-taggable-background-hover: var(--salt-palette-interact-primary-background-hover);--salt-taggable-background-active: var(--salt-palette-interact-primary-background-active);--salt-taggable-background-disabled: var(--salt-palette-interact-primary-background-disabled);--salt-taggable-foreground: var(--salt-palette-interact-primary-foreground);--salt-taggable-foreground-hover: var(--salt-palette-interact-primary-foreground-hover);--salt-taggable-foreground-active: var(--salt-palette-interact-primary-foreground-active);--salt-taggable-foreground-disabled: var(--salt-palette-interact-primary-foreground-disabled)}.vuu-theme{--salt-text-letterSpacing: 0;--salt-text-textAlign: left;--salt-text-textAlign-embedded: center;--salt-text-textDecoration: none;--salt-text-textTransform: none;--salt-text-fontFamily: var(--salt-typography-fontFamily);--salt-text-fontWeight: var(--salt-typography-fontWeight-regular);--salt-text-fontWeight-small: var(--salt-typography-fontWeight-light);--salt-text-fontWeight-strong: var(--salt-typography-fontWeight-semiBold);--salt-text-h1-fontFamily: var(--salt-typography-fontFamily);--salt-text-h1-fontWeight: var(--salt-typography-fontWeight-bold);--salt-text-h1-fontWeight-small: var(--salt-typography-fontWeight-medium);--salt-text-h1-fontWeight-strong: var(--salt-typography-fontWeight-extraBold);--salt-text-h2-fontFamily: var(--salt-typography-fontFamily);--salt-text-h2-fontWeight: var(--salt-typography-fontWeight-semiBold);--salt-text-h2-fontWeight-small: var(--salt-typography-fontWeight-regular);--salt-text-h2-fontWeight-strong: var(--salt-typography-fontWeight-bold);--salt-text-h3-fontFamily: var(--salt-typography-fontFamily);--salt-text-h3-fontWeight: var(--salt-typography-fontWeight-semiBold);--salt-text-h3-fontWeight-small: var(--salt-typography-fontWeight-regular);--salt-text-h3-fontWeight-strong: var(--salt-typography-fontWeight-bold);--salt-text-h4-fontFamily: var(--salt-typography-fontFamily);--salt-text-h4-fontWeight: var(--salt-typography-fontWeight-semiBold);--salt-text-h4-fontWeight-small: var(--salt-typography-fontWeight-regular);--salt-text-h4-fontWeight-strong: var(--salt-typography-fontWeight-bold);--salt-text-label-fontFamily: var(--salt-typography-fontFamily);--salt-text-label-fontWeight: var(--salt-typography-fontWeight-regular);--salt-text-label-fontWeight-small: var(--salt-typography-fontWeight-light);--salt-text-label-fontWeight-strong: var(--salt-typography-fontWeight-semiBold);--salt-text-display1-fontFamily: var(--salt-typography-fontFamily);--salt-text-display1-fontWeight: var(--salt-typography-fontWeight-semiBold);--salt-text-display1-fontWeight-strong: var(--salt-typography-fontWeight-bold);--salt-text-display1-fontWeight-small: var(--salt-typography-fontWeight-regular);--salt-text-display2-fontFamily: var(--salt-typography-fontFamily);--salt-text-display2-fontWeight: var(--salt-typography-fontWeight-semiBold);--salt-text-display2-fontWeight-strong: var(--salt-typography-fontWeight-bold);--salt-text-display2-fontWeight-small: var(--salt-typography-fontWeight-regular);--salt-text-display3-fontFamily: var(--salt-typography-fontFamily);--salt-text-display3-fontWeight: var(--salt-typography-fontWeight-semiBold);--salt-text-display3-fontWeight-strong: var(--salt-typography-fontWeight-bold);--salt-text-display3-fontWeight-small: var(--salt-typography-fontWeight-regular);--salt-text-background-selected: var(--salt-palette-interact-background-active);--salt-text-primary-foreground: var(--salt-palette-neutral-primary-foreground);--salt-text-primary-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);--salt-text-secondary-foreground: var(--salt-palette-neutral-secondary-foreground);--salt-text-secondary-foreground-disabled: var(--salt-palette-neutral-secondary-foreground-disabled);--salt-text-link-foreground-hover: var(--salt-palette-navigate-foreground-hover);--salt-text-link-foreground-active: var(--salt-palette-navigate-foreground-active);--salt-text-link-foreground-visited: var(--salt-palette-navigate-foreground-visited);--salt-text-link-textDecoration: underline;--salt-text-link-textDecoration-hover: none;--salt-text-link-textDecoration-selected: underline;--salt-text-code-fontFamily: var(--salt-typography-fontFamily-code)}.vuu-density-touch{--salt-text-h1-fontSize: 42px;--salt-text-h1-lineHeight: 54px;--salt-text-h2-fontSize: 32px;--salt-text-h2-lineHeight: 42px;--salt-text-h3-fontSize: 24px;--salt-text-h3-lineHeight: 32px;--salt-text-h4-fontSize: 16px;--salt-text-h4-lineHeight: 20px;--salt-text-label-fontSize: 14px;--salt-text-label-lineHeight: 18px;--salt-text-fontSize: 16px;--salt-text-lineHeight: 20px;--salt-text-minHeight: 20px;--salt-text-display1-fontSize: 84px;--salt-text-display1-lineHeight: 109px;--salt-text-display2-fontSize: 58px;--salt-text-display2-lineHeight: 76px;--salt-text-display3-fontSize: 42px;--salt-text-display3-lineHeight: 54px}.vuu-density-low{--salt-text-h1-fontSize: 32px;--salt-text-h1-lineHeight: 42px;--salt-text-h2-fontSize: 24px;--salt-text-h2-lineHeight: 32px;--salt-text-h3-fontSize: 18px;--salt-text-h3-lineHeight: 24px;--salt-text-h4-fontSize: 14px;--salt-text-h4-lineHeight: 18px;--salt-text-label-fontSize: 12px;--salt-text-label-lineHeight: 16px;--salt-text-fontSize: 14px;--salt-text-lineHeight: 18px;--salt-text-minHeight: 18px;--salt-text-display1-fontSize: 68px;--salt-text-display1-lineHeight: 88px;--salt-text-display2-fontSize: 46px;--salt-text-display2-lineHeight: 60px;--salt-text-display3-fontSize: 32px;--salt-text-display3-lineHeight: 42px}.vuu-density-medium{--salt-text-h1-fontSize: 24px;--salt-text-h1-lineHeight: 32px;--salt-text-h2-fontSize: 18px;--salt-text-h2-lineHeight: 24px;--salt-text-h3-fontSize: 14px;--salt-text-h3-lineHeight: 18px;--salt-text-h4-fontSize: 12px;--salt-text-h4-lineHeight: 16px;--salt-text-label-fontSize: 11px;--salt-text-label-lineHeight: 14px;--salt-text-fontSize: 12px;--salt-text-lineHeight: 16px;--salt-text-minHeight: 16px;--salt-text-display1-fontSize: 54px;--salt-text-display1-lineHeight: 70px;--salt-text-display2-fontSize: 36px;--salt-text-display2-lineHeight: 47px;--salt-text-display3-fontSize: 24px;--salt-text-display3-lineHeight: 32px}.vuu-density-high{--salt-text-h1-fontSize: 18px;--salt-text-h1-lineHeight: 24px;--salt-text-h2-fontSize: 14px;--salt-text-h2-lineHeight: 18px;--salt-text-h3-fontSize: 12px;--salt-text-h3-lineHeight: 16px;--salt-text-h4-fontSize: 11px;--salt-text-h4-lineHeight: 14px;--salt-text-label-fontSize: 10px;--salt-text-label-lineHeight: 13px;--salt-text-fontSize: 11px;--salt-text-lineHeight: 14px;--salt-text-minHeight: 14px;--salt-text-display1-fontSize: 42px;--salt-text-display1-lineHeight: 54px;--salt-text-display2-fontSize: 28px;--salt-text-display2-lineHeight: 36px;--salt-text-display3-fontSize: 18px;--salt-text-display3-lineHeight: 24px}.vuu-theme{--salt-track-borderStyle: solid;--salt-track-borderStyle-active: solid;--salt-track-borderStyle-complete: solid;--salt-track-borderStyle-incomplete: dotted;--salt-track-borderWidth: 2px;--salt-track-borderWidth-active: 2px;--salt-track-borderWidth-complete: 2px;--salt-track-borderWidth-incomplete: 2px;--salt-track-fontWeight: var(--salt-typography-fontWeight-semiBold);--salt-track-textAlign: center;--salt-track-background: var(--salt-palette-track-background);--salt-track-background-disabled: var(--salt-palette-track-background-disabled);--salt-track-borderColor: var(--salt-palette-track-border);--salt-track-borderColor-disabled: var(--salt-palette-track-border-disabled)}.vuu-theme{--salt-differential-positive-foreground: var(--salt-palette-positive-foreground);--salt-differential-negative-foreground: var(--salt-palette-negative-foreground);--salt-editable-tertiary-background: var(--salt-palette-neutral-tertiary-background);--salt-editable-tertiary-background-active: var(--salt-palette-neutral-tertiary-background);--salt-editable-tertiary-background-disabled: var(--salt-palette-neutral-tertiary-background-disabled);--salt-editable-tertiary-background-hover: var(--salt-palette-neutral-tertiary-background);--salt-editable-tertiary-background-readonly: var(--salt-palette-neutral-tertiary-background-readonly);--salt-measured-borderStyle: solid;--salt-measured-borderStyle-active: solid;--salt-measured-borderStyle-complete: solid;--salt-measured-borderStyle-incomplete: dotted;--salt-measured-borderWidth: 2px;--salt-measured-borderWidth-active: 2px;--salt-measured-borderWidth-complete: 2px;--salt-measured-borderWidth-incomplete: 2px;--salt-measured-fontWeight: var(--salt-typography-fontWeight-semiBold);--salt-measured-textAlign: center;--salt-measured-background: var(--salt-palette-measured-background);--salt-measured-background-disabled: var(--salt-palette-measured-background-disabled);--salt-measured-borderColor: var(--salt-palette-measured-border);--salt-measured-borderColor-disabled: var(--salt-palette-measured-border-disabled);--salt-measured-fill: var(--salt-palette-measured-fill);--salt-measured-fill-disabled: var(--salt-palette-measured-fill-disabled);--salt-measured-foreground: var(--salt-palette-measured-foreground);--salt-measured-foreground-hover: var(--salt-palette-measured-foreground-active);--salt-measured-foreground-active: var(--salt-palette-measured-foreground-active);--salt-measured-foreground-undo: var(--salt-palette-measured-foreground-active);--salt-measured-foreground-activeDisabled: var(--salt-palette-measured-foreground-activeDisabled);--salt-measured-foreground-disabled: var(--salt-palette-measured-foreground-disabled);--salt-overlayable-shadow-scroll-color: var(--salt-shadow-1-color);--salt-selectable-foreground-partial: var(--salt-palette-interact-foreground-partial);--salt-selectable-foreground-partialDisabled: var(--salt-palette-interact-foreground-partialDisabled);--salt-selectable-cta-foreground: var(--salt-palette-interact-foreground);--salt-selectable-cta-foreground-disabled: var(--salt-palette-interact-foreground-disabled);--salt-selectable-primary-foreground: var(--salt-palette-interact-foreground);--salt-selectable-primary-foreground-disabled: var(--salt-palette-interact-foreground-disabled);--salt-selectable-secondary-foreground: var(--salt-palette-interact-foreground);--salt-selectable-secondary-foreground-disabled: var(--salt-palette-interact-foreground-disabled);--salt-status-info-background-emphasize: var(--salt-status-info-background);--salt-status-success-background-emphasize: var(--salt-status-success-background);--salt-status-warning-background-emphasize: var(--salt-status-warning-background);--salt-status-error-background-emphasize: var(--salt-status-error-background);--salt-status-info-foreground-disabled: var(--salt-palette-info-foreground-disabled);--salt-status-success-foreground-disabled: var(--salt-palette-success-foreground-disabled);--salt-status-warning-foreground-disabled: var(--salt-palette-warning-foreground-disabled);--salt-status-error-foreground-disabled: var(--salt-palette-error-foreground-disabled);--salt-status-static-foreground-disabled: var(--salt-palette-neutral-secondary-foreground-disabled);--salt-status-negative-foreground-disabled: var(--salt-palette-negative-foreground-disabled);--salt-status-positive-foreground-disabled: var(--salt-palette-positive-foreground-disabled);--salt-status-info-borderColor-disabled: var(--salt-palette-info-border-disabled);--salt-status-success-borderColor-disabled: var(--salt-palette-success-border-disabled);--salt-status-warning-borderColor-disabled: var(--salt-palette-warning-border-disabled);--salt-status-error-borderColor-disabled: var(--salt-palette-error-border-disabled)}.vuu-theme{--salt-color-orange-500-fade-foreground: rgba(234, 115, 25, var(--salt-palette-opacity-foreground));--salt-color-orange-700-fade-foreground: rgba(214, 85, 19, var(--salt-palette-opacity-foreground));--salt-color-orange-400-fade-background: rgba(238, 133, 43, var(--salt-palette-opacity-background));--salt-color-orange-600-fade-background: rgba(224, 101, 25, var(--salt-palette-opacity-background));--salt-color-blue-300-fade-fill: rgba(51, 141, 205, var(--salt-palette-opacity-fill));--salt-color-blue-500-fade-fill: rgba(38, 112, 169, var(--salt-palette-opacity-fill))}.vuu-theme{--salt-delay-instant: .1s;--salt-delay-perceptible: .3s;--salt-delay-notable: 1s;--salt-delay-cutoff: 10s;--salt-size-icon-base: var(--salt-icon-size-base);--salt-opacity-1: .15;--salt-opacity-2: .25;--salt-opacity-3: .4;--salt-opacity-4: .7}.vuu-density-touch,.vuu-density-low,.vuu-density-medium,.vuu-density-high{--salt-size-selection: var(--salt-size-selectable);--salt-size-brandBar: 4px;--salt-size-graphic-small: 12px;--salt-size-graphic-medium: 24px;--salt-size-graphic-large: 48px;--salt-size-divider-height: var(--salt-size-separator-height);--salt-size-divider-strokeWidth: var(--salt-size-separator-strokeWidth);--salt-size-detail: var(--salt-size-compact)}.vuu-theme{--salt-palette-error-background-emphasize: var(--salt-palette-error-background);--salt-palette-warning-background-emphasize: var(--salt-palette-warning-background);--salt-palette-success-background-emphasize: var(--salt-palette-success-background);--salt-palette-info-background-emphasize: var(--salt-palette-info-background);--salt-palette-opacity-fill: var(--salt-palette-opacity-disabled);--salt-palette-opacity-stroke: var(--salt-palette-opacity-disabled);--salt-palette-opacity-background: var(--salt-palette-opacity-disabled);--salt-palette-opacity-border: var(--salt-palette-opacity-disabled);--salt-palette-opacity-foreground: var(--salt-palette-opacity-disabled)}.vuu-theme[data-mode=light]{--salt-palette-interact-foreground-partial: var(--salt-color-blue-600);--salt-palette-interact-foreground-partialDisabled: var(--salt-color-blue-600-fade-foreground);--salt-palette-measured-fill: var(--salt-color-blue-500);--salt-palette-measured-fill-disabled: var(--salt-color-blue-500-fade-fill);--salt-palette-measured-foreground: var(--salt-color-gray-90);--salt-palette-measured-foreground-active: var(--salt-color-blue-500);--salt-palette-measured-foreground-disabled: var(--salt-color-gray-90-fade-foreground);--salt-palette-measured-foreground-activeDisabled: var(--salt-color-blue-500-fade-fill);--salt-palette-measured-background: var(--salt-color-gray-60);--salt-palette-measured-background-disabled: var(--salt-color-gray-60-fade-background);--salt-palette-measured-border: var(--salt-color-gray-90);--salt-palette-measured-border-disabled: var(--salt-color-gray-90-fade-border);--salt-palette-neutral-tertiary-background-readonly: transparent;--salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);--salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);--salt-palette-info-border-disabled: var(--salt-color-blue-500-fade-border);--salt-palette-info-foreground-disabled: var(--salt-color-blue-500-fade-foreground);--salt-palette-negative-foreground-disabled: var(--salt-color-red-700-fade-foreground);--salt-palette-positive-foreground-disabled: var(--salt-color-green-700-fade-foreground);--salt-palette-success-border-disabled: var(--salt-color-green-500-fade-border);--salt-palette-success-foreground-disabled: var(--salt-color-green-500-fade-foreground);--salt-palette-warning-foreground-disabled: var(--salt-color-orange-700-fade-foreground);--salt-palette-warning-border-disabled: var(--salt-color-orange-700-fade-border)}.vuu-theme[data-mode=dark]{--salt-palette-interact-foreground-partial: var(--salt-color-blue-100);--salt-palette-interact-foreground-partialDisabled: var(--salt-color-blue-100-fade-foreground);--salt-palette-measured-fill: var(--salt-color-blue-300);--salt-palette-measured-fill-disabled: var(--salt-color-blue-300-fade-fill);--salt-palette-measured-foreground: var(--salt-color-gray-90);--salt-palette-measured-foreground-active: var(--salt-color-blue-300);--salt-palette-measured-foreground-disabled: var(--salt-color-gray-90-fade-foreground);--salt-palette-measured-foreground-activeDisabled: var(--salt-color-blue-300-fade-fill);--salt-palette-measured-background: var(--salt-color-gray-300);--salt-palette-measured-background-disabled: var(--salt-color-gray-300-fade-background);--salt-palette-measured-border: var(--salt-color-gray-90);--salt-palette-measured-border-disabled: var(--salt-color-gray-90-fade-border);--salt-palette-neutral-tertiary-background-readonly: transparent;--salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);--salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);--salt-palette-info-border-disabled: var(--salt-color-blue-500-fade-border);--salt-palette-info-foreground-disabled: var(--salt-color-blue-500-fade-foreground);--salt-palette-negative-foreground-disabled: var(--salt-color-red-300-fade-foreground);--salt-palette-positive-foreground-disabled: var(--salt-color-green-300-fade-foreground);--salt-palette-success-border-disabled: var(--salt-color-green-400-fade-border);--salt-palette-success-foreground-disabled: var(--salt-color-green-400-fade-foreground);--salt-palette-warning-foreground-disabled: var(--salt-color-orange-500-fade-foreground);--salt-palette-warning-border-disabled: var(--salt-color-orange-500-fade-border)}.saltButton-primary{--saltButton-borderColor: var(--salt-actionable-primary-foreground);--saltButton-borderWidth: 1px;--saltButton-borderRadius: 6px;--saltButton-borderStyle: solid;--vuu-icon-color: var(--saltIcon-color)}.saltButton-primary:hover{--saltButton-borderColor: var(--salt-actionable-primary-background-hover) }.vuu-theme.saltList{border-radius:4px}.vuu-theme .saltListItem{font-size:12px;padding:0 8px}
|
|
1
|
+
.vuu-theme{color:var(--salt-text-primary-foreground);font-family:var(--salt-typography-fontFamily);font-size:var(--salt-text-fontSize);letter-spacing:var(--salt-text-letterSpacing);line-height:var(--salt-text-lineHeight)}::selection{background:var(--salt-text-background-selected)}.vuu-theme[data-mode=light]{color-scheme:light}.vuu-theme[data-mode=dark]{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}.salt-visuallyHidden{position:absolute;height:1px;width:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.vuu-density-touch,.vuu-density-low,.vuu-density-medium,.vuu-density-high{--salt-animation-opacity-start: 0;--salt-animation-opacity-end: 1;--salt-animation-scale-start: 0;--salt-animation-scale-end: 1;--salt-animation-transform-start: 100%;--salt-animation-transform-end: 0;--salt-animation-duration: .3s;--salt-animation-timing-function: ease-in;--salt-animation-slide-in-top: slide-in-top var(--salt-animation-duration) var(--salt-animation-timing-function);--salt-animation-slide-in-left: slide-in-left var(--salt-animation-duration) var(--salt-animation-timing-function);--salt-animation-slide-in-right: slide-in-right var(--salt-animation-duration) var(--salt-animation-timing-function);--salt-animation-slide-in-bottom: slide-in-bottom var(--salt-animation-duration) var(--salt-animation-timing-function);--salt-animation-slide-out-top: slide-out-top var(--salt-animation-duration) var(--salt-animation-timing-function) both;--salt-animation-slide-out-left: slide-out-left var(--salt-animation-duration) var(--salt-animation-timing-function) both;--salt-animation-slide-out-right: slide-out-right var(--salt-animation-duration) var(--salt-animation-timing-function) both;--salt-animation-slide-out-bottom: slide-out-bottom var(--salt-animation-duration) var(--salt-animation-timing-function) both;--salt-animation-fade-in-back: fade-in-back var(--salt-animation-duration) var(--salt-animation-timing-function);--salt-animation-fade-in-forward: fade-in-forward var(--salt-animation-duration) var(--salt-animation-timing-function);--salt-animation-fade-in-center: fade-in-center var(--salt-animation-duration) var(--salt-animation-timing-function);--salt-animation-fade-out-back: fade-out-back var(--salt-animation-duration) ease-out both}@keyframes slide-in-top{0%{opacity:var(--salt-animation-opacity-start);transform:translateY(var(--salt-animation-transform-start))}to{opacity:var(--salt-animation-opacity-end);transform:translateY(var(--salt-animation-transform-end))}}@keyframes slide-out-top{0%{opacity:var(--salt-animation-opacity-end);transform:translateY(var(--salt-animation-transform-end))}to{opacity:var(--salt-animation-opacity-start);transform:translateY(var(--salt-animation-transform-start))}}@keyframes slide-in-left{0%{opacity:var(--salt-animation-opacity-start);transform:translate(calc(-1 * var(--salt-animation-transform-start)))}to{opacity:var(--salt-animation-opacity-end);transform:translate(var(--salt-animation-transform-end))}}@keyframes slide-out-left{0%{opacity:var(--salt-animation-opacity-end);transform:translate(var(--salt-animation-transform-end))}to{opacity:var(--salt-animation-opacity-start);transform:translate(calc(-1 * var(--salt-animation-transform-start)))}}@keyframes slide-in-right{0%{opacity:var(--salt-animation-opacity-start);transform:translate(var(--salt-animation-transform-start))}to{opacity:var(--salt-animation-opacity-end);transform:translate(var(--salt-animation-transform-end))}}@keyframes slide-out-right{0%{opacity:var(--salt-animation-opacity-end);transform:translate(var(--salt-animation-transform-end))}to{opacity:var(--salt-animation-opacity-start);transform:translate(var(--salt-animation-transform-start))}}@keyframes slide-in-bottom{0%{opacity:var(--salt-animation-opacity-start);transform:translateY(calc(-1 * var(--salt-animation-transform-start)))}to{opacity:var(--salt-animation-opacity-end);transform:translateY(var(--salt-animation-transform-end))}}@keyframes slide-out-bottom{0%{opacity:var(--salt-animation-opacity-end);transform:translateY(var(--salt-animation-transform-end))}to{opacity:var(--salt-animation-opacity-start);transform:translateY(calc(-1 * var(--salt-animation-transform-start)))}}@keyframes fade-in-back{0%{--salt-animation-scale-start: 1.4;opacity:var(--salt-animation-opacity-start);transform:scale(var(--salt-animation-scale-start))}to{opacity:var(--salt-animation-opacity-end);transform:scale(var(--salt-animation-scale-end))}}@keyframes fade-in-forward{0%{--salt-animation-scale-start: .6;opacity:var(--salt-animation-opacity-start);transform:scale(var(--salt-animation-scale-start))}to{opacity:var(--salt-animation-opacity-end);transform:scale(var(--salt-animation-scale-end))}}@keyframes fade-in-center{0%{opacity:var(--salt-animation-opacity-start)}to{opacity:var(--salt-animation-opacity-end)}}@keyframes fade-out-back{0%{opacity:var(--salt-animation-opacity-end)}to{opacity:var(--salt-animation-opacity-start)}}.vuu-theme{--vuu-color-transparent: transparent;--vuu-color-black: black;--vuu-color-white: white;--vuu-color-purple-10: rgb(109,24,189);--vuu-color-pink-10: rgb(234, 120, 128);--vuu-color-gray-05: rgb(237, 237, 237);--vuu-color-gray-10: rgb(228, 227, 231);--vuu-color-gray-20: rgb(245, 242, 248);--vuu-color-gray-30: rgb(214, 215, 218);--vuu-color-gray-35: rgb(155, 158, 168);--vuu-color-gray-40: rgb(169, 170, 173);--vuu-color-gray-45: rgb(119, 124, 148);--vuu-color-gray-50: rgb(96, 100, 119);--vuu-color-gray-80: rgb(21, 23, 27);--salt-color-white: rgb(255, 255, 255);--salt-color-black: rgb(0, 0, 0);--salt-color-red-10: rgb(255, 227, 224);--salt-color-red-20: rgb(255, 207, 201);--salt-color-red-30: rgb(255, 187, 178);--salt-color-red-40: rgb(255, 167, 156);--salt-color-red-50: rgb(255, 148, 133);--salt-color-red-100: rgb(255, 128, 111);--salt-color-red-200: rgb(255, 108, 88);--salt-color-red-300: rgb(255, 89, 66);--salt-color-red-400: rgb(237, 65, 42);--salt-color-red-500: rgb(227, 43, 22);--salt-color-red-600: rgb(196, 32, 16);--salt-color-red-700: rgb(166, 21, 11);--salt-color-red-800: rgb(136, 10, 5);--salt-color-red-900: rgb(65, 37, 34);--salt-color-orange-10: rgb(255, 232, 191);--salt-color-orange-20: rgb(254, 223, 166);--salt-color-orange-30: rgb(254, 214, 142);--salt-color-orange-40: rgb(254, 205, 118);--salt-color-orange-50: rgb(254, 197, 94);--salt-color-orange-100: rgb(250, 181, 81);--salt-color-orange-200: rgb(246, 165, 68);--salt-color-orange-300: rgb(242, 149, 56);--salt-color-orange-400: rgb(238, 133, 43);--salt-color-orange-500: rgb(234, 115, 25);--salt-color-orange-600: rgb(224, 101, 25);--salt-color-orange-700: rgb(214, 85, 19);--salt-color-orange-800: rgb(204, 68, 13);--salt-color-orange-900: rgb(54, 44, 36);--salt-color-green-10: rgb(209, 244, 201);--salt-color-green-20: rgb(184, 232, 182);--salt-color-green-30: rgb(160, 221, 164);--salt-color-green-40: rgb(136, 210, 145);--salt-color-green-50: rgb(112, 199, 127);--salt-color-green-100: rgb(93, 189, 116);--salt-color-green-200: rgb(77, 180, 105);--salt-color-green-300: rgb(60, 171, 96);--salt-color-green-400: rgb(48, 156, 90);--salt-color-green-500: rgb(36, 135, 75);--salt-color-green-600: rgb(24, 114, 61);--salt-color-green-700: rgb(12, 93, 46);--salt-color-green-800: rgb(1, 73, 32);--salt-color-green-900: rgb(35, 52, 43);--salt-color-teal-10: rgb(218, 240, 240);--salt-color-teal-20: rgb(199, 232, 232);--salt-color-teal-30: rgb(180, 224, 225);--salt-color-teal-40: rgb(162, 217, 218);--salt-color-teal-50: rgb(141, 205, 209);--salt-color-teal-100: rgb(123, 193, 200);--salt-color-teal-200: rgb(99, 181, 192);--salt-color-teal-300: rgb(73, 160, 172);--salt-color-teal-400: rgb(48, 149, 166);--salt-color-teal-500: rgb(0, 130, 151);--salt-color-teal-600: rgb(27, 107, 133);--salt-color-teal-700: rgb(0, 85, 113);--salt-color-teal-800: rgb(1, 65, 86);--salt-color-teal-900: rgb(0, 49, 76);--salt-color-blue-10: rgb(203, 231, 249);--salt-color-blue-20: rgb(183, 222, 246);--salt-color-blue-30: rgb(164, 213, 244);--salt-color-blue-40: rgb(144, 204, 242);--salt-color-blue-50: rgb(125, 195, 240);--salt-color-blue-100: rgb(100, 177, 228);--salt-color-blue-200: rgb(75, 159, 216);--salt-color-blue-300: rgb(51, 141, 205);--salt-color-blue-400: rgb(46, 132, 198);--salt-color-blue-500: rgb(38, 112, 169);--salt-color-blue-600: rgb(21, 92, 147);--salt-color-blue-700: rgb(0, 71, 123);--salt-color-blue-800: rgb(39, 60, 77);--salt-color-blue-900: rgb(35, 47, 56);--salt-color-purple-10: rgb(249, 224, 247);--salt-color-purple-20: rgb(247, 212, 244);--salt-color-purple-30: rgb(245, 201, 241);--salt-color-purple-40: rgb(243, 189, 238);--salt-color-purple-50: rgb(241, 178, 235);--salt-color-purple-100: rgb(223, 156, 225);--salt-color-purple-200: rgb(205, 135, 215);--salt-color-purple-300: rgb(192, 116, 203);--salt-color-purple-400: rgb(169, 97, 181);--salt-color-purple-500: rgb(150, 78, 162);--salt-color-purple-600: rgb(129, 60, 141);--salt-color-purple-700: rgb(103, 46, 122);--salt-color-purple-800: rgb(83, 37, 109);--salt-color-purple-900: rgb(59, 16, 84);--salt-color-gray-10: rgb(242, 244, 246);--salt-color-gray-20: rgb(234, 237, 239);--salt-color-gray-30: rgb(224, 228, 233);--salt-color-gray-40: rgb(217, 221, 227);--salt-color-gray-50: rgb(206, 210, 217);--salt-color-gray-60: rgb(197, 201, 208);--salt-color-gray-70: rgb(180, 183, 190);--salt-color-gray-80: rgb(159, 163, 170);--salt-color-gray-90: rgb(132, 135, 142);--salt-color-gray-100: rgb(116, 119, 127);--salt-color-gray-200: rgb(97, 101, 110);--salt-color-gray-300: rgb(76, 80, 91);--salt-color-gray-400: rgb(68, 72, 79);--salt-color-gray-500: rgb(59, 63, 70);--salt-color-gray-600: rgb(47, 49, 54);--salt-color-gray-700: rgb(42, 44, 47);--salt-color-gray-800: rgb(36, 37, 38);--salt-color-gray-900: rgb(22, 22, 22)}.vuu-theme{--salt-duration-instant: 0ms;--salt-duration-perceptible: .3s;--salt-duration-notable: 1s;--salt-duration-cutoff: 10s}.vuu-theme{--salt-color-blue-100-fade-foreground: rgba(100, 177, 228, var(--salt-palette-opacity-disabled));--salt-color-blue-500-fade-foreground: rgba(38, 112, 169, var(--salt-palette-opacity-disabled));--salt-color-blue-600-fade-foreground: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));--salt-color-gray-200-fade-foreground: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));--salt-color-gray-70-fade-foreground: rgba(180, 183, 190, var(--salt-palette-opacity-disabled));--salt-color-gray-90-fade-foreground: rgba(132, 135, 142, var(--salt-palette-opacity-disabled));--salt-color-gray-900-fade-foreground: rgba(22, 22, 22, var(--salt-palette-opacity-disabled));--salt-color-green-300-fade-foreground: rgba(60, 171, 96, var(--salt-palette-opacity-disabled));--salt-color-green-400-fade-foreground: rgba(48, 156, 90, var(--salt-palette-opacity-disabled));--salt-color-green-500-fade-foreground: rgba(36, 135, 75, var(--salt-palette-opacity-disabled));--salt-color-green-700-fade-foreground: rgba(12, 93, 46, var(--salt-palette-opacity-disabled));--salt-color-red-300-fade-foreground: rgba(255, 89, 66, var(--salt-palette-opacity-disabled));--salt-color-red-500-fade-foreground: rgba(227, 43, 22, var(--salt-palette-opacity-disabled));--salt-color-red-700-fade-foreground: rgba(166, 21, 11, var(--salt-palette-opacity-disabled));--salt-color-white-fade-foreground: rgba(255, 255, 255, var(--salt-palette-opacity-disabled));--salt-color-blue-500-fade-border: rgba(38, 112, 169, var(--salt-palette-opacity-disabled));--salt-color-gray-60-fade-border: rgba(197, 201, 208, var(--salt-palette-opacity-disabled));--salt-color-gray-90-fade-border: rgba(132, 135, 142, var(--salt-palette-opacity-disabled));--salt-color-gray-200-fade-border: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));--salt-color-gray-300-fade-border: rgba(76, 80, 91, var(--salt-palette-opacity-disabled));--salt-color-green-400-fade-border: rgba(48, 156, 90, var(--salt-palette-opacity-disabled));--salt-color-green-500-fade-border: rgba(36, 135, 75, var(--salt-palette-opacity-disabled));--salt-color-orange-400-fade-border: rgba(238, 133, 43, var(--salt-palette-opacity-disabled));--salt-color-orange-500-fade-border: rgba(234, 115, 25, var(--salt-palette-opacity-disabled));--salt-color-orange-600-fade-border: rgba(224, 101, 25, var(--salt-palette-opacity-disabled));--salt-color-orange-700-fade-border: rgba(214, 85, 19, var(--salt-palette-opacity-disabled));--salt-color-red-500-fade-border: rgba(227, 43, 22, var(--salt-palette-opacity-disabled));--salt-color-gray-90-fade-border-readonly: rgba(132, 135, 142, var(--salt-palette-opacity-border-readonly));--salt-color-gray-200-fade-border-readonly: rgba(97, 101, 110, var(--salt-palette-opacity-border-readonly));--salt-color-blue-30-fade-background: rgba(164, 213, 244, var(--salt-palette-opacity-disabled));--salt-color-blue-500-fade-background: rgba(38, 112, 169, var(--salt-palette-opacity-disabled));--salt-color-blue-600-fade-background: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));--salt-color-blue-700-fade-background: rgba(0, 71, 123, var(--salt-palette-opacity-disabled));--salt-color-gray-20-fade-background: rgba(234, 237, 239, var(--salt-palette-opacity-disabled));--salt-color-gray-60-fade-background: rgba(197, 201, 208, var(--salt-palette-opacity-disabled));--salt-color-gray-70-fade-background: rgba(180, 183, 190, var(--salt-palette-opacity-disabled));--salt-color-gray-200-fade-background: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));--salt-color-gray-300-fade-background: rgba(76, 80, 91, var(--salt-palette-opacity-disabled));--salt-color-gray-600-fade-background: rgba(47, 49, 54, var(--salt-palette-opacity-disabled));--salt-color-gray-800-fade-background: rgba(36, 37, 38, var(--salt-palette-opacity-disabled));--salt-color-white-fade-background: rgba(255, 255, 255, var(--salt-palette-opacity-disabled));--salt-color-white-fade-background-readonly: rgba(255, 255, 255, var(--salt-palette-opacity-background-readonly));--salt-color-gray-20-fade-background-readonly: rgba(234, 237, 239, var(--salt-palette-opacity-background-readonly));--salt-color-gray-600-fade-background-readonly: rgba(47, 49, 54, var(--salt-palette-opacity-background-readonly));--salt-color-gray-800-fade-background-readonly: rgba(36, 37, 38, var(--salt-palette-opacity-background-readonly));--salt-color-black-fade-backdrop: rgba(36, 37, 38, var(--salt-palette-opacity-backdrop));--salt-color-blue-100-fade-fill: rgba(100, 177, 228, var(--salt-palette-opacity-disabled));--salt-color-blue-600-fade-fill: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));--salt-color-white-fade-separatorOpacity-primary: rgba(255, 255, 255, var(--salt-palette-opacity-primary-border));--salt-color-white-fade-separatorOpacity-secondary: rgba(255, 255, 255, var(--salt-palette-opacity-secondary-border));--salt-color-white-fade-separatorOpacity-tertiary: rgba(255, 255, 255, var(--salt-palette-opacity-tertiary-border));--salt-color-black-fade-separatorOpacity-primary: rgba(0, 0, 0, var(--salt-palette-opacity-primary-border));--salt-color-black-fade-separatorOpacity-secondary: rgba(0, 0, 0, var(--salt-palette-opacity-secondary-border));--salt-color-black-fade-separatorOpacity-tertiary: rgba(0, 0, 0, var(--salt-palette-opacity-tertiary-border))}.vuu-density-touch{--salt-icon-size-base: 16px;--salt-icon-size-status-adornment: 12px}.vuu-density-low{--salt-icon-size-base: 14px;--salt-icon-size-status-adornment: 10px}.vuu-density-medium{--salt-icon-size-base: 12px;--salt-icon-size-status-adornment: 8px}.vuu-density-high{--salt-icon-size-base: 10px;--salt-icon-size-status-adornment: 6px}.vuu-theme{--salt-opacity-0: 0;--salt-opacity-8: .08;--salt-opacity-15: .15;--salt-opacity-25: .25;--salt-opacity-40: .4;--salt-opacity-70: .7}.vuu-theme[data-mode=light]{--salt-shadow-1-color: rgba(0, 0, 0, .1);--salt-shadow-2-color: rgba(0, 0, 0, .1);--salt-shadow-3-color: rgba(0, 0, 0, .15);--salt-shadow-4-color: rgba(0, 0, 0, .2);--salt-shadow-5-color: rgba(0, 0, 0, .3)}.vuu-theme[data-mode=dark]{--salt-shadow-1-color: rgba(0, 0, 0, .5);--salt-shadow-2-color: rgba(0, 0, 0, .5);--salt-shadow-3-color: rgba(0, 0, 0, .55);--salt-shadow-4-color: rgba(0, 0, 0, .55);--salt-shadow-5-color: rgba(0, 0, 0, .65)}.vuu-theme{--salt-shadow-0: none;--salt-shadow-1: 0 1px 3px 0 var(--salt-shadow-1-color);--salt-shadow-2: 0 2px 4px 0 var(--salt-shadow-2-color);--salt-shadow-3: 0 4px 8px 0 var(--salt-shadow-3-color);--salt-shadow-4: 0 6px 10px 0 var(--salt-shadow-4-color);--salt-shadow-5: 0 12px 40px 0 var(--salt-shadow-5-color)}.vuu-density-touch,.vuu-density-low,.vuu-density-medium,.vuu-density-high{--salt-size-basis-unit: 4px;--salt-size-adornmentGap: calc(.75 * var(--salt-size-unit));--salt-size-container-spacing: calc(3 * var(--salt-size-unit));--salt-size-separator-strokeWidth: 1px;--salt-size-selectable: calc(var(--salt-size-base) - (1.5 * var(--salt-size-unit)) - (.5 * var(--salt-size-basis-unit)));--salt-size-separator-height: calc(var(--salt-size-compact) + 1.5 * var(--salt-size-basis-unit));--salt-size-sharktooth-height: 5px;--salt-size-sharktooth-width: 10px;--salt-size-stackable: calc(var(--salt-size-base) + var(--salt-size-unit))}.vuu-density-high{--salt-size-unit: calc(var(--salt-size-basis-unit) * 1);--salt-size-compact: calc(var(--salt-size-basis-unit) * 1.5);--salt-size-accent: calc(var(--salt-size-basis-unit) * .5);--salt-size-adornment: 6px;--salt-size-bar: 2px;--salt-size-base: 20px;--salt-size-border: 1px;--salt-size-selectable: 12px;--salt-size-icon: 12px}.vuu-density-medium{--salt-size-unit: calc(var(--salt-size-basis-unit) * 2);--salt-size-compact: calc(var(--salt-size-basis-unit) * 2);--salt-size-accent: calc(var(--salt-size-basis-unit) * 1);--salt-size-adornment: 8px;--salt-size-bar: 4px;--salt-size-base: 28px;--salt-size-border: 1px;--salt-size-selectable: 14px;--salt-size-icon: 12px}.vuu-density-low{--salt-size-unit: calc(var(--salt-size-basis-unit) * 3);--salt-size-compact: calc(var(--salt-size-basis-unit) * 2.5);--salt-size-accent: calc(var(--salt-size-basis-unit) * 1.5);--salt-size-adornment: 10px;--salt-size-bar: 6px;--salt-size-base: 36px;--salt-size-border: 1px;--salt-size-selectable: 16px;--salt-size-icon: 14px}.vuu-density-touch{--salt-size-unit: calc(var(--salt-size-basis-unit) * 4);--salt-size-compact: calc(var(--salt-size-basis-unit) * 3);--salt-size-accent: calc(var(--salt-size-basis-unit) * 2);--salt-size-adornment: 12px;--salt-size-bar: 8px;--salt-size-base: 44px;--salt-size-border: 1px;--salt-size-selectable: 18px;--salt-size-icon: 16px}.vuu-density-touch{--salt-spacing-100: 16px}.vuu-density-low{--salt-spacing-100: 12px}.vuu-density-medium{--salt-spacing-100: 8px}.vuu-density-high{--salt-spacing-100: 4px}.vuu-density-touch,.vuu-density-low,.vuu-density-medium,.vuu-density-high{--salt-spacing-25: calc(.25 * var(--salt-spacing-100));--salt-spacing-50: calc(.5 * var(--salt-spacing-100));--salt-spacing-75: calc(.75 * var(--salt-spacing-100));--salt-spacing-150: calc(1.5 * var(--salt-spacing-100));--salt-spacing-200: calc(2 * var(--salt-spacing-100));--salt-spacing-250: calc(2.5 * var(--salt-spacing-100));--salt-spacing-300: calc(3 * var(--salt-spacing-100));--salt-spacing-350: calc(3.5 * var(--salt-spacing-100));--salt-spacing-400: calc(4 * var(--salt-spacing-100))}.vuu-theme{--salt-typography-fontFamily: "Nunito Sans";--salt-typography-fontFamily-code: "PT Mono";--salt-typography-fontWeight-light: 300;--salt-typography-fontWeight-regular: 400;--salt-typography-fontWeight-medium: 500;--salt-typography-fontWeight-semiBold: 600;--salt-typography-fontWeight-bold: 700;--salt-typography-fontWeight-extraBold: 800}.vuu-density-touch,.vuu-density-low,.vuu-density-medium,.vuu-density-high{--salt-zIndex-default: 1;--salt-zIndex-popout: 1000;--salt-zIndex-docked: 1050;--salt-zIndex-appHeader: 1100;--salt-zIndex-drawer: 1200;--salt-zIndex-modal: 1300;--salt-zIndex-notification: 1400;--salt-zIndex-dragObject: 1420;--salt-zIndex-contextMenu: 1450;--salt-zIndex-flyover: 1500}.vuu-theme[data-mode=light],.vuu-theme[data-mode=dark]{--salt-palette-accent-background: var(--salt-color-blue-500);--salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);--salt-palette-accent-border: var(--salt-color-blue-500);--salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);--salt-palette-accent-foreground: var(--salt-color-white);--salt-palette-accent-foreground-disabled: var(--salt-color-white-fade-foreground)}.vuu-theme[data-mode=light]{--salt-palette-error-background: var(--salt-color-red-10);--salt-palette-error-background-selected: var(--salt-color-red-20);--salt-palette-error-border: var(--salt-color-red-500);--salt-palette-error-foreground: var(--salt-color-red-500)}.vuu-theme[data-mode=dark]{--salt-palette-error-background: var(--salt-color-red-900);--salt-palette-error-background-selected: var(--salt-color-red-900);--salt-palette-error-border: var(--salt-color-red-500);--salt-palette-error-foreground: var(--salt-color-red-500)}.vuu-theme[data-mode=light]{--salt-palette-info-background: var(--salt-color-blue-10);--salt-palette-info-border: var(--salt-color-blue-500);--salt-palette-info-foreground: var(--salt-color-blue-500)}.vuu-theme[data-mode=dark]{--salt-palette-info-background: var(--salt-color-blue-900);--salt-palette-info-border: var(--salt-color-blue-500);--salt-palette-info-foreground: var(--salt-color-blue-500)}.vuu-theme[data-mode=light]{--salt-palette-interact-background: transparent;--salt-palette-interact-background-blurSelected: var(--salt-color-gray-30);--salt-palette-interact-background-hover: var(--vuu-color-gray-10);--salt-palette-interact-background-active: var(--vuu-color-purple-10);--salt-palette-interact-background-disabled: var(--vuu-color-gray-35);--salt-palette-interact-background-activeDisabled: var(--salt-color-blue-30-fade-background);--salt-palette-interact-border: var(--vuu-color-gray-45);--salt-palette-interact-border-active: var(--vuu-color-purple-10);--salt-palette-interact-border-activeDisabled: var(--salt-color-blue-600-fade-fill);--salt-palette-interact-border-disabled: var(--salt-color-gray-200-fade-border);--salt-palette-interact-border-hover: var(--salt-color-blue-500);--salt-palette-interact-border-readonly: var(--salt-color-gray-200-fade-border-readonly);--salt-palette-interact-foreground: var(--salt-color-gray-200);--salt-palette-interact-foreground-active: var(--vuu-color-purple-10);--salt-palette-interact-foreground-activeDisabled: var(--salt-color-blue-600-fade-foreground);--salt-palette-interact-foreground-disabled: var(--salt-color-gray-200-fade-foreground);--salt-palette-interact-foreground-hover: var(--salt-color-blue-500);--salt-palette-interact-outline: var(--salt-color-blue-600);--salt-palette-interact-cta-background: var(--salt-color-blue-600);--salt-palette-interact-cta-background-active: var(--salt-color-blue-700);--salt-palette-interact-cta-background-activeDisabled: var(--salt-color-blue-700-fade-background);--salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-fade-background);--salt-palette-interact-cta-background-hover: var(--salt-color-blue-500);--salt-palette-interact-cta-foreground: var(--salt-color-white);--salt-palette-interact-cta-foreground-active: var(--salt-color-white);--salt-palette-interact-cta-foreground-activeDisabled: var(--salt-color-white-fade-foreground);--salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-fade-foreground);--salt-palette-interact-cta-foreground-hover: var(--salt-color-white);--salt-palette-interact-primary-background: var(--vuu-color-white);--salt-palette-interact-primary-background-active: var(--salt-color-gray-200);--salt-palette-interact-primary-background-activeDisabled: var(--salt-color-gray-200-fade-background);--salt-palette-interact-primary-background-disabled: var(--salt-color-gray-60-fade-background);--salt-palette-interact-primary-background-hover: var(--vuu-color-pink-10);--salt-palette-interact-primary-foreground: var(--vuu-color-gray-50);--salt-palette-interact-primary-foreground-active: var(--salt-color-white);--salt-palette-interact-primary-foreground-activeDisabled: var(--salt-color-white-fade-foreground);--salt-palette-interact-primary-foreground-disabled: var(--salt-color-gray-900-fade-foreground);--salt-palette-interact-primary-foreground-hover: var(--vuu-color-gray-80);--salt-palette-interact-secondary-background: transparent;--salt-palette-interact-secondary-background-active: var(--vuu-color-purple-10);--salt-palette-interact-secondary-background-activeDisabled: var(--salt-color-gray-200-fade-background);--salt-palette-interact-secondary-background-disabled: transparent;--salt-palette-interact-secondary-background-hover: var(--salt-color-gray-40);--salt-palette-interact-secondary-foreground: var(--salt-color-gray-900);--salt-palette-interact-secondary-foreground-active: var(--salt-color-white);--salt-palette-interact-secondary-foreground-activeDisabled: var(--salt-color-white-fade-foreground);--salt-palette-interact-secondary-foreground-disabled: var(--salt-color-gray-900-fade-foreground);--salt-palette-interact-secondary-foreground-hover: var(--salt-color-gray-900)}.vuu-theme[data-mode=dark]{--salt-palette-interact-background: transparent;--salt-palette-interact-background-active: var(--salt-color-blue-700);--salt-palette-interact-background-blurSelected: var(--salt-color-gray-600);--salt-palette-interact-background-hover: var(--salt-color-blue-800);--salt-palette-interact-background-disabled: transparent;--salt-palette-interact-background-activeDisabled: var(--salt-color-blue-700-fade-background);--salt-palette-interact-border: var(--salt-color-gray-90);--salt-palette-interact-border-active: var(--salt-color-blue-100);--salt-palette-interact-border-activeDisabled: var(--salt-color-blue-100-fade-fill);--salt-palette-interact-border-disabled: var(--salt-color-gray-90-fade-border);--salt-palette-interact-border-hover: var(--salt-color-blue-500);--salt-palette-interact-border-readonly: var(--salt-color-gray-90-fade-border-readonly);--salt-palette-interact-foreground: var(--salt-color-gray-90);--salt-palette-interact-foreground-active: var(--salt-color-blue-100);--salt-palette-interact-foreground-activeDisabled: var(--salt-color-blue-100-fade-foreground);--salt-palette-interact-foreground-disabled: var(--salt-color-gray-90-fade-foreground);--salt-palette-interact-foreground-hover: var(--salt-color-blue-500);--salt-palette-interact-outline: var(--vuu-color-pink-10);--salt-palette-interact-cta-background: var(--salt-color-blue-600);--salt-palette-interact-cta-background-active: var(--salt-color-blue-700);--salt-palette-interact-cta-background-activeDisabled: var(--salt-color-blue-700-fade-background);--salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-fade-background);--salt-palette-interact-cta-background-hover: var(--salt-color-blue-500);--salt-palette-interact-cta-foreground: var(--salt-color-white);--salt-palette-interact-cta-foreground-active: var(--salt-color-white);--salt-palette-interact-cta-foreground-activeDisabled: var(--salt-color-white-fade-foreground);--salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-fade-foreground);--salt-palette-interact-cta-foreground-hover: var(--salt-color-white);--salt-palette-interact-primary-background: var(--salt-color-gray-300);--salt-palette-interact-primary-background-active: var(--salt-color-gray-70);--salt-palette-interact-primary-background-activeDisabled: var(--salt-color-gray-70-fade-background);--salt-palette-interact-primary-background-disabled: var(--salt-color-gray-300-fade-background);--salt-palette-interact-primary-background-hover: var(--salt-color-gray-200);--salt-palette-interact-primary-foreground: var(--salt-color-white);--salt-palette-interact-primary-foreground-active: var(--salt-color-gray-900);--salt-palette-interact-primary-foreground-activeDisabled: var(--salt-color-gray-900-fade-foreground);--salt-palette-interact-primary-foreground-disabled: var(--salt-color-white-fade-foreground);--salt-palette-interact-primary-foreground-hover: var(--salt-color-white);--salt-palette-interact-secondary-background: transparent;--salt-palette-interact-secondary-background-active: var(--salt-color-gray-70);--salt-palette-interact-secondary-background-activeDisabled: var(--salt-color-gray-70-fade-background);--salt-palette-interact-secondary-background-disabled: transparent;--salt-palette-interact-secondary-background-hover: var(--salt-color-gray-200);--salt-palette-interact-secondary-foreground: var(--salt-color-white);--salt-palette-interact-secondary-foreground-active: var(--salt-color-gray-900);--salt-palette-interact-secondary-foreground-activeDisabled: var(--salt-color-gray-900-fade-foreground);--salt-palette-interact-secondary-foreground-disabled: var(--salt-color-white-fade-foreground);--salt-palette-interact-secondary-foreground-hover: var(--salt-color-white)}.vuu-theme[data-mode=light]{--salt-palette-navigate-primary-background: transparent;--salt-palette-navigate-primary-background-active: transparent;--salt-palette-navigate-primary-background-hover: var(--salt-color-gray-20);--salt-palette-navigate-secondary-background: transparent;--salt-palette-navigate-secondary-background-active: transparent;--salt-palette-navigate-secondary-background-hover: var(--salt-color-gray-30);--salt-palette-navigate-tertiary-background: transparent;--salt-palette-navigate-tertiary-background-active: transparent;--salt-palette-navigate-tertiary-background-hover: var(--salt-color-gray-20);--salt-palette-navigate-foreground-hover: var(--salt-color-blue-600);--salt-palette-navigate-foreground-active: var(--salt-color-blue-700);--salt-palette-navigate-foreground-visited: var(--salt-color-purple-800);--salt-palette-navigate-indicator-hover: var(--salt-color-gray-90);--salt-palette-navigate-indicator-active: var(--vuu-color-purple-10);--salt-palette-navigate-indicator-activeDisabled: var(--salt-color-orange-600-fade-border)}.vuu-theme[data-mode=dark]{--salt-palette-navigate-primary-background: transparent;--salt-palette-navigate-primary-background-active: transparent;--salt-palette-navigate-primary-background-hover: var(--salt-color-gray-700);--salt-palette-navigate-secondary-background: transparent;--salt-palette-navigate-secondary-background-active: transparent;--salt-palette-navigate-secondary-background-hover: var(--salt-color-gray-600);--salt-palette-navigate-tertiary-background: transparent;--salt-palette-navigate-tertiary-background-active: transparent;--salt-palette-navigate-tertiary-background-hover: var(--salt-color-gray-700);--salt-palette-navigate-foreground-hover: var(--salt-color-blue-200);--salt-palette-navigate-foreground-active: var(--salt-color-blue-300);--salt-palette-navigate-foreground-visited: var(--salt-color-purple-100);--salt-palette-navigate-indicator-hover: var(--salt-color-gray-90);--salt-palette-navigate-indicator-active: var(--vuu-color-pink-10);--salt-palette-navigate-indicator-activeDisabled: var(--salt-color-orange-400-fade-border)}.vuu-theme[data-mode=light]{--salt-palette-negative-foreground: var(--salt-color-red-700)}.vuu-theme[data-mode=dark]{--salt-palette-negative-foreground: var(--salt-color-red-300)}.vuu-theme[data-mode=light]{--salt-palette-neutral-primary-background: var(--salt-color-white);--salt-palette-neutral-primary-background-disabled: var(--salt-color-white-fade-background);--salt-palette-neutral-primary-background-readonly: var(--salt-color-white-fade-background-readonly);--salt-palette-neutral-primary-foreground: var(--vuu-color-gray-80);--salt-palette-neutral-primary-foreground-disabled: var(--salt-color-gray-900-fade-foreground);--salt-palette-neutral-primary-separator: var(--salt-color-black-fade-separatorOpacity-primary);--salt-palette-neutral-primary-border: var(--vuu-color-purple-10);--salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-60-fade-border);--salt-palette-neutral-secondary-background: var(--vuu-color-gray-20);--salt-palette-neutral-secondary-background-disabled: var(--salt-color-gray-20-fade-background);--salt-palette-neutral-secondary-background-readonly: var(--salt-color-gray-20-fade-background-readonly);--salt-palette-neutral-secondary-border: var(--salt-color-gray-90);--salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-90-fade-border);--salt-palette-neutral-secondary-foreground: var(--salt-color-gray-200);--salt-palette-neutral-secondary-foreground-disabled: var(--salt-color-gray-200-fade-foreground);--salt-palette-neutral-backdrop: var(--salt-color-black-fade-backdrop);--salt-palette-neutral-secondary-separator: var(--salt-color-black-fade-separatorOpacity-secondary);--salt-palette-neutral-tertiary-background: transparent;--salt-palette-neutral-tertiary-background-disabled: transparent;--salt-palette-neutral-tertiary-border: transparent;--salt-palette-neutral-tertiary-border-disabled: transparent;--salt-palette-neutral-tertiary-separator: var(--vuu-color-gray-05)}.vuu-theme[data-mode=dark]{--salt-palette-neutral-primary-background: var(--salt-color-gray-800);--salt-palette-neutral-primary-background-disabled: var(--salt-color-gray-800-fade-background);--salt-palette-neutral-primary-background-readonly: var(--salt-color-gray-800-fade-background-readonly);--salt-palette-neutral-primary-border: var(--salt-color-gray-300);--salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-300-fade-border);--salt-palette-neutral-primary-foreground: var(--salt-color-white);--salt-palette-neutral-primary-foreground-disabled: var(--salt-color-white-fade-foreground);--salt-palette-neutral-primary-separator: var(--salt-color-white-fade-separatorOpacity-primary);--salt-palette-neutral-secondary-background: var(--salt-color-gray-600);--salt-palette-neutral-secondary-background-disabled: var(--salt-color-gray-600-fade-background);--salt-palette-neutral-secondary-background-readonly: var(--salt-color-gray-600-fade-background-readonly);--salt-palette-neutral-secondary-border: var(--salt-color-gray-90);--salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-90-fade-border);--salt-palette-neutral-secondary-foreground: var(--salt-color-gray-70);--salt-palette-neutral-secondary-foreground-disabled: var(--salt-color-gray-70-fade-foreground);--salt-palette-neutral-backdrop: var(--salt-color-black-fade-backdrop);--salt-palette-neutral-secondary-separator: var(--salt-color-white-fade-separatorOpacity-secondary);--salt-palette-neutral-tertiary-background: transparent;--salt-palette-neutral-tertiary-background-disabled: transparent;--salt-palette-neutral-tertiary-border: transparent;--salt-palette-neutral-tertiary-border-disabled: transparent;--salt-palette-neutral-tertiary-separator: var(--salt-color-white-fade-separatorOpacity-tertiary)}.vuu-theme{--salt-palette-opacity-backdrop: var(--salt-opacity-70);--salt-palette-opacity-disabled: var(--salt-opacity-40);--salt-palette-opacity-background-readonly: var(--salt-opacity-0);--salt-palette-opacity-border-readonly: var(--salt-opacity-15);--salt-palette-opacity-primary-border: var(--salt-opacity-40);--salt-palette-opacity-secondary-border: var(--salt-opacity-25);--salt-palette-opacity-tertiary-border: var(--salt-opacity-15)}.vuu-theme[data-mode=light]{--salt-palette-positive-foreground: var(--salt-color-green-700)}.vuu-theme[data-mode=dark]{--salt-palette-positive-foreground: var(--salt-color-green-300)}.vuu-theme[data-mode=light]{--salt-palette-success-background: var(--salt-color-green-10);--salt-palette-success-background-selected: var(--salt-color-green-20);--salt-palette-success-border: var(--salt-color-green-500);--salt-palette-success-foreground: var(--salt-color-green-500)}.vuu-theme[data-mode=dark]{--salt-palette-success-background: var(--salt-color-green-900);--salt-palette-success-background-selected: var(--salt-color-green-900);--salt-palette-success-border: var(--salt-color-green-400);--salt-palette-success-foreground: var(--salt-color-green-400)}.vuu-theme[data-mode=light]{--salt-palette-track-background: var(--salt-color-gray-60);--salt-palette-track-background-disabled: var(--salt-color-gray-60-fade-background);--salt-palette-track-border: var(--salt-color-gray-90);--salt-palette-track-border-disabled: var(--salt-color-gray-90-fade-border)}.vuu-theme[data-mode=dark]{--salt-palette-track-background: var(--salt-color-gray-300);--salt-palette-track-background-disabled: var(--salt-color-gray-300-fade-background);--salt-palette-track-border: var(--salt-color-gray-90);--salt-palette-track-border-disabled: var(--salt-color-gray-90-fade-border)}.vuu-theme[data-mode=light]{--salt-palette-warning-background: var(--salt-color-orange-10);--salt-palette-warning-background-selected: var(--salt-color-orange-20);--salt-palette-warning-border: var(--salt-color-orange-700);--salt-palette-warning-foreground: var(--salt-color-orange-700)}.vuu-theme[data-mode=dark]{--salt-palette-warning-background: var(--salt-color-orange-900);--salt-palette-warning-background-selected: var(--salt-color-orange-900);--salt-palette-warning-border: var(--salt-color-orange-500);--salt-palette-warning-foreground: var(--salt-color-orange-500)}.vuu-density-high{--salt-accent-fontSize: 8px;--salt-accent-lineHeight: 11px}.vuu-density-medium{--salt-accent-fontSize: 10px;--salt-accent-lineHeight: 13px}.vuu-density-low{--salt-accent-fontSize: 12px;--salt-accent-lineHeight: 16px}.vuu-density-touch{--salt-accent-fontSize: 14px;--salt-accent-lineHeight: 18px}.vuu-theme{--salt-accent-background: var(--salt-palette-accent-background);--salt-accent-background-disabled: var(--salt-palette-accent-background-disabled);--salt-accent-borderColor: var(--salt-palette-accent-border);--salt-accent-borderColor-disabled: var(--salt-palette-accent-border-disabled);--salt-accent-foreground: var(--salt-palette-accent-foreground);--salt-accent-foreground-disabled: var(--salt-palette-accent-foreground-disabled);--salt-accent-fontWeight: var(--salt-typography-fontWeight-semiBold)}.vuu-theme{--salt-actionable-cursor-hover: pointer;--salt-actionable-cursor-active: pointer;--salt-actionable-cursor-disabled: not-allowed;--salt-actionable-letterSpacing: .6px;--salt-actionable-textAlign: center;--salt-actionable-textTransform: uppercase;--salt-actionable-primary-foreground: var(--salt-palette-interact-primary-foreground);--salt-actionable-primary-foreground-hover: var(--salt-palette-interact-primary-foreground-hover);--salt-actionable-primary-foreground-active: var(--salt-palette-interact-primary-foreground-active);--salt-actionable-primary-foreground-disabled: var(--salt-palette-interact-primary-foreground-disabled);--salt-actionable-primary-background: var(--salt-palette-interact-primary-background);--salt-actionable-primary-background-hover: var(--salt-palette-interact-primary-background-hover);--salt-actionable-primary-background-active: var(--salt-palette-interact-primary-background-active);--salt-actionable-primary-background-disabled: var(--salt-palette-interact-primary-background-disabled);--salt-actionable-primary-fontWeight: var(--salt-typography-fontWeight-bold);--salt-actionable-cta-foreground: var(--salt-palette-interact-cta-foreground);--salt-actionable-cta-foreground-hover: var(--salt-palette-interact-cta-foreground-hover);--salt-actionable-cta-foreground-active: var(--salt-palette-interact-cta-foreground-active);--salt-actionable-cta-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);--salt-actionable-cta-background: var(--salt-palette-interact-cta-background);--salt-actionable-cta-background-hover: var(--salt-palette-interact-cta-background-hover);--salt-actionable-cta-background-active: var(--salt-palette-interact-cta-background-active);--salt-actionable-cta-background-disabled: var(--salt-palette-interact-cta-background-disabled);--salt-actionable-cta-fontWeight: var(--salt-typography-fontWeight-bold);--salt-actionable-secondary-foreground: var(--salt-palette-interact-secondary-foreground);--salt-actionable-secondary-foreground-hover: var(--salt-palette-interact-secondary-foreground-hover);--salt-actionable-secondary-foreground-active: var(--salt-palette-interact-secondary-foreground-active);--salt-actionable-secondary-foreground-disabled: var(--salt-palette-interact-secondary-foreground-disabled);--salt-actionable-secondary-background: var(--salt-palette-interact-secondary-background);--salt-actionable-secondary-background-hover: var(--salt-palette-interact-secondary-background-hover);--salt-actionable-secondary-background-active: var(--salt-palette-interact-secondary-background-active);--salt-actionable-secondary-background-disabled: var(--salt-palette-interact-secondary-background-disabled);--salt-actionable-secondary-fontWeight: var(--salt-typography-fontWeight-semiBold)}.vuu-theme{--salt-container-borderStyle: solid;--salt-container-primary-background: var(--salt-palette-neutral-primary-background);--salt-container-primary-background-disabled: var(--salt-palette-neutral-primary-background-disabled);--salt-container-primary-borderColor: var(--salt-palette-neutral-primary-border);--salt-container-primary-borderColor-disabled: var(--salt-palette-neutral-primary-border-disabled);--salt-container-secondary-background: var(--salt-palette-neutral-secondary-background);--salt-container-secondary-background-disabled: var(--salt-palette-neutral-secondary-background-disabled);--salt-container-secondary-borderColor: var(--salt-palette-neutral-secondary-border);--salt-container-secondary-borderColor-disabled: var(--salt-palette-neutral-secondary-border-disabled);--salt-container-tertiary-background: var(--salt-palette-neutral-tertiary-background);--salt-container-tertiary-background-disabled: var(--salt-palette-neutral-tertiary-background-disabled);--salt-container-tertiary-borderColor: var(--salt-palette-neutral-tertiary-border);--salt-container-tertiary-borderColor-disabled: var(--salt-palette-neutral-tertiary-border-disabled)}.vuu-theme{--salt-draggable-horizontal-cursor-hover: row-resize;--salt-draggable-horizontal-cursor-active: row-resize;--salt-draggable-vertical-cursor-hover: col-resize;--salt-draggable-vertical-cursor-active: col-resize;--salt-draggable-grab-cursor-hover: grab;--salt-draggable-grab-cursor-active: grabbing}.vuu-theme{--salt-target-background-hover: var(--salt-palette-interact-background-hover);--salt-target-borderColor-hover: var(--salt-palette-interact-border-hover);--salt-target-borderStyle: dashed;--salt-target-borderStyle-hover: solid;--salt-target-borderStyle-disabled: dashed;--salt-target-cursor-disabled: not-allowed}.vuu-theme{--salt-editable-cursor-hover: text;--salt-editable-cursor-active: text;--salt-editable-cursor-disabled: not-allowed;--salt-editable-cursor-readonly: text;--salt-editable-borderStyle: solid;--salt-editable-borderStyle-hover: solid;--salt-editable-borderStyle-active: solid;--salt-editable-borderStyle-disabled: solid;--salt-editable-borderStyle-readonly: solid;--salt-editable-borderWidth-active: 2px;--salt-editable-borderColor: var(--salt-palette-interact-border);--salt-editable-borderColor-active: var(--salt-palette-interact-border-active);--salt-editable-borderColor-disabled: var(--salt-palette-interact-border-disabled);--salt-editable-borderColor-hover: var(--salt-palette-interact-border-hover);--salt-editable-borderColor-readonly: var(--salt-palette-interact-border-readonly);--salt-editable-primary-background: var(--salt-palette-neutral-primary-background);--salt-editable-primary-background-active: var(--salt-palette-neutral-primary-background);--salt-editable-primary-background-disabled: var(--salt-palette-neutral-primary-background-disabled);--salt-editable-primary-background-hover: var(--salt-palette-neutral-primary-background);--salt-editable-primary-background-readonly: var(--salt-palette-neutral-primary-background-readonly);--salt-editable-secondary-background: var(--salt-palette-neutral-secondary-background);--salt-editable-secondary-background-active: var(--salt-palette-neutral-secondary-background);--salt-editable-secondary-background-disabled: var(--salt-palette-neutral-secondary-background-disabled);--salt-editable-secondary-background-hover: var(--salt-palette-neutral-secondary-background);--salt-editable-secondary-background-readonly: var(--salt-palette-neutral-secondary-background-readonly);--salt-editable-help-fontStyle: italic}.vuu-theme{--salt-focused-outlineColor: var(--salt-palette-interact-outline);--salt-focused-outlineStyle: dotted;--salt-focused-outlineWidth: 2px;--salt-focused-outlineInset: 0;--salt-focused-outlineOffset: 0;--salt-focused-outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor)}.saltFocusVisible:after,.focused:focus:after,.focused:focus-visible:after{content:"";inset:var(--salt-focused-outlineInset);outline-color:var(--salt-focused-outlineColor);outline-offset:var(--salt-focused-outlineOffset);outline-style:var(--salt-focused-outlineStyle);outline-width:var(--salt-focused-outlineWidth);position:absolute}.vuu-theme{--salt-navigable-cursor-active: pointer;--salt-navigable-cursor-hover: pointer;--salt-navigable-cursor-disabled: not-allowed;--salt-navigable-cursor-edit: text;--salt-navigable-fontWeight: var(--salt-typography-fontWeight-regular);--salt-navigable-fontWeight-hover: var(--salt-typography-fontWeight-regular);--salt-navigable-fontWeight-active: var(--salt-typography-fontWeight-semiBold);--salt-navigable-fontWeight-edit: var(--salt-typography-fontWeight-regular);--salt-navigable-indicator-hover: var(--salt-palette-navigate-indicator-hover);--salt-navigable-indicator-active: var(--salt-palette-navigate-indicator-active);--salt-navigable-indicator-activeDisabled: var(--salt-palette-navigate-indicator-activeDisabled);--salt-navigable-primary-background: var(--salt-palette-navigate-primary-background);--salt-navigable-primary-background-hover: var(--salt-palette-navigate-primary-background-hover);--salt-navigable-primary-background-active: var(--salt-palette-navigate-primary-background-active);--salt-navigable-secondary-background: var(--salt-palette-navigate-secondary-background);--salt-navigable-secondary-background-hover: var(--salt-palette-navigate-secondary-background-hover);--salt-navigable-secondary-background-active: var(--salt-palette-navigate-secondary-background-active);--salt-navigable-tertiary-background: var(--salt-palette-navigate-tertiary-background);--salt-navigable-tertiary-background-hover: var(--salt-palette-navigate-tertiary-background-hover);--salt-navigable-tertiary-background-active: var(--salt-palette-navigate-tertiary-background-active)}.vuu-theme{--salt-overlayable-shadow-scroll: var(--salt-shadow-1);--salt-overlayable-shadow-borderRegion: var(--salt-shadow-2);--salt-overlayable-shadow: var(--salt-shadow-2);--salt-overlayable-shadow-hover: var(--salt-shadow-3);--salt-overlayable-shadow-popout: var(--salt-shadow-4);--salt-overlayable-shadow-drag: var(--salt-shadow-4);--salt-overlayable-shadow-modal: var(--salt-shadow-5);--salt-overlayable-background: var(--salt-palette-neutral-backdrop)}.vuu-theme{--salt-selectable-cursor-hover: pointer;--salt-selectable-cursor-selected: pointer;--salt-selectable-cursor-blurSelected: pointer;--salt-selectable-cursor-disabled: not-allowed;--salt-selectable-cursor-readonly: not-allowed;--salt-selectable-borderStyle: solid;--salt-selectable-borderStyle-hover: solid;--salt-selectable-borderStyle-selected: solid;--salt-selectable-borderStyle-blurSelected: solid;--salt-selectable-borderColor: var(--salt-palette-interact-border);--salt-selectable-borderColor-hover: var(--salt-palette-interact-border-hover);--salt-selectable-borderColor-selected: var(--salt-palette-interact-border-active);--salt-selectable-borderColor-selectedDisabled: var(--salt-palette-interact-border-activeDisabled);--salt-selectable-borderColor-disabled: var(--salt-palette-interact-border-disabled);--salt-selectable-borderColor-readonly: var(--salt-palette-interact-border-readonly);--salt-selectable-foreground: var(--salt-palette-interact-foreground);--salt-selectable-foreground-disabled: var(--salt-palette-interact-foreground-disabled);--salt-selectable-foreground-hover: var(--salt-palette-interact-foreground-hover);--salt-selectable-foreground-selected: var(--salt-palette-interact-foreground-active);--salt-selectable-foreground-selectedDisabled: var(--salt-palette-interact-foreground-activeDisabled);--salt-selectable-background: var(--salt-palette-interact-background);--salt-selectable-background-hover: var(--salt-palette-interact-background-hover);--salt-selectable-background-selected: var(--salt-palette-interact-background-active);--salt-selectable-background-blurSelected: var(--salt-palette-interact-background-blurSelected);--salt-selectable-background-disabled: var(--salt-palette-interact-background-disabled);--salt-selectable-background-selectedDisabled: var(--salt-palette-interact-background-activeDisabled);--salt-selectable-cta-foreground-hover: var(--salt-palette-interact-cta-foreground-hover);--salt-selectable-cta-foreground-selected: var(--salt-palette-interact-cta-foreground-active);--salt-selectable-cta-foreground-selectedDisabled: var(--salt-palette-interact-cta-foreground-activeDisabled);--salt-selectable-cta-background: var(--salt-palette-interact-background);--salt-selectable-cta-background-disabled: var(--salt-palette-interact-background-disabled);--salt-selectable-cta-background-hover: var(--salt-palette-interact-cta-background-hover);--salt-selectable-cta-background-selected: var(--salt-palette-interact-cta-background-active);--salt-selectable-cta-background-selectedDisabled: var(--salt-palette-interact-cta-background-activeDisabled);--salt-selectable-primary-foreground-hover: var(--salt-palette-interact-primary-foreground-hover);--salt-selectable-primary-foreground-selected: var(--salt-palette-interact-primary-foreground-active);--salt-selectable-primary-foreground-selectedDisabled: var(--salt-palette-interact-primary-foreground-activeDisabled);--salt-selectable-primary-background: var(--salt-palette-interact-background);--salt-selectable-primary-background-disabled: var(--salt-palette-interact-background-disabled);--salt-selectable-primary-background-hover: var(--salt-palette-interact-primary-background-hover);--salt-selectable-primary-background-selected: var(--salt-palette-interact-primary-background-active);--salt-selectable-primary-background-selectedDisabled: var(--salt-palette-interact-primary-background-activeDisabled);--salt-selectable-secondary-foreground-hover: var(--salt-palette-interact-secondary-foreground-hover);--salt-selectable-secondary-foreground-selected: var(--salt-palette-interact-secondary-foreground-active);--salt-selectable-secondary-foreground-selectedDisabled: var(--salt-palette-interact-secondary-foreground-activeDisabled);--salt-selectable-secondary-background: var(--salt-palette-interact-background);--salt-selectable-secondary-background-disabled: var(--salt-palette-interact-background-disabled);--salt-selectable-secondary-background-hover: var(--salt-palette-interact-secondary-background-hover);--salt-selectable-secondary-background-selected: var(--salt-palette-interact-secondary-background-active);--salt-selectable-secondary-background-selectedDisabled: var(--salt-palette-interact-secondary-background-activeDisabled)}.vuu-theme{--salt-separable-borderStyle: solid;--salt-separable-primary-borderColor: var(--salt-palette-neutral-primary-separator);--salt-separable-secondary-borderColor: var(--salt-palette-neutral-secondary-separator);--salt-separable-tertiary-borderColor: var(--salt-palette-neutral-tertiary-separator)}.vuu-theme{--salt-status-info-foreground: var(--salt-palette-info-foreground);--salt-status-success-foreground: var(--salt-palette-success-foreground);--salt-status-warning-foreground: var(--salt-palette-warning-foreground);--salt-status-error-foreground: var(--salt-palette-error-foreground);--salt-status-static-foreground: var(--salt-palette-neutral-secondary-foreground);--salt-status-negative-foreground: var(--salt-palette-negative-foreground);--salt-status-positive-foreground: var(--salt-palette-positive-foreground);--salt-status-info-borderColor: var(--salt-palette-info-border);--salt-status-success-borderColor: var(--salt-palette-success-border);--salt-status-warning-borderColor: var(--salt-palette-warning-border);--salt-status-error-borderColor: var(--salt-palette-error-border);--salt-status-info-background: var(--salt-palette-info-background);--salt-status-success-background: var(--salt-palette-success-background);--salt-status-warning-background: var(--salt-palette-warning-background);--salt-status-error-background: var(--salt-palette-error-background);--salt-status-success-background-selected: var(--salt-palette-success-background-selected);--salt-status-warning-background-selected: var(--salt-palette-warning-background-selected);--salt-status-error-background-selected: var(--salt-palette-error-background-selected)}.vuu-theme{--salt-taggable-cursor-hover: pointer;--salt-taggable-cursor-active: pointer;--salt-taggable-cursor-disabled: not-allowed;--salt-taggable-background: var(--salt-palette-interact-primary-background);--salt-taggable-background-hover: var(--salt-palette-interact-primary-background-hover);--salt-taggable-background-active: var(--salt-palette-interact-primary-background-active);--salt-taggable-background-disabled: var(--salt-palette-interact-primary-background-disabled);--salt-taggable-foreground: var(--salt-palette-interact-primary-foreground);--salt-taggable-foreground-hover: var(--salt-palette-interact-primary-foreground-hover);--salt-taggable-foreground-active: var(--salt-palette-interact-primary-foreground-active);--salt-taggable-foreground-disabled: var(--salt-palette-interact-primary-foreground-disabled)}.vuu-theme{--salt-text-letterSpacing: 0;--salt-text-textAlign: left;--salt-text-textAlign-embedded: center;--salt-text-textDecoration: none;--salt-text-textTransform: none;--salt-text-fontFamily: var(--salt-typography-fontFamily);--salt-text-fontWeight: var(--salt-typography-fontWeight-regular);--salt-text-fontWeight-small: var(--salt-typography-fontWeight-light);--salt-text-fontWeight-strong: var(--salt-typography-fontWeight-semiBold);--salt-text-h1-fontFamily: var(--salt-typography-fontFamily);--salt-text-h1-fontWeight: var(--salt-typography-fontWeight-bold);--salt-text-h1-fontWeight-small: var(--salt-typography-fontWeight-medium);--salt-text-h1-fontWeight-strong: var(--salt-typography-fontWeight-extraBold);--salt-text-h2-fontFamily: var(--salt-typography-fontFamily);--salt-text-h2-fontWeight: var(--salt-typography-fontWeight-semiBold);--salt-text-h2-fontWeight-small: var(--salt-typography-fontWeight-regular);--salt-text-h2-fontWeight-strong: var(--salt-typography-fontWeight-bold);--salt-text-h3-fontFamily: var(--salt-typography-fontFamily);--salt-text-h3-fontWeight: var(--salt-typography-fontWeight-semiBold);--salt-text-h3-fontWeight-small: var(--salt-typography-fontWeight-regular);--salt-text-h3-fontWeight-strong: var(--salt-typography-fontWeight-bold);--salt-text-h4-fontFamily: var(--salt-typography-fontFamily);--salt-text-h4-fontWeight: var(--salt-typography-fontWeight-semiBold);--salt-text-h4-fontWeight-small: var(--salt-typography-fontWeight-regular);--salt-text-h4-fontWeight-strong: var(--salt-typography-fontWeight-bold);--salt-text-label-fontFamily: var(--salt-typography-fontFamily);--salt-text-label-fontWeight: var(--salt-typography-fontWeight-regular);--salt-text-label-fontWeight-small: var(--salt-typography-fontWeight-light);--salt-text-label-fontWeight-strong: var(--salt-typography-fontWeight-semiBold);--salt-text-display1-fontFamily: var(--salt-typography-fontFamily);--salt-text-display1-fontWeight: var(--salt-typography-fontWeight-semiBold);--salt-text-display1-fontWeight-strong: var(--salt-typography-fontWeight-bold);--salt-text-display1-fontWeight-small: var(--salt-typography-fontWeight-regular);--salt-text-display2-fontFamily: var(--salt-typography-fontFamily);--salt-text-display2-fontWeight: var(--salt-typography-fontWeight-semiBold);--salt-text-display2-fontWeight-strong: var(--salt-typography-fontWeight-bold);--salt-text-display2-fontWeight-small: var(--salt-typography-fontWeight-regular);--salt-text-display3-fontFamily: var(--salt-typography-fontFamily);--salt-text-display3-fontWeight: var(--salt-typography-fontWeight-semiBold);--salt-text-display3-fontWeight-strong: var(--salt-typography-fontWeight-bold);--salt-text-display3-fontWeight-small: var(--salt-typography-fontWeight-regular);--salt-text-background-selected: var(--salt-palette-interact-background-active);--salt-text-primary-foreground: var(--salt-palette-neutral-primary-foreground);--salt-text-primary-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);--salt-text-secondary-foreground: var(--salt-palette-neutral-secondary-foreground);--salt-text-secondary-foreground-disabled: var(--salt-palette-neutral-secondary-foreground-disabled);--salt-text-link-foreground-hover: var(--salt-palette-navigate-foreground-hover);--salt-text-link-foreground-active: var(--salt-palette-navigate-foreground-active);--salt-text-link-foreground-visited: var(--salt-palette-navigate-foreground-visited);--salt-text-link-textDecoration: underline;--salt-text-link-textDecoration-hover: none;--salt-text-link-textDecoration-selected: underline;--salt-text-code-fontFamily: var(--salt-typography-fontFamily-code)}.vuu-density-touch{--salt-text-h1-fontSize: 42px;--salt-text-h1-lineHeight: 54px;--salt-text-h2-fontSize: 32px;--salt-text-h2-lineHeight: 42px;--salt-text-h3-fontSize: 24px;--salt-text-h3-lineHeight: 32px;--salt-text-h4-fontSize: 16px;--salt-text-h4-lineHeight: 20px;--salt-text-label-fontSize: 14px;--salt-text-label-lineHeight: 18px;--salt-text-fontSize: 16px;--salt-text-lineHeight: 20px;--salt-text-minHeight: 20px;--salt-text-display1-fontSize: 84px;--salt-text-display1-lineHeight: 109px;--salt-text-display2-fontSize: 58px;--salt-text-display2-lineHeight: 76px;--salt-text-display3-fontSize: 42px;--salt-text-display3-lineHeight: 54px}.vuu-density-low{--salt-text-h1-fontSize: 32px;--salt-text-h1-lineHeight: 42px;--salt-text-h2-fontSize: 24px;--salt-text-h2-lineHeight: 32px;--salt-text-h3-fontSize: 18px;--salt-text-h3-lineHeight: 24px;--salt-text-h4-fontSize: 14px;--salt-text-h4-lineHeight: 18px;--salt-text-label-fontSize: 12px;--salt-text-label-lineHeight: 16px;--salt-text-fontSize: 14px;--salt-text-lineHeight: 18px;--salt-text-minHeight: 18px;--salt-text-display1-fontSize: 68px;--salt-text-display1-lineHeight: 88px;--salt-text-display2-fontSize: 46px;--salt-text-display2-lineHeight: 60px;--salt-text-display3-fontSize: 32px;--salt-text-display3-lineHeight: 42px}.vuu-density-medium{--salt-text-h1-fontSize: 24px;--salt-text-h1-lineHeight: 32px;--salt-text-h2-fontSize: 18px;--salt-text-h2-lineHeight: 24px;--salt-text-h3-fontSize: 14px;--salt-text-h3-lineHeight: 18px;--salt-text-h4-fontSize: 12px;--salt-text-h4-lineHeight: 16px;--salt-text-label-fontSize: 11px;--salt-text-label-lineHeight: 14px;--salt-text-fontSize: 12px;--salt-text-lineHeight: 16px;--salt-text-minHeight: 16px;--salt-text-display1-fontSize: 54px;--salt-text-display1-lineHeight: 70px;--salt-text-display2-fontSize: 36px;--salt-text-display2-lineHeight: 47px;--salt-text-display3-fontSize: 24px;--salt-text-display3-lineHeight: 32px}.vuu-density-high{--salt-text-h1-fontSize: 18px;--salt-text-h1-lineHeight: 24px;--salt-text-h2-fontSize: 14px;--salt-text-h2-lineHeight: 18px;--salt-text-h3-fontSize: 12px;--salt-text-h3-lineHeight: 16px;--salt-text-h4-fontSize: 11px;--salt-text-h4-lineHeight: 14px;--salt-text-label-fontSize: 10px;--salt-text-label-lineHeight: 13px;--salt-text-fontSize: 12px;--salt-text-lineHeight: 14px;--salt-text-minHeight: 14px;--salt-text-display1-fontSize: 42px;--salt-text-display1-lineHeight: 54px;--salt-text-display2-fontSize: 28px;--salt-text-display2-lineHeight: 36px;--salt-text-display3-fontSize: 18px;--salt-text-display3-lineHeight: 24px}.vuu-theme{--salt-track-borderStyle: solid;--salt-track-borderStyle-active: solid;--salt-track-borderStyle-complete: solid;--salt-track-borderStyle-incomplete: dotted;--salt-track-borderWidth: 2px;--salt-track-borderWidth-active: 2px;--salt-track-borderWidth-complete: 2px;--salt-track-borderWidth-incomplete: 2px;--salt-track-fontWeight: var(--salt-typography-fontWeight-semiBold);--salt-track-textAlign: center;--salt-track-background: var(--salt-palette-track-background);--salt-track-background-disabled: var(--salt-palette-track-background-disabled);--salt-track-borderColor: var(--salt-palette-track-border);--salt-track-borderColor-disabled: var(--salt-palette-track-border-disabled)}.vuu-theme{--salt-differential-positive-foreground: var(--salt-palette-positive-foreground);--salt-differential-negative-foreground: var(--salt-palette-negative-foreground);--salt-editable-tertiary-background: var(--salt-palette-neutral-tertiary-background);--salt-editable-tertiary-background-active: var(--salt-palette-neutral-tertiary-background);--salt-editable-tertiary-background-disabled: var(--salt-palette-neutral-tertiary-background-disabled);--salt-editable-tertiary-background-hover: var(--salt-palette-neutral-tertiary-background);--salt-editable-tertiary-background-readonly: var(--salt-palette-neutral-tertiary-background-readonly);--salt-measured-borderStyle: solid;--salt-measured-borderStyle-active: solid;--salt-measured-borderStyle-complete: solid;--salt-measured-borderStyle-incomplete: dotted;--salt-measured-borderWidth: 2px;--salt-measured-borderWidth-active: 2px;--salt-measured-borderWidth-complete: 2px;--salt-measured-borderWidth-incomplete: 2px;--salt-measured-fontWeight: var(--salt-typography-fontWeight-semiBold);--salt-measured-textAlign: center;--salt-measured-background: var(--salt-palette-measured-background);--salt-measured-background-disabled: var(--salt-palette-measured-background-disabled);--salt-measured-borderColor: var(--salt-palette-measured-border);--salt-measured-borderColor-disabled: var(--salt-palette-measured-border-disabled);--salt-measured-fill: var(--salt-palette-measured-fill);--salt-measured-fill-disabled: var(--salt-palette-measured-fill-disabled);--salt-measured-foreground: var(--salt-palette-measured-foreground);--salt-measured-foreground-hover: var(--salt-palette-measured-foreground-active);--salt-measured-foreground-active: var(--salt-palette-measured-foreground-active);--salt-measured-foreground-undo: var(--salt-palette-measured-foreground-active);--salt-measured-foreground-activeDisabled: var(--salt-palette-measured-foreground-activeDisabled);--salt-measured-foreground-disabled: var(--salt-palette-measured-foreground-disabled);--salt-overlayable-shadow-scroll-color: var(--salt-shadow-1-color);--salt-selectable-foreground-partial: var(--salt-palette-interact-foreground-partial);--salt-selectable-foreground-partialDisabled: var(--salt-palette-interact-foreground-partialDisabled);--salt-selectable-cta-foreground: var(--salt-palette-interact-foreground);--salt-selectable-cta-foreground-disabled: var(--salt-palette-interact-foreground-disabled);--salt-selectable-primary-foreground: var(--salt-palette-interact-foreground);--salt-selectable-primary-foreground-disabled: var(--salt-palette-interact-foreground-disabled);--salt-selectable-secondary-foreground: var(--salt-palette-interact-foreground);--salt-selectable-secondary-foreground-disabled: var(--salt-palette-interact-foreground-disabled);--salt-status-info-background-emphasize: var(--salt-status-info-background);--salt-status-success-background-emphasize: var(--salt-status-success-background);--salt-status-warning-background-emphasize: var(--salt-status-warning-background);--salt-status-error-background-emphasize: var(--salt-status-error-background);--salt-status-info-foreground-disabled: var(--salt-palette-info-foreground-disabled);--salt-status-success-foreground-disabled: var(--salt-palette-success-foreground-disabled);--salt-status-warning-foreground-disabled: var(--salt-palette-warning-foreground-disabled);--salt-status-error-foreground-disabled: var(--salt-palette-error-foreground-disabled);--salt-status-static-foreground-disabled: var(--salt-palette-neutral-secondary-foreground-disabled);--salt-status-negative-foreground-disabled: var(--salt-palette-negative-foreground-disabled);--salt-status-positive-foreground-disabled: var(--salt-palette-positive-foreground-disabled);--salt-status-info-borderColor-disabled: var(--salt-palette-info-border-disabled);--salt-status-success-borderColor-disabled: var(--salt-palette-success-border-disabled);--salt-status-warning-borderColor-disabled: var(--salt-palette-warning-border-disabled);--salt-status-error-borderColor-disabled: var(--salt-palette-error-border-disabled)}.vuu-theme{--salt-color-orange-500-fade-foreground: rgba(234, 115, 25, var(--salt-palette-opacity-foreground));--salt-color-orange-700-fade-foreground: rgba(214, 85, 19, var(--salt-palette-opacity-foreground));--salt-color-orange-400-fade-background: rgba(238, 133, 43, var(--salt-palette-opacity-background));--salt-color-orange-600-fade-background: rgba(224, 101, 25, var(--salt-palette-opacity-background));--salt-color-blue-300-fade-fill: rgba(51, 141, 205, var(--salt-palette-opacity-fill));--salt-color-blue-500-fade-fill: rgba(38, 112, 169, var(--salt-palette-opacity-fill))}.vuu-theme{--salt-delay-instant: .1s;--salt-delay-perceptible: .3s;--salt-delay-notable: 1s;--salt-delay-cutoff: 10s;--salt-size-icon-base: var(--salt-icon-size-base);--salt-opacity-1: .15;--salt-opacity-2: .25;--salt-opacity-3: .4;--salt-opacity-4: .7}.vuu-density-touch,.vuu-density-low,.vuu-density-medium,.vuu-density-high{--salt-size-selection: var(--salt-size-selectable);--salt-size-brandBar: 4px;--salt-size-graphic-small: 12px;--salt-size-graphic-medium: 24px;--salt-size-graphic-large: 48px;--salt-size-divider-height: var(--salt-size-separator-height);--salt-size-divider-strokeWidth: var(--salt-size-separator-strokeWidth);--salt-size-detail: var(--salt-size-compact)}.vuu-theme{--salt-palette-error-background-emphasize: var(--salt-palette-error-background);--salt-palette-warning-background-emphasize: var(--salt-palette-warning-background);--salt-palette-success-background-emphasize: var(--salt-palette-success-background);--salt-palette-info-background-emphasize: var(--salt-palette-info-background);--salt-palette-opacity-fill: var(--salt-palette-opacity-disabled);--salt-palette-opacity-stroke: var(--salt-palette-opacity-disabled);--salt-palette-opacity-background: var(--salt-palette-opacity-disabled);--salt-palette-opacity-border: var(--salt-palette-opacity-disabled);--salt-palette-opacity-foreground: var(--salt-palette-opacity-disabled)}.vuu-theme[data-mode=light]{--salt-palette-interact-foreground-partial: var(--salt-color-blue-600);--salt-palette-interact-foreground-partialDisabled: var(--salt-color-blue-600-fade-foreground);--salt-palette-measured-fill: var(--salt-color-blue-500);--salt-palette-measured-fill-disabled: var(--salt-color-blue-500-fade-fill);--salt-palette-measured-foreground: var(--salt-color-gray-90);--salt-palette-measured-foreground-active: var(--salt-color-blue-500);--salt-palette-measured-foreground-disabled: var(--salt-color-gray-90-fade-foreground);--salt-palette-measured-foreground-activeDisabled: var(--salt-color-blue-500-fade-fill);--salt-palette-measured-background: var(--salt-color-gray-60);--salt-palette-measured-background-disabled: var(--salt-color-gray-60-fade-background);--salt-palette-measured-border: var(--salt-color-gray-90);--salt-palette-measured-border-disabled: var(--salt-color-gray-90-fade-border);--salt-palette-neutral-tertiary-background-readonly: transparent;--salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);--salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);--salt-palette-info-border-disabled: var(--salt-color-blue-500-fade-border);--salt-palette-info-foreground-disabled: var(--salt-color-blue-500-fade-foreground);--salt-palette-negative-foreground-disabled: var(--salt-color-red-700-fade-foreground);--salt-palette-positive-foreground-disabled: var(--salt-color-green-700-fade-foreground);--salt-palette-success-border-disabled: var(--salt-color-green-500-fade-border);--salt-palette-success-foreground-disabled: var(--salt-color-green-500-fade-foreground);--salt-palette-warning-foreground-disabled: var(--salt-color-orange-700-fade-foreground);--salt-palette-warning-border-disabled: var(--salt-color-orange-700-fade-border)}.vuu-theme[data-mode=dark]{--salt-palette-interact-foreground-partial: var(--salt-color-blue-100);--salt-palette-interact-foreground-partialDisabled: var(--salt-color-blue-100-fade-foreground);--salt-palette-measured-fill: var(--salt-color-blue-300);--salt-palette-measured-fill-disabled: var(--salt-color-blue-300-fade-fill);--salt-palette-measured-foreground: var(--salt-color-gray-90);--salt-palette-measured-foreground-active: var(--salt-color-blue-300);--salt-palette-measured-foreground-disabled: var(--salt-color-gray-90-fade-foreground);--salt-palette-measured-foreground-activeDisabled: var(--salt-color-blue-300-fade-fill);--salt-palette-measured-background: var(--salt-color-gray-300);--salt-palette-measured-background-disabled: var(--salt-color-gray-300-fade-background);--salt-palette-measured-border: var(--salt-color-gray-90);--salt-palette-measured-border-disabled: var(--salt-color-gray-90-fade-border);--salt-palette-neutral-tertiary-background-readonly: transparent;--salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);--salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);--salt-palette-info-border-disabled: var(--salt-color-blue-500-fade-border);--salt-palette-info-foreground-disabled: var(--salt-color-blue-500-fade-foreground);--salt-palette-negative-foreground-disabled: var(--salt-color-red-300-fade-foreground);--salt-palette-positive-foreground-disabled: var(--salt-color-green-300-fade-foreground);--salt-palette-success-border-disabled: var(--salt-color-green-400-fade-border);--salt-palette-success-foreground-disabled: var(--salt-color-green-400-fade-foreground);--salt-palette-warning-foreground-disabled: var(--salt-color-orange-500-fade-foreground);--salt-palette-warning-border-disabled: var(--salt-color-orange-500-fade-border)}.saltButton-primary{--saltButton-borderColor: var(--salt-actionable-primary-foreground);--saltButton-borderWidth: 1px;--saltButton-borderRadius: 6px;--saltButton-borderStyle: solid;--vuu-icon-color: var(--saltIcon-color)}.saltButton-primary:hover{--saltButton-borderColor: var(--salt-actionable-primary-background-hover) }.saltCheckbox{--vuu-icon-size: 12px;--vuu-icon-left: -1px;--vuu-icon-top: -1px}.saltCheckboxIcon{border-radius:3px;height:12px;width:12px}.saltCheckboxIcon-checked{background-color:var(--vuuCheckboxIcon-background-checked, var(--salt-selectable-background-selected))}.saltCheckboxIcon-checked.saltCheckboxIcon-disabled,.saltCheckbox:hover .saltCheckboxIcon-checked.saltCheckboxIcon-disabled{background-color:var(--salt-selectable-background-disabled);border-color:transparent}.saltCheckboxIcon-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-svg-tick) 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))}.saltIcon{display:none}.saltInput-activationIndicator{display:none}.saltInput-primary{border:solid 1px var(--salt-editable-borderColor);border-radius:6px;height:24px}.saltSwitch{--vuu-icon-left: -1px}.saltSwitch-track,.saltSwitch-track:hover{background-color:var(--vuu-color-gray-45);border:none;border-radius:4px;height:14px;padding:0 2px;width:26px}.saltSwitch-thumb{background-color:var(--vuu-color-white);border:none;border-radius:3px;height:10px;margin:0;width:10px}.saltSwitch-checked .saltSwitch-track{background-color:var(--salt-selectable-background-selected)}.saltSwitch-checked .saltSwitch-thumb,.saltSwitch-checked:hover .saltSwitch-thumb{background-color:#fff;transform:translate(calc(100% + 2px))}.saltSwitch-checked .saltSwitch-thumb:after{background-color:var(--vuu-color-purple-10);content:"";left:var(--vuu-icon-left, auto);height:var(--vuu-icon-height, var(--vuu-icon-size, 12px));-webkit-mask:var(--vuu-svg-tick) 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))}.saltToggleButtonGroup{border-radius:6px;padding:0}.saltToggleButtonGroup-horizontal .saltToggleButton{height:24px}.vuuIconToggleButton{--vuu-icon-size: 48px;width:48px}.vuuIconToggleButton:first-child{border-radius:6px 0 0 6px}.vuuIconToggleButton:last-child{border-radius:0 6px 6px 0}
|
|
2
2
|
/*# sourceMappingURL=index.css.map */
|
package/index.css.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../packages/vuu-theme/css/global.css", "../../../packages/vuu-theme/css/foundations/animation.css", "../../../packages/vuu-theme/css/foundations/color.css", "../../../packages/vuu-theme/css/foundations/duration.css", "../../../packages/vuu-theme/css/foundations/fade.css", "../../../packages/vuu-theme/css/foundations/icon.css", "../../../packages/vuu-theme/css/foundations/opacity.css", "../../../packages/vuu-theme/css/foundations/shadow.css", "../../../packages/vuu-theme/css/foundations/size.css", "../../../packages/vuu-theme/css/foundations/spacing.css", "../../../packages/vuu-theme/css/foundations/typography.css", "../../../packages/vuu-theme/css/foundations/zindex.css", "../../../packages/vuu-theme/css/palette/accent.css", "../../../packages/vuu-theme/css/palette/error.css", "../../../packages/vuu-theme/css/palette/info.css", "../../../packages/vuu-theme/css/palette/interact.css", "../../../packages/vuu-theme/css/palette/navigate.css", "../../../packages/vuu-theme/css/palette/negative.css", "../../../packages/vuu-theme/css/palette/neutral.css", "../../../packages/vuu-theme/css/palette/opacity.css", "../../../packages/vuu-theme/css/palette/positive.css", "../../../packages/vuu-theme/css/palette/success.css", "../../../packages/vuu-theme/css/palette/track.css", "../../../packages/vuu-theme/css/palette/warning.css", "../../../packages/vuu-theme/css/characteristics/accent.css", "../../../packages/vuu-theme/css/characteristics/actionable.css", "../../../packages/vuu-theme/css/characteristics/container.css", "../../../packages/vuu-theme/css/characteristics/draggable.css", "../../../packages/vuu-theme/css/characteristics/target.css", "../../../packages/vuu-theme/css/characteristics/editable.css", "../../../packages/vuu-theme/css/characteristics/focused.css", "../../../packages/vuu-theme/css/characteristics/navigable.css", "../../../packages/vuu-theme/css/characteristics/overlayable.css", "../../../packages/vuu-theme/css/characteristics/selectable.css", "../../../packages/vuu-theme/css/characteristics/separable.css", "../../../packages/vuu-theme/css/characteristics/status.css", "../../../packages/vuu-theme/css/characteristics/taggable.css", "../../../packages/vuu-theme/css/characteristics/text.css", "../../../packages/vuu-theme/css/characteristics/track.css", "../../../packages/vuu-theme/css/deprecated/characteristics.css", "../../../packages/vuu-theme/css/deprecated/fade.css", "../../../packages/vuu-theme/css/deprecated/foundations.css", "../../../packages/vuu-theme/css/deprecated/palette.css", "../../../packages/vuu-theme/css/components/button.css", "../../../packages/vuu-theme/css/components/
|
|
4
|
-
"sourcesContent": ["/**\n * Have some global styles to simulate more realistic app. Currently only for Storybook.\n */\n\n .vuu-theme {\n color: var(--salt-text-primary-foreground);\n font-family: var(--salt-typography-fontFamily);\n font-size: var(--salt-text-fontSize);\n letter-spacing: var(--salt-text-letterSpacing);\n line-height: var(--salt-text-lineHeight);\n}\n\n::selection {\n background: var(--salt-text-background-selected);\n}\n\n.vuu-theme[data-mode=\"light\"] {\n color-scheme: light;\n}\n\n.vuu-theme[data-mode=\"dark\"] {\n color-scheme: dark;\n}\n\n/* Setting every element's box-sizing to border-box ensures the declared width\nof the element is never exceeded due to padding or border. */\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n.salt-visuallyHidden {\n position: absolute;\n height: 1px;\n width: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n", ".vuu-density-touch,\n.vuu-density-low,\n.vuu-density-medium,\n.vuu-density-high {\n --salt-animation-opacity-start: 0;\n --salt-animation-opacity-end: 1;\n --salt-animation-scale-start: 0;\n --salt-animation-scale-end: 1;\n --salt-animation-transform-start: 100%;\n --salt-animation-transform-end: 0;\n --salt-animation-duration: 0.3s;\n --salt-animation-timing-function: ease-in;\n\n /* Slide Animations */\n --salt-animation-slide-in-top: slide-in-top var(--salt-animation-duration) var(--salt-animation-timing-function);\n --salt-animation-slide-in-left: slide-in-left var(--salt-animation-duration) var(--salt-animation-timing-function);\n --salt-animation-slide-in-right: slide-in-right var(--salt-animation-duration) var(--salt-animation-timing-function);\n --salt-animation-slide-in-bottom: slide-in-bottom var(--salt-animation-duration) var(--salt-animation-timing-function);\n\n --salt-animation-slide-out-top: slide-out-top var(--salt-animation-duration) var(--salt-animation-timing-function) both;\n --salt-animation-slide-out-left: slide-out-left var(--salt-animation-duration) var(--salt-animation-timing-function) both;\n --salt-animation-slide-out-right: slide-out-right var(--salt-animation-duration) var(--salt-animation-timing-function) both;\n --salt-animation-slide-out-bottom: slide-out-bottom var(--salt-animation-duration) var(--salt-animation-timing-function) both;\n\n /* Fade Animations */\n --salt-animation-fade-in-back: fade-in-back var(--salt-animation-duration) var(--salt-animation-timing-function);\n --salt-animation-fade-in-forward: fade-in-forward var(--salt-animation-duration) var(--salt-animation-timing-function);\n --salt-animation-fade-in-center: fade-in-center var(--salt-animation-duration) var(--salt-animation-timing-function);\n --salt-animation-fade-out-back: fade-out-back var(--salt-animation-duration) ease-out both;\n}\n\n/*Slide keyframes */\n@keyframes slide-in-top {\n 0% {\n opacity: var(--salt-animation-opacity-start);\n transform: translateY(var(--salt-animation-transform-start));\n }\n 100% {\n opacity: var(--salt-animation-opacity-end);\n transform: translateY(var(--salt-animation-transform-end));\n }\n}\n@keyframes slide-out-top {\n 0% {\n opacity: var(--salt-animation-opacity-end);\n transform: translateY(var(--salt-animation-transform-end));\n }\n 100% {\n opacity: var(--salt-animation-opacity-start);\n transform: translateY(var(--salt-animation-transform-start));\n }\n}\n@keyframes slide-in-left {\n 0% {\n opacity: var(--salt-animation-opacity-start);\n transform: translateX(calc(-1 * var(--salt-animation-transform-start)));\n }\n 100% {\n opacity: var(--salt-animation-opacity-end);\n transform: translateX(var(--salt-animation-transform-end));\n }\n}\n@keyframes slide-out-left {\n 0% {\n opacity: var(--salt-animation-opacity-end);\n transform: translateX(var(--salt-animation-transform-end));\n }\n 100% {\n opacity: var(--salt-animation-opacity-start);\n transform: translateX(calc(-1 * var(--salt-animation-transform-start)));\n }\n}\n@keyframes slide-in-right {\n 0% {\n opacity: var(--salt-animation-opacity-start);\n transform: translateX(var(--salt-animation-transform-start));\n }\n 100% {\n opacity: var(--salt-animation-opacity-end);\n transform: translateX(var(--salt-animation-transform-end));\n }\n}\n@keyframes slide-out-right {\n 0% {\n opacity: var(--salt-animation-opacity-end);\n transform: translateX(var(--salt-animation-transform-end));\n }\n 100% {\n opacity: var(--salt-animation-opacity-start);\n transform: translateX(var(--salt-animation-transform-start));\n }\n}\n@keyframes slide-in-bottom {\n 0% {\n opacity: var(--salt-animation-opacity-start);\n transform: translateY(calc(-1 * var(--salt-animation-transform-start)));\n }\n 100% {\n opacity: var(--salt-animation-opacity-end);\n transform: translateY(var(--salt-animation-transform-end));\n }\n}\n@keyframes slide-out-bottom {\n 0% {\n opacity: var(--salt-animation-opacity-end);\n transform: translateY(var(--salt-animation-transform-end));\n }\n 100% {\n opacity: var(--salt-animation-opacity-start);\n transform: translateY(calc(-1 * var(--salt-animation-transform-start)));\n }\n}\n/* Fade keyframes */\n@keyframes fade-in-back {\n 0% {\n --salt-animation-scale-start: 1.4;\n opacity: var(--salt-animation-opacity-start);\n transform: scale(var(--salt-animation-scale-start));\n }\n\n 100% {\n opacity: var(--salt-animation-opacity-end);\n transform: scale(var(--salt-animation-scale-end));\n }\n}\n@keyframes fade-in-forward {\n 0% {\n --salt-animation-scale-start: 0.6;\n opacity: var(--salt-animation-opacity-start);\n transform: scale(var(--salt-animation-scale-start));\n }\n\n 100% {\n opacity: var(--salt-animation-opacity-end);\n transform: scale(var(--salt-animation-scale-end));\n }\n}\n@keyframes fade-in-center {\n 0% {\n opacity: var(--salt-animation-opacity-start);\n }\n\n 100% {\n opacity: var(--salt-animation-opacity-end);\n }\n}\n\n@keyframes fade-out-back {\n 0% {\n opacity: var(--salt-animation-opacity-end);\n }\n 100% {\n opacity: var(--salt-animation-opacity-start);\n }\n}\n", ".vuu-theme {\n\n --vuu-color-transparent: transparent;\n --vuu-color-black: black;\n --vuu-color-white: white;\n\n --vuu-color-purple-10: rgb(109,24,189); /* #6D18BD */\n\n --vuu-color-pink-10: rgb(234, 120, 128); /* #F37880 */\n\n\n --vuu-color-gray-05: rgb(237, 237, 237); /* #EDEDED */\n --vuu-color-gray-10: rgb(228, 227, 231); /* #E4E3E7 */\n --vuu-color-gray-20: rgb(245, 242, 248); /* #F5F2F8 */\n --vuu-color-gray-40: rgb(169, 170, 173); /* #A9AAAD */ \n --vuu-color-gray-50: rgb(96, 100, 119); /* #606477 */\n --vuu-color-gray-80: rgb(21, 23, 27); /* #15171B */ \n\n /* Color palette will stay the same no matter of theming */\n --salt-color-white: rgb(255, 255, 255);\n --salt-color-black: rgb(0, 0, 0);\n\n --salt-color-red-10: rgb(255, 227, 224);\n --salt-color-red-20: rgb(255, 207, 201);\n --salt-color-red-30: rgb(255, 187, 178);\n --salt-color-red-40: rgb(255, 167, 156);\n --salt-color-red-50: rgb(255, 148, 133);\n --salt-color-red-100: rgb(255, 128, 111);\n --salt-color-red-200: rgb(255, 108, 88);\n --salt-color-red-300: rgb(255, 89, 66);\n --salt-color-red-400: rgb(237, 65, 42);\n --salt-color-red-500: rgb(227, 43, 22);\n --salt-color-red-600: rgb(196, 32, 16);\n --salt-color-red-700: rgb(166, 21, 11);\n --salt-color-red-800: rgb(136, 10, 5);\n --salt-color-red-900: rgb(65, 37, 34);\n\n --salt-color-orange-10: rgb(255, 232, 191);\n --salt-color-orange-20: rgb(254, 223, 166);\n --salt-color-orange-30: rgb(254, 214, 142);\n --salt-color-orange-40: rgb(254, 205, 118);\n --salt-color-orange-50: rgb(254, 197, 94);\n --salt-color-orange-100: rgb(250, 181, 81);\n --salt-color-orange-200: rgb(246, 165, 68);\n --salt-color-orange-300: rgb(242, 149, 56);\n --salt-color-orange-400: rgb(238, 133, 43);\n --salt-color-orange-500: rgb(234, 115, 25);\n --salt-color-orange-600: rgb(224, 101, 25);\n --salt-color-orange-700: rgb(214, 85, 19);\n --salt-color-orange-800: rgb(204, 68, 13);\n --salt-color-orange-900: rgb(54, 44, 36);\n\n --salt-color-green-10: rgb(209, 244, 201);\n --salt-color-green-20: rgb(184, 232, 182);\n --salt-color-green-30: rgb(160, 221, 164);\n --salt-color-green-40: rgb(136, 210, 145);\n --salt-color-green-50: rgb(112, 199, 127);\n --salt-color-green-100: rgb(93, 189, 116);\n --salt-color-green-200: rgb(77, 180, 105);\n --salt-color-green-300: rgb(60, 171, 96);\n --salt-color-green-400: rgb(48, 156, 90);\n --salt-color-green-500: rgb(36, 135, 75);\n --salt-color-green-600: rgb(24, 114, 61);\n --salt-color-green-700: rgb(12, 93, 46);\n --salt-color-green-800: rgb(1, 73, 32);\n --salt-color-green-900: rgb(35, 52, 43);\n\n --salt-color-teal-10: rgb(218, 240, 240);\n --salt-color-teal-20: rgb(199, 232, 232);\n --salt-color-teal-30: rgb(180, 224, 225);\n --salt-color-teal-40: rgb(162, 217, 218);\n --salt-color-teal-50: rgb(141, 205, 209);\n --salt-color-teal-100: rgb(123, 193, 200);\n --salt-color-teal-200: rgb(99, 181, 192);\n --salt-color-teal-300: rgb(73, 160, 172);\n --salt-color-teal-400: rgb(48, 149, 166);\n --salt-color-teal-500: rgb(0, 130, 151);\n --salt-color-teal-600: rgb(27, 107, 133);\n --salt-color-teal-700: rgb(0, 85, 113);\n --salt-color-teal-800: rgb(1, 65, 86);\n --salt-color-teal-900: rgb(0, 49, 76);\n\n --salt-color-blue-10: rgb(203, 231, 249);\n --salt-color-blue-20: rgb(183, 222, 246);\n --salt-color-blue-30: rgb(164, 213, 244);\n --salt-color-blue-40: rgb(144, 204, 242);\n --salt-color-blue-50: rgb(125, 195, 240);\n --salt-color-blue-100: rgb(100, 177, 228);\n --salt-color-blue-200: rgb(75, 159, 216);\n --salt-color-blue-300: rgb(51, 141, 205);\n --salt-color-blue-400: rgb(46, 132, 198);\n --salt-color-blue-500: rgb(38, 112, 169);\n --salt-color-blue-600: rgb(21, 92, 147);\n --salt-color-blue-700: rgb(0, 71, 123);\n --salt-color-blue-800: rgb(39, 60, 77);\n --salt-color-blue-900: rgb(35, 47, 56);\n\n --salt-color-purple-10: rgb(249, 224, 247);\n --salt-color-purple-20: rgb(247, 212, 244);\n --salt-color-purple-30: rgb(245, 201, 241);\n --salt-color-purple-40: rgb(243, 189, 238);\n --salt-color-purple-50: rgb(241, 178, 235);\n --salt-color-purple-100: rgb(223, 156, 225);\n --salt-color-purple-200: rgb(205, 135, 215);\n --salt-color-purple-300: rgb(192, 116, 203);\n --salt-color-purple-400: rgb(169, 97, 181);\n --salt-color-purple-500: rgb(150, 78, 162);\n --salt-color-purple-600: rgb(129, 60, 141);\n --salt-color-purple-700: rgb(103, 46, 122);\n --salt-color-purple-800: rgb(83, 37, 109);\n --salt-color-purple-900: rgb(59, 16, 84);\n\n --salt-color-gray-10: rgb(242, 244, 246);\n --salt-color-gray-20: rgb(234, 237, 239);\n --salt-color-gray-30: rgb(224, 228, 233);\n --salt-color-gray-40: rgb(217, 221, 227);\n --salt-color-gray-50: rgb(206, 210, 217);\n --salt-color-gray-60: rgb(197, 201, 208);\n --salt-color-gray-70: rgb(180, 183, 190);\n --salt-color-gray-80: rgb(159, 163, 170);\n --salt-color-gray-90: rgb(132, 135, 142);\n --salt-color-gray-100: rgb(116, 119, 127);\n --salt-color-gray-200: rgb(97, 101, 110);\n --salt-color-gray-300: rgb(76, 80, 91);\n --salt-color-gray-400: rgb(68, 72, 79);\n --salt-color-gray-500: rgb(59, 63, 70);\n --salt-color-gray-600: rgb(47, 49, 54);\n --salt-color-gray-700: rgb(42, 44, 47);\n --salt-color-gray-800: rgb(36, 37, 38);\n --salt-color-gray-900: rgb(22, 22, 22);\n}\n", ".vuu-theme {\n --salt-duration-instant: 0ms;\n --salt-duration-perceptible: 300ms;\n --salt-duration-notable: 1000ms;\n --salt-duration-cutoff: 10000ms;\n}\n", ".vuu-theme {\n --salt-color-blue-100-fade-foreground: rgba(100, 177, 228, var(--salt-palette-opacity-disabled));\n --salt-color-blue-500-fade-foreground: rgba(38, 112, 169, var(--salt-palette-opacity-disabled));\n --salt-color-blue-600-fade-foreground: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));\n --salt-color-gray-200-fade-foreground: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));\n --salt-color-gray-70-fade-foreground: rgba(180, 183, 190, var(--salt-palette-opacity-disabled));\n --salt-color-gray-90-fade-foreground: rgba(132, 135, 142, var(--salt-palette-opacity-disabled));\n --salt-color-gray-900-fade-foreground: rgba(22, 22, 22, var(--salt-palette-opacity-disabled));\n --salt-color-green-300-fade-foreground: rgba(60, 171, 96, var(--salt-palette-opacity-disabled));\n --salt-color-green-400-fade-foreground: rgba(48, 156, 90, var(--salt-palette-opacity-disabled));\n --salt-color-green-500-fade-foreground: rgba(36, 135, 75, var(--salt-palette-opacity-disabled));\n --salt-color-green-700-fade-foreground: rgba(12, 93, 46, var(--salt-palette-opacity-disabled));\n --salt-color-red-300-fade-foreground: rgba(255, 89, 66, var(--salt-palette-opacity-disabled));\n --salt-color-red-500-fade-foreground: rgba(227, 43, 22, var(--salt-palette-opacity-disabled));\n --salt-color-red-700-fade-foreground: rgba(166, 21, 11, var(--salt-palette-opacity-disabled));\n --salt-color-white-fade-foreground: rgba(255, 255, 255, var(--salt-palette-opacity-disabled));\n\n --salt-color-blue-500-fade-border: rgba(38, 112, 169, var(--salt-palette-opacity-disabled));\n --salt-color-gray-60-fade-border: rgba(197, 201, 208, var(--salt-palette-opacity-disabled));\n --salt-color-gray-90-fade-border: rgba(132, 135, 142, var(--salt-palette-opacity-disabled));\n --salt-color-gray-200-fade-border: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));\n --salt-color-gray-300-fade-border: rgba(76, 80, 91, var(--salt-palette-opacity-disabled));\n --salt-color-green-400-fade-border: rgba(48, 156, 90, var(--salt-palette-opacity-disabled));\n --salt-color-green-500-fade-border: rgba(36, 135, 75, var(--salt-palette-opacity-disabled));\n --salt-color-orange-400-fade-border: rgba(238, 133, 43, var(--salt-palette-opacity-disabled));\n --salt-color-orange-500-fade-border: rgba(234, 115, 25, var(--salt-palette-opacity-disabled));\n --salt-color-orange-600-fade-border: rgba(224, 101, 25, var(--salt-palette-opacity-disabled));\n --salt-color-orange-700-fade-border: rgba(214, 85, 19, var(--salt-palette-opacity-disabled));\n --salt-color-red-500-fade-border: rgba(227, 43, 22, var(--salt-palette-opacity-disabled));\n\n --salt-color-gray-90-fade-border-readonly: rgba(132, 135, 142, var(--salt-palette-opacity-border-readonly));\n --salt-color-gray-200-fade-border-readonly: rgba(97, 101, 110, var(--salt-palette-opacity-border-readonly));\n\n --salt-color-blue-30-fade-background: rgba(164, 213, 244, var(--salt-palette-opacity-disabled));\n --salt-color-blue-500-fade-background: rgba(38, 112, 169, var(--salt-palette-opacity-disabled));\n --salt-color-blue-600-fade-background: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));\n --salt-color-blue-700-fade-background: rgba(0, 71, 123, var(--salt-palette-opacity-disabled));\n --salt-color-gray-20-fade-background: rgba(234, 237, 239, var(--salt-palette-opacity-disabled));\n --salt-color-gray-60-fade-background: rgba(197, 201, 208, var(--salt-palette-opacity-disabled));\n --salt-color-gray-70-fade-background: rgba(180, 183, 190, var(--salt-palette-opacity-disabled));\n --salt-color-gray-200-fade-background: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));\n --salt-color-gray-300-fade-background: rgba(76, 80, 91, var(--salt-palette-opacity-disabled));\n --salt-color-gray-600-fade-background: rgba(47, 49, 54, var(--salt-palette-opacity-disabled));\n --salt-color-gray-800-fade-background: rgba(36, 37, 38, var(--salt-palette-opacity-disabled));\n --salt-color-white-fade-background: rgba(255, 255, 255, var(--salt-palette-opacity-disabled));\n\n --salt-color-white-fade-background-readonly: rgba(255, 255, 255, var(--salt-palette-opacity-background-readonly));\n --salt-color-gray-20-fade-background-readonly: rgba(234, 237, 239, var(--salt-palette-opacity-background-readonly));\n --salt-color-gray-600-fade-background-readonly: rgba(47, 49, 54, var(--salt-palette-opacity-background-readonly));\n --salt-color-gray-800-fade-background-readonly: rgba(36, 37, 38, var(--salt-palette-opacity-background-readonly));\n\n --salt-color-black-fade-backdrop: rgba(36, 37, 38, var(--salt-palette-opacity-backdrop));\n\n --salt-color-blue-100-fade-fill: rgba(100, 177, 228, var(--salt-palette-opacity-disabled));\n --salt-color-blue-600-fade-fill: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));\n\n --salt-color-white-fade-separatorOpacity-primary: rgba(255, 255, 255, var(--salt-palette-opacity-primary-border));\n --salt-color-white-fade-separatorOpacity-secondary: rgba(255, 255, 255, var(--salt-palette-opacity-secondary-border));\n --salt-color-white-fade-separatorOpacity-tertiary: rgba(255, 255, 255, var(--salt-palette-opacity-tertiary-border));\n --salt-color-black-fade-separatorOpacity-primary: rgba(0, 0, 0, var(--salt-palette-opacity-primary-border));\n --salt-color-black-fade-separatorOpacity-secondary: rgba(0, 0, 0, var(--salt-palette-opacity-secondary-border));\n --salt-color-black-fade-separatorOpacity-tertiary: rgba(0, 0, 0, var(--salt-palette-opacity-tertiary-border));\n}\n", ".vuu-density-touch {\n --salt-icon-size-base: 16px;\n --salt-icon-size-status-adornment: 12px;\n}\n\n.vuu-density-low {\n --salt-icon-size-base: 14px;\n --salt-icon-size-status-adornment: 10px;\n}\n\n.vuu-density-medium {\n --salt-icon-size-base: 12px;\n --salt-icon-size-status-adornment: 8px;\n}\n\n.vuu-density-high {\n --salt-icon-size-base: 10px;\n --salt-icon-size-status-adornment: 6px;\n}\n", ".vuu-theme {\n --salt-opacity-0: 0;\n --salt-opacity-8: 0.08;\n --salt-opacity-15: 0.15;\n --salt-opacity-25: 0.25;\n --salt-opacity-40: 0.4;\n --salt-opacity-70: 0.7;\n}\n", ".vuu-theme[data-mode=\"light\"] {\n --salt-shadow-1-color: rgba(0, 0, 0, 0.1);\n --salt-shadow-2-color: rgba(0, 0, 0, 0.1);\n --salt-shadow-3-color: rgba(0, 0, 0, 0.15);\n --salt-shadow-4-color: rgba(0, 0, 0, 0.2);\n --salt-shadow-5-color: rgba(0, 0, 0, 0.3);\n}\n\n.vuu-theme[data-mode=\"dark\"] {\n --salt-shadow-1-color: rgba(0, 0, 0, 0.5);\n --salt-shadow-2-color: rgba(0, 0, 0, 0.5);\n --salt-shadow-3-color: rgba(0, 0, 0, 0.55);\n --salt-shadow-4-color: rgba(0, 0, 0, 0.55);\n --salt-shadow-5-color: rgba(0, 0, 0, 0.65);\n}\n\n.vuu-theme {\n --salt-shadow-0: none;\n --salt-shadow-1: 0 1px 3px 0 var(--salt-shadow-1-color);\n --salt-shadow-2: 0 2px 4px 0 var(--salt-shadow-2-color);\n --salt-shadow-3: 0 4px 8px 0 var(--salt-shadow-3-color);\n --salt-shadow-4: 0 6px 10px 0 var(--salt-shadow-4-color);\n --salt-shadow-5: 0 12px 40px 0 var(--salt-shadow-5-color);\n}\n", "/** Size */\n.vuu-density-touch,\n.vuu-density-low,\n.vuu-density-medium,\n.vuu-density-high {\n --salt-size-basis-unit: 4px;\n\n --salt-size-adornmentGap: calc(0.75 * var(--salt-size-unit));\n --salt-size-container-spacing: calc(3 * var(--salt-size-unit));\n --salt-size-separator-strokeWidth: 1px;\n --salt-size-selectable: calc(var(--salt-size-base) - (1.5 * var(--salt-size-unit)) - (0.5 * var(--salt-size-basis-unit)));\n --salt-size-separator-height: calc(var(--salt-size-compact) + 1.5 * var(--salt-size-basis-unit));\n --salt-size-sharktooth-height: 5px;\n --salt-size-sharktooth-width: 10px;\n --salt-size-stackable: calc(var(--salt-size-base) + var(--salt-size-unit));\n}\n\n.vuu-density-high {\n --salt-size-unit: calc(var(--salt-size-basis-unit) * 1);\n --salt-size-compact: calc(var(--salt-size-basis-unit) * 1.5);\n --salt-size-accent: calc(var(--salt-size-basis-unit) * 0.5);\n\n /* New size work */\n --salt-size-adornment: 6px;\n --salt-size-bar: 2px;\n --salt-size-base: 20px;\n --salt-size-border: 1px;\n --salt-size-selectable: 12px;\n --salt-size-icon: 12px;\n}\n\n.vuu-density-medium {\n --salt-size-unit: calc(var(--salt-size-basis-unit) * 2);\n --salt-size-compact: calc(var(--salt-size-basis-unit) * 2);\n --salt-size-accent: calc(var(--salt-size-basis-unit) * 1);\n\n /* New size work */\n --salt-size-adornment: 8px;\n --salt-size-bar: 4px;\n --salt-size-base: 28px;\n --salt-size-border: 1px;\n --salt-size-selectable: 14px;\n --salt-size-icon: 12px;\n}\n\n.vuu-density-low {\n --salt-size-unit: calc(var(--salt-size-basis-unit) * 3);\n --salt-size-compact: calc(var(--salt-size-basis-unit) * 2.5);\n --salt-size-accent: calc(var(--salt-size-basis-unit) * 1.5);\n\n /* New size work */\n --salt-size-adornment: 10px;\n --salt-size-bar: 6px;\n --salt-size-base: 36px;\n --salt-size-border: 1px;\n --salt-size-selectable: 16px;\n --salt-size-icon: 14px;\n}\n\n.vuu-density-touch {\n --salt-size-unit: calc(var(--salt-size-basis-unit) * 4);\n --salt-size-compact: calc(var(--salt-size-basis-unit) * 3);\n --salt-size-accent: calc(var(--salt-size-basis-unit) * 2);\n\n /* New size work */\n --salt-size-adornment: 12px;\n --salt-size-bar: 8px;\n --salt-size-base: 44px;\n --salt-size-border: 1px;\n --salt-size-selectable: 18px;\n --salt-size-icon: 16px;\n}\n", ".vuu-density-touch {\n --salt-spacing-100: 16px;\n}\n\n.vuu-density-low {\n --salt-spacing-100: 12px;\n}\n\n.vuu-density-medium {\n --salt-spacing-100: 8px;\n}\n\n.vuu-density-high {\n --salt-spacing-100: 4px;\n}\n\n.vuu-density-touch,\n.vuu-density-low,\n.vuu-density-medium,\n.vuu-density-high {\n --salt-spacing-25: calc(0.25 * var(--salt-spacing-100));\n --salt-spacing-50: calc(0.5 * var(--salt-spacing-100));\n --salt-spacing-75: calc(0.75 * var(--salt-spacing-100));\n\n --salt-spacing-150: calc(1.5 * var(--salt-spacing-100));\n --salt-spacing-200: calc(2 * var(--salt-spacing-100));\n --salt-spacing-250: calc(2.5 * var(--salt-spacing-100));\n --salt-spacing-300: calc(3 * var(--salt-spacing-100));\n --salt-spacing-350: calc(3.5 * var(--salt-spacing-100));\n --salt-spacing-400: calc(4 * var(--salt-spacing-100));\n}\n", ".vuu-theme {\n --salt-typography-fontFamily: \"Nunito Sans\";\n --salt-typography-fontFamily-code: \"PT Mono\";\n\n --salt-typography-fontWeight-light: 300;\n --salt-typography-fontWeight-regular: 400;\n --salt-typography-fontWeight-medium: 500;\n --salt-typography-fontWeight-semiBold: 600;\n --salt-typography-fontWeight-bold: 700;\n --salt-typography-fontWeight-extraBold: 800;\n}\n", ".vuu-density-touch,\n.vuu-density-low,\n.vuu-density-medium,\n.vuu-density-high {\n --salt-zIndex-default: 1;\n --salt-zIndex-popout: 1000;\n --salt-zIndex-docked: 1050;\n --salt-zIndex-appHeader: 1100;\n --salt-zIndex-drawer: 1200;\n --salt-zIndex-modal: 1300;\n --salt-zIndex-notification: 1400;\n --salt-zIndex-dragObject: 1420;\n --salt-zIndex-contextMenu: 1450;\n --salt-zIndex-flyover: 1500;\n}\n", ".vuu-theme[data-mode=\"light\"] {\n --salt-palette-accent-background: var(--salt-color-blue-500);\n --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);\n --salt-palette-accent-border: var(--salt-color-blue-500);\n --salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);\n --salt-palette-accent-foreground: var(--salt-color-white);\n --salt-palette-accent-foreground-disabled: var(--salt-color-white-fade-foreground);\n}\n\n.vuu-theme[data-mode=\"dark\"] {\n --salt-palette-accent-background: var(--salt-color-blue-500);\n --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);\n --salt-palette-accent-border: var(--salt-color-blue-500);\n --salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);\n --salt-palette-accent-foreground: var(--salt-color-white);\n --salt-palette-accent-foreground-disabled: var(--salt-color-white-fade-foreground);\n}\n", ".vuu-theme[data-mode=\"light\"] {\n --salt-palette-error-background: var(--salt-color-red-10);\n --salt-palette-error-background-selected: var(--salt-color-red-20);\n --salt-palette-error-border: var(--salt-color-red-500);\n --salt-palette-error-foreground: var(--salt-color-red-500);\n}\n\n.vuu-theme[data-mode=\"dark\"] {\n --salt-palette-error-background: var(--salt-color-red-900);\n --salt-palette-error-background-selected: var(--salt-color-red-900);\n --salt-palette-error-border: var(--salt-color-red-500);\n --salt-palette-error-foreground: var(--salt-color-red-500);\n}\n", ".vuu-theme[data-mode=\"light\"] {\n --salt-palette-info-background: var(--salt-color-blue-10);\n --salt-palette-info-border: var(--salt-color-blue-500);\n --salt-palette-info-foreground: var(--salt-color-blue-500);\n}\n\n.vuu-theme[data-mode=\"dark\"] {\n --salt-palette-info-background: var(--salt-color-blue-900);\n --salt-palette-info-border: var(--salt-color-blue-500);\n --salt-palette-info-foreground: var(--salt-color-blue-500);\n}\n", ".vuu-theme[data-mode=\"light\"] {\n --salt-palette-interact-background: transparent;\n --salt-palette-interact-background-blurSelected: var(--salt-color-gray-30);\n --salt-palette-interact-background-hover: var(--vuu-color-gray-10);\n --salt-palette-interact-background-active: var(--salt-color-blue-30);\n --salt-palette-interact-background-disabled: transparent;\n --salt-palette-interact-background-activeDisabled: var(--salt-color-blue-30-fade-background);\n --salt-palette-interact-border: var(--salt-color-gray-200);\n --salt-palette-interact-border-active: var(--salt-color-blue-600);\n --salt-palette-interact-border-activeDisabled: var(--salt-color-blue-600-fade-fill);\n --salt-palette-interact-border-disabled: var(--salt-color-gray-200-fade-border);\n --salt-palette-interact-border-hover: var(--salt-color-blue-500);\n --salt-palette-interact-border-readonly: var(--salt-color-gray-200-fade-border-readonly);\n --salt-palette-interact-foreground: var(--salt-color-gray-200);\n --salt-palette-interact-foreground-active: var(--salt-color-blue-600);\n --salt-palette-interact-foreground-activeDisabled: var(--salt-color-blue-600-fade-foreground);\n --salt-palette-interact-foreground-disabled: var(--salt-color-gray-200-fade-foreground);\n --salt-palette-interact-foreground-hover: var(--salt-color-blue-500);\n --salt-palette-interact-outline: var(--salt-color-blue-600);\n\n --salt-palette-interact-cta-background: var(--salt-color-blue-600);\n --salt-palette-interact-cta-background-active: var(--salt-color-blue-700);\n --salt-palette-interact-cta-background-activeDisabled: var(--salt-color-blue-700-fade-background);\n --salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-fade-background);\n --salt-palette-interact-cta-background-hover: var(--salt-color-blue-500);\n --salt-palette-interact-cta-foreground: var(--salt-color-white);\n --salt-palette-interact-cta-foreground-active: var(--salt-color-white);\n --salt-palette-interact-cta-foreground-activeDisabled: var(--salt-color-white-fade-foreground);\n --salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-fade-foreground);\n --salt-palette-interact-cta-foreground-hover: var(--salt-color-white);\n --salt-palette-interact-primary-background: var(--vuu-color-white);\n --salt-palette-interact-primary-background-active: var(--salt-color-gray-200);\n --salt-palette-interact-primary-background-activeDisabled: var(--salt-color-gray-200-fade-background);\n --salt-palette-interact-primary-background-disabled: var(--salt-color-gray-60-fade-background);\n --salt-palette-interact-primary-background-hover: var(--vuu-color-pink-10);\n --salt-palette-interact-primary-foreground: var(--vuu-color-gray-50);\n --salt-palette-interact-primary-foreground-active: var(--salt-color-white);\n --salt-palette-interact-primary-foreground-activeDisabled: var(--salt-color-white-fade-foreground);\n --salt-palette-interact-primary-foreground-disabled: var(--salt-color-gray-900-fade-foreground);\n --salt-palette-interact-primary-foreground-hover: var(--vuu-color-gray-80);\n --salt-palette-interact-secondary-background: transparent;\n --salt-palette-interact-secondary-background-active: var(--salt-color-gray-200);\n --salt-palette-interact-secondary-background-activeDisabled: var(--salt-color-gray-200-fade-background);\n --salt-palette-interact-secondary-background-disabled: transparent;\n --salt-palette-interact-secondary-background-hover: var(--salt-color-gray-40);\n --salt-palette-interact-secondary-foreground: var(--salt-color-gray-900);\n --salt-palette-interact-secondary-foreground-active: var(--salt-color-white);\n --salt-palette-interact-secondary-foreground-activeDisabled: var(--salt-color-white-fade-foreground);\n --salt-palette-interact-secondary-foreground-disabled: var(--salt-color-gray-900-fade-foreground);\n --salt-palette-interact-secondary-foreground-hover: var(--salt-color-gray-900);\n}\n\n.vuu-theme[data-mode=\"dark\"] {\n --salt-palette-interact-background: transparent;\n --salt-palette-interact-background-active: var(--salt-color-blue-700);\n --salt-palette-interact-background-blurSelected: var(--salt-color-gray-600);\n --salt-palette-interact-background-hover: var(--salt-color-blue-800);\n --salt-palette-interact-background-disabled: transparent;\n --salt-palette-interact-background-activeDisabled: var(--salt-color-blue-700-fade-background);\n --salt-palette-interact-border: var(--salt-color-gray-90);\n --salt-palette-interact-border-active: var(--salt-color-blue-100);\n --salt-palette-interact-border-activeDisabled: var(--salt-color-blue-100-fade-fill);\n --salt-palette-interact-border-disabled: var(--salt-color-gray-90-fade-border);\n --salt-palette-interact-border-hover: var(--salt-color-blue-500);\n --salt-palette-interact-border-readonly: var(--salt-color-gray-90-fade-border-readonly);\n --salt-palette-interact-foreground: var(--salt-color-gray-90);\n --salt-palette-interact-foreground-active: var(--salt-color-blue-100);\n --salt-palette-interact-foreground-activeDisabled: var(--salt-color-blue-100-fade-foreground);\n --salt-palette-interact-foreground-disabled: var(--salt-color-gray-90-fade-foreground);\n --salt-palette-interact-foreground-hover: var(--salt-color-blue-500);\n --salt-palette-interact-outline: var(--vuu-color-pink-10);\n\n --salt-palette-interact-cta-background: var(--salt-color-blue-600);\n --salt-palette-interact-cta-background-active: var(--salt-color-blue-700);\n --salt-palette-interact-cta-background-activeDisabled: var(--salt-color-blue-700-fade-background);\n --salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-fade-background);\n --salt-palette-interact-cta-background-hover: var(--salt-color-blue-500);\n --salt-palette-interact-cta-foreground: var(--salt-color-white);\n --salt-palette-interact-cta-foreground-active: var(--salt-color-white);\n --salt-palette-interact-cta-foreground-activeDisabled: var(--salt-color-white-fade-foreground);\n --salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-fade-foreground);\n --salt-palette-interact-cta-foreground-hover: var(--salt-color-white);\n --salt-palette-interact-primary-background: var(--salt-color-gray-300);\n --salt-palette-interact-primary-background-active: var(--salt-color-gray-70);\n --salt-palette-interact-primary-background-activeDisabled: var(--salt-color-gray-70-fade-background);\n --salt-palette-interact-primary-background-disabled: var(--salt-color-gray-300-fade-background);\n --salt-palette-interact-primary-background-hover: var(--salt-color-gray-200);\n --salt-palette-interact-primary-foreground: var(--salt-color-white);\n --salt-palette-interact-primary-foreground-active: var(--salt-color-gray-900);\n --salt-palette-interact-primary-foreground-activeDisabled: var(--salt-color-gray-900-fade-foreground);\n --salt-palette-interact-primary-foreground-disabled: var(--salt-color-white-fade-foreground);\n --salt-palette-interact-primary-foreground-hover: var(--salt-color-white);\n --salt-palette-interact-secondary-background: transparent;\n --salt-palette-interact-secondary-background-active: var(--salt-color-gray-70);\n --salt-palette-interact-secondary-background-activeDisabled: var(--salt-color-gray-70-fade-background);\n --salt-palette-interact-secondary-background-disabled: transparent;\n --salt-palette-interact-secondary-background-hover: var(--salt-color-gray-200);\n --salt-palette-interact-secondary-foreground: var(--salt-color-white);\n --salt-palette-interact-secondary-foreground-active: var(--salt-color-gray-900);\n --salt-palette-interact-secondary-foreground-activeDisabled: var(--salt-color-gray-900-fade-foreground);\n --salt-palette-interact-secondary-foreground-disabled: var(--salt-color-white-fade-foreground);\n --salt-palette-interact-secondary-foreground-hover: var(--salt-color-white);\n}\n", ".vuu-theme[data-mode=\"light\"] {\n --salt-palette-navigate-primary-background: transparent;\n --salt-palette-navigate-primary-background-active: transparent;\n --salt-palette-navigate-primary-background-hover: var(--salt-color-gray-20);\n --salt-palette-navigate-secondary-background: transparent;\n --salt-palette-navigate-secondary-background-active: transparent;\n --salt-palette-navigate-secondary-background-hover: var(--salt-color-gray-30);\n --salt-palette-navigate-tertiary-background: transparent;\n --salt-palette-navigate-tertiary-background-active: transparent;\n --salt-palette-navigate-tertiary-background-hover: var(--salt-color-gray-20);\n --salt-palette-navigate-foreground-hover: var(--salt-color-blue-600);\n --salt-palette-navigate-foreground-active: var(--salt-color-blue-700);\n --salt-palette-navigate-foreground-visited: var(--salt-color-purple-800);\n --salt-palette-navigate-indicator-hover: var(--salt-color-gray-90);\n --salt-palette-navigate-indicator-active: var(--vuu-color-purple-10);\n --salt-palette-navigate-indicator-activeDisabled: var(--salt-color-orange-600-fade-border);\n}\n\n.vuu-theme[data-mode=\"dark\"] {\n --salt-palette-navigate-primary-background: transparent;\n --salt-palette-navigate-primary-background-active: transparent;\n --salt-palette-navigate-primary-background-hover: var(--salt-color-gray-700);\n --salt-palette-navigate-secondary-background: transparent;\n --salt-palette-navigate-secondary-background-active: transparent;\n --salt-palette-navigate-secondary-background-hover: var(--salt-color-gray-600);\n --salt-palette-navigate-tertiary-background: transparent;\n --salt-palette-navigate-tertiary-background-active: transparent;\n --salt-palette-navigate-tertiary-background-hover: var(--salt-color-gray-700);\n --salt-palette-navigate-foreground-hover: var(--salt-color-blue-200);\n --salt-palette-navigate-foreground-active: var(--salt-color-blue-300);\n --salt-palette-navigate-foreground-visited: var(--salt-color-purple-100);\n --salt-palette-navigate-indicator-hover: var(--salt-color-gray-90);\n --salt-palette-navigate-indicator-active: var(--vuu-color-pink-10);\n --salt-palette-navigate-indicator-activeDisabled: var(--salt-color-orange-400-fade-border);\n}\n", ".vuu-theme[data-mode=\"light\"] {\n --salt-palette-negative-foreground: var(--salt-color-red-700);\n}\n\n.vuu-theme[data-mode=\"dark\"] {\n --salt-palette-negative-foreground: var(--salt-color-red-300);\n}\n", ".vuu-theme[data-mode=\"light\"] {\n --salt-palette-neutral-primary-background: var(--salt-color-white);\n --salt-palette-neutral-primary-background-disabled: var(--salt-color-white-fade-background);\n --salt-palette-neutral-primary-background-readonly: var(--salt-color-white-fade-background-readonly);\n --salt-palette-neutral-primary-foreground: var(--vuu-color-gray-80);\n --salt-palette-neutral-primary-foreground-disabled: var(--salt-color-gray-900-fade-foreground);\n --salt-palette-neutral-primary-separator: var(--salt-color-black-fade-separatorOpacity-primary);\n --salt-palette-neutral-primary-border: var(--vuu-color-purple-10);\n --salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-60-fade-border);\n --salt-palette-neutral-secondary-background: var(--vuu-color-gray-20);\n --salt-palette-neutral-secondary-background-disabled: var(--salt-color-gray-20-fade-background);\n --salt-palette-neutral-secondary-background-readonly: var(--salt-color-gray-20-fade-background-readonly);\n --salt-palette-neutral-secondary-border: var(--salt-color-gray-90);\n --salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-90-fade-border);\n --salt-palette-neutral-secondary-foreground: var(--salt-color-gray-200);\n --salt-palette-neutral-secondary-foreground-disabled: var(--salt-color-gray-200-fade-foreground);\n --salt-palette-neutral-backdrop: var(--salt-color-black-fade-backdrop);\n --salt-palette-neutral-secondary-separator: var(--salt-color-black-fade-separatorOpacity-secondary);\n --salt-palette-neutral-tertiary-background: transparent;\n --salt-palette-neutral-tertiary-background-disabled: transparent;\n --salt-palette-neutral-tertiary-border: transparent;\n --salt-palette-neutral-tertiary-border-disabled: transparent;\n --salt-palette-neutral-tertiary-separator: var(--vuu-color-gray-05);\n}\n\n.vuu-theme[data-mode=\"dark\"] {\n --salt-palette-neutral-primary-background: var(--salt-color-gray-800);\n --salt-palette-neutral-primary-background-disabled: var(--salt-color-gray-800-fade-background);\n --salt-palette-neutral-primary-background-readonly: var(--salt-color-gray-800-fade-background-readonly);\n --salt-palette-neutral-primary-border: var(--salt-color-gray-300);\n --salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-300-fade-border);\n --salt-palette-neutral-primary-foreground: var(--salt-color-white);\n --salt-palette-neutral-primary-foreground-disabled: var(--salt-color-white-fade-foreground);\n --salt-palette-neutral-primary-separator: var(--salt-color-white-fade-separatorOpacity-primary);\n --salt-palette-neutral-secondary-background: var(--salt-color-gray-600);\n --salt-palette-neutral-secondary-background-disabled: var(--salt-color-gray-600-fade-background);\n --salt-palette-neutral-secondary-background-readonly: var(--salt-color-gray-600-fade-background-readonly);\n --salt-palette-neutral-secondary-border: var(--salt-color-gray-90);\n --salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-90-fade-border);\n --salt-palette-neutral-secondary-foreground: var(--salt-color-gray-70);\n --salt-palette-neutral-secondary-foreground-disabled: var(--salt-color-gray-70-fade-foreground);\n --salt-palette-neutral-backdrop: var(--salt-color-black-fade-backdrop);\n --salt-palette-neutral-secondary-separator: var(--salt-color-white-fade-separatorOpacity-secondary);\n --salt-palette-neutral-tertiary-background: transparent;\n --salt-palette-neutral-tertiary-background-disabled: transparent;\n --salt-palette-neutral-tertiary-border: transparent;\n --salt-palette-neutral-tertiary-border-disabled: transparent;\n --salt-palette-neutral-tertiary-separator: var(--salt-color-white-fade-separatorOpacity-tertiary);\n}\n", ".vuu-theme {\n --salt-palette-opacity-backdrop: var(--salt-opacity-70);\n --salt-palette-opacity-disabled: var(--salt-opacity-40);\n --salt-palette-opacity-background-readonly: var(--salt-opacity-0);\n --salt-palette-opacity-border-readonly: var(--salt-opacity-15);\n --salt-palette-opacity-primary-border: var(--salt-opacity-40);\n --salt-palette-opacity-secondary-border: var(--salt-opacity-25);\n --salt-palette-opacity-tertiary-border: var(--salt-opacity-15);\n}\n", ".vuu-theme[data-mode=\"light\"] {\n --salt-palette-positive-foreground: var(--salt-color-green-700);\n}\n\n.vuu-theme[data-mode=\"dark\"] {\n --salt-palette-positive-foreground: var(--salt-color-green-300);\n}\n", ".vuu-theme[data-mode=\"light\"] {\n --salt-palette-success-background: var(--salt-color-green-10);\n --salt-palette-success-background-selected: var(--salt-color-green-20);\n --salt-palette-success-border: var(--salt-color-green-500);\n --salt-palette-success-foreground: var(--salt-color-green-500);\n}\n\n.vuu-theme[data-mode=\"dark\"] {\n --salt-palette-success-background: var(--salt-color-green-900);\n --salt-palette-success-background-selected: var(--salt-color-green-900);\n --salt-palette-success-border: var(--salt-color-green-400);\n --salt-palette-success-foreground: var(--salt-color-green-400);\n}\n", ".vuu-theme[data-mode=\"light\"] {\n --salt-palette-track-background: var(--salt-color-gray-60);\n --salt-palette-track-background-disabled: var(--salt-color-gray-60-fade-background);\n --salt-palette-track-border: var(--salt-color-gray-90);\n --salt-palette-track-border-disabled: var(--salt-color-gray-90-fade-border);\n}\n\n.vuu-theme[data-mode=\"dark\"] {\n --salt-palette-track-background: var(--salt-color-gray-300);\n --salt-palette-track-background-disabled: var(--salt-color-gray-300-fade-background);\n --salt-palette-track-border: var(--salt-color-gray-90);\n --salt-palette-track-border-disabled: var(--salt-color-gray-90-fade-border);\n}\n", ".vuu-theme[data-mode=\"light\"] {\n --salt-palette-warning-background: var(--salt-color-orange-10);\n --salt-palette-warning-background-selected: var(--salt-color-orange-20);\n --salt-palette-warning-border: var(--salt-color-orange-700);\n --salt-palette-warning-foreground: var(--salt-color-orange-700);\n}\n\n.vuu-theme[data-mode=\"dark\"] {\n --salt-palette-warning-background: var(--salt-color-orange-900);\n --salt-palette-warning-background-selected: var(--salt-color-orange-900);\n --salt-palette-warning-border: var(--salt-color-orange-500);\n --salt-palette-warning-foreground: var(--salt-color-orange-500);\n}\n", ".vuu-density-high {\n --salt-accent-fontSize: 8px;\n --salt-accent-lineHeight: 11px;\n}\n.vuu-density-medium {\n --salt-accent-fontSize: 10px;\n --salt-accent-lineHeight: 13px;\n}\n.vuu-density-low {\n --salt-accent-fontSize: 12px;\n --salt-accent-lineHeight: 16px;\n}\n.vuu-density-touch {\n --salt-accent-fontSize: 14px;\n --salt-accent-lineHeight: 18px;\n}\n\n.vuu-theme {\n --salt-accent-background: var(--salt-palette-accent-background);\n --salt-accent-background-disabled: var(--salt-palette-accent-background-disabled);\n --salt-accent-borderColor: var(--salt-palette-accent-border);\n --salt-accent-borderColor-disabled: var(--salt-palette-accent-border-disabled);\n --salt-accent-foreground: var(--salt-palette-accent-foreground);\n --salt-accent-foreground-disabled: var(--salt-palette-accent-foreground-disabled);\n --salt-accent-fontWeight: var(--salt-typography-fontWeight-semiBold);\n}\n", ".vuu-theme {\n --salt-actionable-cursor-hover: pointer;\n --salt-actionable-cursor-active: pointer;\n --salt-actionable-cursor-disabled: not-allowed;\n\n --salt-actionable-letterSpacing: 0.6px;\n --salt-actionable-textAlign: center;\n --salt-actionable-textTransform: uppercase;\n\n /* Primary variant */\n --salt-actionable-primary-foreground: var(--salt-palette-interact-primary-foreground);\n --salt-actionable-primary-foreground-hover: var(--salt-palette-interact-primary-foreground-hover);\n --salt-actionable-primary-foreground-active: var(--salt-palette-interact-primary-foreground-active);\n --salt-actionable-primary-foreground-disabled: var(--salt-palette-interact-primary-foreground-disabled);\n --salt-actionable-primary-background: var(--salt-palette-interact-primary-background);\n --salt-actionable-primary-background-hover: var(--salt-palette-interact-primary-background-hover);\n --salt-actionable-primary-background-active: var(--salt-palette-interact-primary-background-active);\n --salt-actionable-primary-background-disabled: var(--salt-palette-interact-primary-background-disabled);\n --salt-actionable-primary-fontWeight: var(--salt-typography-fontWeight-bold);\n\n /* CTA variant */\n --salt-actionable-cta-foreground: var(--salt-palette-interact-cta-foreground);\n --salt-actionable-cta-foreground-hover: var(--salt-palette-interact-cta-foreground-hover);\n --salt-actionable-cta-foreground-active: var(--salt-palette-interact-cta-foreground-active);\n --salt-actionable-cta-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);\n --salt-actionable-cta-background: var(--salt-palette-interact-cta-background);\n --salt-actionable-cta-background-hover: var(--salt-palette-interact-cta-background-hover);\n --salt-actionable-cta-background-active: var(--salt-palette-interact-cta-background-active);\n --salt-actionable-cta-background-disabled: var(--salt-palette-interact-cta-background-disabled);\n --salt-actionable-cta-fontWeight: var(--salt-typography-fontWeight-bold);\n\n /* Secondary variant */\n --salt-actionable-secondary-foreground: var(--salt-palette-interact-secondary-foreground);\n --salt-actionable-secondary-foreground-hover: var(--salt-palette-interact-secondary-foreground-hover);\n --salt-actionable-secondary-foreground-active: var(--salt-palette-interact-secondary-foreground-active);\n --salt-actionable-secondary-foreground-disabled: var(--salt-palette-interact-secondary-foreground-disabled);\n --salt-actionable-secondary-background: var(--salt-palette-interact-secondary-background);\n --salt-actionable-secondary-background-hover: var(--salt-palette-interact-secondary-background-hover);\n --salt-actionable-secondary-background-active: var(--salt-palette-interact-secondary-background-active);\n --salt-actionable-secondary-background-disabled: var(--salt-palette-interact-secondary-background-disabled);\n --salt-actionable-secondary-fontWeight: var(--salt-typography-fontWeight-semiBold);\n}\n", ".vuu-theme {\n --salt-container-borderStyle: solid;\n\n --salt-container-primary-background: var(--salt-palette-neutral-primary-background);\n --salt-container-primary-background-disabled: var(--salt-palette-neutral-primary-background-disabled);\n --salt-container-primary-borderColor: var(--salt-palette-neutral-primary-border);\n --salt-container-primary-borderColor-disabled: var(--salt-palette-neutral-primary-border-disabled);\n\n --salt-container-secondary-background: var(--salt-palette-neutral-secondary-background);\n --salt-container-secondary-background-disabled: var(--salt-palette-neutral-secondary-background-disabled);\n --salt-container-secondary-borderColor: var(--salt-palette-neutral-secondary-border);\n --salt-container-secondary-borderColor-disabled: var(--salt-palette-neutral-secondary-border-disabled);\n\n --salt-container-tertiary-background: var(--salt-palette-neutral-tertiary-background);\n --salt-container-tertiary-background-disabled: var(--salt-palette-neutral-tertiary-background-disabled);\n --salt-container-tertiary-borderColor: var(--salt-palette-neutral-tertiary-border);\n --salt-container-tertiary-borderColor-disabled: var(--salt-palette-neutral-tertiary-border-disabled);\n}\n", ".vuu-theme {\n --salt-draggable-horizontal-cursor-hover: row-resize;\n --salt-draggable-horizontal-cursor-active: row-resize;\n\n --salt-draggable-vertical-cursor-hover: col-resize;\n --salt-draggable-vertical-cursor-active: col-resize;\n\n --salt-draggable-grab-cursor-hover: grab;\n --salt-draggable-grab-cursor-active: grabbing;\n}\n", ".vuu-theme {\n --salt-target-background-hover: var(--salt-palette-interact-background-hover);\n\n --salt-target-borderColor-hover: var(--salt-palette-interact-border-hover);\n --salt-target-borderStyle: dashed;\n --salt-target-borderStyle-hover: solid;\n --salt-target-borderStyle-disabled: dashed;\n\n --salt-target-cursor-disabled: not-allowed;\n}\n", ".vuu-theme {\n --salt-editable-cursor-hover: text;\n --salt-editable-cursor-active: text;\n --salt-editable-cursor-disabled: not-allowed;\n --salt-editable-cursor-readonly: text;\n\n --salt-editable-borderStyle: solid;\n --salt-editable-borderStyle-hover: solid;\n --salt-editable-borderStyle-active: solid;\n --salt-editable-borderStyle-disabled: solid;\n --salt-editable-borderStyle-readonly: solid;\n --salt-editable-borderWidth-active: 2px;\n\n --salt-editable-borderColor: var(--salt-palette-interact-border);\n --salt-editable-borderColor-active: var(--salt-palette-interact-border-active);\n --salt-editable-borderColor-disabled: var(--salt-palette-interact-border-disabled);\n --salt-editable-borderColor-hover: var(--salt-palette-interact-border-hover);\n --salt-editable-borderColor-readonly: var(--salt-palette-interact-border-readonly);\n\n --salt-editable-primary-background: var(--salt-palette-neutral-primary-background);\n --salt-editable-primary-background-active: var(--salt-palette-neutral-primary-background);\n --salt-editable-primary-background-disabled: var(--salt-palette-neutral-primary-background-disabled);\n --salt-editable-primary-background-hover: var(--salt-palette-neutral-primary-background);\n --salt-editable-primary-background-readonly: var(--salt-palette-neutral-primary-background-readonly);\n\n --salt-editable-secondary-background: var(--salt-palette-neutral-secondary-background);\n --salt-editable-secondary-background-active: var(--salt-palette-neutral-secondary-background);\n --salt-editable-secondary-background-disabled: var(--salt-palette-neutral-secondary-background-disabled);\n --salt-editable-secondary-background-hover: var(--salt-palette-neutral-secondary-background);\n --salt-editable-secondary-background-readonly: var(--salt-palette-neutral-secondary-background-readonly);\n\n --salt-editable-help-fontStyle: italic;\n}\n", ".vuu-theme {\n --salt-focused-outlineColor: var(--salt-palette-interact-outline);\n --salt-focused-outlineStyle: dotted;\n --salt-focused-outlineWidth: 2px;\n --salt-focused-outlineInset: 0;\n --salt-focused-outlineOffset: 0;\n\n --salt-focused-outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor); /* CSS shortcut token: not in Figma */\n}\n\n.saltFocusVisible:after,\n.focused:focus:after,\n.focused:focus-visible:after {\n content: \"\";\n inset: var(--salt-focused-outlineInset);\n outline-color: var(--salt-focused-outlineColor);\n outline-offset: var(--salt-focused-outlineOffset);\n outline-style: var(--salt-focused-outlineStyle);\n outline-width: var(--salt-focused-outlineWidth);\n position: absolute;\n}\n", ".vuu-theme {\n --salt-navigable-cursor-active: pointer;\n --salt-navigable-cursor-hover: pointer;\n --salt-navigable-cursor-disabled: not-allowed;\n --salt-navigable-cursor-edit: text;\n\n --salt-navigable-fontWeight: var(--salt-typography-fontWeight-regular);\n --salt-navigable-fontWeight-hover: var(--salt-typography-fontWeight-regular);\n --salt-navigable-fontWeight-active: var(--salt-typography-fontWeight-semiBold);\n --salt-navigable-fontWeight-edit: var(--salt-typography-fontWeight-regular);\n\n --salt-navigable-indicator-hover: var(--salt-palette-navigate-indicator-hover);\n --salt-navigable-indicator-active: var(--salt-palette-navigate-indicator-active);\n --salt-navigable-indicator-activeDisabled: var(--salt-palette-navigate-indicator-activeDisabled);\n\n --salt-navigable-primary-background: var(--salt-palette-navigate-primary-background);\n --salt-navigable-primary-background-hover: var(--salt-palette-navigate-primary-background-hover);\n --salt-navigable-primary-background-active: var(--salt-palette-navigate-primary-background-active);\n\n --salt-navigable-secondary-background: var(--salt-palette-navigate-secondary-background);\n --salt-navigable-secondary-background-hover: var(--salt-palette-navigate-secondary-background-hover);\n --salt-navigable-secondary-background-active: var(--salt-palette-navigate-secondary-background-active);\n\n --salt-navigable-tertiary-background: var(--salt-palette-navigate-tertiary-background);\n --salt-navigable-tertiary-background-hover: var(--salt-palette-navigate-tertiary-background-hover);\n --salt-navigable-tertiary-background-active: var(--salt-palette-navigate-tertiary-background-active);\n}\n", ".vuu-theme {\n --salt-overlayable-shadow-scroll: var(--salt-shadow-1);\n --salt-overlayable-shadow-borderRegion: var(--salt-shadow-2);\n --salt-overlayable-shadow: var(--salt-shadow-2);\n --salt-overlayable-shadow-hover: var(--salt-shadow-3);\n --salt-overlayable-shadow-popout: var(--salt-shadow-4);\n --salt-overlayable-shadow-drag: var(--salt-shadow-4);\n --salt-overlayable-shadow-modal: var(--salt-shadow-5);\n\n --salt-overlayable-background: var(--salt-palette-neutral-backdrop);\n}\n", ".vuu-theme {\n --salt-selectable-cursor-hover: pointer;\n --salt-selectable-cursor-selected: pointer;\n --salt-selectable-cursor-blurSelected: pointer;\n --salt-selectable-cursor-disabled: not-allowed;\n --salt-selectable-cursor-readonly: not-allowed;\n\n --salt-selectable-borderStyle: solid;\n --salt-selectable-borderStyle-hover: solid;\n --salt-selectable-borderStyle-selected: solid;\n --salt-selectable-borderStyle-blurSelected: solid;\n\n --salt-selectable-borderColor: var(--salt-palette-interact-border);\n --salt-selectable-borderColor-hover: var(--salt-palette-interact-border-hover);\n --salt-selectable-borderColor-selected: var(--salt-palette-interact-border-active);\n --salt-selectable-borderColor-selectedDisabled: var(--salt-palette-interact-border-activeDisabled);\n --salt-selectable-borderColor-disabled: var(--salt-palette-interact-border-disabled);\n --salt-selectable-borderColor-readonly: var(--salt-palette-interact-border-readonly);\n\n --salt-selectable-foreground: var(--salt-palette-interact-foreground);\n --salt-selectable-foreground-disabled: var(--salt-palette-interact-foreground-disabled);\n --salt-selectable-foreground-hover: var(--salt-palette-interact-foreground-hover);\n --salt-selectable-foreground-selected: var(--salt-palette-interact-foreground-active);\n --salt-selectable-foreground-selectedDisabled: var(--salt-palette-interact-foreground-activeDisabled);\n --salt-selectable-background: var(--salt-palette-interact-background);\n --salt-selectable-background-hover: var(--salt-palette-interact-background-hover);\n --salt-selectable-background-selected: var(--salt-palette-interact-background-active);\n --salt-selectable-background-blurSelected: var(--salt-palette-interact-background-blurSelected);\n --salt-selectable-background-disabled: var(--salt-palette-interact-background-disabled);\n --salt-selectable-background-selectedDisabled: var(--salt-palette-interact-background-activeDisabled);\n\n --salt-selectable-cta-foreground-hover: var(--salt-palette-interact-cta-foreground-hover);\n --salt-selectable-cta-foreground-selected: var(--salt-palette-interact-cta-foreground-active);\n --salt-selectable-cta-foreground-selectedDisabled: var(--salt-palette-interact-cta-foreground-activeDisabled);\n --salt-selectable-cta-background: var(--salt-palette-interact-background);\n --salt-selectable-cta-background-disabled: var(--salt-palette-interact-background-disabled);\n --salt-selectable-cta-background-hover: var(--salt-palette-interact-cta-background-hover);\n --salt-selectable-cta-background-selected: var(--salt-palette-interact-cta-background-active);\n --salt-selectable-cta-background-selectedDisabled: var(--salt-palette-interact-cta-background-activeDisabled);\n\n --salt-selectable-primary-foreground-hover: var(--salt-palette-interact-primary-foreground-hover);\n --salt-selectable-primary-foreground-selected: var(--salt-palette-interact-primary-foreground-active);\n --salt-selectable-primary-foreground-selectedDisabled: var(--salt-palette-interact-primary-foreground-activeDisabled);\n --salt-selectable-primary-background: var(--salt-palette-interact-background);\n --salt-selectable-primary-background-disabled: var(--salt-palette-interact-background-disabled);\n --salt-selectable-primary-background-hover: var(--salt-palette-interact-primary-background-hover);\n --salt-selectable-primary-background-selected: var(--salt-palette-interact-primary-background-active);\n --salt-selectable-primary-background-selectedDisabled: var(--salt-palette-interact-primary-background-activeDisabled);\n\n --salt-selectable-secondary-foreground-hover: var(--salt-palette-interact-secondary-foreground-hover);\n --salt-selectable-secondary-foreground-selected: var(--salt-palette-interact-secondary-foreground-active);\n --salt-selectable-secondary-foreground-selectedDisabled: var(--salt-palette-interact-secondary-foreground-activeDisabled);\n --salt-selectable-secondary-background: var(--salt-palette-interact-background);\n --salt-selectable-secondary-background-disabled: var(--salt-palette-interact-background-disabled);\n --salt-selectable-secondary-background-hover: var(--salt-palette-interact-secondary-background-hover);\n --salt-selectable-secondary-background-selected: var(--salt-palette-interact-secondary-background-active);\n --salt-selectable-secondary-background-selectedDisabled: var(--salt-palette-interact-secondary-background-activeDisabled);\n}\n", ".vuu-theme {\n --salt-separable-borderStyle: solid;\n\n --salt-separable-primary-borderColor: var(--salt-palette-neutral-primary-separator);\n --salt-separable-secondary-borderColor: var(--salt-palette-neutral-secondary-separator);\n --salt-separable-tertiary-borderColor: var(--salt-palette-neutral-tertiary-separator);\n}\n", ".vuu-theme {\n --salt-status-info-foreground: var(--salt-palette-info-foreground);\n --salt-status-success-foreground: var(--salt-palette-success-foreground);\n --salt-status-warning-foreground: var(--salt-palette-warning-foreground);\n --salt-status-error-foreground: var(--salt-palette-error-foreground);\n --salt-status-static-foreground: var(--salt-palette-neutral-secondary-foreground);\n --salt-status-negative-foreground: var(--salt-palette-negative-foreground);\n --salt-status-positive-foreground: var(--salt-palette-positive-foreground);\n\n --salt-status-info-borderColor: var(--salt-palette-info-border);\n --salt-status-success-borderColor: var(--salt-palette-success-border);\n --salt-status-warning-borderColor: var(--salt-palette-warning-border);\n --salt-status-error-borderColor: var(--salt-palette-error-border);\n\n --salt-status-info-background: var(--salt-palette-info-background);\n --salt-status-success-background: var(--salt-palette-success-background);\n --salt-status-warning-background: var(--salt-palette-warning-background);\n --salt-status-error-background: var(--salt-palette-error-background);\n\n --salt-status-success-background-selected: var(--salt-palette-success-background-selected);\n --salt-status-warning-background-selected: var(--salt-palette-warning-background-selected);\n --salt-status-error-background-selected: var(--salt-palette-error-background-selected);\n}\n", ".vuu-theme {\n --salt-taggable-cursor-hover: pointer;\n --salt-taggable-cursor-active: pointer;\n --salt-taggable-cursor-disabled: not-allowed;\n\n --salt-taggable-background: var(--salt-palette-interact-primary-background);\n --salt-taggable-background-hover: var(--salt-palette-interact-primary-background-hover);\n --salt-taggable-background-active: var(--salt-palette-interact-primary-background-active);\n --salt-taggable-background-disabled: var(--salt-palette-interact-primary-background-disabled);\n\n --salt-taggable-foreground: var(--salt-palette-interact-primary-foreground);\n --salt-taggable-foreground-hover: var(--salt-palette-interact-primary-foreground-hover);\n --salt-taggable-foreground-active: var(--salt-palette-interact-primary-foreground-active);\n --salt-taggable-foreground-disabled: var(--salt-palette-interact-primary-foreground-disabled);\n}\n", ".vuu-theme {\n /* Misc */\n --salt-text-letterSpacing: 0;\n --salt-text-textAlign: left;\n --salt-text-textAlign-embedded: center;\n --salt-text-textDecoration: none;\n --salt-text-textTransform: none;\n\n /* Body text (should be used as default) */\n --salt-text-fontFamily: var(--salt-typography-fontFamily);\n --salt-text-fontWeight: var(--salt-typography-fontWeight-regular);\n --salt-text-fontWeight-small: var(--salt-typography-fontWeight-light);\n --salt-text-fontWeight-strong: var(--salt-typography-fontWeight-semiBold);\n\n /* H1 */\n --salt-text-h1-fontFamily: var(--salt-typography-fontFamily);\n --salt-text-h1-fontWeight: var(--salt-typography-fontWeight-bold);\n --salt-text-h1-fontWeight-small: var(--salt-typography-fontWeight-medium);\n --salt-text-h1-fontWeight-strong: var(--salt-typography-fontWeight-extraBold);\n\n /* H2 */\n --salt-text-h2-fontFamily: var(--salt-typography-fontFamily);\n --salt-text-h2-fontWeight: var(--salt-typography-fontWeight-semiBold);\n --salt-text-h2-fontWeight-small: var(--salt-typography-fontWeight-regular);\n --salt-text-h2-fontWeight-strong: var(--salt-typography-fontWeight-bold);\n\n /* H3 */\n --salt-text-h3-fontFamily: var(--salt-typography-fontFamily);\n --salt-text-h3-fontWeight: var(--salt-typography-fontWeight-semiBold);\n --salt-text-h3-fontWeight-small: var(--salt-typography-fontWeight-regular);\n --salt-text-h3-fontWeight-strong: var(--salt-typography-fontWeight-bold);\n\n /* H4 */\n --salt-text-h4-fontFamily: var(--salt-typography-fontFamily);\n --salt-text-h4-fontWeight: var(--salt-typography-fontWeight-semiBold);\n --salt-text-h4-fontWeight-small: var(--salt-typography-fontWeight-regular);\n --salt-text-h4-fontWeight-strong: var(--salt-typography-fontWeight-bold);\n\n /* Label */\n --salt-text-label-fontFamily: var(--salt-typography-fontFamily);\n --salt-text-label-fontWeight: var(--salt-typography-fontWeight-regular);\n --salt-text-label-fontWeight-small: var(--salt-typography-fontWeight-light);\n --salt-text-label-fontWeight-strong: var(--salt-typography-fontWeight-semiBold);\n\n /* Display text */\n --salt-text-display1-fontFamily: var(--salt-typography-fontFamily);\n --salt-text-display1-fontWeight: var(--salt-typography-fontWeight-semiBold);\n --salt-text-display1-fontWeight-strong: var(--salt-typography-fontWeight-bold);\n --salt-text-display1-fontWeight-small: var(--salt-typography-fontWeight-regular);\n\n --salt-text-display2-fontFamily: var(--salt-typography-fontFamily);\n --salt-text-display2-fontWeight: var(--salt-typography-fontWeight-semiBold);\n --salt-text-display2-fontWeight-strong: var(--salt-typography-fontWeight-bold);\n --salt-text-display2-fontWeight-small: var(--salt-typography-fontWeight-regular);\n\n --salt-text-display3-fontFamily: var(--salt-typography-fontFamily);\n --salt-text-display3-fontWeight: var(--salt-typography-fontWeight-semiBold);\n --salt-text-display3-fontWeight-strong: var(--salt-typography-fontWeight-bold);\n --salt-text-display3-fontWeight-small: var(--salt-typography-fontWeight-regular);\n\n /* Colors */\n --salt-text-background-selected: var(--salt-palette-interact-background-active);\n\n --salt-text-primary-foreground: var(--salt-palette-neutral-primary-foreground);\n --salt-text-primary-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);\n --salt-text-secondary-foreground: var(--salt-palette-neutral-secondary-foreground);\n --salt-text-secondary-foreground-disabled: var(--salt-palette-neutral-secondary-foreground-disabled);\n\n /* Link */\n --salt-text-link-foreground-hover: var(--salt-palette-navigate-foreground-hover);\n --salt-text-link-foreground-active: var(--salt-palette-navigate-foreground-active);\n --salt-text-link-foreground-visited: var(--salt-palette-navigate-foreground-visited);\n --salt-text-link-textDecoration: underline;\n --salt-text-link-textDecoration-hover: none;\n --salt-text-link-textDecoration-selected: underline;\n\n /* Code */\n --salt-text-code-fontFamily: var(--salt-typography-fontFamily-code);\n}\n\n/* Sizes by density */\n.vuu-density-touch {\n --salt-text-h1-fontSize: 42px;\n --salt-text-h1-lineHeight: 54px;\n\n --salt-text-h2-fontSize: 32px;\n --salt-text-h2-lineHeight: 42px;\n\n --salt-text-h3-fontSize: 24px;\n --salt-text-h3-lineHeight: 32px;\n\n --salt-text-h4-fontSize: 16px;\n --salt-text-h4-lineHeight: 20px;\n\n --salt-text-label-fontSize: 14px;\n --salt-text-label-lineHeight: 18px;\n\n --salt-text-fontSize: 16px;\n --salt-text-lineHeight: 20px;\n --salt-text-minHeight: 20px;\n\n --salt-text-display1-fontSize: 84px;\n --salt-text-display1-lineHeight: 109px;\n\n --salt-text-display2-fontSize: 58px;\n --salt-text-display2-lineHeight: 76px;\n\n --salt-text-display3-fontSize: 42px;\n --salt-text-display3-lineHeight: 54px;\n}\n\n.vuu-density-low {\n --salt-text-h1-fontSize: 32px;\n --salt-text-h1-lineHeight: 42px;\n\n --salt-text-h2-fontSize: 24px;\n --salt-text-h2-lineHeight: 32px;\n\n --salt-text-h3-fontSize: 18px;\n --salt-text-h3-lineHeight: 24px;\n\n --salt-text-h4-fontSize: 14px;\n --salt-text-h4-lineHeight: 18px;\n\n --salt-text-label-fontSize: 12px;\n --salt-text-label-lineHeight: 16px;\n\n --salt-text-fontSize: 14px;\n --salt-text-lineHeight: 18px;\n --salt-text-minHeight: 18px;\n\n --salt-text-display1-fontSize: 68px;\n --salt-text-display1-lineHeight: 88px;\n\n --salt-text-display2-fontSize: 46px;\n --salt-text-display2-lineHeight: 60px;\n\n --salt-text-display3-fontSize: 32px;\n --salt-text-display3-lineHeight: 42px;\n}\n\n.vuu-density-medium {\n --salt-text-h1-fontSize: 24px;\n --salt-text-h1-lineHeight: 32px;\n\n --salt-text-h2-fontSize: 18px;\n --salt-text-h2-lineHeight: 24px;\n\n --salt-text-h3-fontSize: 14px;\n --salt-text-h3-lineHeight: 18px;\n\n --salt-text-h4-fontSize: 12px;\n --salt-text-h4-lineHeight: 16px;\n\n --salt-text-label-fontSize: 11px;\n --salt-text-label-lineHeight: 14px;\n\n --salt-text-fontSize: 12px;\n --salt-text-lineHeight: 16px;\n --salt-text-minHeight: 16px;\n\n --salt-text-display1-fontSize: 54px;\n --salt-text-display1-lineHeight: 70px;\n\n --salt-text-display2-fontSize: 36px;\n --salt-text-display2-lineHeight: 47px;\n\n --salt-text-display3-fontSize: 24px;\n --salt-text-display3-lineHeight: 32px;\n}\n\n.vuu-density-high {\n --salt-text-h1-fontSize: 18px;\n --salt-text-h1-lineHeight: 24px;\n\n --salt-text-h2-fontSize: 14px;\n --salt-text-h2-lineHeight: 18px;\n\n --salt-text-h3-fontSize: 12px;\n --salt-text-h3-lineHeight: 16px;\n\n --salt-text-h4-fontSize: 11px;\n --salt-text-h4-lineHeight: 14px;\n\n --salt-text-label-fontSize: 10px;\n --salt-text-label-lineHeight: 13px;\n\n --salt-text-fontSize: 11px;\n --salt-text-lineHeight: 14px;\n --salt-text-minHeight: 14px;\n\n --salt-text-display1-fontSize: 42px;\n --salt-text-display1-lineHeight: 54px;\n\n --salt-text-display2-fontSize: 28px;\n --salt-text-display2-lineHeight: 36px;\n\n --salt-text-display3-fontSize: 18px;\n --salt-text-display3-lineHeight: 24px;\n}\n", ".vuu-theme {\n --salt-track-borderStyle: solid;\n --salt-track-borderStyle-active: solid;\n --salt-track-borderStyle-complete: solid;\n --salt-track-borderStyle-incomplete: dotted;\n\n --salt-track-borderWidth: 2px;\n --salt-track-borderWidth-active: 2px;\n --salt-track-borderWidth-complete: 2px;\n --salt-track-borderWidth-incomplete: 2px;\n\n --salt-track-fontWeight: var(--salt-typography-fontWeight-semiBold);\n --salt-track-textAlign: center;\n\n --salt-track-background: var(--salt-palette-track-background);\n --salt-track-background-disabled: var(--salt-palette-track-background-disabled);\n --salt-track-borderColor: var(--salt-palette-track-border);\n --salt-track-borderColor-disabled: var(--salt-palette-track-border-disabled);\n}\n", ".vuu-theme {\n /* Differential */\n --salt-differential-positive-foreground: var(--salt-palette-positive-foreground);\n --salt-differential-negative-foreground: var(--salt-palette-negative-foreground);\n\n /* Editable */\n --salt-editable-tertiary-background: var(--salt-palette-neutral-tertiary-background);\n --salt-editable-tertiary-background-active: var(--salt-palette-neutral-tertiary-background);\n --salt-editable-tertiary-background-disabled: var(--salt-palette-neutral-tertiary-background-disabled);\n --salt-editable-tertiary-background-hover: var(--salt-palette-neutral-tertiary-background);\n --salt-editable-tertiary-background-readonly: var(--salt-palette-neutral-tertiary-background-readonly);\n\n /* Measured */\n --salt-measured-borderStyle: solid;\n --salt-measured-borderStyle-active: solid;\n --salt-measured-borderStyle-complete: solid;\n --salt-measured-borderStyle-incomplete: dotted;\n --salt-measured-borderWidth: 2px;\n --salt-measured-borderWidth-active: 2px;\n --salt-measured-borderWidth-complete: 2px;\n --salt-measured-borderWidth-incomplete: 2px;\n\n --salt-measured-fontWeight: var(--salt-typography-fontWeight-semiBold);\n --salt-measured-textAlign: center;\n\n --salt-measured-background: var(--salt-palette-measured-background);\n --salt-measured-background-disabled: var(--salt-palette-measured-background-disabled);\n --salt-measured-borderColor: var(--salt-palette-measured-border);\n --salt-measured-borderColor-disabled: var(--salt-palette-measured-border-disabled);\n --salt-measured-fill: var(--salt-palette-measured-fill);\n --salt-measured-fill-disabled: var(--salt-palette-measured-fill-disabled);\n --salt-measured-foreground: var(--salt-palette-measured-foreground);\n --salt-measured-foreground-hover: var(--salt-palette-measured-foreground-active);\n --salt-measured-foreground-active: var(--salt-palette-measured-foreground-active);\n --salt-measured-foreground-undo: var(--salt-palette-measured-foreground-active);\n --salt-measured-foreground-activeDisabled: var(--salt-palette-measured-foreground-activeDisabled);\n --salt-measured-foreground-disabled: var(--salt-palette-measured-foreground-disabled);\n\n /* Overlayable */\n --salt-overlayable-shadow-scroll-color: var(--salt-shadow-1-color);\n\n /* Selectable */\n --salt-selectable-foreground-partial: var(--salt-palette-interact-foreground-partial);\n --salt-selectable-foreground-partialDisabled: var(--salt-palette-interact-foreground-partialDisabled);\n\n --salt-selectable-cta-foreground: var(--salt-palette-interact-foreground);\n --salt-selectable-cta-foreground-disabled: var(--salt-palette-interact-foreground-disabled);\n --salt-selectable-primary-foreground: var(--salt-palette-interact-foreground);\n --salt-selectable-primary-foreground-disabled: var(--salt-palette-interact-foreground-disabled);\n --salt-selectable-secondary-foreground: var(--salt-palette-interact-foreground);\n --salt-selectable-secondary-foreground-disabled: var(--salt-palette-interact-foreground-disabled);\n\n /* Status */\n --salt-status-info-background-emphasize: var(--salt-status-info-background);\n --salt-status-success-background-emphasize: var(--salt-status-success-background);\n --salt-status-warning-background-emphasize: var(--salt-status-warning-background);\n --salt-status-error-background-emphasize: var(--salt-status-error-background);\n\n --salt-status-info-foreground-disabled: var(--salt-palette-info-foreground-disabled);\n --salt-status-success-foreground-disabled: var(--salt-palette-success-foreground-disabled);\n --salt-status-warning-foreground-disabled: var(--salt-palette-warning-foreground-disabled);\n --salt-status-error-foreground-disabled: var(--salt-palette-error-foreground-disabled);\n --salt-status-static-foreground-disabled: var(--salt-palette-neutral-secondary-foreground-disabled);\n --salt-status-negative-foreground-disabled: var(--salt-palette-negative-foreground-disabled);\n --salt-status-positive-foreground-disabled: var(--salt-palette-positive-foreground-disabled);\n\n --salt-status-info-borderColor-disabled: var(--salt-palette-info-border-disabled);\n --salt-status-success-borderColor-disabled: var(--salt-palette-success-border-disabled);\n --salt-status-warning-borderColor-disabled: var(--salt-palette-warning-border-disabled);\n --salt-status-error-borderColor-disabled: var(--salt-palette-error-border-disabled);\n}\n", ".vuu-theme {\n --salt-color-orange-500-fade-foreground: rgba(234, 115, 25, var(--salt-palette-opacity-foreground));\n --salt-color-orange-700-fade-foreground: rgba(214, 85, 19, var(--salt-palette-opacity-foreground));\n --salt-color-orange-400-fade-background: rgba(238, 133, 43, var(--salt-palette-opacity-background));\n --salt-color-orange-600-fade-background: rgba(224, 101, 25, var(--salt-palette-opacity-background));\n --salt-color-blue-300-fade-fill: rgba(51, 141, 205, var(--salt-palette-opacity-fill));\n --salt-color-blue-500-fade-fill: rgba(38, 112, 169, var(--salt-palette-opacity-fill));\n}\n", "/*\n* **Deprecated:** Use duration instead\n*/\n.vuu-theme {\n /* Delay */\n --salt-delay-instant: 100ms;\n --salt-delay-perceptible: 300ms;\n --salt-delay-notable: 1000ms;\n --salt-delay-cutoff: 10000ms;\n\n /* Icon */\n --salt-size-icon-base: var(--salt-icon-size-base);\n\n /* Opacity */\n --salt-opacity-1: 0.15;\n --salt-opacity-2: 0.25;\n --salt-opacity-3: 0.4;\n --salt-opacity-4: 0.7;\n}\n\n.vuu-density-touch,\n.vuu-density-low,\n.vuu-density-medium,\n.vuu-density-high {\n /* Size */\n --salt-size-selection: var(--salt-size-selectable);\n --salt-size-brandBar: 4px; /* Use --salt-size-accent */\n --salt-size-graphic-small: 12px;\n --salt-size-graphic-medium: 24px;\n --salt-size-graphic-large: 48px;\n --salt-size-divider-height: var(--salt-size-separator-height);\n --salt-size-divider-strokeWidth: var(--salt-size-separator-strokeWidth);\n\n --salt-size-detail: var(--salt-size-compact);\n}\n", "/*\n* **Deprecated:**\n* Delete below on breaking change\n*/\n\n.vuu-theme {\n --salt-palette-error-background-emphasize: var(--salt-palette-error-background);\n --salt-palette-warning-background-emphasize: var(--salt-palette-warning-background);\n --salt-palette-success-background-emphasize: var(--salt-palette-success-background);\n --salt-palette-info-background-emphasize: var(--salt-palette-info-background);\n\n --salt-palette-opacity-fill: var(--salt-palette-opacity-disabled);\n --salt-palette-opacity-stroke: var(--salt-palette-opacity-disabled);\n --salt-palette-opacity-background: var(--salt-palette-opacity-disabled);\n --salt-palette-opacity-border: var(--salt-palette-opacity-disabled);\n --salt-palette-opacity-foreground: var(--salt-palette-opacity-disabled);\n}\n\n.vuu-theme[data-mode=\"light\"] {\n /* Interact */\n --salt-palette-interact-foreground-partial: var(--salt-color-blue-600);\n --salt-palette-interact-foreground-partialDisabled: var(--salt-color-blue-600-fade-foreground);\n\n /* Measure */\n --salt-palette-measured-fill: var(--salt-color-blue-500);\n --salt-palette-measured-fill-disabled: var(--salt-color-blue-500-fade-fill);\n --salt-palette-measured-foreground: var(--salt-color-gray-90);\n --salt-palette-measured-foreground-active: var(--salt-color-blue-500);\n --salt-palette-measured-foreground-disabled: var(--salt-color-gray-90-fade-foreground);\n --salt-palette-measured-foreground-activeDisabled: var(--salt-color-blue-500-fade-fill);\n --salt-palette-measured-background: var(--salt-color-gray-60);\n --salt-palette-measured-background-disabled: var(--salt-color-gray-60-fade-background);\n --salt-palette-measured-border: var(--salt-color-gray-90);\n --salt-palette-measured-border-disabled: var(--salt-color-gray-90-fade-border);\n\n /* Neutral */\n --salt-palette-neutral-tertiary-background-readonly: transparent;\n\n /* Status */\n --salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);\n --salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);\n\n --salt-palette-info-border-disabled: var(--salt-color-blue-500-fade-border);\n --salt-palette-info-foreground-disabled: var(--salt-color-blue-500-fade-foreground);\n\n --salt-palette-negative-foreground-disabled: var(--salt-color-red-700-fade-foreground);\n\n --salt-palette-positive-foreground-disabled: var(--salt-color-green-700-fade-foreground);\n\n --salt-palette-success-border-disabled: var(--salt-color-green-500-fade-border);\n --salt-palette-success-foreground-disabled: var(--salt-color-green-500-fade-foreground);\n\n --salt-palette-warning-foreground-disabled: var(--salt-color-orange-700-fade-foreground);\n --salt-palette-warning-border-disabled: var(--salt-color-orange-700-fade-border);\n}\n\n.vuu-theme[data-mode=\"dark\"] {\n /* Interact */\n --salt-palette-interact-foreground-partial: var(--salt-color-blue-100);\n --salt-palette-interact-foreground-partialDisabled: var(--salt-color-blue-100-fade-foreground);\n\n /* Measure */\n --salt-palette-measured-fill: var(--salt-color-blue-300);\n --salt-palette-measured-fill-disabled: var(--salt-color-blue-300-fade-fill);\n --salt-palette-measured-foreground: var(--salt-color-gray-90);\n --salt-palette-measured-foreground-active: var(--salt-color-blue-300);\n --salt-palette-measured-foreground-disabled: var(--salt-color-gray-90-fade-foreground);\n --salt-palette-measured-foreground-activeDisabled: var(--salt-color-blue-300-fade-fill);\n --salt-palette-measured-background: var(--salt-color-gray-300);\n --salt-palette-measured-background-disabled: var(--salt-color-gray-300-fade-background);\n --salt-palette-measured-border: var(--salt-color-gray-90);\n --salt-palette-measured-border-disabled: var(--salt-color-gray-90-fade-border);\n\n /* Neutral */\n --salt-palette-neutral-tertiary-background-readonly: transparent;\n\n /* Status */\n --salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);\n --salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);\n\n --salt-palette-info-border-disabled: var(--salt-color-blue-500-fade-border);\n --salt-palette-info-foreground-disabled: var(--salt-color-blue-500-fade-foreground);\n\n --salt-palette-negative-foreground-disabled: var(--salt-color-red-300-fade-foreground);\n\n --salt-palette-positive-foreground-disabled: var(--salt-color-green-300-fade-foreground);\n\n --salt-palette-success-border-disabled: var(--salt-color-green-400-fade-border);\n --salt-palette-success-foreground-disabled: var(--salt-color-green-400-fade-foreground);\n\n --salt-palette-warning-foreground-disabled: var(--salt-color-orange-500-fade-foreground);\n --salt-palette-warning-border-disabled: var(--salt-color-orange-500-fade-border);\n}\n", ".saltButton-primary {\n --saltButton-borderColor: var(--salt-actionable-primary-foreground);\n --saltButton-borderWidth: 1px;\n --saltButton-borderRadius: 6px;\n --saltButton-borderStyle: solid;\n --vuu-icon-color: var(--saltIcon-color);\n}\n\n.saltButton-primary:hover {\n --saltButton-borderColor: var(--salt-actionable-primary-background-hover)\n}", ".vuu-theme.saltList {\n border-radius: 4px;\n}\n.vuu-theme .saltListItem {\n font-size: 12px;\n padding: 0 8px;\n}"],
|
|
5
|
-
"mappings": "AAIC,WACC,0CACA,8CACA,oCACA,8CACA,wCAGF,YACE,gDAGF,4BACE,mBAGF,2BACE,kBAKF,mBAGE,sBAGF,qBACE,kBACA,WACA,UAnCF,sBAsCE,gBACA,mBACA,mBACA,eCzCF,0EAIE,kCACA,gCACA,gCACA,8BACA,uCACA,kCACA,+BACA,0CAGA,iHACA,mHACA,qHACA,uHAEA,wHACA,0HACA,4HACA,8HAGA,iHACA,uHACA,qHACA,2FAIF,2BAEI,4CACA,+DAGA,0CACA,2DAGJ,4BAEI,0CACA,6DAGA,4CACA,6DAGJ,4BAEI,4CACA,yEAGA,0CACA,0DAGJ,6BAEI,0CACA,4DAGA,4CACA,uEAGJ,6BAEI,4CACA,8DAGA,0CACA,0DAGJ,8BAEI,0CACA,4DAGA,4CACA,4DAGJ,8BAEI,4CACA,0EAGA,0CACA,2DAGJ,+BAEI,0CACA,6DAGA,4CACA,wEAIJ,2BAEI,kCACA,4CACA,sDAIA,0CACA,kDAGJ,8BAEI,iCACA,4CACA,sDAIA,0CACA,kDAGJ,6BAEI,+CAIA,2CAIJ,4BAEI,6CAGA,6CCxJJ,WAEE,qCACA,yBACA,yBAEA,uCAEA,wCAGA,wCACA,wCACA,wCACA,wCACA,uCACA,
|
|
3
|
+
"sources": ["../../../packages/vuu-theme/css/global.css", "../../../packages/vuu-theme/css/foundations/animation.css", "../../../packages/vuu-theme/css/foundations/color.css", "../../../packages/vuu-theme/css/foundations/duration.css", "../../../packages/vuu-theme/css/foundations/fade.css", "../../../packages/vuu-theme/css/foundations/icon.css", "../../../packages/vuu-theme/css/foundations/opacity.css", "../../../packages/vuu-theme/css/foundations/shadow.css", "../../../packages/vuu-theme/css/foundations/size.css", "../../../packages/vuu-theme/css/foundations/spacing.css", "../../../packages/vuu-theme/css/foundations/typography.css", "../../../packages/vuu-theme/css/foundations/zindex.css", "../../../packages/vuu-theme/css/palette/accent.css", "../../../packages/vuu-theme/css/palette/error.css", "../../../packages/vuu-theme/css/palette/info.css", "../../../packages/vuu-theme/css/palette/interact.css", "../../../packages/vuu-theme/css/palette/navigate.css", "../../../packages/vuu-theme/css/palette/negative.css", "../../../packages/vuu-theme/css/palette/neutral.css", "../../../packages/vuu-theme/css/palette/opacity.css", "../../../packages/vuu-theme/css/palette/positive.css", "../../../packages/vuu-theme/css/palette/success.css", "../../../packages/vuu-theme/css/palette/track.css", "../../../packages/vuu-theme/css/palette/warning.css", "../../../packages/vuu-theme/css/characteristics/accent.css", "../../../packages/vuu-theme/css/characteristics/actionable.css", "../../../packages/vuu-theme/css/characteristics/container.css", "../../../packages/vuu-theme/css/characteristics/draggable.css", "../../../packages/vuu-theme/css/characteristics/target.css", "../../../packages/vuu-theme/css/characteristics/editable.css", "../../../packages/vuu-theme/css/characteristics/focused.css", "../../../packages/vuu-theme/css/characteristics/navigable.css", "../../../packages/vuu-theme/css/characteristics/overlayable.css", "../../../packages/vuu-theme/css/characteristics/selectable.css", "../../../packages/vuu-theme/css/characteristics/separable.css", "../../../packages/vuu-theme/css/characteristics/status.css", "../../../packages/vuu-theme/css/characteristics/taggable.css", "../../../packages/vuu-theme/css/characteristics/text.css", "../../../packages/vuu-theme/css/characteristics/track.css", "../../../packages/vuu-theme/css/deprecated/characteristics.css", "../../../packages/vuu-theme/css/deprecated/fade.css", "../../../packages/vuu-theme/css/deprecated/foundations.css", "../../../packages/vuu-theme/css/deprecated/palette.css", "../../../packages/vuu-theme/css/components/button.css", "../../../packages/vuu-theme/css/components/checkbox.css", "../../../packages/vuu-theme/css/components/icon.css", "../../../packages/vuu-theme/css/components/input.css", "../../../packages/vuu-theme/css/components/switch.css", "../../../packages/vuu-theme/css/components/toggle-button.css"],
|
|
4
|
+
"sourcesContent": ["/**\n * Have some global styles to simulate more realistic app. Currently only for Storybook.\n */\n\n .vuu-theme {\n color: var(--salt-text-primary-foreground);\n font-family: var(--salt-typography-fontFamily);\n font-size: var(--salt-text-fontSize);\n letter-spacing: var(--salt-text-letterSpacing);\n line-height: var(--salt-text-lineHeight);\n}\n\n::selection {\n background: var(--salt-text-background-selected);\n}\n\n.vuu-theme[data-mode=\"light\"] {\n color-scheme: light;\n}\n\n.vuu-theme[data-mode=\"dark\"] {\n color-scheme: dark;\n}\n\n/* Setting every element's box-sizing to border-box ensures the declared width\nof the element is never exceeded due to padding or border. */\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n.salt-visuallyHidden {\n position: absolute;\n height: 1px;\n width: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n", ".vuu-density-touch,\n.vuu-density-low,\n.vuu-density-medium,\n.vuu-density-high {\n --salt-animation-opacity-start: 0;\n --salt-animation-opacity-end: 1;\n --salt-animation-scale-start: 0;\n --salt-animation-scale-end: 1;\n --salt-animation-transform-start: 100%;\n --salt-animation-transform-end: 0;\n --salt-animation-duration: 0.3s;\n --salt-animation-timing-function: ease-in;\n\n /* Slide Animations */\n --salt-animation-slide-in-top: slide-in-top var(--salt-animation-duration) var(--salt-animation-timing-function);\n --salt-animation-slide-in-left: slide-in-left var(--salt-animation-duration) var(--salt-animation-timing-function);\n --salt-animation-slide-in-right: slide-in-right var(--salt-animation-duration) var(--salt-animation-timing-function);\n --salt-animation-slide-in-bottom: slide-in-bottom var(--salt-animation-duration) var(--salt-animation-timing-function);\n\n --salt-animation-slide-out-top: slide-out-top var(--salt-animation-duration) var(--salt-animation-timing-function) both;\n --salt-animation-slide-out-left: slide-out-left var(--salt-animation-duration) var(--salt-animation-timing-function) both;\n --salt-animation-slide-out-right: slide-out-right var(--salt-animation-duration) var(--salt-animation-timing-function) both;\n --salt-animation-slide-out-bottom: slide-out-bottom var(--salt-animation-duration) var(--salt-animation-timing-function) both;\n\n /* Fade Animations */\n --salt-animation-fade-in-back: fade-in-back var(--salt-animation-duration) var(--salt-animation-timing-function);\n --salt-animation-fade-in-forward: fade-in-forward var(--salt-animation-duration) var(--salt-animation-timing-function);\n --salt-animation-fade-in-center: fade-in-center var(--salt-animation-duration) var(--salt-animation-timing-function);\n --salt-animation-fade-out-back: fade-out-back var(--salt-animation-duration) ease-out both;\n}\n\n/*Slide keyframes */\n@keyframes slide-in-top {\n 0% {\n opacity: var(--salt-animation-opacity-start);\n transform: translateY(var(--salt-animation-transform-start));\n }\n 100% {\n opacity: var(--salt-animation-opacity-end);\n transform: translateY(var(--salt-animation-transform-end));\n }\n}\n@keyframes slide-out-top {\n 0% {\n opacity: var(--salt-animation-opacity-end);\n transform: translateY(var(--salt-animation-transform-end));\n }\n 100% {\n opacity: var(--salt-animation-opacity-start);\n transform: translateY(var(--salt-animation-transform-start));\n }\n}\n@keyframes slide-in-left {\n 0% {\n opacity: var(--salt-animation-opacity-start);\n transform: translateX(calc(-1 * var(--salt-animation-transform-start)));\n }\n 100% {\n opacity: var(--salt-animation-opacity-end);\n transform: translateX(var(--salt-animation-transform-end));\n }\n}\n@keyframes slide-out-left {\n 0% {\n opacity: var(--salt-animation-opacity-end);\n transform: translateX(var(--salt-animation-transform-end));\n }\n 100% {\n opacity: var(--salt-animation-opacity-start);\n transform: translateX(calc(-1 * var(--salt-animation-transform-start)));\n }\n}\n@keyframes slide-in-right {\n 0% {\n opacity: var(--salt-animation-opacity-start);\n transform: translateX(var(--salt-animation-transform-start));\n }\n 100% {\n opacity: var(--salt-animation-opacity-end);\n transform: translateX(var(--salt-animation-transform-end));\n }\n}\n@keyframes slide-out-right {\n 0% {\n opacity: var(--salt-animation-opacity-end);\n transform: translateX(var(--salt-animation-transform-end));\n }\n 100% {\n opacity: var(--salt-animation-opacity-start);\n transform: translateX(var(--salt-animation-transform-start));\n }\n}\n@keyframes slide-in-bottom {\n 0% {\n opacity: var(--salt-animation-opacity-start);\n transform: translateY(calc(-1 * var(--salt-animation-transform-start)));\n }\n 100% {\n opacity: var(--salt-animation-opacity-end);\n transform: translateY(var(--salt-animation-transform-end));\n }\n}\n@keyframes slide-out-bottom {\n 0% {\n opacity: var(--salt-animation-opacity-end);\n transform: translateY(var(--salt-animation-transform-end));\n }\n 100% {\n opacity: var(--salt-animation-opacity-start);\n transform: translateY(calc(-1 * var(--salt-animation-transform-start)));\n }\n}\n/* Fade keyframes */\n@keyframes fade-in-back {\n 0% {\n --salt-animation-scale-start: 1.4;\n opacity: var(--salt-animation-opacity-start);\n transform: scale(var(--salt-animation-scale-start));\n }\n\n 100% {\n opacity: var(--salt-animation-opacity-end);\n transform: scale(var(--salt-animation-scale-end));\n }\n}\n@keyframes fade-in-forward {\n 0% {\n --salt-animation-scale-start: 0.6;\n opacity: var(--salt-animation-opacity-start);\n transform: scale(var(--salt-animation-scale-start));\n }\n\n 100% {\n opacity: var(--salt-animation-opacity-end);\n transform: scale(var(--salt-animation-scale-end));\n }\n}\n@keyframes fade-in-center {\n 0% {\n opacity: var(--salt-animation-opacity-start);\n }\n\n 100% {\n opacity: var(--salt-animation-opacity-end);\n }\n}\n\n@keyframes fade-out-back {\n 0% {\n opacity: var(--salt-animation-opacity-end);\n }\n 100% {\n opacity: var(--salt-animation-opacity-start);\n }\n}\n", ".vuu-theme {\n\n --vuu-color-transparent: transparent;\n --vuu-color-black: black;\n --vuu-color-white: white;\n\n --vuu-color-purple-10: rgb(109,24,189); /* #6D18BD */\n\n --vuu-color-pink-10: rgb(234, 120, 128); /* #F37880 */\n\n\n --vuu-color-gray-05: rgb(237, 237, 237); /* #EDEDED */\n --vuu-color-gray-10: rgb(228, 227, 231); /* #E4E3E7 */\n --vuu-color-gray-20: rgb(245, 242, 248); /* #F5F2F8 */\n --vuu-color-gray-30: rgb(214, 215, 218); /* #D6D7Da */\n --vuu-color-gray-35: rgb(155, 158, 168); /* #9B9EA8; */\n --vuu-color-gray-40: rgb(169, 170, 173); /* #A9AAAD */ \n --vuu-color-gray-45: rgb(119, 124, 148); /* #777C94 */ \n --vuu-color-gray-50: rgb(96, 100, 119); /* #606477 */\n --vuu-color-gray-80: rgb(21, 23, 27); /* #15171B */ \n\n\n\n /* Color palette will stay the same no matter of theming */\n --salt-color-white: rgb(255, 255, 255);\n --salt-color-black: rgb(0, 0, 0);\n\n --salt-color-red-10: rgb(255, 227, 224);\n --salt-color-red-20: rgb(255, 207, 201);\n --salt-color-red-30: rgb(255, 187, 178);\n --salt-color-red-40: rgb(255, 167, 156);\n --salt-color-red-50: rgb(255, 148, 133);\n --salt-color-red-100: rgb(255, 128, 111);\n --salt-color-red-200: rgb(255, 108, 88);\n --salt-color-red-300: rgb(255, 89, 66);\n --salt-color-red-400: rgb(237, 65, 42);\n --salt-color-red-500: rgb(227, 43, 22);\n --salt-color-red-600: rgb(196, 32, 16);\n --salt-color-red-700: rgb(166, 21, 11);\n --salt-color-red-800: rgb(136, 10, 5);\n --salt-color-red-900: rgb(65, 37, 34);\n\n --salt-color-orange-10: rgb(255, 232, 191);\n --salt-color-orange-20: rgb(254, 223, 166);\n --salt-color-orange-30: rgb(254, 214, 142);\n --salt-color-orange-40: rgb(254, 205, 118);\n --salt-color-orange-50: rgb(254, 197, 94);\n --salt-color-orange-100: rgb(250, 181, 81);\n --salt-color-orange-200: rgb(246, 165, 68);\n --salt-color-orange-300: rgb(242, 149, 56);\n --salt-color-orange-400: rgb(238, 133, 43);\n --salt-color-orange-500: rgb(234, 115, 25);\n --salt-color-orange-600: rgb(224, 101, 25);\n --salt-color-orange-700: rgb(214, 85, 19);\n --salt-color-orange-800: rgb(204, 68, 13);\n --salt-color-orange-900: rgb(54, 44, 36);\n\n --salt-color-green-10: rgb(209, 244, 201);\n --salt-color-green-20: rgb(184, 232, 182);\n --salt-color-green-30: rgb(160, 221, 164);\n --salt-color-green-40: rgb(136, 210, 145);\n --salt-color-green-50: rgb(112, 199, 127);\n --salt-color-green-100: rgb(93, 189, 116);\n --salt-color-green-200: rgb(77, 180, 105);\n --salt-color-green-300: rgb(60, 171, 96);\n --salt-color-green-400: rgb(48, 156, 90);\n --salt-color-green-500: rgb(36, 135, 75);\n --salt-color-green-600: rgb(24, 114, 61);\n --salt-color-green-700: rgb(12, 93, 46);\n --salt-color-green-800: rgb(1, 73, 32);\n --salt-color-green-900: rgb(35, 52, 43);\n\n --salt-color-teal-10: rgb(218, 240, 240);\n --salt-color-teal-20: rgb(199, 232, 232);\n --salt-color-teal-30: rgb(180, 224, 225);\n --salt-color-teal-40: rgb(162, 217, 218);\n --salt-color-teal-50: rgb(141, 205, 209);\n --salt-color-teal-100: rgb(123, 193, 200);\n --salt-color-teal-200: rgb(99, 181, 192);\n --salt-color-teal-300: rgb(73, 160, 172);\n --salt-color-teal-400: rgb(48, 149, 166);\n --salt-color-teal-500: rgb(0, 130, 151);\n --salt-color-teal-600: rgb(27, 107, 133);\n --salt-color-teal-700: rgb(0, 85, 113);\n --salt-color-teal-800: rgb(1, 65, 86);\n --salt-color-teal-900: rgb(0, 49, 76);\n\n --salt-color-blue-10: rgb(203, 231, 249);\n --salt-color-blue-20: rgb(183, 222, 246);\n --salt-color-blue-30: rgb(164, 213, 244);\n --salt-color-blue-40: rgb(144, 204, 242);\n --salt-color-blue-50: rgb(125, 195, 240);\n --salt-color-blue-100: rgb(100, 177, 228);\n --salt-color-blue-200: rgb(75, 159, 216);\n --salt-color-blue-300: rgb(51, 141, 205);\n --salt-color-blue-400: rgb(46, 132, 198);\n --salt-color-blue-500: rgb(38, 112, 169);\n --salt-color-blue-600: rgb(21, 92, 147);\n --salt-color-blue-700: rgb(0, 71, 123);\n --salt-color-blue-800: rgb(39, 60, 77);\n --salt-color-blue-900: rgb(35, 47, 56);\n\n --salt-color-purple-10: rgb(249, 224, 247);\n --salt-color-purple-20: rgb(247, 212, 244);\n --salt-color-purple-30: rgb(245, 201, 241);\n --salt-color-purple-40: rgb(243, 189, 238);\n --salt-color-purple-50: rgb(241, 178, 235);\n --salt-color-purple-100: rgb(223, 156, 225);\n --salt-color-purple-200: rgb(205, 135, 215);\n --salt-color-purple-300: rgb(192, 116, 203);\n --salt-color-purple-400: rgb(169, 97, 181);\n --salt-color-purple-500: rgb(150, 78, 162);\n --salt-color-purple-600: rgb(129, 60, 141);\n --salt-color-purple-700: rgb(103, 46, 122);\n --salt-color-purple-800: rgb(83, 37, 109);\n --salt-color-purple-900: rgb(59, 16, 84);\n\n --salt-color-gray-10: rgb(242, 244, 246);\n --salt-color-gray-20: rgb(234, 237, 239);\n --salt-color-gray-30: rgb(224, 228, 233);\n --salt-color-gray-40: rgb(217, 221, 227);\n --salt-color-gray-50: rgb(206, 210, 217);\n --salt-color-gray-60: rgb(197, 201, 208);\n --salt-color-gray-70: rgb(180, 183, 190);\n --salt-color-gray-80: rgb(159, 163, 170);\n --salt-color-gray-90: rgb(132, 135, 142);\n --salt-color-gray-100: rgb(116, 119, 127);\n --salt-color-gray-200: rgb(97, 101, 110);\n --salt-color-gray-300: rgb(76, 80, 91);\n --salt-color-gray-400: rgb(68, 72, 79);\n --salt-color-gray-500: rgb(59, 63, 70);\n --salt-color-gray-600: rgb(47, 49, 54);\n --salt-color-gray-700: rgb(42, 44, 47);\n --salt-color-gray-800: rgb(36, 37, 38);\n --salt-color-gray-900: rgb(22, 22, 22);\n}\n", ".vuu-theme {\n --salt-duration-instant: 0ms;\n --salt-duration-perceptible: 300ms;\n --salt-duration-notable: 1000ms;\n --salt-duration-cutoff: 10000ms;\n}\n", ".vuu-theme {\n --salt-color-blue-100-fade-foreground: rgba(100, 177, 228, var(--salt-palette-opacity-disabled));\n --salt-color-blue-500-fade-foreground: rgba(38, 112, 169, var(--salt-palette-opacity-disabled));\n --salt-color-blue-600-fade-foreground: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));\n --salt-color-gray-200-fade-foreground: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));\n --salt-color-gray-70-fade-foreground: rgba(180, 183, 190, var(--salt-palette-opacity-disabled));\n --salt-color-gray-90-fade-foreground: rgba(132, 135, 142, var(--salt-palette-opacity-disabled));\n --salt-color-gray-900-fade-foreground: rgba(22, 22, 22, var(--salt-palette-opacity-disabled));\n --salt-color-green-300-fade-foreground: rgba(60, 171, 96, var(--salt-palette-opacity-disabled));\n --salt-color-green-400-fade-foreground: rgba(48, 156, 90, var(--salt-palette-opacity-disabled));\n --salt-color-green-500-fade-foreground: rgba(36, 135, 75, var(--salt-palette-opacity-disabled));\n --salt-color-green-700-fade-foreground: rgba(12, 93, 46, var(--salt-palette-opacity-disabled));\n --salt-color-red-300-fade-foreground: rgba(255, 89, 66, var(--salt-palette-opacity-disabled));\n --salt-color-red-500-fade-foreground: rgba(227, 43, 22, var(--salt-palette-opacity-disabled));\n --salt-color-red-700-fade-foreground: rgba(166, 21, 11, var(--salt-palette-opacity-disabled));\n --salt-color-white-fade-foreground: rgba(255, 255, 255, var(--salt-palette-opacity-disabled));\n\n --salt-color-blue-500-fade-border: rgba(38, 112, 169, var(--salt-palette-opacity-disabled));\n --salt-color-gray-60-fade-border: rgba(197, 201, 208, var(--salt-palette-opacity-disabled));\n --salt-color-gray-90-fade-border: rgba(132, 135, 142, var(--salt-palette-opacity-disabled));\n --salt-color-gray-200-fade-border: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));\n --salt-color-gray-300-fade-border: rgba(76, 80, 91, var(--salt-palette-opacity-disabled));\n --salt-color-green-400-fade-border: rgba(48, 156, 90, var(--salt-palette-opacity-disabled));\n --salt-color-green-500-fade-border: rgba(36, 135, 75, var(--salt-palette-opacity-disabled));\n --salt-color-orange-400-fade-border: rgba(238, 133, 43, var(--salt-palette-opacity-disabled));\n --salt-color-orange-500-fade-border: rgba(234, 115, 25, var(--salt-palette-opacity-disabled));\n --salt-color-orange-600-fade-border: rgba(224, 101, 25, var(--salt-palette-opacity-disabled));\n --salt-color-orange-700-fade-border: rgba(214, 85, 19, var(--salt-palette-opacity-disabled));\n --salt-color-red-500-fade-border: rgba(227, 43, 22, var(--salt-palette-opacity-disabled));\n\n --salt-color-gray-90-fade-border-readonly: rgba(132, 135, 142, var(--salt-palette-opacity-border-readonly));\n --salt-color-gray-200-fade-border-readonly: rgba(97, 101, 110, var(--salt-palette-opacity-border-readonly));\n\n --salt-color-blue-30-fade-background: rgba(164, 213, 244, var(--salt-palette-opacity-disabled));\n --salt-color-blue-500-fade-background: rgba(38, 112, 169, var(--salt-palette-opacity-disabled));\n --salt-color-blue-600-fade-background: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));\n --salt-color-blue-700-fade-background: rgba(0, 71, 123, var(--salt-palette-opacity-disabled));\n --salt-color-gray-20-fade-background: rgba(234, 237, 239, var(--salt-palette-opacity-disabled));\n --salt-color-gray-60-fade-background: rgba(197, 201, 208, var(--salt-palette-opacity-disabled));\n --salt-color-gray-70-fade-background: rgba(180, 183, 190, var(--salt-palette-opacity-disabled));\n --salt-color-gray-200-fade-background: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));\n --salt-color-gray-300-fade-background: rgba(76, 80, 91, var(--salt-palette-opacity-disabled));\n --salt-color-gray-600-fade-background: rgba(47, 49, 54, var(--salt-palette-opacity-disabled));\n --salt-color-gray-800-fade-background: rgba(36, 37, 38, var(--salt-palette-opacity-disabled));\n --salt-color-white-fade-background: rgba(255, 255, 255, var(--salt-palette-opacity-disabled));\n\n --salt-color-white-fade-background-readonly: rgba(255, 255, 255, var(--salt-palette-opacity-background-readonly));\n --salt-color-gray-20-fade-background-readonly: rgba(234, 237, 239, var(--salt-palette-opacity-background-readonly));\n --salt-color-gray-600-fade-background-readonly: rgba(47, 49, 54, var(--salt-palette-opacity-background-readonly));\n --salt-color-gray-800-fade-background-readonly: rgba(36, 37, 38, var(--salt-palette-opacity-background-readonly));\n\n --salt-color-black-fade-backdrop: rgba(36, 37, 38, var(--salt-palette-opacity-backdrop));\n\n --salt-color-blue-100-fade-fill: rgba(100, 177, 228, var(--salt-palette-opacity-disabled));\n --salt-color-blue-600-fade-fill: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));\n\n --salt-color-white-fade-separatorOpacity-primary: rgba(255, 255, 255, var(--salt-palette-opacity-primary-border));\n --salt-color-white-fade-separatorOpacity-secondary: rgba(255, 255, 255, var(--salt-palette-opacity-secondary-border));\n --salt-color-white-fade-separatorOpacity-tertiary: rgba(255, 255, 255, var(--salt-palette-opacity-tertiary-border));\n --salt-color-black-fade-separatorOpacity-primary: rgba(0, 0, 0, var(--salt-palette-opacity-primary-border));\n --salt-color-black-fade-separatorOpacity-secondary: rgba(0, 0, 0, var(--salt-palette-opacity-secondary-border));\n --salt-color-black-fade-separatorOpacity-tertiary: rgba(0, 0, 0, var(--salt-palette-opacity-tertiary-border));\n}\n", ".vuu-density-touch {\n --salt-icon-size-base: 16px;\n --salt-icon-size-status-adornment: 12px;\n}\n\n.vuu-density-low {\n --salt-icon-size-base: 14px;\n --salt-icon-size-status-adornment: 10px;\n}\n\n.vuu-density-medium {\n --salt-icon-size-base: 12px;\n --salt-icon-size-status-adornment: 8px;\n}\n\n.vuu-density-high {\n --salt-icon-size-base: 10px;\n --salt-icon-size-status-adornment: 6px;\n}\n", ".vuu-theme {\n --salt-opacity-0: 0;\n --salt-opacity-8: 0.08;\n --salt-opacity-15: 0.15;\n --salt-opacity-25: 0.25;\n --salt-opacity-40: 0.4;\n --salt-opacity-70: 0.7;\n}\n", ".vuu-theme[data-mode=\"light\"] {\n --salt-shadow-1-color: rgba(0, 0, 0, 0.1);\n --salt-shadow-2-color: rgba(0, 0, 0, 0.1);\n --salt-shadow-3-color: rgba(0, 0, 0, 0.15);\n --salt-shadow-4-color: rgba(0, 0, 0, 0.2);\n --salt-shadow-5-color: rgba(0, 0, 0, 0.3);\n}\n\n.vuu-theme[data-mode=\"dark\"] {\n --salt-shadow-1-color: rgba(0, 0, 0, 0.5);\n --salt-shadow-2-color: rgba(0, 0, 0, 0.5);\n --salt-shadow-3-color: rgba(0, 0, 0, 0.55);\n --salt-shadow-4-color: rgba(0, 0, 0, 0.55);\n --salt-shadow-5-color: rgba(0, 0, 0, 0.65);\n}\n\n.vuu-theme {\n --salt-shadow-0: none;\n --salt-shadow-1: 0 1px 3px 0 var(--salt-shadow-1-color);\n --salt-shadow-2: 0 2px 4px 0 var(--salt-shadow-2-color);\n --salt-shadow-3: 0 4px 8px 0 var(--salt-shadow-3-color);\n --salt-shadow-4: 0 6px 10px 0 var(--salt-shadow-4-color);\n --salt-shadow-5: 0 12px 40px 0 var(--salt-shadow-5-color);\n}\n", "/** Size */\n.vuu-density-touch,\n.vuu-density-low,\n.vuu-density-medium,\n.vuu-density-high {\n --salt-size-basis-unit: 4px;\n\n --salt-size-adornmentGap: calc(0.75 * var(--salt-size-unit));\n --salt-size-container-spacing: calc(3 * var(--salt-size-unit));\n --salt-size-separator-strokeWidth: 1px;\n --salt-size-selectable: calc(var(--salt-size-base) - (1.5 * var(--salt-size-unit)) - (0.5 * var(--salt-size-basis-unit)));\n --salt-size-separator-height: calc(var(--salt-size-compact) + 1.5 * var(--salt-size-basis-unit));\n --salt-size-sharktooth-height: 5px;\n --salt-size-sharktooth-width: 10px;\n --salt-size-stackable: calc(var(--salt-size-base) + var(--salt-size-unit));\n}\n\n.vuu-density-high {\n --salt-size-unit: calc(var(--salt-size-basis-unit) * 1);\n --salt-size-compact: calc(var(--salt-size-basis-unit) * 1.5);\n --salt-size-accent: calc(var(--salt-size-basis-unit) * 0.5);\n\n /* New size work */\n --salt-size-adornment: 6px;\n --salt-size-bar: 2px;\n --salt-size-base: 20px;\n --salt-size-border: 1px;\n --salt-size-selectable: 12px;\n --salt-size-icon: 12px;\n}\n\n.vuu-density-medium {\n --salt-size-unit: calc(var(--salt-size-basis-unit) * 2);\n --salt-size-compact: calc(var(--salt-size-basis-unit) * 2);\n --salt-size-accent: calc(var(--salt-size-basis-unit) * 1);\n\n /* New size work */\n --salt-size-adornment: 8px;\n --salt-size-bar: 4px;\n --salt-size-base: 28px;\n --salt-size-border: 1px;\n --salt-size-selectable: 14px;\n --salt-size-icon: 12px;\n}\n\n.vuu-density-low {\n --salt-size-unit: calc(var(--salt-size-basis-unit) * 3);\n --salt-size-compact: calc(var(--salt-size-basis-unit) * 2.5);\n --salt-size-accent: calc(var(--salt-size-basis-unit) * 1.5);\n\n /* New size work */\n --salt-size-adornment: 10px;\n --salt-size-bar: 6px;\n --salt-size-base: 36px;\n --salt-size-border: 1px;\n --salt-size-selectable: 16px;\n --salt-size-icon: 14px;\n}\n\n.vuu-density-touch {\n --salt-size-unit: calc(var(--salt-size-basis-unit) * 4);\n --salt-size-compact: calc(var(--salt-size-basis-unit) * 3);\n --salt-size-accent: calc(var(--salt-size-basis-unit) * 2);\n\n /* New size work */\n --salt-size-adornment: 12px;\n --salt-size-bar: 8px;\n --salt-size-base: 44px;\n --salt-size-border: 1px;\n --salt-size-selectable: 18px;\n --salt-size-icon: 16px;\n}\n", ".vuu-density-touch {\n --salt-spacing-100: 16px;\n}\n\n.vuu-density-low {\n --salt-spacing-100: 12px;\n}\n\n.vuu-density-medium {\n --salt-spacing-100: 8px;\n}\n\n.vuu-density-high {\n --salt-spacing-100: 4px;\n}\n\n.vuu-density-touch,\n.vuu-density-low,\n.vuu-density-medium,\n.vuu-density-high {\n --salt-spacing-25: calc(0.25 * var(--salt-spacing-100));\n --salt-spacing-50: calc(0.5 * var(--salt-spacing-100));\n --salt-spacing-75: calc(0.75 * var(--salt-spacing-100));\n\n --salt-spacing-150: calc(1.5 * var(--salt-spacing-100));\n --salt-spacing-200: calc(2 * var(--salt-spacing-100));\n --salt-spacing-250: calc(2.5 * var(--salt-spacing-100));\n --salt-spacing-300: calc(3 * var(--salt-spacing-100));\n --salt-spacing-350: calc(3.5 * var(--salt-spacing-100));\n --salt-spacing-400: calc(4 * var(--salt-spacing-100));\n}\n", ".vuu-theme {\n --salt-typography-fontFamily: \"Nunito Sans\";\n --salt-typography-fontFamily-code: \"PT Mono\";\n\n --salt-typography-fontWeight-light: 300;\n --salt-typography-fontWeight-regular: 400;\n --salt-typography-fontWeight-medium: 500;\n --salt-typography-fontWeight-semiBold: 600;\n --salt-typography-fontWeight-bold: 700;\n --salt-typography-fontWeight-extraBold: 800;\n}\n", ".vuu-density-touch,\n.vuu-density-low,\n.vuu-density-medium,\n.vuu-density-high {\n --salt-zIndex-default: 1;\n --salt-zIndex-popout: 1000;\n --salt-zIndex-docked: 1050;\n --salt-zIndex-appHeader: 1100;\n --salt-zIndex-drawer: 1200;\n --salt-zIndex-modal: 1300;\n --salt-zIndex-notification: 1400;\n --salt-zIndex-dragObject: 1420;\n --salt-zIndex-contextMenu: 1450;\n --salt-zIndex-flyover: 1500;\n}\n", ".vuu-theme[data-mode=\"light\"] {\n --salt-palette-accent-background: var(--salt-color-blue-500);\n --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);\n --salt-palette-accent-border: var(--salt-color-blue-500);\n --salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);\n --salt-palette-accent-foreground: var(--salt-color-white);\n --salt-palette-accent-foreground-disabled: var(--salt-color-white-fade-foreground);\n}\n\n.vuu-theme[data-mode=\"dark\"] {\n --salt-palette-accent-background: var(--salt-color-blue-500);\n --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);\n --salt-palette-accent-border: var(--salt-color-blue-500);\n --salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);\n --salt-palette-accent-foreground: var(--salt-color-white);\n --salt-palette-accent-foreground-disabled: var(--salt-color-white-fade-foreground);\n}\n", ".vuu-theme[data-mode=\"light\"] {\n --salt-palette-error-background: var(--salt-color-red-10);\n --salt-palette-error-background-selected: var(--salt-color-red-20);\n --salt-palette-error-border: var(--salt-color-red-500);\n --salt-palette-error-foreground: var(--salt-color-red-500);\n}\n\n.vuu-theme[data-mode=\"dark\"] {\n --salt-palette-error-background: var(--salt-color-red-900);\n --salt-palette-error-background-selected: var(--salt-color-red-900);\n --salt-palette-error-border: var(--salt-color-red-500);\n --salt-palette-error-foreground: var(--salt-color-red-500);\n}\n", ".vuu-theme[data-mode=\"light\"] {\n --salt-palette-info-background: var(--salt-color-blue-10);\n --salt-palette-info-border: var(--salt-color-blue-500);\n --salt-palette-info-foreground: var(--salt-color-blue-500);\n}\n\n.vuu-theme[data-mode=\"dark\"] {\n --salt-palette-info-background: var(--salt-color-blue-900);\n --salt-palette-info-border: var(--salt-color-blue-500);\n --salt-palette-info-foreground: var(--salt-color-blue-500);\n}\n", ".vuu-theme[data-mode=\"light\"] {\n --salt-palette-interact-background: transparent;\n --salt-palette-interact-background-blurSelected: var(--salt-color-gray-30);\n --salt-palette-interact-background-hover: var(--vuu-color-gray-10);\n --salt-palette-interact-background-active: var(--vuu-color-purple-10);\n --salt-palette-interact-background-disabled: var(--vuu-color-gray-35);\n --salt-palette-interact-background-activeDisabled: var(--salt-color-blue-30-fade-background);\n --salt-palette-interact-border: var(--vuu-color-gray-45);\n --salt-palette-interact-border-active: var(--vuu-color-purple-10);\n --salt-palette-interact-border-activeDisabled: var(--salt-color-blue-600-fade-fill);\n --salt-palette-interact-border-disabled: var(--salt-color-gray-200-fade-border);\n --salt-palette-interact-border-hover: var(--salt-color-blue-500);\n --salt-palette-interact-border-readonly: var(--salt-color-gray-200-fade-border-readonly);\n --salt-palette-interact-foreground: var(--salt-color-gray-200);\n --salt-palette-interact-foreground-active: var(--vuu-color-purple-10);\n --salt-palette-interact-foreground-activeDisabled: var(--salt-color-blue-600-fade-foreground);\n --salt-palette-interact-foreground-disabled: var(--salt-color-gray-200-fade-foreground);\n --salt-palette-interact-foreground-hover: var(--salt-color-blue-500);\n --salt-palette-interact-outline: var(--salt-color-blue-600);\n\n --salt-palette-interact-cta-background: var(--salt-color-blue-600);\n --salt-palette-interact-cta-background-active: var(--salt-color-blue-700);\n --salt-palette-interact-cta-background-activeDisabled: var(--salt-color-blue-700-fade-background);\n --salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-fade-background);\n --salt-palette-interact-cta-background-hover: var(--salt-color-blue-500);\n --salt-palette-interact-cta-foreground: var(--salt-color-white);\n --salt-palette-interact-cta-foreground-active: var(--salt-color-white);\n --salt-palette-interact-cta-foreground-activeDisabled: var(--salt-color-white-fade-foreground);\n --salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-fade-foreground);\n --salt-palette-interact-cta-foreground-hover: var(--salt-color-white);\n --salt-palette-interact-primary-background: var(--vuu-color-white);\n --salt-palette-interact-primary-background-active: var(--salt-color-gray-200);\n --salt-palette-interact-primary-background-activeDisabled: var(--salt-color-gray-200-fade-background);\n --salt-palette-interact-primary-background-disabled: var(--salt-color-gray-60-fade-background);\n --salt-palette-interact-primary-background-hover: var(--vuu-color-pink-10);\n --salt-palette-interact-primary-foreground: var(--vuu-color-gray-50);\n --salt-palette-interact-primary-foreground-active: var(--salt-color-white);\n --salt-palette-interact-primary-foreground-activeDisabled: var(--salt-color-white-fade-foreground);\n --salt-palette-interact-primary-foreground-disabled: var(--salt-color-gray-900-fade-foreground);\n --salt-palette-interact-primary-foreground-hover: var(--vuu-color-gray-80);\n --salt-palette-interact-secondary-background: transparent;\n --salt-palette-interact-secondary-background-active: var(--vuu-color-purple-10);\n --salt-palette-interact-secondary-background-activeDisabled: var(--salt-color-gray-200-fade-background);\n --salt-palette-interact-secondary-background-disabled: transparent;\n --salt-palette-interact-secondary-background-hover: var(--salt-color-gray-40);\n --salt-palette-interact-secondary-foreground: var(--salt-color-gray-900);\n --salt-palette-interact-secondary-foreground-active: var(--salt-color-white);\n --salt-palette-interact-secondary-foreground-activeDisabled: var(--salt-color-white-fade-foreground);\n --salt-palette-interact-secondary-foreground-disabled: var(--salt-color-gray-900-fade-foreground);\n --salt-palette-interact-secondary-foreground-hover: var(--salt-color-gray-900);\n}\n\n.vuu-theme[data-mode=\"dark\"] {\n --salt-palette-interact-background: transparent;\n --salt-palette-interact-background-active: var(--salt-color-blue-700);\n --salt-palette-interact-background-blurSelected: var(--salt-color-gray-600);\n --salt-palette-interact-background-hover: var(--salt-color-blue-800);\n --salt-palette-interact-background-disabled: transparent;\n --salt-palette-interact-background-activeDisabled: var(--salt-color-blue-700-fade-background);\n --salt-palette-interact-border: var(--salt-color-gray-90);\n --salt-palette-interact-border-active: var(--salt-color-blue-100);\n --salt-palette-interact-border-activeDisabled: var(--salt-color-blue-100-fade-fill);\n --salt-palette-interact-border-disabled: var(--salt-color-gray-90-fade-border);\n --salt-palette-interact-border-hover: var(--salt-color-blue-500);\n --salt-palette-interact-border-readonly: var(--salt-color-gray-90-fade-border-readonly);\n --salt-palette-interact-foreground: var(--salt-color-gray-90);\n --salt-palette-interact-foreground-active: var(--salt-color-blue-100);\n --salt-palette-interact-foreground-activeDisabled: var(--salt-color-blue-100-fade-foreground);\n --salt-palette-interact-foreground-disabled: var(--salt-color-gray-90-fade-foreground);\n --salt-palette-interact-foreground-hover: var(--salt-color-blue-500);\n --salt-palette-interact-outline: var(--vuu-color-pink-10);\n\n --salt-palette-interact-cta-background: var(--salt-color-blue-600);\n --salt-palette-interact-cta-background-active: var(--salt-color-blue-700);\n --salt-palette-interact-cta-background-activeDisabled: var(--salt-color-blue-700-fade-background);\n --salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-fade-background);\n --salt-palette-interact-cta-background-hover: var(--salt-color-blue-500);\n --salt-palette-interact-cta-foreground: var(--salt-color-white);\n --salt-palette-interact-cta-foreground-active: var(--salt-color-white);\n --salt-palette-interact-cta-foreground-activeDisabled: var(--salt-color-white-fade-foreground);\n --salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-fade-foreground);\n --salt-palette-interact-cta-foreground-hover: var(--salt-color-white);\n --salt-palette-interact-primary-background: var(--salt-color-gray-300);\n --salt-palette-interact-primary-background-active: var(--salt-color-gray-70);\n --salt-palette-interact-primary-background-activeDisabled: var(--salt-color-gray-70-fade-background);\n --salt-palette-interact-primary-background-disabled: var(--salt-color-gray-300-fade-background);\n --salt-palette-interact-primary-background-hover: var(--salt-color-gray-200);\n --salt-palette-interact-primary-foreground: var(--salt-color-white);\n --salt-palette-interact-primary-foreground-active: var(--salt-color-gray-900);\n --salt-palette-interact-primary-foreground-activeDisabled: var(--salt-color-gray-900-fade-foreground);\n --salt-palette-interact-primary-foreground-disabled: var(--salt-color-white-fade-foreground);\n --salt-palette-interact-primary-foreground-hover: var(--salt-color-white);\n --salt-palette-interact-secondary-background: transparent;\n --salt-palette-interact-secondary-background-active: var(--salt-color-gray-70);\n --salt-palette-interact-secondary-background-activeDisabled: var(--salt-color-gray-70-fade-background);\n --salt-palette-interact-secondary-background-disabled: transparent;\n --salt-palette-interact-secondary-background-hover: var(--salt-color-gray-200);\n --salt-palette-interact-secondary-foreground: var(--salt-color-white);\n --salt-palette-interact-secondary-foreground-active: var(--salt-color-gray-900);\n --salt-palette-interact-secondary-foreground-activeDisabled: var(--salt-color-gray-900-fade-foreground);\n --salt-palette-interact-secondary-foreground-disabled: var(--salt-color-white-fade-foreground);\n --salt-palette-interact-secondary-foreground-hover: var(--salt-color-white);\n}\n", ".vuu-theme[data-mode=\"light\"] {\n --salt-palette-navigate-primary-background: transparent;\n --salt-palette-navigate-primary-background-active: transparent;\n --salt-palette-navigate-primary-background-hover: var(--salt-color-gray-20);\n --salt-palette-navigate-secondary-background: transparent;\n --salt-palette-navigate-secondary-background-active: transparent;\n --salt-palette-navigate-secondary-background-hover: var(--salt-color-gray-30);\n --salt-palette-navigate-tertiary-background: transparent;\n --salt-palette-navigate-tertiary-background-active: transparent;\n --salt-palette-navigate-tertiary-background-hover: var(--salt-color-gray-20);\n --salt-palette-navigate-foreground-hover: var(--salt-color-blue-600);\n --salt-palette-navigate-foreground-active: var(--salt-color-blue-700);\n --salt-palette-navigate-foreground-visited: var(--salt-color-purple-800);\n --salt-palette-navigate-indicator-hover: var(--salt-color-gray-90);\n --salt-palette-navigate-indicator-active: var(--vuu-color-purple-10);\n --salt-palette-navigate-indicator-activeDisabled: var(--salt-color-orange-600-fade-border);\n}\n\n.vuu-theme[data-mode=\"dark\"] {\n --salt-palette-navigate-primary-background: transparent;\n --salt-palette-navigate-primary-background-active: transparent;\n --salt-palette-navigate-primary-background-hover: var(--salt-color-gray-700);\n --salt-palette-navigate-secondary-background: transparent;\n --salt-palette-navigate-secondary-background-active: transparent;\n --salt-palette-navigate-secondary-background-hover: var(--salt-color-gray-600);\n --salt-palette-navigate-tertiary-background: transparent;\n --salt-palette-navigate-tertiary-background-active: transparent;\n --salt-palette-navigate-tertiary-background-hover: var(--salt-color-gray-700);\n --salt-palette-navigate-foreground-hover: var(--salt-color-blue-200);\n --salt-palette-navigate-foreground-active: var(--salt-color-blue-300);\n --salt-palette-navigate-foreground-visited: var(--salt-color-purple-100);\n --salt-palette-navigate-indicator-hover: var(--salt-color-gray-90);\n --salt-palette-navigate-indicator-active: var(--vuu-color-pink-10);\n --salt-palette-navigate-indicator-activeDisabled: var(--salt-color-orange-400-fade-border);\n}\n", ".vuu-theme[data-mode=\"light\"] {\n --salt-palette-negative-foreground: var(--salt-color-red-700);\n}\n\n.vuu-theme[data-mode=\"dark\"] {\n --salt-palette-negative-foreground: var(--salt-color-red-300);\n}\n", ".vuu-theme[data-mode=\"light\"] {\n --salt-palette-neutral-primary-background: var(--salt-color-white);\n --salt-palette-neutral-primary-background-disabled: var(--salt-color-white-fade-background);\n --salt-palette-neutral-primary-background-readonly: var(--salt-color-white-fade-background-readonly);\n --salt-palette-neutral-primary-foreground: var(--vuu-color-gray-80);\n --salt-palette-neutral-primary-foreground-disabled: var(--salt-color-gray-900-fade-foreground);\n --salt-palette-neutral-primary-separator: var(--salt-color-black-fade-separatorOpacity-primary);\n --salt-palette-neutral-primary-border: var(--vuu-color-purple-10);\n --salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-60-fade-border);\n --salt-palette-neutral-secondary-background: var(--vuu-color-gray-20);\n --salt-palette-neutral-secondary-background-disabled: var(--salt-color-gray-20-fade-background);\n --salt-palette-neutral-secondary-background-readonly: var(--salt-color-gray-20-fade-background-readonly);\n --salt-palette-neutral-secondary-border: var(--salt-color-gray-90);\n --salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-90-fade-border);\n --salt-palette-neutral-secondary-foreground: var(--salt-color-gray-200);\n --salt-palette-neutral-secondary-foreground-disabled: var(--salt-color-gray-200-fade-foreground);\n --salt-palette-neutral-backdrop: var(--salt-color-black-fade-backdrop);\n --salt-palette-neutral-secondary-separator: var(--salt-color-black-fade-separatorOpacity-secondary);\n --salt-palette-neutral-tertiary-background: transparent;\n --salt-palette-neutral-tertiary-background-disabled: transparent;\n --salt-palette-neutral-tertiary-border: transparent;\n --salt-palette-neutral-tertiary-border-disabled: transparent;\n --salt-palette-neutral-tertiary-separator: var(--vuu-color-gray-05);\n}\n\n.vuu-theme[data-mode=\"dark\"] {\n --salt-palette-neutral-primary-background: var(--salt-color-gray-800);\n --salt-palette-neutral-primary-background-disabled: var(--salt-color-gray-800-fade-background);\n --salt-palette-neutral-primary-background-readonly: var(--salt-color-gray-800-fade-background-readonly);\n --salt-palette-neutral-primary-border: var(--salt-color-gray-300);\n --salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-300-fade-border);\n --salt-palette-neutral-primary-foreground: var(--salt-color-white);\n --salt-palette-neutral-primary-foreground-disabled: var(--salt-color-white-fade-foreground);\n --salt-palette-neutral-primary-separator: var(--salt-color-white-fade-separatorOpacity-primary);\n --salt-palette-neutral-secondary-background: var(--salt-color-gray-600);\n --salt-palette-neutral-secondary-background-disabled: var(--salt-color-gray-600-fade-background);\n --salt-palette-neutral-secondary-background-readonly: var(--salt-color-gray-600-fade-background-readonly);\n --salt-palette-neutral-secondary-border: var(--salt-color-gray-90);\n --salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-90-fade-border);\n --salt-palette-neutral-secondary-foreground: var(--salt-color-gray-70);\n --salt-palette-neutral-secondary-foreground-disabled: var(--salt-color-gray-70-fade-foreground);\n --salt-palette-neutral-backdrop: var(--salt-color-black-fade-backdrop);\n --salt-palette-neutral-secondary-separator: var(--salt-color-white-fade-separatorOpacity-secondary);\n --salt-palette-neutral-tertiary-background: transparent;\n --salt-palette-neutral-tertiary-background-disabled: transparent;\n --salt-palette-neutral-tertiary-border: transparent;\n --salt-palette-neutral-tertiary-border-disabled: transparent;\n --salt-palette-neutral-tertiary-separator: var(--salt-color-white-fade-separatorOpacity-tertiary);\n}\n", ".vuu-theme {\n --salt-palette-opacity-backdrop: var(--salt-opacity-70);\n --salt-palette-opacity-disabled: var(--salt-opacity-40);\n --salt-palette-opacity-background-readonly: var(--salt-opacity-0);\n --salt-palette-opacity-border-readonly: var(--salt-opacity-15);\n --salt-palette-opacity-primary-border: var(--salt-opacity-40);\n --salt-palette-opacity-secondary-border: var(--salt-opacity-25);\n --salt-palette-opacity-tertiary-border: var(--salt-opacity-15);\n}\n", ".vuu-theme[data-mode=\"light\"] {\n --salt-palette-positive-foreground: var(--salt-color-green-700);\n}\n\n.vuu-theme[data-mode=\"dark\"] {\n --salt-palette-positive-foreground: var(--salt-color-green-300);\n}\n", ".vuu-theme[data-mode=\"light\"] {\n --salt-palette-success-background: var(--salt-color-green-10);\n --salt-palette-success-background-selected: var(--salt-color-green-20);\n --salt-palette-success-border: var(--salt-color-green-500);\n --salt-palette-success-foreground: var(--salt-color-green-500);\n}\n\n.vuu-theme[data-mode=\"dark\"] {\n --salt-palette-success-background: var(--salt-color-green-900);\n --salt-palette-success-background-selected: var(--salt-color-green-900);\n --salt-palette-success-border: var(--salt-color-green-400);\n --salt-palette-success-foreground: var(--salt-color-green-400);\n}\n", ".vuu-theme[data-mode=\"light\"] {\n --salt-palette-track-background: var(--salt-color-gray-60);\n --salt-palette-track-background-disabled: var(--salt-color-gray-60-fade-background);\n --salt-palette-track-border: var(--salt-color-gray-90);\n --salt-palette-track-border-disabled: var(--salt-color-gray-90-fade-border);\n}\n\n.vuu-theme[data-mode=\"dark\"] {\n --salt-palette-track-background: var(--salt-color-gray-300);\n --salt-palette-track-background-disabled: var(--salt-color-gray-300-fade-background);\n --salt-palette-track-border: var(--salt-color-gray-90);\n --salt-palette-track-border-disabled: var(--salt-color-gray-90-fade-border);\n}\n", ".vuu-theme[data-mode=\"light\"] {\n --salt-palette-warning-background: var(--salt-color-orange-10);\n --salt-palette-warning-background-selected: var(--salt-color-orange-20);\n --salt-palette-warning-border: var(--salt-color-orange-700);\n --salt-palette-warning-foreground: var(--salt-color-orange-700);\n}\n\n.vuu-theme[data-mode=\"dark\"] {\n --salt-palette-warning-background: var(--salt-color-orange-900);\n --salt-palette-warning-background-selected: var(--salt-color-orange-900);\n --salt-palette-warning-border: var(--salt-color-orange-500);\n --salt-palette-warning-foreground: var(--salt-color-orange-500);\n}\n", ".vuu-density-high {\n --salt-accent-fontSize: 8px;\n --salt-accent-lineHeight: 11px;\n}\n.vuu-density-medium {\n --salt-accent-fontSize: 10px;\n --salt-accent-lineHeight: 13px;\n}\n.vuu-density-low {\n --salt-accent-fontSize: 12px;\n --salt-accent-lineHeight: 16px;\n}\n.vuu-density-touch {\n --salt-accent-fontSize: 14px;\n --salt-accent-lineHeight: 18px;\n}\n\n.vuu-theme {\n --salt-accent-background: var(--salt-palette-accent-background);\n --salt-accent-background-disabled: var(--salt-palette-accent-background-disabled);\n --salt-accent-borderColor: var(--salt-palette-accent-border);\n --salt-accent-borderColor-disabled: var(--salt-palette-accent-border-disabled);\n --salt-accent-foreground: var(--salt-palette-accent-foreground);\n --salt-accent-foreground-disabled: var(--salt-palette-accent-foreground-disabled);\n --salt-accent-fontWeight: var(--salt-typography-fontWeight-semiBold);\n}\n", ".vuu-theme {\n --salt-actionable-cursor-hover: pointer;\n --salt-actionable-cursor-active: pointer;\n --salt-actionable-cursor-disabled: not-allowed;\n\n --salt-actionable-letterSpacing: 0.6px;\n --salt-actionable-textAlign: center;\n --salt-actionable-textTransform: uppercase;\n\n /* Primary variant */\n --salt-actionable-primary-foreground: var(--salt-palette-interact-primary-foreground);\n --salt-actionable-primary-foreground-hover: var(--salt-palette-interact-primary-foreground-hover);\n --salt-actionable-primary-foreground-active: var(--salt-palette-interact-primary-foreground-active);\n --salt-actionable-primary-foreground-disabled: var(--salt-palette-interact-primary-foreground-disabled);\n --salt-actionable-primary-background: var(--salt-palette-interact-primary-background);\n --salt-actionable-primary-background-hover: var(--salt-palette-interact-primary-background-hover);\n --salt-actionable-primary-background-active: var(--salt-palette-interact-primary-background-active);\n --salt-actionable-primary-background-disabled: var(--salt-palette-interact-primary-background-disabled);\n --salt-actionable-primary-fontWeight: var(--salt-typography-fontWeight-bold);\n\n /* CTA variant */\n --salt-actionable-cta-foreground: var(--salt-palette-interact-cta-foreground);\n --salt-actionable-cta-foreground-hover: var(--salt-palette-interact-cta-foreground-hover);\n --salt-actionable-cta-foreground-active: var(--salt-palette-interact-cta-foreground-active);\n --salt-actionable-cta-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);\n --salt-actionable-cta-background: var(--salt-palette-interact-cta-background);\n --salt-actionable-cta-background-hover: var(--salt-palette-interact-cta-background-hover);\n --salt-actionable-cta-background-active: var(--salt-palette-interact-cta-background-active);\n --salt-actionable-cta-background-disabled: var(--salt-palette-interact-cta-background-disabled);\n --salt-actionable-cta-fontWeight: var(--salt-typography-fontWeight-bold);\n\n /* Secondary variant */\n --salt-actionable-secondary-foreground: var(--salt-palette-interact-secondary-foreground);\n --salt-actionable-secondary-foreground-hover: var(--salt-palette-interact-secondary-foreground-hover);\n --salt-actionable-secondary-foreground-active: var(--salt-palette-interact-secondary-foreground-active);\n --salt-actionable-secondary-foreground-disabled: var(--salt-palette-interact-secondary-foreground-disabled);\n --salt-actionable-secondary-background: var(--salt-palette-interact-secondary-background);\n --salt-actionable-secondary-background-hover: var(--salt-palette-interact-secondary-background-hover);\n --salt-actionable-secondary-background-active: var(--salt-palette-interact-secondary-background-active);\n --salt-actionable-secondary-background-disabled: var(--salt-palette-interact-secondary-background-disabled);\n --salt-actionable-secondary-fontWeight: var(--salt-typography-fontWeight-semiBold);\n}\n", ".vuu-theme {\n --salt-container-borderStyle: solid;\n\n --salt-container-primary-background: var(--salt-palette-neutral-primary-background);\n --salt-container-primary-background-disabled: var(--salt-palette-neutral-primary-background-disabled);\n --salt-container-primary-borderColor: var(--salt-palette-neutral-primary-border);\n --salt-container-primary-borderColor-disabled: var(--salt-palette-neutral-primary-border-disabled);\n\n --salt-container-secondary-background: var(--salt-palette-neutral-secondary-background);\n --salt-container-secondary-background-disabled: var(--salt-palette-neutral-secondary-background-disabled);\n --salt-container-secondary-borderColor: var(--salt-palette-neutral-secondary-border);\n --salt-container-secondary-borderColor-disabled: var(--salt-palette-neutral-secondary-border-disabled);\n\n --salt-container-tertiary-background: var(--salt-palette-neutral-tertiary-background);\n --salt-container-tertiary-background-disabled: var(--salt-palette-neutral-tertiary-background-disabled);\n --salt-container-tertiary-borderColor: var(--salt-palette-neutral-tertiary-border);\n --salt-container-tertiary-borderColor-disabled: var(--salt-palette-neutral-tertiary-border-disabled);\n}\n", ".vuu-theme {\n --salt-draggable-horizontal-cursor-hover: row-resize;\n --salt-draggable-horizontal-cursor-active: row-resize;\n\n --salt-draggable-vertical-cursor-hover: col-resize;\n --salt-draggable-vertical-cursor-active: col-resize;\n\n --salt-draggable-grab-cursor-hover: grab;\n --salt-draggable-grab-cursor-active: grabbing;\n}\n", ".vuu-theme {\n --salt-target-background-hover: var(--salt-palette-interact-background-hover);\n\n --salt-target-borderColor-hover: var(--salt-palette-interact-border-hover);\n --salt-target-borderStyle: dashed;\n --salt-target-borderStyle-hover: solid;\n --salt-target-borderStyle-disabled: dashed;\n\n --salt-target-cursor-disabled: not-allowed;\n}\n", ".vuu-theme {\n --salt-editable-cursor-hover: text;\n --salt-editable-cursor-active: text;\n --salt-editable-cursor-disabled: not-allowed;\n --salt-editable-cursor-readonly: text;\n\n --salt-editable-borderStyle: solid;\n --salt-editable-borderStyle-hover: solid;\n --salt-editable-borderStyle-active: solid;\n --salt-editable-borderStyle-disabled: solid;\n --salt-editable-borderStyle-readonly: solid;\n --salt-editable-borderWidth-active: 2px;\n\n --salt-editable-borderColor: var(--salt-palette-interact-border);\n --salt-editable-borderColor-active: var(--salt-palette-interact-border-active);\n --salt-editable-borderColor-disabled: var(--salt-palette-interact-border-disabled);\n --salt-editable-borderColor-hover: var(--salt-palette-interact-border-hover);\n --salt-editable-borderColor-readonly: var(--salt-palette-interact-border-readonly);\n\n --salt-editable-primary-background: var(--salt-palette-neutral-primary-background);\n --salt-editable-primary-background-active: var(--salt-palette-neutral-primary-background);\n --salt-editable-primary-background-disabled: var(--salt-palette-neutral-primary-background-disabled);\n --salt-editable-primary-background-hover: var(--salt-palette-neutral-primary-background);\n --salt-editable-primary-background-readonly: var(--salt-palette-neutral-primary-background-readonly);\n\n --salt-editable-secondary-background: var(--salt-palette-neutral-secondary-background);\n --salt-editable-secondary-background-active: var(--salt-palette-neutral-secondary-background);\n --salt-editable-secondary-background-disabled: var(--salt-palette-neutral-secondary-background-disabled);\n --salt-editable-secondary-background-hover: var(--salt-palette-neutral-secondary-background);\n --salt-editable-secondary-background-readonly: var(--salt-palette-neutral-secondary-background-readonly);\n\n --salt-editable-help-fontStyle: italic;\n}\n", ".vuu-theme {\n --salt-focused-outlineColor: var(--salt-palette-interact-outline);\n --salt-focused-outlineStyle: dotted;\n --salt-focused-outlineWidth: 2px;\n --salt-focused-outlineInset: 0;\n --salt-focused-outlineOffset: 0;\n\n --salt-focused-outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor); /* CSS shortcut token: not in Figma */\n}\n\n.saltFocusVisible:after,\n.focused:focus:after,\n.focused:focus-visible:after {\n content: \"\";\n inset: var(--salt-focused-outlineInset);\n outline-color: var(--salt-focused-outlineColor);\n outline-offset: var(--salt-focused-outlineOffset);\n outline-style: var(--salt-focused-outlineStyle);\n outline-width: var(--salt-focused-outlineWidth);\n position: absolute;\n}\n", ".vuu-theme {\n --salt-navigable-cursor-active: pointer;\n --salt-navigable-cursor-hover: pointer;\n --salt-navigable-cursor-disabled: not-allowed;\n --salt-navigable-cursor-edit: text;\n\n --salt-navigable-fontWeight: var(--salt-typography-fontWeight-regular);\n --salt-navigable-fontWeight-hover: var(--salt-typography-fontWeight-regular);\n --salt-navigable-fontWeight-active: var(--salt-typography-fontWeight-semiBold);\n --salt-navigable-fontWeight-edit: var(--salt-typography-fontWeight-regular);\n\n --salt-navigable-indicator-hover: var(--salt-palette-navigate-indicator-hover);\n --salt-navigable-indicator-active: var(--salt-palette-navigate-indicator-active);\n --salt-navigable-indicator-activeDisabled: var(--salt-palette-navigate-indicator-activeDisabled);\n\n --salt-navigable-primary-background: var(--salt-palette-navigate-primary-background);\n --salt-navigable-primary-background-hover: var(--salt-palette-navigate-primary-background-hover);\n --salt-navigable-primary-background-active: var(--salt-palette-navigate-primary-background-active);\n\n --salt-navigable-secondary-background: var(--salt-palette-navigate-secondary-background);\n --salt-navigable-secondary-background-hover: var(--salt-palette-navigate-secondary-background-hover);\n --salt-navigable-secondary-background-active: var(--salt-palette-navigate-secondary-background-active);\n\n --salt-navigable-tertiary-background: var(--salt-palette-navigate-tertiary-background);\n --salt-navigable-tertiary-background-hover: var(--salt-palette-navigate-tertiary-background-hover);\n --salt-navigable-tertiary-background-active: var(--salt-palette-navigate-tertiary-background-active);\n}\n", ".vuu-theme {\n --salt-overlayable-shadow-scroll: var(--salt-shadow-1);\n --salt-overlayable-shadow-borderRegion: var(--salt-shadow-2);\n --salt-overlayable-shadow: var(--salt-shadow-2);\n --salt-overlayable-shadow-hover: var(--salt-shadow-3);\n --salt-overlayable-shadow-popout: var(--salt-shadow-4);\n --salt-overlayable-shadow-drag: var(--salt-shadow-4);\n --salt-overlayable-shadow-modal: var(--salt-shadow-5);\n\n --salt-overlayable-background: var(--salt-palette-neutral-backdrop);\n}\n", ".vuu-theme {\n --salt-selectable-cursor-hover: pointer;\n --salt-selectable-cursor-selected: pointer;\n --salt-selectable-cursor-blurSelected: pointer;\n --salt-selectable-cursor-disabled: not-allowed;\n --salt-selectable-cursor-readonly: not-allowed;\n\n --salt-selectable-borderStyle: solid;\n --salt-selectable-borderStyle-hover: solid;\n --salt-selectable-borderStyle-selected: solid;\n --salt-selectable-borderStyle-blurSelected: solid;\n\n --salt-selectable-borderColor: var(--salt-palette-interact-border);\n --salt-selectable-borderColor-hover: var(--salt-palette-interact-border-hover);\n --salt-selectable-borderColor-selected: var(--salt-palette-interact-border-active);\n --salt-selectable-borderColor-selectedDisabled: var(--salt-palette-interact-border-activeDisabled);\n --salt-selectable-borderColor-disabled: var(--salt-palette-interact-border-disabled);\n --salt-selectable-borderColor-readonly: var(--salt-palette-interact-border-readonly);\n\n --salt-selectable-foreground: var(--salt-palette-interact-foreground);\n --salt-selectable-foreground-disabled: var(--salt-palette-interact-foreground-disabled);\n --salt-selectable-foreground-hover: var(--salt-palette-interact-foreground-hover);\n --salt-selectable-foreground-selected: var(--salt-palette-interact-foreground-active);\n --salt-selectable-foreground-selectedDisabled: var(--salt-palette-interact-foreground-activeDisabled);\n --salt-selectable-background: var(--salt-palette-interact-background);\n --salt-selectable-background-hover: var(--salt-palette-interact-background-hover);\n --salt-selectable-background-selected: var(--salt-palette-interact-background-active);\n --salt-selectable-background-blurSelected: var(--salt-palette-interact-background-blurSelected);\n --salt-selectable-background-disabled: var(--salt-palette-interact-background-disabled);\n --salt-selectable-background-selectedDisabled: var(--salt-palette-interact-background-activeDisabled);\n\n --salt-selectable-cta-foreground-hover: var(--salt-palette-interact-cta-foreground-hover);\n --salt-selectable-cta-foreground-selected: var(--salt-palette-interact-cta-foreground-active);\n --salt-selectable-cta-foreground-selectedDisabled: var(--salt-palette-interact-cta-foreground-activeDisabled);\n --salt-selectable-cta-background: var(--salt-palette-interact-background);\n --salt-selectable-cta-background-disabled: var(--salt-palette-interact-background-disabled);\n --salt-selectable-cta-background-hover: var(--salt-palette-interact-cta-background-hover);\n --salt-selectable-cta-background-selected: var(--salt-palette-interact-cta-background-active);\n --salt-selectable-cta-background-selectedDisabled: var(--salt-palette-interact-cta-background-activeDisabled);\n\n --salt-selectable-primary-foreground-hover: var(--salt-palette-interact-primary-foreground-hover);\n --salt-selectable-primary-foreground-selected: var(--salt-palette-interact-primary-foreground-active);\n --salt-selectable-primary-foreground-selectedDisabled: var(--salt-palette-interact-primary-foreground-activeDisabled);\n --salt-selectable-primary-background: var(--salt-palette-interact-background);\n --salt-selectable-primary-background-disabled: var(--salt-palette-interact-background-disabled);\n --salt-selectable-primary-background-hover: var(--salt-palette-interact-primary-background-hover);\n --salt-selectable-primary-background-selected: var(--salt-palette-interact-primary-background-active);\n --salt-selectable-primary-background-selectedDisabled: var(--salt-palette-interact-primary-background-activeDisabled);\n\n --salt-selectable-secondary-foreground-hover: var(--salt-palette-interact-secondary-foreground-hover);\n --salt-selectable-secondary-foreground-selected: var(--salt-palette-interact-secondary-foreground-active);\n --salt-selectable-secondary-foreground-selectedDisabled: var(--salt-palette-interact-secondary-foreground-activeDisabled);\n --salt-selectable-secondary-background: var(--salt-palette-interact-background);\n --salt-selectable-secondary-background-disabled: var(--salt-palette-interact-background-disabled);\n --salt-selectable-secondary-background-hover: var(--salt-palette-interact-secondary-background-hover);\n --salt-selectable-secondary-background-selected: var(--salt-palette-interact-secondary-background-active);\n --salt-selectable-secondary-background-selectedDisabled: var(--salt-palette-interact-secondary-background-activeDisabled);\n}\n", ".vuu-theme {\n --salt-separable-borderStyle: solid;\n\n --salt-separable-primary-borderColor: var(--salt-palette-neutral-primary-separator);\n --salt-separable-secondary-borderColor: var(--salt-palette-neutral-secondary-separator);\n --salt-separable-tertiary-borderColor: var(--salt-palette-neutral-tertiary-separator);\n}\n", ".vuu-theme {\n --salt-status-info-foreground: var(--salt-palette-info-foreground);\n --salt-status-success-foreground: var(--salt-palette-success-foreground);\n --salt-status-warning-foreground: var(--salt-palette-warning-foreground);\n --salt-status-error-foreground: var(--salt-palette-error-foreground);\n --salt-status-static-foreground: var(--salt-palette-neutral-secondary-foreground);\n --salt-status-negative-foreground: var(--salt-palette-negative-foreground);\n --salt-status-positive-foreground: var(--salt-palette-positive-foreground);\n\n --salt-status-info-borderColor: var(--salt-palette-info-border);\n --salt-status-success-borderColor: var(--salt-palette-success-border);\n --salt-status-warning-borderColor: var(--salt-palette-warning-border);\n --salt-status-error-borderColor: var(--salt-palette-error-border);\n\n --salt-status-info-background: var(--salt-palette-info-background);\n --salt-status-success-background: var(--salt-palette-success-background);\n --salt-status-warning-background: var(--salt-palette-warning-background);\n --salt-status-error-background: var(--salt-palette-error-background);\n\n --salt-status-success-background-selected: var(--salt-palette-success-background-selected);\n --salt-status-warning-background-selected: var(--salt-palette-warning-background-selected);\n --salt-status-error-background-selected: var(--salt-palette-error-background-selected);\n}\n", ".vuu-theme {\n --salt-taggable-cursor-hover: pointer;\n --salt-taggable-cursor-active: pointer;\n --salt-taggable-cursor-disabled: not-allowed;\n\n --salt-taggable-background: var(--salt-palette-interact-primary-background);\n --salt-taggable-background-hover: var(--salt-palette-interact-primary-background-hover);\n --salt-taggable-background-active: var(--salt-palette-interact-primary-background-active);\n --salt-taggable-background-disabled: var(--salt-palette-interact-primary-background-disabled);\n\n --salt-taggable-foreground: var(--salt-palette-interact-primary-foreground);\n --salt-taggable-foreground-hover: var(--salt-palette-interact-primary-foreground-hover);\n --salt-taggable-foreground-active: var(--salt-palette-interact-primary-foreground-active);\n --salt-taggable-foreground-disabled: var(--salt-palette-interact-primary-foreground-disabled);\n}\n", ".vuu-theme {\n /* Misc */\n --salt-text-letterSpacing: 0;\n --salt-text-textAlign: left;\n --salt-text-textAlign-embedded: center;\n --salt-text-textDecoration: none;\n --salt-text-textTransform: none;\n\n /* Body text (should be used as default) */\n --salt-text-fontFamily: var(--salt-typography-fontFamily);\n --salt-text-fontWeight: var(--salt-typography-fontWeight-regular);\n --salt-text-fontWeight-small: var(--salt-typography-fontWeight-light);\n --salt-text-fontWeight-strong: var(--salt-typography-fontWeight-semiBold);\n\n /* H1 */\n --salt-text-h1-fontFamily: var(--salt-typography-fontFamily);\n --salt-text-h1-fontWeight: var(--salt-typography-fontWeight-bold);\n --salt-text-h1-fontWeight-small: var(--salt-typography-fontWeight-medium);\n --salt-text-h1-fontWeight-strong: var(--salt-typography-fontWeight-extraBold);\n\n /* H2 */\n --salt-text-h2-fontFamily: var(--salt-typography-fontFamily);\n --salt-text-h2-fontWeight: var(--salt-typography-fontWeight-semiBold);\n --salt-text-h2-fontWeight-small: var(--salt-typography-fontWeight-regular);\n --salt-text-h2-fontWeight-strong: var(--salt-typography-fontWeight-bold);\n\n /* H3 */\n --salt-text-h3-fontFamily: var(--salt-typography-fontFamily);\n --salt-text-h3-fontWeight: var(--salt-typography-fontWeight-semiBold);\n --salt-text-h3-fontWeight-small: var(--salt-typography-fontWeight-regular);\n --salt-text-h3-fontWeight-strong: var(--salt-typography-fontWeight-bold);\n\n /* H4 */\n --salt-text-h4-fontFamily: var(--salt-typography-fontFamily);\n --salt-text-h4-fontWeight: var(--salt-typography-fontWeight-semiBold);\n --salt-text-h4-fontWeight-small: var(--salt-typography-fontWeight-regular);\n --salt-text-h4-fontWeight-strong: var(--salt-typography-fontWeight-bold);\n\n /* Label */\n --salt-text-label-fontFamily: var(--salt-typography-fontFamily);\n --salt-text-label-fontWeight: var(--salt-typography-fontWeight-regular);\n --salt-text-label-fontWeight-small: var(--salt-typography-fontWeight-light);\n --salt-text-label-fontWeight-strong: var(--salt-typography-fontWeight-semiBold);\n\n /* Display text */\n --salt-text-display1-fontFamily: var(--salt-typography-fontFamily);\n --salt-text-display1-fontWeight: var(--salt-typography-fontWeight-semiBold);\n --salt-text-display1-fontWeight-strong: var(--salt-typography-fontWeight-bold);\n --salt-text-display1-fontWeight-small: var(--salt-typography-fontWeight-regular);\n\n --salt-text-display2-fontFamily: var(--salt-typography-fontFamily);\n --salt-text-display2-fontWeight: var(--salt-typography-fontWeight-semiBold);\n --salt-text-display2-fontWeight-strong: var(--salt-typography-fontWeight-bold);\n --salt-text-display2-fontWeight-small: var(--salt-typography-fontWeight-regular);\n\n --salt-text-display3-fontFamily: var(--salt-typography-fontFamily);\n --salt-text-display3-fontWeight: var(--salt-typography-fontWeight-semiBold);\n --salt-text-display3-fontWeight-strong: var(--salt-typography-fontWeight-bold);\n --salt-text-display3-fontWeight-small: var(--salt-typography-fontWeight-regular);\n\n /* Colors */\n --salt-text-background-selected: var(--salt-palette-interact-background-active);\n\n --salt-text-primary-foreground: var(--salt-palette-neutral-primary-foreground);\n --salt-text-primary-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);\n --salt-text-secondary-foreground: var(--salt-palette-neutral-secondary-foreground);\n --salt-text-secondary-foreground-disabled: var(--salt-palette-neutral-secondary-foreground-disabled);\n\n /* Link */\n --salt-text-link-foreground-hover: var(--salt-palette-navigate-foreground-hover);\n --salt-text-link-foreground-active: var(--salt-palette-navigate-foreground-active);\n --salt-text-link-foreground-visited: var(--salt-palette-navigate-foreground-visited);\n --salt-text-link-textDecoration: underline;\n --salt-text-link-textDecoration-hover: none;\n --salt-text-link-textDecoration-selected: underline;\n\n /* Code */\n --salt-text-code-fontFamily: var(--salt-typography-fontFamily-code);\n}\n\n/* Sizes by density */\n.vuu-density-touch {\n --salt-text-h1-fontSize: 42px;\n --salt-text-h1-lineHeight: 54px;\n\n --salt-text-h2-fontSize: 32px;\n --salt-text-h2-lineHeight: 42px;\n\n --salt-text-h3-fontSize: 24px;\n --salt-text-h3-lineHeight: 32px;\n\n --salt-text-h4-fontSize: 16px;\n --salt-text-h4-lineHeight: 20px;\n\n --salt-text-label-fontSize: 14px;\n --salt-text-label-lineHeight: 18px;\n\n --salt-text-fontSize: 16px;\n --salt-text-lineHeight: 20px;\n --salt-text-minHeight: 20px;\n\n --salt-text-display1-fontSize: 84px;\n --salt-text-display1-lineHeight: 109px;\n\n --salt-text-display2-fontSize: 58px;\n --salt-text-display2-lineHeight: 76px;\n\n --salt-text-display3-fontSize: 42px;\n --salt-text-display3-lineHeight: 54px;\n}\n\n.vuu-density-low {\n --salt-text-h1-fontSize: 32px;\n --salt-text-h1-lineHeight: 42px;\n\n --salt-text-h2-fontSize: 24px;\n --salt-text-h2-lineHeight: 32px;\n\n --salt-text-h3-fontSize: 18px;\n --salt-text-h3-lineHeight: 24px;\n\n --salt-text-h4-fontSize: 14px;\n --salt-text-h4-lineHeight: 18px;\n\n --salt-text-label-fontSize: 12px;\n --salt-text-label-lineHeight: 16px;\n\n --salt-text-fontSize: 14px;\n --salt-text-lineHeight: 18px;\n --salt-text-minHeight: 18px;\n\n --salt-text-display1-fontSize: 68px;\n --salt-text-display1-lineHeight: 88px;\n\n --salt-text-display2-fontSize: 46px;\n --salt-text-display2-lineHeight: 60px;\n\n --salt-text-display3-fontSize: 32px;\n --salt-text-display3-lineHeight: 42px;\n}\n\n.vuu-density-medium {\n --salt-text-h1-fontSize: 24px;\n --salt-text-h1-lineHeight: 32px;\n\n --salt-text-h2-fontSize: 18px;\n --salt-text-h2-lineHeight: 24px;\n\n --salt-text-h3-fontSize: 14px;\n --salt-text-h3-lineHeight: 18px;\n\n --salt-text-h4-fontSize: 12px;\n --salt-text-h4-lineHeight: 16px;\n\n --salt-text-label-fontSize: 11px;\n --salt-text-label-lineHeight: 14px;\n\n --salt-text-fontSize: 12px;\n --salt-text-lineHeight: 16px;\n --salt-text-minHeight: 16px;\n\n --salt-text-display1-fontSize: 54px;\n --salt-text-display1-lineHeight: 70px;\n\n --salt-text-display2-fontSize: 36px;\n --salt-text-display2-lineHeight: 47px;\n\n --salt-text-display3-fontSize: 24px;\n --salt-text-display3-lineHeight: 32px;\n}\n\n.vuu-density-high {\n --salt-text-h1-fontSize: 18px;\n --salt-text-h1-lineHeight: 24px;\n\n --salt-text-h2-fontSize: 14px;\n --salt-text-h2-lineHeight: 18px;\n\n --salt-text-h3-fontSize: 12px;\n --salt-text-h3-lineHeight: 16px;\n\n --salt-text-h4-fontSize: 11px;\n --salt-text-h4-lineHeight: 14px;\n\n --salt-text-label-fontSize: 10px;\n --salt-text-label-lineHeight: 13px;\n\n --salt-text-fontSize: 12px;\n --salt-text-lineHeight: 14px;\n --salt-text-minHeight: 14px;\n\n --salt-text-display1-fontSize: 42px;\n --salt-text-display1-lineHeight: 54px;\n\n --salt-text-display2-fontSize: 28px;\n --salt-text-display2-lineHeight: 36px;\n\n --salt-text-display3-fontSize: 18px;\n --salt-text-display3-lineHeight: 24px;\n}\n", ".vuu-theme {\n --salt-track-borderStyle: solid;\n --salt-track-borderStyle-active: solid;\n --salt-track-borderStyle-complete: solid;\n --salt-track-borderStyle-incomplete: dotted;\n\n --salt-track-borderWidth: 2px;\n --salt-track-borderWidth-active: 2px;\n --salt-track-borderWidth-complete: 2px;\n --salt-track-borderWidth-incomplete: 2px;\n\n --salt-track-fontWeight: var(--salt-typography-fontWeight-semiBold);\n --salt-track-textAlign: center;\n\n --salt-track-background: var(--salt-palette-track-background);\n --salt-track-background-disabled: var(--salt-palette-track-background-disabled);\n --salt-track-borderColor: var(--salt-palette-track-border);\n --salt-track-borderColor-disabled: var(--salt-palette-track-border-disabled);\n}\n", ".vuu-theme {\n /* Differential */\n --salt-differential-positive-foreground: var(--salt-palette-positive-foreground);\n --salt-differential-negative-foreground: var(--salt-palette-negative-foreground);\n\n /* Editable */\n --salt-editable-tertiary-background: var(--salt-palette-neutral-tertiary-background);\n --salt-editable-tertiary-background-active: var(--salt-palette-neutral-tertiary-background);\n --salt-editable-tertiary-background-disabled: var(--salt-palette-neutral-tertiary-background-disabled);\n --salt-editable-tertiary-background-hover: var(--salt-palette-neutral-tertiary-background);\n --salt-editable-tertiary-background-readonly: var(--salt-palette-neutral-tertiary-background-readonly);\n\n /* Measured */\n --salt-measured-borderStyle: solid;\n --salt-measured-borderStyle-active: solid;\n --salt-measured-borderStyle-complete: solid;\n --salt-measured-borderStyle-incomplete: dotted;\n --salt-measured-borderWidth: 2px;\n --salt-measured-borderWidth-active: 2px;\n --salt-measured-borderWidth-complete: 2px;\n --salt-measured-borderWidth-incomplete: 2px;\n\n --salt-measured-fontWeight: var(--salt-typography-fontWeight-semiBold);\n --salt-measured-textAlign: center;\n\n --salt-measured-background: var(--salt-palette-measured-background);\n --salt-measured-background-disabled: var(--salt-palette-measured-background-disabled);\n --salt-measured-borderColor: var(--salt-palette-measured-border);\n --salt-measured-borderColor-disabled: var(--salt-palette-measured-border-disabled);\n --salt-measured-fill: var(--salt-palette-measured-fill);\n --salt-measured-fill-disabled: var(--salt-palette-measured-fill-disabled);\n --salt-measured-foreground: var(--salt-palette-measured-foreground);\n --salt-measured-foreground-hover: var(--salt-palette-measured-foreground-active);\n --salt-measured-foreground-active: var(--salt-palette-measured-foreground-active);\n --salt-measured-foreground-undo: var(--salt-palette-measured-foreground-active);\n --salt-measured-foreground-activeDisabled: var(--salt-palette-measured-foreground-activeDisabled);\n --salt-measured-foreground-disabled: var(--salt-palette-measured-foreground-disabled);\n\n /* Overlayable */\n --salt-overlayable-shadow-scroll-color: var(--salt-shadow-1-color);\n\n /* Selectable */\n --salt-selectable-foreground-partial: var(--salt-palette-interact-foreground-partial);\n --salt-selectable-foreground-partialDisabled: var(--salt-palette-interact-foreground-partialDisabled);\n\n --salt-selectable-cta-foreground: var(--salt-palette-interact-foreground);\n --salt-selectable-cta-foreground-disabled: var(--salt-palette-interact-foreground-disabled);\n --salt-selectable-primary-foreground: var(--salt-palette-interact-foreground);\n --salt-selectable-primary-foreground-disabled: var(--salt-palette-interact-foreground-disabled);\n --salt-selectable-secondary-foreground: var(--salt-palette-interact-foreground);\n --salt-selectable-secondary-foreground-disabled: var(--salt-palette-interact-foreground-disabled);\n\n /* Status */\n --salt-status-info-background-emphasize: var(--salt-status-info-background);\n --salt-status-success-background-emphasize: var(--salt-status-success-background);\n --salt-status-warning-background-emphasize: var(--salt-status-warning-background);\n --salt-status-error-background-emphasize: var(--salt-status-error-background);\n\n --salt-status-info-foreground-disabled: var(--salt-palette-info-foreground-disabled);\n --salt-status-success-foreground-disabled: var(--salt-palette-success-foreground-disabled);\n --salt-status-warning-foreground-disabled: var(--salt-palette-warning-foreground-disabled);\n --salt-status-error-foreground-disabled: var(--salt-palette-error-foreground-disabled);\n --salt-status-static-foreground-disabled: var(--salt-palette-neutral-secondary-foreground-disabled);\n --salt-status-negative-foreground-disabled: var(--salt-palette-negative-foreground-disabled);\n --salt-status-positive-foreground-disabled: var(--salt-palette-positive-foreground-disabled);\n\n --salt-status-info-borderColor-disabled: var(--salt-palette-info-border-disabled);\n --salt-status-success-borderColor-disabled: var(--salt-palette-success-border-disabled);\n --salt-status-warning-borderColor-disabled: var(--salt-palette-warning-border-disabled);\n --salt-status-error-borderColor-disabled: var(--salt-palette-error-border-disabled);\n}\n", ".vuu-theme {\n --salt-color-orange-500-fade-foreground: rgba(234, 115, 25, var(--salt-palette-opacity-foreground));\n --salt-color-orange-700-fade-foreground: rgba(214, 85, 19, var(--salt-palette-opacity-foreground));\n --salt-color-orange-400-fade-background: rgba(238, 133, 43, var(--salt-palette-opacity-background));\n --salt-color-orange-600-fade-background: rgba(224, 101, 25, var(--salt-palette-opacity-background));\n --salt-color-blue-300-fade-fill: rgba(51, 141, 205, var(--salt-palette-opacity-fill));\n --salt-color-blue-500-fade-fill: rgba(38, 112, 169, var(--salt-palette-opacity-fill));\n}\n", "/*\n* **Deprecated:** Use duration instead\n*/\n.vuu-theme {\n /* Delay */\n --salt-delay-instant: 100ms;\n --salt-delay-perceptible: 300ms;\n --salt-delay-notable: 1000ms;\n --salt-delay-cutoff: 10000ms;\n\n /* Icon */\n --salt-size-icon-base: var(--salt-icon-size-base);\n\n /* Opacity */\n --salt-opacity-1: 0.15;\n --salt-opacity-2: 0.25;\n --salt-opacity-3: 0.4;\n --salt-opacity-4: 0.7;\n}\n\n.vuu-density-touch,\n.vuu-density-low,\n.vuu-density-medium,\n.vuu-density-high {\n /* Size */\n --salt-size-selection: var(--salt-size-selectable);\n --salt-size-brandBar: 4px; /* Use --salt-size-accent */\n --salt-size-graphic-small: 12px;\n --salt-size-graphic-medium: 24px;\n --salt-size-graphic-large: 48px;\n --salt-size-divider-height: var(--salt-size-separator-height);\n --salt-size-divider-strokeWidth: var(--salt-size-separator-strokeWidth);\n\n --salt-size-detail: var(--salt-size-compact);\n}\n", "/*\n* **Deprecated:**\n* Delete below on breaking change\n*/\n\n.vuu-theme {\n --salt-palette-error-background-emphasize: var(--salt-palette-error-background);\n --salt-palette-warning-background-emphasize: var(--salt-palette-warning-background);\n --salt-palette-success-background-emphasize: var(--salt-palette-success-background);\n --salt-palette-info-background-emphasize: var(--salt-palette-info-background);\n\n --salt-palette-opacity-fill: var(--salt-palette-opacity-disabled);\n --salt-palette-opacity-stroke: var(--salt-palette-opacity-disabled);\n --salt-palette-opacity-background: var(--salt-palette-opacity-disabled);\n --salt-palette-opacity-border: var(--salt-palette-opacity-disabled);\n --salt-palette-opacity-foreground: var(--salt-palette-opacity-disabled);\n}\n\n.vuu-theme[data-mode=\"light\"] {\n /* Interact */\n --salt-palette-interact-foreground-partial: var(--salt-color-blue-600);\n --salt-palette-interact-foreground-partialDisabled: var(--salt-color-blue-600-fade-foreground);\n\n /* Measure */\n --salt-palette-measured-fill: var(--salt-color-blue-500);\n --salt-palette-measured-fill-disabled: var(--salt-color-blue-500-fade-fill);\n --salt-palette-measured-foreground: var(--salt-color-gray-90);\n --salt-palette-measured-foreground-active: var(--salt-color-blue-500);\n --salt-palette-measured-foreground-disabled: var(--salt-color-gray-90-fade-foreground);\n --salt-palette-measured-foreground-activeDisabled: var(--salt-color-blue-500-fade-fill);\n --salt-palette-measured-background: var(--salt-color-gray-60);\n --salt-palette-measured-background-disabled: var(--salt-color-gray-60-fade-background);\n --salt-palette-measured-border: var(--salt-color-gray-90);\n --salt-palette-measured-border-disabled: var(--salt-color-gray-90-fade-border);\n\n /* Neutral */\n --salt-palette-neutral-tertiary-background-readonly: transparent;\n\n /* Status */\n --salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);\n --salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);\n\n --salt-palette-info-border-disabled: var(--salt-color-blue-500-fade-border);\n --salt-palette-info-foreground-disabled: var(--salt-color-blue-500-fade-foreground);\n\n --salt-palette-negative-foreground-disabled: var(--salt-color-red-700-fade-foreground);\n\n --salt-palette-positive-foreground-disabled: var(--salt-color-green-700-fade-foreground);\n\n --salt-palette-success-border-disabled: var(--salt-color-green-500-fade-border);\n --salt-palette-success-foreground-disabled: var(--salt-color-green-500-fade-foreground);\n\n --salt-palette-warning-foreground-disabled: var(--salt-color-orange-700-fade-foreground);\n --salt-palette-warning-border-disabled: var(--salt-color-orange-700-fade-border);\n}\n\n.vuu-theme[data-mode=\"dark\"] {\n /* Interact */\n --salt-palette-interact-foreground-partial: var(--salt-color-blue-100);\n --salt-palette-interact-foreground-partialDisabled: var(--salt-color-blue-100-fade-foreground);\n\n /* Measure */\n --salt-palette-measured-fill: var(--salt-color-blue-300);\n --salt-palette-measured-fill-disabled: var(--salt-color-blue-300-fade-fill);\n --salt-palette-measured-foreground: var(--salt-color-gray-90);\n --salt-palette-measured-foreground-active: var(--salt-color-blue-300);\n --salt-palette-measured-foreground-disabled: var(--salt-color-gray-90-fade-foreground);\n --salt-palette-measured-foreground-activeDisabled: var(--salt-color-blue-300-fade-fill);\n --salt-palette-measured-background: var(--salt-color-gray-300);\n --salt-palette-measured-background-disabled: var(--salt-color-gray-300-fade-background);\n --salt-palette-measured-border: var(--salt-color-gray-90);\n --salt-palette-measured-border-disabled: var(--salt-color-gray-90-fade-border);\n\n /* Neutral */\n --salt-palette-neutral-tertiary-background-readonly: transparent;\n\n /* Status */\n --salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);\n --salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);\n\n --salt-palette-info-border-disabled: var(--salt-color-blue-500-fade-border);\n --salt-palette-info-foreground-disabled: var(--salt-color-blue-500-fade-foreground);\n\n --salt-palette-negative-foreground-disabled: var(--salt-color-red-300-fade-foreground);\n\n --salt-palette-positive-foreground-disabled: var(--salt-color-green-300-fade-foreground);\n\n --salt-palette-success-border-disabled: var(--salt-color-green-400-fade-border);\n --salt-palette-success-foreground-disabled: var(--salt-color-green-400-fade-foreground);\n\n --salt-palette-warning-foreground-disabled: var(--salt-color-orange-500-fade-foreground);\n --salt-palette-warning-border-disabled: var(--salt-color-orange-500-fade-border);\n}\n", ".saltButton-primary {\n --saltButton-borderColor: var(--salt-actionable-primary-foreground);\n --saltButton-borderWidth: 1px;\n --saltButton-borderRadius: 6px;\n --saltButton-borderStyle: solid;\n --vuu-icon-color: var(--saltIcon-color);\n}\n\n.saltButton-primary:hover {\n --saltButton-borderColor: var(--salt-actionable-primary-background-hover)\n}", ".saltCheckbox {\n --vuu-icon-size: 12px;\n --vuu-icon-left: -1px;\n --vuu-icon-top: -1px;\n}\n\n.saltCheckboxIcon {\n border-radius: 3px;\n height: 12px;\n width: 12px;\n}\n\n.saltCheckboxIcon-checked {\n background-color: var(--vuuCheckboxIcon-background-checked, var(--salt-selectable-background-selected));\n}\n\n\n.saltCheckboxIcon-checked.saltCheckboxIcon-disabled, \n.saltCheckbox:hover .saltCheckboxIcon-checked.saltCheckboxIcon-disabled {\n background-color: var(--salt-selectable-background-disabled);\n border-color: transparent;;\n}\n\n\n.saltCheckboxIcon-checked:after {\n content: \"\";\n background-color: white;\n left: var(--vuu-icon-left, auto);\n height: var(--vuu-icon-height, var(--vuu-icon-size, 12px));\n -webkit-mask: var(--vuu-svg-tick) center center/var(--vuu-icon-size) var(--vuu-icon-size);\n mask: var(--vuu-icon-svg) center center/var(--vuu-icon-size) var(--vuu-icon-size);\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n position: absolute;\n top: var(--vuu-icon-top, auto);\n width: var(--vuu-icon-width, var(--vuu-icon-size, 12px));\n}", ".saltIcon {\n display: none;\n} ", ".saltInput-activationIndicator {\n display: none;\n}\n\n.saltInput-primary {\n border: solid 1px var(--salt-editable-borderColor);\n border-radius: 6px;\n height: 24px;\n}", ".saltSwitch {\n --vuu-icon-left: -1px;\n\n}\n\n.saltSwitch-track,\n.saltSwitch-track:hover {\n background-color: var(--vuu-color-gray-45);\n border: none;\n border-radius: 4px;\n height: 14px;\n padding: 0 2px;\n width: 26px;\n}\n\n.saltSwitch-thumb {\n background-color: var(--vuu-color-white);\n border: none;\n border-radius: 3px;\n height: 10px;\n margin:0;\n width: 10px;\n}\n\n.saltSwitch-checked .saltSwitch-track {\n background-color: var(--salt-selectable-background-selected);\n}\n\n.saltSwitch-checked .saltSwitch-thumb,\n.saltSwitch-checked:hover .saltSwitch-thumb {\n background-color: white;\n transform: translateX(calc(100% + 2px));\n}\n\n\n.saltSwitch-checked .saltSwitch-thumb:after {\n background-color: var(--vuu-color-purple-10);\n content: \"\";\n left: var(--vuu-icon-left, auto);\n height: var(--vuu-icon-height, var(--vuu-icon-size, 12px));\n -webkit-mask: var(--vuu-svg-tick) center center/var(--vuu-icon-size) var(--vuu-icon-size);\n mask: var(--vuu-icon-svg) center center/var(--vuu-icon-size) var(--vuu-icon-size);\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n position: absolute;\n top: var(--vuu-icon-top, auto);\n width: var(--vuu-icon-width, var(--vuu-icon-size, 12px));\n\n}", ".saltToggleButtonGroup {\n border-radius: 6px;\n padding: 0;\n}\n\n.saltToggleButtonGroup-horizontal .saltToggleButton {\n height: 24px;\n}\n\n.vuuIconToggleButton {\n --vuu-icon-size: 48px;\n width: 48px;\n}\n\n.vuuIconToggleButton:first-child {\n border-radius: 6px 0 0 6px;\n}\n.vuuIconToggleButton:last-child {\n border-radius: 0 6px 6px 0;\n}"],
|
|
5
|
+
"mappings": "AAIC,WACC,0CACA,8CACA,oCACA,8CACA,wCAGF,YACE,gDAGF,4BACE,mBAGF,2BACE,kBAKF,mBAGE,sBAGF,qBACE,kBACA,WACA,UAnCF,sBAsCE,gBACA,mBACA,mBACA,eCzCF,0EAIE,kCACA,gCACA,gCACA,8BACA,uCACA,kCACA,+BACA,0CAGA,iHACA,mHACA,qHACA,uHAEA,wHACA,0HACA,4HACA,8HAGA,iHACA,uHACA,qHACA,2FAIF,2BAEI,4CACA,+DAGA,0CACA,2DAGJ,4BAEI,0CACA,6DAGA,4CACA,6DAGJ,4BAEI,4CACA,yEAGA,0CACA,0DAGJ,6BAEI,0CACA,4DAGA,4CACA,uEAGJ,6BAEI,4CACA,8DAGA,0CACA,0DAGJ,8BAEI,0CACA,4DAGA,4CACA,4DAGJ,8BAEI,4CACA,0EAGA,0CACA,2DAGJ,+BAEI,0CACA,6DAGA,4CACA,wEAIJ,2BAEI,kCACA,4CACA,sDAIA,0CACA,kDAGJ,8BAEI,iCACA,4CACA,sDAIA,0CACA,kDAGJ,6BAEI,+CAIA,2CAIJ,4BAEI,6CAGA,6CCxJJ,WAEE,qCACA,yBACA,yBAEA,uCAEA,wCAGA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,uCACA,qCAKA,uCACA,iCAEA,wCACA,wCACA,wCACA,wCACA,wCACA,yCACA,wCACA,uCACA,uCACA,uCACA,uCACA,uCACA,sCACA,sCAEA,2CACA,2CACA,2CACA,2CACA,0CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,0CACA,0CACA,yCAEA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,yCACA,yCACA,yCACA,yCACA,wCACA,uCACA,wCAEA,yCACA,yCACA,yCACA,yCACA,yCACA,0CACA,yCACA,yCACA,yCACA,wCACA,yCACA,uCACA,sCACA,sCAEA,yCACA,yCACA,yCACA,yCACA,yCACA,0CACA,yCACA,yCACA,yCACA,yCACA,wCACA,uCACA,uCACA,uCAEA,2CACA,2CACA,2CACA,2CACA,2CACA,4CACA,4CACA,4CACA,2CACA,2CACA,2CACA,2CACA,0CACA,yCAEA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,0CACA,yCACA,uCACA,uCACA,uCACA,uCACA,uCACA,uCACA,uCCtIF,WACE,6BACA,iCACA,4BACA,4BCJF,WACE,iGACA,gGACA,+FACA,gGACA,gGACA,gGACA,8FACA,gGACA,gGACA,gGACA,+FACA,8FACA,8FACA,8FACA,8FAEA,4FACA,4FACA,4FACA,4FACA,0FACA,4FACA,4FACA,8FACA,8FACA,8FACA,6FACA,0FAEA,4GACA,4GAEA,gGACA,gGACA,+FACA,8FACA,gGACA,gGACA,gGACA,gGACA,8FACA,8FACA,8FACA,8FAEA,kHACA,oHACA,kHACA,kHAEA,yFAEA,2FACA,yFAEA,kHACA,sHACA,oHACA,4GACA,gHACA,8GC7DF,mBACE,4BACA,wCAGF,iBACE,4BACA,wCAGF,oBACE,4BACA,uCAGF,kBACE,4BACA,uCCjBF,WACE,oBACA,sBACA,uBACA,uBACA,sBACA,sBCNF,4BACE,yCACA,yCACA,0CACA,yCACA,yCAGF,2BACE,yCACA,yCACA,0CACA,0CACA,0CAGF,WACE,sBACA,wDACA,wDACA,wDACA,yDACA,0DCrBF,0EAIE,4BAEA,4DACA,+DACA,uCACA,yHACA,iGACA,mCACA,mCACA,2EAGF,kBACE,wDACA,6DACA,2DAGA,2BACA,qBACA,uBACA,wBACA,6BACA,uBAGF,oBACE,wDACA,2DACA,0DAGA,2BACA,qBACA,uBACA,wBACA,6BACA,uBAGF,iBACE,wDACA,6DACA,4DAGA,4BACA,qBACA,uBACA,wBACA,6BACA,uBAGF,mBACE,wDACA,2DACA,0DAGA,4BACA,qBACA,uBACA,wBACA,6BACA,uBCtEF,mBACE,yBAGF,iBACE,yBAGF,oBACE,wBAGF,kBACE,wBAGF,0EAIE,uDACA,sDACA,uDAEA,wDACA,sDACA,wDACA,sDACA,wDACA,sDC7BF,WACE,4CACA,6CAEA,wCACA,0CACA,yCACA,2CACA,uCACA,4CCTF,0EAIE,yBACA,2BACA,2BACA,8BACA,2BACA,0BACA,iCACA,+BACA,gCACA,4BCbF,uDACE,6DACA,sFACA,yDACA,8EACA,0DACA,mFCNF,4BACE,0DACA,mEACA,uDACA,2DAGF,2BACE,2DACA,oEACA,uDACA,2DCXF,4BACE,0DACA,uDACA,2DAGF,2BACE,2DACA,uDACA,2DCTF,4BACE,gDACA,2EACA,mEACA,sEACA,sEACA,6FACA,yDACA,kEACA,oFACA,gFACA,iEACA,yFACA,+DACA,sEACA,8FACA,wFACA,qEACA,4DAEA,mEACA,0EACA,kGACA,4FACA,yEACA,gEACA,uEACA,+FACA,yFACA,sEACA,mEACA,8EACA,sGACA,+FACA,2EACA,qEACA,2EACA,mGACA,gGACA,2EACA,0DACA,gFACA,wGACA,mEACA,8EACA,yEACA,6EACA,qGACA,kGACA,+EAGF,2BACE,gDACA,sEACA,4EACA,qEACA,yDACA,8FACA,0DACA,kEACA,oFACA,+EACA,iEACA,wFACA,8DACA,sEACA,8FACA,uFACA,qEACA,0DAEA,mEACA,0EACA,kGACA,4FACA,yEACA,gEACA,uEACA,+FACA,yFACA,sEACA,uEACA,6EACA,qGACA,gGACA,6EACA,oEACA,8EACA,sGACA,6FACA,0EACA,0DACA,+EACA,uGACA,mEACA,+EACA,sEACA,gFACA,wGACA,+FACA,4ECrGF,4BACE,wDACA,+DACA,4EACA,0DACA,iEACA,8EACA,yDACA,gEACA,6EACA,qEACA,sEACA,yEACA,mEACA,qEACA,2FAGF,2BACE,wDACA,+DACA,6EACA,0DACA,iEACA,+EACA,yDACA,gEACA,8EACA,qEACA,sEACA,yEACA,mEACA,mEACA,2FCjCF,4BACE,8DAGF,2BACE,8DCLF,4BACE,mEACA,4FACA,qGACA,oEACA,+FACA,gGACA,kEACA,sFACA,sEACA,gGACA,yGACA,mEACA,wFACA,wEACA,iGACA,uEACA,oGACA,wDACA,iEACA,oDACA,6DACA,oEAGF,2BACE,sEACA,+FACA,wGACA,kEACA,uFACA,mEACA,4FACA,gGACA,wEACA,iGACA,0GACA,mEACA,wFACA,uEACA,gGACA,uEACA,oGACA,wDACA,iEACA,oDACA,6DACA,kGC/CF,WACE,wDACA,wDACA,kEACA,+DACA,8DACA,gEACA,+DCPF,4BACE,gEAGF,2BACE,gECLF,4BACE,8DACA,uEACA,2DACA,+DAGF,2BACE,+DACA,wEACA,2DACA,+DCXF,4BACE,2DACA,oFACA,uDACA,4EAGF,2BACE,4DACA,qFACA,uDACA,4ECXF,4BACE,+DACA,wEACA,4DACA,gEAGF,2BACE,gEACA,yEACA,4DACA,gECXF,kBACE,4BACA,+BAEF,oBACE,6BACA,+BAEF,iBACE,6BACA,+BAEF,mBACE,6BACA,+BAGF,WACE,gEACA,kFACA,6DACA,+EACA,gEACA,kFACA,qECxBF,WACE,wCACA,yCACA,+CAEA,sCACA,oCACA,2CAGA,sFACA,kGACA,oGACA,wGACA,sFACA,kGACA,oGACA,wGACA,6EAGA,8EACA,0FACA,4FACA,gGACA,8EACA,0FACA,4FACA,gGACA,yEAGA,0FACA,sGACA,wGACA,4GACA,0FACA,sGACA,wGACA,4GACA,mFCxCF,WACE,oCAEA,oFACA,sGACA,iFACA,mGAEA,wFACA,0GACA,qFACA,uGAEA,sFACA,wGACA,mFACA,qGChBF,WACE,qDACA,sDAEA,mDACA,oDAEA,yCACA,8CCRF,WACE,8EAEA,2EACA,kCACA,uCACA,2CAEA,2CCRF,WACE,mCACA,oCACA,6CACA,sCAEA,mCACA,yCACA,0CACA,4CACA,4CACA,wCAEA,iEACA,+EACA,mFACA,6EACA,mFAEA,mFACA,0FACA,qGACA,yFACA,qGAEA,uFACA,8FACA,yGACA,6FACA,yGAEA,uCC/BF,WACE,kEACA,oCACA,iCACA,+BACA,gCAEA,2HAGF,0EAGE,WACA,uCACA,+CACA,iDACA,+CACA,+CACA,kBCnBF,WACE,wCACA,uCACA,8CACA,mCAEA,uEACA,6EACA,+EACA,4EAEA,+EACA,iFACA,iGAEA,qFACA,iGACA,mGAEA,yFACA,qGACA,uGAEA,uFACA,mGACA,qGCzBF,WACE,uDACA,6DACA,gDACA,sDACA,uDACA,qDACA,sDAEA,oECTF,WACE,wCACA,2CACA,+CACA,+CACA,+CAEA,qCACA,2CACA,8CACA,kDAEA,mEACA,+EACA,mFACA,mGACA,qFACA,qFAEA,sEACA,wFACA,kFACA,sFACA,sGACA,sEACA,kFACA,sFACA,gGACA,wFACA,sGAEA,0FACA,8FACA,8GACA,0EACA,4FACA,0FACA,8FACA,8GAEA,kGACA,sGACA,sHACA,8EACA,gGACA,kGACA,sGACA,sHAEA,sGACA,0GACA,0HACA,gFACA,kGACA,sGACA,0GACA,0HCxDF,WACE,oCAEA,oFACA,wFACA,sFCLF,WACE,mEACA,yEACA,yEACA,qEACA,kFACA,2EACA,2EAEA,gEACA,sEACA,sEACA,kEAEA,mEACA,yEACA,yEACA,qEAEA,2FACA,2FACA,uFCrBF,WACE,sCACA,uCACA,6CAEA,4EACA,wFACA,0FACA,8FAEA,4EACA,wFACA,0FACA,8FCbF,WAEE,6BACA,4BACA,uCACA,iCACA,gCAGA,0DACA,kEACA,sEACA,0EAGA,6DACA,kEACA,0EACA,8EAGA,6DACA,sEACA,2EACA,yEAGA,6DACA,sEACA,2EACA,yEAGA,6DACA,sEACA,2EACA,yEAGA,gEACA,wEACA,4EACA,gFAGA,mEACA,4EACA,+EACA,iFAEA,mEACA,4EACA,+EACA,iFAEA,mEACA,4EACA,+EACA,iFAGA,gFAEA,+EACA,iGACA,mFACA,qGAGA,iFACA,mFACA,qFACA,2CACA,4CACA,oDAGA,oEAIF,mBACE,8BACA,gCAEA,8BACA,gCAEA,8BACA,gCAEA,8BACA,gCAEA,iCACA,mCAEA,2BACA,6BACA,4BAEA,oCACA,uCAEA,oCACA,sCAEA,oCACA,sCAGF,iBACE,8BACA,gCAEA,8BACA,gCAEA,8BACA,gCAEA,8BACA,gCAEA,iCACA,mCAEA,2BACA,6BACA,4BAEA,oCACA,sCAEA,oCACA,sCAEA,oCACA,sCAGF,oBACE,8BACA,gCAEA,8BACA,gCAEA,8BACA,gCAEA,8BACA,gCAEA,iCACA,mCAEA,2BACA,6BACA,4BAEA,oCACA,sCAEA,oCACA,sCAEA,oCACA,sCAGF,kBACE,8BACA,gCAEA,8BACA,gCAEA,8BACA,gCAEA,8BACA,gCAEA,iCACA,mCAEA,2BACA,6BACA,4BAEA,oCACA,sCAEA,oCACA,sCAEA,oCACA,sCCtMF,WACE,gCACA,uCACA,yCACA,4CAEA,8BACA,qCACA,uCACA,yCAEA,oEACA,+BAEA,8DACA,gFACA,2DACA,6ECjBF,WAEE,iFACA,iFAGA,qFACA,4FACA,uGACA,2FACA,uGAGA,mCACA,0CACA,4CACA,+CACA,iCACA,wCACA,0CACA,4CAEA,uEACA,kCAEA,oEACA,sFACA,iEACA,mFACA,wDACA,0EACA,oEACA,iFACA,kFACA,gFACA,kGACA,sFAGA,mEAGA,sFACA,sGAEA,0EACA,4FACA,8EACA,gGACA,gFACA,kGAGA,4EACA,kFACA,kFACA,8EAEA,qFACA,2FACA,2FACA,uFACA,oGACA,6FACA,6FAEA,kFACA,wFACA,wFACA,oFCrEF,WACE,oGACA,mGACA,oGACA,oGACA,sFACA,sFCHF,WAEE,0BACA,8BACA,yBACA,yBAGA,kDAGA,sBACA,sBACA,qBACA,qBAGF,0EAKE,mDACA,0BACA,gCACA,iCACA,gCACA,8DACA,wEAEA,6CC5BF,WACE,gFACA,oFACA,oFACA,8EAEA,kEACA,oEACA,wEACA,oEACA,wEAGF,4BAEE,uEACA,+FAGA,yDACA,4EACA,8DACA,sEACA,uFACA,wFACA,8DACA,uFACA,0DACA,+EAGA,iEAGA,oFACA,4EAEA,4EACA,oFAEA,uFAEA,yFAEA,gFACA,wFAEA,yFACA,iFAGF,2BAEE,uEACA,+FAGA,yDACA,4EACA,8DACA,sEACA,uFACA,wFACA,+DACA,wFACA,0DACA,+EAGA,iEAGA,oFACA,4EAEA,4EACA,oFAEA,uFAEA,yFAEA,gFACA,wFAEA,yFACA,iFC3FF,oBACI,oEACA,8BACA,+BACA,gCACA,wCAGJ,0BACI,2ECTJ,cACI,sBACA,sBACA,qBAGJ,kBANA,kBAQI,YACA,WAGJ,0BACI,uGAIJ,4HAEI,4DACA,yBAIJ,gCACI,WACA,sBACA,gCACA,0DACA,yFACA,iFACA,sBACA,8BACA,kBACA,8BACA,wDCnCJ,UACI,aCDJ,+BACI,aAGJ,mBACI,kDALJ,kBAOI,YCPJ,YACI,sBAIJ,0CAEI,0CACA,YARJ,kBAUI,YAVJ,cAYI,WAGJ,kBACI,wCACA,YAjBJ,kBAmBI,YAnBJ,SAqBI,WAGJ,sCACI,4DAGJ,kFAEI,sBACA,sCAIJ,4CACI,4CACA,WACA,gCACA,0DACA,yFACA,iFACA,sBACA,8BACA,kBACA,8BACA,wDC9CJ,mDAKA,oDACI,YAGJ,qBACI,sBACA,WAGJ,iCAdA,0BAiBA,gCAjBA",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|