@import "https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";

/* libs/web-components/src/scss/styles.scss */
:root {
  font-size: 14px;
}
.auto-theme {
  --black: ;
  --light-gray: #dcddde;
  --white: #fff;
  --blue: #005cb9;
  --navy: #0c2340;
  --teal: #004f71;
  --blue-light: #56b7e6;
  --orange: #ff6900;
  --yellow: #ffc72c;
  --statics-1: #fff;
  --statics-2: #f7f9f9;
  --statics-3: rgba(24, 25, 27, 0.1);
  --statics-4: #18191b;
  --neutrals-1: #f0f2f4;
  --neutrals-2: #e8eaee;
  --neutrals-3: #d5d9e0;
  --neutrals-4: #c2c7d1;
  --neutrals-5: #afb5c2;
  --neutrals-6: #9ba2b2;
  --neutrals-7: #858ea1;
  --neutrals-8: #6f798e;
  --neutrals-9: #5c6475;
  --neutrals-10: #464b57;
  --neutrals-11: #393e47;
  --blues-1: #daecff;
  --blues-2: #badcff;
  --blues-3: #98cbff;
  --blues-4: #75b9ff;
  --blues-5: #4da5ff;
  --blues-6: #1d8dff;
  --blues-7: #0074ea;
  --blues-8: #005cb9;
  --blues-9: #004890;
  --blues-10: #003b77;
  --success-1: #dcefdc;
  --success-2: #bfe1bf;
  --success-3: #a1d3a1;
  --success-4: #81c481;
  --success-5: #5eb45e;
  --success-6: #35a135;
  --success-7: #058b05;
  --success-8: #007200;
  --success-9: #155517;
  --success-10: #1c461f;
  --warnings-1: #ffe6ab;
  --warnings-2: #ffd37c;
  --warnings-3: #ffc061;
  --warnings-4: #ffa342;
  --warnings-5: #ff8624;
  --warnings-6: #f67013;
  --warnings-7: #e55e00;
  --warnings-8: #c24000;
  --warnings-9: #942a00;
  --warnings-10: #661b00;
  --errors-1: #fde5e0;
  --errors-2: #fbcec5;
  --errors-3: #f9b6ae;
  --errors-4: #f79c95;
  --errors-5: #f57e78;
  --errors-6: #f25854;
  --errors-7: #ed1110;
  --errors-8: #bf0000;
  --errors-9: #970000;
  --errors-10: #7e0000;
  --surface: #fff;
  --surface-hover: #f0f2f4;
  --surface-selected: #daecff;
  --on-surface: #18191b;
  --on-surface-secondary: #5c6475;
  --on-surface-selected: #005cb9;
  --primary-surface: #005cb9;
  --primary: #005cb9;
  --primary-indicator: #0074ea;
  --primary-selected: #004890;
  --primary-hover: rgb(0, 82, 164.5);
  --on-primary: #fff;
  --secondary-surface: #daecff;
  --secondary: #daecff;
  --secondary-selected: #badcff;
  --secondary-hover: #cae4ff;
  --on-secondary: #0074ea;
  --error-surface: #fde5e0;
  --error-indicator: #ed1110;
  --error-primary: #bf0000;
  --error-secondary: #970000;
  --error-hover: #ab0000;
  --on-error: var(--error-primary);
  --warning-surface: #ffe6ab;
  --warning-indicator: #e55e00;
  --warning-primary: #c24000;
  --warning-secondary: #942a00;
  --on-warning: var(--warning-primary);
  --success-surface: #dcefdc;
  --success-indicator: #058b05;
  --success-primary: #007200;
  --success-secondary: #155517;
  --on-success: var(--success-primary);
  --separator: rgba(24, 25, 27, 0.1);
  --disabled: #afb5c2;
  --fixed-snackbar: #1f2d3b;
  --fixed-pure-white: #fff;
  --unchecked-surfaces: #f7f9f9;
  --badge-border: #c2c7d1;
  --surface-alt: #f0f2f4;
  --surface-alt-hover: #e8eaee;
  --general-background:
    linear-gradient(
      
      180deg,
      #f7f9f9 0%,
      #fff 100% );
  --color-badge-neutral: #c2c7d1;
  --elevation-low: 0 4px 8px -4px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --elevation-medium: 0 8px 16px 0 rgba(0, 0, 0, 0.05), 0 4px 8px -4px rgba(0, 0, 0, 0.1);
  --elevation-high: 0 12px 32px 0 rgba(0, 0, 0, 0.05), 0 10px 16px -8px rgba(0, 0, 0, 0.1);
  --elevation-xs: 0 0 32px 0 rgba(93, 95, 98, 0.25);
  --elevation-md: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 1px 4px 0 rgba(0, 0, 0, 0.15);
  --elevation-lg: 0 4px 8px 0 rgba(0, 0, 0, 0.15), 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  --menu-box-shadow: 0 0 32px 6px rgba(93, 95, 98, 0.25);
  --tooltip-box-shadow: 0 0 8px 0 rgba(93, 95, 98, 0.25);
  --modal-box-shadow: 0 0 16px 0 rgba(93, 95, 98, 0.25);
  --hover-selected-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1019607843), 0 1px 4px 0 rgba(0, 0, 0, 0.1490196078);
  --menu-glassy-background: rgba(255, 255, 255, 0.9);
  --nav-glassy-background: rgba(255, 255, 255, 0.55);
  --primary-double-menu-glassy-background: rgba(255, 255, 255, 0.45);
  --secondary-double-menu-glassy-background: rgba(255, 255, 255, 0.65);
  --modal-backdrop: rgba(169, 169, 169, 0.5);
  --gradient:
    linear-gradient(
      90deg,
      #005cb9 0%,
      #00417d 100%);
  --call-to-action-background:
    linear-gradient(
      90deg,
      #005cb9 20%,
      #00417d 90%);
  --stroke-linear-gradient:
    linear-gradient(
      45deg,
      rgba(220, 221, 222, 0.75),
      rgba(255, 255, 255, 0.75));
  --panel-backdrop-gradient:
    linear-gradient(
      90deg,
      transparent,
      #f0f2f4 100%);
}
@media (prefers-color-scheme: dark) {
  .auto-theme {
    --black: ;
    --light-gray: #dcddde;
    --white: #fff;
    --blue: #005cb9;
    --navy: #0c2340;
    --teal: #004f71;
    --blue-light: #56b7e6;
    --orange: #ff6900;
    --yellow: #ffc72c;
    --statics-1: #191b1d;
    --statics-2: #1e2024;
    --statics-3: rgba(251, 251, 252, 0.1);
    --statics-4: #fbfbfc;
    --neutrals-1: #23252b;
    --neutrals-2: #292c33;
    --neutrals-3: #3c404b;
    --neutrals-4: #4c515f;
    --neutrals-5: #5a6172;
    --neutrals-6: #6a7387;
    --neutrals-7: #858ea1;
    --neutrals-8: #8f97a8;
    --neutrals-9: #a2a9b8;
    --neutrals-10: #b6bcc8;
    --neutrals-11: #ccd0d9;
    --blues-1: #1f2d3b;
    --blues-2: #243950;
    --blues-3: #284563;
    --blues-4: #2b527a;
    --blues-5: #2d5f95;
    --blues-6: #2d72b3;
    --blues-7: #3486db;
    --blues-8: #5ca5ef;
    --blues-9: #8dc2f9;
    --blues-10: #b1d5fb;
    --success-1: #1f3a22;
    --success-2: #1a4a1d;
    --success-3: #125e13;
    --success-4: #0a720b;
    --success-5: #018601;
    --success-6: #219821;
    --success-7: #49ab49;
    --success-8: #6bbb6b;
    --success-9: #8ecb8e;
    --success-10: #b0dbb0;
    --warnings-1: #712003;
    --warnings-2: #882c06;
    --warnings-3: #a23907;
    --warnings-4: #bb4606;
    --warnings-5: #d85504;
    --warnings-6: #ee6807;
    --warnings-7: #f18b2d;
    --warnings-8: #f3a84e;
    --warnings-9: #f7c373;
    --warnings-10: #fddd9c;
    --errors-1: #641010;
    --errors-2: #811414;
    --errors-3: #a01919;
    --errors-4: #be1e1e;
    --errors-5: #e02323;
    --errors-6: #f1433b;
    --errors-7: #f76b59;
    --errors-8: #fb8971;
    --errors-9: #fca694;
    --errors-10: #fdc2b6;
    --surface: #191b1d;
    --surface-hover: #23252b;
    --surface-selected: #1f2d3b;
    --on-surface: #fbfbfc;
    --on-surface-secondary: #a2a9b8;
    --on-surface-selected: #5ca5ef;
    --primary-surface: #5ca5ef;
    --primary: #5ca5ef;
    --primary-indicator: #3486db;
    --primary-selected: #8dc2f9;
    --primary-hover: rgb(116.5, 179.5, 244);
    --on-primary: #191b1d;
    --secondary-surface: #1f2d3b;
    --secondary: #1f2d3b;
    --secondary-selected: #243950;
    --secondary-hover: rgb(33.5, 51, 69.5);
    --on-secondary: #3486db;
    --error-surface: #641010;
    --error-indicator: #f76b59;
    --error-primary: #fb8971;
    --error-secondary: #fca694;
    --error-hover: rgb(251.5, 151.5, 130.5);
    --on-error: var(--error-primary);
    --warning-surface: #712003;
    --warning-indicator: #f18b2d;
    --warning-primary: #f3a84e;
    --warning-secondary: #f7c373;
    --on-warning: var(--warning-primary);
    --success-surface: #1f3a22;
    --success-indicator: #49ab49;
    --success-primary: #6bbb6b;
    --success-secondary: #8ecb8e;
    --on-success: var(--success-primary);
    --separator: rgba(251, 251, 252, 0.1);
    --disabled: #5a6172;
    --fixed-snackbar: #1f2d3b;
    --fixed-pure-white: #fff;
    --unchecked-surfaces: #1e2024;
    --badge-border: #4c515f;
    --surface-alt: #23252b;
    --surface-alt-hover: #292c33;
    --general-background:
      linear-gradient(
        
        180deg,
        #1e2024 0%,
        #191b1d 100% );
    --color-badge-neutral: #4c515f;
    --elevation-low: 0 4px 8px -4px rgba(0, 0, 0, 0.25), 0 2px 4px -2px rgba(0, 0, 0, 0.3);
    --elevation-medium: 0 8px 16px 0 rgba(0, 0, 0, 0.25), 0 4px 8px -4px rgba(0, 0, 0, 0.3);
    --elevation-high: 0 12px 32px 0 rgba(0, 0, 0, 0.25), 0 10px 16px -8px rgba(0, 0, 0, 0.3);
    --elevation-xs: 0 0 32px 0 rgba(0, 0, 0, 0.25);
    --elevation-md: 0 4px 8px 0 rgba(0, 0, 0, 0.15), 0 1px 4px 0 rgba(0, 0, 0, 0.3);
    --elevation-lg: 0 4px 8px 0 rgba(0, 0, 0, 0.15), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
    --menu-box-shadow: 0 0 32px 6px rgba(0, 0, 0, 0.25);
    --tooltip-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
    --modal-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.25);
    --hover-selected-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1490196078), 0 1px 4px 0 rgba(0, 0, 0, 0.5019607843);
    --menu-glassy-background: rgba(28, 28, 28, 0.9);
    --nav-glassy-background: rgba(28, 28, 28, 0.55);
    --primary-double-menu-glassy-background: rgba(28, 28, 28, 0.45);
    --secondary-double-menu-glassy-background: rgba(28, 28, 28, 0.65);
    --modal-backdrop: rgba(169, 169, 169, 0.5);
    --gradient:
      linear-gradient(
        90deg,
        #77b7f8 0%,
        #2c89e8 100%);
    --call-to-action-background:
      linear-gradient(
        90deg,
        #b3d5f7 20%,
        #93c6f9 90%);
    --stroke-linear-gradient:
      linear-gradient(
        45deg,
        rgba(28, 28, 28, 0.75),
        rgba(28, 28, 28, 0.75));
    --panel-backdrop-gradient:
      linear-gradient(
        90deg,
        transparent,
        #23252b 100%);
  }
}
.dark-theme {
  --black: ;
  --light-gray: #dcddde;
  --white: #fff;
  --blue: #005cb9;
  --navy: #0c2340;
  --teal: #004f71;
  --blue-light: #56b7e6;
  --orange: #ff6900;
  --yellow: #ffc72c;
  --statics-1: #191b1d;
  --statics-2: #1e2024;
  --statics-3: rgba(251, 251, 252, 0.1);
  --statics-4: #fbfbfc;
  --neutrals-1: #23252b;
  --neutrals-2: #292c33;
  --neutrals-3: #3c404b;
  --neutrals-4: #4c515f;
  --neutrals-5: #5a6172;
  --neutrals-6: #6a7387;
  --neutrals-7: #858ea1;
  --neutrals-8: #8f97a8;
  --neutrals-9: #a2a9b8;
  --neutrals-10: #b6bcc8;
  --neutrals-11: #ccd0d9;
  --blues-1: #1f2d3b;
  --blues-2: #243950;
  --blues-3: #284563;
  --blues-4: #2b527a;
  --blues-5: #2d5f95;
  --blues-6: #2d72b3;
  --blues-7: #3486db;
  --blues-8: #5ca5ef;
  --blues-9: #8dc2f9;
  --blues-10: #b1d5fb;
  --success-1: #1f3a22;
  --success-2: #1a4a1d;
  --success-3: #125e13;
  --success-4: #0a720b;
  --success-5: #018601;
  --success-6: #219821;
  --success-7: #49ab49;
  --success-8: #6bbb6b;
  --success-9: #8ecb8e;
  --success-10: #b0dbb0;
  --warnings-1: #712003;
  --warnings-2: #882c06;
  --warnings-3: #a23907;
  --warnings-4: #bb4606;
  --warnings-5: #d85504;
  --warnings-6: #ee6807;
  --warnings-7: #f18b2d;
  --warnings-8: #f3a84e;
  --warnings-9: #f7c373;
  --warnings-10: #fddd9c;
  --errors-1: #641010;
  --errors-2: #811414;
  --errors-3: #a01919;
  --errors-4: #be1e1e;
  --errors-5: #e02323;
  --errors-6: #f1433b;
  --errors-7: #f76b59;
  --errors-8: #fb8971;
  --errors-9: #fca694;
  --errors-10: #fdc2b6;
  --surface: #191b1d;
  --surface-hover: #23252b;
  --surface-selected: #1f2d3b;
  --on-surface: #fbfbfc;
  --on-surface-secondary: #a2a9b8;
  --on-surface-selected: #5ca5ef;
  --primary-surface: #5ca5ef;
  --primary: #5ca5ef;
  --primary-indicator: #3486db;
  --primary-selected: #8dc2f9;
  --primary-hover: rgb(116.5, 179.5, 244);
  --on-primary: #191b1d;
  --secondary-surface: #1f2d3b;
  --secondary: #1f2d3b;
  --secondary-selected: #243950;
  --secondary-hover: rgb(33.5, 51, 69.5);
  --on-secondary: #3486db;
  --error-surface: #641010;
  --error-indicator: #f76b59;
  --error-primary: #fb8971;
  --error-secondary: #fca694;
  --error-hover: rgb(251.5, 151.5, 130.5);
  --on-error: var(--error-primary);
  --warning-surface: #712003;
  --warning-indicator: #f18b2d;
  --warning-primary: #f3a84e;
  --warning-secondary: #f7c373;
  --on-warning: var(--warning-primary);
  --success-surface: #1f3a22;
  --success-indicator: #49ab49;
  --success-primary: #6bbb6b;
  --success-secondary: #8ecb8e;
  --on-success: var(--success-primary);
  --separator: rgba(251, 251, 252, 0.1);
  --disabled: #5a6172;
  --fixed-snackbar: #1f2d3b;
  --fixed-pure-white: #fff;
  --unchecked-surfaces: #1e2024;
  --badge-border: #4c515f;
  --surface-alt: #23252b;
  --surface-alt-hover: #292c33;
  --general-background:
    linear-gradient(
      
      180deg,
      #1e2024 0%,
      #191b1d 100% );
  --color-badge-neutral: #4c515f;
  --elevation-low: 0 4px 8px -4px rgba(0, 0, 0, 0.25), 0 2px 4px -2px rgba(0, 0, 0, 0.3);
  --elevation-medium: 0 8px 16px 0 rgba(0, 0, 0, 0.25), 0 4px 8px -4px rgba(0, 0, 0, 0.3);
  --elevation-high: 0 12px 32px 0 rgba(0, 0, 0, 0.25), 0 10px 16px -8px rgba(0, 0, 0, 0.3);
  --elevation-xs: 0 0 32px 0 rgba(0, 0, 0, 0.25);
  --elevation-md: 0 4px 8px 0 rgba(0, 0, 0, 0.15), 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  --elevation-lg: 0 4px 8px 0 rgba(0, 0, 0, 0.15), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  --menu-box-shadow: 0 0 32px 6px rgba(0, 0, 0, 0.25);
  --tooltip-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
  --modal-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.25);
  --hover-selected-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1490196078), 0 1px 4px 0 rgba(0, 0, 0, 0.5019607843);
  --menu-glassy-background: rgba(28, 28, 28, 0.9);
  --nav-glassy-background: rgba(28, 28, 28, 0.55);
  --primary-double-menu-glassy-background: rgba(28, 28, 28, 0.45);
  --secondary-double-menu-glassy-background: rgba(28, 28, 28, 0.65);
  --modal-backdrop: rgba(169, 169, 169, 0.5);
  --gradient:
    linear-gradient(
      90deg,
      #77b7f8 0%,
      #2c89e8 100%);
  --call-to-action-background:
    linear-gradient(
      90deg,
      #b3d5f7 20%,
      #93c6f9 90%);
  --stroke-linear-gradient:
    linear-gradient(
      45deg,
      rgba(28, 28, 28, 0.75),
      rgba(28, 28, 28, 0.75));
  --panel-backdrop-gradient:
    linear-gradient(
      90deg,
      transparent,
      #23252b 100%);
}
.light-theme {
  --black: ;
  --light-gray: #dcddde;
  --white: #fff;
  --blue: #005cb9;
  --navy: #0c2340;
  --teal: #004f71;
  --blue-light: #56b7e6;
  --orange: #ff6900;
  --yellow: #ffc72c;
  --statics-1: #fff;
  --statics-2: #f7f9f9;
  --statics-3: rgba(24, 25, 27, 0.1);
  --statics-4: #18191b;
  --neutrals-1: #f0f2f4;
  --neutrals-2: #e8eaee;
  --neutrals-3: #d5d9e0;
  --neutrals-4: #c2c7d1;
  --neutrals-5: #afb5c2;
  --neutrals-6: #9ba2b2;
  --neutrals-7: #858ea1;
  --neutrals-8: #6f798e;
  --neutrals-9: #5c6475;
  --neutrals-10: #464b57;
  --neutrals-11: #393e47;
  --blues-1: #daecff;
  --blues-2: #badcff;
  --blues-3: #98cbff;
  --blues-4: #75b9ff;
  --blues-5: #4da5ff;
  --blues-6: #1d8dff;
  --blues-7: #0074ea;
  --blues-8: #005cb9;
  --blues-9: #004890;
  --blues-10: #003b77;
  --success-1: #dcefdc;
  --success-2: #bfe1bf;
  --success-3: #a1d3a1;
  --success-4: #81c481;
  --success-5: #5eb45e;
  --success-6: #35a135;
  --success-7: #058b05;
  --success-8: #007200;
  --success-9: #155517;
  --success-10: #1c461f;
  --warnings-1: #ffe6ab;
  --warnings-2: #ffd37c;
  --warnings-3: #ffc061;
  --warnings-4: #ffa342;
  --warnings-5: #ff8624;
  --warnings-6: #f67013;
  --warnings-7: #e55e00;
  --warnings-8: #c24000;
  --warnings-9: #942a00;
  --warnings-10: #661b00;
  --errors-1: #fde5e0;
  --errors-2: #fbcec5;
  --errors-3: #f9b6ae;
  --errors-4: #f79c95;
  --errors-5: #f57e78;
  --errors-6: #f25854;
  --errors-7: #ed1110;
  --errors-8: #bf0000;
  --errors-9: #970000;
  --errors-10: #7e0000;
  --surface: #fff;
  --surface-hover: #f0f2f4;
  --surface-selected: #daecff;
  --on-surface: #18191b;
  --on-surface-secondary: #5c6475;
  --on-surface-selected: #005cb9;
  --primary-surface: #005cb9;
  --primary: #005cb9;
  --primary-indicator: #0074ea;
  --primary-selected: #004890;
  --primary-hover: rgb(0, 82, 164.5);
  --on-primary: #fff;
  --secondary-surface: #daecff;
  --secondary: #daecff;
  --secondary-selected: #badcff;
  --secondary-hover: #cae4ff;
  --on-secondary: #0074ea;
  --error-surface: #fde5e0;
  --error-indicator: #ed1110;
  --error-primary: #bf0000;
  --error-secondary: #970000;
  --error-hover: #ab0000;
  --on-error: var(--error-primary);
  --warning-surface: #ffe6ab;
  --warning-indicator: #e55e00;
  --warning-primary: #c24000;
  --warning-secondary: #942a00;
  --on-warning: var(--warning-primary);
  --success-surface: #dcefdc;
  --success-indicator: #058b05;
  --success-primary: #007200;
  --success-secondary: #155517;
  --on-success: var(--success-primary);
  --separator: rgba(24, 25, 27, 0.1);
  --disabled: #afb5c2;
  --fixed-snackbar: #1f2d3b;
  --fixed-pure-white: #fff;
  --unchecked-surfaces: #f7f9f9;
  --badge-border: #c2c7d1;
  --surface-alt: #f0f2f4;
  --surface-alt-hover: #e8eaee;
  --general-background:
    linear-gradient(
      
      180deg,
      #f7f9f9 0%,
      #fff 100% );
  --color-badge-neutral: #c2c7d1;
  --elevation-low: 0 4px 8px -4px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --elevation-medium: 0 8px 16px 0 rgba(0, 0, 0, 0.05), 0 4px 8px -4px rgba(0, 0, 0, 0.1);
  --elevation-high: 0 12px 32px 0 rgba(0, 0, 0, 0.05), 0 10px 16px -8px rgba(0, 0, 0, 0.1);
  --elevation-xs: 0 0 32px 0 rgba(93, 95, 98, 0.25);
  --elevation-md: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 1px 4px 0 rgba(0, 0, 0, 0.15);
  --elevation-lg: 0 4px 8px 0 rgba(0, 0, 0, 0.15), 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  --menu-box-shadow: 0 0 32px 6px rgba(93, 95, 98, 0.25);
  --tooltip-box-shadow: 0 0 8px 0 rgba(93, 95, 98, 0.25);
  --modal-box-shadow: 0 0 16px 0 rgba(93, 95, 98, 0.25);
  --hover-selected-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1019607843), 0 1px 4px 0 rgba(0, 0, 0, 0.1490196078);
  --menu-glassy-background: rgba(255, 255, 255, 0.9);
  --nav-glassy-background: rgba(255, 255, 255, 0.55);
  --primary-double-menu-glassy-background: rgba(255, 255, 255, 0.45);
  --secondary-double-menu-glassy-background: rgba(255, 255, 255, 0.65);
  --modal-backdrop: rgba(169, 169, 169, 0.5);
  --gradient:
    linear-gradient(
      90deg,
      #005cb9 0%,
      #00417d 100%);
  --call-to-action-background:
    linear-gradient(
      90deg,
      #005cb9 20%,
      #00417d 90%);
  --stroke-linear-gradient:
    linear-gradient(
      45deg,
      rgba(220, 221, 222, 0.75),
      rgba(255, 255, 255, 0.75));
  --panel-backdrop-gradient:
    linear-gradient(
      90deg,
      transparent,
      #f0f2f4 100%);
}
html {
  background-color: var(--surface);
  color: var(--on-surface);
  font-family:
    "Noto Sans",
    "arial",
    "helvetica",
    sans-serif;
}
.evc-platform {
  font-size: 1.1428571429rem;
  font-weight: 400;
  line-height: normal;
}
input,
textarea,
select,
button {
  color: var(--on-surface);
}
.busy-overlay__backdrop {
  position: absolute;
  backdrop-filter: blur(1px);
  background-color: rgba(255, 255, 255, 0.4);
  inset: 0;
}
.busy-overlay__spinner {
  position: relative;
  z-index: 1;
  animation: spinner-fade-in 0.2s ease-out;
}
@media (prefers-color-scheme: dark) {
  .busy-overlay__backdrop {
    background-color: rgba(0, 0, 0, 0.3);
  }
}
@keyframes spinner-fade-in {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
._zindex {
  position: relative;
  z-index: 2;
}

/* libs/platform/src/scss/styles.scss */
evc-platform {
  font-family:
    "Noto Sans",
    "arial",
    "helvetica",
    sans-serif;
  font-size: 1rem;
  line-height: 1.25;
}
.busy-overlay {
  position: absolute;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  inset: 0;
  pointer-events: all;
}
.page-wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
}

/* apps/shared/src/scss/styles.scss */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  padding: 0;
  border: 0;
  margin: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
button {
  text-align: inherit;
}
@keyframes spin-animation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.evc-app-title {
  position: sticky;
  z-index: 10;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 1.7142857143rem;
  border-bottom: 1px solid var(--separator);
  background-color: var(--on-primary);
  border-top-left-radius: 1.1428571429rem;
  border-top-right-radius: 1.1428571429rem;
  gap: 0.5714285714rem;
}
@media all and (max-width: 519px) {
  .evc-app-title {
    flex-wrap: wrap;
    padding: 0.5714285714rem;
  }
}
.evc-page-title {
  font-family:
    "Noto Sans",
    "arial",
    "helvetica",
    sans-serif;
  font-size: 2.2857142857rem;
  font-style: normal;
  font-weight: 700;
  line-height: 43.58/32;
}
.evc-page-container {
  display: flex;
  flex-direction: column;
  padding: 2.8571428571rem 1.7142857143rem;
}
@media all and (max-width: 799px) {
  .evc-page-container {
    padding: 1.7142857143rem 1.1428571429rem;
  }
}
@media all and (max-width: 519px) {
  .evc-page-container {
    padding: 1.1428571429rem 0.8571428571rem;
  }
}
.evc-page-infos {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 2.8571428571rem;
}
@media all and (max-width: 1023px) {
  .evc-page-infos {
    flex-direction: column;
    gap: 1.1428571429rem;
  }
}
.evc-content-title {
  font-family:
    "Noto Sans",
    "arial",
    "helvetica",
    sans-serif;
  font-size: 1.2857142857rem;
  font-style: normal;
  font-weight: 600;
  line-height: 24.52/18;
}
.evc-page-small-space {
  flex: 0 0 20%;
}
@media all and (max-width: 1279px) {
  .evc-page-small-space {
    flex: 0 0 auto;
  }
  .evc-page-small-space.evc-content-title {
    flex: 0 0 20%;
  }
}
@media all and (max-width: 1023px) {
  .evc-page-small-space.evc-content-title {
    flex: 0 0 auto;
  }
}
.evc-page-mid-space {
  width: 50%;
}
.evc-page-main-elem {
  flex: 1 1 auto;
}
.evc-page-divider {
  padding: 0.5714285714rem;
  width: 100%;
  margin: 2.8571428571rem 0;
}
.evc-page-divider::before {
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--separator);
  content: "";
}
@media all and (max-width: 1279px) {
  .evc-page-divider {
    margin: 0.7142857143rem 0;
  }
}
.evc-rp-top-infos {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 0.5714285714rem;
}
.evc-rp-card {
  display: flex;
  overflow: hidden;
  flex: 1 1 100%;
}
.evc-rp-quick-actions {
  display: flex;
  flex: 0 0 auto;
  gap: 1.1428571429rem;
}
.modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 1.1428571429rem;
}
.modal-actions--cancel {
  color: var(--primary);
}
html {
  font-family:
    "Noto Sans",
    "arial",
    "helvetica",
    sans-serif;
}
.test-shared {
  background-color: chartreuse;
}

/* apps/support/src/scss/styles.scss */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  padding: 0;
  border: 0;
  margin: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
button {
  text-align: inherit;
}
html,
body {
  height: 100%;
}
html *,
body * {
  box-sizing: border-box;
}
html evc-platform,
body evc-platform {
  background: var(--surface) !important;
}
._container {
  width: calc(100% - 80px);
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
}
@media all and (max-width: 799px) {
  ._container {
    width: calc(100% - 50px);
  }
}
@media all and (max-width: 519px) {
  ._container {
    width: calc(100% - 24px);
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */