/* src/styles.css */
@font-face {
  font-family: "FontAwesome";
  src: url("./media/fontawesome-webfont-RJ6LE7IU.ttf") format("truetype");
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
body {
  margin: 0;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a {
  background-color: transparent;
  color: #337ab7;
  text-decoration: none;
}
a:hover {
  background-color: transparent;
  color: rgb(35, 82, 124);
  text-decoration-color: rgb(35, 82, 124);
  text-decoration-line: underline;
  text-decoration-style: solid;
}
a:active,
a:hover {
  outline: 0;
}
.groupRow {
  margin-left: 10px;
  margin-top: 5px;
}
.inputLabel {
  display: inline-block;
  min-width: 220px;
}
.groupRowInput {
  width: 50%;
}
.UxGuide2_GrayPanel_TextNormal,
.UxGuide2_GrayPanel_TextBold,
.UxGuide2_GrayPanel_Headline1 {
  font-family: "Segoe UI", sans-serif;
  color: #4e5c63;
  font-size: 12pt;
}
.UxGuide2_GrayPanel_Headline1 {
  font-size: 13pt;
  margin-bottom: 15px;
}
.UxGuide2_GrayPanel_Headline {
  font-size: 15pt;
  margin-bottom: 18px;
}
.UxGuide2_GrayPanel_Label {
  font-size: 13pt;
  margin-bottom: 15px;
}
.UxGuide2_GrayPanel_TextBold {
  font-weight: Bold;
}
.UxGuide2_GrayPanel {
  background-color: #f0f3f4;
  padding: 20px;
  overflow: auto;
}
.UxGuide2_Default_Button {
  color: #3e494f;
  background-color: #e8edf0;
  border: none;
  filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=2, Color="gray");
  filter: drop-shadow(2px 2px 2px gray);
  -webkit-filter: drop-shadow(2px 2px 2px gray);
  min-height: 25px;
}
.UxGuide2_Default_Button:hover,
.UxGuide2_Default_Button.hover {
  color: #3e494f;
  background-color: #ebf0f3;
}
.UxGuide2_Default_Button:active,
.UxGuide2_Default_Button.active {
  color: white;
  background-color: #006093;
  border: none;
  filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=0, Color="gray");
  filter: drop-shadow(0px 0px 0px gray);
  -webkit-filter: drop-shadow(0px 0px 0px gray);
}
.UxGuide2_Startscreen_Button,
.DisabledUxGuide2_Startscreen_Button {
  color: #e6e8ea;
  background-color: #5b6b79;
  border: none;
  filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=2, Color="gray");
  filter: drop-shadow(2px 2px 2px gray);
  -webkit-filter: drop-shadow(1px 1px 1px darkgray);
  min-height: 40px;
  padding: 0px 20px 0px 00px;
}
.UxGuide2_Startscreen_Button:hover,
.UxGuide2_Startscreen_Button.hover {
  color: #e6e8ea;
  background-color: #647686;
}
.UxGuide2_Startscreen_Button:active,
.UxGuide2_Startscreen_Button.active {
  color: #e6e8ea;
  background-color: #006093;
  border: none;
  filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=0, Color="gray");
  filter: drop-shadow(0px 0px 0px gray);
  -webkit-filter: drop-shadow(0px 0px 0px gray);
}
.UxGuide2_Startscreen_Button_Image {
  font-size: 21pt;
  margin-left: 7px;
  margin-right: 5px;
  vertical-align: middle;
  line-height: 40px;
}
.UxGuide2_Startscreen_Button_Text {
  font-size: 11pt;
  vertical-align: middle;
  line-height: 40px;
}
.UxGuide2_CheckBox {
  width: 20px;
  position: relative;
}
.UxGuide2_CheckBox {
  float: left;
  margin-left: 2px;
  margin-top: -1px;
  margin-right: 2px;
}
.UxGuide2_CheckBox label {
  cursor: pointer;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 2px;
  left: -2px;
  background: white;
  border: 1px solid #a2a8ab;
}
.UxGuide2_CheckBox label:hover {
  cursor: pointer;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 2px;
  left: -2px;
  background: white;
  border: 1px solid #b8bec1;
}
*:focus {
  outline: none;
}
.checkLabel {
  padding-left: 20px;
}
.UxGuide2_CheckBox label:after {
  opacity: 0;
  content: "";
  position: absolute;
  width: 10px;
  height: 6px;
  background: transparent;
  top: 3px;
  left: 2px;
  border: 3px solid #445557;
  border-top: none;
  border-right: none;
  transform: rotate(-45deg);
}
.UxGuide2_CheckBox label:hover::after {
  border: 3px solid #747d82;
  border-top: none;
  border-right: none;
  transform: rotate(-45deg);
}
.UxGuide2_CheckBox input[type=checkbox]:checked + label:after {
  opacity: 1;
}
button:focus {
  outline: 0;
}
.deleteIcon:before {
  font-family: FontAwesome, sans-serif;
  content: "\f014";
  font-size: 16pt;
  cursor: pointer;
  margin-left: 5px;
  margin-right: 5px;
}
.editIcon:before {
  content: "\f040";
  font-family: FontAwesome, sans-serif;
  font-size: 16pt;
  cursor: pointer;
  margin-left: 5px;
  margin-right: 5px;
}
.applyIcon:before {
  content: "\f00c";
  font-family: FontAwesome, sans-serif;
  font-size: 16pt;
  cursor: pointer;
  margin-left: 5px;
  margin-right: 5px;
}
.cancelIcon:before {
  content: "\f05e";
  font-family: FontAwesome, sans-serif;
  font-size: 16pt;
  cursor: pointer;
  margin-left: 5px;
  margin-right: 5px;
}
.addIcon:before {
  content: "\ff0b";
  font-family: FontAwesome, sans-serif;
  font-size: 16pt;
  cursor: pointer;
  margin-left: 5px;
  margin-right: 5px;
}

/* node_modules/@synergy-design-system/tokens/dist/themes/light.css */
:root,
.syn-sick2018-light,
.syn-theme-light {
  color-scheme: light;
  --syn-alert-error-color-background: var(--syn-panel-background-color);
  --syn-alert-error-color-border: var(--syn-panel-border-color);
  --syn-alert-error-color-icon: var(--syn-color-error-600);
  --syn-alert-error-color-indicator: var(--syn-color-error-600);
  --syn-alert-informative-color-background: var(--syn-panel-background-color);
  --syn-alert-informative-color-border: var(--syn-panel-border-color);
  --syn-alert-informative-color-icon: var(--syn-color-info-600);
  --syn-alert-informative-color-indicator: var(--syn-color-info-600);
  --syn-alert-neutral-color-background: var(--syn-panel-background-color);
  --syn-alert-neutral-color-border: var(--syn-panel-border-color);
  --syn-alert-neutral-color-icon: var(--syn-color-neutral-800);
  --syn-alert-neutral-color-indicator: var(--syn-color-neutral-800);
  --syn-alert-success-color-background: var(--syn-panel-background-color);
  --syn-alert-success-color-border: var(--syn-panel-border-color);
  --syn-alert-success-color-icon: var(--syn-color-success-500);
  --syn-alert-success-color-indicator: var(--syn-color-success-500);
  --syn-alert-warning-color-background: var(--syn-panel-background-color);
  --syn-alert-warning-color-border: var(--syn-panel-border-color);
  --syn-alert-warning-color-icon: var(--syn-color-warning-400);
  --syn-alert-warning-color-indicator: var(--syn-color-warning-400);
  --syn-badge-error-color-background: var(--syn-color-error-600);
  --syn-badge-error-color-text: var(--syn-typography-color-text-inverted);
  --syn-badge-informative-color-background: var(--syn-color-info-600);
  --syn-badge-informative-color-text: var(--syn-typography-color-text-inverted);
  --syn-badge-neutral-color-background: var(--syn-color-neutral-800);
  --syn-badge-neutral-color-text: var(--syn-typography-color-text-inverted);
  --syn-badge-success-color-background: var(--syn-color-success-500);
  --syn-badge-success-color-text: var(--syn-typography-color-text);
  --syn-badge-warning-color-background: var(--syn-color-warning-400);
  --syn-badge-warning-color-text: var(--syn-typography-color-text);
  --syn-border-radius-circle: 9999px;
  --syn-border-radius-large: 8px;
  --syn-border-radius-medium: 8px;
  --syn-border-radius-none: 0px;
  --syn-border-radius-pill: 9999px;
  --syn-border-radius-small: 4px;
  --syn-border-radius-x-large: 16px;
  --syn-border-width-large: 3px;
  --syn-border-width-medium: 2px;
  --syn-border-width-none: 0px;
  --syn-border-width-small: 1px;
  --syn-border-width-x-large: 4px;
  --syn-breadcrumb-color: var(--syn-color-neutral-500);
  --syn-button-border-radius-large: var(--syn-input-border-radius-large);
  --syn-button-border-radius-medium: var(--syn-input-border-radius-medium);
  --syn-button-border-radius-small: var(--syn-input-border-radius-small);
  --syn-button-color: var(--syn-interactive-emphasis-color);
  --syn-button-color-active: var(--syn-interactive-emphasis-color-active);
  --syn-button-color-hover: var(--syn-interactive-emphasis-color-hover);
  --syn-button-filled-color-text: var(--syn-color-neutral-0);
  --syn-button-filled-color-text-active: var(--syn-color-neutral-0);
  --syn-button-filled-color-text-hover: var(--syn-color-neutral-0);
  --syn-button-font-size-large: var(--syn-font-size-large);
  --syn-button-font-size-medium: var(--syn-font-size-medium);
  --syn-button-font-size-small: var(--syn-font-size-small);
  --syn-button-outline-color-active: none;
  --syn-button-outline-color-hover: none;
  --syn-button-outline-color-text: var(--syn-color-primary-600);
  --syn-button-outline-color-text-active: var(--syn-color-primary-950);
  --syn-button-outline-color-text-hover: var(--syn-color-primary-900);
  --syn-button-text-color-text: var(--syn-button-color);
  --syn-button-text-color-text-active: var(--syn-button-color-active);
  --syn-button-text-color-text-hover: var(--syn-button-color-hover);
  --syn-checkbox-border-radius: var(--syn-border-radius-none);
  --syn-color-accent-50: #fffbea;
  --syn-color-accent-100: #fff2c5;
  --syn-color-accent-200: #ffe685;
  --syn-color-accent-300: #ffd246;
  --syn-color-accent-400: #ffbd1b;
  --syn-color-accent-500: #f39200;
  --syn-color-accent-600: #e27200;
  --syn-color-accent-700: #bb4d02;
  --syn-color-accent-800: #983b08;
  --syn-color-accent-900: #7c310b;
  --syn-color-accent-950: #481700;
  --syn-color-critical-50: #fffbea;
  --syn-color-critical-100: #fff2c5;
  --syn-color-critical-200: #ffe685;
  --syn-color-critical-300: #ffd246;
  --syn-color-critical-400: #ffbd1b;
  --syn-color-critical-500: #f39200;
  --syn-color-critical-600: #e27200;
  --syn-color-critical-700: #bb4d02;
  --syn-color-critical-800: #983b08;
  --syn-color-critical-900: #7c310b;
  --syn-color-critical-950: #481700;
  --syn-color-error-50: #fff0f2;
  --syn-color-error-100: #ffdee2;
  --syn-color-error-200: #ffc3c9;
  --syn-color-error-300: #ff98a4;
  --syn-color-error-400: #ff5d70;
  --syn-color-error-500: #ff2b44;
  --syn-color-error-600: #ea0823;
  --syn-color-error-700: #d0051d;
  --syn-color-error-800: #ab091c;
  --syn-color-error-900: #8d0f1e;
  --syn-color-error-950: #4e010a;
  --syn-color-info-50: #f0f9ff;
  --syn-color-info-100: #e0f1fe;
  --syn-color-info-200: #b9e5fe;
  --syn-color-info-300: #7cd1fd;
  --syn-color-info-400: #36bbfa;
  --syn-color-info-500: #0ca2eb;
  --syn-color-info-600: #007cc1;
  --syn-color-info-700: #0166a3;
  --syn-color-info-800: #065786;
  --syn-color-info-900: #0b486f;
  --syn-color-info-950: #072e4a;
  --syn-color-neutral-0: #ffffff;
  --syn-color-neutral-50: #f9fafb;
  --syn-color-neutral-100: #f2f3f6;
  --syn-color-neutral-200: #e8ebec;
  --syn-color-neutral-300: #d5dbdd;
  --syn-color-neutral-400: #bac2c6;
  --syn-color-neutral-500: #9ea9ae;
  --syn-color-neutral-600: #859298;
  --syn-color-neutral-700: #737f85;
  --syn-color-neutral-800: #5e676b;
  --syn-color-neutral-900: #4c5357;
  --syn-color-neutral-950: #31373a;
  --syn-color-neutral-1000: #000000;
  --syn-color-primary-50: #f0f9ff;
  --syn-color-primary-100: #e0f1fe;
  --syn-color-primary-200: #b9e5fe;
  --syn-color-primary-300: #7cd1fd;
  --syn-color-primary-400: #36bbfa;
  --syn-color-primary-500: #0ca2eb;
  --syn-color-primary-600: #007cc1;
  --syn-color-primary-700: #0166a3;
  --syn-color-primary-800: #065786;
  --syn-color-primary-900: #0b486f;
  --syn-color-primary-950: #072e4a;
  --syn-color-primary-1000: #072e4a;
  --syn-color-success-50: #f5fde8;
  --syn-color-success-100: #e7facd;
  --syn-color-success-200: #d1f4a2;
  --syn-color-success-300: #b0eb6b;
  --syn-color-success-400: #93dd3e;
  --syn-color-success-500: #73c31f;
  --syn-color-success-600: #63b017;
  --syn-color-success-700: #437714;
  --syn-color-success-800: #395e16;
  --syn-color-success-900: #315017;
  --syn-color-success-950: #172c07;
  --syn-color-warning-50: #fefce8;
  --syn-color-warning-100: #fdf7c4;
  --syn-color-warning-200: #fcec8c;
  --syn-color-warning-300: #f9da4b;
  --syn-color-warning-400: #f5c413;
  --syn-color-warning-500: #e5ae0d;
  --syn-color-warning-600: #c68608;
  --syn-color-warning-700: #9e5f0a;
  --syn-color-warning-800: #834b10;
  --syn-color-warning-900: #6f3e14;
  --syn-color-warning-950: #411f07;
  --syn-details-open-rotation: 360deg;
  --syn-dimension-base: 4px;
  --syn-duration-extra-fast: 50ms;
  --syn-duration-extra-slow: 1000ms;
  --syn-duration-fast: 150ms;
  --syn-duration-normal: 250ms;
  --syn-duration-slow: 500ms;
  --syn-focus-ring-border-radius: var(--syn-border-radius-none);
  --syn-focus-ring-color: var(--syn-color-primary-400);
  --syn-focus-ring-offset: var(--syn-spacing-3x-small);
  --syn-focus-ring-style: solid;
  --syn-focus-ring-width: var(--syn-border-width-medium);
  --syn-font-mono:
    "Roboto Mono",
    SFMono-Regular,
    Consolas,
    "Liberation Mono",
    Menlo,
    monospace;
  --syn-font-sans:
    "Open Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --syn-font-sans-fallback:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    sans-serif,
    "apple color emoji",
    "segoe ui emoji",
    "segoe ui symbol";
  --syn-font-serif:
    Georgia,
    "Times New Roman",
    serif;
  --syn-font-size-2x-large: 32px;
  --syn-font-size-2x-small: 11px;
  --syn-font-size-3x-large: 40px;
  --syn-font-size-4x-large: 52px;
  --syn-font-size-large: 20px;
  --syn-font-size-medium: 16px;
  --syn-font-size-small: 14px;
  --syn-font-size-x-large: 24px;
  --syn-font-size-x-small: 12px;
  --syn-font-weight-bold: 700;
  --syn-font-weight-light: 400;
  --syn-font-weight-normal: 400;
  --syn-font-weight-semibold: 600;
  --syn-header-border-color: var(--syn-color-neutral-400);
  --syn-icon-button-focus-ring-border-radius: var(--syn-border-radius-none);
  --syn-input-background-color: var(--syn-color-neutral-0);
  --syn-input-background-color-disabled: var(--syn-input-background-color);
  --syn-input-background-color-focus: var(--syn-input-background-color);
  --syn-input-background-color-hover: var(--syn-input-background-color);
  --syn-input-border-color: var(--syn-color-neutral-700);
  --syn-input-border-color-active: var(--syn-color-neutral-1000);
  --syn-input-border-color-disabled: var(--syn-color-neutral-700);
  --syn-input-border-color-focus: var(--syn-color-neutral-950);
  --syn-input-border-color-focus-error: var(--syn-color-error-700);
  --syn-input-border-color-hover: var(--syn-color-neutral-950);
  --syn-input-border-color-offset: var(--syn-panel-background-color);
  --syn-input-border-radius-large: var(--syn-border-radius-none);
  --syn-input-border-radius-medium: var(--syn-border-radius-none);
  --syn-input-border-radius-small: var(--syn-border-radius-none);
  --syn-input-border-width: 1px;
  --syn-input-color: var(--syn-color-neutral-950);
  --syn-input-color-disabled: var(--syn-color-neutral-950);
  --syn-input-color-focus: var(--syn-color-neutral-950);
  --syn-input-color-hover: var(--syn-color-neutral-950);
  --syn-input-disabled-opacity: 0.5;
  --syn-input-focus-ring-color: var(--syn-color-primary-400);
  --syn-input-focus-ring-error: var(--syn-color-error-600);
  --syn-input-focus-ring-offset: 0px;
  --syn-input-font-family: var(--syn-font-sans);
  --syn-input-font-size-large: var(--syn-font-size-large);
  --syn-input-font-size-medium: var(--syn-font-size-medium);
  --syn-input-font-size-small: var(--syn-font-size-small);
  --syn-input-font-weight: var(--syn-font-weight-normal);
  --syn-input-height-large: var(--syn-spacing-3x-large);
  --syn-input-height-medium: var(--syn-spacing-2x-large);
  --syn-input-height-small: 36px;
  --syn-input-help-text-color: var(--syn-color-neutral-800);
  --syn-input-help-text-color-error: var(--syn-color-error-600);
  --syn-input-help-text-font-size-large: var(--syn-font-size-medium);
  --syn-input-help-text-font-size-medium: var(--syn-font-size-small);
  --syn-input-help-text-font-size-small: var(--syn-font-size-x-small);
  --syn-input-icon-color: var(--syn-color-neutral-800);
  --syn-input-icon-color-hover: var(--syn-color-neutral-800);
  --syn-input-icon-icon-clearable-color: var(--syn-color-neutral-600);
  --syn-input-icon-icon-clearable-color-active: var(--syn-color-neutral-900);
  --syn-input-icon-icon-clearable-color-hover: var(--syn-color-neutral-800);
  --syn-input-label-color: var(--syn-color-neutral-950);
  --syn-input-label-font-size-large: var(--syn-font-size-large);
  --syn-input-label-font-size-medium: var(--syn-font-size-medium);
  --syn-input-label-font-size-small: var(--syn-font-size-small);
  --syn-input-letter-spacing: var(--syn-letter-spacing-normal);
  --syn-input-placeholder-color: var(--syn-color-neutral-500);
  --syn-input-placeholder-color-disabled: var(--syn-color-neutral-500);
  --syn-input-readonly-color-hover: var(--syn-color-neutral-950);
  --syn-input-readonly-background-color: var(--syn-readonly-background-color);
  --syn-input-readonly-background-color-disabled: var(--syn-readonly-background-color);
  --syn-input-readonly-background-color-focus: var(--syn-readonly-background-color);
  --syn-input-readonly-background-color-hover: var(--syn-readonly-background-color);
  --syn-input-required-content: "*";
  --syn-input-required-content-color: var(--syn-input-label-color);
  --syn-input-required-content-offset: -2px;
  --syn-input-spacing-large: var(--syn-spacing-large);
  --syn-input-spacing-medium: var(--syn-spacing-medium);
  --syn-input-spacing-small: var(--syn-spacing-small);
  --syn-input-width: var(--syn-border-width-small);
  --syn-interactive-background-color-active: var(--syn-color-neutral-300);
  --syn-interactive-background-color-hover: var(--syn-color-neutral-100);
  --syn-interactive-emphasis-color: var(--syn-color-primary-600);
  --syn-interactive-emphasis-color-active: var(--syn-color-primary-950);
  --syn-interactive-emphasis-color-hover: var(--syn-color-primary-900);
  --syn-interactive-quiet-color: var(--syn-color-neutral-950);
  --syn-interactive-quiet-color-active: var(--syn-color-primary-700);
  --syn-interactive-quiet-color-hover: var(--syn-color-primary-600);
  --syn-letter-spacing-dense: -0.24px;
  --syn-letter-spacing-denser: -0.48px;
  --syn-letter-spacing-loose: 1.2px;
  --syn-letter-spacing-looser: 2.4px;
  --syn-letter-spacing-normal: normal;
  --syn-line-height-dense: 1.2;
  --syn-line-height-denser: 1;
  --syn-line-height-loose: 1.8;
  --syn-line-height-looser: 2.2;
  --syn-line-height-normal: 1.4;
  --syn-link-color: var(--syn-interactive-emphasis-color);
  --syn-link-color-active: var(--syn-interactive-emphasis-color-active);
  --syn-link-color-hover: var(--syn-interactive-emphasis-color-hover);
  --syn-link-quiet-color: var(--syn-interactive-quiet-color);
  --syn-link-quiet-color-active: var(--syn-interactive-emphasis-color-active);
  --syn-link-quiet-color-hover: var(--syn-interactive-quiet-color-hover);
  --syn-link-underline-outline: 7%;
  --syn-logo-color: var(--syn-color-primary-600);
  --syn-namur-color-border: var(--syn-color-neutral-950);
  --syn-namur-critical-color: var(--syn-color-critical-600);
  --syn-namur-critical-color-background: var(--syn-color-critical-100);
  --syn-namur-error-color: var(--syn-color-error-500);
  --syn-namur-error-color-background: var(--syn-color-error-100);
  --syn-namur-icon-color: var(--syn-color-neutral-950);
  --syn-namur-info-color: var(--syn-color-info-500);
  --syn-namur-info-color-background: var(--syn-color-info-100);
  --syn-namur-neutral-color: var(--syn-color-neutral-400);
  --syn-namur-neutral-color-background: var(--syn-color-neutral-200);
  --syn-namur-success-color: var(--syn-color-success-500);
  --syn-namur-success-color-background: var(--syn-color-success-100);
  --syn-namur-warning-color: var(--syn-color-warning-400);
  --syn-namur-warning-color-background: var(--syn-color-warning-100);
  --syn-opacity-50: 0.5;
  --syn-option-background-color-active: var(--syn-color-primary-600);
  --syn-option-background-color-hover: var(--syn-color-neutral-100);
  --syn-option-check-color: var(--syn-color-primary-600);
  --syn-option-check-color-active: var(--syn-color-neutral-0);
  --syn-option-check-color-hover: var(--syn-color-primary-600);
  --syn-option-color: var(--syn-typography-color-text);
  --syn-option-color-active: var(--syn-typography-color-text-inverted);
  --syn-option-color-hover: var(--syn-typography-color-text);
  --syn-option-icon-color: var(--syn-input-icon-color);
  --syn-option-icon-color-active: var(--syn-color-neutral-0);
  --syn-option-icon-color-hover: var(--syn-input-icon-color-hover);
  --syn-overlay-background-blur: 0px;
  --syn-overlay-background-color: rgba(49, 55, 58, 0.5);
  --syn-page-background: var(--syn-color-neutral-100);
  --syn-panel-background-color: var(--syn-color-neutral-0);
  --syn-panel-border-color: var(--syn-color-neutral-300);
  --syn-panel-border-radius: var(--syn-border-radius-medium);
  --syn-panel-border-width: var(--syn-border-width-small);
  --syn-progress-indicator-color: var(--syn-color-primary-600);
  --syn-progress-track-color: var(--syn-color-neutral-200);
  --syn-range-color-inactive: var(--syn-color-neutral-200);
  --syn-range-error-color: var(--syn-color-error-700);
  --syn-range-tick-color: var(--syn-color-neutral-400);
  --syn-range-track-color-active: var(--syn-interactive-emphasis-color);
  --syn-readonly-background-color: var(--syn-color-neutral-300);
  --syn-spacing-1-5x-large: 40px;
  --syn-spacing-2x-large: 48px;
  --syn-spacing-2x-small: 4px;
  --syn-spacing-3x-large: 64px;
  --syn-spacing-3x-small: 2px;
  --syn-spacing-4x-large: 96px;
  --syn-spacing-4x-small: 1px;
  --syn-spacing-5x-large: 128px;
  --syn-spacing-large: 24px;
  --syn-spacing-medium: 16px;
  --syn-spacing-medium-large: 20px;
  --syn-spacing-small: 12px;
  --syn-spacing-x-large: 32px;
  --syn-spacing-x-small: 8px;
  --syn-spinner-opacity: 0.16;
  --syn-switch-height-large: 28px;
  --syn-switch-height-medium: var(--syn-spacing-large);
  --syn-switch-height-small: var(--syn-spacing-medium-large);
  --syn-switch-width-large: var(--syn-spacing-2x-large);
  --syn-switch-width-medium: var(--syn-spacing-1-5x-large);
  --syn-switch-width-small: var(--syn-spacing-x-large);
  --syn-table-background-color: var(--syn-panel-background-color);
  --syn-table-background-color-alternating: var(--syn-color-neutral-50);
  --syn-table-background-color-header: var(--syn-color-neutral-200);
  --syn-table-border-color: var(--syn-color-neutral-300);
  --syn-table-shadow-end: rgba(49, 55, 58, 0);
  --syn-table-shadow-start: rgba(49, 55, 58, 0.16);
  --syn-text-decoration-default: none;
  --syn-text-decoration-underline: underline;
  --syn-toggle-size-large: var(--syn-spacing-large);
  --syn-toggle-size-medium: var(--syn-spacing-medium-large);
  --syn-toggle-size-small: var(--syn-spacing-medium);
  --syn-tooltip-arrow-size: 9px;
  --syn-tooltip-background-color: var(--syn-color-neutral-950);
  --syn-tooltip-border-radius: var(--syn-border-radius-small);
  --syn-tooltip-color: var(--syn-typography-color-text-inverted);
  --syn-tooltip-font-family: var(--syn-font-sans);
  --syn-tooltip-font-size: var(--syn-font-size-small);
  --syn-tooltip-font-weight: var(--syn-font-weight-normal);
  --syn-tooltip-line-height: var(--syn-line-height-normal);
  --syn-tooltip-padding: var(--syn-spacing-small);
  --syn-transition-fast: 150ms;
  --syn-transition-medium: 250ms;
  --syn-transition-slow: 500ms;
  --syn-transition-x-fast: 50ms;
  --syn-transition-x-slow: 1000ms;
  --syn-typography-color-text: var(--syn-color-neutral-950);
  --syn-typography-color-text-inverted: var(--syn-color-neutral-0);
  --syn-z-index-dialog: 800;
  --syn-z-index-drawer: 700;
  --syn-z-index-dropdown: 900;
  --syn-z-index-toast: 950;
  --syn-z-index-tooltip: 1000;
  --syn-shadow-medium:
    0px 1px 2px 0px rgba(49, 55, 58, 0.08),
    0px 1px 4px 0px rgba(49, 55, 58, 0.08),
    0px 2px 8px 0px rgba(49, 55, 58, 0.08);
  --syn-shadow-large:
    0px 0px 3px 0px rgba(49, 55, 58, 0.12),
    0px 2px 6px 0px rgba(49, 55, 58, 0.12),
    0px 3px 8px 0px rgba(49, 55, 58, 0.16);
  --syn-shadow-x-large:
    0px 1px 4px 0px rgba(49, 55, 58, 0.12),
    0px 8px 24px 0px rgba(49, 55, 58, 0.12),
    0px 16px 48px 0px rgba(49, 55, 58, 0.16);
  --syn-shadow-overflow-down:
    0px 1px 4px 0px rgba(49, 55, 58, 0.12),
    0px 3px 8px 0px rgba(49, 55, 58, 0.12),
    0px 4px 12px 0px rgba(49, 55, 58, 0.16);
  --syn-shadow-overflow-up:
    0px -1px 4px 0px rgba(49, 55, 58, 0.12),
    0px -3px 8px 0px rgba(49, 55, 58, 0.12),
    0px -4px 12px 0px rgba(49, 55, 58, 0.16);
  --syn-shadow-overflow-left:
    -1px 0px 4px 0px rgba(49, 55, 58, 0.12),
    -3px 0px 8px 0px rgba(49, 55, 58, 0.12),
    -4px 0px 12px 0px rgba(49, 55, 58, 0.16);
  --syn-shadow-overflow-right:
    1px 0px 4px 0px rgba(49, 55, 58, 0.12),
    3px 0px 8px 0px rgba(49, 55, 58, 0.12),
    4px 0px 12px 0px rgba(49, 55, 58, 0.16);
  --syn-shadow-x-small:
    0px 1px 2px 0px rgba(49, 55, 58, 0.04),
    0px 1px 4px 0px rgba(49, 55, 58, 0.04),
    0px 2px 8px 0px rgba(49, 55, 58, 0.04);
  --syn-shadow-small:
    0px 1px 2px 0px rgba(49, 55, 58, 0.06),
    0px 1px 4px 0px rgba(49, 55, 58, 0.06),
    0px 2px 8px 0px rgba(49, 55, 58, 0.06);
  --syn-body-x-small-regular:
    400 12px/1.4 "Open Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --syn-body-x-small-semibold:
    600 12px/1.4 "Open Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --syn-body-x-small-bold:
    700 12px/1.4 "Open Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --syn-body-small-regular:
    400 14px/1.4 "Open Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --syn-body-small-semibold:
    600 14px/1.4 "Open Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --syn-body-small-bold:
    700 14px/1.4 "Open Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --syn-body-medium-regular:
    400 16px/1.4 "Open Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --syn-body-medium-semibold:
    600 16px/1.4 "Open Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --syn-body-medium-bold:
    700 16px/1.4 "Open Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --syn-body-large-regular:
    400 20px/1.4 "Open Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --syn-body-large-semibold:
    600 20px/1.4 "Open Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --syn-body-large-bold:
    700 20px/1.4 "Open Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --syn-heading-large:
    700 20px/1.4 "Open Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --syn-heading-x-large:
    700 24px/1.2 "Open Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --syn-heading-2x-large:
    700 32px/1.2 "Open Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --syn-heading-3x-large:
    700 40px/1.2 "Open Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --syn-focus-ring: var(--syn-focus-ring-style) var(--syn-focus-ring-width) var(--syn-focus-ring-color);
}

/* node_modules/@synergy-design-system/components/dist/styles/index.css */
syn-accordion:not(:defined),
syn-breadcrumb:not(:defined),
syn-combobox:not(:defined),
syn-details:not(:defined),
syn-divider:not(:defined),
syn-file:not(:defined),
syn-header:not(:defined),
syn-menu:not(:defined),
syn-menu-item:not(:defined),
syn-menu-label:not(:defined),
syn-nav-item:not(:defined),
syn-option:not(:defined),
syn-prio-nav:not(:defined),
syn-progress-bar:not(:defined),
syn-radio-group:not(:defined),
syn-range:not(:defined),
syn-select:not(:defined),
syn-side-nav:not(:defined),
syn-tab-group:not(:defined),
syn-tab-panel:not(:defined),
syn-textarea:not(:defined),
syn-validate:not(:defined) {
  display: block;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
syn-alert:not(:defined),
syn-badge:not(:defined),
syn-breadcrumb-item:not(:defined),
syn-button:not(:defined),
syn-button-group:not(:defined),
syn-card:not(:defined),
syn-checkbox:not(:defined),
syn-dialog:not(:defined),
syn-drawer:not(:defined),
syn-dropdown:not(:defined),
syn-icon:not(:defined),
syn-icon-button:not(:defined),
syn-input:not(:defined),
syn-optgroup:not(:defined),
syn-popup:not(:defined),
syn-progress-ring:not(:defined),
syn-radio:not(:defined),
syn-radio-button:not(:defined),
syn-range-tick:not(:defined),
syn-spinner:not(:defined),
syn-switch:not(:defined),
syn-tab:not(:defined),
syn-tag:not(:defined),
syn-tooltip:not(:defined) {
  display: inline-block;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
@supports (scrollbar-gutter: stable) {
  .syn-scroll-lock {
    scrollbar-gutter: var(--syn-scroll-lock-gutter) !important;
  }
  .syn-scroll-lock body {
    overflow: hidden !important;
  }
}
@supports not (scrollbar-gutter: stable) {
  .syn-scroll-lock body {
    padding-right: var(--syn-scroll-lock-size) !important;
    overflow: hidden !important;
  }
}
.syn-toast-stack {
  position: fixed;
  top: 0;
  inset-inline-end: 0;
  z-index: var(--syn-z-index-toast);
  width: 28rem;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
}
.syn-toast-stack syn-alert {
  margin: var(--syn-spacing-small);
}
.syn-toast-stack syn-alert::part(base) {
  box-shadow: var(--syn-shadow-large);
}

/* node_modules/@synergy-design-system/styles/dist/index.css */
.syn-link {
  --syn-link-icon-size: 1em;
  --syn-link-icon-gap: 0.25em;
  --syn-link-font-size: 1em;
  color: var(--syn-link-color);
  display: inline;
  font-family: var(--syn-font-sans);
  font-size: var(--syn-link-font-size);
  text-decoration: underline;
  text-underline-offset: var(--syn-link-underline-outline, initial);
}
.syn-link:has(syn-icon) {
  align-items: center;
  display: inline-flex;
  gap: var(--syn-link-icon-gap);
}
.syn-link syn-icon {
  font-size: var(--syn-link-icon-size);
}
.syn-link:not(.syn-link--disabled):hover {
  color: var(--syn-link-color-hover);
}
.syn-link:not(.syn-link--disabled):active {
  color: var(--syn-link-color-active);
}
.syn-link:not(.syn-link--disabled):focus-visible {
  border-radius: var(--syn-focus-ring-border-radius);
  outline: var(--syn-focus-ring);
  outline-offset: var(--syn-focus-ring-offset);
}
.syn-link--small {
  --syn-link-icon-size: var(--syn-spacing-medium);
  --syn-link-icon-gap: var(--syn-spacing-2x-small);
  --syn-link-font-size: var(--syn-font-size-small);
}
.syn-link--medium {
  --syn-link-icon-size: var(--syn-spacing-large);
  --syn-link-icon-gap: var(--syn-spacing-x-small);
  --syn-link-font-size: var(--syn-font-size-medium);
}
.syn-link--large {
  --syn-link-icon-size: var(--syn-spacing-x-large);
  --syn-link-icon-gap: var(--syn-spacing-small);
  --syn-link-font-size: var(--syn-font-size-large);
}
.syn-link--quiet:not(.syn-link--disabled) {
  color: var(--syn-link-quiet-color);
}
.syn-link--quiet:not(.syn-link--disabled):hover {
  color: var(--syn-link-quiet-color-hover);
}
.syn-link--quiet:not(.syn-link--disabled):active {
  color: var(--syn-link-quiet-color-active);
}
.syn-link--disabled:not([href]),
a.syn-link:not([href]) {
  cursor: not-allowed;
  opacity: var(--syn-input-disabled-opacity);
}
.syn-link-list {
  display: flex;
  flex-direction: column;
  gap: var(--syn-spacing-small);
  list-style: none;
  margin: 0;
  padding: 0;
}
.syn-link-list--horizontal {
  flex-flow: row wrap;
  gap: var(--syn-spacing-small) var(--syn-spacing-large);
}
.syn-link-list > li {
  display: block;
  margin: 0;
  padding: 0;
}
.syn-link-list--small {
  gap: var(--syn-spacing-x-small);
}
.syn-link-list--medium {
  gap: var(--syn-spacing-small);
}
.syn-link-list--large {
  gap: var(--syn-spacing-medium);
}
.syn-link-list--horizontal.syn-link-list--small {
  gap: var(--syn-spacing-x-small) var(--syn-spacing-medium);
}
.syn-link-list--horizontal.syn-link-list--medium {
  gap: var(--syn-spacing-small) var(--syn-spacing-large);
}
.syn-link-list--horizontal.syn-link-list--large {
  gap: var(--syn-spacing-medium) var(--syn-spacing-x-large);
}
.syn-body--x-small {
  font: var(--syn-body-x-small-regular);
}
.syn-body--small {
  font: var(--syn-body-small-regular);
}
.syn-body--medium {
  font: var(--syn-body-medium-regular);
}
.syn-body--large {
  font: var(--syn-body-large-regular);
}
.syn-heading--large {
  font: var(--syn-heading-large);
}
.syn-heading--x-large {
  font: var(--syn-heading-x-large);
}
.syn-heading--2x-large {
  font: var(--syn-heading-2x-large);
}
.syn-heading--3x-large {
  font: var(--syn-heading-3x-large);
}
.syn-weight--normal {
  font-weight: var(--syn-font-weight-normal);
}
.syn-weight--semibold {
  font-weight: var(--syn-font-weight-semibold);
}
.syn-weight--bold {
  font-weight: var(--syn-font-weight-bold);
}
.syn-table,
.syn-table--default,
.syn-table--alternating,
.syn-table--border {
  all: unset;
  border-collapse: collapse;
  border-spacing: var(--syn-border-width-none);
  display: table;
}
.syn-table-cell,
.syn-table--default td,
.syn-table--alternating td,
.syn-table--border td {
  background-color: var(--syn-table-background-color, var(--syn-color-neutral-0));
  color: var(--syn-typography-color-text);
  font: var(--syn-body-small-regular);
  height: var(--syn-spacing-large);
  padding: var(--syn-spacing-small) var(--syn-spacing-medium);
  text-align: start;
  vertical-align: top;
}
.syn-table-cell--alternating,
.syn-table--alternating tr:nth-child(even) > td {
  background-color: var(--syn-table-background-color-alternating, var(--syn-color-neutral-50));
}
.syn-table-cell--border-start {
  border-inline-start: var(--syn-border-width-small) solid var(--syn-table-border-color, var(--syn-color-neutral-300));
}
.syn-table-cell--border-end,
.syn-table--border tr > td:not(:last-child) {
  border-inline-end: var(--syn-border-width-small) solid var(--syn-table-border-color, var(--syn-color-neutral-300));
}
.syn-table-cell--border-top {
  border-top: var(--syn-border-width-small) solid var(--syn-table-border-color, var(--syn-color-neutral-300));
}
.syn-table-cell--border-bottom,
.syn-table--border tr:not(:last-child) > td {
  border-bottom: var(--syn-border-width-small) solid var(--syn-table-border-color, var(--syn-color-neutral-300));
}
.syn-table-cell--header,
.syn-table--default th,
.syn-table--alternating th,
.syn-table--border th {
  background-color: var(--syn-table-background-color-header, var(--syn-color-neutral-200));
  color: var(--syn-typography-color-text);
  font: var(--syn-body-small-semibold);
  height: var(--syn-spacing-large);
  padding: var(--syn-spacing-small) var(--syn-spacing-medium);
  text-align: start;
  vertical-align: top;
}
.syn-table-cell--shadow-bottom::after,
.syn-table-cell--shadow-top::after,
.syn-table-cell--shadow-start::after,
.syn-table-cell--shadow-end::after {
  --shadow-start: var(--syn-table-shadow-start, rgb(49 55 58 / 15%));
  --shadow-end: var(--syn-table-shadow-end, rgb(49 55 58 / 0%));
  content: "";
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition-duration: 0.25s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
}
.syn-table-cell--shadow-bottom::after,
.syn-table-cell--shadow-top::after {
  height: var(--syn-spacing-x-small);
  left: 0;
  right: 0;
}
.syn-table-cell--shadow-start::after,
.syn-table-cell--shadow-end::after {
  bottom: 0;
  top: 0;
  width: var(--syn-spacing-x-small);
}
.syn-table-cell--shadow-bottom::after {
  background:
    linear-gradient(
      180deg,
      var(--shadow-start) 0%,
      var(--shadow-end) 100%);
  bottom: calc(var(--syn-spacing-x-small) * -1);
}
.syn-table-cell--shadow-top::after {
  background:
    linear-gradient(
      0deg,
      var(--shadow-start) 0%,
      var(--shadow-end) 100%);
  top: calc(var(--syn-spacing-x-small) * -1);
}
.syn-table-cell--shadow-start::after,
:dir(rtl) .syn-table-cell--shadow-end::after {
  background:
    linear-gradient(
      270deg,
      var(--shadow-start) 0%,
      var(--shadow-end) 100%);
  left: calc(var(--syn-spacing-x-small) * -1);
  right: unset;
}
.syn-table-cell--shadow-end::after,
:dir(rtl) .syn-table-cell--shadow-start::after {
  background:
    linear-gradient(
      90deg,
      var(--shadow-start) 0%,
      var(--shadow-end) 100%);
  left: unset;
  right: calc(var(--syn-spacing-x-small) * -1);
}
.syn-table-cell--shadow-active::after {
  opacity: 1;
}

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