@xploreu/styles 1.15.13 → 1.15.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/styles.css +1 -1
- package/dist/v1/animate.css +1 -1
- package/dist/v1/breakpoint.css +1 -1
- package/dist/v1/color.css +1 -1
- package/dist/v1/typography.css +1 -1
- package/dist/v2/color/_index.css +1 -1
- package/dist/v2/color/night.theme.css +1 -1
- package/dist/v2/color/xplorehq.theme.css +1 -1
- package/dist/v2/color/xploreu.theme.css +1 -1
- package/dist/v2/gradient.css +1 -1
- package/dist/v2/shadow.css +1 -1
- package/dist/v2/typography.css +1 -1
- package/package.json +4 -5
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import "./v1/_index.css";@import "./v2/_index.css";@layer base{button:not(:disabled),[type=button]:not(:disabled),[role=button]:not(:disabled){cursor:pointer}.loader{aspect-ratio:1;align-items:flex-start;width:60px;display:flex}.loader:before,.loader:after{content:"";aspect-ratio:1;--g:conic-gradient(from -90deg at 10px 10px,var(--color-fg-brand-primary-alt)90deg,#0000 0);background:var(--g),var(--g),var(--g);filter:drop-shadow(30px 30px 0 var(--color-fg-brand-primary-alt));flex:1;animation:1s infinite l20}.loader:after{transform:scaleX(-1)}@keyframes l20{0%{background-position:0 0,10px 10px,20px 20px}33%{background-position:10px 10px}66%{background-position:0 20px,10px 10px,20px 0}to{background-position:0 0,10px 10px,20px 20px}}}
|
|
1
|
+
@import "./v1/_index.css";@import "./v2/_index.css";@layer base{button:not(:disabled),[type=button]:not(:disabled),[role=button]:not(:disabled){cursor:pointer}.loader{aspect-ratio:1;align-items:flex-start;width:60px;display:flex}.loader:before,.loader:after{content:"";aspect-ratio:1;--g:conic-gradient(from -90deg at 10px 10px,var(--color-fg-brand-primary-alt) 90deg,#0000 0);background:var(--g), var(--g), var(--g);filter:drop-shadow(30px 30px 0 var(--color-fg-brand-primary-alt));flex:1;animation:1s infinite l20}.loader:after{transform:scaleX(-1)}@keyframes l20{0%{background-position:0 0,10px 10px,20px 20px}33%{background-position:10px 10px}66%{background-position:0 20px,10px 10px,20px 0}to{background-position:0 0,10px 10px,20px 20px}}}
|
package/dist/v1/animate.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@theme{
|
|
1
|
+
@theme{ --animate-accordion-up: accordion-up .2s ease-out; --animate-accordion-down: accordion-down .2s ease-out; --animate-slide-up: slideUp .2s ease-out; --animate-slide-down: slideDown .2s ease-out; --animate-marquee: marquee var(--duration) infinite linear; --animate-marquee-vertical: marquee-vertical var(--duration) linear infinite; --animate-blink-message: blinkMessage 2s ease-in-out; @keyframes accordion-down { from { height: 0; } to { height: var(--radix-accordion-content-height); } } @keyframes accordion-up { from { height: var(--radix-accordion-content-height); } to { height: 0; } } @keyframes slideDown { from { height: 0; } to { height: var(--radix-collapsible-content-height); } } @keyframes slideUp { from { height: var(--radix-collapsible-content-height); } to { height: 0; } } @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(calc(-100% - var(--gap))); } } @keyframes marquee-vertical { from { transform: translateY(0); } to { transform: translateY(calc(-100% - var(--gap))); } } @keyframes blinkMessage { 0%, 100% { background-color: transparent; } 25%, 75% { background-color: #8088e226; } 50% { background-color: #8088e240; } }}
|
package/dist/v1/breakpoint.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@theme{
|
|
1
|
+
@theme{ --breakpoint-laptop : 70.5rem; --breakpoint-tablet : 46.5rem; --breakpoint-mobile : 24.38rem;}
|
package/dist/v1/color.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import "./themes/light.theme.css";@theme{--gradient-click: linear-gradient(172.24deg,#f04438 -110.51%,#fff0 110.18%); --gradient-show: linear-gradient(175.72deg,#2da2d8 -22.34%,#fff0 105.9%); --color-content-white: var(--color-content-white); --color-content-black-inverse: var(--color-content-black-inverse); --color-content-white-inverse: var(--color-content-white-inverse); --color-content-black: var(--color-content-black); --color-content-on-primary: var(--color-content-on-primary); --color-content-disabled: var(--color-content-disabled); --color-content-on-primary-subtle-action: var(--color-content-on-primary-subtle-action); --color-content-on-secondary-subtle-action: var(--color-content-on-secondary-subtle-action); --color-content-on-info-subtle-action: var(--color-content-on-info-subtle-action); --color-content-on-warning-subtle-action: var(--color-content-on-warning-subtle-action); --color-content-on-error-subtle-action: var(--color-content-on-error-subtle-action); --color-content-success: var(--color-content-success); --color-content-success-strong: var(--color-content-success-strong); --color-content-success-light: var(--color-content-success-light); --color-content-error: var(--color-content-error); --color-content-error-strong: var(--color-content-error-strong); --color-content-error-light: var(--color-content-error-light); --color-content-warning: var(--color-content-warning); --color-content-warning-strong: var(--color-content-warning-strong); --color-content-warning-light: var(--color-content-warning-light); --color-content-info: var(--color-content-info); --color-content-info-strong: var(--color-content-info-strong); --color-content-info-light: var(--color-content-info-light); --color-content-secondary: var(--color-content-secondary); --color-content-secondary-strong: var(--color-content-secondary-strong); --color-content-secondary-light: var(--color-content-secondary-light); --color-content-primary: var(--color-content-primary); --color-content-primary-strong: var(--color-content-primary-strong); --color-content-primary-light: var(--color-content-primary-light); --color-content-text-icon-subtle: var(--color-content-text-icon-subtle); --color-content-text-icon-light: var(--color-content-text-icon-light); --color-content-text-icon-medium: var(--color-content-text-icon-medium); --color-content-text-icon-strong: var(--color-content-text-icon-strong); --color-background-surface: var(--color-background-surface); --color-background-surface-ultra-thin: var(--color-background-surface-ultra-thin); --color-background-surface-regular: var(--color-background-surface-regular); --color-background-surface-thick: var(--color-background-surface-thick); --color-background-surface-ultra-thick: var(--color-background-surface-ultra-thick); --color-background-canvas: var(--color-background-canvas); --color-background-canvas-subtle: var(--color-background-canvas-subtle); --color-background-disabled: var(--color-background-disabled); --color-background-primary-default: var(--color-background-primary-default); --color-background-primary-hover: var(--color-background-primary-hover); --color-background-primary-press: var(--color-background-primary-press); --color-background-primary-subtle: var(--color-background-primary-subtle); --color-background-primary-subtle-hover: var(--color-background-primary-subtle-hover); --color-background-primary-subtle-press: var(--color-background-primary-subtle-press); --color-background-secondary-default: var(--color-background-secondary-default); --color-background-secondary-hover: var(--color-background-secondary-hover); --color-background-secondary-press: var(--color-background-secondary-press); --color-background-secondary-subtle: var(--color-background-secondary-subtle); --color-background-secondary-subtle-hover: var(--color-background-secondary-subtle-hover); --color-background-secondary-subtle-press: var(--color-background-secondary-subtle-press); --color-background-info-default: var(--color-background-info-default); --color-background-info-hover: var(--color-background-info-hover); --color-background-info-press: var(--color-background-info-press); --color-background-info-subtle: var(--color-background-info-subtle); --color-background-info-subtle-hover: var(--color-background-info-subtle-hover); --color-background-success-default: var(--color-background-success-default); --color-background-success-hover: var(--color-background-success-hover); --color-background-success-press: var(--color-background-success-press); --color-background-success-subtle: var(--color-background-success-subtle); --color-background-success-subtle-hover: var(--color-background-success-subtle-hover); --color-background-success-dark: var(--color-background-success-dark); --color-background-warning-default: var(--color-background-warning-default); --color-background-warning-hover: var(--color-background-warning-hover); --color-background-warning-press: var(--color-background-warning-press); --color-background-warning-subtle: var(--color-background-warning-subtle); --color-background-warning-subtle-hover: var(--color-background-warning-subtle-hover); --color-background-error-default: var(--color-background-error-default); --color-background-error-hover: var(--color-background-error-hover); --color-background-error-press: var(--color-background-error-press); --color-background-error-subtle: var(--color-background-error-subtle); --color-background-error-subtle-hover: var(--color-background-error-subtle-hover); --color-background-neutral-default: var(--color-background-neutral-default); --color-background-neutral-hover: var(--color-background-neutral-hover); --color-background-neutral-press: var(--color-background-neutral-press); --color-background-neutral-strong: var(--color-background-neutral-strong); --color-background-neutral-strong-hover: var(--color-background-neutral-strong-hover); --color-background-neutral-strong-press: var(--color-background-neutral-strong-press); --color-background-neutral-subtle: var(--color-background-neutral-subtle); --color-background-neutral-subtle-hover: var(--color-background-neutral-subtle-hover); --color-background-neutral-default-navbar: var(--color-background-neutral-default-navbar); --color-background-overlay-default: var(--color-background-overlay-default); --color-background-overlay-hover: var(--color-background-overlay-hover); --color-background-overlay-press: var(--color-background-overlay-press); --color-background-overlay-subtle: var(--color-background-overlay-subtle); --color-background-overlay-subtle-hover: var(--color-background-overlay-subtle-hover); --color-background-shadow-light: var(--color-background-shadow-light); --color-background-shadow-medium: var(--color-background-shadow-medium); --color-background-shadow-strong: var(--color-background-shadow-strong); --color-specific-toggle-bg: var(--color-specific-toggle-bg); --color-specific-tab-menu-hover: var(--color-specific-tab-menu-hover); --color-specific-tab-menu-press: var(--color-specific-tab-menu-press); --color-specific-input-field-bg-field: var(--color-specific-input-field-bg-field); --color-specific-input-field-bg-disabled: var(--color-specific-input-field-bg-disabled); --color-specific-input-field-bg-field-subtle: var(--color-specific-input-field-bg-field-subtle); --color-specific-input-field-bg-field-strong: var(--color-specific-input-field-bg-field-strong); --color-specific-input-field-stroke: var(--color-specific-input-field-stroke); --color-specific-input-field-stroke-hover: var(--color-specific-input-field-stroke-hover); --color-specific-input-field-stroke-subtle: var(--color-specific-input-field-stroke-subtle); --color-specific-input-field-stroke-active: var(--color-specific-input-field-stroke-active); --color-specific-input-field-text-default: var(--color-specific-input-field-text-default); --color-specific-input-field-text-inputed: var(--color-specific-input-field-text-inputed); --color-specific-input-field-text-active: var(--color-specific-input-field-text-active); --color-border-card-on-surface: var(--color-border-card-on-surface); --color-border-card-on-canvas: var(--color-border-card-on-canvas); --color-border-primary-default: var(--color-border-primary-default); --color-border-primary-hover: var(--color-border-primary-hover); --color-border-primary-press: var(--color-border-primary-press); --color-border-primary-subtle: var(--color-border-primary-subtle); --color-border-primary-subtle-hover: var(--color-border-primary-subtle-hover); --color-border-primary-subtle-press: var(--color-border-primary-subtle-press); --color-border-secondary-default: var(--color-border-secondary-default); --color-border-secondary-hover: var(--color-border-secondary-hover); --color-border-secondary-press: var(--color-border-secondary-press); --color-border-secondary-subtle: var(--color-border-secondary-subtle); --color-border-secondary-subtle-hover: var(--color-border-secondary-subtle-hover); --color-border-secondary-subtle-press: var(--color-border-secondary-subtle-press); --color-border-info-default: var(--color-border-info-default); --color-border-info-hover: var(--color-border-info-hover); --color-border-info-press: var(--color-border-info-press); --color-border-info-subtle: var(--color-border-info-subtle); --color-border-info-subtle-hover: var(--color-border-info-subtle-hover); --color-border-success-default: var(--color-border-success-default); --color-border-success-hover: var(--color-border-success-hover); --color-border-success-press: var(--color-border-success-press); --color-border-success-subtle: var(--color-border-success-subtle); --color-border-success-subtle-hover: var(--color-border-success-subtle-hover); --color-border-warning-default: var(--color-border-warning-default); --color-border-warning-hover: var(--color-border-warning-hover); --color-border-warning-press: var(--color-border-warning-press); --color-border-warning-subtle: var(--color-border-warning-subtle); --color-border-warning-subtle-hover: var(--color-border-warning-subtle-hover); --color-border-error-default: var(--color-border-error-default); --color-border-error-hover: var(--color-border-error-hover); --color-border-error-press: var(--color-border-error-press); --color-border-error-subtle: var(--color-border-error-subtle); --color-border-error-subtle-hover: var(--color-border-error-subtle-hover); --color-border-neutral-default: var(--color-border-neutral-default); --color-border-neutral-hover: var(--color-border-neutral-hover); --color-border-neutral-hover2: var(--color-border-neutral-hover2); --color-border-neutral-subtle: var(--color-border-neutral-subtle); --color-border-neutral-subtle-hover: var(--color-border-neutral-subtle-hover); --color-border-overlay-default: var(--color-border-overlay-default); --color-border-overlay-hover: var(--color-border-overlay-hover); --color-border-overlay-press: var(--color-border-overlay-press); --color-border-overlay-subtle: var(--color-border-overlay-subtle); --color-border-overlay-subtle-hover: var(--color-border-overlay-subtle-hover); --color-special-icon-active: var(--color-special-icon-active); --color-special-bg-app: var(--color-special-bg-app); --color-special-bg-onbording: var(--color-special-bg-onbording); --color-special-bg-icon-subtle: var(--color-special-bg-icon-subtle); --color-special-bg-workplace: var(--color-special-bg-workplace); --color-special-bg-chip: var(--color-special-bg-chip); --color-cards-label-bg-success: var(--color-cards-label-bg-success); --color-cards-label-bg-warning: var(--color-cards-label-bg-warning); --color-cards-label-bg-error: var(--color-cards-label-bg-error); --color-cards-label-bg-primary: var(--color-cards-label-bg-primary); --color-cards-label-bg-default: var(--color-cards-label-bg-default); --color-cards-icon-active: var(--color-cards-icon-active); --color-cards-bg-app: var(--color-cards-bg-app); --color-cards-bg-onbording: var(--color-cards-bg-onbording); --color-cards-bg-icon-subtle: var(--color-cards-bg-icon-subtle); --color-cards-color: var(--color-cards-color); --color-cards-background-bg-cards: var(--color-cards-background-bg-cards); --color-cards-background-bg-cards-active: var(--color-cards-background-bg-cards-active); --color-cards-background-bg-cards-skeleton: var(--color-cards-background-bg-cards-skeleton); --color-cards-border-cards-hover: var(--color-cards-border-cards-hover); --color-cards-border-cards-active: var(--color-cards-border-cards-active); --color-backdrop-label-ultra-thin: var(--color-backdrop-label-ultra-thin); --color-backdrop-label-thin: var(--color-backdrop-label-thin); --color-backdrop-label-regular: var(--color-backdrop-label-regular); --color-backdrop-label-thick: var(--color-backdrop-label-thick); --color-backdrop-label-ultra-thick: var(--color-backdrop-label-ultra-thick); --color-backdrop-label-bg-wallpaper-overlay: var(--color-backdrop-label-bg-wallpaper-overlay);}
|
|
1
|
+
@import "./themes/light.theme.css";@theme{--gradient-click: linear-gradient(172.24deg, #f04438 -110.51%, #fff0 110.18%); --gradient-show: linear-gradient(175.72deg, #2da2d8 -22.34%, #fff0 105.9%); --color-content-white: var(--color-content-white); --color-content-black-inverse: var(--color-content-black-inverse); --color-content-white-inverse: var(--color-content-white-inverse); --color-content-black: var(--color-content-black); --color-content-on-primary: var(--color-content-on-primary); --color-content-disabled: var(--color-content-disabled); --color-content-on-primary-subtle-action: var(--color-content-on-primary-subtle-action); --color-content-on-secondary-subtle-action: var(--color-content-on-secondary-subtle-action); --color-content-on-info-subtle-action: var(--color-content-on-info-subtle-action); --color-content-on-warning-subtle-action: var(--color-content-on-warning-subtle-action); --color-content-on-error-subtle-action: var(--color-content-on-error-subtle-action); --color-content-success: var(--color-content-success); --color-content-success-strong: var(--color-content-success-strong); --color-content-success-light: var(--color-content-success-light); --color-content-error: var(--color-content-error); --color-content-error-strong: var(--color-content-error-strong); --color-content-error-light: var(--color-content-error-light); --color-content-warning: var(--color-content-warning); --color-content-warning-strong: var(--color-content-warning-strong); --color-content-warning-light: var(--color-content-warning-light); --color-content-info: var(--color-content-info); --color-content-info-strong: var(--color-content-info-strong); --color-content-info-light: var(--color-content-info-light); --color-content-secondary: var(--color-content-secondary); --color-content-secondary-strong: var(--color-content-secondary-strong); --color-content-secondary-light: var(--color-content-secondary-light); --color-content-primary: var(--color-content-primary); --color-content-primary-strong: var(--color-content-primary-strong); --color-content-primary-light: var(--color-content-primary-light); --color-content-text-icon-subtle: var(--color-content-text-icon-subtle); --color-content-text-icon-light: var(--color-content-text-icon-light); --color-content-text-icon-medium: var(--color-content-text-icon-medium); --color-content-text-icon-strong: var(--color-content-text-icon-strong); --color-background-surface: var(--color-background-surface); --color-background-surface-ultra-thin: var(--color-background-surface-ultra-thin); --color-background-surface-regular: var(--color-background-surface-regular); --color-background-surface-thick: var(--color-background-surface-thick); --color-background-surface-ultra-thick: var(--color-background-surface-ultra-thick); --color-background-canvas: var(--color-background-canvas); --color-background-canvas-subtle: var(--color-background-canvas-subtle); --color-background-disabled: var(--color-background-disabled); --color-background-primary-default: var(--color-background-primary-default); --color-background-primary-hover: var(--color-background-primary-hover); --color-background-primary-press: var(--color-background-primary-press); --color-background-primary-subtle: var(--color-background-primary-subtle); --color-background-primary-subtle-hover: var(--color-background-primary-subtle-hover); --color-background-primary-subtle-press: var(--color-background-primary-subtle-press); --color-background-secondary-default: var(--color-background-secondary-default); --color-background-secondary-hover: var(--color-background-secondary-hover); --color-background-secondary-press: var(--color-background-secondary-press); --color-background-secondary-subtle: var(--color-background-secondary-subtle); --color-background-secondary-subtle-hover: var(--color-background-secondary-subtle-hover); --color-background-secondary-subtle-press: var(--color-background-secondary-subtle-press); --color-background-info-default: var(--color-background-info-default); --color-background-info-hover: var(--color-background-info-hover); --color-background-info-press: var(--color-background-info-press); --color-background-info-subtle: var(--color-background-info-subtle); --color-background-info-subtle-hover: var(--color-background-info-subtle-hover); --color-background-success-default: var(--color-background-success-default); --color-background-success-hover: var(--color-background-success-hover); --color-background-success-press: var(--color-background-success-press); --color-background-success-subtle: var(--color-background-success-subtle); --color-background-success-subtle-hover: var(--color-background-success-subtle-hover); --color-background-success-dark: var(--color-background-success-dark); --color-background-warning-default: var(--color-background-warning-default); --color-background-warning-hover: var(--color-background-warning-hover); --color-background-warning-press: var(--color-background-warning-press); --color-background-warning-subtle: var(--color-background-warning-subtle); --color-background-warning-subtle-hover: var(--color-background-warning-subtle-hover); --color-background-error-default: var(--color-background-error-default); --color-background-error-hover: var(--color-background-error-hover); --color-background-error-press: var(--color-background-error-press); --color-background-error-subtle: var(--color-background-error-subtle); --color-background-error-subtle-hover: var(--color-background-error-subtle-hover); --color-background-neutral-default: var(--color-background-neutral-default); --color-background-neutral-hover: var(--color-background-neutral-hover); --color-background-neutral-press: var(--color-background-neutral-press); --color-background-neutral-strong: var(--color-background-neutral-strong); --color-background-neutral-strong-hover: var(--color-background-neutral-strong-hover); --color-background-neutral-strong-press: var(--color-background-neutral-strong-press); --color-background-neutral-subtle: var(--color-background-neutral-subtle); --color-background-neutral-subtle-hover: var(--color-background-neutral-subtle-hover); --color-background-neutral-default-navbar: var(--color-background-neutral-default-navbar); --color-background-overlay-default: var(--color-background-overlay-default); --color-background-overlay-hover: var(--color-background-overlay-hover); --color-background-overlay-press: var(--color-background-overlay-press); --color-background-overlay-subtle: var(--color-background-overlay-subtle); --color-background-overlay-subtle-hover: var(--color-background-overlay-subtle-hover); --color-background-shadow-light: var(--color-background-shadow-light); --color-background-shadow-medium: var(--color-background-shadow-medium); --color-background-shadow-strong: var(--color-background-shadow-strong); --color-specific-toggle-bg: var(--color-specific-toggle-bg); --color-specific-tab-menu-hover: var(--color-specific-tab-menu-hover); --color-specific-tab-menu-press: var(--color-specific-tab-menu-press); --color-specific-input-field-bg-field: var(--color-specific-input-field-bg-field); --color-specific-input-field-bg-disabled: var(--color-specific-input-field-bg-disabled); --color-specific-input-field-bg-field-subtle: var(--color-specific-input-field-bg-field-subtle); --color-specific-input-field-bg-field-strong: var(--color-specific-input-field-bg-field-strong); --color-specific-input-field-stroke: var(--color-specific-input-field-stroke); --color-specific-input-field-stroke-hover: var(--color-specific-input-field-stroke-hover); --color-specific-input-field-stroke-subtle: var(--color-specific-input-field-stroke-subtle); --color-specific-input-field-stroke-active: var(--color-specific-input-field-stroke-active); --color-specific-input-field-text-default: var(--color-specific-input-field-text-default); --color-specific-input-field-text-inputed: var(--color-specific-input-field-text-inputed); --color-specific-input-field-text-active: var(--color-specific-input-field-text-active); --color-border-card-on-surface: var(--color-border-card-on-surface); --color-border-card-on-canvas: var(--color-border-card-on-canvas); --color-border-primary-default: var(--color-border-primary-default); --color-border-primary-hover: var(--color-border-primary-hover); --color-border-primary-press: var(--color-border-primary-press); --color-border-primary-subtle: var(--color-border-primary-subtle); --color-border-primary-subtle-hover: var(--color-border-primary-subtle-hover); --color-border-primary-subtle-press: var(--color-border-primary-subtle-press); --color-border-secondary-default: var(--color-border-secondary-default); --color-border-secondary-hover: var(--color-border-secondary-hover); --color-border-secondary-press: var(--color-border-secondary-press); --color-border-secondary-subtle: var(--color-border-secondary-subtle); --color-border-secondary-subtle-hover: var(--color-border-secondary-subtle-hover); --color-border-secondary-subtle-press: var(--color-border-secondary-subtle-press); --color-border-info-default: var(--color-border-info-default); --color-border-info-hover: var(--color-border-info-hover); --color-border-info-press: var(--color-border-info-press); --color-border-info-subtle: var(--color-border-info-subtle); --color-border-info-subtle-hover: var(--color-border-info-subtle-hover); --color-border-success-default: var(--color-border-success-default); --color-border-success-hover: var(--color-border-success-hover); --color-border-success-press: var(--color-border-success-press); --color-border-success-subtle: var(--color-border-success-subtle); --color-border-success-subtle-hover: var(--color-border-success-subtle-hover); --color-border-warning-default: var(--color-border-warning-default); --color-border-warning-hover: var(--color-border-warning-hover); --color-border-warning-press: var(--color-border-warning-press); --color-border-warning-subtle: var(--color-border-warning-subtle); --color-border-warning-subtle-hover: var(--color-border-warning-subtle-hover); --color-border-error-default: var(--color-border-error-default); --color-border-error-hover: var(--color-border-error-hover); --color-border-error-press: var(--color-border-error-press); --color-border-error-subtle: var(--color-border-error-subtle); --color-border-error-subtle-hover: var(--color-border-error-subtle-hover); --color-border-neutral-default: var(--color-border-neutral-default); --color-border-neutral-hover: var(--color-border-neutral-hover); --color-border-neutral-hover2: var(--color-border-neutral-hover2); --color-border-neutral-subtle: var(--color-border-neutral-subtle); --color-border-neutral-subtle-hover: var(--color-border-neutral-subtle-hover); --color-border-overlay-default: var(--color-border-overlay-default); --color-border-overlay-hover: var(--color-border-overlay-hover); --color-border-overlay-press: var(--color-border-overlay-press); --color-border-overlay-subtle: var(--color-border-overlay-subtle); --color-border-overlay-subtle-hover: var(--color-border-overlay-subtle-hover); --color-special-icon-active: var(--color-special-icon-active); --color-special-bg-app: var(--color-special-bg-app); --color-special-bg-onbording: var(--color-special-bg-onbording); --color-special-bg-icon-subtle: var(--color-special-bg-icon-subtle); --color-special-bg-workplace: var(--color-special-bg-workplace); --color-special-bg-chip: var(--color-special-bg-chip); --color-cards-label-bg-success: var(--color-cards-label-bg-success); --color-cards-label-bg-warning: var(--color-cards-label-bg-warning); --color-cards-label-bg-error: var(--color-cards-label-bg-error); --color-cards-label-bg-primary: var(--color-cards-label-bg-primary); --color-cards-label-bg-default: var(--color-cards-label-bg-default); --color-cards-icon-active: var(--color-cards-icon-active); --color-cards-bg-app: var(--color-cards-bg-app); --color-cards-bg-onbording: var(--color-cards-bg-onbording); --color-cards-bg-icon-subtle: var(--color-cards-bg-icon-subtle); --color-cards-color: var(--color-cards-color); --color-cards-background-bg-cards: var(--color-cards-background-bg-cards); --color-cards-background-bg-cards-active: var(--color-cards-background-bg-cards-active); --color-cards-background-bg-cards-skeleton: var(--color-cards-background-bg-cards-skeleton); --color-cards-border-cards-hover: var(--color-cards-border-cards-hover); --color-cards-border-cards-active: var(--color-cards-border-cards-active); --color-backdrop-label-ultra-thin: var(--color-backdrop-label-ultra-thin); --color-backdrop-label-thin: var(--color-backdrop-label-thin); --color-backdrop-label-regular: var(--color-backdrop-label-regular); --color-backdrop-label-thick: var(--color-backdrop-label-thick); --color-backdrop-label-ultra-thick: var(--color-backdrop-label-ultra-thick); --color-backdrop-label-bg-wallpaper-overlay: var(--color-backdrop-label-bg-wallpaper-overlay);}
|
package/dist/v1/typography.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@theme{
|
|
1
|
+
@theme{ --text-caption: var(--text-caption,10px); --text-heading-1: 48px; --text-heading-1--line-height: 72px; --text-heading-2: 40px; --text-heading-2--line-height: 60px; --text-heading-3: 34px; --text-heading-3--line-height: 34px; --text-heading-4: 28px; --text-heading-4--line-height: 28px; --text-heading-5: 24px; --text-heading-5--line-height: 24px; --text-heading-6: 20px; --text-heading-6--line-height: 20px; --text-body-bold-lg: 18px; --text-body-bold-lg--line-height: 28px; --text-body-bold-lg--font-weight: 700; --text-body-bold-base: 16px; --text-body-bold-base--line-height: 24px; --text-body-bold-base--font-weight: 700; --text-body-bold-sm: 14px; --text-body-bold-sm--line-height: 24px; --text-body-bold-sm--font-weight: 700; --text-body-bold-xs: 12px; --text-body-bold-xs--line-height: 16px; --text-body-bold-xs--font-weight: 700; --text-body-bold-caption: 10px; --text-body-bold-caption--line-height: 16px; --text-body-bold-caption--font-weight: 700; --text-body-semibold-lg: 18px; --text-body-semibold-lg--line-height: 28px; --text-body-semibold-lg--font-weight: 600; --text-body-semibold-base: 16px; --text-body-semibold-base--line-height: 24px; --text-body-semibold-base--font-weight: 600; --text-body-semibold-sm: 14px; --text-body-semibold-sm--line-height: 24px; --text-body-semibold-sm--font-weight: 600; --text-body-semibold-xs: 12px; --text-body-semibold-xs--line-height: 16px; --text-body-semibold-xs--font-weight: 600; --text-body-semibold-caption: 10px; --text-body-semibold-caption--line-height: 16px; --text-body-semibold-caption--font-weight: 600; --text-body-medium-lg: 18px; --text-body-medium-lg--line-height: 28px; --text-body-medium-lg--font-weight: 500; --text-body-medium-base: 16px; --text-body-medium-base--line-height: 24px; --text-body-medium-base--font-weight: 500; --text-body-medium-sm: 14px; --text-body-medium-sm--line-height: 24px; --text-body-medium-sm--font-weight: 500; --text-body-medium-xs: 12px; --text-body-medium-xs--line-height: 16px; --text-body-medium-xs--font-weight: 500; --text-body-medium-caption: 10px; --text-body-medium-caption--line-height: 16px; --text-body-medium-caption--font-weight: 500; --text-body-regular-lg: 18px; --text-body-regular-lg--line-height: 28px; --text-body-regular-lg--font-weight: 400; --text-body-regular-base: 16px; --text-body-regular-base--line-height: 24px; --text-body-regular-base--font-weight: 400; --text-body-regular-sm: 14px; --text-body-regular-sm--line-height: 24px; --text-body-regular-sm--font-weight: 400; --text-body-regular-xs: 12px; --text-body-regular-xs--line-height: 16px; --text-body-regular-xs--font-weight: 400; --text-body-regular-caption: 10px; --text-body-regular-caption--line-height: 16px; --text-body-regular-caption--font-weight: 400;}
|
package/dist/v2/color/_index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import "./base.theme.css";@import "./light.theme.css";@import "./dark.theme.css";@import "./xploreu.theme.css";@import "./xplorehq.theme.css";@import "./smatoz-green.theme.css";@import "./smatoz-red.theme.css";@import "./smatoz-yellow.theme.css";@theme{ --color-base-white: var(--color-base-white); --color-base-black: var(--color-base-black); --color-base-transparent-white: var(--color-base-transparent-white); --color-base-transparent-white-05: var(--color-base-transparent-white-05); --color-base-transparent-black: var(--color-base-transparent-black); --color-base-transparent-dark: var(--color-base-transparent-dark); --color-base-transparent-brand: var(--color-base-transparent-brand); --color-gradient-linear-blue-0: var(--color-gradient-linear-blue-0); --color-gradient-linear-blue-100: var(--color-gradient-linear-blue-100); --color-gradient-linear-green-0: var(--color-gradient-linear-green-0); --color-gradient-linear-green-100: var(--color-gradient-linear-green-100); --color-gradient-linear-neutral-0: var(--color-gradient-linear-neutral-0); --color-gradient-linear-neutral-100: var(--color-gradient-linear-neutral-100); --color-gradient-linear-orange-0: var(--color-gradient-linear-orange-0); --color-gradient-linear-orange-58: var(--color-gradient-linear-orange-58); --color-brand-light-25: var(--color-brand-light-25); --color-brand-light-50: var(--color-brand-light-50); --color-brand-light-100: var(--color-brand-light-100); --color-brand-light-200: var(--color-brand-light-200); --color-brand-light-300: var(--color-brand-light-300); --color-brand-light-400: var(--color-brand-light-400); --color-brand-light-500: var(--color-brand-light-500); --color-brand-light-600: var(--color-brand-light-600); --color-brand-light-700: var(--color-brand-light-700); --color-brand-light-800: var(--color-brand-light-800); --color-brand-light-900: var(--color-brand-light-900); --color-brand-light-950: var(--color-brand-light-950); --color-brand-dark-25: var(--color-brand-dark-25); --color-brand-dark-50: var(--color-brand-dark-50); --color-brand-dark-100: var(--color-brand-dark-100); --color-brand-dark-200: var(--color-brand-dark-200); --color-brand-dark-300: var(--color-brand-dark-300); --color-brand-dark-400: var(--color-brand-dark-400); --color-brand-dark-500: var(--color-brand-dark-500); --color-brand-dark-600: var(--color-brand-dark-600); --color-brand-dark-700: var(--color-brand-dark-700); --color-brand-dark-800: var(--color-brand-dark-800); --color-brand-dark-900: var(--color-brand-dark-900); --color-brand-dark-950: var(--color-brand-dark-950); --color-error-25: var(--color-error-25); --color-error-50: var(--color-error-50); --color-error-100: var(--color-error-100); --color-error-200: var(--color-error-200); --color-error-300: var(--color-error-300); --color-error-400: var(--color-error-400); --color-error-500: var(--color-error-500); --color-error-600: var(--color-error-600); --color-error-700: var(--color-error-700); --color-error-800: var(--color-error-800); --color-error-900: var(--color-error-900); --color-error-950: var(--color-error-950); --color-warning-25: var(--color-warning-25); --color-warning-50: var(--color-warning-50); --color-warning-100: var(--color-warning-100); --color-warning-200: var(--color-warning-200); --color-warning-300: var(--color-warning-300); --color-warning-400: var(--color-warning-400); --color-warning-500: var(--color-warning-500); --color-warning-600: var(--color-warning-600); --color-warning-700: var(--color-warning-700); --color-warning-800: var(--color-warning-800); --color-warning-900: var(--color-warning-900); --color-warning-950: var(--color-warning-950); --color-success-25: var(--color-success-25); --color-success-50: var(--color-success-50); --color-success-100: var(--color-success-100); --color-success-200: var(--color-success-200); --color-success-300: var(--color-success-300); --color-success-400: var(--color-success-400); --color-success-500: var(--color-success-500); --color-success-600: var(--color-success-600); --color-success-700: var(--color-success-700); --color-success-800: var(--color-success-800); --color-success-900: var(--color-success-900); --color-success-950: var(--color-success-950); --color-gray-light-mode-25: var(--color-gray-light-mode-25); --color-gray-light-mode-50: var(--color-gray-light-mode-50); --color-gray-light-mode-100: var(--color-gray-light-mode-100); --color-gray-light-mode-200: var(--color-gray-light-mode-200); --color-gray-light-mode-300: var(--color-gray-light-mode-300); --color-gray-light-mode-400: var(--color-gray-light-mode-400); --color-gray-light-mode-500: var(--color-gray-light-mode-500); --color-gray-light-mode-600: var(--color-gray-light-mode-600); --color-gray-light-mode-700: var(--color-gray-light-mode-700); --color-gray-light-mode-800: var(--color-gray-light-mode-800); --color-gray-light-mode-900: var(--color-gray-light-mode-900); --color-gray-light-mode-950: var(--color-gray-light-mode-950); --color-gray-dark-mode-25: var(--color-gray-dark-mode-25); --color-gray-dark-mode-50: var(--color-gray-dark-mode-50); --color-gray-dark-mode-100: var(--color-gray-dark-mode-100); --color-gray-dark-mode-200: var(--color-gray-dark-mode-200); --color-gray-dark-mode-300: var(--color-gray-dark-mode-300); --color-gray-dark-mode-400: var(--color-gray-dark-mode-400); --color-gray-dark-mode-500: var(--color-gray-dark-mode-500); --color-gray-dark-mode-600: var(--color-gray-dark-mode-600); --color-gray-dark-mode-700: var(--color-gray-dark-mode-700); --color-gray-dark-mode-800: var(--color-gray-dark-mode-800); --color-gray-dark-mode-900: var(--color-gray-dark-mode-900); --color-gray-dark-mode-950: var(--color-gray-dark-mode-950); --color-gray-blue-25: var(--color-gray-blue-25); --color-gray-blue-50: var(--color-gray-blue-50); --color-gray-blue-100: var(--color-gray-blue-100); --color-gray-blue-200: var(--color-gray-blue-200); --color-gray-blue-300: var(--color-gray-blue-300); --color-gray-blue-400: var(--color-gray-blue-400); --color-gray-blue-500: var(--color-gray-blue-500); --color-gray-blue-600: var(--color-gray-blue-600); --color-gray-blue-700: var(--color-gray-blue-700); --color-gray-blue-800: var(--color-gray-blue-800); --color-gray-blue-900: var(--color-gray-blue-900); --color-gray-blue-950: var(--color-gray-blue-950); --color-gray-cool-25: var(--color-gray-cool-25); --color-gray-cool-50: var(--color-gray-cool-50); --color-gray-cool-100: var(--color-gray-cool-100); --color-gray-cool-200: var(--color-gray-cool-200); --color-gray-cool-300: var(--color-gray-cool-300); --color-gray-cool-400: var(--color-gray-cool-400); --color-gray-cool-500: var(--color-gray-cool-500); --color-gray-cool-600: var(--color-gray-cool-600); --color-gray-cool-700: var(--color-gray-cool-700); --color-gray-cool-800: var(--color-gray-cool-800); --color-gray-cool-900: var(--color-gray-cool-900); --color-gray-cool-950: var(--color-gray-cool-950); --color-gray-modern-25: var(--color-gray-modern-25); --color-gray-modern-50: var(--color-gray-modern-50); --color-gray-modern-100: var(--color-gray-modern-100); --color-gray-modern-200: var(--color-gray-modern-200); --color-gray-modern-300: var(--color-gray-modern-300); --color-gray-modern-400: var(--color-gray-modern-400); --color-gray-modern-500: var(--color-gray-modern-500); --color-gray-modern-600: var(--color-gray-modern-600); --color-gray-modern-700: var(--color-gray-modern-700); --color-gray-modern-800: var(--color-gray-modern-800); --color-gray-modern-900: var(--color-gray-modern-900); --color-gray-modern-950: var(--color-gray-modern-950); --color-gray-neutral-25: var(--color-gray-neutral-25); --color-gray-neutral-50: var(--color-gray-neutral-50); --color-gray-neutral-100: var(--color-gray-neutral-100); --color-gray-neutral-200: var(--color-gray-neutral-200); --color-gray-neutral-300: var(--color-gray-neutral-300); --color-gray-neutral-400: var(--color-gray-neutral-400); --color-gray-neutral-500: var(--color-gray-neutral-500); --color-gray-neutral-600: var(--color-gray-neutral-600); --color-gray-neutral-700: var(--color-gray-neutral-700); --color-gray-neutral-800: var(--color-gray-neutral-800); --color-gray-neutral-900: var(--color-gray-neutral-900); --color-gray-neutral-950: var(--color-gray-neutral-950); --color-gray-iron-25: var(--color-gray-iron-25); --color-gray-iron-50: var(--color-gray-iron-50); --color-gray-iron-100: var(--color-gray-iron-100); --color-gray-iron-200: var(--color-gray-iron-200); --color-gray-iron-300: var(--color-gray-iron-300); --color-gray-iron-400: var(--color-gray-iron-400); --color-gray-iron-500: var(--color-gray-iron-500); --color-gray-iron-600: var(--color-gray-iron-600); --color-gray-iron-700: var(--color-gray-iron-700); --color-gray-iron-800: var(--color-gray-iron-800); --color-gray-iron-900: var(--color-gray-iron-900); --color-gray-iron-950: var(--color-gray-iron-950); --color-gray-true-25: var(--color-gray-true-25); --color-gray-true-50: var(--color-gray-true-50); --color-gray-true-100: var(--color-gray-true-100); --color-gray-true-200: var(--color-gray-true-200); --color-gray-true-300: var(--color-gray-true-300); --color-gray-true-400: var(--color-gray-true-400); --color-gray-true-500: var(--color-gray-true-500); --color-gray-true-600: var(--color-gray-true-600); --color-gray-true-700: var(--color-gray-true-700); --color-gray-true-800: var(--color-gray-true-800); --color-gray-true-900: var(--color-gray-true-900); --color-gray-true-950: var(--color-gray-true-950); --color-gray-warm-25: var(--color-gray-warm-25); --color-gray-warm-50: var(--color-gray-warm-50); --color-gray-warm-100: var(--color-gray-warm-100); --color-gray-warm-200: var(--color-gray-warm-200); --color-gray-warm-300: var(--color-gray-warm-300); --color-gray-warm-400: var(--color-gray-warm-400); --color-gray-warm-500: var(--color-gray-warm-500); --color-gray-warm-600: var(--color-gray-warm-600); --color-gray-warm-700: var(--color-gray-warm-700); --color-gray-warm-800: var(--color-gray-warm-800); --color-gray-warm-900: var(--color-gray-warm-900); --color-gray-warm-950: var(--color-gray-warm-950); --color-alpha-gray-light-25: var(--color-alpha-gray-light-25); --color-alpha-gray-light-50: var(--color-alpha-gray-light-50); --color-alpha-gray-light-100: var(--color-alpha-gray-light-100); --color-alpha-gray-light-200: var(--color-alpha-gray-light-200); --color-alpha-gray-light-300: var(--color-alpha-gray-light-300); --color-alpha-gray-light-400: var(--color-alpha-gray-light-400); --color-alpha-gray-light-500: var(--color-alpha-gray-light-500); --color-alpha-gray-light-600: var(--color-alpha-gray-light-600); --color-alpha-gray-light-700: var(--color-alpha-gray-light-700); --color-alpha-gray-light-800: var(--color-alpha-gray-light-800); --color-alpha-gray-light-900: var(--color-alpha-gray-light-900); --color-alpha-gray-light-950: var(--color-alpha-gray-light-950); --color-alpha-gray-dark-25: var(--color-alpha-gray-dark-25); --color-alpha-gray-dark-50: var(--color-alpha-gray-dark-50); --color-alpha-gray-dark-100: var(--color-alpha-gray-dark-100); --color-alpha-gray-dark-200: var(--color-alpha-gray-dark-200); --color-alpha-gray-dark-300: var(--color-alpha-gray-dark-300); --color-alpha-gray-dark-400: var(--color-alpha-gray-dark-400); --color-alpha-gray-dark-500: var(--color-alpha-gray-dark-500); --color-alpha-gray-dark-600: var(--color-alpha-gray-dark-600); --color-alpha-gray-dark-700: var(--color-alpha-gray-dark-700); --color-alpha-gray-dark-800: var(--color-alpha-gray-dark-800); --color-alpha-gray-dark-900: var(--color-alpha-gray-dark-900); --color-alpha-gray-dark-950: var(--color-alpha-gray-dark-950); --color-alpha-gray-modern-25: var(--color-alpha-gray-modern-25); --color-alpha-gray-modern-50: var(--color-alpha-gray-modern-50); --color-alpha-gray-modern-100: var(--color-alpha-gray-modern-100); --color-alpha-gray-modern-200: var(--color-alpha-gray-modern-200); --color-alpha-gray-modern-300: var(--color-alpha-gray-modern-300); --color-alpha-gray-modern-400: var(--color-alpha-gray-modern-400); --color-alpha-gray-modern-500: var(--color-alpha-gray-modern-500); --color-alpha-gray-modern-600: var(--color-alpha-gray-modern-600); --color-alpha-gray-modern-700: var(--color-alpha-gray-modern-700); --color-alpha-gray-modern-800: var(--color-alpha-gray-modern-800); --color-alpha-gray-modern-900: var(--color-alpha-gray-modern-900); --color-alpha-gray-modern-950: var(--color-alpha-gray-modern-950); --color-alpha-white-05: var(--color-alpha-white-05); --color-alpha-white-10: var(--color-alpha-white-10); --color-alpha-white-20: var(--color-alpha-white-20); --color-alpha-white-30: var(--color-alpha-white-30); --color-alpha-white-40: var(--color-alpha-white-40); --color-alpha-white-50: var(--color-alpha-white-50); --color-alpha-white-60: var(--color-alpha-white-60); --color-alpha-white-70: var(--color-alpha-white-70); --color-alpha-white-80: var(--color-alpha-white-80); --color-alpha-white-90: var(--color-alpha-white-90); --color-alpha-white-100: var(--color-alpha-white-100); --color-alpha-black-02: var(--color-alpha-black-02); --color-alpha-black-10: var(--color-alpha-black-10); --color-alpha-black-20: var(--color-alpha-black-20); --color-alpha-black-30: var(--color-alpha-black-30); --color-alpha-black-40: var(--color-alpha-black-40); --color-alpha-black-50: var(--color-alpha-black-50); --color-alpha-black-60: var(--color-alpha-black-60); --color-alpha-black-70: var(--color-alpha-black-70); --color-alpha-black-80: var(--color-alpha-black-80); --color-alpha-black-90: var(--color-alpha-black-90); --color-alpha-black-100: var(--color-alpha-black-100); --color-alpha-gray-10: var(--color-alpha-gray-10); --color-alpha-gray-20: var(--color-alpha-gray-20); --color-alpha-gray-30: var(--color-alpha-gray-30); --color-alpha-gray-40: var(--color-alpha-gray-40); --color-alpha-gray-50: var(--color-alpha-gray-50); --color-alpha-gray-60: var(--color-alpha-gray-60); --color-alpha-gray-70: var(--color-alpha-gray-70); --color-alpha-gray-80: var(--color-alpha-gray-80); --color-alpha-gray-90: var(--color-alpha-gray-90); --color-alpha-gray-100: var(--color-alpha-gray-100); --color-moss-25: var(--color-moss-25); --color-moss-50: var(--color-moss-50); --color-moss-100: var(--color-moss-100); --color-moss-200: var(--color-moss-200); --color-moss-300: var(--color-moss-300); --color-moss-400: var(--color-moss-400); --color-moss-500: var(--color-moss-500); --color-moss-600: var(--color-moss-600); --color-moss-700: var(--color-moss-700); --color-moss-800: var(--color-moss-800); --color-moss-900: var(--color-moss-900); --color-moss-950: var(--color-moss-950); --color-green-light-25: var(--color-green-light-25); --color-green-light-50: var(--color-green-light-50); --color-green-light-100: var(--color-green-light-100); --color-green-light-200: var(--color-green-light-200); --color-green-light-300: var(--color-green-light-300); --color-green-light-400: var(--color-green-light-400); --color-green-light-500: var(--color-green-light-500); --color-green-light-600: var(--color-green-light-600); --color-green-light-700: var(--color-green-light-700); --color-green-light-800: var(--color-green-light-800); --color-green-light-900: var(--color-green-light-900); --color-green-light-950: var(--color-green-light-950); --color-green-25: var(--color-green-25); --color-green-50: var(--color-green-50); --color-green-100: var(--color-green-100); --color-green-200: var(--color-green-200); --color-green-300: var(--color-green-300); --color-green-400: var(--color-green-400); --color-green-500: var(--color-green-500); --color-green-600: var(--color-green-600); --color-green-700: var(--color-green-700); --color-green-800: var(--color-green-800); --color-green-900: var(--color-green-900); --color-green-950: var(--color-green-950); --color-teal-25: var(--color-teal-25); --color-teal-50: var(--color-teal-50); --color-teal-100: var(--color-teal-100); --color-teal-200: var(--color-teal-200); --color-teal-300: var(--color-teal-300); --color-teal-400: var(--color-teal-400); --color-teal-500: var(--color-teal-500); --color-teal-600: var(--color-teal-600); --color-teal-700: var(--color-teal-700); --color-teal-800: var(--color-teal-800); --color-teal-900: var(--color-teal-900); --color-teal-950: var(--color-teal-950); --color-cyan-25: var(--color-cyan-25); --color-cyan-50: var(--color-cyan-50); --color-cyan-100: var(--color-cyan-100); --color-cyan-200: var(--color-cyan-200); --color-cyan-300: var(--color-cyan-300); --color-cyan-400: var(--color-cyan-400); --color-cyan-500: var(--color-cyan-500); --color-cyan-600: var(--color-cyan-600); --color-cyan-700: var(--color-cyan-700); --color-cyan-800: var(--color-cyan-800); --color-cyan-900: var(--color-cyan-900); --color-cyan-950: var(--color-cyan-950); --color-blue-light-25: var(--color-blue-light-25); --color-blue-light-50: var(--color-blue-light-50); --color-blue-light-100: var(--color-blue-light-100); --color-blue-light-200: var(--color-blue-light-200); --color-blue-light-300: var(--color-blue-light-300); --color-blue-light-400: var(--color-blue-light-400); --color-blue-light-500: var(--color-blue-light-500); --color-blue-light-600: var(--color-blue-light-600); --color-blue-light-700: var(--color-blue-light-700); --color-blue-light-800: var(--color-blue-light-800); --color-blue-light-900: var(--color-blue-light-900); --color-blue-light-950: var(--color-blue-light-950); --color-blue-25: var(--color-blue-25); --color-blue-50: var(--color-blue-50); --color-blue-100: var(--color-blue-100); --color-blue-200: var(--color-blue-200); --color-blue-300: var(--color-blue-300); --color-blue-400: var(--color-blue-400); --color-blue-500: var(--color-blue-500); --color-blue-600: var(--color-blue-600); --color-blue-700: var(--color-blue-700); --color-blue-800: var(--color-blue-800); --color-blue-900: var(--color-blue-900); --color-blue-950: var(--color-blue-950); --color-ultramarine-blue-25: var(--color-ultramarine-blue-25); --color-ultramarine-blue-50: var(--color-ultramarine-blue-50); --color-ultramarine-blue-100: var(--color-ultramarine-blue-100); --color-ultramarine-blue-200: var(--color-ultramarine-blue-200); --color-ultramarine-blue-300: var(--color-ultramarine-blue-300); --color-ultramarine-blue-400: var(--color-ultramarine-blue-400); --color-ultramarine-blue-500: var(--color-ultramarine-blue-500); --color-ultramarine-blue-600: var(--color-ultramarine-blue-600); --color-ultramarine-blue-700: var(--color-ultramarine-blue-700); --color-ultramarine-blue-800: var(--color-ultramarine-blue-800); --color-ultramarine-blue-900: var(--color-ultramarine-blue-900); --color-ultramarine-blue-950: var(--color-ultramarine-blue-950); --color-blue-dark-25: var(--color-blue-dark-25); --color-blue-dark-50: var(--color-blue-dark-50); --color-blue-dark-100: var(--color-blue-dark-100); --color-blue-dark-200: var(--color-blue-dark-200); --color-blue-dark-300: var(--color-blue-dark-300); --color-blue-dark-400: var(--color-blue-dark-400); --color-blue-dark-500: var(--color-blue-dark-500); --color-blue-dark-600: var(--color-blue-dark-600); --color-blue-dark-700: var(--color-blue-dark-700); --color-blue-dark-800: var(--color-blue-dark-800); --color-blue-dark-900: var(--color-blue-dark-900); --color-blue-dark-950: var(--color-blue-dark-950); --color-indigo-25: var(--color-indigo-25); --color-indigo-50: var(--color-indigo-50); --color-indigo-100: var(--color-indigo-100); --color-indigo-200: var(--color-indigo-200); --color-indigo-300: var(--color-indigo-300); --color-indigo-400: var(--color-indigo-400); --color-indigo-500: var(--color-indigo-500); --color-indigo-600: var(--color-indigo-600); --color-indigo-700: var(--color-indigo-700); --color-indigo-800: var(--color-indigo-800); --color-indigo-900: var(--color-indigo-900); --color-indigo-950: var(--color-indigo-950); --color-violet-25: var(--color-violet-25); --color-violet-50: var(--color-violet-50); --color-violet-100: var(--color-violet-100); --color-violet-200: var(--color-violet-200); --color-violet-300: var(--color-violet-300); --color-violet-400: var(--color-violet-400); --color-violet-500: var(--color-violet-500); --color-violet-600: var(--color-violet-600); --color-violet-700: var(--color-violet-700); --color-violet-800: var(--color-violet-800); --color-violet-900: var(--color-violet-900); --color-violet-950: var(--color-violet-950); --color-purple-25: var(--color-purple-25); --color-purple-50: var(--color-purple-50); --color-purple-100: var(--color-purple-100); --color-purple-200: var(--color-purple-200); --color-purple-300: var(--color-purple-300); --color-purple-400: var(--color-purple-400); --color-purple-500: var(--color-purple-500); --color-purple-600: var(--color-purple-600); --color-purple-700: var(--color-purple-700); --color-purple-800: var(--color-purple-800); --color-purple-900: var(--color-purple-900); --color-purple-950: var(--color-purple-950); --color-fuchsia-25: var(--color-fuchsia-25); --color-fuchsia-50: var(--color-fuchsia-50); --color-fuchsia-100: var(--color-fuchsia-100); --color-fuchsia-200: var(--color-fuchsia-200); --color-fuchsia-300: var(--color-fuchsia-300); --color-fuchsia-400: var(--color-fuchsia-400); --color-fuchsia-500: var(--color-fuchsia-500); --color-fuchsia-600: var(--color-fuchsia-600); --color-fuchsia-700: var(--color-fuchsia-700); --color-fuchsia-800: var(--color-fuchsia-800); --color-fuchsia-900: var(--color-fuchsia-900); --color-fuchsia-950: var(--color-fuchsia-950); --color-pink-25: var(--color-pink-25); --color-pink-50: var(--color-pink-50); --color-pink-100: var(--color-pink-100); --color-pink-200: var(--color-pink-200); --color-pink-300: var(--color-pink-300); --color-pink-400: var(--color-pink-400); --color-pink-500: var(--color-pink-500); --color-pink-600: var(--color-pink-600); --color-pink-700: var(--color-pink-700); --color-pink-800: var(--color-pink-800); --color-pink-900: var(--color-pink-900); --color-pink-950: var(--color-pink-950); --color-rose-25: var(--color-rose-25); --color-rose-50: var(--color-rose-50); --color-rose-100: var(--color-rose-100); --color-rose-200: var(--color-rose-200); --color-rose-300: var(--color-rose-300); --color-rose-400: var(--color-rose-400); --color-rose-500: var(--color-rose-500); --color-rose-600: var(--color-rose-600); --color-rose-700: var(--color-rose-700); --color-rose-800: var(--color-rose-800); --color-rose-900: var(--color-rose-900); --color-rose-950: var(--color-rose-950); --color-orange-dark-25: var(--color-orange-dark-25); --color-orange-dark-50: var(--color-orange-dark-50); --color-orange-dark-100: var(--color-orange-dark-100); --color-orange-dark-200: var(--color-orange-dark-200); --color-orange-dark-300: var(--color-orange-dark-300); --color-orange-dark-400: var(--color-orange-dark-400); --color-orange-dark-500: var(--color-orange-dark-500); --color-orange-dark-600: var(--color-orange-dark-600); --color-orange-dark-700: var(--color-orange-dark-700); --color-orange-dark-800: var(--color-orange-dark-800); --color-orange-dark-900: var(--color-orange-dark-900); --color-orange-dark-950: var(--color-orange-dark-950); --color-orange-25: var(--color-orange-25); --color-orange-50: var(--color-orange-50); --color-orange-100: var(--color-orange-100); --color-orange-200: var(--color-orange-200); --color-orange-300: var(--color-orange-300); --color-orange-400: var(--color-orange-400); --color-orange-500: var(--color-orange-500); --color-orange-600: var(--color-orange-600); --color-orange-700: var(--color-orange-700); --color-orange-800: var(--color-orange-800); --color-orange-900: var(--color-orange-900); --color-orange-950: var(--color-orange-950); --color-sunset-orange-25: var(--color-sunset-orange-25); --color-sunset-orange-50: var(--color-sunset-orange-50); --color-sunset-orange-100: var(--color-sunset-orange-100); --color-sunset-orange-200: var(--color-sunset-orange-200); --color-sunset-orange-300: var(--color-sunset-orange-300); --color-sunset-orange-400: var(--color-sunset-orange-400); --color-sunset-orange-500: var(--color-sunset-orange-500); --color-sunset-orange-600: var(--color-sunset-orange-600); --color-sunset-orange-700: var(--color-sunset-orange-700); --color-sunset-orange-800: var(--color-sunset-orange-800); --color-sunset-orange-900: var(--color-sunset-orange-900); --color-sunset-orange-950: var(--color-sunset-orange-950); --color-terracotta-orange-25: var(--color-terracotta-orange-25); --color-terracotta-orange-50: var(--color-terracotta-orange-50); --color-terracotta-orange-100: var(--color-terracotta-orange-100); --color-terracotta-orange-200: var(--color-terracotta-orange-200); --color-terracotta-orange-300: var(--color-terracotta-orange-300); --color-terracotta-orange-400: var(--color-terracotta-orange-400); --color-terracotta-orange-500: var(--color-terracotta-orange-500); --color-terracotta-orange-600: var(--color-terracotta-orange-600); --color-terracotta-orange-700: var(--color-terracotta-orange-700); --color-terracotta-orange-800: var(--color-terracotta-orange-800); --color-terracotta-orange-900: var(--color-terracotta-orange-900); --color-terracotta-orange-950: var(--color-terracotta-orange-950); --color-yellow-25: var(--color-yellow-25); --color-yellow-50: var(--color-yellow-50); --color-yellow-100: var(--color-yellow-100); --color-yellow-200: var(--color-yellow-200); --color-yellow-300: var(--color-yellow-300); --color-yellow-400: var(--color-yellow-400); --color-yellow-500: var(--color-yellow-500); --color-yellow-600: var(--color-yellow-600); --color-yellow-700: var(--color-yellow-700); --color-yellow-800: var(--color-yellow-800); --color-yellow-900: var(--color-yellow-900); --color-yellow-950: var(--color-yellow-950); --color-crimson-red-25: var(--color-crimson-red-25); --color-crimson-red-50: var(--color-crimson-red-50); --color-crimson-red-100: var(--color-crimson-red-100); --color-crimson-red-200: var(--color-crimson-red-200); --color-crimson-red-300: var(--color-crimson-red-300); --color-crimson-red-400: var(--color-crimson-red-400); --color-crimson-red-500: var(--color-crimson-red-500); --color-crimson-red-600: var(--color-crimson-red-600); --color-crimson-red-700: var(--color-crimson-red-700); --color-crimson-red-800: var(--color-crimson-red-800); --color-crimson-red-900: var(--color-crimson-red-900); --color-crimson-red-950: var(--color-crimson-red-950); --color-french-lilac-25: var(--color-french-lilac-25); --color-french-lilac-50: var(--color-french-lilac-50); --color-french-lilac-100: var(--color-french-lilac-100); --color-french-lilac-200: var(--color-french-lilac-200); --color-french-lilac-300: var(--color-french-lilac-300); --color-french-lilac-400: var(--color-french-lilac-400); --color-french-lilac-500: var(--color-french-lilac-500); --color-french-lilac-600: var(--color-french-lilac-600); --color-french-lilac-700: var(--color-french-lilac-700); --color-french-lilac-800: var(--color-french-lilac-800); --color-french-lilac-900: var(--color-french-lilac-900); --color-french-lilac-950: var(--color-french-lilac-950); --color-midnight-blue-25: var(--color-midnight-blue-25); --color-midnight-blue-50: var(--color-midnight-blue-50); --color-midnight-blue-100: var(--color-midnight-blue-100); --color-midnight-blue-200: var(--color-midnight-blue-200); --color-midnight-blue-300: var(--color-midnight-blue-300); --color-midnight-blue-400: var(--color-midnight-blue-400); --color-midnight-blue-500: var(--color-midnight-blue-500); --color-midnight-blue-600: var(--color-midnight-blue-600); --color-midnight-blue-700: var(--color-midnight-blue-700); --color-midnight-blue-800: var(--color-midnight-blue-800); --color-midnight-blue-900: var(--color-midnight-blue-900); --color-midnight-blue-950: var(--color-midnight-blue-950); --color-persian-green-25: var(--color-persian-green-25); --color-persian-green-50: var(--color-persian-green-50); --color-persian-green-100: var(--color-persian-green-100); --color-persian-green-200: var(--color-persian-green-200); --color-persian-green-300: var(--color-persian-green-300); --color-persian-green-400: var(--color-persian-green-400); --color-persian-green-500: var(--color-persian-green-500); --color-persian-green-600: var(--color-persian-green-600); --color-persian-green-700: var(--color-persian-green-700); --color-persian-green-800: var(--color-persian-green-800); --color-persian-green-900: var(--color-persian-green-900); --color-persian-green-950: var(--color-persian-green-950); --color-utility-blue-50: var(--color-utility-blue-50); --color-utility-blue-100: var(--color-utility-blue-100); --color-utility-blue-200: var(--color-utility-blue-200); --color-utility-blue-300: var(--color-utility-blue-300); --color-utility-blue-400: var(--color-utility-blue-400); --color-utility-blue-500: var(--color-utility-blue-500); --color-utility-blue-600: var(--color-utility-blue-600); --color-utility-blue-700: var(--color-utility-blue-700); --color-utility-ultramarine-blue-50: var(--color-utility-ultramarine-blue-50); --color-utility-ultramarine-blue-100: var(--color-utility-ultramarine-blue-100); --color-utility-ultramarine-blue-200: var(--color-utility-ultramarine-blue-200); --color-utility-ultramarine-blue-300: var(--color-utility-ultramarine-blue-300); --color-utility-ultramarine-blue-400: var(--color-utility-ultramarine-blue-400); --color-utility-ultramarine-blue-500: var(--color-utility-ultramarine-blue-500); --color-utility-ultramarine-blue-600: var(--color-utility-ultramarine-blue-600); --color-utility-ultramarine-blue-700: var(--color-utility-ultramarine-blue-700); --color-utility-brand-50: var(--color-utility-brand-50); --color-utility-brand-50-alt: var(--color-utility-brand-50-alt); --color-utility-brand-100: var(--color-utility-brand-100); --color-utility-brand-100-alt: var(--color-utility-brand-100-alt); --color-utility-brand-200: var(--color-utility-brand-200); --color-utility-brand-200-alt: var(--color-utility-brand-200-alt); --color-utility-brand-300: var(--color-utility-brand-300); --color-utility-brand-300-alt: var(--color-utility-brand-300-alt); --color-utility-brand-400: var(--color-utility-brand-400); --color-utility-brand-400-alt: var(--color-utility-brand-400-alt); --color-utility-brand-500: var(--color-utility-brand-500); --color-utility-brand-500-alt: var(--color-utility-brand-500-alt); --color-utility-brand-600: var(--color-utility-brand-600); --color-utility-brand-600-alt: var(--color-utility-brand-600-alt); --color-utility-brand-700: var(--color-utility-brand-700); --color-utility-brand-700-alt: var(--color-utility-brand-700-alt); --color-utility-brand-800: var(--color-utility-brand-800); --color-utility-brand-800-alt: var(--color-utility-brand-800-alt); --color-utility-brand-900: var(--color-utility-brand-900); --color-utility-brand-900-alt: var(--color-utility-brand-900-alt); --color-utility-gray-50: var(--color-utility-gray-50); --color-utility-gray-100: var(--color-utility-gray-100); --color-utility-gray-200: var(--color-utility-gray-200); --color-utility-gray-300: var(--color-utility-gray-300); --color-utility-gray-400: var(--color-utility-gray-400); --color-utility-gray-500: var(--color-utility-gray-500); --color-utility-gray-600: var(--color-utility-gray-600); --color-utility-gray-700: var(--color-utility-gray-700); --color-utility-gray-800: var(--color-utility-gray-800); --color-utility-gray-900: var(--color-utility-gray-900); --color-utility-error-50: var(--color-utility-error-50); --color-utility-error-100: var(--color-utility-error-100); --color-utility-error-200: var(--color-utility-error-200); --color-utility-error-300: var(--color-utility-error-300); --color-utility-error-400: var(--color-utility-error-400); --color-utility-error-500: var(--color-utility-error-500); --color-utility-error-600: var(--color-utility-error-600); --color-utility-error-700: var(--color-utility-error-700); --color-utility-warning-50: var(--color-utility-warning-50); --color-utility-warning-100: var(--color-utility-warning-100); --color-utility-warning-200: var(--color-utility-warning-200); --color-utility-warning-300: var(--color-utility-warning-300); --color-utility-warning-400: var(--color-utility-warning-400); --color-utility-warning-500: var(--color-utility-warning-500); --color-utility-warning-600: var(--color-utility-warning-600); --color-utility-warning-700: var(--color-utility-warning-700); --color-utility-success-50: var(--color-utility-success-50); --color-utility-success-100: var(--color-utility-success-100); --color-utility-success-200: var(--color-utility-success-200); --color-utility-success-300: var(--color-utility-success-300); --color-utility-success-400: var(--color-utility-success-400); --color-utility-success-500: var(--color-utility-success-500); --color-utility-success-600: var(--color-utility-success-600); --color-utility-success-700: var(--color-utility-success-700); --color-utility-orange-50: var(--color-utility-orange-50); --color-utility-orange-100: var(--color-utility-orange-100); --color-utility-orange-200: var(--color-utility-orange-200); --color-utility-orange-300: var(--color-utility-orange-300); --color-utility-orange-400: var(--color-utility-orange-400); --color-utility-orange-500: var(--color-utility-orange-500); --color-utility-orange-600: var(--color-utility-orange-600); --color-utility-orange-700: var(--color-utility-orange-700); --color-utility-blue-dark-50: var(--color-utility-blue-dark-50); --color-utility-blue-dark-100: var(--color-utility-blue-dark-100); --color-utility-blue-dark-200: var(--color-utility-blue-dark-200); --color-utility-blue-dark-300: var(--color-utility-blue-dark-300); --color-utility-blue-dark-400: var(--color-utility-blue-dark-400); --color-utility-blue-dark-500: var(--color-utility-blue-dark-500); --color-utility-blue-dark-600: var(--color-utility-blue-dark-600); --color-utility-blue-dark-700: var(--color-utility-blue-dark-700); --color-utility-indigo-50: var(--color-utility-indigo-50); --color-utility-indigo-100: var(--color-utility-indigo-100); --color-utility-indigo-200: var(--color-utility-indigo-200); --color-utility-indigo-300: var(--color-utility-indigo-300); --color-utility-indigo-400: var(--color-utility-indigo-400); --color-utility-indigo-500: var(--color-utility-indigo-500); --color-utility-indigo-600: var(--color-utility-indigo-600); --color-utility-indigo-700: var(--color-utility-indigo-700); --color-utility-fuchsia-50: var(--color-utility-fuchsia-50); --color-utility-fuchsia-100: var(--color-utility-fuchsia-100); --color-utility-fuchsia-200: var(--color-utility-fuchsia-200); --color-utility-fuchsia-300: var(--color-utility-fuchsia-300); --color-utility-fuchsia-400: var(--color-utility-fuchsia-400); --color-utility-fuchsia-500: var(--color-utility-fuchsia-500); --color-utility-fuchsia-600: var(--color-utility-fuchsia-600); --color-utility-fuchsia-700: var(--color-utility-fuchsia-700); --color-utility-pink-50: var(--color-utility-pink-50); --color-utility-pink-100: var(--color-utility-pink-100); --color-utility-pink-200: var(--color-utility-pink-200); --color-utility-pink-300: var(--color-utility-pink-300); --color-utility-pink-400: var(--color-utility-pink-400); --color-utility-pink-500: var(--color-utility-pink-500); --color-utility-pink-600: var(--color-utility-pink-600); --color-utility-pink-700: var(--color-utility-pink-700); --color-utility-purple-50: var(--color-utility-purple-50); --color-utility-purple-100: var(--color-utility-purple-100); --color-utility-purple-200: var(--color-utility-purple-200); --color-utility-purple-300: var(--color-utility-purple-300); --color-utility-purple-400: var(--color-utility-purple-400); --color-utility-purple-500: var(--color-utility-purple-500); --color-utility-purple-600: var(--color-utility-purple-600); --color-utility-purple-700: var(--color-utility-purple-700); --color-utility-orange-dark-50: var(--color-utility-orange-dark-50); --color-utility-orange-dark-100: var(--color-utility-orange-dark-100); --color-utility-orange-dark-200: var(--color-utility-orange-dark-200); --color-utility-orange-dark-300: var(--color-utility-orange-dark-300); --color-utility-orange-dark-400: var(--color-utility-orange-dark-400); --color-utility-orange-dark-500: var(--color-utility-orange-dark-500); --color-utility-orange-dark-600: var(--color-utility-orange-dark-600); --color-utility-orange-dark-700: var(--color-utility-orange-dark-700); --color-utility-blue-light-50: var(--color-utility-blue-light-50); --color-utility-blue-light-100: var(--color-utility-blue-light-100); --color-utility-blue-light-200: var(--color-utility-blue-light-200); --color-utility-blue-light-300: var(--color-utility-blue-light-300); --color-utility-blue-light-400: var(--color-utility-blue-light-400); --color-utility-blue-light-500: var(--color-utility-blue-light-500); --color-utility-blue-light-600: var(--color-utility-blue-light-600); --color-utility-blue-light-700: var(--color-utility-blue-light-700); --color-utility-gray-blue-50: var(--color-utility-gray-blue-50); --color-utility-gray-blue-100: var(--color-utility-gray-blue-100); --color-utility-gray-blue-200: var(--color-utility-gray-blue-200); --color-utility-gray-blue-300: var(--color-utility-gray-blue-300); --color-utility-gray-blue-400: var(--color-utility-gray-blue-400); --color-utility-gray-blue-500: var(--color-utility-gray-blue-500); --color-utility-gray-blue-600: var(--color-utility-gray-blue-600); --color-utility-gray-blue-700: var(--color-utility-gray-blue-700); --color-utility-green-50: var(--color-utility-green-50); --color-utility-green-100: var(--color-utility-green-100); --color-utility-green-200: var(--color-utility-green-200); --color-utility-green-300: var(--color-utility-green-300); --color-utility-green-400: var(--color-utility-green-400); --color-utility-green-500: var(--color-utility-green-500); --color-utility-green-600: var(--color-utility-green-600); --color-utility-green-700: var(--color-utility-green-700); --color-utility-yellow-50: var(--color-utility-yellow-50); --color-utility-yellow-100: var(--color-utility-yellow-100); --color-utility-yellow-200: var(--color-utility-yellow-200); --color-utility-yellow-300: var(--color-utility-yellow-300); --color-utility-yellow-400: var(--color-utility-yellow-400); --color-utility-yellow-500: var(--color-utility-yellow-500); --color-utility-yellow-600: var(--color-utility-yellow-600); --color-utility-yellow-700: var(--color-utility-yellow-700); --color-utility-orange-terracotta-50: var(--color-utility-orange-terracotta-50); --color-utility-orange-terracotta-100: var(--color-utility-orange-terracotta-100); --color-utility-orange-terracotta-200: var(--color-utility-orange-terracotta-200); --color-utility-orange-terracotta-300: var(--color-utility-orange-terracotta-300); --color-utility-orange-terracotta-400: var(--color-utility-orange-terracotta-400); --color-utility-orange-terracotta-500: var(--color-utility-orange-terracotta-500); --color-utility-orange-terracotta-600: var(--color-utility-orange-terracotta-600); --color-utility-orange-terracotta-700: var(--color-utility-orange-terracotta-700); --color-utility-sunset-orange-50: var(--color-utility-sunset-orange-50); --color-utility-sunset-orange-100: var(--color-utility-sunset-orange-100); --color-utility-sunset-orange-200: var(--color-utility-sunset-orange-200); --color-utility-sunset-orange-300: var(--color-utility-sunset-orange-300); --color-utility-sunset-orange-400: var(--color-utility-sunset-orange-400); --color-utility-sunset-orange-500: var(--color-utility-sunset-orange-500); --color-utility-sunset-orange-600: var(--color-utility-sunset-orange-600); --color-utility-sunset-orange-700: var(--color-utility-sunset-orange-700); --color-utility-crimson-red-50: var(--color-utility-crimson-red-50); --color-utility-crimson-red-100: var(--color-utility-crimson-red-100); --color-utility-crimson-red-200: var(--color-utility-crimson-red-200); --color-utility-crimson-red-300: var(--color-utility-crimson-red-300); --color-utility-crimson-red-400: var(--color-utility-crimson-red-400); --color-utility-crimson-red-500: var(--color-utility-crimson-red-500); --color-utility-crimson-red-600: var(--color-utility-crimson-red-600); --color-utility-crimson-red-700: var(--color-utility-crimson-red-700); --color-utility-french-lilac-50: var(--color-utility-french-lilac-50); --color-utility-french-lilac-100: var(--color-utility-french-lilac-100); --color-utility-french-lilac-200: var(--color-utility-french-lilac-200); --color-utility-french-lilac-300: var(--color-utility-french-lilac-300); --color-utility-french-lilac-400: var(--color-utility-french-lilac-400); --color-utility-french-lilac-500: var(--color-utility-french-lilac-500); --color-utility-french-lilac-600: var(--color-utility-french-lilac-600); --color-utility-french-lilac-700: var(--color-utility-french-lilac-700); --color-utility-persian-green-50: var(--color-utility-persian-green-50); --color-utility-persian-green-100: var(--color-utility-persian-green-100); --color-utility-persian-green-200: var(--color-utility-persian-green-200); --color-utility-persian-green-300: var(--color-utility-persian-green-300); --color-utility-persian-green-400: var(--color-utility-persian-green-400); --color-utility-persian-green-500: var(--color-utility-persian-green-500); --color-utility-persian-green-600: var(--color-utility-persian-green-600); --color-utility-persian-green-700: var(--color-utility-persian-green-700); --color-utility-midnight-blue-50: var(--color-utility-midnight-blue-50); --color-utility-midnight-blue-100: var(--color-utility-midnight-blue-100); --color-utility-midnight-blue-200: var(--color-utility-midnight-blue-200); --color-utility-midnight-blue-300: var(--color-utility-midnight-blue-300); --color-utility-midnight-blue-400: var(--color-utility-midnight-blue-400); --color-utility-midnight-blue-500: var(--color-utility-midnight-blue-500); --color-utility-midnight-blue-600: var(--color-utility-midnight-blue-600); --color-utility-midnight-blue-700: var(--color-utility-midnight-blue-700); --color-text-white: var(--color-text-white); --color-text-primary: var(--color-text-primary); --color-text-secondary: var(--color-text-secondary); --color-text-secondary-inverse: var(--color-text-secondary-inverse); --color-text-secondary-hover: var(--color-text-secondary-hover); --color-text-tertiary: var(--color-text-tertiary); --color-text-tertiary-hover: var(--color-text-tertiary-hover); --color-text-quaternary: var(--color-text-quaternary); --color-text-error-primary: var(--color-text-error-primary); --color-text-error-primary-hover: var(--color-text-error-primary-hover); --color-text-warning-primary: var(--color-text-warning-primary); --color-text-success-primary: var(--color-text-success-primary); --color-text-disabled: var(--color-text-disabled); --color-text-placeholder: var(--color-text-placeholder); --color-text-placeholder-subtle: var(--color-text-placeholder-subtle); --color-text-editor-icon-fg: var(--color-text-editor-icon-fg); --color-text-editor-icon-fg-active: var(--color-text-editor-icon-fg-active); --color-text-primary-on-brand: var(--color-text-primary-on-brand); --color-text-secondary-on-brand: var(--color-text-secondary-on-brand); --color-text-tertiary-on-brand: var(--color-text-tertiary-on-brand); --color-text-quaternary-on-brand: var(--color-text-quaternary-on-brand); --color-text-brand-primary: var(--color-text-brand-primary); --color-text-brand-secondary: var(--color-text-brand-secondary); --color-text-brand-secondary-hover: var(--color-text-brand-secondary-hover); --color-text-brand-tertiary: var(--color-text-brand-tertiary); --color-text-brand-tertiary-alt: var(--color-text-brand-tertiary-alt); --color-text-info-primary: var(--color-text-info-primary); --color-text-orange: var(--color-text-orange); --color-border-white: var(--color-border-white); --color-border-primary: var(--color-border-primary); --color-border-primary-icon: var(--color-border-primary-icon); --color-border-secondary: var(--color-border-secondary); --color-border-secondary-alt: var(--color-border-secondary-alt); --color-border-tertiary: var(--color-border-tertiary); --color-border-error: var(--color-border-error); --color-border-error-subtle: var(--color-border-error-subtle); --color-border-disabled: var(--color-border-disabled); --color-border-disabled-subtle: var(--color-border-disabled-subtle); --color-border-brand: var(--color-border-brand); --color-border-brand-alt: var(--color-border-brand-alt); --color-border-success: var(--color-border-success); --color-border-orange: var(--color-border-orange); --color-fg-white: var(--color-fg-white); --color-fg-primary: var(--color-fg-primary); --color-fg-secondary: var(--color-fg-secondary); --color-fg-secondary-hover: var(--color-fg-secondary-hover); --color-fg-tertiary: var(--color-fg-tertiary); --color-fg-tertiary-hover: var(--color-fg-tertiary-hover); --color-fg-quaternary: var(--color-fg-quaternary); --color-fg-quaternary-hover: var(--color-fg-quaternary-hover); --color-fg-warning-primary: var(--color-fg-warning-primary); --color-fg-warning-secondary: var(--color-fg-warning-secondary); --color-fg-success-primary: var(--color-fg-success-primary); --color-fg-success-secondary: var(--color-fg-success-secondary); --color-fg-error-primary: var(--color-fg-error-primary); --color-fg-error-secondary: var(--color-fg-error-secondary); --color-fg-disabled: var(--color-fg-disabled); --color-fg-disabled-subtle: var(--color-fg-disabled-subtle); --color-fg-brand-primary: var(--color-fg-brand-primary); --color-fg-brand-primary-alt: var(--color-fg-brand-primary-alt); --color-fg-brand-secondary: var(--color-fg-brand-secondary); --color-fg-brand-secondary-alt: var(--color-fg-brand-secondary-alt); --color-fg-brand-secondary-hover: var(--color-fg-brand-secondary-hover); --color-fg-info-primary: var(--color-fg-info-primary); --color-fg-info-secondary: var(--color-fg-info-secondary); --color-bg-primary: var(--color-bg-primary); --color-bg-primary-solid: var(--color-bg-primary-solid); --color-bg-primary-alt: var(--color-bg-primary-alt); --color-bg-primary-hover: var(--color-bg-primary-hover); --color-bg-secondary: var(--color-bg-secondary); --color-bg-secondary-solid: var(--color-bg-secondary-solid); --color-bg-secondary-subtle: var(--color-bg-secondary-subtle); --color-bg-secondary-hover: var(--color-bg-secondary-hover); --color-bg-secondary-alt: var(--color-bg-secondary-alt); --color-bg-tertiary: var(--color-bg-tertiary); --color-bg-quaternary: var(--color-bg-quaternary); --color-bg-error-primary: var(--color-bg-error-primary); --color-bg-error-secondary: var(--color-bg-error-secondary); --color-bg-error-solid: var(--color-bg-error-solid); --color-bg-error-solid-hover: var(--color-bg-error-solid-hover); --color-bg-warning-primary: var(--color-bg-warning-primary); --color-bg-warning-secondary: var(--color-bg-warning-secondary); --color-bg-warning-solid: var(--color-bg-warning-solid); --color-bg-success-primary: var(--color-bg-success-primary); --color-bg-success-secondary: var(--color-bg-success-secondary); --color-bg-success-solid: var(--color-bg-success-solid); --color-bg-disabled: var(--color-bg-disabled); --color-bg-disabled-subtle: var(--color-bg-disabled-subtle); --color-bg-active: var(--color-bg-active); --color-bg-overlay: var(--color-bg-overlay); --color-bg-brand-primary: var(--color-bg-brand-primary); --color-bg-brand-primary-alt: var(--color-bg-brand-primary-alt); --color-bg-brand-primary-hover-alt: var(--color-bg-brand-primary-hover-alt); --color-bg-brand-secondary: var(--color-bg-brand-secondary); --color-bg-brand-solid: var(--color-bg-brand-solid); --color-bg-brand-solid-hover: var(--color-bg-brand-solid-hover); --color-bg-brand-section: var(--color-bg-brand-section); --color-bg-brand-section-subtle: var(--color-bg-brand-section-subtle); --color-bg-primary-replace: var(--color-bg-primary-replace); --color-info-bg-primary: var(--color-info-bg-primary); --color-bg-info-secondary: var(--color-bg-info-secondary); --color-bg-info-solid: var(--color-bg-info-solid); --color-orange-bg-primary: var(--color-orange-bg-primary); --color-shadow-xs: var(--color-shadow-xs); --color-shadow-sm-01: var(--color-shadow-sm-01); --color-shadow-sm-02: var(--color-shadow-sm-02); --color-shadow-md-01: var(--color-shadow-md-01); --color-shadow-md-02: var(--color-shadow-md-02); --color-shadow-lg-01: var(--color-shadow-lg-01); --color-shadow-lg-02: var(--color-shadow-lg-02); --color-shadow-lg-03: var(--color-shadow-lg-03); --color-shadow-xl-01: var(--color-shadow-xl-01); --color-shadow-xl-02: var(--color-shadow-xl-02); --color-shadow-xl-03: var(--color-shadow-xl-03); --color-shadow-2xl-01: var(--color-shadow-2xl-01); --color-shadow-2xl-02: var(--color-shadow-2xl-02); --color-shadow-3xl-01: var(--color-shadow-3xl-01); --color-shadow-3xl-02: var(--color-shadow-3xl-02); --color-shadow-skeumorphic-inner: var(--color-shadow-skeumorphic-inner); --color-shadow-skeumorphic-inner-border: var(--color-shadow-skeumorphic-inner-border); --color-app-store-badge-border: var(--color-app-store-badge-border); --color-avatar-styles-bg-neutral: var(--color-avatar-styles-bg-neutral); --color-avatar-outline-open-to-work-stop-0: var(--color-avatar-outline-open-to-work-stop-0); --color-avatar-outline-open-to-work-stop-100: var(--color-avatar-outline-open-to-work-stop-100); --color-avatar-outline-open-to-profesional-stop-0: var(--color-avatar-outline-open-to-profesional-stop-0); --color-avatar-outline-open-to-profesional-stop-100: var(--color-avatar-outline-open-to-profesional-stop-100); --color-avatar-outline-open-to-coach-stop-0: var(--color-avatar-outline-open-to-coach-stop-0); --color-avatar-outline-open-to-coach-stop-100: var(--color-avatar-outline-open-to-coach-stop-100); --color-button-destructive-primary-icon: var(--color-button-destructive-primary-icon); --color-button-destructive-primary-icon-hover: var(--color-button-destructive-primary-icon-hover); --color-button-primary-icon: var(--color-button-primary-icon); --color-button-primary-icon-hover: var(--color-button-primary-icon-hover); --color-button-orange-icon: var(--color-button-orange-icon); --color-button-orange-icon-hover: var(--color-button-orange-icon-hover); --color-button-overlay-linear-stop-0: var(--color-button-overlay-linear-stop-0); --color-button-overlay-linear-stop-100: var(--color-button-overlay-linear-stop-100); --color-button-linear-stop-0: var(--color-button-linear-stop-0); --color-button-linear-stop-100: var(--color-button-linear-stop-100); --color-featured-icon-light-fg-brand: var(--color-featured-icon-light-fg-brand); --color-featured-icon-light-fg-error: var(--color-featured-icon-light-fg-error); --color-featured-icon-light-fg-gray: var(--color-featured-icon-light-fg-gray); --color-featured-icon-light-fg-success: var(--color-featured-icon-light-fg-success); --color-featured-icon-light-fg-warning: var(--color-featured-icon-light-fg-warning); --color-featured-icon-light-fg-info: var(--color-featured-icon-light-fg-info); --color-focus-ring-error: var(--color-focus-ring-error); --color-focus-ring: var(--color-focus-ring); --color-focus-ring-success: var(--color-focus-ring-success); --color-focus-ring-orange: var(--color-focus-ring-orange); --color-footer-button-fg: var(--color-footer-button-fg); --color-footer-button-fg-hover: var(--color-footer-button-fg-hover); --color-icon-fg-brand: var(--color-icon-fg-brand); --color-icon-fg-brand-on-brand: var(--color-icon-fg-brand-on-brand); --color-screen-mockup-border: var(--color-screen-mockup-border); --color-slider-handle-bg: var(--color-slider-handle-bg); --color-slider-handle-border: var(--color-slider-handle-border); --color-toggle-border: var(--color-toggle-border); --color-toggle-button-fg-disabled: var(--color-toggle-button-fg-disabled); --color-toggle-slim-border-pressed-hover: var(--color-toggle-slim-border-pressed-hover); --color-toggle-slim-border-pressed: var(--color-toggle-slim-border-pressed); --color-tooltip-supporting-text: var(--color-tooltip-supporting-text); --color-text-editor-icon-fg: var(--color-text-editor-icon-fg); --color-text-editor-icon-fg-active: var(--color-text-editor-icon-fg-active); --color-tags-on-jobs-bg-green: var(--color-tags-on-jobs-bg-green); --color-tags-on-jobs-text-green: var(--color-tags-on-jobs-text-green); --color-tags-on-jobs-bg-red: var(--color-tags-on-jobs-bg-red); --color-tags-on-jobs-text-red: var(--color-tags-on-jobs-text-red); --color-tags-on-jobs-bg-orange: var(--color-tags-on-jobs-bg-orange); --color-tags-on-jobs-text-orange: var(--color-tags-on-jobs-text-orange); --color-tags-on-jobs-bg-blue: var(--color-tags-on-jobs-bg-blue); --color-tags-on-jobs-text-blue: var(--color-tags-on-jobs-text-blue); --color-indicator-message-sent: var(--color-indicator-message-sent); --color-indicator-message-delivered: var(--color-indicator-message-delivered); --color-indicator-message-seen-outline: var(--color-indicator-message-seen-outline); --color-indicator-message-seen-fill: var(--color-indicator-message-seen-fill); --color-snippet-bg: var(--color-snippet-bg); --color-snippet-border: var(--color-snippet-border); --color-snippet-on-bubble-bg-out: var(--color-snippet-on-bubble-bg-out); --color-snippet-on-bubble-border-out: var(--color-snippet-on-bubble-border-out); --color-snippet-on-bubble-bg-in: var(--color-snippet-on-bubble-bg-in); --color-snippet-on-bubble-border-in: var(--color-snippet-on-bubble-border-in); --color-container-post-bg: var(--color-container-post-bg); --color-polling-text-selected: var(--color-polling-text-selected); --color-polling-bg-area: var(--color-polling-bg-area); --color-button-ai-stop-30: var(--color-button-ai-stop-30); --color-button-ai-stop-50: var(--color-button-ai-stop-50); --color-button-ai-stop-75: var(--color-button-ai-stop-75); --color-button-ai-stop-100: var(--color-button-ai-stop-100); --color-bubble-message-out-read-stop-0: var(--color-bubble-message-out-read-stop-0); --color-bubble-message-out-read-stop-100: var(--color-bubble-message-out-read-stop-100); --color-bubble-message-out-unread-stop-0: var(--color-bubble-message-out-unread-stop-0); --color-bubble-message-out-unread-stop-100: var(--color-bubble-message-out-unread-stop-100); --color-bubble-message-in-stop-0: var(--color-bubble-message-in-stop-0); --color-bubble-message-in-stop-100: var(--color-bubble-message-in-stop-100); --color-summary-card-bg-dark-deg-0-stop-0: var(--color-summary-card-bg-dark-deg-0-stop-0); --color-summary-card-bg-dark-deg-0-stop-80: var(--color-summary-card-bg-dark-deg-0-stop-80); --color-summary-card-bg-light-deg-52-stop-0: var(--color-summary-card-bg-light-deg-52-stop-0); --color-summary-card-bg-light-deg-52-stop-100: var(--color-summary-card-bg-light-deg-52-stop-100); --color-all-card-bg-dark-deg-0-stop-0: var(--color-all-card-bg-dark-deg-0-stop-0); --color-all-card-bg-dark-deg-0-stop-80: var(--color-all-card-bg-dark-deg-0-stop-80); --color-all-card-bg-light-solid: var(--color-all-card-bg-light-solid); --color-border-deg-0-stop-0: var(--color-border-deg-0-stop-0); --color-border-deg-0-stop-68: var(--color-border-deg-0-stop-68); --color-border-deg-0-stop-100: var(--color-border-deg-0-stop-100); --color-heading-fill-stop-0: var(--color-heading-fill-stop-0); --color-heading-fill-stop-50: var(--color-heading-fill-stop-50); --color-radial-deg-0-stop-0: var(--color-radial-deg-0-stop-0); --color-radial-deg-0-stop-100: var(--color-radial-deg-0-stop-100); --color-dark-fill-deg-90-stop-0: var(--color-dark-fill-deg-90-stop-0); --color-dark-fill-deg-90-stop-100: var(--color-dark-fill-deg-90-stop-100); --color-light-fill-deg-90-stop-0: var(--color-light-fill-deg-90-stop-0); --color-light-fill-deg-90-stop-100: var(--color-light-fill-deg-90-stop-100); --color-border-right: var(--color-border-right); --color-smatoz-border-deg-0-stop-0: var(--color-smatoz-border-deg-0-stop-0); --color-smatoz-border-deg-0-stop-80: var(--color-smatoz-border-deg-0-stop-80); --color-chart-fill-area-brand-deg-180-stop-0: var(--color-chart-fill-area-brand-deg-180-stop-0); --color-chart-fill-area-brand-deg-180-stop-58: var(--color-chart-fill-area-brand-deg-180-stop-58); --color-chart-fill-bar-brand-vertical-deg-0-stop-0: var(--color-chart-fill-bar-brand-vertical-deg-0-stop-0); --color-chart-fill-bar-brand-vertical-deg-0-stop-100: var(--color-chart-fill-bar-brand-vertical-deg-0-stop-100); --color-chart-fill-pie-brand-conic-deg-180-stop-0: var(--color-chart-fill-pie-brand-conic-deg-180-stop-0); --color-chart-fill-pie-brand-conic-deg-180-stop-32: var(--color-chart-fill-pie-brand-conic-deg-180-stop-32); --color-chart-fill-pie-brand-conic-deg-180-stop-58: var(--color-chart-fill-pie-brand-conic-deg-180-stop-58); --color-chart-fill-pie-brand-conic-deg-180-stop-100: var(--color-chart-fill-pie-brand-conic-deg-180-stop-100); --color-chart-fill-pie-zone-a: var(--color-chart-fill-pie-zone-a); --color-chart-fill-pie-zone-b: var(--color-chart-fill-pie-zone-b); --color-chart-fill-pie-zone-c: var(--color-chart-fill-pie-zone-c); --color-chart-fill-pie-zone-d: var(--color-chart-fill-pie-zone-d); --color-chart-fill-pie-zone-e: var(--color-chart-fill-pie-zone-e); --color-chart-fill-pie-zone-f: var(--color-chart-fill-pie-zone-f); --color-search-bar-general-stop-0: var(--color-search-bar-general-stop-0); --color-search-bar-general-stop-100: var(--color-search-bar-general-stop-100); --color-alpha-alpha-white-05: var(--color-alpha-alpha-white-05); --color-alpha-alpha-white-10: var(--color-alpha-alpha-white-10); --color-alpha-alpha-white-20: var(--color-alpha-alpha-white-20); --color-alpha-alpha-white-30: var(--color-alpha-alpha-white-30); --color-alpha-alpha-white-40: var(--color-alpha-alpha-white-40); --color-alpha-alpha-white-50: var(--color-alpha-alpha-white-50); --color-alpha-alpha-white-60: var(--color-alpha-alpha-white-60); --color-alpha-alpha-white-70: var(--color-alpha-alpha-white-70); --color-alpha-alpha-white-80: var(--color-alpha-alpha-white-80); --color-alpha-alpha-white-90: var(--color-alpha-alpha-white-90); --color-alpha-alpha-white-100: var(--color-alpha-alpha-white-100); --color-alpha-alpha-black-05: var(--color-alpha-alpha-black-05); --color-alpha-alpha-black-10: var(--color-alpha-alpha-black-10); --color-alpha-alpha-black-20: var(--color-alpha-alpha-black-20); --color-alpha-alpha-black-30: var(--color-alpha-alpha-black-30); --color-alpha-alpha-black-40: var(--color-alpha-alpha-black-40); --color-alpha-alpha-black-50: var(--color-alpha-alpha-black-50); --color-alpha-alpha-black-60: var(--color-alpha-alpha-black-60); --color-alpha-alpha-black-70: var(--color-alpha-alpha-black-70); --color-alpha-alpha-black-80: var(--color-alpha-alpha-black-80); --color-alpha-alpha-black-90: var(--color-alpha-alpha-black-90); --color-alpha-alpha-black-100: var(--color-alpha-alpha-black-100);}
|
|
1
|
+
@import "./base.theme.css";@import "./light.theme.css";@import "./dark.theme.css";@import "./xploreu.theme.css";@import "./xplorehq.theme.css";@import "./smatoz-green.theme.css";@import "./smatoz-red.theme.css";@import "./smatoz-yellow.theme.css";@theme{ --color-base-white: var(--color-base-white); --color-base-black: var(--color-base-black); --color-base-transparent-white: var(--color-base-transparent-white); --color-base-transparent-white-05: var(--color-base-transparent-white-05); --color-base-transparent-black: var(--color-base-transparent-black); --color-base-transparent-dark: var(--color-base-transparent-dark); --color-base-transparent-brand: var(--color-base-transparent-brand); --color-gradient-linear-blue-0: var(--color-gradient-linear-blue-0); --color-gradient-linear-blue-100: var(--color-gradient-linear-blue-100); --color-gradient-linear-green-0: var(--color-gradient-linear-green-0); --color-gradient-linear-green-100: var(--color-gradient-linear-green-100); --color-gradient-linear-neutral-0: var(--color-gradient-linear-neutral-0); --color-gradient-linear-neutral-100: var(--color-gradient-linear-neutral-100); --color-gradient-linear-orange-0: var(--color-gradient-linear-orange-0); --color-gradient-linear-orange-58: var(--color-gradient-linear-orange-58); --color-brand-light-25: var(--color-brand-light-25); --color-brand-light-50: var(--color-brand-light-50); --color-brand-light-100: var(--color-brand-light-100); --color-brand-light-200: var(--color-brand-light-200); --color-brand-light-300: var(--color-brand-light-300); --color-brand-light-400: var(--color-brand-light-400); --color-brand-light-500: var(--color-brand-light-500); --color-brand-light-600: var(--color-brand-light-600); --color-brand-light-700: var(--color-brand-light-700); --color-brand-light-800: var(--color-brand-light-800); --color-brand-light-900: var(--color-brand-light-900); --color-brand-light-950: var(--color-brand-light-950); --color-brand-dark-25: var(--color-brand-dark-25); --color-brand-dark-50: var(--color-brand-dark-50); --color-brand-dark-100: var(--color-brand-dark-100); --color-brand-dark-200: var(--color-brand-dark-200); --color-brand-dark-300: var(--color-brand-dark-300); --color-brand-dark-400: var(--color-brand-dark-400); --color-brand-dark-500: var(--color-brand-dark-500); --color-brand-dark-600: var(--color-brand-dark-600); --color-brand-dark-700: var(--color-brand-dark-700); --color-brand-dark-800: var(--color-brand-dark-800); --color-brand-dark-900: var(--color-brand-dark-900); --color-brand-dark-950: var(--color-brand-dark-950); --color-error-25: var(--color-error-25); --color-error-50: var(--color-error-50); --color-error-100: var(--color-error-100); --color-error-200: var(--color-error-200); --color-error-300: var(--color-error-300); --color-error-400: var(--color-error-400); --color-error-500: var(--color-error-500); --color-error-600: var(--color-error-600); --color-error-700: var(--color-error-700); --color-error-800: var(--color-error-800); --color-error-900: var(--color-error-900); --color-error-950: var(--color-error-950); --color-warning-25: var(--color-warning-25); --color-warning-50: var(--color-warning-50); --color-warning-100: var(--color-warning-100); --color-warning-200: var(--color-warning-200); --color-warning-300: var(--color-warning-300); --color-warning-400: var(--color-warning-400); --color-warning-500: var(--color-warning-500); --color-warning-600: var(--color-warning-600); --color-warning-700: var(--color-warning-700); --color-warning-800: var(--color-warning-800); --color-warning-900: var(--color-warning-900); --color-warning-950: var(--color-warning-950); --color-success-25: var(--color-success-25); --color-success-50: var(--color-success-50); --color-success-100: var(--color-success-100); --color-success-200: var(--color-success-200); --color-success-300: var(--color-success-300); --color-success-400: var(--color-success-400); --color-success-500: var(--color-success-500); --color-success-600: var(--color-success-600); --color-success-700: var(--color-success-700); --color-success-800: var(--color-success-800); --color-success-900: var(--color-success-900); --color-success-950: var(--color-success-950); --color-gray-light-mode-25: var(--color-gray-light-mode-25); --color-gray-light-mode-50: var(--color-gray-light-mode-50); --color-gray-light-mode-100: var(--color-gray-light-mode-100); --color-gray-light-mode-200: var(--color-gray-light-mode-200); --color-gray-light-mode-300: var(--color-gray-light-mode-300); --color-gray-light-mode-400: var(--color-gray-light-mode-400); --color-gray-light-mode-500: var(--color-gray-light-mode-500); --color-gray-light-mode-600: var(--color-gray-light-mode-600); --color-gray-light-mode-700: var(--color-gray-light-mode-700); --color-gray-light-mode-800: var(--color-gray-light-mode-800); --color-gray-light-mode-900: var(--color-gray-light-mode-900); --color-gray-light-mode-950: var(--color-gray-light-mode-950); --color-gray-dark-mode-25: var(--color-gray-dark-mode-25); --color-gray-dark-mode-50: var(--color-gray-dark-mode-50); --color-gray-dark-mode-100: var(--color-gray-dark-mode-100); --color-gray-dark-mode-200: var(--color-gray-dark-mode-200); --color-gray-dark-mode-300: var(--color-gray-dark-mode-300); --color-gray-dark-mode-400: var(--color-gray-dark-mode-400); --color-gray-dark-mode-500: var(--color-gray-dark-mode-500); --color-gray-dark-mode-600: var(--color-gray-dark-mode-600); --color-gray-dark-mode-700: var(--color-gray-dark-mode-700); --color-gray-dark-mode-800: var(--color-gray-dark-mode-800); --color-gray-dark-mode-900: var(--color-gray-dark-mode-900); --color-gray-dark-mode-950: var(--color-gray-dark-mode-950); --color-gray-blue-25: var(--color-gray-blue-25); --color-gray-blue-50: var(--color-gray-blue-50); --color-gray-blue-100: var(--color-gray-blue-100); --color-gray-blue-200: var(--color-gray-blue-200); --color-gray-blue-300: var(--color-gray-blue-300); --color-gray-blue-400: var(--color-gray-blue-400); --color-gray-blue-500: var(--color-gray-blue-500); --color-gray-blue-600: var(--color-gray-blue-600); --color-gray-blue-700: var(--color-gray-blue-700); --color-gray-blue-800: var(--color-gray-blue-800); --color-gray-blue-900: var(--color-gray-blue-900); --color-gray-blue-950: var(--color-gray-blue-950); --color-gray-cool-25: var(--color-gray-cool-25); --color-gray-cool-50: var(--color-gray-cool-50); --color-gray-cool-100: var(--color-gray-cool-100); --color-gray-cool-200: var(--color-gray-cool-200); --color-gray-cool-300: var(--color-gray-cool-300); --color-gray-cool-400: var(--color-gray-cool-400); --color-gray-cool-500: var(--color-gray-cool-500); --color-gray-cool-600: var(--color-gray-cool-600); --color-gray-cool-700: var(--color-gray-cool-700); --color-gray-cool-800: var(--color-gray-cool-800); --color-gray-cool-900: var(--color-gray-cool-900); --color-gray-cool-950: var(--color-gray-cool-950); --color-gray-modern-25: var(--color-gray-modern-25); --color-gray-modern-50: var(--color-gray-modern-50); --color-gray-modern-100: var(--color-gray-modern-100); --color-gray-modern-200: var(--color-gray-modern-200); --color-gray-modern-300: var(--color-gray-modern-300); --color-gray-modern-400: var(--color-gray-modern-400); --color-gray-modern-500: var(--color-gray-modern-500); --color-gray-modern-600: var(--color-gray-modern-600); --color-gray-modern-700: var(--color-gray-modern-700); --color-gray-modern-800: var(--color-gray-modern-800); --color-gray-modern-900: var(--color-gray-modern-900); --color-gray-modern-950: var(--color-gray-modern-950); --color-gray-neutral-25: var(--color-gray-neutral-25); --color-gray-neutral-50: var(--color-gray-neutral-50); --color-gray-neutral-100: var(--color-gray-neutral-100); --color-gray-neutral-200: var(--color-gray-neutral-200); --color-gray-neutral-300: var(--color-gray-neutral-300); --color-gray-neutral-400: var(--color-gray-neutral-400); --color-gray-neutral-500: var(--color-gray-neutral-500); --color-gray-neutral-600: var(--color-gray-neutral-600); --color-gray-neutral-700: var(--color-gray-neutral-700); --color-gray-neutral-800: var(--color-gray-neutral-800); --color-gray-neutral-900: var(--color-gray-neutral-900); --color-gray-neutral-950: var(--color-gray-neutral-950); --color-gray-iron-25: var(--color-gray-iron-25); --color-gray-iron-50: var(--color-gray-iron-50); --color-gray-iron-100: var(--color-gray-iron-100); --color-gray-iron-200: var(--color-gray-iron-200); --color-gray-iron-300: var(--color-gray-iron-300); --color-gray-iron-400: var(--color-gray-iron-400); --color-gray-iron-500: var(--color-gray-iron-500); --color-gray-iron-600: var(--color-gray-iron-600); --color-gray-iron-700: var(--color-gray-iron-700); --color-gray-iron-800: var(--color-gray-iron-800); --color-gray-iron-900: var(--color-gray-iron-900); --color-gray-iron-950: var(--color-gray-iron-950); --color-gray-true-25: var(--color-gray-true-25); --color-gray-true-50: var(--color-gray-true-50); --color-gray-true-100: var(--color-gray-true-100); --color-gray-true-200: var(--color-gray-true-200); --color-gray-true-300: var(--color-gray-true-300); --color-gray-true-400: var(--color-gray-true-400); --color-gray-true-500: var(--color-gray-true-500); --color-gray-true-600: var(--color-gray-true-600); --color-gray-true-700: var(--color-gray-true-700); --color-gray-true-800: var(--color-gray-true-800); --color-gray-true-900: var(--color-gray-true-900); --color-gray-true-950: var(--color-gray-true-950); --color-gray-warm-25: var(--color-gray-warm-25); --color-gray-warm-50: var(--color-gray-warm-50); --color-gray-warm-100: var(--color-gray-warm-100); --color-gray-warm-200: var(--color-gray-warm-200); --color-gray-warm-300: var(--color-gray-warm-300); --color-gray-warm-400: var(--color-gray-warm-400); --color-gray-warm-500: var(--color-gray-warm-500); --color-gray-warm-600: var(--color-gray-warm-600); --color-gray-warm-700: var(--color-gray-warm-700); --color-gray-warm-800: var(--color-gray-warm-800); --color-gray-warm-900: var(--color-gray-warm-900); --color-gray-warm-950: var(--color-gray-warm-950); --color-alpha-gray-light-25: var(--color-alpha-gray-light-25); --color-alpha-gray-light-50: var(--color-alpha-gray-light-50); --color-alpha-gray-light-100: var(--color-alpha-gray-light-100); --color-alpha-gray-light-200: var(--color-alpha-gray-light-200); --color-alpha-gray-light-300: var(--color-alpha-gray-light-300); --color-alpha-gray-light-400: var(--color-alpha-gray-light-400); --color-alpha-gray-light-500: var(--color-alpha-gray-light-500); --color-alpha-gray-light-600: var(--color-alpha-gray-light-600); --color-alpha-gray-light-700: var(--color-alpha-gray-light-700); --color-alpha-gray-light-800: var(--color-alpha-gray-light-800); --color-alpha-gray-light-900: var(--color-alpha-gray-light-900); --color-alpha-gray-light-950: var(--color-alpha-gray-light-950); --color-alpha-gray-dark-25: var(--color-alpha-gray-dark-25); --color-alpha-gray-dark-50: var(--color-alpha-gray-dark-50); --color-alpha-gray-dark-100: var(--color-alpha-gray-dark-100); --color-alpha-gray-dark-200: var(--color-alpha-gray-dark-200); --color-alpha-gray-dark-300: var(--color-alpha-gray-dark-300); --color-alpha-gray-dark-400: var(--color-alpha-gray-dark-400); --color-alpha-gray-dark-500: var(--color-alpha-gray-dark-500); --color-alpha-gray-dark-600: var(--color-alpha-gray-dark-600); --color-alpha-gray-dark-700: var(--color-alpha-gray-dark-700); --color-alpha-gray-dark-800: var(--color-alpha-gray-dark-800); --color-alpha-gray-dark-900: var(--color-alpha-gray-dark-900); --color-alpha-gray-dark-950: var(--color-alpha-gray-dark-950); --color-alpha-gray-modern-25: var(--color-alpha-gray-modern-25); --color-alpha-gray-modern-50: var(--color-alpha-gray-modern-50); --color-alpha-gray-modern-100: var(--color-alpha-gray-modern-100); --color-alpha-gray-modern-200: var(--color-alpha-gray-modern-200); --color-alpha-gray-modern-300: var(--color-alpha-gray-modern-300); --color-alpha-gray-modern-400: var(--color-alpha-gray-modern-400); --color-alpha-gray-modern-500: var(--color-alpha-gray-modern-500); --color-alpha-gray-modern-600: var(--color-alpha-gray-modern-600); --color-alpha-gray-modern-700: var(--color-alpha-gray-modern-700); --color-alpha-gray-modern-800: var(--color-alpha-gray-modern-800); --color-alpha-gray-modern-900: var(--color-alpha-gray-modern-900); --color-alpha-gray-modern-950: var(--color-alpha-gray-modern-950); --color-alpha-white-05: var(--color-alpha-white-05); --color-alpha-white-10: var(--color-alpha-white-10); --color-alpha-white-20: var(--color-alpha-white-20); --color-alpha-white-30: var(--color-alpha-white-30); --color-alpha-white-40: var(--color-alpha-white-40); --color-alpha-white-50: var(--color-alpha-white-50); --color-alpha-white-60: var(--color-alpha-white-60); --color-alpha-white-70: var(--color-alpha-white-70); --color-alpha-white-80: var(--color-alpha-white-80); --color-alpha-white-90: var(--color-alpha-white-90); --color-alpha-white-100: var(--color-alpha-white-100); --color-alpha-black-02: var(--color-alpha-black-02); --color-alpha-black-10: var(--color-alpha-black-10); --color-alpha-black-20: var(--color-alpha-black-20); --color-alpha-black-30: var(--color-alpha-black-30); --color-alpha-black-40: var(--color-alpha-black-40); --color-alpha-black-50: var(--color-alpha-black-50); --color-alpha-black-60: var(--color-alpha-black-60); --color-alpha-black-70: var(--color-alpha-black-70); --color-alpha-black-80: var(--color-alpha-black-80); --color-alpha-black-90: var(--color-alpha-black-90); --color-alpha-black-100: var(--color-alpha-black-100); --color-alpha-gray-10: var(--color-alpha-gray-10); --color-alpha-gray-20: var(--color-alpha-gray-20); --color-alpha-gray-30: var(--color-alpha-gray-30); --color-alpha-gray-40: var(--color-alpha-gray-40); --color-alpha-gray-50: var(--color-alpha-gray-50); --color-alpha-gray-60: var(--color-alpha-gray-60); --color-alpha-gray-70: var(--color-alpha-gray-70); --color-alpha-gray-80: var(--color-alpha-gray-80); --color-alpha-gray-90: var(--color-alpha-gray-90); --color-alpha-gray-100: var(--color-alpha-gray-100); --color-moss-25: var(--color-moss-25); --color-moss-50: var(--color-moss-50); --color-moss-100: var(--color-moss-100); --color-moss-200: var(--color-moss-200); --color-moss-300: var(--color-moss-300); --color-moss-400: var(--color-moss-400); --color-moss-500: var(--color-moss-500); --color-moss-600: var(--color-moss-600); --color-moss-700: var(--color-moss-700); --color-moss-800: var(--color-moss-800); --color-moss-900: var(--color-moss-900); --color-moss-950: var(--color-moss-950); --color-green-light-25: var(--color-green-light-25); --color-green-light-50: var(--color-green-light-50); --color-green-light-100: var(--color-green-light-100); --color-green-light-200: var(--color-green-light-200); --color-green-light-300: var(--color-green-light-300); --color-green-light-400: var(--color-green-light-400); --color-green-light-500: var(--color-green-light-500); --color-green-light-600: var(--color-green-light-600); --color-green-light-700: var(--color-green-light-700); --color-green-light-800: var(--color-green-light-800); --color-green-light-900: var(--color-green-light-900); --color-green-light-950: var(--color-green-light-950); --color-green-25: var(--color-green-25); --color-green-50: var(--color-green-50); --color-green-100: var(--color-green-100); --color-green-200: var(--color-green-200); --color-green-300: var(--color-green-300); --color-green-400: var(--color-green-400); --color-green-500: var(--color-green-500); --color-green-600: var(--color-green-600); --color-green-700: var(--color-green-700); --color-green-800: var(--color-green-800); --color-green-900: var(--color-green-900); --color-green-950: var(--color-green-950); --color-teal-25: var(--color-teal-25); --color-teal-50: var(--color-teal-50); --color-teal-100: var(--color-teal-100); --color-teal-200: var(--color-teal-200); --color-teal-300: var(--color-teal-300); --color-teal-400: var(--color-teal-400); --color-teal-500: var(--color-teal-500); --color-teal-600: var(--color-teal-600); --color-teal-700: var(--color-teal-700); --color-teal-800: var(--color-teal-800); --color-teal-900: var(--color-teal-900); --color-teal-950: var(--color-teal-950); --color-cyan-25: var(--color-cyan-25); --color-cyan-50: var(--color-cyan-50); --color-cyan-100: var(--color-cyan-100); --color-cyan-200: var(--color-cyan-200); --color-cyan-300: var(--color-cyan-300); --color-cyan-400: var(--color-cyan-400); --color-cyan-500: var(--color-cyan-500); --color-cyan-600: var(--color-cyan-600); --color-cyan-700: var(--color-cyan-700); --color-cyan-800: var(--color-cyan-800); --color-cyan-900: var(--color-cyan-900); --color-cyan-950: var(--color-cyan-950); --color-blue-light-25: var(--color-blue-light-25); --color-blue-light-50: var(--color-blue-light-50); --color-blue-light-100: var(--color-blue-light-100); --color-blue-light-200: var(--color-blue-light-200); --color-blue-light-300: var(--color-blue-light-300); --color-blue-light-400: var(--color-blue-light-400); --color-blue-light-500: var(--color-blue-light-500); --color-blue-light-600: var(--color-blue-light-600); --color-blue-light-700: var(--color-blue-light-700); --color-blue-light-800: var(--color-blue-light-800); --color-blue-light-900: var(--color-blue-light-900); --color-blue-light-950: var(--color-blue-light-950); --color-blue-25: var(--color-blue-25); --color-blue-50: var(--color-blue-50); --color-blue-100: var(--color-blue-100); --color-blue-200: var(--color-blue-200); --color-blue-300: var(--color-blue-300); --color-blue-400: var(--color-blue-400); --color-blue-500: var(--color-blue-500); --color-blue-600: var(--color-blue-600); --color-blue-700: var(--color-blue-700); --color-blue-800: var(--color-blue-800); --color-blue-900: var(--color-blue-900); --color-blue-950: var(--color-blue-950); --color-ultramarine-blue-25: var(--color-ultramarine-blue-25); --color-ultramarine-blue-50: var(--color-ultramarine-blue-50); --color-ultramarine-blue-100: var(--color-ultramarine-blue-100); --color-ultramarine-blue-200: var(--color-ultramarine-blue-200); --color-ultramarine-blue-300: var(--color-ultramarine-blue-300); --color-ultramarine-blue-400: var(--color-ultramarine-blue-400); --color-ultramarine-blue-500: var(--color-ultramarine-blue-500); --color-ultramarine-blue-600: var(--color-ultramarine-blue-600); --color-ultramarine-blue-700: var(--color-ultramarine-blue-700); --color-ultramarine-blue-800: var(--color-ultramarine-blue-800); --color-ultramarine-blue-900: var(--color-ultramarine-blue-900); --color-ultramarine-blue-950: var(--color-ultramarine-blue-950); --color-blue-dark-25: var(--color-blue-dark-25); --color-blue-dark-50: var(--color-blue-dark-50); --color-blue-dark-100: var(--color-blue-dark-100); --color-blue-dark-200: var(--color-blue-dark-200); --color-blue-dark-300: var(--color-blue-dark-300); --color-blue-dark-400: var(--color-blue-dark-400); --color-blue-dark-500: var(--color-blue-dark-500); --color-blue-dark-600: var(--color-blue-dark-600); --color-blue-dark-700: var(--color-blue-dark-700); --color-blue-dark-800: var(--color-blue-dark-800); --color-blue-dark-900: var(--color-blue-dark-900); --color-blue-dark-950: var(--color-blue-dark-950); --color-indigo-25: var(--color-indigo-25); --color-indigo-50: var(--color-indigo-50); --color-indigo-100: var(--color-indigo-100); --color-indigo-200: var(--color-indigo-200); --color-indigo-300: var(--color-indigo-300); --color-indigo-400: var(--color-indigo-400); --color-indigo-500: var(--color-indigo-500); --color-indigo-600: var(--color-indigo-600); --color-indigo-700: var(--color-indigo-700); --color-indigo-800: var(--color-indigo-800); --color-indigo-900: var(--color-indigo-900); --color-indigo-950: var(--color-indigo-950); --color-violet-25: var(--color-violet-25); --color-violet-50: var(--color-violet-50); --color-violet-100: var(--color-violet-100); --color-violet-200: var(--color-violet-200); --color-violet-300: var(--color-violet-300); --color-violet-400: var(--color-violet-400); --color-violet-500: var(--color-violet-500); --color-violet-600: var(--color-violet-600); --color-violet-700: var(--color-violet-700); --color-violet-800: var(--color-violet-800); --color-violet-900: var(--color-violet-900); --color-violet-950: var(--color-violet-950); --color-purple-25: var(--color-purple-25); --color-purple-50: var(--color-purple-50); --color-purple-100: var(--color-purple-100); --color-purple-200: var(--color-purple-200); --color-purple-300: var(--color-purple-300); --color-purple-400: var(--color-purple-400); --color-purple-500: var(--color-purple-500); --color-purple-600: var(--color-purple-600); --color-purple-700: var(--color-purple-700); --color-purple-800: var(--color-purple-800); --color-purple-900: var(--color-purple-900); --color-purple-950: var(--color-purple-950); --color-fuchsia-25: var(--color-fuchsia-25); --color-fuchsia-50: var(--color-fuchsia-50); --color-fuchsia-100: var(--color-fuchsia-100); --color-fuchsia-200: var(--color-fuchsia-200); --color-fuchsia-300: var(--color-fuchsia-300); --color-fuchsia-400: var(--color-fuchsia-400); --color-fuchsia-500: var(--color-fuchsia-500); --color-fuchsia-600: var(--color-fuchsia-600); --color-fuchsia-700: var(--color-fuchsia-700); --color-fuchsia-800: var(--color-fuchsia-800); --color-fuchsia-900: var(--color-fuchsia-900); --color-fuchsia-950: var(--color-fuchsia-950); --color-pink-25: var(--color-pink-25); --color-pink-50: var(--color-pink-50); --color-pink-100: var(--color-pink-100); --color-pink-200: var(--color-pink-200); --color-pink-300: var(--color-pink-300); --color-pink-400: var(--color-pink-400); --color-pink-500: var(--color-pink-500); --color-pink-600: var(--color-pink-600); --color-pink-700: var(--color-pink-700); --color-pink-800: var(--color-pink-800); --color-pink-900: var(--color-pink-900); --color-pink-950: var(--color-pink-950); --color-rose-25: var(--color-rose-25); --color-rose-50: var(--color-rose-50); --color-rose-100: var(--color-rose-100); --color-rose-200: var(--color-rose-200); --color-rose-300: var(--color-rose-300); --color-rose-400: var(--color-rose-400); --color-rose-500: var(--color-rose-500); --color-rose-600: var(--color-rose-600); --color-rose-700: var(--color-rose-700); --color-rose-800: var(--color-rose-800); --color-rose-900: var(--color-rose-900); --color-rose-950: var(--color-rose-950); --color-orange-dark-25: var(--color-orange-dark-25); --color-orange-dark-50: var(--color-orange-dark-50); --color-orange-dark-100: var(--color-orange-dark-100); --color-orange-dark-200: var(--color-orange-dark-200); --color-orange-dark-300: var(--color-orange-dark-300); --color-orange-dark-400: var(--color-orange-dark-400); --color-orange-dark-500: var(--color-orange-dark-500); --color-orange-dark-600: var(--color-orange-dark-600); --color-orange-dark-700: var(--color-orange-dark-700); --color-orange-dark-800: var(--color-orange-dark-800); --color-orange-dark-900: var(--color-orange-dark-900); --color-orange-dark-950: var(--color-orange-dark-950); --color-orange-25: var(--color-orange-25); --color-orange-50: var(--color-orange-50); --color-orange-100: var(--color-orange-100); --color-orange-200: var(--color-orange-200); --color-orange-300: var(--color-orange-300); --color-orange-400: var(--color-orange-400); --color-orange-500: var(--color-orange-500); --color-orange-600: var(--color-orange-600); --color-orange-700: var(--color-orange-700); --color-orange-800: var(--color-orange-800); --color-orange-900: var(--color-orange-900); --color-orange-950: var(--color-orange-950); --color-sunset-orange-25: var(--color-sunset-orange-25); --color-sunset-orange-50: var(--color-sunset-orange-50); --color-sunset-orange-100: var(--color-sunset-orange-100); --color-sunset-orange-200: var(--color-sunset-orange-200); --color-sunset-orange-300: var(--color-sunset-orange-300); --color-sunset-orange-400: var(--color-sunset-orange-400); --color-sunset-orange-500: var(--color-sunset-orange-500); --color-sunset-orange-600: var(--color-sunset-orange-600); --color-sunset-orange-700: var(--color-sunset-orange-700); --color-sunset-orange-800: var(--color-sunset-orange-800); --color-sunset-orange-900: var(--color-sunset-orange-900); --color-sunset-orange-950: var(--color-sunset-orange-950); --color-terracotta-orange-25: var(--color-terracotta-orange-25); --color-terracotta-orange-50: var(--color-terracotta-orange-50); --color-terracotta-orange-100: var(--color-terracotta-orange-100); --color-terracotta-orange-200: var(--color-terracotta-orange-200); --color-terracotta-orange-300: var(--color-terracotta-orange-300); --color-terracotta-orange-400: var(--color-terracotta-orange-400); --color-terracotta-orange-500: var(--color-terracotta-orange-500); --color-terracotta-orange-600: var(--color-terracotta-orange-600); --color-terracotta-orange-700: var(--color-terracotta-orange-700); --color-terracotta-orange-800: var(--color-terracotta-orange-800); --color-terracotta-orange-900: var(--color-terracotta-orange-900); --color-terracotta-orange-950: var(--color-terracotta-orange-950); --color-yellow-25: var(--color-yellow-25); --color-yellow-50: var(--color-yellow-50); --color-yellow-100: var(--color-yellow-100); --color-yellow-200: var(--color-yellow-200); --color-yellow-300: var(--color-yellow-300); --color-yellow-400: var(--color-yellow-400); --color-yellow-500: var(--color-yellow-500); --color-yellow-600: var(--color-yellow-600); --color-yellow-700: var(--color-yellow-700); --color-yellow-800: var(--color-yellow-800); --color-yellow-900: var(--color-yellow-900); --color-yellow-950: var(--color-yellow-950); --color-crimson-red-25: var(--color-crimson-red-25); --color-crimson-red-50: var(--color-crimson-red-50); --color-crimson-red-100: var(--color-crimson-red-100); --color-crimson-red-200: var(--color-crimson-red-200); --color-crimson-red-300: var(--color-crimson-red-300); --color-crimson-red-400: var(--color-crimson-red-400); --color-crimson-red-500: var(--color-crimson-red-500); --color-crimson-red-600: var(--color-crimson-red-600); --color-crimson-red-700: var(--color-crimson-red-700); --color-crimson-red-800: var(--color-crimson-red-800); --color-crimson-red-900: var(--color-crimson-red-900); --color-crimson-red-950: var(--color-crimson-red-950); --color-french-lilac-25: var(--color-french-lilac-25); --color-french-lilac-50: var(--color-french-lilac-50); --color-french-lilac-100: var(--color-french-lilac-100); --color-french-lilac-200: var(--color-french-lilac-200); --color-french-lilac-300: var(--color-french-lilac-300); --color-french-lilac-400: var(--color-french-lilac-400); --color-french-lilac-500: var(--color-french-lilac-500); --color-french-lilac-600: var(--color-french-lilac-600); --color-french-lilac-700: var(--color-french-lilac-700); --color-french-lilac-800: var(--color-french-lilac-800); --color-french-lilac-900: var(--color-french-lilac-900); --color-french-lilac-950: var(--color-french-lilac-950); --color-midnight-blue-25: var(--color-midnight-blue-25); --color-midnight-blue-50: var(--color-midnight-blue-50); --color-midnight-blue-100: var(--color-midnight-blue-100); --color-midnight-blue-200: var(--color-midnight-blue-200); --color-midnight-blue-300: var(--color-midnight-blue-300); --color-midnight-blue-400: var(--color-midnight-blue-400); --color-midnight-blue-500: var(--color-midnight-blue-500); --color-midnight-blue-600: var(--color-midnight-blue-600); --color-midnight-blue-700: var(--color-midnight-blue-700); --color-midnight-blue-800: var(--color-midnight-blue-800); --color-midnight-blue-900: var(--color-midnight-blue-900); --color-midnight-blue-950: var(--color-midnight-blue-950); --color-persian-green-25: var(--color-persian-green-25); --color-persian-green-50: var(--color-persian-green-50); --color-persian-green-100: var(--color-persian-green-100); --color-persian-green-200: var(--color-persian-green-200); --color-persian-green-300: var(--color-persian-green-300); --color-persian-green-400: var(--color-persian-green-400); --color-persian-green-500: var(--color-persian-green-500); --color-persian-green-600: var(--color-persian-green-600); --color-persian-green-700: var(--color-persian-green-700); --color-persian-green-800: var(--color-persian-green-800); --color-persian-green-900: var(--color-persian-green-900); --color-persian-green-950: var(--color-persian-green-950); --color-utility-blue-50: var(--color-utility-blue-50); --color-utility-blue-100: var(--color-utility-blue-100); --color-utility-blue-200: var(--color-utility-blue-200); --color-utility-blue-300: var(--color-utility-blue-300); --color-utility-blue-400: var(--color-utility-blue-400); --color-utility-blue-500: var(--color-utility-blue-500); --color-utility-blue-600: var(--color-utility-blue-600); --color-utility-blue-700: var(--color-utility-blue-700); --color-utility-ultramarine-blue-50: var(--color-utility-ultramarine-blue-50); --color-utility-ultramarine-blue-100: var(--color-utility-ultramarine-blue-100); --color-utility-ultramarine-blue-200: var(--color-utility-ultramarine-blue-200); --color-utility-ultramarine-blue-300: var(--color-utility-ultramarine-blue-300); --color-utility-ultramarine-blue-400: var(--color-utility-ultramarine-blue-400); --color-utility-ultramarine-blue-500: var(--color-utility-ultramarine-blue-500); --color-utility-ultramarine-blue-600: var(--color-utility-ultramarine-blue-600); --color-utility-ultramarine-blue-700: var(--color-utility-ultramarine-blue-700); --color-utility-brand-50: var(--color-utility-brand-50); --color-utility-brand-50-alt: var(--color-utility-brand-50-alt); --color-utility-brand-100: var(--color-utility-brand-100); --color-utility-brand-100-alt: var(--color-utility-brand-100-alt); --color-utility-brand-200: var(--color-utility-brand-200); --color-utility-brand-200-alt: var(--color-utility-brand-200-alt); --color-utility-brand-300: var(--color-utility-brand-300); --color-utility-brand-300-alt: var(--color-utility-brand-300-alt); --color-utility-brand-400: var(--color-utility-brand-400); --color-utility-brand-400-alt: var(--color-utility-brand-400-alt); --color-utility-brand-500: var(--color-utility-brand-500); --color-utility-brand-500-alt: var(--color-utility-brand-500-alt); --color-utility-brand-600: var(--color-utility-brand-600); --color-utility-brand-600-alt: var(--color-utility-brand-600-alt); --color-utility-brand-700: var(--color-utility-brand-700); --color-utility-brand-700-alt: var(--color-utility-brand-700-alt); --color-utility-brand-800: var(--color-utility-brand-800); --color-utility-brand-800-alt: var(--color-utility-brand-800-alt); --color-utility-brand-900: var(--color-utility-brand-900); --color-utility-brand-900-alt: var(--color-utility-brand-900-alt); --color-utility-gray-50: var(--color-utility-gray-50); --color-utility-gray-100: var(--color-utility-gray-100); --color-utility-gray-200: var(--color-utility-gray-200); --color-utility-gray-300: var(--color-utility-gray-300); --color-utility-gray-400: var(--color-utility-gray-400); --color-utility-gray-500: var(--color-utility-gray-500); --color-utility-gray-600: var(--color-utility-gray-600); --color-utility-gray-700: var(--color-utility-gray-700); --color-utility-gray-800: var(--color-utility-gray-800); --color-utility-gray-900: var(--color-utility-gray-900); --color-utility-error-50: var(--color-utility-error-50); --color-utility-error-100: var(--color-utility-error-100); --color-utility-error-200: var(--color-utility-error-200); --color-utility-error-300: var(--color-utility-error-300); --color-utility-error-400: var(--color-utility-error-400); --color-utility-error-500: var(--color-utility-error-500); --color-utility-error-600: var(--color-utility-error-600); --color-utility-error-700: var(--color-utility-error-700); --color-utility-warning-50: var(--color-utility-warning-50); --color-utility-warning-100: var(--color-utility-warning-100); --color-utility-warning-200: var(--color-utility-warning-200); --color-utility-warning-300: var(--color-utility-warning-300); --color-utility-warning-400: var(--color-utility-warning-400); --color-utility-warning-500: var(--color-utility-warning-500); --color-utility-warning-600: var(--color-utility-warning-600); --color-utility-warning-700: var(--color-utility-warning-700); --color-utility-success-50: var(--color-utility-success-50); --color-utility-success-100: var(--color-utility-success-100); --color-utility-success-200: var(--color-utility-success-200); --color-utility-success-300: var(--color-utility-success-300); --color-utility-success-400: var(--color-utility-success-400); --color-utility-success-500: var(--color-utility-success-500); --color-utility-success-600: var(--color-utility-success-600); --color-utility-success-700: var(--color-utility-success-700); --color-utility-orange-50: var(--color-utility-orange-50); --color-utility-orange-100: var(--color-utility-orange-100); --color-utility-orange-200: var(--color-utility-orange-200); --color-utility-orange-300: var(--color-utility-orange-300); --color-utility-orange-400: var(--color-utility-orange-400); --color-utility-orange-500: var(--color-utility-orange-500); --color-utility-orange-600: var(--color-utility-orange-600); --color-utility-orange-700: var(--color-utility-orange-700); --color-utility-blue-dark-50: var(--color-utility-blue-dark-50); --color-utility-blue-dark-100: var(--color-utility-blue-dark-100); --color-utility-blue-dark-200: var(--color-utility-blue-dark-200); --color-utility-blue-dark-300: var(--color-utility-blue-dark-300); --color-utility-blue-dark-400: var(--color-utility-blue-dark-400); --color-utility-blue-dark-500: var(--color-utility-blue-dark-500); --color-utility-blue-dark-600: var(--color-utility-blue-dark-600); --color-utility-blue-dark-700: var(--color-utility-blue-dark-700); --color-utility-indigo-50: var(--color-utility-indigo-50); --color-utility-indigo-100: var(--color-utility-indigo-100); --color-utility-indigo-200: var(--color-utility-indigo-200); --color-utility-indigo-300: var(--color-utility-indigo-300); --color-utility-indigo-400: var(--color-utility-indigo-400); --color-utility-indigo-500: var(--color-utility-indigo-500); --color-utility-indigo-600: var(--color-utility-indigo-600); --color-utility-indigo-700: var(--color-utility-indigo-700); --color-utility-fuchsia-50: var(--color-utility-fuchsia-50); --color-utility-fuchsia-100: var(--color-utility-fuchsia-100); --color-utility-fuchsia-200: var(--color-utility-fuchsia-200); --color-utility-fuchsia-300: var(--color-utility-fuchsia-300); --color-utility-fuchsia-400: var(--color-utility-fuchsia-400); --color-utility-fuchsia-500: var(--color-utility-fuchsia-500); --color-utility-fuchsia-600: var(--color-utility-fuchsia-600); --color-utility-fuchsia-700: var(--color-utility-fuchsia-700); --color-utility-pink-50: var(--color-utility-pink-50); --color-utility-pink-100: var(--color-utility-pink-100); --color-utility-pink-200: var(--color-utility-pink-200); --color-utility-pink-300: var(--color-utility-pink-300); --color-utility-pink-400: var(--color-utility-pink-400); --color-utility-pink-500: var(--color-utility-pink-500); --color-utility-pink-600: var(--color-utility-pink-600); --color-utility-pink-700: var(--color-utility-pink-700); --color-utility-purple-50: var(--color-utility-purple-50); --color-utility-purple-100: var(--color-utility-purple-100); --color-utility-purple-200: var(--color-utility-purple-200); --color-utility-purple-300: var(--color-utility-purple-300); --color-utility-purple-400: var(--color-utility-purple-400); --color-utility-purple-500: var(--color-utility-purple-500); --color-utility-purple-600: var(--color-utility-purple-600); --color-utility-purple-700: var(--color-utility-purple-700); --color-utility-orange-dark-50: var(--color-utility-orange-dark-50); --color-utility-orange-dark-100: var(--color-utility-orange-dark-100); --color-utility-orange-dark-200: var(--color-utility-orange-dark-200); --color-utility-orange-dark-300: var(--color-utility-orange-dark-300); --color-utility-orange-dark-400: var(--color-utility-orange-dark-400); --color-utility-orange-dark-500: var(--color-utility-orange-dark-500); --color-utility-orange-dark-600: var(--color-utility-orange-dark-600); --color-utility-orange-dark-700: var(--color-utility-orange-dark-700); --color-utility-blue-light-50: var(--color-utility-blue-light-50); --color-utility-blue-light-100: var(--color-utility-blue-light-100); --color-utility-blue-light-200: var(--color-utility-blue-light-200); --color-utility-blue-light-300: var(--color-utility-blue-light-300); --color-utility-blue-light-400: var(--color-utility-blue-light-400); --color-utility-blue-light-500: var(--color-utility-blue-light-500); --color-utility-blue-light-600: var(--color-utility-blue-light-600); --color-utility-blue-light-700: var(--color-utility-blue-light-700); --color-utility-gray-blue-50: var(--color-utility-gray-blue-50); --color-utility-gray-blue-100: var(--color-utility-gray-blue-100); --color-utility-gray-blue-200: var(--color-utility-gray-blue-200); --color-utility-gray-blue-300: var(--color-utility-gray-blue-300); --color-utility-gray-blue-400: var(--color-utility-gray-blue-400); --color-utility-gray-blue-500: var(--color-utility-gray-blue-500); --color-utility-gray-blue-600: var(--color-utility-gray-blue-600); --color-utility-gray-blue-700: var(--color-utility-gray-blue-700); --color-utility-green-50: var(--color-utility-green-50); --color-utility-green-100: var(--color-utility-green-100); --color-utility-green-200: var(--color-utility-green-200); --color-utility-green-300: var(--color-utility-green-300); --color-utility-green-400: var(--color-utility-green-400); --color-utility-green-500: var(--color-utility-green-500); --color-utility-green-600: var(--color-utility-green-600); --color-utility-green-700: var(--color-utility-green-700); --color-utility-yellow-50: var(--color-utility-yellow-50); --color-utility-yellow-100: var(--color-utility-yellow-100); --color-utility-yellow-200: var(--color-utility-yellow-200); --color-utility-yellow-300: var(--color-utility-yellow-300); --color-utility-yellow-400: var(--color-utility-yellow-400); --color-utility-yellow-500: var(--color-utility-yellow-500); --color-utility-yellow-600: var(--color-utility-yellow-600); --color-utility-yellow-700: var(--color-utility-yellow-700); --color-utility-orange-terracotta-50: var(--color-utility-orange-terracotta-50); --color-utility-orange-terracotta-100: var(--color-utility-orange-terracotta-100); --color-utility-orange-terracotta-200: var(--color-utility-orange-terracotta-200); --color-utility-orange-terracotta-300: var(--color-utility-orange-terracotta-300); --color-utility-orange-terracotta-400: var(--color-utility-orange-terracotta-400); --color-utility-orange-terracotta-500: var(--color-utility-orange-terracotta-500); --color-utility-orange-terracotta-600: var(--color-utility-orange-terracotta-600); --color-utility-orange-terracotta-700: var(--color-utility-orange-terracotta-700); --color-utility-sunset-orange-50: var(--color-utility-sunset-orange-50); --color-utility-sunset-orange-100: var(--color-utility-sunset-orange-100); --color-utility-sunset-orange-200: var(--color-utility-sunset-orange-200); --color-utility-sunset-orange-300: var(--color-utility-sunset-orange-300); --color-utility-sunset-orange-400: var(--color-utility-sunset-orange-400); --color-utility-sunset-orange-500: var(--color-utility-sunset-orange-500); --color-utility-sunset-orange-600: var(--color-utility-sunset-orange-600); --color-utility-sunset-orange-700: var(--color-utility-sunset-orange-700); --color-utility-crimson-red-50: var(--color-utility-crimson-red-50); --color-utility-crimson-red-100: var(--color-utility-crimson-red-100); --color-utility-crimson-red-200: var(--color-utility-crimson-red-200); --color-utility-crimson-red-300: var(--color-utility-crimson-red-300); --color-utility-crimson-red-400: var(--color-utility-crimson-red-400); --color-utility-crimson-red-500: var(--color-utility-crimson-red-500); --color-utility-crimson-red-600: var(--color-utility-crimson-red-600); --color-utility-crimson-red-700: var(--color-utility-crimson-red-700); --color-utility-french-lilac-50: var(--color-utility-french-lilac-50); --color-utility-french-lilac-100: var(--color-utility-french-lilac-100); --color-utility-french-lilac-200: var(--color-utility-french-lilac-200); --color-utility-french-lilac-300: var(--color-utility-french-lilac-300); --color-utility-french-lilac-400: var(--color-utility-french-lilac-400); --color-utility-french-lilac-500: var(--color-utility-french-lilac-500); --color-utility-french-lilac-600: var(--color-utility-french-lilac-600); --color-utility-french-lilac-700: var(--color-utility-french-lilac-700); --color-utility-persian-green-50: var(--color-utility-persian-green-50); --color-utility-persian-green-100: var(--color-utility-persian-green-100); --color-utility-persian-green-200: var(--color-utility-persian-green-200); --color-utility-persian-green-300: var(--color-utility-persian-green-300); --color-utility-persian-green-400: var(--color-utility-persian-green-400); --color-utility-persian-green-500: var(--color-utility-persian-green-500); --color-utility-persian-green-600: var(--color-utility-persian-green-600); --color-utility-persian-green-700: var(--color-utility-persian-green-700); --color-utility-midnight-blue-50: var(--color-utility-midnight-blue-50); --color-utility-midnight-blue-100: var(--color-utility-midnight-blue-100); --color-utility-midnight-blue-200: var(--color-utility-midnight-blue-200); --color-utility-midnight-blue-300: var(--color-utility-midnight-blue-300); --color-utility-midnight-blue-400: var(--color-utility-midnight-blue-400); --color-utility-midnight-blue-500: var(--color-utility-midnight-blue-500); --color-utility-midnight-blue-600: var(--color-utility-midnight-blue-600); --color-utility-midnight-blue-700: var(--color-utility-midnight-blue-700); --color-text-white: var(--color-text-white); --color-text-primary: var(--color-text-primary); --color-text-secondary: var(--color-text-secondary); --color-text-secondary-inverse: var(--color-text-secondary-inverse); --color-text-secondary-hover: var(--color-text-secondary-hover); --color-text-tertiary: var(--color-text-tertiary); --color-text-tertiary-hover: var(--color-text-tertiary-hover); --color-text-quaternary: var(--color-text-quaternary); --color-text-error-primary: var(--color-text-error-primary); --color-text-error-primary-hover: var(--color-text-error-primary-hover); --color-text-warning-primary: var(--color-text-warning-primary); --color-text-success-primary: var(--color-text-success-primary); --color-text-disabled: var(--color-text-disabled); --color-text-placeholder: var(--color-text-placeholder); --color-text-placeholder-subtle: var(--color-text-placeholder-subtle); --color-text-editor-icon-fg: var(--color-text-editor-icon-fg); --color-text-editor-icon-fg-active: var(--color-text-editor-icon-fg-active); --color-text-primary-on-brand: var(--color-text-primary-on-brand); --color-text-secondary-on-brand: var(--color-text-secondary-on-brand); --color-text-tertiary-on-brand: var(--color-text-tertiary-on-brand); --color-text-quaternary-on-brand: var(--color-text-quaternary-on-brand); --color-text-brand-primary: var(--color-text-brand-primary); --color-text-brand-secondary: var(--color-text-brand-secondary); --color-text-brand-secondary-hover: var(--color-text-brand-secondary-hover); --color-text-brand-tertiary: var(--color-text-brand-tertiary); --color-text-brand-tertiary-alt: var(--color-text-brand-tertiary-alt); --color-text-info-primary: var(--color-text-info-primary); --color-text-orange: var(--color-text-orange); --color-border-white: var(--color-border-white); --color-border-primary: var(--color-border-primary); --color-border-primary-icon: var(--color-border-primary-icon); --color-border-secondary: var(--color-border-secondary); --color-border-secondary-alt: var(--color-border-secondary-alt); --color-border-tertiary: var(--color-border-tertiary); --color-border-error: var(--color-border-error); --color-border-error-subtle: var(--color-border-error-subtle); --color-border-disabled: var(--color-border-disabled); --color-border-disabled-subtle: var(--color-border-disabled-subtle); --color-border-brand: var(--color-border-brand); --color-border-brand-alt: var(--color-border-brand-alt); --color-border-success: var(--color-border-success); --color-border-orange: var(--color-border-orange); --color-fg-white: var(--color-fg-white); --color-fg-primary: var(--color-fg-primary); --color-fg-secondary: var(--color-fg-secondary); --color-fg-secondary-hover: var(--color-fg-secondary-hover); --color-fg-tertiary: var(--color-fg-tertiary); --color-fg-tertiary-hover: var(--color-fg-tertiary-hover); --color-fg-quaternary: var(--color-fg-quaternary); --color-fg-quaternary-hover: var(--color-fg-quaternary-hover); --color-fg-warning-primary: var(--color-fg-warning-primary); --color-fg-warning-secondary: var(--color-fg-warning-secondary); --color-fg-success-primary: var(--color-fg-success-primary); --color-fg-success-secondary: var(--color-fg-success-secondary); --color-fg-error-primary: var(--color-fg-error-primary); --color-fg-error-secondary: var(--color-fg-error-secondary); --color-fg-disabled: var(--color-fg-disabled); --color-fg-disabled-subtle: var(--color-fg-disabled-subtle); --color-fg-brand-primary: var(--color-fg-brand-primary); --color-fg-brand-primary-alt: var(--color-fg-brand-primary-alt); --color-fg-brand-secondary: var(--color-fg-brand-secondary); --color-fg-brand-secondary-alt: var(--color-fg-brand-secondary-alt); --color-fg-brand-secondary-hover: var(--color-fg-brand-secondary-hover); --color-fg-info-primary: var(--color-fg-info-primary); --color-fg-info-secondary: var(--color-fg-info-secondary); --color-bg-primary: var(--color-bg-primary); --color-bg-primary-solid: var(--color-bg-primary-solid); --color-bg-primary-alt: var(--color-bg-primary-alt); --color-bg-primary-hover: var(--color-bg-primary-hover); --color-bg-secondary: var(--color-bg-secondary); --color-bg-secondary-solid: var(--color-bg-secondary-solid); --color-bg-secondary-subtle: var(--color-bg-secondary-subtle); --color-bg-secondary-hover: var(--color-bg-secondary-hover); --color-bg-secondary-alt: var(--color-bg-secondary-alt); --color-bg-tertiary: var(--color-bg-tertiary); --color-bg-quaternary: var(--color-bg-quaternary); --color-bg-error-primary: var(--color-bg-error-primary); --color-bg-error-secondary: var(--color-bg-error-secondary); --color-bg-error-solid: var(--color-bg-error-solid); --color-bg-error-solid-hover: var(--color-bg-error-solid-hover); --color-bg-warning-primary: var(--color-bg-warning-primary); --color-bg-warning-secondary: var(--color-bg-warning-secondary); --color-bg-warning-solid: var(--color-bg-warning-solid); --color-bg-success-primary: var(--color-bg-success-primary); --color-bg-success-secondary: var(--color-bg-success-secondary); --color-bg-success-solid: var(--color-bg-success-solid); --color-bg-disabled: var(--color-bg-disabled); --color-bg-disabled-subtle: var(--color-bg-disabled-subtle); --color-bg-active: var(--color-bg-active); --color-bg-overlay: var(--color-bg-overlay); --color-bg-brand-primary: var(--color-bg-brand-primary); --color-bg-brand-primary-alt: var(--color-bg-brand-primary-alt); --color-bg-brand-primary-hover-alt: var(--color-bg-brand-primary-hover-alt); --color-bg-brand-secondary: var(--color-bg-brand-secondary); --color-bg-brand-solid: var(--color-bg-brand-solid); --color-bg-brand-solid-hover: var(--color-bg-brand-solid-hover); --color-bg-brand-section: var(--color-bg-brand-section); --color-bg-brand-section-subtle: var(--color-bg-brand-section-subtle); --color-bg-primary-replace: var(--color-bg-primary-replace); --color-info-bg-primary: var(--color-info-bg-primary); --color-bg-info-secondary: var(--color-bg-info-secondary); --color-bg-info-solid: var(--color-bg-info-solid); --color-orange-bg-primary: var(--color-orange-bg-primary); --color-shadow-xs: var(--color-shadow-xs); --color-shadow-sm-01: var(--color-shadow-sm-01); --color-shadow-sm-02: var(--color-shadow-sm-02); --color-shadow-md-01: var(--color-shadow-md-01); --color-shadow-md-02: var(--color-shadow-md-02); --color-shadow-lg-01: var(--color-shadow-lg-01); --color-shadow-lg-02: var(--color-shadow-lg-02); --color-shadow-lg-03: var(--color-shadow-lg-03); --color-shadow-xl-01: var(--color-shadow-xl-01); --color-shadow-xl-02: var(--color-shadow-xl-02); --color-shadow-xl-03: var(--color-shadow-xl-03); --color-shadow-2xl-01: var(--color-shadow-2xl-01); --color-shadow-2xl-02: var(--color-shadow-2xl-02); --color-shadow-3xl-01: var(--color-shadow-3xl-01); --color-shadow-3xl-02: var(--color-shadow-3xl-02); --color-shadow-skeumorphic-inner: var(--color-shadow-skeumorphic-inner); --color-shadow-skeumorphic-inner-border: var(--color-shadow-skeumorphic-inner-border); --color-app-store-badge-border: var(--color-app-store-badge-border); --color-avatar-styles-bg-neutral: var(--color-avatar-styles-bg-neutral); --color-avatar-outline-open-to-work-stop-0: var(--color-avatar-outline-open-to-work-stop-0); --color-avatar-outline-open-to-work-stop-100: var(--color-avatar-outline-open-to-work-stop-100); --color-avatar-outline-open-to-profesional-stop-0: var(--color-avatar-outline-open-to-profesional-stop-0); --color-avatar-outline-open-to-profesional-stop-100: var(--color-avatar-outline-open-to-profesional-stop-100); --color-avatar-outline-open-to-coach-stop-0: var(--color-avatar-outline-open-to-coach-stop-0); --color-avatar-outline-open-to-coach-stop-100: var(--color-avatar-outline-open-to-coach-stop-100); --color-button-destructive-primary-icon: var(--color-button-destructive-primary-icon); --color-button-destructive-primary-icon-hover: var(--color-button-destructive-primary-icon-hover); --color-button-primary-icon: var(--color-button-primary-icon); --color-button-primary-icon-hover: var(--color-button-primary-icon-hover); --color-button-orange-icon: var(--color-button-orange-icon); --color-button-orange-icon-hover: var(--color-button-orange-icon-hover); --color-button-overlay-linear-stop-0: var(--color-button-overlay-linear-stop-0); --color-button-overlay-linear-stop-100: var(--color-button-overlay-linear-stop-100); --color-button-linear-stop-0: var(--color-button-linear-stop-0); --color-button-linear-stop-100: var(--color-button-linear-stop-100); --color-featured-icon-light-fg-brand: var(--color-featured-icon-light-fg-brand); --color-featured-icon-light-fg-error: var(--color-featured-icon-light-fg-error); --color-featured-icon-light-fg-gray: var(--color-featured-icon-light-fg-gray); --color-featured-icon-light-fg-success: var(--color-featured-icon-light-fg-success); --color-featured-icon-light-fg-warning: var(--color-featured-icon-light-fg-warning); --color-featured-icon-light-fg-info: var(--color-featured-icon-light-fg-info); --color-focus-ring-error: var(--color-focus-ring-error); --color-focus-ring: var(--color-focus-ring); --color-focus-ring-success: var(--color-focus-ring-success); --color-focus-ring-orange: var(--color-focus-ring-orange); --color-footer-button-fg: var(--color-footer-button-fg); --color-footer-button-fg-hover: var(--color-footer-button-fg-hover); --color-icon-fg-brand: var(--color-icon-fg-brand); --color-icon-fg-brand-on-brand: var(--color-icon-fg-brand-on-brand); --color-screen-mockup-border: var(--color-screen-mockup-border); --color-slider-handle-bg: var(--color-slider-handle-bg); --color-slider-handle-border: var(--color-slider-handle-border); --color-toggle-border: var(--color-toggle-border); --color-toggle-button-fg-disabled: var(--color-toggle-button-fg-disabled); --color-toggle-slim-border-pressed-hover: var(--color-toggle-slim-border-pressed-hover); --color-toggle-slim-border-pressed: var(--color-toggle-slim-border-pressed); --color-tooltip-supporting-text: var(--color-tooltip-supporting-text); --color-text-editor-icon-fg: var(--color-text-editor-icon-fg); --color-text-editor-icon-fg-active: var(--color-text-editor-icon-fg-active); --color-tags-on-jobs-bg-green: var(--color-tags-on-jobs-bg-green); --color-tags-on-jobs-text-green: var(--color-tags-on-jobs-text-green); --color-tags-on-jobs-bg-red: var(--color-tags-on-jobs-bg-red); --color-tags-on-jobs-text-red: var(--color-tags-on-jobs-text-red); --color-tags-on-jobs-bg-orange: var(--color-tags-on-jobs-bg-orange); --color-tags-on-jobs-text-orange: var(--color-tags-on-jobs-text-orange); --color-tags-on-jobs-bg-blue: var(--color-tags-on-jobs-bg-blue); --color-tags-on-jobs-text-blue: var(--color-tags-on-jobs-text-blue); --color-indicator-message-sent: var(--color-indicator-message-sent); --color-indicator-message-delivered: var(--color-indicator-message-delivered); --color-indicator-message-seen-outline: var(--color-indicator-message-seen-outline); --color-indicator-message-seen-fill: var(--color-indicator-message-seen-fill); --color-snippet-bg: var(--color-snippet-bg); --color-snippet-border: var(--color-snippet-border); --color-snippet-on-bubble-bg-out: var(--color-snippet-on-bubble-bg-out); --color-snippet-on-bubble-border-out: var(--color-snippet-on-bubble-border-out); --color-snippet-on-bubble-bg-in: var(--color-snippet-on-bubble-bg-in); --color-snippet-on-bubble-border-in: var(--color-snippet-on-bubble-border-in); --color-container-post-bg: var(--color-container-post-bg); --color-polling-text-selected: var(--color-polling-text-selected); --color-polling-bg-area: var(--color-polling-bg-area); --color-button-ai-stop-30: var(--color-button-ai-stop-30); --color-button-ai-stop-50: var(--color-button-ai-stop-50); --color-button-ai-stop-75: var(--color-button-ai-stop-75); --color-button-ai-stop-100: var(--color-button-ai-stop-100); --color-bubble-message-out-read-stop-0: var(--color-bubble-message-out-read-stop-0); --color-bubble-message-out-read-stop-100: var(--color-bubble-message-out-read-stop-100); --color-bubble-message-out-unread-stop-0: var(--color-bubble-message-out-unread-stop-0); --color-bubble-message-out-unread-stop-100: var(--color-bubble-message-out-unread-stop-100); --color-bubble-message-in-stop-0: var(--color-bubble-message-in-stop-0); --color-bubble-message-in-stop-100: var(--color-bubble-message-in-stop-100); --color-summary-card-bg-dark-deg-0-stop-0: var(--color-summary-card-bg-dark-deg-0-stop-0); --color-summary-card-bg-dark-deg-0-stop-80: var(--color-summary-card-bg-dark-deg-0-stop-80); --color-summary-card-bg-light-deg-52-stop-0: var(--color-summary-card-bg-light-deg-52-stop-0); --color-summary-card-bg-light-deg-52-stop-100: var(--color-summary-card-bg-light-deg-52-stop-100); --color-all-card-bg-dark-deg-0-stop-0: var(--color-all-card-bg-dark-deg-0-stop-0); --color-all-card-bg-dark-deg-0-stop-80: var(--color-all-card-bg-dark-deg-0-stop-80); --color-all-card-bg-light-solid: var(--color-all-card-bg-light-solid); --color-border-deg-0-stop-0: var(--color-border-deg-0-stop-0); --color-border-deg-0-stop-68: var(--color-border-deg-0-stop-68); --color-border-deg-0-stop-100: var(--color-border-deg-0-stop-100); --color-heading-fill-stop-0: var(--color-heading-fill-stop-0); --color-heading-fill-stop-50: var(--color-heading-fill-stop-50); --color-radial-deg-0-stop-0: var(--color-radial-deg-0-stop-0); --color-radial-deg-0-stop-100: var(--color-radial-deg-0-stop-100); --color-dark-fill-deg-90-stop-0: var(--color-dark-fill-deg-90-stop-0); --color-dark-fill-deg-90-stop-100: var(--color-dark-fill-deg-90-stop-100); --color-light-fill-deg-90-stop-0: var(--color-light-fill-deg-90-stop-0); --color-light-fill-deg-90-stop-100: var(--color-light-fill-deg-90-stop-100); --color-border-right: var(--color-border-right); --color-smatoz-border-deg-0-stop-0: var(--color-smatoz-border-deg-0-stop-0); --color-smatoz-border-deg-0-stop-80: var(--color-smatoz-border-deg-0-stop-80); --color-chart-fill-area-brand-deg-180-stop-0: var(--color-chart-fill-area-brand-deg-180-stop-0); --color-chart-fill-area-brand-deg-180-stop-58: var(--color-chart-fill-area-brand-deg-180-stop-58); --color-chart-fill-bar-brand-vertical-deg-0-stop-0: var(--color-chart-fill-bar-brand-vertical-deg-0-stop-0); --color-chart-fill-bar-brand-vertical-deg-0-stop-100: var(--color-chart-fill-bar-brand-vertical-deg-0-stop-100); --color-chart-fill-pie-brand-conic-deg-180-stop-0: var(--color-chart-fill-pie-brand-conic-deg-180-stop-0); --color-chart-fill-pie-brand-conic-deg-180-stop-32: var(--color-chart-fill-pie-brand-conic-deg-180-stop-32); --color-chart-fill-pie-brand-conic-deg-180-stop-58: var(--color-chart-fill-pie-brand-conic-deg-180-stop-58); --color-chart-fill-pie-brand-conic-deg-180-stop-100: var(--color-chart-fill-pie-brand-conic-deg-180-stop-100); --color-chart-fill-pie-zone-a: var(--color-chart-fill-pie-zone-a); --color-chart-fill-pie-zone-b: var(--color-chart-fill-pie-zone-b); --color-chart-fill-pie-zone-c: var(--color-chart-fill-pie-zone-c); --color-chart-fill-pie-zone-d: var(--color-chart-fill-pie-zone-d); --color-chart-fill-pie-zone-e: var(--color-chart-fill-pie-zone-e); --color-chart-fill-pie-zone-f: var(--color-chart-fill-pie-zone-f); --color-search-bar-general-stop-0: var(--color-search-bar-general-stop-0); --color-search-bar-general-stop-100: var(--color-search-bar-general-stop-100); --color-alpha-alpha-white-05: var(--color-alpha-alpha-white-05); --color-alpha-alpha-white-10: var(--color-alpha-alpha-white-10); --color-alpha-alpha-white-20: var(--color-alpha-alpha-white-20); --color-alpha-alpha-white-30: var(--color-alpha-alpha-white-30); --color-alpha-alpha-white-40: var(--color-alpha-alpha-white-40); --color-alpha-alpha-white-50: var(--color-alpha-alpha-white-50); --color-alpha-alpha-white-60: var(--color-alpha-alpha-white-60); --color-alpha-alpha-white-70: var(--color-alpha-alpha-white-70); --color-alpha-alpha-white-80: var(--color-alpha-alpha-white-80); --color-alpha-alpha-white-90: var(--color-alpha-alpha-white-90); --color-alpha-alpha-white-100: var(--color-alpha-alpha-white-100); --color-alpha-alpha-black-05: var(--color-alpha-alpha-black-05); --color-alpha-alpha-black-10: var(--color-alpha-alpha-black-10); --color-alpha-alpha-black-20: var(--color-alpha-alpha-black-20); --color-alpha-alpha-black-30: var(--color-alpha-alpha-black-30); --color-alpha-alpha-black-40: var(--color-alpha-alpha-black-40); --color-alpha-alpha-black-50: var(--color-alpha-alpha-black-50); --color-alpha-alpha-black-60: var(--color-alpha-alpha-black-60); --color-alpha-alpha-black-70: var(--color-alpha-alpha-black-70); --color-alpha-alpha-black-80: var(--color-alpha-alpha-black-80); --color-alpha-alpha-black-90: var(--color-alpha-alpha-black-90); --color-alpha-alpha-black-100: var(--color-alpha-alpha-black-100);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer base{[data-theme=night]{color-scheme:normal;--color-utility-blue-50:var(--color-blue-950);--color-utility-blue-100:var(--color-blue-900);--color-utility-blue-200:var(--color-blue-800);--color-utility-blue-300:var(--color-blue-700);--color-utility-blue-400:var(--color-blue-600);--color-utility-blue-500:var(--color-blue-500);--color-utility-blue-600:var(--color-blue-400);--color-utility-blue-700:var(--color-blue-300);--color-utility-ultramarine-blue-50:var(--color-ultramarine-blue-950);--color-utility-ultramarine-blue-100:var(--color-ultramarine-blue-900);--color-utility-ultramarine-blue-200:var(--color-ultramarine-blue-800);--color-utility-ultramarine-blue-300:var(--color-ultramarine-blue-700);--color-utility-ultramarine-blue-400:var(--color-ultramarine-blue-600);--color-utility-ultramarine-blue-500:var(--color-ultramarine-blue-500);--color-utility-ultramarine-blue-600:var(--color-ultramarine-blue-400);--color-utility-ultramarine-blue-700:var(--color-ultramarine-blue-300);--color-utility-brand-50:var(--color-brand-light-950);--color-utility-brand-50-alt:var(--color-gray-dark-mode-900);--color-utility-brand-100:var(--color-brand-light-900);--color-utility-brand-100-alt:var(--color-gray-dark-mode-800);--color-utility-brand-200:var(--color-brand-light-800);--color-utility-brand-200-alt:var(--color-gray-dark-mode-700);--color-utility-brand-300:var(--color-brand-light-700);--color-utility-brand-300-alt:var(--color-gray-dark-mode-700);--color-utility-brand-400:var(--color-brand-light-600);--color-utility-brand-400-alt:var(--color-gray-dark-mode-600);--color-utility-brand-500:var(--color-brand-light-500);--color-utility-brand-500-alt:var(--color-gray-dark-mode-500);--color-utility-brand-600:var(--color-brand-light-400);--color-utility-brand-600-alt:var(--color-gray-dark-mode-400);--color-utility-brand-700:var(--color-brand-light-300);--color-utility-brand-700-alt:var(--color-gray-dark-mode-300);--color-utility-brand-800:var(--color-brand-light-200);--color-utility-brand-800-alt:var(--color-gray-dark-mode-200);--color-utility-brand-900:var(--color-brand-light-100);--color-utility-brand-900-alt:var(--color-gray-dark-mode-100);--color-utility-gray-50:var(--color-gray-dark-mode-900);--color-utility-gray-100:var(--color-gray-dark-mode-800);--color-utility-gray-200:var(--color-gray-dark-mode-700);--color-utility-gray-300:var(--color-gray-dark-mode-700);--color-utility-gray-400:var(--color-gray-dark-mode-700);--color-utility-gray-500:var(--color-gray-dark-mode-500);--color-utility-gray-600:var(--color-gray-dark-mode-400);--color-utility-gray-700:var(--color-gray-dark-mode-300);--color-utility-gray-800:var(--color-gray-dark-mode-200);--color-utility-gray-900:var(--color-gray-dark-mode-100);--color-utility-error-50:var(--color-error-950);--color-utility-error-100:var(--color-error-900);--color-utility-error-200:var(--color-error-800);--color-utility-error-300:var(--color-error-700);--color-utility-error-400:var(--color-error-600);--color-utility-error-500:var(--color-error-500);--color-utility-error-600:var(--color-error-400);--color-utility-error-700:var(--color-error-300);--color-utility-warning-50:var(--color-warning-950);--color-utility-warning-100:var(--color-warning-900);--color-utility-warning-200:var(--color-warning-800);--color-utility-warning-300:var(--color-warning-700);--color-utility-warning-400:var(--color-warning-600);--color-utility-warning-500:var(--color-warning-500);--color-utility-warning-600:var(--color-warning-400);--color-utility-warning-700:var(--color-warning-300);--color-utility-success-50:var(--color-success-950);--color-utility-success-100:var(--color-success-900);--color-utility-success-200:var(--color-success-800);--color-utility-success-300:var(--color-success-700);--color-utility-success-400:var(--color-success-600);--color-utility-success-500:var(--color-success-500);--color-utility-success-600:var(--color-success-400);--color-utility-success-700:var(--color-success-300);--color-utility-orange-50:var(--color-orange-950);--color-utility-orange-100:var(--color-orange-900);--color-utility-orange-200:var(--color-orange-800);--color-utility-orange-300:var(--color-orange-700);--color-utility-orange-400:var(--color-orange-600);--color-utility-orange-500:var(--color-orange-500);--color-utility-orange-600:var(--color-orange-400);--color-utility-orange-700:var(--color-orange-300);--color-utility-blue-dark-50:var(--color-blue-dark-950);--color-utility-blue-dark-100:var(--color-blue-dark-900);--color-utility-blue-dark-200:var(--color-blue-dark-800);--color-utility-blue-dark-300:var(--color-blue-dark-700);--color-utility-blue-dark-400:var(--color-blue-dark-600);--color-utility-blue-dark-500:var(--color-blue-dark-500);--color-utility-blue-dark-600:var(--color-blue-dark-400);--color-utility-blue-dark-700:var(--color-blue-dark-300);--color-utility-indigo-50:var(--color-indigo-950);--color-utility-indigo-100:var(--color-indigo-900);--color-utility-indigo-200:var(--color-indigo-800);--color-utility-indigo-300:var(--color-indigo-700);--color-utility-indigo-400:var(--color-indigo-600);--color-utility-indigo-500:var(--color-indigo-500);--color-utility-indigo-600:var(--color-indigo-400);--color-utility-indigo-700:var(--color-indigo-300);--color-utility-fuchsia-50:var(--color-fuchsia-950);--color-utility-fuchsia-100:var(--color-fuchsia-900);--color-utility-fuchsia-200:var(--color-fuchsia-800);--color-utility-fuchsia-300:var(--color-fuchsia-700);--color-utility-fuchsia-400:var(--color-fuchsia-600);--color-utility-fuchsia-500:var(--color-fuchsia-500);--color-utility-fuchsia-600:var(--color-fuchsia-400);--color-utility-fuchsia-700:var(--color-fuchsia-300);--color-utility-pink-50:var(--color-pink-950);--color-utility-pink-100:var(--color-pink-900);--color-utility-pink-200:var(--color-pink-800);--color-utility-pink-300:var(--color-pink-700);--color-utility-pink-400:var(--color-pink-600);--color-utility-pink-500:var(--color-pink-500);--color-utility-pink-600:var(--color-pink-400);--color-utility-pink-700:var(--color-pink-300);--color-utility-purple-50:var(--color-purple-950);--color-utility-purple-100:var(--color-purple-900);--color-utility-purple-200:var(--color-purple-800);--color-utility-purple-300:var(--color-purple-700);--color-utility-purple-400:var(--color-purple-600);--color-utility-purple-500:var(--color-purple-500);--color-utility-purple-600:var(--color-purple-400);--color-utility-purple-700:var(--color-purple-300);--color-utility-orange-dark-50:var(--color-orange-dark-950);--color-utility-orange-dark-100:var(--color-orange-dark-900);--color-utility-orange-dark-200:var(--color-orange-dark-800);--color-utility-orange-dark-300:var(--color-orange-dark-700);--color-utility-orange-dark-400:var(--color-orange-dark-600);--color-utility-orange-dark-500:var(--color-orange-dark-500);--color-utility-orange-dark-600:var(--color-orange-dark-400);--color-utility-orange-dark-700:var(--color-orange-dark-300);--color-utility-blue-light-50:var(--color-blue-light-950);--color-utility-blue-light-100:var(--color-blue-light-900);--color-utility-blue-light-200:var(--color-blue-light-800);--color-utility-blue-light-300:var(--color-blue-light-700);--color-utility-blue-light-400:var(--color-blue-light-600);--color-utility-blue-light-500:var(--color-blue-light-500);--color-utility-blue-light-600:var(--color-blue-light-400);--color-utility-blue-light-700:var(--color-blue-light-300);--color-utility-gray-blue-50:var(--color-gray-blue-950);--color-utility-gray-blue-100:var(--color-gray-blue-900);--color-utility-gray-blue-200:var(--color-gray-blue-800);--color-utility-gray-blue-300:var(--color-gray-blue-700);--color-utility-gray-blue-400:var(--color-gray-blue-600);--color-utility-gray-blue-500:var(--color-gray-blue-500);--color-utility-gray-blue-600:var(--color-gray-blue-400);--color-utility-gray-blue-700:var(--color-gray-blue-300);--color-utility-green-50:var(--color-green-950);--color-utility-green-100:var(--color-green-900);--color-utility-green-200:var(--color-green-800);--color-utility-green-300:var(--color-green-700);--color-utility-green-400:var(--color-green-600);--color-utility-green-500:var(--color-green-500);--color-utility-green-600:var(--color-green-400);--color-utility-green-700:var(--color-green-300);--color-utility-yellow-50:var(--color-yellow-950);--color-utility-yellow-100:var(--color-yellow-900);--color-utility-yellow-200:var(--color-yellow-800);--color-utility-yellow-300:var(--color-yellow-700);--color-utility-yellow-400:var(--color-yellow-600);--color-utility-yellow-500:var(--color-yellow-500);--color-utility-yellow-600:var(--color-yellow-400);--color-utility-yellow-700:var(--color-yellow-300);--color-utility-orange-terracotta-50:var(--color-terracotta-orange-950);--color-utility-orange-terracotta-100:var(--color-terracotta-orange-900);--color-utility-orange-terracotta-200:var(--color-terracotta-orange-800);--color-utility-orange-terracotta-300:var(--color-terracotta-orange-700);--color-utility-orange-terracotta-400:var(--color-terracotta-orange-600);--color-utility-orange-terracotta-500:var(--color-terracotta-orange-500);--color-utility-orange-terracotta-600:var(--color-terracotta-orange-400);--color-utility-orange-terracotta-700:var(--color-terracotta-orange-300);--color-utility-sunset-orange-50:var(--color-sunset-orange-950);--color-utility-sunset-orange-100:var(--color-sunset-orange-900);--color-utility-sunset-orange-200:var(--color-sunset-orange-800);--color-utility-sunset-orange-300:var(--color-sunset-orange-700);--color-utility-sunset-orange-400:var(--color-sunset-orange-600);--color-utility-sunset-orange-500:var(--color-sunset-orange-500);--color-utility-sunset-orange-600:var(--color-sunset-orange-400);--color-utility-sunset-orange-700:var(--color-sunset-orange-300);--color-utility-crimson-red-50:var(--color-crimson-red-950);--color-utility-crimson-red-100:var(--color-crimson-red-900);--color-utility-crimson-red-200:var(--color-crimson-red-800);--color-utility-crimson-red-300:var(--color-crimson-red-700);--color-utility-crimson-red-400:var(--color-crimson-red-600);--color-utility-crimson-red-500:var(--color-crimson-red-500);--color-utility-crimson-red-600:var(--color-crimson-red-400);--color-utility-crimson-red-700:var(--color-crimson-red-300);--color-utility-french-lilac-50:var(--color-french-lilac-950);--color-utility-french-lilac-100:var(--color-french-lilac-900);--color-utility-french-lilac-200:var(--color-french-lilac-800);--color-utility-french-lilac-300:var(--color-french-lilac-700);--color-utility-french-lilac-400:var(--color-french-lilac-600);--color-utility-french-lilac-500:var(--color-french-lilac-500);--color-utility-french-lilac-600:var(--color-french-lilac-400);--color-utility-french-lilac-700:var(--color-french-lilac-300);--color-utility-persian-green-50:var(--color-persian-green-950);--color-utility-persian-green-100:var(--color-persian-green-900);--color-utility-persian-green-200:var(--color-persian-green-800);--color-utility-persian-green-300:var(--color-persian-green-700);--color-utility-persian-green-400:var(--color-persian-green-600);--color-utility-persian-green-500:var(--color-persian-green-500);--color-utility-persian-green-600:var(--color-persian-green-400);--color-utility-persian-green-700:var(--color-persian-green-300);--color-utility-midnight-blue-50:var(--color-midnight-blue-950);--color-utility-midnight-blue-100:var(--color-midnight-blue-900);--color-utility-midnight-blue-200:var(--color-midnight-blue-800);--color-utility-midnight-blue-300:var(--color-midnight-blue-700);--color-utility-midnight-blue-400:var(--color-midnight-blue-600);--color-utility-midnight-blue-500:var(--color-midnight-blue-500);--color-utility-midnight-blue-600:var(--color-midnight-blue-400);--color-utility-midnight-blue-700:var(--color-midnight-blue-300);--color-text-white:var(--color-base-white);--color-text-primary:var(--color-gray-dark-mode-50);--color-text-secondary:var(--color-gray-dark-mode-300);--color-text-secondary-inverse:var(--color-gray-dark-mode-600);--color-text-secondary-hover:var(--color-gray-dark-mode-200);--color-text-tertiary:var(--color-gray-dark-mode-400);--color-text-tertiary-hover:var(--color-gray-dark-mode-300);--color-text-quaternary:var(--color-gray-dark-mode-400);--color-text-error-primary:var(--color-error-400);--color-text-error-primary-hover:var(--color-error-500);--color-text-warning-primary:var(--color-warning-400);--color-text-success-primary:var(--color-success-400);--color-text-disabled:var(--color-gray-dark-mode-500);--color-text-placeholder:var(--color-gray-dark-mode-400);--color-text-placeholder-subtle:var(--color-gray-dark-mode-700);--color-text-editor-icon-fg:var(--color-gray-light-mode-400);--color-text-editor-icon-fg-active:var(--color-gray-light-mode-500);--color-text-primary-on-brand:var(--color-gray-dark-mode-50);--color-text-secondary-on-brand:var(--color-gray-dark-mode-300);--color-text-tertiary-on-brand:var(--color-gray-dark-mode-400);--color-text-quaternary-on-brand:var(--color-gray-dark-mode-400);--color-text-brand-primary:var(--color-gray-dark-mode-500);--color-text-brand-secondary:var(--color-gray-dark-mode-300);--color-text-brand-secondary-hover:var(--color-gray-dark-mode-400);--color-text-brand-tertiary:var(--color-gray-dark-mode-400);--color-text-brand-tertiary-alt:var(--color-gray-dark-mode-50);--color-text-info-primary:var(--color-blue-400);--color-text-orange:var(--color-terracotta-orange-400);--color-border-white:var(--color-base-white);--color-border-primary:var(--color-gray-dark-mode-700);--color-border-primary-icon:var(--color-gray-dark-mode-50);--color-border-secondary:var(--color-gray-dark-mode-800);--color-border-secondary-alt:var(--color-gray-dark-mode-800);--color-border-tertiary:var(--color-gray-dark-mode-800);--color-border-error:var(--color-error-400);--color-border-error-subtle:var(--color-error-300);--color-border-disabled:var(--color-gray-dark-mode-700);--color-border-disabled-subtle:var(--color-gray-dark-mode-800);--color-border-brand:var(--color-brand-light-400);--color-border-brand-alt:var(--color-gray-dark-mode-700);--color-border-success:var(--color-success-400);--color-border-orange:var(--color-terracotta-orange-400);--color-fg-white:var(--color-base-white);--color-fg-primary:var(--color-base-white);--color-fg-secondary:var(--color-gray-dark-mode-300);--color-fg-secondary-hover:var(--color-gray-dark-mode-200);--color-fg-tertiary:var(--color-gray-dark-mode-400);--color-fg-tertiary-hover:var(--color-gray-dark-mode-300);--color-fg-quaternary:var(--color-gray-dark-mode-600);--color-fg-quaternary-hover:var(--color-gray-dark-mode-500);--color-fg-warning-primary:var(--color-warning-500);--color-fg-warning-secondary:var(--color-warning-400);--color-fg-success-primary:var(--color-success-500);--color-fg-success-secondary:var(--color-success-400);--color-fg-error-primary:var(--color-error-500);--color-fg-error-secondary:var(--color-error-400);--color-fg-disabled:var(--color-gray-dark-mode-500);--color-fg-disabled-subtle:var(--color-gray-dark-mode-600);--color-fg-brand-primary:var(--color-brand-light-500);--color-fg-brand-primary-alt:var(--color-gray-dark-mode-300);--color-fg-brand-secondary:var(--color-brand-light-500);--color-fg-brand-secondary-alt:var(--color-gray-dark-mode-600);--color-fg-brand-secondary-hover:var(--color-brand-light-600);--color-fg-info-primary:var(--color-blue-500);--color-fg-info-secondary:var(--color-blue-400);--color-bg-primary:var(--color-gray-modern-950);--color-bg-primary-solid:var(--color-gray-modern-900);--color-bg-primary-alt:var(--color-gray-modern-900);--color-bg-primary-hover:var(--color-gray-modern-800);--color-bg-secondary:var(--color-gray-modern-900);--color-bg-secondary-solid:var(--color-gray-modern-600);--color-bg-secondary-subtle:var(--color-gray-modern-900);--color-bg-secondary-hover:var(--color-gray-modern-800);--color-bg-secondary-alt:var(--color-gray-modern-950);--color-bg-tertiary:var(--color-gray-modern-800);--color-bg-quaternary:var(--color-gray-modern-700);--color-bg-error-primary:var(--color-error-950);--color-bg-error-secondary:var(--color-error-600);--color-bg-error-solid:var(--color-error-600);--color-bg-error-solid-hover:var(--color-error-500);--color-bg-warning-primary:var(--color-warning-50);--color-bg-warning-secondary:var(--color-warning-100);--color-bg-warning-solid:var(--color-warning-600);--color-bg-success-primary:var(--color-success-950);--color-bg-success-secondary:var(--color-success-600);--color-bg-success-solid:var(--color-success-600);--color-bg-disabled:var(--color-gray-modern-800);--color-bg-disabled-subtle:var(--color-gray-modern-900);--color-bg-active:var(--color-gray-modern-800);--color-bg-overlay:var(--color-gray-modern-800);--color-bg-brand-primary:var(--color-base-transparent-brand);--color-bg-brand-primary-hover-alt:var(--color-alpha-white-10);--color-bg-brand-primary-alt:var(--color-alpha-white-05);--color-bg-brand-secondary:var(--color-base-transparent-brand);--color-bg-brand-solid:var(--color-brand-light-600);--color-bg-brand-solid-hover:var(--color-brand-light-500);--color-bg-brand-section:var(--color-gray-modern-800);--color-bg-brand-section-subtle:var(--color-gray-modern-950);--color-bg-primary-replace:var(--color-gray-modern-950);--color-info-bg-primary:var(--color-blue-950);--color-bg-info-secondary:var(--color-blue-600);--color-bg-info-solid:var(--color-blue-600);--color-orange-bg-primary:var(--color-terracotta-orange-950);--color-shadow-xs:var(--color-alpha-gray-modern-100);--color-shadow-sm-01:var(--color-alpha-gray-modern-300);--color-shadow-sm-02:var(--color-alpha-gray-modern-300);--color-shadow-md-01:var(--color-alpha-gray-modern-300);--color-shadow-md-02:var(--color-alpha-gray-modern-800);--color-shadow-lg-01:var(--color-alpha-gray-modern-200);--color-shadow-lg-02:var(--color-alpha-gray-modern-25);--color-shadow-lg-03:var(--color-alpha-gray-modern-50);--color-shadow-xl-01:var(--color-alpha-gray-modern-200);--color-shadow-xl-02:var(--color-alpha-gray-modern-25);--color-shadow-xl-03:var(--color-alpha-gray-modern-50);--color-shadow-2xl-01:var(--color-alpha-gray-modern-600);--color-shadow-2xl-02:var(--color-alpha-gray-modern-50);--color-shadow-3xl-01:var(--color-alpha-gray-modern-500);--color-shadow-3xl-02:var(--color-alpha-gray-modern-50);--color-shadow-skeumorphic-inner:var(--color-alpha-gray-light-100);--color-shadow-skeumorphic-inner-border:var(--color-alpha-gray-modern-600);--color-app-store-badge-border:var(--color-gray-true-400);--color-avatar-styles-bg-neutral:var(--color-gray-true-200);--color-avatar-outline-open-to-work-stop-0:var(--color-success-500);--color-avatar-outline-open-to-work-stop-100:var(--color-success-950);--color-avatar-outline-open-to-profesional-stop-0:var(--color-warning-500);--color-avatar-outline-open-to-profesional-stop-100:var(--color-warning-900);--color-avatar-outline-open-to-coach-stop-0:var(--color-blue-light-500);--color-avatar-outline-open-to-coach-stop-100:var(--color-blue-light-900);--color-button-destructive-primary-icon:var(--color-error-300);--color-button-destructive-primary-icon-hover:var(--color-error-200);--color-button-primary-icon:var(--color-brand-dark-100);--color-button-primary-icon-hover:var(--color-brand-dark-200);--color-button-orange-icon:var(--color-terracotta-orange-50);--color-button-orange-icon-hover:var(--color-terracotta-orange-100);--color-button-overlay-linear-stop-0:var(--color-base-transparent-black);--color-button-overlay-linear-stop-100:var(--color-alpha-black-50);--color-button-linear-stop-0:var(--color-gradient-linear-blue-0);--color-button-linear-stop-100:var(--color-gradient-linear-blue-100);--color-featured-icon-light-fg-brand:var(--color-brand-light-600);--color-featured-icon-light-fg-error:var(--color-error-600);--color-featured-icon-light-fg-gray:var(--color-gray-light-mode-500);--color-featured-icon-light-fg-success:var(--color-success-600);--color-featured-icon-light-fg-warning:var(--color-warning-600);--color-featured-icon-light-fg-info:var(--color-blue-600);--color-focus-ring-error:var(--color-error-500);--color-focus-ring:var(--color-brand-light-500);--color-focus-ring-success:var(--color-success-600);--color-focus-ring-orange:var(--color-terracotta-orange-500);--color-footer-button-fg:var(--color-brand-light-200);--color-footer-button-fg-hover:var(--color-base-white);--color-icon-fg-brand:var(--color-brand-light-600);--color-icon-fg-brand-on-brand:var(--color-brand-light-200);--color-screen-mockup-border:var(--color-gray-light-mode-900);--color-slider-handle-bg:var(--color-base-white);--color-slider-handle-border:var(--color-brand-light-600);--color-toggle-border:var(--color-gray-light-mode-300);--color-toggle-button-fg-disabled:var(--color-gray-light-mode-50);--color-toggle-slim-border-pressed-hover:var(--color-brand-light-700);--color-toggle-slim-border-pressed:var(--color-brand-light-600);--color-tooltip-supporting-text:var(--color-gray-light-mode-300);--color-tags-on-jobs-bg-green:var(--color-alpha-white-05);--color-tags-on-jobs-text-green:var(--color-alpha-white-80);--color-tags-on-jobs-bg-red:var(--color-alpha-white-05);--color-tags-on-jobs-text-red:var(--color-alpha-white-80);--color-tags-on-jobs-bg-orange:var(--color-alpha-white-05);--color-tags-on-jobs-text-orange:var(--color-alpha-white-80);--color-tags-on-jobs-bg-blue:var(--color-alpha-white-05);--color-tags-on-jobs-text-blue:var(--color-alpha-white-80);--color-indicator-message-sent:var(--color-brand-light-300);--color-indicator-message-delivered:var(--color-brand-light-300);--color-indicator-message-seen-outline:var(--color-brand-light-200);--color-indicator-message-seen-fill:var(--color-brand-light-25);--color-snippet-bg:var(--color-alpha-white-10);--color-snippet-border:var(--color-alpha-white-10);--color-snippet-on-bubble-bg-out:var(--color-alpha-black-20);--color-snippet-on-bubble-border-out:var(--color-alpha-white-10);--color-snippet-on-bubble-bg-in:var(--color-alpha-white-10);--color-snippet-on-bubble-border-in:var(--color-alpha-white-10);--color-container-post-bg:var(--color-gray-dark-mode-800);--color-polling-text-selected:var(--color-gray-dark-mode-25);--color-polling-bg-area:var(--color-brand-light-600);--color-button-ai-stop-30:var(--color-gradient-midnight-blue-500);--color-button-ai-stop-50:#010f81;--color-button-ai-stop-75:#010b67;--color-button-ai-stop-100:var(--color-gradient-persian-green-500);--color-bubble-message-out-read-stop-0:var(--color-gradient-linear-green-0);--color-bubble-message-out-read-stop-100:var(--color-gradient-linear-green-100);--color-bubble-message-out-unread-stop-0:var(--color-gradient-linear-blue-0);--color-bubble-message-out-unread-stop-100:var(--color-gradient-linear-blue-100);--color-bubble-message-in-stop-0:var(--color-gradient-linear-neutral-0);--color-bubble-message-in-stop-100:var(--color-gradient-linear-neutral-100);--color-summary-card-bg-dark-deg-0-stop-0:#f2f3f500;--color-summary-card-bg-dark-deg-0-stop-80:#f2f3f5cc;--color-summary-card-bg-light-deg-52-stop-0:var(--color-base-transparent-black);--color-summary-card-bg-light-deg-52-stop-100:var(--color-base-transparent-black);--color-all-card-bg-dark-deg-0-stop-0:#0d121c00;--color-all-card-bg-dark-deg-0-stop-80:#0d121c00;--color-all-card-bg-light-solid:var(--color-base-transparent-dark);--color-border-deg-0-stop-0:var(--color-gradient-crimson-red-500);--color-border-deg-0-stop-68:var(--color-gradient-midnight-blue-500);--color-border-deg-0-stop-100:var(--color-gradient-persian-green-500);--color-heading-fill-stop-0:#f19e18;--color-heading-fill-stop-50:var(--color-brand-light-300);--color-radial-deg-0-stop-0:#462b2b;--color-radial-deg-0-stop-100:#181a1c;--color-dark-fill-deg-90-stop-0:#fff;--color-dark-fill-deg-90-stop-100:#9990;--color-light-fill-deg-90-stop-0:var(--color-base-transparent-white);--color-light-fill-deg-90-stop-100:var(--color-base-transparent-white);--color-border-right:var(--color-gray-dark-mode-700);--color-smatoz-border-deg-0-stop-0:var(--color-brand-light-500);--color-smatoz-border-deg-0-stop-80:var(--color-brand-light-700);--color-chart-fill-area-brand-deg-180-stop-0:#f19e1800;--color-chart-fill-area-brand-deg-180-stop-58:var(--color-sunset-orange-500);--color-chart-fill-bar-brand-vertical-deg-0-stop-0:var(--color-terracotta-orange-500);--color-chart-fill-bar-brand-vertical-deg-0-stop-100:var(--color-sunset-orange-500);--color-chart-fill-pie-brand-conic-deg-180-stop-0:#ff7f24;--color-chart-fill-pie-brand-conic-deg-180-stop-32:#e27f4f;--color-chart-fill-pie-brand-conic-deg-180-stop-58:#d8675f;--color-chart-fill-pie-brand-conic-deg-180-stop-100:#f04438;--color-chart-fill-pie-zone-a:#eb4a3e;--color-chart-fill-pie-zone-b:#e2574e;--color-chart-fill-pie-zone-c:#da635b;--color-chart-fill-pie-zone-d:#dd7356;--color-chart-fill-pie-zone-e:#e97e43;--color-chart-fill-pie-zone-f:#fc7e26;--color-search-bar-general-stop-0:var(--color-gradient-blue-bar);--color-search-bar-general-stop-100:var(--color-gradient-red-bar);--color-alpha-alpha-white-05:var(--color-alpha-black-02);--color-alpha-alpha-white-10:var(--color-alpha-gray-10);--color-alpha-alpha-white-20:var(--color-alpha-gray-20);--color-alpha-alpha-white-30:var(--color-alpha-gray-30);--color-alpha-alpha-white-40:var(--color-alpha-gray-40);--color-alpha-alpha-white-50:var(--color-alpha-gray-50);--color-alpha-alpha-white-60:var(--color-alpha-gray-60);--color-alpha-alpha-white-70:var(--color-alpha-gray-70);--color-alpha-alpha-white-80:var(--color-alpha-gray-80);--color-alpha-alpha-white-90:var(--color-alpha-gray-90);--color-alpha-alpha-white-100:var(--color-alpha-gray-100);--color-alpha-alpha-black-05:var(--color-alpha-white-05);--color-alpha-alpha-black-10:var(--color-alpha-white-10);--color-alpha-alpha-black-20:var(--color-alpha-white-20);--color-alpha-alpha-black-30:var(--color-alpha-white-30);--color-alpha-alpha-black-40:var(--color-alpha-white-40);--color-alpha-alpha-black-50:var(--color-alpha-white-50);--color-alpha-alpha-black-60:var(--color-alpha-white-60);--color-alpha-alpha-black-70:var(--color-alpha-white-70);--color-alpha-alpha-black-80:var(--color-alpha-white-80);--color-alpha-alpha-black-90:var(--color-alpha-white-90);--color-alpha-alpha-black-100:var(--color-alpha-white-100)}}
|
|
1
|
+
@layer base{[data-theme=night]{color-scheme:night;--color-utility-blue-50:var(--color-blue-950);--color-utility-blue-100:var(--color-blue-900);--color-utility-blue-200:var(--color-blue-800);--color-utility-blue-300:var(--color-blue-700);--color-utility-blue-400:var(--color-blue-600);--color-utility-blue-500:var(--color-blue-500);--color-utility-blue-600:var(--color-blue-400);--color-utility-blue-700:var(--color-blue-300);--color-utility-ultramarine-blue-50:var(--color-ultramarine-blue-950);--color-utility-ultramarine-blue-100:var(--color-ultramarine-blue-900);--color-utility-ultramarine-blue-200:var(--color-ultramarine-blue-800);--color-utility-ultramarine-blue-300:var(--color-ultramarine-blue-700);--color-utility-ultramarine-blue-400:var(--color-ultramarine-blue-600);--color-utility-ultramarine-blue-500:var(--color-ultramarine-blue-500);--color-utility-ultramarine-blue-600:var(--color-ultramarine-blue-400);--color-utility-ultramarine-blue-700:var(--color-ultramarine-blue-300);--color-utility-brand-50:var(--color-brand-light-950);--color-utility-brand-50-alt:var(--color-gray-dark-mode-900);--color-utility-brand-100:var(--color-brand-light-900);--color-utility-brand-100-alt:var(--color-gray-dark-mode-800);--color-utility-brand-200:var(--color-brand-light-800);--color-utility-brand-200-alt:var(--color-gray-dark-mode-700);--color-utility-brand-300:var(--color-brand-light-700);--color-utility-brand-300-alt:var(--color-gray-dark-mode-700);--color-utility-brand-400:var(--color-brand-light-600);--color-utility-brand-400-alt:var(--color-gray-dark-mode-600);--color-utility-brand-500:var(--color-brand-light-500);--color-utility-brand-500-alt:var(--color-gray-dark-mode-500);--color-utility-brand-600:var(--color-brand-light-400);--color-utility-brand-600-alt:var(--color-gray-dark-mode-400);--color-utility-brand-700:var(--color-brand-light-300);--color-utility-brand-700-alt:var(--color-gray-dark-mode-300);--color-utility-brand-800:var(--color-brand-light-200);--color-utility-brand-800-alt:var(--color-gray-dark-mode-200);--color-utility-brand-900:var(--color-brand-light-100);--color-utility-brand-900-alt:var(--color-gray-dark-mode-100);--color-utility-gray-50:var(--color-gray-dark-mode-900);--color-utility-gray-100:var(--color-gray-dark-mode-800);--color-utility-gray-200:var(--color-gray-dark-mode-700);--color-utility-gray-300:var(--color-gray-dark-mode-700);--color-utility-gray-400:var(--color-gray-dark-mode-700);--color-utility-gray-500:var(--color-gray-dark-mode-500);--color-utility-gray-600:var(--color-gray-dark-mode-400);--color-utility-gray-700:var(--color-gray-dark-mode-300);--color-utility-gray-800:var(--color-gray-dark-mode-200);--color-utility-gray-900:var(--color-gray-dark-mode-100);--color-utility-error-50:var(--color-error-950);--color-utility-error-100:var(--color-error-900);--color-utility-error-200:var(--color-error-800);--color-utility-error-300:var(--color-error-700);--color-utility-error-400:var(--color-error-600);--color-utility-error-500:var(--color-error-500);--color-utility-error-600:var(--color-error-400);--color-utility-error-700:var(--color-error-300);--color-utility-warning-50:var(--color-warning-950);--color-utility-warning-100:var(--color-warning-900);--color-utility-warning-200:var(--color-warning-800);--color-utility-warning-300:var(--color-warning-700);--color-utility-warning-400:var(--color-warning-600);--color-utility-warning-500:var(--color-warning-500);--color-utility-warning-600:var(--color-warning-400);--color-utility-warning-700:var(--color-warning-300);--color-utility-success-50:var(--color-success-950);--color-utility-success-100:var(--color-success-900);--color-utility-success-200:var(--color-success-800);--color-utility-success-300:var(--color-success-700);--color-utility-success-400:var(--color-success-600);--color-utility-success-500:var(--color-success-500);--color-utility-success-600:var(--color-success-400);--color-utility-success-700:var(--color-success-300);--color-utility-orange-50:var(--color-orange-950);--color-utility-orange-100:var(--color-orange-900);--color-utility-orange-200:var(--color-orange-800);--color-utility-orange-300:var(--color-orange-700);--color-utility-orange-400:var(--color-orange-600);--color-utility-orange-500:var(--color-orange-500);--color-utility-orange-600:var(--color-orange-400);--color-utility-orange-700:var(--color-orange-300);--color-utility-blue-dark-50:var(--color-blue-dark-950);--color-utility-blue-dark-100:var(--color-blue-dark-900);--color-utility-blue-dark-200:var(--color-blue-dark-800);--color-utility-blue-dark-300:var(--color-blue-dark-700);--color-utility-blue-dark-400:var(--color-blue-dark-600);--color-utility-blue-dark-500:var(--color-blue-dark-500);--color-utility-blue-dark-600:var(--color-blue-dark-400);--color-utility-blue-dark-700:var(--color-blue-dark-300);--color-utility-indigo-50:var(--color-indigo-950);--color-utility-indigo-100:var(--color-indigo-900);--color-utility-indigo-200:var(--color-indigo-800);--color-utility-indigo-300:var(--color-indigo-700);--color-utility-indigo-400:var(--color-indigo-600);--color-utility-indigo-500:var(--color-indigo-500);--color-utility-indigo-600:var(--color-indigo-400);--color-utility-indigo-700:var(--color-indigo-300);--color-utility-fuchsia-50:var(--color-fuchsia-950);--color-utility-fuchsia-100:var(--color-fuchsia-900);--color-utility-fuchsia-200:var(--color-fuchsia-800);--color-utility-fuchsia-300:var(--color-fuchsia-700);--color-utility-fuchsia-400:var(--color-fuchsia-600);--color-utility-fuchsia-500:var(--color-fuchsia-500);--color-utility-fuchsia-600:var(--color-fuchsia-400);--color-utility-fuchsia-700:var(--color-fuchsia-300);--color-utility-pink-50:var(--color-pink-950);--color-utility-pink-100:var(--color-pink-900);--color-utility-pink-200:var(--color-pink-800);--color-utility-pink-300:var(--color-pink-700);--color-utility-pink-400:var(--color-pink-600);--color-utility-pink-500:var(--color-pink-500);--color-utility-pink-600:var(--color-pink-400);--color-utility-pink-700:var(--color-pink-300);--color-utility-purple-50:var(--color-purple-950);--color-utility-purple-100:var(--color-purple-900);--color-utility-purple-200:var(--color-purple-800);--color-utility-purple-300:var(--color-purple-700);--color-utility-purple-400:var(--color-purple-600);--color-utility-purple-500:var(--color-purple-500);--color-utility-purple-600:var(--color-purple-400);--color-utility-purple-700:var(--color-purple-300);--color-utility-orange-dark-50:var(--color-orange-dark-950);--color-utility-orange-dark-100:var(--color-orange-dark-900);--color-utility-orange-dark-200:var(--color-orange-dark-800);--color-utility-orange-dark-300:var(--color-orange-dark-700);--color-utility-orange-dark-400:var(--color-orange-dark-600);--color-utility-orange-dark-500:var(--color-orange-dark-500);--color-utility-orange-dark-600:var(--color-orange-dark-400);--color-utility-orange-dark-700:var(--color-orange-dark-300);--color-utility-blue-light-50:var(--color-blue-light-950);--color-utility-blue-light-100:var(--color-blue-light-900);--color-utility-blue-light-200:var(--color-blue-light-800);--color-utility-blue-light-300:var(--color-blue-light-700);--color-utility-blue-light-400:var(--color-blue-light-600);--color-utility-blue-light-500:var(--color-blue-light-500);--color-utility-blue-light-600:var(--color-blue-light-400);--color-utility-blue-light-700:var(--color-blue-light-300);--color-utility-gray-blue-50:var(--color-gray-blue-950);--color-utility-gray-blue-100:var(--color-gray-blue-900);--color-utility-gray-blue-200:var(--color-gray-blue-800);--color-utility-gray-blue-300:var(--color-gray-blue-700);--color-utility-gray-blue-400:var(--color-gray-blue-600);--color-utility-gray-blue-500:var(--color-gray-blue-500);--color-utility-gray-blue-600:var(--color-gray-blue-400);--color-utility-gray-blue-700:var(--color-gray-blue-300);--color-utility-green-50:var(--color-green-950);--color-utility-green-100:var(--color-green-900);--color-utility-green-200:var(--color-green-800);--color-utility-green-300:var(--color-green-700);--color-utility-green-400:var(--color-green-600);--color-utility-green-500:var(--color-green-500);--color-utility-green-600:var(--color-green-400);--color-utility-green-700:var(--color-green-300);--color-utility-yellow-50:var(--color-yellow-950);--color-utility-yellow-100:var(--color-yellow-900);--color-utility-yellow-200:var(--color-yellow-800);--color-utility-yellow-300:var(--color-yellow-700);--color-utility-yellow-400:var(--color-yellow-600);--color-utility-yellow-500:var(--color-yellow-500);--color-utility-yellow-600:var(--color-yellow-400);--color-utility-yellow-700:var(--color-yellow-300);--color-utility-orange-terracotta-50:var(--color-terracotta-orange-950);--color-utility-orange-terracotta-100:var(--color-terracotta-orange-900);--color-utility-orange-terracotta-200:var(--color-terracotta-orange-800);--color-utility-orange-terracotta-300:var(--color-terracotta-orange-700);--color-utility-orange-terracotta-400:var(--color-terracotta-orange-600);--color-utility-orange-terracotta-500:var(--color-terracotta-orange-500);--color-utility-orange-terracotta-600:var(--color-terracotta-orange-400);--color-utility-orange-terracotta-700:var(--color-terracotta-orange-300);--color-utility-sunset-orange-50:var(--color-sunset-orange-950);--color-utility-sunset-orange-100:var(--color-sunset-orange-900);--color-utility-sunset-orange-200:var(--color-sunset-orange-800);--color-utility-sunset-orange-300:var(--color-sunset-orange-700);--color-utility-sunset-orange-400:var(--color-sunset-orange-600);--color-utility-sunset-orange-500:var(--color-sunset-orange-500);--color-utility-sunset-orange-600:var(--color-sunset-orange-400);--color-utility-sunset-orange-700:var(--color-sunset-orange-300);--color-utility-crimson-red-50:var(--color-crimson-red-950);--color-utility-crimson-red-100:var(--color-crimson-red-900);--color-utility-crimson-red-200:var(--color-crimson-red-800);--color-utility-crimson-red-300:var(--color-crimson-red-700);--color-utility-crimson-red-400:var(--color-crimson-red-600);--color-utility-crimson-red-500:var(--color-crimson-red-500);--color-utility-crimson-red-600:var(--color-crimson-red-400);--color-utility-crimson-red-700:var(--color-crimson-red-300);--color-utility-french-lilac-50:var(--color-french-lilac-950);--color-utility-french-lilac-100:var(--color-french-lilac-900);--color-utility-french-lilac-200:var(--color-french-lilac-800);--color-utility-french-lilac-300:var(--color-french-lilac-700);--color-utility-french-lilac-400:var(--color-french-lilac-600);--color-utility-french-lilac-500:var(--color-french-lilac-500);--color-utility-french-lilac-600:var(--color-french-lilac-400);--color-utility-french-lilac-700:var(--color-french-lilac-300);--color-utility-persian-green-50:var(--color-persian-green-950);--color-utility-persian-green-100:var(--color-persian-green-900);--color-utility-persian-green-200:var(--color-persian-green-800);--color-utility-persian-green-300:var(--color-persian-green-700);--color-utility-persian-green-400:var(--color-persian-green-600);--color-utility-persian-green-500:var(--color-persian-green-500);--color-utility-persian-green-600:var(--color-persian-green-400);--color-utility-persian-green-700:var(--color-persian-green-300);--color-utility-midnight-blue-50:var(--color-midnight-blue-950);--color-utility-midnight-blue-100:var(--color-midnight-blue-900);--color-utility-midnight-blue-200:var(--color-midnight-blue-800);--color-utility-midnight-blue-300:var(--color-midnight-blue-700);--color-utility-midnight-blue-400:var(--color-midnight-blue-600);--color-utility-midnight-blue-500:var(--color-midnight-blue-500);--color-utility-midnight-blue-600:var(--color-midnight-blue-400);--color-utility-midnight-blue-700:var(--color-midnight-blue-300);--color-text-white:var(--color-base-white);--color-text-primary:var(--color-gray-dark-mode-50);--color-text-secondary:var(--color-gray-dark-mode-300);--color-text-secondary-inverse:var(--color-gray-dark-mode-600);--color-text-secondary-hover:var(--color-gray-dark-mode-200);--color-text-tertiary:var(--color-gray-dark-mode-400);--color-text-tertiary-hover:var(--color-gray-dark-mode-300);--color-text-quaternary:var(--color-gray-dark-mode-400);--color-text-error-primary:var(--color-error-400);--color-text-error-primary-hover:var(--color-error-500);--color-text-warning-primary:var(--color-warning-400);--color-text-success-primary:var(--color-success-400);--color-text-disabled:var(--color-gray-dark-mode-500);--color-text-placeholder:var(--color-gray-dark-mode-400);--color-text-placeholder-subtle:var(--color-gray-dark-mode-700);--color-text-editor-icon-fg:var(--color-gray-light-mode-400);--color-text-editor-icon-fg-active:var(--color-gray-light-mode-500);--color-text-primary-on-brand:var(--color-gray-dark-mode-50);--color-text-secondary-on-brand:var(--color-gray-dark-mode-300);--color-text-tertiary-on-brand:var(--color-gray-dark-mode-400);--color-text-quaternary-on-brand:var(--color-gray-dark-mode-400);--color-text-brand-primary:var(--color-gray-dark-mode-500);--color-text-brand-secondary:var(--color-gray-dark-mode-300);--color-text-brand-secondary-hover:var(--color-gray-dark-mode-400);--color-text-brand-tertiary:var(--color-gray-dark-mode-400);--color-text-brand-tertiary-alt:var(--color-gray-dark-mode-50);--color-text-info-primary:var(--color-blue-400);--color-text-orange:var(--color-terracotta-orange-400);--color-border-white:var(--color-base-white);--color-border-primary:var(--color-gray-dark-mode-700);--color-border-primary-icon:var(--color-gray-dark-mode-50);--color-border-secondary:var(--color-gray-dark-mode-800);--color-border-secondary-alt:var(--color-gray-dark-mode-800);--color-border-tertiary:var(--color-gray-dark-mode-800);--color-border-error:var(--color-error-400);--color-border-error-subtle:var(--color-error-300);--color-border-disabled:var(--color-gray-dark-mode-700);--color-border-disabled-subtle:var(--color-gray-dark-mode-800);--color-border-brand:var(--color-brand-light-400);--color-border-brand-alt:var(--color-gray-dark-mode-700);--color-border-success:var(--color-success-400);--color-border-orange:var(--color-terracotta-orange-400);--color-fg-white:var(--color-base-white);--color-fg-primary:var(--color-base-white);--color-fg-secondary:var(--color-gray-dark-mode-300);--color-fg-secondary-hover:var(--color-gray-dark-mode-200);--color-fg-tertiary:var(--color-gray-dark-mode-400);--color-fg-tertiary-hover:var(--color-gray-dark-mode-300);--color-fg-quaternary:var(--color-gray-dark-mode-600);--color-fg-quaternary-hover:var(--color-gray-dark-mode-500);--color-fg-warning-primary:var(--color-warning-500);--color-fg-warning-secondary:var(--color-warning-400);--color-fg-success-primary:var(--color-success-500);--color-fg-success-secondary:var(--color-success-400);--color-fg-error-primary:var(--color-error-500);--color-fg-error-secondary:var(--color-error-400);--color-fg-disabled:var(--color-gray-dark-mode-500);--color-fg-disabled-subtle:var(--color-gray-dark-mode-600);--color-fg-brand-primary:var(--color-brand-light-500);--color-fg-brand-primary-alt:var(--color-gray-dark-mode-300);--color-fg-brand-secondary:var(--color-brand-light-500);--color-fg-brand-secondary-alt:var(--color-gray-dark-mode-600);--color-fg-brand-secondary-hover:var(--color-brand-light-600);--color-fg-info-primary:var(--color-blue-500);--color-fg-info-secondary:var(--color-blue-400);--color-bg-primary:var(--color-gray-modern-950);--color-bg-primary-solid:var(--color-gray-modern-900);--color-bg-primary-alt:var(--color-gray-modern-900);--color-bg-primary-hover:var(--color-gray-modern-800);--color-bg-secondary:var(--color-gray-modern-900);--color-bg-secondary-solid:var(--color-gray-modern-600);--color-bg-secondary-subtle:var(--color-gray-modern-900);--color-bg-secondary-hover:var(--color-gray-modern-800);--color-bg-secondary-alt:var(--color-gray-modern-950);--color-bg-tertiary:var(--color-gray-modern-800);--color-bg-quaternary:var(--color-gray-modern-700);--color-bg-error-primary:var(--color-error-950);--color-bg-error-secondary:var(--color-error-600);--color-bg-error-solid:var(--color-error-600);--color-bg-error-solid-hover:var(--color-error-500);--color-bg-warning-primary:var(--color-warning-50);--color-bg-warning-secondary:var(--color-warning-100);--color-bg-warning-solid:var(--color-warning-600);--color-bg-success-primary:var(--color-success-950);--color-bg-success-secondary:var(--color-success-600);--color-bg-success-solid:var(--color-success-600);--color-bg-disabled:var(--color-gray-modern-800);--color-bg-disabled-subtle:var(--color-gray-modern-900);--color-bg-active:var(--color-gray-modern-800);--color-bg-overlay:var(--color-gray-modern-800);--color-bg-brand-primary:var(--color-base-transparent-brand);--color-bg-brand-primary-hover-alt:var(--color-alpha-white-10);--color-bg-brand-primary-alt:var(--color-alpha-white-05);--color-bg-brand-secondary:var(--color-base-transparent-brand);--color-bg-brand-solid:var(--color-brand-light-600);--color-bg-brand-solid-hover:var(--color-brand-light-500);--color-bg-brand-section:var(--color-gray-modern-800);--color-bg-brand-section-subtle:var(--color-gray-modern-950);--color-bg-primary-replace:var(--color-gray-modern-950);--color-info-bg-primary:var(--color-blue-950);--color-bg-info-secondary:var(--color-blue-600);--color-bg-info-solid:var(--color-blue-600);--color-orange-bg-primary:var(--color-terracotta-orange-950);--color-shadow-xs:var(--color-alpha-gray-modern-100);--color-shadow-sm-01:var(--color-alpha-gray-modern-300);--color-shadow-sm-02:var(--color-alpha-gray-modern-300);--color-shadow-md-01:var(--color-alpha-gray-modern-300);--color-shadow-md-02:var(--color-alpha-gray-modern-800);--color-shadow-lg-01:var(--color-alpha-gray-modern-200);--color-shadow-lg-02:var(--color-alpha-gray-modern-25);--color-shadow-lg-03:var(--color-alpha-gray-modern-50);--color-shadow-xl-01:var(--color-alpha-gray-modern-200);--color-shadow-xl-02:var(--color-alpha-gray-modern-25);--color-shadow-xl-03:var(--color-alpha-gray-modern-50);--color-shadow-2xl-01:var(--color-alpha-gray-modern-600);--color-shadow-2xl-02:var(--color-alpha-gray-modern-50);--color-shadow-3xl-01:var(--color-alpha-gray-modern-500);--color-shadow-3xl-02:var(--color-alpha-gray-modern-50);--color-shadow-skeumorphic-inner:var(--color-alpha-gray-light-100);--color-shadow-skeumorphic-inner-border:var(--color-alpha-gray-modern-600);--color-app-store-badge-border:var(--color-gray-true-400);--color-avatar-styles-bg-neutral:var(--color-gray-true-200);--color-avatar-outline-open-to-work-stop-0:var(--color-success-500);--color-avatar-outline-open-to-work-stop-100:var(--color-success-950);--color-avatar-outline-open-to-profesional-stop-0:var(--color-warning-500);--color-avatar-outline-open-to-profesional-stop-100:var(--color-warning-900);--color-avatar-outline-open-to-coach-stop-0:var(--color-blue-light-500);--color-avatar-outline-open-to-coach-stop-100:var(--color-blue-light-900);--color-button-destructive-primary-icon:var(--color-error-300);--color-button-destructive-primary-icon-hover:var(--color-error-200);--color-button-primary-icon:var(--color-brand-dark-100);--color-button-primary-icon-hover:var(--color-brand-dark-200);--color-button-orange-icon:var(--color-terracotta-orange-50);--color-button-orange-icon-hover:var(--color-terracotta-orange-100);--color-button-overlay-linear-stop-0:var(--color-base-transparent-black);--color-button-overlay-linear-stop-100:var(--color-alpha-black-50);--color-button-linear-stop-0:var(--color-gradient-linear-blue-0);--color-button-linear-stop-100:var(--color-gradient-linear-blue-100);--color-featured-icon-light-fg-brand:var(--color-brand-light-600);--color-featured-icon-light-fg-error:var(--color-error-600);--color-featured-icon-light-fg-gray:var(--color-gray-light-mode-500);--color-featured-icon-light-fg-success:var(--color-success-600);--color-featured-icon-light-fg-warning:var(--color-warning-600);--color-featured-icon-light-fg-info:var(--color-blue-600);--color-focus-ring-error:var(--color-error-500);--color-focus-ring:var(--color-brand-light-500);--color-focus-ring-success:var(--color-success-600);--color-focus-ring-orange:var(--color-terracotta-orange-500);--color-footer-button-fg:var(--color-brand-light-200);--color-footer-button-fg-hover:var(--color-base-white);--color-icon-fg-brand:var(--color-brand-light-600);--color-icon-fg-brand-on-brand:var(--color-brand-light-200);--color-screen-mockup-border:var(--color-gray-light-mode-900);--color-slider-handle-bg:var(--color-base-white);--color-slider-handle-border:var(--color-brand-light-600);--color-toggle-border:var(--color-gray-light-mode-300);--color-toggle-button-fg-disabled:var(--color-gray-light-mode-50);--color-toggle-slim-border-pressed-hover:var(--color-brand-light-700);--color-toggle-slim-border-pressed:var(--color-brand-light-600);--color-tooltip-supporting-text:var(--color-gray-light-mode-300);--color-tags-on-jobs-bg-green:var(--color-alpha-white-05);--color-tags-on-jobs-text-green:var(--color-alpha-white-80);--color-tags-on-jobs-bg-red:var(--color-alpha-white-05);--color-tags-on-jobs-text-red:var(--color-alpha-white-80);--color-tags-on-jobs-bg-orange:var(--color-alpha-white-05);--color-tags-on-jobs-text-orange:var(--color-alpha-white-80);--color-tags-on-jobs-bg-blue:var(--color-alpha-white-05);--color-tags-on-jobs-text-blue:var(--color-alpha-white-80);--color-indicator-message-sent:var(--color-brand-light-300);--color-indicator-message-delivered:var(--color-brand-light-300);--color-indicator-message-seen-outline:var(--color-brand-light-200);--color-indicator-message-seen-fill:var(--color-brand-light-25);--color-snippet-bg:var(--color-alpha-white-10);--color-snippet-border:var(--color-alpha-white-10);--color-snippet-on-bubble-bg-out:var(--color-alpha-black-20);--color-snippet-on-bubble-border-out:var(--color-alpha-white-10);--color-snippet-on-bubble-bg-in:var(--color-alpha-white-10);--color-snippet-on-bubble-border-in:var(--color-alpha-white-10);--color-container-post-bg:var(--color-gray-dark-mode-800);--color-polling-text-selected:var(--color-gray-dark-mode-25);--color-polling-bg-area:var(--color-brand-light-600);--color-button-ai-stop-30:var(--color-gradient-midnight-blue-500);--color-button-ai-stop-50:#010f81;--color-button-ai-stop-75:#010b67;--color-button-ai-stop-100:var(--color-gradient-persian-green-500);--color-bubble-message-out-read-stop-0:var(--color-gradient-linear-green-0);--color-bubble-message-out-read-stop-100:var(--color-gradient-linear-green-100);--color-bubble-message-out-unread-stop-0:var(--color-gradient-linear-blue-0);--color-bubble-message-out-unread-stop-100:var(--color-gradient-linear-blue-100);--color-bubble-message-in-stop-0:var(--color-gradient-linear-neutral-0);--color-bubble-message-in-stop-100:var(--color-gradient-linear-neutral-100);--color-summary-card-bg-dark-deg-0-stop-0:#f2f3f500;--color-summary-card-bg-dark-deg-0-stop-80:#f2f3f5cc;--color-summary-card-bg-light-deg-52-stop-0:var(--color-base-transparent-black);--color-summary-card-bg-light-deg-52-stop-100:var(--color-base-transparent-black);--color-all-card-bg-dark-deg-0-stop-0:#0d121c00;--color-all-card-bg-dark-deg-0-stop-80:#0d121c00;--color-all-card-bg-light-solid:var(--color-base-transparent-dark);--color-border-deg-0-stop-0:var(--color-gradient-crimson-red-500);--color-border-deg-0-stop-68:var(--color-gradient-midnight-blue-500);--color-border-deg-0-stop-100:var(--color-gradient-persian-green-500);--color-heading-fill-stop-0:#f19e18;--color-heading-fill-stop-50:var(--color-brand-light-300);--color-radial-deg-0-stop-0:#462b2b;--color-radial-deg-0-stop-100:#181a1c;--color-dark-fill-deg-90-stop-0:#fff;--color-dark-fill-deg-90-stop-100:#9990;--color-light-fill-deg-90-stop-0:var(--color-base-transparent-white);--color-light-fill-deg-90-stop-100:var(--color-base-transparent-white);--color-border-right:var(--color-gray-dark-mode-700);--color-smatoz-border-deg-0-stop-0:var(--color-brand-light-500);--color-smatoz-border-deg-0-stop-80:var(--color-brand-light-700);--color-chart-fill-area-brand-deg-180-stop-0:#f19e1800;--color-chart-fill-area-brand-deg-180-stop-58:var(--color-sunset-orange-500);--color-chart-fill-bar-brand-vertical-deg-0-stop-0:var(--color-terracotta-orange-500);--color-chart-fill-bar-brand-vertical-deg-0-stop-100:var(--color-sunset-orange-500);--color-chart-fill-pie-brand-conic-deg-180-stop-0:#ff7f24;--color-chart-fill-pie-brand-conic-deg-180-stop-32:#e27f4f;--color-chart-fill-pie-brand-conic-deg-180-stop-58:#d8675f;--color-chart-fill-pie-brand-conic-deg-180-stop-100:#f04438;--color-chart-fill-pie-zone-a:#eb4a3e;--color-chart-fill-pie-zone-b:#e2574e;--color-chart-fill-pie-zone-c:#da635b;--color-chart-fill-pie-zone-d:#dd7356;--color-chart-fill-pie-zone-e:#e97e43;--color-chart-fill-pie-zone-f:#fc7e26;--color-search-bar-general-stop-0:var(--color-gradient-blue-bar);--color-search-bar-general-stop-100:var(--color-gradient-red-bar);--color-alpha-alpha-white-05:var(--color-alpha-black-02);--color-alpha-alpha-white-10:var(--color-alpha-gray-10);--color-alpha-alpha-white-20:var(--color-alpha-gray-20);--color-alpha-alpha-white-30:var(--color-alpha-gray-30);--color-alpha-alpha-white-40:var(--color-alpha-gray-40);--color-alpha-alpha-white-50:var(--color-alpha-gray-50);--color-alpha-alpha-white-60:var(--color-alpha-gray-60);--color-alpha-alpha-white-70:var(--color-alpha-gray-70);--color-alpha-alpha-white-80:var(--color-alpha-gray-80);--color-alpha-alpha-white-90:var(--color-alpha-gray-90);--color-alpha-alpha-white-100:var(--color-alpha-gray-100);--color-alpha-alpha-black-05:var(--color-alpha-white-05);--color-alpha-alpha-black-10:var(--color-alpha-white-10);--color-alpha-alpha-black-20:var(--color-alpha-white-20);--color-alpha-alpha-black-30:var(--color-alpha-white-30);--color-alpha-alpha-black-40:var(--color-alpha-white-40);--color-alpha-alpha-black-50:var(--color-alpha-white-50);--color-alpha-alpha-black-60:var(--color-alpha-white-60);--color-alpha-alpha-black-70:var(--color-alpha-white-70);--color-alpha-alpha-black-80:var(--color-alpha-white-80);--color-alpha-alpha-black-90:var(--color-alpha-white-90);--color-alpha-alpha-black-100:var(--color-alpha-white-100)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-brand=xplorehq]{--color-brand-light-25:#
|
|
1
|
+
[data-brand=xplorehq]{--color-brand-light-25:#eff1ff;--color-brand-light-50:#dfe3ff;--color-brand-light-100:#bfc6ff;--color-brand-light-200:#9fa9ff;--color-brand-light-300:#7f8cff;--color-brand-light-400:#5f6fff;--color-brand-light-500:#000ff0;--color-brand-light-600:#000dd1;--color-brand-light-700:#000bb0;--color-brand-light-800:#00098f;--color-brand-light-900:#00076e;--color-brand-light-950:#000449;--color-brand-dark-25:#f3f8fe;--color-brand-dark-50:#e9f1fd;--color-brand-dark-100:#d1e3fa;--color-brand-dark-200:#a4c6f5;--color-brand-dark-300:#76a9f0;--color-brand-dark-400:#498ceb;--color-brand-dark-500:#1769d2;--color-brand-dark-600:#1254a8;--color-brand-dark-700:#0e407e;--color-brand-dark-800:#092b54;--color-brand-dark-900:#05162a;--color-brand-dark-950:#030c17}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-brand=xploreu]{--color-brand-light-25:#
|
|
1
|
+
[data-brand=xploreu]{--color-brand-light-25:#eff1ff;--color-brand-light-50:#dfe3ff;--color-brand-light-100:#bfc6ff;--color-brand-light-200:#9fa9ff;--color-brand-light-300:#7f8cff;--color-brand-light-400:#5f6fff;--color-brand-light-500:#000ff0;--color-brand-light-600:#000dd1;--color-brand-light-700:#000bb0;--color-brand-light-800:#00098f;--color-brand-light-900:#00076e;--color-brand-light-950:#000449;--color-brand-dark-25:#f3f8fe;--color-brand-dark-50:#e9f1fd;--color-brand-dark-100:#d1e3fa;--color-brand-dark-200:#a4c6f5;--color-brand-dark-300:#76a9f0;--color-brand-dark-400:#498ceb;--color-brand-dark-500:#1769d2;--color-brand-dark-600:#1254a8;--color-brand-dark-700:#0e407e;--color-brand-dark-800:#092b54;--color-brand-dark-900:#05162a;--color-brand-dark-950:#030c17}
|
package/dist/v2/gradient.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@theme inline{--gradient-message-bg-in-bubble-chat: linear-gradient(90deg,var(--color-bubble-message-in-stop-0)0%,var(--color-bubble-message-in-stop-100)100%); --gradient-message-bg-out-read-bubble-chat: linear-gradient(267.7deg,var(--color-bubble-message-out-read-stop-0)1.93%,var(--color-bubble-message-out-read-stop-100)98.07%); --gradient-message-bg-out-unread-bubble-chat: linear-gradient(95.4deg,var(--color-bubble-message-out-unread-stop-0)4.32%,var(--color-bubble-message-out-unread-stop-100)95.68%); --gradient-avatar-outline-opentowork: linear-gradient(180deg,var(--color-avatar-outline-open-to-work-stop-0)0%,var(--color-avatar-outline-open-to-work-stop-100)100%); --gradient-avatar-outline-opentoprofesional: linear-gradient(180deg,var(--color-avatar-outline-open-to-professional-stop-0)0%,var(--color-avatar-outline-open-to-professional-stop-100)100%); --gradient-avatar-outline-opentocoach: linear-gradient(180deg,var(--color-avatar-outline-open-to-coach-stop-0)0%,var(--color-avatar-outline-open-to-coach-stop-100)100%); --gradient-fill-gradient-bg: linear-gradient(180deg,var(--color-chart-fill-bar-brand-vertical-deg-0-stop-0)0%,var(--color-chart-fill-bar-brand-vertical-deg-0-stop-100)100%); --gradient-buttons-gradient-blue: linear-gradient(101.09deg,var(--color-brand-light-500)0%,var(--color-brand-light-700)100%); --gradient-buttons-gradient-green: linear-gradient(154.16deg,var(--color-green-500)17.59%,var(--color-green-900)88.2%); --gradient-buttons-gradient-orange: linear-gradient(180deg,var(--color-gradient-linear-orange-0)0%,var(--color-gradient-linear-orange-58)57.69%); --gradient-buttons-button-action-bg: linear-gradient(94.49deg,var(--color-brand-light-600)0.3%,var(--color-brand-light-500)50%,var(--color-brand-light-500)74.85%,var(--color-brand-light-400)99.7%); --gradient-buttons-button-ai: linear-gradient(90.08deg,var(--color-button-ai-stop-30)30.65%,var(--color-button-ai-stop-100)99.92%); --gradient-cards-stroke-left: linear-gradient(180deg,var(--color-chart-fill-bar-brand-vertical-deg-0-stop-0)0%,var(--color-chart-fill-bar-brand-vertical-deg-0-stop-100)57.69%); --gradient-cards-card-bg: linear-gradient(180deg,var(--color-all-card-bg-dark-deg-0-stop-0)0%,var(--color-all-card-bg-dark-deg-0-stop-80)100%),linear-gradient(0deg,var(--color-all-card-bg-light-solid),var(--color-all-card-bg-light-solid)); --gradient-cards-summary-card-bg: linear-gradient(180deg,var(--color-summary-card-bg-dark-deg-0-stop-0)0%,var(--color-summary-card-bg-dark-deg-0-stop-80)100%),linear-gradient(110.05deg,var(--color-summary-card-bg-light-deg-52-stop-0)0%,var(--color-summary-card-bg-light-deg-52-stop-100)44.26%); --gradient-charts-area-fill-1: linear-gradient(180deg,var(--color-chart-fill-area-brand-deg-180-stop-0)0%,var(--color-chart-fill-area-brand-deg-180-stop-58)57.69%); --gradient-charts-bar-fill: linear-gradient(180deg,var(--color-chart-fill-bar-brand-vertical-deg-0-stop-0)0%,var(--color-chart-fill-bar-brand-vertical-deg-0-stop-100)57.69%); --gradient-charts-pie-fill: conic-gradient(from 180deg at 48.59% 50%,var(--color-chart-fill-pie-brand-conic-deg-180-stop-0)0deg,var(--color-chart-fill-pie-brand-conic-deg-180-stop-32).14deg,var(--color-chart-fill-pie-brand-conic-deg-180-stop-58)115.96deg,var(--color-chart-fill-pie-brand-conic-deg-180-stop-100)209.42deg,var(--color-chart-fill-pie-brand-conic-deg-180-stop-0)360deg); --gradient-sidebar-bg-sidebar: radial-gradient(96.97% 53.03% at 100% 46.97%,var(--color-radial-deg-0-stop-0)0.01%,var(--color-radial-deg-0-stop-100)100%); --gradient-sidebar-fill-item-sidebar: linear-gradient(270deg,var(--color-light-fill-deg-90-stop-0)5.39%,var(--color-light-fill-deg-90-stop-100)100%),linear-gradient(270deg,var(--color-dark-fill-deg-90-stop-0)5.39%,var(--color-dark-fill-deg-90-stop-100)100%); --gradient-skuemorphic-gradient-border: linear-gradient(180deg
|
|
1
|
+
@theme inline{--gradient-message-bg-in-bubble-chat: linear-gradient(90deg, var(--color-bubble-message-in-stop-0) 0%, var(--color-bubble-message-in-stop-100) 100%); --gradient-message-bg-out-read-bubble-chat: linear-gradient(267.7deg, var(--color-bubble-message-out-read-stop-0) 1.93%, var(--color-bubble-message-out-read-stop-100) 98.07%); --gradient-message-bg-out-unread-bubble-chat: linear-gradient(95.4deg, var(--color-bubble-message-out-unread-stop-0) 4.32%, var(--color-bubble-message-out-unread-stop-100) 95.68%); --gradient-avatar-outline-opentowork: linear-gradient(180deg, var(--color-avatar-outline-open-to-work-stop-0) 0%, var(--color-avatar-outline-open-to-work-stop-100) 100%); --gradient-avatar-outline-opentoprofesional: linear-gradient(180deg, var(--color-avatar-outline-open-to-professional-stop-0) 0%, var(--color-avatar-outline-open-to-professional-stop-100) 100%); --gradient-avatar-outline-opentocoach: linear-gradient(180deg, var(--color-avatar-outline-open-to-coach-stop-0) 0%, var(--color-avatar-outline-open-to-coach-stop-100) 100%); --gradient-fill-gradient-bg: linear-gradient(180deg, var(--color-chart-fill-bar-brand-vertical-deg-0-stop-0) 0%, var(--color-chart-fill-bar-brand-vertical-deg-0-stop-100) 100%); --gradient-buttons-gradient-blue: linear-gradient(101.09deg, var(--color-brand-light-500) 0%, var(--color-brand-light-700) 100%); --gradient-buttons-gradient-green: linear-gradient(154.16deg, var(--color-green-500) 17.59%, var(--color-green-900) 88.2%); --gradient-buttons-gradient-orange: linear-gradient(180deg, var(--color-gradient-linear-orange-0) 0%, var(--color-gradient-linear-orange-58) 57.69%); --gradient-buttons-button-action-bg: linear-gradient(94.49deg, var(--color-brand-light-600) 0.3%, var(--color-brand-light-500) 50%, var(--color-brand-light-500) 74.85%, var(--color-brand-light-400) 99.7%); --gradient-buttons-button-ai: linear-gradient(90.08deg, var(--color-button-ai-stop-30) 30.65%, var(--color-button-ai-stop-100) 99.92%); --gradient-cards-stroke-left: linear-gradient(180deg, var(--color-chart-fill-bar-brand-vertical-deg-0-stop-0) 0%, var(--color-chart-fill-bar-brand-vertical-deg-0-stop-100) 57.69%); --gradient-cards-card-bg: linear-gradient(180deg, var(--color-all-card-bg-dark-deg-0-stop-0) 0%, var(--color-all-card-bg-dark-deg-0-stop-80) 100%),linear-gradient(0deg, var(--color-all-card-bg-light-solid), var(--color-all-card-bg-light-solid)); --gradient-cards-summary-card-bg: linear-gradient(180deg, var(--color-summary-card-bg-dark-deg-0-stop-0) 0%, var(--color-summary-card-bg-dark-deg-0-stop-80) 100%),linear-gradient(110.05deg, var(--color-summary-card-bg-light-deg-52-stop-0) 0%, var(--color-summary-card-bg-light-deg-52-stop-100) 44.26%); --gradient-charts-area-fill-1: linear-gradient(180deg, var(--color-chart-fill-area-brand-deg-180-stop-0) 0%, var(--color-chart-fill-area-brand-deg-180-stop-58) 57.69%); --gradient-charts-bar-fill: linear-gradient(180deg, var(--color-chart-fill-bar-brand-vertical-deg-0-stop-0) 0%, var(--color-chart-fill-bar-brand-vertical-deg-0-stop-100) 57.69%); --gradient-charts-pie-fill: conic-gradient(from 180deg at 48.59% 50%, var(--color-chart-fill-pie-brand-conic-deg-180-stop-0) 0deg, var(--color-chart-fill-pie-brand-conic-deg-180-stop-32) .14deg, var(--color-chart-fill-pie-brand-conic-deg-180-stop-58) 115.96deg, var(--color-chart-fill-pie-brand-conic-deg-180-stop-100) 209.42deg, var(--color-chart-fill-pie-brand-conic-deg-180-stop-0) 360deg); --gradient-sidebar-bg-sidebar: radial-gradient(96.97% 53.03% at 100% 46.97%, var(--color-radial-deg-0-stop-0) 0.01%, var(--color-radial-deg-0-stop-100) 100%); --gradient-sidebar-fill-item-sidebar: linear-gradient(270deg, var(--color-light-fill-deg-90-stop-0) 5.39%, var(--color-light-fill-deg-90-stop-100) 100%), linear-gradient(270deg, var(--color-dark-fill-deg-90-stop-0) 5.39%, var(--color-dark-fill-deg-90-stop-100) 100%); --gradient-skuemorphic-gradient-border: linear-gradient(180deg, #ffffff1f 0%, #fff0 100%); --gradient-border-card: linear-gradient(180deg, var(--color-border-deg-0-stop-0) 0%, var(--color-border-deg-0-stop-68) 68.03%, var(--color-border-deg-0-stop-100) 100%); --gradient-border-card-horizontal: linear-gradient(270deg, var(--color-border-deg-0-stop-0) 0%, var(--color-border-deg-0-stop-68) 68.03%, var(--color-border-deg-0-stop-100) 100%); --gradient-smatoz-border-card: linear-gradient(180deg, var(--color-smatoz-border-deg-0-stop-0) 0%, var(--color-smatoz-border-deg-0-stop-80) 79.81%); --gradient-smatoz-border-card-horizontal: linear-gradient(270deg, var(--color-smatoz-border-deg-0-stop-0) 0%, var(--color-smatoz-border-deg-0-stop-80) 79.81%);}@utility bg-gradient-*{background-image: --value(--gradient-*, [image]);}
|
package/dist/v2/shadow.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@theme{--shadow-xp-xs: 0px 1px 2px 0px var(--color-shadow-xs); --shadow-xp-sm: 0px 1px 3px 0px var(--color-shadow-sm-01),0px 1px 2px -1px var(--color-shadow-sm-02); --shadow-xp-md: 0px 4px 6px -1px var(--color-shadow-md-01),0px 2px 4px -2px var(--color-shadow-md-02); --shadow-xp-lg: 0px 12px 16px -4px var(--color-shadow-lg-01),0px 4px 6px -2px var(--color-shadow-lg-02),0px 2px 2px -1px var(--color-shadow-lg-03); --shadow-xp-xl: 0px 20px 24px -4px var(--color-shadow-xl-01),0px 8px 8px -4px var(--color-shadow-xl-02),0px 3px 3px -1.5px var(--color-shadow-xl-03); --shadow-xp-2xl: 0px 24px 48px -12px var(--color-shadow-2xl-01),0px 4px 3px -2px var(--color-shadow-2xl-02); --shadow-xp-3xl: 0px 32px 64px -12px var(--color-shadow-3xl-01),0px 5px 5px -2.5px var(--color-shadow-3xl-02); --shadow-xp-xs-skeumorphic: 0px 1px 2px 0px var(--color-shadow-xs),0px -2px 0px 0px var(--color-shadow-skeumorphic-inner)inset,0px 0px 0px 1px var(--color-shadow-skeumorphic-inner-border)inset; --shadow-xp-focus-ring: 0px 0px 0px 4px var(--color-focus-ring),0px 0px 0px 2px var(--color-bg-primary); --shadow-xp-focus-ring-xs-skeumorphic: 0px 0px 0px 4px var(--color-focus-ring),0px 0px 0px 2px var(--color-bg-primary),0px 1px 2px 0px var(--color-shadow-xs),0px -2px 0px 0px var(--color-shadow-skeumorphic-inner)inset,0px 0px 0px 1px var(--color-shadow-skeumorphic-inner-border)inset; --shadow-xp-error-xs-skeumorphic: 0px 0px 0px 4px var(--color-focus-ring-error),0px 0px 0px 2px var(--color-bg-primary),0px 1px 2px 0px var(--color-shadow-xs),0px -2px 0px 0px var(--color-shadow-skeumorphic-inner)inset,0px 0px 0px 1px var(--color-shadow-skeumorphic-inner-border)inset; --shadow-xp-focus-ring-error: 0px 0px 0px 4px var(--color-focus-ring-error),0px 0px 0px 2px var(--color-bg-primary); --shadow-xp-focus-ring-sm: 0px 0px 0px 4px var(--color-focus-ring),0px 0px 0px 2px var(--color-bg-primary),0px 1px 2px 0px var(--color-shadow-sm-02),0px 1px 3px 0px var(--color-shadow-sm-01)inset;}
|
|
1
|
+
@theme{--shadow-xp-xs: 0px 1px 2px 0px var(--color-shadow-xs); --shadow-xp-sm: 0px 1px 3px 0px var(--color-shadow-sm-01), 0px 1px 2px -1px var(--color-shadow-sm-02); --shadow-xp-md: 0px 4px 6px -1px var(--color-shadow-md-01), 0px 2px 4px -2px var(--color-shadow-md-02); --shadow-xp-lg: 0px 12px 16px -4px var(--color-shadow-lg-01), 0px 4px 6px -2px var(--color-shadow-lg-02), 0px 2px 2px -1px var(--color-shadow-lg-03); --shadow-xp-xl: 0px 20px 24px -4px var(--color-shadow-xl-01), 0px 8px 8px -4px var(--color-shadow-xl-02), 0px 3px 3px -1.5px var(--color-shadow-xl-03); --shadow-xp-2xl: 0px 24px 48px -12px var(--color-shadow-2xl-01), 0px 4px 3px -2px var(--color-shadow-2xl-02); --shadow-xp-3xl: 0px 32px 64px -12px var(--color-shadow-3xl-01), 0px 5px 5px -2.5px var(--color-shadow-3xl-02); --shadow-xp-xs-skeumorphic: 0px 1px 2px 0px var(--color-shadow-xs), 0px -2px 0px 0px var(--color-shadow-skeumorphic-inner) inset, 0px 0px 0px 1px var(--color-shadow-skeumorphic-inner-border) inset; --shadow-xp-focus-ring: 0px 0px 0px 4px var(--color-focus-ring), 0px 0px 0px 2px var(--color-bg-primary); --shadow-xp-focus-ring-xs-skeumorphic: 0px 0px 0px 4px var(--color-focus-ring), 0px 0px 0px 2px var(--color-bg-primary), 0px 1px 2px 0px var(--color-shadow-xs), 0px -2px 0px 0px var(--color-shadow-skeumorphic-inner) inset, 0px 0px 0px 1px var(--color-shadow-skeumorphic-inner-border) inset; --shadow-xp-error-xs-skeumorphic: 0px 0px 0px 4px var(--color-focus-ring-error), 0px 0px 0px 2px var(--color-bg-primary), 0px 1px 2px 0px var(--color-shadow-xs), 0px -2px 0px 0px var(--color-shadow-skeumorphic-inner) inset, 0px 0px 0px 1px var(--color-shadow-skeumorphic-inner-border) inset; --shadow-xp-focus-ring-error: 0px 0px 0px 4px var(--color-focus-ring-error), 0px 0px 0px 2px var(--color-bg-primary); --shadow-xp-focus-ring-sm: 0px 0px 0px 4px var(--color-focus-ring), 0px 0px 0px 2px var(--color-bg-primary), 0px 1px 2px 0px var(--color-shadow-sm-02), 0px 1px 3px 0px var(--color-shadow-sm-01) inset;}
|
package/dist/v2/typography.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@theme{
|
|
1
|
+
@theme{ --text-title-regular-1: 64px; --text-title-regular-1--line-height: 70px; --text-title-regular-1--font-weight: 400; --text-title-medium-1: 64px; --text-title-medium-1--line-height: 70px; --text-title-medium-1--font-weight: 500; --text-title-semibold-1: 64px; --text-title-semibold-1--line-height: 70px; --text-title-semibold-1--font-weight: 600; --text-title-bold-1: 64px; --text-title-bold-1--line-height: 70px; --text-title-bold-1--font-weight: 700; --text-title-regular-2: 40px; --text-title-regular-2--line-height: 48px; --text-title-regular-2--font-weight: 400; --text-title-medium-2: 40px; --text-title-medium-2--line-height: 48px; --text-title-medium-2--font-weight: 500; --text-title-semibold-2: 40px; --text-title-semibold-2--line-height: 48px; --text-title-semibold-2--font-weight: 600; --text-title-bold-2: 40px; --text-title-bold-2--line-height: 48px; --text-title-bold-2--font-weight: 700; --text-title-regular-3: 32px; --text-title-regular-3--line-height: 36px; --text-title-regular-3--font-weight: 400; --text-title-medium-3: 32px; --text-title-medium-3--line-height: 36px; --text-title-medium-3--font-weight: 500; --text-title-semibold-3: 32px; --text-title-semibold-3--line-height: 36px; --text-title-semibold-3--font-weight: 600; --text-title-bold-3: 32px; --text-title-bold-3--line-height: 36px; --text-title-bold-3--font-weight: 700; --text-heading-regular-1: 28px; --text-heading-regular-1--line-height: 32px; --text-heading-regular-1--font-weight: 400; --text-heading-medium-1: 28px; --text-heading-medium-1--line-height: 32px; --text-heading-medium-1--font-weight: 500; --text-heading-semibold-1: 28px; --text-heading-semibold-1--line-height: 32px; --text-heading-semibold-1--font-weight: 600; --text-heading-bold-1: 28px; --text-heading-bold-1--line-height: 32px; --text-heading-bold-1--font-weight: 700; --text-heading-regular-2: 26px; --text-heading-regular-2--line-height: 30px; --text-heading-regular-2--font-weight: 400; --text-heading-medium-2: 26px; --text-heading-medium-2--line-height: 30px; --text-heading-medium-2--font-weight: 500; --text-heading-semibold-2: 26px; --text-heading-semibold-2--line-height: 30px; --text-heading-semibold-2--font-weight: 600; --text-heading-bold-2: 26px; --text-heading-bold-2--line-height: 30px; --text-heading-bold-2--font-weight: 700; --text-heading-regular-3: 24px; --text-heading-regular-3--line-height: 28px; --text-heading-regular-3--font-weight: 400; --text-heading-medium-3: 24px; --text-heading-medium-3--line-height: 28px; --text-heading-medium-3--font-weight: 500; --text-heading-semibold-3: 24px; --text-heading-semibold-3--line-height: 28px; --text-heading-semibold-3--font-weight: 600; --text-heading-bold-3: 24px; --text-heading-bold-3--line-height: 28px; --text-heading-bold-3--font-weight: 700; --text-heading-regular-4: 20px; --text-heading-regular-4--line-height: 24px; --text-heading-regular-4--font-weight: 400; --text-heading-medium-4: 20px; --text-heading-medium-4--line-height: 24px; --text-heading-medium-4--font-weight: 500; --text-heading-semibold-4: 20px; --text-heading-semibold-4--line-height: 24px; --text-heading-semibold-4--font-weight: 600; --text-heading-bold-4: 20px; --text-heading-bold-4--line-height: 24px; --text-heading-bold-4--font-weight: 700; --text-label-regular-1: 16px; --text-label-regular-1--line-height: 20px; --text-label-regular-1--font-weight: 400; --text-label-medium-1: 16px; --text-label-medium-1--line-height: 20px; --text-label-medium-1--font-weight: 500; --text-label-semibold-1: 16px; --text-label-semibold-1--line-height: 20px; --text-label-semibold-1--font-weight: 600; --text-label-bold-1: 16px; --text-label-bold-1--line-height: 20px; --text-label-bold-1--font-weight: 700; --text-label-regular-2: 14px; --text-label-regular-2--line-height: 18px; --text-label-regular-2--font-weight: 400; --text-label-medium-2: 14px; --text-label-medium-2--line-height: 18px; --text-label-medium-2--font-weight: 500; --text-label-semibold-2: 14px; --text-label-semibold-2--line-height: 18px; --text-label-semibold-2--font-weight: 600; --text-label-bold-2: 14px; --text-label-bold-2--line-height: 18px; --text-label-bold-2--font-weight: 700; --text-label-regular-3: 12px; --text-label-regular-3--line-height: 16px; --text-label-regular-3--font-weight: 400; --text-label-medium-3: 12px; --text-label-medium-3--line-height: 16px; --text-label-medium-3--font-weight: 500; --text-label-semibold-3: 12px; --text-label-semibold-3--line-height: 16px; --text-label-semibold-3--font-weight: 600; --text-label-bold-3: 12px; --text-label-bold-3--line-height: 16px; --text-label-bold-3--font-weight: 700; --text-label-regular-4: 11px; --text-label-regular-4--line-height: 14px; --text-label-regular-4--font-weight: 400; --text-label-medium-4: 11px; --text-label-medium-4--line-height: 14px; --text-label-medium-4--font-weight: 500; --text-label-semibold-4: 11px; --text-label-semibold-4--line-height: 14px; --text-label-semibold-4--font-weight: 600; --text-label-bold-4: 11px; --text-label-bold-4--line-height: 14px; --text-label-bold-4--font-weight: 700; --text-label-regular-5: 10px; --text-label-regular-5--line-height: 14px; --text-label-regular-5--font-weight: 400; --text-label-medium-5: 10px; --text-label-medium-5--line-height: 14px; --text-label-medium-5--font-weight: 500; --text-label-semibold-5: 10px; --text-label-semibold-5--line-height: 14px; --text-label-semibold-5--font-weight: 600; --text-label-bold-5: 10px; --text-label-bold-5--line-height: 14px; --text-label-bold-5--font-weight: 700; --text-body-regular-1: 16px; --text-body-regular-1--line-height: 24px; --text-body-regular-1--font-weight: 400; --text-body-medium-1: 16px; --text-body-medium-1--line-height: 24px; --text-body-medium-1--font-weight: 500; --text-body-semibold-1: 16px; --text-body-semibold-1--line-height: 24px; --text-body-semibold-1--font-weight: 600; --text-body-bold-1: 16px; --text-body-bold-1--line-height: 24px; --text-body-bold-1--font-weight: 700; --text-body-regular-2: 14px; --text-body-regular-2--line-height: 20px; --text-body-regular-2--font-weight: 400; --text-body-medium-2: 14px; --text-body-medium-2--line-height: 20px; --text-body-medium-2--font-weight: 500; --text-body-semibold-2: 14px; --text-body-semibold-2--line-height: 20px; --text-body-semibold-2--font-weight: 600; --text-body-bold-2: 14px; --text-body-bold-2--line-height: 20px; --text-body-bold-2--font-weight: 700; --text-body-regular-3: 12px; --text-body-regular-3--line-height: 18px; --text-body-regular-3--font-weight: 400; --text-body-medium-3: 12px; --text-body-medium-3--line-height: 18px; --text-body-medium-3--font-weight: 500; --text-body-semibold-3: 12px; --text-body-semibold-3--line-height: 18px; --text-body-semibold-3--font-weight: 600; --text-body-bold-3: 12px; --text-body-bold-3--line-height: 18px; --text-body-bold-3--font-weight: 700; --text-tiny-regular: 10px; --text-tiny-regular--line-height: 12px; --text-tiny-regular--font-weight: 400; --text-tiny-medium: 10px; --text-tiny-medium--line-height: 12px; --text-tiny-medium--font-weight: 500; --text-tiny-semibold: 10px; --text-tiny-semibold--line-height: 12px; --text-tiny-semibold--font-weight: 600; --text-tiny-bold: 10px; --text-tiny-bold--line-height: 12px; --text-tiny-bold--font-weight: 700; --text-tiny-extended-regular: 10px; --text-tiny-extended-regular--line-height: 12px; --text-tiny-extended-regular--font-weight: 400; --text-tiny-extended-medium: 10px; --text-tiny-extended-medium--line-height: 12px; --text-tiny-extended-medium--font-weight: 500; --text-tiny-extended-semibold: 10px; --text-tiny-extended-semibold--line-height: 12px; --text-tiny-extended-semibold--font-weight: 600; --text-tiny-extended-bold: 10px; --text-tiny-extended-bold--line-height: 12px; --text-tiny-extended-bold--font-weight: 700; --text-micro-regular: 9px; --text-micro-regular--line-height: 10px; --text-micro-regular--font-weight: 400; --text-micro-medium: 9px; --text-micro-medium--line-height: 10px; --text-micro-medium--font-weight: 500; --text-micro-semibold: 9px; --text-micro-semibold--line-height: 10px; --text-micro-semibold--font-weight: 600; --text-micro-bold: 9px; --text-micro-bold--line-height: 10px; --text-micro-bold--font-weight: 700;}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xploreu/styles",
|
|
3
|
-
"version": "1.15.
|
|
3
|
+
"version": "1.15.15",
|
|
4
4
|
"description": "Shared styles for XploreU apps",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -23,13 +23,12 @@
|
|
|
23
23
|
"files": [
|
|
24
24
|
"dist"
|
|
25
25
|
],
|
|
26
|
-
"scripts": {
|
|
27
|
-
"build": "tsx build.ts"
|
|
28
|
-
},
|
|
29
26
|
"devDependencies": {
|
|
30
27
|
"@types/node": "^24.5.2",
|
|
31
28
|
"lightningcss": "^1.28.2",
|
|
32
29
|
"tsx": "^4.19.2"
|
|
33
30
|
},
|
|
34
|
-
"
|
|
31
|
+
"scripts": {
|
|
32
|
+
"build": "tsx build.ts"
|
|
33
|
+
}
|
|
35
34
|
}
|