/* src/index.css */
@tailwind base;
@tailwind components;
@tailwind utilities;
:root {
  --enmedd-primary-font: "Inter", sans-serif;
  --enmedd-font-style-italic: italic;
  --enmedd-font-size-h1: 80px;
  --enmedd-font-size-h2: 74px;
  --enmedd-font-size-h3: 60px;
  --enmedd-font-size-h4: 40px;
  --enmedd-font-size-h5: 30px;
  --enmedd-font-size-h6: 26px;
  --enmedd-font-size-tiny: 12px;
  --enmedd-font-size-small: 14px;
  --enmedd-font-size-regular: 16px;
  --enmedd-font-size-medium: 20px;
  --enmedd-font-size-large: 22px;
  --enmedd-font-weight-inter-light: 300;
  --enmedd-font-weight-inter-regular: 400;
  --enmedd-font-weight-inter-semi-bold: 600;
  --enmedd-font-weight-inter-bold: 700;
  --enmedd-primary-color-50: #e9f4ff;
  --enmedd-primary-color-100: #d7eaff;
  --enmedd-primary-color-200: #b8d7ff;
  --enmedd-primary-color-300: #8dbaff;
  --enmedd-primary-color-400: #64a3ff;
  --enmedd-primary-color-500: #2039f3;
  --enmedd-primary-color-600: #2d3ada;
  --enmedd-primary-color-700: #3745af;
  --enmedd-primary-color-800: #2b3587;
  --enmedd-secondary-color-50: #f2e7fe;
  --enmedd-secondary-color-100: #dbb2ff;
  --enmedd-secondary-color-200: #be8bfc;
  --enmedd-secondary-color-300: #b78fff;
  --enmedd-secondary-color-400: #ad80ff;
  --enmedd-secondary-color-500: #8e00c7;
  --enmedd-secondary-color-600: #8211bb;
  --enmedd-secondary-color-700: #57007a;
  --enmedd-secondary-color-800: #42005c;
  --enmedd-danger-color-50: #fdecec;
  --enmedd-danger-color-100: #fac5c3;
  --enmedd-danger-color-200: #f7a9a7;
  --enmedd-danger-color-300: #f4827e;
  --enmedd-danger-color-400: #f16d69;
  --enmedd-danger-color-500: #b40808;
  --enmedd-danger-color-600: #a72420;
  --enmedd-danger-color-700: #a12e2b;
  --enmedd-danger-color-800: #832523;
  --enmedd-success-color-50: #ecf8ef;
  --enmedd-success-color-100: #c5e9cd;
  --enmedd-success-color-200: #a9deb4;
  --enmedd-success-color-300: #81cf92;
  --enmedd-success-color-400: #69c57d;
  --enmedd-success-color-500: #256533;
  --enmedd-success-color-600: #1e612e;
  --enmedd-success-color-700: #156627;
  --enmedd-success-color-800: #246130;
  --enmedd-warning-color-50: #fff3e0;
  --enmedd-warning-color-100: #ffe0b2;
  --enmedd-warning-color-200: #ffcc80;
  --enmedd-warning-color-300: #ffb74d;
  --enmedd-warning-color-400: #ffa726;
  --enmedd-warning-color-500: #804c00;
  --enmedd-warning-color-600: #854a00;
  --enmedd-warning-color-700: #814512;
  --enmedd-warning-color-800: #794b1b;
  --enmedd-information-color-50: #e6f4ff;
  --enmedd-information-color-100: #b0deff;
  --enmedd-information-color-200: #8aceff;
  --enmedd-information-color-300: #54b8ff;
  --enmedd-information-color-400: #33aaff;
  --enmedd-information-color-500: #005999;
  --enmedd-information-color-600: #00518a;
  --enmedd-information-color-700: #005794;
  --enmedd-information-color-800: #00528c;
  --enmedd-white-color-50: rgba(255, 255, 255, 0.1);
  --enmedd-white-color-100: rgba(255, 255, 255, 0.2);
  --enmedd-white-color-200: rgba(255, 255, 255, 0.3);
  --enmedd-white-color-300: rgba(255, 255, 255, 0.4);
  --enmedd-white-color-400: rgba(255, 255, 255, 0.5);
  --enmedd-white-color-500: rgba(255, 255, 255, 0.6);
  --enmedd-white-color-600: rgba(255, 255, 255, 0.7);
  --enmedd-white-color-700: rgba(255, 255, 255, 0.8);
  --enmedd-white-color-800: rgba(255, 255, 255, 0.9);
  --enmedd-white-color-900: rgba(255, 255, 255);
  --enmedd-black-color-50: rgba(14, 14, 15, 0.1);
  --enmedd-black-color-100: rgba(14, 14, 15, 0.2);
  --enmedd-black-color-200: rgba(14, 14, 15, 0.3);
  --enmedd-black-color-300: rgba(14, 14, 15, 0.4);
  --enmedd-black-color-400: rgba(14, 14, 15, 0.5);
  --enmedd-black-color-500: rgba(14, 14, 15, 0.6);
  --enmedd-black-color-600: rgba(14, 14, 15, 0.7);
  --enmedd-black-color-700: rgba(14, 14, 15, 0.8);
  --enmedd-black-color-800: rgba(14, 14, 15, 0.9);
  --enmedd-black-color-900: rgba(14, 14, 15);
  --enmedd-line-height-tight: 1.15;
  --enmedd-line-height-heading: 1.2;
  --enmedd-line-height-caption: 1.3;
  --enmedd-line-height: 1.5;
  --enmedd-line-height-form: 20px;
  --enmedd-border-radius-sharp: 0.02em;
  --enmedd-border-radius-small: 3px;
  --enmedd-border-radius-circle: 50%;
  --enmedd-border-radius: 5px;
  --enmedd-border-radius-pill: 999px;
  --enmedd-index-deep: -999999;
  --enmedd-index-default: 1;
  --enmedd-index-masked: 100;
  --enmedd-index-mask: 200;
  --enmedd-index-sticky: 300;
  --enmedd-index-navigation: 400;
  --enmedd-index-top-bar: 500;
  --enmedd-index-overlay: 600;
  --enmedd-index-spinner: 700;
  --enmedd-index-popout: 800;
  --enmedd-index-toast: 900;
  --enmedd-index-modal: 1000;
  --enmedd-space-xs: 4px;
  --enmedd-space-s: 8px;
  --enmedd-space-m: 16px;
  --enmedd-space-l: 24px;
  --enmedd-space-xl: 36px;
  --enmedd-space-xxl: 72px;
  --enmedd-xxs-icon: 4px;
  --enmedd-xs-icon: 8px;
  --enmedd-s-icon: 12px;
  --enmedd-m-icon: 16px;
  --enmedd-l-icon: 24px;
  --enmedd-xl-icon: 36px;
  --enmedd-xxl-icon: 72px;
  --enmedd-elevation-00: 0px 0px 0px 0px #00000000;
  --enmedd-elevation-01:
    0px 1px 3px 0px #00000033,
    0px 2px 1px -1px #0000001f,
    0px 1px 1px 0px #00000024;
  --enmedd-elevation-02:
    0px 1px 5px 0px #00000033,
    0px 3px 1px -2px #0000001f,
    0px 2px 2px 0px #00000024;
  --enmedd-elevation-03:
    0px 2px 4px -1px #00000033,
    0px 1px 10px 0px #0000001f,
    0px 4px 5px 0px #00000024;
  --enmedd-elevation-04:
    0px 3px 5px -1px #00000033,
    0px 1px 18px 0px #0000001f,
    0px 6px 10px 0px #00000024;
  --enmedd-elevation-05:
    0px 5px 5px -3px #00000033,
    0px 3px 14px 2px #0000001f,
    0px 8px 10px 1px #00000024;
  --enmedd-elevation-06:
    0px 7px 8px -4px #00000033,
    0px 5px 22px 4px #0000001f,
    0px 12px 17px 2px #00000024;
  --enmedd-elevation-07:
    0px 8px 10px -5px #00000033,
    0px 6px 30px 5px #0000001f,
    0px 16px 24px 2px #00000024;
  --enmedd-elevation-08:
    0px 11px 15px -7px #00000033,
    0px 9px 46px 8px #0000001f,
    0px 24px 38px 3px #00000024;
}
.enmedd-primary-font {
  font-family: "Inter", sans-serif;
}
.enmedd-font-style-italic {
  font-style: italic;
}
.enmedd-font-size-h1 {
  font-size: 80px;
}
.enmedd-font-size-h2 {
  font-size: 74px;
}
.enmedd-font-size-h3 {
  font-size: 60px;
}
.enmedd-font-size-h4 {
  font-size: 40px;
}
.enmedd-font-size-h5 {
  font-size: 30px;
}
.enmedd-font-size-h6 {
  font-size: 26px;
}
.enmedd-font-size-tiny {
  font-size: 12px;
}
.enmedd-font-size-small {
  font-size: 14px;
}
.enmedd-font-size-regular {
  font-size: 16px;
}
.enmedd-font-size-medium {
  font-size: 20px;
}
.enmedd-font-size-large {
  font-size: 22px;
}
.enmedd-font-weight-inter-light {
  font-weight: 300;
}
.enmedd-font-weight-inter-regular {
  font-weight: 400;
}
.enmedd-font-weight-inter-semi-bold {
  font-weight: 600;
}
.enmedd-font-weight-inter-bold {
  font-weight: 700;
}
.enmedd-primary-color-50 {
  color: #e9f4ff;
}
.enmedd-primary-color-100 {
  color: #d7eaff;
}
.enmedd-primary-color-200 {
  color: #b8d7ff;
}
.enmedd-primary-color-300 {
  color: #8dbaff;
}
.enmedd-primary-color-400 {
  color: #64a3ff;
}
.enmedd-primary-color-500 {
  color: #2039f3;
}
.enmedd-primary-color-600 {
  color: #2d3ada;
}
.enmedd-primary-color-700 {
  color: #3745af;
}
.enmedd-primary-color-800 {
  color: #2b3587;
}
.enmedd-secondary-color-50 {
  color: #f2e7fe;
}
.enmedd-secondary-color-100 {
  color: #dbb2ff;
}
.enmedd-secondary-color-200 {
  color: #be8bfc;
}
.enmedd-secondary-color-300 {
  color: #b78fff;
}
.enmedd-secondary-color-400 {
  color: #ad80ff;
}
.enmedd-secondary-color-500 {
  color: #8e00c7;
}
.enmedd-secondary-color-600 {
  color: #8211bb;
}
.enmedd-secondary-color-700 {
  color: #57007a;
}
.enmedd-secondary-color-800 {
  color: #42005c;
}
.enmedd-danger-color-50 {
  color: #fdecec;
}
.enmedd-danger-color-100 {
  color: #fac5c3;
}
.enmedd-danger-color-200 {
  color: #f7a9a7;
}
.enmedd-danger-color-300 {
  color: #f4827e;
}
.enmedd-danger-color-400 {
  color: #f16d69;
}
.enmedd-danger-color-500 {
  color: #b40808;
}
.enmedd-danger-color-600 {
  color: #a72420;
}
.enmedd-danger-color-700 {
  color: #a12e2b;
}
.enmedd-danger-color-800 {
  color: #832523;
}
.enmedd-success-color-50 {
  color: #ecf8ef;
}
.enmedd-success-color-100 {
  color: #c5e9cd;
}
.enmedd-success-color-200 {
  color: #a9deb4;
}
.enmedd-success-color-300 {
  color: #81cf92;
}
.enmedd-success-color-400 {
  color: #69c57d;
}
.enmedd-success-color-500 {
  color: #256533;
}
.enmedd-success-color-600 {
  color: #1e612e;
}
.enmedd-success-color-700 {
  color: #156627;
}
.enmedd-success-color-800 {
  color: #246130;
}
.enmedd-warning-color-50 {
  color: #fff3e0;
}
.enmedd-warning-color-100 {
  color: #ffe0b2;
}
.enmedd-warning-color-200 {
  color: #ffcc80;
}
.enmedd-warning-color-300 {
  color: #ffb74d;
}
.enmedd-warning-color-400 {
  color: #ffa726;
}
.enmedd-warning-color-500 {
  color: #804c00;
}
.enmedd-warning-color-600 {
  color: #854a00;
}
.enmedd-warning-color-700 {
  color: #814512;
}
.enmedd-warning-color-800 {
  color: #794b1b;
}
.enmedd-information-color-50 {
  color: #e6f4ff;
}
.enmedd-information-color-100 {
  color: #b0deff;
}
.enmedd-information-color-200 {
  color: #8aceff;
}
.enmedd-information-color-300 {
  color: #54b8ff;
}
.enmedd-information-color-400 {
  color: #33aaff;
}
.enmedd-information-color-500 {
  color: #005999;
}
.enmedd-information-color-600 {
  color: #00518a;
}
.enmedd-information-color-700 {
  color: #005794;
}
.enmedd-information-color-800 {
  color: #00528c;
}
.enmedd-white-color-50 {
  color: rgba(255, 255, 255, 0.1);
}
.enmedd-white-color-100 {
  color: rgba(255, 255, 255, 0.2);
}
.enmedd-white-color-200 {
  color: rgba(255, 255, 255, 0.3);
}
.enmedd-white-color-300 {
  color: rgba(255, 255, 255, 0.4);
}
.enmedd-white-color-400 {
  color: rgba(255, 255, 255, 0.5);
}
.enmedd-white-color-500 {
  color: rgba(255, 255, 255, 0.6);
}
.enmedd-white-color-600 {
  color: rgba(255, 255, 255, 0.7);
}
.enmedd-white-color-700 {
  color: rgba(255, 255, 255, 0.8);
}
.enmedd-white-color-800 {
  color: rgba(255, 255, 255, 0.9);
}
.enmedd-white-color-900 {
  color: rgba(255, 255, 255, 1);
}
.enmedd-black-color-50 {
  color: rgba(14, 14, 15, 0.1);
}
.enmedd-black-color-100 {
  color: rgba(14, 14, 15, 0.2);
}
.enmedd-black-color-200 {
  color: rgba(14, 14, 15, 0.3);
}
.enmedd-black-color-300 {
  color: rgba(14, 14, 15, 0.4);
}
.enmedd-black-color-400 {
  color: rgba(14, 14, 15, 0.5);
}
.enmedd-black-color-500 {
  color: rgba(14, 14, 15, 0.6);
}
.enmedd-black-color-600 {
  color: rgba(14, 14, 15, 0.7);
}
.enmedd-black-color-700 {
  color: rgba(14, 14, 15, 0.8);
}
.enmedd-black-color-800 {
  color: rgba(14, 14, 15, 0.9);
}
.enmedd-black-color-900 {
  color: rgba(14, 14, 15, 1);
}
.enmedd-line-height-tight {
  line-height: 1.15;
}
.enmedd-line-height-heading {
  line-height: 1.2;
}
.enmedd-line-height-caption {
  line-height: 1.3;
}
.enmedd-line-height {
  line-height: 1.5;
}
.enmedd-line-height-form {
  line-height: 20px;
}
.enmedd-border-radius-sharp {
  border-radius: 0.02em;
}
.enmedd-border-radius-small {
  border-radius: 3px;
}
.enmedd-border-radius-circle {
  border-radius: 50%;
}
.enmedd-border-radius {
  border-radius: 5px;
}
.enmedd-border-radius-pill {
  border-radius: 999px;
}
.enmedd-index-deep {
  z-index: -999999;
}
.enmedd-index-default {
  z-index: 1;
}
.enmedd-index-masked {
  z-index: 100;
}
.enmedd-index-mask {
  z-index: 200;
}
.enmedd-index-sticky {
  z-index: 300;
}
.enmedd-index-navigation {
  z-index: 400;
}
.enmedd-index-top-bar {
  z-index: 500;
}
.enmedd-index-overlay {
  z-index: 600;
}
.enmedd-index-spinner {
  z-index: 700;
}
.enmedd-index-popout {
  z-index: 800;
}
.enmedd-index-toast {
  z-index: 900;
}
.enmedd-index-modal {
  z-index: 1000;
}
.enmedd-space-xs {
  margin: 4px;
}
.enmedd-space-s {
  margin: 8px;
}
.enmedd-space-m {
  margin: 16px;
}
.enmedd-space-l {
  margin: 24px;
}
.enmedd-space-xl {
  margin: 36px;
}
.enmedd-space-xxl {
  margin: 72px;
}
.enmedd-xxs-icon {
  width: 4px;
  height: 4px;
}
.enmedd-xs-icon {
  width: 8px;
  height: 8px;
}
.enmedd-s-icon {
  width: 12px;
  height: 12px;
}
.enmedd-m-icon {
  width: 16px;
  height: 16px;
}
.enmedd-l-icon {
  width: 24px;
  height: 24px;
}
.enmedd-xl-icon {
  width: 36px;
  height: 36px;
}
.enmedd-xxl-icon {
  width: 72px;
  height: 72px;
}
.enmedd-elevation-00 {
  box-shadow: 0px 0px 0px 0px #00000000;
}
.enmedd-elevation-01 {
  box-shadow:
    0px 1px 3px 0px #00000033,
    0px 2px 1px -1px #0000001f,
    0px 1px 1px 0px #00000024;
}
.enmedd-elevation-02 {
  box-shadow:
    0px 1px 5px 0px #00000033,
    0px 3px 1px -2px #0000001f,
    0px 2px 2px 0px #00000024;
}
.enmedd-elevation-03 {
  box-shadow:
    0px 2px 4px -1px #00000033,
    0px 1px 10px 0px #0000001f,
    0px 4px 5px 0px #00000024;
}
.enmedd-elevation-04 {
  box-shadow:
    0px 3px 5px -1px #00000033,
    0px 1px 18px 0px #0000001f,
    0px 6px 10px 0px #00000024;
}
.enmedd-elevation-05 {
  box-shadow:
    0px 5px 5px -3px #00000033,
    0px 3px 14px 2px #0000001f,
    0px 8px 10px 1px #00000024;
}
.enmedd-elevation-06 {
  box-shadow:
    0px 7px 8px -4px #00000033,
    0px 5px 22px 4px #0000001f,
    0px 12px 17px 2px #00000024;
}
.enmedd-elevation-07 {
  box-shadow:
    0px 8px 10px -5px #00000033,
    0px 6px 30px 5px #0000001f,
    0px 16px 24px 2px #00000024;
}
.enmedd-elevation-08 {
  box-shadow:
    0px 11px 15px -7px #00000033,
    0px 9px 46px 8px #0000001f,
    0px 24px 38px 3px #00000024;
}