/**
** Line-heights
------------------------------- */
@font-face {
  font-family: Frutiger-Web;
  font-style: normal;
  font-weight: normal;
  src: url("assets/fonts/3c1542d6-dbb8-4bb3-85e5-730bbf131fcc.eot");
  src: url("assets/fonts/3c1542d6-dbb8-4bb3-85e5-730bbf131fcc.eot?#iefix") format("eot"), url("assets/fonts/61381871-0847-435e-9498-63b7c3d9c071.woff2") format("woff2"), url("assets/fonts/b33c9c65-2311-4db9-a364-ae857e998b70.woff") format("woff"), url("assets/fonts/72290e69-f361-42ef-adc2-ed908eb88cb5.ttf") format("truetype");
}
@font-face {
  font-family: Frutiger-Web;
  font-style: normal;
  font-weight: light;
  src: url("assets/fonts/53595583-8a9c-4c63-9220-f4d1c3364a9d.eot");
  src: url("assets/fonts/53595583-8a9c-4c63-9220-f4d1c3364a9d.eot?#iefix") format("eot"), url("assets/fonts/93b7d028-28f3-473a-821f-7a139c59305a.woff2") format("woff2"), url("assets/fonts/1f5eb399-3fe2-4a88-946d-1621c81da877.woff") format("woff"), url("assets/fonts/8ae8c829-0376-410b-8c6a-92503273d37e.ttf") format("truetype");
}
@font-face {
  font-family: Frutiger-Web;
  font-style: normal;
  font-weight: bold;
  src: url("assets/fonts/92fb90f3-a8af-48d1-aac0-52c736cdc532.eot");
  src: url("assets/fonts/92fb90f3-a8af-48d1-aac0-52c736cdc532.eot?#iefix") format("eot"), url("assets/fonts/63541a87-effb-4b23-a1e5-aded6ef8e33d.woff2") format("woff2"), url("assets/fonts/ede01147-5581-4d28-afc0-303f4c771fd2.woff") format("woff"), url("assets/fonts/a098af66-fef8-439d-abf2-0d61674a33f9.ttf") format("truetype");
}
@font-face {
  font-family: Frutiger-Roman;
  font-style: normal;
  font-weight: normal;
  src: url("assets/fonts/3c1542d6-dbb8-4bb3-85e5-730bbf131fcc.eot");
  src: url("assets/fonts/3c1542d6-dbb8-4bb3-85e5-730bbf131fcc.eot?#iefix") format("eot"), url("assets/fonts/61381871-0847-435e-9498-63b7c3d9c071.woff2") format("woff2"), url("assets/fonts/b33c9c65-2311-4db9-a364-ae857e998b70.woff") format("woff"), url("assets/fonts/72290e69-f361-42ef-adc2-ed908eb88cb5.ttf") format("truetype");
}
@font-face {
  font-family: Frutiger-Light;
  font-style: normal;
  font-weight: normal;
  src: url("assets/fonts/53595583-8a9c-4c63-9220-f4d1c3364a9d.eot?#iefix");
  src: url("assets/fonts/53595583-8a9c-4c63-9220-f4d1c3364a9d.eot?#iefix") format("eot"), url("assets/fonts/93b7d028-28f3-473a-821f-7a139c59305a.woff2") format("woff2"), url("assets/fonts/1f5eb399-3fe2-4a88-946d-1621c81da877.woff") format("woff"), url("assets/fonts/8ae8c829-0376-410b-8c6a-92503273d37e.ttf") format("truetype");
}
@font-face {
  font-family: Frutiger-Bold;
  font-style: normal;
  font-weight: normal;
  src: url("assets/fonts/92fb90f3-a8af-48d1-aac0-52c736cdc532.eot?#iefix");
  src: url("assets/fonts/92fb90f3-a8af-48d1-aac0-52c736cdc532.eot?#iefix") format("eot"), url("assets/fonts/63541a87-effb-4b23-a1e5-aded6ef8e33d.woff2") format("woff2"), url("assets/fonts/ede01147-5581-4d28-afc0-303f4c771fd2.woff") format("woff"), url("assets/fonts/a098af66-fef8-439d-abf2-0d61674a33f9.ttf") format("truetype");
}
/**
** Line-heights
------------------------------- */
:root,
.ux-theme-web {
  --ux-badge-font-size: 12px;
  --ux-badge-background: #bbd03a;
  --ux-badge-border-radius: 20px;
  --ux-badge-padding-horizontal: 5px;
  --ux-badge-padding-vertical: 2px;
}

:root,
.ux-theme-web {
  --ux-button-font-size: 13px;
  --ux-button-font-weight: bold;
  --ux-button-disabled-font-weight: bold;
  --ux-button-text-transform: uppercase;
  --ux-button-padding-horizontal: 36px;
  --ux-button-padding-vertical: 11px;
  --ux-button-padding: var(--ux-button-padding-vertical) var(--ux-button-padding-horizontal);
  --ux-button-outer-padding: 0;
  --ux-button-min-height: 44px;
  --ux-button-min-width: 44px;
  --ux-button-border-width: 1px;
  --ux-button-outline-width: 2px;
  --ux-button-outline-offset: -2px;
  --ux-button-disabled-opacity: 0.4;
  --ux-button-icon-spacing: 8px;
  --ux-button-shadow: none;
  --ux-button-focus-shadow: none;
  --ux-button-selected-shadow: none;
  --ux-button-transition: background-color 500ms ease,
    color 500ms ease;
  --ux-button-bg-color: transparent;
  --ux-button-border-color: #0b0b0b;
  --ux-button-text-color: #0b0b0b;
  --ux-button-hover-bg-color: #0b0b0b;
  --ux-button-hover-border-color: #0b0b0b;
  --ux-button-hover-text-color: #fff;
  --ux-button-focus-text-color: var(--ux-button-text-color);
  --ux-button-focus-bg-color: var(--ux-button-bg-color);
  --ux-button-focus-border-color: #000;
  --ux-button-active-text-color: var(--ux-button-hover-text-color);
  --ux-button-active-bg-color: #4b4b4b;
  --ux-button-active-bg-alt-color: transparent;
  --ux-button-active-border-color: var(--ux-button-hover-border-color);
  --ux-button-disabled-text-color: var(--ux-button-text-color);
  --ux-button-disabled-bg-color: var(--ux-button-bg-color);
  --ux-button-disabled-border-color: var(--ux-button-border-color);
  --ux-button-selected-text-color: #fff;
  --ux-button-selected-bg-color: #285172;
  --ux-button-selected-border-color: #285172;
  --ux-button-selected-hover-bg-color: #285172;
  --ux-button-primary-text-color: #fff;
  --ux-button-primary-bg-color: #bbd03a;
  --ux-button-primary-border-color: #bbd03a;
  --ux-button-primary-hover-text-color: #bbd03a;
  --ux-button-primary-hover-bg-color: #fff;
  --ux-button-primary-hover-border-color: #bbd03a;
  --ux-button-primary-disabled-text-color: var(--ux-button-primary-text-color);
  --ux-button-primary-disabled-bg-color: var(--ux-button-primary-bg-color);
  --ux-button-primary-disabled-border-color: var(--ux-button-primary-border-color);
  --ux-button-primary-focus-text-color: var(--ux-button-primary-text-color);
  --ux-button-primary-focus-bg-color: var(--ux-button-primary-bg-color);
  --ux-button-primary-focus-border-color: #000;
  --ux-button-primary-active-text-color: var(--ux-button-primary-hover-text-color);
  --ux-button-primary-active-bg-color: var(--ux-button-primary-hover-bg-color);
  --ux-button-primary-active-bg-alt-color: transparent;
  --ux-button-primary-active-border-color: var(--ux-button-primary-hover-border-color);
  --ux-button-primary-selected-text-color: #fff;
  --ux-button-primary-selected-bg-color: #285172;
  --ux-button-primary-selected-border-color: #285172;
  --ux-button-primary-selected-hover-bg-color: #285172;
  --ux-button-toggle-text-color: #285172;
  --ux-button-toggle-bg-color: #fff;
  --ux-button-toggle-border-color: #285172;
  --ux-button-icon-size: 14px;
  --ux-button-icon-size-large: 14px;
  --ux-icon-button-width: 44px;
  --ux-icon-button-height: 44px;
}

/**
** Line-heights
------------------------------- */
:root,
.ux-theme-web {
  --ux-charts-data-group-color: #131313;
  --ux-charts-font-size: 18px;
  --ux-charts-text-color: #8c8c8c;
  --ux-charts-tick-line-color: #e2e2e2;
  --ux-charts-x-axis-label-font-size: 13px;
  --ux-charts-x-axis-label-font-weight: 700;
  --ux-charts-y-axis-label-font-size: 13px;
  --ux-charts-y-axis-label-font-weight: 700;
  --ux-charts-y-axis-tick-font-size: 13px;
  --ux-charts-y-axis-tick-font-weight: 400;
  --ux-charts-loading-overlay-bgcolor: rgba(255, 255, 255, 0.5);
  --ux-charts-tooltip-font-size: 13px;
  --ux-charts-tooltip-padding: 16px;
  --ux-charts-tooltip-arrow-offset: 26px;
  --ux-charts-bar-chart-in-bar-label-font-size: 13px;
  --ux-charts-bar-chart-in-bar-label-font-weight: 700;
  --ux-charts-line-chart-stroke-width: 3px;
  --ux-charts-line-chart-dot-fill-color: #fff;
  --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;
  --ux-charts-line-chart-tooltip-line-color: #8c8c8c;
  --ux-charts-line-chart-tooltip-line-stroke-dasharray: 4;
}

/**
** Line-heights
------------------------------- */
:root,
.ux-theme-web {
  --ux-checkbox-width: 20px;
  --ux-checkbox-height: 20px;
  --ux-checkbox-mark-size: 10px;
  --ux-checkbox-font-size: 13px;
  --ux-checkbox-font-weight: 700;
  --ux-checkbox-spacing: 30px;
  --ux-checkbox-label-offset: 10px;
  --ux-checkbox-outline-width: var(--ux-button-outline-width);
  --ux-checkbox-outline-offset: var(--ux-button-outline-offset);
  --ux-checkbox-border-color: #0b0b0b;
  --ux-checkbox-border-color-checked: #0b0b0b;
  --ux-checkbox-hover-border-color: #0b0b0b;
  --ux-checkbox-text-color: #131313;
}

:root,
.ux-theme-web.ux-theme-web {
  --ux-color-primary: #bbd03a;
  --ux-color-white: #fff;
  --ux-color-chart-info: #285172;
  --ux-color-chart-success: #bbd03a;
  --ux-color-chart-warning: #ff9032;
  --ux-color-chart-error: #ff0201;
  --ux-color-chart-disabled: #a1a1a1;
  --ux-color-chart-disabled-light: #e7e7e7;
}

:root,
.ux-theme-web {
  --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;
}

/**
** Line-heights
------------------------------- */
:root,
.ux-theme-web {
  --ux-label-text-transform: uppercase;
  --ux-label-font-size: 13px;
  --ux-label-font-weight: bold;
  --ux-label-padding: 0 0 10px;
  --ux-dropdown-padding: 0 18px;
  --ux-select-padding: 0 50px 0 18px;
  --ux-select-icon-size: 15px;
  --ux-select-font-size: 13px;
  --ux-select-font-weight: 600;
  --ux-select-hover-border-color: #0b0b0b;
  --ux-select-hover-color: #0b0b0b;
  --ux-select-focus-border-width: 2px;
  --ux-radio-button-size: 20px;
  --ux-radio-button-size-inner: 8px;
  --ux-radio-dot-color: #131313;
}

:root,
.ux-theme-web {
  --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: #bbd03a;
  --ux-guided-tour-button-focus-color: #000;
}

:root,
.ux-theme-web {
  --ux-icon-size: 14px;
}
:root .ux-icon[name=delete-circle-red],
.ux-theme-web .ux-icon[name=delete-circle-red] {
  fill: #ff0201;
}

: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: 2rem;
}

/**
** Line-heights
------------------------------- */
:root,
.ux-theme-web {
  --ux-input-height: 44px;
  --ux-input-font-size: 15px;
  --ux-input-font-weight: 300;
  --ux-input-line-height: normal;
  --ux-input-padding-horizontal: 20px;
  --ux-input-padding-vertical: 13px;
  --ux-input-padding: var(--ux-input-padding-vertical) var(--ux-input-padding-horizontal);
  --ux-input-spacing: 8px;
  --ux-input-outline-width: 1px;
  --ux-input-outline-offset: -1px;
  --ux-input-border-width: 1px;
  --ux-input-background-color: #fff;
  --ux-input-border-color: #e2e2e2;
  --ux-input-placeholder-color: #8c8c8c;
  --ux-input-placeholder-font-weight: normal;
  --ux-input-icon-size: 16px;
  --ux-input-controls-order: 3;
  --ux-input-error-color: #ff0201;
  --ux-input-error-border-color: #ff0201;
  --ux-input-error-hover-border-color: #ff0201;
  --ux-input-error-hint-font-size: 13px;
  --ux-input-error-hint-color: #ff0201;
  --ux-input-error-hint-margin: 0 0 10px;
  --ux-input-error-hint-font-weight: normal;
  --ux-input-error-hint-line-height: 1.6;
  --ux-input-focus-border-color: #131313;
  --ux-input-focus-text-color: #131313;
  --ux-input-hover-bg: #fff;
  --ux-input-hover-border-color: #e2e2e2;
  --ux-input-hover-text-color: #131313;
  --ux-input-active-bg: #fff;
  --ux-input-active-border-color: #131313;
  --ux-input-active-text-color: #131313;
  --ux-input-disabled-bg: #fff;
  --ux-input-disabled-border-color: #e2e2e2;
  --ux-input-disabled-text-color: #131313;
  --ux-input-disabled-opacity: 0.4;
  --ux-input-label-color: #131313;
  --ux-input-label-font-size: 13px;
  --ux-input-label-font-weight: bold;
  --ux-input-label-line-height: 1.6;
  --ux-input-label-padding: 0 10px 10px 0;
  --ux-input-label-padding-empty: 0;
  --ux-input-label-margin: 0;
  --ux-input-label-spacing: 8px;
  --ux-input-label-text-transform: uppercase;
  --ux-input-label-required-symbol: " *";
  --ux-input-label-order: 1;
  --ux-input-hint-margin: 0 0 10px;
  --ux-input-hint-color: #8c8c8c;
  --ux-input-hint-font-size: 13px;
  --ux-input-hint-font-weight: 400;
  --ux-input-hint-line-height: 1.6;
  --ux-input-hint-order: 2;
  --ux-input-icon-padding: 10px;
  --ux-input-icon-size: 24px;
  --ux-input-clearable-padding: 16px;
  --ux-input-clearable-size: 16px;
  --ux-input-unit-color: #131313;
  --ux-input-unit-divider-color: #131313;
  --ux-input-unit-padding: 8px;
  --ux-input-unit-font-size: 13px;
  --ux-input-unit-font-weight: 400;
  --ux-input-unit-line-height: 1;
  --ux-input-unit-top: 12px;
  --ux-input-unit-bottom: 12px;
  --ux-input-unit-align-items: center;
  --ux-input-unit-padding-right: 10px;
}

:root,
.ux-theme-web {
  --ux-loader-track-color: #e7e7e7;
  --ux-loader-bar-color: #bbd03a;
  --ux-loader-bar-size: 4px;
  --ux-loader-bar-radius: 2px;
  --ux-loader-animation-duration: 1.5s;
  --ux-loader-animation-offset-start: -150%;
  --ux-loader-animation-offset-end: 50%;
  --ux-spinner-track-color: #bbd03a;
}

/**
** Line-heights
------------------------------- */
:root,
.ux-theme-web {
  --ux-notification-bell-background: none;
  --ux-notification-bell-background-hover: none;
  --ux-notification-bell-icon-font-size: 18px;
  --ux-notification-bell-icon-fill: #8c8c8c;
  --ux-notification-bell-badge-left-pos: auto;
  --ux-notification-bell-badge-top-pos: auto;
  --ux-notification-bell-badge-margin-left-pos: -9px;
  --ux-notification-bell-badge-position: relative;
}

/**
** Line-heights
------------------------------- */
:root,
.ux-theme-web {
  --ux-notification-item-text-color: #8c8c8c;
  --ux-notification-item-source-font-size: 13px;
  --ux-notification-item-date-time-font-size: 13px;
}

:root,
.ux-theme-web {
  --ux-pagination-button-height: 44px;
  --ux-pagination-button-width: 44px;
  --ux-pagination-gap-size: 12px;
  --ux-pagination-icon-button-width: 44px;
  --ux-pagination-more-icon-size: 16px;
  --ux-pagination-input-width: 110px;
}

:root,
.ux-theme-web {
  --ux-popover-panel-bg-color: #fff;
  --ux-popover-panel-border-color: #e2e2e2;
  --ux-popover-panel-border-width: 1px;
  --ux-popover-panel-padding: 16px;
  --ux-popover-panel-shadow: -2px 0 22px 2px rgba(19, 19, 19, 0.08);
  --ux-popover-z-index: 80;
  --ux-popover-panel-arrow-length: 15px;
  --ux-popover-panel-arrow-inset: 11px;
  --ux-popover-primary-border-color: #bbd03a;
  --ux-popover-primary-border-width: 4px;
  --ux-popover-secondary-border-color: #285172;
  --ux-popover-secondary-border-width: 4px;
}

:root,
.ux-theme-web {
  --ux-popover-menu-content-offset-start: -7px;
  --ux-popover-menu-content-offset-end: 7px;
  --ux-popover-menu-border-color: #e2e2e2;
  --ux-popover-menu-content-padding: 5px 0;
  --ux-popover-menu-item-padding: 16px 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: 1024px) {
  :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-web {
  --ux-sidebar-width: 80%;
  --ux-sidebar-max-width: 540px;
  --ux-sidebar-align-header: 100px;
  --ux-sidebar-align-footer: 0;
}
@media only screen and (max-width: 575px) {
  :root,
  .ux-theme-web {
    --ux-sidebar-width: 100%;
  }
}

:root,
.ux-theme-web {
  --ux-stepper-button-shadow: none;
  --ux-stepper-gap-size: -1px;
  --ux-stepper-button-bg-color: #e7e7e7;
  --ux-stepper-button-focus-bg-color: #e7e7e7;
  --ux-stepper-button-hover-text-color: #131313;
}

:root,
.ux-theme-web {
  --ux-switch-control-width: 48px;
  --ux-switch-control-height: 27px;
  --ux-switch-outline-offset: -1px;
  --ux-switch-outline-width: 2px;
  --ux-switch-border-width: 0;
  --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-handle-offset));
  --ux-switch-handle-track-length: calc(var(--ux-switch-control-width) - var(--ux-switch-control-height));
  --ux-switch-handle-border-color: transparent;
  --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: #c4c4c4;
  --ux-switch-border-color: transparent;
  --ux-switch-on-bg-color: #bbd03a;
  --ux-switch-on-border-color: var(--ux-switch-border-color);
  --ux-switch-hover-bg-color: var(--ux-switch-bg-color);
  --ux-switch-hover-border-color: var(--ux-switch-border-color);
  --ux-switch-focus-bg-color: var(--ux-switch-bg-color);
  --ux-switch-focus-border-color: #000;
  --ux-switch-active-handle-bg-color: var(--ux-switch-handle-bg-color);
  --ux-switch-active-bg-color: var(--ux-switch-bg-color);
  --ux-switch-active-border-color: var(--ux-switch-border-color);
  --ux-switch-disabled-bg-color: #e2e2e2;
  --ux-switch-disabled-border-color: var(--ux-switch-border-color);
}

/**
** Line-heights
------------------------------- */
:root,
.ux-theme-web {
  --ux-table-bg-color: #fff;
  --ux-table-border-color: #e2e2e2;
  --ux-table-text-color: #131313;
  --ux-table-header-font-size: 13px;
  --ux-table-header-font-weight: 400;
  --ux-table-header-bg-color: #899fb2;
  --ux-table-header-text-color: #fff;
  --ux-table-header-text-transform: uppercase;
  --ux-table-header-padding-vertical: 30px;
  --ux-table-row-bg-color-even: #eaedf2;
  --ux-table-row-bg-color-odd: #fff;
  --ux-table-row-padding-vertical: 10px;
  --ux-table-row-hover-border-color: #e2e2e2;
  --ux-table-row-hover-text-color: #131313;
  --ux-table-row-selected-bg-color: #c6d4dd;
  --ux-table-row-selected-text-color: #131313;
  --ux-table-cell-min-height: 0;
  --ux-table-cell-padding-horizontal: 30px;
  --ux-table-cell-padding-vertical: 20px;
  --ux-table-sort-active-color: currentcolor;
  --ux-table-sort-inactive-color: currentcolor;
  --ux-table-sort-inactive-opacityr: 0.3;
}

:root,
.ux-theme-web {
  --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;
}

/**
** Line-heights
------------------------------- */
:root,
.ux-theme-web.ux-theme-web {
  --ux-tag-font-weight: light;
  --ux-tag-font-size: 13px;
  --ux-tag-background-color: #285172;
  --ux-tag-background-color-hover: #a3a3a3;
  --ux-tag-color: #fff;
  --ux-tag-gap: 5px;
  --ux-tag-height: 30px;
  --ux-tag-letter-spacing: 0.03em;
  --ux-tag-margin: 8px;
  --ux-tag-padding: 7px 15px;
  --ux-tag-text-transform: uppercase;
  --ux-tag-border-radius: 2px;
  --ux-tag-border: 1px solid #285172;
  --ux-tag-border-color: #285172;
  --ux-tag-border-color-hover: #a3a3a3;
  --ux-tag-outline-hover: 1px solid #a3a3a3;
  --ux-tag-outline-focus: 1px solid #285172;
  --ux-tag-outline-focus-offset: 1px;
  --ux-tag-hover-color: #fff;
  --ux-tag-transition: background-color .15s ease-out, border-color .15s ease-out, color .15s ease-out;
  --ux-tag-icon-color: currentColor;
  --ux-tag-icon-size: 8px;
  --ux-tag-icon-margin-start: 0;
  --ux-tag-icon-margin-end: 0;
  --ux-tag-secondary-background-color: #fff;
  --ux-tag-secondary-color: #0b0b0b;
  --ux-tag-secondary-border: 1px solid #c5c5c5;
  --ux-tag-secondary-font-weight: light;
  --ux-tag-inactive-background-color: var(--ux-tag-secondary-background-color);
  --ux-tag-inactive-color: var(--ux-tag-secondary-color);
  --ux-tag-inactive-border: var(--ux-tag-secondary-border);
  --ux-tag-inactive-font-weight: var(--ux-tag-secondary-font-weight);
  --ux-tag-interactive-height: 30px;
  --ux-tag-interactive-border-radius: 3px;
  --ux-tag-interactive-font-size: 13px;
  --ux-tag-interactive-font-weight: bold;
  --ux-tag-interactive-padding: 5px 10px;
}

:root,
.ux-theme-web {
  --ux-toast-message-bg-color: #fff;
  --ux-toast-message-border-width: 1px;
  --ux-toast-message-color-error: #ff0201;
  --ux-toast-message-color-info: #005074;
  --ux-toast-message-color-success: #bbd03a;
  --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: 10px;
  --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: 11px;
  --ux-toast-message-transition-duration: 200ms;
  --ux-toast-message-transition-transform: translateX(100%);
}

/**
** Line-heights
------------------------------- */
:root,
.ux-theme-web {
  --ux-text-font-size-normal: 16px;
  --ux-text-line-height-normal: 22px;
}

:root,
.ux-theme-web.ux-theme-web {
  --ux-font: "Frutiger-Web", sans-serif;
  --trumpf-ux-theme: web;
}
:root .ux-icon__svg-path-detector,
.ux-theme-web.ux-theme-web .ux-icon__svg-path-detector {
  background-image: url("./assets/icons/svg/_.svg");
}

/*# sourceMappingURL=web.css.map */