/**
 * Do not edit directly
 * Generated on Mon, 14 Dec 2020 12:49:12 GMT
 */

:root {
  --gaia-breakpoint-xxxs-min: 0;
  --gaia-breakpoint-xxxs-max: 375px;
  --gaia-breakpoint-xxs-min: 376px;
  --gaia-breakpoint-xxs-max: 480px;
  --gaia-breakpoint-xs-min: 481px;
  --gaia-breakpoint-xs-max: 600px;
  --gaia-breakpoint-sm-min: 601px;
  --gaia-breakpoint-sm-max: 840px;
  --gaia-breakpoint-md-min: 841px;
  --gaia-breakpoint-md-max: 1080px;
  --gaia-breakpoint-lg-min: 1081px;
  --gaia-breakpoint-lg-max: 1440px;
  --gaia-breakpoint-xlg-min: 1441px;
  --gaia-breakpoint-xlg-max: 1920px;
  --gaia-breakpoint-xxlg-min: 1921px;
  --gaia-color-white: #ffffff;
  --gaia-color-overlay: rgba(#222222, 0.5);
  --gaia-color-black: #222222;
  --gaia-color-purple-100: #fbf4ff;
  --gaia-color-purple-200: #edc8ff;
  --gaia-color-purple-300: #de99ff;
  --gaia-color-purple-400: #c158f8;
  --gaia-color-purple-500: #990ae3;
  --gaia-color-purple-600: #7d00bd;
  --gaia-color-purple-700: #5f008f;
  --gaia-color-purple-800: #3f005e;
  --gaia-color-purple-900: #1f002e;
  --gaia-color-gray-100: #fbfbfb;
  --gaia-color-gray-200: #f2f2f2;
  --gaia-color-gray-300: #cccccc;
  --gaia-color-gray-400: #a0a0a0;
  --gaia-color-gray-500: #6e6e6e;
  --gaia-color-gray-600: #5e5e5e;
  --gaia-color-gray-700: #4e4e4e;
  --gaia-color-gray-800: #303030;
  --gaia-color-gray-900: #222222;
  --gaia-color-red-100: #fff4f7;
  --gaia-color-red-200: #ffccdd;
  --gaia-color-red-300: #ffa4c3;
  --gaia-color-red-400: #f74f87;
  --gaia-color-red-500: #e4175c;
  --gaia-color-red-600: #be0040;
  --gaia-color-red-700: #900030;
  --gaia-color-red-800: #5e0020;
  --gaia-color-red-900: #2e000f;
  --gaia-color-green-100: #f3fff9;
  --gaia-color-green-200: #c5f8de;
  --gaia-color-green-300: #95f4c3;
  --gaia-color-green-400: #48e494;
  --gaia-color-green-500: #00d066;
  --gaia-color-green-600: #00af56;
  --gaia-color-green-700: #008641;
  --gaia-color-green-800: #00592b;
  --gaia-color-green-900: #002e16;
  --gaia-color-orange-100: #fffaf4;
  --gaia-color-orange-200: #ffefcb;
  --gaia-color-orange-300: #ffe39f;
  --gaia-color-orange-400: #ffc14d;
  --gaia-color-orange-500: #ff9b00;
  --gaia-color-orange-600: #d27f00;
  --gaia-color-orange-700: #a86600;
  --gaia-color-orange-800: #6b4100;
  --gaia-color-orange-900: #2e1c00;
  --gaia-color-blue-100: #f4faff;
  --gaia-color-blue-200: #cbefff;
  --gaia-color-blue-300: #9fe2ff;
  --gaia-color-blue-400: #4dc0ff;
  --gaia-color-blue-500: #0099ff;
  --gaia-color-blue-600: #007acc;
  --gaia-color-blue-700: #005f9e;
  --gaia-color-blue-800: #003d65;
  --gaia-color-blue-900: #001c2e;
  --gaia-color-typography-headline-black: #222222;
  --gaia-color-typography-headline-white: #ffffff;
  --gaia-color-typography-headline-purple-500: #990ae3;
  --gaia-color-typography-title-black: #222222;
  --gaia-color-typography-ingress-gray-400: #a0a0a0;
  --gaia-color-typography-ingress-gray-500: #6e6e6e;
  --gaia-color-typography-ingress-gray-800: #303030;
  --gaia-color-typography-body-text-black: #222222;
  --gaia-color-typography-button-text-black: #222222;
  --gaia-color-typography-small-text-black: #222222;
  --gaia-color-typography-tag-text-black: #222222;
  --gaia-color-typography-pricing-text-black: #222222;
  --gaia-color-typography-link-text-black: #222222;
  --gaia-color-typography-link-text-gray-400: #a0a0a0;
  --gaia-color-typography-link-text-purple-500: #990ae3;
  --gaia-spacing-component-0: 0px;
  --gaia-spacing-component-1: 2px;
  --gaia-spacing-component-2: 4px;
  --gaia-spacing-component-3: 8px;
  --gaia-spacing-component-4: 12px;
  --gaia-spacing-component-5: 16px;
  --gaia-spacing-component-6: 20px;
  --gaia-spacing-component-7: 24px;
  --gaia-spacing-component-8: 32px;
  --gaia-spacing-component-9: 48px;
  --gaia-spacing-layout-0: 0px;
  --gaia-spacing-layout-1: 8px;
  --gaia-spacing-layout-2: 12px;
  --gaia-spacing-layout-3: 16px;
  --gaia-spacing-layout-4: 24px;
  --gaia-spacing-layout-5: 32px;
  --gaia-spacing-layout-6: 48px;
  --gaia-spacing-layout-7: 64px;
  --gaia-spacing-layout-8: 80px;
  --gaia-spacing-layout-9: 96px;
  --gaia-margin-zero: 0px;
  --gaia-margin-xxxs: 2px;
  --gaia-margin-xxs: 4px;
  --gaia-margin-xs: 8px;
  --gaia-margin-sm: 16px;
  --gaia-margin-md: 24px;
  --gaia-margin-lg: 32px;
  --gaia-padding-zero: 0px;
  --gaia-padding-xxxs: 2px;
  --gaia-padding-xxs: 4px;
  --gaia-padding-xs: 8px;
  --gaia-padding-sm: 16px;
  --gaia-padding-md: 24px;
  --gaia-padding-lg: 32px;
  --gaia-z-index-deep: -999999; /* Deep z-index for keeping element behind everything */
  --gaia-z-index-default: 1; /* Default z-index */
  --gaia-z-index-masked: 100; /* Masked z-index works in connection with mask element */
  --gaia-z-index-mask: 200; /* Mask z-index to keep element behind everything */
  --gaia-z-index-sticky: 300; /* Sticky z-index for sticky element  */
  --gaia-z-index-header: 400; /* Header z-index */
  --gaia-z-index-growl-notification: 500; /* Use this z-index for growl notification */
  --gaia-z-index-dropdown: 600; /* Dropdown z-index */
  --gaia-z-index-overlay: 700; /* Overlay z-index */
  --gaia-z-index-loader: 800; /* Page loader z-index */
  --gaia-z-index-tooltip: 900; /* Tooltip z-index */
  --gaia-z-index-modal: 1000; /* Modal z-index to keep element above everything */
}