@sprinklrjs/spaceweb-themes 12.33.2 → 14.11.3

package/hyperspace-15/hyperspace/light/utilities.js

@@ -0,0 +1,225 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// THIS FILES IS GENERATED USING SCRIPT, DO NOT EDIT DIRECTLY
+var utilities_1 = require("../../common-theme/utilities");
+var _a = utilities_1.default.longhandUtils, borderRadius = _a.borderRadius, borderWidth = _a.borderWidth, margin = _a.margin, padding = _a.padding;
+var utilities = {
+    'typography-h1': { fontSize: '2.8rem', lineHeight: '3.2rem', fontWeight: '600' },
+    'typography-h2': { fontSize: '1.6rem', lineHeight: '1.933rem', fontWeight: '600' },
+    'typography-h3': { fontSize: '1.333rem', lineHeight: '1.733rem', fontWeight: '600' },
+    'typography-h4': { fontSize: '1.067rem', lineHeight: '1.6rem', fontWeight: '600' },
+    'typography-h5': { fontSize: '1.067rem', lineHeight: '1.467rem', fontWeight: '600' },
+    'typography-h6': { fontSize: '0.933rem', lineHeight: '1.333rem', fontWeight: '600' },
+    'typography-h7': { fontSize: '0.867rem', lineHeight: '1.467rem', fontWeight: '600' },
+    'typography-b1': { fontSize: '0.867rem', lineHeight: '1.2rem', fontWeight: '600' },
+    'typography-b2': { fontSize: '0.8rem', lineHeight: '1.067rem', fontWeight: '600' },
+    'typography-bl1': { fontSize: '0.933rem', lineHeight: '1.333rem', fontWeight: '400' },
+    'typography-bl2': { fontSize: '0.867rem', lineHeight: '1.333rem', fontWeight: '400' },
+    'typography-bl3': { fontSize: '0.8rem', lineHeight: '1.2rem', fontWeight: '400' },
+    'typography-bs1': { fontSize: '0.933rem', lineHeight: '1.333rem', fontWeight: '400' },
+    'typography-bs2': { fontSize: '0.867rem', lineHeight: '1.2rem', fontWeight: '400' },
+    'typography-bs3': { fontSize: '0.8rem', lineHeight: '1.067rem', fontWeight: '400' },
+    'typography-l1': { fontSize: '0.867rem', lineHeight: '1.2rem', fontWeight: '400' },
+    'typography-l2': { fontSize: '0.8rem', lineHeight: '1.067rem', fontWeight: '400' },
+    'typography-l3': { fontSize: '0.733rem', lineHeight: '1.067rem', fontWeight: '400' },
+    'typography-l4': { fontSize: '0.667rem', lineHeight: '0.933rem', fontWeight: '400' },
+    'spr-ui-02': { backgroundColor: 'var(--spr-ui-02, #F8F8FA)' },
+    'spr-ui-04': { backgroundColor: 'var(--spr-ui-04, #1250DE)' },
+    'spr-ui-focus': { backgroundColor: 'var(--spr-ui-focus, rgba(8, 40, 204, 0.07))' },
+    'spr-ui-focus-reverse': { backgroundColor: 'var(--spr-ui-focus-reverse, rgba(255, 255, 255, 0.2))' },
+    'spr-ui-hover': { backgroundColor: 'var(--spr-ui-hover, #F8F8FA)' },
+    'spr-ui-hover-reverse': { backgroundColor: 'var(--spr-ui-hover-reverse, rgba(255, 255, 255, 0.1))' },
+    'spr-support-error-highlight': { backgroundColor: 'var(--spr-support-error-highlight, rgba(220, 38, 37, 0.2))' },
+    'spr-support-success-highlight': { backgroundColor: 'var(--spr-support-success-highlight, rgba(23, 135, 64, 0.2))' },
+    'spr-support-warning-highlight': { backgroundColor: 'var(--spr-support-warning-highlight, rgba(235, 179, 5, 0.2))' },
+    'spr-bg-success-highlight-2': { backgroundColor: 'var(--spr-bg-success-highlight-2, #87EFAC)' },
+    'spr-clr-blue-highlight': { backgroundColor: 'var(--spr-clr-blue-highlight, #E8F0FE)' },
+    'spr-tag': { backgroundColor: 'var(--spr-tag, #F2F2F4)' },
+    'spr-tag-01': { backgroundColor: 'var(--spr-tag-01, #E6E6E9)' },
+    'spr-tag-02': { backgroundColor: 'var(--spr-tag-02, rgba(8, 40, 204, 0.07))' },
+    'spr-field': { backgroundColor: 'var(--spr-field, #DBDBDB)' },
+    'spr-field-border': { borderColor: 'var(--spr-field-border, #DBDBDB)' },
+    'spr-popup': { backgroundColor: 'var(--spr-popup, #FFFFFF)' },
+    'spr-overlay': { backgroundColor: 'var(--spr-overlay, rgba(10, 10, 20, 0.9))' },
+    'spr-favourite': { backgroundColor: 'var(--spr-favourite, #FF9F21)' },
+    'spr-notification': { backgroundColor: 'var(--spr-notification, #DE336A)' },
+    'spr-interactive-hover-border': { borderColor: 'var(--spr-interactive-hover-border, #1640B1)' },
+    'spr-interactive-disable': { backgroundColor: 'var(--spr-interactive-disable, rgba(255, 255, 255, 0.6))' },
+    'spr-interactive-02': { backgroundColor: 'var(--spr-interactive-02, #E3E4E6)' },
+    'spr-clr-blue': { backgroundColor: 'var(--spr-clr-blue, #2EA2FB)' },
+    'spr-clr-green': { backgroundColor: 'var(--spr-clr-green, #33CC99)' },
+    'spr-clr-lavender': { backgroundColor: 'var(--spr-clr-lavender, #7F36F6)' },
+    'spr-clr-orange': { backgroundColor: 'var(--spr-clr-orange, #F08C1A)' },
+    'spr-clr-pink': { backgroundColor: 'var(--spr-clr-pink, #FFA1BE)' },
+    'spr-clr-red': { backgroundColor: 'var(--spr-clr-red, #E1245E)' },
+    'spr-clr-sea': { backgroundColor: 'var(--spr-clr-sea, #16AAD2)' },
+    'spr-clr-teal': { backgroundColor: 'var(--spr-clr-teal, #13C18D)' },
+    'spr-clr-yellow': { backgroundColor: 'var(--spr-clr-yellow, #ECAD00)' },
+    'spr-clr-grey': { backgroundColor: 'var(--spr-clr-grey, #D7D7DC)' },
+    'spr-interactive-focus': { borderColor: 'var(--spr-interactive-focus, #0E3386)' },
+    'spr-clr-purple': { backgroundColor: 'var(--spr-clr-purple, #8C43FF)' },
+    'spr-clr-lt-yellow': { backgroundColor: 'var(--spr-clr-lt-yellow, #FFD04F)' },
+    'spr-clr-darker-blue': { backgroundColor: 'var(--spr-clr-darker-blue, #327AFD)' },
+    'spr-secondary-yellow': { backgroundColor: 'var(--spr-secondary-yellow, #FFC312)' },
+    'spr-secondary-green': { backgroundColor: 'var(--spr-secondary-green, #A3CB38)' },
+    'spr-secondary-teal': { backgroundColor: 'var(--spr-secondary-teal, #12CBC4)' },
+    'spr-secondary-lt-pink': { backgroundColor: 'var(--spr-secondary-lt-pink, #FDA7DF)' },
+    'spr-secondary-pink': { backgroundColor: 'var(--spr-secondary-pink, #ED4C67)' },
+    'spr-secondary-maroon': { backgroundColor: 'var(--spr-secondary-maroon, #B53471)' },
+    'spr-secondary-orange': { backgroundColor: 'var(--spr-secondary-orange, #F48749)' },
+    'spr-clr-magenta': { backgroundColor: 'var(--spr-clr-magenta, #CB1CCE)' },
+    'spr-clr-magenta-border': { borderColor: 'var(--spr-clr-magenta-border, #CB1CCE)' },
+    'spr-clr-fuschia': { backgroundColor: 'var(--spr-clr-fuschia, #A70FDC)' },
+    'spr-clr-fuschia-border': { borderColor: 'var(--spr-clr-fuschia-border, #A70FDC)' },
+    'spr-clr-violet': { backgroundColor: 'var(--spr-clr-violet, #8E43FF)' },
+    'spr-clr-violet-border': { borderColor: 'var(--spr-clr-violet-border, #8E43FF)' },
+    'spr-clr-lt-violet': { backgroundColor: 'var(--spr-clr-lt-violet, #E4DFF2)' },
+    'spr-icon-02': { fill: 'var(--spr-icon-02, #646470)' },
+    'spr-icon-06': { fill: 'var(--spr-icon-06, rgba(255, 255, 255, 0.6))' },
+    'spr-icon-hover': { fill: 'var(--spr-icon-hover, #1E2022)' },
+    'spr-icon-disable': { fill: 'var(--spr-icon-disable, rgba(28, 28, 31, 0.33))' },
+    'spr-text-disable': { color: 'var(--spr-text-disable, rgba(28, 28, 31, 0.33))' },
+    'spr-text-magenta': { color: 'var(--spr-text-magenta, #CB1CCE)' },
+    'spr-hover': { borderColor: 'var(--spr-hover, #1640b1)' },
+    'spr-border-04': { borderColor: 'var(--spr-border-04, #818192)' },
+    'spr-card-border': { borderColor: 'var(--spr-card-border, #ECECEF)' },
+    'spr-popup-border': { borderColor: 'var(--spr-popup-border, #D7D7DC)' },
+    'spr-tooltip-border': { borderColor: 'var(--spr-tooltip-border, #0A0A14)' },
+    'spr-shadow-01': { boxShadow: 'var(--spr-shadow-01, 0 1px 4px 0 rgba(10,10,20,0.15))' },
+    'spr-shadow-02': { boxShadow: 'var(--spr-shadow-02, 0 2px 8px 0 rgba(10,10,20,0.20))' },
+    'spr-shadow-03': { boxShadow: 'var(--spr-shadow-03, -2px 9px 12px 0 rgba(10,10,20,0.60))' },
+    'spr-shadow-04': { boxShadow: 'var(--spr-shadow-04, -2px 5px 12px -4px rgba(10,10,20,.20))' },
+    'spr-shadow-05': { boxShadow: 'var(--spr-shadow-05, 0px 3px 4px 0 rgba(0,0,0,0.1))' },
+    'spr-shadow-06': { boxShadow: 'var(--spr-shadow-06, 0px -3px 4px 0 rgba(0,0,0,0.1))' },
+    'spr-bg-primary': { backgroundColor: 'var(--spr-bg-primary, #FFFFFF)' },
+    'spr-bg-secondary': { backgroundColor: 'var(--spr-bg-secondary, #ECEDEE)' },
+    'spr-bg-tertiary': { backgroundColor: 'var(--spr-bg-tertiary, #E3E4E6)' },
+    'spr-bg-quaternary': { backgroundColor: 'var(--spr-bg-quaternary, #F5F6F7)' },
+    'spr-bg-quinary': { backgroundColor: 'var(--spr-bg-quinary, #D8D9DB)' },
+    'spr-bg-inverse': { backgroundColor: 'var(--spr-bg-inverse, #1E2022)' },
+    'spr-bg-error': { backgroundColor: 'var(--spr-bg-error, #DC2625)' },
+    'spr-bg-error-highlight': { backgroundColor: 'var(--spr-bg-error-highlight, #FEE2E1)' },
+    'spr-bg-success': { backgroundColor: 'var(--spr-bg-success, #15823D)' },
+    'spr-bg-success-highlight': { backgroundColor: 'var(--spr-bg-success-highlight, #DCFCE7)' },
+    'spr-bg-warning': { backgroundColor: 'var(--spr-bg-warning, #EBB305)' },
+    'spr-bg-warning-highlight': { backgroundColor: 'var(--spr-bg-warning-highlight, #FEF9C3)' },
+    'spr-bg-neutral': { backgroundColor: 'var(--spr-bg-neutral, #94969A)' },
+    'spr-bg-overlay': { backgroundColor: 'var(--spr-bg-overlay, rgba(18, 18, 20, 0.66))' },
+    'spr-bg-white': { backgroundColor: 'var(--spr-bg-white, #FFFFFF)' },
+    'spr-highlight': { backgroundColor: 'var(--spr-highlight, #FEF9C3)' },
+    'spr-interactive': { backgroundColor: 'var(--spr-interactive, #1250DE)' },
+    'spr-interactive-hover': { backgroundColor: 'var(--spr-interactive-hover, #1640B1)' },
+    'spr-icon-primary': { fill: 'var(--spr-icon-primary, #1E2022)' },
+    'spr-icon-tertiary': { fill: 'var(--spr-icon-tertiary, #94969A)' },
+    'spr-icon-secondary': { fill: 'var(--spr-icon-secondary, #1250DE)' },
+    'spr-icon-inverse': { fill: 'var(--spr-icon-inverse, #FFFFFF)' },
+    'spr-icon-quaternary': { fill: 'var(--spr-icon-quaternary, #8DCAFF)' },
+    'spr-icon-white': { fill: 'var(--spr-icon-white, #FFFFFF)' },
+    'spr-icon-error': { fill: 'var(--spr-icon-error, #DC2625)' },
+    'spr-icon-success': { fill: 'var(--spr-icon-success, #15823D)' },
+    'spr-icon-warning': { fill: 'var(--spr-icon-warning, #EBB305)' },
+    'spr-link': { color: 'var(--spr-link, #1250DE)' },
+    'spr-text-primary': { color: 'var(--spr-text-primary, #1E2022)' },
+    'spr-text-secondary': { color: 'var(--spr-text-secondary, #252627)' },
+    'spr-text-tertiary': { color: 'var(--spr-text-tertiary, #525457)' },
+    'spr-text-placeholder': { color: 'var(--spr-text-placeholder, #757575)' },
+    'spr-text-white': { color: 'var(--spr-text-white, #FFFFFF)' },
+    'spr-text-inverse': { color: 'var(--spr-text-inverse, #FFFFFF)' },
+    'spr-text-error': { color: 'var(--spr-text-error, #DC2625)' },
+    'spr-text-success': { color: 'var(--spr-text-success, #15823D)' },
+    'spr-text-warning': { color: 'var(--spr-text-warning, #EBB305)' },
+    'spr-border-error': { borderColor: 'var(--spr-border-error, #DC2625)' },
+    'spr-border-success': { borderColor: 'var(--spr-border-success, #15823D)' },
+    'spr-border-warning': { borderColor: 'var(--spr-border-warning, #EBB305)' },
+    'spr-border-quinary': { borderColor: 'var(--spr-border-quinary, #1250DE)' },
+    'spr-border-primary': { borderColor: 'var(--spr-border-primary, #D8D9DB)' },
+    'spr-border-secondary': { borderColor: 'var(--spr-border-secondary, #E3E4E6)' },
+    'spr-border-tertiary': { borderColor: 'var(--spr-border-tertiary, #ECEDEE)' },
+    'spr-border-quaternary': { borderColor: 'var(--spr-border-quaternary, #252627)' },
+    'spr-border-inverse': { borderColor: 'var(--spr-border-inverse, #FFFFFF)' },
+    'spr-border-white': { borderColor: 'var(--spr-border-white, #FFFFFF)' },
+    'spr-focus-02': { outline: 'var(--spr-focus-02, 1px solid #1250DE)' },
+    'spr-shadow-100': {
+        boxShadow: 'var(--spr-shadow-100, 0 0 0.5px 0 rgba(0, 0, 0, 0.30), 0 2px 4px 0 rgba(0, 0, 0, 0.15))',
+    },
+    'spr-shadow-200': {
+        boxShadow: 'var(--spr-shadow-200, 0 0 0.5px 0 rgba(0, 0, 0, 0.10), 0 4px 12px 0 rgba(0, 0, 0, 0.10), 0 2px 4px 0 rgba(0, 0, 0, 0.10))',
+    },
+    'spr-ui-01': { backgroundColor: 'var(--spr-ui-01, #FFFFFF)' },
+    'spr-ui-05': { backgroundColor: 'var(--spr-ui-05, #ECEDEE)' },
+    'spr-ui-03': { backgroundColor: 'var(--spr-ui-03, #E3E4E6)' },
+    'spr-ui-06': { backgroundColor: 'var(--spr-ui-06, #D8D9DB)' },
+    'spr-tooltip-01': { backgroundColor: 'var(--spr-tooltip-01, #1E2022)' },
+    'spr-support-error': { backgroundColor: 'var(--spr-support-error, #DC2625)' },
+    'spr-support-success': { backgroundColor: 'var(--spr-support-success, #15823D)' },
+    'spr-support-warning': { backgroundColor: 'var(--spr-support-warning, #EBB305)' },
+    'spr-interactive-01': { backgroundColor: 'var(--spr-interactive-01, #1250DE)' },
+    'spr-icon-01': { fill: 'var(--spr-icon-01, #1E2022)' },
+    'spr-icon-03': { fill: 'var(--spr-icon-03, #94969A)' },
+    'spr-icon-04': { fill: 'var(--spr-icon-04, #1250DE)' },
+    'spr-icon-05': { fill: 'var(--spr-icon-05, #FFFFFF)' },
+    'spr-icon-hover-reverse': { fill: 'var(--spr-icon-hover-reverse, #FFFFFF)' },
+    'spr-text-04': { color: 'var(--spr-text-04, #1250DE)' },
+    'spr-text-link-active': { color: 'var(--spr-text-link-active, #1250DE)' },
+    'spr-text-01': { color: 'var(--spr-text-01, #1E2022)' },
+    'spr-text-02': { color: 'var(--spr-text-02, #252627)' },
+    'spr-text-03': { color: 'var(--spr-text-03, #525457)' },
+    'spr-text-05': { color: 'var(--spr-text-05, #FFFFFF)' },
+    'spr-text-06': { color: 'var(--spr-text-06, #FFFFFF)' },
+    'spr-support-error-text': { color: 'var(--spr-support-error-text, #DC2625)' },
+    'spr-support-success-text': { color: 'var(--spr-support-success-text, #15823D)' },
+    'spr-support-warning-text': { color: 'var(--spr-support-warning-text, #EBB305)' },
+    'spr-support-error-border': { borderColor: 'var(--spr-support-error-border, #DC2625)' },
+    'spr-support-success-border': { borderColor: 'var(--spr-support-success-border, #15823D)' },
+    'spr-support-warning-border': { borderColor: 'var(--spr-support-warning-border, #EBB305)' },
+    'spr-focus-01': { borderColor: 'var(--spr-focus-01, #1250DE)' },
+    'spr-border-03': { borderColor: 'var(--spr-border-03, #D8D9DB)' },
+    'spr-border-02': { borderColor: 'var(--spr-border-02, #E3E4E6)' },
+    'spr-border-01': { borderColor: 'var(--spr-border-01, #ECEDEE)' },
+    'spr-border-06': { borderColor: 'var(--spr-border-06, #252627)' },
+    'spr-border-05': { borderColor: 'var(--spr-border-05, #FFFFFF)' },
+    'ai-ui-01': { background: 'var(--ai-ui-01, linear-gradient(to right, #FFF4DF 0%, #E9FDE6 49%, #E2FBFF 100%))' },
+    'ai-ui-02': { background: 'var(--ai-ui-02, linear-gradient(to right, #FFF4DF 0%, #E9FDE6 49%, #E2FBFF 100%))' },
+    'ai-ui-04': { background: 'var(--ai-ui-04, #1C1C1F)' },
+    'ai-ui-05': { background: 'var(--ai-ui-05, #48484C)' },
+    'ai-ui-06': { background: 'var(--ai-ui-06, #646470)' },
+    'ai-border-01': {
+        background: 'linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(to right, #FFF4DF 0%, #E9FDE6 49%, #E2FBFF 100%) border-box',
+        borderColor: 'transparent',
+    },
+    'ai-border-02': { borderColor: 'var(--ai-border-02, #1C1C1F)' },
+    'ai-border-03': { borderColor: 'var(--ai-border-03, #48484C)' },
+    'ai-border-04': { borderColor: 'var(--ai-border-04, #646470)' },
+    'ai-highlight': { backgroundColor: 'var(--ai-highlight, #C6F7FF)' },
+    'ai-interactive-disable': {
+        background: 'var(--ai-interactive-disable, linear-gradient(205.71deg, #BFEAFF 6.61%, #9DF1FE 61.09%, #FFE0A1 100%))',
+    },
+    'ai-interactive-loading': {
+        background: 'var(--ai-interactive-loading, linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), linear-gradient(0deg, #9DF1FE, #9DF1FE))',
+    },
+    'ai-bg-gradient': {
+        background: 'var(--ai-bg-gradient, linear-gradient(to right, #FFF4DF 0%, #E9FDE6 49%, #E2FBFF 100%))',
+    },
+    'ai-border-gradient': {
+        background: 'linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(to right, #FFC005 2%, #FFE94F 12%, #8DE76E 21%, #3BE5FF 50%, #44BFFF 85%) border-box',
+        borderColor: 'transparent',
+    },
+    'ai-ui-03': { background: 'var(--ai-ui-03, linear-gradient(to right, #FFF4DF 0%, #E9FDE6 49%, #E2FBFF 100%))' },
+    'nav-ui-01': { backgroundColor: 'var(--nav-ui-01, rgba(255, 255, 255, 0.2))' },
+    'nav-ui-hover-01': { backgroundColor: 'var(--nav-ui-hover-01, rgba(255, 255, 255, 0.3))' },
+    'nav-icon-01': { fill: 'var(--nav-icon-01, rgba(255, 255, 255, 0.9))' },
+    'nav-icon-focus-01': { fill: 'var(--nav-icon-focus-01, #0E61F6)' },
+    'nav-text-01': { color: 'var(--nav-text-01, rgba(255, 255, 255, 0.9))' },
+};
+exports.default = __assign(__assign({}, utilities_1.default.utilities), utilities);

package/hyperspace-15/hyperspace/themeVars.css

@@ -0,0 +1,403 @@
+/**
+  * SPACEWEB-GENERATED-CSS-FILE
+  * DO NOT EDIT THIS FILE DIRECTLY, CHECK spaceweb-themes/scripts/buildTheme/buildThemeVariables
+  */
+
+.hyperspace-light {
+  color-scheme: light;
+  --spr-ui-02: #f8f8fa;
+  --spr-ui-04: #1250de;
+  --spr-ui-focus: rgba(8, 40, 204, 0.07);
+  --spr-ui-focus-reverse: rgba(255, 255, 255, 0.2);
+  --spr-ui-hover: #f8f8fa;
+  --spr-ui-hover-reverse: rgba(255, 255, 255, 0.1);
+  --spr-support-error-highlight: rgba(220, 38, 37, 0.2);
+  --spr-support-success-highlight: rgba(23, 135, 64, 0.2);
+  --spr-support-warning-highlight: rgba(235, 179, 5, 0.2);
+  --spr-bg-success-highlight-2: #87efac;
+  --spr-clr-blue-highlight: #e8f0fe;
+  --spr-tag: #f2f2f4;
+  --spr-tag-01: #e6e6e9;
+  --spr-tag-02: rgba(8, 40, 204, 0.07);
+  --spr-field: #dbdbdb;
+  --spr-field-border: #dbdbdb;
+  --spr-popup: #ffffff;
+  --spr-overlay: rgba(10, 10, 20, 0.9);
+  --spr-favourite: #ff9f21;
+  --spr-notification: #de336a;
+  --spr-interactive-hover-border: #1640b1;
+  --spr-interactive-disable: rgba(255, 255, 255, 0.6);
+  --spr-interactive-02: #e3e4e6;
+  --spr-clr-blue: #2ea2fb;
+  --spr-clr-green: #33cc99;
+  --spr-clr-lavender: #7f36f6;
+  --spr-clr-orange: #f08c1a;
+  --spr-clr-pink: #ffa1be;
+  --spr-clr-red: #e1245e;
+  --spr-clr-sea: #16aad2;
+  --spr-clr-teal: #13c18d;
+  --spr-clr-yellow: #ecad00;
+  --spr-clr-grey: #d7d7dc;
+  --spr-interactive-focus: #0e3386;
+  --spr-clr-purple: #8c43ff;
+  --spr-clr-lt-yellow: #ffd04f;
+  --spr-clr-darker-blue: #327afd;
+  --spr-secondary-yellow: #ffc312;
+  --spr-secondary-green: #a3cb38;
+  --spr-secondary-teal: #12cbc4;
+  --spr-secondary-lt-pink: #fda7df;
+  --spr-secondary-pink: #ed4c67;
+  --spr-secondary-maroon: #b53471;
+  --spr-secondary-orange: #f48749;
+  --spr-clr-magenta: #cb1cce;
+  --spr-clr-magenta-border: #cb1cce;
+  --spr-clr-fuschia: #a70fdc;
+  --spr-clr-fuschia-border: #a70fdc;
+  --spr-clr-violet: #8e43ff;
+  --spr-clr-violet-border: #8e43ff;
+  --spr-clr-lt-violet: #e4dff2;
+  --spr-icon-02: #646470;
+  --spr-icon-06: rgba(255, 255, 255, 0.6);
+  --spr-icon-hover: #1e2022;
+  --spr-icon-disable: rgba(28, 28, 31, 0.33);
+  --spr-text-disable: rgba(28, 28, 31, 0.33);
+  --spr-text-magenta: #cb1cce;
+  --spr-hover: #1640b1;
+  --spr-border-04: #818192;
+  --spr-card-border: #ececef;
+  --spr-popup-border: #d7d7dc;
+  --spr-tooltip-border: #0a0a14;
+  --spr-shadow-01: 0 1px 4px 0 rgba(10, 10, 20, 0.15);
+  --spr-shadow-02: 0 2px 8px 0 rgba(10, 10, 20, 0.2);
+  --spr-shadow-03: -2px 9px 12px 0 rgba(10, 10, 20, 0.6);
+  --spr-shadow-04: -2px 5px 12px -4px rgba(10, 10, 20, 0.2);
+  --spr-shadow-05: 0px 3px 4px 0 rgba(0, 0, 0, 0.1);
+  --spr-shadow-06: 0px -3px 4px 0 rgba(0, 0, 0, 0.1);
+  --spr-bg-primary: var(--spr-ui-01);
+  --spr-bg-secondary: var(--spr-ui-05);
+  --spr-bg-tertiary: var(--spr-ui-03);
+  --spr-bg-quaternary: #f5f6f7;
+  --spr-bg-quinary: var(--spr-ui-06);
+  --spr-bg-inverse: var(--spr-tooltip-01);
+  --spr-bg-error: var(--spr-support-error);
+  --spr-bg-error-highlight: #fee2e1;
+  --spr-bg-success: var(--spr-support-success);
+  --spr-bg-success-highlight: #dcfce7;
+  --spr-bg-warning: var(--spr-support-warning);
+  --spr-bg-warning-highlight: #fef9c3;
+  --spr-bg-neutral: #94969a;
+  --spr-bg-overlay: rgba(18, 18, 20, 0.66);
+  --spr-bg-white: #ffffff;
+  --spr-highlight: #fef9c3;
+  --spr-interactive: var(--spr-interactive-01);
+  --spr-interactive-hover: #1640b1;
+  --spr-icon-primary: var(--spr-icon-01);
+  --spr-icon-tertiary: var(--spr-icon-03);
+  --spr-icon-secondary: var(--spr-icon-04);
+  --spr-icon-inverse: var(--spr-icon-05);
+  --spr-icon-quaternary: #8dcaff;
+  --spr-icon-white: var(--spr-icon-hover-reverse);
+  --spr-icon-error: #dc2625;
+  --spr-icon-success: #15823d;
+  --spr-icon-warning: #ebb305;
+  --spr-link: var(--spr-text-link-active);
+  --spr-text-primary: var(--spr-text-01);
+  --spr-text-secondary: var(--spr-text-02);
+  --spr-text-tertiary: var(--spr-text-03);
+  --spr-text-placeholder: #757575;
+  --spr-text-white: var(--spr-text-05);
+  --spr-text-inverse: var(--spr-text-06);
+  --spr-text-error: var(--spr-support-error-text);
+  --spr-text-success: var(--spr-support-success-text);
+  --spr-text-warning: var(--spr-support-warning-text);
+  --spr-border-error: var(--spr-support-error-border);
+  --spr-border-success: var(--spr-support-success-border);
+  --spr-border-warning: var(--spr-support-warning-border);
+  --spr-border-quinary: var(--spr-focus-01);
+  --spr-border-primary: var(--spr-border-03);
+  --spr-border-secondary: var(--spr-border-02);
+  --spr-border-tertiary: var(--spr-border-01);
+  --spr-border-quaternary: var(--spr-border-06);
+  --spr-border-inverse: #ffffff;
+  --spr-border-white: var(--spr-border-05);
+  --spr-focus-02: 1px solid #1250de;
+  --spr-shadow-100: 0 0 0.5px 0 rgba(0, 0, 0, 0.3), 0 2px 4px 0 rgba(0, 0, 0, 0.15);
+  --spr-shadow-200: 0 0 0.5px 0 rgba(0, 0, 0, 0.1), 0 4px 12px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
+  --spr-ui-01: #ffffff;
+  --spr-ui-05: #ecedee;
+  --spr-ui-03: #e3e4e6;
+  --spr-ui-06: #d8d9db;
+  --spr-tooltip-01: #1e2022;
+  --spr-support-error: #dc2625;
+  --spr-support-success: #15823d;
+  --spr-support-warning: #ebb305;
+  --spr-interactive-01: #1250de;
+  --spr-icon-01: #1e2022;
+  --spr-icon-03: #94969a;
+  --spr-icon-04: #1250de;
+  --spr-icon-05: #ffffff;
+  --spr-icon-hover-reverse: #ffffff;
+  --spr-text-04: #1250de;
+  --spr-text-link-active: #1250de;
+  --spr-text-01: #1e2022;
+  --spr-text-02: #252627;
+  --spr-text-03: #525457;
+  --spr-text-05: #ffffff;
+  --spr-text-06: #ffffff;
+  --spr-support-error-text: #dc2625;
+  --spr-support-success-text: #15823d;
+  --spr-support-warning-text: #ebb305;
+  --spr-support-error-border: #dc2625;
+  --spr-support-success-border: #15823d;
+  --spr-support-warning-border: #ebb305;
+  --spr-focus-01: #1250de;
+  --spr-border-03: #d8d9db;
+  --spr-border-02: #e3e4e6;
+  --spr-border-01: #ecedee;
+  --spr-border-06: #252627;
+  --spr-border-05: #ffffff;
+  --app-header: #0a0a14;
+  --app-header-tab: rgba(255, 255, 255, 0.1);
+  --app-header-tab-hover: rgba(255, 255, 255, 0.2);
+  --app-header-tab-active: #eeeeee;
+  --app-header-text: rgba(255, 255, 255, 0.6);
+  --app-header-text-hover: #ffffff;
+  --cht-bg: #f3eae1;
+  --cht-border: #e6d4ca;
+  --cht-bubble-left: #ffffff;
+  --cht-bubble-right: #ebebff;
+  --cht-bubble-supporting-text: #646470;
+  --cht-bubble-text-left: #0a0a14;
+  --cht-bubble-text-right: #0a0a14;
+  --cht-bubble-border: #c7d3f7;
+  --cht-bubble-icon-1: #646470;
+  --cht-bubble-icon-2: #d7d7dc;
+  --cht-bubble-icon-3: #0828cc;
+  --cht-bubble-insert: #f8f8fa;
+  --cht-bubble-link: #0828cc;
+  --cht-bubble-text: #646470;
+  --cht-reply: #ffffff;
+  --cht-footer: #f3eae1;
+  --cht-hover: rgba(100, 100, 112, 0.07);
+  --cht-read: #006cd7;
+  --cht-unread: #a0a0a8;
+  --nav-ui-01: rgba(255, 255, 255, 0.2);
+  --nav-ui-hover-01: rgba(255, 255, 255, 0.3);
+  --nav-icon-01: rgba(255, 255, 255, 0.9);
+  --nav-icon-focus-01: #0e61f6;
+  --nav-text-01: rgba(255, 255, 255, 0.9);
+  --ai-ui-01: linear-gradient(to right, #fff4df 0%, #e9fde6 49%, #e2fbff 100%);
+  --ai-ui-02: linear-gradient(to right, #fff4df 0%, #e9fde6 49%, #e2fbff 100%);
+  --ai-ui-04: #1c1c1f;
+  --ai-ui-05: #48484c;
+  --ai-ui-06: #646470;
+  --ai-border-02: #1c1c1f;
+  --ai-border-03: #48484c;
+  --ai-border-04: #646470;
+  --ai-highlight: #c6f7ff;
+  --ai-interactive-disable: linear-gradient(205.71deg, #bfeaff 6.61%, #9df1fe 61.09%, #ffe0a1 100%);
+  --ai-interactive-loading: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
+    linear-gradient(0deg, #9df1fe, #9df1fe);
+  --ai-bg-gradient: var(--ai-ui-03);
+  --ai-ui-03: linear-gradient(to right, #fff4df 0%, #e9fde6 49%, #e2fbff 100%);
+}
+.hyperspace-dark {
+  color-scheme: dark;
+  --spr-ui-02: #212123;
+  --spr-ui-04: #1a6aff;
+  --spr-ui-focus: rgba(255, 255, 255, 0.12);
+  --spr-ui-focus-reverse: rgba(255, 255, 255, 0.2);
+  --spr-ui-hover: #212123;
+  --spr-ui-hover-reverse: rgba(255, 255, 255, 0.1);
+  --spr-support-error-highlight: rgba(239, 68, 68, 0.3);
+  --spr-support-success-highlight: rgba(34, 197, 93, 0.3);
+  --spr-support-warning-highlight: rgba(250, 204, 20, 0.3);
+  --spr-bg-success-highlight-2: #166434;
+  --spr-clr-blue-highlight: #2b3343;
+  --spr-tag: #48484c;
+  --spr-tag-01: #48484c;
+  --spr-tag-02: rgba(255, 255, 255, 0.1);
+  --spr-field: #48484c;
+  --spr-field-border: #48484c;
+  --spr-popup: #101112;
+  --spr-overlay: rgba(28, 28, 31, 0.85);
+  --spr-favourite: #ff9f21;
+  --spr-notification: #ef4444;
+  --spr-interactive-hover-border: #1250de;
+  --spr-interactive-disable: rgba(72, 72, 76, 0.8);
+  --spr-interactive-02: #2b2d2e;
+  --spr-clr-blue: #297ab9;
+  --spr-clr-green: #097a4b;
+  --spr-clr-lavender: #9c60ff;
+  --spr-clr-orange: #ff9f21;
+  --spr-clr-pink: #ffa1be;
+  --spr-clr-red: #db334f;
+  --spr-clr-sea: #00c8ff;
+  --spr-clr-teal: #02d999;
+  --spr-clr-yellow: #95700d;
+  --spr-clr-grey: #646469;
+  --spr-interactive-focus: #1640b1;
+  --spr-clr-purple: #763bd2;
+  --spr-clr-lt-yellow: #846f35;
+  --spr-clr-darker-blue: #327afd;
+  --spr-secondary-yellow: #8d6f18;
+  --spr-secondary-green: #5f732c;
+  --spr-secondary-teal: #168380;
+  --spr-secondary-lt-pink: #956787;
+  --spr-secondary-pink: #b94055;
+  --spr-secondary-maroon: #962f61;
+  --spr-secondary-orange: #a8623a;
+  --spr-clr-magenta: #cb1cce;
+  --spr-clr-magenta-border: #cb1cce;
+  --spr-clr-fuschia: #a70fdc;
+  --spr-clr-fuschia-border: #a70fdc;
+  --spr-clr-violet: #8e43ff;
+  --spr-clr-violet-border: #8e43ff;
+  --spr-clr-lt-violet: #e4dff2;
+  --spr-hover: #1250de;
+  --spr-border-04: #a0a0a8;
+  --spr-card-border: #3a3a3e;
+  --spr-popup-border: #1c1c1f;
+  --spr-tooltip-border: rgba(174, 174, 178, 0.2);
+  --spr-shadow-01: 0 1px 4px 0 rgba(10, 10, 20, 0.3);
+  --spr-shadow-02: 1px 1px 7px rgba(255, 255, 255, 0.1);
+  --spr-shadow-03: -2px 5px 12px 0 rgba(10, 10, 20, 0.8);
+  --spr-shadow-04: -2px 5px 12px -4px rgba(0, 0, 0, 1);
+  --spr-shadow-05: 0px 3px 4px 0 rgba(0, 0, 0, 0.2);
+  --spr-shadow-06: 0px -3px 4px 0 rgba(0, 0, 0, 0.2);
+  --spr-icon-02: #aeaeb2;
+  --spr-icon-06: rgba(255, 255, 255, 0.6);
+  --spr-icon-hover: #ffffff;
+  --spr-icon-disable: rgba(235, 235, 235, 0.5);
+  --spr-text-disable: rgba(242, 242, 242, 0.33);
+  --spr-text-magenta: #cb1cce;
+  --spr-bg-primary: var(--spr-ui-01);
+  --spr-bg-secondary: var(--spr-ui-05);
+  --spr-bg-tertiary: var(--spr-ui-03);
+  --spr-bg-quaternary: #252627;
+  --spr-bg-quinary: var(--spr-ui-06);
+  --spr-bg-inverse: var(--spr-tooltip-01);
+  --spr-bg-error: var(--spr-support-error);
+  --spr-bg-error-highlight: #7f1c1d;
+  --spr-bg-success: var(--spr-support-success);
+  --spr-bg-success-highlight: #14532d;
+  --spr-bg-warning: var(--spr-support-warning);
+  --spr-bg-warning-highlight: #713f11;
+  --spr-bg-neutral: #94969a;
+  --spr-bg-overlay: rgba(255, 255, 255, 0.5);
+  --spr-bg-white: #ffffff;
+  --spr-highlight: #713f11;
+  --spr-interactive: var(--spr-interactive-01);
+  --spr-interactive-hover: #1250de;
+  --spr-icon-primary: var(--spr-icon-01);
+  --spr-icon-tertiary: var(--spr-icon-03);
+  --spr-icon-secondary: var(--spr-icon-04);
+  --spr-icon-inverse: var(--spr-icon-05);
+  --spr-icon-quaternary: #57abff;
+  --spr-icon-white: var(--spr-icon-hover-reverse);
+  --spr-icon-error: #ef4444;
+  --spr-icon-success: #22c55d;
+  --spr-icon-warning: #facc14;
+  --spr-link: var(--spr-text-link-active);
+  --spr-text-primary: var(--spr-text-01);
+  --spr-text-secondary: var(--spr-text-02);
+  --spr-text-tertiary: var(--spr-text-03);
+  --spr-text-placeholder: #7d7d7d;
+  --spr-text-white: var(--spr-text-05);
+  --spr-text-inverse: var(--spr-text-06);
+  --spr-text-error: var(--spr-support-error-text);
+  --spr-text-success: var(--spr-support-success-text);
+  --spr-text-warning: var(--spr-support-warning-text);
+  --spr-border-error: var(--spr-support-error-border);
+  --spr-border-success: var(--spr-support-success-border);
+  --spr-border-warning: var(--spr-support-warning-border);
+  --spr-border-quinary: var(--spr-focus-01);
+  --spr-border-primary: var(--spr-border-03);
+  --spr-border-secondary: var(--spr-border-02);
+  --spr-border-tertiary: var(--spr-border-01);
+  --spr-border-quaternary: var(--spr-border-06);
+  --spr-border-inverse: #1e2022;
+  --spr-border-white: var(--spr-border-05);
+  --spr-focus-02: 1px solid #57abff;
+  --spr-shadow-100: 0 0.8px 0 0 rgba(255, 255, 255, 0.08) inset, 0 4px 8px 0 rgba(0, 0, 0, 0.4),
+    0 0 0.5px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 3px 0 rgba(0, 0, 0, 0.5);
+  --spr-shadow-200: 0 0.5px 0 0 rgba(255, 255, 255, 0.08) inset, 0 10px 16px 0 rgba(0, 0, 0, 0.35),
+    0 0 0.5px 0 rgba(255, 255, 255, 0.35) inset, 0 2px 5px 0 rgba(0, 0, 0, 0.35);
+  --spr-ui-01: #101112;
+  --spr-ui-05: #1e2022;
+  --spr-ui-03: #2b2d2e;
+  --spr-ui-06: #525457;
+  --spr-tooltip-01: #ffffff;
+  --spr-support-error: #ef4444;
+  --spr-support-success: #22c55d;
+  --spr-support-warning: #facc14;
+  --spr-interactive-01: #1a6aff;
+  --spr-icon-01: #f5f6f7;
+  --spr-icon-03: #94969a;
+  --spr-icon-04: #1a6aff;
+  --spr-icon-05: #1e2022;
+  --spr-icon-hover-reverse: #ffffff;
+  --spr-text-04: #3188ff;
+  --spr-text-link-active: #3188ff;
+  --spr-text-01: #f5f6f7;
+  --spr-text-02: #e3e4e6;
+  --spr-text-03: #b8b9bb;
+  --spr-text-05: #ffffff;
+  --spr-text-06: #1e2022;
+  --spr-support-error-text: #ef4444;
+  --spr-support-success-text: #22c55d;
+  --spr-support-warning-text: #facc14;
+  --spr-support-error-border: #ef4444;
+  --spr-support-success-border: #22c55d;
+  --spr-support-warning-border: #facc14;
+  --spr-focus-01: #1a6aff;
+  --spr-border-03: #525457;
+  --spr-border-02: #2b2d2e;
+  --spr-border-01: #252627;
+  --spr-border-06: #ecedee;
+  --spr-border-05: #ffffff;
+  --app-header: #000;
+  --app-header-tab: rgba(44, 44, 47, 0.6);
+  --app-header-tab-hover: rgba(44, 44, 47, 0.8);
+  --app-header-tab-active: #3a3a3e;
+  --app-header-text: rgba(255, 255, 255, 0.6);
+  --app-header-text-hover: #ffffff;
+  --cht-bg: #141416;
+  --cht-border: #2c2c2f;
+  --cht-bubble-left: #f8f8fa;
+  --cht-bubble-right: #006cd7;
+  --cht-bubble-supporting-text: rgba(255, 255, 255, 0.7);
+  --cht-bubble-text-left: #0a0a14;
+  --cht-bubble-text-right: #ffffff;
+  --cht-bubble-border: #006cd7;
+  --cht-bubble-icon-1: rgba(255, 255, 255, 0.7);
+  --cht-bubble-icon-2: rgba(255, 255, 255, 0.3);
+  --cht-bubble-icon-3: #ffffff;
+  --cht-bubble-insert: rgba(0, 0, 0, 0.2);
+  --cht-bubble-link: #3df6bf;
+  --cht-bubble-text: rgba(255, 255, 255, 0.7);
+  --cht-reply: #141416;
+  --cht-footer: #2c2c2f;
+  --cht-hover: #1c1c1f;
+  --cht-read: #006cd7;
+  --cht-unread: #aeaeb2;
+  --nav-ui-01: rgba(44, 44, 47, 0.7);
+  --nav-ui-hover-01: rgba(44, 44, 47, 0.9);
+  --nav-icon-01: rgba(255, 255, 255, 0.6);
+  --nav-icon-focus-01: #2e6bd9;
+  --nav-text-01: rgba(255, 255, 255, 0.6);
+  --ai-ui-01: linear-gradient(to right, #493b21 0%, #2c462b 49%, #22444c 100%);
+  --ai-ui-02: linear-gradient(to right, #493b21 0%, #2c462b 49%, #22444c 100%);
+  --ai-ui-04: #f1f1f1;
+  --ai-ui-05: #b4b4b4;
+  --ai-ui-06: #949494;
+  --ai-border-02: #f1f1f1;
+  --ai-border-03: #b4b4b4;
+  --ai-border-04: #949494;
+  --ai-highlight: rgba(142, 67, 255, 0.2);
+  --ai-interactive-disable: linear-gradient(229.68deg, #88578a 5.41%, #715693 58.63%, #4b5e91 105.21%);
+  --ai-interactive-loading: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
+    linear-gradient(0deg, rgba(142, 67, 255, 0.2), rgba(142, 67, 255, 0.2));
+  --ai-bg-gradient: var(--ai-ui-03);
+  --ai-ui-03: linear-gradient(to right, #493b21 0%, #2c462b 49%, #22444c 100%);
+}

package/hyperspace-15/hyperspace/themeVars.min.css

@@ -0,0 +1 @@
+.hyperspace-light{color-scheme:light;--spr-ui-02:#F8F8FA;--spr-ui-04:#1250DE;--spr-ui-focus:rgba(8, 40, 204, 0.07);--spr-ui-focus-reverse:rgba(255, 255, 255, 0.2);--spr-ui-hover:#F8F8FA;--spr-ui-hover-reverse:rgba(255, 255, 255, 0.1);--spr-support-error-highlight:rgba(220, 38, 37, 0.2);--spr-support-success-highlight:rgba(23, 135, 64, 0.2);--spr-support-warning-highlight:rgba(235, 179, 5, 0.2);--spr-bg-success-highlight-2:#87EFAC;--spr-clr-blue-highlight:#E8F0FE;--spr-tag:#F2F2F4;--spr-tag-01:#E6E6E9;--spr-tag-02:rgba(8, 40, 204, 0.07);--spr-field:#DBDBDB;--spr-field-border:#DBDBDB;--spr-popup:#FFFFFF;--spr-overlay:rgba(10, 10, 20, 0.9);--spr-favourite:#FF9F21;--spr-notification:#DE336A;--spr-interactive-hover-border:#1640B1;--spr-interactive-disable:rgba(255, 255, 255, 0.6);--spr-interactive-02:#E3E4E6;--spr-clr-blue:#2EA2FB;--spr-clr-green:#33CC99;--spr-clr-lavender:#7F36F6;--spr-clr-orange:#F08C1A;--spr-clr-pink:#FFA1BE;--spr-clr-red:#E1245E;--spr-clr-sea:#16AAD2;--spr-clr-teal:#13C18D;--spr-clr-yellow:#ECAD00;--spr-clr-grey:#D7D7DC;--spr-interactive-focus:#0E3386;--spr-clr-purple:#8C43FF;--spr-clr-lt-yellow:#FFD04F;--spr-clr-darker-blue:#327AFD;--spr-secondary-yellow:#FFC312;--spr-secondary-green:#A3CB38;--spr-secondary-teal:#12CBC4;--spr-secondary-lt-pink:#FDA7DF;--spr-secondary-pink:#ED4C67;--spr-secondary-maroon:#B53471;--spr-secondary-orange:#F48749;--spr-clr-magenta:#CB1CCE;--spr-clr-magenta-border:#CB1CCE;--spr-clr-fuschia:#A70FDC;--spr-clr-fuschia-border:#A70FDC;--spr-clr-violet:#8E43FF;--spr-clr-violet-border:#8E43FF;--spr-clr-lt-violet:#E4DFF2;--spr-icon-02:#646470;--spr-icon-06:rgba(255, 255, 255, 0.6);--spr-icon-hover:#1E2022;--spr-icon-disable:rgba(28, 28, 31, 0.33);--spr-text-disable:rgba(28, 28, 31, 0.33);--spr-text-magenta:#CB1CCE;--spr-hover:#1640b1;--spr-border-04:#818192;--spr-card-border:#ECECEF;--spr-popup-border:#D7D7DC;--spr-tooltip-border:#0A0A14;--spr-shadow-01:0 1px 4px 0 rgba(10,10,20,0.15);--spr-shadow-02:0 2px 8px 0 rgba(10,10,20,0.20);--spr-shadow-03:-2px 9px 12px 0 rgba(10,10,20,0.60);--spr-shadow-04:-2px 5px 12px -4px rgba(10,10,20,.20);--spr-shadow-05:0px 3px 4px 0 rgba(0,0,0,0.1);--spr-shadow-06:0px -3px 4px 0 rgba(0,0,0,0.1);--spr-bg-primary:var(--spr-ui-01);--spr-bg-secondary:var(--spr-ui-05);--spr-bg-tertiary:var(--spr-ui-03);--spr-bg-quaternary:#F5F6F7;--spr-bg-quinary:var(--spr-ui-06);--spr-bg-inverse:var(--spr-tooltip-01);--spr-bg-error:var(--spr-support-error);--spr-bg-error-highlight:#FEE2E1;--spr-bg-success:var(--spr-support-success);--spr-bg-success-highlight:#DCFCE7;--spr-bg-warning:var(--spr-support-warning);--spr-bg-warning-highlight:#FEF9C3;--spr-bg-neutral:#94969A;--spr-bg-overlay:rgba(18, 18, 20, 0.66);--spr-bg-white:#FFFFFF;--spr-highlight:#FEF9C3;--spr-interactive:var(--spr-interactive-01);--spr-interactive-hover:#1640B1;--spr-icon-primary:var(--spr-icon-01);--spr-icon-tertiary:var(--spr-icon-03);--spr-icon-secondary:var(--spr-icon-04);--spr-icon-inverse:var(--spr-icon-05);--spr-icon-quaternary:#8DCAFF;--spr-icon-white:var(--spr-icon-hover-reverse);--spr-icon-error:#DC2625;--spr-icon-success:#15823D;--spr-icon-warning:#EBB305;--spr-link:var(--spr-text-link-active);--spr-text-primary:var(--spr-text-01);--spr-text-secondary:var(--spr-text-02);--spr-text-tertiary:var(--spr-text-03);--spr-text-placeholder:#757575;--spr-text-white:var(--spr-text-05);--spr-text-inverse:var(--spr-text-06);--spr-text-error:var(--spr-support-error-text);--spr-text-success:var(--spr-support-success-text);--spr-text-warning:var(--spr-support-warning-text);--spr-border-error:var(--spr-support-error-border);--spr-border-success:var(--spr-support-success-border);--spr-border-warning:var(--spr-support-warning-border);--spr-border-quinary:var(--spr-focus-01);--spr-border-primary:var(--spr-border-03);--spr-border-secondary:var(--spr-border-02);--spr-border-tertiary:var(--spr-border-01);--spr-border-quaternary:var(--spr-border-06);--spr-border-inverse:#FFFFFF;--spr-border-white:var(--spr-border-05);--spr-focus-02:1px solid #1250DE;--spr-shadow-100:0 0 0.5px 0 rgba(0, 0, 0, 0.30),0 2px 4px 0 rgba(0, 0, 0, 0.15);--spr-shadow-200:0 0 0.5px 0 rgba(0, 0, 0, 0.10),0 4px 12px 0 rgba(0, 0, 0, 0.10),0 2px 4px 0 rgba(0, 0, 0, 0.10);--spr-ui-01:#FFFFFF;--spr-ui-05:#ECEDEE;--spr-ui-03:#E3E4E6;--spr-ui-06:#D8D9DB;--spr-tooltip-01:#1E2022;--spr-support-error:#DC2625;--spr-support-success:#15823D;--spr-support-warning:#EBB305;--spr-interactive-01:#1250DE;--spr-icon-01:#1E2022;--spr-icon-03:#94969A;--spr-icon-04:#1250DE;--spr-icon-05:#FFFFFF;--spr-icon-hover-reverse:#FFFFFF;--spr-text-04:#1250DE;--spr-text-link-active:#1250DE;--spr-text-01:#1E2022;--spr-text-02:#252627;--spr-text-03:#525457;--spr-text-05:#FFFFFF;--spr-text-06:#FFFFFF;--spr-support-error-text:#DC2625;--spr-support-success-text:#15823D;--spr-support-warning-text:#EBB305;--spr-support-error-border:#DC2625;--spr-support-success-border:#15823D;--spr-support-warning-border:#EBB305;--spr-focus-01:#1250DE;--spr-border-03:#D8D9DB;--spr-border-02:#E3E4E6;--spr-border-01:#ECEDEE;--spr-border-06:#252627;--spr-border-05:#FFFFFF;--app-header:#0A0A14;--app-header-tab:rgba(255, 255, 255, 0.1);--app-header-tab-hover:rgba(255, 255, 255, 0.2);--app-header-tab-active:#EEEEEE;--app-header-text:rgba(255, 255, 255, 0.6);--app-header-text-hover:#FFFFFF;--cht-bg:#F3EAE1;--cht-border:#E6D4CA;--cht-bubble-left:#FFFFFF;--cht-bubble-right:#EBEBFF;--cht-bubble-supporting-text:#646470;--cht-bubble-text-left:#0A0A14;--cht-bubble-text-right:#0A0A14;--cht-bubble-border:#C7D3F7;--cht-bubble-icon-1:#646470;--cht-bubble-icon-2:#D7D7DC;--cht-bubble-icon-3:#0828CC;--cht-bubble-insert:#F8F8FA;--cht-bubble-link:#0828CC;--cht-bubble-text:#646470;--cht-reply:#FFFFFF;--cht-footer:#F3EAE1;--cht-hover:rgba(100, 100, 112, 0.07);--cht-read:#006CD7;--cht-unread:#A0A0A8;--nav-ui-01:rgba(255, 255, 255, 0.2);--nav-ui-hover-01:rgba(255, 255, 255, 0.3);--nav-icon-01:rgba(255, 255, 255, 0.9);--nav-icon-focus-01:#0E61F6;--nav-text-01:rgba(255, 255, 255, 0.9);--ai-ui-01:linear-gradient(to right, #FFF4DF 0%, #E9FDE6 49%, #E2FBFF 100%);--ai-ui-02:linear-gradient(to right, #FFF4DF 0%, #E9FDE6 49%, #E2FBFF 100%);--ai-ui-04:#1C1C1F;--ai-ui-05:#48484C;--ai-ui-06:#646470;--ai-border-02:#1C1C1F;--ai-border-03:#48484C;--ai-border-04:#646470;--ai-highlight:#C6F7FF;--ai-interactive-disable:linear-gradient(205.71deg, #BFEAFF 6.61%, #9DF1FE 61.09%, #FFE0A1 100%);--ai-interactive-loading:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),linear-gradient(0deg, #9DF1FE, #9DF1FE);--ai-bg-gradient:var(--ai-ui-03);--ai-ui-03:linear-gradient(to right, #FFF4DF 0%, #E9FDE6 49%, #E2FBFF 100%)}.hyperspace-dark{color-scheme:dark;--spr-ui-02:#212123;--spr-ui-04:#1A6AFF;--spr-ui-focus:rgba(255, 255, 255, 0.12);--spr-ui-focus-reverse:rgba(255, 255, 255, 0.2);--spr-ui-hover:#212123;--spr-ui-hover-reverse:rgba(255, 255, 255, 0.1);--spr-support-error-highlight:rgba(239, 68, 68, 0.3);--spr-support-success-highlight:rgba(34, 197, 93, 0.3);--spr-support-warning-highlight:rgba(250, 204, 20, 0.3);--spr-bg-success-highlight-2:#166434;--spr-clr-blue-highlight:#2B3343;--spr-tag:#48484C;--spr-tag-01:#48484C;--spr-tag-02:rgba(255, 255, 255, 0.1);--spr-field:#48484C;--spr-field-border:#48484C;--spr-popup:#101112;--spr-overlay:rgba(28, 28, 31, 0.85);--spr-favourite:#FF9F21;--spr-notification:#EF4444;--spr-interactive-hover-border:#1250DE;--spr-interactive-disable:rgba(72,72,76,0.8);--spr-interactive-02:#2B2D2E;--spr-clr-blue:#297AB9;--spr-clr-green:#097A4B;--spr-clr-lavender:#9C60FF;--spr-clr-orange:#FF9F21;--spr-clr-pink:#FFA1BE;--spr-clr-red:#DB334F;--spr-clr-sea:#00C8FF;--spr-clr-teal:#02D999;--spr-clr-yellow:#95700D;--spr-clr-grey:#646469;--spr-interactive-focus:#1640B1;--spr-clr-purple:#763BD2;--spr-clr-lt-yellow:#846F35;--spr-clr-darker-blue:#327AFD;--spr-secondary-yellow:#8D6F18;--spr-secondary-green:#5F732C;--spr-secondary-teal:#168380;--spr-secondary-lt-pink:#956787;--spr-secondary-pink:#B94055;--spr-secondary-maroon:#962F61;--spr-secondary-orange:#A8623A;--spr-clr-magenta:#CB1CCE;--spr-clr-magenta-border:#CB1CCE;--spr-clr-fuschia:#A70FDC;--spr-clr-fuschia-border:#A70FDC;--spr-clr-violet:#8E43FF;--spr-clr-violet-border:#8E43FF;--spr-clr-lt-violet:#E4DFF2;--spr-hover:#1250DE;--spr-border-04:#A0A0A8;--spr-card-border:#3A3A3E;--spr-popup-border:#1C1C1F;--spr-tooltip-border:rgba(174, 174, 178, 0.2);--spr-shadow-01:0 1px 4px 0 rgba(10,10,20,0.3);--spr-shadow-02:1px 1px 7px rgba(255, 255, 255, 0.1);--spr-shadow-03:-2px 5px 12px 0 rgba(10,10,20,0.80);--spr-shadow-04:-2px 5px 12px -4px rgba(0,0,0,1.0);--spr-shadow-05:0px 3px 4px 0 rgba(0,0,0,0.2);--spr-shadow-06:0px -3px 4px 0 rgba(0,0,0,0.2);--spr-icon-02:#AEAEB2;--spr-icon-06:rgba(255, 255, 255, 0.6);--spr-icon-hover:#FFFFFF;--spr-icon-disable:rgba(235, 235, 235, 0.5);--spr-text-disable:rgba(242, 242, 242, 0.33);--spr-text-magenta:#CB1CCE;--spr-bg-primary:var(--spr-ui-01);--spr-bg-secondary:var(--spr-ui-05);--spr-bg-tertiary:var(--spr-ui-03);--spr-bg-quaternary:#252627;--spr-bg-quinary:var(--spr-ui-06);--spr-bg-inverse:var(--spr-tooltip-01);--spr-bg-error:var(--spr-support-error);--spr-bg-error-highlight:#7F1C1D;--spr-bg-success:var(--spr-support-success);--spr-bg-success-highlight:#14532D;--spr-bg-warning:var(--spr-support-warning);--spr-bg-warning-highlight:#713F11;--spr-bg-neutral:#94969A;--spr-bg-overlay:rgba(255, 255, 255, 0.5);--spr-bg-white:#FFFFFF;--spr-highlight:#713F11;--spr-interactive:var(--spr-interactive-01);--spr-interactive-hover:#1250DE;--spr-icon-primary:var(--spr-icon-01);--spr-icon-tertiary:var(--spr-icon-03);--spr-icon-secondary:var(--spr-icon-04);--spr-icon-inverse:var(--spr-icon-05);--spr-icon-quaternary:#57ABFF;--spr-icon-white:var(--spr-icon-hover-reverse);--spr-icon-error:#EF4444;--spr-icon-success:#22C55D;--spr-icon-warning:#FACC14;--spr-link:var(--spr-text-link-active);--spr-text-primary:var(--spr-text-01);--spr-text-secondary:var(--spr-text-02);--spr-text-tertiary:var(--spr-text-03);--spr-text-placeholder:#7D7D7D;--spr-text-white:var(--spr-text-05);--spr-text-inverse:var(--spr-text-06);--spr-text-error:var(--spr-support-error-text);--spr-text-success:var(--spr-support-success-text);--spr-text-warning:var(--spr-support-warning-text);--spr-border-error:var(--spr-support-error-border);--spr-border-success:var(--spr-support-success-border);--spr-border-warning:var(--spr-support-warning-border);--spr-border-quinary:var(--spr-focus-01);--spr-border-primary:var(--spr-border-03);--spr-border-secondary:var(--spr-border-02);--spr-border-tertiary:var(--spr-border-01);--spr-border-quaternary:var(--spr-border-06);--spr-border-inverse:#1E2022;--spr-border-white:var(--spr-border-05);--spr-focus-02:1px solid #57ABFF;--spr-shadow-100:0 0.8px 0 0 rgba(255, 255, 255, 0.08) inset,0 4px 8px 0 rgba(0, 0, 0, 0.40),0 0 0.5px 0 rgba(255, 255, 255, 0.30) inset,0 1px 3px 0 rgba(0, 0, 0, 0.50);--spr-shadow-200:0 0.5px 0 0 rgba(255, 255, 255, 0.08) inset,0 10px 16px 0 rgba(0, 0, 0, 0.35),0 0 0.5px 0 rgba(255, 255, 255, 0.35) inset,0 2px 5px 0 rgba(0, 0, 0, 0.35);--spr-ui-01:#101112;--spr-ui-05:#1E2022;--spr-ui-03:#2B2D2E;--spr-ui-06:#525457;--spr-tooltip-01:#FFFFFF;--spr-support-error:#EF4444;--spr-support-success:#22C55D;--spr-support-warning:#FACC14;--spr-interactive-01:#1A6AFF;--spr-icon-01:#F5F6F7;--spr-icon-03:#94969A;--spr-icon-04:#1A6AFF;--spr-icon-05:#1E2022;--spr-icon-hover-reverse:#FFFFFF;--spr-text-04:#3188FF;--spr-text-link-active:#3188FF;--spr-text-01:#F5F6F7;--spr-text-02:#E3E4E6;--spr-text-03:#B8B9BB;--spr-text-05:#FFFFFF;--spr-text-06:#1E2022;--spr-support-error-text:#EF4444;--spr-support-success-text:#22C55D;--spr-support-warning-text:#FACC14;--spr-support-error-border:#EF4444;--spr-support-success-border:#22C55D;--spr-support-warning-border:#FACC14;--spr-focus-01:#1A6AFF;--spr-border-03:#525457;--spr-border-02:#2B2D2E;--spr-border-01:#252627;--spr-border-06:#ECEDEE;--spr-border-05:#FFFFFF;--app-header:#000;--app-header-tab:rgba(44, 44, 47, 0.6);--app-header-tab-hover:rgba(44, 44, 47, 0.8);--app-header-tab-active:#3A3A3E;--app-header-text:rgba(255, 255, 255, 0.6);--app-header-text-hover:#FFFFFF;--cht-bg:#141416;--cht-border:#2C2C2F;--cht-bubble-left:#F8F8FA;--cht-bubble-right:#006CD7;--cht-bubble-supporting-text:rgba(255, 255, 255, 0.7);--cht-bubble-text-left:#0A0A14;--cht-bubble-text-right:#FFFFFF;--cht-bubble-border:#006CD7;--cht-bubble-icon-1:rgba(255, 255, 255, 0.7);--cht-bubble-icon-2:rgba(255, 255, 255, 0.3);--cht-bubble-icon-3:#FFFFFF;--cht-bubble-insert:rgba(0, 0, 0, 0.2);--cht-bubble-link:#3DF6BF;--cht-bubble-text:rgba(255, 255, 255, 0.7);--cht-reply:#141416;--cht-footer:#2C2C2F;--cht-hover:#1C1C1F;--cht-read:#006CD7;--cht-unread:#AEAEB2;--nav-ui-01:rgba(44, 44, 47, 0.7);--nav-ui-hover-01:rgba(44, 44, 47, 0.9);--nav-icon-01:rgba(255, 255, 255, 0.6);--nav-icon-focus-01:#2E6BD9;--nav-text-01:rgba(255, 255, 255, 0.6);--ai-ui-01:linear-gradient(to right, #493B21 0%, #2C462B 49%, #22444C 100%);--ai-ui-02:linear-gradient(to right, #493B21 0%, #2C462B 49%, #22444C 100%);--ai-ui-04:#F1F1F1;--ai-ui-05:#B4B4B4;--ai-ui-06:#949494;--ai-border-02:#F1F1F1;--ai-border-03:#B4B4B4;--ai-border-04:#949494;--ai-highlight:rgba(142, 67, 255,0.2);--ai-interactive-disable:linear-gradient(229.68deg, #88578A 5.41%, #715693 58.63%, #4B5E91 105.21%);--ai-interactive-loading:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),linear-gradient(0deg, rgba(142, 67, 255, 0.2), rgba(142, 67, 255, 0.2));--ai-bg-gradient:var(--ai-ui-03);--ai-ui-03:linear-gradient(to right, #493B21 0%, #2C462B 49%, #22444C 100%)}