/* Generated from Figma Variables. First mode = :root default.
   FLOAT tokens are unitless — multiply by 1px in calc() where a length is needed. */

:root {
  --action-accent-1: var(--secondary-lilac-950); /* @kind color */
  --action-accent-2: var(--secondary-emerald-950); /* @kind color */
  --action-accent-3: var(--secondary-violet-950); /* @kind color */
  --action-accent-4: var(--secondary-salmon-950); /* @kind color */
  --action-accent-5: var(--primary-cyan-950); /* @kind color */
  --action-error-active: var(--secondary-radical-red-300); /* @kind color */
  --action-error-default: var(--secondary-radical-red-200); /* @kind color */
  --action-error-disabled: var(--secondary-radical-red-100); /* @kind color */
  --action-error-hover: var(--secondary-radical-red-200); /* @kind color */
  --action-info-active: var(--primary-blue-400); /* @kind color */
  --action-info-default: var(--primary-blue-300); /* @kind color */
  --action-info-disabled: var(--primary-blue-200); /* @kind color */
  --action-info-hover: var(--primary-blue-300); /* @kind color */
  --action-primary-active-2: var(--primary-blue-400); /* @kind color */
  --action-primary-active: var(--primary-brand-700); /* @kind color */
  --action-primary-default: var(--primary-brand-500); /* @kind color */
  --action-primary-disabled: var(--primary-blue-200); /* @kind color */
  --action-primary-drag: var(--primary-blue-950); /* @kind color */
  --action-primary-focus: var(--primary-white-950); /* @kind color */
  --action-primary-hover: var(--primary-blue-300); /* @kind color */
  --action-secondary-active-2: var(--primary-white-300); /* @kind color */
  --action-secondary-active: var(--primary-white-500); /* @kind color */
  --action-secondary-default: var(--primary-white-100); /* @kind color */
  --action-secondary-disabled: var(--primary-smoke-100); /* @kind color */
  --action-secondary-hover: var(--primary-white-200); /* @kind color */
  --action-success-active: var(--secondary-green-300); /* @kind color */
  --action-success-default: var(--secondary-green-200); /* @kind color */
  --action-success-disabled: var(--secondary-green-100); /* @kind color */
  --action-success-hover: var(--secondary-green-200); /* @kind color */
  --action-warning-active: var(--secondary-tangerine-300); /* @kind color */
  --action-warning-default: var(--secondary-tangerine-200); /* @kind color */
  --action-warning-disabled: var(--secondary-tangerine-100); /* @kind color */
  --action-warning-hover: var(--secondary-tangerine-200); /* @kind color */
  --ai-active: var(--secondary-fuscia-400); /* @kind color */
  --ai-blue: var(--primary-blue-950); /* @kind color */
  --ai-cyan: var(--secondary-neon-cyan-800); /* @kind color */
  --ai-hover: var(--secondary-fuscia-400); /* @kind color */
  --alert-info-background: rgb(25,48,56); /* @kind color */
  --alert-info-icon-background: rgba(204,210,218,0.3); /* @kind color */
  --alert-info-icon: rgb(255,255,255); /* @kind color */
  --alert-info-text: rgb(255,255,255); /* @kind color */
  --banner-arrows-active-background: rgba(204,210,218,0.3); /* @kind color */
  --banner-arrows-active-icon: rgb(255,255,255); /* @kind color */
  --banner-arrows-disabled-background: rgba(204,210,218,0.05); /* @kind color */
  --banner-arrows-disabled-icon: rgba(204,210,218,0.3); /* @kind color */
  --banner-danger-background: rgba(255,72,94,0.1); /* @kind color */
  --banner-danger-cta: rgb(255,72,94); /* @kind color */
  --banner-danger-icon-fill: rgba(255,72,94,0.2); /* @kind color */
  --banner-danger-icon-stroke: rgb(255,72,94); /* @kind color */
  --banner-danger-text: rgb(204,210,218); /* @kind color */
  --banner-error-background: rgba(255,148,76,0.1); /* @kind color */
  --banner-error-cta: rgb(255,148,76); /* @kind color */
  --banner-error-icon-fill: rgba(255,148,76,0.2); /* @kind color */
  --banner-error-icon-stroke: rgb(255,148,76); /* @kind color */
  --banner-error-text: rgb(204,210,218); /* @kind color */
  --banner-info-background: rgba(76,118,255,0.1); /* @kind color */
  --banner-info-cta: rgb(76,118,255); /* @kind color */
  --banner-info-icon-fill: rgba(76,118,255,0.2); /* @kind color */
  --banner-info-icon-stroke: rgb(76,118,255); /* @kind color */
  --banner-info-text: rgb(204,210,218); /* @kind color */
  --banner-normal-background: rgba(204,210,218,0.1); /* @kind color */
  --banner-normal-cta: rgb(76,118,255); /* @kind color */
  --banner-normal-icon-fill: rgba(255,255,255,0.2); /* @kind color */
  --banner-normal-icon-stroke: rgb(255,255,255); /* @kind color */
  --banner-normal-text: rgb(204,210,218); /* @kind color */
  --banner-success-background: rgba(0,213,111,0.1); /* @kind color */
  --banner-success-cta: rgb(0,213,111); /* @kind color */
  --banner-success-icon-fill: rgba(0,213,111,0.2); /* @kind color */
  --banner-success-icon-stroke: rgb(0,213,111); /* @kind color */
  --banner-success-text: rgb(204,210,218); /* @kind color */
  --banner-sync-background: rgba(73,204,249,0.1); /* @kind color */
  --banner-sync-cta: rgb(73,204,249); /* @kind color */
  --banner-sync-icon-fill: rgba(73,204,249,0.2); /* @kind color */
  --banner-sync-icon-stroke: rgb(73,204,249); /* @kind color */
  --banner-sync-text: rgb(204,210,218); /* @kind color */
  --border-full: rgb(204,210,218); /* @kind color */
  --border-icons-s: 1.2; /* @kind other */
  --border-low: rgba(204,210,218,0.1); /* @kind color */
  --border-medium: rgba(204,210,218,0.5); /* @kind color */
  --border-width-l: 4; /* @kind other */
  --border-width-m: 2; /* @kind other */
  --border-width-s: 1; /* @kind other */
  --button-accent-background-disabled: rgba(255,255,255,0.05); /* @kind color */
  --button-accent-background-hover: rgb(112,145,255); /* @kind color */
  --button-accent-background: rgb(76,118,255); /* @kind color */
  --button-accent-text-hover: rgb(255,255,255); /* @kind color */
  --button-accent-text: rgb(255,255,255); /* @kind color */
  --button-danger-background-hover: rgba(255,72,94,0.2); /* @kind color */
  --button-danger-background: rgba(255,72,94,0.1); /* @kind color */
  --button-danger-text-hover: rgb(255,72,94); /* @kind color */
  --button-danger-text: rgb(255,72,94); /* @kind color */
  --button-disabled-background-hover: rgba(255,255,255,0.05); /* @kind color */
  --button-disabled-background: rgba(255,255,255,0.05); /* @kind color */
  --button-disabled-text-hover: rgba(255,255,255,0.3); /* @kind color */
  --button-disabled-text: rgba(255,255,255,0.3); /* @kind color */
  --button-info-background-hover: rgba(255,255,255,0.2); /* @kind color */
  --button-info-background: rgba(255,255,255,0.1); /* @kind color */
  --button-info-text-hover: rgb(255,255,255); /* @kind color */
  --button-info-text: rgb(255,255,255); /* @kind color */
  --button-link-text-hover: rgb(76,118,255); /* @kind color */
  --button-link-text: rgb(255,255,255); /* @kind color */
  --button-primary-background-disabled: rgba(255,255,255,0.05); /* @kind color */
  --button-primary-background-hover: rgb(112,145,255); /* @kind color */
  --button-primary-background: rgb(76,118,255); /* @kind color */
  --button-primary-text-disabled: rgba(255,255,255,0.5); /* @kind color */
  --button-primary-text-hover: rgb(255,255,255); /* @kind color */
  --button-primary-text: rgb(255,255,255); /* @kind color */
  --button-secondary-background-hover: rgba(255,255,255,0.2); /* @kind color */
  --button-secondary-background: rgba(255,255,255,0); /* @kind color */
  --button-secondary-border: rgba(73,204,249,0.4); /* @kind color */
  --button-secondary-text-hover: rgb(255,255,255); /* @kind color */
  --button-secondary-text: rgb(255,255,255); /* @kind color */
  --button-success-background-hover: rgba(0,213,111,0.2); /* @kind color */
  --button-success-background: rgba(0,213,111,0.1); /* @kind color */
  --button-success-text-hover: rgb(0,213,111); /* @kind color */
  --button-success-text: rgb(0,213,111); /* @kind color */
  --button-warning-background-hover: rgba(255,148,76,0.2); /* @kind color */
  --button-warning-background: rgba(255,148,76,0.1); /* @kind color */
  --button-warning-stroke: rgba(255,148,76,0.5); /* @kind color */
  --button-warning-text-hover: rgb(255,148,76); /* @kind color */
  --button-warning-text: rgb(255,148,76); /* @kind color */
  --buyer-personas-icons-b2b: var(--secondary-emerald-950); /* @kind color */
  --buyer-personas-icons-b2c: var(--secondary-violet-950); /* @kind color */
  --buyer-personas-icons-b2g: var(--primary-blue-950); /* @kind color */
  --buyer-personas-surface-b2b: var(--secondary-emerald-300); /* @kind color */
  --buyer-personas-surface-b2c: var(--secondary-violet-300); /* @kind color */
  --buyer-personas-surface-b2g: var(--primary-blue-400); /* @kind color */
  --buyer-personas-text-b2b: var(--secondary-emerald-950); /* @kind color */
  --buyer-personas-text-b2c: var(--secondary-violet-950); /* @kind color */
  --buyer-personas-text-b2g: var(--primary-blue-950); /* @kind color */
  --calendar-action-background: rgb(25,48,56); /* @kind color */
  --calendar-action-icon: rgb(204,210,218); /* @kind color */
  --calendar-action-text: rgb(204,210,218); /* @kind color */
  --calendar-col-date: rgb(204,210,218); /* @kind color */
  --calendar-col-normal-background: rgb(20,44,51); /* @kind color */
  --calendar-col-separator: rgba(255,255,255,0.1); /* @kind color */
  --calendar-col-today-background: rgb(25,48,56); /* @kind color */
  --calendar-col-today-date: rgb(255,255,255); /* @kind color */
  --calendar-col-today-weekday: rgba(204,210,218,0.7); /* @kind color */
  --calendar-col-weekday: rgba(204,210,218,0.5); /* @kind color */
  --calendar-daily-weekday-background: rgb(25,48,56); /* @kind color */
  --calendar-daily-weekend-background: rgb(20,44,51); /* @kind color */
  --calendar-event-background: rgb(39,60,68); /* @kind color */
  --calendar-event-color: rgb(255,255,255); /* @kind color */
  --calendar-event-stroke-hover: rgba(255,255,255,0.2); /* @kind color */
  --calendar-event-stroke: rgba(255,255,255,0); /* @kind color */
  --cancelled: rgb(255,72,94); /* @kind color */
  --card-background: rgba(255,255,255,0.1); /* @kind color */
  --channels-autopilot: rgb(30,180,151); /* @kind color */
  --channels-general-neutral-primary: rgb(255,255,255); /* @kind color */
  --channels-general-neutral-secondary: rgba(255,255,255,0.4); /* @kind color */
  --channels-googleads: rgb(17,120,43); /* @kind color */
  --channels-googleanalytics: rgb(227,116,0); /* @kind color */
  --channels-hubspot: rgb(255,122,89); /* @kind color */
  --channels-linkedin: rgb(17,83,174); /* @kind color */
  --channels-mailchimp: rgb(251,202,29); /* @kind color */
  --channels-meta: rgb(68,164,255); /* @kind color */
  --channels-snapchat: rgb(255,252,0); /* @kind color */
  --channels-tiktok: rgb(0,242,234); /* @kind color */
  --channels-x: rgb(139,139,139); /* @kind color */
  --channels-youtube: rgb(255,0,0); /* @kind color */
  --circle: 1000; /* @kind radius */
  --color-azure-11: rgb(12,36,44); /* @kind color */
  --color-azure-21: rgb(39,60,68); /* @kind color */
  --color-azure-23: rgb(52,58,64); /* @kind color */
  --color-azure-28-20: rgba(53,71,90,0.2); /* @kind color */
  --color-azure-30-15: rgba(57,76,96,0.15); /* @kind color */
  --color-azure-34-7: rgba(64,87,109,0.07); /* @kind color */
  --color-azure-43: rgb(25,113,194); /* @kind color */
  --color-azure-64: rgb(77,171,247); /* @kind color */
  --color-azure-7-70: rgba(13,18,22,0.7); /* @kind color */
  --color-azure-70-60: rgba(152,184,205,0.6); /* @kind color */
  --color-azure-88-20: rgba(213,224,235,0.2); /* @kind color */
  --color-azure-88-30: rgba(213,224,235,0.3); /* @kind color */
  --color-azure-88-70: rgba(213,224,235,0.7); /* @kind color */
  --color-azure-88: rgb(213,224,235); /* @kind color */
  --color-azure-89: rgb(222,226,230); /* @kind color */
  --color-azure-8: rgb(6,25,35); /* @kind color */
  --color-black-2: rgba(0,0,0,0.02); /* @kind color */
  --color-black-30: rgba(0,0,0,0.3); /* @kind color */
  --color-black-31: rgba(0,0,0,0.31); /* @kind color */
  --color-black-solid: rgb(0,0,0); /* @kind color */
  --color-blue-65: rgb(76,118,255); /* @kind color */
  --color-cyan-14: rgb(20,44,51); /* @kind color */
  --color-cyan-16: rgb(25,49,56); /* @kind color */
  --color-grey-16: rgb(37,38,43); /* @kind color */
  --color-grey-22: rgb(51,51,59); /* @kind color */
  --color-grey-23: rgb(55,58,64); /* @kind color */
  --color-grey-58: rgb(144,146,150); /* @kind color */
  --color-grey-86: rgb(220,220,220); /* @kind color */
  --color-grey-95: rgb(240,241,245); /* @kind color */
  --color-grey-96: rgb(245,245,245); /* @kind color */
  --color-grey-98: rgb(250,250,250); /* @kind color */
  --color-orange-61-10: rgba(255,182,56,0.1); /* @kind color */
  --color-orange-61: rgb(255,182,56); /* @kind color */
  --color-spring-green-42-10: rgba(0,214,111,0.1); /* @kind color */
  --color-spring-green-42: rgb(0,214,111); /* @kind color */
  --color-spring-green-45: rgb(30,199,128); /* @kind color */
  --color-violet-34-15: rgba(74,46,126,0.15); /* @kind color */
  --color-violet-52-10: rgba(119,49,216,0.1); /* @kind color */
  --color-violet-62: rgb(139,61,255); /* @kind color */
  --color-violet-72-20: rgba(165,112,255,0.2); /* @kind color */
  --color-white-0-2: rgba(255,255,255,0.002); /* @kind color */
  --color-white-10: rgba(255,255,255,0.1); /* @kind color */
  --color-white-20: rgba(255,255,255,0.2); /* @kind color */
  --color-white-90: rgba(255,255,255,0.9); /* @kind color */
  --color-white-solid: rgb(255,255,255); /* @kind color */
  --colors-blue-500: rgb(35,89,131); /* @kind color */
  --colors-fill-bg-onbrand: var(--colors-blue-500); /* @kind color */
  --completed: rgb(0,213,111); /* @kind color */
  --components-bar-bar-stroke: rgb(25,48,56); /* @kind color */
  --components-bar-icon-active-fill: rgba(255,255,255,0.3); /* @kind color */
  --components-bar-icon-active-stroke: rgb(255,255,255); /* @kind color */
  --components-bar-icon-inactive-fill: rgba(204,210,218,0.3); /* @kind color */
  --components-bar-icon-inactive-stroke: rgb(255,255,255); /* @kind color */
  --components-bar-tab-item-background-active: rgb(39,60,68); /* @kind color */
  --components-bar-tab-item-background-hover: rgb(20,44,51); /* @kind color */
  --components-bar-tab-item-background-inactive: rgba(255,255,255,0); /* @kind color */
  --components-bar-tab-item-text-active: rgb(255,255,255); /* @kind color */
  --components-bar-tab-item-text-inactive: rgb(204,210,218); /* @kind color */
  --corner-radius-0: 0; /* @kind radius */
  --corner-radius-12: 12; /* @kind radius */
  --corner-radius-16: 16; /* @kind radius */
  --corner-radius-20: 20; /* @kind radius */
  --corner-radius-24: 24; /* @kind radius */
  --corner-radius-28: 28; /* @kind radius */
  --corner-radius-2: 2; /* @kind radius */
  --corner-radius-32: 32; /* @kind radius */
  --corner-radius-40: 40; /* @kind radius */
  --corner-radius-48: 48; /* @kind radius */
  --corner-radius-4: 4; /* @kind radius */
  --corner-radius-6: 6; /* @kind radius */
  --corner-radius-8: 8; /* @kind radius */
  --corner-radius-full: 1000; /* @kind radius */
  --dark-green-200-2: rgb(51,193,86); /* @kind color */
  --dark-green-200: rgb(51,193,86); /* @kind color */
  --date-selector-background: rgb(12,35,42); /* @kind color */
  --date-selector-date-range-background: rgba(76,118,255,0.2); /* @kind color */
  --date-selector-date-range-range-end-background: rgb(76,118,255); /* @kind color */
  --date-selector-date-range-range-end-border: rgb(76,118,255); /* @kind color */
  --date-selector-date-range-range-end-text: rgb(255,255,255); /* @kind color */
  --date-selector-date-range-range-start-background: rgba(76,118,255,0.2); /* @kind color */
  --date-selector-date-range-range-start-border: rgb(76,118,255); /* @kind color */
  --date-selector-date-range-range-start-text: rgb(255,255,255); /* @kind color */
  --date-selector-date-range-text: rgb(204,210,218); /* @kind color */
  --date-selector-navigation-arrows-hover: rgba(255,255,255,0.4); /* @kind color */
  --date-selector-navigation-arrows: rgba(255,255,255,0.2); /* @kind color */
  --date-selector-navigation-text: rgb(204,210,218); /* @kind color */
  --date-selector-period-selector-background-active: rgb(39,60,68); /* @kind color */
  --date-selector-period-selector-background: rgb(20,44,51); /* @kind color */
  --date-selector-period-selector-text-active: rgb(204,210,218); /* @kind color */
  --date-selector-period-selector-text-inactive: rgba(204,210,218,0.7); /* @kind color */
  --date-selector-text-muted: rgba(204,210,218,0.3); /* @kind color */
  --date-selector-text: rgb(204,210,218); /* @kind color */
  --drop-shadow-error: var(--secondary-radical-red-300); /* @kind color */
  --drop-shadow-high: var(--primary-black-500); /* @kind color */
  --drop-shadow-info: var(--primary-blue-400); /* @kind color */
  --drop-shadow-low: var(--primary-black-400); /* @kind color */
  --drop-shadow-medium: var(--primary-black-400); /* @kind color */
  --drop-shadow-success: var(--secondary-emerald-300); /* @kind color */
  --drop-shadow-warning: var(--secondary-tangerine-300); /* @kind color */
  --dropdown-container-background-hover: rgb(25,48,56); /* @kind color */
  --dropdown-container-background: rgb(20,44,51); /* @kind color */
  --dropdown-container-chevron-disabled: rgba(204,210,218,0.3); /* @kind color */
  --dropdown-container-chevron-enabled: rgb(204,210,218); /* @kind color */
  --dropdown-container-icon-background: rgba(255,255,255,0.05); /* @kind color */
  --dropdown-container-icon-color: rgb(204,210,218); /* @kind color */
  --dropdown-container-organization-label: rgba(204,210,218,0.3); /* @kind color */
  --dropdown-container-organization-name: rgb(204,210,218); /* @kind color */
  --dropdown-list-background: rgb(25,48,56); /* @kind color */
  --dropdown-list-icon: rgb(204,210,218); /* @kind color */
  --dropdown-list-indicator-active: rgb(76,118,255); /* @kind color */
  --dropdown-list-indicator: rgba(76,118,255,0.3); /* @kind color */
  --dropdown-list-shadow: rgba(0,0,0,0.2); /* @kind color */
  --dropdown-list-text: rgb(204,210,218); /* @kind color */
  --dvt-color-avatar-blue-lv1: rgb(73,204,249); /* @kind color */
  --dvt-color-avatar-dark-orange-lv1: rgb(255,122,122); /* @kind color */
  --dvt-color-avatar-dark-orange-lv2: rgba(255,122,122,0.2); /* @kind color */
  --dvt-color-avatar-dark-purple-lv1: rgb(76,85,255); /* @kind color */
  --dvt-color-avatar-dark-purple-lv2: rgba(76,85,255,0.2); /* @kind color */
  --dvt-color-avatar-fuscia-lv1: rgb(255,76,210); /* @kind color */
  --dvt-color-avatar-fuscia-lv2: rgba(255,76,210,0.2); /* @kind color */
  --dvt-color-avatar-light-green-lv1: rgb(90,206,144); /* @kind color */
  --dvt-color-avatar-light-green-lv2: rgba(90,206,144,0.2); /* @kind color */
  --dvt-color-avatar-light-orange-lv1: rgb(255,148,76); /* @kind color */
  --dvt-color-avatar-light-orange-lv2: rgba(255,148,76,0.2); /* @kind color */
  --dvt-color-avatar-light-purple-lv1: rgb(151,76,255); /* @kind color */
  --dvt-color-avatar-light-purple-lv2: rgba(151,76,255,0.2); /* @kind color */
  --dvt-color-avatar-light-yellow-lv1: rgb(220,255,2); /* @kind color */
  --dvt-color-avatar-light-yellow-lv2: rgba(220,255,2,0.4); /* @kind color */
  --dvt-color-avatar-light-yellow-lv3: rgba(220,255,2,0.1); /* @kind color */
  --dvt-color-avatar-pink-lv1: rgb(201,136,242); /* @kind color */
  --dvt-color-avatar-pink-lv2: rgba(201,136,242,0.2); /* @kind color */
  --dvt-color-selected-background-lv1: rgba(76,118,255,0.2); /* @kind color */
  --dvt-color-selected-background-lv2: rgba(76,118,255,0.5); /* @kind color */
  --dvt-color-selected-text: rgb(76,118,255); /* @kind color */
  --dvt-color-states-danger-lv1: rgb(255,72,94); /* @kind color */
  --dvt-color-states-danger-lv2: rgba(255,72,94,0.1); /* @kind color */
  --dvt-color-states-dark-neutral-lv-1: rgba(204,210,218,0.3); /* @kind color */
  --dvt-color-states-info-lv1: rgb(76,118,255); /* @kind color */
  --dvt-color-states-info-lv2: rgba(76,118,255,0.1); /* @kind color */
  --dvt-color-states-light-danger-lv1: rgba(255,72,94,0.3); /* @kind color */
  --dvt-color-states-light-danger-lv2: rgba(255,72,94,0.5); /* @kind color */
  --dvt-color-states-light-success-lv1: rgba(0,213,111,0.3); /* @kind color */
  --dvt-color-states-neutral-lv-1: rgb(204,210,218); /* @kind color */
  --dvt-color-states-neutral-lv-2: rgba(204,210,218,0.1); /* @kind color */
  --dvt-color-states-success-lv1: rgb(51,193,86); /* @kind color */
  --dvt-color-states-success-lv2: rgba(0,177,44,0.1); /* @kind color */
  --dvt-color-states-warning-lv1: rgb(255,148,76); /* @kind color */
  --dvt-color-states-warning-lv2: rgba(255,148,76,0.1); /* @kind color */
  --family-family-1: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif; /* @kind font */
  --family-family-2: "Cabin Condensed", system-ui, sans-serif; /* @kind font */
  --family-primary: var(--family-family-1); /* @kind font */
  --family-secondary: var(--family-family-2); /* @kind font */
  --font-family-font-1-2: "SF Pro Text", -apple-system, system-ui, sans-serif; /* @kind font */
  --font-family-font-1-3: "Inter", system-ui, sans-serif; /* @kind font */
  --font-family-font-1: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif; /* @kind font */
  --font-family-font-2-2: "Roboto", system-ui, sans-serif; /* @kind font */
  --font-family-font-2-3: "Noto Sans", system-ui, sans-serif; /* @kind font */
  --font-family-font-2: "SF Pro Text", -apple-system, system-ui, sans-serif; /* @kind font */
  --font-family-font-3-2: "Times", "Times New Roman", serif; /* @kind font */
  --font-family-font-3: "STIX Two Math", "Times New Roman", serif; /* @kind font */
  --font-family-font-4: "SF Pro Text", -apple-system, system-ui, sans-serif; /* @kind font */
  --font-size-10: 10; /* @kind font */
  --font-size-11-2: 11; /* @kind font */
  --font-size-11: 11; /* @kind font */
  --font-size-12-2: 12; /* @kind font */
  --font-size-12: 12; /* @kind font */
  --font-size-13: 13; /* @kind font */
  --font-size-14-2: 14; /* @kind font */
  --font-size-14: 14; /* @kind font */
  --font-size-16-2: 16; /* @kind font */
  --font-size-16: 16; /* @kind font */
  --font-size-18: 18; /* @kind font */
  --font-size-20: 20; /* @kind font */
  --font-size-32: 32; /* @kind font */
  --font-size-8: 8; /* @kind font */
  --font-size-9: 9; /* @kind font */
  --font-style-display-light-italic: "Display Light Italic"; /* @kind font */
  --font-weight-400-2: 400; /* @kind font */
  --font-weight-400-3: 400; /* @kind font */
  --font-weight-400: 400; /* @kind font */
  --font-weight-500-2: 500; /* @kind font */
  --font-weight-500-3: 500; /* @kind font */
  --font-weight-500: 500; /* @kind font */
  --font-weight-600-2: 600; /* @kind font */
  --font-weight-600-3: 600; /* @kind font */
  --font-weight-600: 600; /* @kind font */
  --font-weight-700-2: 700; /* @kind font */
  --font-weight-700-3: 700; /* @kind font */
  --font-weight-700: 700; /* @kind font */
  --gap-12: 12; /* @kind spacing */
  --gap-16: 16; /* @kind spacing */
  --gap-20: 20; /* @kind spacing */
  --gap-24: 24; /* @kind spacing */
  --gap-28: 28; /* @kind spacing */
  --gap-2: 2; /* @kind spacing */
  --gap-32: 32; /* @kind spacing */
  --gap-40: 40; /* @kind spacing */
  --gap-4: 4; /* @kind spacing */
  --gap-6-2: -6; /* @kind spacing */
  --gap-6: 6; /* @kind spacing */
  --gap-8: 8; /* @kind spacing */
  --gap-padding-0: 0; /* @kind spacing */
  --general-attribute-background: rgba(255,255,255,0.05); /* @kind color */
  --general-badge-background: rgb(76,118,255); /* @kind color */
  --general-badge-text: rgb(255,255,255); /* @kind color */
  --general-bar-background: rgb(255,255,255); /* @kind color */
  --general-body-background: rgb(2,5,8); /* @kind color */
  --general-health-background: rgba(255,255,255,0.2); /* @kind color */
  --general-health-full: rgb(0,213,111); /* @kind color */
  --general-health-low: rgb(255,72,94); /* @kind color */
  --general-health-medium: rgb(220,255,2); /* @kind color */
  --general-hr: rgba(255,255,255,0.1); /* @kind color */
  --general-level-level-1-background: rgb(12,35,42); /* @kind color */
  --general-level-level-2-background: rgb(20,44,51); /* @kind color */
  --general-level-level-3-background: rgb(25,48,56); /* @kind color */
  --general-level-level-4-backrgound: rgb(39,60,68); /* @kind color */
  --general-level-level-5-1: rgba(48,49,90,0.6); /* @kind color */
  --general-level-level-5-2: rgba(48,49,90,0.6); /* @kind color */
  --general-level-level-5-3: rgb(48,49,90); /* @kind color */
  --general-page-icon-fill: rgba(73,204,249,0.2); /* @kind color */
  --general-page-icon-stroke: rgb(73,204,249); /* @kind color */
  --general-page-title: rgb(255,255,255); /* @kind color */
  --general-scrollbar-background: rgba(255,255,255,0); /* @kind color */
  --general-scrollbar-fill: rgba(255,255,255,0.1); /* @kind color */
  --general-scrollbar-stroke: rgba(255,255,255,0.05); /* @kind color */
  --general-see-more-hover: rgb(204,210,218); /* @kind color */
  --general-see-more-normal: rgba(204,210,218,0.7); /* @kind color */
  --general-shadow-color: rgba(0,0,0,0.5); /* @kind color */
  --general-shadow-event-shadow: rgba(0,0,0,0.02); /* @kind color */
  --general-tag-background-hover: rgba(255,255,255,0.1); /* @kind color */
  --general-tag-background: rgba(255,255,255,0.05); /* @kind color */
  --general-tag-icon: rgb(204,210,218); /* @kind color */
  --general-tag-text: rgb(204,210,218); /* @kind color */
  --graph-background: rgb(20,44,51); /* @kind color */
  --graph-comparison-graph-ascending-dot-stroke: rgba(255,255,255,0.1); /* @kind color */
  --graph-comparison-graph-ascending-dot: rgb(0,213,111); /* @kind color */
  --graph-comparison-graph-ascending-stroke: rgb(0,213,111); /* @kind color */
  --graph-comparison-graph-descending-dot-stroke: rgba(255,255,255,0.1); /* @kind color */
  --graph-comparison-graph-descending-dot: rgb(255,148,76); /* @kind color */
  --graph-comparison-graph-descending-stroke: rgb(255,148,76); /* @kind color */
  --graph-comparison-graph-grid: rgba(255,255,255,0.2); /* @kind color */
  --graph-comparison-graph-legend: rgba(204,210,218,0.7); /* @kind color */
  --graph-comparison-graph-neutral-dot-stroke: rgba(255,255,255,0.1); /* @kind color */
  --graph-comparison-graph-neutral-dot: rgb(204,210,218); /* @kind color */
  --graph-comparison-graph-neutral-stroke: rgb(204,210,218); /* @kind color */
  --graph-hoverbox-background: rgb(25,48,56); /* @kind color */
  --graph-hoverbox-comparison-value-ascending: rgb(0,213,111); /* @kind color */
  --graph-hoverbox-comparison-value-descending: rgb(255,148,76); /* @kind color */
  --graph-hoverbox-comparison-value-stable: rgb(204,210,218); /* @kind color */
  --graph-hoverbox-text: rgb(204,210,218); /* @kind color */
  --graph-hoverbox-title: rgb(204,210,218); /* @kind color */
  --graph-hoverbox-value: rgb(0,213,111); /* @kind color */
  --graph-shadow: rgba(0,0,0,0.2); /* @kind color */
  --graph-simple-graph-dot-stroke: rgba(255,255,255,0.1); /* @kind color */
  --graph-simple-graph-dot: rgb(73,204,249); /* @kind color */
  --graph-simple-graph-stroke: rgb(73,204,249); /* @kind color */
  --height-32: 32; /* @kind spacing */
  --height-40-2: 40; /* @kind spacing */
  --height-40: 40; /* @kind spacing */
  --height-h1: var(--height-scale-1); /* @kind font */
  --height-h2: var(--height-scale-2); /* @kind font */
  --height-h3: var(--height-scale-3); /* @kind font */
  --height-h4: var(--height-scale-4); /* @kind font */
  --height-h5: var(--height-scale-5); /* @kind font */
  --height-h6: var(--height-scale-6); /* @kind font */
  --height-paragraph-l: var(--height-scale-7); /* @kind font */
  --height-paragraph-m: var(--height-scale-8); /* @kind font */
  --height-paragraph-s: var(--height-scale-9); /* @kind font */
  --height-paragraph-xs: var(--height-scale-10); /* @kind font */
  --height-scale-10: 12.6; /* @kind font */
  --height-scale-1: 50.3; /* @kind font */
  --height-scale-2: 40.3; /* @kind font */
  --height-scale-3: 35.2; /* @kind font */
  --height-scale-4: 30.2; /* @kind font */
  --height-scale-5: 24.2; /* @kind font */
  --height-scale-6: 22.6; /* @kind font */
  --height-scale-7: 20.2; /* @kind font */
  --height-scale-8: 17.6; /* @kind font */
  --height-scale-9: 15.1; /* @kind font */
  --icons-accent-1: var(--secondary-neon-cyan-950); /* @kind color */
  --icons-accent-2: var(--secondary-yellow-400); /* @kind color */
  --icons-accent-3: var(--primary-cyan-950); /* @kind color */
  --icons-brand: var(--primary-brand-500); /* @kind color */
  --icons-disabled: var(--primary-smoke-700); /* @kind color */
  --icons-error: var(--secondary-radical-red-950); /* @kind color */
  --icons-info: var(--primary-blue-950); /* @kind color */
  --icons-inverse: var(--primary-slate-900); /* @kind color */
  --icons-primary: var(--primary-slate-100); /* @kind color */
  --icons-secondary: var(--primary-slate-400); /* @kind color */
  --icons-success: var(--secondary-green-950); /* @kind color */
  --icons-warning: var(--secondary-tangerine-950); /* @kind color */
  --ignore-me-secondary: rgb(73,204,249); /* @kind color */
  --illustration-accent-color: rgb(255,255,255); /* @kind color */
  --illustration-background: rgb(230,230,230); /* @kind color */
  --illustration-gradient-color-1: rgb(255,255,255); /* @kind color */
  --illustration-gradient-color-2: rgb(230,230,230); /* @kind color */
  --illustration-icon-color: rgb(255,255,255); /* @kind color */
  --illustration-shadow: rgba(0,0,0,0.1); /* @kind color */
  --illustration-stroke-color: rgba(255,255,255,0.2); /* @kind color */
  --in-progress: rgb(76,118,255); /* @kind color */
  --indicator-success-text: var(--secondary-emerald-950); /* @kind color */
  --input-background-border-background-hover: rgba(25,48,56,0.5); /* @kind color */
  --input-background-border-background: rgb(25,48,56); /* @kind color */
  --input-background-border-disabled-background: rgba(0,13,28,0.3); /* @kind color */
  --input-checkbox-background-active: rgb(76,118,255); /* @kind color */
  --input-checkbox-border: rgba(255,255,255,0.1); /* @kind color */
  --input-checkbox-checkmark: rgb(255,255,255); /* @kind color */
  --input-checkbox-text: rgb(255,255,255); /* @kind color */
  --input-date-time-background: rgb(25,48,56); /* @kind color */
  --input-date-time-icon: rgba(255,255,255,0.4); /* @kind color */
  --input-date-time-text: rgb(255,255,255); /* @kind color */
  --input-disabled-background: rgb(20,44,51); /* @kind color */
  --input-disabled-text: rgba(204,210,218,0.5); /* @kind color */
  --input-error-background: rgba(255,148,76,0.1); /* @kind color */
  --input-error-border: rgba(255,148,76,0.3); /* @kind color */
  --input-error-text: rgb(255,148,76); /* @kind color */
  --input-focus-background: rgb(39,60,68); /* @kind color */
  --input-focus-border: rgba(255,255,255,0.3); /* @kind color */
  --input-focus-typing-pointer: rgb(99,123,203); /* @kind color */
  --input-focus-value: rgb(204,210,218); /* @kind color */
  --input-hover-background: rgba(255,255,255,0.1); /* @kind color */
  --input-hover-border: rgba(255,255,255,0.1); /* @kind color */
  --input-label: rgb(204,210,218); /* @kind color */
  --input-placeholder: rgba(204,210,218,0.7); /* @kind color */
  --input-radio-background-active: rgb(76,118,255); /* @kind color */
  --input-radio-border: rgba(204,210,218,0.7); /* @kind color */
  --input-radio-innerdot: rgb(255,255,255); /* @kind color */
  --input-radio-text: rgb(255,255,255); /* @kind color */
  --input-required: rgb(76,118,255); /* @kind color */
  --input-select-background-itemhover: rgb(25,48,56); /* @kind color */
  --input-select-background-selected: rgb(39,60,68); /* @kind color */
  --input-select-background: rgb(20,44,51); /* @kind color */
  --input-select-text: rgb(204,210,218); /* @kind color */
  --input-shadow: rgba(0,13,28,0.05); /* @kind color */
  --input-textarea-background: rgb(25,48,56); /* @kind color */
  --input-textarea-text: rgb(255,255,255); /* @kind color */
  --input-textbox-background: rgb(25,48,56); /* @kind color */
  --input-textbox-border: rgba(255,255,255,0.05); /* @kind color */
  --input-textbox-text: rgb(255,255,255); /* @kind color */
  --input-toggle-background-active: rgb(76,118,255); /* @kind color */
  --input-toggle-background-inactive: rgba(255,255,255,0.1); /* @kind color */
  --input-toggle-indicator: rgb(255,255,255); /* @kind color */
  --input-toggle-text: rgb(255,255,255); /* @kind color */
  --item-spacing-0-01: -0.01; /* @kind spacing */
  --item-spacing-12: 12; /* @kind spacing */
  --item-spacing-16: 16; /* @kind spacing */
  --item-spacing-s: 24; /* @kind spacing */
  --labels-danger-background: rgba(255,72,94,0.1); /* @kind color */
  --labels-danger-color: rgb(255,72,94); /* @kind color */
  --labels-neutral-background: rgba(255,255,255,0.1); /* @kind color */
  --labels-neutral-color: rgb(204,210,218); /* @kind color */
  --labels-success-background: rgba(0,213,111,0.1); /* @kind color */
  --labels-success-text: rgb(0,213,111); /* @kind color */
  --labels-sync-background: rgba(73,204,249,0.1); /* @kind color */
  --labels-sync-color: rgb(73,204,249); /* @kind color */
  --labels-warning-background: rgba(255,148,76,0.1); /* @kind color */
  --labels-warning-color: rgb(255,148,76); /* @kind color */
  --large: 10; /* @kind spacing */
  --letter-spacing-0-1: 0.1; /* @kind font */
  --letter-spacing-0-25: 0.25; /* @kind font */
  --level-dark-iv-50: rgba(39,60,68,0.5); /* @kind color */
  --level-light-i-2: rgb(250,251,255); /* @kind color */
  --level-light-i: rgb(250,251,255); /* @kind color */
  --level-light-iv-50: rgba(219,228,255,0.5); /* @kind color */
  --line-height-11-52: 11.52; /* @kind font */
  --line-height-15-71: 15.71; /* @kind font */
  --line-height-18-2: 18; /* @kind font */
  --line-height-18-6: 18.6; /* @kind font */
  --line-height-18-86: 18.86; /* @kind font */
  --line-height-18: 18; /* @kind font */
  --line-height-19-2-2: 19.2; /* @kind font */
  --line-height-19-2: 19.2; /* @kind font */
  --line-height-20-2: 20; /* @kind font */
  --line-height-20: 20; /* @kind font */
  --line-height-21-7: 21.7; /* @kind font */
  --line-height-22-2: 22; /* @kind font */
  --line-height-22: 22; /* @kind font */
  --line-height-24-8: 24.8; /* @kind font */
  --line-height-24: 24; /* @kind font */
  --line-height-26: 26; /* @kind font */
  --line-height-42: 42; /* @kind font */
  --line-height-50-29: 50.29; /* @kind font */
  --marketing-quiz-base-container-background: rgba(25,48,56,0.5); /* @kind color */
  --marketing-quiz-base-container-input-field: rgba(39,60,68,0.5); /* @kind color */
  --marketing-quiz-base-container-input-item: rgb(39,60,68); /* @kind color */
  --marketing-quiz-base-input-field-background: rgba(25,48,56,0.5); /* @kind color */
  --marketing-quiz-base-item-background: rgba(25,48,56,0.5); /* @kind color */
  --marketing-quiz-base-item-input-field-background: rgba(39,60,68,0.5); /* @kind color */
  --marketing-quiz-base-item-input-field-tag: rgba(39,60,68,0.5); /* @kind color */
  --medium: 8; /* @kind spacing */
  --navigation-menu-menu-item-selected-text-icon: var(--primary-white-950); /* @kind color */
  --navigation-menu-menu-item-text-icon: var(--primary-smoke-950); /* @kind color */
  --opacity-100: 100; /* @kind other */
  --overlay-default: var(--primary-black-600); /* @kind color */
  --overlay-strong: var(--primary-black-800); /* @kind color */
  --overlay-subtle: var(--primary-black-300); /* @kind color */
  --padding-12: 12; /* @kind spacing */
  --padding-16: 16; /* @kind spacing */
  --padding-20: 20; /* @kind spacing */
  --padding-24: 24; /* @kind spacing */
  --padding-28: 28; /* @kind spacing */
  --padding-2: 2; /* @kind spacing */
  --padding-32: 32; /* @kind spacing */
  --padding-40: 40; /* @kind spacing */
  --padding-4: 4; /* @kind spacing */
  --padding-6: 6; /* @kind spacing */
  --padding-8: 8; /* @kind spacing */
  --page-header-backgrouund: rgb(12,35,42); /* @kind color */
  --page-header-bredcrumb-chevron: rgb(204,210,218); /* @kind color */
  --page-header-bredcrumb-current-item: rgba(204,210,218,0.7); /* @kind color */
  --page-header-bredcrumb-previous-item: rgb(204,210,218); /* @kind color */
  --page-name: "Page Name"; /* @kind other */
  --pagination-active-background: rgb(76,118,255); /* @kind color */
  --pagination-active-text: rgb(255,255,255); /* @kind color */
  --pagination-chevron: rgba(204,210,218,0.7); /* @kind color */
  --pagination-hover-background: rgb(20,44,51); /* @kind color */
  --pagination-hover-text: rgb(204,210,218); /* @kind color */
  --pagination-inactive-background: rgba(255,255,255,0); /* @kind color */
  --pagination-inactive-text: rgb(204,210,218); /* @kind color */
  --pagination-selector-arrow: rgb(204,210,218); /* @kind color */
  --pagination-selector-background: rgb(20,44,51); /* @kind color */
  --pagination-selector-text: rgb(204,210,218); /* @kind color */
  --pending-approval: rgb(255,148,76); /* @kind color */
  --planner-draft-alert-background: rgba(255,148,76,0.1); /* @kind color */
  --planner-draft-alert-text: rgb(255,148,76); /* @kind color */
  --planner-edit-cta-background: rgb(39,60,68); /* @kind color */
  --planner-edit-cta-icon: rgb(255,255,255); /* @kind color */
  --planner-edit-cta-text: rgb(255,255,255); /* @kind color */
  --planner-edit-planner-modal-background: rgb(12,35,42); /* @kind color */
  --planner-edit-planner-modal-icon: rgb(255,255,255); /* @kind color */
  --planner-edit-planner-modal-text: rgb(255,255,255); /* @kind color */
  --planner-quick-edit-background: rgba(39,60,68,0.5); /* @kind color */
  --planner-quick-edit-icon: rgb(255,255,255); /* @kind color */
  --planner-quick-edit-text: rgb(255,255,255); /* @kind color */
  --planner-sam: rgb(63,100,205); /* @kind color */
  --planner-som: rgb(53,86,166); /* @kind color */
  --planner-tam: rgb(76,118,255); /* @kind color */
  --planning: rgb(255,76,210); /* @kind color */
  --popup-confirm-field-background: rgb(25,48,56); /* @kind color */
  --popup-confirm-field-placeholder: rgba(204,210,218,0.7); /* @kind color */
  --popup-confirm-field-text: rgb(255,255,255); /* @kind color */
  --popup-danger-background: rgba(255,72,94,0.2); /* @kind color */
  --popup-danger-content: rgb(255,72,94); /* @kind color */
  --popup-danger-icon-fill: rgba(204,210,218,0.3); /* @kind color */
  --popup-danger-icon-stroke: rgb(255,255,255); /* @kind color */
  --popup-info-background: rgba(76,118,255,0.2); /* @kind color */
  --popup-info-content: rgb(76,118,255); /* @kind color */
  --popup-info-icon-fill: rgba(204,210,218,0.3); /* @kind color */
  --popup-info-icon-stroke: rgb(255,255,255); /* @kind color */
  --popup-success-background: rgba(0,213,111,0.2); /* @kind color */
  --popup-success-icon-fill: rgba(204,210,218,0.3); /* @kind color */
  --popup-success-icon-stroke: rgb(255,255,255); /* @kind color */
  --popup-success-icon: rgb(0,213,111); /* @kind color */
  --popup-success-text: rgb(0,213,111); /* @kind color */
  --popup-warning-background: rgba(255,148,76,0.2); /* @kind color */
  --popup-warning-content: rgb(255,148,76); /* @kind color */
  --popup-warning-icon-fill: rgba(204,210,218,0.3); /* @kind color */
  --popup-warning-icon-stroke: rgb(255,255,255); /* @kind color */
  --primary-200-2: rgb(112,145,255); /* @kind color */
  --primary-200: rgb(112,145,255); /* @kind color */
  --primary-black-100: rgba(0,0,0,0.02); /* @kind color */
  --primary-black-200: rgba(0,0,0,0.05); /* @kind color */
  --primary-black-300: rgba(0,0,0,0.1); /* @kind color */
  --primary-black-400: rgba(0,0,0,0.15); /* @kind color */
  --primary-black-500: rgba(0,0,0,0.2); /* @kind color */
  --primary-black-600: rgba(0,0,0,0.25); /* @kind color */
  --primary-black-700: rgba(0,0,0,0.35); /* @kind color */
  --primary-black-800: rgba(0,0,0,0.5); /* @kind color */
  --primary-black-900: rgba(0,0,0,0.8); /* @kind color */
  --primary-black-950: rgb(0,0,0); /* @kind color */
  --primary-blue-100: rgba(76,118,255,0.02); /* @kind color */
  --primary-blue-200: rgba(76,118,255,0.05); /* @kind color */
  --primary-blue-300: rgba(76,118,255,0.1); /* @kind color */
  --primary-blue-400: rgba(76,118,255,0.2); /* @kind color */
  --primary-blue-500: rgba(76,118,255,0.3); /* @kind color */
  --primary-blue-600: rgba(76,118,255,0.4); /* @kind color */
  --primary-blue-700: rgba(76,118,255,0.5); /* @kind color */
  --primary-blue-800: rgba(76,118,255,0.7); /* @kind color */
  --primary-blue-900: rgba(76,118,255,0.8); /* @kind color */
  --primary-blue-950: rgb(76,118,255); /* @kind color */
  --primary-brand-100: rgb(224,231,255); /* @kind color */
  --primary-brand-200: rgb(199,210,254); /* @kind color */
  --primary-brand-300: rgb(165,180,252); /* @kind color */
  --primary-brand-400: rgb(129,140,248); /* @kind color */
  --primary-brand-500: rgb(76,118,255); /* @kind color */
  --primary-brand-600: rgb(58,94,219); /* @kind color */
  --primary-brand-700: rgb(44,72,184); /* @kind color */
  --primary-brand-800: rgb(31,52,148); /* @kind color */
  --primary-brand-900: rgb(21,36,114); /* @kind color */
  --primary-brand-950: rgb(8,18,43); /* @kind color */
  --primary-cyan-100: rgba(73,204,249,0.02); /* @kind color */
  --primary-cyan-200: rgba(73,204,249,0.05); /* @kind color */
  --primary-cyan-300: rgba(73,204,249,0.1); /* @kind color */
  --primary-cyan-400: rgba(73,204,249,0.2); /* @kind color */
  --primary-cyan-500: rgba(73,204,249,0.4); /* @kind color */
  --primary-cyan-600: rgba(73,204,249,0.5); /* @kind color */
  --primary-cyan-700: rgba(73,204,249,0.6); /* @kind color */
  --primary-cyan-800: rgba(73,204,249,0.7); /* @kind color */
  --primary-cyan-900: rgba(73,204,249,0.8); /* @kind color */
  --primary-cyan-950: rgb(73,204,249); /* @kind color */
  --primary-slate-100: rgb(250,251,255); /* @kind color */
  --primary-slate-200: rgb(241,245,249); /* @kind color */
  --primary-slate-300: rgb(226,232,240); /* @kind color */
  --primary-slate-400: rgb(203,213,225); /* @kind color */
  --primary-slate-500: rgb(148,163,184); /* @kind color */
  --primary-slate-600: rgb(100,116,139); /* @kind color */
  --primary-slate-700: rgb(71,85,105); /* @kind color */
  --primary-slate-800: rgb(51,65,85); /* @kind color */
  --primary-slate-900: rgb(30,41,59); /* @kind color */
  --primary-slate-950: rgb(15,23,42); /* @kind color */
  --primary-smoke-100: rgba(204,210,218,0.05); /* @kind color */
  --primary-smoke-200: rgba(204,210,218,0.1); /* @kind color */
  --primary-smoke-300: rgba(204,210,218,0.2); /* @kind color */
  --primary-smoke-400: rgba(204,210,218,0.3); /* @kind color */
  --primary-smoke-500: rgba(204,210,218,0.4); /* @kind color */
  --primary-smoke-600: rgba(204,210,218,0.5); /* @kind color */
  --primary-smoke-700: rgba(204,210,218,0.6); /* @kind color */
  --primary-smoke-800: rgba(204,210,218,0.7); /* @kind color */
  --primary-smoke-900: rgba(204,210,218,0.8); /* @kind color */
  --primary-smoke-950: rgb(204,210,218); /* @kind color */
  --primary-teal-100: rgb(221,229,232); /* @kind color */
  --primary-teal-200: rgb(163,182,189); /* @kind color */
  --primary-teal-300: rgb(115,142,153); /* @kind color */
  --primary-teal-400: rgb(75,100,110); /* @kind color */
  --primary-teal-500: rgb(39,60,68); /* @kind color */
  --primary-teal-600: rgb(25,48,56); /* @kind color */
  --primary-teal-700: rgb(20,44,51); /* @kind color */
  --primary-teal-800: rgb(12,35,42); /* @kind color */
  --primary-teal-900: rgb(7,21,26); /* @kind color */
  --primary-teal-950: rgb(3,8,10); /* @kind color */
  --primary-teal-a65: rgba(12,35,42,0.65); /* @kind color */
  --primary-white-100: rgba(255,255,255,0.05); /* @kind color */
  --primary-white-200: rgba(255,255,255,0.1); /* @kind color */
  --primary-white-300: rgba(255,255,255,0.2); /* @kind color */
  --primary-white-400: rgba(255,255,255,0.3); /* @kind color */
  --primary-white-500: rgba(255,255,255,0.4); /* @kind color */
  --primary-white-600: rgba(255,255,255,0.5); /* @kind color */
  --primary-white-700: rgba(255,255,255,0.6); /* @kind color */
  --primary-white-800: rgba(255,255,255,0.7); /* @kind color */
  --primary-white-900: rgba(255,255,255,0.8); /* @kind color */
  --primary-white-950: rgb(255,255,255); /* @kind color */
  --search-background: rgb(20,44,51); /* @kind color */
  --search-icon-background: rgb(25,48,56); /* @kind color */
  --search-icon-stroke: rgb(255,255,255); /* @kind color */
  --search-text: rgba(204,210,218,0.7); /* @kind color */
  --secondary-emerald-100: rgba(0,213,111,0.05); /* @kind color */
  --secondary-emerald-200: rgba(0,213,111,0.1); /* @kind color */
  --secondary-emerald-300: rgba(90,206,144,0.2); /* @kind color */
  --secondary-emerald-400: rgba(0,213,111,0.3); /* @kind color */
  --secondary-emerald-500: rgba(0,213,111,0.4); /* @kind color */
  --secondary-emerald-600: rgba(0,213,111,0.5); /* @kind color */
  --secondary-emerald-700: rgba(0,213,111,0.6); /* @kind color */
  --secondary-emerald-800: rgba(0,213,111,0.7); /* @kind color */
  --secondary-emerald-900: rgba(0,213,111,0.8); /* @kind color */
  --secondary-emerald-950: rgb(0,213,111); /* @kind color */
  --secondary-fuscia-100: rgba(255,76,210,0.05); /* @kind color */
  --secondary-fuscia-200: rgba(255,76,210,0.1); /* @kind color */
  --secondary-fuscia-300: rgba(255,76,210,0.2); /* @kind color */
  --secondary-fuscia-400: rgba(255,76,210,0.3); /* @kind color */
  --secondary-fuscia-500: rgba(255,76,210,0.4); /* @kind color */
  --secondary-fuscia-600: rgba(255,76,210,0.5); /* @kind color */
  --secondary-fuscia-700: rgba(255,76,210,0.6); /* @kind color */
  --secondary-fuscia-800: rgba(255,76,210,0.7); /* @kind color */
  --secondary-fuscia-900: rgba(255,76,210,0.8); /* @kind color */
  --secondary-fuscia-950: rgb(255,76,210); /* @kind color */
  --secondary-green-100: rgba(0,177,44,0.05); /* @kind color */
  --secondary-green-200: rgba(0,177,44,0.1); /* @kind color */
  --secondary-green-300: rgba(0,177,44,0.2); /* @kind color */
  --secondary-green-400: rgba(0,177,44,0.3); /* @kind color */
  --secondary-green-500: rgba(0,177,44,0.4); /* @kind color */
  --secondary-green-600: rgba(0,177,44,0.5); /* @kind color */
  --secondary-green-700: rgba(0,177,44,0.6); /* @kind color */
  --secondary-green-800: rgba(0,177,44,0.7); /* @kind color */
  --secondary-green-900: rgba(0,177,44,0.8); /* @kind color */
  --secondary-green-950: rgb(0,177,44); /* @kind color */
  --secondary-lilac-100: rgba(201,136,242,0.05); /* @kind color */
  --secondary-lilac-200: rgba(201,136,242,0.1); /* @kind color */
  --secondary-lilac-300: rgba(201,136,242,0.2); /* @kind color */
  --secondary-lilac-400: rgba(201,136,242,0.3); /* @kind color */
  --secondary-lilac-500: rgba(201,136,242,0.4); /* @kind color */
  --secondary-lilac-600: rgba(201,136,242,0.5); /* @kind color */
  --secondary-lilac-700: rgba(201,136,242,0.6); /* @kind color */
  --secondary-lilac-800: rgba(201,136,242,0.7); /* @kind color */
  --secondary-lilac-900: rgba(201,136,242,0.8); /* @kind color */
  --secondary-lilac-950: rgb(201,136,242); /* @kind color */
  --secondary-lime-100: rgba(220,255,2,0.05); /* @kind color */
  --secondary-lime-200: rgba(220,255,2,0.1); /* @kind color */
  --secondary-lime-300: rgba(220,255,2,0.2); /* @kind color */
  --secondary-lime-400: rgba(220,255,2,0.3); /* @kind color */
  --secondary-lime-500: rgba(220,255,2,0.4); /* @kind color */
  --secondary-lime-600: rgba(220,255,2,0.5); /* @kind color */
  --secondary-lime-700: rgba(220,255,2,0.6); /* @kind color */
  --secondary-lime-800: rgba(220,255,2,0.7); /* @kind color */
  --secondary-lime-900: rgba(220,255,2,0.8); /* @kind color */
  --secondary-lime-950: rgb(220,255,2); /* @kind color */
  --secondary-midnight-100: rgba(48,49,90,0.02); /* @kind color */
  --secondary-midnight-200: rgba(48,49,90,0.05); /* @kind color */
  --secondary-midnight-300: rgba(48,49,90,0.1); /* @kind color */
  --secondary-midnight-400: rgba(48,49,90,0.2); /* @kind color */
  --secondary-midnight-500: rgba(48,49,90,0.3); /* @kind color */
  --secondary-midnight-600: rgba(48,49,90,0.4); /* @kind color */
  --secondary-midnight-700: rgba(48,49,90,0.5); /* @kind color */
  --secondary-midnight-800: rgba(48,49,90,0.6); /* @kind color */
  --secondary-midnight-900: rgba(48,49,90,0.8); /* @kind color */
  --secondary-midnight-950: rgb(48,49,90); /* @kind color */
  --secondary-navy-100: rgb(233,237,250); /* @kind color */
  --secondary-navy-200: rgb(188,203,235); /* @kind color */
  --secondary-navy-300: rgb(142,167,220); /* @kind color */
  --secondary-navy-400: rgb(99,123,203); /* @kind color */
  --secondary-navy-500: rgb(85,110,188); /* @kind color */
  --secondary-navy-600: rgb(71,93,175); /* @kind color */
  --secondary-navy-700: rgb(50,79,172); /* @kind color */
  --secondary-navy-800: rgb(37,57,126); /* @kind color */
  --secondary-navy-900: rgb(25,41,98); /* @kind color */
  --secondary-navy-950: rgb(13,26,71); /* @kind color */
  --secondary-neon-cyan-100: rgba(0,255,252,0.05); /* @kind color */
  --secondary-neon-cyan-200: rgba(0,255,252,0.1); /* @kind color */
  --secondary-neon-cyan-300: rgba(0,255,252,0.2); /* @kind color */
  --secondary-neon-cyan-400: rgba(0,255,252,0.3); /* @kind color */
  --secondary-neon-cyan-500: rgba(0,255,252,0.4); /* @kind color */
  --secondary-neon-cyan-600: rgba(0,255,252,0.5); /* @kind color */
  --secondary-neon-cyan-700: rgba(0,255,252,0.6); /* @kind color */
  --secondary-neon-cyan-800: rgba(0,255,252,0.7); /* @kind color */
  --secondary-neon-cyan-900: rgba(0,255,252,0.8); /* @kind color */
  --secondary-neon-cyan-950: rgb(0,255,252); /* @kind color */
  --secondary-radical-red-100: rgba(255,72,94,0.05); /* @kind color */
  --secondary-radical-red-200: rgba(255,72,94,0.1); /* @kind color */
  --secondary-radical-red-300: rgba(255,72,94,0.2); /* @kind color */
  --secondary-radical-red-400: rgba(255,72,94,0.3); /* @kind color */
  --secondary-radical-red-500: rgba(255,72,94,0.4); /* @kind color */
  --secondary-radical-red-600: rgba(255,72,94,0.5); /* @kind color */
  --secondary-radical-red-700: rgba(255,72,94,0.6); /* @kind color */
  --secondary-radical-red-800: rgba(255,72,94,0.7); /* @kind color */
  --secondary-radical-red-900: rgba(255,72,94,0.8); /* @kind color */
  --secondary-radical-red-950: rgb(255,72,94); /* @kind color */
  --secondary-salmon-100: rgba(255,122,122,0.05); /* @kind color */
  --secondary-salmon-200: rgba(255,122,122,0.1); /* @kind color */
  --secondary-salmon-300: rgba(255,122,122,0.2); /* @kind color */
  --secondary-salmon-400: rgba(255,122,122,0.3); /* @kind color */
  --secondary-salmon-500: rgba(255,122,122,0.4); /* @kind color */
  --secondary-salmon-600: rgba(255,122,122,0.5); /* @kind color */
  --secondary-salmon-700: rgba(255,122,122,0.6); /* @kind color */
  --secondary-salmon-800: rgba(255,122,122,0.7); /* @kind color */
  --secondary-salmon-900: rgba(255,122,122,0.8); /* @kind color */
  --secondary-salmon-950: rgb(255,122,122); /* @kind color */
  --secondary-tangerine-100: rgba(255,148,76,0.05); /* @kind color */
  --secondary-tangerine-200: rgba(255,148,76,0.1); /* @kind color */
  --secondary-tangerine-300: rgba(255,148,76,0.2); /* @kind color */
  --secondary-tangerine-400: rgba(255,148,76,0.3); /* @kind color */
  --secondary-tangerine-500: rgba(255,148,76,0.4); /* @kind color */
  --secondary-tangerine-600: rgba(255,148,76,0.5); /* @kind color */
  --secondary-tangerine-700: rgba(255,148,76,0.6); /* @kind color */
  --secondary-tangerine-800: rgba(255,148,76,0.7); /* @kind color */
  --secondary-tangerine-900: rgba(255,148,76,0.8); /* @kind color */
  --secondary-tangerine-950: rgb(255,148,76); /* @kind color */
  --secondary-violet-100: rgba(151,76,255,0.05); /* @kind color */
  --secondary-violet-200: rgba(151,76,255,0.1); /* @kind color */
  --secondary-violet-300: rgba(151,76,255,0.2); /* @kind color */
  --secondary-violet-400: rgba(151,76,255,0.3); /* @kind color */
  --secondary-violet-500: rgba(151,76,255,0.4); /* @kind color */
  --secondary-violet-600: rgba(151,76,255,0.5); /* @kind color */
  --secondary-violet-700: rgba(151,76,255,0.6); /* @kind color */
  --secondary-violet-800: rgba(151,76,255,0.7); /* @kind color */
  --secondary-violet-900: rgba(151,76,255,0.8); /* @kind color */
  --secondary-violet-950: rgb(151,76,255); /* @kind color */
  --secondary-yellow-100: rgb(254,249,195); /* @kind color */
  --secondary-yellow-200: rgb(254,240,138); /* @kind color */
  --secondary-yellow-300: rgb(253,224,71); /* @kind color */
  --secondary-yellow-400: rgb(250,204,21); /* @kind color */
  --secondary-yellow-500: rgb(234,179,8); /* @kind color */
  --secondary-yellow-600: rgb(202,138,4); /* @kind color */
  --secondary-yellow-700: rgb(161,98,7); /* @kind color */
  --secondary-yellow-800: rgb(133,77,14); /* @kind color */
  --secondary-yellow-900: rgb(113,63,18); /* @kind color */
  --secondary-yellow-950: rgb(66,32,6); /* @kind color */
  --shadow-low: rgba(0,0,0,0.15); /* @kind color */
  --shadow-medium: rgba(0,0,0,0.25); /* @kind color */
  --shadow-selected-lv1: rgba(76,118,255,0.4); /* @kind color */
  --shadow-selected-lv2: rgba(73,204,249,0.2); /* @kind color */
  --shadow-strong: rgba(0,0,0,0.35); /* @kind color */
  --side-tree-navigation-background: rgb(12,35,42); /* @kind color */
  --side-tree-navigation-drop-down-background-active: rgb(20,44,51); /* @kind color */
  --side-tree-navigation-drop-down-background-hover: rgba(25,48,56,0.5); /* @kind color */
  --side-tree-navigation-drop-down-background-selected: rgb(25,48,56); /* @kind color */
  --side-tree-navigation-menu-item-background-active: rgb(20,44,51); /* @kind color */
  --side-tree-navigation-menu-item-background-hover: rgba(25,48,56,0.5); /* @kind color */
  --side-tree-navigation-menu-item-background-inactive: rgba(255,255,255,0); /* @kind color */
  --side-tree-navigation-menu-item-line: rgb(112,145,255); /* @kind color */
  --side-tree-navigation-separator: rgba(255,255,255,0.2); /* @kind color */
  --size-h1: var(--size-scale-1); /* @kind font */
  --size-h2: var(--size-scale-2); /* @kind font */
  --size-h3: var(--size-scale-3); /* @kind font */
  --size-h4: var(--size-scale-4); /* @kind font */
  --size-h5: var(--size-scale-5); /* @kind font */
  --size-h6: var(--size-scale-6); /* @kind font */
  --size-paragraph-l: var(--size-scale-7); /* @kind font */
  --size-paragraph-m: var(--size-scale-8); /* @kind font */
  --size-paragraph-s: var(--size-scale-9); /* @kind font */
  --size-paragraph-xs: var(--size-scale-10); /* @kind font */
  --size-scale-10: 10; /* @kind font */
  --size-scale-1: 40; /* @kind font */
  --size-scale-2: 32; /* @kind font */
  --size-scale-3: 28; /* @kind font */
  --size-scale-4: 24; /* @kind font */
  --size-scale-5: 20; /* @kind font */
  --size-scale-6: 18; /* @kind font */
  --size-scale-7: 16; /* @kind font */
  --size-scale-8: 14; /* @kind font */
  --size-scale-9: 12; /* @kind font */
  --slate-100-2: rgb(0,13,28); /* @kind color */
  --slate-100-3: rgb(0,13,28); /* @kind color */
  --slate-100: rgb(0,13,28); /* @kind color */
  --slate-10: rgba(0,13,28,0.1); /* @kind color */
  --slate-30-2: rgba(0,13,28,0.3); /* @kind color */
  --slate-30: rgba(0,13,28,0.3); /* @kind color */
  --slate-40: rgba(0,13,28,0.4); /* @kind color */
  --slate-5-2: rgba(0,13,28,0.05); /* @kind color */
  --slate-5: rgba(0,13,28,0.05); /* @kind color */
  --slate-70-2: rgba(0,13,28,0.7); /* @kind color */
  --slate-70-3: rgba(0,13,28,0.7); /* @kind color */
  --slate-70: rgba(0,13,28,0.7); /* @kind color */
  --small: 6; /* @kind spacing */
  --socials-autopilot: rgb(30,180,151); /* @kind color */
  --socials-googleads: rgb(17,120,43); /* @kind color */
  --socials-googleanalytics: rgb(227,116,0); /* @kind color */
  --socials-hubspot: rgb(255,122,89); /* @kind color */
  --socials-linkedin: rgb(17,83,174); /* @kind color */
  --socials-mailchimp: rgb(251,202,29); /* @kind color */
  --socials-meta: rgb(68,164,255); /* @kind color */
  --socials-snapchat: rgb(255,252,0); /* @kind color */
  --socials-tiktok: rgb(0,242,234); /* @kind color */
  --socials-x: rgb(139,139,139); /* @kind color */
  --socials-youtube: rgb(255,0,0); /* @kind color */
  --status-danger: rgb(255,72,94); /* @kind color */
  --status-disabled: rgb(204,210,218); /* @kind color */
  --status-error: rgb(255,148,76); /* @kind color */
  --status-info: rgb(76,118,255); /* @kind color */
  --status-success: rgb(0,213,111); /* @kind color */
  --stroke-brand: var(--primary-brand-500); /* @kind color */
  --stroke-default: var(--primary-white-200); /* @kind color */
  --stroke-disabled: var(--primary-smoke-200); /* @kind color */
  --stroke-error: var(--secondary-radical-red-950); /* @kind color */
  --stroke-focus: var(--primary-cyan-950); /* @kind color */
  --stroke-info: var(--primary-blue-950); /* @kind color */
  --stroke-inverse: var(--primary-slate-600); /* @kind color */
  --stroke-strong: var(--primary-white-500); /* @kind color */
  --stroke-subtle: var(--primary-cyan-400); /* @kind color */
  --stroke-success: var(--secondary-green-950); /* @kind color */
  --stroke-warning: var(--secondary-tangerine-950); /* @kind color */
  --stroke-weight-0-63: 0.625; /* @kind other */
  --stroke-weight-1: 1; /* @kind other */
  --surface-black: var(--primary-black-950); /* @kind color */
  --surface-brand: var(--primary-brand-500); /* @kind color */
  --surface-elevated: var(--primary-teal-500); /* @kind color */
  --surface-error-default: var(--secondary-radical-red-950); /* @kind color */
  --surface-info-default: var(--primary-blue-950); /* @kind color */
  --surface-inverse: var(--primary-slate-100); /* @kind color */
  --surface-primary-alpha65: var(--primary-teal-a65); /* @kind color */
  --surface-primary: var(--primary-teal-800); /* @kind color */
  --surface-secondary: var(--primary-teal-700); /* @kind color */
  --surface-subtle: var(--primary-teal-400); /* @kind color */
  --surface-success-default: var(--secondary-green-950); /* @kind color */
  --surface-tertiary: var(--primary-teal-600); /* @kind color */
  --surface-warning-default: var(--secondary-tangerine-950); /* @kind color */
  --table-action-hover-background: rgba(255,255,255,0.3); /* @kind color */
  --table-action-hover-color: rgb(204,210,218); /* @kind color */
  --table-action-static-background: rgba(255,255,255,0); /* @kind color */
  --table-action-static-border: rgba(255,255,255,0.1); /* @kind color */
  --table-action-static-color: rgb(204,210,218); /* @kind color */
  --table-analysis-button-background: rgba(0,213,111,0.1); /* @kind color */
  --table-analysis-button-color: rgb(0,213,111); /* @kind color */
  --table-column-arrows-active: rgb(255,255,255); /* @kind color */
  --table-column-arrows-inactive: rgba(255,255,255,0.2); /* @kind color */
  --table-column-title: rgb(204,210,218); /* @kind color */
  --table-filter-background: rgba(255,255,255,0.1); /* @kind color */
  --table-filter-text-active: rgb(204,210,218); /* @kind color */
  --table-filter-text-inactive: rgba(204,210,218,0.5); /* @kind color */
  --table-navigation-active: rgb(204,210,218); /* @kind color */
  --table-navigation-hover: rgba(204,210,218,0.7); /* @kind color */
  --table-navigation-inactive: rgba(204,210,218,0.3); /* @kind color */
  --table-normal-button-background: rgba(255,255,255,0.1); /* @kind color */
  --table-normal-button-color: rgb(204,210,218); /* @kind color */
  --table-row-even-background: rgb(20,44,51); /* @kind color */
  --table-row-odd-background: rgb(25,48,56); /* @kind color */
  --table-row-stroke-hover: rgb(44,65,72); /* @kind color */
  --table-row-total-background: rgb(23,48,61); /* @kind color */
  --table-row-total-color: rgb(255,255,255); /* @kind color */
  --table-row-total-stroke: rgb(76,118,255); /* @kind color */
  --tasks-priority-badges-error-background: var(--secondary-tangerine-100); /* @kind color */
  --tasks-priority-badges-error-content: var(--secondary-tangerine-950); /* @kind color */
  --tasks-priority-badges-high-content: var(--secondary-emerald-950); /* @kind color */
  --tasks-priority-badges-normal-background: var(--primary-cyan-200); /* @kind color */
  --tasks-priority-badges-normal-content: var(--primary-cyan-950); /* @kind color */
  --template-for-design-system-content-bg: rgb(23,48,61); /* @kind color */
  --template-for-design-system-text: rgb(250,251,255); /* @kind color */
  --template-for-design-system-title-bg: rgb(2,5,8); /* @kind color */
  --template-for-design-system-title: rgba(204,210,218,0.7); /* @kind color */
  --text-accent-1: var(--secondary-neon-cyan-950); /* @kind color */
  --text-brand: var(--primary-brand-500); /* @kind color */
  --text-disabled: var(--primary-smoke-700); /* @kind color */
  --text-error: var(--secondary-radical-red-950); /* @kind color */
  --text-info: var(--primary-blue-950); /* @kind color */
  --text-inverse: var(--primary-slate-900); /* @kind color */
  --text-primary: var(--primary-slate-100); /* @kind color */
  --text-secondary: var(--primary-slate-400); /* @kind color */
  --text-success: var(--secondary-green-950); /* @kind color */
  --text-tertiary: var(--primary-slate-500); /* @kind color */
  --text-warning: var(--secondary-tangerine-950); /* @kind color */
  --title-bg: rgb(0,213,111); /* @kind color */
  --tooltip-icon-background: rgba(204,210,218,0.3); /* @kind color */
  --tooltip-icon-color: rgb(255,255,255); /* @kind color */
  --tooltip-information-box-background: rgb(25,48,56); /* @kind color */
  --tooltip-information-box-clickable-text-color: rgb(73,204,249); /* @kind color */
  --tooltip-information-box-shadow-color: rgba(0,0,0,0.2); /* @kind color */
  --tooltip-information-box-text-color: rgb(255,255,255); /* @kind color */
  --top-navigation-background: rgb(12,35,42); /* @kind color */
  --top-navigation-drop-down-list-background: rgba(25,48,56,0.5); /* @kind color */
  --top-navigation-organization-dropdown-backgroud-active: rgb(20,44,51); /* @kind color */
  --top-navigation-organization-dropdown-backgroud-hover: rgba(25,48,56,0.5); /* @kind color */
  --top-navigation-organization-dropdown-logo-background: rgb(255,255,255); /* @kind color */
  --transparent-2: rgba(255,255,255,0); /* @kind color */
  --transparent-3: rgba(255,255,255,0); /* @kind color */
  --transparent: rgba(12,35,42,0); /* @kind color */
  --typography-icons-href-hyperlink: rgb(76,118,255); /* @kind color */
  --typography-icons-normal-full-opacity: rgb(204,210,218); /* @kind color */
  --typography-icons-normal-link: rgb(76,118,255); /* @kind color */
  --typography-icons-normal-low-opacity: rgba(204,210,218,0.3); /* @kind color */
  --typography-icons-normal-main: rgb(250,251,255); /* @kind color */
  --typography-icons-normal-medium-opacity: rgba(204,210,218,0.7); /* @kind color */
  --typography-icons-on-dark-background-full-opacity: rgb(204,210,218); /* @kind color */
  --typography-icons-on-dark-background-low-opacity: rgba(204,210,218,0.3); /* @kind color */
  --typography-icons-on-dark-background-main: rgb(250,251,255); /* @kind color */
  --typography-icons-on-dark-background-medium-opacity: rgba(204,210,218,0.7); /* @kind color */
  --typography-icons-states-danger-lv2: var(--secondary-radical-red-400); /* @kind color */
  --typography-icons-strong: rgb(204,210,218); /* @kind color */
  --uncategorized-active-text-color: rgb(204,210,218); /* @kind color */
  --uncategorized-filter-bg: rgb(25,48,56); /* @kind color */
  --uncategorized-filter: rgb(20,44,51); /* @kind color */
  --uncategorized-page-bg: rgb(12,35,42); /* @kind color */
  --uncategorized-succes-color: rgb(0,213,111); /* @kind color */
  --uncategorized-success-bg: rgba(0,213,111,0.1); /* @kind color */
  --visual-section-background: rgb(25,48,56); /* @kind color */
  --visual-section-body: rgb(204,210,218); /* @kind color */
  --visual-section-icon-background: rgba(255,255,255,0.1); /* @kind color */
  --visual-section-icon-color: rgb(255,255,255); /* @kind color */
  --visual-section-illustration-background: rgb(25,48,56); /* @kind color */
  --visual-section-title: rgb(255,255,255); /* @kind color */
  --width-101-15: 101.15; /* @kind spacing */
  --width-116-56: 116.56; /* @kind spacing */
  --width-138-83: 138.83; /* @kind spacing */
  --width-148-73: 148.73; /* @kind spacing */
  --width-14: 14; /* @kind spacing */
  --width-1540: 1540; /* @kind spacing */
  --width-172-8: 172.8; /* @kind spacing */
  --width-173-41: 173.41; /* @kind spacing */
  --width-176-8: 176.8; /* @kind spacing */
  --width-31-99: 31.99; /* @kind spacing */
  --width-48: 48; /* @kind spacing */
  --width-776-02: 776.02; /* @kind spacing */
  --width-780-02: 780.02; /* @kind spacing */
  --width-852-01: 852.01; /* @kind spacing */
  --width-856-01: 856.01; /* @kind spacing */
  --width-94-98: 94.98; /* @kind spacing */
  --width-99-67: 99.67; /* @kind spacing */
  --xlarge: 16; /* @kind spacing */
}

:root[data-theme="light"], .light {
  --alert-info-background: rgb(217,227,255); /* @kind color */
  --alert-info-icon-background: rgb(76,118,255); /* @kind color */
  --alert-info-icon: rgb(255,255,255); /* @kind color */
  --alert-info-text: rgb(0,13,28); /* @kind color */
  --banner-arrows-active-background: rgba(76,118,255,0.1); /* @kind color */
  --banner-arrows-active-icon: rgb(76,118,255); /* @kind color */
  --banner-arrows-disabled-background: rgba(76,118,255,0.1); /* @kind color */
  --banner-arrows-disabled-icon: rgb(76,118,255); /* @kind color */
  --banner-danger-background: rgba(255,72,94,0.1); /* @kind color */
  --banner-danger-cta: rgb(255,72,94); /* @kind color */
  --banner-danger-icon-fill: rgb(255,72,94); /* @kind color */
  --banner-danger-icon-stroke: rgb(255,255,255); /* @kind color */
  --banner-danger-text: rgb(0,13,28); /* @kind color */
  --banner-error-background: rgba(255,148,76,0.1); /* @kind color */
  --banner-error-cta: rgb(255,148,76); /* @kind color */
  --banner-error-icon-fill: rgb(255,148,76); /* @kind color */
  --banner-error-icon-stroke: rgb(255,255,255); /* @kind color */
  --banner-error-text: rgb(0,13,28); /* @kind color */
  --banner-info-background: rgba(76,118,255,0.1); /* @kind color */
  --banner-info-cta: rgb(76,118,255); /* @kind color */
  --banner-info-icon-fill: rgb(76,118,255); /* @kind color */
  --banner-info-icon-stroke: rgb(255,255,255); /* @kind color */
  --banner-info-text: rgb(0,13,28); /* @kind color */
  --banner-normal-background: rgba(204,210,218,0.1); /* @kind color */
  --banner-normal-cta: rgb(76,118,255); /* @kind color */
  --banner-normal-icon-fill: rgb(76,118,255); /* @kind color */
  --banner-normal-icon-stroke: rgb(255,255,255); /* @kind color */
  --banner-normal-text: rgb(0,13,28); /* @kind color */
  --banner-success-background: rgba(0,213,111,0.1); /* @kind color */
  --banner-success-cta: rgb(0,177,44); /* @kind color */
  --banner-success-icon-fill: rgb(0,177,44); /* @kind color */
  --banner-success-icon-stroke: rgb(255,255,255); /* @kind color */
  --banner-success-text: rgb(0,13,28); /* @kind color */
  --banner-sync-background: rgba(73,204,249,0.1); /* @kind color */
  --banner-sync-cta: rgb(73,204,249); /* @kind color */
  --banner-sync-icon-fill: rgb(73,204,249); /* @kind color */
  --banner-sync-icon-stroke: rgb(255,255,255); /* @kind color */
  --banner-sync-text: rgb(0,13,28); /* @kind color */
  --border-full: rgb(0,13,28); /* @kind color */
  --border-low: rgba(0,13,28,0.1); /* @kind color */
  --border-medium: rgba(0,13,28,0.5); /* @kind color */
  --button-accent-background-disabled: rgba(0,13,28,0.05); /* @kind color */
  --button-accent-background-hover: rgb(112,145,255); /* @kind color */
  --button-accent-background: rgb(76,118,255); /* @kind color */
  --button-accent-text-hover: rgb(255,255,255); /* @kind color */
  --button-accent-text: rgb(255,255,255); /* @kind color */
  --button-danger-background-hover: rgb(255,72,94); /* @kind color */
  --button-danger-background: rgba(255,72,94,0.2); /* @kind color */
  --button-danger-text-hover: rgb(255,72,94); /* @kind color */
  --button-danger-text: rgb(255,72,94); /* @kind color */
  --button-disabled-background-hover: rgba(0,13,28,0.05); /* @kind color */
  --button-disabled-background: rgba(0,13,28,0.05); /* @kind color */
  --button-disabled-text-hover: rgba(0,13,28,0.3); /* @kind color */
  --button-disabled-text: rgba(0,13,28,0.3); /* @kind color */
  --button-info-background-hover: rgba(76,118,255,0.2); /* @kind color */
  --button-info-background: rgba(76,118,255,0.1); /* @kind color */
  --button-info-text-hover: rgb(0,13,28); /* @kind color */
  --button-info-text: rgb(0,13,28); /* @kind color */
  --button-link-text-hover: rgb(112,145,255); /* @kind color */
  --button-link-text: rgb(76,118,255); /* @kind color */
  --button-primary-background-disabled: rgba(0,13,28,0.05); /* @kind color */
  --button-primary-background-hover: rgb(112,145,255); /* @kind color */
  --button-primary-background: rgb(76,118,255); /* @kind color */
  --button-primary-text-disabled: rgba(0,13,28,0.5); /* @kind color */
  --button-primary-text-hover: rgb(255,255,255); /* @kind color */
  --button-primary-text: rgb(255,255,255); /* @kind color */
  --button-secondary-background-hover: rgba(76,118,255,0.2); /* @kind color */
  --button-secondary-background: rgba(255,255,255,0); /* @kind color */
  --button-secondary-border: rgba(76,118,255,0.4); /* @kind color */
  --button-secondary-text-hover: rgb(76,118,255); /* @kind color */
  --button-secondary-text: rgb(76,118,255); /* @kind color */
  --button-success-background-hover: rgba(0,177,44,0.2); /* @kind color */
  --button-success-background: rgba(0,177,44,0.1); /* @kind color */
  --button-success-text-hover: rgb(0,213,111); /* @kind color */
  --button-success-text: rgb(0,177,44); /* @kind color */
  --button-warning-background-hover: rgb(255,148,76); /* @kind color */
  --button-warning-background: rgb(255,148,76); /* @kind color */
  --button-warning-stroke: rgb(255,148,76); /* @kind color */
  --button-warning-text-hover: rgb(255,255,255); /* @kind color */
  --button-warning-text: rgb(255,148,76); /* @kind color */
  --calendar-action-background: rgb(217,227,255); /* @kind color */
  --calendar-action-icon: rgb(76,118,255); /* @kind color */
  --calendar-action-text: rgb(76,118,255); /* @kind color */
  --calendar-col-date: rgb(76,118,255); /* @kind color */
  --calendar-col-normal-background: rgb(232,238,255); /* @kind color */
  --calendar-col-separator: rgba(76,118,255,0.2); /* @kind color */
  --calendar-col-today-background: rgb(217,227,255); /* @kind color */
  --calendar-col-today-date: rgb(76,118,255); /* @kind color */
  --calendar-col-today-weekday: rgb(76,118,255); /* @kind color */
  --calendar-col-weekday: rgba(0,13,28,0.7); /* @kind color */
  --calendar-daily-weekday-background: rgb(255,255,255); /* @kind color */
  --calendar-daily-weekend-background: rgba(76,118,255,0.04); /* @kind color */
  --calendar-event-background: rgb(255,255,255); /* @kind color */
  --calendar-event-color: rgb(0,13,28); /* @kind color */
  --calendar-event-stroke-hover: rgba(76,118,255,0.2); /* @kind color */
  --calendar-event-stroke: rgba(255,255,255,0); /* @kind color */
  --cancelled: rgb(255,72,94); /* @kind color */
  --card-background: rgb(255,255,255); /* @kind color */
  --channels-autopilot: rgb(24,144,121); /* @kind color */
  --channels-general-neutral-primary: rgb(0,13,28); /* @kind color */
  --channels-general-neutral-secondary: rgba(0,13,28,0.4); /* @kind color */
  --channels-googleads: rgb(17,120,43); /* @kind color */
  --channels-googleanalytics: rgb(227,116,0); /* @kind color */
  --channels-hubspot: rgb(255,122,89); /* @kind color */
  --channels-linkedin: rgb(17,83,174); /* @kind color */
  --channels-mailchimp: rgb(251,202,29); /* @kind color */
  --channels-meta: rgb(68,164,255); /* @kind color */
  --channels-snapchat: rgb(255,252,0); /* @kind color */
  --channels-tiktok: rgb(0,242,234); /* @kind color */
  --channels-x: rgb(139,139,139); /* @kind color */
  --channels-youtube: rgb(255,0,0); /* @kind color */
  --completed: rgb(0,177,44); /* @kind color */
  --components-bar-bar-stroke: rgba(76,118,255,0.2); /* @kind color */
  --components-bar-icon-active-fill: rgba(255,255,255,0.3); /* @kind color */
  --components-bar-icon-active-stroke: rgb(255,255,255); /* @kind color */
  --components-bar-icon-inactive-fill: rgba(76,118,255,0.2); /* @kind color */
  --components-bar-icon-inactive-stroke: rgb(76,118,255); /* @kind color */
  --components-bar-tab-item-background-active: rgb(217,227,255); /* @kind color */
  --components-bar-tab-item-background-hover: rgb(232,238,255); /* @kind color */
  --components-bar-tab-item-background-inactive: rgba(255,255,255,0); /* @kind color */
  --components-bar-tab-item-text-active: rgb(0,13,28); /* @kind color */
  --components-bar-tab-item-text-inactive: rgb(0,13,28); /* @kind color */
  --date-selector-background: rgb(250,251,255); /* @kind color */
  --date-selector-date-range-background: rgba(76,118,255,0.2); /* @kind color */
  --date-selector-date-range-range-end-background: rgb(76,118,255); /* @kind color */
  --date-selector-date-range-range-end-border: rgb(76,118,255); /* @kind color */
  --date-selector-date-range-range-end-text: rgb(255,255,255); /* @kind color */
  --date-selector-date-range-range-start-background: rgba(76,118,255,0.2); /* @kind color */
  --date-selector-date-range-range-start-border: rgb(76,118,255); /* @kind color */
  --date-selector-date-range-range-start-text: rgb(255,255,255); /* @kind color */
  --date-selector-date-range-text: rgb(0,13,28); /* @kind color */
  --date-selector-navigation-arrows-hover: rgba(0,13,28,0.5); /* @kind color */
  --date-selector-navigation-arrows: rgba(0,13,28,0.3); /* @kind color */
  --date-selector-navigation-text: rgb(0,13,28); /* @kind color */
  --date-selector-period-selector-background-active: rgb(219,228,255); /* @kind color */
  --date-selector-period-selector-background: rgb(232,238,255); /* @kind color */
  --date-selector-period-selector-text-active: rgb(0,13,28); /* @kind color */
  --date-selector-period-selector-text-inactive: rgba(0,13,28,0.7); /* @kind color */
  --date-selector-text-muted: rgba(0,13,28,0.3); /* @kind color */
  --date-selector-text: rgb(0,13,28); /* @kind color */
  --dropdown-container-background-hover: rgb(217,227,255); /* @kind color */
  --dropdown-container-background: rgb(232,238,255); /* @kind color */
  --dropdown-container-chevron-disabled: rgba(0,13,28,0.3); /* @kind color */
  --dropdown-container-chevron-enabled: rgb(0,13,28); /* @kind color */
  --dropdown-container-icon-background: rgb(255,255,255); /* @kind color */
  --dropdown-container-icon-color: rgb(0,13,28); /* @kind color */
  --dropdown-container-organization-label: rgba(0,13,28,0.3); /* @kind color */
  --dropdown-container-organization-name: rgb(0,13,28); /* @kind color */
  --dropdown-list-background: rgb(255,255,255); /* @kind color */
  --dropdown-list-icon: rgb(76,118,255); /* @kind color */
  --dropdown-list-indicator-active: rgb(76,118,255); /* @kind color */
  --dropdown-list-indicator: rgba(76,118,255,0.3); /* @kind color */
  --dropdown-list-shadow: rgba(76,118,255,0.2); /* @kind color */
  --dropdown-list-text: rgb(0,13,28); /* @kind color */
  --dvt-color-avatar-blue-lv1: rgb(73,204,249); /* @kind color */
  --dvt-color-avatar-dark-orange-lv1: rgb(255,122,122); /* @kind color */
  --dvt-color-avatar-dark-orange-lv2: rgba(255,122,122,0.2); /* @kind color */
  --dvt-color-avatar-dark-purple-lv1: rgb(76,85,255); /* @kind color */
  --dvt-color-avatar-dark-purple-lv2: rgba(76,85,255,0.2); /* @kind color */
  --dvt-color-avatar-fuscia-lv1: rgb(255,76,210); /* @kind color */
  --dvt-color-avatar-fuscia-lv2: rgba(255,76,210,0.2); /* @kind color */
  --dvt-color-avatar-light-green-lv1: rgb(90,206,144); /* @kind color */
  --dvt-color-avatar-light-green-lv2: rgba(90,206,144,0.2); /* @kind color */
  --dvt-color-avatar-light-orange-lv1: rgb(255,148,76); /* @kind color */
  --dvt-color-avatar-light-orange-lv2: rgba(255,148,76,0.2); /* @kind color */
  --dvt-color-avatar-light-purple-lv1: rgb(151,76,255); /* @kind color */
  --dvt-color-avatar-light-purple-lv2: rgba(151,76,255,0.2); /* @kind color */
  --dvt-color-avatar-light-yellow-lv1: rgb(220,255,2); /* @kind color */
  --dvt-color-avatar-light-yellow-lv2: rgba(220,255,2,0.4); /* @kind color */
  --dvt-color-avatar-light-yellow-lv3: rgba(220,255,2,0.1); /* @kind color */
  --dvt-color-avatar-pink-lv1: rgb(201,136,242); /* @kind color */
  --dvt-color-avatar-pink-lv2: rgba(201,136,242,0.2); /* @kind color */
  --dvt-color-selected-background-lv1: rgba(76,118,255,0.2); /* @kind color */
  --dvt-color-selected-background-lv2: rgba(76,118,255,0.5); /* @kind color */
  --dvt-color-selected-text: rgb(76,118,255); /* @kind color */
  --dvt-color-states-danger-lv1: rgb(255,72,94); /* @kind color */
  --dvt-color-states-danger-lv2: rgba(255,72,94,0.2); /* @kind color */
  --dvt-color-states-dark-neutral-lv-1: rgb(204,210,218); /* @kind color */
  --dvt-color-states-info-lv1: rgb(76,118,255); /* @kind color */
  --dvt-color-states-info-lv2: rgba(76,118,255,0.2); /* @kind color */
  --dvt-color-states-light-danger-lv1: rgba(255,72,94,0.3); /* @kind color */
  --dvt-color-states-light-danger-lv2: rgba(255,72,94,0.5); /* @kind color */
  --dvt-color-states-light-success-lv1: rgba(0,177,44,0.2); /* @kind color */
  --dvt-color-states-neutral-lv-1: rgb(204,210,218); /* @kind color */
  --dvt-color-states-neutral-lv-2: rgba(204,210,218,0.5); /* @kind color */
  --dvt-color-states-success-lv1: rgb(51,193,86); /* @kind color */
  --dvt-color-states-success-lv2: rgba(0,177,44,0.2); /* @kind color */
  --dvt-color-states-warning-lv1: rgb(255,148,76); /* @kind color */
  --dvt-color-states-warning-lv2: rgba(255,148,76,0.2); /* @kind color */
  --general-attribute-background: rgba(0,13,28,0.03); /* @kind color */
  --general-badge-background: rgb(76,118,255); /* @kind color */
  --general-badge-text: rgb(255,255,255); /* @kind color */
  --general-bar-background: rgba(0,13,28,0.05); /* @kind color */
  --general-body-background: rgb(238,237,240); /* @kind color */
  --general-health-background: rgba(0,13,28,0.1); /* @kind color */
  --general-health-full: rgb(0,177,44); /* @kind color */
  --general-health-low: rgb(255,72,94); /* @kind color */
  --general-health-medium: rgb(255,148,76); /* @kind color */
  --general-hr: rgba(76,118,255,0.2); /* @kind color */
  --general-level-level-1-background: rgb(250,251,255); /* @kind color */
  --general-level-level-2-background: rgb(232,238,255); /* @kind color */
  --general-level-level-3-background: rgb(217,227,255); /* @kind color */
  --general-level-level-4-backrgound: rgb(219,228,255); /* @kind color */
  --general-level-level-5-1: rgba(255,251,251,0.4); /* @kind color */
  --general-level-level-5-2: rgba(255,251,251,0.4); /* @kind color */
  --general-level-level-5-3: rgba(255,251,251,0.4); /* @kind color */
  --general-page-icon-fill: rgba(76,118,255,0.2); /* @kind color */
  --general-page-icon-stroke: rgb(76,118,255); /* @kind color */
  --general-page-title: rgb(0,13,28); /* @kind color */
  --general-scrollbar-background: rgba(255,255,255,0); /* @kind color */
  --general-scrollbar-fill: rgba(0,13,28,0.1); /* @kind color */
  --general-scrollbar-stroke: rgba(0,13,28,0.05); /* @kind color */
  --general-see-more-hover: rgb(76,118,255); /* @kind color */
  --general-see-more-normal: rgba(76,118,255,0.7); /* @kind color */
  --general-shadow-color: rgba(76,118,255,0.2); /* @kind color */
  --general-shadow-event-shadow: rgba(76,118,255,0.04); /* @kind color */
  --general-tag-background-hover: rgba(76,118,255,0.2); /* @kind color */
  --general-tag-background: rgba(76,118,255,0.1); /* @kind color */
  --general-tag-icon: rgb(76,118,255); /* @kind color */
  --general-tag-text: rgb(76,118,255); /* @kind color */
  --graph-background: rgb(255,255,255); /* @kind color */
  --graph-comparison-graph-ascending-dot-stroke: rgb(255,255,255); /* @kind color */
  --graph-comparison-graph-ascending-dot: rgb(0,177,44); /* @kind color */
  --graph-comparison-graph-ascending-stroke: rgb(0,177,44); /* @kind color */
  --graph-comparison-graph-descending-dot-stroke: rgb(255,255,255); /* @kind color */
  --graph-comparison-graph-descending-dot: rgb(255,148,76); /* @kind color */
  --graph-comparison-graph-descending-stroke: rgb(255,148,76); /* @kind color */
  --graph-comparison-graph-grid: rgba(0,13,28,0.3); /* @kind color */
  --graph-comparison-graph-legend: rgba(0,13,28,0.7); /* @kind color */
  --graph-comparison-graph-neutral-dot-stroke: rgb(255,255,255); /* @kind color */
  --graph-comparison-graph-neutral-dot: rgb(0,13,28); /* @kind color */
  --graph-comparison-graph-neutral-stroke: rgb(0,13,28); /* @kind color */
  --graph-hoverbox-background: rgb(217,227,255); /* @kind color */
  --graph-hoverbox-comparison-value-ascending: rgb(0,177,44); /* @kind color */
  --graph-hoverbox-comparison-value-descending: rgb(255,148,76); /* @kind color */
  --graph-hoverbox-comparison-value-stable: rgb(0,13,28); /* @kind color */
  --graph-hoverbox-text: rgb(0,13,28); /* @kind color */
  --graph-hoverbox-title: rgb(0,13,28); /* @kind color */
  --graph-hoverbox-value: rgb(0,177,44); /* @kind color */
  --graph-shadow: rgba(76,118,255,0.1); /* @kind color */
  --graph-simple-graph-dot-stroke: rgb(255,255,255); /* @kind color */
  --graph-simple-graph-dot: rgb(73,204,249); /* @kind color */
  --graph-simple-graph-stroke: rgb(73,204,249); /* @kind color */
  --ignore-me-secondary: rgb(76,118,255); /* @kind color */
  --illustration-accent-color: rgba(73,204,249,0.05); /* @kind color */
  --illustration-background: rgb(76,118,255); /* @kind color */
  --illustration-gradient-color-1: rgb(76,118,255); /* @kind color */
  --illustration-gradient-color-2: rgb(50,79,172); /* @kind color */
  --illustration-icon-color: rgb(76,118,255); /* @kind color */
  --illustration-shadow: rgb(50,79,172); /* @kind color */
  --illustration-stroke-color: rgba(76,118,255,0.2); /* @kind color */
  --in-progress: rgb(76,118,255); /* @kind color */
  --indicator-success-text: var(--secondary-green-950); /* @kind color */
  --input-background-border-background-hover: rgba(234,239,255,0.5); /* @kind color */
  --input-background-border-background: rgb(217,227,255); /* @kind color */
  --input-background-border-disabled-background: rgba(255,255,255,0.3); /* @kind color */
  --input-checkbox-background-active: rgb(76,118,255); /* @kind color */
  --input-checkbox-border: rgba(76,118,255,0.2); /* @kind color */
  --input-checkbox-checkmark: rgb(255,255,255); /* @kind color */
  --input-checkbox-text: rgb(0,13,28); /* @kind color */
  --input-date-time-background: rgb(232,238,255); /* @kind color */
  --input-date-time-icon: rgba(0,13,28,0.4); /* @kind color */
  --input-date-time-text: rgb(0,13,28); /* @kind color */
  --input-disabled-background: rgb(232,238,255); /* @kind color */
  --input-disabled-text: rgba(0,13,28,0.4); /* @kind color */
  --input-error-background: rgb(255,148,76); /* @kind color */
  --input-error-border: rgba(255,148,76,0.5); /* @kind color */
  --input-error-text: rgb(255,255,255); /* @kind color */
  --input-focus-background: rgb(217,227,255); /* @kind color */
  --input-focus-border: rgba(76,118,255,0.3); /* @kind color */
  --input-focus-typing-pointer: rgb(50,79,172); /* @kind color */
  --input-focus-value: rgb(0,13,28); /* @kind color */
  --input-hover-background: rgba(76,118,255,0.1); /* @kind color */
  --input-hover-border: rgba(76,118,255,0.1); /* @kind color */
  --input-label: rgb(0,13,28); /* @kind color */
  --input-placeholder: rgba(0,13,28,0.7); /* @kind color */
  --input-radio-background-active: rgb(76,118,255); /* @kind color */
  --input-radio-border: rgba(76,118,255,0.3); /* @kind color */
  --input-radio-innerdot: rgb(255,255,255); /* @kind color */
  --input-radio-text: rgb(0,13,28); /* @kind color */
  --input-required: rgb(76,118,255); /* @kind color */
  --input-select-background-itemhover: rgb(217,227,255); /* @kind color */
  --input-select-background-selected: rgb(219,228,255); /* @kind color */
  --input-select-background: rgb(232,238,255); /* @kind color */
  --input-select-text: rgb(0,13,28); /* @kind color */
  --input-shadow: rgba(76,118,255,0.1); /* @kind color */
  --input-textarea-background: rgb(232,238,255); /* @kind color */
  --input-textarea-text: rgb(0,13,28); /* @kind color */
  --input-textbox-background: rgb(232,238,255); /* @kind color */
  --input-textbox-border: rgba(76,118,255,0.05); /* @kind color */
  --input-textbox-text: rgb(0,13,28); /* @kind color */
  --input-toggle-background-active: rgb(76,118,255); /* @kind color */
  --input-toggle-background-inactive: rgba(76,118,255,0.2); /* @kind color */
  --input-toggle-indicator: rgb(255,255,255); /* @kind color */
  --input-toggle-text: rgb(0,13,28); /* @kind color */
  --labels-danger-background: rgb(255,255,255); /* @kind color */
  --labels-danger-color: rgb(255,72,94); /* @kind color */
  --labels-neutral-background: rgb(255,255,255); /* @kind color */
  --labels-neutral-color: rgb(0,13,28); /* @kind color */
  --labels-success-background: rgb(255,255,255); /* @kind color */
  --labels-success-text: rgb(0,177,44); /* @kind color */
  --labels-sync-background: rgb(255,255,255); /* @kind color */
  --labels-sync-color: rgb(73,204,249); /* @kind color */
  --labels-warning-background: rgb(255,255,255); /* @kind color */
  --labels-warning-color: rgb(255,148,76); /* @kind color */
  --marketing-quiz-base-container-background: rgba(234,239,255,0.5); /* @kind color */
  --marketing-quiz-base-container-input-field: rgba(219,228,255,0.5); /* @kind color */
  --marketing-quiz-base-container-input-item: rgb(219,228,255); /* @kind color */
  --marketing-quiz-base-input-field-background: rgba(234,239,255,0.5); /* @kind color */
  --marketing-quiz-base-item-background: rgba(234,239,255,0.5); /* @kind color */
  --marketing-quiz-base-item-input-field-background: rgba(219,228,255,0.5); /* @kind color */
  --marketing-quiz-base-item-input-field-tag: rgba(219,228,255,0.5); /* @kind color */
  --navigation-menu-menu-item-selected-text-icon: var(--primary-white-950); /* @kind color */
  --navigation-menu-menu-item-text-icon: var(--primary-smoke-950); /* @kind color */
  --page-header-backgrouund: rgb(250,251,255); /* @kind color */
  --page-header-bredcrumb-chevron: rgb(0,13,28); /* @kind color */
  --page-header-bredcrumb-current-item: rgba(0,13,28,0.7); /* @kind color */
  --page-header-bredcrumb-previous-item: rgb(0,13,28); /* @kind color */
  --pagination-active-background: rgb(76,118,255); /* @kind color */
  --pagination-active-text: rgb(255,255,255); /* @kind color */
  --pagination-chevron: rgba(0,13,28,0.7); /* @kind color */
  --pagination-hover-background: rgb(232,238,255); /* @kind color */
  --pagination-hover-text: rgb(0,13,28); /* @kind color */
  --pagination-inactive-background: rgba(255,255,255,0); /* @kind color */
  --pagination-inactive-text: rgb(0,13,28); /* @kind color */
  --pagination-selector-arrow: rgb(0,13,28); /* @kind color */
  --pagination-selector-background: rgb(232,238,255); /* @kind color */
  --pagination-selector-text: rgb(0,13,28); /* @kind color */
  --pending-approval: rgb(255,148,76); /* @kind color */
  --planner-draft-alert-background: rgb(255,148,76); /* @kind color */
  --planner-draft-alert-text: rgb(255,255,255); /* @kind color */
  --planner-edit-cta-background: rgb(76,118,255); /* @kind color */
  --planner-edit-cta-icon: rgb(255,255,255); /* @kind color */
  --planner-edit-cta-text: rgb(255,255,255); /* @kind color */
  --planner-edit-planner-modal-background: rgb(250,251,255); /* @kind color */
  --planner-edit-planner-modal-icon: rgb(255,255,255); /* @kind color */
  --planner-edit-planner-modal-text: rgb(255,255,255); /* @kind color */
  --planner-quick-edit-background: rgb(76,118,255); /* @kind color */
  --planner-quick-edit-icon: rgb(0,13,28); /* @kind color */
  --planner-quick-edit-text: rgb(255,255,255); /* @kind color */
  --planner-sam: rgb(63,100,205); /* @kind color */
  --planner-som: rgb(53,86,166); /* @kind color */
  --planner-tam: rgb(76,118,255); /* @kind color */
  --planning: rgb(255,76,210); /* @kind color */
  --popup-confirm-field-background: rgb(217,227,255); /* @kind color */
  --popup-confirm-field-placeholder: rgba(0,13,28,0.7); /* @kind color */
  --popup-confirm-field-text: rgb(0,13,28); /* @kind color */
  --popup-danger-background: rgba(255,72,94,0.1); /* @kind color */
  --popup-danger-content: rgb(255,72,94); /* @kind color */
  --popup-danger-icon-fill: rgb(255,72,94); /* @kind color */
  --popup-danger-icon-stroke: rgb(255,255,255); /* @kind color */
  --popup-info-background: rgba(76,118,255,0.1); /* @kind color */
  --popup-info-content: rgb(76,118,255); /* @kind color */
  --popup-info-icon-fill: rgb(76,118,255); /* @kind color */
  --popup-info-icon-stroke: rgb(0,0,0); /* @kind color */
  --popup-success-background: rgba(0,177,44,0.1); /* @kind color */
  --popup-success-icon-fill: rgb(0,177,44); /* @kind color */
  --popup-success-icon-stroke: rgb(255,255,255); /* @kind color */
  --popup-success-icon: rgb(0,177,44); /* @kind color */
  --popup-success-text: rgb(0,177,44); /* @kind color */
  --popup-warning-background: rgba(255,148,76,0.1); /* @kind color */
  --popup-warning-content: rgb(255,148,76); /* @kind color */
  --popup-warning-icon-fill: rgb(255,148,76); /* @kind color */
  --popup-warning-icon-stroke: rgb(255,255,255); /* @kind color */
  --search-background: rgb(232,238,255); /* @kind color */
  --search-icon-background: rgb(217,227,255); /* @kind color */
  --search-icon-stroke: rgb(76,118,255); /* @kind color */
  --search-text: rgb(0,13,28); /* @kind color */
  --shadow-low: rgba(224,224,224,0.25); /* @kind color */
  --shadow-medium: rgba(224,224,224,0.4); /* @kind color */
  --shadow-selected-lv1: rgba(224,224,224,0.6); /* @kind color */
  --shadow-selected-lv2: rgba(224,224,224,0.6); /* @kind color */
  --shadow-strong: rgba(224,224,224,0.6); /* @kind color */
  --side-tree-navigation-background: rgb(13,26,71); /* @kind color */
  --side-tree-navigation-drop-down-background-active: rgba(255,255,255,0.1); /* @kind color */
  --side-tree-navigation-drop-down-background-hover: rgba(255,255,255,0.05); /* @kind color */
  --side-tree-navigation-drop-down-background-selected: rgba(76,118,255,0.4); /* @kind color */
  --side-tree-navigation-menu-item-background-active: rgba(255,255,255,0.1); /* @kind color */
  --side-tree-navigation-menu-item-background-hover: rgba(255,255,255,0.05); /* @kind color */
  --side-tree-navigation-menu-item-background-inactive: rgba(255,255,255,0); /* @kind color */
  --side-tree-navigation-menu-item-line: rgb(112,145,255); /* @kind color */
  --side-tree-navigation-separator: rgba(255,255,255,0.2); /* @kind color */
  --status-danger: rgb(255,72,94); /* @kind color */
  --status-disabled: rgb(230,230,230); /* @kind color */
  --status-error: rgb(255,173,51); /* @kind color */
  --status-info: rgb(112,145,255); /* @kind color */
  --status-success: rgb(0,177,44); /* @kind color */
  --table-action-hover-background: rgba(76,118,255,0.5); /* @kind color */
  --table-action-hover-color: rgb(76,118,255); /* @kind color */
  --table-action-static-background: rgba(255,255,255,0); /* @kind color */
  --table-action-static-border: rgba(76,118,255,0.2); /* @kind color */
  --table-action-static-color: rgb(76,118,255); /* @kind color */
  --table-analysis-button-background: rgba(0,177,44,0.1); /* @kind color */
  --table-analysis-button-color: rgb(0,177,44); /* @kind color */
  --table-column-arrows-active: rgb(76,118,255); /* @kind color */
  --table-column-arrows-inactive: rgba(0,13,28,0.3); /* @kind color */
  --table-column-title: rgb(0,13,28); /* @kind color */
  --table-filter-background: rgba(76,118,255,0.1); /* @kind color */
  --table-filter-text-active: rgb(0,13,28); /* @kind color */
  --table-filter-text-inactive: rgba(0,13,28,0.5); /* @kind color */
  --table-navigation-active: rgb(76,118,255); /* @kind color */
  --table-navigation-hover: rgba(76,118,255,0.7); /* @kind color */
  --table-navigation-inactive: rgba(76,118,255,0.2); /* @kind color */
  --table-normal-button-background: rgba(76,118,255,0.1); /* @kind color */
  --table-normal-button-color: rgb(76,118,255); /* @kind color */
  --table-row-even-background: rgb(232,238,255); /* @kind color */
  --table-row-odd-background: rgb(237,242,255); /* @kind color */
  --table-row-stroke-hover: rgb(210,221,255); /* @kind color */
  --table-row-total-background: rgba(76,118,255,0.1); /* @kind color */
  --table-row-total-color: rgb(76,118,255); /* @kind color */
  --table-row-total-stroke: rgb(76,118,255); /* @kind color */
  --tasks-priority-badges-error-background: var(--secondary-tangerine-950); /* @kind color */
  --tasks-priority-badges-error-content: var(--primary-white-950); /* @kind color */
  --tasks-priority-badges-high-content: var(--primary-white-950); /* @kind color */
  --tasks-priority-badges-normal-background: var(--primary-cyan-950); /* @kind color */
  --tasks-priority-badges-normal-content: var(--primary-white-950); /* @kind color */
  --template-for-design-system-content-bg: rgb(250,251,255); /* @kind color */
  --template-for-design-system-text: rgb(23,48,61); /* @kind color */
  --template-for-design-system-title-bg: rgb(217,227,255); /* @kind color */
  --template-for-design-system-title: rgba(25,48,56,0.5); /* @kind color */
  --title-bg: rgb(0,177,44); /* @kind color */
  --tooltip-icon-background: rgba(76,118,255,0.2); /* @kind color */
  --tooltip-icon-color: rgb(76,118,255); /* @kind color */
  --tooltip-information-box-background: rgb(255,255,255); /* @kind color */
  --tooltip-information-box-clickable-text-color: rgb(76,118,255); /* @kind color */
  --tooltip-information-box-shadow-color: rgba(76,118,255,0.1); /* @kind color */
  --tooltip-information-box-text-color: rgb(0,13,28); /* @kind color */
  --top-navigation-background: rgb(13,26,71); /* @kind color */
  --top-navigation-drop-down-list-background: rgba(234,239,255,0.5); /* @kind color */
  --top-navigation-organization-dropdown-backgroud-active: rgb(232,238,255); /* @kind color */
  --top-navigation-organization-dropdown-backgroud-hover: rgba(234,239,255,0.5); /* @kind color */
  --top-navigation-organization-dropdown-logo-background: rgba(255,255,255,0.7); /* @kind color */
  --transparent: rgba(255,255,255,0); /* @kind color */
  --typography-icons-href-hyperlink: rgb(76,118,255); /* @kind color */
  --typography-icons-normal-full-opacity: rgb(0,13,28); /* @kind color */
  --typography-icons-normal-link: rgb(76,118,255); /* @kind color */
  --typography-icons-normal-low-opacity: rgba(0,13,28,0.3); /* @kind color */
  --typography-icons-normal-main: rgb(0,13,28); /* @kind color */
  --typography-icons-normal-medium-opacity: rgba(0,13,28,0.7); /* @kind color */
  --typography-icons-on-dark-background-full-opacity: rgb(204,210,218); /* @kind color */
  --typography-icons-on-dark-background-low-opacity: rgba(204,210,218,0.3); /* @kind color */
  --typography-icons-on-dark-background-main: rgb(250,251,255); /* @kind color */
  --typography-icons-on-dark-background-medium-opacity: rgba(204,210,218,0.7); /* @kind color */
  --typography-icons-states-danger-lv2: var(--secondary-radical-red-400); /* @kind color */
  --typography-icons-strong: rgb(76,118,255); /* @kind color */
  --uncategorized-active-text-color: rgb(0,13,28); /* @kind color */
  --uncategorized-filter-bg: rgb(232,238,255); /* @kind color */
  --uncategorized-filter: rgb(232,238,255); /* @kind color */
  --uncategorized-page-bg: rgb(255,255,255); /* @kind color */
  --uncategorized-succes-color: rgb(255,255,255); /* @kind color */
  --uncategorized-success-bg: rgb(0,177,44); /* @kind color */
  --visual-section-background: rgb(76,118,255); /* @kind color */
  --visual-section-body: rgba(255,255,255,0.7); /* @kind color */
  --visual-section-icon-background: rgba(255,255,255,0.1); /* @kind color */
  --visual-section-icon-color: rgb(255,255,255); /* @kind color */
  --visual-section-illustration-background: rgb(76,118,255); /* @kind color */
  --visual-section-title: rgb(255,255,255); /* @kind color */
}

:root[data-mode="mode"] {
  --navigation-menu-menu-item-selected-text-icon: var(--primary-white-950); /* @kind color */
  --navigation-menu-menu-item-text-icon: var(--primary-smoke-950); /* @kind color */
  --tasks-priority-badges-error-background: var(--secondary-tangerine-950); /* @kind color */
  --tasks-priority-badges-error-content: var(--primary-white-950); /* @kind color */
  --tasks-priority-badges-high-content: var(--primary-white-950); /* @kind color */
  --tasks-priority-badges-normal-background: var(--primary-cyan-950); /* @kind color */
  --tasks-priority-badges-normal-content: var(--primary-white-950); /* @kind color */
  --typography-icons-states-danger-lv2: var(--secondary-radical-red-400); /* @kind color */
}