@vuu-ui/vuu-theme 0.7.6 → 0.8.0-debug

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/index.css +1306 -1
  2. package/index.css.map +2 -2
  3. package/package.json +1 -1
  4. package/LICENSE +0 -201
package/index.css CHANGED
@@ -1,2 +1,1307 @@
1
- .salt-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)}.salt-theme[data-mode=light]{color-scheme:light}.salt-theme[data-mode=dark]{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}.salt-density-touch,.salt-density-low,.salt-density-medium,.salt-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);--salt-animation-slide-out-left: slide-out-left var(--salt-animation-duration) var(--salt-animation-timing-function);--salt-animation-slide-out-right: slide-out-right var(--salt-animation-duration) var(--salt-animation-timing-function);--salt-animation-slide-out-bottom: slide-out-bottom var(--salt-animation-duration) var(--salt-animation-timing-function);--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)}}.salt-theme{--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)}.salt-theme{--salt-delay-instant: 100;--salt-delay-perceptible: 300;--salt-delay-notable: 1000;--salt-delay-cutoff: 10000}.salt-theme{--salt-color-blue-100-fade-foreground: rgba(100, 177, 228, var(--salt-palette-opacity-foreground));--salt-color-blue-600-fade-foreground: rgba(21, 92, 147, var(--salt-palette-opacity-foreground));--salt-color-gray-70-fade-foreground: rgba(180, 183, 190, var(--salt-palette-opacity-foreground));--salt-color-gray-200-fade-foreground: rgba(97, 101, 110, var(--salt-palette-opacity-foreground));--salt-color-gray-90-fade-foreground: rgba(132, 135, 142, var(--salt-palette-opacity-foreground));--salt-color-gray-900-fade-foreground: rgba(22, 22, 22, var(--salt-palette-opacity-foreground));--salt-color-white-fade-foreground: rgba(255, 255, 255, var(--salt-palette-opacity-foreground));--salt-color-gray-60-fade-border: rgba(197, 201, 208, var(--salt-palette-opacity-border));--salt-color-gray-90-fade-border: rgba(132, 135, 142, var(--salt-palette-opacity-border));--salt-color-gray-200-fade-border: rgba(97, 101, 110, var(--salt-palette-opacity-border));--salt-color-gray-300-fade-border: rgba(76, 80, 91, var(--salt-palette-opacity-border));--salt-color-orange-400-fade-border: rgba(238, 133, 43, var(--salt-palette-opacity-border));--salt-color-orange-600-fade-border: rgba(224, 101, 25, var(--salt-palette-opacity-border));--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-600-fade-background: rgba(21, 92, 147, var(--salt-palette-opacity-background));--salt-color-blue-700-fade-background: rgba(0, 71, 123, var(--salt-palette-opacity-background));--salt-color-gray-20-fade-background: rgba(234, 237, 239, var(--salt-palette-opacity-background));--salt-color-gray-60-fade-background: rgba(197, 201, 208, var(--salt-palette-opacity-background));--salt-color-gray-70-fade-background: rgba(180, 183, 190, var(--salt-palette-opacity-background));--salt-color-gray-200-fade-background: rgba(97, 101, 110, var(--salt-palette-opacity-background));--salt-color-gray-300-fade-background: rgba(76, 80, 91, var(--salt-palette-opacity-background));--salt-color-gray-600-fade-background: rgba(47, 49, 54, var(--salt-palette-opacity-background));--salt-color-gray-800-fade-background: rgba(36, 37, 38, var(--salt-palette-opacity-background));--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-white-fade-background: rgba(255, 255, 255, var(--salt-palette-opacity-background));--salt-color-white-fade-background-readonly: rgba(255, 255, 255, var(--salt-palette-opacity-readonly));--salt-color-gray-20-fade-background-readonly: rgba(234, 237, 239, var(--salt-palette-opacity-readonly));--salt-color-gray-600-fade-background-readonly: rgba(47, 49, 54, var(--salt-palette-opacity-readonly));--salt-color-gray-800-fade-background-readonly: rgba(36, 37, 38, var(--salt-palette-opacity-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-fill));--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));--salt-color-blue-600-fade-fill: rgba(21, 92, 147, var(--salt-palette-opacity-fill));--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))}.salt-density-touch{--salt-size-icon-base: 16px}.salt-density-low{--salt-size-icon-base: 14px}.salt-density-medium{--salt-size-icon-base: 12px}.salt-density-high{--salt-size-icon-base: 10px}.salt-theme{--salt-opacity-1: .15;--salt-opacity-2: .25;--salt-opacity-3: .4;--salt-opacity-4: .7}.salt-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)}.salt-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)}.salt-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 5px var(--salt-shadow-5-color)}.salt-density-touch,.salt-density-low,.salt-density-medium,.salt-density-high{--salt-size-basis-unit: 4px;--salt-size-border: 1px;--salt-size-brandBar: 4px;--salt-size-divider-strokeWidth: 1px;--salt-size-sharktooth-height: 5px;--salt-size-sharktooth-width: 10px;--salt-size-divider-height: calc(var(--salt-size-base) - (1.5 * var(--salt-size-unit)) - (.5 * var(--salt-size-basis-unit)));--salt-size-selection: calc(var(--salt-size-base) - (1.5 * var(--salt-size-unit)) - (.5 * var(--salt-size-basis-unit)));--salt-size-stackable: calc(var(--salt-size-base) + var(--salt-size-unit));--salt-size-graphic-small: 12px;--salt-size-graphic-medium: 24px;--salt-size-graphic-large: 48px}.salt-density-high{--salt-size-unit: calc(var(--salt-size-basis-unit) * 1);--salt-size-detail: calc(var(--salt-size-basis-unit) * 1.5);--salt-size-base: calc(var(--salt-size-basis-unit) * 5)}.salt-density-medium{--salt-size-unit: calc(var(--salt-size-basis-unit) * 2);--salt-size-detail: calc(var(--salt-size-basis-unit) * 2);--salt-size-base: calc(var(--salt-size-basis-unit) * 7)}.salt-density-low{--salt-size-unit: calc(var(--salt-size-basis-unit) * 3);--salt-size-detail: calc(var(--salt-size-basis-unit) * 2.5);--salt-size-base: calc(var(--salt-size-basis-unit) * 9)}.salt-density-touch{--salt-size-unit: calc(var(--salt-size-basis-unit) * 4);--salt-size-detail: calc(var(--salt-size-basis-unit) * 3);--salt-size-base: calc(var(--salt-size-basis-unit) * 11)}.salt-theme{--salt-typography-fontFamily: "Open 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}.salt-density-touch,.salt-density-low,.salt-density-medium,.salt-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}.salt-theme{--salt-palette-opacity-background: var(--salt-opacity-3);--salt-palette-opacity-border: var(--salt-opacity-3);--salt-palette-opacity-border-readonly: var(--salt-opacity-2);--salt-palette-opacity-fill: var(--salt-opacity-3);--salt-palette-opacity-foreground: var(--salt-opacity-4);--salt-palette-opacity-backdrop: var(--salt-opacity-3);--salt-palette-opacity-stroke: var(--salt-opacity-3);--salt-palette-opacity-primary-border: var(--salt-opacity-3);--salt-palette-opacity-secondary-border: var(--salt-opacity-2);--salt-palette-opacity-tertiary-border: var(--salt-opacity-1)}.salt-theme[data-mode=light]{--salt-palette-accent-background: var(--salt-color-blue-500);--salt-palette-accent-border: var(--salt-color-blue-500);--salt-palette-accent-foreground: var(--salt-color-white);--salt-palette-interact-background: transparent;--salt-palette-interact-background-blurSelected: var(--salt-color-gray-30);--salt-palette-interact-background-hover: var(--salt-color-blue-10);--salt-palette-interact-background-active: var(--salt-color-blue-30);--salt-palette-interact-background-disabled: transparent;--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-900);--salt-palette-interact-foreground-disabled: var(--salt-color-gray-900-fade-foreground);--salt-palette-interact-foreground-partial: var(--salt-color-blue-600);--salt-palette-interact-foreground-partialDisabled: var(--salt-color-blue-600-fade-foreground);--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(--salt-color-gray-60);--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(--salt-color-gray-40);--salt-palette-interact-primary-foreground: var(--salt-color-gray-900);--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(--salt-color-gray-900);--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);--salt-palette-error-background-emphasize: var(--salt-color-red-10);--salt-palette-error-border: var(--salt-color-red-500);--salt-palette-error-foreground: var(--salt-color-red-500);--salt-palette-info-background-emphasize: var(--salt-color-blue-10);--salt-palette-info-border: var(--salt-color-blue-500);--salt-palette-info-foreground: var(--salt-color-blue-500);--salt-palette-success-background-emphasize: var(--salt-color-green-10);--salt-palette-success-border: var(--salt-color-green-500);--salt-palette-success-foreground: var(--salt-color-green-500);--salt-palette-warning-background-emphasize: var(--salt-color-orange-10);--salt-palette-warning-border: var(--salt-color-orange-500);--salt-palette-warning-foreground: var(--salt-color-orange-500);--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-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(--salt-color-orange-600);--salt-palette-navigate-indicator-activeDisabled: var(--salt-color-orange-600-fade-border);--salt-palette-negative-background: var(--salt-color-red-40);--salt-palette-negative-foreground: var(--salt-color-red-700);--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(--salt-color-gray-900);--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(--salt-color-gray-60);--salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-60-fade-border);--salt-palette-neutral-secondary-background: var(--salt-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-background-readonly: transparent;--salt-palette-neutral-tertiary-border: transparent;--salt-palette-neutral-tertiary-border-disabled: transparent;--salt-palette-neutral-tertiary-separator: var(--salt-color-black-fade-separatorOpacity-tertiary);--salt-palette-positive-background: var(--salt-color-green-20);--salt-palette-positive-foreground: var(--salt-color-green-700)}.salt-theme[data-mode=dark]{--salt-palette-accent-background: var(--salt-color-blue-500);--salt-palette-accent-border: var(--salt-color-blue-500);--salt-palette-accent-foreground: var(--salt-color-white);--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-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-white);--salt-palette-interact-foreground-disabled: var(--salt-color-white-fade-foreground);--salt-palette-interact-foreground-partial: var(--salt-color-blue-100);--salt-palette-interact-foreground-partialDisabled: var(--salt-color-blue-100-fade-foreground);--salt-palette-interact-outline: var(--salt-color-blue-100);--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);--salt-palette-error-background-emphasize: var(--salt-color-red-900);--salt-palette-error-border: var(--salt-color-red-500);--salt-palette-error-foreground: var(--salt-color-red-500);--salt-palette-info-background-emphasize: var(--salt-color-blue-900);--salt-palette-info-border: var(--salt-color-blue-500);--salt-palette-info-foreground: var(--salt-color-blue-500);--salt-palette-success-background-emphasize: var(--salt-color-green-900);--salt-palette-success-border: var(--salt-color-green-500);--salt-palette-success-foreground: var(--salt-color-green-500);--salt-palette-warning-background-emphasize: var(--salt-color-orange-900);--salt-palette-warning-border: var(--salt-color-orange-500);--salt-palette-warning-foreground: var(--salt-color-orange-500);--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-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(--salt-color-orange-400);--salt-palette-navigate-indicator-activeDisabled: var(--salt-color-orange-400-fade-border);--salt-palette-negative-background: var(--salt-color-red-40);--salt-palette-negative-foreground: var(--salt-color-red-300);--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-background-readonly: 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);--salt-palette-positive-background: var(--salt-color-green-30);--salt-palette-positive-foreground: var(--salt-color-green-300)}.salt-density-high{--salt-accent-fontSize: 8px;--salt-accent-lineHeight: 11px}.salt-density-medium{--salt-accent-fontSize: 10px;--salt-accent-lineHeight: 13px}.salt-density-low{--salt-accent-fontSize: 12px;--salt-accent-lineHeight: 16px}.salt-density-touch{--salt-accent-fontSize: 14px;--salt-accent-lineHeight: 18px}.salt-theme{--salt-accent-background: var(--salt-palette-accent-background);--salt-accent-borderColor: var(--salt-palette-accent-border);--salt-accent-foreground: var(--salt-palette-accent-foreground);--salt-accent-fontWeight: var(--salt-typography-fontWeight-semiBold)}.salt-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)}.salt-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)}.salt-theme{--salt-differential-positive-background: var(--salt-palette-positive-background);--salt-differential-negative-background: var(--salt-palette-negative-background);--salt-differential-positive-foreground: var(--salt-palette-positive-foreground);--salt-differential-negative-foreground: var(--salt-palette-negative-foreground)}.salt-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}.salt-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}.salt-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-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-editable-help-fontStyle: italic}.salt-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}.salt-theme{--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-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)}.salt-theme{--salt-overlayable-shadow-scroll: var(--salt-shadow-1);--salt-overlayable-shadow-scroll-color: var(--salt-shadow-1-color);--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)}.salt-theme{--salt-selectable-cursor-hover: pointer;--salt-selectable-cursor-selected: pointer;--salt-selectable-cursor-blurSelected: pointer;--salt-selectable-cursor-disabled: 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-foreground-partial: var(--salt-palette-interact-foreground-partial);--salt-selectable-foreground-partialDisabled: var(--salt-palette-interact-foreground-partialDisabled);--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-cta-foreground: var(--salt-palette-interact-foreground);--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-foreground-disabled: var(--salt-palette-interact-foreground-disabled);--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: var(--salt-palette-interact-foreground);--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-foreground-disabled: var(--salt-palette-interact-foreground-disabled);--salt-selectable-primary-foreground-hover: var(--salt-palette-interact-primary-foreground-hover);--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: var(--salt-palette-interact-foreground);--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-foreground-disabled: var(--salt-palette-interact-foreground-disabled);--salt-selectable-secondary-foreground-hover: var(--salt-palette-interact-secondary-foreground-hover);--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)}.salt-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)}.salt-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-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-emphasize: var(--salt-palette-info-background-emphasize);--salt-status-success-background-emphasize: var(--salt-palette-success-background-emphasize);--salt-status-warning-background-emphasize: var(--salt-palette-warning-background-emphasize);--salt-status-error-background-emphasize: var(--salt-palette-error-background-emphasize)}.salt-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)}.salt-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-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-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-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-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-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-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-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-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)}.salt-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}.salt-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}.salt-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}.salt-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}.salt-theme{--svg-add: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path d="M29 16h-9V7a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v9H7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h9v9a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-9h9a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1z"/></svg>');--svg-alert-circle-filled: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path class="fill" d="M9,1a8,8,0,1,0,8,8A8,8,0,0,0,9,1ZM7.7,3.3875A.35552.35552,0,0,1,7.8685,3.05,3.12313,3.12313,0,0,1,8.981,2.821a3.4307,3.4307,0,0,1,1.116.172.38849.38849,0,0,1,.2.3435v1.225c0,1.4425-.2885,5.4455-.3415,5.9735a.26351.26351,0,0,1-.26528.26171L9.662,10.795H8.3a.284.284,0,0,1-.289-.2365c-.05-.682-.311-4.55-.311-5.9455ZM9,14.425a1.287,1.287,0,0,1-1.4-1.3155,1.33,1.33,0,0,1,1.308-1.35167q.046-.00076.092.00167a1.316,1.316,0,0,1,1.3978,1.22877q.00389.06054.0022.12123A1.287,1.287,0,0,1,9,14.425Z" /></svg>');--svg-arrow-thin: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M17.75,8.04h-14L8.72,3.07a.48349.48349,0,0,0,.01642-.68357L8.72,2.37l-.35-.36a.5135.5135,0,0,0-.71,0L1.24,8.44a.5135.5135,0,0,0,0,.71l6.39,6.84a.5135.5135,0,0,0,.71,0l.35-.35a.5135.5135,0,0,0,0-.71L3.76,9.5H17.75A.25.25,0,0,0,18,9.25V8.29A.25.25,0,0,0,17.75,8.04Z" /></svg>');--svg-box: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M8.2,17.797,1.4115,14.0255A.8.8,0,0,1,1,13.326V6.597l7.2,4Z" /><path d="M16.5885,14.0255,9.8,17.797v-7.2l7.2-4v6.729A.8.8,0,0,1,16.5885,14.0255Z" /><path d="M12.3185,1.8585,9.381.2675a.8.8,0,0,0-.762,0L1.296,4.234a.4125.4125,0,0,0,0,.7255L4.0605,6.457Z" /><path d="M16.704,4.234,13.985,2.7615l-8.2575,4.6L9,9.1325l7.704-4.173a.4125.4125,0,0,0,0-.7255Z" /></svg>');--svg-caret-right: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><polygon points="12,8 22,16 12,24 "/></svg>');--svg-caret-down: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><polygon points="12,8 22,16 12,24 "/></svg>');--svg-checkbox: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4ZM6,26V6H26V26Z"/><rect fill="none" width="32" height="32"/></svg>');--svg-checkbox-checked: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4ZM6,26V6H26V26Z"/><polygon points="14 21.5 9 16.54 10.59 15 14 18.35 21.41 11 23 12.58 14 21.5"/><rect fill="none" width="32" height="32"/></svg>');--svg-close: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path d="M26.485 6.686L18 15.172 9.515 6.686a1 1 0 0 0-1.414 0L6.686 8.1a1 1 0 0 0 0 1.414L15.172 18l-8.486 8.485a1 1 0 0 0 0 1.414L8.1 29.314a1 1 0 0 0 1.414 0L18 20.828l8.485 8.486a1 1 0 0 0 1.414 0l1.415-1.414a1 1 0 0 0 0-1.414L20.828 18l8.486-8.485a1 1 0 0 0 0-1.414L27.9 6.686a1 1 0 0 0-1.415 0z"/></svg>');--svg-close-circle: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path class="a" d="M14.657,3.343a8,8,0,1,0-.00021,11.31371l.00021-.00021A8,8,0,0,0,14.657,3.343Zm-1.3435,9.265-.707.7055a.6.6,0,0,1-.84853.00147l-.00147-.00147L9,10.5555l-2.758,2.758a.6.6,0,0,1-.84853.00147L5.392,13.3135l-.7045-.7075a.6.6,0,0,1-.00147-.84853L4.6875,11.756,7.4445,9,4.6875,6.242A.6.6,0,0,1,4.686,5.39347L4.6875,5.392l.707-.707A.6.6,0,0,1,6.243,4.68353L6.2445,4.685,9,7.444l2.758-2.7575a.6.6,0,0,1,.84853-.00147l.00147.00147.707.707a.6.6,0,0,1,.00147.84853L13.315,6.2435,10.5555,9l2.758,2.758a.6.6,0,0,1,.00147.84853Z" /></svg>');--svg-checkbox-small: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="M3.78809,9A.999.999,0,0,1,3,8.61523L.71191,5.61508A.9998.9998,0,1,1,2.28808,4.38461l1.5,1.99137L7.71192,1.385A.9998.9998,0,1,1,9.28809,2.61549L4.57617,8.61523A.999.999,0,0,1,3.78809,9Z" /></svg>');--svg-chevron-down: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="1 1 16 16"><path d="M4,7.01a1,1,0,0,1,1.7055-.7055l3.289,3.286,3.289-3.286a1,1,0,0,1,1.437,1.3865l-.0245.0245L9.7,11.7075a1,1,0,0,1-1.4125,0L4.293,7.716A.9945.9945,0,0,1,4,7.01Z" /></svg>');--svg-chevron-left: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="1 1 16 16"><path d="M6,9a.994.994,0,0,0,.2925.7045l3.9915,3.99a1,1,0,1,0,1.4355-1.386l-.0245-.0245L8.4095,9l3.286-3.285A1,1,0,0,0,10.309,4.28l-.0245.0245L6.293,8.2945A.994.994,0,0,0,6,9Z" /></svg>');--svg-chevron-right: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="1 1 16 16"><path d="M12,9a.994.994,0,0,1-.2925.7045l-3.9915,3.99a1,1,0,1,1-1.4355-1.386l.0245-.0245L9.5905,9,6.3045,5.715A1,1,0,0,1,7.691,4.28l.0245.0245,3.9915,3.99A.994.994,0,0,1,12,9Z" /></svg>');--svg-chevron-double-left: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="1 1 16 16"><path d="M3,9a.994.994,0,0,0,.2925.7045l3.9915,3.99a1,1,0,1,0,1.4355-1.386L8.695,12.284,5.4095,9l3.286-3.285A1,1,0,0,0,7.309,4.28l-.0245.0245L3.293,8.2945A.994.994,0,0,0,3,9Z"/><path d="M9,9a.994.994,0,0,0,.2925.7045l3.9915,3.99a1,1,0,1,0,1.4355-1.386l-.0245-.0245L11.4095,9l3.286-3.285A1,1,0,0,0,13.309,4.28l-.0245.0245L9.293,8.2945A.994.994,0,0,0,9,9Z"/></svg>');--svg-chevron-double-right: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="1 1 16 16"><path d="M15,9a.994.994,0,0,1-.2925.7045l-3.9915,3.99a1,1,0,1,1-1.4355-1.386l.0245-.0245L12.5905,9,9.3045,5.715A1,1,0,0,1,10.691,4.28l.0245.0245,3.9915,3.99A.994.994,0,0,1,15,9Z"/><path d="M9,9a.994.994,0,0,1-.2925.7045l-3.9915,3.99a1,1,0,1,1-1.436-1.385l.0245-.0245L6.5905,9,3.3045,5.715A1,1,0,0,1,4.6915,4.28l.0245.0245,3.9915,3.99A.994.994,0,0,1,9,9Z"/></svg>');--svg-column-2A: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M16,1H10V17h6a1,1,0,0,0,1-1V2A1,1,0,0,0,16,1Z" /><path d="M8,1H2A1,1,0,0,0,1,2V16a1,1,0,0,0,1,1H8Z" /></svg>');--svg-column-2B: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M16,1H13V17h3a1,1,0,0,0,1-1V2A1,1,0,0,0,16,1Z" /><path d="M11,1H2A1,1,0,0,0,1,2V16a1,1,0,0,0,1,1h9Z" /></svg>');--svg-corner-triangle: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5 5"><path d="M4.76248.00005a.249.249,0,0,0-.177.073l-4.5,4.5a.25.25,0,0,0,.177.427h4.5a.25.25,0,0,0,.25-.25v-4.5A.25.25,0,0,0,4.76248.00005Z"/></svg>');--svg-filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path class="a" d="M15.473,1H1.527a.5.5,0,0,0-.3935.8085L7,9.2945V16.95a.496.496,0,0,0,.84.412l1.9905-2.0765A.60949.60949,0,0,0,10,14.864V9.2945l5.8665-7.486A.5.5,0,0,0,15.473,1Z" /></svg>');--svg-folder-closed: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="M1 12v-1h9.998l-0-6.001h-9.999l0.001 7.001h-1v-11h4.117l2 1h5.883v1h-0.002v9h-10.998zM5.881 3l-2-1h-2.882v1.999h9.999l0-0.999h-5.117z"/></svg>');--svg-folder-open: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="M1 10l3-6h7v-1h1v9h-12v-11h4.118l2 1h4.882v1h-5.118l-2-1h-2.882v8z"/></svg>');--svg-function: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path class="fill" d="M3.212,16.706a3.674,3.674,0,0,1-1.6415-.356c-.059-.0285-.09-.0435-.0685-.206l.2285-1.98a4.20837,4.20837,0,0,0,1.503.314c1.2205,0,1.5555-.8845,1.8445-2.8645l.019-.1405a7.00313,7.00313,0,0,0,.0945-.831c.01-.1915.0815-1.187.0815-1.187H2.446l.4745-1.4575a.2405.2405,0,0,1,.2295-.167H5.404s.1315-1.4435.2115-1.9895l.0805-.569C6.1625,1.8945,7.563.254,9.9775.254A2.8046,2.8046,0,0,1,11.23.475a.147.147,0,0,1,.115.1665L11.072,2.503c-.0155.096-.05.096-.0615.096a3.163,3.163,0,0,0-1.1-.204c-1.529,0-1.884,1.5745-2.1625,3.4765l-.0645.4645c-.05.35-.1405,1.4935-.1405,1.4935h2.981l-.474,1.458a.242.242,0,0,1-.2295.1665h-2.4S7.3555,10.5,7.35,10.667a8.62,8.62,0,0,1-.129,1.1155C6.8575,14.3395,6.1205,16.706,3.212,16.706Zm11.867.221c-.4055-.592-1.35-2.012-1.8755-2.8285.473-.6755,1.322-2.031,1.738-2.694l.023-.0375a.187.187,0,0,0,.0115-.195.1925.1925,0,0,0-.18-.09H13.531a.2095.2095,0,0,0-.2155.123l-1.096,1.917L11.184,11.2355a.243.243,0,0,0-.2555-.1535H9.4965a.19649.19649,0,0,0-.186.1035.194.194,0,0,0,.023.2l1.744,2.78c-.2805.415-.6425.9765-.993,1.5205-.293.455-.5775.8975-.797,1.2255a.19151.19151,0,0,0-.0175.2.2.2,0,0,0,.178.1065h1.2785a.23751.23751,0,0,0,.239-.134l1.1265-1.925,1.093,1.9a.296.296,0,0,0,.263.1565h1.4675a.195.195,0,0,0,.197-.1115A.164.164,0,0,0,15.079,16.927Z" /></svg>');--svg-logout: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><rect height="9" rx="0.5" width="2" x="8" /><path d="M12.6075,2.5315l-.57.9115a.505.505,0,0,0,.1685.692,5.869,5.869,0,1,1-6.41,0,.5.5,0,0,0,.16917-.68657L5.964,3.4465,5.392,2.531a.5.5,0,0,0-.68667-.16877L4.7,2.3655a7.95,7.95,0,1,0,8.5955,0,.5.5,0,0,0-.68753.16523Z" /></svg>');--svg-rings: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M13.995,6.603c0-.035.005-.0685.005-.103a5.5,5.5,0,0,0-11,0c0,.0345.0045.068.005.103A5.497,5.497,0,1,0,8.5,16.1065,5.497,5.497,0,1,0,13.995,6.603ZM8.5,14.832a4.46248,4.46248,0,0,1-1.47-3.0365,5.38556,5.38556,0,0,0,2.94,0A4.46248,4.46248,0,0,1,8.5,14.832ZM8.5,11a4.45,4.45,0,0,1-1.424-.25A4.46452,4.46452,0,0,1,8.5,8.168a4.46448,4.46448,0,0,1,1.424,2.58A4.45014,4.45014,0,0,1,8.5,11Zm-2.368-.688A4.48049,4.48049,0,0,1,4.076,7.25,4.45,4.45,0,0,1,5.5,7a4.44988,4.44988,0,0,1,2.154.572A5.489,5.489,0,0,0,6.132,10.312Zm3.214-2.74a4.265,4.265,0,0,1,3.578-.32,4.4805,4.4805,0,0,1-2.056,3.06A5.489,5.489,0,0,0,9.346,7.572ZM8.5,2a4.4865,4.4865,0,0,1,4.47,4.205,5.45,5.45,0,0,0-4.47.6885A5.45,5.45,0,0,0,4.03,6.205,4.4865,4.4865,0,0,1,8.5,2Zm-3,14A4.4905,4.4905,0,0,1,3.132,7.688,5.50548,5.50548,0,0,0,6.005,11.4c0,.0345-.005.068-.005.1a5.4805,5.4805,0,0,0,1.654,3.928A4.447,4.447,0,0,1,5.5,16Zm6,0a4.447,4.447,0,0,1-2.154-.572A5.4805,5.4805,0,0,0,11,11.5c0-.0345-.0045-.068-.005-.1a5.5055,5.5055,0,0,0,2.873-3.7095A4.4905,4.4905,0,0,1,11.5,16Z" /></svg>');--svg-settings: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path class="fill" d="M16.45,7.8965H14.8945a5.97644,5.97644,0,0,0-.921-2.2535L15.076,4.54a.55.55,0,0,0,.00219-.77781L15.076,3.76l-.8365-.836a.55.55,0,0,0-.77781-.00219L13.4595,2.924,12.357,4.0265a5.96235,5.96235,0,0,0-2.2535-.9205V1.55a.55.55,0,0,0-.55-.55H8.45a.55.55,0,0,0-.55.55V3.106a5.96235,5.96235,0,0,0-2.2535.9205l-1.1-1.1025a.55.55,0,0,0-.77781-.00219L3.7665,2.924,2.924,3.76a.55.55,0,0,0-.00219.77781L2.924,4.54,4.0265,5.643a5.97644,5.97644,0,0,0-.921,2.2535H1.55a.55.55,0,0,0-.55.55V9.55a.55.55,0,0,0,.55.55H3.1055a5.967,5.967,0,0,0,.921,2.2535L2.924,13.4595a.55.55,0,0,0-.00219.77782l.00219.00218.8365.8365a.55.55,0,0,0,.77781.00219L4.5405,15.076,5.643,13.9735a5.96235,5.96235,0,0,0,2.2535.9205V16.45a.55.55,0,0,0,.55.55H9.55a.55.55,0,0,0,.55-.55V14.894a5.96235,5.96235,0,0,0,2.2535-.9205L13.456,15.076a.55.55,0,0,0,.77782.00219L14.236,15.076l.8365-.8365a.55.55,0,0,0,.00219-.77781l-.00219-.00219L13.97,12.357a5.967,5.967,0,0,0,.921-2.2535H16.45a.55.55,0,0,0,.55-.55V8.45a.55.55,0,0,0-.54649-.55349ZM11.207,9A2.207,2.207,0,1,1,9,6.793H9A2.207,2.207,0,0,1,11.207,9Z" /></svg>');--svg-sort-order-down: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><rect class="a" height="2" rx="0.5" width="6" x="1" y="12" /><rect class="a" height="2" rx="0.5" width="8" x="1" y="8" /><rect class="a" height="2" rx="0.5" width="10" x="1" y="4" /><path class="a" d="M16,12H14.9965V4.5a.494.494,0,0,0-.488-.5L14.503,4h-.496a.5.5,0,0,0-.5.5L13.5035,12H12.5a.25.25,0,0,0-.25.25.245.245,0,0,0,.0735.175l1.7685,2.0165a.25.25,0,0,0,.316,0l1.7685-2.0165a.245.245,0,0,0,.0735-.175A.25.25,0,0,0,16,12Z" /></svg>');--svg-sorted-asc: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -3 18 15"><path d="M9,2a.497.497,0,0,0-.3735.168l-5.5,5A.48949.48949,0,0,0,3,7.497.5.5,0,0,0,3.497,8H14.5a.5.5,0,0,0,.5-.5V7.497a.48949.48949,0,0,0-.1275-.329l-5.5-5A.5.5,0,0,0,9,2Z" /></svg>');--svg-sorted-dsc: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 3 18 18"><path d="M9,16a.5.5,0,0,0,.3735-.168l5.5-5A.48949.48949,0,0,0,15,10.503.5.5,0,0,0,14.503,10H3.5a.5.5,0,0,0-.5.5v.003a.48949.48949,0,0,0,.1275.329l5.5,5A.497.497,0,0,0,9,16Z" /></svg>');--svg-user: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M16.4745,17a.4965.4965,0,0,0,.50089-.49207q.00015-.01724-.00089-.03443c-.3305-3.592-4.0135-4.8155-5.139-4.9135C11.013,11.4885,11,10.826,11,10a7.51507,7.51507,0,0,0,1.766-4.479C12.766,2.8085,11.2225,1,9,1S5.234,2.8085,5.234,5.521A7.51507,7.51507,0,0,0,7,10c0,.826-.013,1.4885-.837,1.56-1.1255.1-4.8085,1.3215-5.139,4.9135a.49649.49649,0,0,0,.46557.52561q.01719.001.03443.00089Z" /></svg>');--svg-grab-handle: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"> <circle cx="7" cy="13" r="1"/><circle cx="7" cy="10" r="1"/><circle cx="7" cy="7" r="1"/><circle cx="7" cy="4" r="1"/><circle cx="10" cy="13" r="1"/><circle cx="10" cy="10" r="1"/><circle cx="10" cy="7" r="1"/><circle cx="10" cy="4" r="1"/></svg>');--svg-open-in: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M16.5,1H1.5a.5.5,0,0,0-.5.5v7a.5.5,0,0,0,.5.5h1A.5.5,0,0,0,3,8.5V3H15V15H9.5a.5.5,0,0,0-.5.5v1a.5.5,0,0,0,.5.5h7a.5.5,0,0,0,.5-.5V1.5A.5.5,0,0,0,16.5,1Z" /><path d="M9.318,13.882A.39051.39051,0,0,0,9.6,14a.4.4,0,0,0,.4-.377V8.25A.25.25,0,0,0,9.75,8H4.377A.4.4,0,0,0,4,8.4a.392.392,0,0,0,.1175.28l1.893,1.893-4.521,4.523a.5.5,0,0,0-.00039.70711l.00039.00039.707.707a.5.5,0,0,0,.707,0l4.5215-4.521Z" /></svg>');--svg-sort-up: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><rect height="2" rx="0.5" width="6" x="1" y="4" /><rect height="2" rx="0.5" width="8" x="1" y="8" /><rect height="2" rx="0.5" width="10" x="1" y="12" /><path d="M15.99951,6H14.99634v7.5a.49378.49378,0,0,1-.49317.5h-.49633a.5.5,0,0,1-.5-.49951L13.50366,6H12.50049A.24984.24984,0,0,1,12.25,5.74823a.24439.24439,0,0,1,.07373-.175L14.0918,3.5564a.25007.25007,0,0,1,.3164,0l1.76807,2.01684a.24439.24439,0,0,1,.07373.175A.24984.24984,0,0,1,15.99951,6Z" /></svg>');--svg-tree-node-collapse: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M2,2.5v13a.5.5,0,0,0,.5.5h13a.5.5,0,0,0,.5-.5V2.5a.5.5,0,0,0-.5-.5H2.5A.5.5,0,0,0,2,2.5ZM5.25,10A.25.25,0,0,1,5,9.75V8.25A.25.25,0,0,1,5.25,8h7.5a.25.25,0,0,1,.25.25v1.5a.25.25,0,0,1-.25.25Z" /></svg>');--svg-tree-node-expand: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M2,2.5v13a.5.5,0,0,0,.5.5h13a.5.5,0,0,0,.5-.5V2.5a.5.5,0,0,0-.5-.5H2.5A.5.5,0,0,0,2,2.5ZM12.75,10H10v2.75a.25.25,0,0,1-.25.25H8.25A.25.25,0,0,1,8,12.75V10H5.25A.25.25,0,0,1,5,9.75V8.25A.25.25,0,0,1,5.25,8H8V5.25A.25.25,0,0,1,8.25,5h1.5a.25.25,0,0,1,.25.25V8h2.75a.25.25,0,0,1,.25.25v1.5A.25.25,0,0,1,12.75,10Z" /></svg>');--svg-triangle-right: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="M3.5 1l5 5-5 5z"/></svg>');--svg-triangle-down: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="M11 3.5l-5 5-5-5z"/></svg>');--svg-plus-box: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M22.5 34h3v-8.5H34v-3h-8.5V14h-3v8.5H14v3h8.5ZM9 42q-1.2 0-2.1-.9Q6 40.2 6 39V9q0-1.2.9-2.1Q7.8 6 9 6h30q1.2 0 2.1.9.9.9.9 2.1v30q0 1.2-.9 2.1-.9.9-2.1.9Zm0-3h30V9H9v30ZM9 9v30V9Z"/></svg>');--svg-minus-box: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M12.5 25.4h23.05v-3H12.5ZM9 42q-1.2 0-2.1-.9Q6 40.2 6 39V9q0-1.2.9-2.1Q7.8 6 9 6h30q1.2 0 2.1.9.9.9.9 2.1v30q0 1.2-.9 2.1-.9.9-2.1.9Zm0-3h30V9H9v30ZM9 9v30V9Z"/></svg>');--vuu-icon-size: 12px;--svg-active-status: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9,1a8,8,0,1,0,8,8A8,8,0,0,0,9,1Zm5.333,4.54L8.009,13.6705a.603.603,0,0,1-.4375.2305H7.535a.6.6,0,0,1-.4245-.1755L3.218,9.829a.6.6,0,0,1-.00147-.84853L3.218,8.979l.663-.6625A.6.6,0,0,1,4.72953,8.315L4.731,8.3165,7.4,10.991l5.257-6.7545a.6.6,0,0,1,.8419-.10586L13.5,4.1315l.7275.5685A.6.6,0,0,1,14.333,5.54Z" /></svg>');--svg-connecting-status: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9,1a8,8,0,1,0,8,8A8,8,0,0,0,9,1ZM7.7,3.3875A.35552.35552,0,0,1,7.8685,3.05,3.12313,3.12313,0,0,1,8.981,2.821a3.4307,3.4307,0,0,1,1.116.172.38849.38849,0,0,1,.2.3435v1.225c0,1.4425-.2885,5.4455-.3415,5.9735a.26351.26351,0,0,1-.26528.26171L9.662,10.795H8.3a.284.284,0,0,1-.289-.2365c-.05-.682-.311-4.55-.311-5.9455ZM9,14.425a1.287,1.287,0,0,1-1.4-1.3155,1.33,1.33,0,0,1,1.308-1.35167q.046-.00076.092.00167a1.316,1.316,0,0,1,1.3978,1.22877q.00389.06054.0022.12123A1.287,1.287,0,0,1,9,14.425Z" /></svg>');--svg-disconnected-status: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M14.657,3.343a8,8,0,1,0-.00021,11.31371l.00021-.00021A8,8,0,0,0,14.657,3.343Zm-1.3435,9.265-.707.7055a.6.6,0,0,1-.84853.00147l-.00147-.00147L9,10.5555l-2.758,2.758a.6.6,0,0,1-.84853.00147L5.392,13.3135l-.7045-.7075a.6.6,0,0,1-.00147-.84853L4.6875,11.756,7.4445,9,4.6875,6.242A.6.6,0,0,1,4.686,5.39347L4.6875,5.392l.707-.707A.6.6,0,0,1,6.243,4.68353L6.2445,4.685,9,7.444l2.758-2.7575a.6.6,0,0,1,.84853-.00147l.00147.00147.707.707a.6.6,0,0,1,.00147.84853L13.315,6.2435,10.5555,9l2.758,2.758a.6.6,0,0,1,.00147.84853Z" /></svg>')}span[data-icon]{display:inline-block;height:var(--vuu-icon-height, var(--vuu-icon-size,18px));position:relative;width:var(--vuu-icon-width, var(--vuu-icon-size, 18px))}[data-icon]:after{content:"";background-color:var(--vuu-icon-color, var(--saltIcon-color, var(--salt-text-secondary-foreground)));left:var(--vuu-icon-left, auto);height:var(--vuu-icon-height, var(--vuu-icon-size, 12px));-webkit-mask:var(--vuu-icon-svg) center center/var(--vuu-icon-size) var(--vuu-icon-size);mask:var(--vuu-icon-svg) center center/var(--vuu-icon-size) var(--vuu-icon-size);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;top:var(--vuu-icon-top, auto);width:var(--vuu-icon-width, var(--vuu-icon-size, 12px))}[data-icon=error]{--vuu-icon-color: var(--salt-status-error-foreground);--vuu-icon-svg: var(--svg-alert-circle-filled)}[data-icon=filter]{--vuu-icon-svg: var(--svg-filter)}[data-icon=sort-up]{--vuu-icon-svg: var(--svg-sort-up)}[data-icon=arrow-thin-left]{--vuu-icon-svg: var(--svg-arrow-thin)}[data-icon=arrow-thin-right]{--vuu-icon-svg: var(--svg-arrow-thin);transform:rotate(180deg)}[data-icon=arrow-thin-up]{--vuu-icon-svg: var(--svg-arrow-thin);transform:rotate(90deg)}[data-icon=arrow-thin-down]{--vuu-icon-svg: var(--svg-arrow-thin);transform:rotate(270deg)}[data-icon=box]{--vuu-icon-svg: var(--svg-box)}[data-icon=chevron-right]{--vuu-icon-svg: var(--svg-chevron-right)}[data-icon=close]{--vuu-icon-svg: var(--vuu-close-icon-svg, var(--svg-close))}[data-icon=add]{--vuu-icon-svg: var(--svg-add)}[data-icon=rings]{--vuu-icon-svg: var(--svg-rings)}[data-icon=open-in]{--vuu-icon-svg: var(--svg-open-in)}[data-icon=close-circle]{--vuu-icon-svg: var(--svg-close-circle)}[data-icon=chevron-double-left]{--vuu-icon-svg: var(--svg-chevron-double-left)}[data-icon=chevron-double-right]{--vuu-icon-svg: var(--svg-chevron-double-right)}[data-icon=column-2A]{--vuu-icon-svg: var(--svg-column-2A)}[data-icon=column-2B]{--vuu-icon-svg: var(--svg-column-2B)}:is([data-icon="folder"],[data-icon="folder-closed"]){--vuu-icon-svg: var(--svg-folder-closed)}[data-icon=plus-box]{--vuu-icon-svg: var(--svg-plus-box)}[data-icon=minus-box]{--vuu-icon-svg: var(--svg-minus-box)}[data-icon=settings]{--vuu-icon-svg: var(--svg-settings)}[data-icon=sorted-asc]{--vuu-icon-svg: var(--svg-sorted-asc)}[data-icon=sorted-dsc]{--vuu-icon-svg: var(--svg-sorted-dsc)}[data-icon=triangle-right]{--vuu-icon-svg: var(--svg-triangle-right)}[data-icon=user]{--vuu-icon-svg: var(--svg-user)}[data-icon=active-status]{--svg-icon: var(--svg-active-status)}[data-icon=connecting-status]{--svg-icon: var(--svg-connecting-status)}[data-icon=disconnected-status]{--svg-icon: var(--svg-disconnected-status)}
1
+ /* css/global.css */
2
+ .salt-theme {
3
+ color: var(--salt-text-primary-foreground);
4
+ font-family: var(--salt-typography-fontFamily);
5
+ font-size: var(--salt-text-fontSize);
6
+ letter-spacing: var(--salt-text-letterSpacing);
7
+ line-height: var(--salt-text-lineHeight);
8
+ }
9
+ .salt-theme[data-mode=light] {
10
+ color-scheme: light;
11
+ }
12
+ .salt-theme[data-mode=dark] {
13
+ color-scheme: dark;
14
+ }
15
+ *,
16
+ *::before,
17
+ *::after {
18
+ box-sizing: border-box;
19
+ }
20
+
21
+ /* css/foundations/animation.css */
22
+ .salt-density-touch,
23
+ .salt-density-low,
24
+ .salt-density-medium,
25
+ .salt-density-high {
26
+ --salt-animation-opacity-start: 0;
27
+ --salt-animation-opacity-end: 1;
28
+ --salt-animation-scale-start: 0;
29
+ --salt-animation-scale-end: 1;
30
+ --salt-animation-transform-start: 100%;
31
+ --salt-animation-transform-end: 0;
32
+ --salt-animation-duration: 0.3s;
33
+ --salt-animation-timing-function: ease-in;
34
+ --salt-animation-slide-in-top: slide-in-top var(--salt-animation-duration) var(--salt-animation-timing-function);
35
+ --salt-animation-slide-in-left: slide-in-left var(--salt-animation-duration) var(--salt-animation-timing-function);
36
+ --salt-animation-slide-in-right: slide-in-right var(--salt-animation-duration) var(--salt-animation-timing-function);
37
+ --salt-animation-slide-in-bottom: slide-in-bottom var(--salt-animation-duration) var(--salt-animation-timing-function);
38
+ --salt-animation-slide-out-top: slide-out-top var(--salt-animation-duration) var(--salt-animation-timing-function);
39
+ --salt-animation-slide-out-left: slide-out-left var(--salt-animation-duration) var(--salt-animation-timing-function);
40
+ --salt-animation-slide-out-right: slide-out-right var(--salt-animation-duration) var(--salt-animation-timing-function);
41
+ --salt-animation-slide-out-bottom: slide-out-bottom var(--salt-animation-duration) var(--salt-animation-timing-function);
42
+ --salt-animation-fade-in-back: fade-in-back var(--salt-animation-duration) var(--salt-animation-timing-function);
43
+ --salt-animation-fade-in-forward: fade-in-forward var(--salt-animation-duration) var(--salt-animation-timing-function);
44
+ --salt-animation-fade-in-center: fade-in-center var(--salt-animation-duration) var(--salt-animation-timing-function);
45
+ --salt-animation-fade-out-back: fade-out-back var(--salt-animation-duration) ease-out both;
46
+ }
47
+ @keyframes slide-in-top {
48
+ 0% {
49
+ opacity: var(--salt-animation-opacity-start);
50
+ transform: translateY(var(--salt-animation-transform-start));
51
+ }
52
+ 100% {
53
+ opacity: var(--salt-animation-opacity-end);
54
+ transform: translateY(var(--salt-animation-transform-end));
55
+ }
56
+ }
57
+ @keyframes slide-out-top {
58
+ 0% {
59
+ opacity: var(--salt-animation-opacity-end);
60
+ transform: translateY(var(--salt-animation-transform-end));
61
+ }
62
+ 100% {
63
+ opacity: var(--salt-animation-opacity-start);
64
+ transform: translateY(var(--salt-animation-transform-start));
65
+ }
66
+ }
67
+ @keyframes slide-in-left {
68
+ 0% {
69
+ opacity: var(--salt-animation-opacity-start);
70
+ transform: translateX(calc(-1 * var(--salt-animation-transform-start)));
71
+ }
72
+ 100% {
73
+ opacity: var(--salt-animation-opacity-end);
74
+ transform: translateX(var(--salt-animation-transform-end));
75
+ }
76
+ }
77
+ @keyframes slide-out-left {
78
+ 0% {
79
+ opacity: var(--salt-animation-opacity-end);
80
+ transform: translateX(var(--salt-animation-transform-end));
81
+ }
82
+ 100% {
83
+ opacity: var(--salt-animation-opacity-start);
84
+ transform: translateX(calc(-1 * var(--salt-animation-transform-start)));
85
+ }
86
+ }
87
+ @keyframes slide-in-right {
88
+ 0% {
89
+ opacity: var(--salt-animation-opacity-start);
90
+ transform: translateX(var(--salt-animation-transform-start));
91
+ }
92
+ 100% {
93
+ opacity: var(--salt-animation-opacity-end);
94
+ transform: translateX(var(--salt-animation-transform-end));
95
+ }
96
+ }
97
+ @keyframes slide-out-right {
98
+ 0% {
99
+ opacity: var(--salt-animation-opacity-end);
100
+ transform: translateX(var(--salt-animation-transform-end));
101
+ }
102
+ 100% {
103
+ opacity: var(--salt-animation-opacity-start);
104
+ transform: translateX(var(--salt-animation-transform-start));
105
+ }
106
+ }
107
+ @keyframes slide-in-bottom {
108
+ 0% {
109
+ opacity: var(--salt-animation-opacity-start);
110
+ transform: translateY(calc(-1 * var(--salt-animation-transform-start)));
111
+ }
112
+ 100% {
113
+ opacity: var(--salt-animation-opacity-end);
114
+ transform: translateY(var(--salt-animation-transform-end));
115
+ }
116
+ }
117
+ @keyframes slide-out-bottom {
118
+ 0% {
119
+ opacity: var(--salt-animation-opacity-end);
120
+ transform: translateY(var(--salt-animation-transform-end));
121
+ }
122
+ 100% {
123
+ opacity: var(--salt-animation-opacity-start);
124
+ transform: translateY(calc(-1 * var(--salt-animation-transform-start)));
125
+ }
126
+ }
127
+ @keyframes fade-in-back {
128
+ 0% {
129
+ --salt-animation-scale-start: 1.4;
130
+ opacity: var(--salt-animation-opacity-start);
131
+ transform: scale(var(--salt-animation-scale-start));
132
+ }
133
+ 100% {
134
+ opacity: var(--salt-animation-opacity-end);
135
+ transform: scale(var(--salt-animation-scale-end));
136
+ }
137
+ }
138
+ @keyframes fade-in-forward {
139
+ 0% {
140
+ --salt-animation-scale-start: 0.6;
141
+ opacity: var(--salt-animation-opacity-start);
142
+ transform: scale(var(--salt-animation-scale-start));
143
+ }
144
+ 100% {
145
+ opacity: var(--salt-animation-opacity-end);
146
+ transform: scale(var(--salt-animation-scale-end));
147
+ }
148
+ }
149
+ @keyframes fade-in-center {
150
+ 0% {
151
+ opacity: var(--salt-animation-opacity-start);
152
+ }
153
+ 100% {
154
+ opacity: var(--salt-animation-opacity-end);
155
+ }
156
+ }
157
+ @keyframes fade-out-back {
158
+ 0% {
159
+ opacity: var(--salt-animation-opacity-end);
160
+ }
161
+ 100% {
162
+ opacity: var(--salt-animation-opacity-start);
163
+ }
164
+ }
165
+
166
+ /* css/foundations/color.css */
167
+ .salt-theme {
168
+ --salt-color-white: rgb(255, 255, 255);
169
+ --salt-color-black: rgb(0, 0, 0);
170
+ --salt-color-red-10: rgb(255, 227, 224);
171
+ --salt-color-red-20: rgb(255, 207, 201);
172
+ --salt-color-red-30: rgb(255, 187, 178);
173
+ --salt-color-red-40: rgb(255, 167, 156);
174
+ --salt-color-red-50: rgb(255, 148, 133);
175
+ --salt-color-red-100: rgb(255, 128, 111);
176
+ --salt-color-red-200: rgb(255, 108, 88);
177
+ --salt-color-red-300: rgb(255, 89, 66);
178
+ --salt-color-red-400: rgb(237, 65, 42);
179
+ --salt-color-red-500: rgb(227, 43, 22);
180
+ --salt-color-red-600: rgb(196, 32, 16);
181
+ --salt-color-red-700: rgb(166, 21, 11);
182
+ --salt-color-red-800: rgb(136, 10, 5);
183
+ --salt-color-red-900: rgb(65, 37, 34);
184
+ --salt-color-orange-10: rgb(255, 232, 191);
185
+ --salt-color-orange-20: rgb(254, 223, 166);
186
+ --salt-color-orange-30: rgb(254, 214, 142);
187
+ --salt-color-orange-40: rgb(254, 205, 118);
188
+ --salt-color-orange-50: rgb(254, 197, 94);
189
+ --salt-color-orange-100: rgb(250, 181, 81);
190
+ --salt-color-orange-200: rgb(246, 165, 68);
191
+ --salt-color-orange-300: rgb(242, 149, 56);
192
+ --salt-color-orange-400: rgb(238, 133, 43);
193
+ --salt-color-orange-500: rgb(234, 115, 25);
194
+ --salt-color-orange-600: rgb(224, 101, 25);
195
+ --salt-color-orange-700: rgb(214, 85, 19);
196
+ --salt-color-orange-800: rgb(204, 68, 13);
197
+ --salt-color-orange-900: rgb(54, 44, 36);
198
+ --salt-color-green-10: rgb(209, 244, 201);
199
+ --salt-color-green-20: rgb(184, 232, 182);
200
+ --salt-color-green-30: rgb(160, 221, 164);
201
+ --salt-color-green-40: rgb(136, 210, 145);
202
+ --salt-color-green-50: rgb(112, 199, 127);
203
+ --salt-color-green-100: rgb(93, 189, 116);
204
+ --salt-color-green-200: rgb(77, 180, 105);
205
+ --salt-color-green-300: rgb(60, 171, 96);
206
+ --salt-color-green-400: rgb(48, 156, 90);
207
+ --salt-color-green-500: rgb(36, 135, 75);
208
+ --salt-color-green-600: rgb(24, 114, 61);
209
+ --salt-color-green-700: rgb(12, 93, 46);
210
+ --salt-color-green-800: rgb(1, 73, 32);
211
+ --salt-color-green-900: rgb(35, 52, 43);
212
+ --salt-color-teal-10: rgb(218, 240, 240);
213
+ --salt-color-teal-20: rgb(199, 232, 232);
214
+ --salt-color-teal-30: rgb(180, 224, 225);
215
+ --salt-color-teal-40: rgb(162, 217, 218);
216
+ --salt-color-teal-50: rgb(141, 205, 209);
217
+ --salt-color-teal-100: rgb(123, 193, 200);
218
+ --salt-color-teal-200: rgb(99, 181, 192);
219
+ --salt-color-teal-300: rgb(73, 160, 172);
220
+ --salt-color-teal-400: rgb(48, 149, 166);
221
+ --salt-color-teal-500: rgb(0, 130, 151);
222
+ --salt-color-teal-600: rgb(27, 107, 133);
223
+ --salt-color-teal-700: rgb(0, 85, 113);
224
+ --salt-color-teal-800: rgb(1, 65, 86);
225
+ --salt-color-teal-900: rgb(0, 49, 76);
226
+ --salt-color-blue-10: rgb(203, 231, 249);
227
+ --salt-color-blue-20: rgb(183, 222, 246);
228
+ --salt-color-blue-30: rgb(164, 213, 244);
229
+ --salt-color-blue-40: rgb(144, 204, 242);
230
+ --salt-color-blue-50: rgb(125, 195, 240);
231
+ --salt-color-blue-100: rgb(100, 177, 228);
232
+ --salt-color-blue-200: rgb(75, 159, 216);
233
+ --salt-color-blue-300: rgb(51, 141, 205);
234
+ --salt-color-blue-400: rgb(46, 132, 198);
235
+ --salt-color-blue-500: rgb(38, 112, 169);
236
+ --salt-color-blue-600: rgb(21, 92, 147);
237
+ --salt-color-blue-700: rgb(0, 71, 123);
238
+ --salt-color-blue-800: rgb(39, 60, 77);
239
+ --salt-color-blue-900: rgb(35, 47, 56);
240
+ --salt-color-purple-10: rgb(249, 224, 247);
241
+ --salt-color-purple-20: rgb(247, 212, 244);
242
+ --salt-color-purple-30: rgb(245, 201, 241);
243
+ --salt-color-purple-40: rgb(243, 189, 238);
244
+ --salt-color-purple-50: rgb(241, 178, 235);
245
+ --salt-color-purple-100: rgb(223, 156, 225);
246
+ --salt-color-purple-200: rgb(205, 135, 215);
247
+ --salt-color-purple-300: rgb(192, 116, 203);
248
+ --salt-color-purple-400: rgb(169, 97, 181);
249
+ --salt-color-purple-500: rgb(150, 78, 162);
250
+ --salt-color-purple-600: rgb(129, 60, 141);
251
+ --salt-color-purple-700: rgb(103, 46, 122);
252
+ --salt-color-purple-800: rgb(83, 37, 109);
253
+ --salt-color-purple-900: rgb(59, 16, 84);
254
+ --salt-color-gray-10: rgb(242, 244, 246);
255
+ --salt-color-gray-20: rgb(234, 237, 239);
256
+ --salt-color-gray-30: rgb(224, 228, 233);
257
+ --salt-color-gray-40: rgb(217, 221, 227);
258
+ --salt-color-gray-50: rgb(206, 210, 217);
259
+ --salt-color-gray-60: rgb(197, 201, 208);
260
+ --salt-color-gray-70: rgb(180, 183, 190);
261
+ --salt-color-gray-80: rgb(159, 163, 170);
262
+ --salt-color-gray-90: rgb(132, 135, 142);
263
+ --salt-color-gray-100: rgb(116, 119, 127);
264
+ --salt-color-gray-200: rgb(97, 101, 110);
265
+ --salt-color-gray-300: rgb(76, 80, 91);
266
+ --salt-color-gray-400: rgb(68, 72, 79);
267
+ --salt-color-gray-500: rgb(59, 63, 70);
268
+ --salt-color-gray-600: rgb(47, 49, 54);
269
+ --salt-color-gray-700: rgb(42, 44, 47);
270
+ --salt-color-gray-800: rgb(36, 37, 38);
271
+ --salt-color-gray-900: rgb(22, 22, 22);
272
+ }
273
+
274
+ /* css/foundations/delay.css */
275
+ .salt-theme {
276
+ --salt-delay-instant: 100;
277
+ --salt-delay-perceptible: 300;
278
+ --salt-delay-notable: 1000;
279
+ --salt-delay-cutoff: 10000;
280
+ }
281
+
282
+ /* css/foundations/fade.css */
283
+ .salt-theme {
284
+ --salt-color-blue-100-fade-foreground: rgba(100, 177, 228, var(--salt-palette-opacity-foreground));
285
+ --salt-color-blue-600-fade-foreground: rgba(21, 92, 147, var(--salt-palette-opacity-foreground));
286
+ --salt-color-gray-70-fade-foreground: rgba(180, 183, 190, var(--salt-palette-opacity-foreground));
287
+ --salt-color-gray-200-fade-foreground: rgba(97, 101, 110, var(--salt-palette-opacity-foreground));
288
+ --salt-color-gray-90-fade-foreground: rgba(132, 135, 142, var(--salt-palette-opacity-foreground));
289
+ --salt-color-gray-900-fade-foreground: rgba(22, 22, 22, var(--salt-palette-opacity-foreground));
290
+ --salt-color-white-fade-foreground: rgba(255, 255, 255, var(--salt-palette-opacity-foreground));
291
+ --salt-color-gray-60-fade-border: rgba(197, 201, 208, var(--salt-palette-opacity-border));
292
+ --salt-color-gray-90-fade-border: rgba(132, 135, 142, var(--salt-palette-opacity-border));
293
+ --salt-color-gray-200-fade-border: rgba(97, 101, 110, var(--salt-palette-opacity-border));
294
+ --salt-color-gray-300-fade-border: rgba(76, 80, 91, var(--salt-palette-opacity-border));
295
+ --salt-color-orange-400-fade-border: rgba(238, 133, 43, var(--salt-palette-opacity-border));
296
+ --salt-color-orange-600-fade-border: rgba(224, 101, 25, var(--salt-palette-opacity-border));
297
+ --salt-color-gray-90-fade-border-readonly: rgba(132, 135, 142, var(--salt-palette-opacity-border-readonly));
298
+ --salt-color-gray-200-fade-border-readonly: rgba(97, 101, 110, var(--salt-palette-opacity-border-readonly));
299
+ --salt-color-blue-600-fade-background: rgba(21, 92, 147, var(--salt-palette-opacity-background));
300
+ --salt-color-blue-700-fade-background: rgba(0, 71, 123, var(--salt-palette-opacity-background));
301
+ --salt-color-gray-20-fade-background: rgba(234, 237, 239, var(--salt-palette-opacity-background));
302
+ --salt-color-gray-60-fade-background: rgba(197, 201, 208, var(--salt-palette-opacity-background));
303
+ --salt-color-gray-70-fade-background: rgba(180, 183, 190, var(--salt-palette-opacity-background));
304
+ --salt-color-gray-200-fade-background: rgba(97, 101, 110, var(--salt-palette-opacity-background));
305
+ --salt-color-gray-300-fade-background: rgba(76, 80, 91, var(--salt-palette-opacity-background));
306
+ --salt-color-gray-600-fade-background: rgba(47, 49, 54, var(--salt-palette-opacity-background));
307
+ --salt-color-gray-800-fade-background: rgba(36, 37, 38, var(--salt-palette-opacity-background));
308
+ --salt-color-orange-400-fade-background: rgba(238, 133, 43, var(--salt-palette-opacity-background));
309
+ --salt-color-orange-600-fade-background: rgba(224, 101, 25, var(--salt-palette-opacity-background));
310
+ --salt-color-white-fade-background: rgba(255, 255, 255, var(--salt-palette-opacity-background));
311
+ --salt-color-white-fade-background-readonly: rgba(255, 255, 255, var(--salt-palette-opacity-readonly));
312
+ --salt-color-gray-20-fade-background-readonly: rgba(234, 237, 239, var(--salt-palette-opacity-readonly));
313
+ --salt-color-gray-600-fade-background-readonly: rgba(47, 49, 54, var(--salt-palette-opacity-readonly));
314
+ --salt-color-gray-800-fade-background-readonly: rgba(36, 37, 38, var(--salt-palette-opacity-readonly));
315
+ --salt-color-black-fade-backdrop: rgba(36, 37, 38, var(--salt-palette-opacity-backdrop));
316
+ --salt-color-blue-100-fade-fill: rgba(100, 177, 228, var(--salt-palette-opacity-fill));
317
+ --salt-color-blue-300-fade-fill: rgba(51, 141, 205, var(--salt-palette-opacity-fill));
318
+ --salt-color-blue-500-fade-fill: rgba(38, 112, 169, var(--salt-palette-opacity-fill));
319
+ --salt-color-blue-600-fade-fill: rgba(21, 92, 147, var(--salt-palette-opacity-fill));
320
+ --salt-color-white-fade-separatorOpacity-primary: rgba(255, 255, 255, var(--salt-palette-opacity-primary-border));
321
+ --salt-color-white-fade-separatorOpacity-secondary: rgba(255, 255, 255, var(--salt-palette-opacity-secondary-border));
322
+ --salt-color-white-fade-separatorOpacity-tertiary: rgba(255, 255, 255, var(--salt-palette-opacity-tertiary-border));
323
+ --salt-color-black-fade-separatorOpacity-primary: rgba(0, 0, 0, var(--salt-palette-opacity-primary-border));
324
+ --salt-color-black-fade-separatorOpacity-secondary: rgba(0, 0, 0, var(--salt-palette-opacity-secondary-border));
325
+ --salt-color-black-fade-separatorOpacity-tertiary: rgba(0, 0, 0, var(--salt-palette-opacity-tertiary-border));
326
+ }
327
+
328
+ /* css/foundations/icon.css */
329
+ .salt-density-touch {
330
+ --salt-size-icon-base: 16px;
331
+ }
332
+ .salt-density-low {
333
+ --salt-size-icon-base: 14px;
334
+ }
335
+ .salt-density-medium {
336
+ --salt-size-icon-base: 12px;
337
+ }
338
+ .salt-density-high {
339
+ --salt-size-icon-base: 10px;
340
+ }
341
+
342
+ /* css/foundations/opacity.css */
343
+ .salt-theme {
344
+ --salt-opacity-1: 0.15;
345
+ --salt-opacity-2: 0.25;
346
+ --salt-opacity-3: 0.4;
347
+ --salt-opacity-4: 0.7;
348
+ }
349
+
350
+ /* css/foundations/shadow.css */
351
+ .salt-theme[data-mode=light] {
352
+ --salt-shadow-1-color: rgba(0, 0, 0, 0.1);
353
+ --salt-shadow-2-color: rgba(0, 0, 0, 0.1);
354
+ --salt-shadow-3-color: rgba(0, 0, 0, 0.15);
355
+ --salt-shadow-4-color: rgba(0, 0, 0, 0.2);
356
+ --salt-shadow-5-color: rgba(0, 0, 0, 0.3);
357
+ }
358
+ .salt-theme[data-mode=dark] {
359
+ --salt-shadow-1-color: rgba(0, 0, 0, 0.5);
360
+ --salt-shadow-2-color: rgba(0, 0, 0, 0.5);
361
+ --salt-shadow-3-color: rgba(0, 0, 0, 0.55);
362
+ --salt-shadow-4-color: rgba(0, 0, 0, 0.55);
363
+ --salt-shadow-5-color: rgba(0, 0, 0, 0.65);
364
+ }
365
+ .salt-theme {
366
+ --salt-shadow-0: none;
367
+ --salt-shadow-1: 0 1px 3px 0 var(--salt-shadow-1-color);
368
+ --salt-shadow-2: 0 2px 4px 0 var(--salt-shadow-2-color);
369
+ --salt-shadow-3: 0 4px 8px 0 var(--salt-shadow-3-color);
370
+ --salt-shadow-4: 0 6px 10px 0 var(--salt-shadow-4-color);
371
+ --salt-shadow-5: 0 12px 40px 5px var(--salt-shadow-5-color);
372
+ }
373
+
374
+ /* css/foundations/size.css */
375
+ .salt-density-touch,
376
+ .salt-density-low,
377
+ .salt-density-medium,
378
+ .salt-density-high {
379
+ --salt-size-basis-unit: 4px;
380
+ --salt-size-border: 1px;
381
+ --salt-size-brandBar: 4px;
382
+ --salt-size-divider-strokeWidth: 1px;
383
+ --salt-size-sharktooth-height: 5px;
384
+ --salt-size-sharktooth-width: 10px;
385
+ --salt-size-divider-height: calc(var(--salt-size-base) - (1.5 * var(--salt-size-unit)) - (0.5 * var(--salt-size-basis-unit)));
386
+ --salt-size-selection: calc(var(--salt-size-base) - (1.5 * var(--salt-size-unit)) - (0.5 * var(--salt-size-basis-unit)));
387
+ --salt-size-stackable: calc(var(--salt-size-base) + var(--salt-size-unit));
388
+ --salt-size-graphic-small: 12px;
389
+ --salt-size-graphic-medium: 24px;
390
+ --salt-size-graphic-large: 48px;
391
+ }
392
+ .salt-density-high {
393
+ --salt-size-unit: calc(var(--salt-size-basis-unit) * 1);
394
+ --salt-size-detail: calc(var(--salt-size-basis-unit) * 1.5);
395
+ --salt-size-base: calc(var(--salt-size-basis-unit) * 5);
396
+ }
397
+ .salt-density-medium {
398
+ --salt-size-unit: calc(var(--salt-size-basis-unit) * 2);
399
+ --salt-size-detail: calc(var(--salt-size-basis-unit) * 2);
400
+ --salt-size-base: calc(var(--salt-size-basis-unit) * 7);
401
+ }
402
+ .salt-density-low {
403
+ --salt-size-unit: calc(var(--salt-size-basis-unit) * 3);
404
+ --salt-size-detail: calc(var(--salt-size-basis-unit) * 2.5);
405
+ --salt-size-base: calc(var(--salt-size-basis-unit) * 9);
406
+ }
407
+ .salt-density-touch {
408
+ --salt-size-unit: calc(var(--salt-size-basis-unit) * 4);
409
+ --salt-size-detail: calc(var(--salt-size-basis-unit) * 3);
410
+ --salt-size-base: calc(var(--salt-size-basis-unit) * 11);
411
+ }
412
+
413
+ /* css/foundations/typography.css */
414
+ .salt-theme {
415
+ --salt-typography-fontFamily: "Open Sans";
416
+ --salt-typography-fontFamily-code: "PT Mono";
417
+ --salt-typography-fontWeight-light: 300;
418
+ --salt-typography-fontWeight-regular: 400;
419
+ --salt-typography-fontWeight-medium: 500;
420
+ --salt-typography-fontWeight-semiBold: 600;
421
+ --salt-typography-fontWeight-bold: 700;
422
+ --salt-typography-fontWeight-extraBold: 800;
423
+ }
424
+
425
+ /* css/foundations/zindex.css */
426
+ .salt-density-touch,
427
+ .salt-density-low,
428
+ .salt-density-medium,
429
+ .salt-density-high {
430
+ --salt-zIndex-default: 1;
431
+ --salt-zIndex-popout: 1000;
432
+ --salt-zIndex-docked: 1050;
433
+ --salt-zIndex-appHeader: 1100;
434
+ --salt-zIndex-drawer: 1200;
435
+ --salt-zIndex-modal: 1300;
436
+ --salt-zIndex-notification: 1400;
437
+ --salt-zIndex-dragObject: 1420;
438
+ --salt-zIndex-contextMenu: 1450;
439
+ --salt-zIndex-flyover: 1500;
440
+ }
441
+
442
+ /* css/foundations/palette.css */
443
+ .salt-theme {
444
+ --salt-palette-opacity-background: var(--salt-opacity-3);
445
+ --salt-palette-opacity-border: var(--salt-opacity-3);
446
+ --salt-palette-opacity-border-readonly: var(--salt-opacity-2);
447
+ --salt-palette-opacity-fill: var(--salt-opacity-3);
448
+ --salt-palette-opacity-foreground: var(--salt-opacity-4);
449
+ --salt-palette-opacity-backdrop: var(--salt-opacity-3);
450
+ --salt-palette-opacity-stroke: var(--salt-opacity-3);
451
+ --salt-palette-opacity-primary-border: var(--salt-opacity-3);
452
+ --salt-palette-opacity-secondary-border: var(--salt-opacity-2);
453
+ --salt-palette-opacity-tertiary-border: var(--salt-opacity-1);
454
+ }
455
+ .salt-theme[data-mode=light] {
456
+ --salt-palette-accent-background: var(--salt-color-blue-500);
457
+ --salt-palette-accent-border: var(--salt-color-blue-500);
458
+ --salt-palette-accent-foreground: var(--salt-color-white);
459
+ --salt-palette-interact-background: transparent;
460
+ --salt-palette-interact-background-blurSelected: var(--salt-color-gray-30);
461
+ --salt-palette-interact-background-hover: var(--salt-color-blue-10);
462
+ --salt-palette-interact-background-active: var(--salt-color-blue-30);
463
+ --salt-palette-interact-background-disabled: transparent;
464
+ --salt-palette-interact-border: var(--salt-color-gray-200);
465
+ --salt-palette-interact-border-active: var(--salt-color-blue-600);
466
+ --salt-palette-interact-border-activeDisabled: var(--salt-color-blue-600-fade-fill);
467
+ --salt-palette-interact-border-disabled: var(--salt-color-gray-200-fade-border);
468
+ --salt-palette-interact-border-hover: var(--salt-color-blue-500);
469
+ --salt-palette-interact-border-readonly: var(--salt-color-gray-200-fade-border-readonly);
470
+ --salt-palette-interact-foreground: var(--salt-color-gray-900);
471
+ --salt-palette-interact-foreground-disabled: var(--salt-color-gray-900-fade-foreground);
472
+ --salt-palette-interact-foreground-partial: var(--salt-color-blue-600);
473
+ --salt-palette-interact-foreground-partialDisabled: var(--salt-color-blue-600-fade-foreground);
474
+ --salt-palette-interact-outline: var(--salt-color-blue-600);
475
+ --salt-palette-interact-cta-background: var(--salt-color-blue-600);
476
+ --salt-palette-interact-cta-background-active: var(--salt-color-blue-700);
477
+ --salt-palette-interact-cta-background-activeDisabled: var(--salt-color-blue-700-fade-background);
478
+ --salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-fade-background);
479
+ --salt-palette-interact-cta-background-hover: var(--salt-color-blue-500);
480
+ --salt-palette-interact-cta-foreground: var(--salt-color-white);
481
+ --salt-palette-interact-cta-foreground-active: var(--salt-color-white);
482
+ --salt-palette-interact-cta-foreground-activeDisabled: var(--salt-color-white-fade-foreground);
483
+ --salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-fade-foreground);
484
+ --salt-palette-interact-cta-foreground-hover: var(--salt-color-white);
485
+ --salt-palette-interact-primary-background: var(--salt-color-gray-60);
486
+ --salt-palette-interact-primary-background-active: var(--salt-color-gray-200);
487
+ --salt-palette-interact-primary-background-activeDisabled: var(--salt-color-gray-200-fade-background);
488
+ --salt-palette-interact-primary-background-disabled: var(--salt-color-gray-60-fade-background);
489
+ --salt-palette-interact-primary-background-hover: var(--salt-color-gray-40);
490
+ --salt-palette-interact-primary-foreground: var(--salt-color-gray-900);
491
+ --salt-palette-interact-primary-foreground-active: var(--salt-color-white);
492
+ --salt-palette-interact-primary-foreground-activeDisabled: var(--salt-color-white-fade-foreground);
493
+ --salt-palette-interact-primary-foreground-disabled: var(--salt-color-gray-900-fade-foreground);
494
+ --salt-palette-interact-primary-foreground-hover: var(--salt-color-gray-900);
495
+ --salt-palette-interact-secondary-background: transparent;
496
+ --salt-palette-interact-secondary-background-active: var(--salt-color-gray-200);
497
+ --salt-palette-interact-secondary-background-activeDisabled: var(--salt-color-gray-200-fade-background);
498
+ --salt-palette-interact-secondary-background-disabled: transparent;
499
+ --salt-palette-interact-secondary-background-hover: var(--salt-color-gray-40);
500
+ --salt-palette-interact-secondary-foreground: var(--salt-color-gray-900);
501
+ --salt-palette-interact-secondary-foreground-active: var(--salt-color-white);
502
+ --salt-palette-interact-secondary-foreground-activeDisabled: var(--salt-color-white-fade-foreground);
503
+ --salt-palette-interact-secondary-foreground-disabled: var(--salt-color-gray-900-fade-foreground);
504
+ --salt-palette-interact-secondary-foreground-hover: var(--salt-color-gray-900);
505
+ --salt-palette-error-background-emphasize: var(--salt-color-red-10);
506
+ --salt-palette-error-border: var(--salt-color-red-500);
507
+ --salt-palette-error-foreground: var(--salt-color-red-500);
508
+ --salt-palette-info-background-emphasize: var(--salt-color-blue-10);
509
+ --salt-palette-info-border: var(--salt-color-blue-500);
510
+ --salt-palette-info-foreground: var(--salt-color-blue-500);
511
+ --salt-palette-success-background-emphasize: var(--salt-color-green-10);
512
+ --salt-palette-success-border: var(--salt-color-green-500);
513
+ --salt-palette-success-foreground: var(--salt-color-green-500);
514
+ --salt-palette-warning-background-emphasize: var(--salt-color-orange-10);
515
+ --salt-palette-warning-border: var(--salt-color-orange-500);
516
+ --salt-palette-warning-foreground: var(--salt-color-orange-500);
517
+ --salt-palette-measured-fill: var(--salt-color-blue-500);
518
+ --salt-palette-measured-fill-disabled: var(--salt-color-blue-500-fade-fill);
519
+ --salt-palette-measured-foreground: var(--salt-color-gray-90);
520
+ --salt-palette-measured-foreground-active: var(--salt-color-blue-500);
521
+ --salt-palette-measured-foreground-disabled: var(--salt-color-gray-90-fade-foreground);
522
+ --salt-palette-measured-foreground-activeDisabled: var(--salt-color-blue-500-fade-fill);
523
+ --salt-palette-measured-background: var(--salt-color-gray-60);
524
+ --salt-palette-measured-background-disabled: var(--salt-color-gray-60-fade-background);
525
+ --salt-palette-measured-border: var(--salt-color-gray-90);
526
+ --salt-palette-measured-border-disabled: var(--salt-color-gray-90-fade-border);
527
+ --salt-palette-navigate-primary-background: transparent;
528
+ --salt-palette-navigate-primary-background-active: transparent;
529
+ --salt-palette-navigate-primary-background-hover: var(--salt-color-gray-20);
530
+ --salt-palette-navigate-secondary-background: transparent;
531
+ --salt-palette-navigate-secondary-background-active: transparent;
532
+ --salt-palette-navigate-secondary-background-hover: var(--salt-color-gray-30);
533
+ --salt-palette-navigate-tertiary-background: transparent;
534
+ --salt-palette-navigate-tertiary-background-active: transparent;
535
+ --salt-palette-navigate-tertiary-background-hover: var(--salt-color-gray-20);
536
+ --salt-palette-navigate-foreground-hover: var(--salt-color-blue-600);
537
+ --salt-palette-navigate-foreground-active: var(--salt-color-blue-700);
538
+ --salt-palette-navigate-foreground-visited: var(--salt-color-purple-800);
539
+ --salt-palette-navigate-indicator-hover: var(--salt-color-gray-90);
540
+ --salt-palette-navigate-indicator-active: var(--salt-color-orange-600);
541
+ --salt-palette-navigate-indicator-activeDisabled: var(--salt-color-orange-600-fade-border);
542
+ --salt-palette-negative-background: var(--salt-color-red-40);
543
+ --salt-palette-negative-foreground: var(--salt-color-red-700);
544
+ --salt-palette-neutral-primary-background: var(--salt-color-white);
545
+ --salt-palette-neutral-primary-background-disabled: var(--salt-color-white-fade-background);
546
+ --salt-palette-neutral-primary-background-readonly: var(--salt-color-white-fade-background-readonly);
547
+ --salt-palette-neutral-primary-foreground: var(--salt-color-gray-900);
548
+ --salt-palette-neutral-primary-foreground-disabled: var(--salt-color-gray-900-fade-foreground);
549
+ --salt-palette-neutral-primary-separator: var(--salt-color-black-fade-separatorOpacity-primary);
550
+ --salt-palette-neutral-primary-border: var(--salt-color-gray-60);
551
+ --salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-60-fade-border);
552
+ --salt-palette-neutral-secondary-background: var(--salt-color-gray-20);
553
+ --salt-palette-neutral-secondary-background-disabled: var(--salt-color-gray-20-fade-background);
554
+ --salt-palette-neutral-secondary-background-readonly: var(--salt-color-gray-20-fade-background-readonly);
555
+ --salt-palette-neutral-secondary-border: var(--salt-color-gray-90);
556
+ --salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-90-fade-border);
557
+ --salt-palette-neutral-secondary-foreground: var(--salt-color-gray-200);
558
+ --salt-palette-neutral-secondary-foreground-disabled: var(--salt-color-gray-200-fade-foreground);
559
+ --salt-palette-neutral-backdrop: var(--salt-color-black-fade-backdrop);
560
+ --salt-palette-neutral-secondary-separator: var(--salt-color-black-fade-separatorOpacity-secondary);
561
+ --salt-palette-neutral-tertiary-background: transparent;
562
+ --salt-palette-neutral-tertiary-background-disabled: transparent;
563
+ --salt-palette-neutral-tertiary-background-readonly: transparent;
564
+ --salt-palette-neutral-tertiary-border: transparent;
565
+ --salt-palette-neutral-tertiary-border-disabled: transparent;
566
+ --salt-palette-neutral-tertiary-separator: var(--salt-color-black-fade-separatorOpacity-tertiary);
567
+ --salt-palette-positive-background: var(--salt-color-green-20);
568
+ --salt-palette-positive-foreground: var(--salt-color-green-700);
569
+ }
570
+ .salt-theme[data-mode=dark] {
571
+ --salt-palette-accent-background: var(--salt-color-blue-500);
572
+ --salt-palette-accent-border: var(--salt-color-blue-500);
573
+ --salt-palette-accent-foreground: var(--salt-color-white);
574
+ --salt-palette-interact-background: transparent;
575
+ --salt-palette-interact-background-active: var(--salt-color-blue-700);
576
+ --salt-palette-interact-background-blurSelected: var(--salt-color-gray-600);
577
+ --salt-palette-interact-background-hover: var(--salt-color-blue-800);
578
+ --salt-palette-interact-background-disabled: transparent;
579
+ --salt-palette-interact-border: var(--salt-color-gray-90);
580
+ --salt-palette-interact-border-active: var(--salt-color-blue-100);
581
+ --salt-palette-interact-border-activeDisabled: var(--salt-color-blue-100-fade-fill);
582
+ --salt-palette-interact-border-disabled: var(--salt-color-gray-90-fade-border);
583
+ --salt-palette-interact-border-hover: var(--salt-color-blue-500);
584
+ --salt-palette-interact-border-readonly: var(--salt-color-gray-90-fade-border-readonly);
585
+ --salt-palette-interact-foreground: var(--salt-color-white);
586
+ --salt-palette-interact-foreground-disabled: var(--salt-color-white-fade-foreground);
587
+ --salt-palette-interact-foreground-partial: var(--salt-color-blue-100);
588
+ --salt-palette-interact-foreground-partialDisabled: var(--salt-color-blue-100-fade-foreground);
589
+ --salt-palette-interact-outline: var(--salt-color-blue-100);
590
+ --salt-palette-interact-cta-background: var(--salt-color-blue-600);
591
+ --salt-palette-interact-cta-background-active: var(--salt-color-blue-700);
592
+ --salt-palette-interact-cta-background-activeDisabled: var(--salt-color-blue-700-fade-background);
593
+ --salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-fade-background);
594
+ --salt-palette-interact-cta-background-hover: var(--salt-color-blue-500);
595
+ --salt-palette-interact-cta-foreground: var(--salt-color-white);
596
+ --salt-palette-interact-cta-foreground-active: var(--salt-color-white);
597
+ --salt-palette-interact-cta-foreground-activeDisabled: var(--salt-color-white-fade-foreground);
598
+ --salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-fade-foreground);
599
+ --salt-palette-interact-cta-foreground-hover: var(--salt-color-white);
600
+ --salt-palette-interact-primary-background: var(--salt-color-gray-300);
601
+ --salt-palette-interact-primary-background-active: var(--salt-color-gray-70);
602
+ --salt-palette-interact-primary-background-activeDisabled: var(--salt-color-gray-70-fade-background);
603
+ --salt-palette-interact-primary-background-disabled: var(--salt-color-gray-300-fade-background);
604
+ --salt-palette-interact-primary-background-hover: var(--salt-color-gray-200);
605
+ --salt-palette-interact-primary-foreground: var(--salt-color-white);
606
+ --salt-palette-interact-primary-foreground-active: var(--salt-color-gray-900);
607
+ --salt-palette-interact-primary-foreground-activeDisabled: var(--salt-color-gray-900-fade-foreground);
608
+ --salt-palette-interact-primary-foreground-disabled: var(--salt-color-white-fade-foreground);
609
+ --salt-palette-interact-primary-foreground-hover: var(--salt-color-white);
610
+ --salt-palette-interact-secondary-background: transparent;
611
+ --salt-palette-interact-secondary-background-active: var(--salt-color-gray-70);
612
+ --salt-palette-interact-secondary-background-activeDisabled: var(--salt-color-gray-70-fade-background);
613
+ --salt-palette-interact-secondary-background-disabled: transparent;
614
+ --salt-palette-interact-secondary-background-hover: var(--salt-color-gray-200);
615
+ --salt-palette-interact-secondary-foreground: var(--salt-color-white);
616
+ --salt-palette-interact-secondary-foreground-active: var(--salt-color-gray-900);
617
+ --salt-palette-interact-secondary-foreground-activeDisabled: var(--salt-color-gray-900-fade-foreground);
618
+ --salt-palette-interact-secondary-foreground-disabled: var(--salt-color-white-fade-foreground);
619
+ --salt-palette-interact-secondary-foreground-hover: var(--salt-color-white);
620
+ --salt-palette-error-background-emphasize: var(--salt-color-red-900);
621
+ --salt-palette-error-border: var(--salt-color-red-500);
622
+ --salt-palette-error-foreground: var(--salt-color-red-500);
623
+ --salt-palette-info-background-emphasize: var(--salt-color-blue-900);
624
+ --salt-palette-info-border: var(--salt-color-blue-500);
625
+ --salt-palette-info-foreground: var(--salt-color-blue-500);
626
+ --salt-palette-success-background-emphasize: var(--salt-color-green-900);
627
+ --salt-palette-success-border: var(--salt-color-green-500);
628
+ --salt-palette-success-foreground: var(--salt-color-green-500);
629
+ --salt-palette-warning-background-emphasize: var(--salt-color-orange-900);
630
+ --salt-palette-warning-border: var(--salt-color-orange-500);
631
+ --salt-palette-warning-foreground: var(--salt-color-orange-500);
632
+ --salt-palette-measured-fill: var(--salt-color-blue-300);
633
+ --salt-palette-measured-fill-disabled: var(--salt-color-blue-300-fade-fill);
634
+ --salt-palette-measured-foreground: var(--salt-color-gray-90);
635
+ --salt-palette-measured-foreground-active: var(--salt-color-blue-300);
636
+ --salt-palette-measured-foreground-disabled: var(--salt-color-gray-90-fade-foreground);
637
+ --salt-palette-measured-foreground-activeDisabled: var(--salt-color-blue-300-fade-fill);
638
+ --salt-palette-measured-background: var(--salt-color-gray-300);
639
+ --salt-palette-measured-background-disabled: var(--salt-color-gray-300-fade-background);
640
+ --salt-palette-measured-border: var(--salt-color-gray-90);
641
+ --salt-palette-measured-border-disabled: var(--salt-color-gray-90-fade-border);
642
+ --salt-palette-navigate-primary-background: transparent;
643
+ --salt-palette-navigate-primary-background-active: transparent;
644
+ --salt-palette-navigate-primary-background-hover: var(--salt-color-gray-700);
645
+ --salt-palette-navigate-secondary-background: transparent;
646
+ --salt-palette-navigate-secondary-background-active: transparent;
647
+ --salt-palette-navigate-secondary-background-hover: var(--salt-color-gray-600);
648
+ --salt-palette-navigate-tertiary-background: transparent;
649
+ --salt-palette-navigate-tertiary-background-active: transparent;
650
+ --salt-palette-navigate-tertiary-background-hover: var(--salt-color-gray-700);
651
+ --salt-palette-navigate-foreground-hover: var(--salt-color-blue-200);
652
+ --salt-palette-navigate-foreground-active: var(--salt-color-blue-300);
653
+ --salt-palette-navigate-foreground-visited: var(--salt-color-purple-100);
654
+ --salt-palette-navigate-indicator-hover: var(--salt-color-gray-90);
655
+ --salt-palette-navigate-indicator-active: var(--salt-color-orange-400);
656
+ --salt-palette-navigate-indicator-activeDisabled: var(--salt-color-orange-400-fade-border);
657
+ --salt-palette-negative-background: var(--salt-color-red-40);
658
+ --salt-palette-negative-foreground: var(--salt-color-red-300);
659
+ --salt-palette-neutral-primary-background: var(--salt-color-gray-800);
660
+ --salt-palette-neutral-primary-background-disabled: var(--salt-color-gray-800-fade-background);
661
+ --salt-palette-neutral-primary-background-readonly: var(--salt-color-gray-800-fade-background-readonly);
662
+ --salt-palette-neutral-primary-border: var(--salt-color-gray-300);
663
+ --salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-300-fade-border);
664
+ --salt-palette-neutral-primary-foreground: var(--salt-color-white);
665
+ --salt-palette-neutral-primary-foreground-disabled: var(--salt-color-white-fade-foreground);
666
+ --salt-palette-neutral-primary-separator: var(--salt-color-white-fade-separatorOpacity-primary);
667
+ --salt-palette-neutral-secondary-background: var(--salt-color-gray-600);
668
+ --salt-palette-neutral-secondary-background-disabled: var(--salt-color-gray-600-fade-background);
669
+ --salt-palette-neutral-secondary-background-readonly: var(--salt-color-gray-600-fade-background-readonly);
670
+ --salt-palette-neutral-secondary-border: var(--salt-color-gray-90);
671
+ --salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-90-fade-border);
672
+ --salt-palette-neutral-secondary-foreground: var(--salt-color-gray-70);
673
+ --salt-palette-neutral-secondary-foreground-disabled: var(--salt-color-gray-70-fade-foreground);
674
+ --salt-palette-neutral-backdrop: var(--salt-color-black-fade-backdrop);
675
+ --salt-palette-neutral-secondary-separator: var(--salt-color-white-fade-separatorOpacity-secondary);
676
+ --salt-palette-neutral-tertiary-background: transparent;
677
+ --salt-palette-neutral-tertiary-background-disabled: transparent;
678
+ --salt-palette-neutral-tertiary-background-readonly: transparent;
679
+ --salt-palette-neutral-tertiary-border: transparent;
680
+ --salt-palette-neutral-tertiary-border-disabled: transparent;
681
+ --salt-palette-neutral-tertiary-separator: var(--salt-color-white-fade-separatorOpacity-tertiary);
682
+ --salt-palette-positive-background: var(--salt-color-green-30);
683
+ --salt-palette-positive-foreground: var(--salt-color-green-300);
684
+ }
685
+
686
+ /* css/characteristics/accent.css */
687
+ .salt-density-high {
688
+ --salt-accent-fontSize: 8px;
689
+ --salt-accent-lineHeight: 11px;
690
+ }
691
+ .salt-density-medium {
692
+ --salt-accent-fontSize: 10px;
693
+ --salt-accent-lineHeight: 13px;
694
+ }
695
+ .salt-density-low {
696
+ --salt-accent-fontSize: 12px;
697
+ --salt-accent-lineHeight: 16px;
698
+ }
699
+ .salt-density-touch {
700
+ --salt-accent-fontSize: 14px;
701
+ --salt-accent-lineHeight: 18px;
702
+ }
703
+ .salt-theme {
704
+ --salt-accent-background: var(--salt-palette-accent-background);
705
+ --salt-accent-borderColor: var(--salt-palette-accent-border);
706
+ --salt-accent-foreground: var(--salt-palette-accent-foreground);
707
+ --salt-accent-fontWeight: var(--salt-typography-fontWeight-semiBold);
708
+ }
709
+
710
+ /* css/characteristics/actionable.css */
711
+ .salt-theme {
712
+ --salt-actionable-cursor-hover: pointer;
713
+ --salt-actionable-cursor-active: pointer;
714
+ --salt-actionable-cursor-disabled: not-allowed;
715
+ --salt-actionable-letterSpacing: 0.6px;
716
+ --salt-actionable-textAlign: center;
717
+ --salt-actionable-textTransform: uppercase;
718
+ --salt-actionable-primary-foreground: var(--salt-palette-interact-primary-foreground);
719
+ --salt-actionable-primary-foreground-hover: var(--salt-palette-interact-primary-foreground-hover);
720
+ --salt-actionable-primary-foreground-active: var(--salt-palette-interact-primary-foreground-active);
721
+ --salt-actionable-primary-foreground-disabled: var(--salt-palette-interact-primary-foreground-disabled);
722
+ --salt-actionable-primary-background: var(--salt-palette-interact-primary-background);
723
+ --salt-actionable-primary-background-hover: var(--salt-palette-interact-primary-background-hover);
724
+ --salt-actionable-primary-background-active: var(--salt-palette-interact-primary-background-active);
725
+ --salt-actionable-primary-background-disabled: var(--salt-palette-interact-primary-background-disabled);
726
+ --salt-actionable-primary-fontWeight: var(--salt-typography-fontWeight-bold);
727
+ --salt-actionable-cta-foreground: var(--salt-palette-interact-cta-foreground);
728
+ --salt-actionable-cta-foreground-hover: var(--salt-palette-interact-cta-foreground-hover);
729
+ --salt-actionable-cta-foreground-active: var(--salt-palette-interact-cta-foreground-active);
730
+ --salt-actionable-cta-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
731
+ --salt-actionable-cta-background: var(--salt-palette-interact-cta-background);
732
+ --salt-actionable-cta-background-hover: var(--salt-palette-interact-cta-background-hover);
733
+ --salt-actionable-cta-background-active: var(--salt-palette-interact-cta-background-active);
734
+ --salt-actionable-cta-background-disabled: var(--salt-palette-interact-cta-background-disabled);
735
+ --salt-actionable-cta-fontWeight: var(--salt-typography-fontWeight-bold);
736
+ --salt-actionable-secondary-foreground: var(--salt-palette-interact-secondary-foreground);
737
+ --salt-actionable-secondary-foreground-hover: var(--salt-palette-interact-secondary-foreground-hover);
738
+ --salt-actionable-secondary-foreground-active: var(--salt-palette-interact-secondary-foreground-active);
739
+ --salt-actionable-secondary-foreground-disabled: var(--salt-palette-interact-secondary-foreground-disabled);
740
+ --salt-actionable-secondary-background: var(--salt-palette-interact-secondary-background);
741
+ --salt-actionable-secondary-background-hover: var(--salt-palette-interact-secondary-background-hover);
742
+ --salt-actionable-secondary-background-active: var(--salt-palette-interact-secondary-background-active);
743
+ --salt-actionable-secondary-background-disabled: var(--salt-palette-interact-secondary-background-disabled);
744
+ --salt-actionable-secondary-fontWeight: var(--salt-typography-fontWeight-semiBold);
745
+ }
746
+
747
+ /* css/characteristics/container.css */
748
+ .salt-theme {
749
+ --salt-container-borderStyle: solid;
750
+ --salt-container-primary-background: var(--salt-palette-neutral-primary-background);
751
+ --salt-container-primary-background-disabled: var(--salt-palette-neutral-primary-background-disabled);
752
+ --salt-container-primary-borderColor: var(--salt-palette-neutral-primary-border);
753
+ --salt-container-primary-borderColor-disabled: var(--salt-palette-neutral-primary-border-disabled);
754
+ --salt-container-secondary-background: var(--salt-palette-neutral-secondary-background);
755
+ --salt-container-secondary-background-disabled: var(--salt-palette-neutral-secondary-background-disabled);
756
+ --salt-container-secondary-borderColor: var(--salt-palette-neutral-secondary-border);
757
+ --salt-container-secondary-borderColor-disabled: var(--salt-palette-neutral-secondary-border-disabled);
758
+ --salt-container-tertiary-background: var(--salt-palette-neutral-tertiary-background);
759
+ --salt-container-tertiary-background-disabled: var(--salt-palette-neutral-tertiary-background-disabled);
760
+ --salt-container-tertiary-borderColor: var(--salt-palette-neutral-tertiary-border);
761
+ --salt-container-tertiary-borderColor-disabled: var(--salt-palette-neutral-tertiary-border-disabled);
762
+ }
763
+
764
+ /* css/characteristics/differential.css */
765
+ .salt-theme {
766
+ --salt-differential-positive-background: var(--salt-palette-positive-background);
767
+ --salt-differential-negative-background: var(--salt-palette-negative-background);
768
+ --salt-differential-positive-foreground: var(--salt-palette-positive-foreground);
769
+ --salt-differential-negative-foreground: var(--salt-palette-negative-foreground);
770
+ }
771
+
772
+ /* css/characteristics/draggable.css */
773
+ .salt-theme {
774
+ --salt-draggable-horizontal-cursor-hover: row-resize;
775
+ --salt-draggable-horizontal-cursor-active: row-resize;
776
+ --salt-draggable-vertical-cursor-hover: col-resize;
777
+ --salt-draggable-vertical-cursor-active: col-resize;
778
+ --salt-draggable-grab-cursor-hover: grab;
779
+ --salt-draggable-grab-cursor-active: grabbing;
780
+ }
781
+
782
+ /* css/characteristics/target.css */
783
+ .salt-theme {
784
+ --salt-target-background-hover: var(--salt-palette-interact-background-hover);
785
+ --salt-target-borderColor-hover: var(--salt-palette-interact-border-hover);
786
+ --salt-target-borderStyle: dashed;
787
+ --salt-target-borderStyle-hover: solid;
788
+ --salt-target-borderStyle-disabled: dashed;
789
+ --salt-target-cursor-disabled: not-allowed;
790
+ }
791
+
792
+ /* css/characteristics/editable.css */
793
+ .salt-theme {
794
+ --salt-editable-cursor-hover: text;
795
+ --salt-editable-cursor-active: text;
796
+ --salt-editable-cursor-disabled: not-allowed;
797
+ --salt-editable-cursor-readonly: text;
798
+ --salt-editable-borderStyle: solid;
799
+ --salt-editable-borderStyle-hover: solid;
800
+ --salt-editable-borderStyle-active: solid;
801
+ --salt-editable-borderStyle-disabled: solid;
802
+ --salt-editable-borderStyle-readonly: solid;
803
+ --salt-editable-borderWidth-active: 2px;
804
+ --salt-editable-borderColor: var(--salt-palette-interact-border);
805
+ --salt-editable-borderColor-active: var(--salt-palette-interact-border-active);
806
+ --salt-editable-borderColor-disabled: var(--salt-palette-interact-border-disabled);
807
+ --salt-editable-borderColor-hover: var(--salt-palette-interact-border-hover);
808
+ --salt-editable-borderColor-readonly: var(--salt-palette-interact-border-readonly);
809
+ --salt-editable-primary-background: var(--salt-palette-neutral-primary-background);
810
+ --salt-editable-primary-background-active: var(--salt-palette-neutral-primary-background);
811
+ --salt-editable-primary-background-disabled: var(--salt-palette-neutral-primary-background-disabled);
812
+ --salt-editable-primary-background-hover: var(--salt-palette-neutral-primary-background);
813
+ --salt-editable-primary-background-readonly: var(--salt-palette-neutral-primary-background-readonly);
814
+ --salt-editable-secondary-background: var(--salt-palette-neutral-secondary-background);
815
+ --salt-editable-secondary-background-active: var(--salt-palette-neutral-secondary-background);
816
+ --salt-editable-secondary-background-disabled: var(--salt-palette-neutral-secondary-background-disabled);
817
+ --salt-editable-secondary-background-hover: var(--salt-palette-neutral-secondary-background);
818
+ --salt-editable-secondary-background-readonly: var(--salt-palette-neutral-secondary-background-readonly);
819
+ --salt-editable-tertiary-background: var(--salt-palette-neutral-tertiary-background);
820
+ --salt-editable-tertiary-background-active: var(--salt-palette-neutral-tertiary-background);
821
+ --salt-editable-tertiary-background-disabled: var(--salt-palette-neutral-tertiary-background-disabled);
822
+ --salt-editable-tertiary-background-hover: var(--salt-palette-neutral-tertiary-background);
823
+ --salt-editable-tertiary-background-readonly: var(--salt-palette-neutral-tertiary-background-readonly);
824
+ --salt-editable-help-fontStyle: italic;
825
+ }
826
+
827
+ /* css/characteristics/focused.css */
828
+ .salt-theme {
829
+ --salt-focused-outlineColor: var(--salt-palette-interact-outline);
830
+ --salt-focused-outlineStyle: dotted;
831
+ --salt-focused-outlineWidth: 2px;
832
+ --salt-focused-outlineInset: 0;
833
+ --salt-focused-outlineOffset: 0;
834
+ --salt-focused-outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
835
+ }
836
+ .saltFocusVisible:after,
837
+ .focused:focus:after,
838
+ .focused:focus-visible:after {
839
+ content: "";
840
+ inset: var(--salt-focused-outlineInset);
841
+ outline-color: var(--salt-focused-outlineColor);
842
+ outline-offset: var(--salt-focused-outlineOffset);
843
+ outline-style: var(--salt-focused-outlineStyle);
844
+ outline-width: var(--salt-focused-outlineWidth);
845
+ position: absolute;
846
+ }
847
+
848
+ /* css/characteristics/measured.css */
849
+ .salt-theme {
850
+ --salt-measured-borderStyle: solid;
851
+ --salt-measured-borderStyle-active: solid;
852
+ --salt-measured-borderStyle-complete: solid;
853
+ --salt-measured-borderStyle-incomplete: dotted;
854
+ --salt-measured-borderWidth: 2px;
855
+ --salt-measured-borderWidth-active: 2px;
856
+ --salt-measured-borderWidth-complete: 2px;
857
+ --salt-measured-borderWidth-incomplete: 2px;
858
+ --salt-measured-fontWeight: var(--salt-typography-fontWeight-semiBold);
859
+ --salt-measured-textAlign: center;
860
+ --salt-measured-background: var(--salt-palette-measured-background);
861
+ --salt-measured-background-disabled: var(--salt-palette-measured-background-disabled);
862
+ --salt-measured-borderColor: var(--salt-palette-measured-border);
863
+ --salt-measured-borderColor-disabled: var(--salt-palette-measured-border-disabled);
864
+ --salt-measured-fill: var(--salt-palette-measured-fill);
865
+ --salt-measured-fill-disabled: var(--salt-palette-measured-fill-disabled);
866
+ --salt-measured-foreground: var(--salt-palette-measured-foreground);
867
+ --salt-measured-foreground-hover: var(--salt-palette-measured-foreground-active);
868
+ --salt-measured-foreground-active: var(--salt-palette-measured-foreground-active);
869
+ --salt-measured-foreground-undo: var(--salt-palette-measured-foreground-active);
870
+ --salt-measured-foreground-activeDisabled: var(--salt-palette-measured-foreground-activeDisabled);
871
+ --salt-measured-foreground-disabled: var(--salt-palette-measured-foreground-disabled);
872
+ }
873
+
874
+ /* css/characteristics/navigable.css */
875
+ .salt-theme {
876
+ --salt-navigable-cursor-active: pointer;
877
+ --salt-navigable-cursor-hover: pointer;
878
+ --salt-navigable-cursor-disabled: not-allowed;
879
+ --salt-navigable-cursor-edit: text;
880
+ --salt-navigable-fontWeight: var(--salt-typography-fontWeight-regular);
881
+ --salt-navigable-fontWeight-hover: var(--salt-typography-fontWeight-regular);
882
+ --salt-navigable-fontWeight-active: var(--salt-typography-fontWeight-semiBold);
883
+ --salt-navigable-fontWeight-edit: var(--salt-typography-fontWeight-regular);
884
+ --salt-navigable-indicator-hover: var(--salt-palette-navigate-indicator-hover);
885
+ --salt-navigable-indicator-active: var(--salt-palette-navigate-indicator-active);
886
+ --salt-navigable-indicator-activeDisabled: var(--salt-palette-navigate-indicator-activeDisabled);
887
+ --salt-navigable-primary-background: var(--salt-palette-navigate-primary-background);
888
+ --salt-navigable-primary-background-hover: var(--salt-palette-navigate-primary-background-hover);
889
+ --salt-navigable-primary-background-active: var(--salt-palette-navigate-primary-background-active);
890
+ --salt-navigable-secondary-background: var(--salt-palette-navigate-secondary-background);
891
+ --salt-navigable-secondary-background-hover: var(--salt-palette-navigate-secondary-background-hover);
892
+ --salt-navigable-secondary-background-active: var(--salt-palette-navigate-secondary-background-active);
893
+ --salt-navigable-tertiary-background: var(--salt-palette-navigate-tertiary-background);
894
+ --salt-navigable-tertiary-background-hover: var(--salt-palette-navigate-tertiary-background-hover);
895
+ --salt-navigable-tertiary-background-active: var(--salt-palette-navigate-tertiary-background-active);
896
+ }
897
+
898
+ /* css/characteristics/overlayable.css */
899
+ .salt-theme {
900
+ --salt-overlayable-shadow-scroll: var(--salt-shadow-1);
901
+ --salt-overlayable-shadow-scroll-color: var(--salt-shadow-1-color);
902
+ --salt-overlayable-shadow-borderRegion: var(--salt-shadow-2);
903
+ --salt-overlayable-shadow: var(--salt-shadow-2);
904
+ --salt-overlayable-shadow-hover: var(--salt-shadow-3);
905
+ --salt-overlayable-shadow-popout: var(--salt-shadow-4);
906
+ --salt-overlayable-shadow-drag: var(--salt-shadow-4);
907
+ --salt-overlayable-shadow-modal: var(--salt-shadow-5);
908
+ --salt-overlayable-background: var(--salt-palette-neutral-backdrop);
909
+ }
910
+
911
+ /* css/characteristics/selectable.css */
912
+ .salt-theme {
913
+ --salt-selectable-cursor-hover: pointer;
914
+ --salt-selectable-cursor-selected: pointer;
915
+ --salt-selectable-cursor-blurSelected: pointer;
916
+ --salt-selectable-cursor-disabled: not-allowed;
917
+ --salt-selectable-borderStyle: solid;
918
+ --salt-selectable-borderStyle-hover: solid;
919
+ --salt-selectable-borderStyle-selected: solid;
920
+ --salt-selectable-borderStyle-blurSelected: solid;
921
+ --salt-selectable-borderColor: var(--salt-palette-interact-border);
922
+ --salt-selectable-borderColor-hover: var(--salt-palette-interact-border-hover);
923
+ --salt-selectable-borderColor-selected: var(--salt-palette-interact-border-active);
924
+ --salt-selectable-borderColor-selectedDisabled: var(--salt-palette-interact-border-activeDisabled);
925
+ --salt-selectable-borderColor-disabled: var(--salt-palette-interact-border-disabled);
926
+ --salt-selectable-foreground-partial: var(--salt-palette-interact-foreground-partial);
927
+ --salt-selectable-foreground-partialDisabled: var(--salt-palette-interact-foreground-partialDisabled);
928
+ --salt-selectable-background: var(--salt-palette-interact-background);
929
+ --salt-selectable-background-hover: var(--salt-palette-interact-background-hover);
930
+ --salt-selectable-background-selected: var(--salt-palette-interact-background-active);
931
+ --salt-selectable-background-blurSelected: var(--salt-palette-interact-background-blurSelected);
932
+ --salt-selectable-background-disabled: var(--salt-palette-interact-background-disabled);
933
+ --salt-selectable-cta-foreground: var(--salt-palette-interact-foreground);
934
+ --salt-selectable-cta-foreground-hover: var(--salt-palette-interact-cta-foreground-hover);
935
+ --salt-selectable-cta-foreground-selected: var(--salt-palette-interact-cta-foreground-active);
936
+ --salt-selectable-cta-foreground-selectedDisabled: var(--salt-palette-interact-cta-foreground-activeDisabled);
937
+ --salt-selectable-cta-foreground-disabled: var(--salt-palette-interact-foreground-disabled);
938
+ --salt-selectable-cta-background: var(--salt-palette-interact-background);
939
+ --salt-selectable-cta-background-disabled: var(--salt-palette-interact-background-disabled);
940
+ --salt-selectable-cta-background-hover: var(--salt-palette-interact-cta-background-hover);
941
+ --salt-selectable-cta-background-selected: var(--salt-palette-interact-cta-background-active);
942
+ --salt-selectable-cta-background-selectedDisabled: var(--salt-palette-interact-cta-background-activeDisabled);
943
+ --salt-selectable-primary-foreground: var(--salt-palette-interact-foreground);
944
+ --salt-selectable-primary-foreground-selected: var(--salt-palette-interact-primary-foreground-active);
945
+ --salt-selectable-primary-foreground-selectedDisabled: var(--salt-palette-interact-primary-foreground-activeDisabled);
946
+ --salt-selectable-primary-foreground-disabled: var(--salt-palette-interact-foreground-disabled);
947
+ --salt-selectable-primary-foreground-hover: var(--salt-palette-interact-primary-foreground-hover);
948
+ --salt-selectable-primary-background: var(--salt-palette-interact-background);
949
+ --salt-selectable-primary-background-disabled: var(--salt-palette-interact-background-disabled);
950
+ --salt-selectable-primary-background-hover: var(--salt-palette-interact-primary-background-hover);
951
+ --salt-selectable-primary-background-selected: var(--salt-palette-interact-primary-background-active);
952
+ --salt-selectable-primary-background-selectedDisabled: var(--salt-palette-interact-primary-background-activeDisabled);
953
+ --salt-selectable-secondary-foreground: var(--salt-palette-interact-foreground);
954
+ --salt-selectable-secondary-foreground-selected: var(--salt-palette-interact-secondary-foreground-active);
955
+ --salt-selectable-secondary-foreground-selectedDisabled: var(--salt-palette-interact-secondary-foreground-activeDisabled);
956
+ --salt-selectable-secondary-foreground-disabled: var(--salt-palette-interact-foreground-disabled);
957
+ --salt-selectable-secondary-foreground-hover: var(--salt-palette-interact-secondary-foreground-hover);
958
+ --salt-selectable-secondary-background: var(--salt-palette-interact-background);
959
+ --salt-selectable-secondary-background-disabled: var(--salt-palette-interact-background-disabled);
960
+ --salt-selectable-secondary-background-hover: var(--salt-palette-interact-secondary-background-hover);
961
+ --salt-selectable-secondary-background-selected: var(--salt-palette-interact-secondary-background-active);
962
+ --salt-selectable-secondary-background-selectedDisabled: var(--salt-palette-interact-secondary-background-activeDisabled);
963
+ }
964
+
965
+ /* css/characteristics/separable.css */
966
+ .salt-theme {
967
+ --salt-separable-borderStyle: solid;
968
+ --salt-separable-primary-borderColor: var(--salt-palette-neutral-primary-separator);
969
+ --salt-separable-secondary-borderColor: var(--salt-palette-neutral-secondary-separator);
970
+ --salt-separable-tertiary-borderColor: var(--salt-palette-neutral-tertiary-separator);
971
+ }
972
+
973
+ /* css/characteristics/status.css */
974
+ .salt-theme {
975
+ --salt-status-info-foreground: var(--salt-palette-info-foreground);
976
+ --salt-status-success-foreground: var(--salt-palette-success-foreground);
977
+ --salt-status-warning-foreground: var(--salt-palette-warning-foreground);
978
+ --salt-status-error-foreground: var(--salt-palette-error-foreground);
979
+ --salt-status-info-borderColor: var(--salt-palette-info-border);
980
+ --salt-status-success-borderColor: var(--salt-palette-success-border);
981
+ --salt-status-warning-borderColor: var(--salt-palette-warning-border);
982
+ --salt-status-error-borderColor: var(--salt-palette-error-border);
983
+ --salt-status-info-background-emphasize: var(--salt-palette-info-background-emphasize);
984
+ --salt-status-success-background-emphasize: var(--salt-palette-success-background-emphasize);
985
+ --salt-status-warning-background-emphasize: var(--salt-palette-warning-background-emphasize);
986
+ --salt-status-error-background-emphasize: var(--salt-palette-error-background-emphasize);
987
+ }
988
+
989
+ /* css/characteristics/taggable.css */
990
+ .salt-theme {
991
+ --salt-taggable-cursor-hover: pointer;
992
+ --salt-taggable-cursor-active: pointer;
993
+ --salt-taggable-cursor-disabled: not-allowed;
994
+ --salt-taggable-background: var(--salt-palette-interact-primary-background);
995
+ --salt-taggable-background-hover: var(--salt-palette-interact-primary-background-hover);
996
+ --salt-taggable-background-active: var(--salt-palette-interact-primary-background-active);
997
+ --salt-taggable-background-disabled: var(--salt-palette-interact-primary-background-disabled);
998
+ --salt-taggable-foreground: var(--salt-palette-interact-primary-foreground);
999
+ --salt-taggable-foreground-hover: var(--salt-palette-interact-primary-foreground-hover);
1000
+ --salt-taggable-foreground-active: var(--salt-palette-interact-primary-foreground-active);
1001
+ --salt-taggable-foreground-disabled: var(--salt-palette-interact-primary-foreground-disabled);
1002
+ }
1003
+
1004
+ /* css/characteristics/text.css */
1005
+ .salt-theme {
1006
+ --salt-text-letterSpacing: 0;
1007
+ --salt-text-textAlign: left;
1008
+ --salt-text-textAlign-embedded: center;
1009
+ --salt-text-textDecoration: none;
1010
+ --salt-text-textTransform: none;
1011
+ --salt-text-fontFamily: var(--salt-typography-fontFamily);
1012
+ --salt-text-fontWeight: var(--salt-typography-fontWeight-regular);
1013
+ --salt-text-fontWeight-small: var(--salt-typography-fontWeight-light);
1014
+ --salt-text-fontWeight-strong: var(--salt-typography-fontWeight-semiBold);
1015
+ --salt-text-h1-fontWeight: var(--salt-typography-fontWeight-bold);
1016
+ --salt-text-h1-fontWeight-small: var(--salt-typography-fontWeight-medium);
1017
+ --salt-text-h1-fontWeight-strong: var(--salt-typography-fontWeight-extraBold);
1018
+ --salt-text-h2-fontWeight: var(--salt-typography-fontWeight-semiBold);
1019
+ --salt-text-h2-fontWeight-small: var(--salt-typography-fontWeight-regular);
1020
+ --salt-text-h2-fontWeight-strong: var(--salt-typography-fontWeight-bold);
1021
+ --salt-text-h3-fontWeight: var(--salt-typography-fontWeight-semiBold);
1022
+ --salt-text-h3-fontWeight-small: var(--salt-typography-fontWeight-regular);
1023
+ --salt-text-h3-fontWeight-strong: var(--salt-typography-fontWeight-bold);
1024
+ --salt-text-h4-fontWeight: var(--salt-typography-fontWeight-semiBold);
1025
+ --salt-text-h4-fontWeight-small: var(--salt-typography-fontWeight-regular);
1026
+ --salt-text-h4-fontWeight-strong: var(--salt-typography-fontWeight-bold);
1027
+ --salt-text-label-fontWeight: var(--salt-typography-fontWeight-regular);
1028
+ --salt-text-label-fontWeight-small: var(--salt-typography-fontWeight-light);
1029
+ --salt-text-label-fontWeight-strong: var(--salt-typography-fontWeight-semiBold);
1030
+ --salt-text-display1-fontWeight: var(--salt-typography-fontWeight-semiBold);
1031
+ --salt-text-display1-fontWeight-strong: var(--salt-typography-fontWeight-bold);
1032
+ --salt-text-display1-fontWeight-small: var(--salt-typography-fontWeight-regular);
1033
+ --salt-text-display2-fontWeight: var(--salt-typography-fontWeight-semiBold);
1034
+ --salt-text-display2-fontWeight-strong: var(--salt-typography-fontWeight-bold);
1035
+ --salt-text-display2-fontWeight-small: var(--salt-typography-fontWeight-regular);
1036
+ --salt-text-display3-fontWeight: var(--salt-typography-fontWeight-semiBold);
1037
+ --salt-text-display3-fontWeight-strong: var(--salt-typography-fontWeight-bold);
1038
+ --salt-text-display3-fontWeight-small: var(--salt-typography-fontWeight-regular);
1039
+ --salt-text-background-selected: var(--salt-palette-interact-background-active);
1040
+ --salt-text-primary-foreground: var(--salt-palette-neutral-primary-foreground);
1041
+ --salt-text-primary-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
1042
+ --salt-text-secondary-foreground: var(--salt-palette-neutral-secondary-foreground);
1043
+ --salt-text-secondary-foreground-disabled: var(--salt-palette-neutral-secondary-foreground-disabled);
1044
+ --salt-text-link-foreground-hover: var(--salt-palette-navigate-foreground-hover);
1045
+ --salt-text-link-foreground-active: var(--salt-palette-navigate-foreground-active);
1046
+ --salt-text-link-foreground-visited: var(--salt-palette-navigate-foreground-visited);
1047
+ --salt-text-link-textDecoration: underline;
1048
+ --salt-text-link-textDecoration-hover: none;
1049
+ --salt-text-link-textDecoration-selected: underline;
1050
+ --salt-text-code-fontFamily: var(--salt-typography-fontFamily-code);
1051
+ }
1052
+ .salt-density-touch {
1053
+ --salt-text-h1-fontSize: 42px;
1054
+ --salt-text-h1-lineHeight: 54px;
1055
+ --salt-text-h2-fontSize: 32px;
1056
+ --salt-text-h2-lineHeight: 42px;
1057
+ --salt-text-h3-fontSize: 24px;
1058
+ --salt-text-h3-lineHeight: 32px;
1059
+ --salt-text-h4-fontSize: 16px;
1060
+ --salt-text-h4-lineHeight: 20px;
1061
+ --salt-text-label-fontSize: 14px;
1062
+ --salt-text-label-lineHeight: 18px;
1063
+ --salt-text-fontSize: 16px;
1064
+ --salt-text-lineHeight: 20px;
1065
+ --salt-text-minHeight: 20px;
1066
+ --salt-text-display1-fontSize: 84px;
1067
+ --salt-text-display1-lineHeight: 109px;
1068
+ --salt-text-display2-fontSize: 58px;
1069
+ --salt-text-display2-lineHeight: 76px;
1070
+ --salt-text-display3-fontSize: 42px;
1071
+ --salt-text-display3-lineHeight: 54px;
1072
+ }
1073
+ .salt-density-low {
1074
+ --salt-text-h1-fontSize: 32px;
1075
+ --salt-text-h1-lineHeight: 42px;
1076
+ --salt-text-h2-fontSize: 24px;
1077
+ --salt-text-h2-lineHeight: 32px;
1078
+ --salt-text-h3-fontSize: 18px;
1079
+ --salt-text-h3-lineHeight: 24px;
1080
+ --salt-text-h4-fontSize: 14px;
1081
+ --salt-text-h4-lineHeight: 18px;
1082
+ --salt-text-label-fontSize: 12px;
1083
+ --salt-text-label-lineHeight: 16px;
1084
+ --salt-text-fontSize: 14px;
1085
+ --salt-text-lineHeight: 18px;
1086
+ --salt-text-minHeight: 18px;
1087
+ --salt-text-display1-fontSize: 68px;
1088
+ --salt-text-display1-lineHeight: 88px;
1089
+ --salt-text-display2-fontSize: 46px;
1090
+ --salt-text-display2-lineHeight: 60px;
1091
+ --salt-text-display3-fontSize: 32px;
1092
+ --salt-text-display3-lineHeight: 42px;
1093
+ }
1094
+ .salt-density-medium {
1095
+ --salt-text-h1-fontSize: 24px;
1096
+ --salt-text-h1-lineHeight: 32px;
1097
+ --salt-text-h2-fontSize: 18px;
1098
+ --salt-text-h2-lineHeight: 24px;
1099
+ --salt-text-h3-fontSize: 14px;
1100
+ --salt-text-h3-lineHeight: 18px;
1101
+ --salt-text-h4-fontSize: 12px;
1102
+ --salt-text-h4-lineHeight: 16px;
1103
+ --salt-text-label-fontSize: 11px;
1104
+ --salt-text-label-lineHeight: 14px;
1105
+ --salt-text-fontSize: 12px;
1106
+ --salt-text-lineHeight: 16px;
1107
+ --salt-text-minHeight: 16px;
1108
+ --salt-text-display1-fontSize: 54px;
1109
+ --salt-text-display1-lineHeight: 70px;
1110
+ --salt-text-display2-fontSize: 36px;
1111
+ --salt-text-display2-lineHeight: 47px;
1112
+ --salt-text-display3-fontSize: 24px;
1113
+ --salt-text-display3-lineHeight: 32px;
1114
+ }
1115
+ .salt-density-high {
1116
+ --salt-text-h1-fontSize: 18px;
1117
+ --salt-text-h1-lineHeight: 24px;
1118
+ --salt-text-h2-fontSize: 14px;
1119
+ --salt-text-h2-lineHeight: 18px;
1120
+ --salt-text-h3-fontSize: 12px;
1121
+ --salt-text-h3-lineHeight: 16px;
1122
+ --salt-text-h4-fontSize: 11px;
1123
+ --salt-text-h4-lineHeight: 14px;
1124
+ --salt-text-label-fontSize: 10px;
1125
+ --salt-text-label-lineHeight: 13px;
1126
+ --salt-text-fontSize: 11px;
1127
+ --salt-text-lineHeight: 14px;
1128
+ --salt-text-minHeight: 14px;
1129
+ --salt-text-display1-fontSize: 42px;
1130
+ --salt-text-display1-lineHeight: 54px;
1131
+ --salt-text-display2-fontSize: 28px;
1132
+ --salt-text-display2-lineHeight: 36px;
1133
+ --salt-text-display3-fontSize: 18px;
1134
+ --salt-text-display3-lineHeight: 24px;
1135
+ }
1136
+
1137
+ /* css/icons/icons.css */
1138
+ .salt-theme {
1139
+ --svg-add: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path d="M29 16h-9V7a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v9H7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h9v9a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-9h9a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1z"/></svg>');
1140
+ --svg-alert-circle-filled: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path class="fill" d="M9,1a8,8,0,1,0,8,8A8,8,0,0,0,9,1ZM7.7,3.3875A.35552.35552,0,0,1,7.8685,3.05,3.12313,3.12313,0,0,1,8.981,2.821a3.4307,3.4307,0,0,1,1.116.172.38849.38849,0,0,1,.2.3435v1.225c0,1.4425-.2885,5.4455-.3415,5.9735a.26351.26351,0,0,1-.26528.26171L9.662,10.795H8.3a.284.284,0,0,1-.289-.2365c-.05-.682-.311-4.55-.311-5.9455ZM9,14.425a1.287,1.287,0,0,1-1.4-1.3155,1.33,1.33,0,0,1,1.308-1.35167q.046-.00076.092.00167a1.316,1.316,0,0,1,1.3978,1.22877q.00389.06054.0022.12123A1.287,1.287,0,0,1,9,14.425Z" /></svg>');
1141
+ --svg-arrow-thin: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M17.75,8.04h-14L8.72,3.07a.48349.48349,0,0,0,.01642-.68357L8.72,2.37l-.35-.36a.5135.5135,0,0,0-.71,0L1.24,8.44a.5135.5135,0,0,0,0,.71l6.39,6.84a.5135.5135,0,0,0,.71,0l.35-.35a.5135.5135,0,0,0,0-.71L3.76,9.5H17.75A.25.25,0,0,0,18,9.25V8.29A.25.25,0,0,0,17.75,8.04Z" /></svg>');
1142
+ --svg-box: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M8.2,17.797,1.4115,14.0255A.8.8,0,0,1,1,13.326V6.597l7.2,4Z" /><path d="M16.5885,14.0255,9.8,17.797v-7.2l7.2-4v6.729A.8.8,0,0,1,16.5885,14.0255Z" /><path d="M12.3185,1.8585,9.381.2675a.8.8,0,0,0-.762,0L1.296,4.234a.4125.4125,0,0,0,0,.7255L4.0605,6.457Z" /><path d="M16.704,4.234,13.985,2.7615l-8.2575,4.6L9,9.1325l7.704-4.173a.4125.4125,0,0,0,0-.7255Z" /></svg>');
1143
+ --svg-caret-right: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><polygon points="12,8 22,16 12,24 "/></svg>');
1144
+ --svg-caret-down: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><polygon points="12,8 22,16 12,24 "/></svg>');
1145
+ --svg-checkbox: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4ZM6,26V6H26V26Z"/><rect fill="none" width="32" height="32"/></svg>');
1146
+ --svg-checkbox-checked: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4ZM6,26V6H26V26Z"/><polygon points="14 21.5 9 16.54 10.59 15 14 18.35 21.41 11 23 12.58 14 21.5"/><rect fill="none" width="32" height="32"/></svg>');
1147
+ --svg-close: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path d="M26.485 6.686L18 15.172 9.515 6.686a1 1 0 0 0-1.414 0L6.686 8.1a1 1 0 0 0 0 1.414L15.172 18l-8.486 8.485a1 1 0 0 0 0 1.414L8.1 29.314a1 1 0 0 0 1.414 0L18 20.828l8.485 8.486a1 1 0 0 0 1.414 0l1.415-1.414a1 1 0 0 0 0-1.414L20.828 18l8.486-8.485a1 1 0 0 0 0-1.414L27.9 6.686a1 1 0 0 0-1.415 0z"/></svg>');
1148
+ --svg-close-circle: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path class="a" d="M14.657,3.343a8,8,0,1,0-.00021,11.31371l.00021-.00021A8,8,0,0,0,14.657,3.343Zm-1.3435,9.265-.707.7055a.6.6,0,0,1-.84853.00147l-.00147-.00147L9,10.5555l-2.758,2.758a.6.6,0,0,1-.84853.00147L5.392,13.3135l-.7045-.7075a.6.6,0,0,1-.00147-.84853L4.6875,11.756,7.4445,9,4.6875,6.242A.6.6,0,0,1,4.686,5.39347L4.6875,5.392l.707-.707A.6.6,0,0,1,6.243,4.68353L6.2445,4.685,9,7.444l2.758-2.7575a.6.6,0,0,1,.84853-.00147l.00147.00147.707.707a.6.6,0,0,1,.00147.84853L13.315,6.2435,10.5555,9l2.758,2.758a.6.6,0,0,1,.00147.84853Z" /></svg>');
1149
+ --svg-checkbox-small: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="M3.78809,9A.999.999,0,0,1,3,8.61523L.71191,5.61508A.9998.9998,0,1,1,2.28808,4.38461l1.5,1.99137L7.71192,1.385A.9998.9998,0,1,1,9.28809,2.61549L4.57617,8.61523A.999.999,0,0,1,3.78809,9Z" /></svg>');
1150
+ --svg-chevron-down: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="1 1 16 16"><path d="M4,7.01a1,1,0,0,1,1.7055-.7055l3.289,3.286,3.289-3.286a1,1,0,0,1,1.437,1.3865l-.0245.0245L9.7,11.7075a1,1,0,0,1-1.4125,0L4.293,7.716A.9945.9945,0,0,1,4,7.01Z" /></svg>');
1151
+ --svg-chevron-double-left: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="1 1 16 16"><path d="M3,9a.994.994,0,0,0,.2925.7045l3.9915,3.99a1,1,0,1,0,1.4355-1.386L8.695,12.284,5.4095,9l3.286-3.285A1,1,0,0,0,7.309,4.28l-.0245.0245L3.293,8.2945A.994.994,0,0,0,3,9Z"/><path d="M9,9a.994.994,0,0,0,.2925.7045l3.9915,3.99a1,1,0,1,0,1.4355-1.386l-.0245-.0245L11.4095,9l3.286-3.285A1,1,0,0,0,13.309,4.28l-.0245.0245L9.293,8.2945A.994.994,0,0,0,9,9Z"/></svg>');
1152
+ --svg-chevron-double-right: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="1 1 16 16"><path d="M15,9a.994.994,0,0,1-.2925.7045l-3.9915,3.99a1,1,0,1,1-1.4355-1.386l.0245-.0245L12.5905,9,9.3045,5.715A1,1,0,0,1,10.691,4.28l.0245.0245,3.9915,3.99A.994.994,0,0,1,15,9Z"/><path d="M9,9a.994.994,0,0,1-.2925.7045l-3.9915,3.99a1,1,0,1,1-1.436-1.385l.0245-.0245L6.5905,9,3.3045,5.715A1,1,0,0,1,4.6915,4.28l.0245.0245,3.9915,3.99A.994.994,0,0,1,9,9Z"/></svg>');
1153
+ --svg-column-2A: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M16,1H10V17h6a1,1,0,0,0,1-1V2A1,1,0,0,0,16,1Z" /><path d="M8,1H2A1,1,0,0,0,1,2V16a1,1,0,0,0,1,1H8Z" /></svg>');
1154
+ --svg-column-2B: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M16,1H13V17h3a1,1,0,0,0,1-1V2A1,1,0,0,0,16,1Z" /><path d="M11,1H2A1,1,0,0,0,1,2V16a1,1,0,0,0,1,1h9Z" /></svg>');
1155
+ --svg-corner-triangle: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5 5"><path d="M4.76248.00005a.249.249,0,0,0-.177.073l-4.5,4.5a.25.25,0,0,0,.177.427h4.5a.25.25,0,0,0,.25-.25v-4.5A.25.25,0,0,0,4.76248.00005Z"/></svg>');
1156
+ --svg-filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path class="a" d="M15.473,1H1.527a.5.5,0,0,0-.3935.8085L7,9.2945V16.95a.496.496,0,0,0,.84.412l1.9905-2.0765A.60949.60949,0,0,0,10,14.864V9.2945l5.8665-7.486A.5.5,0,0,0,15.473,1Z" /></svg>');
1157
+ --svg-folder-closed: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="M1 12v-1h9.998l-0-6.001h-9.999l0.001 7.001h-1v-11h4.117l2 1h5.883v1h-0.002v9h-10.998zM5.881 3l-2-1h-2.882v1.999h9.999l0-0.999h-5.117z"/></svg>');
1158
+ --svg-folder-open: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="M1 10l3-6h7v-1h1v9h-12v-11h4.118l2 1h4.882v1h-5.118l-2-1h-2.882v8z"/></svg>');
1159
+ --svg-function: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path class="fill" d="M3.212,16.706a3.674,3.674,0,0,1-1.6415-.356c-.059-.0285-.09-.0435-.0685-.206l.2285-1.98a4.20837,4.20837,0,0,0,1.503.314c1.2205,0,1.5555-.8845,1.8445-2.8645l.019-.1405a7.00313,7.00313,0,0,0,.0945-.831c.01-.1915.0815-1.187.0815-1.187H2.446l.4745-1.4575a.2405.2405,0,0,1,.2295-.167H5.404s.1315-1.4435.2115-1.9895l.0805-.569C6.1625,1.8945,7.563.254,9.9775.254A2.8046,2.8046,0,0,1,11.23.475a.147.147,0,0,1,.115.1665L11.072,2.503c-.0155.096-.05.096-.0615.096a3.163,3.163,0,0,0-1.1-.204c-1.529,0-1.884,1.5745-2.1625,3.4765l-.0645.4645c-.05.35-.1405,1.4935-.1405,1.4935h2.981l-.474,1.458a.242.242,0,0,1-.2295.1665h-2.4S7.3555,10.5,7.35,10.667a8.62,8.62,0,0,1-.129,1.1155C6.8575,14.3395,6.1205,16.706,3.212,16.706Zm11.867.221c-.4055-.592-1.35-2.012-1.8755-2.8285.473-.6755,1.322-2.031,1.738-2.694l.023-.0375a.187.187,0,0,0,.0115-.195.1925.1925,0,0,0-.18-.09H13.531a.2095.2095,0,0,0-.2155.123l-1.096,1.917L11.184,11.2355a.243.243,0,0,0-.2555-.1535H9.4965a.19649.19649,0,0,0-.186.1035.194.194,0,0,0,.023.2l1.744,2.78c-.2805.415-.6425.9765-.993,1.5205-.293.455-.5775.8975-.797,1.2255a.19151.19151,0,0,0-.0175.2.2.2,0,0,0,.178.1065h1.2785a.23751.23751,0,0,0,.239-.134l1.1265-1.925,1.093,1.9a.296.296,0,0,0,.263.1565h1.4675a.195.195,0,0,0,.197-.1115A.164.164,0,0,0,15.079,16.927Z" /></svg>');
1160
+ --svg-logout: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><rect height="9" rx="0.5" width="2" x="8" /><path d="M12.6075,2.5315l-.57.9115a.505.505,0,0,0,.1685.692,5.869,5.869,0,1,1-6.41,0,.5.5,0,0,0,.16917-.68657L5.964,3.4465,5.392,2.531a.5.5,0,0,0-.68667-.16877L4.7,2.3655a7.95,7.95,0,1,0,8.5955,0,.5.5,0,0,0-.68753.16523Z" /></svg>');
1161
+ --svg-rings: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M13.995,6.603c0-.035.005-.0685.005-.103a5.5,5.5,0,0,0-11,0c0,.0345.0045.068.005.103A5.497,5.497,0,1,0,8.5,16.1065,5.497,5.497,0,1,0,13.995,6.603ZM8.5,14.832a4.46248,4.46248,0,0,1-1.47-3.0365,5.38556,5.38556,0,0,0,2.94,0A4.46248,4.46248,0,0,1,8.5,14.832ZM8.5,11a4.45,4.45,0,0,1-1.424-.25A4.46452,4.46452,0,0,1,8.5,8.168a4.46448,4.46448,0,0,1,1.424,2.58A4.45014,4.45014,0,0,1,8.5,11Zm-2.368-.688A4.48049,4.48049,0,0,1,4.076,7.25,4.45,4.45,0,0,1,5.5,7a4.44988,4.44988,0,0,1,2.154.572A5.489,5.489,0,0,0,6.132,10.312Zm3.214-2.74a4.265,4.265,0,0,1,3.578-.32,4.4805,4.4805,0,0,1-2.056,3.06A5.489,5.489,0,0,0,9.346,7.572ZM8.5,2a4.4865,4.4865,0,0,1,4.47,4.205,5.45,5.45,0,0,0-4.47.6885A5.45,5.45,0,0,0,4.03,6.205,4.4865,4.4865,0,0,1,8.5,2Zm-3,14A4.4905,4.4905,0,0,1,3.132,7.688,5.50548,5.50548,0,0,0,6.005,11.4c0,.0345-.005.068-.005.1a5.4805,5.4805,0,0,0,1.654,3.928A4.447,4.447,0,0,1,5.5,16Zm6,0a4.447,4.447,0,0,1-2.154-.572A5.4805,5.4805,0,0,0,11,11.5c0-.0345-.0045-.068-.005-.1a5.5055,5.5055,0,0,0,2.873-3.7095A4.4905,4.4905,0,0,1,11.5,16Z" /></svg>');
1162
+ --svg-settings: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path class="fill" d="M16.45,7.8965H14.8945a5.97644,5.97644,0,0,0-.921-2.2535L15.076,4.54a.55.55,0,0,0,.00219-.77781L15.076,3.76l-.8365-.836a.55.55,0,0,0-.77781-.00219L13.4595,2.924,12.357,4.0265a5.96235,5.96235,0,0,0-2.2535-.9205V1.55a.55.55,0,0,0-.55-.55H8.45a.55.55,0,0,0-.55.55V3.106a5.96235,5.96235,0,0,0-2.2535.9205l-1.1-1.1025a.55.55,0,0,0-.77781-.00219L3.7665,2.924,2.924,3.76a.55.55,0,0,0-.00219.77781L2.924,4.54,4.0265,5.643a5.97644,5.97644,0,0,0-.921,2.2535H1.55a.55.55,0,0,0-.55.55V9.55a.55.55,0,0,0,.55.55H3.1055a5.967,5.967,0,0,0,.921,2.2535L2.924,13.4595a.55.55,0,0,0-.00219.77782l.00219.00218.8365.8365a.55.55,0,0,0,.77781.00219L4.5405,15.076,5.643,13.9735a5.96235,5.96235,0,0,0,2.2535.9205V16.45a.55.55,0,0,0,.55.55H9.55a.55.55,0,0,0,.55-.55V14.894a5.96235,5.96235,0,0,0,2.2535-.9205L13.456,15.076a.55.55,0,0,0,.77782.00219L14.236,15.076l.8365-.8365a.55.55,0,0,0,.00219-.77781l-.00219-.00219L13.97,12.357a5.967,5.967,0,0,0,.921-2.2535H16.45a.55.55,0,0,0,.55-.55V8.45a.55.55,0,0,0-.54649-.55349ZM11.207,9A2.207,2.207,0,1,1,9,6.793H9A2.207,2.207,0,0,1,11.207,9Z" /></svg>');
1163
+ --svg-sort-order-down: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><rect class="a" height="2" rx="0.5" width="6" x="1" y="12" /><rect class="a" height="2" rx="0.5" width="8" x="1" y="8" /><rect class="a" height="2" rx="0.5" width="10" x="1" y="4" /><path class="a" d="M16,12H14.9965V4.5a.494.494,0,0,0-.488-.5L14.503,4h-.496a.5.5,0,0,0-.5.5L13.5035,12H12.5a.25.25,0,0,0-.25.25.245.245,0,0,0,.0735.175l1.7685,2.0165a.25.25,0,0,0,.316,0l1.7685-2.0165a.245.245,0,0,0,.0735-.175A.25.25,0,0,0,16,12Z" /></svg>');
1164
+ --svg-sorted-asc: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -3 18 15"><path d="M9,2a.497.497,0,0,0-.3735.168l-5.5,5A.48949.48949,0,0,0,3,7.497.5.5,0,0,0,3.497,8H14.5a.5.5,0,0,0,.5-.5V7.497a.48949.48949,0,0,0-.1275-.329l-5.5-5A.5.5,0,0,0,9,2Z" /></svg>');
1165
+ --svg-sorted-dsc: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 3 18 18"><path d="M9,16a.5.5,0,0,0,.3735-.168l5.5-5A.48949.48949,0,0,0,15,10.503.5.5,0,0,0,14.503,10H3.5a.5.5,0,0,0-.5.5v.003a.48949.48949,0,0,0,.1275.329l5.5,5A.497.497,0,0,0,9,16Z" /></svg>');
1166
+ --svg-user: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M16.4745,17a.4965.4965,0,0,0,.50089-.49207q.00015-.01724-.00089-.03443c-.3305-3.592-4.0135-4.8155-5.139-4.9135C11.013,11.4885,11,10.826,11,10a7.51507,7.51507,0,0,0,1.766-4.479C12.766,2.8085,11.2225,1,9,1S5.234,2.8085,5.234,5.521A7.51507,7.51507,0,0,0,7,10c0,.826-.013,1.4885-.837,1.56-1.1255.1-4.8085,1.3215-5.139,4.9135a.49649.49649,0,0,0,.46557.52561q.01719.001.03443.00089Z" /></svg>');
1167
+ --svg-grab-handle: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"> <circle cx="7" cy="13" r="1"/><circle cx="7" cy="10" r="1"/><circle cx="7" cy="7" r="1"/><circle cx="7" cy="4" r="1"/><circle cx="10" cy="13" r="1"/><circle cx="10" cy="10" r="1"/><circle cx="10" cy="7" r="1"/><circle cx="10" cy="4" r="1"/></svg>');
1168
+ --svg-open-in: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M16.5,1H1.5a.5.5,0,0,0-.5.5v7a.5.5,0,0,0,.5.5h1A.5.5,0,0,0,3,8.5V3H15V15H9.5a.5.5,0,0,0-.5.5v1a.5.5,0,0,0,.5.5h7a.5.5,0,0,0,.5-.5V1.5A.5.5,0,0,0,16.5,1Z" /><path d="M9.318,13.882A.39051.39051,0,0,0,9.6,14a.4.4,0,0,0,.4-.377V8.25A.25.25,0,0,0,9.75,8H4.377A.4.4,0,0,0,4,8.4a.392.392,0,0,0,.1175.28l1.893,1.893-4.521,4.523a.5.5,0,0,0-.00039.70711l.00039.00039.707.707a.5.5,0,0,0,.707,0l4.5215-4.521Z" /></svg>');
1169
+ --svg-sort-up: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><rect height="2" rx="0.5" width="6" x="1" y="4" /><rect height="2" rx="0.5" width="8" x="1" y="8" /><rect height="2" rx="0.5" width="10" x="1" y="12" /><path d="M15.99951,6H14.99634v7.5a.49378.49378,0,0,1-.49317.5h-.49633a.5.5,0,0,1-.5-.49951L13.50366,6H12.50049A.24984.24984,0,0,1,12.25,5.74823a.24439.24439,0,0,1,.07373-.175L14.0918,3.5564a.25007.25007,0,0,1,.3164,0l1.76807,2.01684a.24439.24439,0,0,1,.07373.175A.24984.24984,0,0,1,15.99951,6Z" /></svg>');
1170
+ --svg-tree-node-collapse: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M2,2.5v13a.5.5,0,0,0,.5.5h13a.5.5,0,0,0,.5-.5V2.5a.5.5,0,0,0-.5-.5H2.5A.5.5,0,0,0,2,2.5ZM5.25,10A.25.25,0,0,1,5,9.75V8.25A.25.25,0,0,1,5.25,8h7.5a.25.25,0,0,1,.25.25v1.5a.25.25,0,0,1-.25.25Z" /></svg>');
1171
+ --svg-tree-node-expand: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M2,2.5v13a.5.5,0,0,0,.5.5h13a.5.5,0,0,0,.5-.5V2.5a.5.5,0,0,0-.5-.5H2.5A.5.5,0,0,0,2,2.5ZM12.75,10H10v2.75a.25.25,0,0,1-.25.25H8.25A.25.25,0,0,1,8,12.75V10H5.25A.25.25,0,0,1,5,9.75V8.25A.25.25,0,0,1,5.25,8H8V5.25A.25.25,0,0,1,8.25,5h1.5a.25.25,0,0,1,.25.25V8h2.75a.25.25,0,0,1,.25.25v1.5A.25.25,0,0,1,12.75,10Z" /></svg>');
1172
+ --svg-triangle-right: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="M3.5 1l5 5-5 5z"/></svg>');
1173
+ --svg-triangle-down: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="M11 3.5l-5 5-5-5z"/></svg>');
1174
+ --svg-plus-box: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M22.5 34h3v-8.5H34v-3h-8.5V14h-3v8.5H14v3h8.5ZM9 42q-1.2 0-2.1-.9Q6 40.2 6 39V9q0-1.2.9-2.1Q7.8 6 9 6h30q1.2 0 2.1.9.9.9.9 2.1v30q0 1.2-.9 2.1-.9.9-2.1.9Zm0-3h30V9H9v30ZM9 9v30V9Z"/></svg>');
1175
+ --svg-minus-box: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M12.5 25.4h23.05v-3H12.5ZM9 42q-1.2 0-2.1-.9Q6 40.2 6 39V9q0-1.2.9-2.1Q7.8 6 9 6h30q1.2 0 2.1.9.9.9.9 2.1v30q0 1.2-.9 2.1-.9.9-2.1.9Zm0-3h30V9H9v30ZM9 9v30V9Z"/></svg>');
1176
+ --vuu-icon-size: 12px;
1177
+ --svg-active-status: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9,1a8,8,0,1,0,8,8A8,8,0,0,0,9,1Zm5.333,4.54L8.009,13.6705a.603.603,0,0,1-.4375.2305H7.535a.6.6,0,0,1-.4245-.1755L3.218,9.829a.6.6,0,0,1-.00147-.84853L3.218,8.979l.663-.6625A.6.6,0,0,1,4.72953,8.315L4.731,8.3165,7.4,10.991l5.257-6.7545a.6.6,0,0,1,.8419-.10586L13.5,4.1315l.7275.5685A.6.6,0,0,1,14.333,5.54Z" /></svg>');
1178
+ --svg-connecting-status: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9,1a8,8,0,1,0,8,8A8,8,0,0,0,9,1ZM7.7,3.3875A.35552.35552,0,0,1,7.8685,3.05,3.12313,3.12313,0,0,1,8.981,2.821a3.4307,3.4307,0,0,1,1.116.172.38849.38849,0,0,1,.2.3435v1.225c0,1.4425-.2885,5.4455-.3415,5.9735a.26351.26351,0,0,1-.26528.26171L9.662,10.795H8.3a.284.284,0,0,1-.289-.2365c-.05-.682-.311-4.55-.311-5.9455ZM9,14.425a1.287,1.287,0,0,1-1.4-1.3155,1.33,1.33,0,0,1,1.308-1.35167q.046-.00076.092.00167a1.316,1.316,0,0,1,1.3978,1.22877q.00389.06054.0022.12123A1.287,1.287,0,0,1,9,14.425Z" /></svg>');
1179
+ --svg-disconnected-status: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M14.657,3.343a8,8,0,1,0-.00021,11.31371l.00021-.00021A8,8,0,0,0,14.657,3.343Zm-1.3435,9.265-.707.7055a.6.6,0,0,1-.84853.00147l-.00147-.00147L9,10.5555l-2.758,2.758a.6.6,0,0,1-.84853.00147L5.392,13.3135l-.7045-.7075a.6.6,0,0,1-.00147-.84853L4.6875,11.756,7.4445,9,4.6875,6.242A.6.6,0,0,1,4.686,5.39347L4.6875,5.392l.707-.707A.6.6,0,0,1,6.243,4.68353L6.2445,4.685,9,7.444l2.758-2.7575a.6.6,0,0,1,.84853-.00147l.00147.00147.707.707a.6.6,0,0,1,.00147.84853L13.315,6.2435,10.5555,9l2.758,2.758a.6.6,0,0,1,.00147.84853Z" /></svg>');
1180
+ --vuu-svg-chevron-left: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 12"><path d="M6.71 0.70998C6.32 0.31998 5.69 0.31998 5.3 0.70998L0.709996 5.29998C0.319996 5.68998 0.319996 6.31998 0.709996 6.70998L5.3 11.3C5.69 11.69 6.32 11.69 6.71 11.3C7.1 10.91 7.1 10.28 6.71 9.88998L2.83 5.99998L6.71 2.11998C7.1 1.72998 7.09 1.08998 6.71 0.70998Z" /></svg>');
1181
+ --vuu-svg-chevron-right: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 12"><path d="M1.29006 0.710022C0.900059 1.10002 0.900059 1.73002 1.29006 2.12002L5.17006 6.00002L1.29006 9.88002C0.900059 10.27 0.900059 10.9 1.29006 11.29C1.68006 11.68 2.31006 11.68 2.70006 11.29L7.29006 6.70002C7.68006 6.31002 7.68006 5.68002 7.29006 5.29002L2.70006 0.700022C2.32006 0.320022 1.68006 0.320022 1.29006 0.710022Z"/></svg>');
1182
+ --vuu-svg-triangle-right: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 16"><path d="M3.807 10.1933L5.53 8.46665C5.79333 8.20665 5.79333 7.78665 5.53333 7.52665L3.807 5.79998C3.387 5.38665 2.66666 5.67998 2.7 6.27331V9.71998C2.7 10.32 3.3876 10.6133 3.807 10.1933Z"/></svg>');
1183
+ }
1184
+ span[data-icon] {
1185
+ display: inline-block;
1186
+ height: var(--vuu-icon-height, var(--vuu-icon-size,18px));
1187
+ position: relative;
1188
+ width: var(--vuu-icon-width, var(--vuu-icon-size, 18px));
1189
+ }
1190
+ [data-icon]:after {
1191
+ content: "";
1192
+ background-color: var(--vuu-icon-color, var(--saltIcon-color, var(--salt-text-secondary-foreground)));
1193
+ left: var(--vuu-icon-left, auto);
1194
+ height: var(--vuu-icon-height, var(--vuu-icon-size, 12px));
1195
+ -webkit-mask: var(--vuu-icon-svg) center center/var(--vuu-icon-size) var(--vuu-icon-size);
1196
+ mask: var(--vuu-icon-svg) center center/var(--vuu-icon-size) var(--vuu-icon-size);
1197
+ mask-repeat: no-repeat;
1198
+ -webkit-mask-repeat: no-repeat;
1199
+ position: absolute;
1200
+ top: var(--vuu-icon-top, auto);
1201
+ width: var(--vuu-icon-width, var(--vuu-icon-size, 12px));
1202
+ }
1203
+ [data-icon=sort-up] {
1204
+ --vuu-icon-svg: var(--svg-sort-up);
1205
+ }
1206
+ [data-icon=add] {
1207
+ --vuu-icon-svg: var(--svg-add);
1208
+ }
1209
+ [data-icon=arrow-thin-left] {
1210
+ --vuu-icon-svg: var(--svg-arrow-thin);
1211
+ }
1212
+ [data-icon=arrow-thin-right] {
1213
+ --vuu-icon-svg: var(--svg-arrow-thin);
1214
+ transform: rotate(180deg);
1215
+ }
1216
+ [data-icon=arrow-thin-up] {
1217
+ --vuu-icon-svg: var(--svg-arrow-thin);
1218
+ transform: rotate(90deg);
1219
+ }
1220
+ [data-icon=arrow-thin-down] {
1221
+ --vuu-icon-svg: var(--svg-arrow-thin);
1222
+ transform: rotate(270deg);
1223
+ }
1224
+ [data-icon=box] {
1225
+ --vuu-icon-svg: var(--svg-box);
1226
+ }
1227
+ [data-icon=chevron-double-right] {
1228
+ --vuu-icon-svg: var(--svg-chevron-double-right);
1229
+ }
1230
+ [data-icon=chevron-left] {
1231
+ --vuu-icon-svg: var(--vuu-svg-chevron-left);
1232
+ }
1233
+ [data-icon=chevron-right] {
1234
+ --vuu-icon-svg: var(--vuu-svg-chevron-right);
1235
+ }
1236
+ [data-icon=close] {
1237
+ --vuu-icon-svg: var(--vuu-close-icon-svg, var(--svg-close));
1238
+ }
1239
+ [data-icon=error] {
1240
+ --vuu-icon-color: var(--salt-status-error-foreground);
1241
+ --vuu-icon-svg: var(--svg-alert-circle-filled);
1242
+ }
1243
+ [data-icon=filter] {
1244
+ --vuu-icon-svg: var(--svg-filter);
1245
+ }
1246
+ [data-icon=rings] {
1247
+ --vuu-icon-svg: var(--svg-rings);
1248
+ }
1249
+ [data-icon=open-in] {
1250
+ --vuu-icon-svg: var(--svg-open-in);
1251
+ }
1252
+ [data-icon=close-circle] {
1253
+ --vuu-icon-svg: var(--svg-close-circle);
1254
+ }
1255
+ [data-icon=chevron-double-left] {
1256
+ --vuu-icon-svg: var(--svg-chevron-double-left);
1257
+ }
1258
+ [data-icon=chevron-double-right] {
1259
+ --vuu-icon-svg: var(--svg-chevron-double-right);
1260
+ }
1261
+ [data-icon=column-2A] {
1262
+ --vuu-icon-svg: var(--svg-column-2A);
1263
+ }
1264
+ [data-icon=column-2B] {
1265
+ --vuu-icon-svg: var(--svg-column-2B);
1266
+ }
1267
+ :is([data-icon="folder"], [data-icon="folder-closed"]) {
1268
+ --vuu-icon-svg: var(--svg-folder-closed);
1269
+ }
1270
+ [data-icon=plus-box] {
1271
+ --vuu-icon-svg: var(--svg-plus-box);
1272
+ }
1273
+ [data-icon=minus-box] {
1274
+ --vuu-icon-svg: var(--svg-minus-box);
1275
+ }
1276
+ [data-icon=settings] {
1277
+ --vuu-icon-svg: var(--svg-settings);
1278
+ }
1279
+ [data-icon=sorted-asc] {
1280
+ --vuu-icon-svg: var(--svg-sorted-asc);
1281
+ }
1282
+ [data-icon=sorted-dsc] {
1283
+ --vuu-icon-svg: var(--svg-sorted-dsc);
1284
+ }
1285
+ [data-icon=triangle-right] {
1286
+ --vuu-icon-svg: var(--svg-triangle-right);
1287
+ }
1288
+ [data-icon=user] {
1289
+ --vuu-icon-svg: var(--svg-user);
1290
+ }
1291
+ [data-icon=active-status] {
1292
+ --svg-icon: var(--svg-active-status);
1293
+ }
1294
+ [data-icon=connecting-status] {
1295
+ --svg-icon: var(--svg-connecting-status);
1296
+ }
1297
+ [data-icon=disconnected-status] {
1298
+ --svg-icon: var(--svg-disconnected-status);
1299
+ }
1300
+ [data-icon=vuu-triangle-right] {
1301
+ --vuu-icon-svg: var(--vuu-svg-triangle-right);
1302
+ }
1303
+
1304
+ /* css/theme.css */
1305
+
1306
+ /* index.css */
2
1307
  /*# sourceMappingURL=index.css.map */