@aquera/nile-elements 0.1.35-beta-1.7 → 0.1.35-beta-1.11

package/demo/variables_contracter.css

@@ -1,1026 +0,0 @@
-/**
- * Do not edit directly
- */
-
-
-:root {
-  --nile-width-width-xxs: 320px; /* 80 (320px) */
-  --nile-width-width-xs: 384px; /* 96 (384px) */
-  --nile-width-width-xl: 768px; /* 192 (768px) */
-  --nile-width-width-sm: 480px; /* 120 (480px) */
-  --nile-width-width-md: 560px; /* 140 (560px) */
-  --nile-width-width-lg: 640px; /* 160 (640px) */
-  --nile-width-width-6xl: 1920px; /* 480 (1,920px) */
-  --nile-width-width-5xl: 1600px; /* 400 (1,600px) */
-  --nile-width-width-4xl: 1440px; /* 360 (1,440px) */
-  --nile-width-width-3xl: 1280px; /* 320 (1,280px) */
-  --nile-width-width-2xl: 1024px; /* 256 (1,024px) */
-  --nile-width-paragraph-max-width: 720px; /* 180 (720px) */
-  --nile-type-scale-9: 48.83px; /* 48.83px */
-  --nile-type-scale-8: 39.06px; /* 39.06px */
-  --nile-type-scale-7: 31.25px; /* 31.25px */
-  --nile-type-scale-6: 20px; /* 20px */
-  --nile-type-scale-5: 18px; /* 18px */
-  --nile-type-scale-4: 16px; /* 16px */
-  --nile-type-scale-3: 14px; /* 14px */
-  --nile-type-scale-2: 12px; /* 12px */
-  --nile-type-scale-1: 10.24px; /* 10.24px */
-  --nile-transition-duration-shorter: 50ms;
-  --nile-transition-duration-short: 100ms;
-  --nile-transition-duration-longer: 1000ms;
-  --nile-transition-duration-long: 500ms;
-  --nile-transition-duration-default: 250ms;
-  --nile-transition-curve-base: cubic-bezier(0.17, 0.67, 0.83, 0.67);
-  --nile-transition-base: 250ms cubic-bezier(0.17, 0.67, 0.83, 0.67);
-  --nile-tooltip-padding-y: var(--nile-spacing-2-x);
-  --nile-tooltip-padding-x: var(--nile-spacing-1-x);
-  --nile-tooltip-line-height-sm: 10.24px;
-  --nile-tooltip-line-height-lg: 12px;
-  --nile-tooltip-font-weight-sm: var(--nile-font-weight-regular);
-  --nile-tooltip-font-weight-lg: var(--nile-font-weight-semi-bold);
-  --nile-tooltip-font-size-sm: 10.24px;
-  --nile-tooltip-font-size-lg: 12px;
-  --nile-tooltip-color-background: var(--nile-colors-dark-900);
-  --nile-toolbar-text-color: var(--nile-colors-dark-900);
-  --nile-toolbar-line-height: 30px;
-  --nile-toolbar-font-weight: var(--nile-font-weight-medium);
-  --nile-toolbar-font-size: var(--nile-type-scale-6);
-  --nile-toolbar-color: var(--nile-colors-dark-900);
-  --nile-toolbar-background-color: var(--nile-colors-white-base);
-  --nile-toast-color-icon-color-warning: var(--nile-colors-white-base);
-  --nile-toast-color-icon-color-success: var(--nile-colors-white-base);
-  --nile-toast-color-icon-color-info: var(--nile-colors-white-base);
-  --nile-toast-color-icon-color-gray: var(--nile-colors-neutral-700);
-  --nile-toast-color-icon-color-error: var(--nile-colors-white-base);
-  --nile-toast-color-icon-color-black: var(--nile-colors-dark-900);
-  --nile-toast-color-icon-background-color-warning: var(--nile-colors-yellow-500);
-  --nile-toast-color-icon-background-color-success: var(--nile-colors-green-700);
-  --nile-toast-color-icon-background-color-info: var(--nile-colors-blue-500);
-  --nile-toast-color-icon-background-color-gray: var(--nile-colors-white-base);
-  --nile-toast-color-icon-background-color-error: var(--nile-colors-red-400);
-  --nile-toast-color-icon-background-color-black: var(--nile-colors-white-base);
-  --nile-toast-color-box-shadow:  0px 14px 28px 0px rgba(119, 125, 130, 0.15);
-  --nile-toast-color-border-warning: var(--nile-colors-yellow-500);
-  --nile-toast-color-border-success: var(--nile-colors-green-500);
-  --nile-toast-color-border-info: var(--nile-colors-blue-500);
-  --nile-toast-color-border-gray: var(--nile-colors-neutral-500);
-  --nile-toast-color-border-error: var(--nile-colors-red-500);
-  --nile-toast-color-border-black: var(--nile-colors-neutral-500);
-  --nile-toast-color-background-warning: var(--nile-colors-yellow-100);
-  --nile-toast-color-background-success: var(--nile-colors-green-100);
-  --nile-toast-color-background-info: var(--nile-colors-blue-400);
-  --nile-toast-color-background-gray: var(--nile-colors-white-base);
-  --nile-toast-color-background-error: var(--nile-colors-red-100);
-  --nile-toast-color-background-black: var(--nile-colors-white-base);
-  --nile-textarea-standard-hover-border-color: var(--nile-colors-dark-900);
-  --nile-textarea-standard-focused-box-shadow: 0px;
-  --nile-textarea-standard-focused-border-color: var(--nile-colors-primary-600);
-  --nile-textarea-standard-disabled-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
-  --nile-textarea-standard-disabled-border-color: var(--nile-colors-neutral-500);
-  --nile-textarea-standard-disabled-background-color: var(--nile-colors-neutral-100);
-  --nile-textarea-standard-box-shadow: 0px;
-  --nile-textarea-standard-border-color: var(--nile-colors-neutral-500);
-  --nile-textarea-padding: 0.5em 10px;
-  --nile-textarea-label-line-height: 14px;
-  --nile-textarea-label-font-weight: var(--nile-font-weight-regular);
-  --nile-textarea-label-color: var(--nile-colors-dark-900);
-  --nile-tag-gray-x-color: var(--nile-colors-neutral-700);
-  --nile-tag-gray-hover-x-color: var(--nile-colors-primary-900);
-  --nile-tag-gray-hover-background-color: var(--nile-colors-dark-200);
-  --nile-tag-gray-background-color: var(--nile-colors-white-base);
-  --nile-table-row-border-color: var(--nile-colors-neutral-400);
-  --nile-table-row-background-color: var(--nile-colors-neutral-100);
-  --nile-table-header-background-color: var(--nile-colors-neutral-100);
-  --nile-table-body-row-odd-background-color: var(--nile-colors-neutral-100);
-  --nile-table-body-row-even-background-color: var(--nile-colors-white-base);
-  --nile-tab-track-color: transparent;
-  --nile-stepper-min-width: 200px;
-  --nile-stepper-color-title-selected: var(--nile-colors-primary-700);
-  --nile-stepper-color-subtitle-selected: var(--nile-colors-primary-600);
-  --nile-stepper-color-line-selected: var(--nile-colors-primary-700);
-  --nile-stepper-color-line-default: var(--nile-colors-neutral-500);
-  --nile-stepper-color-highlight: var(--nile-colors-primary-600);
-  --nile-stepper-color-bulletin-outer-selected: var(--nile-colors-primary-600);
-  --nile-stepper-color-bulletin-outer-default: #fff0;
-  --nile-stepper-color-bulletin-inner-selected: #fff0;
-  --nile-stepper-color-bulletin-inner-default: var(--nile-colors-neutral-500);
-  --nile-spacing-xxs: 2px; /* 0.5 (2px) */
-  --nile-spacing-xs: 4px; /* 1 (4px) */
-  --nile-spacing-xl: 16px; /* 4 (16px) */
-  --nile-spacing-spacing-xxs: 2px; /* 0.5 (2px) */
-  --nile-spacing-spacing-xs: 4px; /* 1 (4px) */
-  --nile-spacing-spacing-xl: 16px; /* 4 (16px) */
-  --nile-spacing-spacing-sm: 6px; /* 1.5 (6px) */
-  --nile-spacing-spacing-none: 0px; /* none */
-  --nile-spacing-spacing-md: 8px; /* 2 (8px) */
-  --nile-spacing-spacing-lg: 12px; /* 3 (12px) */
-  --nile-spacing-spacing-9xl: 96px; /* 24 (96px) */
-  --nile-spacing-spacing-8xl: 80px; /* 20 (80px) */
-  --nile-spacing-spacing-7xl: 64px; /* 16 (64px) */
-  --nile-spacing-spacing-6xl: 48px; /* 12 (48px) */
-  --nile-spacing-spacing-5xl: 40px; /* 10 (40px) */
-  --nile-spacing-spacing-4xl: 32px; /* 8 (32px) */
-  --nile-spacing-spacing-3xl: 24px; /* 6 (24px) */
-  --nile-spacing-spacing-2xl: 20px; /* 5 (20px) */
-  --nile-spacing-spacing-11xl: 160px; /* 40 (160px) */
-  --nile-spacing-spacing-10xl: 128px; /* 32 (128px) */
-  --nile-spacing-sm: 6px; /* 1.5 (6px) */
-  --nile-spacing-one-half-x: 3px; /* xxs */
-  --nile-spacing-one-by-two-x: 0.5px; /* 1/2 (0.5px) */
-  --nile-spacing-one-by-five-x: 0.2px; /* 0.0625 (0.2px) */
-  --nile-spacing-none: 0px; /* none */
-  --nile-spacing-md: 8px; /* 2 (8px) */
-  --nile-spacing-lg: 12px; /* 3 (12px) */
-  --nile-spacing-gutter: var(--nile-spacing-3-x); /* 48px */
-  --nile-spacing-9xl: 128px; /* 32 (128px) */
-  --nile-spacing-8xl: 96px; /* 24 (96px) */
-  --nile-spacing-7xl: 80px; /* 20 (80px) */
-  --nile-spacing-7-x: 96px; /* xl */
-  --nile-spacing-6xl: 64px; /* 16 (64px) */
-  --nile-spacing-5xl: 48px; /* 12 (48px) */
-  --nile-spacing-5-x: 48px; /* l */
-  --nile-spacing-4xl: 40px; /* 10 (40px) */
-  --nile-spacing-3xl: 32px; /* 8 (32px) */
-  --nile-spacing-3-x: 24px; /* m */
-  --nile-spacing-2xl: 24px; /* 6 (24px) */
-  --nile-spacing-2-x: 12px; /* s */
-  --nile-spacing-11xl: 160px; /* 40 (160px) */
-  --nile-spacing-10xl: 160px; /* 40 (160px) */
-  --nile-spacing-1-x: 6px; /* xs */
-  --nile-slide-toggle-color-indicator: var(--nile-colors-white-base);
-  --nile-slide-toggle-color-background-inactive: var(--nile-colors-neutral-500);
-  --nile-slide-toggle-color-background-active: var(--nile-colors-primary-600);
-  --nile-sizes-width-xxs: 320px; /* 80 (320px) */
-  --nile-sizes-width-xs: 384px; /* 96 (384px) */
-  --nile-sizes-width-xl: 768px; /* 192 (768px) */
-  --nile-sizes-width-sm: 480px; /* 120 (480px) */
-  --nile-sizes-width-md: 560px; /* 140 (560px) */
-  --nile-sizes-width-lg: 640px; /* 160 (640px) */
-  --nile-sizes-width-6xl: 1920px; /* 480 (1,920px) */
-  --nile-sizes-width-5xl: 1600px; /* 400 (1,600px) */
-  --nile-sizes-width-4xl: 1440px; /* 360 (1,440px) */
-  --nile-sizes-width-3xl: 1280px; /* 320 (1,280px) */
-  --nile-sizes-width-2xl: 1024px; /* 256 (1,024px) */
-  --nile-sizes-paragraph-max-width: 720px; /* 180 (720px) */
-  --nile-sidebar-wrapper-overlay-background-color: var(--nile-colors-dark-900);
-  --nile-sidebar-menu-background-color: var(--nile-colors-dark-200);
-  --nile-section-message-icon-background-color-warning: var(--nile-colors-yellow-700);
-  --nile-section-message-icon-background-color-success: var(--nile-colors-green-700);
-  --nile-section-message-icon-background-color-primary: var(--nile-colors-primary-600);
-  --nile-section-message-icon-background-color-error: var(--nile-colors-red-500);
-  --nile-section-message-footer-color: var(--nile-colors-neutral-500);
-  --nile-section-message-background-color-warning: var(--nile-colors-yellow-100);
-  --nile-section-message-background-color-success: var(--nile-colors-green-100);
-  --nile-section-message-background-color-primary: var(--nile-colors-dark-200);
-  --nile-section-message-background-color-error: var(--nile-colors-red-100);
-  --nile-radius-xxs: 1px; /* 1px */
-  --nile-radius-xl: 16px; /* 16px */
-  --nile-radius-sm: 4px; /* 4px */
-  --nile-radius-radius-xxs: 2px; /* xxs */
-  --nile-radius-radius-xs: 4px; /* xs */
-  --nile-radius-radius-xl: 8px; /* xl */
-  --nile-radius-radius-sm: 4px; /* sm */
-  --nile-radius-radius-none: 0px; /* none */
-  --nile-radius-radius-md: 4px; /* md */
-  --nile-radius-radius-lg: 6px; /* lg */
-  --nile-radius-radius-full: 9999px; /* full */
-  --nile-radius-radius-4xl: 16px; /* 4xl */
-  --nile-radius-radius-3xl: 12px; /* 3xl */
-  --nile-radius-radius-2xl: 10px; /* 2xl */
-  --nile-radius-none: 0px; /* 0px */
-  --nile-radius-md: 8px; /* 8px */
-  --nile-radius-lg: 12px; /* 12px */
-  --nile-radius-full: 9999px; /* 9999px */
-  --nile-radius-base-standard: 4px; /* 4px */
-  --nile-radius-4xl: 48px; /* 48px */
-  --nile-radius-3xl: 32px; /* 32px */
-  --nile-radius-2xl: 24px; /* 24px */
-  --nile-radio-outer-width: 14px;
-  --nile-radio-outer-height: 14px;
-  --nile-radio-outer-border-color: var(--nile-colors-neutral-700);
-  --nile-radio-outer-background-color: var(--nile-colors-white-base);
-  --nile-radio-inner-width: 9px;
-  --nile-radio-inner-height: 9px;
-  --nile-radio-hover-border-color: var(--nile-colors-primary-600);
-  --nile-radio-hover-background-color: var(--nile-colors-primary-100);
-  --nile-radio-checked-icon-background: var(--nile-colors-primary-600);
-  --nile-radio-checked-hover-icon-background-color: var(--nile-colors-primary-900);
-  --nile-radio-checked-hover-border-color: var(--nile-colors-primary-900);
-  --nile-radio-checked-hover-background-color: var(--nile-colors-white-base);
-  --nile-radio-checked-border-color: var(--nile-colors-primary-600);
-  --nile-radio-checked-background-color: var(--nile-colors-white-base);
-  --nile-progress-bar-track-color-stroke: var(--nile-colors-neutral-400);
-  --nile-progress-bar-progress-color-stroke: var(--nile-colors-primary-600);
-  --nile-page-header-subheading-line-height: 18px;
-  --nile-page-header-subheading-font-weight: 400;
-  --nile-page-header-subheading-font-size: 12px;
-  --nile-page-header-subheading-font-color: var(--nile-colors-dark-900);
-  --nile-page-header-line-border-color: var(--nile-colors-neutral-400);
-  --nile-page-header-heading-line-height: 30px;
-  --nile-page-header-heading-font-weight: var(--nile-font-weight-medium);
-  --nile-page-header-heading-font-size: var(--nile-type-scale-6);
-  --nile-page-header-heading-font-color: var(--nile-colors-dark-900);
-  --nile-menu-item-background-color: var(--nile-colors-neutral-100);
-  --nile-line-height-xsmall: 1rem; /* 16px */
-  --nile-line-height-xlarge: 2.25rem; /* 36px */
-  --nile-line-height-text-base-condensed: var(--nile-line-height-small); /* 20px */
-  --nile-line-height-small: 1.25rem; /* 20px */
-  --nile-line-height-medium: 1.5rem; /* 24px */
-  --nile-line-height-large: 1.75rem; /* 28px */
-  --nile-line-height-heading-large: 1rem;
-  --nile-input-standard-disabled-placeholder-font-color: var(--nile-colors-neutral-700);
-  --nile-input-standard-border-color: var(--nile-colors-neutral-500);
-  --nile-input-standard-background-color: var(--nile-colors-white-base);
-  --nile-input-shadow-standard-focused-not-disabled: 0px;
-  --nile-input-shadow-standard: 0px;
-  --nile-input-shadow-destructive-active: 0px;
-  --nile-input-font-size-small: var(--nile-type-scale-3);
-  --nile-input-font-size-medium: var(--nile-type-scale-4);
-  --nile-inline-edit-label-font-color: var(--nile-colors-dark-900);
-  --nile-inline-edit-hover-background-color: var(--nile-colors-neutral-100);
-  --nile-inline-edit-font-color: var(--nile-colors-neutral-700);
-  --nile-hero-text-line-height: 24px;
-  --nile-hero-text-font-weight: 600;
-  --nile-hero-text-font-size: 16px;
-  --nile-hero-text-color: var(--nile-colors-dark-900);
-  --nile-hero-height: 200px;
-  --nile-hero-first-elements-padding: 16px 45px;
-  --nile-hero-color-icon-bg-to-gradient: var(--nile-colors-dark-200);
-  --nile-hero-color-icon-bg-from-gradient: var(--nile-colors-white-base);
-  --nile-hero-color-hero-text: var(--nile-colors-dark-900);
-  --nile-hero-color-bg-to-gradient: var(--nile-colors-dark-100);
-  --nile-hero-color-bg-from-gradient: var(--nile-colors-blue-100);
-  --nile-form-help-text-line-height: 12px;
-  --nile-form-help-text-font-size: var(--nile-type-scale-3);
-  --nile-form-help-text-color: var(--nile-colors-dark-500);
-  --nile-form-error-text-line-height: 12px;
-  --nile-form-error-text-font-size: 12px;
-  --nile-form-error-text-color: var(--nile-colors-red-700);
-  --nile-font-weight-semi-bold: 600;
-  --nile-font-weight-regular: 400;
-  --nile-font-weight-medium: 500;
-  --nile-font-weight-bold: 700;
-  --nile-font-size-xlarge: var(--nile-type-scale-6);
-  --nile-font-size-small: var(--nile-type-scale-2);
-  --nile-font-size-micro: var(--nile-type-scale-1);
-  --nile-font-size-large: var(--nile-type-scale-5);
-  --nile-font-size-base: var(--nile-type-scale-3);
-  --nile-font-family-serif-colfax-medium: colfax-medium, Times, Georgia, serif;
-  --nile-font-family-serif: colfax-regular, Times, Georgia, serif;
-  --nile-font-family-sans-serif: colfax-regular, Helvetica, Helvetica Neue, Arial, Segoe UI, Roboto, Droid Sans, sans-serif;
-  --nile-font-family-medium: colfax-medium;
-  --nile-font-family-body: var(--nile-font-family-sans-serif);
-  --nile-filter-chip-values-color-default: var(--nile-colors-primary-600);
-  --nile-filter-chip-text-default: var(--nile-colors-dark-900);
-  --nile-filter-chip-link-clear-all-color-default: var(--nile-colors-primary-600);
-  --nile-filter-chip-label-color-default: var(--nile-colors-dark-900);
-  --nile-filter-chip-icon-color-default: var(--nile-colors-neutral-500);
-  --nile-filter-chip-hover-background: var(--nile-colors-dark-200);
-  --nile-filter-chip-close-icon-hover-color: var(--nile-colors-neutral-700);
-  --nile-filter-chip-close-icon-hover-background: var(--nile-colors-neutral-100);
-  --nile-filter-chip-close-icon-color-default: var(--nile-colors-dark-500);
-  --nile-filter-chip-chip-border-color-stroke: var(--nile-colors-neutral-400);
-  --nile-filter-chip-background-default: var(--nile-colors-white-base);
-  --nile-filter-chip-active-border-color-stroke: var(--nile-colors-neutral-700);
-  --nile-filter-chip-active-background: var(--nile-colors-neutral-400);
-  --nile-empty-state-min-width: 300px;
-  --nile-empty-state-max-width: 512px;
-  --nile-colors-yellow-700: #B89219;
-  --nile-colors-yellow-500: #E5BF43;
-  --nile-colors-yellow-400: #F3E0A5;
-  --nile-colors-yellow-100: #FEFCF6;
-  --nile-colors-white-base: #FFFFFF;
-  --nile-colors-white-500: rgba(255, 255, 255, 0.5);
-  --nile-colors-white-200: rgba(255, 255, 255, 0.2);
-  --nile-colors-red-700: #A4121C;
-  --nile-colors-red-500: #E5434D;
-  --nile-colors-red-400: #F3A5AA;
-  --nile-colors-red-100: #FEF6F7;
-  --nile-colors-primary-900: #002F53;
-  --nile-colors-primary-700: #005291;
-  --nile-colors-primary-600: #005EA6;
-  --nile-colors-primary-500: #80AED3;
-  --nile-colors-primary-400: rgba(0, 94, 166, 0.25);
-  --nile-colors-primary-100: rgba(0, 94, 166, 0.1);
-  --nile-colors-neutral-700: #777D82;
-  --nile-colors-neutral-500: #C7CED4;
-  --nile-colors-neutral-400: #E6E9EB;
-  --nile-colors-neutral-100: #FAFAFA;
-  --nile-colors-green-700: #19B893;
-  --nile-colors-green-500: #43E5C0;
-  --nile-colors-green-400: #A5F3E1;
-  --nile-colors-green-100: #F6FEFC;
-  --nile-colors-dark-900: #000000;
-  --nile-colors-dark-500: #7F7F7F;
-  --nile-colors-dark-200: #F5F7F7;
-  --nile-colors-dark-100: rgba(0, 0, 0, 0.1);
-  --nile-colors-blue-700: #1978B8;
-  --nile-colors-blue-500: #42A3E5;
-  --nile-colors-blue-400: #A5D3F3;
-  --nile-colors-blue-100: #F5FAFE;
-  --nile-circular-progress-bar-track-color-stroke: var(--nile-colors-neutral-400);
-  --nile-circular-progress-bar-progress-color-stroke: var(--nile-colors-primary-600);
-  --nile-circular-progress-bar-circle-color-text: var(--nile-colors-dark-900);
-  --nile-checkbox-color-outline-standard: transparent;
-  --nile-checkbox-color-border-standard: var(--nile-colors-neutral-500);
-  --nile-checkbox-color-border-hover: var(--nile-colors-primary-600);
-  --nile-checkbox-color-border-checked-standard: var(--nile-colors-primary-600);
-  --nile-checkbox-color-border-checked-hover: var(--nile-colors-primary-900);
-  --nile-checkbox-color-background-standard: var(--nile-colors-white-base);
-  --nile-checkbox-color-background-hover: var(--nile-colors-primary-100);
-  --nile-checkbox-color-background-checked-standard: var(--nile-colors-primary-600);
-  --nile-checkbox-color-background-checked-hover: var(--nile-colors-primary-900);
-  --nile-card-footer-padding: 9px 18px 9px 18px;
-  --nile-card-footer-border-width: 1px 1px 1px 1px;
-  --nile-card-footer-border-radius: 0 0 4px 4px;
-  --nile-card-footer-border-color: var(--nile-colors-neutral-500);
-  --nile-card-footer-background-color: var(--nile-colors-neutral-100);
-  --nile-card-color-border: var(--nile-colors-primary-900);
-  --nile-card-box-shadow: 0px 0px 0px 0px;
-  --nile-button-toggle-text-color-standard: var(--nile-colors-dark-900);
-  --nile-button-toggle-text-color-hover: var(--nile-colors-dark-900);
-  --nile-button-toggle-color-background-non-active-standard: var(--nile-colors-neutral-400);
-  --nile-button-toggle-color-background-non-active-hover: var(--nile-colors-neutral-100);
-  --nile-button-toggle-color-background-non-active-disabled: var(--nile-colors-white-base);
-  --nile-button-toggle-color-background-active-standard: var(--nile-colors-neutral-500);
-  --nile-button-toggle-color-background-active-hover: var(--nile-colors-neutral-500);
-  --nile-button-toggle-color-background-active-disabled: var(--nile-colors-neutral-100);
-  --nile-button-toggle-border-color: var(--nile-colors-neutral-500);
-  --nile-breakpoint-xlarge: 85rem; /* 1360px */
-  --nile-breakpoint-small: 22.5rem; /* 360px */
-  --nile-breakpoint-medium: 48rem; /* 768px */
-  --nile-breakpoint-max: 99rem; /* 1584px */
-  --nile-breakpoint-large: 66rem; /* 1056px */
-  --nile-badge-color-pill-outline-warning: #dc6803;
-  --nile-badge-color-pill-outline-success: #079455;
-  --nile-badge-color-pill-outline-purple: #6938ef;
-  --nile-badge-color-pill-outline-pink: #dd2590;
-  --nile-badge-color-pill-outline-orange: #e04f16;
-  --nile-badge-color-pill-outline-indigo: #444ce7;
-  --nile-badge-color-pill-outline-grayblue: #3e4784;
-  --nile-badge-color-pill-outline-gray: var(--nile-colors-primary-900);
-  --nile-badge-color-pill-outline-error: #d92d20;
-  --nile-badge-color-pill-outline-brand: var(--nile-colors-primary-600);
-  --nile-badge-color-pill-outline-bluelight: #0086c9;
-  --nile-badge-color-pill-outline-blue: #1570ef;
-  --nile-badge-color-font-warning: var(--nile-colors-dark-900);
-  --nile-badge-color-font-success: var(--nile-colors-dark-900);
-  --nile-badge-color-font-purple: #5925dc;
-  --nile-badge-color-font-primary: var(--nile-colors-white-base);
-  --nile-badge-color-font-pink: #c11574;
-  --nile-badge-color-font-orange: #b93815;
-  --nile-badge-color-font-indigo: #3538cd;
-  --nile-badge-color-font-grayblue: #363f72;
-  --nile-badge-color-font-gray: #344054;
-  --nile-badge-color-font-error: var(--nile-colors-dark-900);
-  --nile-badge-color-font-brand: var(--nile-colors-primary-700);
-  --nile-badge-color-font-bluelight: #026aa2;
-  --nile-badge-color-font-blue: #175cd3;
-  --nile-badge-color-border-width: 0px;
-  --nile-badge-color-border-color-warning: #fedf89;
-  --nile-badge-color-border-color-success: #abefc6;
-  --nile-badge-color-border-color-purple: #d9d6fe;
-  --nile-badge-color-border-color-pink: #fcceee;
-  --nile-badge-color-border-color-orange: #f9dbaf;
-  --nile-badge-color-border-color-indigo: #c7d7fe;
-  --nile-badge-color-border-color-grayblue: #d5d9eb;
-  --nile-badge-color-border-color-gray: var(--nile-colors-neutral-400);
-  --nile-badge-color-border-color-error: #fecdca;
-  --nile-badge-color-border-color-brand: #b5c9e0;
-  --nile-badge-color-border-color-bluelight: #b9e6fe;
-  --nile-badge-color-border-color-blue: #b2ddff;
-  --nile-badge-color-background-warning: var(--nile-colors-yellow-400);
-  --nile-badge-color-background-success: var(--nile-colors-green-400);
-  --nile-badge-color-background-purple: #f4f3ff;
-  --nile-badge-color-background-primary: var(--nile-colors-primary-600);
-  --nile-badge-color-background-pink: #fdf2fa;
-  --nile-badge-color-background-orange: #fef6ee;
-  --nile-badge-color-background-normal: var(--nile-colors-neutral-400);
-  --nile-badge-color-background-info: var(--nile-colors-blue-400);
-  --nile-badge-color-background-indigo: #eef4ff;
-  --nile-badge-color-background-grayblue: #f8f9fc;
-  --nile-badge-color-background-gray: var(--nile-colors-neutral-100);
-  --nile-badge-color-background-error: var(--nile-colors-red-400);
-  --nile-badge-color-background-brand: #eaf0f8;
-  --nile-badge-color-background-bluelight: #f0f9ff;
-  --nile-badge-color-background-blue: #eff8ff;
-  --nile-avatar-background-color-pink: #c11574;
-  --nile-avatar-background-color-orange: #e04f16;
-  --nile-avatar-background-color-lightblue: #0086c9;
-  --nile-avatar-background-color-green: #079455;
-  --nile-avatar-background-color-blue: #3538cd;
-  --nile-asset-icon-x-circle: assets/icons/x-circle.svg;
-  --nile-asset-icon-writeexpression: assets/icons/writeexpression.svg;
-  --nile-asset-icon-workflow-text: assets/icons/workflow-text.svg;
-  --nile-asset-icon-workflow-solid: assets/icons/workflow-solid.svg;
-  --nile-asset-icon-workflow-section: assets/icons/workflow-section.svg;
-  --nile-asset-icon-workflow-orchestration: assets/icons/workflow-orchestration.svg;
-  --nile-asset-icon-workflow-application: assets/icons/workflow-application.svg;
-  --nile-asset-icon-workflow-01: assets/icons/workflow-01.svg;
-  --nile-asset-icon-workflow: assets/icons/workflow.svg;
-  --nile-asset-icon-whileloop: assets/icons/whileloop.svg;
-  --nile-asset-icon-while: assets/icons/while.svg;
-  --nile-asset-icon-warning-01: assets/icons/warning-01.svg;
-  --nile-asset-icon-warning: assets/icons/warning.svg;
-  --nile-asset-icon-wait: assets/icons/wait.svg;
-  --nile-asset-icon-visibilityoff: assets/icons/visibilityoff.svg;
-  --nile-asset-icon-visibility: assets/icons/visibility.svg;
-  --nile-asset-icon-virtualservergroup: assets/icons/virtualservergroup.svg;
-  --nile-asset-icon-virtualserver: assets/icons/virtualserver.svg;
-  --nile-asset-icon-view: assets/icons/view.svg;
-  --nile-asset-icon-video: assets/icons/video.svg;
-  --nile-asset-icon-variable-new-1: assets/icons/variable-new-1.svg;
-  --nile-asset-icon-variable-new: assets/icons/variable-new.svg;
-  --nile-asset-icon-variable-local-1: assets/icons/variable-local-1.svg;
-  --nile-asset-icon-variable-local: assets/icons/variable-local.svg;
-  --nile-asset-icon-variable-global: assets/icons/variable-global.svg;
-  --nile-asset-icon-variable: assets/icons/variable.svg;
-  --nile-asset-icon-validationexpression: assets/icons/validationexpression.svg;
-  --nile-asset-icon-userupdate: assets/icons/userupdate.svg;
-  --nile-asset-icon-users-up: assets/icons/users-up.svg;
-  --nile-asset-icon-users-plus: assets/icons/users-plus.svg;
-  --nile-asset-icon-users-02: assets/icons/users-02.svg;
-  --nile-asset-icon-users-01: assets/icons/users-01.svg;
-  --nile-asset-icon-users: assets/icons/users.svg;
-  --nile-asset-icon-userremovegroup: assets/icons/userremovegroup.svg;
-  --nile-asset-icon-userremove-2: assets/icons/userremove-2.svg;
-  --nile-asset-icon-userremove-1: assets/icons/userremove-1.svg;
-  --nile-asset-icon-userremove: assets/icons/userremove.svg;
-  --nile-asset-icon-usermixed: assets/icons/usermixed.svg;
-  --nile-asset-icon-userimportgroup: assets/icons/userimportgroup.svg;
-  --nile-asset-icon-userimport: assets/icons/userimport.svg;
-  --nile-asset-icon-userfind: assets/icons/userfind.svg;
-  --nile-asset-icon-useraddgroup: assets/icons/useraddgroup.svg;
-  --nile-asset-icon-useradd: assets/icons/useradd.svg;
-  --nile-asset-icon-useractive: assets/icons/useractive.svg;
-  --nile-asset-icon-user-square: assets/icons/user-square.svg;
-  --nile-asset-icon-user-selection: assets/icons/user-selection.svg;
-  --nile-asset-icon-user-inactive: assets/icons/user-inactive.svg;
-  --nile-asset-icon-user-group: assets/icons/user-group.svg;
-  --nile-asset-icon-user-circle: assets/icons/user-circle.svg;
-  --nile-asset-icon-user-analysis-icon: assets/icons/user-analysis-icon.svg;
-  --nile-asset-icon-user-03: assets/icons/user-03.svg;
-  --nile-asset-icon-user-01: assets/icons/user-01.svg;
-  --nile-asset-icon-user: assets/icons/user.svg;
-  --nile-asset-icon-upload: assets/icons/upload.svg;
-  --nile-asset-icon-upgrade: assets/icons/upgrade.svg;
-  --nile-asset-icon-updown: assets/icons/updown.svg;
-  --nile-asset-icon-updateuser: assets/icons/updateuser.svg;
-  --nile-asset-icon-update: assets/icons/update.svg;
-  --nile-asset-icon-uparrow: assets/icons/uparrow.svg;
-  --nile-asset-icon-unmute: assets/icons/unmute.svg;
-  --nile-asset-icon-union: assets/icons/union.svg;
-  --nile-asset-icon-undo-1: assets/icons/undo-1.svg;
-  --nile-asset-icon-undo-02: assets/icons/undo-02.svg;
-  --nile-asset-icon-undo: assets/icons/undo.svg;
-  --nile-asset-icon-trigger: assets/icons/trigger.svg;
-  --nile-asset-icon-trend-up-02: assets/icons/trend-up-02.svg;
-  --nile-asset-icon-trash-no-fill: assets/icons/trash-no-fill.svg;
-  --nile-asset-icon-trash-03: assets/icons/trash-03.svg;
-  --nile-asset-icon-trash-01: assets/icons/trash-01.svg;
-  --nile-asset-icon-trash: assets/icons/trash.svg;
-  --nile-asset-icon-transaction-monitor: assets/icons/transaction_monitor.svg;
-  --nile-asset-icon-timezone: assets/icons/timezone.svg;
-  --nile-asset-icon-timeupdate: assets/icons/timeupdate.svg;
-  --nile-asset-icon-tick: assets/icons/tick.svg;
-  --nile-asset-icon-thumsup: assets/icons/thumsup.svg;
-  --nile-asset-icon-thumbsup: assets/icons/thumbsup.svg;
-  --nile-asset-icon-thumbsdown: assets/icons/thumbsdown.svg;
-  --nile-asset-icon-themes: assets/icons/themes.svg;
-  --nile-asset-icon-textarea-expander: assets/icons/textarea-expander.svg;
-  --nile-asset-icon-text-02: assets/icons/text-02.svg;
-  --nile-asset-icon-text: assets/icons/text.svg;
-  --nile-asset-icon-test: assets/icons/test.svg;
-  --nile-asset-icon-tag: assets/icons/tag.svg;
-  --nile-asset-icon-table-1: assets/icons/table-1.svg;
-  --nile-asset-icon-table: assets/icons/table.svg;
-  --nile-asset-icon-sync: assets/icons/sync.svg;
-  --nile-asset-icon-switch: assets/icons/switch.svg;
-  --nile-asset-icon-swap: assets/icons/swap.svg;
-  --nile-asset-icon-support: assets/icons/support.svg;
-  --nile-asset-icon-stringletters: assets/icons/stringletters.svg;
-  --nile-asset-icon-stringinput: assets/icons/stringinput.svg;
-  --nile-asset-icon-string: assets/icons/string.svg;
-  --nile-asset-icon-storybook: assets/icons/storybook.svg;
-  --nile-asset-icon-stop-circle: assets/icons/stop-circle.svg;
-  --nile-asset-icon-stop: assets/icons/stop.svg;
-  --nile-asset-icon-step-over: assets/icons/step_over.svg;
-  --nile-asset-icon-step-out: assets/icons/step_out.svg;
-  --nile-asset-icon-step-into: assets/icons/step_into.svg;
-  --nile-asset-icon-stacked-bar-chart: assets/icons/stacked-bar-chart.svg;
-  --nile-asset-icon-sortup: assets/icons/sortup.svg;
-  --nile-asset-icon-sortdown: assets/icons/sortdown.svg;
-  --nile-asset-icon-sortdescending: assets/icons/sortdescending.svg;
-  --nile-asset-icon-sortascending: assets/icons/sortascending.svg;
-  --nile-asset-icon-sort-descending: assets/icons/sort_descending.svg;
-  --nile-asset-icon-sort-ascending: assets/icons/sort_ascending.svg;
-  --nile-asset-icon-sort: assets/icons/sort.svg;
-  --nile-asset-icon-smartcode: assets/icons/smartcode.svg;
-  --nile-asset-icon-smalltick: assets/icons/smalltick.svg;
-  --nile-asset-icon-shield-01: assets/icons/shield-01.svg;
-  --nile-asset-icon-share: assets/icons/share.svg;
-  --nile-asset-icon-shape: assets/icons/shape.svg;
-  --nile-asset-icon-settings-1: assets/icons/settings-1.svg;
-  --nile-asset-icon-settings-02: assets/icons/settings-02.svg;
-  --nile-asset-icon-settings: assets/icons/settings.svg;
-  --nile-asset-icon-setting: assets/icons/setting.svg;
-  --nile-asset-icon-server-03: assets/icons/server-03.svg;
-  --nile-asset-icon-sendreminder: assets/icons/sendreminder.svg;
-  --nile-asset-icon-sendprompt: assets/icons/sendprompt.svg;
-  --nile-asset-icon-sendescalation: assets/icons/sendescalation.svg;
-  --nile-asset-icon-sendemail: assets/icons/sendemail.svg;
-  --nile-asset-icon-send: assets/icons/send.svg;
-  --nile-asset-icon-semi-circle-donut-chart: assets/icons/semi-circle-donut-chart.svg;
-  --nile-asset-icon-selectuser: assets/icons/selectuser.svg;
-  --nile-asset-icon-selectattributes: assets/icons/selectattributes.svg;
-  --nile-asset-icon-selectapplication: assets/icons/selectapplication.svg;
-  --nile-asset-icon-select-02: assets/icons/select-02.svg;
-  --nile-asset-icon-select: assets/icons/select.svg;
-  --nile-asset-icon-section-02: assets/icons/section-02.svg;
-  --nile-asset-icon-section: assets/icons/section.svg;
-  --nile-asset-icon-search-steps-icon: assets/icons/search-steps-icon.svg;
-  --nile-asset-icon-search-lg: assets/icons/search-lg.svg;
-  --nile-asset-icon-search: assets/icons/search.svg;
-  --nile-asset-icon-script: assets/icons/script.svg;
-  --nile-asset-icon-schema: assets/icons/schema.svg;
-  --nile-asset-icon-schedule: assets/icons/schedule.svg;
-  --nile-asset-icon-scatter-plot: assets/icons/scatter-plot.svg;
-  --nile-asset-icon-save: assets/icons/save.svg;
-  --nile-asset-icon-sankey: assets/icons/sankey.svg;
-  --nile-asset-icon-run: assets/icons/run.svg;
-  --nile-asset-icon-rolemanager: assets/icons/rolemanager.svg;
-  --nile-asset-icon-role: assets/icons/role.svg;
-  --nile-asset-icon-rocket-02: assets/icons/rocket-02.svg;
-  --nile-asset-icon-rightarrow: assets/icons/rightarrow.svg;
-  --nile-asset-icon-right-union: assets/icons/right-union.svg;
-  --nile-asset-icon-right-join: assets/icons/right-join.svg;
-  --nile-asset-icon-revokation-cycle: assets/icons/revokation-cycle.svg;
-  --nile-asset-icon-revocationcycle: assets/icons/revocationcycle.svg;
-  --nile-asset-icon-restart-alt: assets/icons/restart_alt.svg;
-  --nile-asset-icon-resource-graph: assets/icons/resource_graph.svg;
-  --nile-asset-icon-resource-analysis: assets/icons/resource_analysis.svg;
-  --nile-asset-icon-resource: assets/icons/resource.svg;
-  --nile-asset-icon-resize: assets/icons/resize.svg;
-  --nile-asset-icon-reminder: assets/icons/reminder.svg;
-  --nile-asset-icon-refresh-cw-03: assets/icons/refresh-cw-03.svg;
-  --nile-asset-icon-refresh: assets/icons/refresh.svg;
-  --nile-asset-icon-redo-02: assets/icons/redo-02.svg;
-  --nile-asset-icon-redo: assets/icons/redo.svg;
-  --nile-asset-icon-reddot: assets/icons/reddot.svg;
-  --nile-asset-icon-readuser: assets/icons/readuser.svg;
-  --nile-asset-icon-readonlyuser: assets/icons/readonlyuser.svg;
-  --nile-asset-icon-readonly: assets/icons/readonly.svg;
-  --nile-asset-icon-readexpression: assets/icons/readexpression.svg;
-  --nile-asset-icon-read: assets/icons/read.svg;
-  --nile-asset-icon-radiodone: assets/icons/radiodone.svg;
-  --nile-asset-icon-radioactive: assets/icons/radioactive.svg;
-  --nile-asset-icon-radio: assets/icons/radio.svg;
-  --nile-asset-icon-radar: assets/icons/radar.svg;
-  --nile-asset-icon-question: assets/icons/question.svg;
-  --nile-asset-icon-professionaldetails: assets/icons/professionaldetails.svg;
-  --nile-asset-icon-process: assets/icons/process.svg;
-  --nile-asset-icon-privilegeobject: assets/icons/privilegeobject.svg;
-  --nile-asset-icon-privilege: assets/icons/privilege.svg;
-  --nile-asset-icon-privilage: assets/icons/privilage.svg;
-  --nile-asset-icon-priority-medium: assets/icons/priority-medium.svg;
-  --nile-asset-icon-priority-low: assets/icons/priority-low.svg;
-  --nile-asset-icon-priority-highest: assets/icons/priority-highest.svg;
-  --nile-asset-icon-priority-high: assets/icons/priority-high.svg;
-  --nile-asset-icon-printer: assets/icons/printer.svg;
-  --nile-asset-icon-preview: assets/icons/preview.svg;
-  --nile-asset-icon-prev-up: assets/icons/prev-up.svg;
-  --nile-asset-icon-prev: assets/icons/prev.svg;
-  --nile-asset-icon-predefined: assets/icons/predefined.svg;
-  --nile-asset-icon-poweron: assets/icons/poweron.svg;
-  --nile-asset-icon-potentialmatch: assets/icons/potentialmatch.svg;
-  --nile-asset-icon-policy: assets/icons/policy.svg;
-  --nile-asset-icon-plussquare: assets/icons/plussquare.svg;
-  --nile-asset-icon-pluscircle: assets/icons/pluscircle.svg;
-  --nile-asset-icon-plus-icon: assets/icons/plus-icon.svg;
-  --nile-asset-icon-plus: assets/icons/plus.svg;
-  --nile-asset-icon-play-pause: assets/icons/play_pause.svg;
-  --nile-asset-icon-play-circle: assets/icons/play-circle.svg;
-  --nile-asset-icon-play: assets/icons/play.svg;
-  --nile-asset-icon-placeholder-wf: assets/icons/placeholder-wf.svg;
-  --nile-asset-icon-pin: assets/icons/pin.svg;
-  --nile-asset-icon-pie: assets/icons/pie.svg;
-  --nile-asset-icon-phone: assets/icons/phone.svg;
-  --nile-asset-icon-personaldetails: assets/icons/personaldetails.svg;
-  --nile-asset-icon-persistentdata: assets/icons/persistentdata.svg;
-  --nile-asset-icon-persistent-variable: assets/icons/persistent-variable.svg;
-  --nile-asset-icon-peopletask: assets/icons/peopletask.svg;
-  --nile-asset-icon-pencil: assets/icons/pencil.svg;
-  --nile-asset-icon-pen: assets/icons/pen.svg;
-  --nile-asset-icon-pause: assets/icons/pause.svg;
-  --nile-asset-icon-partners: assets/icons/partners.svg;
-  --nile-asset-icon-partner: assets/icons/partner.svg;
-  --nile-asset-icon-paperclip: assets/icons/paperclip.svg;
-  --nile-asset-icon-palletemenu: assets/icons/palletemenu.svg;
-  --nile-asset-icon-palette: assets/icons/palette.svg;
-  --nile-asset-icon-override: assets/icons/override.svg;
-  --nile-asset-icon-ou-analysis-icon: assets/icons/ou-analysis-icon.svg;
-  --nile-asset-icon-otherdetails: assets/icons/otherdetails.svg;
-  --nile-asset-icon-other: assets/icons/other.svg;
-  --nile-asset-icon-organization: assets/icons/organization.svg;
-  --nile-asset-icon-orchestration-solid: assets/icons/orchestration-solid.svg;
-  --nile-asset-icon-orchestration: assets/icons/orchestration.svg;
-  --nile-asset-icon-options: assets/icons/options.svg;
-  --nile-asset-icon-operators: assets/icons/operators.svg;
-  --nile-asset-icon-object: assets/icons/object.svg;
-  --nile-asset-icon-numbers: assets/icons/numbers.svg;
-  --nile-asset-icon-numberinput: assets/icons/numberinput.svg;
-  --nile-asset-icon-number: assets/icons/number.svg;
-  --nile-asset-icon-null: assets/icons/null.svg;
-  --nile-asset-icon-notscheduled: assets/icons/notscheduled.svg;
-  --nile-asset-icon-notificationadded: assets/icons/notificationadded.svg;
-  --nile-asset-icon-notificationadd: assets/icons/notificationadd.svg;
-  --nile-asset-icon-notification: assets/icons/notification.svg;
-  --nile-asset-icon-note: assets/icons/note.svg;
-  --nile-asset-icon-not: assets/icons/not.svg;
-  --nile-asset-icon-nomatch: assets/icons/nomatch.svg;
-  --nile-asset-icon-no-anomaly: assets/icons/no-anomaly.svg;
-  --nile-asset-icon-nlp: assets/icons/nlp.svg;
-  --nile-asset-icon-nightingale-chart: assets/icons/nightingale-chart.svg;
-  --nile-asset-icon-next-down: assets/icons/next-down.svg;
-  --nile-asset-icon-next: assets/icons/next.svg;
-  --nile-asset-icon-my-integration: assets/icons/my-integration.svg;
-  --nile-asset-icon-mute: assets/icons/mute.svg;
-  --nile-asset-icon-multiple-user: assets/icons/multiple-user.svg;
-  --nile-asset-icon-moveright: assets/icons/moveright.svg;
-  --nile-asset-icon-moveleft: assets/icons/moveleft.svg;
-  --nile-asset-icon-move-application: assets/icons/move-application.svg;
-  --nile-asset-icon-mouse: assets/icons/mouse.svg;
-  --nile-asset-icon-monitor-01: assets/icons/monitor-01.svg;
-  --nile-asset-icon-minus: assets/icons/minus.svg;
-  --nile-asset-icon-message-notification-square: assets/icons/message-notification-square.svg;
-  --nile-asset-icon-menu: assets/icons/menu.svg;
-  --nile-asset-icon-maximize: assets/icons/maximize.svg;
-  --nile-asset-icon-marker-pin-01: assets/icons/marker-pin-01.svg;
-  --nile-asset-icon-mapupdate: assets/icons/mapupdate.svg;
-  --nile-asset-icon-mapper: assets/icons/mapper.svg;
-  --nile-asset-icon-maponupdate: assets/icons/maponupdate.svg;
-  --nile-asset-icon-maponcreate: assets/icons/maponcreate.svg;
-  --nile-asset-icon-mapdont: assets/icons/mapdont.svg;
-  --nile-asset-icon-mapcreate: assets/icons/mapcreate.svg;
-  --nile-asset-icon-map: assets/icons/map.svg;
-  --nile-asset-icon-manageduser: assets/icons/manageduser.svg;
-  --nile-asset-icon-manage: assets/icons/manage.svg;
-  --nile-asset-icon-loop: assets/icons/loop.svg;
-  --nile-asset-icon-logs: assets/icons/logs.svg;
-  --nile-asset-icon-logout: assets/icons/logout.svg;
-  --nile-asset-icon-logo-white: assets/icons/logo-white.svg;
-  --nile-asset-icon-log-info: assets/icons/log-info.svg;
-  --nile-asset-icon-log: assets/icons/log.svg;
-  --nile-asset-icon-lock: assets/icons/lock.svg;
-  --nile-asset-icon-loading2: assets/icons/loading2.svg;
-  --nile-asset-icon-loading: assets/icons/loading.svg;
-  --nile-asset-icon-loader: assets/icons/loader.svg;
-  --nile-asset-icon-list-attribute: assets/icons/list-attribute.svg;
-  --nile-asset-icon-list: assets/icons/list.svg;
-  --nile-asset-icon-link: assets/icons/link.svg;
-  --nile-asset-icon-line: assets/icons/line.svg;
-  --nile-asset-icon-life-buoy-01: assets/icons/life-buoy-01.svg;
-  --nile-asset-icon-leftpointarrow: assets/icons/leftpointarrow.svg;
-  --nile-asset-icon-leftarrow: assets/icons/leftarrow.svg;
-  --nile-asset-icon-left-union: assets/icons/left-union.svg;
-  --nile-asset-icon-left-join: assets/icons/left-join.svg;
-  --nile-asset-icon-layout-alt-03: assets/icons/layout-alt-03.svg;
-  --nile-asset-icon-layout-alt-02: assets/icons/layout-alt-02.svg;
-  --nile-asset-icon-layers-three-02: assets/icons/layers-three-02.svg;
-  --nile-asset-icon-layers-three-01: assets/icons/layers-three-01.svg;
-  --nile-asset-icon-laptop-01: assets/icons/laptop-01.svg;
-  --nile-asset-icon-kill: assets/icons/kill.svg;
-  --nile-asset-icon-keyboard-01: assets/icons/keyboard-01.svg;
-  --nile-asset-icon-key-performance-indicator: assets/icons/key-performance-indicator.svg;
-  --nile-asset-icon-js: assets/icons/js.svg;
-  --nile-asset-icon-itemplaceholder: assets/icons/itemplaceholder.svg;
-  --nile-asset-icon-intersection: assets/icons/intersection.svg;
-  --nile-asset-icon-integer: assets/icons/integer.svg;
-  --nile-asset-icon-insert-at-cursor: assets/icons/insert-at-cursor.svg;
-  --nile-asset-icon-inprogress: assets/icons/inprogress.svg;
-  --nile-asset-icon-inner-union: assets/icons/inner-union.svg;
-  --nile-asset-icon-info2: assets/icons/info2.svg;
-  --nile-asset-icon-info-icon1: assets/icons/info-icon1.svg;
-  --nile-asset-icon-info-icon: assets/icons/info-icon.svg;
-  --nile-asset-icon-info-circle: assets/icons/info-circle.svg;
-  --nile-asset-icon-info: assets/icons/info.svg;
-  --nile-asset-icon-immutable: assets/icons/immutable.svg;
-  --nile-asset-icon-image: assets/icons/image.svg;
-  --nile-asset-icon-ifelse: assets/icons/ifelse.svg;
-  --nile-asset-icon-if: assets/icons/if.svg;
-  --nile-asset-icon-identityledger: assets/icons/identityledger.svg;
-  --nile-asset-icon-identitygraph: assets/icons/identitygraph.svg;
-  --nile-asset-icon-history: assets/icons/history.svg;
-  --nile-asset-icon-helpsupport: assets/icons/helpsupport.svg;
-  --nile-asset-icon-helpers: assets/icons/helpers.svg;
-  --nile-asset-icon-helpandsupport: assets/icons/helpandsupport.svg;
-  --nile-asset-icon-help-circle: assets/icons/help-circle.svg;
-  --nile-asset-icon-help-1: assets/icons/help-1.svg;
-  --nile-asset-icon-help: assets/icons/help.svg;
-  --nile-asset-icon-headphones-01: assets/icons/headphones-01.svg;
-  --nile-asset-icon-header-variable: assets/icons/header-variable.svg;
-  --nile-asset-icon-header-tasks: assets/icons/header-tasks.svg;
-  --nile-asset-icon-header-functions: assets/icons/header-functions.svg;
-  --nile-asset-icon-header-flows: assets/icons/header-flows.svg;
-  --nile-asset-icon-header-child-workflow: assets/icons/header-child-workflow.svg;
-  --nile-asset-icon-header-actions: assets/icons/header-actions.svg;
-  --nile-asset-icon-handtool: assets/icons/handtool.svg;
-  --nile-asset-icon-guide-01: assets/icons/guide-01.svg;
-  --nile-asset-icon-guide: assets/icons/guide.svg;
-  --nile-asset-icon-groups: assets/icons/groups.svg;
-  --nile-asset-icon-groupby: assets/icons/groupby.svg;
-  --nile-asset-icon-group-analysis-icon: assets/icons/group-analysis-icon.svg;
-  --nile-asset-icon-group: assets/icons/group.svg;
-  --nile-asset-icon-grid-01: assets/icons/grid-01.svg;
-  --nile-asset-icon-greylightdot: assets/icons/greylightdot.svg;
-  --nile-asset-icon-greydot: assets/icons/greydot.svg;
-  --nile-asset-icon-greendot: assets/icons/greendot.svg;
-  --nile-asset-icon-graphedit: assets/icons/graphedit.svg;
-  --nile-asset-icon-graph: assets/icons/graph.svg;
-  --nile-asset-icon-goto: assets/icons/goto.svg;
-  --nile-asset-icon-globe-03: assets/icons/globe-03.svg;
-  --nile-asset-icon-globe: assets/icons/globe.svg;
-  --nile-asset-icon-global-search: assets/icons/global-search.svg;
-  --nile-asset-icon-generationphase: assets/icons/generationphase.svg;
-  --nile-asset-icon-general: assets/icons/general.svg;
-  --nile-asset-icon-gauge: assets/icons/gauge.svg;
-  --nile-asset-icon-gateway: assets/icons/gateway.svg;
-  --nile-asset-icon-funnel-02: assets/icons/funnel-02.svg;
-  --nile-asset-icon-funnel: assets/icons/funnel.svg;
-  --nile-asset-icon-fullscreenshrink: assets/icons/fullscreenshrink.svg;
-  --nile-asset-icon-fullscreenexit: assets/icons/fullscreenexit.svg;
-  --nile-asset-icon-fullscreen: assets/icons/fullscreen.svg;
-  --nile-asset-icon-full-union: assets/icons/full-union.svg;
-  --nile-asset-icon-frequency: assets/icons/frequency.svg;
-  --nile-asset-icon-form: assets/icons/form.svg;
-  --nile-asset-icon-foreach: assets/icons/foreach.svg;
-  --nile-asset-icon-folder-01: assets/icons/folder-01.svg;
-  --nile-asset-icon-folder: assets/icons/folder.svg;
-  --nile-asset-icon-flowmap-workflow: assets/icons/flowmap-workflow.svg;
-  --nile-asset-icon-flowmap-undo: assets/icons/flowmap-undo.svg;
-  --nile-asset-icon-flowmap-text: assets/icons/flowmap-text.svg;
-  --nile-asset-icon-flowmap-section: assets/icons/flowmap-section.svg;
-  --nile-asset-icon-flowmap-redo: assets/icons/flowmap-redo.svg;
-  --nile-asset-icon-flowmap-orchestration: assets/icons/flowmap-orchestration.svg;
-  --nile-asset-icon-flowmap-hand: assets/icons/flowmap-hand.svg;
-  --nile-asset-icon-flowmap-gateway: assets/icons/flowmap-gateway.svg;
-  --nile-asset-icon-flowmap-firewall-agent: assets/icons/flowmap-firewall-agent.svg;
-  --nile-asset-icon-flowmap-firewall: assets/icons/flowmap-firewall.svg;
-  --nile-asset-icon-flowmap-ellipsis: assets/icons/flowmap-ellipsis.svg;
-  --nile-asset-icon-flowmap-drag: assets/icons/flowmap-drag.svg;
-  --nile-asset-icon-flowmap-colorpalatte: assets/icons/flowmap-colorpalatte.svg;
-  --nile-asset-icon-flowmap-cancel: assets/icons/flowmap-cancel.svg;
-  --nile-asset-icon-flowmap-block: assets/icons/flowmap-block.svg;
-  --nile-asset-icon-flowmap-aquera: assets/icons/flowmap-aquera.svg;
-  --nile-asset-icon-flowmap-application: assets/icons/flowmap-application.svg;
-  --nile-asset-icon-flowmap-agent: assets/icons/flowmap-agent.svg;
-  --nile-asset-icon-flowmap: assets/icons/flowmap.svg;
-  --nile-asset-icon-flow-h: assets/icons/flow-h.svg;
-  --nile-asset-icon-flow-01: assets/icons/flow-01.svg;
-  --nile-asset-icon-flow: assets/icons/flow.svg;
-  --nile-asset-icon-firewallagent: assets/icons/firewallagent.svg;
-  --nile-asset-icon-firewall: assets/icons/firewall.svg;
-  --nile-asset-icon-fingerprint-03: assets/icons/fingerprint-03.svg;
-  --nile-asset-icon-filter-1: assets/icons/filter-1.svg;
-  --nile-asset-icon-filter: assets/icons/filter.svg;
-  --nile-asset-icon-file-type-icon: assets/icons/file-type-icon.svg;
-  --nile-asset-icon-file-shield-02: assets/icons/file-shield-02.svg;
-  --nile-asset-icon-file-shield-01: assets/icons/file-shield-01.svg;
-  --nile-asset-icon-file-check-02: assets/icons/file-check-02.svg;
-  --nile-asset-icon-file-06: assets/icons/file-06.svg;
-  --nile-asset-icon-file: assets/icons/file.svg;
-  --nile-asset-icon-featured-icon: assets/icons/featured-icon.svg;
-  --nile-asset-icon-eyeclosed: assets/icons/eyeclosed.svg;
-  --nile-asset-icon-eye-off: assets/icons/eye-off.svg;
-  --nile-asset-icon-eye: assets/icons/eye.svg;
-  --nile-asset-icon-expand-2: assets/icons/expand-2.svg;
-  --nile-asset-icon-expand-1: assets/icons/expand-1.svg;
-  --nile-asset-icon-expand-06: assets/icons/expand-06.svg;
-  --nile-asset-icon-expand-03: assets/icons/expand-03.svg;
-  --nile-asset-icon-expand: assets/icons/expand.svg;
-  --nile-asset-icon-execute: assets/icons/execute.svg;
-  --nile-asset-icon-exactmatch: assets/icons/exactmatch.svg;
-  --nile-asset-icon-every: assets/icons/every.svg;
-  --nile-asset-icon-event: assets/icons/event.svg;
-  --nile-asset-icon-escalate: assets/icons/escalate.svg;
-  --nile-asset-icon-error: assets/icons/error.svg;
-  --nile-asset-icon-entitlement: assets/icons/entitlement.svg;
-  --nile-asset-icon-entities: assets/icons/entities.svg;
-  --nile-asset-icon-enabled: assets/icons/enabled.svg;
-  --nile-asset-icon-enable: assets/icons/enable.svg;
-  --nile-asset-icon-email: assets/icons/email.svg;
-  --nile-asset-icon-else: assets/icons/else.svg;
-  --nile-asset-icon-edit-write: assets/icons/edit-write.svg;
-  --nile-asset-icon-edit-pencil: assets/icons/edit-pencil.svg;
-  --nile-asset-icon-edit-1: assets/icons/edit-1.svg;
-  --nile-asset-icon-edit-01: assets/icons/edit-01.svg;
-  --nile-asset-icon-dropdown: assets/icons/dropdown.svg;
-  --nile-asset-icon-droparrow: assets/icons/droparrow.svg;
-  --nile-asset-icon-draglist: assets/icons/draglist.svg;
-  --nile-asset-icon-drag: assets/icons/drag.svg;
-  --nile-asset-icon-download-02: assets/icons/download-02.svg;
-  --nile-asset-icon-download-01: assets/icons/download-01.svg;
-  --nile-asset-icon-download: assets/icons/download.svg;
-  --nile-asset-icon-downgrade: assets/icons/downgrade.svg;
-  --nile-asset-icon-downarrow: assets/icons/downarrow.svg;
-  --nile-asset-icon-dowhileloop: assets/icons/dowhileloop.svg;
-  --nile-asset-icon-doublearrowright: assets/icons/doublearrowright.svg;
-  --nile-asset-icon-doublearrowleft: assets/icons/doublearrowleft.svg;
-  --nile-asset-icon-dots-vertical: assets/icons/dots-vertical.svg;
-  --nile-asset-icon-dots-grid: assets/icons/dots-grid.svg;
-  --nile-asset-icon-dotpoints-02: assets/icons/dotpoints-02.svg;
-  --nile-asset-icon-donut: assets/icons/donut.svg;
-  --nile-asset-icon-dontmap: assets/icons/dontmap.svg;
-  --nile-asset-icon-done-02: assets/icons/done-02.svg;
-  --nile-asset-icon-done: assets/icons/done.svg;
-  --nile-asset-icon-document: assets/icons/document.svg;
-  --nile-asset-icon-dock-to-right: assets/icons/dock-to-right.svg;
-  --nile-asset-icon-disabled: assets/icons/disabled.svg;
-  --nile-asset-icon-directory: assets/icons/directory.svg;
-  --nile-asset-icon-deligateduser: assets/icons/deligateduser.svg;
-  --nile-asset-icon-deleteuser: assets/icons/deleteuser.svg;
-  --nile-asset-icon-delete: assets/icons/delete.svg;
-  --nile-asset-icon-delegate: assets/icons/delegate.svg;
-  --nile-asset-icon-default-cursor: assets/icons/default-cursor.svg;
-  --nile-asset-icon-default-1: assets/icons/default-1.svg;
-  --nile-asset-icon-default: assets/icons/default.svg;
-  --nile-asset-icon-dataflow-04: assets/icons/dataflow-04.svg;
-  --nile-asset-icon-dataflow-03: assets/icons/dataflow-03.svg;
-  --nile-asset-icon-databaseview: assets/icons/databaseview.svg;
-  --nile-asset-icon-database-1: assets/icons/database-1.svg;
-  --nile-asset-icon-database: assets/icons/database.svg;
-  --nile-asset-icon-data-type-variable: assets/icons/data-type-variable.svg;
-  --nile-asset-icon-data-type-unknown: assets/icons/data-type-unknown.svg;
-  --nile-asset-icon-data-type-string: assets/icons/data-type-string.svg;
-  --nile-asset-icon-data-type-persistent-variable: assets/icons/data-type-persistent-variable.svg;
-  --nile-asset-icon-data-type-number: assets/icons/data-type-number.svg;
-  --nile-asset-icon-data-type-null: assets/icons/data-type-null.svg;
-  --nile-asset-icon-data-type-json: assets/icons/data-type-json.svg;
-  --nile-asset-icon-data-type-expression: assets/icons/data-type-expression.svg;
-  --nile-asset-icon-data-type-boolean: assets/icons/data-type-boolean.svg;
-  --nile-asset-icon-data-type-array: assets/icons/data-type-array.svg;
-  --nile-asset-icon-data-insight: assets/icons/data-insight.svg;
-  --nile-asset-icon-dashboard: assets/icons/dashboard.svg;
-  --nile-asset-icon-custom: assets/icons/custom.svg;
-  --nile-asset-icon-createuser: assets/icons/createuser.svg;
-  --nile-asset-icon-create: assets/icons/create.svg;
-  --nile-asset-icon-cost-analytics: assets/icons/cost-analytics.svg;
-  --nile-asset-icon-correlation: assets/icons/correlation.svg;
-  --nile-asset-icon-cor-analysis: assets/icons/cor-analysis.svg;
-  --nile-asset-icon-copy-06: assets/icons/copy-06.svg;
-  --nile-asset-icon-copy: assets/icons/copy.svg;
-  --nile-asset-icon-continuous: assets/icons/continuous.svg;
-  --nile-asset-icon-connectorrightarrow: assets/icons/connectorrightarrow.svg;
-  --nile-asset-icon-connectivitymap: assets/icons/connectivitymap.svg;
-  --nile-asset-icon-connect: assets/icons/connect.svg;
-  --nile-asset-icon-conditions: assets/icons/conditions.svg;
-  --nile-asset-icon-condition: assets/icons/condition.svg;
-  --nile-asset-icon-componenttext: assets/icons/componenttext.svg;
-  --nile-asset-icon-components-icon: assets/icons/components-icon.svg;
-  --nile-asset-icon-componentblock: assets/icons/componentblock.svg;
-  --nile-asset-icon-component-menu: assets/icons/component-menu.svg;
-  --nile-asset-icon-component: assets/icons/component.svg;
-  --nile-asset-icon-compare-tiles: assets/icons/compare-tiles.svg;
-  --nile-asset-icon-compare: assets/icons/compare.svg;
-  --nile-asset-icon-compact: assets/icons/compact.svg;
-  --nile-asset-icon-comment: assets/icons/comment.svg;
-  --nile-asset-icon-combo1: assets/icons/combo1.svg;
-  --nile-asset-icon-columns-03: assets/icons/columns-03.svg;
-  --nile-asset-icon-column-02: assets/icons/column-02.svg;
-  --nile-asset-icon-color: assets/icons/color.svg;
-  --nile-asset-icon-collapse-1: assets/icons/collapse-1.svg;
-  --nile-asset-icon-collapse: assets/icons/collapse.svg;
-  --nile-asset-icon-code-generator: assets/icons/code-generator.svg;
-  --nile-asset-icon-cloud-01: assets/icons/cloud-01.svg;
-  --nile-asset-icon-close: assets/icons/close.svg;
-  --nile-asset-icon-clock-rewind: assets/icons/clock-rewind.svg;
-  --nile-asset-icon-clock-check: assets/icons/clock-check.svg;
-  --nile-asset-icon-clock: assets/icons/clock.svg;
-  --nile-asset-icon-chevron-up: assets/icons/chevron-up.svg;
-  --nile-asset-icon-chevron-selector-vertical: assets/icons/chevron-selector-vertical.svg;
-  --nile-asset-icon-chevron-left-double: assets/icons/chevron-left-double.svg;
-  --nile-asset-icon-chevron-down: assets/icons/chevron-down.svg;
-  --nile-asset-icon-check-done-02: assets/icons/check-done-02.svg;
-  --nile-asset-icon-check-done-01: assets/icons/check-done-01.svg;
-  --nile-asset-icon-check-circle: assets/icons/check-circle.svg;
-  --nile-asset-icon-check: assets/icons/check.svg;
-  --nile-asset-icon-certification: assets/icons/certification.svg;
-  --nile-asset-icon-cell-loader: assets/icons/cell-loader.svg;
-  --nile-asset-icon-caution: assets/icons/caution.svg;
-  --nile-asset-icon-cases: assets/icons/cases.svg;
-  --nile-asset-icon-cancel: assets/icons/cancel.svg;
-  --nile-asset-icon-calendar-01: assets/icons/calendar-01.svg;
-  --nile-asset-icon-calendar: assets/icons/calendar.svg;
-  --nile-asset-icon-button-loading-white: assets/icons/button-loading-white.svg;
-  --nile-asset-icon-button-loading-blue-animated: assets/icons/button-loading-blue-animated.svg;
-  --nile-asset-icon-button-loading-blue: assets/icons/button-loading-blue.svg;
-  --nile-asset-icon-button-loading-black: assets/icons/button-loading-black.svg;
-  --nile-asset-icon-bulk-sync: assets/icons/bulk-sync.svg;
-  --nile-asset-icon-bubble-chart: assets/icons/bubble-chart.svg;
-  --nile-asset-icon-box: assets/icons/box.svg;
-  --nile-asset-icon-border-all: assets/icons/border_all.svg;
-  --nile-asset-icon-boolean: assets/icons/boolean.svg;
-  --nile-asset-icon-book-closed: assets/icons/book-closed.svg;
-  --nile-asset-icon-bluedot: assets/icons/bluedot.svg;
-  --nile-asset-icon-block-02: assets/icons/block-02.svg;
-  --nile-asset-icon-block: assets/icons/block.svg;
-  --nile-asset-icon-bell-icon: assets/icons/bell-icon.svg;
-  --nile-asset-icon-bell: assets/icons/bell.svg;
-  --nile-asset-icon-basic: assets/icons/basic.svg;
-  --nile-asset-icon-bargraph: assets/icons/bargraph.svg;
-  --nile-asset-icon-bar-chart-square-03: assets/icons/bar-chart-square-03.svg;
-  --nile-asset-icon-bar-chart-square-02: assets/icons/bar-chart-square-02.svg;
-  --nile-asset-icon-bar-chart: assets/icons/bar-chart.svg;
-  --nile-asset-icon-bar-and-line-chart: assets/icons/bar-and-line-chart.svg;
-  --nile-asset-icon-back: assets/icons/back.svg;
-  --nile-asset-icon-automation-details: assets/icons/automation-details.svg;
-  --nile-asset-icon-attributemap: assets/icons/attributemap.svg;
-  --nile-asset-icon-attribute-map-analysis-icon: assets/icons/attribute-map-analysis-icon.svg;
-  --nile-asset-icon-arrowup: assets/icons/arrowup.svg;
-  --nile-asset-icon-arrowright: assets/icons/arrowright.svg;
-  --nile-asset-icon-arrowleft: assets/icons/arrowleft.svg;
-  --nile-asset-icon-arrowdropup: assets/icons/arrowdropup.svg;
-  --nile-asset-icon-arrowdropdown: assets/icons/arrowdropdown.svg;
-  --nile-asset-icon-arrowdown: assets/icons/arrowdown.svg;
-  --nile-asset-icon-arrow-narrow-left: assets/icons/arrow-narrow-left.svg;
-  --nile-asset-icon-arrow: assets/icons/arrow.svg;
-  --nile-asset-icon-arrayofobject: assets/icons/arrayofobject.svg;
-  --nile-asset-icon-array-of-string: assets/icons/array-of-string.svg;
-  --nile-asset-icon-array-of-integer: assets/icons/array-of-integer.svg;
-  --nile-asset-icon-array-of-boolean: assets/icons/array-of-boolean.svg;
-  --nile-asset-icon-array-loop: assets/icons/array-loop.svg;
-  --nile-asset-icon-array: assets/icons/array.svg;
-  --nile-asset-icon-aquerasupport: assets/icons/aquerasupport.svg;
-  --nile-asset-icon-aquera: assets/icons/aquera.svg;
-  --nile-asset-icon-apps: assets/icons/apps.svg;
-  --nile-asset-icon-approve: assets/icons/approve.svg;
-  --nile-asset-icon-apply-filter: assets/icons/apply-filter.svg;
-  --nile-asset-icon-applications-2: assets/icons/applications-2.svg;
-  --nile-asset-icon-applications: assets/icons/applications.svg;
-  --nile-asset-icon-application: assets/icons/application.svg;
-  --nile-asset-icon-api: assets/icons/api.svg;
-  --nile-asset-icon-anomaly: assets/icons/anomaly.svg;
-  --nile-asset-icon-analytics: assets/icons/analytics.svg;
-  --nile-asset-icon-allsearch: assets/icons/allsearch.svg;
-  --nile-asset-icon-allapplication: assets/icons/allapplication.svg;
-  --nile-asset-icon-alert-circle: assets/icons/alert-circle.svg;
-  --nile-asset-icon-alert: assets/icons/alert.svg;
-  --nile-asset-icon-aggregation: assets/icons/aggregation.svg;
-  --nile-asset-icon-agents: assets/icons/agents.svg;
-  --nile-asset-icon-agent: assets/icons/agent.svg;
-  --nile-asset-icon-admin-users: assets/icons/admin-users.svg;
-  --nile-asset-icon-address: assets/icons/address.svg;
-  --nile-asset-icon-activity-logs: assets/icons/activity-logs.svg;
-  --nile-asset-icon-actionworkflow: assets/icons/actionworkflow.svg;
-  --nile-asset-icon-action: assets/icons/action.svg;
-  --nile-asset-icon-accessreview: assets/icons/accessreview.svg;
-  --nile-asset-icon-access-request: assets/icons/access-request.svg;
-  --nile-alert-color-background-warning: var(--nile-colors-primary-600);
-  --nile-alert-color-background-success: var(--nile-colors-primary-600);
-  --nile-alert-color-background-info: var(--nile-colors-primary-600);
-  --nile-alert-color-background-error: var(--nile-colors-primary-600);
-  --nile-alert-color-background-base: var(--nile-colors-primary-600);
- 
-
-
-
-/*--------------------------------------------------------------*/
-
-  /* Button */
-  --nile-colors-button-primary: var(--nile-colors-primary-600);
-  --nile-colors-button-primary-border: var(--nile-colors-primary-600);
-  --nile-colors-button-primary-hover: var(--nile-colors-primary-700);
-  --nile-colors-button-primary-pressed: var(--nile-colors-primary-700);
-  --nile-colors-button-primary-pressed-border: var(--nile-colors-primary-900);
-  --nile-colors-button-primary-disabled: var(--nile-colors-neutral-700);
-  --nile-colors-button-primary-text: var(--nile-colors-white-base);
-  --nile-colors-button-primary-disabled-text: var(--nile-colors-neutral-500);
-
-  --nile-colors-button-secondary: #E5E9EB;
-  --nile-colors-button-secondary-border: #E5E9EB;
-  --nile-colors-button-secondary-hover: var(--nile-colors-neutral-500);
-  --nile-colors-button-secondary-pressed: var(--nile-colors-neutral-500);
-  --nile-colors-button-secondary-pressed-border: var(--nile-colors-neutral-700);
-  --nile-colors-button-secondary-disabled: #E5E9EB;
-  --nile-colors-button-secondary-text: var(--nile-colors-dark-900);
-  --nile-colors-button-secondary-disabled-text: var(--nile-colors-dark-500);
-  --nile-colors-button-secondary-disabled-border: #E5E9EB;
-
-  --nile-colors-button-caution: var(--nile-colors-red-500);
-  --nile-colors-button-caution-hover: var(--nile-colors-red-700);
-  --nile-colors-button-caution-pressed: var(--nile-colors-red-700);
-  --nile-colors-button-caution-pressed-border: #820B0B;
-  --nile-colors-button-caution-disabled: var(--nile-colors-neutral-500);
-  --nile-colors-button-caution-text: var(--nile-colors-white-base);
-  --nile-colors-button-caution-disabled-text: #E5E9EB;
-
-  --nile-colors-button-tertiary: var(--nile-colors-white-base);
-  --nile-colors-button-tertiary-border: var(--nile-colors-neutral-500);
-  --nile-colors-button-tertiary-hover: var(--nile-colors-dark-200);
-  --nile-colors-button-tertiary-pressed: #E5E9EB;
-  --nile-colors-button-tertiary-pressed-border: var(--nile-colors-neutral-700);
-  --nile-colors-button-tertiary-disabled: var(--nile-colors-white-base);
-  --nile-colors-button-tertiary-text: var(--nile-colors-dark-900);
-  --nile-colors-button-tertiary-disabled-text: var(--nile-colors-neutral-500);
-  /*--------------------------------------------------------------*/
-}