isncsci-ui/dist/css/_tokens.css

Web components package for the ISNCSCI project.

/**
 * Do not edit directly
 * Generated on Thu, 15 May 2025 17:45:00 GMT
 */

:root {
  --color-gray-100: #ababab;
  --color-gray-200: #848484;
  --color-gray-300: #777777;
  --color-gray-400: #6a6a6a;
  --color-gray-500: #5e5e5e;
  --color-gray-600: #525252;
  --color-gray-700: #3b3b3b;
  --color-gray-800: #303030;
  --color-gray-900: #1b1b1b;
  --color-gray-1000: #000000;
  --color-gray-000: #ffffff;
  --color-gray-015: #f9f9f9;
  --color-gray-025: #f1f1f1;
  --color-gray-050: #d4d4d4;
  --color-lilac-100: #e188ff;
  --color-lilac-200: #cd37ff;
  --color-lilac-300: #bb2fe9;
  --color-lilac-400: #a82ad1;
  --color-lilac-500: #9525ba;
  --color-lilac-600: #8221a3;
  --color-lilac-700: #5f1877;
  --color-lilac-800: #4e1462;
  --color-lilac-900: #2e0b39;
  --color-lilac-015: #fdf7ff;
  --color-lilac-025: #faecff;
  --color-lilac-050: #f1c6ff;
  --color-blue-100: #00bae8;
  --color-blue-200: #008fb3;
  --color-blue-300: #0081a2;
  --color-blue-400: #007491;
  --color-blue-500: #006781;
  --color-blue-600: #005a71;
  --color-blue-700: #004152;
  --color-blue-800: #003543;
  --color-blue-900: #001f27;
  --color-blue-015: #eefcff;
  --color-blue-025: #d5f7ff;
  --color-blue-050: #74e3ff;
  --color-orange-100: #f6916c;
  --color-orange-200: #e35522;
  --color-orange-300: #cd4d1f;
  --color-orange-400: #b8451c;
  --color-orange-500: #a43d18;
  --color-orange-600: #8f3515;
  --color-orange-700: #682710;
  --color-orange-800: #55200d;
  --color-orange-900: #311207;
  --color-orange-015: #fef8f6;
  --color-orange-025: #feede8;
  --color-orange-050: #facab8;
  --color-text-primary: #1b1b1b;
  --color-bg-primary: #ffffff;
  --font-size-200: .625rem;
  --font-size-300: .75rem;
  --font-size-400: .875rem;
  --font-size-500: 1rem;
  --font-size-600: 1.25rem;
  --font-size-700: 1.5rem;
  --font-size-800: 1.75rem;
  --font-size-900: 2rem;
  --font-size-1000: 2.5rem;
  --font-size-1100: 4.25rem;
  --font-weight-lighter: 100;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-line-height-200: .875rem;
  --font-line-height-300: 1rem;
  --font-line-height-400: 1.25rem;
  --font-line-height-500: 1.375rem;
  --font-line-height-600: 1.625rem;
  --font-line-height-700: 2rem;
  --font-line-height-800: 2.25rem;
  --font-line-height-900: 2.5rem;
  --font-line-height-1000: 3.25rem;
  --font-line-height-1100: 5.75rem;
  --space-0: 0;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-28: 7rem;
  --space-32: 8rem;
  --space-025: .0625rem;
  --space-05: .125rem;
  --border-radius-1: .25rem;
  --border-radius-2: .5rem;
  --border-radius-3: .75rem;
  --border-radius-4: 1rem;
  --border-radius-5: 1.25rem;
  --border-radius-6: 1.875rem;
  --border-radius-00: 0rem;
  --border-radius-05: .125rem;
  --border-radius-full: 624.9375rem;
  --border-width-1: .0625rem;
  --border-width-2: .125rem;
  --border-width-3: .1875rem;
  --border-width-4: .25rem;
  --border-width-5: .3125rem;
  --z-index-1: 100;
  --z-index-2: 400;
  --z-index-3: 510;
  --z-index-4: 512;
  --z-index-5: 513;
  --z-index-6: 514;
  --z-index-7: 515;
  --z-index-8: 516;
  --z-index-9: 517;
  --z-index-10: 518;
  --z-index-11: 519;
  --z-index-12: 520;
  --breakpoint-xs: 0rem;
  --breakpoint-sm: 22.5rem;
  --breakpoint-md: 48rem;
  --breakpoint-lg: 64rem;
  --breakpoint-xl: 90rem;
  --light-grid-caption-2-foreground: #5e5e5e;
  --light-grid-caption-foreground: #000000;
  --light-grid-border-cell: #3b3b3b;
  --light-grid-border-cell-total: #ababab;
  --light-input-label-on-surface: #5e5e5e;
  --light-input-on-surface: #000000;
  --light-input-border: #ababab;
  --light-foreground-caption: #303030;
  --light-foreground-caption-2: #5e5e5e;
  --light-foreground-primary: #000000;
  --light-foreground-subdued: #5e5e5e;
  --light-body-diagram-bg: #ababab;
  --light-body-diagram-segment-bg: #f9f9f9;
  --light-body-diagram-key-sensory-point-bg: #848484;
  --light-body-diagram-foreground: #6a6a6a;
  --light-body-diagram-guide-bg: #848484;
  --light-shadow: #5f1877;
  --light-acrylic: rgba(255, 255, 255, 0.4000);
  --light-primary: #a82ad1;
  --light-button-surface: rgba(255, 255, 255, 0.0000);
  --light-button-on-surface: #1b1b1b;
  --light-button-surface-hover: rgba(51, 4, 73, 0.0800);
  --light-button-surface-active: rgba(51, 4, 73, 0.1200);
  --light-on-primary: #ffffff;
  --light-error: #b8451c;
  --light-secondary: #007491;
  --light-on-secondary: #ffffff;
  --light-on-error: #ffffff;
  --light-on-surface: #1b1b1b;
  --light-color: #1b1b1b;
  --light-surface: #f1eaf4;
  --light-surface-dim: #e6ccee;
  --light-surface-container-lowest: #ffffff;
  --light-surface-container-low: #f4f1f5;
  --light-surface-container: #efeaf1;
  --light-surface-container-high: #eae3ec;
  --light-surface-container-highest: #e3dae6;
  --light-surface-bright: #fcf6fd;
  --light-primary-container: #eed7f6;
  --light-secondary-container: #cfe5ea;
  --light-error-container: #f2dcd4;
  --light-drop-down-border: #ababab;
  --light-text-area-border: #848484;
  --light-totals-label-foreground: #5e5e5e;
  --light-isncsci-input-surface: rgba(255, 255, 255, 0.4000);
  --light-isncsci-input-button-surface: #ffffff;
  --light-isncsci-input-button-surface-disabled: #f1f1f1;
  --light-isncsci-input-button-surface-hover: #faecff;
  --light-isncsci-input-button-on-surface: #525252;
  --light-isncsci-input-button-on-surface-disabled: #6a6a6a;
  --light-isncsci-input-button-border: #d4d4d4;
  --light-isncsci-input-button-divider: #d4d4d4;
  --light-isncsci-input-button-surface-selected: #a82ad1;
  --light-isncsci-input-button-on-surface-selected: #ffffff;
  --light-isncsci-input-button-surface-active: #f1c6ff;
  --light-acrylic-medium: rgba(255, 255, 255, 0.6000);
  --light-acrylic-medium-high: rgba(255, 255, 255, 0.8000);
  --light-soft-error: #fef8f6;
  --light-on-soft-errorr: #682710;
  --light-app-bar-surface: rgba(255, 255, 255, 0.1000);
  --light-app-surface: radial-gradient(141.57% 87% at 0% 0%, rgba(0, 117, 255, 0.06) 0%, rgba(0, 117, 255, 0.01) 100%), radial-gradient(113.77% 70.76% at 100% 100%, rgba(143, 0, 255, 0.06) 0%, rgba(143, 0, 255, 0.01) 100%);
  --totals-cell-width: 3.25rem;
  --type-scale-caption-2-font-size: .625rem;
  --type-scale-caption-2-weight: 400;
  --type-scale-caption-2-line-height: .875rem;
  --type-scale-caption-2-strong-font-size: .625rem;
  --type-scale-caption-2-strong-weight: 700;
  --type-scale-caption-2-strong-line-height: .875rem;
  --type-scale-caption-1-font-size: .75rem;
  --type-scale-caption-1-weight: 400;
  --type-scale-caption-1-line-height: .75rem;
  --type-scale-caption-1-strong-font-size: .75rem;
  --type-scale-caption-1-strong-weight: 600;
  --type-scale-caption-1-strong-line-height: .75rem;
  --type-scale-caption-1-stronger-font-size: .75rem;
  --type-scale-caption-1-stronger-weight: 700;
  --type-scale-caption-1-stronger-line-height: .75rem;
  --type-scale-body-1-font-size: .875rem;
  --type-scale-body-1-weight: 400;
  --type-scale-body-1-line-height: .875rem;
  --type-scale-body-1-strong-font-size: .875rem;
  --type-scale-body-1-strong-weight: 600;
  --type-scale-body-1-strong-line-height: .875rem;
  --type-scale-body-1-stronger-font-size: .875rem;
  --type-scale-body-1-stronger-weight: 700;
  --type-scale-body-1-stronger-line-height: .875rem;
  --type-scale-subtitle-2-font-size: 1rem;
  --type-scale-subtitle-2-weight: 400;
  --type-scale-subtitle-2-line-height: 1rem;
  --type-scale-subtitle-2-strong-font-size: 1rem;
  --type-scale-subtitle-2-strong-weight: 600;
  --type-scale-subtitle-2-strong-line-height: 1rem;
  --type-scale-subtitle-2-stronger-font-size: 1rem;
  --type-scale-subtitle-2-stronger-weight: 700;
  --type-scale-subtitle-2-stronger-line-height: 1rem;
  --type-scale-subtitle-1-font-size: 1.25rem;
  --type-scale-subtitle-1-weight: 400;
  --type-scale-subtitle-1-line-height: 1.25rem;
  --type-scale-title-3-font-size: 1.5rem;
  --type-scale-title-3-weight: 600;
  --type-scale-title-3-line-height: 1.5rem;
  --type-scale-title-2-font-size: 1.75rem;
  --type-scale-title-2-weight: 600;
  --type-scale-title-2-line-height: 1.75rem;
  --type-scale-title-1-font-size: 2rem;
  --type-scale-title-1-weight: 600;
  --type-scale-title-1-line-height: 2rem;
  --type-scale-large-title-font-size: 2.5rem;
  --type-scale-large-title-weight: 600;
  --type-scale-large-title-line-height: 2.5rem;
  --type-scale-display-font-size: 4.25rem;
  --type-scale-display-font-weight: 600;
  --type-scale-display-line-height: 4.25rem;
  --input-border-radius: .25rem;
  --input-height: 2.25rem;
  --spacing-isncsci-grid-gap: 0;
  --isncsci-input-button-border-radius: .25rem;
  --isncsci-input-button-border-radius-none: 0;
  --isncsci-input-button-height: 2.375rem;
  --isncsci-input-button-border-width: .0625rem;
  --isncsci-input-button-divider-width: .0625rem;
  --isncsci-input-button-divider-gap: .5rem;
  --isncsci-input-button-active-font-size: .75rem;
  --isncsci-input-input-layout-mobile-up-width: 22.5rem;
  --isncsci-input-buttons-gap: .25rem;
  --isncsci-input-width: 332;
  --isncsci-input-border-radius: .5rem;
  --isncsci-anal-function-width: 5rem;
  --isncsci-anal-function-height: 2.25rem;
  --isncsci-anal-function-border-radius: .25rem;
  --button-border-radius: .25rem;
  --icon-button-border-radius: .25rem;
  --icon-button-width: 2.5rem;
  --icon-button-height: 2.5rem;
  --icon-button-compact-width: 2rem;
  --icon-button-compact-height: 2rem;
  --app-bar-height: 3.5rem;
  --app-bar-padding: .75rem;
  --app-bar-gap: 1.25rem;
  --exam-padding-top: 1rem;
  --exam-padding-bottom: 7.5rem;
  --exam-large-padding-bottom: 1.75rem;
  --exam-large-padding-top: 7.5rem;
  --dialog-header-padding-top: 0;
  --dialog-header-height: 3.5rem;
  --dialog-header-padding-right: .75rem;
  --dialog-header-padding-bottom: 0;
  --dialog-header-padding-left: 3.25rem;
  --classification-gap: 2.5rem;
  --classification-padding: 1rem;
  --classification-z-index: 100;
  --classification-padding-bottom: 2rem;
  --classification-total-padding-left: .5rem;
  --classification-total-padding-right: .5rem;
  --classification-total-padding-bottom: .25rem;
  --classification-total-padding-top: .25rem;
  --acrylic-background-blur: 1.5rem;
  --acrylic-backdrop-filter: blur(var(--acrylic-background-blur));
  --acrylic-inner-shadow: inset 0 0 0.125rem rgba(255, 255, 255, 0.4);
  --shadow-inset-small: inset 0 0 0.1875rem rgba(95, 24, 119, 0.56);
  --shadow-inset-medium: inset 0 0.125rem 0.25rem rgba(95, 24, 119, 0.32);
  --shadow-inset-large: inset 0 0 0.4375rem 0.125rem rgba(95, 24, 119, 0.18);
  --shadow-none: none;
  --shadow-extra-small: 0 0 0.125rem rgba(95, 24, 119, 0.24);
  --shadow-small: 0 0.125rem 0.125rem rgba(95, 24, 119, 0.1);
  --shadow-medium: 0 0.125rem 0.25rem rgba(95, 24, 119, 0.1), 0 0.0625rem 0.375rem rgba(95, 24, 119, 0.05);
  --shadow-large: 0 0.25rem 0.75rem rgba(95, 24, 119, 0.2), 0 0.125rem 0.375rem rgba(95, 24, 119, 0.05);
  --shadow-extra-large: 0 0.25rem 1rem -0.125rem rgba(95, 24, 119, 0.08), 0 0.75rem 1.125rem -0.125rem rgba(95, 24, 119, 0.15);
  --shadow-xxl: 0 2rem 2rem rgba(95, 24, 119, 0.15), 0 2rem 3.5rem -0.125rem rgba(95, 24, 119, 0.16);
}