@charset "UTF-8";

/* node_modules/@trumpf/ux.ui/dist/themes/responsive/responsive.css */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src:
    local("Open Sans Light"),
    local("OpenSans-Light"),
    url("./media/open-sans-v18-latin-300.woff2") format("woff2"),
    url("./media/open-sans-v18-latin-300.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300;
  src:
    local("Open Sans Light Italic"),
    local("OpenSans-LightItalic"),
    url("./media/open-sans-v18-latin-300italic.woff2") format("woff2"),
    url("./media/open-sans-v18-latin-300italic.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src:
    local("Open Sans Regular"),
    local("OpenSans-Regular"),
    url("./media/open-sans-v18-latin-regular.woff2") format("woff2"),
    url("./media/open-sans-v18-latin-regular.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src:
    local("Open Sans Italic"),
    local("OpenSans-Italic"),
    url("./media/open-sans-v18-latin-italic.woff2") format("woff2"),
    url("./media/open-sans-v18-latin-italic.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src:
    local("Open Sans SemiBold"),
    local("OpenSans-SemiBold"),
    url("./media/open-sans-v18-latin-600.woff2") format("woff2"),
    url("./media/open-sans-v18-latin-600.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src:
    local("Open Sans Bold"),
    local("OpenSans-Bold"),
    url("./media/open-sans-v18-latin-700.woff2") format("woff2"),
    url("./media/open-sans-v18-latin-700.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 600;
  src:
    local("Open Sans SemiBold Italic"),
    local("OpenSans-SemiBoldItalic"),
    url("./media/open-sans-v18-latin-600italic.woff2") format("woff2"),
    url("./media/open-sans-v18-latin-600italic.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  src:
    local("Open Sans Bold Italic"),
    local("OpenSans-BoldItalic"),
    url("./media/open-sans-v18-latin-700italic.woff2") format("woff2"),
    url("./media/open-sans-v18-latin-700italic.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src:
    local("Open Sans ExtraBold"),
    local("OpenSans-ExtraBold"),
    url("./media/open-sans-v18-latin-800.woff2") format("woff2"),
    url("./media/open-sans-v18-latin-800.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 800;
  src:
    local("Open Sans ExtraBold Italic"),
    local("OpenSans-ExtraBoldItalic"),
    url("./media/open-sans-v18-latin-800italic.woff2") format("woff2"),
    url("./media/open-sans-v18-latin-800italic.woff") format("woff");
}
:root,
.ux-theme-responsive {
  --ux-badge-font-size: 12px;
  --ux-badge-background: #ff0201;
  --ux-badge-border-radius: 0;
  --ux-badge-padding-horizontal: 4px;
  --ux-badge-padding-vertical: 2px;
}
:root,
.ux-theme-responsive {
  --ux-button-font-size: 1rem;
  --ux-button-font-weight: bold;
  --ux-button-disabled-font-weight: normal;
  --ux-button-text-transform: none;
  --ux-button-padding-horizontal: 16px;
  --ux-button-padding-vertical: 8px;
  --ux-button-padding: var(--ux-button-padding-vertical) var(--ux-button-padding-horizontal);
  --ux-button-outer-padding: 8px;
  --ux-button-border-width: 1px;
  --ux-button-outline-width: 2px;
  --ux-button-outline-offset: -2px;
  --ux-button-disabled-opacity: 1;
  --ux-button-icon-spacing: 8px;
  --ux-button-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05), 0 2px 8px 0 rgba(161, 161, 161, 0.4);
  --ux-button-focus-shadow: 0 2px 4px 0 rgba(161, 161, 161, 0.4), 0 2px 8px 0 rgba(0, 0, 0, 0.05);
  --ux-button-selected-shadow: 0 2px 8px 0 rgba(116, 185, 239, 0.25);
  --ux-button-transition: none;
  --ux-button-text-color: #363636;
  --ux-button-bg-color: #fff;
  --ux-button-border-color: #a1a1a1;
  --ux-button-hover-text-color: #177ac9;
  --ux-button-hover-bg-color: #fff;
  --ux-button-hover-border-color: #51a7eb;
  --ux-button-focus-text-color: #363636;
  --ux-button-focus-bg-color: #fff;
  --ux-button-focus-border-color: #51a7eb;
  --ux-button-active-text-color: #177ac9;
  --ux-button-active-bg-color: #eef6fc;
  --ux-button-active-bg-alt-color: rgba(116, 185, 239, 0.1);
  --ux-button-active-border-color: #51a7eb;
  --ux-button-disabled-text-color: rgba(54, 54, 54, 0.75);
  --ux-button-disabled-bg-color: #fff;
  --ux-button-disabled-border-color: rgba(161, 161, 161, 0.25);
  --ux-button-selected-text-color: #285172;
  --ux-button-selected-bg-color: rgba(187, 221, 247, 0.4);
  --ux-button-selected-border-color: #177ac9;
  --ux-button-selected-hover-bg-color: var(--ux-button-selected-bg-color);
  --ux-button-primary-text-color: #fff;
  --ux-button-primary-bg-color: #285172;
  --ux-button-primary-border-color: #285172;
  --ux-button-primary-hover-text-color: #74b9ef;
  --ux-button-primary-hover-bg-color: #285172;
  --ux-button-primary-hover-border-color: #51a7eb;
  --ux-button-primary-focus-text-color: #fff;
  --ux-button-primary-focus-bg-color: #285172;
  --ux-button-primary-focus-border-color: #51a7eb;
  --ux-button-primary-active-text-color: #74b9ef;
  --ux-button-primary-active-bg-color: #2e5c7f;
  --ux-button-primary-active-bg-alt-color: rgba(81, 167, 235, 0.1);
  --ux-button-primary-active-border-color: #74b9ef;
  --ux-button-primary-disabled-text-color: rgba(255, 255, 255, 0.8);
  --ux-button-primary-disabled-bg-color: rgba(40, 81, 114, 0.5);
  --ux-button-primary-disabled-border-color: transparent;
  --ux-button-primary-selected-text-color: #74b9ef;
  --ux-button-primary-selected-bg-color: #285172;
  --ux-button-primary-selected-border-color: transparent;
  --ux-button-primary-selected-hover-bg-color: var(--ux-button-primary-selected-bg-color);
  --ux-button-toggle-text-color: #363636;
  --ux-button-toggle-bg-color: #fff;
  --ux-button-toggle-border-color: #a1a1a1;
  --ux-icon-button-width: 38px;
  --ux-icon-button-height: 30px;
  --ux-button-icon-size: var(--ux-icon-size);
  --ux-button-icon-size-large: var(--ux-icon-size);
}
@media only screen and (min-width: 1920px) {
  :root,
  .ux-theme-responsive {
    --ux-button-min-width: 159px;
    --ux-button-min-height: 48px;
    --ux-icon-button-width: 60px;
    --ux-icon-button-height: 48px;
  }
}
@media only screen and (max-width: 1919px) {
  :root,
  .ux-theme-responsive {
    --ux-button-min-width: 132px;
    --ux-button-min-height: 40px;
    --ux-icon-button-width: 50px;
    --ux-icon-button-height: 40px;
  }
}
@media only screen and (max-width: 1023px) {
  :root,
  .ux-theme-responsive {
    --ux-button-min-width: 99px;
    --ux-button-min-height: 30px;
    --ux-icon-button-width: 38px;
    --ux-icon-button-height: 30px;
  }
}
:root,
.ux-theme-responsive {
  --ux-charts-palette-idle: #bbd03a;
  --ux-charts-palette-running: #285172;
  --ux-charts-palette-malfunction: #cc292d;
  --ux-charts-palette-maintenance: #f27b26;
  --ux-charts-palette-pause: #b9dcf7;
  --ux-charts-palette-offline: #e7ecf0;
  --ux-charts-palette-unknown: #a1a1a1;
  --ux-charts-data-group-color: var(--ux-color-black);
  --ux-charts-font-size: var(--ux-font-size-small);
  --ux-charts-text-color: #363636;
  --ux-charts-tick-line-color: #e7ecf0;
  --ux-charts-x-axis-label-font-size: var(--ux-font-size-small);
  --ux-charts-x-axis-label-font-weight: var(--ux-font-weight-bold);
  --ux-charts-y-axis-label-font-size: var(--ux-font-size-small);
  --ux-charts-y-axis-label-font-weight: var(--ux-font-weight-bold);
  --ux-charts-y-axis-tick-font-size: var(--ux-font-size-small);
  --ux-charts-y-axis-tick-font-weight: var(--ux-font-weight-normal);
  --ux-charts-loading-overlay-bgcolor: rgba(255, 255, 255, 0.8);
  --ux-charts-tooltip-font-size: var(--ux-font-size-small);
  --ux-charts-tooltip-padding: 8px;
  --ux-charts-tooltip-arrow-offset: 32px;
  --ux-charts-bar-chart-in-bar-label-font-size: var(--ux-font-size-small);
  --ux-charts-bar-chart-in-bar-label-font-weight: var(--ux-font-weight-bold);
  --ux-charts-line-chart-stroke-width: 3px;
  --ux-charts-line-chart-dot-fill-color: var(--ux-color-white);
  --ux-charts-line-chart-tooltip-line-color: #a1a1a1;
  --ux-charts-line-chart-tooltip-line-stroke-dasharray: 4;
  --ux-charts-line-chart-fade-out-opacity: 0.1;
  --ux-charts-line-chart-fade-out-stroke-width: initial;
  --ux-charts-line-chart-fade-out-stroke-color: initial;
}
:root,
.ux-theme-responsive {
  --ux-checkbox-width: 18px;
  --ux-checkbox-height: 15px;
  --ux-checkbox-mark-size: 12px;
  --ux-checkbox-font-size: 1rem;
  --ux-checkbox-font-weight: 400;
  --ux-checkbox-spacing: 15px;
  --ux-checkbox-label-offset: 12px;
  --ux-checkbox-outline-width: var(--ux-input-outline-width);
  --ux-checkbox-outline-offset: var(--ux-input-outline-offset);
  --ux-checkbox-border-color: #a1a1a1;
  --ux-checkbox-border-color-checked: #51a7eb;
  --ux-checkbox-hover-border-color: #51a7eb;
  --ux-checkbox-text-color: #0b0b0b;
}
@media only screen and (max-width: 1919px) {
  :root,
  .ux-theme-responsive {
    --ux-checkbox-width: 24px;
    --ux-checkbox-height: 20px;
    --ux-checkbox-mark-width: 18px;
    --ux-checkbox-mark-height: 18px;
  }
}
@media only screen and (min-width: 1920px) {
  :root,
  .ux-theme-responsive {
    --ux-checkbox-width: 29px;
    --ux-checkbox-height: 24px;
    --ux-checkbox-mark-width: 24px;
    --ux-checkbox-mark-height: 24px;
  }
}
@media only screen and (max-width: 1023px) {
  :root,
  .ux-theme-responsive {
    --ux-checkbox-width: 18px;
    --ux-checkbox-height: 15px;
    --ux-checkbox-mark-width: 14px;
    --ux-checkbox-mark-height: 14px;
  }
}
:root,
.ux-theme-responsive.ux-theme-responsive {
  --ux-color-primary: #285172;
  --ux-color-white: #fff;
  --ux-color-chart-info: #285172;
  --ux-color-chart-success: #b3d11e;
  --ux-color-chart-warning: #f27b26;
  --ux-color-chart-error: #cc292d;
  --ux-color-chart-disabled: #e7ecf0;
  --ux-color-chart-disabled-light: #a1a1a1;
}
:root,
.ux-theme-responsive {
  --ux-file-upload-item-default-width: 150px;
  --ux-file-upload-item-min-width: 90px;
  --ux-file-upload-item-max-width: 500px;
  --ux-file-upload-spacing: 15px;
  --ux-file-upload-items-per-row: auto;
  --ux-file-upload-item-alignment: center;
}
:root,
.ux-theme-responsive {
  --ux-label-text-transform: none;
  --ux-label-font-size: 1rem;
  --ux-label-font-weight: 400;
  --ux-label-line-height: 1.3rem;
  --ux-label-color: #000;
  --ux-label-padding: 0 0 0.5625em;
  --ux-label-margin: 0;
  --ux-label-spacing: 0.5em;
  --ux-label-text-tranform: none;
  --ux-dropdown-padding: 0 8px;
  --ux-select-padding: 0 50px 0 8px;
  --ux-select-icon-size: 24px;
  --ux-select-font-size: 1.5rem;
  --ux-select-font-weight: 600;
  --ux-select-hover-border-color: #51a7eb;
  --ux-select-hover-color: #177ac9;
  --ux-select-focus-border-width: 2px;
  --ux-radio-button-size: 20px;
  --ux-radio-button-size-inner: 10px;
  --ux-radio-dot-color: #000;
}
:root,
.ux-theme-responsive {
  --ux-guided-tour-overlay-z-index: 800;
  --ux-guided-tour-overlay-glow-color: rgb(255 255 255 / 50%);
  --ux-guided-tour-overlay-shadow-color: rgb(0 0 0 / 20%);
  --ux-guided-tour-overlay-border-radius: 0;
  --ux-guided-tour-progress-bar-color: #51a7eb;
  --ux-guided-tour-button-focus-color: #000;
}
:root,
.ux-theme-responsive {
  --ux-icon-size: 24px;
}
@media only screen and (min-width: 1920px) {
  :root,
  .ux-theme-responsive {
    --ux-icon-size: 36px;
  }
}
@media only screen and (max-width: 1919px) {
  :root,
  .ux-theme-responsive {
    --ux-icon-size: 36px;
  }
}
@media only screen and (max-width: 1023px) {
  :root,
  .ux-theme-responsive {
    --ux-icon-size: 24px;
  }
}
:root,
.ux-theme-responsive {
  --ux-image-placeholder-background-color: #e3e3e3;
  --ux-image-error-color: #ff0201;
  --ux-image-error-alt-text-color: #a3a3a3;
  --ux-image-error-icon-size: 4rem;
}
:root,
.ux-theme-responsive {
  --ux-label-text-transform: none;
  --ux-label-font-size: $size-text-small;
  --ux-label-font-weight: bold;
  --ux-label-padding: 0 0 10px;
  --ux-input-height: 45px;
  --ux-input-font-size: 1.5rem;
  --ux-input-font-weight: 600;
  --ux-input-line-height: normal;
  --ux-input-padding-horizontal: 8px;
  --ux-input-padding-vertical: 8px;
  --ux-input-padding: var(--ux-input-padding-vertical) var(--ux-input-padding-horizontal);
  --ux-input-spacing: 8px;
  --ux-input-outline-width: 2px;
  --ux-input-outline-offset: -2px;
  --ux-input-border-width: 1px;
  --ux-input-background-color: #fff;
  --ux-input-border-color: #a1a1a1;
  --ux-input-placeholder-color: rgba(54, 54, 54, 0.5);
  --ux-input-placeholder-font-weight: normal;
  --ux-input-icon-size: 2.4rem;
  --ux-input-controls-order: 2;
  --ux-input-error-color: #000;
  --ux-input-error-border-color: #a1a1a1;
  --ux-input-error-hover-border-color: #51a7eb;
  --ux-input-error-hint-font-size: 0.8rem;
  --ux-input-error-hint-color: #ff0201;
  --ux-input-error-hint-margin: 0.5em 0 0;
  --ux-input-error-hint-font-weight: 400;
  --ux-input-error-hint-line-height: 1rem;
  --ux-input-focus-border-color: #51a7eb;
  --ux-input-focus-text-color: #000;
  --ux-input-hover-bg: #fff;
  --ux-input-hover-border-color: #51a7eb;
  --ux-input-hover-text-color: #177ac9;
  --ux-input-active-bg: rgba(116, 185, 239, 0.1);
  --ux-input-active-border-color: #51a7eb;
  --ux-input-active-text-color: #177ac9;
  --ux-input-disabled-bg: #fff;
  --ux-input-disabled-border-color: rgba(161, 161, 161, 0.25);
  --ux-input-disabled-text-color: rgba(54, 54, 54, 0.5);
  --ux-input-disabled-opacity: 1;
  --ux-input-label-color: #000;
  --ux-input-label-font-size: 1rem;
  --ux-input-label-font-weight: 400;
  --ux-input-label-line-height: 1.3rem;
  --ux-input-label-padding: 0 0 9px;
  --ux-input-label-padding-empty: 0;
  --ux-input-label-margin: 0;
  --ux-input-label-spacing: 8px;
  --ux-input-label-text-transform: none;
  --ux-input-label-required-symbol: "";
  --ux-input-label-order: 1;
  --ux-input-hint-margin: 0.5em 0 0;
  --ux-input-hint-color: #000;
  --ux-input-hint-font-size: 0.8rem;
  --ux-input-hint-font-weight: 400;
  --ux-input-hint-line-height: 1rem;
  --ux-input-hint-order: 3;
  --ux-input-icon-padding: 8px;
  --ux-input-icon-size: 34px;
  --ux-input-clearable-padding: 10px;
  --ux-input-clearable-size: 16px;
  --ux-input-unit-color: #000;
  --ux-input-unit-divider-color: #a1a1a1;
  --ux-input-unit-padding: 8px;
  --ux-input-unit-font-size: 1rem;
  --ux-input-unit-font-weight: 600;
  --ux-input-unit-line-height: 1.3rem;
  --ux-input-unit-top: 7px;
  --ux-input-unit-bottom: 7px;
  --ux-input-unit-align-items: flex-end;
  --ux-input-unit-padding-right: 8px;
}
@media only screen and (min-width: 1920px) {
  :root,
  .ux-theme-responsive {
    --ux-input-height: 48px;
  }
}
@media only screen and (max-width: 1919px) {
  :root,
  .ux-theme-responsive {
    --ux-input-height: 40px;
  }
}
@media only screen and (max-width: 1023px) {
  :root,
  .ux-theme-responsive {
    --ux-input-height: 30px;
  }
}
:root,
.ux-theme-responsive {
  --ux-loader-track-color: #fff;
  --ux-loader-bar-color: #285172;
  --ux-loader-bar-size: 12px;
  --ux-loader-bar-radius: 0;
  --ux-loader-animation-duration: 4s;
  --ux-loader-animation-offset-start: -175%;
  --ux-loader-animation-offset-end: 75%;
  --ux-spinner-track-color: #285172;
}
:root,
.ux-theme-responsive {
  --ux-notification-bell-background: #142939;
  --ux-notification-bell-background-hover: #2a3d4b;
  --ux-notification-bell-icon-font-size: 36px;
  --ux-notification-bell-icon-fill: #fff;
  --ux-notification-bell-badge-left-pos: -4px;
  --ux-notification-bell-badge-top-pos: -6px;
  --ux-notification-bell-badge-margin-left-pos: 0;
  --ux-notification-bell-badge-position: absolute;
}
@media only screen and (max-width: 667px) {
  :root,
  .ux-theme-responsive {
    --ux-notification-bell-icon-font-size: 25px;
  }
}
:root,
.ux-theme-responsive {
  --ux-notification-item-text-color: #363636;
  --ux-notification-item-source-font-size: 0.8rem;
  --ux-notification-item-date-time-font-size: 0.8rem;
}
:root,
.ux-theme-responsive {
  --ux-pagination-button-height: 40px;
  --ux-pagination-button-width: 60px;
  --ux-pagination-gap-size: 8px;
  --ux-pagination-icon-button-width: 50px;
  --ux-pagination-more-icon-size: 24px;
  --ux-pagination-input-width: 110px;
}
:root,
.ux-theme-responsive {
  --ux-popover-panel-bg-color: #fff;
  --ux-popover-panel-border-color: #a1a1a1;
  --ux-popover-panel-border-width: 1px;
  --ux-popover-panel-padding: 16px;
  --ux-popover-panel-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05), 0 2px 8px 0 rgba(161, 161, 161, 0.4);
  --ux-popover-z-index: 80;
  --ux-popover-panel-arrow-length: 15px;
  --ux-popover-panel-arrow-inset: 16px;
  --ux-popover-primary-border-color: #51a7eb;
  --ux-popover-primary-border-width: 1px;
  --ux-popover-secondary-border-color: #a1a1a1;
  --ux-popover-secondary-border-width: 1px;
}
:root,
.ux-theme-responsive {
  --ux-popover-menu-content-offset-start: -12px;
  --ux-popover-menu-content-offset-end: 12px;
  --ux-popover-menu-border-color: #a1a1a1;
  --ux-popover-menu-content-padding: 0;
  --ux-popover-menu-item-padding: 20px 0;
}
:root,
.ux-theme-responsive {
  --ux-quote-max-width: 1440px;
  --ux-quote-background-image:
    linear-gradient(
      to right,
      #2f3f4c 0,
      #3e4d5a 80%);
  --ux-quote-box-shadow: 70px 0 120px -20px rgba(0, 0, 0, 0.2);
  --ux-quote-image-width: 100px;
  --ux-quote-image-height: 100px;
  --ux-quote-text-line-height: 18px;
  --ux-quote-text-font-size: 14px;
  --ux-quote-source-container-background-image:
    linear-gradient(
      to right,
      #e7ecf0 0,
      #c9d3dc 100%);
  --ux-quote-source-container-color: #0b0b0b;
  --ux-quote-source-container-font-size: 14px;
}
@media only screen and (min-width: 768px) {
  :root,
  .ux-theme-responsive {
    --ux-quote-image-width: 150px;
    --ux-quote-image-height: 150px;
    --ux-quote-text-line-height: 26px;
    --ux-quote-text-font-size: 18px ;
  }
}
@media only screen and (min-width: 1025px) {
  :root,
  .ux-theme-responsive {
    --ux-quote-image-width: 200px;
    --ux-quote-image-height: 200px;
    --ux-quote-text-line-height: 28px;
    --ux-quote-text-font-size: 20px ;
  }
}
:root,
.ux-theme-responsive {
  --ux-sidebar-width: auto;
  --ux-sidebar-max-width: 240px;
  --ux-sidebar-align-header: 68px;
  --ux-sidebar-align-footer: 52px;
}
@media only screen and (max-width: 667px) {
  :root,
  .ux-theme-responsive {
    --ux-sidebar-align-header: 52px;
  }
}
@media only screen and (max-width: 1023px) {
  :root,
  .ux-theme-responsive {
    --ux-sidebar-align-footer: 39px;
  }
}
:root,
.ux-theme-responsive {
  --ux-stepper-button-shadow: 1px 3px 4px -1px rgba(0, 0, 0, 0.05), 1px 3px 8px -1px rgba(161, 161, 161, 0.4);
  --ux-stepper-gap-size: 4px;
  --ux-stepper-button-bg-color: #fff;
  --ux-stepper-button-focus-bg-color: #fff;
  --ux-stepper-button-hover-text-color: #177ac9;
}
:root,
.ux-theme-responsive {
  --ux-switch-control-width: 56px;
  --ux-switch-control-height: 28px;
  --ux-switch-outline-offset: -2px;
  --ux-switch-outline-width: 2px;
  --ux-switch-border-width: 1px;
  --ux-switch-desc-font-size: var(--ux-font-size-small);
  --ux-switch-handle-offset: 2px;
  --ux-switch-handle-size: calc( var(--ux-switch-control-height) - 2 * var(--ux-switch-border-width) - 2 * var(--ux-switch-handle-offset) );
  --ux-switch-handle-track-length: calc(var(--ux-switch-control-width) - var(--ux-switch-control-height));
  --ux-switch-handle-border-color: #a1a1a1;
  --ux-switch-handle-bg-color: #fff;
  --ux-switch-handle-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05), 0 2px 8px 0 rgba(161, 161, 161, 0.4);
  --ux-switch-bg-color: #fff;
  --ux-switch-border-color: #a1a1a1;
  --ux-switch-on-bg-color: rgba(187, 221, 247, 0.4);
  --ux-switch-on-border-color: #51a7eb;
  --ux-switch-hover-bg-color: #fff;
  --ux-switch-hover-border-color: #51a7eb;
  --ux-switch-focus-bg-color: #fff;
  --ux-switch-focus-border-color: #51a7eb;
  --ux-switch-active-bg-color: rgba(116, 185, 239, 0.1);
  --ux-switch-active-border-color: #51a7eb;
  --ux-switch-active-handle-bg-color: rgba(187, 221, 247, 0.4);
  --ux-switch-disabled-bg-color: #fff;
  --ux-switch-disabled-border-color: rgba(161, 161, 161, 0.25);
}
:root,
.ux-theme-responsive {
  --ux-table-bg-color: #fff;
  --ux-table-border-color: #a1a1a1;
  --ux-table-text-color: #363636;
  --ux-table-header-font-size: 0.8rem;
  --ux-table-header-font-weight: 600;
  --ux-table-header-bg-color: #fff;
  --ux-table-header-text-color: #363636;
  --ux-table-header-text-transform: none;
  --ux-table-header-padding-vertical: 30px;
  --ux-table-row-bg-color-even: #fff;
  --ux-table-row-bg-color-odd: #fff;
  --ux-table-row-hover-border-color: #177ac9;
  --ux-table-row-hover-text-color: #177ac9;
  --ux-table-row-selected-bg-color: rgb(185 220 247 / 40%);
  --ux-table-row-selected-text-color: #177ac9;
  --ux-table-row-padding-vertical: 10px;
  --ux-table-cell-min-height: 48px;
  --ux-table-cell-padding-horizontal: 30px;
  --ux-table-cell-padding-vertical: 10px;
  --ux-table-sort-active-color: currentcolor;
  --ux-table-sort-inactive-color: currentcolor;
  --ux-table-sort-inactive-opacityr: 0.3;
}
:root,
.ux-theme-responsive {
  --ux-tabs-container-arrow-bg-color: #fff;
  --ux-tabs-container-arrow-bg-color-transparent: rgba(255, 255, 255, 0);
  --ux-tabs-container-header-fixed-bg-color: #fff;
}
:root,
.ux-theme-responsive.ux-theme-responsive {
  --ux-tag-font-weight: var(--ux-font-weight-bold);
  --ux-tag-font-size: var(--ux-font-size-normal);
  --ux-tag-background-color: rgba(137, 159, 178, 0.2);
  --ux-tag-background-color-hover: rgba(137, 159, 178, 0.2);
  --ux-tag-color: #285172;
  --ux-tag-gap: 8px;
  --ux-tag-height: 40px;
  --ux-tag-letter-spacing: 0;
  --ux-tag-margin: 8px;
  --ux-tag-padding: 0 8px;
  --ux-tag-text-transform: none;
  --ux-tag-border-radius: 0;
  --ux-tag-border: 1px solid transparent;
  --ux-tag-border-color: transparent;
  --ux-tag-border-color-hover: #51a7eb;
  --ux-tag-outline-hover: 1px solid #51a7eb;
  --ux-tag-outline-focus: 2px solid #51a7eb;
  --ux-tag-outline-focus-offset: -2px;
  --ux-tag-hover-color: #177ac9;
  --ux-tag-transition: none;
  --ux-tag-icon-color: #363636;
  --ux-tag-icon-size: 1.3em;
  --ux-tag-icon-margin-start: 0;
  --ux-tag-icon-margin-end: 4px;
  --ux-tag-secondary-background-color: #fff;
  --ux-tag-secondary-border: 1px solid #e1e1e1;
  --ux-tag-secondary-color: #9a9a9a;
  --ux-tag-secondary-font-weight: var(--ux-font-weight-normal);
  --ux-tag-inactive-background-color: rgba(137, 159, 178, 0.2);
  --ux-tag-inactive-border: 1px solid transparent;
  --ux-tag-inactive-color: #363636;
  --ux-tag-inactive-font-weight: var(--ux-font-weight-normal);
  --ux-tag-interactive-height: var(--ux-tag-height);
  --ux-tag-interactive-border-radius: var(--ux-tag-border-radius);
  --ux-tag-interactive-font-size: var(--ux-tag-font-size);
  --ux-tag-interactive-font-weight: var(--ux-font-weight-bold);
  --ux-tag-interactive-secondary-font-weight: var(--ux-font-weight-normal);
  --ux-tag-interactive-padding: var(--ux-tag-padding);
}
@media only screen and (min-width: 1920px) {
  :root,
  .ux-theme-responsive.ux-theme-responsive {
    --ux-tag-height: 48px;
  }
}
@media only screen and (max-width: 1919px) {
  :root,
  .ux-theme-responsive.ux-theme-responsive {
    --ux-tag-height: 40px;
  }
}
@media only screen and (max-width: 1023px) {
  :root,
  .ux-theme-responsive.ux-theme-responsive {
    --ux-tag-height: 30px;
  }
}
:root,
.ux-theme-responsive {
  --ux-toast-message-bg-color: #fff;
  --ux-toast-message-border-width: 1px;
  --ux-toast-message-color-error: #ff0201;
  --ux-toast-message-color-info: #0b0b0b;
  --ux-toast-message-color-success: #b3d11e;
  --ux-toast-message-color-warning: #ff9032;
  --ux-toast-message-font-size: 16px;
  --ux-toast-message-font-weight: var(--ux-font-weight-normal);
  --ux-toast-message-gap-size: 8px;
  --ux-toast-message-icon-size: 20px;
  --ux-toast-message-line-height: 1.375;
  --ux-toast-message-min-width: 320px;
  --ux-toast-message-offset: 8px;
  --ux-toast-message-padding: 20px;
  --ux-toast-message-remove-button-size: 30px;
  --ux-toast-message-remove-icon-size: 13px;
  --ux-toast-message-transition-duration: 200ms;
  --ux-toast-message-transition-transform: translateX(100%);
}
:root,
.ux-theme-responsive {
  --ux-tooltip-tip-positioning: corner;
  --ux-tooltip-box-shadow: 0 0 6px 0 #899fb2;
  --ux-tooltip-padding: 8px 12px;
  --ux-tooltip-font-size: var(--ux-text-font-size-normal);
  --ux-tooltip-line-height: var(--ux-text-line-height-normal);
  --ux-tooltip-text-color: #363636;
  --ux-tooltip-border-color: #285172;
  --ux-tooltip-border: 1px solid var(--ux-tooltip-border-color);
  --ux-tooltip-tip-border-content: "";
  --ux-tooltip-tip-size: 11px;
  --ux-tooltip-tip-margin-left: 0;
  --ux-tooltip-tip-shadow: 0 0 15px 0.6px #899fb2;
  --ux-tooltip-safe-margin: 15px;
}
:root,
.ux-theme-responsive {
  --ux-font-size-large: 2rem;
  --ux-font-size-medium: 1.5rem;
  --ux-font-size-normal: 1rem;
  --ux-font-size-small: 0.8rem;
  --ux-font-size-extrasmall: 0.625rem;
  --ux-font-weight-light: 300;
  --ux-font-weight-normal: 400;
  --ux-font-weight-semibold: 600;
  --ux-font-weight-bold: 700;
  --ux-font-weight-extrabold: 800;
  --ux-line-height-large: 2.2rem;
  --ux-line-height-medium: 1.9rem;
  --ux-line-height-normal: 1.3rem;
  --ux-line-height-small: 1.2rem;
  --ux-line-height-extrasmall: 1rem;
  --ux-text-font-size-normal: var(--ux-font-size-normal);
  --ux-text-line-height-normal: var(--ux-line-height-normal);
}
:root,
.ux-theme-responsive.ux-theme-responsive {
  --ux-font: "Open Sans", sans-serif;
  --trumpf-ux-theme: responsive;
}
:root .ux-icon__svg-path-detector,
.ux-theme-responsive.ux-theme-responsive .ux-icon__svg-path-detector {
  background-image: url("./media/_.svg");
}
html.ux-theme-responsive {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
}
@media only screen and (min-width: 1920px) {
  html.ux-theme-responsive {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1919px) {
  html.ux-theme-responsive {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1023px) {
  html.ux-theme-responsive {
    font-size: 10px;
  }
}

/* apps/CloudAIPortalWeb/src/styles.scss */
/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root,
  :host {
    --font-sans:
      ui-sans-serif,
      system-ui,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji";
    --font-mono:
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace;
    --color-blue-400: oklch(70.7% 0.165 254.624);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-black: #000;
    --spacing: 0.25rem;
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-normal: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html,
  :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea,
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
    }
    @supports (color: color-mix(in lab, red, red)) {
       {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-year-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-minute-field,
  ::-webkit-datetime-edit-second-field,
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type=button], [type=reset], [type=submit]),
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden=until-found])) {
    display: none !important;
  }
}
@layer utilities {
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .top-\[36px\] {
    top: 36px;
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .left-\[-4\.540rem\] {
    left: -4.540rem;
  }
  .z-50 {
    z-index: 50;
  }
  .container {
    width: 100%;
  }
  @media (width >= 40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (width >= 48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (width >= 64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (width >= 80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (width >= 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .m-4 {
    margin: calc(var(--spacing) * 4);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .mr-60 {
    margin-right: calc(var(--spacing) * 60);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .h-60 {
    height: calc(var(--spacing) * 60);
  }
  .h-\[68px\] {
    height: 68px;
  }
  .h-full {
    height: 100%;
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-85 {
    min-height: calc(var(--spacing) * 85);
  }
  .w-52 {
    width: calc(var(--spacing) * 52);
  }
  .w-\[300px\] {
    width: 300px;
  }
  .w-full {
    width: 100%;
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .flex-1 {
    flex: 1;
  }
  .flex-3 {
    flex: 3;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .grid-cols-\[minmax\(0\,1\.65fr\)_minmax\(0\,1fr\)_minmax\(8rem\,1\.35fr\)\] {
    grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr) minmax(8rem, 1.35fr);
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .place-content-end {
    place-content: end;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .self-end {
    align-self: flex-end;
  }
  .border-r-2 {
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-black {
    border-color: var(--color-black);
  }
  .border-l-\(--tr-grey-1\) {
    border-left-color: var(--tr-grey-1);
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .px-\[15px\] {
    padding-inline: 15px;
  }
  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .text-right {
    text-align: right;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .text-\(--tr-blue-4\) {
    color: var(--tr-blue-4);
  }
  .text-\(--tr-grey-6\) {
    color: var(--tr-grey-6);
  }
  .text-blue-400 {
    color: var(--color-blue-400);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons.woff2") format("woff2"), url("./media/material-icons.woff") format("woff");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-outlined.woff2") format("woff2"), url("./media/material-icons-outlined.woff") format("woff");
}
.material-icons-outlined {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-round.woff2") format("woff2"), url("./media/material-icons-round.woff") format("woff");
}
.material-icons-round {
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-sharp.woff2") format("woff2"), url("./media/material-icons-sharp.woff") format("woff");
}
.material-icons-sharp {
  font-family: "Material Icons Sharp";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-two-tone.woff2") format("woff2"), url("./media/material-icons-two-tone.woff") format("woff");
}
.material-icons-two-tone {
  font-family: "Material Icons Two Tone";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
.uic-u-text-bold {
  font-size: var(--uic-font-size-bold);
  line-height: var(--uic-line-height-bold);
}
.uic-u-scroll-lock {
  bottom: 0;
  left: 0;
  overflow-y: scroll !important;
  position: fixed;
  right: 0;
  top: 0;
}
.uic-basic-atom {
  background: var(--uic-color-white);
  border: 1px solid var(--uic-color-grey2);
  border-radius: 0;
  box-shadow: 0 2px 4px 0 var(--uic-atom-shadow-color-primary), 0 2px 8px 0 var(--uic-atom-shadow-color-secondary);
  box-sizing: border-box;
  color: var(--uic-color-black);
  cursor: pointer;
  outline: none;
  position: relative;
}
.uic-basic-atom--no-border {
  border: 0;
}
.uic-basic-atom:focus {
  box-shadow: 0 2px 4px 0 var(--uic-atom-shadow-color-secondary), 0 2px 8px 0 var(--uic-atom-shadow-color-primary);
  outline: 2px solid var(--uic-color-blue2);
  outline-offset: -2px;
}
.uic-basic-atom.selected {
  background: var(--uic-color-blue0a40);
  border-color: var(--uic-color-blue2);
  box-shadow: 0 2px 8px 0 var(--uic-color-blue2a25);
  color: var(--uic-color-blue4);
}
.uic-basic-atom.selected::before {
  bottom: 0;
  box-shadow: 0 2px 8px 0 var(--uic-color-blue2a25);
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.uic-basic-atom.selected:hover,
.uic-basic-atom.selected:focus {
  outline: 2px solid var(--uic-color-blue2a25);
  outline-offset: -2px;
}
.uic-basic-atom.checked {
  background: var(--uic-color-blue0a80);
  border-color: var(--uic-color-blue2);
  box-shadow: 0 2px 8px 0 var(--uic-color-blue2a25);
  color: var(--uic-color-blue4);
}
.uic-basic-atom.checked:active,
.uic-basic-atom.checked:hover,
.uic-basic-atom.checked:disabled,
.uic-basic-atom.checked:focus {
  background: var(--uic-color-white);
}
.uic-basic-atom.checked:active {
  background: var(--uic-color-blue2a40);
}
.uic-basic-atom:hover,
.uic-basic-atom.hover {
  border-color: var(--uic-color-blue2);
  color: var(--uic-color-blue3);
}
.uic-basic-atom:active {
  background: var(--uic-color-blue2a10);
  border: 1px solid var(--uic-color-blue2);
  box-shadow: none;
  color: var(--uic-color-blue3);
}
.uic-basic-atom:disabled,
.uic-basic-atom.disabled {
  border-color: var(--uic-color-grey2a25);
  box-shadow: none;
  color: var(--uic-color-grey3a50);
  font-weight: normal;
  pointer-events: none;
}
.uic-basic-atom:disabled .icon,
.uic-basic-atom.disabled .icon {
  color: var(--uic-color-grey5);
}
uic-popover .uic-function-menu {
  --uic-list-item-padding: 0 16px;
  min-width: 184px;
  position: relative;
}
uic-popover .uic-function-menu uic-list-separator {
  margin: 0 6px;
}
uic-popover .uic-function-menu uic-list-item {
  font-size: 1rem;
  line-height: 1.3rem;
}
uic-popover [data-popper-placement=bottom-start] .uic-function-menu::after {
  border-bottom: 9px solid var(--uic-color-white);
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  content: "";
  height: 0;
  left: 16px;
  position: absolute;
  top: -9px;
  width: 0;
}
uic-popover [data-popper-placement=bottom-start] .uic-function-menu::before {
  border-bottom: 11px solid var(--uic-color-grey2);
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  content: "";
  height: 0;
  left: 14px;
  position: absolute;
  top: -11px;
  width: 0;
}
uic-popover [data-popper-placement=bottom-end] .uic-function-menu::after {
  border-bottom: 9px solid var(--uic-color-white);
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  right: 16px;
  top: -9px;
  width: 0;
}
uic-popover [data-popper-placement=bottom-end] .uic-function-menu::before {
  border-bottom: 11px solid var(--uic-color-grey2);
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  right: 14px;
  top: -11px;
  width: 0;
}
uic-popover [data-popper-placement=top-start] .uic-function-menu::after {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid var(--uic-color-white);
  bottom: -9px;
  content: "";
  height: 0;
  left: 16px;
  position: absolute;
  width: 0;
}
uic-popover [data-popper-placement=top-start] .uic-function-menu::before {
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 11px solid var(--uic-color-grey2);
  bottom: -11px;
  content: "";
  height: 0;
  left: 14px;
  position: absolute;
  width: 0;
}
uic-popover [data-popper-placement=top-end] .uic-function-menu::after {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid var(--uic-color-white);
  bottom: -9px;
  content: "";
  height: 0;
  position: absolute;
  right: 16px;
  width: 0;
}
uic-popover [data-popper-placement=top-end] .uic-function-menu::before {
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 11px solid var(--uic-color-grey2);
  bottom: -11px;
  content: "";
  height: 0;
  position: absolute;
  right: 14px;
  width: 0;
}
uic-popover .uic-popover-panel {
  --uic-list-item-padding: 0 16px;
  background: var(--uic-list-background, #fff);
  border: var(--uic-list-border);
  box-shadow: var(--uic-list-box-shadow);
  box-sizing: border-box;
  display: block;
  height: 100%;
  padding: 0;
  padding: var(--uic-popover-panel-padding, 8px);
  position: relative;
}
uic-popover [data-popper-placement=bottom-start] .uic-popover-panel::after {
  border-bottom: 9px solid var(--uic-color-white);
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  content: "";
  height: 0;
  left: 16px;
  position: absolute;
  top: -9px;
  width: 0;
}
uic-popover [data-popper-placement=bottom-start] .uic-popover-panel::before {
  border-bottom: 11px solid var(--uic-color-grey2);
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  content: "";
  height: 0;
  left: 14px;
  position: absolute;
  top: -11px;
  width: 0;
}
uic-popover [data-popper-placement=bottom-end] .uic-popover-panel::after {
  border-bottom: 9px solid var(--uic-color-white);
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  right: 16px;
  top: -9px;
  width: 0;
}
uic-popover [data-popper-placement=bottom-end] .uic-popover-panel::before {
  border-bottom: 11px solid var(--uic-color-grey2);
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  right: 14px;
  top: -11px;
  width: 0;
}
uic-popover [data-popper-placement=top-start] .uic-popover-panel::after {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid var(--uic-color-white);
  bottom: -9px;
  content: "";
  height: 0;
  left: 16px;
  position: absolute;
  width: 0;
}
uic-popover [data-popper-placement=top-start] .uic-popover-panel::before {
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 11px solid var(--uic-color-grey2);
  bottom: -11px;
  content: "";
  height: 0;
  left: 14px;
  position: absolute;
  width: 0;
}
uic-popover [data-popper-placement=top-end] .uic-popover-panel::after {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid var(--uic-color-white);
  bottom: -9px;
  content: "";
  height: 0;
  position: absolute;
  right: 16px;
  width: 0;
}
uic-popover [data-popper-placement=top-end] .uic-popover-panel::before {
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 11px solid var(--uic-color-grey2);
  bottom: -11px;
  content: "";
  height: 0;
  position: absolute;
  right: 14px;
  width: 0;
}
.uic-textlink {
  border-bottom: 1px solid var(--uic-color-blue4);
  box-sizing: border-box;
  color: var(--uic-color-blue4);
  cursor: pointer;
  display: inline-block;
  font-size: var(--uic-font-size-normal);
  line-height: var(--uic-line-height-normal);
  padding: 0 3px;
  text-decoration: none;
}
.uic-textlink:hover,
.uic-textlink:active {
  border-bottom-color: var(--uic-color-blue2);
  color: var(--uic-color-blue3);
}
.uic-textlink--block {
  border-bottom: 0 none transparent;
  display: block;
  padding: 7px 0;
}
.uic-theme-responsive {
  --uic-color-white: #fff;
  --uic-color-blue0: #b9dcf7;
  --uic-color-blue1: #74b9ef;
  --uic-color-blue2: #51a7eb;
  --uic-color-blue3: #177ac9;
  --uic-color-blue4: #285172;
  --uic-color-blue5: #142939;
  --uic-color-blue6: #899fb2;
  --uic-color-blue7: #2a3d4b;
  --uic-color-grey1: #e7ecf0;
  --uic-color-grey2: #a1a1a1;
  --uic-color-grey3: #363636;
  --uic-color-grey4: #131313;
  --uic-color-grey5: #9a9a9a;
  --uic-color-grey6: #707070;
  --uic-color-grey7: #f7f7f7;
  --uic-color-grey9: #757575;
  --uic-color-grey10: #93a8b8;
  --uic-color-grey11: #6c6c6c;
  --uic-color-grey12: #b5b5b5;
  --uic-color-grey13: #95989b;
  --uic-color-grey14: #666;
  --uic-color-grey50: rgba(161, 161, 161, 0.5);
  --uic-color-black: #000;
  --uic-color-red1: #ff1e00;
  --uic-color-red2: #cc292d;
  --uic-color-green1: #348e30;
  --uic-color-green2: #a1c049;
  --uic-color-green3: #a5c049;
  --uic-color-light-orange: #f27b26;
  --uic-color-light-brown: #a87542;
  --uic-color-limone: #bbd03a;
  --uic-color-light-purple: #7b45e6;
  --uic-color-light-violet: #b146ea;
  --uic-color-light-pink: #eb467a;
  --uic-color-dark-orange: #9e4b10;
  --uic-color-dark-brown: #684a2c;
  --uic-color-dark-limone: #4f5718;
  --uic-color-dark-green: #20541e;
  --uic-color-dark-purple: #6e2c91;
  --uic-color-dark-violett: #472885;
  --uic-color-dark-pink: #73223c;
  --uic-color-whitea95: rgba(255, 255, 255, 0.95);
  --uic-color-whitea90: rgba(255, 255, 255, 0.9);
  --uic-color-whitea80: rgba(255, 255, 255, 0.8);
  --uic-color-whitea75: rgba(255, 255, 255, 0.75);
  --uic-color-whitea50: rgba(255, 255, 255, 0.5);
  --uic-color-whitea10: rgba(255, 255, 255, 0.1);
  --uic-color-blacka50: rgba(0, 0, 0, 0.5);
  --uic-color-blue0a40: rgba(187, 221, 247, 0.4);
  --uic-color-blue0a80: rgba(187, 221, 247, 0.8);
  --uic-color-blue1a40: rgba(81, 167, 235, 0.4);
  --uic-color-blue1a10: rgba(81, 167, 235, 0.1);
  --uic-color-blue2a10: rgba(116, 185, 239, 0.1);
  --uic-color-blue2a25: rgba(116, 185, 239, 0.25);
  --uic-color-blue4a50: rgb(40, 81, 114, 0.5);
  --uic-color-blue5a90: rgba(20, 41, 57, 0.9);
  --uic-color-blue6a20: rgba(137, 159, 178, 0.2);
  --uic-color-grey1a50: rgb(231, 236, 240, 0.5);
  --uic-color-grey2a06: rgba(161, 161, 161, 0.06);
  --uic-color-grey2a25: rgba(161, 161, 161, 0.25);
  --uic-color-grey3a50: rgba(54, 54, 54, 0.5);
  --uic-color-grey3a75: rgba(54, 54, 54, 0.75);
  --uic-atom-shadow-color-primary: rgba(0, 0, 0, 0.05);
  --uic-atom-shadow-color-secondary: rgba(161, 161, 161, 0.4);
  --uic-atom-shadow-color-error: rgba(255, 30, 0, 0.5);
  --uic-atom-shadow-color-submenu: rgba(231, 236, 240, 0.05);
}
.uic-theme-responsive {
  --uic-dropdown-variant-header-button-gap: 8px;
  --uic-dropdown-variant-header-button-padding: 13px 8px;
  --uic-dropdown-variant-content-max-width: 260px;
  --uic-combobox-max-width: 260px;
}
@media only screen and (min-width: 1920px) {
  .uic-theme-responsive {
    --uic-dim-height: 48px;
    --uic-dropdown-variant-content-min-width: 260px;
  }
}
@media only screen and (max-width: 1919px) {
  .uic-theme-responsive {
    --uic-dim-height: 40px;
    --uic-dropdown-variant-content-min-width: 200px;
  }
}
@media only screen and (max-width: 1023px) {
  .uic-theme-responsive {
    --uic-dim-height: 30px;
  }
}
.uic-theme-responsive {
  --uic-font-family: "Open Sans", sans-serif;
  --uic-font-size-large: 2rem;
  --uic-font-size-medium: 1.5rem;
  --uic-font-size-normal: 1rem;
  --uic-font-size-small: 0.8rem;
  --uic-font-size-extrasmall: 0.625rem;
  --uic-font-weight-light: 300;
  --uic-font-weight-normal: 400;
  --uic-font-weight-semibold: 600;
  --uic-font-weight-bold: 700;
  --uic-font-weight-extrabold: 800;
  --uic-line-height-large: 2.2rem;
  --uic-line-height-medium: 1.8rem;
  --uic-line-height-normal: 1.3rem;
  --uic-line-height-small: 1.2rem;
  --uic-line-height-extrasmall: 1rem;
}
.uic-theme-responsive {
  --uic-accordion-summary-height: 64px;
  --uic-accordion-content-background: var(--uic-color-grey2a06);
  --uic-accordion-content-padding: 12px 24px;
}
.uic-theme-responsive {
  --uic-button-shadow: 0 2px 4px 0 var(--uic-atom-shadow-color-primary), 0 2px 8px 0 var(--uic-atom-shadow-color-secondary);
  --uic-button-shadow-focus: 0 2px 4px 0 var(--uic-atom-shadow-color-secondary), 0 2px 8px 0 var(--uic-atom-shadow-color-primary);
  --uic-button-shadow-selected: 0 2px 8px 0 var(--uic-color-blue2a25);
  --uic-button-content-text-color: var(--uic-color-grey3);
  --uic-button-content-background-color: var(--uic-color-white);
  --uic-button-content-border-color: var(--uic-color-grey2);
  --uic-button-content-text-color-hover: var(--uic-color-blue3);
  --uic-button-content-background-color-hover: var(--uic-color-white);
  --uic-button-content-border-color-hover: var(--uic-color-blue2);
  --uic-button-content-text-color-focus: var(--uic-color-grey3);
  --uic-button-content-background-color-focus: var(--uic-color-white);
  --uic-button-content-border-color-focus: var(--uic-color-blue2);
  --uic-button-content-text-color-active: var(--uic-color-blue3);
  --uic-button-content-background-color-active: var(--uic-color-blue2a10);
  --uic-button-content-background-alt-color-active: var(--uic-color-blue2a10);
  --uic-button-content-border-color-active: var(--uic-color-blue2);
  --uic-button-content-text-color-disabled: var(--uic-color-grey3a75);
  --uic-button-content-background-color-disabled: var(--uic-color-white);
  --uic-button-content-border-color-disabled: var(--uic-color-grey2a25);
  --uic-button-content-text-color-selected: var(--uic-color-blue4);
  --uic-button-content-background-color-selected: var(--uic-color-blue0a40);
  --uic-button-content-border-color-selected: var(--uic-color-blue3);
  --uic-button-content-background-color-selected-hover: var(--uic-button-content-background-color-selected);
  --uic-button-content-primary-text-color: var(--uic-color-white);
  --uic-button-content-primary-background-color: var(--uic-color-blue4);
  --uic-button-content-primary-border-color: var(--uic-color-blue4);
  --uic-button-content-primary-text-color-hover: var(--uic-color-blue1);
  --uic-button-content-primary-background-color-hover: var(--uic-color-blue4);
  --uic-button-content-primary-border-color-hover: var(--uic-color-blue2);
  --uic-button-content-primary-text-color-focus: var(--uic-color-white);
  --uic-button-content-primary-background-color-focus: var(--uic-color-blue4);
  --uic-button-content-primary-border-color-focus: var(--uic-color-blue2);
  --uic-button-content-primary-text-color-active: var(--uic-color-blue1);
  --uic-button-content-primary-background-color-active: var(--uic-color-blue4);
  --uic-button-content-primary-background-alt-color-active: var(--uic-color-blue1a10);
  --uic-button-content-primary-border-color-active: var(--uic-color-blue1);
  --uic-button-content-primary-text-color-disabled: var(--uic-color-whitea80);
  --uic-button-content-primary-background-color-disabled: var(--uic-color-blue4a50);
  --uic-button-content-primary-border-color-disabled: transparent;
  --uic-button-content-primary-text-color-selected: var(--uic-color-blue1);
  --uic-button-content-primary-background-color-selected: var(--uic-color-blue4);
  --uic-button-content-primary-border-color-selected: transparent;
  --uic-button-content-primary-background-color-selected-hover: var(--uic-button-content-primary-background-color-selected);
  --uic-button-footer-text-color: var(--uic-color-white);
  --uic-button-footer-background-color: transparent;
  --uic-button-footer-border-color: var(--uic-color-white);
  --uic-button-footer-text-color-hover: var(--uic-color-blue1);
  --uic-button-footer-background-color-hover: transparent;
  --uic-button-footer-border-color-hover: var(--uic-color-blue1);
  --uic-button-footer-text-color-focus: var(--uic-color-white);
  --uic-button-footer-background-color-focus: transparent;
  --uic-button-footer-border-color-focus: var(--uic-color-blue1);
  --uic-button-footer-text-color-active: var(--uic-color-blue1);
  --uic-button-footer-background-color-active: var(--uic-color-blue4);
  --uic-button-footer-background-alt-color-active: var(--uic-color-blue1a10);
  --uic-button-footer-border-color-active: var(--uic-color-blue1);
  --uic-button-footer-text-color-disabled: var(--uic-color-whitea80);
  --uic-button-footer-background-color-disabled: transparent;
  --uic-button-footer-border-color-disabled: var(--uic-color-whitea10);
  --uic-button-footer-text-color-selected: var(--uic-color-blue1);
  --uic-button-footer-background-color-selected: var(--uic-color-blue2a10);
  --uic-button-footer-border-color-selected: var(--uic-color-blue1);
  --uic-button-footer-primary-text-color: var(--uic-color-blue4);
  --uic-button-footer-primary-background-color: var(--uic-color-white);
  --uic-button-footer-primary-border-color: var(--uic-color-white);
  --uic-button-footer-primary-text-color-hover: var(--uic-color-blue3);
  --uic-button-footer-primary-background-color-hover: var(--uic-color-white);
  --uic-button-footer-primary-border-color-hover: var(--uic-color-blue2);
  --uic-button-footer-primary-text-color-focus: var(--uic-color-blue4);
  --uic-button-footer-primary-background-color-focus: var(--uic-color-white);
  --uic-button-footer-primary-border-color-focus: var(--uic-color-blue2);
  --uic-button-footer-primary-text-color-active: var(--uic-color-blue3);
  --uic-button-footer-primary-background-color-active: var(--uic-color-white);
  --uic-button-footer-primary-background-alt-color-active: var(--uic-color-blue2a10);
  --uic-button-footer-primary-border-color-active: var(--uic-color-blue2);
  --uic-button-footer-primary-text-color-disabled: var(--uic-color-whitea80);
  --uic-button-footer-primary-background-color-disabled: var(--uic-color-whitea10);
  --uic-button-footer-primary-border-color-disabled: transparent;
  --uic-icon-button-color: var(--uic-color-grey3);
  --uic-icon-button-color-hover: var(--uic-color-blue3);
  --uic-icon-button-color-focus: var(--uic-color-blue2);
  --uic-icon-button-color-active: var(--uic-color-blue1);
  --uic-icon-button-color-selected: var(--uic-color-blue4);
  --uic-icon-button-color-disabled: var(--uic-color-grey5);
}
@media only screen and (min-width: 1920px) {
  .uic-theme-responsive {
    --uic-button-min-width: 159px;
    --uic-button-height: 48px;
    --uic-icon-button-width: 60px;
    --uic-icon-button-height: 48px;
    --uic-stretched-button-width: 77px;
    --uic-stretched-button-height: 48px;
  }
}
@media only screen and (max-width: 1919px) {
  .uic-theme-responsive {
    --uic-button-min-width: 132px;
    --uic-button-height: 40px;
    --uic-icon-button-width: 50px;
    --uic-icon-button-height: 40px;
    --uic-stretched-button-width: 64px;
    --uic-stretched-button-height: 40px;
  }
}
@media only screen and (max-width: 1023px) {
  .uic-theme-responsive {
    --uic-button-min-width: 99px;
    --uic-button-height: 30px;
    --uic-icon-button-width: 38px;
    --uic-icon-button-height: 30px;
    --uic-stretched-button-width: 48px;
    --uic-stretched-button-height: 30px;
  }
}
.uic-theme-responsive {
  --uic-checkbox-border-color: var(--uic-color-grey2);
  --uic-checkbox-border-color-checked: var(--uic-color-blue2);
  --uic-checkbox-border-color-focus: var(--uic-color-blue2);
  --uic-checkbox-border-color-hover: var(--uic-color-blue2);
  --uic-checkbox-border-color-active: var(--uic-color-blue2);
  --uic-checkbox-border-color-disabled: var(--uic-color-grey2a25);
  --uic-checkbox-background-color: var(--uic-color-white);
  --uic-checkbox-background-color-focus: var(--uic-color-white);
  --uic-checkbox-background-color-hover: var(--uic-color-white);
  --uic-checkbox-background-color-active: var(--uic-color-blue2a10);
  --uic-checkbox-background-color-disabled: var(--uic-color-white);
  --uic-checkbox-mark-color: var(--uic-color-blue4);
  --uic-checkbox-mark-color-focus: var(--uic-color-grey3);
  --uic-checkbox-mark-color-hover: var(--uic-color-blue3);
  --uic-checkbox-mark-color-active: var(--uic-color-blue3);
  --uic-checkbox-mark-color-disabled: var(--uic-color-grey5);
  --uic-checkbox-text-color: var(--uic-color-blue3);
  --uic-checkbox-text-color-focus: var(--uic-color-blue3);
  --uic-checkbox-text-color-hover: var(--uic-color-blue3);
  --uic-checkbox-text-color-active: var(--uic-color-blue3);
  --uic-checkbox-text-color-disabled: var(--uic-color-grey3a75);
}
@media only screen and (max-width: 1919px) {
  .uic-theme-responsive {
    --uic-checkbox-box-width: 24px;
    --uic-checkbox-box-height: 20px;
    --uic-checkbox-mark-width: 18px;
    --uic-checkbox-mark-height: 18px;
  }
}
@media only screen and (min-width: 1920px) {
  .uic-theme-responsive {
    --uic-checkbox-box-width: 29px;
    --uic-checkbox-box-height: 24px;
    --uic-checkbox-mark-width: 24px;
    --uic-checkbox-mark-height: 24px;
  }
}
@media only screen and (max-width: 1023px) {
  .uic-theme-responsive {
    --uic-checkbox-box-width: 18px;
    --uic-checkbox-box-height: 15px;
    --uic-checkbox-mark-width: 14px;
    --uic-checkbox-mark-height: 14px;
  }
}
.uic-theme-responsive {
  --uic-footer-menu-item-gap: 8px;
  --uic-footer-menu-border: 1px solid var(--uic-color-blue2);
  --uic-footer-menu-background: #2f5b7e;
}
.uic-theme-responsive {
  --uic-flyout-bg-color: var(--uic-color-white);
  --uic-flyout-shadow: 0 4px 4px 0 var(--uic-atom-shadow-color-primary), 0 8px 8px 0 var(--uic-atom-shadow-color-secondary);
  --uic-flyout-width: 296px;
  --uic-flyout-content-padding: 17px 12px 17px 12px;
  --uic-flyout-content-min-height: 220px;
  --uic-flyout-z-index: 390;
}
@media only screen and (min-width: 1025px) {
  .uic-theme-responsive {
    --uic-flyout-width: 320px;
  }
}
@media only screen and (min-width: 1920px) {
  .uic-theme-responsive {
    --uic-flyout-width: 384px;
  }
}
.uic-theme-responsive {
  --uic-header-height: 68px;
  --uic-header-icon-size: 36px;
  --uic-header-bg-color: var(--uic-color-blue5);
  --uic-header-bg-color-secondary: var(--uic-color-blue4);
  --uic-header-bg-color-transparent: rgba(20, 41, 57, 0);
  --uic-header-text-color: var(--uic-color-white);
  --uic-header-text-color-active: var(--uic-color-blue2);
  --uic-header-text-color-disabled: var(--uic-color-whitea50);
  --uic-header-z-index: 400;
  --uic-header-menu-bg-color: var(--uic-header-bg-color);
  --uic-header-menu-bg-color-secondary: var(--uic-header-bg-color-secondary);
  --uic-header-menu-bg-color-hover: var(--uic-color-whitea10);
  --uic-header-menu-text-color: var(--uic-header-text-color);
  --uic-header-menu-text-color-active: var(--uic-header-text-color-active);
  --uic-header-menu-text-color-focus: var(--uic-header-text-color-active);
  --uic-header-menu-text-color-selected: var(--uic-header-text-color-active);
  --uic-header-menu-text-color-disabled: var(--uic-header-text-color-disabled);
  --uic-header-menu-border-width: 2px;
  --uic-header-menu-border-style: solid;
  --uic-header-menu-border-color: var(--uic-header-text-color-active);
  --uic-header-menu-border: var(--uic-header-menu-border-width) var(--uic-header-menu-border-style) var(--uic-header-menu-border-color);
  --uic-header-menu-indicator-color: var(--uic-header-text-color-active);
  --uic-header-menu-indicator-transition: 0.15s ease-out;
}
@media only screen and (max-width: 667px) {
  .uic-theme-responsive {
    --uic-header-height: 52px;
    --uic-header-icon-size: 24px;
  }
}
.uic-theme-responsive {
  --uic-menu-height: 68px;
  --uic-menu-y-offset: calc(var(--uic-menu-height) + 4px);
  --uic-menu-bg-color: var(--uic-color-blue5);
  --uic-menu-bg-color-secondary: var(--uic-color-blue4);
  --uic-menu-bg-color-hover: var(--uic-color-whitea10);
  --uic-menu-text-color: var(--uic-color-white);
  --uic-menu-text-color-active: var(--uic-color-blue2);
  --uic-menu-text-color-focus: var(--uic-color-blue2);
  --uic-menu-text-color-selected: var(--uic-color-blue2);
  --uic-menu-text-color-disabled: var(--uic-color-whitea50);
  --uic-menu-border-width: 2px;
  --uic-menu-border-style: solid;
  --uic-menu-border-color: var(--uic-color-blue2);
  --uic-menu-border: var(--uic-menu-border-width) var(--uic-menu-border-style) var(--uic-menu-border-color);
  --uic-menu-indicator-color: var(--uic-color-blue2);
  --uic-menu-indicator-transition: 0.15s ease-out;
  --uic-menu-item-color-level-0: var(--uic-color-blue5);
  --uic-menu-item-color-level-0-hover: #2c3e4d;
  --uic-menu-item-color-level-1: var(--uic-menu-item-color-level-0-hover);
  --uic-menu-item-color-level-1-hover: #435461;
  --uic-menu-item-color-level-2: var(--uic-menu-item-color-level-1-hover);
  --uic-menu-item-color-level-2-hover: #5b6974;
  --uic-menu-separator-color: var(--uic-color-white);
  --uic-menu-separator-thickness: 1px;
  --uic-menu-separator-offset-vertical: 16.6666%;
  --uic-menu-separator-offset-horizontal: 0;
}
@media only screen and (max-width: 1023px) {
  .uic-theme-responsive {
    --uic-menu-height: 52px;
  }
}
.uic-theme-responsive {
  --uic-icon-dimensions-default: 24px;
}
@media only screen and (min-width: 1920px) {
  .uic-theme-responsive {
    --uic-icon-height: 36px;
    --uic-icon-width: 36px;
  }
}
@media only screen and (max-width: 1919px) {
  .uic-theme-responsive {
    --uic-icon-height: 36px;
    --uic-icon-width: 36px;
  }
}
@media only screen and (max-width: 1023px) {
  .uic-theme-responsive {
    --uic-icon-height: 24px;
    --uic-icon-width: 24px;
  }
}
.uic-theme-responsive {
  --uic-scroll-picker-min-width: 80px;
  --uic-scroll-picker-outline: 2px solid var(--uic-color-blue2);
  --uic-scroll-picker-outline-offset: -2px;
  --uic-scroll-picker-hover-outline-offset: -1px;
  --uic-scroll-picker-border: 2px solid transparent;
  --uic-scroll-picker-top-gradient:
    linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.6),
      rgba(255, 255, 255, 0));
  --uic-scroll-picker-bottom-gradient:
    linear-gradient(
      to top,
      rgba(255, 255, 255, 0.6),
      rgba(255, 255, 255, 0));
  --uic-scroll-picker-select-options-color: var(--uic-color-black);
  --uic-scroll-picker-unit-padding: 1rem;
  --uic-scroll-picker-selected-item-background-color: var(--uic-color-blue2a10);
  --uic-scroll-picker-selected-item-border: 1px solid var(--uic-color-blue2);
  --uic-scroll-picker-item-border: 1px solid var(--uic-color-grey2);
  --uic-scroll-picker-selected-item-color: var(--uic-color-blue3);
  --uic-scroll-picker-selected-item-disabled-color: var(--uic-color-grey3);
  --uic-scroll-picker-selected-font-size: 1rem;
  --uic-scroll-picker-selected-item-font-size: 1.4rem;
  --uic-scroll-picker-selected-item-font-weight: 600;
  --uic-scroll-picker-unit-font-size: 1rem;
  --uic-scroll-picker-unit-font-weight: var(--uic-scroll-picker-selected-item-font-weight);
  --uic-scroll-picker-unit-padding-top: 0.15rem;
}
.uic-theme-responsive {
  --uic-scrollpanel-background-color: var(--uic-color-white);
  --uic-scrollpanel-track-color: var(--uic-color-white);
  --uic-scrollpanel-bar-color: var(--uic-color-blue2);
  --uic-scrollpanel-indicator-color: rgb(161, 161, 161, 0.4);
  --uic-scrollpanel-track-spacing: 4px;
  --uic-scrollpanel-track-width: 8px;
  --uic-scrollpanel-content-padding: 0;
}
.uic-theme-responsive {
  --uic-input-field-min-width: 98px;
  --uic-search-field-height: var(--uic-dim-height);
}
.uic-theme-responsive {
  --uic-tooltip-border-color: var(--uic-color-blue4);
  --uic-tooltip-background-color: var(--uic-color-white);
  --uic-tooltip-border-color-error: var(--uic-color-red1);
}
.uic-theme-responsive {
  --uic-tab-main-text-color: var(--uic-color-white);
  --uic-tab-main-background-color: var(--uic-color-blue5);
  --uic-tab-main-background-color-hover: var(--uic-color-whitea10);
  --uic-tab-main-text-color-focus: var(--uic-color-white);
  --uic-tab-main-border-color-focus: var(--uic-color-blue1);
  --uic-tab-main-text-color-active: var(--uic-color-blue1);
  --uic-tab-main-text-color-selected: var(--uic-color-blue1);
  --uic-tab-main-text-color-disabled: var(--uic-color-whitea50);
  --uic-tab-main-background-color-disabled: var(--uic-color-blue5);
  --uic-tab-sub-text-color: var(--uic-color-black);
  --uic-tab-sub-background-color: var(--uic-color-white);
  --uic-tab-sub-background-color-hover: var(--uic-color-whitea90);
  --uic-tab-sub-text-color-focus: var(--uic-color-black);
  --uic-tab-sub-border-color-focus: var(--uic-color-blue1);
  --uic-tab-sub-text-color-active: var(--uic-color-black);
  --uic-tab-sub-text-color-selected: var(--uic-color-blue5);
  --uic-tab-sub-text-color-disabled: var(--uic-color-grey3a75);
  --uic-tab-sub-background-color-disabled: var(--uic-color-white);
  --uic-tab-content-text-color: var(--uic-color-black);
  --uic-tab-content-background-color: var(--uic-color-grey1);
  --uic-tab-content-background-color-hover: var(--uic-color-whitea90);
  --uic-tab-content-text-color-focus: var(--uic-color-black);
  --uic-tab-content-border-color-focus: var(--uic-color-blue1);
  --uic-tab-content-text-color-active: var(--uic-color-black);
  --uic-tab-content-text-color-selected: var(--uic-color-blue5);
  --uic-tab-content-text-color-disabled: var(--uic-color-grey3a75);
  --uic-tab-content-background-color-disabled: var(--uic-color-grey1);
  --uic-tab-indicator-color: var(--uic-color-blue1);
}
.uic-theme-responsive {
  --uic-dialog-backdrop-color: var(--uic-color-whitea50);
  --uic-dialog-backdrop-filter: blur(3px);
  --uic-dialog-panel-background-color: var(--uic-color-white);
  --uic-dialog-panel-shadow-color: var(--uic-color-blue6);
  --uic-dialog-panel-header-font-size: var(--uic-font-size-medium);
  --uic-dialog-panel-header-font-weight: var(--uic-font-weight-semibold);
  --uic-dialog-panel-header-line-height: calc(1.5 * var(--uic-dialog-panel-header-font-size));
  --uic-dialog-content-padding: 14px;
}
.uic-theme-responsive .uic-dialog__modal--size-large {
  --uic-dialog-content-padding: 19px 16px;
}
.uic-theme-responsive {
  --uic-list-border: 1px solid var(--uic-color-grey2);
  --uic-list-box-shadow: 0 2px 4px 0 var(--uic-atom-shadow-color-primary), 0 2px 8px 0 var(--uic-atom-shadow-color-secondary);
  --uic-list-item-padding: 0 7px;
  --uic-check-list-item-height: 64px;
}
@media only screen and (min-width: 1920px) {
  .uic-theme-responsive {
    --uic-list-popover-max-height: 500.5px;
    --uic-list-popover-max-width: 400px;
    --uic-list-item-height-default: 77px;
    --uic-list-item-height-multiline: 86px;
  }
}
@media only screen and (max-width: 1919px) {
  .uic-theme-responsive {
    --uic-list-popover-max-height: 288px;
    --uic-list-popover-max-width: 400px;
    --uic-list-item-height-default: 64px;
    --uic-list-item-height-multiline: 72px;
  }
}
@media only screen and (max-width: 1023px) {
  .uic-theme-responsive {
    --uic-list-item-height-default: 50px;
    --uic-list-item-height-multiline: 64px;
  }
}
.uic-theme-responsive {
  --uic-check-list-background-color: #fff;
}
.uic-theme-responsive uic-check-list {
  --uic-list-border: none;
  --uic-list-box-shadow: none;
}
.uic-theme-responsive {
  --uic-tile-box-shadow: 0 2px 4px 0 var(--uic-atom-shadow-color-primary), 0 2px 8px 0 var(--uic-atom-shadow-color-secondary);
  --uic-tile-dragging-outline: 2px dashed var(--uic-color-blue2);
  --uic-tile-dragging-opacity: 0.5;
  --uic-tile-header-font-size: 1.143rem;
  --uic-tile-header-font-weight: var(--uic-font-weight-semibold);
  --uic-tile-header-border-background: var(--uic-color-blue4);
  --uic-tile-header-border-box-shadow: 0 0 8px 0 var(--uic-color-blue6);
}
.uic-theme-responsive .uic-tile--light {
  --uic-tile-background-color: var(--uic-color-white);
  --uic-tile-color: var(--uic-color-grey3);
  --uic-tile-border: none;
  --uic-tile-hover-border: none;
  --uic-tile-hover-color: var(--uic-color-blue3);
  --uic-tile-hover-header-border-box-shadow: 0 0 6px 0 var(--uic-color-blue1);
  --uic-tile-active-border: none;
  --uic-tile-active-background: inherit;
  --uic-tile-active-color: var(--uic-color-grey5);
  --uic-tile-active-dragging-outline: var(--uic-tile-dragging-outline);
  --uic-tile-active-dragging-opacity: var(--uic-tile-dragging-opacity);
  --uic-tile-focus-outline: 2px solid var(--uic-color-blue1);
  --uic-tile-focus-outline-offset: -2px;
  --uic-tile-focus-dragging-outline: var(--uic-tile-dragging-outline);
  --uic-tile-focus-dragging-outline-offset: 0;
}
.uic-theme-responsive .uic-tile--dark {
  --uic-tile-background-color: var(--uic-color-blue5);
  --uic-tile-color: var(--uic-color-white);
  --uic-tile-border: none;
  --uic-tile-hover-border: none;
  --uic-tile-hover-color: var(--uic-color-blue1);
  --uic-tile-hover-header-border-box-shadow: 0 0 6px 0 var(--uic-color-blue1);
  --uic-tile-active-border: none;
  --uic-tile-active-background: var(--uic-color-blue5a90);
  --uic-tile-active-color: var(--uic-color-grey5);
  --uic-tile-active-dragging-outline: var(--uic-tile-dragging-outline);
  --uic-tile-active-dragging-opacity: var(--uic-tile-dragging-opacity);
  --uic-tile-focus-outline: 2px solid var(--uic-color-blue1);
  --uic-tile-focus-outline-offset: -2px;
  --uic-tile-focus-dragging-outline: var(--uic-tile-dragging-outline);
  --uic-tile-focus-dragging-outline-offset: 0;
}
.uic-theme-responsive .uic-tile--outline {
  --uic-tile-background-color: transparent;
  --uic-tile-color: var(--uic-color-grey3);
  --uic-tile-border: 1px solid var(--uic-color-grey2);
  --uic-tile-hover-border: 1px solid var(--uic-color-blue2);
  --uic-tile-hover-color: var(--uic-color-blue3);
  --uic-tile-hover-header-border-box-shadow: none;
  --uic-tile-active-border: 1px solid var(--uic-color-blue2);
  --uic-tile-active-background: var(--uic-color-blue2a10);
  --uic-tile-active-color: var(--uic-color-blue3);
  --uic-tile-active-dragging-outline: var(--uic-tile-dragging-outline);
  --uic-tile-active-dragging-opacity: var(--uic-tile-dragging-opacity);
  --uic-tile-focus-outline: 2px solid var(--uic-color-blue2);
  --uic-tile-focus-outline-offset: -2px;
  --uic-tile-focus-dragging-outline: var(--uic-tile-dragging-outline);
  --uic-tile-focus-dragging-outline-offset: 0;
}
.uic-theme-responsive {
  --uic-switch-background: var(--uic-color-white);
  --uic-switch-background-active: var(--uic-color-blue2a10);
  --uic-switch-background-checked: var(--uic-color-blue0a40);
  --uic-switch-background-disabled: var(--uic-color-white);
  --uic-switch-border: 1px solid var(--uic-color-grey2);
  --uic-switch-border-focus: 2px solid var(--uic-color-blue2);
  --uic-switch-border-hover: 1px solid var(--uic-color-blue2);
  --uic-switch-border-checked: 1px solid var(--uic-color-blue2);
  --uic-switch-border-disabled: 1px solid var(--uic-color-grey2a25);
}
@media only screen and (min-width: 1920px) {
  .uic-theme-responsive {
    --uic-switch-thumb-width: 60px;
    --uic-switch-thumb-height: 48px;
    --uic-switch-track-width: 106px;
  }
}
@media only screen and (max-width: 1919px) {
  .uic-theme-responsive {
    --uic-switch-thumb-width: 50px;
    --uic-switch-thumb-height: 40px;
    --uic-switch-track-width: 88px;
  }
}
@media only screen and (max-width: 1023px) {
  .uic-theme-responsive {
    --uic-switch-thumb-width: 38px;
    --uic-switch-thumb-height: 30px;
    --uic-switch-track-width: 76px;
  }
}
.uic-theme-responsive {
  --uic-table-horizontal-cell-padding: 30px;
  --uic-table-cell-height: 64px;
  --uic-table-group-indicator-height: 48px;
  --uic-table-cell-empty-content: "\2013";
}
@media only screen and (min-width: 1920px) {
  .uic-theme-responsive {
    --uic-radio-indicator-outer-size: 24px;
    --uic-radio-indicator-inner-size: 12px;
  }
}
@media only screen and (max-width: 1919px) {
  .uic-theme-responsive {
    --uic-radio-indicator-outer-size: 20px;
    --uic-radio-indicator-inner-size: 10px;
  }
}
@media only screen and (max-width: 1919px) {
  .uic-theme-responsive {
    --uic-thumbnail-item-width: 64px;
    --uic-thumbnail-item-height: 48px;
  }
}
@media only screen and (min-width: 1920px) {
  .uic-theme-responsive {
    --uic-thumbnail-item-width: 77px;
    --uic-thumbnail-item-height: 58px;
  }
}
.uic-theme-responsive {
  --uic-wizard-header-step-background-color: var(--uic-color-grey1);
  --uic-wizard-header-step-focus-color: var(--uic-color-blue2);
  --uic-wizard-header-step-disabled-number-bg-color: var(--uic-color-blue4a50);
  --uic-wizard-header-step-disabled-label-color: var(--uic-color-grey3a75);
  --uic-wizard-header-step-hover-number-border-color: var(--uic-color-blue2);
  --uic-wizard-header-step-hover-number-color: var(--uic-color-blue1);
  --uic-wizard-header-step-active-bg-color: var(--uic-color-grey1a50);
  --uic-wizard-header-step-active-number-bg-color: var(--uic-color-blue4);
  --uic-wizard-header-step-active-number-border-color: var(--uic-color-blue1);
  --uic-wizard-header-step-active-number-color: var(--uic-color-blue1);
  --uic-wizard-header-step-active-number-highlight-color: var(--uic-color-blue1a40);
  --uic-wizard-header-step-selected-bg-color: var(--uic-color-white);
  --uic-wizard-header-step-selected-line-color: var(--uic-color-grey2);
  --uic-wizard-header-step-selected-number-bg-color: var(--uic-color-blue2);
  --uic-wizard-header-step-selected-number-color: var(--uic-color-white);
  --uic-wizard-header-step-selected-label-color: var(--uic-color-blue4);
  --uic-wizard-header-step-flyout-indicator-color: var(--uic-color-blue4);
  --uic-wizard-header-step-number-bg-color: var(--uic-color-blue4);
  --uic-wizard-header-step-number-color: var(--uic-color-white);
  --uic-wizard-header-step-flag-width: 24px;
  --uic-wizard-header-step-flag-height: 24px;
  --uic-wizard-header-step-flag-offset-left: -14px;
  --uic-wizard-header-step-flag-offset-top: -14px;
  --uic-wizard-header-step-flyout-indicator-size: 16px;
  --uic-wizard-header-step-flyout-indicator-padding-left: 16px;
  --uic-wizard-header-step-number-margin: 8px;
  --uic-wizard-header-step-padding-horizontal-left-right: 10px;
  --uic-wizard-header-step-padding-horizontal-top-bottom: 5px;
  --uic-wizard-header-step-padding-vertical: 12px 8px 12px 20px;
  --uic-wizard-header-step-line-width: 1px;
  --uic-wizard-header-step-line-width-active: 2px;
  --uic-wizard-header-step-line-gap-vertical: 4px;
  --uic-wizard-header-step-line-gap-horizontal: 7px;
  --uic-wizard-header-step-line-offset-horizontal: 4px;
}
@media only screen and (min-width: 1920px) {
  .uic-theme-responsive {
    --uic-wizard-header-step-base-height-vertical: 60px;
    --uic-wizard-header-step-number-width: 36px;
    --uic-wizard-header-step-number-height: 29px;
    --uic-wizard-header-step-line-left-vertical: 37px;
  }
}
@media only screen and (max-width: 1919px) {
  .uic-theme-responsive {
    --uic-wizard-header-step-base-height-vertical: 50px;
    --uic-wizard-header-step-number-width: 30px;
    --uic-wizard-header-step-number-height: 24px;
    --uic-wizard-header-step-line-left-vertical: 35px;
  }
}
@media only screen and (max-width: 1023px) {
  .uic-theme-responsive {
    --uic-wizard-header-step-base-height-vertical: 48px;
    --uic-wizard-header-step-number-width: 27px;
    --uic-wizard-header-step-number-height: 22px;
    --uic-wizard-header-step-line-left-vertical: 33px;
  }
}
.uic-theme-responsive {
  --uic-segmented-control-selected-item-z-index: 99;
  --uic-segmented-control-active-item-z-index: 100;
  --uic-tile-loader-container-z-index: 100;
  --uic-message-list-flyout-footer-z-index: 101;
  --uic-z-index-popover: 1000;
  --uic-tooltip-z-index: 1000;
  --uic-dialog-z-index: 2000;
  --uic-footer-menu-button-z-index: 3001;
  --uic-message-list-flyout-footer-label-z-index: 100000;
  font-family: "Open Sans", sans-serif;
}
html {
  font-size: 14px;
}
@media only screen and (min-width: 1920px) {
  html {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1919px) {
  html {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1023px) {
  html {
    font-size: 10px;
  }
}
.uic-hidden {
  display: none;
}
input,
button,
textarea {
  font: inherit;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.6;
}
*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
[type=search]::-ms-clear {
  display: none;
  height: 0;
  width: 0;
}
[type=search]::-ms-reveal {
  display: none;
  height: 0;
  width: 0;
}
[type=search]::-webkit-search-decoration,
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-results-button,
[type=search]::-webkit-search-results-decoration {
  display: none;
}
hr {
  height: 1px;
}
@-webkit-keyframes ux-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes ux-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.ux-u-background-white {
  background-color: #fff;
}
.ux-u-background-grey {
  background-color: #eaedf2;
}
.ux-u-background-grey-light {
  background-color: #c3cfd6;
}
.ux-u-background-grey-table-bg {
  background-color: #f3f3f3;
}
.ux-u-background-grey-faded-vertical {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eff0f4));
  background:
    linear-gradient(
      180deg,
      #fff,
      #eff0f4 100%);
  background-color: #eaedf2;
}
.ux-u-background-grey-faded-vertical-upsidedown {
  background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#eff0f4));
  background:
    linear-gradient(
      0deg,
      #fff,
      #eff0f4 100%);
  background-color: #eaedf2;
}
.ux-u-background-grey-faded-horizontal {
  background: -webkit-gradient(linear, left top, right top, from(#fff), to(#eff0f4));
  background:
    linear-gradient(
      90deg,
      #fff,
      #eff0f4 100%);
  background-color: #eaedf2;
}
.ux-u-background-grey-faded-horizontal-dark {
  background-image:
    linear-gradient(
      135deg,
      #e8e8e8 0%,
      #cad4dc 100%);
}
.ux-u-background-blue-faded-horizontal {
  background: -webkit-gradient(linear, right top, left top, from(#285172), color-stop(28%, #285172), to(#4f708b));
  background:
    linear-gradient(
      270deg,
      #285172 0%,
      #285172 28%,
      #4f708b 100%);
  background-color: #285172;
}
.ux-u-background-green {
  background-color: #bbd03a;
}
.ux-u-background-blue {
  background-color: #285172;
}
.ux-u-background--white-top {
  position: relative;
}
.ux-u-background--white-top::before {
  background: #fff;
  content: "";
  height: 20%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.ux-u-border-top {
  border-top: 1px solid #e2e2e2;
}
.ux-u-border-bottom {
  border-bottom: 1px solid #e2e2e2;
}
.ux-u-center-content {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (width >= 768px) {
  .ux-u-center-content-m {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media (width >= 1024px) {
  .ux-u-center-content-l {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media (width >= 1440px) {
  .ux-u-center-content-xl {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.ux-u-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.ux-u-margin-top-0 {
  margin-top: 0px;
}
.ux-u-margin-bottom-0 {
  margin-bottom: 0px;
}
.ux-u-margin-vertical-0 {
  margin-bottom: 0px;
  margin-top: 0px;
}
.ux-u-margin-top-5 {
  margin-top: 5px;
}
.ux-u-margin-bottom-5 {
  margin-bottom: 5px;
}
.ux-u-margin-vertical-5 {
  margin-bottom: 5px;
  margin-top: 5px;
}
.ux-u-margin-top-10 {
  margin-top: 10px;
}
.ux-u-margin-bottom-10 {
  margin-bottom: 10px;
}
.ux-u-margin-vertical-10 {
  margin-bottom: 10px;
  margin-top: 10px;
}
.ux-u-margin-top-15 {
  margin-top: 15px;
}
.ux-u-margin-bottom-15 {
  margin-bottom: 15px;
}
.ux-u-margin-vertical-15 {
  margin-bottom: 15px;
  margin-top: 15px;
}
.ux-u-margin-top-20 {
  margin-top: 20px;
}
.ux-u-margin-bottom-20 {
  margin-bottom: 20px;
}
.ux-u-margin-vertical-20 {
  margin-bottom: 20px;
  margin-top: 20px;
}
.ux-u-margin-top-25 {
  margin-top: 25px;
}
.ux-u-margin-bottom-25 {
  margin-bottom: 25px;
}
.ux-u-margin-vertical-25 {
  margin-bottom: 25px;
  margin-top: 25px;
}
.ux-u-margin-top-30 {
  margin-top: 30px;
}
.ux-u-margin-bottom-30 {
  margin-bottom: 30px;
}
.ux-u-margin-vertical-30 {
  margin-bottom: 30px;
  margin-top: 30px;
}
.ux-u-margin-top-35 {
  margin-top: 35px;
}
.ux-u-margin-bottom-35 {
  margin-bottom: 35px;
}
.ux-u-margin-vertical-35 {
  margin-bottom: 35px;
  margin-top: 35px;
}
.ux-u-margin-top-40 {
  margin-top: 40px;
}
.ux-u-margin-bottom-40 {
  margin-bottom: 40px;
}
.ux-u-margin-vertical-40 {
  margin-bottom: 40px;
  margin-top: 40px;
}
.ux-u-margin-top-45 {
  margin-top: 45px;
}
.ux-u-margin-bottom-45 {
  margin-bottom: 45px;
}
.ux-u-margin-vertical-45 {
  margin-bottom: 45px;
  margin-top: 45px;
}
.ux-u-margin-top-50 {
  margin-top: 50px;
}
.ux-u-margin-bottom-50 {
  margin-bottom: 50px;
}
.ux-u-margin-vertical-50 {
  margin-bottom: 50px;
  margin-top: 50px;
}
.ux-u-margin-top-55 {
  margin-top: 55px;
}
.ux-u-margin-bottom-55 {
  margin-bottom: 55px;
}
.ux-u-margin-vertical-55 {
  margin-bottom: 55px;
  margin-top: 55px;
}
.ux-u-margin-top-60 {
  margin-top: 60px;
}
.ux-u-margin-bottom-60 {
  margin-bottom: 60px;
}
.ux-u-margin-vertical-60 {
  margin-bottom: 60px;
  margin-top: 60px;
}
.ux-u-margin-top-65 {
  margin-top: 65px;
}
.ux-u-margin-bottom-65 {
  margin-bottom: 65px;
}
.ux-u-margin-vertical-65 {
  margin-bottom: 65px;
  margin-top: 65px;
}
.ux-u-margin-top-70 {
  margin-top: 70px;
}
.ux-u-margin-bottom-70 {
  margin-bottom: 70px;
}
.ux-u-margin-vertical-70 {
  margin-bottom: 70px;
  margin-top: 70px;
}
.ux-u-margin-top-75 {
  margin-top: 75px;
}
.ux-u-margin-bottom-75 {
  margin-bottom: 75px;
}
.ux-u-margin-vertical-75 {
  margin-bottom: 75px;
  margin-top: 75px;
}
.ux-u-margin-top-80 {
  margin-top: 80px;
}
.ux-u-margin-bottom-80 {
  margin-bottom: 80px;
}
.ux-u-margin-vertical-80 {
  margin-bottom: 80px;
  margin-top: 80px;
}
.ux-u-margin-top-85 {
  margin-top: 85px;
}
.ux-u-margin-bottom-85 {
  margin-bottom: 85px;
}
.ux-u-margin-vertical-85 {
  margin-bottom: 85px;
  margin-top: 85px;
}
.ux-u-margin-top-90 {
  margin-top: 90px;
}
.ux-u-margin-bottom-90 {
  margin-bottom: 90px;
}
.ux-u-margin-vertical-90 {
  margin-bottom: 90px;
  margin-top: 90px;
}
.ux-u-margin-top-95 {
  margin-top: 95px;
}
.ux-u-margin-bottom-95 {
  margin-bottom: 95px;
}
.ux-u-margin-vertical-95 {
  margin-bottom: 95px;
  margin-top: 95px;
}
.ux-u-margin-top-100 {
  margin-top: 100px;
}
.ux-u-margin-bottom-100 {
  margin-bottom: 100px;
}
.ux-u-margin-vertical-100 {
  margin-bottom: 100px;
  margin-top: 100px;
}
.ux-u-margin-left-0 {
  margin-left: 0px;
}
.ux-u-margin-right-0 {
  margin-right: 0px;
}
.ux-u-margin-horizontal-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.ux-u-margin-left-5 {
  margin-left: 5px;
}
.ux-u-margin-right-5 {
  margin-right: 5px;
}
.ux-u-margin-horizontal-5 {
  margin-left: 5px;
  margin-right: 5px;
}
.ux-u-margin-left-10 {
  margin-left: 10px;
}
.ux-u-margin-right-10 {
  margin-right: 10px;
}
.ux-u-margin-horizontal-10 {
  margin-left: 10px;
  margin-right: 10px;
}
.ux-u-margin-left-15 {
  margin-left: 15px;
}
.ux-u-margin-right-15 {
  margin-right: 15px;
}
.ux-u-margin-horizontal-15 {
  margin-left: 15px;
  margin-right: 15px;
}
.ux-u-margin-left-20 {
  margin-left: 20px;
}
.ux-u-margin-right-20 {
  margin-right: 20px;
}
.ux-u-margin-horizontal-20 {
  margin-left: 20px;
  margin-right: 20px;
}
.ux-u-margin-left-25 {
  margin-left: 25px;
}
.ux-u-margin-right-25 {
  margin-right: 25px;
}
.ux-u-margin-horizontal-25 {
  margin-left: 25px;
  margin-right: 25px;
}
.ux-u-margin-left-30 {
  margin-left: 30px;
}
.ux-u-margin-right-30 {
  margin-right: 30px;
}
.ux-u-margin-horizontal-30 {
  margin-left: 30px;
  margin-right: 30px;
}
.ux-u-margin-left-35 {
  margin-left: 35px;
}
.ux-u-margin-right-35 {
  margin-right: 35px;
}
.ux-u-margin-horizontal-35 {
  margin-left: 35px;
  margin-right: 35px;
}
.ux-u-margin-left-40 {
  margin-left: 40px;
}
.ux-u-margin-right-40 {
  margin-right: 40px;
}
.ux-u-margin-horizontal-40 {
  margin-left: 40px;
  margin-right: 40px;
}
@media (min-width: 768px) {
  .ux-u-margin-m-top-0 {
    margin-top: 0px;
  }
  .ux-u-margin-m-bottom-0 {
    margin-bottom: 0px;
  }
  .ux-u-margin-m-vertical-0 {
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .ux-u-margin-m-top-5 {
    margin-top: 5px;
  }
  .ux-u-margin-m-bottom-5 {
    margin-bottom: 5px;
  }
  .ux-u-margin-m-vertical-5 {
    margin-bottom: 5px;
    margin-top: 5px;
  }
  .ux-u-margin-m-top-10 {
    margin-top: 10px;
  }
  .ux-u-margin-m-bottom-10 {
    margin-bottom: 10px;
  }
  .ux-u-margin-m-vertical-10 {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .ux-u-margin-m-top-15 {
    margin-top: 15px;
  }
  .ux-u-margin-m-bottom-15 {
    margin-bottom: 15px;
  }
  .ux-u-margin-m-vertical-15 {
    margin-bottom: 15px;
    margin-top: 15px;
  }
  .ux-u-margin-m-top-20 {
    margin-top: 20px;
  }
  .ux-u-margin-m-bottom-20 {
    margin-bottom: 20px;
  }
  .ux-u-margin-m-vertical-20 {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .ux-u-margin-m-top-25 {
    margin-top: 25px;
  }
  .ux-u-margin-m-bottom-25 {
    margin-bottom: 25px;
  }
  .ux-u-margin-m-vertical-25 {
    margin-bottom: 25px;
    margin-top: 25px;
  }
  .ux-u-margin-m-top-30 {
    margin-top: 30px;
  }
  .ux-u-margin-m-bottom-30 {
    margin-bottom: 30px;
  }
  .ux-u-margin-m-vertical-30 {
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .ux-u-margin-m-top-35 {
    margin-top: 35px;
  }
  .ux-u-margin-m-bottom-35 {
    margin-bottom: 35px;
  }
  .ux-u-margin-m-vertical-35 {
    margin-bottom: 35px;
    margin-top: 35px;
  }
  .ux-u-margin-m-top-40 {
    margin-top: 40px;
  }
  .ux-u-margin-m-bottom-40 {
    margin-bottom: 40px;
  }
  .ux-u-margin-m-vertical-40 {
    margin-bottom: 40px;
    margin-top: 40px;
  }
  .ux-u-margin-m-top-45 {
    margin-top: 45px;
  }
  .ux-u-margin-m-bottom-45 {
    margin-bottom: 45px;
  }
  .ux-u-margin-m-vertical-45 {
    margin-bottom: 45px;
    margin-top: 45px;
  }
  .ux-u-margin-m-top-50 {
    margin-top: 50px;
  }
  .ux-u-margin-m-bottom-50 {
    margin-bottom: 50px;
  }
  .ux-u-margin-m-vertical-50 {
    margin-bottom: 50px;
    margin-top: 50px;
  }
  .ux-u-margin-m-top-55 {
    margin-top: 55px;
  }
  .ux-u-margin-m-bottom-55 {
    margin-bottom: 55px;
  }
  .ux-u-margin-m-vertical-55 {
    margin-bottom: 55px;
    margin-top: 55px;
  }
  .ux-u-margin-m-top-60 {
    margin-top: 60px;
  }
  .ux-u-margin-m-bottom-60 {
    margin-bottom: 60px;
  }
  .ux-u-margin-m-vertical-60 {
    margin-bottom: 60px;
    margin-top: 60px;
  }
  .ux-u-margin-m-top-65 {
    margin-top: 65px;
  }
  .ux-u-margin-m-bottom-65 {
    margin-bottom: 65px;
  }
  .ux-u-margin-m-vertical-65 {
    margin-bottom: 65px;
    margin-top: 65px;
  }
  .ux-u-margin-m-top-70 {
    margin-top: 70px;
  }
  .ux-u-margin-m-bottom-70 {
    margin-bottom: 70px;
  }
  .ux-u-margin-m-vertical-70 {
    margin-bottom: 70px;
    margin-top: 70px;
  }
  .ux-u-margin-m-top-75 {
    margin-top: 75px;
  }
  .ux-u-margin-m-bottom-75 {
    margin-bottom: 75px;
  }
  .ux-u-margin-m-vertical-75 {
    margin-bottom: 75px;
    margin-top: 75px;
  }
  .ux-u-margin-m-top-80 {
    margin-top: 80px;
  }
  .ux-u-margin-m-bottom-80 {
    margin-bottom: 80px;
  }
  .ux-u-margin-m-vertical-80 {
    margin-bottom: 80px;
    margin-top: 80px;
  }
  .ux-u-margin-m-top-85 {
    margin-top: 85px;
  }
  .ux-u-margin-m-bottom-85 {
    margin-bottom: 85px;
  }
  .ux-u-margin-m-vertical-85 {
    margin-bottom: 85px;
    margin-top: 85px;
  }
  .ux-u-margin-m-top-90 {
    margin-top: 90px;
  }
  .ux-u-margin-m-bottom-90 {
    margin-bottom: 90px;
  }
  .ux-u-margin-m-vertical-90 {
    margin-bottom: 90px;
    margin-top: 90px;
  }
  .ux-u-margin-m-top-95 {
    margin-top: 95px;
  }
  .ux-u-margin-m-bottom-95 {
    margin-bottom: 95px;
  }
  .ux-u-margin-m-vertical-95 {
    margin-bottom: 95px;
    margin-top: 95px;
  }
  .ux-u-margin-m-top-100 {
    margin-top: 100px;
  }
  .ux-u-margin-m-bottom-100 {
    margin-bottom: 100px;
  }
  .ux-u-margin-m-vertical-100 {
    margin-bottom: 100px;
    margin-top: 100px;
  }
}
@media (min-width: 1024px) {
  .ux-u-margin-l-top-0 {
    margin-top: 0px;
  }
  .ux-u-margin-l-bottom-0 {
    margin-bottom: 0px;
  }
  .ux-u-margin-l-vertical-0 {
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .ux-u-margin-l-top-5 {
    margin-top: 5px;
  }
  .ux-u-margin-l-bottom-5 {
    margin-bottom: 5px;
  }
  .ux-u-margin-l-vertical-5 {
    margin-bottom: 5px;
    margin-top: 5px;
  }
  .ux-u-margin-l-top-10 {
    margin-top: 10px;
  }
  .ux-u-margin-l-bottom-10 {
    margin-bottom: 10px;
  }
  .ux-u-margin-l-vertical-10 {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .ux-u-margin-l-top-15 {
    margin-top: 15px;
  }
  .ux-u-margin-l-bottom-15 {
    margin-bottom: 15px;
  }
  .ux-u-margin-l-vertical-15 {
    margin-bottom: 15px;
    margin-top: 15px;
  }
  .ux-u-margin-l-top-20 {
    margin-top: 20px;
  }
  .ux-u-margin-l-bottom-20 {
    margin-bottom: 20px;
  }
  .ux-u-margin-l-vertical-20 {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .ux-u-margin-l-top-25 {
    margin-top: 25px;
  }
  .ux-u-margin-l-bottom-25 {
    margin-bottom: 25px;
  }
  .ux-u-margin-l-vertical-25 {
    margin-bottom: 25px;
    margin-top: 25px;
  }
  .ux-u-margin-l-top-30 {
    margin-top: 30px;
  }
  .ux-u-margin-l-bottom-30 {
    margin-bottom: 30px;
  }
  .ux-u-margin-l-vertical-30 {
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .ux-u-margin-l-top-35 {
    margin-top: 35px;
  }
  .ux-u-margin-l-bottom-35 {
    margin-bottom: 35px;
  }
  .ux-u-margin-l-vertical-35 {
    margin-bottom: 35px;
    margin-top: 35px;
  }
  .ux-u-margin-l-top-40 {
    margin-top: 40px;
  }
  .ux-u-margin-l-bottom-40 {
    margin-bottom: 40px;
  }
  .ux-u-margin-l-vertical-40 {
    margin-bottom: 40px;
    margin-top: 40px;
  }
  .ux-u-margin-l-top-45 {
    margin-top: 45px;
  }
  .ux-u-margin-l-bottom-45 {
    margin-bottom: 45px;
  }
  .ux-u-margin-l-vertical-45 {
    margin-bottom: 45px;
    margin-top: 45px;
  }
  .ux-u-margin-l-top-50 {
    margin-top: 50px;
  }
  .ux-u-margin-l-bottom-50 {
    margin-bottom: 50px;
  }
  .ux-u-margin-l-vertical-50 {
    margin-bottom: 50px;
    margin-top: 50px;
  }
  .ux-u-margin-l-top-55 {
    margin-top: 55px;
  }
  .ux-u-margin-l-bottom-55 {
    margin-bottom: 55px;
  }
  .ux-u-margin-l-vertical-55 {
    margin-bottom: 55px;
    margin-top: 55px;
  }
  .ux-u-margin-l-top-60 {
    margin-top: 60px;
  }
  .ux-u-margin-l-bottom-60 {
    margin-bottom: 60px;
  }
  .ux-u-margin-l-vertical-60 {
    margin-bottom: 60px;
    margin-top: 60px;
  }
  .ux-u-margin-l-top-65 {
    margin-top: 65px;
  }
  .ux-u-margin-l-bottom-65 {
    margin-bottom: 65px;
  }
  .ux-u-margin-l-vertical-65 {
    margin-bottom: 65px;
    margin-top: 65px;
  }
  .ux-u-margin-l-top-70 {
    margin-top: 70px;
  }
  .ux-u-margin-l-bottom-70 {
    margin-bottom: 70px;
  }
  .ux-u-margin-l-vertical-70 {
    margin-bottom: 70px;
    margin-top: 70px;
  }
  .ux-u-margin-l-top-75 {
    margin-top: 75px;
  }
  .ux-u-margin-l-bottom-75 {
    margin-bottom: 75px;
  }
  .ux-u-margin-l-vertical-75 {
    margin-bottom: 75px;
    margin-top: 75px;
  }
  .ux-u-margin-l-top-80 {
    margin-top: 80px;
  }
  .ux-u-margin-l-bottom-80 {
    margin-bottom: 80px;
  }
  .ux-u-margin-l-vertical-80 {
    margin-bottom: 80px;
    margin-top: 80px;
  }
  .ux-u-margin-l-top-85 {
    margin-top: 85px;
  }
  .ux-u-margin-l-bottom-85 {
    margin-bottom: 85px;
  }
  .ux-u-margin-l-vertical-85 {
    margin-bottom: 85px;
    margin-top: 85px;
  }
  .ux-u-margin-l-top-90 {
    margin-top: 90px;
  }
  .ux-u-margin-l-bottom-90 {
    margin-bottom: 90px;
  }
  .ux-u-margin-l-vertical-90 {
    margin-bottom: 90px;
    margin-top: 90px;
  }
  .ux-u-margin-l-top-95 {
    margin-top: 95px;
  }
  .ux-u-margin-l-bottom-95 {
    margin-bottom: 95px;
  }
  .ux-u-margin-l-vertical-95 {
    margin-bottom: 95px;
    margin-top: 95px;
  }
  .ux-u-margin-l-top-100 {
    margin-top: 100px;
  }
  .ux-u-margin-l-bottom-100 {
    margin-bottom: 100px;
  }
  .ux-u-margin-l-vertical-100 {
    margin-bottom: 100px;
    margin-top: 100px;
  }
}
@media (min-width: 1440px) {
  .ux-u-margin-xl-top-0 {
    margin-top: 0px;
  }
  .ux-u-margin-xl-bottom-0 {
    margin-bottom: 0px;
  }
  .ux-u-margin-xl-vertical-0 {
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .ux-u-margin-xl-top-5 {
    margin-top: 5px;
  }
  .ux-u-margin-xl-bottom-5 {
    margin-bottom: 5px;
  }
  .ux-u-margin-xl-vertical-5 {
    margin-bottom: 5px;
    margin-top: 5px;
  }
  .ux-u-margin-xl-top-10 {
    margin-top: 10px;
  }
  .ux-u-margin-xl-bottom-10 {
    margin-bottom: 10px;
  }
  .ux-u-margin-xl-vertical-10 {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .ux-u-margin-xl-top-15 {
    margin-top: 15px;
  }
  .ux-u-margin-xl-bottom-15 {
    margin-bottom: 15px;
  }
  .ux-u-margin-xl-vertical-15 {
    margin-bottom: 15px;
    margin-top: 15px;
  }
  .ux-u-margin-xl-top-20 {
    margin-top: 20px;
  }
  .ux-u-margin-xl-bottom-20 {
    margin-bottom: 20px;
  }
  .ux-u-margin-xl-vertical-20 {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .ux-u-margin-xl-top-25 {
    margin-top: 25px;
  }
  .ux-u-margin-xl-bottom-25 {
    margin-bottom: 25px;
  }
  .ux-u-margin-xl-vertical-25 {
    margin-bottom: 25px;
    margin-top: 25px;
  }
  .ux-u-margin-xl-top-30 {
    margin-top: 30px;
  }
  .ux-u-margin-xl-bottom-30 {
    margin-bottom: 30px;
  }
  .ux-u-margin-xl-vertical-30 {
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .ux-u-margin-xl-top-35 {
    margin-top: 35px;
  }
  .ux-u-margin-xl-bottom-35 {
    margin-bottom: 35px;
  }
  .ux-u-margin-xl-vertical-35 {
    margin-bottom: 35px;
    margin-top: 35px;
  }
  .ux-u-margin-xl-top-40 {
    margin-top: 40px;
  }
  .ux-u-margin-xl-bottom-40 {
    margin-bottom: 40px;
  }
  .ux-u-margin-xl-vertical-40 {
    margin-bottom: 40px;
    margin-top: 40px;
  }
  .ux-u-margin-xl-top-45 {
    margin-top: 45px;
  }
  .ux-u-margin-xl-bottom-45 {
    margin-bottom: 45px;
  }
  .ux-u-margin-xl-vertical-45 {
    margin-bottom: 45px;
    margin-top: 45px;
  }
  .ux-u-margin-xl-top-50 {
    margin-top: 50px;
  }
  .ux-u-margin-xl-bottom-50 {
    margin-bottom: 50px;
  }
  .ux-u-margin-xl-vertical-50 {
    margin-bottom: 50px;
    margin-top: 50px;
  }
  .ux-u-margin-xl-top-55 {
    margin-top: 55px;
  }
  .ux-u-margin-xl-bottom-55 {
    margin-bottom: 55px;
  }
  .ux-u-margin-xl-vertical-55 {
    margin-bottom: 55px;
    margin-top: 55px;
  }
  .ux-u-margin-xl-top-60 {
    margin-top: 60px;
  }
  .ux-u-margin-xl-bottom-60 {
    margin-bottom: 60px;
  }
  .ux-u-margin-xl-vertical-60 {
    margin-bottom: 60px;
    margin-top: 60px;
  }
  .ux-u-margin-xl-top-65 {
    margin-top: 65px;
  }
  .ux-u-margin-xl-bottom-65 {
    margin-bottom: 65px;
  }
  .ux-u-margin-xl-vertical-65 {
    margin-bottom: 65px;
    margin-top: 65px;
  }
  .ux-u-margin-xl-top-70 {
    margin-top: 70px;
  }
  .ux-u-margin-xl-bottom-70 {
    margin-bottom: 70px;
  }
  .ux-u-margin-xl-vertical-70 {
    margin-bottom: 70px;
    margin-top: 70px;
  }
  .ux-u-margin-xl-top-75 {
    margin-top: 75px;
  }
  .ux-u-margin-xl-bottom-75 {
    margin-bottom: 75px;
  }
  .ux-u-margin-xl-vertical-75 {
    margin-bottom: 75px;
    margin-top: 75px;
  }
  .ux-u-margin-xl-top-80 {
    margin-top: 80px;
  }
  .ux-u-margin-xl-bottom-80 {
    margin-bottom: 80px;
  }
  .ux-u-margin-xl-vertical-80 {
    margin-bottom: 80px;
    margin-top: 80px;
  }
  .ux-u-margin-xl-top-85 {
    margin-top: 85px;
  }
  .ux-u-margin-xl-bottom-85 {
    margin-bottom: 85px;
  }
  .ux-u-margin-xl-vertical-85 {
    margin-bottom: 85px;
    margin-top: 85px;
  }
  .ux-u-margin-xl-top-90 {
    margin-top: 90px;
  }
  .ux-u-margin-xl-bottom-90 {
    margin-bottom: 90px;
  }
  .ux-u-margin-xl-vertical-90 {
    margin-bottom: 90px;
    margin-top: 90px;
  }
  .ux-u-margin-xl-top-95 {
    margin-top: 95px;
  }
  .ux-u-margin-xl-bottom-95 {
    margin-bottom: 95px;
  }
  .ux-u-margin-xl-vertical-95 {
    margin-bottom: 95px;
    margin-top: 95px;
  }
  .ux-u-margin-xl-top-100 {
    margin-top: 100px;
  }
  .ux-u-margin-xl-bottom-100 {
    margin-bottom: 100px;
  }
  .ux-u-margin-xl-vertical-100 {
    margin-bottom: 100px;
    margin-top: 100px;
  }
  .ux-u-margin-xl-left-0 {
    margin-left: 0px;
  }
  .ux-u-margin-xl-right-0 {
    margin-right: 0px;
  }
  .ux-u-margin-xl-horizontal-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .ux-u-margin-xl-left-5 {
    margin-left: 5px;
  }
  .ux-u-margin-xl-right-5 {
    margin-right: 5px;
  }
  .ux-u-margin-xl-horizontal-5 {
    margin-left: 5px;
    margin-right: 5px;
  }
  .ux-u-margin-xl-left-10 {
    margin-left: 10px;
  }
  .ux-u-margin-xl-right-10 {
    margin-right: 10px;
  }
  .ux-u-margin-xl-horizontal-10 {
    margin-left: 10px;
    margin-right: 10px;
  }
  .ux-u-margin-xl-left-15 {
    margin-left: 15px;
  }
  .ux-u-margin-xl-right-15 {
    margin-right: 15px;
  }
  .ux-u-margin-xl-horizontal-15 {
    margin-left: 15px;
    margin-right: 15px;
  }
  .ux-u-margin-xl-left-20 {
    margin-left: 20px;
  }
  .ux-u-margin-xl-right-20 {
    margin-right: 20px;
  }
  .ux-u-margin-xl-horizontal-20 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .ux-u-margin-xl-left-25 {
    margin-left: 25px;
  }
  .ux-u-margin-xl-right-25 {
    margin-right: 25px;
  }
  .ux-u-margin-xl-horizontal-25 {
    margin-left: 25px;
    margin-right: 25px;
  }
  .ux-u-margin-xl-left-30 {
    margin-left: 30px;
  }
  .ux-u-margin-xl-right-30 {
    margin-right: 30px;
  }
  .ux-u-margin-xl-horizontal-30 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .ux-u-margin-xl-left-35 {
    margin-left: 35px;
  }
  .ux-u-margin-xl-right-35 {
    margin-right: 35px;
  }
  .ux-u-margin-xl-horizontal-35 {
    margin-left: 35px;
    margin-right: 35px;
  }
  .ux-u-margin-xl-left-40 {
    margin-left: 40px;
  }
  .ux-u-margin-xl-right-40 {
    margin-right: 40px;
  }
  .ux-u-margin-xl-horizontal-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
}
.ux-u-margin-children-0 > *:first-child {
  margin-top: 0 !important;
}
.ux-u-margin-children-0 > *:last-child {
  margin-bottom: 0 !important;
}
.ux-u-opacity-0 {
  opacity: 0 !important;
}
.ux-u-opacity-30 {
  opacity: 0.3 !important;
}
.ux-u-opacity-60 {
  opacity: 0.6 !important;
}
.ux-u-text-align--center {
  text-align: center;
}
@media only screen and (width >= 768px) {
  .ux-u-text-align--center-m {
    text-align: center;
  }
}
.ux-u-text-align--left {
  text-align: left;
}
@media only screen and (width >= 768px) {
  .ux-u-text-align--left-m {
    text-align: left;
  }
}
.ux-u-text-align--right {
  text-align: right;
}
@media only screen and (width >= 768px) {
  .ux-u-text-align--right-m {
    text-align: right;
  }
}
.ux-u-text-uppercase {
  text-transform: uppercase;
}
.ux-u-text-bold {
  font-family: Frutiger-Bold, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-weight: 400;
}
.ux-u-shadow {
  -webkit-box-shadow: 0 5px 25px rgba(19, 19, 19, 0.1);
  box-shadow: 0 5px 25px rgba(19, 19, 19, 0.1);
}
.ux-u-shadow-inset {
  -webkit-box-shadow: inset 0px 25px 20px -20px rgba(19, 19, 19, 0.1);
  box-shadow: inset 0px 25px 20px -20px rgba(19, 19, 19, 0.1);
}
.ux-u-absolute {
  position: absolute;
}
@media (width >= 768px) {
  .ux-u-absolute-m {
    position: absolute;
  }
}
@media (width >= 1024px) {
  .ux-u-absolute-l {
    position: absolute;
  }
}
@media (width >= 1440px) {
  .ux-u-absolute-xl {
    position: absolute;
  }
}
.ux-u-inline {
  display: inline;
}
.ux-u-inline--block {
  display: inline-block;
}
.ux-u-inline--flex {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.typo3-messages {
  list-style-type: none;
  padding-left: 0;
}
.typo3-messages .alert.alert-success > * {
  color: #bbd03a;
}
.typo3-messages .alert.alert-info > * {
  color: #005074;
}
.typo3-messages .alert.alert-warning > * {
  color: #ff9302;
}
.typo3-messages .alert.alert-danger > * {
  color: #ff0201;
}
ux-slider:not(.hydrated) {
  display: block !important;
}
ux-slider:not(.hydrated) ux-slider-slide {
  display: block;
}
ux-slider:not(.hydrated) ux-slider-slide:not(:first-child) {
  display: none !important;
}
ux-tab-container:not(.hydrated) {
  display: block;
}
ux-tooltip:not(.hydrated) {
  display: none;
}
.ux-arrow-divider {
  position: relative;
}
.ux-arrow-divider::before {
  clear: both;
  content: "";
  display: table;
}
.ux-arrow-divider::after {
  border-color: #fff transparent transparent;
  border-style: solid;
  border-width: 25px;
  content: "";
  left: 50%;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
}
.ux-arrow-divider--with-shadow {
  -webkit-box-shadow: inset 0 45px 50px -15px rgba(0, 0, 0, 0.03);
  box-shadow: inset 0 45px 50px -15px rgba(0, 0, 0, 0.03);
  height: 60px;
}
.ux-body-scroll-lock {
  overflow: hidden;
  width: 100%;
}
.ux-button {
  font-family: var(--ux-font);
  font-weight: var(--ux-button-font-weight);
  font-size: var(--ux-button-font-size);
  background-color: var(--ux-button-bg-color);
  border: var(--ux-button-border-width) solid var(--ux-button-border-color);
  border-radius: 0;
  color: var(--ux-button-text-color);
  display: inline-block;
  line-height: 1.5em;
  padding: var(--ux-button-padding);
  min-width: var(--ux-button-min-width);
  text-align: center;
  text-decoration: none;
  text-transform: var(--ux-button-text-transform);
  outline: var(--ux-button-outline-width) solid transparent;
  outline-offset: var(--ux-button-outline-offset);
  cursor: pointer;
  -webkit-transition: var(--ux-button-transition);
  transition: var(--ux-button-transition);
  -webkit-box-shadow: var(--ux-button-shadow);
  box-shadow: var(--ux-button-shadow);
}
.ux-button:focus-visible:not(:hover) {
  color: var(--ux-button-focus-text-color);
  outline-color: var(--ux-button-focus-border-color);
  background-color: var(--ux-button-focus-bg-color);
  -webkit-box-shadow: var(--ux-button-focus-shadow);
  box-shadow: var(--ux-button-focus-shadow);
}
.ux-button:not(:active):not(.ux-button--disabled):hover {
  background: var(--ux-button-hover-bg-color);
  color: var(--ux-button-hover-text-color);
  border-color: var(--ux-button-hover-border-color);
}
.ux-button:active,
.ux-button:active:hover {
  background: var(--ux-button-active-bg-color);
  color: var(--ux-button-active-text-color);
  border-color: var(--ux-button-active-border-color);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ux-button .ux-icon {
  fill: currentColor;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}
.ux-button--icon-only {
  min-width: var(--ux-icon-button-width);
  min-height: var(--ux-icon-button-height);
  width: var(--ux-icon-button-width);
  height: var(--ux-icon-button-height);
  margin: 0;
  padding: 0;
}
.ux-button--icon-only .ux-icon {
  height: var(--ux-button-icon-size-large);
  font-size: var(--ux-button-icon-size-large);
  margin-left: 0;
  margin-right: 0;
  top: 0;
  -webkit-transform: none;
  transform: none;
}
.ux-button--green,
.ux-button--primary {
  border: 1px solid var(--ux-button-primary-border-color);
  background-color: var(--ux-button-primary-bg-color);
  color: var(--ux-button-primary-text-color);
  fill: var(--ux-button-primary-text-color);
}
.ux-button--green:focus-visible:not(:hover),
.ux-button--primary:focus-visible:not(:hover) {
  color: var(--ux-button-primary-focus-text-color);
  outline-color: var(--ux-button-primary-focus-border-color);
  background-color: var(--ux-button-primary-focus-bg-color);
  -webkit-box-shadow: var(--ux-button-focus-shadow);
  box-shadow: var(--ux-button-focus-shadow);
}
.ux-button--green:not(:active):not(.ux-button--disabled):hover,
.ux-button--primary:not(:active):not(.ux-button--disabled):hover {
  color: var(--ux-button-primary-hover-text-color);
  border-color: var(--ux-button-primary-hover-border-color);
  background-color: var(--ux-button-primary-hover-bg-color);
  fill: var(--ux-button-primary-hover-text-color);
}
.ux-button--green:active,
.ux-button--green:active:hover,
.ux-button--primary:active,
.ux-button--primary:active:hover {
  color: var(--ux-button-primary-active-text-color);
  border-color: var(--ux-button-primary-active-border-color);
  background-color: var(--ux-button-primary-active-bg-color);
}
.ux-button--white {
  background-color: #fff;
}
.ux-button--full-width {
  width: 100%;
}
.ux-button--red {
  border: 1px solid transparent;
  background-color: #ff0201;
  color: #fff;
  fill: #fff;
}
.ux-button--red:not(.ux-button--disabled):hover {
  background-color: transparent;
  color: #ff0201;
  fill: #ff0201;
  border: 1px solid #ff0201;
}
.ux-button--toggle {
  background-color: #fff;
  color: #285172;
  fill: #285172;
  border: 1px solid #285172;
}
.ux-button--toggle-active {
  border: 1px solid transparent;
  background-color: #285172;
  color: #fff;
  fill: #fff;
  pointer-events: none;
}
.ux-button--toggle:hover,
.ux-button--toggle-active:hover {
  border: 1px solid transparent;
  background-color: #285172;
  color: #fff;
  fill: #fff;
}
.ux-button--toggle.ux-button--icon-only .ux-icon,
.ux-button--toggle-active.ux-button--icon-only .ux-icon {
  height: 18px;
  font-size: 18px;
}
.ux-button--disabled {
  font-weight: var(--ux-button-disabled-font-weight);
  opacity: var(--ux-button-disabled-opacity);
  pointer-events: none;
}
.ux-button.ux-button__label-visibility--m {
  width: var(--ux-icon-button-width);
  height: var(--ux-icon-button-height);
  padding: 0;
}
.ux-button.ux-button__label-visibility--m .ux-button__label {
  display: none;
}
@media only screen and (min-width: 768px) {
  .ux-button.ux-button__label-visibility--m {
    width: 100%;
    min-width: var(--ux-button-min-width);
    min-height: var(--ux-button-min-height);
    padding: 0 var(--ux-button-padding-horizontal);
  }
}
@media only screen and (max-width: 767px) {
  .ux-button.ux-button__label-visibility--m .ux-button__icon {
    margin: 0 !important;
  }
}
@media only screen and (min-width: 768px) {
  .ux-button.ux-button__label-visibility--m .ux-button__label {
    display: block;
  }
}
.ux-button.ux-button__label-visibility--l {
  width: var(--ux-icon-button-width);
  height: var(--ux-icon-button-height);
  padding: 0;
}
.ux-button.ux-button__label-visibility--l .ux-button__label {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .ux-button.ux-button__label-visibility--l {
    width: 100%;
    min-width: var(--ux-button-min-width);
    min-height: var(--ux-button-min-height);
    padding: 0 var(--ux-button-padding-horizontal);
  }
}
@media only screen and (max-width: 1023px) {
  .ux-button.ux-button__label-visibility--l .ux-button__icon {
    margin: 0 !important;
  }
}
@media only screen and (min-width: 1024px) {
  .ux-button.ux-button__label-visibility--l .ux-button__label {
    display: block;
  }
}
.ux-button.ux-button__label-visibility--xl {
  width: var(--ux-icon-button-width);
  height: var(--ux-icon-button-height);
  padding: 0;
}
.ux-button.ux-button__label-visibility--xl .ux-button__label {
  display: none;
}
@media only screen and (min-width: 1440px) {
  .ux-button.ux-button__label-visibility--xl {
    width: 100%;
    min-width: var(--ux-button-min-width);
    min-height: var(--ux-button-min-height);
    padding: 0 var(--ux-button-padding-horizontal);
  }
}
@media only screen and (max-width: 1439px) {
  .ux-button.ux-button__label-visibility--xl .ux-button__icon {
    margin: 0 !important;
  }
}
@media only screen and (min-width: 1440px) {
  .ux-button.ux-button__label-visibility--xl .ux-button__label {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .ux-button.ux-toggle-button__label-visibility--m {
    width: var(--ux-icon-button-width);
    height: var(--ux-icon-button-height);
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .ux-button.ux-toggle-button__label-visibility--m .ux-toggle-button__label {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .ux-button.ux-toggle-button__label-visibility--l {
    width: var(--ux-icon-button-width);
    height: var(--ux-icon-button-height);
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .ux-button.ux-toggle-button__label-visibility--l .ux-toggle-button__label {
    display: none;
  }
}
@media only screen and (max-width: 1439px) {
  .ux-button.ux-toggle-button__label-visibility--xl {
    width: var(--ux-icon-button-width);
    height: var(--ux-icon-button-height);
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 1439px) {
  .ux-button.ux-toggle-button__label-visibility--xl .ux-toggle-button__label {
    display: none;
  }
}
.ux-button.ux-button--no-border {
  border: 0;
  padding-right: 0;
  padding-left: 0;
}
.ux-button.ux-button--no-border:not(:active):not(.ux-button--disabled):hover {
  color: var(--ux-button-text-color);
  background-color: var(--ux-button-bg-color);
}
.ux-button.ux-button--no-border:not(:active):not(.ux-button--disabled):hover ux-icon {
  color: var(--ux-color-primary);
}
.ux-button.ux-button--no-border.ux-button--selected {
  color: var(--ux-button-selected-text-color);
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ux-button.ux-button--no-border:active,
.ux-button.ux-button--no-border:active:hover {
  color: var(--ux-button-text-color);
  background-color: var(--ux-button-bg-color);
}
.ux-button.ux-button--no-border:active ux-icon,
.ux-button.ux-button--no-border:active:hover ux-icon {
  color: var(--ux-color-primary);
}
.ux-button.ux-button--no-border .ux-button__label,
.ux-button.ux-button--no-border .ux-toggle-button__label {
  margin-right: 5px;
}
@media only screen and (max-width: 767px) {
  .ux-button.ux-button--no-border {
    padding: var(--ux-button-padding-vertical) 0;
  }
}
.ux-button.ux-button--no-border.ux-toggle-button--on .ux-icon {
  fill: #bbd03a;
}
.ux-button.ux-button--no-border.ux-toggle-button--on:not(:active):not(.ux-button--disabled):hover .ux-icon {
  fill: #131313;
}
.ux-button.ux-button--no-border.ux-toggle-button--off .ux-icon {
  fill: #131313;
}
@media only screen and (max-width: 767px) {
  .ux-button.ux-button--no-border.ux-button--icon-placement-start .ux-button__icon,
  .ux-button.ux-button--no-border.ux-button--icon-placement-end .ux-button__icon {
    margin: 0;
  }
}
.ux-icon-button {
  background-color: transparent;
  color: #000;
  display: inline-block;
  cursor: pointer;
  border: 0;
}
.ux-icon-button:hover {
  background-color: transparent !important;
  color: inherit !important;
}
.ux-button-group {
  display: -ms-flexbox;
  display: flex;
}
.ux-button-group:not(.ux-button-group--with-spacing) > :not(:first-child) {
  border-left: 0;
}
.ux-button-group--with-spacing {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: end;
  align-items: flex-end;
}
.ux-button-group--with-spacing > * {
  margin-left: 10px;
  margin-right: 10px;
}
.ux-button-group-inverted {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: stretch;
  align-items: stretch;
}
@media only screen and (max-width: 767px) {
  .ux-button-group-inverted *:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .ux-button-group-inverted {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .ux-button-group-inverted *:first-child {
    -ms-flex-order: 1;
    order: 1;
  }
  .ux-button-group-inverted *:last-child:first-child {
    margin-left: auto;
  }
}
a.ux-button--icon-only .ux-icon {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: calc(0.5 * var(--ux-icon-button-height));
}
.ux-color-info {
  color: var(--ux-color-chart-info);
  fill: var(--ux-color-chart-info);
}
.ux-color-success {
  color: var(--ux-color-chart-success);
  fill: var(--ux-color-chart-success);
}
.ux-color-warning {
  color: var(--ux-color-chart-warning);
  fill: var(--ux-color-chart-warning);
}
.ux-color-error {
  color: var(--ux-color-chart-error);
  fill: var(--ux-color-chart-error);
}
.ux-color-disabled {
  color: var(--ux-color-chart-disabled);
  fill: var(--ux-color-chart-disabled);
}
.ux-color-disabled-light {
  color: var(--ux-color-chart-disabled-light);
  fill: var(--ux-color-chart-disabled-light);
}
.ux-color-white-children * {
  color: var(--ux-color-white);
  fill: var(--ux-color-white);
}
.ux-input {
  background-color: #fff;
  border: 1px solid #e2e2e2;
  display: inline-block;
  font-family: var(--ux-font);
  font-size: var(--ux-input-font-size);
  font-weight: var(--ux-input-font-weight);
  height: var(--ux-input-height);
  padding: var(--ux-input-padding);
  width: 100%;
}
.ux-input:focus {
  border-color: #131313;
  outline: 0;
}
.ux-form-group--error .ux-input,
.ux-input--error {
  border-color: var(--ux-input-error-border-color);
  color: var(--ux-input-error-color);
}
.ux-form-group--error .ux-input:focus,
.ux-input--error:focus {
  border-color: var(--ux-input-error-border-color);
}
.ux-form-group--disabled .ux-input,
.ux-input--disabled {
  opacity: 0.4;
}
.ux-textarea {
  font-family: Frutiger-Light, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-weight: 400;
  background-color: #fff;
  border: 1px solid #e2e2e2;
  display: inline-block;
  font-size: 15px;
  min-height: 150px;
  padding: 13px 20px;
  width: 100%;
}
.ux-textarea:focus {
  border-color: #131313;
  outline: 0;
}
.ux-form-group--error .ux-textarea,
.ux-textarea--error {
  border-color: #ff0201 !important;
  color: #ff0201;
}
.ux-form-group--error .ux-textarea:focus,
.ux-textarea--error:focus {
  border-color: #ff0201;
}
.ux-form-group--disabled .ux-textarea,
.ux-textarea--disabled {
  opacity: 0.4;
}
.ux-select {
  border: 0 none transparent;
  display: inline-block;
  position: relative;
  width: 100%;
}
.ux-select:hover {
  color: var(--ux-select-hover-color);
}
.ux-select__icon {
  pointer-events: none;
  position: absolute;
  right: var(--ux-input-padding-horizontal);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ux-select .ux-icon {
  fill: currentColor;
  font-size: var(--ux-select-icon-size, 11px);
}
.ux-select__select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: var(--ux-button-border-width) solid var(--ux-button-border-color);
  -webkit-box-shadow: var(--ux-button-shadow);
  box-shadow: var(--ux-button-shadow);
  color: var(--ux-input-text-color);
  cursor: pointer;
  font-family: var(--ux-font);
  font-size: var(--ux-select-font-size);
  font-weight: var(--ux-select-font-weight);
  height: var(--ux-input-height);
  outline: var(--ux-input-outline-width) solid transparent;
  outline-offset: var(--ux-input-outline-offset);
  padding: var(--ux-select-padding);
  text-align: start;
  text-decoration: none;
  text-transform: var(--ux-button-text-transform);
  width: 100%;
  border-radius: 0;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 1;
  text-rendering: optimizeLegibility;
}
.ux-select__select:hover {
  background: var(--ux-input-hover-bg);
  border-color: var(--ux-select-hover-border-color);
  color: var(--ux-select-hover-color);
}
.ux-select__select:focus:not(:active) {
  border-color: var(--ux-select-hover-border-color);
  color: var(--ux-select-hover-color);
  outline-color: var(--ux-button-focus-border-color);
}
.ux-select__select:focus-visible {
  outline: var(--ux-select-focus-border-width) solid var(--ux-button-focus-border-color);
}
.ux-select__select:active {
  background: var(--ux-input-active-bg);
  border-color: var(--ux-select-hover-border-color);
  -webkit-box-shadow: none;
  box-shadow: none;
  color: var(--ux-select-hover-color);
}
.ux-form-group--error .ux-select,
.ux-select--error {
  border-color: var(--ux-input-error-border-color);
  color: var(--ux-input-error-color);
}
.ux-form-group--error .ux-select .ux-select__select,
.ux-select--error .ux-select__select {
  border-color: var(--ux-input-error-border-color);
  color: var(--ux-input-error-color);
}
.ux-form-group--error .ux-select .ux-icon,
.ux-select--error .ux-icon {
  fill: var(--ux-input-error-hint-color);
}
.ux-select--error .ux-select__select:focus {
  border-color: var(--ux-input-error-border-color);
}
.ux-form-group--disabled .ux-select,
.ux-select--disabled {
  color: var(--ux-input-disabled-text-color);
  opacity: var(--ux-input-disabled-opacity);
  pointer-events: none;
}
.ux-form-group--disabled .ux-select .ux-select__select,
.ux-select--disabled .ux-select__select {
  border-color: var(--ux-button-disabled-border-color);
  -webkit-box-shadow: none;
  box-shadow: none;
  color: var(--ux-button-disabled-text-color);
  cursor: default;
}
.ux-label {
  display: inline-block;
  font-family: var(--ux-font);
  font-size: var(--ux-label-font-size);
  font-weight: var(--ux-label-font-weight);
  margin: var(--ux-label-margin);
  padding: var(--ux-label-padding);
  text-transform: var(--ux-label-text-transform);
  vertical-align: middle;
}
.ux-label--error .ux-label__error-message {
  color: #ff0201;
}
.ux-label__slot .ux-label__error-message {
  margin-left: 0;
}
.ux-label__error-message {
  font-family: Frutiger-Light, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-weight: 400;
  color: #ff0201;
  margin-left: 8px;
}
.ux-label__error-message--error-only {
  margin-left: 0;
}
.ux-label__error-message a {
  color: #ff0201;
}
.ux-label__info {
  font-family: Frutiger-Light, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-weight: 400;
  color: #727272;
  margin-left: 8px;
  text-transform: initial;
}
.ux-radio-button {
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-bottom: 0;
  position: relative;
}
.ux-radio-button__input {
  background-color: transparent;
  border-color: transparent;
  display: block;
  opacity: 0;
  outline-color: transparent;
  padding: 0;
  position: absolute;
}
.ux-radio-button__label {
  -ms-flex-align: center;
  align-items: center;
  color: var(--ux-checkbox-text-color);
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: var(--ux-font);
  font-size: var(--ux-checkbox-font-size);
  font-weight: var(--ux-checkbox-font-weight);
  margin-left: calc(var(--ux-radio-button-size) + var(--ux-checkbox-label-offset));
  margin-right: var(--ux-checkbox-spacing);
  min-height: var(--ux-radio-button-size);
  text-transform: var(--ux-label-text-transform);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ux-radio-button__label::before {
  border: var(--ux-input-border-width) solid var(--ux-checkbox-border-color);
  border-radius: 100%;
  content: "";
  cursor: pointer;
  height: var(--ux-radio-button-size);
  left: 0;
  position: absolute;
  top: 0;
  width: var(--ux-radio-button-size);
}
.ux-radio-button__label::after {
  background: var(--ux-radio-dot-color);
  border-radius: 100%;
  content: "";
  cursor: pointer;
  height: var(--ux-radio-button-size-inner);
  left: calc(0.5 * (var(--ux-radio-button-size) - var(--ux-radio-button-size-inner)));
  opacity: 0;
  position: absolute;
  top: calc(0.5 * (var(--ux-radio-button-size) - var(--ux-radio-button-size-inner)));
  width: var(--ux-radio-button-size-inner);
}
.ux-radio-button__input:checked ~ .ux-radio-button__label::after {
  opacity: 1;
}
.ux-radio-button__input:hover ~ .ux-radio-button__label {
  color: var(--ux-input-hover-text-color);
}
.ux-radio-button__input:hover ~ .ux-radio-button__label::before {
  border-color: var(--ux-checkbox-hover-border-color);
}
.ux-radio-button__input:hover ~ .ux-radio-button__label::after {
  background-color: var(--ux-input-hover-text-color);
}
.ux-radio-button__input:focus ~ .ux-radio-button__label {
  color: var(--ux-input-hover-text-color);
}
.ux-radio-button__input:focus ~ .ux-radio-button__label::before {
  border-color: var(--ux-input-focus-border-color);
  outline: var(--ux-checkbox-outline-width) solid var(--ux-input-focus-border-color);
  outline-offset: var(--ux-checkbox-outline-offset);
}
.ux-radio-button__input:focus ~ .ux-radio-button__label::after {
  background-color: var(--ux-input-focus-text-color);
}
.ux-radio-button__input:active ~ .ux-radio-button__label {
  color: var(--ux-input-active-text-color);
}
.ux-radio-button__input:active ~ .ux-radio-button__label::before {
  background-color: var(--ux-input-active-bg);
  border-color: var(--ux-input-active-border-color);
}
.ux-form-group--error .ux-radio-button .ux-radio-button__label,
.ux-radio-button--error .ux-radio-button__label {
  color: #ff0201;
}
.ux-form-group--error .ux-radio-button .ux-radio-button__label::before,
.ux-radio-button--error .ux-radio-button__label::before {
  border-color: #ff0201;
}
.ux-form-group--error .ux-radio-button .ux-radio-button__label::after,
.ux-radio-button--error .ux-radio-button__label::after {
  background: #ff0201;
}
.ux-form-group--disabled .ux-radio-button,
.ux-radio-button--disabled {
  opacity: 0.2;
}
ux-checkbox {
  margin-right: var(--ux-checkbox-spacing);
}
.ux-checkbox {
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: auto;
  padding-bottom: 0;
  position: relative;
}
.ux-checkbox__input {
  background-color: transparent;
  border-color: transparent;
  display: block;
  opacity: 0;
  outline-color: transparent;
  padding: 0;
  position: absolute;
}
.ux-checkbox label {
  padding-bottom: 0;
}
.ux-checkbox__label {
  color: var(--ux-checkbox-text-color);
  cursor: pointer;
  font-family: var(--ux-font);
  font-size: var(--ux-checkbox-font-size);
  font-weight: var(--ux-checkbox-font-weight);
  margin-left: calc(var(--ux-checkbox-width) + var(--ux-checkbox-label-offset));
  min-height: var(--ux-checkbox-height);
  min-width: var(--ux-checkbox-width);
  text-transform: var(--ux-label-text-transform);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ux-checkbox__label::before {
  border: var(--ux-input-border-width) solid var(--ux-checkbox-border-color);
  content: "";
  cursor: pointer;
  height: var(--ux-checkbox-height);
  left: 0;
  position: absolute;
  top: 0;
  width: var(--ux-checkbox-width);
}
.ux-checkbox__label::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.508 14.851'%3E%3Cpath d='M20.508 1.414L19.093 0 7.071 12.022 1.414 6.365 0 7.78l5.657 5.657 1.414 1.414 1.414-1.414z'/%3E%3C/svg%3E") no-repeat;
  background-position: center;
  background-size: var(--ux-checkbox-mark-size) var(--ux-checkbox-mark-size);
  content: "";
  cursor: pointer;
  height: var(--ux-checkbox-height);
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: var(--ux-checkbox-width);
}
.ux-checkbox__label--empty {
  margin-left: var(--ux-checkbox-width);
}
.ux-checkbox__label *[class^=ux-text-] {
  text-transform: initial;
}
.ux-checkbox__label a {
  color: #bbd03a;
  text-decoration: none;
  text-transform: var(--ux-label-text-transform);
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
}
.ux-checkbox__label a:hover {
  color: #131313;
}
.ux-checkbox__input:checked ~ .ux-checkbox__label::after {
  opacity: 1;
}
.ux-checkbox__input:hover ~ .ux-checkbox__label {
  color: var(--ux-input-hover-text-color);
}
.ux-checkbox__input:hover ~ .ux-checkbox__label::before {
  border-color: var(--ux-checkbox-hover-border-color);
}
.ux-checkbox__input:focus ~ .ux-checkbox__label {
  color: var(--ux-input-focus-text-color);
}
.ux-checkbox__input:focus ~ .ux-checkbox__label::before {
  border-color: var(--ux-input-focus-border-color);
  outline: var(--ux-checkbox-outline-width) solid var(--ux-input-focus-border-color);
  outline-offset: var(--ux-checkbox-outline-offset);
}
.ux-checkbox__input:active ~ .ux-checkbox__label {
  color: var(--ux-input-active-text-color);
}
.ux-checkbox__input:active ~ .ux-checkbox__label::before {
  background-color: var(--ux-input-active-bg);
  border-color: var(--ux-input-active-border-color);
}
.ux-form-group--error .ux-checkbox .ux-checkbox__label,
.ux-checkbox--error .ux-checkbox__label {
  color: #ff0201;
}
.ux-form-group--error .ux-checkbox .ux-checkbox__label::before,
.ux-checkbox--error .ux-checkbox__label::before {
  border-color: #ff0201;
}
.ux-form-group--error .ux-checkbox .ux-checkbox__label::after,
.ux-checkbox--error .ux-checkbox__label::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.508 14.851'%3E%3Cpath fill='%23ff0201' d='M20.508 1.414L19.093 0 7.071 12.022 1.414 6.365 0 7.78l5.657 5.657 1.414 1.414 1.414-1.414z'/%3E%3C/svg%3E");
}
.ux-checkbox--disabled {
  opacity: var(--ux-input-disabled-opacity);
  pointer-events: none;
}
.ux-checkbox--disabled .ux-checkbox__label {
  color: var(--ux-input-disabled-text-color);
}
.ux-checkbox--disabled .ux-checkbox__label::before {
  border-color: var(--ux-input-disabled-border-color);
}
.ux-list {
  font-family: Frutiger-Light, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-weight: 400;
  color: #727272;
  line-height: 1.6;
  list-style-type: none;
  padding: 0;
}
.ux-list li {
  margin-bottom: 10px;
  padding-left: 0.7em;
  position: relative;
}
.ux-list li::before {
  background-color: #131313;
  content: " ";
  height: 4px;
  margin: 0.6em 0 0 -0.7em;
  position: absolute;
  width: 4px;
}
.ux-list--green-squares li {
  padding-left: 22px;
}
.ux-list--green-squares li::before {
  background-color: #bbd03a;
  height: 15px;
  left: 10px;
  top: -5px;
  width: 15px;
}
.ux-post {
  border-bottom: 1px solid #727272;
  width: 100%;
}
.ux-post__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 17px;
}
@media only screen and (width >= 768px) {
  .ux-post__container {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
.ux-post__header {
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.ux-post__header picture {
  display: block;
  margin-right: 20px;
}
.ux-post__header img {
  height: 100%;
  max-height: 54px;
  max-width: 54px;
  width: 100%;
}
.ux-post__header__text {
  display: inline-block;
}
@media only screen and (width >= 768px) {
  .ux-post__header__text {
    white-space: nowrap;
  }
}
.ux-post__meta {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 13px;
  margin-bottom: 19px;
}
.ux-post__meta *:not(:last-child) {
  margin-right: 39px;
}
@media only screen and (width >= 768px) {
  .ux-post__meta {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 16px;
    margin-bottom: 0;
    margin-left: auto;
    white-space: nowrap;
  }
}
.ux-post__body,
.ux-post__attachments {
  margin: 20px 0 30px;
}
.ux-post__attachments picture {
  display: inline-block;
  margin-right: 10px;
}
@media only screen and (width >= 768px) {
  .ux-post__attachments picture {
    margin-right: 20px;
  }
}
.ux-post__attachments img {
  height: 100%;
  max-height: 84px;
  max-width: 96px;
  width: 100%;
}
@media only screen and (width >= 768px) {
  .ux-post__attachments img {
    max-height: 124px;
    max-width: 142px;
  }
}
.ux-tag-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  gap: 5px;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.ux-teaser-tile {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: relative;
}
.ux-teaser-tile picture {
  width: 100%;
}
.ux-teaser-tile img {
  display: block;
  max-width: 100%;
  width: 100%;
}
.ux-teaser-tile__overlay {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(66.666%, rgba(11, 11, 11, 0)), to(rgba(11, 11, 11, 0.4)));
  background:
    linear-gradient(
      -180deg,
      rgba(11, 11, 11, 0) 66.666%,
      rgba(11, 11, 11, 0.4) 100%);
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.ux-teaser-tile__content {
  background: transparent;
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
  width: 100%;
}
.ux-teaser-tile__title {
  font-family: Frutiger-Bold, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-weight: 400;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  bottom: 16px;
  color: #fff;
  font-size: 18px;
  left: 50%;
  margin: 0;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: bottom 800ms ease;
  transition: bottom 800ms ease;
}
@media only screen and (width >= 1024px) {
  .ux-teaser-tile__title {
    font-size: 20px;
  }
}
@media only screen and (width >= 1440px) {
  .ux-teaser-tile__title {
    font-size: 28px;
  }
}
.ux-teaser-tile__cta {
  font-family: Frutiger-Bold, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-weight: 400;
  -ms-flex-align: center;
  align-items: center;
  bottom: 0;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  left: 50%;
  opacity: 0;
  position: absolute;
  text-transform: uppercase;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  -webkit-transition:
    bottom 0.5s ease,
    opacity 0.7s ease,
    color 500ms ease;
  transition:
    bottom 0.5s ease,
    opacity 0.7s ease,
    color 500ms ease;
}
.ux-teaser-tile__text {
  margin: 0;
  padding: 0 30px;
  width: 100%;
  bottom: 0;
  text-align: center;
  color: #fff;
  font-size: 13px;
  opacity: 0;
  position: absolute;
  -webkit-transition:
    bottom 0.5s ease,
    opacity 0.7s ease,
    color 500ms ease;
  transition:
    bottom 0.5s ease,
    opacity 0.7s ease,
    color 500ms ease;
  display: box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ux-teaser-tile__cta:hover {
  color: #bbd03a;
}
.ux-teaser-tile__cta:hover .ux-icon {
  fill: #bbd03a;
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.ux-teaser-tile .ux-teaser-tile__cta .ux-icon {
  margin-left: 5px;
}
.ux-teaser-tile .ux-icon {
  fill: #fff;
  font-size: 14px;
  margin-left: 5px;
  -webkit-transition: fill 500ms ease, -webkit-transform 250ms ease;
  transition: fill 500ms ease, -webkit-transform 250ms ease;
  transition: fill 500ms ease, transform 250ms ease;
  transition:
    fill 500ms ease,
    transform 250ms ease,
    -webkit-transform 250ms ease;
}
.ux-teaser-tile:hover .ux-teaser-tile__title {
  bottom: 44%;
  margin-bottom: 5px;
}
.ux-teaser-tile:hover .ux-teaser-tile__cta,
.ux-teaser-tile:hover .ux-teaser-tile__text {
  bottom: 30px;
  opacity: 1;
  -webkit-transition:
    bottom 0.5s ease 0.2s,
    opacity 0.7s ease 0.2s,
    color 500ms ease 0s;
  transition:
    bottom 0.5s ease 0.2s,
    opacity 0.7s ease 0.2s,
    color 500ms ease 0s;
}
.ux-teaser-tile:hover .ux-teaser-tile__text {
  margin-top: 10px;
}
.ux-teaser-tile:hover .ux-teaser-tile__content {
  background: rgba(0, 80, 116, 0.86);
}
@media only screen and (width <= 768px) {
  .ux-teaser-tile .ux-teaser-tile__title {
    font-size: 18px;
  }
}
.ux-teaser-tile--vertical {
  display: block;
}
.ux-teaser-tile--vertical .ux-teaser-tile__title {
  bottom: 16px;
  left: 30px;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: bottom 500ms ease;
  transition: bottom 500ms ease;
}
.ux-teaser-tile--vertical .ux-teaser-tile__cta,
.ux-teaser-tile--vertical .ux-teaser-tile__text {
  left: 30px;
  opacity: 0;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.ux-teaser-tile--vertical .ux-teaser-tile__text {
  text-align: left;
  margin: 0 30px 0 0;
  padding: 0;
  width: unset;
}
.ux-teaser-tile--vertical:hover .ux-teaser-tile__title {
  bottom: 70px;
}
.ux-teaser-tile__content--multiple-elements {
  padding: 30px 30px 16px;
}
.ux-teaser-tile__content--multiple-elements .ux-teaser-tile__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 0%;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  list-style: unset;
  margin: unset;
  padding: unset;
  -webkit-transition: height 500ms ease;
  transition: height 500ms ease;
}
.ux-teaser-tile__content--multiple-elements .ux-teaser-tile__title {
  -ms-flex-align: end;
  align-items: flex-end;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  position: unset !important;
  text-decoration: unset;
  -webkit-transition: height 500ms ease, color 500ms ease 0s;
  transition: height 500ms ease, color 500ms ease 0s;
}
.ux-teaser-tile__content--multiple-elements .ux-teaser-tile__title:hover {
  color: #bbd03a;
}
.ux-teaser-tile__content--multiple-elements .ux-teaser-tile__cta {
  position: unset;
  text-decoration: unset;
}
.ux-teaser-tile__content--multiple-elements:hover .ux-teaser-tile__title {
  height: 20%;
}
.ux-teaser-tile__content--multiple-elements:hover .ux-teaser-tile__container {
  height: 80%;
}
.ux-text-headline {
  font-family: Frutiger-Light, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-weight: 400;
}
.ux-text-headline--vast {
  font-size: 44px;
}
@media only screen and (width >= 1920px) {
  .ux-text-headline--vast {
    font-size: 66px;
  }
}
@media only screen and (width <= 1439px) {
  .ux-text-headline--vast {
    font-size: 34px;
  }
}
@media only screen and (width <= 767px) {
  .ux-text-headline--vast {
    font-size: 28px;
  }
}
.ux-text-headline--giant {
  font-size: 34px;
}
@media only screen and (width >= 1920px) {
  .ux-text-headline--giant {
    font-size: 44px;
  }
}
@media only screen and (width <= 1439px) {
  .ux-text-headline--giant {
    font-size: 28px;
  }
}
@media only screen and (width <= 767px) {
  .ux-text-headline--giant {
    font-size: 23px;
  }
}
.ux-text-headline--big {
  font-size: 28px;
}
@media only screen and (width >= 1920px) {
  .ux-text-headline--big {
    font-size: 34px;
  }
}
@media only screen and (width <= 1439px) {
  .ux-text-headline--big {
    font-size: 23px;
  }
}
@media only screen and (width <= 767px) {
  .ux-text-headline--big {
    font-size: 20px;
  }
}
.ux-text-headline--medium {
  font-size: 23px;
}
@media only screen and (width >= 1920px) {
  .ux-text-headline--medium {
    font-size: 28px;
  }
}
@media only screen and (width <= 1439px) {
  .ux-text-headline--medium {
    font-size: 20px;
  }
}
.ux-text-headline--small {
  font-size: 20px;
  line-height: 1.25;
}
@media only screen and (width >= 1920px) {
  .ux-text-headline--small {
    font-size: 23px;
  }
}
.ux-text-headline.ux-u-text-bold {
  font-family: Frutiger-Bold, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-weight: 400;
}
.ux-text-link {
  font-family: Frutiger-Light, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-weight: 400;
  background: none;
  border: 0;
  color: #727272;
  cursor: pointer;
  outline: 0;
  text-decoration: underline;
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
}
.ux-text-link:hover {
  color: #131313;
}
.ux-text-link:hover .ux-icon[name=arrow-small-right] {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.ux-text-link .ux-icon {
  margin: 0 0.3em;
  -webkit-transition: -webkit-transform 250ms;
  transition: -webkit-transform 250ms;
  transition: transform 250ms;
  transition: transform 250ms, -webkit-transform 250ms;
}
.ux-text-link .ux-icon__svg {
  fill: currentcolor;
}
.ux-text-link--primary {
  color: var(--ux-color-primary);
  text-decoration: none;
}
.ux-text-link--bold {
  font-family: Frutiger-Roman, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-weight: 400;
}
.ux-text-link--white {
  color: #fff;
}
.ux-text-normal {
  font-family: Frutiger-Light, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-weight: 400;
  font-size: var(--ux-text-font-size-normal);
  line-height: var(--ux-text-line-height-normal);
}
@media (min-width: 1440px) {
  .ux-text-normal {
    font-size: 18px;
    line-height: 1.6;
  }
}
.ux-text-normal--light-gray {
  color: #727272;
}
.ux-text-normal--bold {
  font-family: Frutiger-Bold, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-weight: 400;
  color: #393939;
}
.ux-text-small {
  font-family: Frutiger-Light, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-weight: 400;
  font-size: 13px;
}
.ux-text-small--bold {
  font-family: Frutiger-Bold, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-weight: 400;
  color: #393939;
}
.ux-text-status {
  font-family: Frutiger-Bold, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-weight: 400;
  color: #727272;
  font-size: 13px;
  line-height: 1.3;
  text-transform: uppercase;
  fill: currentColor;
}
.ux-text-status .ux-icon {
  font-size: 13px;
  margin-bottom: 2px;
  margin-right: 8px;
  vertical-align: sub;
}
.ux-text-status .ux-icon__svg {
  fill: #727272;
}
.ux-text-status--grey {
  color: #727272;
}
.ux-text-status--grey .ux-icon__svg {
  fill: #727272;
}
.ux-text-status--red {
  color: #ff1e00;
}
.ux-text-status--red .ux-icon__svg {
  fill: #ff1e00;
}
.ux-text-status--green {
  color: #bbd03a;
}
.ux-text-status--green .ux-icon__svg {
  fill: #bbd03a;
}
.ux-text-status--dark-blue {
  color: #285172;
}
.ux-text-status--dark-blue .ux-icon__svg {
  fill: #285172;
}
.ux-text-status--orange {
  color: #ff9600;
}
.ux-text-status--orange .ux-icon__svg {
  fill: #ff9600;
}
.ux-text-tiny {
  font-family: Frutiger-Light, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.6;
}
.ux-text-tiny--bold {
  font-family: Frutiger-Bold, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-weight: 400;
}
.ux-text-title {
  font-family: Frutiger-Roman, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-weight: 400;
  font-size: 20px;
}
.ux-text-title-teaser {
  font-family: Frutiger-Bold, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-weight: 400;
  color: #131313;
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (width >= 1024px) {
  .ux-text-title-teaser {
    font-size: 20px;
  }
}
.ux-text-title--light {
  font-family: Frutiger-Light, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-weight: 400;
}
.ux-text-title--bold {
  font-family: Frutiger-Bold, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-weight: 400;
}
.ux-text-title--big {
  font-size: 23px;
}
.ux-text-title--green-square {
  line-height: 1.25;
}
.ux-text-title--green-square::before {
  background-color: #bbd03a;
  content: "";
  display: inline-block;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 15px;
  line-height: 1.25;
  margin-right: 6px;
  margin-top: 5px;
  vertical-align: top;
  width: 15px;
}
.ux-text-title--green-square.ux-text-title--big::before {
  margin-top: 7px;
}
.ux-tile {
  -webkit-box-shadow: 0 5px 25px rgba(19, 19, 19, 0.1);
  box-shadow: 0 5px 25px rgba(19, 19, 19, 0.1);
  display: block;
  overflow: hidden;
}
.ux-tile-head {
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  height: 98px;
  padding: 0 30px;
}
.ux-tile-head .ux-toggle-button {
  padding: 0;
}
.ux-tile-head__icon {
  margin-right: 10px;
}
.ux-tile-head__icon .ux-toggle-button .ux-icon {
  font-size: 27px;
}
.ux-tile-head__title {
  font-family: Frutiger-Bold, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-weight: 400;
  font-size: 16px;
}
.ux-tile-head__subtitle {
  font-family: Frutiger-Light, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-weight: 400;
  font-size: 13px;
}
.ux-tile-body {
  background-size: cover;
  padding-bottom: 55%;
  position: relative;
}
.ux-tile-body__button-group {
  bottom: 30px;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 30px;
}
.ux-tile-body__button-group a,
.ux-tile-body__button-group button,
.ux-tile-body__button-group button:disabled {
  background: #fff;
  cursor: pointer;
  outline: none;
  vertical-align: bottom;
}
.ux-tile-body__button-group > :not(:last-child) {
  margin-right: 15px;
}
.ux-block-hero {
  max-height: none;
  position: relative;
}
.ux-block-hero__image {
  width: 100%;
}
.ux-block-hero__image img {
  display: block;
  width: 100%;
}
.ux-block-hero__content {
  background: rgba(255, 255, 255, 0.9);
  margin: 0 auto;
  padding: 30px 0 10px;
  position: relative;
  text-align: center;
  width: 80%;
}
@media only screen and (width >= 768px) {
  .ux-block-hero__content {
    padding-top: 25px;
  }
}
@media only screen and (width >= 1440px) {
  .ux-block-hero__content {
    bottom: 30px;
    left: 60px;
    padding: 27px 30px 30px;
    position: absolute;
    text-align: left;
    width: 33%;
  }
}
.ux-block-hero__button-block {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 15px;
  width: 100%;
}
.ux-block-hero__button-block > .ux-button,
.ux-block-hero__button-block > .btn {
  margin-top: 15px;
}
.ux-block-hero__button-block > .ux-button,
.ux-block-hero__button-block > .btn {
  margin-left: 15px;
  margin-right: 15px;
}
@media only screen and (width >= 768px) {
  .ux-block-hero__button-block {
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.ux-block-hero .ux-text-headline {
  font-size: 34px;
  line-height: 1.4;
  margin: 0;
  margin-bottom: 10px;
  width: 100%;
}
@media (width <= 1440px) {
  .ux-block-hero .ux-text-headline {
    font-size: 28px;
  }
}
@media (width <= 768px) {
  .ux-block-hero .ux-text-headline {
    font-size: 23px;
  }
}
@media (width <= 567px) {
  .ux-block-hero .ux-text-headline {
    font-size: 20px;
  }
}
.ux-block-hero .ux-text-normal {
  margin: 0;
  width: 100%;
}
.ux-block-hero .ux-text-normal > * {
  margin: 0;
}
.ux-block-hero .ux-button {
  max-width: 100%;
}
.ux-info-box {
  -webkit-box-shadow: 0 7px 22px rgba(19, 19, 19, 0.08);
  box-shadow: 0 7px 22px rgba(19, 19, 19, 0.08);
  padding: 30px;
  position: relative;
  width: 100%;
}
.ux-info-box > *:last-child {
  margin-bottom: 0;
}
.ux-info-box__status {
  margin: 0 0 15px;
}
.ux-info-box__intro {
  margin: 0 0 25px;
}
.ux-info-box__intro .ux-text-headline {
  margin: 0 0 2px;
}
.ux-info-box__facts-wrapper {
  margin: 0 0 25px;
}
@media (min-width: 768px) {
  .ux-info-box__facts-wrapper {
    display: -ms-flexbox;
    display: flex;
  }
}
.ux-info-box__fact-block {
  margin: 0 0 25px;
  width: 100%;
}
.ux-info-box__fact-block:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .ux-info-box__fact-block {
    margin-bottom: 0;
    width: 50%;
  }
}
.ux-info-box__fact-block .ux-info-box__fact {
  margin: 0 0 25px;
}
.ux-info-box__fact-block .ux-info-box__fact:last-child {
  margin-bottom: 0;
}
.ux-info-box__fact-block .ux-info-box__fact--highlight {
  margin: 15px 0 15px -30px;
  padding: 15px 30px;
}
.ux-info-box__fact-block .ux-info-box__headline {
  margin: 0 0 5px;
}
.ux-info-box__text-wrapper {
  margin: 0 0 25px;
}
.ux-info-box__text-wrapper .ux-info-box__headline {
  margin: 0 0 5px;
}
.ux-info-box__text-wrapper p {
  color: #727272;
  margin: 0;
}
.ux-shadow-button {
  font-family: Frutiger-Bold, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-weight: 400;
  -ms-flex-align: center;
  align-items: center;
  background: transparent;
  border-radius: 0;
  border-style: none;
  -webkit-box-shadow: 0 7px 22px rgba(19, 19, 19, 0.08);
  box-shadow: 0 7px 22px rgba(19, 19, 19, 0.08);
  color: #131313;
  cursor: pointer;
  display: inline-block;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  line-height: 1.5em;
  outline: none;
  padding: 24px 30px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}
.ux-shadow-button--icon {
  padding: 24px 30px 24px 95px;
}
.ux-shadow-button--disabled {
  opacity: var(--ux-button-disabled-opacity);
  pointer-events: none;
}
.ux-shadow-button .ux-icon:not(.ux-shadow-button__arrow) {
  -ms-flex-align: center;
  align-items: center;
  background: radial-gradient(rgba(255, 255, 255, 0.9), rgba(230, 235, 238, 0.9));
  display: -ms-flexbox;
  display: flex;
  font-size: 100px;
  height: 100%;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  padding: 10px;
  position: absolute;
  top: 0;
  width: 68px;
}
.ux-shadow-button .ux-shadow-button__arrow {
  margin-left: 10px;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.ux-shadow-button:hover .ux-shadow-button__arrow {
  -webkit-transform: translate(5px, 0);
  transform: translate(5px, 0);
}
.ux-link-teaser {
  -webkit-box-shadow: 0 7px 22px rgba(19, 19, 19, 0.08);
  box-shadow: 0 7px 22px rgba(19, 19, 19, 0.08);
  overflow: hidden;
}
@media (min-width: 768px) {
  .ux-link-teaser {
    display: -ms-flexbox;
    display: flex;
  }
}
.ux-link-teaser__image-wrapper {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
}
.ux-link-teaser__image-wrapper::before {
  content: "";
  display: block;
  padding-top: 50%;
  width: 100%;
}
.ux-link-teaser__image-wrapper .ux-link-teaser__image {
  background-position: center;
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .ux-link-teaser__image-wrapper {
    max-width: 300px;
    width: 42%;
  }
  .ux-link-teaser__image-wrapper::before {
    content: none;
  }
}
.ux-link-teaser__text-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 30px;
  width: 100%;
}
@media (min-width: 768px) {
  .ux-link-teaser__text-wrapper {
    width: 58%;
  }
}
@media (min-width: 1024px) {
  .ux-link-teaser__text-wrapper {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
}
.ux-link-teaser__text-wrapper .ux-link-teaser__text {
  margin-bottom: 30px;
}
.ux-link-teaser__text-wrapper .ux-link-teaser__text .ux-link-teaser__headline {
  margin-bottom: 13px;
}
.ux-link-teaser__text-wrapper .ux-button {
  width: 100%;
}
@media (min-width: 768px) {
  .ux-link-teaser__text-wrapper .ux-button {
    width: auto;
  }
}
.ux-breadcrumb-navigation {
  position: relative;
  width: 100%;
}
.ux-breadcrumb-navigation > ul {
  font-family: Frutiger-Light, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-weight: 400;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  line-height: 1.6;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ux-breadcrumb-navigation > ul > li {
  margin-right: 15px;
}
.ux-breadcrumb-navigation > ul > li a {
  color: #727272;
  text-decoration: none;
}
.ux-breadcrumb-navigation > ul > li a:hover {
  color: #131313;
}
.ux-breadcrumb-navigation > ul > li a > .ux-icon {
  font-size: 10px;
  margin-right: 15px;
  -webkit-transform: translate(0, -1px);
  transform: translate(0, -1px);
}
.ux-breadcrumb-navigation > ul > li:last-child {
  margin-right: 0;
}
.ux-breadcrumb-navigation > ul > li:last-child a {
  color: #131313;
}
.ux-breadcrumb-navigation > ul > li > ul {
  background: #fff;
  -webkit-box-shadow: 0 10px 10px rgba(19, 19, 19, 0.05);
  box-shadow: 0 10px 10px rgba(19, 19, 19, 0.05);
  display: none;
  list-style: none;
  margin-left: 5px;
  padding: 10px 20px 15px;
  position: absolute;
  z-index: 101;
}
.ux-breadcrumb-navigation > ul > li > ul > li {
  margin-bottom: 10px;
  position: relative;
}
.ux-breadcrumb-navigation > ul > li > ul > li:last-child {
  margin-bottom: 0;
}
.ux-breadcrumb-navigation > ul > li > ul > li > a {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.ux-breadcrumb-navigation > ul > li > ul > li > a > .ux-icon {
  margin-left: 15px;
  margin-right: 0;
  -webkit-transform: none;
  transform: none;
}
.ux-breadcrumb-navigation > ul > li:hover > ul {
  display: block;
}
.ux-u-height-auto {
  height: auto;
}
@container style(--trumpf-ux-animations: disabled) {
  ux-loader[variant=horizontal]::before {
    -webkit-animation-duration: 0s;
    animation-duration: 0s;
  }
  ux-loader[variant=spinner]::after {
    -webkit-animation-duration: 0s;
    animation-duration: 0s;
  }
}
:root {
  --ux-input-height: 32px;
  --ux-input-font-size: 16px;
}
:root {
  --tr-white: white;
  --tr-grey-1: #e7ecf0;
  --tr-grey-2-l75: #E8E8E8;
  --tr-grey-2-l95: #FAFAFA;
  --tr-grey-2: #A1A1A1;
  --tr-grey-2-rgb:
    161,
    161,
    161;
  --tr-grey-5: #9A9A9A;
  --tr-grey-6: #707070;
  --tr-blue-2: #51A7EB;
  --tr-blue-4: #285172;
  --tr-blue-5: #142939;
  --tr-blue-5-l20: #435461;
  --tr-color-grey7: #f7f7f7;
  --tr-soft-red: #EC7D7D;
}
.link {
  color: #177ac9 !important;
}
.tr-light-grey-bg {
  background: var(--tr-grey-2-l95);
}
.tr-dark-grey-bg {
  background: var(--tr-grey-1) !important;
}
html {
  font-size: 0.875rem;
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
}
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *,
    ::before,
    ::after,
    ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-font-weight: initial;
    }
  }
}

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