@import "https://js.arcgis.com/4.25/@arcgis/core/assets/esri/themes/light/main.css";

/* node_modules/@angular/cdk/overlay-prebuilt.css */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: .6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

/* node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css */
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-option-selected-state-label-text-color: #673ab7;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #ffd740;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-pseudo-checkbox-full-selected-icon-color: #ffd740;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ffd740;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #673ab7;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #673ab7;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #ffd740;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ffd740;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #f44336;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}
html {
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}
html {
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
}
html {
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}
html {
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #673ab7;
  --mat-progress-bar-track-color: rgba(103, 58, 183, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #ffd740;
  --mat-progress-bar-track-color: rgba(255, 215, 64, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #f44336;
  --mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
}
html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
}
html {
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
}
html {
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
}
html {
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
}
html {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #673ab7 87%, transparent);
  --mat-form-field-filled-caret-color: #673ab7;
  --mat-form-field-filled-focus-active-indicator-color: #673ab7;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #673ab7 87%, transparent);
  --mat-form-field-outlined-caret-color: #673ab7;
  --mat-form-field-outlined-focus-outline-color: #673ab7;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #673ab7 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #f44336;
  --mat-form-field-filled-error-focus-label-text-color: #f44336;
  --mat-form-field-filled-error-label-text-color: #f44336;
  --mat-form-field-filled-error-caret-color: #f44336;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #f44336;
  --mat-form-field-filled-error-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-error-hover-active-indicator-color: #f44336;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #f44336;
  --mat-form-field-outlined-error-focus-label-text-color: #f44336;
  --mat-form-field-outlined-error-label-text-color: #f44336;
  --mat-form-field-outlined-error-hover-label-text-color: #f44336;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #f44336;
  --mat-form-field-outlined-error-hover-outline-color: #f44336;
  --mat-form-field-outlined-error-outline-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ffd740 87%, transparent);
  --mat-form-field-filled-caret-color: #ffd740;
  --mat-form-field-filled-focus-active-indicator-color: #ffd740;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ffd740 87%, transparent);
  --mat-form-field-outlined-caret-color: #ffd740;
  --mat-form-field-outlined-focus-outline-color: #ffd740;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ffd740 87%, transparent);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-filled-caret-color: #f44336;
  --mat-form-field-filled-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-outlined-caret-color: #f44336;
  --mat-form-field-outlined-focus-outline-color: #f44336;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
}
html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
html {
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
}
html {
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #673ab7;
  --mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #ffd740;
  --mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #f44336;
  --mat-select-invalid-arrow-color: #f44336;
}
html {
  --mat-select-arrow-transform: translateY(-8px);
}
html {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}
html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-autocomplete-background-color: white;
}
html {
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}
html {
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
}
.mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #673ab7;
  --mat-chip-elevated-disabled-container-color: #673ab7;
  --mat-chip-elevated-selected-container-color: #673ab7;
  --mat-chip-flat-disabled-selected-container-color: #673ab7;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: #ffd740;
  --mat-chip-elevated-disabled-container-color: #ffd740;
  --mat-chip-elevated-selected-container-color: #ffd740;
  --mat-chip-flat-disabled-selected-container-color: #ffd740;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #f44336;
  --mat-chip-elevated-disabled-container-color: #f44336;
  --mat-chip-elevated-selected-container-color: #f44336;
  --mat-chip-flat-disabled-selected-container-color: #f44336;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
html {
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
}
html {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #673ab7;
  --mat-slide-toggle-selected-handle-color: #673ab7;
  --mat-slide-toggle-selected-hover-state-layer-color: #673ab7;
  --mat-slide-toggle-selected-pressed-state-layer-color: #673ab7;
  --mat-slide-toggle-selected-focus-handle-color: #673ab7;
  --mat-slide-toggle-selected-hover-handle-color: #673ab7;
  --mat-slide-toggle-selected-pressed-handle-color: #673ab7;
  --mat-slide-toggle-selected-focus-track-color: #9575cd;
  --mat-slide-toggle-selected-hover-track-color: #9575cd;
  --mat-slide-toggle-selected-pressed-track-color: #9575cd;
  --mat-slide-toggle-selected-track-color: #9575cd;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #ffd740;
  --mat-slide-toggle-selected-handle-color: #ffd740;
  --mat-slide-toggle-selected-hover-state-layer-color: #ffd740;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ffd740;
  --mat-slide-toggle-selected-focus-handle-color: #ffd740;
  --mat-slide-toggle-selected-hover-handle-color: #ffd740;
  --mat-slide-toggle-selected-pressed-handle-color: #ffd740;
  --mat-slide-toggle-selected-focus-track-color: #ffd54f;
  --mat-slide-toggle-selected-hover-track-color: #ffd54f;
  --mat-slide-toggle-selected-pressed-track-color: #ffd54f;
  --mat-slide-toggle-selected-track-color: #ffd54f;
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #f44336;
  --mat-slide-toggle-selected-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-state-layer-color: #f44336;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
  --mat-slide-toggle-selected-focus-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-handle-color: #f44336;
  --mat-slide-toggle-selected-pressed-handle-color: #f44336;
  --mat-slide-toggle-selected-focus-track-color: #e57373;
  --mat-slide-toggle-selected-hover-track-color: #e57373;
  --mat-slide-toggle-selected-pressed-track-color: #e57373;
  --mat-slide-toggle-selected-track-color: #e57373;
}
html {
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
}
html {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #673ab7;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #673ab7;
  --mat-radio-selected-hover-icon-color: #673ab7;
  --mat-radio-selected-icon-color: #673ab7;
  --mat-radio-selected-pressed-icon-color: #673ab7;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #ffd740;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ffd740;
  --mat-radio-selected-hover-icon-color: #ffd740;
  --mat-radio-selected-icon-color: #ffd740;
  --mat-radio-selected-pressed-icon-color: #ffd740;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
html {
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
}
html {
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
}
html {
  --mat-slider-active-track-color: #673ab7;
  --mat-slider-focus-handle-color: #673ab7;
  --mat-slider-handle-color: #673ab7;
  --mat-slider-hover-handle-color: #673ab7;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #673ab7 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #673ab7 4%, transparent);
  --mat-slider-inactive-track-color: #673ab7;
  --mat-slider-ripple-color: #673ab7;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #673ab7;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}
.mat-accent {
  --mat-slider-active-track-color: #ffd740;
  --mat-slider-focus-handle-color: #ffd740;
  --mat-slider-handle-color: #ffd740;
  --mat-slider-hover-handle-color: #ffd740;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #ffd740 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #ffd740 4%, transparent);
  --mat-slider-inactive-track-color: #ffd740;
  --mat-slider-ripple-color: #ffd740;
  --mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-inactive-container-color: #ffd740;
}
.mat-warn {
  --mat-slider-active-track-color: #f44336;
  --mat-slider-focus-handle-color: #f44336;
  --mat-slider-handle-color: #f44336;
  --mat-slider-hover-handle-color: #f44336;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-slider-inactive-track-color: #f44336;
  --mat-slider-ripple-color: #f44336;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #f44336;
}
html {
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
}
html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}
html {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: #673ab7;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #673ab7;
  --mat-radio-selected-hover-icon-color: #673ab7;
  --mat-radio-selected-icon-color: #673ab7;
  --mat-radio-selected-pressed-icon-color: #673ab7;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #ffd740;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ffd740;
  --mat-radio-selected-hover-icon-color: #ffd740;
  --mat-radio-selected-icon-color: #ffd740;
  --mat-radio-selected-pressed-icon-color: #ffd740;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #673ab7;
  --mat-checkbox-selected-hover-icon-color: #673ab7;
  --mat-checkbox-selected-icon-color: #673ab7;
  --mat-checkbox-selected-pressed-icon-color: #673ab7;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #673ab7;
  --mat-checkbox-selected-hover-state-layer-color: #673ab7;
  --mat-checkbox-selected-pressed-state-layer-color: #673ab7;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #ffd740;
  --mat-checkbox-selected-hover-icon-color: #ffd740;
  --mat-checkbox-selected-icon-color: #ffd740;
  --mat-checkbox-selected-pressed-icon-color: #ffd740;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ffd740;
  --mat-checkbox-selected-hover-state-layer-color: #ffd740;
  --mat-checkbox-selected-pressed-state-layer-color: #ffd740;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #673ab7;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: .009375em;
}
html {
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
}
html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}
html {
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}
html {
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #673ab7;
  --mat-tab-active-ripple-color: #673ab7;
  --mat-tab-inactive-ripple-color: #673ab7;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #673ab7;
  --mat-tab-active-hover-label-text-color: #673ab7;
  --mat-tab-active-focus-indicator-color: #673ab7;
  --mat-tab-active-hover-indicator-color: #673ab7;
  --mat-tab-active-indicator-color: #673ab7;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #ffd740;
  --mat-tab-active-ripple-color: #ffd740;
  --mat-tab-inactive-ripple-color: #ffd740;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #ffd740;
  --mat-tab-active-hover-label-text-color: #ffd740;
  --mat-tab-active-focus-indicator-color: #ffd740;
  --mat-tab-active-hover-indicator-color: #ffd740;
  --mat-tab-active-indicator-color: #ffd740;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #f44336;
  --mat-tab-active-ripple-color: #f44336;
  --mat-tab-inactive-ripple-color: #f44336;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #f44336;
  --mat-tab-active-hover-label-text-color: #f44336;
  --mat-tab-active-focus-indicator-color: #f44336;
  --mat-tab-active-hover-indicator-color: #f44336;
  --mat-tab-active-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #673ab7;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #ffd740;
  --mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #f44336;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
html {
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
}
html {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #ffd740;
  --mat-checkbox-selected-hover-icon-color: #ffd740;
  --mat-checkbox-selected-icon-color: #ffd740;
  --mat-checkbox-selected-pressed-icon-color: #ffd740;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ffd740;
  --mat-checkbox-selected-hover-state-layer-color: #ffd740;
  --mat-checkbox-selected-pressed-state-layer-color: #ffd740;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #673ab7;
  --mat-checkbox-selected-hover-icon-color: #673ab7;
  --mat-checkbox-selected-icon-color: #673ab7;
  --mat-checkbox-selected-pressed-icon-color: #673ab7;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #673ab7;
  --mat-checkbox-selected-hover-state-layer-color: #673ab7;
  --mat-checkbox-selected-pressed-state-layer-color: #673ab7;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
}
html {
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
}
html {
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
}
html {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #673ab7;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #673ab7;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #673ab7 12%, transparent);
  --mat-button-outlined-state-layer-color: #673ab7;
  --mat-button-protected-container-color: #673ab7;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #673ab7;
  --mat-button-text-ripple-color: color-mix(in srgb, #673ab7 12%, transparent);
  --mat-button-text-state-layer-color: #673ab7;
  --mat-button-tonal-container-color: #673ab7;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #ffd740;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-label-text-color: #ffd740;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #ffd740 12%, transparent);
  --mat-button-outlined-state-layer-color: #ffd740;
  --mat-button-protected-container-color: #ffd740;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-label-text-color: #ffd740;
  --mat-button-text-ripple-color: color-mix(in srgb, #ffd740 12%, transparent);
  --mat-button-text-state-layer-color: #ffd740;
  --mat-button-tonal-container-color: #ffd740;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #f44336;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #f44336;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-outlined-state-layer-color: #f44336;
  --mat-button-protected-container-color: #f44336;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #f44336;
  --mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-text-state-layer-color: #f44336;
  --mat-button-tonal-container-color: #f44336;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
html {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
}
html {
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
}
html {
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
}
html {
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #673ab7;
  --mat-icon-button-state-layer-color: #673ab7;
  --mat-icon-button-ripple-color: color-mix(in srgb, #673ab7 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #ffd740;
  --mat-icon-button-state-layer-color: #ffd740;
  --mat-icon-button-ripple-color: color-mix(in srgb, #ffd740 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mat-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #673ab7;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #673ab7 12%, transparent);
  --mat-fab-small-container-color: #673ab7;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #ffd740;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-ripple-color: color-mix(in srgb, #ffd740 12%, transparent);
  --mat-fab-small-container-color: #ffd740;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
html {
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
}
html {
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
}
html {
  --mat-snack-bar-container-shape: 4px;
}
html {
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #9575cd;
}
html {
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
}
html {
  --mat-table-row-item-outline-width: 1px;
}
html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
html {
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}
html {
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
}
html {
  --mat-progress-spinner-active-indicator-color: #673ab7;
}
.mat-accent {
  --mat-progress-spinner-active-indicator-color: #ffd740;
}
.mat-warn {
  --mat-progress-spinner-active-indicator-color: #f44336;
}
html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}
html {
  --mat-badge-background-color: #673ab7;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-badge-accent {
  --mat-badge-background-color: #ffd740;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
html {
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}
html {
  --mat-bottom-sheet-container-shape: 4px;
}
html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
html {
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}
html {
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
}
html {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-button-toggle-height: 48px;
}
html {
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
}
html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #673ab7 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ffd740 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #673ab7;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #673ab7 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #673ab7 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #673ab7 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #673ab7;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent,
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ffd740 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ffd740 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #ffd740;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ffd740 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ffd740 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ffd740 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #ffd740;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn,
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ffd740 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}
html {
  --mat-divider-width: 1px;
}
html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
html {
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}
html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}
html {
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: #673ab7;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ffd740;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}
html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}
html {
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
}
html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #673ab7;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #673ab7;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #673ab7;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #ffd740;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #ffd740;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #ffd740;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html {
  --mat-stepper-header-height: 72px;
}
html {
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}
html {
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #673ab7;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ffd740;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
html {
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}
html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height: 48px;
}
html {
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}
html {
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-timepicker-container-background-color: white;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px/32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px/32px Roboto, sans-serif;
  letter-spacing: .0125em;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: .009375em;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px/24px Roboto, sans-serif;
  letter-spacing: .03125em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px*.83)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px*.67)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px/22px Roboto, sans-serif;
  letter-spacing: .0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px/20px Roboto, sans-serif;
  letter-spacing: .0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px/20px Roboto, sans-serif;
  letter-spacing: .0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px/96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px/60px Roboto, sans-serif;
  letter-spacing: -.0083333333em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px/50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px/40px Roboto, sans-serif;
  letter-spacing: .0073529412em;
  margin: 0 0 64px;
}

/* node_modules/quill/dist/quill.core.css */
.ql-container {
  box-sizing: border-box;
  font-family:
    Helvetica,
    Arial,
    sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,
.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {
  cursor: pointer;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
}
@supports (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor table {
  border-collapse: collapse;
}
.ql-editor td {
  border: 1px solid #000;
  padding: 2px 5px;
}
.ql-editor ol {
  padding-left: 1.5em;
}
.ql-editor li {
  list-style-type: none;
  padding-left: 1.5em;
  position: relative;
}
.ql-editor li > .ql-ui:before {
  display: inline-block;
  margin-left: -1.5em;
  margin-right: .3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li[data-list=checked] > .ql-ui,
.ql-editor li[data-list=unchecked] > .ql-ui {
  color: #777;
}
.ql-editor li[data-list=bullet] > .ql-ui:before {
  content: "\2022";
}
.ql-editor li[data-list=checked] > .ql-ui:before {
  content: "\2611";
}
.ql-editor li[data-list=unchecked] > .ql-ui:before {
  content: "\2610";
}
@supports (counter-set:none) {
  .ql-editor li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered] {
  counter-increment: list-0;
}
.ql-editor li[data-list=ordered] > .ql-ui:before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor li[data-list=ordered].ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before {
  content: counter(list-1, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before {
  content: counter(list-2, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before {
  content: counter(list-3, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before {
  content: counter(list-4, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-set: list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before {
  content: counter(list-5, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-set: list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before {
  content: counter(list-6, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-set: list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before {
  content: counter(list-7, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-set: list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-reset: list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before {
  content: counter(list-8, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-set: list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-reset: list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before {
  content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor li.ql-direction-rtl > .ql-ui:before {
  margin-left: .3em;
  margin-right: -1.5em;
  text-align: left;
}
.ql-editor table {
  table-layout: fixed;
  width: 100%;
}
.ql-editor table td {
  outline: none;
}
.ql-editor .ql-code-block-container {
  font-family: monospace;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-editor .ql-font-monospace {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-editor .ql-size-small {
  font-size: .75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor .ql-ui {
  position: absolute;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

/* node_modules/quill/dist/quill.snow.css */
.ql-container {
  box-sizing: border-box;
  font-family:
    Helvetica,
    Arial,
    sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,
.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {
  cursor: pointer;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
}
@supports (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor table {
  border-collapse: collapse;
}
.ql-editor td {
  border: 1px solid #000;
  padding: 2px 5px;
}
.ql-editor ol {
  padding-left: 1.5em;
}
.ql-editor li {
  list-style-type: none;
  padding-left: 1.5em;
  position: relative;
}
.ql-editor li > .ql-ui:before {
  display: inline-block;
  margin-left: -1.5em;
  margin-right: .3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li[data-list=checked] > .ql-ui,
.ql-editor li[data-list=unchecked] > .ql-ui {
  color: #777;
}
.ql-editor li[data-list=bullet] > .ql-ui:before {
  content: "\2022";
}
.ql-editor li[data-list=checked] > .ql-ui:before {
  content: "\2611";
}
.ql-editor li[data-list=unchecked] > .ql-ui:before {
  content: "\2610";
}
@supports (counter-set:none) {
  .ql-editor li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered] {
  counter-increment: list-0;
}
.ql-editor li[data-list=ordered] > .ql-ui:before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor li[data-list=ordered].ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before {
  content: counter(list-1, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before {
  content: counter(list-2, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before {
  content: counter(list-3, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before {
  content: counter(list-4, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-set: list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before {
  content: counter(list-5, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-set: list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before {
  content: counter(list-6, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-set: list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before {
  content: counter(list-7, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-set: list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-reset: list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before {
  content: counter(list-8, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-set: list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-reset: list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before {
  content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor li.ql-direction-rtl > .ql-ui:before {
  margin-left: .3em;
  margin-right: -1.5em;
  text-align: left;
}
.ql-editor table {
  table-layout: fixed;
  width: 100%;
}
.ql-editor table td {
  outline: none;
}
.ql-editor .ql-code-block-container {
  font-family: monospace;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-editor .ql-font-monospace {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-editor .ql-size-small {
  font-size: .75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor .ql-ui {
  position: absolute;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer:coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: .4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: .83em;
}
.ql-snow .ql-editor h6 {
  font-size: .67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor .ql-code-block-container {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor .ql-code-block-container {
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor .ql-code-block-container {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: .83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: .67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-code-block-container {
  position: relative;
}
.ql-code-block-container .ql-ui {
  right: 5px;
  top: 5px;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family:
    "Helvetica Neue",
    "Helvetica",
    "Arial",
    sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0;
  content: "Save";
  padding-right: 0;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

/* node_modules/@sbb-esta/angular/fullfont.css */
@font-face {
  font-family: "SBBWeb Bold";
  src: url(https://cdn.app.sbb.ch/fonts/v1/SBBWeb-Bold.woff2) format("woff2"), url(https://cdn.app.sbb.ch/fonts/v1/SBBWeb-Bold.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "SBBWeb Light";
  src: url(https://cdn.app.sbb.ch/fonts/v1/SBBWeb-Light.woff2) format("woff2"), url(https://cdn.app.sbb.ch/fonts/v1/SBBWeb-Light.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "SBBWeb Roman";
  src: url(https://cdn.app.sbb.ch/fonts/v1/SBBWeb-Roman.woff2) format("woff2"), url(https://cdn.app.sbb.ch/fonts/v1/SBBWeb-Roman.woff) format("woff");
  font-display: fallback;
}
@font-face {
  font-family: "SBBWeb Thin";
  src: url(https://cdn.app.sbb.ch/fonts/v1/SBBWeb-Thin.woff2) format("woff2"), url(https://cdn.app.sbb.ch/fonts/v1/SBBWeb-Thin.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "SBBWeb Ultralight";
  src: url(https://cdn.app.sbb.ch/fonts/v1/SBBWeb-UltraLight.woff2) format("woff2"), url(https://cdn.app.sbb.ch/fonts/v1/SBBWeb-UltraLight.woff) format("woff");
  font-display: swap;
}

/* node_modules/@sbb-esta/angular/typography.css */
@font-face {
  font-family: "SBBWeb Bold";
  src: url(https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Bold.woff2) format("woff2"), url(https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Bold.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "SBBWeb Light";
  src: url(https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Light.woff2) format("woff2"), url(https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Light.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "SBBWeb Roman";
  src: url(https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Roman.woff2) format("woff2"), url(https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Roman.woff) format("woff");
  font-display: fallback;
}
@font-face {
  font-family: "SBBWeb Thin";
  src: url(https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Thin.woff2) format("woff2"), url(https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Thin.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "SBBWeb Ultralight";
  src: url(https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-UltraLight.woff2) format("woff2"), url(https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-UltraLight.woff) format("woff");
  font-display: swap;
}
:root {
  --sbb-font-roman:
    SBBWeb Roman,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  --sbb-font-bold:
    SBBWeb Bold,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  --sbb-font-light:
    SBBWeb Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  --sbb-font-thin:
    SBBWeb Thin,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  --sbb-color-red: #eb0000;
  --sbb-color-red125: #c60018;
  --sbb-color-red150: #a20013;
  --sbb-color-white: #ffffff;
  --sbb-color-milk: #f6f6f6;
  --sbb-color-cloud: #e5e5e5;
  --sbb-color-silver: #dcdcdc;
  --sbb-color-aluminum: #d2d2d2;
  --sbb-color-platinum: #cdcdcd;
  --sbb-color-cement: #bdbdbd;
  --sbb-color-graphite: #b7b7b7;
  --sbb-color-storm: #a8a8a8;
  --sbb-color-smoke: #8d8d8d;
  --sbb-color-metal: #767676;
  --sbb-color-granite: #686868;
  --sbb-color-anthracite: #5a5a5a;
  --sbb-color-iron: #444444;
  --sbb-color-charcoal: #212121;
  --sbb-color-midnight: #151515;
  --sbb-color-black: #000000;
  --sbb-color-blue: #2d327d;
  --sbb-color-cloud-alpha10: rgba(229, 229, 229, 0.1);
  --sbb-color-granite-alpha40: rgba(104, 104, 104, 0.4);
  --sbb-color-red-alpha40: rgba(235, 0, 0, 0.4);
  --sbb-color-silver-alpha40: rgba(220, 220, 220, 0.4);
  --sbb-color-storm-alpha40: rgba(168, 168, 168, 0.4);
  --sbb-color-iron-alpha40: rgba(68, 68, 68, 0.4);
  --sbb-color-iron-alpha50: rgba(68, 68, 68, 0.5);
  --sbb-color-white-alpha50: rgba(255, 255, 255, 0.5);
  --sbb-color-white-alpha70: rgba(255, 255, 255, 0.7);
  --sbb-color-sky: #0079c7;
  --sbb-color-night: #143a85;
  --sbb-color-violet: #6f2282;
  --sbb-color-autumn: #e84e10;
  --sbb-color-orange: #f27e00;
  --sbb-color-peach: #fcbb00;
  --sbb-color-lemon: #ffde15;
  --sbb-color-green: #00973b;
  --sbb-color-grey: #666666;
  --sbb-color-grey-medium: #979797;
  --sbb-color-background: var(--sbb-color-white);
  --sbb-color-call-to-action: var(--sbb-color-red);
  --sbb-color-call-to-action-hover: var(--sbb-color-red125);
  --sbb-color-error: #eb0000;
  --sbb-color-text: var(--sbb-color-black);
  --sbb-color-weak-accent: var(--sbb-color-granite);
  --sbb-color-red_dark-mode: #ff3838;
  --sbb-color-red_dark-mode-alpha40: rgba(255, 56, 56, 0.4);
  --sbb-color-milk-alpha40: rgba(246, 246, 246, 0.4);
  --sbb-color-white-alpha15: rgba(255, 255, 255, 0.15);
  --sbb-color-black-alpha50: rgba(0, 0, 0, 0.5);
  --sbb-color-cement-alpha40: rgba(189, 189, 189, 0.4);
  --sbb-color-black-alpha70: rgba(0, 0, 0, 0.7);
  --sbb-scaling-factor: 1;
  --sbb-border-radius: calc(0.1333333333rem * var(--sbb-scaling-factor));
  --sbb-border-width: calc(0.1333333333rem * var(--sbb-scaling-factor));
  --sbb-border-width-negative: calc(var(--sbb-border-width) * -1);
  --sbb-border-width-thin: 0.0666666667rem;
  --sbb-border-width-thin-negative: calc(var(--sbb-border-width-thin) * -1);
  --sbb-button-gap: calc(0.5333333333rem * var(--sbb-scaling-factor));
  --sbb-font-size-constant: 1rem;
  --sbb-font-size: var(--sbb-font-size-constant);
  --sbb-line-height-constant: 1.7333333333rem;
  --sbb-line-height: var(--sbb-line-height-constant);
  --sbb-line-height-root: 1.7;
  --sbb-font-size-small: 0.8666666667rem;
  --sbb-line-height-small: 1.3333333333rem;
  --sbb-line-height-medium: 1.5333333333rem;
  --sbb-font-size-large: 1.3333333333rem;
  --sbb-divider-thin: calc(0.5333333333rem * var(--sbb-scaling-factor));
  --sbb-divider-small: calc(1.6rem * var(--sbb-scaling-factor));
  --sbb-divider-medium: 2.4rem;
  --sbb-divider-big: 3.2rem;
  --sbb-transition-duration-fast: 225ms;
  --sbb-transition-duration-default: 300ms;
  --sbb-transition-duration-slow: 500ms;
  --sbb-transition-timing-fast-start: cubic-bezier(0.4, 0, 0.2, 1);
  --sbb-transition-timing-default: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  --sbb-transition-fast-start: var(--sbb-transition-duration-fast) var(--sbb-transition-timing-fast-start);
  --sbb-transition-default: var(--sbb-transition-duration-default) var(--sbb-transition-timing-default);
  --sbb-badge-background-color: var(--sbb-color-red);
  --sbb-badge-background-color-disabled: var(--sbb-color-metal);
  --sbb-badge-color: var(--sbb-color-white);
  --sbb-breadcrumb-color-default: var(--sbb-color-granite);
  --sbb-breadcrumb-url-icon-chevron-small-down-circle: var( --sbb-url-icon-chevron-small-down-circle-small-granite );
  --sbb-breadcrumb-url-icon-chevron-small-down-circle-focused: var( --sbb-url-icon-chevron-small-down-circle-small-red125 );
  --sbb-breadcrumb-url-icon-chevron-small-right: var( --sbb-url-icon-chevron-small-right-small-platinum );
  --sbb-breadcrumb-trigger-padding-horizontal: calc(2rem * var(--sbb-scaling-factor));
  --sbb-breadcrumb-trigger-padding-vertical: calc(0.9333333333rem * var(--sbb-scaling-factor));
  --sbb-button-height: calc(3.2rem * var(--sbb-scaling-factor));
  --sbb-button-icon-top-margin: calc(-0.8333333333rem * var(--sbb-scaling-factor));
  --sbb-primary-button-background-color-default: var(--sbb-color-call-to-action);
  --sbb-primary-button-background-color-hover: var(--sbb-color-call-to-action-hover);
  --sbb-primary-button-background-color-disabled: transpparent;
  --sbb-primary-button-color: var(--sbb-color-white);
  --sbb-primary-button-color-disabled: var(--sbb-color-granite);
  --sbb-primary-alternative-button-background-color-default: var(--sbb-color-granite);
  --sbb-primary-alternative-button-background-color-hover: var(--sbb-color-iron);
  --sbb-primary-alternative-button-background-color-disabled: transpparent;
  --sbb-primary-alternative-button-color: var(--sbb-color-white);
  --sbb-primary-alternative-button-color-disabled: var(--sbb-color-granite);
  --sbb-secondary-button-background-color-default: var(--sbb-color-silver);
  --sbb-secondary-button-background-color-hover: var(--sbb-color-platinum);
  --sbb-secondary-button-background-color-disabled: transpparent;
  --sbb-secondary-button-color: var(--sbb-color-iron);
  --sbb-secondary-button-color-disabled: var(--sbb-color-granite);
  --sbb-ghost-button-border-color-default: var(--sbb-color-storm);
  --sbb-ghost-button-border-color-hover: var(--sbb-color-iron);
  --sbb-ghost-button-border-color-disabled: var(--sbb-color-storm-alpha40);
  --sbb-ghost-button-label-color: var(--sbb-color-granite);
  --sbb-ghost-button-label-color-disabled: var(--sbb-color-iron-alpha40);
  --sbb-frameless-button-label-color: var(--sbb-color-iron);
  --sbb-selection-container-background-color-default: var(--sbb-color-background);
  --sbb-selection-container-background-color-disabled: var(--sbb-color-milk);
  --sbb-selection-container-border-color-default: var(--sbb-color-graphite);
  --sbb-selection-container-border-color-disabled: var(--sbb-color-aluminum);
  --sbb-selection-container-icon-color-default: var(--sbb-color-red);
  --sbb-selection-container-icon-color-disabled: var(--sbb-color-granite);
  --sbb-selection-container-border-color-focused: var(--sbb-color-weak-accent);
  --sbb-selection-label-color-checked: var(--sbb-color-text);
  --sbb-selection-label-color-unchecked: var(--sbb-color-granite);
  --sbb-selection-label-color-disabled: var(--sbb-color-granite);
  --sbb-selection-panel-background-color-default: var(--sbb-color-milk);
  --sbb-selection-panel-background-color-checked: var(--sbb-color-background);
  --sbb-selection-panel-background-color-disabled: var(--sbb-color-background);
  --sbb-selection-panel-color: var(--sbb-color-granite);
  --sbb-selection-panel-border-color: transparent;
  --sbb-selection-panel-border-color-active: var(--sbb-color-black);
  --sbb-selection-panel-border-color-disabled: var(--sbb-color-aluminum);
  --sbb-selection-panel-subtitle-color: var(--sbb-color-granite);
  --sbb-chips-list-height: var(--sbb-form-input-min-height);
  --sbb-chips-chip-margin-vertical: calc(2 * var(--sbb-border-width));
  --sbb-chips-chip-height: calc( var(--sbb-chips-list-height) - 2 * var(--sbb-chips-chip-margin-vertical) - 2 * var(--sbb-border-width) );
  --sbb-chips-chip-padding-horizontal: calc(0.5333333333rem * var(--sbb-scaling-factor));
  --sbb-chips-input-width: calc(10rem * var(--sbb-scaling-factor));
  --sbb-chips-background-color-active: var(--sbb-color-cloud);
  --sbb-chips-background-color-hover: var(--sbb-color-aluminum);
  --sbb-chips-background-color-disabled: var(--sbb-color-cloud);
  --sbb-chips-opacity: 0.6;
  --sbb-datepicker-toggle-or-arrows-padding: calc( 2.9333333333rem * var(--sbb-scaling-factor) - var(--sbb-border-width) );
  --sbb-datepicker-toggle-and-arrows-padding: calc( 4.8rem * var(--sbb-scaling-factor) - var(--sbb-border-width) );
  --sbb-datepicker-button-offset: calc(0.8rem * var(--sbb-scaling-factor));
  --sbb-datepicker-button-gap: calc(0.2666666667rem * var(--sbb-scaling-factor));
  --sbb-datepicker-adjacent-button-offset: calc( var(--sbb-datepicker-button-offset) + var(--sbb-icon-size-default) + var(--sbb-datepicker-button-gap) );
  --sbb-datepicker-content-offset: calc(1.1333333333rem * var(--sbb-scaling-factor));
  --sbb-datepicker-calendar-background-color: var(--sbb-color-background);
  --sbb-datepicker-calendar-header-height: calc(4.5333333333rem * var(--sbb-scaling-factor));
  --sbb-datepicker-calendar-header-color: var(--sbb-color-metal);
  --sbb-datepicker-calendar-header-controls-color: var(--sbb-color-iron);
  --sbb-datepicker-calendar-line-color: var(--sbb-color-platinum);
  --sbb-datepicker-calendar-table-range-bg-color: var(--sbb-color-milk);
  --sbb-datepicker-calendar-table-content-padding-width: 0.7333333333rem;
  --sbb-datepicker-calendar-arrow-width: calc(1.3333333333rem * var(--sbb-scaling-factor));
  --sbb-datepicker-calendar-arrow-offset: calc( var(--sbb-datepicker-calendar-arrow-width) / -2 + var(--sbb-border-width) );
  --sbb-datepicker-calendar-width: 22.6666666667rem;
  --sbb-datepicker-calendar-height: calc(28.5333333333rem * var(--sbb-scaling-factor));
  --sbb-datepicker-calendar-controls-padding: 0.4rem;
  --sbb-datepicker-calendar-body-cell-padding: calc(1.6rem * var(--sbb-scaling-factor));
  --sbb-datepicker-calendar-body-cell-disabled-color: var(--sbb-color-cement);
  --sbb-datepicker-calendar-body-cell-disabled-offset: 0.8rem;
  --sbb-datepicker-calendar-body-cell-size: calc(2.6666666667rem * var(--sbb-scaling-factor));
  --sbb-dialog-padding: calc(1.0666666667rem * var(--sbb-scaling-factor));
  --sbb-dialog-overlay-backgroud-color: var(--sbb-color-white-alpha70);
  --sbb-dialog-container-border-color: var(--sbb-color-weak-accent);
  --sbb-dialog-container-background-color: var(--sbb-color-background);
  --sbb-expansion-panel-padding-horizontal: 1.6rem;
  --sbb-expansion-panel-header-padding-top: 1.5333333333rem;
  --sbb-expansion-panel-header-padding-bottom: 1.7333333333rem;
  --sbb-expansion-panel-line-height: 1.8666666667rem;
  --sbb-expansion-panel-background-color-open: inherit;
  --sbb-expansion-panel-background-color-closed: var(--sbb-color-milk);
  --sbb-expansion-panel-border-color-open: var(--sbb-color-cloud);
  --sbb-expansion-panel-border-color-closed: var(--sbb-color-milk);
  --sbb-expansion-panel-header-indicator-color: var(--sbb-color-black);
  --sbb-fieldset-legend-font-size: 1.6rem;
  --sbb-fieldset-legend-nested-font-size: 1.3333333333rem;
  --sbb-file-selector-list-remove-icon-color: var(--sbb-color-granite);
  --sbb-form-background-color-readonly: var(--sbb-color-milk);
  --sbb-form-border-color-readonly: var(--sbb-color-aluminum);
  --sbb-form-field-width: 21.3333333333rem;
  --sbb-form-input-color: var(--sbb-color-charcoal);
  --sbb-form-input-color-disabled: var(--sbb-color-granite);
  --sbb-form-input-color-placeholder: var(--sbb-color-metal);
  --sbb-form-input-border-color: var(--sbb-color-smoke);
  --sbb-form-input-border-color-disabled: var(--sbb-color-aluminum);
  --sbb-form-input-background-color: var(--sbb-color-background);
  --sbb-form-input-background-color-disabled: var(--sbb-color-milk);
  --sbb-form-input-min-height: calc(3.2rem * var(--sbb-scaling-factor));
  --sbb-form-label-line-height: calc(1.0666666667rem * var(--sbb-scaling-factor));
  --sbb-form-label-color: var(--sbb-color-granite);
  --sbb-form-label-wrapper-margin-bottom: calc(0.3333333333rem * var(--sbb-scaling-factor));
  --sbb-form-label-wrapper-padding-left: calc(0.6666666667rem * var(--sbb-scaling-factor));
  --sbb-header-lean-height: calc(3.6rem * var(--sbb-scaling-factor));
  --sbb-header-lean-base-z-index: 1000;
  --sbb-header-lean-side-menu-z-index: 800;
  --sbb-header-lean-background-color: var(--sbb-color-background);
  --sbb-header-lean-menu-mobile-z-index: 1100;
  --sbb-header-lean-menu-tablet-z-index: 700;
  --sbb-header-lean-menu-width: calc(20rem * var(--sbb-scaling-factor));
  --sbb-header-lean-label-line-height: calc(1.6666666667rem * var(--sbb-scaling-factor));
  --sbb-header-lean-subtitle-color: var(--sbb-color-anthracite);
  --sbb-header-lean-border-bottom-color: var(--sbb-color-silver);
  --sbb-lightbox-background-color: var(--sbb-color-background);
  --sbb-lightbox-padding-horizontal: 1.6rem;
  --sbb-lightbox-actions-padding-vertical: calc(1.6rem * var(--sbb-scaling-factor));
  --sbb-menu-trigger-padding: calc(0.4rem * var(--sbb-scaling-factor));
  --sbb-menu-item-label: var(--sbb-color-iron);
  --sbb-menu-item-label-active: var(--sbb-color-black);
  --sbb-menu-item-background-color-hover: var(--sbb-color-milk);
  --sbb-menu-item-background-color-active: var(--sbb-color-cloud);
  --sbb-menu-title-color: var(--sbb-color-granite);
  --sbb-notification-label-color-success: var(--sbb-color-white);
  --sbb-notification-background-color-success: var(--sbb-color-granite);
  --sbb-notification-border-color-success: var(--sbb-color-granite);
  --sbb-notification-label-color-information: var(--sbb-color-white);
  --sbb-notification-background-color-information: var(--sbb-color-granite);
  --sbb-notification-border-color-information: var(--sbb-color-granite);
  --sbb-notification-label-color-error: var(--sbb-color-white);
  --sbb-notification-background-color-error: var(--sbb-color-error);
  --sbb-notification-border-color-error: var(--sbb-color-error);
  --sbb-notification-label-color-warn: var(--sbb-color-white);
  --sbb-notification-background-color-warn: var(--sbb-color-error);
  --sbb-notification-border-color-warn: var(--sbb-color-error);
  --sbb-notification-message-padding: calc(1.0666666667rem * var(--sbb-scaling-factor));
  --sbb-notification-message-padding-horizontal: calc( 1.6rem * var(--sbb-scaling-factor) );
  --sbb-pagination-base-color: var(--sbb-color-granite);
  --sbb-pagination-disabled-color: var(--sbb-color-silver);
  --sbb-pagination-paginator-size: calc(2.6666666667rem * var(--sbb-scaling-factor));
  --sbb-pagination-navigation-item-margin: calc(0.2666666667rem * var(--sbb-scaling-factor));
  --sbb-panel-background-color: var(--sbb-color-background);
  --sbb-panel-divider-color: var(--sbb-color-cloud);
  --sbb-processflow-step-label-color: var(--sbb-color-metal);
  --sbb-porcessflow-separator-inactive-color: var(--sbb-color-granite);
  --sbb-box-shadow-width: calc(var(--sbb-border-width) * 4);
  --sbb-box-shadow-arrow-width: calc(var(--sbb-border-width) * 2);
  --sbb-box-shadow-arrow-clip-path: polygon( -0.4px 100%, 100% -0.4px, 100% 71%, 150% 21%, 150% 150%, 21% 150%, 71% 100% );
  --sbb-box-shadow-color: rgba(0, 0, 0, 0.15);
  --sbb-box-shadow-border-color: var(--sbb-color-cloud);
  --sbb-box-shadow-below: 0 var(--sbb-box-shadow-width) 0 var(--sbb-box-shadow-color);
  --sbb-box-shadow-horizontal-border-top: 0 calc(var(--sbb-border-width) + calc(0.0666666667rem * var(--sbb-scaling-factor))) 0 calc(var(--sbb-border-width) * -1) var(--sbb-box-shadow-border-color);
  --sbb-box-shadow-horizontal-border-bottom: 0 calc(var(--sbb-border-width) * -1 - calc(0.0666666667rem * var(--sbb-scaling-factor))) 0 calc(var(--sbb-border-width) * -1) var(--sbb-box-shadow-border-color);
  --sbb-box-shadow-horizontal-border-offset-top-above: calc( calc(var(--sbb-border-width) - 0.0666666667rem) * var(--sbb-scaling-factor) );
  --sbb-box-shadow-horizontal-border-offset-top-below: calc( var(--sbb-box-shadow-horizontal-border-offset-top-above) * -1 );
  --sbb-select-arrow-icon-color: var(--sbb-color-granite);
  --sbb-sidebar-mobile-menu-bar-height: calc(2 * var(--sbb-icon-size-default));
  --sbb-sidebar-collapsible-menu-bar-height: calc( 2 * var(--sbb-icon-size-default) + 0.5333333333rem * var(--sbb-scaling-factor) );
  --sbb-icon-sidebar-item-dimension: calc(2 * var(--sbb-icon-size-default));
  --sbb-sidebar-background-color: var(--sbb-color-background);
  --sbb-sidebar-background-color-hover: var(--sbb-menu-item-background-color-hover);
  --sbb-sidebar-background-color-active: var(--sbb-menu-item-background-color-active);
  --sbb-sidebar-border-color: var(--sbb-color-cloud);
  --sbb-icon-sidebar-background-color: var(--sbb-color-milk);
  --sbb-icon-sidebar-background-color-active: var(--sbb-color-background);
  --sbb-status-message-background-color: var(--sbb-color-milk);
  --sbb-status-message-color: var(--sbb-color-granite);
  --sbb-table-background-color: var(--sbb-color-background);
  --sbb-table-thead-background-color: var(--sbb-color-cloud);
  --sbb-table-tbody-stripe-background-color: var(--sbb-color-milk);
  --sbb-table-thead-color: unset;
  --sbb-table-thead-padding: calc(1.0666666667rem * var(--sbb-scaling-factor));
  --sbb-table-thead-padding-vertical-top: calc(1.9333333333rem * var(--sbb-scaling-factor));
  --sbb-table-thead-padding-vertical-bottom: calc(2rem * var(--sbb-scaling-factor));
  --sbb-table-tbody-padding: calc(1.0666666667rem * var(--sbb-scaling-factor));
  --sbb-table-cell-padding-horizontal: calc(0.8rem);
  --sbb-table-cell-padding-vertical-top: calc(1.2rem * var(--sbb-scaling-factor));
  --sbb-table-cell-padding-vertical-bottom: calc(1.2666666667rem * var(--sbb-scaling-factor));
  --sbb-table-sticky-shadow-width: 0.5333333333rem;
  --sbb-table-sticky-shadow-offset: -0.6rem;
  --sbb-table-sort-header-arrow-margin: calc(0.5333333333rem * var(--sbb-scaling-factor));
  --sbb-tabs-border-color: var(--sbb-color-graphite);
  --sbb-tabs-outline-color: var(--sbb-color-black);
  --sbb-tabs-color-disabled: var(--sbb-color-storm);
  --sbb-tag-label-color-active: var(--sbb-color-black);
  --sbb-tag-border-color-active: var(--sbb-color-black);
  --sbb-tag-badge-background-color-default: var(--sbb-color-red);
  --sbb-tag-badge-label-color-default: var(--sbb-color-white);
  --sbb-tag-background-color-inactive-hover: var(--sbb-color-cloud);
  --sbb-tag-label-color-inactive-hover: var(--sbb-color-black);
  --sbb-tag-label-color-active-hover: var(--sbb-color-granite);
  --sbb-tag-border-color-active-hover: var(--sbb-color-smoke);
  --sbb-tag-background-color-inactive: var(--sbb-color-milk);
  --sbb-tag-label-color-inactive: var(--sbb-color-granite);
  --sbb-tag-badge-background-color-disabled: var(--sbb-color-metal);
  --sbb-tag-badge-label-color-disabled: var(--sbb-color-white);
  --sbb-tag-badge-background-color-disabled-hover: var(--sbb-color-cement);
  --sbb-tag-badge-link-background-color-focused: var(--sbb-color-red125);
  --sbb-textarea-remaining-chars-color: var(--sbb-color-text);
  --sbb-textexpand-color: var(--sbb-color-metal);
  --sbb-tooltip-padding: calc(1.5333333333rem * var(--sbb-scaling-factor));
  --sbb-tooltip-arrow-offset: calc(0.48rem * var(--sbb-scaling-factor));
  --sbb-tooltip-arrow-horizontal-space: calc(0.5333333333rem * var(--sbb-scaling-factor));
  --sbb-tooltip-content-arrow-size: calc( 1.1313708499rem * var(--sbb-scaling-factor) );
  --sbb-tooltip-shadow-arrow-size: calc(0.8rem * var(--sbb-scaling-factor));
  --sbb-tooltip-background-color: var(--sbb-color-background);
  --sbb-tooltip-color: var(--sbb-color-granite);
  --sbb-tooltip-border-color: var(--sbb-color-weak-accent);
  --sbb-tooltip-close-button-color: var(--sbb-color-weak-accent);
  --sbb-toggle-border-color-active: var(--sbb-color-black);
  --sbb-toggle-label-color-inactive: var(--sbb-color-granite);
  --sbb-toggle-border-color-inactive: var(--sbb-color-aluminum);
  --sbb-toggle-background-color-active: var(--sbb-color-white);
  --sbb-toggle-label-color-active: var(--sbb-color-black);
  --sbb-toggle-background-color-inactive: var(--sbb-color-milk);
  --sbb-usermenu-panel-width: calc(19.2rem * var(--sbb-scaling-factor));
  --sbb-usermenu-trigger-height: calc(3.2rem * var(--sbb-scaling-factor));
  --sbb-usermenu-trigger-padding: calc(0.8rem * var(--sbb-scaling-factor));
  --sbb-usermenu-text-color: var(--sbb-color-granite);
  --sbb-usermenu-initial-letters-text-color: var(--sbb-color-metal);
  --sbb-usermenu-initial-letters-background-color: var(--sbb-color-cloud);
  --sbb-icon-size-default: calc(1.6rem * var(--sbb-scaling-factor));
  --sbb-icon-size-large: calc(1.5 * var(--sbb-icon-size-default));
  --sbb-url-icon-arrow-right-small-black: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBkPSJNNSAxMi40OTFoMTIuNDlNMTMuNSAxNi41bDMuOTktNC4wMDhMMTMuNSA4LjUiLz48L3N2Zz4=);
  --sbb-url-icon-arrow-right-small-red125: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzYwMDE4IiBkPSJNNSAxMi40OTFoMTIuNDlNMTMuNSAxNi41bDMuOTktNC4wMDhMMTMuNSA4LjUiLz48L3N2Zz4=);
  --sbb-url-icon-chevron-down-small-granite: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogICAgPHBvbHlsaW5lIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjNjg2ODY4IiBzdHJva2Utd2lkdGg9IjEiIHBvaW50cz0iMjAgNy45OTkgMTIgMTUuOTk5IDQgNy45OTkiLz4KPC9zdmc+);
  --sbb-url-icon-chevron-small-down-circle-small-granite: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiM2ODY4NjgiIGQ9Ik0xMiw0LjQ5OTcgQzE2LjE0Myw0LjQ5OTcgMTkuNSw3Ljg1NzcgMTkuNSwxMS45OTk3IEMxOS41LDE2LjE0MjcgMTYuMTQzLDE5LjQ5OTcgMTIsMTkuNDk5NyBDNy44NTgsMTkuNDk5NyA0LjUsMTYuMTQyNyA0LjUsMTEuOTk5NyBDNC41LDcuODU3NyA3Ljg1OCw0LjQ5OTcgMTIsNC40OTk3IFogTTguMDkyMywxMC4zNDk4IEwxMS45OTYzLDE0LjI5OTggTDE1LjkwMDMsMTAuMzUxOCIvPgo8L3N2Zz4K);
  --sbb-url-icon-chevron-small-down-circle-small-aluminium: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNEMkQyRDIiIGQ9Ik0xMiw0LjQ5OTcgQzE2LjE0Myw0LjQ5OTcgMTkuNSw3Ljg1NzcgMTkuNSwxMS45OTk3IEMxOS41LDE2LjE0MjcgMTYuMTQzLDE5LjQ5OTcgMTIsMTkuNDk5NyBDNy44NTgsMTkuNDk5NyA0LjUsMTYuMTQyNyA0LjUsMTEuOTk5NyBDNC41LDcuODU3NyA3Ljg1OCw0LjQ5OTcgMTIsNC40OTk3IFogTTguMDkyMywxMC4zNDk4IEwxMS45OTYzLDE0LjI5OTggTDE1LjkwMDMsMTAuMzUxOCIvPgo8L3N2Zz4K);
  --sbb-url-icon-chevron-small-down-circle-small-red125: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNjNjAwMTgiIGQ9Ik0xMiw0LjQ5OTcgQzE2LjE0Myw0LjQ5OTcgMTkuNSw3Ljg1NzcgMTkuNSwxMS45OTk3IEMxOS41LDE2LjE0MjcgMTYuMTQzLDE5LjQ5OTcgMTIsMTkuNDk5NyBDNy44NTgsMTkuNDk5NyA0LjUsMTYuMTQyNyA0LjUsMTEuOTk5NyBDNC41LDcuODU3NyA3Ljg1OCw0LjQ5OTcgMTIsNC40OTk3IFogTTguMDkyMywxMC4zNDk4IEwxMS45OTYzLDE0LjI5OTggTDE1LjkwMDMsMTAuMzUxOCIvPgo8L3N2Zz4K);
  --sbb-url-icon-chevron-small-down-circle-small-red_dark-mode: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNmZjM4MzgiIGQ9Ik0xMiw0LjQ5OTcgQzE2LjE0Myw0LjQ5OTcgMTkuNSw3Ljg1NzcgMTkuNSwxMS45OTk3IEMxOS41LDE2LjE0MjcgMTYuMTQzLDE5LjQ5OTcgMTIsMTkuNDk5NyBDNy44NTgsMTkuNDk5NyA0LjUsMTYuMTQyNyA0LjUsMTEuOTk5NyBDNC41LDcuODU3NyA3Ljg1OCw0LjQ5OTcgMTIsNC40OTk3IFogTTguMDkyMywxMC4zNDk4IEwxMS45OTYzLDE0LjI5OTggTDE1LjkwMDMsMTAuMzUxOCIvPgo8L3N2Zz4=);
  --sbb-url-icon-chevron-small-down-small-black: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgcG9pbnRzPSI4LjA5MiAxMC4zNSAxMS45OTYgMTQuMyAxNS45IDEwLjM1MiIvPjwvc3ZnPg==);
  --sbb-url-icon-chevron-small-down-small-grey: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNjY2IiBwb2ludHM9IjguMDkyIDEwLjM1IDExLjk5NiAxNC4zIDE1LjkgMTAuMzUyIi8+Cjwvc3ZnPg==);
  --sbb-url-icon-chevron-small-down-small-red125: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2M2MDAxOCIgcG9pbnRzPSI4LjA5MiAxMC4zNSAxMS45OTYgMTQuMyAxNS45IDEwLjM1MiIvPjwvc3ZnPg==);
  --sbb-url-icon-chevron-small-right-small-granite: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNjg2ODY4IiBwb2ludHM9IjEwLjMyNSAxNS45MDQgMTQuMjc1IDEyIDEwLjMyNiA4LjA5NiIvPgo8L3N2Zz4K);
  --sbb-url-icon-chevron-small-right-small-aluminium: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZDJkMmQyIiBwb2ludHM9IjEwLjMyNSAxNS45MDQgMTQuMjc1IDEyIDEwLjMyNiA4LjA5NiIvPgo8L3N2Zz4K);
  --sbb-url-icon-chevron-small-right-small-platinum: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjY2RjZGNkIiBwb2ludHM9IjEwLjMyNSAxNS45MDQgMTQuMjc1IDEyIDEwLjMyNiA4LjA5NiIvPgo8L3N2Zz4=);
}
@media all and (min-width: 40.1875em) {
  :root:where(:not(.sbb-lean)) {
    --sbb-divider-medium: calc(3.2rem * var(--sbb-scaling-factor));
    --sbb-divider-big: 4.8rem;
    --sbb-font-size-large: 1.4rem;
    --sbb-datepicker-calendar-table-content-padding-width: calc( 1.2rem * var(--sbb-scaling-factor) );
    --sbb-datepicker-calendar-width: calc(28.5333333333rem * var(--sbb-scaling-factor));
    --sbb-datepicker-calendar-controls-padding: calc( 0.5333333333rem * var(--sbb-scaling-factor) );
    --sbb-datepicker-calendar-body-cell-disabled-color: var(--sbb-color-storm);
    --sbb-datepicker-calendar-body-cell-disabled-offset: calc( 1.1333333333rem * var(--sbb-scaling-factor) );
    --sbb-expansion-panel-padding-horizontal: 3.2rem;
    --sbb-expansion-panel-header-padding-top: 2.2666666667rem;
    --sbb-expansion-panel-header-padding-bottom: 2.4rem;
    --sbb-expansion-panel-line-height: calc(2rem * var(--sbb-scaling-factor));
    --sbb-table-cell-padding-horizontal: calc(1.0666666667rem * var(--sbb-scaling-factor));
  }
}
@media all and (min-width: 64.0625em) {
  :root:where(:not(.sbb-lean)) {
    --sbb-divider-big: calc(6.4rem * var(--sbb-scaling-factor));
    --sbb-expansion-panel-padding-horizontal: calc( 2.1333333333rem * var(--sbb-scaling-factor) );
    --sbb-fieldset-legend-font-size: calc(2.1333333333rem * var(--sbb-scaling-factor));
    --sbb-fieldset-legend-nested-font-size: calc( 1.3333333333rem * var(--sbb-scaling-factor) + 0.1333333333rem );
    --sbb-lightbox-padding-horizontal: calc(9.0666666667rem * var(--sbb-scaling-factor));
    --sbb-sidebar-mobile-menu-bar-height: calc(3.2rem * var(--sbb-scaling-factor));
  }
}
@media all and (min-width: 160.0625em) {
  :root:where(:not(.sbb-lean)) {
    --sbb-scaling-factor: 1.5;
    --sbb-border-width-thin: 0.1333333333rem;
    --sbb-font-size: 1.5333333333rem;
    --sbb-line-height: 2.6rem;
    --sbb-font-size-small: 1.3333333333rem;
    --sbb-line-height-small: 2rem;
    --sbb-line-height-medium: 2.3333333333rem;
    --sbb-font-size-large: 2.1333333333rem;
    --sbb-expansion-panel-header-padding-top: 3.4rem;
    --sbb-expansion-panel-header-padding-bottom: 3.6rem;
    --sbb-form-field-width: 26.6666666667rem;
  }
}
@media all and (min-width: 240.0625em) {
  :root:where(:not(.sbb-lean)) {
    --sbb-scaling-factor: 2;
    --sbb-font-size: 2rem;
    --sbb-line-height: 3.4666666667rem;
    --sbb-font-size-small: 1.7333333333rem;
    --sbb-line-height-small: 2.6666666667rem;
    --sbb-line-height-medium: 3rem;
    --sbb-font-size-large: 2.8rem;
    --sbb-expansion-panel-header-padding-top: 4.6666666667rem;
    --sbb-expansion-panel-header-padding-bottom: 4.6666666667rem;
  }
}
:root:where(.sbb-lean) {
  --sbb-color-weak-accent: var(--sbb-color-iron);
  --sbb-divider-thin: 0.2666666667rem;
  --sbb-divider-small: 0.5333333333rem;
  --sbb-divider-medium: 1.0666666667rem;
  --sbb-divider-big: 1.6rem;
  --sbb-border-width: 0.0666666667rem;
  --sbb-line-height: 1.5333333333rem;
  --sbb-line-height-root: 1.5333333333;
  --sbb-line-height-medium: 1.3333333333rem;
  --sbb-font-size-large: 1.4rem;
  --sbb-badge-background-color: var(--sbb-color-black);
  --sbb-badge-background-color-disabled: var(--sbb-color-granite);
  --sbb-breadcrumb-url-icon-chevron-small-right: var( --sbb-url-icon-chevron-small-right-small-granite );
  --sbb-button-height: 2.4rem;
  --sbb-primary-button-background-color-default: var(--sbb-color-red);
  --sbb-primary-button-background-color-hover: var(--sbb-color-red125);
  --sbb-primary-button-background-color-disabled: var(--sbb-color-red-alpha40);
  --sbb-primary-button-color-disabled: var(--sbb-color-white-alpha50);
  --sbb-primary-alternative-button-color-disabled: var(--sbb-color-white-alpha50);
  --sbb-primary-alternative-button-background-color-disabled: var(--sbb-color-granite-alpha40);
  --sbb-secondary-button-background-color-hover: var(--sbb-color-cement);
  --sbb-secondary-button-background-color-disabled: var(--sbb-color-silver-alpha40);
  --sbb-secondary-button-color-disabled: var(--sbb-color-iron-alpha50);
  --sbb-selection-container-background-color-default: var(--sbb-color-white);
  --sbb-selection-container-icon-color-default: var(--sbb-color-iron);
  --sbb-selection-container-icon-color-disabled: var(--sbb-color-iron);
  --sbb-selection-label-color-checked: var(--sbb-color-iron);
  --sbb-selection-label-color-disabled: var(--sbb-color-storm);
  --sbb-datepicker-toggle-or-arrows-padding: calc(2.5333333333rem - var(--sbb-border-width));
  --sbb-datepicker-toggle-and-arrows-padding: calc(4.1333333333rem - var(--sbb-border-width));
  --sbb-datepicker-button-offset: 0.4rem;
  --sbb-datepicker-calendar-arrow-width: 0.9333333333rem;
  --sbb-datepicker-button-gap: 0rem;
  --sbb-datepicker-content-offset: 0.5333333333rem;
  --sbb-datepicker-calendar-header-height: 2.4rem;
  --sbb-datepicker-calendar-header-color: var(--sbb-color-iron);
  --sbb-datepicker-calendar-header-controls-color: var(--sbb-color-text);
  --sbb-datepicker-calendar-line-color: var(--sbb-color-cloud);
  --sbb-datepicker-calendar-table-content-padding-width: 0.5333333333rem;
  --sbb-datepicker-calendar-width: 20.2rem;
  --sbb-datepicker-calendar-height: 20.2rem;
  --sbb-datepicker-calendar-controls-padding: 0.5333333333rem;
  --sbb-datepicker-calendar-body-cell-padding: 1.1rem;
  --sbb-datepicker-calendar-body-cell-size: 2rem;
  --sbb-dialog-overlay-backgroud-color: var(--sbb-color-white-alpha70);
  --sbb-dialog-container-border-color: var(--sbb-color-black);
  --sbb-expansion-panel-padding-horizontal: 1.0666666667rem;
  --sbb-expansion-panel-header-padding-top: calc( 0.8rem - var(--sbb-border-width-thin) );
  --sbb-expansion-panel-header-padding-bottom: var(--sbb-expansion-panel-header-padding-top);
  --sbb-expansion-panel-line-height: 1.6666666667rem;
  --sbb-fieldset-legend-font-size: 1.4rem;
  --sbb-fieldset-legend-nested-font-size: 1.0666666667rem;
  --sbb-file-selector-list-remove-icon-color: var(--sbb-color-black);
  --sbb-form-background-color-readonly: transparent;
  --sbb-form-border-color-readonly: transparent;
  --sbb-form-field-width: 15.3333333333rem;
  --sbb-form-input-min-height: 2.4rem;
  --sbb-form-label-wrapper-margin-bottom: 0.2rem;
  --sbb-form-label-wrapper-padding-left: 0rem;
  --sbb-notification-label-color-success: var(--sbb-color-green);
  --sbb-notification-background-color-success: var(--sbb-color-white);
  --sbb-notification-border-color-success: var(--sbb-color-green);
  --sbb-notification-label-color-information: var(--sbb-color-granite);
  --sbb-notification-background-color-information: var(--sbb-color-white);
  --sbb-notification-background-color-warn: var(--sbb-color-peach);
  --sbb-notification-border-color-warn: var(--sbb-color-peach);
  --sbb-notification-label-color-warn: var(--sbb-color-black);
  --sbb-notification-message-padding: 0.7333333333rem;
  --sbb-notification-message-padding-horizontal: 1rem;
  --sbb-pagination-disabled-color: var(--sbb-color-cement);
  --sbb-pagination-paginator-size: 2rem;
  --sbb-porcessflow-separator-inactive-color: var(--sbb-color-text);
  --sbb-scrollbar-thumb-color-visible: var(--sbb-color-platinum);
  --sbb-scrollbar-track-color-visible: var(--sbb-color-milk);
  --sbb-box-shadow-arrow-clip-path: polygon( -0.4px 100%, 100% -0.4px, 100% 35%, 150% -15%, 150% 150%, -15% 150%, 35% 100% );
  --sbb-table-cell-padding-vertical: 0.4rem;
  --sbb-table-cell-background-color-hover: var(--sbb-color-milk);
  --sbb-table-cell-actions-background-color-lean: var(--sbb-color-milk);
  --sbb-table-thead-color: var(--sbb-color-granite);
  --sbb-table-row-selected-background-color: var(--sbb-color-cloud);
  --sbb-table-row-selected-border-bottom-color: var(--sbb-color-text);
  --sbb-table-border-color: var(--sbb-color-aluminum);
  --sbb-table-thead-border-color: var(--sbb-color-graphite);
  --sbb-tag-label-color-active: var(--sbb-color-black);
  --sbb-tag-border-color-active: var(--sbb-color-black);
  --sbb-tag-badge-background-color-default: var(--sbb-color-black);
  --sbb-tag-badge-label-color-default: var(--sbb-color-white);
  --sbb-tag-background-color-inactive-hover: var(--sbb-color-cloud);
  --sbb-tag-label-color-inactive-hover: var(--sbb-color-black);
  --sbb-tag-label-color-active-hover: var(--sbb-color-granite);
  --sbb-tag-background-color-inactive: var(--sbb-color-milk);
  --sbb-tag-label-color-inactive: var(--sbb-color-granite);
  --sbb-tag-badge-background-color-disabled: var(--sbb-color-granite);
  --sbb-tag-badge-background-color-disabled-hover: var(--sbb-color-cement);
  --sbb-tag-badge-link-background-color-focused: var(--sbb-color-red125);
  --sbb-textarea-remaining-chars-color: var(--sbb-color-metal);
  --sbb-textexpand-color: var(--sbb-color-text);
  --sbb-tooltip-padding: 0.5333333333rem;
  --sbb-tooltip-color: var(--sbb-color-text);
  --sbb-usermenu-trigger-padding: 0.5333333333rem;
}
@media all and (min-width: 64.0625em) {
  :root:where(.sbb-lean) {
    --sbb-divider-thin: 0.5333333333rem;
    --sbb-divider-small: 1.0666666667rem;
    --sbb-divider-medium: 1.6rem;
    --sbb-divider-big: 2.1333333333rem;
  }
}
:root:where(.sbb-lean):where(.sbb-off-brand-colors) {
  --sbb-color-red: #06348b;
  --sbb-color-red125: #032668;
  --sbb-color-red150: #021c4e;
  --sbb-color-red-alpha40: rgba(6, 52, 139, 0.4);
}
:root:where(.sbb-lean):where(.sbb-lean.sbb-dark, .sbb-lean.sbb-preferred-color-scheme-dark):not(.sbb-light) {
  --sbb-color-text: var(--sbb-color-white);
  --sbb-color-background: var(--sbb-color-midnight);
  --sbb-color-call-to-action: var(--sbb-color-red_dark-mode);
  --sbb-color-call-to-action-hover: var(--sbb-color-red_dark-mode);
  --sbb-color-weak-accent: var(--sbb-color-milk);
  --sbb-color-error: var(--sbb-color-red_dark-mode);
  --sbb-box-shadow-color: var(--sbb-color-white-alpha15);
  --sbb-box-shadow-below: 0 var(--sbb-box-shadow-width) 0 var(--sbb-box-shadow-color);
  --sbb-box-shadow-border-color: var(--sbb-color-metal);
  --sbb-badge-background-color: var(--sbb-color-white);
  --sbb-badge-background-color-disabled: var(--sbb-color-anthracite);
  --sbb-badge-color: var(--sbb-color-black);
  --sbb-breadcrumb-color-default: var(--sbb-color-aluminum);
  --sbb-breadcrumb-url-icon-chevron-small-down-circle: var( --sbb-url-icon-chevron-small-down-circle-small-aluminium );
  --sbb-breadcrumb-url-icon-chevron-small-right: var( --sbb-url-icon-chevron-small-right-small-aluminium );
  --sbb-breadcrumb-url-icon-chevron-small-down-circle-focused: var( --sbb-url-icon-chevron-small-down-circle-small-red_dark-mode );
  --sbb-primary-button-background-color-default: var(--sbb-color-red_dark-mode);
  --sbb-primary-button-background-color-hover: var(--sbb-color-red125);
  --sbb-primary-button-background-color-disabled: var(--sbb-color-red_dark-mode-alpha40);
  --sbb-primary-alternative-button-background-color-default: var(--sbb-color-milk);
  --sbb-primary-alternative-button-background-color-hover: var(--sbb-color-silver);
  --sbb-primary-alternative-button-background-color-disabled: var(--sbb-color-milk-alpha40);
  --sbb-primary-alternative-button-color: var(--sbb-color-black);
  --sbb-primary-alternative-button-color-disabled: var(--sbb-color-black-alpha50);
  --sbb-secondary-button-background-color-default: var(--sbb-color-granite);
  --sbb-secondary-button-background-color-hover: var(--sbb-color-iron);
  --sbb-secondary-button-background-color-disabled: var(--sbb-color-iron-alpha40);
  --sbb-secondary-button-color: var(--sbb-color-white);
  --sbb-secondary-button-color-disabled: var(--sbb-color-white-alpha50);
  --sbb-ghost-button-border-color-default: var(--sbb-color-iron);
  --sbb-ghost-button-border-color-hover: var(--sbb-color-milk);
  --sbb-ghost-button-border-color-disabled: var(--sbb-color-iron);
  --sbb-ghost-button-label-color: var(--sbb-color-white);
  --sbb-ghost-button-label-color-disabled: var(--sbb-color-white-alpha50);
  --sbb-frameless-button-label-color: var(--sbb-color-silver);
  --sbb-selection-container-background-color-default: var(--sbb-color-black);
  --sbb-selection-container-background-color-disabled: var(--sbb-color-charcoal);
  --sbb-selection-container-border-color-disabled: var(--sbb-color-smoke);
  --sbb-selection-container-border-color-focused: var(--sbb-color-text);
  --sbb-selection-container-icon-color-default: var(--sbb-color-text);
  --sbb-selection-container-icon-color-disabled: var(--sbb-color-smoke);
  --sbb-selection-label-color-checked: var(--sbb-color-text);
  --sbb-selection-label-color-unchecked: var(--sbb-color-graphite);
  --sbb-selection-label-color-disabled: var(--sbb-color-smoke);
  --sbb-selection-panel-background-color-default: var(--sbb-color-charcoal);
  --sbb-selection-panel-background-color-checked: var(--sbb-color-black);
  --sbb-selection-panel-background-color-disabled: var(--sbb-color-black);
  --sbb-selection-panel-color: var(--sbb-color-graphite);
  --sbb-selection-panel-border-color: var(--sbb-color-iron);
  --sbb-selection-panel-border-color-active: var(--sbb-color-white);
  --sbb-selection-panel-border-color-disabled: var(--sbb-color-metal);
  --sbb-selection-panel-subtitle-color: var(--sbb-color-smoke);
  --sbb-chips-background-color-active: var(--sbb-color-smoke);
  --sbb-chips-background-color-hover: var(--sbb-color-metal);
  --sbb-chips-background-color-disabled: var(--sbb-color-cloud-alpha10);
  --sbb-chips-opacity: 1;
  --sbb-datepicker-calendar-header-color: var(--sbb-color-smoke);
  --sbb-datepicker-calendar-line-color: var(--sbb-color-smoke);
  --sbb-datepicker-calendar-background-color: var(--sbb-color-black);
  --sbb-dialog-overlay-backgroud-color: var(--sbb-color-black-alpha70);
  --sbb-dialog-container-border-color: var(--sbb-color-silver);
  --sbb-dialog-container-background-color: var(--sbb-color-charcoal);
  --sbb-expansion-panel-background-color-open: var(--sbb-color-charcoal);
  --sbb-expansion-panel-background-color-closed: var(--sbb-color-charcoal);
  --sbb-expansion-panel-border-color-open: var(--sbb-color-iron);
  --sbb-expansion-panel-border-color-closed: var(--sbb-color-charcoal);
  --sbb-expansion-panel-header-indicator-color: var(--sbb-color-white);
  --sbb-file-selector-list-remove-icon-color: var(--sbb-color-white);
  --sbb-form-input-color: var(--sbb-color-text);
  --sbb-form-input-color-disabled: var(--sbb-color-smoke);
  --sbb-form-input-color-placeholder: var(--sbb-color-smoke);
  --sbb-form-input-border-color: var(--sbb-color-smoke);
  --sbb-form-input-border-color-disabled: var(--sbb-color-smoke);
  --sbb-form-input-background-color: var(--sbb-color-black);
  --sbb-form-input-background-color-disabled: var(--sbb-color-iron);
  --sbb-form-label-color: var(--sbb-color-smoke);
  --sbb-form-background-color-readonly: var(--sbb-color-iron);
  --sbb-header-lean-subtitle-color: var(--sbb-color-graphite);
  --sbb-header-lean-border-bottom-color: var(--sbb-color-iron);
  --sbb-header-lean-background-color: var(--sbb-color-black);
  --sbb-menu-item-label: var(--sbb-color-milk);
  --sbb-menu-item-label-active: var(--sbb-color-white);
  --sbb-menu-item-background-color-hover: var(--sbb-color-charcoal);
  --sbb-menu-item-background-color-active: var(--sbb-color-charcoal);
  --sbb-menu-title-color: var(--sbb-color-smoke);
  --sbb-notification-label-color-success: var(--sbb-color-white);
  --sbb-notification-background-color-success: var(--sbb-color-green);
  --sbb-notification-border-color-success: var(--sbb-color-green);
  --sbb-notification-label-color-information: var(--sbb-color-cloud);
  --sbb-notification-background-color-information: var(--sbb-color-black);
  --sbb-notification-border-color-information: var(--sbb-color-cloud);
  --sbb-notification-background-color-error: var(--sbb-color-red);
  --sbb-notification-border-color-error: var(--sbb-color-red);
  --sbb-notification-background-color-warn: var(--sbb-color-peach);
  --sbb-notification-border-color-warn: var(--sbb-color-peach);
  --sbb-pagination-base-color: var(--sbb-color-silver);
  --sbb-pagination-disabled-color: var(--sbb-color-metal);
  --sbb-panel-background-color: var(--sbb-color-black);
  --sbb-panel-divider-color: var(--sbb-color-smoke);
  --sbb-processflow-step-label-color: var(--sbb-color-graphite);
  --sbb-scrollbar-thumb-color-visible: var(--sbb-color-metal);
  --sbb-scrollbar-track-color-visible: var(--sbb-color-charcoal);
  --sbb-select-arrow-icon-color: var(--sbb-color-white);
  --sbb-sidebar-background-color: var(--sbb-color-charcoal);
  --sbb-icon-sidebar-background-color: var(--sbb-color-black);
  --sbb-sidebar-border-color: var(--sbb-color-iron);
  --sbb-icon-sidebar-background-color-active: var(--sbb-color-charcoal);
  --sbb-sidebar-background-color-hover: var(--sbb-color-midnight);
  --sbb-sidebar-background-color-active: var(--sbb-color-midnight);
  --sbb-status-message-background-color: var(--sbb-color-iron);
  --sbb-status-message-color: var(--sbb-color-white);
  --sbb-table-cell-background-color-hover: var(--sbb-color-charcoal);
  --sbb-table-cell-actions-background-color-lean: var(--sbb-color-background);
  --sbb-table-thead-color: var(--sbb-color-smoke);
  --sbb-table-row-selected-background-color: var(--sbb-color-iron);
  --sbb-table-row-selected-border-bottom-color: var(--sbb-color-text);
  --sbb-table-border-color: var(--sbb-color-anthracite);
  --sbb-table-thead-border-color: var(--sbb-color-anthracite);
  --sbb-tabs-border-color: var(--sbb-color-smoke);
  --sbb-tabs-outline-color: var(--sbb-color-white);
  --sbb-tag-label-color-active: var(--sbb-color-white);
  --sbb-tag-border-color-active: var(--sbb-color-white);
  --sbb-tag-badge-background-color-default: var(--sbb-color-white);
  --sbb-tag-badge-label-color-default: var(--sbb-color-black);
  --sbb-tag-background-color-inactive-hover: var(--sbb-color-charcoal);
  --sbb-tag-label-color-inactive-hover: var(--sbb-color-white);
  --sbb-tag-label-color-active-hover: var(--sbb-color-white);
  --sbb-tag-background-color-inactive: var(--sbb-color-iron);
  --sbb-tag-label-color-inactive: var(--sbb-color-white);
  --sbb-tag-badge-background-color-disabled: var(--sbb-color-anthracite);
  --sbb-tag-badge-background-color-disabled-hover: var(--sbb-color-white);
  --sbb-tag-badge-link-background-color-focused: var(--sbb-color-white);
  --sbb-textarea-remaining-chars-color: var(--sbb-color-smoke);
  --sbb-toggle-border-color-active: var(--sbb-color-white);
  --sbb-toggle-label-color-inactive: var(--sbb-color-milk);
  --sbb-toggle-border-color-inactive: var(--sbb-color-iron);
  --sbb-toggle-background-color-active: var(--sbb-color-charcoal);
  --sbb-toggle-label-color-active: var(--sbb-color-white);
  --sbb-toggle-background-color-inactive: var(--sbb-color-midnight);
  --sbb-tooltip-border-color: var(--sbb-color-smoke);
  --sbb-tooltip-close-button-color: var(--sbb-color-white);
  --sbb-usermenu-text-color: var(--sbb-color-cloud);
  --sbb-usermenu-initial-letters-text-color: var(--sbb-color-aluminum);
  --sbb-usermenu-initial-letters-background-color: var(--sbb-color-iron);
}
:root {
  background: var(--sbb-color-background);
  color: var(--sbb-color-text);
  font-family: var(--sbb-font-roman);
  font-size: 93.75%;
  line-height: var(--sbb-line-height-root);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media all and (min-width: 160.0625em) {
  :root:where(:not(.sbb-lean)) {
    line-height: var(--sbb-line-height-4k);
  }
}
@media all and (min-width: 240.0625em) {
  :root:where(:not(.sbb-lean)) {
    line-height: var(--sbb-line-height-5k);
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  margin: 0;
}
[tabindex="-1"]:focus {
  outline: 0 !important;
}
b,
strong,
optgroup[label="*"] {
  font-family: var(--sbb-font-bold);
  font-weight: normal;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
[hidden] {
  display: none !important;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: .6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}
@keyframes cdk-text-field-autofill-start {
}
@keyframes cdk-text-field-autofill-end {
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}
.cdk-overlay-pane.sbb-overlay-panel {
  max-height: none;
}
.cdk-global-scrollblock {
  overflow-y: auto;
}
:is(h1:where(:not([class*=mod_])), .sbb-headline1) {
  font-family: var(--sbb-font-thin);
  font-weight: normal;
  font-size: 1.8666666667rem;
  line-height: 1.2;
  margin: var(--sbb-divider-big) 0 var(--sbb-divider-medium);
}
@media all and (min-width: 40.1875em) {
  :where(html:not(.sbb-lean)) :is(h1:where(:not([class*=mod_])), .sbb-headline1) {
    font-size: 2rem;
  }
}
@media all and (min-width: 64.0625em) {
  :where(html:not(.sbb-lean)) :is(h1:where(:not([class*=mod_])), .sbb-headline1) {
    font-size: calc(2.6666666667rem*var(--sbb-scaling-factor));
  }
}
:where(html.sbb-lean) :is(h1:where(:not([class*=mod_])), .sbb-headline1) {
  font-family: var(--sbb-font-light);
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.6666666667rem;
}
@media all and (min-width: 64.0625em) {
  :where(html.sbb-lean) :is(h1:where(:not([class*=mod_])), .sbb-headline1) {
    font-size: 1.8666666667rem;
    line-height: 2.2666666667rem;
  }
}
:is(h2:where(:not([class*=mod_])), .sbb-headline2) {
  font-family: var(--sbb-font-light);
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 1.2;
  margin: var(--sbb-divider-medium) 0 var(--sbb-divider-small);
}
@media all and (min-width: 64.0625em) {
  :where(html:not(.sbb-lean)) :is(h2:where(:not([class*=mod_])), .sbb-headline2) {
    font-size: calc(2.1333333333rem*var(--sbb-scaling-factor));
  }
}
:where(html.sbb-lean) :is(h2:where(:not([class*=mod_])), .sbb-headline2) {
  font-size: 1.2rem;
  line-height: 1.2666666667rem;
}
@media all and (min-width: 64.0625em) {
  :where(html.sbb-lean) :is(h2:where(:not([class*=mod_])), .sbb-headline2) {
    font-size: 1.4rem;
    line-height: 1.6666666667rem;
  }
}
:is(h3:where(:not([class*=mod_])), .sbb-headline3) {
  font-family: var(--sbb-font-light);
  font-weight: normal;
  font-size: var(--sbb-font-size-large);
  line-height: 1.2;
  margin: var(--sbb-divider-small) 0 var(--sbb-divider-thin);
}
:where(html.sbb-lean) :is(h3:where(:not([class*=mod_])), .sbb-headline3) {
  font-size: 1.0666666667rem;
  line-height: 1.1333333333rem;
}
@media all and (min-width: 64.0625em) {
  :where(html.sbb-lean) :is(h3:where(:not([class*=mod_])), .sbb-headline3) {
    font-size: 1.2rem;
    line-height: 1.4666666667rem;
  }
}
:is(h4:where(:not([class*=mod_])), .sbb-headline4) {
  font-family: var(--sbb-font-bold);
  font-weight: normal;
  font-size: var(--sbb-font-size);
  line-height: 1.5;
  margin: var(--sbb-divider-small) 0 var(--sbb-divider-thin);
}
:where(html.sbb-lean) :is(h4:where(:not([class*=mod_])), .sbb-headline4) {
  line-height: 1.1333333333rem;
  margin: .5333333333rem 0 .2666666667rem;
}
@media all and (min-width: 64.0625em) {
  :where(html.sbb-lean) :is(h4:where(:not([class*=mod_])), .sbb-headline4) {
    font-size: 1.0666666667rem;
    line-height: 1.2666666667rem;
    margin: 1.0666666667rem 0 .5333333333rem;
  }
}
.sbb-text-scaled {
  font-size: var(--sbb-font-size);
  line-height: var(--sbb-line-height);
}
.sbb-text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
:is(p:where(:not([class*=mod_])), .sbb-copy) {
  font-size: var(--sbb-font-size);
  line-height: var(--sbb-line-height);
  margin: var(--sbb-divider-thin) 0;
}
.sbb-text-lead {
  font-family: var(--sbb-font-light);
  font-weight: normal;
  color: var(--sbb-color-text);
  font-size: var(--sbb-font-size-large);
  line-height: 1.3;
  margin: var(--sbb-divider-medium) 0;
}
@media all and (min-width: 64.0625em)and (max-width: 160.0525em) {
  :where(html:not(.sbb-lean)) .sbb-text-lead {
    line-height: 2.1333333333rem;
  }
}
@media all and (min-width: 240.0625em) {
  :where(html:not(.sbb-lean)) .sbb-text-lead {
    font-size: 2.6666666667rem;
  }
}
:is(a:where(:not(.sbb-link-reset):not(.sbb-button-base):not([class*=mod_])), .sbb-link) {
  color: var(--sbb-color-text);
  text-decoration: underline;
  text-decoration-skip-ink: auto;
  line-height: var(--sbb-line-height);
  vertical-align: bottom;
}
:is(a:where(:not(.sbb-link-reset):not(.sbb-button-base):not([class*=mod_])), .sbb-link):is(:hover, :focus) {
  color: var(--sbb-color-call-to-action-hover);
}
@media screen and (-ms-high-contrast: active) {
  :is(a:where(:not(.sbb-link-reset):not(.sbb-button-base):not([class*=mod_])), .sbb-link):is(:hover, :focus) {
    color: windowText;
  }
  :is(a:where(:not(.sbb-link-reset):not(.sbb-button-base):not([class*=mod_])), .sbb-link):is(:hover, :focus)::before,
  :is(a:where(:not(.sbb-link-reset):not(.sbb-button-base):not([class*=mod_])), .sbb-link):is(:hover, :focus)::after {
    border-color: windowText;
  }
}
:is(ul:where(:not([class*=mod_])), .sbb-unordered-list, ol:where(:not([class*=mod_])), .sbb-ordered-list) {
  font-size: var(--sbb-font-size);
  line-height: var(--sbb-line-height);
  margin-top: calc(1.1333333333rem*var(--sbb-scaling-factor));
  margin-bottom: calc(3.2rem*var(--sbb-scaling-factor));
  margin-left: calc(0.6666666667rem*var(--sbb-scaling-factor));
}
@media all and (min-width: 64.0625em) {
  :is(ul:where(:not([class*=mod_])), .sbb-unordered-list, ol:where(:not([class*=mod_])), .sbb-ordered-list) {
    margin-top: calc(1.6666666667rem*var(--sbb-scaling-factor));
  }
}
:is(ul:where(:not([class*=mod_])), .sbb-unordered-list, ol:where(:not([class*=mod_])), .sbb-ordered-list) li {
  margin-top: var(--sbb-divider-thin);
}
:is(ul:where(:not([class*=mod_])), .sbb-unordered-list, ol:where(:not([class*=mod_])), .sbb-ordered-list) :is(ol, ul) {
  margin: calc(0.4rem*var(--sbb-scaling-factor)) 0 0 calc(0.5333333333rem*var(--sbb-scaling-factor));
}
:is(ul:where(:not([class*=mod_])), .sbb-unordered-list) {
  list-style-type: disc;
  padding-left: calc(1.0666666667rem*var(--sbb-scaling-factor));
}
:is(ul:where(:not([class*=mod_])), .sbb-unordered-list) li {
  padding-left: calc(.6666666667rem*var(--sbb-scaling-factor));
}
:is(ul:where(:not([class*=mod_])), .sbb-unordered-list) li ol > li::before {
  content: counter(item) ".";
}
:is(ol:where(:not([class*=mod_])), .sbb-ordered-list) {
  list-style-type: none;
  counter-reset: item;
  padding-left: 0;
}
:is(ol:where(:not([class*=mod_])), .sbb-ordered-list) > li {
  display: table;
  padding-left: 0;
}
:is(ol:where(:not([class*=mod_])), .sbb-ordered-list) > li::before {
  content: counters(item, ".") ".";
  counter-increment: item;
  display: table-cell;
  padding-right: calc(.8666666667rem*var(--sbb-scaling-factor));
}
.sbb-clean-list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.sbb-clean-list li {
  margin: 0;
  padding-left: 0;
}
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type]))) {
  outline: none;
  background-color: var(--sbb-form-input-background-color);
  padding: .6666666667rem .9333333333rem .7333333333rem;
  border: var(--sbb-border-width) solid var(--sbb-form-input-border-color);
  border-radius: var(--sbb-border-radius);
  color: var(--sbb-form-input-color);
  font-size: var(--sbb-font-size);
  line-height: var(--sbb-line-height-medium);
  min-height: var(--sbb-form-input-min-height);
}
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type]))):where(:not(textarea)) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media all and (min-width: 160.0625em) {
  :where(html:not(.sbb-lean)) :is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type]))) {
    padding: 1rem 1.4rem 1.0666666667rem;
  }
}
@media all and (min-width: 240.0625em) {
  :where(html:not(.sbb-lean)) :is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type]))) {
    padding: 1.4rem 1.8666666667rem 1.4666666667rem;
  }
}
:where(html.sbb-lean) :is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type]))) {
  padding: .4rem .4666666667rem .5333333333rem;
}
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type])))::placeholder {
  color: var(--sbb-form-input-color-placeholder);
  opacity: 1;
}
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type]))):-moz-ui-invalid {
  box-shadow: none;
}
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type]))),
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type])))::-webkit-search-cancel-button,
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type])))::-webkit-search-decoration,
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type])))::-webkit-search-results-button,
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type])))::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type])))::-webkit-contacts-auto-fill-button,
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type])))::-webkit-caps-lock-indicator,
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type])))::-webkit-credentials-auto-fill-button {
  visibility: hidden;
}
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type]))):where([type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=time]) {
  line-height: 1;
}
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type]))):where([type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=time])::after {
  content: " ";
  white-space: pre;
  width: 1px;
}
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type])))::-webkit-inner-spin-button,
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type])))::-webkit-calendar-picker-indicator,
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type])))::-webkit-clear-button {
  font-size: .75em;
}
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type]))):is(:focus, .sbb-focused) {
  border-color: var(--sbb-color-weak-accent);
}
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type]))):is(:disabled, [disabled], .sbb-disabled) {
  background-color: var(--sbb-form-input-background-color-disabled);
  border-color: var(--sbb-form-input-border-color-disabled);
  color: var(--sbb-form-input-color-disabled);
  -webkit-text-fill-color: var(--sbb-form-input-color-disabled);
  opacity: 1;
  cursor: default;
  pointer-events: none;
}
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type]))):is([readonly], .sbb-readonly),
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type]))):is([readonly], .sbb-readonly):focus {
  color: var(--sbb-form-input-color);
  -webkit-text-fill-color: var(--sbb-form-input-color);
  background-color: var(--sbb-form-background-color-readonly);
  border-color: var(--sbb-form-border-color-readonly);
}
:is(.sbb-form-field-invalid :is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type]))):not(:where([aria-expanded=true], .sbb-expanded)), :is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type]))).ng-touched.ng-invalid:not(:where([aria-expanded=true], .sbb-expanded))) {
  color: var(--sbb-color-error);
  border-color: var(--sbb-color-error);
}
:is(input, .sbb-input-element)[placeholder] {
  text-overflow: ellipsis;
}
input:where([type=number], [type=time], [type=datetime], [type=datetime-local]) {
  -moz-appearance: textfield;
}
input:where([type=number], [type=time], [type=datetime], [type=datetime-local])::-webkit-clear-button {
  appearance: none;
  margin: 0;
  width: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0);
}
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  position: relative;
  display: inline-flex;
  box-sizing: border-box;
  padding-right: calc(2.9333333333rem*var(--sbb-scaling-factor)) !important;
  align-items: center;
  background: rgba(0, 0, 0, 0) var(--sbb-url-icon-chevron-small-down-small-grey) no-repeat center right calc(0.6rem*var(--sbb-scaling-factor));
  background-size: var(--sbb-icon-size-default);
}
:where(html.sbb-lean) select {
  padding-right: 2.5333333333rem !important;
  background-position: center right .4rem;
  background-image: var(--sbb-url-icon-chevron-down-small-granite);
}
select::-ms-expand {
  display: none;
}
select::-ms-value {
  color: inherit;
  background: none;
}
@media (forced-colors: active) {
  .sbb-focused select::-ms-value {
    color: inherit;
  }
}
select::-moz-focus-inner {
  border: 0;
}
select:not(:disabled) {
  cursor: pointer;
}
select:is([readonly], .sbb-readonly) {
  background-image: none;
  pointer-events: none;
  touch-action: none;
}
textarea {
  white-space: pre-wrap;
  overflow: auto;
}
textarea:disabled {
  opacity: 1;
}
.sbb-error {
  display: block;
  letter-spacing: 0;
  outline: none;
  resize: none;
  opacity: 1;
  font-family: var(--sbb-font-roman);
  color: var(--sbb-color-error);
  font-size: calc(0.9333333333rem*var(--sbb-scaling-factor));
  line-height: calc(1.4rem*var(--sbb-scaling-factor));
}
:where(html.sbb-lean) .sbb-error {
  font-size: .8666666667rem;
  line-height: 1.0666666667rem;
}
:is(fieldset, .sbb-fieldset) {
  margin: 0;
  min-width: 0;
  font-size: var(--sbb-font-size);
  line-height: var(--sbb-line-height);
  border: var(--sbb-border-width-thin) solid var(--sbb-color-silver);
  padding: var(--sbb-divider-medium) calc(var(--sbb-divider-small) - var(--sbb-border-width-thin));
}
:where(html.sbb-lean) :is(fieldset, .sbb-fieldset) {
  border-color: var(--sbb-color-graphite);
  padding: 1rem;
}
:is(fieldset, .sbb-fieldset) > legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  font-family: var(--sbb-font-light);
  font-weight: 400;
  font-size: var(--sbb-fieldset-legend-font-size);
  line-height: 1.2;
  margin: 0 0 var(--sbb-divider-small);
  float: left;
}
:is(fieldset, .sbb-fieldset) > legend + * {
  clear: both;
}
:is(fieldset, .sbb-fieldset) fieldset {
  --sbb-fieldset-legend-font-size: var(--sbb-fieldset-legend-nested-font-size);
  border-top: none;
  border-right: none;
  border-left: none;
  padding-left: 0;
  padding-right: 0;
}
:is(fieldset, .sbb-fieldset) fieldset:last-of-type {
  border-bottom: none;
}
:where(html.sbb-lean) :is(fieldset, .sbb-fieldset) fieldset {
  border-color: var(--sbb-color-cloud);
}
.sbb-transparent-parent-overlay {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  cursor: inherit;
  z-index: -1;
}
.sbb-button-reset {
  background: none;
  max-width: none;
  min-width: 0;
  padding: 0;
  margin: 0;
}
.sbb-button-reset-frameless {
  background: none;
  max-width: none;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: none;
}
.sbb-badge {
  position: relative;
}
.sbb-badge.sbb-badge {
  overflow: visible;
}
.sbb-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  transition: transform var(--sbb-transition-duration-fast) var(--sbb-transition-timing-default);
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  min-width: calc(1.2rem*var(--sbb-scaling-factor));
  border-radius: 1em;
  padding: calc(0.2666666667rem*var(--sbb-scaling-factor)) calc(0.3333333333rem*var(--sbb-scaling-factor));
  margin-left: calc(0.1333333333rem*var(--sbb-scaling-factor));
  background-color: var(--sbb-badge-background-color);
  color: var(--sbb-badge-color);
  font-family: var(--sbb-font-bold);
  line-height: 1;
  height: calc(1.2rem*var(--sbb-scaling-factor));
  font-size: .7333333333rem;
}
@media all and (min-width: 160.0625em) {
  :where(html:not(.sbb-lean)) .sbb-badge-content {
    font-size: 1.1333333333rem;
  }
}
@media all and (min-width: 240.0625em) {
  :where(html:not(.sbb-lean)) .sbb-badge-content {
    font-size: 1.4666666667rem;
  }
}
.sbb-badge-above .sbb-badge-content {
  top: calc(-0.1333333333rem*var(--sbb-scaling-factor));
}
.sbb-badge-after .sbb-badge-content {
  right: 0;
}
:where(.sbb-icon):is(.sbb-badge-above, .sbb-badge-after) .sbb-badge-content {
  top: calc(-0.1333333333rem*var(--sbb-scaling-factor));
  right: 0;
}
.sbb-badge-hidden .sbb-badge-content {
  display: none;
}
:is(.sbb-badge-disabled, .sbb-tab-disabled) .sbb-badge-content {
  background-color: var(--sbb-badge-background-color-disabled);
  color: var(--sbb-color-white);
}
.ng-animate-disabled .sbb-badge-content,
.sbb-badge-content._sbb-animation-noopable {
  transition: none;
}
.sbb-badge-content.sbb-badge-active {
  transform: none;
}
:is(.sbb-button, .sbb-alt-button, .sbb-secondary-button, .sbb-ghost-button, .sbb-icon-button) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: var(--sbb-button-height);
  background: none;
  max-width: none;
  min-width: 0;
  text-decoration: none;
  display: inline-block;
  position: relative;
  text-align: center;
  font-size: var(--sbb-font-size);
  line-height: var(--sbb-line-height);
  border: var(--sbb-border-width-thin) solid rgba(0, 0, 0, 0);
  border-radius: var(--sbb-border-radius);
  padding: .6rem 2.6rem .7333333333rem;
  margin: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
}
:is(.sbb-button, .sbb-alt-button, .sbb-secondary-button, .sbb-ghost-button, .sbb-icon-button):where(:not(.sbb-icon-button)) {
  width: 100%;
}
@media all and (min-width: 40.1875em) {
  :is(.sbb-button, .sbb-alt-button, .sbb-secondary-button, .sbb-ghost-button, .sbb-icon-button) {
    width: auto;
    min-width: calc(4rem*var(--sbb-scaling-factor));
    max-width: calc(26.6666666667rem*var(--sbb-scaling-factor));
  }
}
@media all and (min-width: 160.0625em) {
  :where(html:not(.sbb-lean)) :is(.sbb-button, .sbb-alt-button, .sbb-secondary-button, .sbb-ghost-button, .sbb-icon-button) {
    padding: .9333333333rem 3.8666666667rem 1rem;
  }
}
@media all and (min-width: 240.0625em) {
  :where(html:not(.sbb-lean)) :is(.sbb-button, .sbb-alt-button, .sbb-secondary-button, .sbb-ghost-button, .sbb-icon-button) {
    padding: 1.2666666667rem 5.2rem 1.4rem;
  }
}
:where(html.sbb-lean) :is(.sbb-button, .sbb-alt-button, .sbb-secondary-button, .sbb-ghost-button, .sbb-icon-button) {
  padding: .3333333333rem 1rem .4rem;
}
:is(.sbb-button, .sbb-alt-button, .sbb-secondary-button, .sbb-ghost-button, .sbb-icon-button):not(:disabled):not(.sbb-disabled) {
  cursor: pointer;
}
:where(html:not(.sbb-lean)) :is(.sbb-button, .sbb-alt-button, .sbb-secondary-button, .sbb-ghost-button, .sbb-icon-button):is(:disabled, .sbb-disabled) {
  border-color: var(--sbb-color-storm);
}
:where(html:not(.sbb-lean)) :is(.sbb-button, .sbb-alt-button, .sbb-secondary-button, .sbb-ghost-button, .sbb-icon-button):is(:disabled, .sbb-disabled),
:where(html:not(.sbb-lean)) :is(.sbb-button, .sbb-alt-button, .sbb-secondary-button, .sbb-ghost-button, .sbb-icon-button):is(:disabled, .sbb-disabled) * {
  text-decoration: line-through;
}
.sbb-button {
  background-color: var(--sbb-primary-button-background-color-default);
  color: var(--sbb-primary-button-color);
}
.sbb-button:not(:disabled):not(.sbb-disabled):is(:hover, :focus) {
  background-color: var(--sbb-primary-button-background-color-hover);
}
.sbb-button:is(:disabled, .sbb-disabled) {
  background-color: var(--sbb-primary-button-background-color-disabled);
  color: var(--sbb-primary-button-color-disabled);
}
.sbb-alt-button {
  background-color: var(--sbb-primary-alternative-button-background-color-default);
  color: var(--sbb-primary-alternative-button-color);
}
.sbb-alt-button:not(:disabled):not(.sbb-disabled):is(:hover, :focus) {
  background-color: var(--sbb-primary-alternative-button-background-color-hover);
}
.sbb-alt-button:is(:disabled, .sbb-disabled) {
  background-color: var(--sbb-primary-alternative-button-background-color-disabled);
  color: var(--sbb-primary-alternative-button-color-disabled);
}
.sbb-secondary-button {
  background-color: var(--sbb-secondary-button-background-color-default);
  color: var(--sbb-secondary-button-color);
}
.sbb-secondary-button:not(:disabled):not(.sbb-disabled):is(:hover, :focus) {
  background-color: var(--sbb-secondary-button-background-color-hover);
}
.sbb-secondary-button:is(:disabled, .sbb-disabled) {
  background-color: var(--sbb-secondary-button-background-color-disabled);
  color: var(--sbb-secondary-button-color-disabled);
}
:where(html:not(.sbb-lean)) .sbb-button-base:is(.sbb-button, .sbb-secondary-button):not(.sbb-disabled, .sbb-icon-button) {
  transition-duration: var(--sbb-transition-duration-default);
  transition-timing-function: var(--sbb-transition-timing-default);
  transition-property:
    transform,
    padding-left,
    padding-right;
  padding-left: calc(2.6rem*var(--sbb-scaling-factor));
  padding-right: calc(4.6rem*var(--sbb-scaling-factor));
}
:where(html:not(.sbb-lean)) .sbb-button-base:is(.sbb-button, .sbb-secondary-button):not(.sbb-disabled, .sbb-icon-button) .sbb-button-right-icon {
  right: calc(2.6rem*var(--sbb-scaling-factor));
}
:where(html:not(.sbb-lean)) .sbb-button-base:is(.sbb-button, .sbb-secondary-button):not(.sbb-disabled, .sbb-icon-button):hover {
  padding-left: calc(4.6rem*var(--sbb-scaling-factor));
  padding-right: calc(2.6rem*var(--sbb-scaling-factor));
}
:where(html:not(.sbb-lean)) .sbb-button-base:is(.sbb-button, .sbb-secondary-button):not(.sbb-disabled, .sbb-icon-button):hover .sbb-button-right-icon {
  right: 0;
}
.sbb-ghost-button {
  background-color: rgba(0, 0, 0, 0);
  color: var(--sbb-ghost-button-label-color);
  border-color: var(--sbb-ghost-button-border-color-default);
}
.sbb-ghost-button:not(:disabled):not(.sbb-disabled):is(:hover, :focus) {
  border-color: var(--sbb-ghost-button-border-color-hover);
}
.sbb-ghost-button:is(:disabled, .sbb-disabled) {
  color: var(--sbb-ghost-button-label-color-disabled);
  border-color: var(--sbb-ghost-button-border-color-disabled);
}
:where(html:not(.sbb-lean)) .sbb-ghost-button:is(:disabled, .sbb-disabled) {
  display: none;
}
.sbb-icon-button {
  height: var(--sbb-button-height);
  padding: calc(0.7333333333rem*var(--sbb-scaling-factor)) !important;
  min-width: auto;
  line-height: 0 !important;
}
:where(html:not(.sbb-lean)) .sbb-icon-button:is(:disabled, .sbb-disabled):before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: var(--sbb-icon-size-default);
  border-top: var(--sbb-border-width-thin) solid var(--sbb-color-smoke);
}
:where(html.sbb-lean) .sbb-icon-button {
  padding: calc(0.3333333333rem*var(--sbb-scaling-factor)) !important;
}
:is(.sbb-frameless-button, .sbb-link:where(.sbb-button-base)) {
  background: none;
  max-width: none;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  display: inline-block;
  font-size: var(--sbb-font-size);
  line-height: var(--sbb-line-height);
  text-decoration: none;
  text-align: left;
  cursor: pointer;
  outline: none;
}
:is(.sbb-frameless-button, .sbb-link:where(.sbb-button-base)):not(:disabled):not(.sbb-disabled):is(:hover, :focus) {
  color: var(--sbb-color-call-to-action-hover);
}
:where(html:not(.sbb-lean)) :is(.sbb-frameless-button, .sbb-link:where(.sbb-button-base)).sbb-button-base:not(:disabled):not(.sbb-disabled) {
  transition-duration: var(--sbb-transition-duration-default);
  transition-timing-function: var(--sbb-transition-timing-default);
  transition-property:
    transform,
    padding-left,
    padding-right;
  padding-left: 0;
  padding-right: calc(2rem*var(--sbb-scaling-factor));
}
:where(html:not(.sbb-lean)) :is(.sbb-frameless-button, .sbb-link:where(.sbb-button-base)).sbb-button-base:not(:disabled):not(.sbb-disabled):hover {
  padding-left: calc(2rem*var(--sbb-scaling-factor));
  padding-right: 0;
}
.sbb-link.sbb-button-base {
  white-space: normal;
}
:where(html.sbb-lean) .sbb-link.sbb-button-base {
  padding-right: calc(2rem*var(--sbb-scaling-factor));
}
.sbb-link-group .sbb-link.sbb-button-base:not(:disabled):not(.sbb-disabled) {
  padding: var(--sbb-divider-thin) calc(1.8666666667rem*var(--sbb-scaling-factor)) var(--sbb-divider-thin) 0;
  border-bottom: var(--sbb-border-width-thin) solid var(--sbb-color-silver);
}
:where(html:not(.sbb-lean)) :is(.sbb-link-group .sbb-link.sbb-button-base:not(:disabled):not(.sbb-disabled), .sbb-link-group .sbb-link.sbb-button-base:not(:disabled):not(.sbb-disabled):hover) {
  transition: none;
  padding-left: 0;
  padding-right: 0;
}
.sbb-frameless-button {
  color: var(--sbb-frameless-button-label-color);
}
.sbb-frameless-button:is(:disabled, .sbb-disabled) {
  display: none;
}
:is(.sbb-button, .sbb-alt-button, .sbb-secondary-button, .sbb-ghost-button, .sbb-icon-button, .sbb-frameless-button, .sbb-link:where(.sbb-button-base)) .sbb-icon {
  width: var(--sbb-icon-size-default);
  height: var(--sbb-icon-size-default);
}
:is(.sbb-button, .sbb-alt-button, .sbb-secondary-button, .sbb-ghost-button, .sbb-icon-button, .sbb-frameless-button, .sbb-link:where(.sbb-button-base)) .sbb-icon > svg {
  width: 100%;
  height: 100%;
}
:is(.sbb-button, .sbb-alt-button, .sbb-secondary-button, .sbb-ghost-button, .sbb-frameless-button, .sbb-link:where(.sbb-button-base)):where(:not(.sbb-icon-button)) .sbb-icon {
  margin-top: var(--sbb-button-icon-top-margin);
}
:is(.sbb-button, .sbb-alt-button, .sbb-secondary-button, .sbb-ghost-button, .sbb-frameless-button, .sbb-link:where(.sbb-button-base)):where(:not(.sbb-icon-button)) .sbb-icon:not(.sbb-button-indicator-icon) {
  transform: translateY(calc(var(--sbb-button-icon-top-margin) / -2));
}
.sbb-button-indicator-icon {
  transition-duration: var(--sbb-transition-duration-default);
  transition-timing-function: var(--sbb-transition-timing-default);
  transition-property:
    opacity,
    transform,
    right;
  backface-visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: 50%;
}
:is(.sbb-button-base.sbb-disabled, .sbb-button-base.sbb-disabled:hover) .sbb-button-indicator-icon {
  opacity: 0;
}
.sbb-button-base.sbb-link .sbb-button-indicator-icon {
  top: unset;
  margin-top: unset;
  transform: translateY(calc(0.0333333333rem * var(--sbb-scaling-factor))) !important;
}
:where(html.sbb-lean) .sbb-button-base.sbb-link .sbb-button-indicator-icon {
  transform: translateY(-0.0666666667rem) !important;
}
:where(html:not(.sbb-lean)) .sbb-button-base.sbb-link .sbb-button-indicator-icon {
  color: var(--sbb-color-call-to-action);
}
:where(html:not(.sbb-lean)) .sbb-button-base.sbb-link .sbb-button-indicator-icon:hover {
  color: inherit;
}
.sbb-link-group :is(.sbb-button-indicator-icon, .sbb-button-indicator-icon:hover) {
  transition: none;
}
.sbb-button-left-icon {
  margin-left: calc(-2rem*var(--sbb-scaling-factor));
  transform: translateX(calc(-1.7333333333rem * var(--sbb-scaling-factor)));
  opacity: 0;
}
.sbb-button-base:hover .sbb-button-left-icon {
  transform: translateX(0);
  opacity: 1;
}
.sbb-link-group :is(.sbb-button-left-icon, .sbb-button-left-icon:hover) {
  display: none;
}
.sbb-button-right-icon {
  margin-left: calc(0.4rem*var(--sbb-scaling-factor));
  transform: translateX(0);
  opacity: 1;
}
:where(html.sbb-lean) .sbb-button-right-icon {
  transform: translateX(calc(-1.6rem * var(--sbb-scaling-factor)));
}
:where(html:not(.sbb-lean)) .sbb-button-base:hover .sbb-button-right-icon {
  transform: translateX(calc(1.7333333333rem * var(--sbb-scaling-factor)));
  opacity: 0;
}
:where(html.sbb-lean) .sbb-button-base.sbb-link .sbb-button-right-icon {
  transform: none;
}
.sbb-link-group :is(.sbb-button-right-icon, .sbb-button-right-icon:hover) {
  opacity: 1;
  right: 0;
}
.sbb-link-group {
  display: inline-flex;
  width: calc(16.6666666667rem*var(--sbb-scaling-factor));
  flex-direction: column;
  border-top: var(--sbb-border-width-thin) solid var(--sbb-color-silver);
}
.sbb-selection-item {
  display: inline-block;
}
.sbb-selection-item-label {
  display: flex;
  position: relative;
  align-items: flex-start;
  font-size: var(--sbb-font-size);
  line-height: var(--sbb-line-height);
}
.sbb-selection-container {
  display: inline-block;
  background-color: var(--sbb-selection-container-background-color-default);
  margin-top: calc(0.2rem*var(--sbb-scaling-factor));
  width: calc(1.3333333333rem*var(--sbb-scaling-factor));
  min-width: calc(1.3333333333rem*var(--sbb-scaling-factor));
  height: calc(1.3333333333rem*var(--sbb-scaling-factor));
  min-height: calc(1.3333333333rem*var(--sbb-scaling-factor));
  border: var(--sbb-border-width) solid var(--sbb-selection-container-border-color-default);
  margin-right: calc(0.5333333333rem*var(--sbb-scaling-factor));
}
:where(html.sbb-lean) .sbb-selection-container {
  margin-top: 0;
}
.sbb-selection-input:focus + .sbb-selection-container,
.sbb-menu-item.sbb-active .sbb-pseudo-checkbox .sbb-selection-container {
  border-color: var(--sbb-selection-container-border-color-focused);
}
:is(.sbb-checkbox, .sbb-pseudo-checkbox) .sbb-selection-container {
  border-radius: var(--sbb-border-radius);
}
.sbb-radio-button .sbb-selection-container {
  border-radius: 50%;
}
:where(html.sbb-lean) .sbb-radio-button .sbb-selection-container {
  margin-top: 0;
}
.sbb-selection-disabled .sbb-selection-container {
  border-color: var(--sbb-selection-container-border-color-disabled);
  background-color: var(--sbb-selection-container-background-color-disabled);
}
.sbb-selection-indeterminate .sbb-selection-container::before {
  content: "";
  position: relative;
  height: .0666666667rem;
  width: .6666666667rem;
  left: calc(50% - 0.3333333333rem);
  top: calc(50% - 0.0333333333rem);
  border: .0666666667rem solid var(--sbb-selection-container-icon-color-default);
  display: block;
  background-color: var(--sbb-selection-container-icon-color-default);
}
.sbb-selection-container-checked {
  color: var(--sbb-selection-container-icon-color-default);
  line-height: 0;
  height: 100%;
  width: 100%;
  transition: opacity var(--sbb-transition-default);
  position: relative;
}
:is(.sbb-checkbox, .sbb-pseudo-checkbox) .sbb-selection-container-checked {
  display: none;
  border-radius: var(--sbb-border-radius);
  transform: scale(1.3);
}
:is(.sbb-checkbox, .sbb-pseudo-checkbox) .sbb-selection-container-checked > svg {
  display: inline-block;
  line-height: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
:is(.sbb-checkbox, .sbb-pseudo-checkbox) .sbb-selection-container-checked > svg > polyline {
  stroke: currentColor;
}
.sbb-radio-button .sbb-selection-container-checked {
  display: none;
  border-radius: 50%;
  transform: scale(0.65);
  background-color: var(--sbb-selection-container-icon-color-default);
}
@media (forced-colors: active) {
  .sbb-radio-button .sbb-selection-container-checked {
    background-color: CanvasText;
  }
}
.sbb-selection-disabled .sbb-selection-container-checked {
  color: var(--sbb-selection-container-icon-color-disabled);
}
.sbb-radio-button:is(.sbb-selection-disabled) .sbb-selection-container-checked {
  background-color: var(--sbb-selection-container-icon-color-disabled);
}
.sbb-selection-checked .sbb-selection-container-checked {
  display: block;
}
.sbb-selection-indeterminate .sbb-selection-container-checked {
  display: none;
}
.sbb-selection-content {
  -webkit-user-select: auto;
  user-select: auto;
  color: var(--sbb-selection-label-color-unchecked);
  transition: color var(--sbb-transition-default);
}
:where(html.sbb-lean) .sbb-selection-content {
  line-height: 1.3333333333rem;
}
:is(.sbb-selection-checked, .sbb-selection-indeterminate) .sbb-selection-content {
  color: var(--sbb-selection-label-color-checked);
}
.sbb-selection-disabled .sbb-selection-content {
  color: var(--sbb-selection-label-color-disabled);
}
.sbb-selection-disabled {
  pointer-events: none;
}
@media (forced-colors: active) {
  .sbb-selection-disabled {
    opacity: .5;
  }
}
:is(.sbb-checkbox-group-vertical, .sbb-radio-group-vertical) {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  row-gap: calc(1.0666666667rem*var(--sbb-scaling-factor));
}
:where(html.sbb-lean) :is(.sbb-checkbox-group-vertical, .sbb-radio-group-vertical) {
  row-gap: .2rem;
}
:is(.sbb-checkbox-group-horizontal, .sbb-radio-group-horizontal) {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  column-gap: calc(2.1333333333rem*var(--sbb-scaling-factor));
}
:where(html.sbb-lean) :is(.sbb-checkbox-group-horizontal, .sbb-radio-group-horizontal) {
  column-gap: 1rem;
}
.sbb-selection-panel-item {
  display: inline-block;
  background-color: var(--sbb-selection-panel-background-color-default);
  border: var(--sbb-border-width-thin) solid var(--sbb-selection-panel-border-color);
  border-radius: var(--sbb-border-radius);
  font-size: var(--sbb-font-size);
  line-height: var(--sbb-line-height);
  color: var(--sbb-selection-panel-color);
  width: 100%;
  transition: border-color .15s ease-in-out;
  position: relative;
}
.sbb-selection-panel-item.sbb-selection-checked {
  background-color: var(--sbb-selection-panel-background-color-checked);
  border-color: var(--sbb-selection-panel-border-color-active);
  color: var(--sbb-color-text);
}
.sbb-selection-panel-item:is(.sbb-selection-error, .ng-touched.ng-invalid),
.sbb-radio-group-base:is(.sbb-selection-error, .ng-touched.ng-invalid) .sbb-selection-panel-item {
  border-color: var(--sbb-color-error);
  color: var(--sbb-color-error);
}
.sbb-selection-panel-item.sbb-selection-disabled {
  background-color: var(--sbb-selection-panel-background-color-disabled);
  border-color: var(--sbb-selection-panel-border-color-disabled);
}
.sbb-selection-panel-item :is(.sbb-selection-container, .sbb-selection-panel-icon) {
  display: inline-block;
  flex: 0 0 auto;
}
.sbb-selection-panel-item .sbb-selection-content {
  flex: 1 auto;
  display: flex;
  flex-wrap: wrap;
  overflow-x: hidden;
  gap: calc(0.5333333333rem*var(--sbb-scaling-factor));
}
.sbb-selection-panel-item .sbb-selection-item-label {
  padding: 1.2rem 1.6rem;
}
@media all and (min-width: 160.0625em) {
  :where(html:not(.sbb-lean)) .sbb-selection-panel-item .sbb-selection-item-label {
    padding: 1.8rem 2.4rem 1.7333333333rem;
  }
}
@media all and (min-width: 240.0625em) {
  :where(html:not(.sbb-lean)) .sbb-selection-panel-item .sbb-selection-item-label {
    padding: 2.4666666667rem 3.2rem 2.3333333333rem;
  }
}
.sbb-selection-inner-content {
  flex-direction: column;
  display: flex;
  flex: 1 1 50%;
  padding-right: calc(0.5333333333rem*var(--sbb-scaling-factor));
}
.sbb-selection-inner-content:not(:only-child) {
  margin-right: calc(1.0666666667rem*var(--sbb-scaling-factor));
}
.sbb-selection-panel-subtitle {
  font-size: var(--sbb-font-size-small);
  line-height: var(--sbb-line-height-small);
  color: var(--sbb-selection-panel-subtitle-color);
}
.sbb-selection-panel-warning {
  flex: 1 100%;
  order: 3;
  color: var(--sbb-selection-panel-subtitle-color);
}
@media all and (min-width: 40.1875em) {
  .sbb-selection-panel-warning {
    flex-basis: 0;
    order: initial;
    margin-top: initial;
  }
}
.sbb-selection-panel-note {
  margin-left: auto;
  margin-bottom: calc(0.5333333333rem*var(--sbb-scaling-factor));
}
@media all and (min-width: 40.1875em) {
  .sbb-selection-panel-note {
    margin-bottom: 0;
  }
}
.sbb-selection-panel-note img {
  max-height: calc(1.6rem*var(--sbb-scaling-factor));
}
:is(.sbb-checkbox-panel-group, .sbb-radio-panel-group) {
  display: grid;
  grid-template-columns: 1fr;
  gap: calc(0.5333333333rem*var(--sbb-scaling-factor)) calc(0.4rem*var(--sbb-scaling-factor));
  font-size: var(--sbb-font-size);
}
@media all and (min-width: 40.1875em) {
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-tablet-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-tablet-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-tablet-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media all and (min-width: 64.0625em) {
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop-8 {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media all and (min-width: 80.0625em) {
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktopLarge-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktopLarge-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktopLarge-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktopLarge-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktopLarge-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktopLarge-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktopLarge-8 {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media all and (min-width: 90.0625em) {
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop2k-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop2k-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop2k-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop2k-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop2k-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop2k-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop2k-8 {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media all and (min-width: 160.0625em) {
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop4k-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop4k-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop4k-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop4k-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop4k-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop4k-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop4k-8 {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media all and (min-width: 240.0625em) {
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop5k-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop5k-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop5k-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop5k-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop5k-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop5k-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop5k-8 {
    grid-template-columns: repeat(8, 1fr);
  }
}
.sbb-label {
  letter-spacing: 0;
  outline: 0;
  resize: none;
  background-color: rgba(0, 0, 0, 0);
  font-family: var(--sbb-font-roman);
  font-size: var(--sbb-font-size-small);
  line-height: var(--sbb-form-label-line-height);
  color: var(--sbb-form-label-color);
  display: block;
}
.sbb-table-wrapper {
  display: block;
  overflow: auto;
}
.sbb-table-wrapper:focus-visible {
  outline: var(--sbb-border-width) solid var(--sbb-color-black);
}
.sbb-table {
  border-spacing: 0;
  width: 100%;
  font-size: var(--sbb-font-size);
  line-height: var(--sbb-line-height-medium);
  padding-bottom: var(--sbb-table-tbody-padding);
}
:where(html.sbb-lean) .sbb-table {
  line-height: var(--sbb-line-height);
  padding-bottom: 0;
}
.sbb-table :is(th, td) {
  color: var(--sbb-color-text);
  background-color: var(--sbb-table-background-color);
  vertical-align: top;
  position: relative;
}
.sbb-table th {
  font-family: var(--sbb-font-bold);
  font-weight: 400;
  color: var(--sbb-table-thead-color);
}
.sbb-table th .sbb-table-header-subtitle {
  font-family: var(--sbb-font-roman);
}
.sbb-table th.sbb-header-cell.sbb-table-filter {
  font-family: var(--sbb-font-roman);
  font-weight: normal;
  padding-top: 0;
}
.sbb-table th.sbb-header-cell.sbb-table-filter input {
  width: 100%;
}
.sbb-table thead {
  text-align: left;
}
:where(html.sbb-lean) .sbb-table thead > tr:last-child :is(th, td) {
  border-bottom: var(--sbb-border-width-thin) solid var(--sbb-table-thead-border-color);
}
:where(html.sbb-lean) .sbb-table thead > tr :is(th, td) {
  border-right: var(--sbb-border-width-thin) solid var(--sbb-table-thead-border-color);
}
:is(.sbb-table-wrapper-offset-right, .sbb-table-wrapper-offset-both) :where(html.sbb-lean) .sbb-table thead > tr :is(th, td).sbb-table-sticky-border-elem-right {
  border-left: var(--sbb-border-width-thin) solid var(--sbb-table-thead-border-color);
}
:where(html:not(.sbb-lean)) .sbb-table :is(thead, tfoot) > tr :is(th, td) {
  background-color: var(--sbb-table-thead-background-color);
  padding: var(--sbb-table-thead-padding-vertical-top) var(--sbb-table-cell-padding-horizontal) var(--sbb-table-thead-padding-vertical-bottom) var(--sbb-table-cell-padding-horizontal);
}
@media all and (min-width: 40.1875em) {
  :where(html:not(.sbb-lean)) .sbb-table :is(thead, tfoot) > tr :is(th, td):first-child {
    border-left: var(--sbb-table-thead-padding) solid var(--sbb-table-thead-background-color);
  }
  :where(html:not(.sbb-lean)) .sbb-table :is(thead, tfoot) > tr :is(th, td):last-child {
    border-right: var(--sbb-table-thead-padding) solid var(--sbb-table-thead-background-color);
  }
}
:where(html.sbb-lean) :is(.sbb-table tbody, .sbb-table tfoot, .sbb-table) > tr :is(th, td) {
  border-right: var(--sbb-border-width-thin) solid var(--sbb-table-border-color);
}
:where(html.sbb-lean) :is(.sbb-table thead, .sbb-table tbody, .sbb-table tfoot, .sbb-table) > tr :is(th, td) {
  padding: var(--sbb-table-cell-padding-vertical) var(--sbb-table-tbody-padding);
}
:where(html.sbb-lean) :is(.sbb-table thead, .sbb-table tbody, .sbb-table tfoot, .sbb-table) > tr :is(th, td).sbb-table-group-with-next {
  border-right: none;
}
:where(html.sbb-lean) :is(.sbb-table thead, .sbb-table tbody, .sbb-table tfoot, .sbb-table) > tr :is(th, td):first-child {
  padding-left: var(--sbb-table-tbody-padding);
  border-left: none;
}
:where(html.sbb-lean) :is(.sbb-table thead, .sbb-table tbody, .sbb-table tfoot, .sbb-table) > tr :is(th, td):last-child {
  padding-right: var(--sbb-table-tbody-padding);
  border-right: none;
}
:where(html:not(.sbb-lean)) :is(.sbb-table tbody, .sbb-table) > tr :is(th, td) {
  padding: var(--sbb-table-cell-padding-vertical-top) var(--sbb-table-cell-padding-horizontal) var(--sbb-table-cell-padding-vertical-bottom) var(--sbb-table-cell-padding-horizontal);
}
@media all and (min-width: 40.1875em) {
  :where(html:not(.sbb-lean)) :is(.sbb-table tbody, .sbb-table) > tr :is(th, td):first-child {
    border-left: var(--sbb-table-thead-padding) solid var(--sbb-table-background-color);
  }
  :where(html:not(.sbb-lean)) :is(.sbb-table tbody, .sbb-table) > tr :is(th, td):last-child {
    border-right: var(--sbb-table-thead-padding) solid var(--sbb-table-background-color);
  }
}
:where(html.sbb-lean) :is(.sbb-table tbody, .sbb-table) > tr :is(th, td) {
  border-bottom: var(--sbb-border-width-thin) solid var(--sbb-table-border-color);
}
:where(html:not(.sbb-lean)) :is(.sbb-table tbody, .sbb-table) > tr:nth-child(even) :is(th, td) {
  background-color: var(--sbb-table-tbody-stripe-background-color);
}
:where(html.sbb-lean) :is(.sbb-table tbody, .sbb-table) > tr.sbb-table-row-selected :is(td, th) {
  background-color: var(--sbb-table-row-selected-background-color);
  border-bottom: var(--sbb-border-width-thin) solid var(--sbb-table-row-selected-border-bottom-color);
}
:where(html.sbb-lean) :is(.sbb-table tbody, .sbb-table) > tr:is(:hover, :focus, :focus-within) :is(td, th) {
  background-color: var(--sbb-table-cell-background-color-hover);
  border-bottom: var(--sbb-border-width-thin) solid var(--sbb-color-call-to-action-hover);
}
.sbb-table caption {
  font-size: var(--sbb-font-size-small);
  line-height: var(--sbb-line-height-small);
  color: var(--sbb-color-weak-accent);
}
.sbb-table .sbb-selection-item {
  vertical-align: top;
}
.sbb-table .sbb-button-base,
.sbb-table .sbb-menu-trigger-contextmenu {
  margin: -100% 0;
}
:where(html.sbb-lean) .sbb-table .sbb-button-base {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: var(--sbb-icon-size-default);
}
:where(html.sbb-lean) .sbb-table .sbb-button-base:not(.sbb-ghost-button) {
  border: none;
}
:where(html.sbb-lean) .sbb-table .sbb-icon-button {
  padding: 0 !important;
}
.sbb-table .sbb-icon-button,
.sbb-table .sbb-menu-trigger-contextmenu {
  transform: translateY(calc(0.4666666667rem * var(--sbb-scaling-factor)));
}
.sbb-table-caption > * {
  font-size: var(--sbb-font-size-small);
  line-height: var(--sbb-line-height-small);
  color: var(--sbb-color-weak-accent);
}
.sbb-table-align-center {
  text-align: center;
}
.sbb-table-align-left {
  text-align: left;
}
.sbb-table-align-right {
  text-align: right;
}
.sbb-table-sticky {
  position: sticky !important;
}
:is(.sbb-table-sticky-border-elem-left, .sbb-table-sticky-border-elem-right)::after {
  content: "";
  transition-timing-function: var(--sbb-transition-timing-fast-start);
  transition-duration: var(--sbb-transition-duration-fast);
  transition-property: visibility, opacity;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  width: var(--sbb-table-sticky-shadow-width);
  top: 0;
  bottom: 0;
}
:is(.sbb-table-wrapper-offset-left, .sbb-table-wrapper-offset-both) .sbb-table-sticky-border-elem-left::after {
  visibility: visible;
  opacity: 1;
  background-image:
    linear-gradient(
      -270deg,
      rgba(0, 0, 0, 0.2) 0%,
      transparent 100%);
  right: var(--sbb-table-sticky-shadow-offset);
}
:where(html.sbb-lean) :is(.sbb-table-wrapper-offset-right, .sbb-table-wrapper-offset-both) .sbb-table-sticky-border-elem-right {
  border-left: var(--sbb-border-width-thin) solid var(--sbb-color-aluminum);
}
:is(.sbb-table-wrapper-offset-right, .sbb-table-wrapper-offset-both) .sbb-table-sticky-border-elem-right::after {
  visibility: visible;
  opacity: 1;
  background-image:
    linear-gradient(
      270deg,
      rgba(0, 0, 0, 0.2) 0%,
      transparent 100%);
  left: var(--sbb-table-sticky-shadow-offset);
}
:where(html.sbb-lean) .sbb-table-sticky-border-elem-bottom::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -.0666666667rem;
  border-top: .0666666667rem solid var(--sbb-color-aluminum);
}
.sbb-table-fixed-layout {
  table-layout: fixed;
}
.sbb-table-divider-title {
  font-family: var(--sbb-font-bold);
}
.sbb-table-cell-actions {
  --sbb-table-cell-actions-background-color: var(--sbb-table-background-color);
  display: none;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  gap: calc(0.1333333333rem*var(--sbb-scaling-factor));
  padding: calc(0.8rem*var(--sbb-scaling-factor)) calc(0.8rem*var(--sbb-scaling-factor)) 0 calc(0.1333333333rem*var(--sbb-scaling-factor));
  box-shadow: 0 0 calc(0.5333333333rem*var(--sbb-scaling-factor)) calc(0.5333333333rem*var(--sbb-scaling-factor)) var(--sbb-table-cell-actions-background-color);
  background-color: var(--sbb-table-cell-actions-background-color);
  clip-path: inset(0 0 -100% -100%);
}
:where(html:not(.sbb-lean)) :is(tbody, .sbb-table) > tr:nth-child(even) .sbb-table-cell-actions {
  --sbb-table-cell-actions-background-color: var(--sbb-table-tbody-stripe-background-color);
}
:where(html.sbb-lean) .sbb-table-cell-actions {
  --sbb-table-cell-actions-background-color: var(--sbb-table-cell-actions-background-color-lean);
  padding: .3333333333rem .3333333333rem 0rem .1333333333rem;
  box-shadow: 0 0 .2666666667rem .2666666667rem var(--sbb-table-cell-actions-background-color);
}
.sbb-table-cell-actions .sbb-button-base {
  margin: 0;
  transform: none;
}
:where(html:not(.sbb-lean)) .sbb-table-cell-actions .sbb-icon-button {
  padding: calc(0.3333333333rem*var(--sbb-scaling-factor)) !important;
  height: var(--sbb-icon-size-large);
}
tr:is(:hover, :focus, :focus-within) .sbb-table-cell-actions {
  display: flex;
}
input.sbb-input-element.sbb-time-input {
  width: calc(5.6rem*var(--sbb-scaling-factor));
  height: calc(3.2rem*var(--sbb-scaling-factor));
  text-align: center;
}
:where(html.sbb-lean) input.sbb-input-element.sbb-time-input {
  width: 4.6666666667rem;
  height: 2.4rem;
}
:where(html.sbb-lean) input.sbb-input-element.sbb-time-input:is([readonly], .sbb-readonly) {
  text-align: left;
}
.sbb-scrollbar {
  --sbb-scrollbar-thumb-color: transparent;
  --sbb-scrollbar-track-color: transparent;
  scrollbar-width: thin;
  scrollbar-color: var(--sbb-scrollbar-thumb-color) var(--sbb-scrollbar-track-color);
}
.sbb-scrollbar:is(:hover, .sbb-scrollbar-opaque) {
  --sbb-scrollbar-thumb-color: var(--sbb-scrollbar-thumb-color-visible);
  --sbb-scrollbar-track-color: var(--sbb-scrollbar-track-color-visible);
}
.sbb-scrollbar::-webkit-scrollbar {
  width: .5rem;
  height: .5rem;
}
.sbb-scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--sbb-scrollbar-thumb-color);
}
.sbb-scrollbar::-webkit-scrollbar-track {
  background-color: var(--sbb-scrollbar-track-color);
}
@supports (-webkit-touch-callout: none) {
  .sbb-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
.sbb-scrollbar:hover::-webkit-scrollbar-thumb:hover {
  background-color: var(--sbb-color-storm);
}
.clearfix {
  zoom: 1;
}
.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}
.clearfix::after {
  clear: both;
}
.sbb-panel {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: var(--sbb-panel-background-color);
  border: var(--sbb-border-width) solid var(--sbb-color-weak-accent);
  border-radius: 0 0 var(--sbb-border-radius) var(--sbb-border-radius);
  border-top: none;
  transition: height var(--sbb-transition-fast-start), opacity var(--sbb-transition-fast-start);
  color: var(--sbb-color-weak-accent);
  position: relative;
  top: var(--sbb-box-shadow-horizontal-border-offset-top-below);
  box-shadow: var(--sbb-box-shadow-below), var(--sbb-box-shadow-horizontal-border-bottom);
}
.sbb-panel hr {
  margin: .6666666667rem 0;
  padding: 0;
  border: none;
  border-top: var(--sbb-border-width-thin) solid var(--sbb-panel-divider-color);
}
:where(html.sbb-lean) .sbb-panel hr {
  margin: .2666666667rem 0;
}
.sbb-panel .sbb-label {
  color: var(--sbb-menu-title-color);
  padding: calc(0.3333333333rem*var(--sbb-scaling-factor)) calc(0.9333333333rem*var(--sbb-scaling-factor));
}
:where(html.sbb-lean) .sbb-panel .sbb-label {
  padding: .2666666667rem .5333333333rem;
}
.sbb-panel-above {
  border-radius: var(--sbb-border-radius) var(--sbb-border-radius) 0 0;
  border-top-width: var(--sbb-border-width);
  border-top-style: solid;
  border-bottom: none;
  top: var(--sbb-box-shadow-horizontal-border-offset-top-above);
  box-shadow: var(--sbb-box-shadow-horizontal-border-top);
}
.sbb-panel-padded {
  padding-top: calc(0.6666666667rem*var(--sbb-scaling-factor));
  padding-bottom: calc(0.6666666667rem*var(--sbb-scaling-factor));
}
:where(html.sbb-lean) .sbb-panel-padded {
  padding-top: .2666666667rem;
  padding-bottom: .2666666667rem;
}
.sbb-input-with-open-panel:not(.sbb-input-with-open-panel-above).sbb-input-element,
.sbb-input-with-open-panel:not(.sbb-input-with-open-panel-above) > .sbb-input-element {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.sbb-input-with-open-panel-above.sbb-input-element,
.sbb-input-with-open-panel-above > .sbb-input-element {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  box-shadow: var(--sbb-box-shadow-below);
}
.sbb-menu-item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: none;
  max-width: none;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: none;
  position: relative;
  display: block;
  text-decoration: none;
  padding: calc(0.2666666667rem*var(--sbb-scaling-factor)) calc(0.9333333333rem*var(--sbb-scaling-factor));
  text-align: left;
  max-width: 100%;
  cursor: pointer;
  outline: 0;
  color: var(--sbb-color-weak-accent);
  font-size: var(--sbb-font-size);
  line-height: var(--sbb-line-height-medium);
}
:where(html.sbb-lean) .sbb-menu-item {
  padding-left: .5333333333rem;
  padding-right: .5333333333rem;
}
.sbb-menu-item:not(.sbb-focused) strong {
  color: var(--sbb-color-text);
}
.sbb-menu-item:is(.sbb-selected, .sbb-active) {
  color: var(--sbb-color-text);
}
:where(html.sbb-lean) .sbb-menu-item:is(.sbb-selected, .sbb-active) {
  color: var(--sbb-menu-item-label-active);
  background-color: var(--sbb-menu-item-background-color-active);
}
:where(html.sbb-lean) .sbb-menu-item:is(.sbb-selected, .sbb-active)::before {
  content: "";
  position: absolute;
  height: 100%;
  width: var(--sbb-border-width-thin);
  left: 0;
  top: 0;
  background-color: var(--sbb-menu-item-label-active);
}
.sbb-menu-item:is(:disabled, [disabled], .sbb-disabled) {
  cursor: default;
  opacity: .5;
  -webkit-user-select: none;
  user-select: none;
}
:is(.sbb-menu-item:is(:not(:disabled):not([disabled]):not(.sbb-disabled):is(:hover, .cdk-keyboard-focused), .sbb-focused), .sbb-menu-item:is(:not(:disabled):not([disabled]):not(.sbb-disabled):is(:hover, .cdk-keyboard-focused), .sbb-focused) strong) {
  color: var(--sbb-color-red);
}
:where(html.sbb-lean) :is(.sbb-menu-item:is(:not(:disabled):not([disabled]):not(.sbb-disabled):is(:hover, .cdk-keyboard-focused), .sbb-focused), .sbb-menu-item:is(:not(:disabled):not([disabled]):not(.sbb-disabled):is(:hover, .cdk-keyboard-focused), .sbb-focused) strong) {
  color: var(--sbb-color-call-to-action-hover);
  background-color: var(--sbb-menu-item-background-color-hover);
}
:where(html.sbb-lean) :is(.sbb-menu-item:is(:not(:disabled):not([disabled]):not(.sbb-disabled):is(:hover, .cdk-keyboard-focused), .sbb-focused), .sbb-menu-item:is(:not(:disabled):not([disabled]):not(.sbb-disabled):is(:hover, .cdk-keyboard-focused), .sbb-focused) strong)::before {
  content: "";
  position: absolute;
  height: 100%;
  width: var(--sbb-border-width-thin);
  left: 0;
  top: 0;
  background-color: var(--sbb-color-call-to-action-hover);
}
.sbb-menu-item .sbb-icon {
  line-height: 0;
  margin: -.4666666667rem 0 -.4666666667rem 0;
  transform: translateY(calc(0.4666666667rem * var(--sbb-scaling-factor)));
  width: var(--sbb-icon-size-default);
  height: var(--sbb-icon-size-default);
}
@media all and (min-width: 160.0625em) {
  :where(html:not(.sbb-lean)) .sbb-menu-item .sbb-icon {
    margin-top: -0.8rem;
    margin-bottom: -0.8rem;
  }
}
@media all and (min-width: 240.0625em) {
  :where(html:not(.sbb-lean)) .sbb-menu-item .sbb-icon {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }
}
:where(html.sbb-lean) .sbb-menu-item .sbb-icon {
  margin: -0.6rem 0 -0.6rem 0;
}
.sbb-menu-item > .sbb-icon:first-child {
  float: left;
  margin-right: calc(0.7333333333rem*var(--sbb-scaling-factor));
  margin-left: calc(-0.0666666667rem*var(--sbb-scaling-factor));
}
:where(html.sbb-lean) .sbb-menu-item > .sbb-icon:first-child {
  margin-right: .5333333333rem;
  margin-left: 0;
}
.sbb-menu-group {
  display: block;
}
.sbb-menu-group:first-child > .sbb-label:first-child {
  padding-top: calc(1.0666666667rem*var(--sbb-scaling-factor));
}
.sbb-panel-padded > .sbb-menu-group:first-child > .sbb-label:first-child {
  padding-top: calc(0.4rem*var(--sbb-scaling-factor));
}
.sbb-menu-group .sbb-label:where(:not(.sbb-option-hint)) {
  padding-top: calc(1.4666666667rem*var(--sbb-scaling-factor));
}
:where(html.sbb-lean) .sbb-menu-group .sbb-label:where(:not(.sbb-option-hint)) {
  padding-top: .8rem;
}
:is(.sbb-menu-group + .sbb-menu-group, .sbb-menu-item + .sbb-menu-group, .sbb-menu-group + .sbb-menu-item) {
  border-top: var(--sbb-border-width-thin) solid var(--sbb-color-cloud);
  margin-top: calc(0.5333333333rem*var(--sbb-scaling-factor));
}
:where(html.sbb-lean) :is(.sbb-menu-group + .sbb-menu-group, .sbb-menu-item + .sbb-menu-group, .sbb-menu-group + .sbb-menu-item) {
  margin-top: .2666666667rem;
}
:is(.sbb-menu-group + .sbb-menu-group, .sbb-menu-item + .sbb-menu-group, .sbb-menu-group + .sbb-menu-item) .sbb-label:where(:not(.sbb-option-hint)) {
  padding-top: calc(1.0666666667rem*var(--sbb-scaling-factor));
}
:where(html.sbb-lean) :is(.sbb-menu-group + .sbb-menu-group, .sbb-menu-item + .sbb-menu-group, .sbb-menu-group + .sbb-menu-item) .sbb-label:where(:not(.sbb-option-hint)) {
  padding-top: .5333333333rem;
}
.sbb-menu-group + .sbb-menu-item {
  padding-top: calc(0.9333333333rem*var(--sbb-scaling-factor));
}
:where(html.sbb-lean) .sbb-menu-group + .sbb-menu-item {
  padding-top: .5333333333rem;
}
.sbb-tooltip-trigger,
.sbb-tooltip-icon {
  line-height: 0;
  cursor: pointer;
}
.sbb-tooltip-inline .sbb-tooltip-trigger,
.sbb-tooltip-inline .sbb-tooltip-icon {
  vertical-align: text-bottom;
  margin-bottom: calc(-.2333333333rem*var(--sbb-scaling-factor));
}
.sbb-tooltip-trigger:is(:disabled, .sbb-disabled),
.sbb-tooltip-icon:is(:disabled, .sbb-disabled) {
  cursor: default;
  color: var(--sbb-ghost-button-label-color-disabled);
  border-color: var(--sbb-ghost-button-border-color-disabled);
}
:where(html:not(.sbb-lean)) .sbb-tooltip-trigger:is(:disabled, .sbb-disabled),
:where(html:not(.sbb-lean)) .sbb-tooltip-icon:is(:disabled, .sbb-disabled) {
  display: none;
}
:is(.sbb-tooltip-icon, .sbb-tooltip-trigger):is(:active, :hover, :focus):not(:disabled, .sbb-disabled),
.sbb-tooltip-trigger-active {
  outline: none;
  color: var(--sbb-color-call-to-action-hover);
  border-color: var(--sbb-color-call-to-action-hover);
}
.sbb-divider-thin-vertical,
.sbb-divider-thin-top {
  margin-top: var(--sbb-divider-thin);
}
.sbb-divider-thin-vertical,
.sbb-divider-thin-bottom {
  margin-bottom: var(--sbb-divider-thin);
}
.sbb-divider-small-vertical,
.sbb-divider-small-top {
  margin-top: var(--sbb-divider-small);
}
.sbb-divider-small-vertical,
.sbb-divider-small-bottom {
  margin-bottom: var(--sbb-divider-small);
}
.sbb-divider-medium-vertical,
.sbb-divider-medium-top {
  margin-top: var(--sbb-divider-medium);
}
.sbb-divider-medium-vertical,
.sbb-divider-medium-bottom {
  margin-bottom: var(--sbb-divider-medium);
}
.sbb-divider-big-vertical,
.sbb-divider-big-top {
  margin-top: var(--sbb-divider-big);
}
.sbb-divider-big-vertical,
.sbb-divider-big-bottom {
  margin-bottom: var(--sbb-divider-big);
}

/* src/styles.scss */
.fl-row-wrap,
.fl-row,
.fl-column,
.fl-column-reverse {
  display: flex !important;
}
.flex {
  box-sizing: border-box;
  flex: 1 1 100%;
  max-width: 100%;
}
.fl-row-wrap {
  flex-flow: row wrap;
}
.fl-row {
  flex-direction: row;
}
.fl-column {
  flex-direction: column;
}
.fl-column-reverse {
  flex-direction: column-reverse;
}
.flex-gap-10 {
  gap: 10px;
}
.flex-gap-20 {
  gap: 20px;
}
.fa-center,
.fa-space-between,
.fa-flex-start,
.fa-flex-end {
  display: flex;
  align-items: center;
}
.fa-center {
  place-content: center;
}
.fa-space-between {
  place-content: center space-between;
}
.fa-flex-start {
  place-content: center flex-start;
}
.fa-flex-end {
  place-content: center flex-end;
}
.flex-0 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 0%;
}
.flex-1 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 1%;
}
.flex-2 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 2%;
}
.flex-3 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 3%;
}
.flex-4 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 4%;
}
.flex-5 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 5%;
}
.flex-6 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 6%;
}
.flex-7 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 7%;
}
.flex-8 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 8%;
}
.flex-9 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 9%;
}
.flex-10 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 10%;
}
.flex-11 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 11%;
}
.flex-12 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 12%;
}
.flex-13 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 13%;
}
.flex-14 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 14%;
}
.flex-15 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 15%;
}
.flex-16 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 16%;
}
.flex-17 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 17%;
}
.flex-18 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 18%;
}
.flex-19 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 19%;
}
.flex-20 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 20%;
}
.flex-21 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 21%;
}
.flex-22 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 22%;
}
.flex-23 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 23%;
}
.flex-24 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 24%;
}
.flex-25 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 25%;
}
.flex-26 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 26%;
}
.flex-27 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 27%;
}
.flex-28 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 28%;
}
.flex-29 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 29%;
}
.flex-30 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 30%;
}
.flex-31 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 31%;
}
.flex-32 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 32%;
}
.flex-33 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 33%;
}
.flex-34 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 34%;
}
.flex-35 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 35%;
}
.flex-36 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 36%;
}
.flex-37 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 37%;
}
.flex-38 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 38%;
}
.flex-39 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 39%;
}
.flex-40 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 40%;
}
.flex-41 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 41%;
}
.flex-42 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 42%;
}
.flex-43 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 43%;
}
.flex-44 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 44%;
}
.flex-45 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 45%;
}
.flex-46 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 46%;
}
.flex-47 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 47%;
}
.flex-48 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 48%;
}
.flex-49 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 49%;
}
.flex-50 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 50%;
}
.flex-51 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 51%;
}
.flex-52 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 52%;
}
.flex-53 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 53%;
}
.flex-54 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 54%;
}
.flex-55 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 55%;
}
.flex-56 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 56%;
}
.flex-57 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 57%;
}
.flex-58 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 58%;
}
.flex-59 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 59%;
}
.flex-60 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 60%;
}
.flex-61 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 61%;
}
.flex-62 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 62%;
}
.flex-63 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 63%;
}
.flex-64 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 64%;
}
.flex-65 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 65%;
}
.flex-66 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 66%;
}
.flex-67 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 67%;
}
.flex-68 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 68%;
}
.flex-69 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 69%;
}
.flex-70 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 70%;
}
.flex-71 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 71%;
}
.flex-72 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 72%;
}
.flex-73 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 73%;
}
.flex-74 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 74%;
}
.flex-75 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 75%;
}
.flex-76 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 76%;
}
.flex-77 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 77%;
}
.flex-78 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 78%;
}
.flex-79 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 79%;
}
.flex-80 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 80%;
}
.flex-81 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 81%;
}
.flex-82 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 82%;
}
.flex-83 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 83%;
}
.flex-84 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 84%;
}
.flex-85 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 85%;
}
.flex-86 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 86%;
}
.flex-87 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 87%;
}
.flex-88 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 88%;
}
.flex-89 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 89%;
}
.flex-90 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 90%;
}
.flex-91 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 91%;
}
.flex-92 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 92%;
}
.flex-93 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 93%;
}
.flex-94 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 94%;
}
.flex-95 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 95%;
}
.flex-96 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 96%;
}
.flex-97 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 97%;
}
.flex-98 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 98%;
}
.flex-99 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 99%;
}
.flex-100 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 100%;
}
.flex-hide {
  display: none !important;
}
@media screen and (min-width: 600px) {
  .gt-xs-flex-0 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 0%;
  }
  .gt-xs-flex-1 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 1%;
  }
  .gt-xs-flex-2 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 2%;
  }
  .gt-xs-flex-3 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 3%;
  }
  .gt-xs-flex-4 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 4%;
  }
  .gt-xs-flex-5 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 5%;
  }
  .gt-xs-flex-6 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 6%;
  }
  .gt-xs-flex-7 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 7%;
  }
  .gt-xs-flex-8 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 8%;
  }
  .gt-xs-flex-9 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 9%;
  }
  .gt-xs-flex-10 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 10%;
  }
  .gt-xs-flex-11 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 11%;
  }
  .gt-xs-flex-12 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 12%;
  }
  .gt-xs-flex-13 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 13%;
  }
  .gt-xs-flex-14 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 14%;
  }
  .gt-xs-flex-15 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 15%;
  }
  .gt-xs-flex-16 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 16%;
  }
  .gt-xs-flex-17 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 17%;
  }
  .gt-xs-flex-18 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 18%;
  }
  .gt-xs-flex-19 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 19%;
  }
  .gt-xs-flex-20 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 20%;
  }
  .gt-xs-flex-21 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 21%;
  }
  .gt-xs-flex-22 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 22%;
  }
  .gt-xs-flex-23 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 23%;
  }
  .gt-xs-flex-24 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 24%;
  }
  .gt-xs-flex-25 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 25%;
  }
  .gt-xs-flex-26 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 26%;
  }
  .gt-xs-flex-27 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 27%;
  }
  .gt-xs-flex-28 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 28%;
  }
  .gt-xs-flex-29 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 29%;
  }
  .gt-xs-flex-30 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 30%;
  }
  .gt-xs-flex-31 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 31%;
  }
  .gt-xs-flex-32 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 32%;
  }
  .gt-xs-flex-33 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 33%;
  }
  .gt-xs-flex-34 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 34%;
  }
  .gt-xs-flex-35 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 35%;
  }
  .gt-xs-flex-36 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 36%;
  }
  .gt-xs-flex-37 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 37%;
  }
  .gt-xs-flex-38 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 38%;
  }
  .gt-xs-flex-39 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 39%;
  }
  .gt-xs-flex-40 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 40%;
  }
  .gt-xs-flex-41 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 41%;
  }
  .gt-xs-flex-42 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 42%;
  }
  .gt-xs-flex-43 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 43%;
  }
  .gt-xs-flex-44 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 44%;
  }
  .gt-xs-flex-45 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 45%;
  }
  .gt-xs-flex-46 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 46%;
  }
  .gt-xs-flex-47 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 47%;
  }
  .gt-xs-flex-48 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 48%;
  }
  .gt-xs-flex-49 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 49%;
  }
  .gt-xs-flex-50 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 50%;
  }
  .gt-xs-flex-51 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 51%;
  }
  .gt-xs-flex-52 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 52%;
  }
  .gt-xs-flex-53 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 53%;
  }
  .gt-xs-flex-54 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 54%;
  }
  .gt-xs-flex-55 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 55%;
  }
  .gt-xs-flex-56 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 56%;
  }
  .gt-xs-flex-57 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 57%;
  }
  .gt-xs-flex-58 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 58%;
  }
  .gt-xs-flex-59 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 59%;
  }
  .gt-xs-flex-60 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 60%;
  }
  .gt-xs-flex-61 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 61%;
  }
  .gt-xs-flex-62 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 62%;
  }
  .gt-xs-flex-63 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 63%;
  }
  .gt-xs-flex-64 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 64%;
  }
  .gt-xs-flex-65 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 65%;
  }
  .gt-xs-flex-66 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 66%;
  }
  .gt-xs-flex-67 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 67%;
  }
  .gt-xs-flex-68 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 68%;
  }
  .gt-xs-flex-69 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 69%;
  }
  .gt-xs-flex-70 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 70%;
  }
  .gt-xs-flex-71 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 71%;
  }
  .gt-xs-flex-72 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 72%;
  }
  .gt-xs-flex-73 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 73%;
  }
  .gt-xs-flex-74 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 74%;
  }
  .gt-xs-flex-75 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 75%;
  }
  .gt-xs-flex-76 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 76%;
  }
  .gt-xs-flex-77 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 77%;
  }
  .gt-xs-flex-78 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 78%;
  }
  .gt-xs-flex-79 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 79%;
  }
  .gt-xs-flex-80 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 80%;
  }
  .gt-xs-flex-81 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 81%;
  }
  .gt-xs-flex-82 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 82%;
  }
  .gt-xs-flex-83 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 83%;
  }
  .gt-xs-flex-84 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 84%;
  }
  .gt-xs-flex-85 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 85%;
  }
  .gt-xs-flex-86 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 86%;
  }
  .gt-xs-flex-87 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 87%;
  }
  .gt-xs-flex-88 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 88%;
  }
  .gt-xs-flex-89 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 89%;
  }
  .gt-xs-flex-90 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 90%;
  }
  .gt-xs-flex-91 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 91%;
  }
  .gt-xs-flex-92 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 92%;
  }
  .gt-xs-flex-93 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 93%;
  }
  .gt-xs-flex-94 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 94%;
  }
  .gt-xs-flex-95 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 95%;
  }
  .gt-xs-flex-96 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 96%;
  }
  .gt-xs-flex-97 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 97%;
  }
  .gt-xs-flex-98 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 98%;
  }
  .gt-xs-flex-99 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 99%;
  }
  .gt-xs-flex-100 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 100%;
  }
  .gt-xs-fl-row {
    flex-direction: row;
  }
  .gt-xs-fl-column {
    flex-direction: column;
  }
  .gt-xs-fl-row-wrap {
    flex-flow: row wrap;
  }
  .gt-xs-flex-hide {
    display: none !important;
  }
  .gt-xs-flex-show {
    display: flex !important;
  }
  .gt-xs-flex-gap-10 {
    gap: 10px;
  }
  .gt-xs-flex-gap-10-grid {
    margin: 0px -10px -10px 0px;
  }
  .gt-xs-flex-gap-10-grid > * {
    padding: 0px 10px 10px 0px;
  }
  .gt-xs-fa-center {
    display: flex;
    place-content: center;
    align-items: center;
  }
  .gt-xs-fa-flex-start {
    display: flex;
    place-content: center flex-start;
    align-items: center;
  }
  .gt-xs-fa-flex-end {
    display: flex;
    place-content: center flex-end;
    align-items: center;
  }
}
@media screen and (min-width: 960px) {
  .gt-sm-flex-0 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 0%;
  }
  .gt-sm-flex-1 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 1%;
  }
  .gt-sm-flex-2 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 2%;
  }
  .gt-sm-flex-3 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 3%;
  }
  .gt-sm-flex-4 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 4%;
  }
  .gt-sm-flex-5 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 5%;
  }
  .gt-sm-flex-6 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 6%;
  }
  .gt-sm-flex-7 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 7%;
  }
  .gt-sm-flex-8 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 8%;
  }
  .gt-sm-flex-9 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 9%;
  }
  .gt-sm-flex-10 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 10%;
  }
  .gt-sm-flex-11 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 11%;
  }
  .gt-sm-flex-12 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 12%;
  }
  .gt-sm-flex-13 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 13%;
  }
  .gt-sm-flex-14 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 14%;
  }
  .gt-sm-flex-15 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 15%;
  }
  .gt-sm-flex-16 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 16%;
  }
  .gt-sm-flex-17 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 17%;
  }
  .gt-sm-flex-18 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 18%;
  }
  .gt-sm-flex-19 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 19%;
  }
  .gt-sm-flex-20 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 20%;
  }
  .gt-sm-flex-21 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 21%;
  }
  .gt-sm-flex-22 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 22%;
  }
  .gt-sm-flex-23 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 23%;
  }
  .gt-sm-flex-24 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 24%;
  }
  .gt-sm-flex-25 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 25%;
  }
  .gt-sm-flex-26 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 26%;
  }
  .gt-sm-flex-27 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 27%;
  }
  .gt-sm-flex-28 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 28%;
  }
  .gt-sm-flex-29 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 29%;
  }
  .gt-sm-flex-30 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 30%;
  }
  .gt-sm-flex-31 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 31%;
  }
  .gt-sm-flex-32 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 32%;
  }
  .gt-sm-flex-33 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 33%;
  }
  .gt-sm-flex-34 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 34%;
  }
  .gt-sm-flex-35 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 35%;
  }
  .gt-sm-flex-36 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 36%;
  }
  .gt-sm-flex-37 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 37%;
  }
  .gt-sm-flex-38 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 38%;
  }
  .gt-sm-flex-39 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 39%;
  }
  .gt-sm-flex-40 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 40%;
  }
  .gt-sm-flex-41 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 41%;
  }
  .gt-sm-flex-42 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 42%;
  }
  .gt-sm-flex-43 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 43%;
  }
  .gt-sm-flex-44 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 44%;
  }
  .gt-sm-flex-45 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 45%;
  }
  .gt-sm-flex-46 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 46%;
  }
  .gt-sm-flex-47 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 47%;
  }
  .gt-sm-flex-48 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 48%;
  }
  .gt-sm-flex-49 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 49%;
  }
  .gt-sm-flex-50 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 50%;
  }
  .gt-sm-flex-51 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 51%;
  }
  .gt-sm-flex-52 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 52%;
  }
  .gt-sm-flex-53 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 53%;
  }
  .gt-sm-flex-54 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 54%;
  }
  .gt-sm-flex-55 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 55%;
  }
  .gt-sm-flex-56 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 56%;
  }
  .gt-sm-flex-57 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 57%;
  }
  .gt-sm-flex-58 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 58%;
  }
  .gt-sm-flex-59 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 59%;
  }
  .gt-sm-flex-60 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 60%;
  }
  .gt-sm-flex-61 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 61%;
  }
  .gt-sm-flex-62 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 62%;
  }
  .gt-sm-flex-63 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 63%;
  }
  .gt-sm-flex-64 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 64%;
  }
  .gt-sm-flex-65 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 65%;
  }
  .gt-sm-flex-66 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 66%;
  }
  .gt-sm-flex-67 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 67%;
  }
  .gt-sm-flex-68 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 68%;
  }
  .gt-sm-flex-69 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 69%;
  }
  .gt-sm-flex-70 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 70%;
  }
  .gt-sm-flex-71 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 71%;
  }
  .gt-sm-flex-72 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 72%;
  }
  .gt-sm-flex-73 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 73%;
  }
  .gt-sm-flex-74 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 74%;
  }
  .gt-sm-flex-75 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 75%;
  }
  .gt-sm-flex-76 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 76%;
  }
  .gt-sm-flex-77 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 77%;
  }
  .gt-sm-flex-78 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 78%;
  }
  .gt-sm-flex-79 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 79%;
  }
  .gt-sm-flex-80 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 80%;
  }
  .gt-sm-flex-81 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 81%;
  }
  .gt-sm-flex-82 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 82%;
  }
  .gt-sm-flex-83 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 83%;
  }
  .gt-sm-flex-84 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 84%;
  }
  .gt-sm-flex-85 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 85%;
  }
  .gt-sm-flex-86 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 86%;
  }
  .gt-sm-flex-87 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 87%;
  }
  .gt-sm-flex-88 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 88%;
  }
  .gt-sm-flex-89 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 89%;
  }
  .gt-sm-flex-90 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 90%;
  }
  .gt-sm-flex-91 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 91%;
  }
  .gt-sm-flex-92 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 92%;
  }
  .gt-sm-flex-93 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 93%;
  }
  .gt-sm-flex-94 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 94%;
  }
  .gt-sm-flex-95 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 95%;
  }
  .gt-sm-flex-96 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 96%;
  }
  .gt-sm-flex-97 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 97%;
  }
  .gt-sm-flex-98 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 98%;
  }
  .gt-sm-flex-99 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 99%;
  }
  .gt-sm-flex-100 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 100%;
  }
  .gt-sm-fl-row {
    flex-direction: row;
  }
  .gt-sm-fl-column {
    flex-direction: column;
  }
  .gt-sm-fl-row-wrap {
    flex-flow: row wrap;
  }
  .gt-sm-flex-hide {
    display: none !important;
  }
  .gt-sm-flex-show {
    display: flex !important;
  }
  .gt-sm-flex-gap-10 {
    gap: 10px;
  }
  .gt-sm-flex-gap-10-grid {
    margin: 0px -10px -10px 0px;
  }
  .gt-sm-flex-gap-10-grid > * {
    padding: 0px 10px 10px 0px;
  }
  .gt-sm-fa-center {
    display: flex;
    place-content: center;
    align-items: center;
  }
  .gt-sm-fa-flex-start {
    display: flex;
    place-content: center flex-start;
    align-items: center;
  }
  .gt-sm-fa-flex-end {
    display: flex;
    place-content: center flex-end;
    align-items: center;
  }
}
@media screen and (min-width: 1280px) {
  .gt-md-flex-0 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 0%;
  }
  .gt-md-flex-1 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 1%;
  }
  .gt-md-flex-2 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 2%;
  }
  .gt-md-flex-3 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 3%;
  }
  .gt-md-flex-4 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 4%;
  }
  .gt-md-flex-5 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 5%;
  }
  .gt-md-flex-6 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 6%;
  }
  .gt-md-flex-7 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 7%;
  }
  .gt-md-flex-8 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 8%;
  }
  .gt-md-flex-9 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 9%;
  }
  .gt-md-flex-10 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 10%;
  }
  .gt-md-flex-11 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 11%;
  }
  .gt-md-flex-12 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 12%;
  }
  .gt-md-flex-13 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 13%;
  }
  .gt-md-flex-14 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 14%;
  }
  .gt-md-flex-15 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 15%;
  }
  .gt-md-flex-16 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 16%;
  }
  .gt-md-flex-17 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 17%;
  }
  .gt-md-flex-18 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 18%;
  }
  .gt-md-flex-19 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 19%;
  }
  .gt-md-flex-20 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 20%;
  }
  .gt-md-flex-21 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 21%;
  }
  .gt-md-flex-22 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 22%;
  }
  .gt-md-flex-23 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 23%;
  }
  .gt-md-flex-24 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 24%;
  }
  .gt-md-flex-25 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 25%;
  }
  .gt-md-flex-26 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 26%;
  }
  .gt-md-flex-27 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 27%;
  }
  .gt-md-flex-28 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 28%;
  }
  .gt-md-flex-29 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 29%;
  }
  .gt-md-flex-30 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 30%;
  }
  .gt-md-flex-31 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 31%;
  }
  .gt-md-flex-32 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 32%;
  }
  .gt-md-flex-33 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 33%;
  }
  .gt-md-flex-34 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 34%;
  }
  .gt-md-flex-35 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 35%;
  }
  .gt-md-flex-36 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 36%;
  }
  .gt-md-flex-37 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 37%;
  }
  .gt-md-flex-38 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 38%;
  }
  .gt-md-flex-39 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 39%;
  }
  .gt-md-flex-40 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 40%;
  }
  .gt-md-flex-41 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 41%;
  }
  .gt-md-flex-42 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 42%;
  }
  .gt-md-flex-43 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 43%;
  }
  .gt-md-flex-44 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 44%;
  }
  .gt-md-flex-45 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 45%;
  }
  .gt-md-flex-46 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 46%;
  }
  .gt-md-flex-47 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 47%;
  }
  .gt-md-flex-48 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 48%;
  }
  .gt-md-flex-49 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 49%;
  }
  .gt-md-flex-50 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 50%;
  }
  .gt-md-flex-51 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 51%;
  }
  .gt-md-flex-52 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 52%;
  }
  .gt-md-flex-53 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 53%;
  }
  .gt-md-flex-54 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 54%;
  }
  .gt-md-flex-55 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 55%;
  }
  .gt-md-flex-56 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 56%;
  }
  .gt-md-flex-57 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 57%;
  }
  .gt-md-flex-58 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 58%;
  }
  .gt-md-flex-59 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 59%;
  }
  .gt-md-flex-60 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 60%;
  }
  .gt-md-flex-61 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 61%;
  }
  .gt-md-flex-62 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 62%;
  }
  .gt-md-flex-63 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 63%;
  }
  .gt-md-flex-64 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 64%;
  }
  .gt-md-flex-65 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 65%;
  }
  .gt-md-flex-66 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 66%;
  }
  .gt-md-flex-67 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 67%;
  }
  .gt-md-flex-68 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 68%;
  }
  .gt-md-flex-69 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 69%;
  }
  .gt-md-flex-70 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 70%;
  }
  .gt-md-flex-71 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 71%;
  }
  .gt-md-flex-72 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 72%;
  }
  .gt-md-flex-73 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 73%;
  }
  .gt-md-flex-74 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 74%;
  }
  .gt-md-flex-75 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 75%;
  }
  .gt-md-flex-76 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 76%;
  }
  .gt-md-flex-77 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 77%;
  }
  .gt-md-flex-78 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 78%;
  }
  .gt-md-flex-79 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 79%;
  }
  .gt-md-flex-80 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 80%;
  }
  .gt-md-flex-81 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 81%;
  }
  .gt-md-flex-82 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 82%;
  }
  .gt-md-flex-83 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 83%;
  }
  .gt-md-flex-84 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 84%;
  }
  .gt-md-flex-85 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 85%;
  }
  .gt-md-flex-86 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 86%;
  }
  .gt-md-flex-87 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 87%;
  }
  .gt-md-flex-88 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 88%;
  }
  .gt-md-flex-89 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 89%;
  }
  .gt-md-flex-90 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 90%;
  }
  .gt-md-flex-91 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 91%;
  }
  .gt-md-flex-92 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 92%;
  }
  .gt-md-flex-93 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 93%;
  }
  .gt-md-flex-94 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 94%;
  }
  .gt-md-flex-95 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 95%;
  }
  .gt-md-flex-96 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 96%;
  }
  .gt-md-flex-97 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 97%;
  }
  .gt-md-flex-98 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 98%;
  }
  .gt-md-flex-99 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 99%;
  }
  .gt-md-flex-100 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 100%;
  }
  .gt-md-fl-row {
    flex-direction: row;
  }
  .gt-md-fl-column {
    flex-direction: column;
  }
  .gt-md-fl-row-wrap {
    flex-flow: row wrap;
  }
  .gt-md-flex-hide {
    display: none !important;
  }
  .gt-md-flex-show {
    display: flex !important;
  }
  .gt-md-flex-gap-10 {
    gap: 10px;
  }
  .gt-md-flex-gap-10-grid {
    margin: 0px -10px -10px 0px;
  }
  .gt-md-flex-gap-10-grid > * {
    padding: 0px 10px 10px 0px;
  }
  .gt-md-fa-center {
    display: flex;
    place-content: center;
    align-items: center;
  }
  .gt-md-fa-flex-start {
    display: flex;
    place-content: center flex-start;
    align-items: center;
  }
  .gt-md-fa-flex-end {
    display: flex;
    place-content: center flex-end;
    align-items: center;
  }
}
@media screen and (min-width: 1920px) {
  .gt-lg-flex-0 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 0%;
  }
  .gt-lg-flex-1 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 1%;
  }
  .gt-lg-flex-2 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 2%;
  }
  .gt-lg-flex-3 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 3%;
  }
  .gt-lg-flex-4 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 4%;
  }
  .gt-lg-flex-5 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 5%;
  }
  .gt-lg-flex-6 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 6%;
  }
  .gt-lg-flex-7 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 7%;
  }
  .gt-lg-flex-8 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 8%;
  }
  .gt-lg-flex-9 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 9%;
  }
  .gt-lg-flex-10 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 10%;
  }
  .gt-lg-flex-11 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 11%;
  }
  .gt-lg-flex-12 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 12%;
  }
  .gt-lg-flex-13 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 13%;
  }
  .gt-lg-flex-14 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 14%;
  }
  .gt-lg-flex-15 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 15%;
  }
  .gt-lg-flex-16 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 16%;
  }
  .gt-lg-flex-17 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 17%;
  }
  .gt-lg-flex-18 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 18%;
  }
  .gt-lg-flex-19 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 19%;
  }
  .gt-lg-flex-20 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 20%;
  }
  .gt-lg-flex-21 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 21%;
  }
  .gt-lg-flex-22 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 22%;
  }
  .gt-lg-flex-23 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 23%;
  }
  .gt-lg-flex-24 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 24%;
  }
  .gt-lg-flex-25 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 25%;
  }
  .gt-lg-flex-26 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 26%;
  }
  .gt-lg-flex-27 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 27%;
  }
  .gt-lg-flex-28 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 28%;
  }
  .gt-lg-flex-29 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 29%;
  }
  .gt-lg-flex-30 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 30%;
  }
  .gt-lg-flex-31 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 31%;
  }
  .gt-lg-flex-32 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 32%;
  }
  .gt-lg-flex-33 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 33%;
  }
  .gt-lg-flex-34 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 34%;
  }
  .gt-lg-flex-35 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 35%;
  }
  .gt-lg-flex-36 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 36%;
  }
  .gt-lg-flex-37 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 37%;
  }
  .gt-lg-flex-38 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 38%;
  }
  .gt-lg-flex-39 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 39%;
  }
  .gt-lg-flex-40 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 40%;
  }
  .gt-lg-flex-41 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 41%;
  }
  .gt-lg-flex-42 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 42%;
  }
  .gt-lg-flex-43 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 43%;
  }
  .gt-lg-flex-44 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 44%;
  }
  .gt-lg-flex-45 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 45%;
  }
  .gt-lg-flex-46 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 46%;
  }
  .gt-lg-flex-47 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 47%;
  }
  .gt-lg-flex-48 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 48%;
  }
  .gt-lg-flex-49 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 49%;
  }
  .gt-lg-flex-50 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 50%;
  }
  .gt-lg-flex-51 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 51%;
  }
  .gt-lg-flex-52 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 52%;
  }
  .gt-lg-flex-53 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 53%;
  }
  .gt-lg-flex-54 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 54%;
  }
  .gt-lg-flex-55 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 55%;
  }
  .gt-lg-flex-56 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 56%;
  }
  .gt-lg-flex-57 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 57%;
  }
  .gt-lg-flex-58 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 58%;
  }
  .gt-lg-flex-59 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 59%;
  }
  .gt-lg-flex-60 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 60%;
  }
  .gt-lg-flex-61 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 61%;
  }
  .gt-lg-flex-62 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 62%;
  }
  .gt-lg-flex-63 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 63%;
  }
  .gt-lg-flex-64 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 64%;
  }
  .gt-lg-flex-65 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 65%;
  }
  .gt-lg-flex-66 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 66%;
  }
  .gt-lg-flex-67 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 67%;
  }
  .gt-lg-flex-68 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 68%;
  }
  .gt-lg-flex-69 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 69%;
  }
  .gt-lg-flex-70 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 70%;
  }
  .gt-lg-flex-71 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 71%;
  }
  .gt-lg-flex-72 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 72%;
  }
  .gt-lg-flex-73 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 73%;
  }
  .gt-lg-flex-74 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 74%;
  }
  .gt-lg-flex-75 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 75%;
  }
  .gt-lg-flex-76 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 76%;
  }
  .gt-lg-flex-77 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 77%;
  }
  .gt-lg-flex-78 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 78%;
  }
  .gt-lg-flex-79 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 79%;
  }
  .gt-lg-flex-80 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 80%;
  }
  .gt-lg-flex-81 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 81%;
  }
  .gt-lg-flex-82 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 82%;
  }
  .gt-lg-flex-83 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 83%;
  }
  .gt-lg-flex-84 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 84%;
  }
  .gt-lg-flex-85 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 85%;
  }
  .gt-lg-flex-86 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 86%;
  }
  .gt-lg-flex-87 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 87%;
  }
  .gt-lg-flex-88 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 88%;
  }
  .gt-lg-flex-89 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 89%;
  }
  .gt-lg-flex-90 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 90%;
  }
  .gt-lg-flex-91 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 91%;
  }
  .gt-lg-flex-92 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 92%;
  }
  .gt-lg-flex-93 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 93%;
  }
  .gt-lg-flex-94 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 94%;
  }
  .gt-lg-flex-95 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 95%;
  }
  .gt-lg-flex-96 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 96%;
  }
  .gt-lg-flex-97 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 97%;
  }
  .gt-lg-flex-98 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 98%;
  }
  .gt-lg-flex-99 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 99%;
  }
  .gt-lg-flex-100 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 100%;
  }
  .gt-lg-fl-row {
    flex-direction: row;
  }
  .gt-lg-fl-column {
    flex-direction: column;
  }
  .gt-lg-fl-row-wrap {
    flex-flow: row wrap;
  }
  .gt-lg-flex-hide {
    display: none !important;
  }
  .gt-lg-flex-show {
    display: flex !important;
  }
  .gt-lg-flex-gap-10 {
    gap: 10px;
  }
  .gt-lg-flex-gap-10-grid {
    margin: 0px -10px -10px 0px;
  }
  .gt-lg-flex-gap-10-grid > * {
    padding: 0px 10px 10px 0px;
  }
  .gt-lg-fa-center {
    display: flex;
    place-content: center;
    align-items: center;
  }
  .gt-lg-fa-flex-start {
    display: flex;
    place-content: center flex-start;
    align-items: center;
  }
  .gt-lg-fa-flex-end {
    display: flex;
    place-content: center flex-end;
    align-items: center;
  }
}
@media screen and (min-width: 1919px) {
  .lt-xl-flex-0 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 0%;
  }
  .lt-xl-flex-1 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 1%;
  }
  .lt-xl-flex-2 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 2%;
  }
  .lt-xl-flex-3 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 3%;
  }
  .lt-xl-flex-4 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 4%;
  }
  .lt-xl-flex-5 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 5%;
  }
  .lt-xl-flex-6 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 6%;
  }
  .lt-xl-flex-7 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 7%;
  }
  .lt-xl-flex-8 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 8%;
  }
  .lt-xl-flex-9 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 9%;
  }
  .lt-xl-flex-10 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 10%;
  }
  .lt-xl-flex-11 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 11%;
  }
  .lt-xl-flex-12 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 12%;
  }
  .lt-xl-flex-13 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 13%;
  }
  .lt-xl-flex-14 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 14%;
  }
  .lt-xl-flex-15 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 15%;
  }
  .lt-xl-flex-16 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 16%;
  }
  .lt-xl-flex-17 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 17%;
  }
  .lt-xl-flex-18 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 18%;
  }
  .lt-xl-flex-19 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 19%;
  }
  .lt-xl-flex-20 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 20%;
  }
  .lt-xl-flex-21 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 21%;
  }
  .lt-xl-flex-22 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 22%;
  }
  .lt-xl-flex-23 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 23%;
  }
  .lt-xl-flex-24 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 24%;
  }
  .lt-xl-flex-25 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 25%;
  }
  .lt-xl-flex-26 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 26%;
  }
  .lt-xl-flex-27 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 27%;
  }
  .lt-xl-flex-28 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 28%;
  }
  .lt-xl-flex-29 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 29%;
  }
  .lt-xl-flex-30 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 30%;
  }
  .lt-xl-flex-31 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 31%;
  }
  .lt-xl-flex-32 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 32%;
  }
  .lt-xl-flex-33 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 33%;
  }
  .lt-xl-flex-34 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 34%;
  }
  .lt-xl-flex-35 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 35%;
  }
  .lt-xl-flex-36 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 36%;
  }
  .lt-xl-flex-37 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 37%;
  }
  .lt-xl-flex-38 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 38%;
  }
  .lt-xl-flex-39 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 39%;
  }
  .lt-xl-flex-40 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 40%;
  }
  .lt-xl-flex-41 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 41%;
  }
  .lt-xl-flex-42 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 42%;
  }
  .lt-xl-flex-43 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 43%;
  }
  .lt-xl-flex-44 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 44%;
  }
  .lt-xl-flex-45 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 45%;
  }
  .lt-xl-flex-46 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 46%;
  }
  .lt-xl-flex-47 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 47%;
  }
  .lt-xl-flex-48 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 48%;
  }
  .lt-xl-flex-49 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 49%;
  }
  .lt-xl-flex-50 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 50%;
  }
  .lt-xl-flex-51 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 51%;
  }
  .lt-xl-flex-52 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 52%;
  }
  .lt-xl-flex-53 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 53%;
  }
  .lt-xl-flex-54 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 54%;
  }
  .lt-xl-flex-55 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 55%;
  }
  .lt-xl-flex-56 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 56%;
  }
  .lt-xl-flex-57 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 57%;
  }
  .lt-xl-flex-58 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 58%;
  }
  .lt-xl-flex-59 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 59%;
  }
  .lt-xl-flex-60 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 60%;
  }
  .lt-xl-flex-61 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 61%;
  }
  .lt-xl-flex-62 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 62%;
  }
  .lt-xl-flex-63 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 63%;
  }
  .lt-xl-flex-64 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 64%;
  }
  .lt-xl-flex-65 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 65%;
  }
  .lt-xl-flex-66 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 66%;
  }
  .lt-xl-flex-67 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 67%;
  }
  .lt-xl-flex-68 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 68%;
  }
  .lt-xl-flex-69 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 69%;
  }
  .lt-xl-flex-70 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 70%;
  }
  .lt-xl-flex-71 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 71%;
  }
  .lt-xl-flex-72 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 72%;
  }
  .lt-xl-flex-73 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 73%;
  }
  .lt-xl-flex-74 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 74%;
  }
  .lt-xl-flex-75 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 75%;
  }
  .lt-xl-flex-76 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 76%;
  }
  .lt-xl-flex-77 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 77%;
  }
  .lt-xl-flex-78 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 78%;
  }
  .lt-xl-flex-79 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 79%;
  }
  .lt-xl-flex-80 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 80%;
  }
  .lt-xl-flex-81 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 81%;
  }
  .lt-xl-flex-82 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 82%;
  }
  .lt-xl-flex-83 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 83%;
  }
  .lt-xl-flex-84 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 84%;
  }
  .lt-xl-flex-85 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 85%;
  }
  .lt-xl-flex-86 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 86%;
  }
  .lt-xl-flex-87 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 87%;
  }
  .lt-xl-flex-88 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 88%;
  }
  .lt-xl-flex-89 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 89%;
  }
  .lt-xl-flex-90 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 90%;
  }
  .lt-xl-flex-91 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 91%;
  }
  .lt-xl-flex-92 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 92%;
  }
  .lt-xl-flex-93 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 93%;
  }
  .lt-xl-flex-94 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 94%;
  }
  .lt-xl-flex-95 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 95%;
  }
  .lt-xl-flex-96 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 96%;
  }
  .lt-xl-flex-97 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 97%;
  }
  .lt-xl-flex-98 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 98%;
  }
  .lt-xl-flex-99 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 99%;
  }
  .lt-xl-flex-100 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 100%;
  }
  .lt-xl-fl-row {
    flex-direction: row;
  }
  .lt-xl-fl-column {
    flex-direction: column;
  }
  .lt-xl-fl-row-wrap {
    flex-flow: row wrap;
  }
  .lt-xl-flex-hide {
    display: none !important;
  }
  .lt-xl-flex-show {
    display: flex !important;
  }
  .lt-xl-flex-gap-10 {
    gap: 10px;
  }
  .lt-xl-flex-gap-10-grid {
    margin: 0px -10px -10px 0px;
  }
  .lt-xl-flex-gap-10-grid > * {
    padding: 0px 10px 10px 0px;
  }
  .lt-xl-fa-center {
    display: flex;
    place-content: center;
    align-items: center;
  }
  .lt-xl-fa-flex-start {
    display: flex;
    place-content: center flex-start;
    align-items: center;
  }
  .lt-xl-fa-flex-end {
    display: flex;
    place-content: center flex-end;
    align-items: center;
  }
}
@media screen and (min-width: 1279px) {
  .lt-lg-flex-0 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 0%;
  }
  .lt-lg-flex-1 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 1%;
  }
  .lt-lg-flex-2 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 2%;
  }
  .lt-lg-flex-3 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 3%;
  }
  .lt-lg-flex-4 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 4%;
  }
  .lt-lg-flex-5 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 5%;
  }
  .lt-lg-flex-6 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 6%;
  }
  .lt-lg-flex-7 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 7%;
  }
  .lt-lg-flex-8 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 8%;
  }
  .lt-lg-flex-9 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 9%;
  }
  .lt-lg-flex-10 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 10%;
  }
  .lt-lg-flex-11 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 11%;
  }
  .lt-lg-flex-12 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 12%;
  }
  .lt-lg-flex-13 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 13%;
  }
  .lt-lg-flex-14 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 14%;
  }
  .lt-lg-flex-15 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 15%;
  }
  .lt-lg-flex-16 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 16%;
  }
  .lt-lg-flex-17 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 17%;
  }
  .lt-lg-flex-18 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 18%;
  }
  .lt-lg-flex-19 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 19%;
  }
  .lt-lg-flex-20 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 20%;
  }
  .lt-lg-flex-21 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 21%;
  }
  .lt-lg-flex-22 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 22%;
  }
  .lt-lg-flex-23 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 23%;
  }
  .lt-lg-flex-24 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 24%;
  }
  .lt-lg-flex-25 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 25%;
  }
  .lt-lg-flex-26 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 26%;
  }
  .lt-lg-flex-27 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 27%;
  }
  .lt-lg-flex-28 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 28%;
  }
  .lt-lg-flex-29 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 29%;
  }
  .lt-lg-flex-30 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 30%;
  }
  .lt-lg-flex-31 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 31%;
  }
  .lt-lg-flex-32 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 32%;
  }
  .lt-lg-flex-33 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 33%;
  }
  .lt-lg-flex-34 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 34%;
  }
  .lt-lg-flex-35 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 35%;
  }
  .lt-lg-flex-36 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 36%;
  }
  .lt-lg-flex-37 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 37%;
  }
  .lt-lg-flex-38 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 38%;
  }
  .lt-lg-flex-39 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 39%;
  }
  .lt-lg-flex-40 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 40%;
  }
  .lt-lg-flex-41 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 41%;
  }
  .lt-lg-flex-42 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 42%;
  }
  .lt-lg-flex-43 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 43%;
  }
  .lt-lg-flex-44 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 44%;
  }
  .lt-lg-flex-45 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 45%;
  }
  .lt-lg-flex-46 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 46%;
  }
  .lt-lg-flex-47 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 47%;
  }
  .lt-lg-flex-48 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 48%;
  }
  .lt-lg-flex-49 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 49%;
  }
  .lt-lg-flex-50 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 50%;
  }
  .lt-lg-flex-51 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 51%;
  }
  .lt-lg-flex-52 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 52%;
  }
  .lt-lg-flex-53 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 53%;
  }
  .lt-lg-flex-54 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 54%;
  }
  .lt-lg-flex-55 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 55%;
  }
  .lt-lg-flex-56 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 56%;
  }
  .lt-lg-flex-57 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 57%;
  }
  .lt-lg-flex-58 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 58%;
  }
  .lt-lg-flex-59 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 59%;
  }
  .lt-lg-flex-60 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 60%;
  }
  .lt-lg-flex-61 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 61%;
  }
  .lt-lg-flex-62 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 62%;
  }
  .lt-lg-flex-63 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 63%;
  }
  .lt-lg-flex-64 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 64%;
  }
  .lt-lg-flex-65 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 65%;
  }
  .lt-lg-flex-66 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 66%;
  }
  .lt-lg-flex-67 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 67%;
  }
  .lt-lg-flex-68 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 68%;
  }
  .lt-lg-flex-69 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 69%;
  }
  .lt-lg-flex-70 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 70%;
  }
  .lt-lg-flex-71 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 71%;
  }
  .lt-lg-flex-72 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 72%;
  }
  .lt-lg-flex-73 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 73%;
  }
  .lt-lg-flex-74 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 74%;
  }
  .lt-lg-flex-75 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 75%;
  }
  .lt-lg-flex-76 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 76%;
  }
  .lt-lg-flex-77 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 77%;
  }
  .lt-lg-flex-78 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 78%;
  }
  .lt-lg-flex-79 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 79%;
  }
  .lt-lg-flex-80 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 80%;
  }
  .lt-lg-flex-81 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 81%;
  }
  .lt-lg-flex-82 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 82%;
  }
  .lt-lg-flex-83 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 83%;
  }
  .lt-lg-flex-84 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 84%;
  }
  .lt-lg-flex-85 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 85%;
  }
  .lt-lg-flex-86 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 86%;
  }
  .lt-lg-flex-87 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 87%;
  }
  .lt-lg-flex-88 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 88%;
  }
  .lt-lg-flex-89 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 89%;
  }
  .lt-lg-flex-90 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 90%;
  }
  .lt-lg-flex-91 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 91%;
  }
  .lt-lg-flex-92 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 92%;
  }
  .lt-lg-flex-93 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 93%;
  }
  .lt-lg-flex-94 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 94%;
  }
  .lt-lg-flex-95 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 95%;
  }
  .lt-lg-flex-96 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 96%;
  }
  .lt-lg-flex-97 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 97%;
  }
  .lt-lg-flex-98 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 98%;
  }
  .lt-lg-flex-99 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 99%;
  }
  .lt-lg-flex-100 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 100%;
  }
  .lt-lg-fl-row {
    flex-direction: row;
  }
  .lt-lg-fl-column {
    flex-direction: column;
  }
  .lt-lg-fl-row-wrap {
    flex-flow: row wrap;
  }
  .lt-lg-flex-hide {
    display: none !important;
  }
  .lt-lg-flex-show {
    display: flex !important;
  }
  .lt-lg-flex-gap-10 {
    gap: 10px;
  }
  .lt-lg-flex-gap-10-grid {
    margin: 0px -10px -10px 0px;
  }
  .lt-lg-flex-gap-10-grid > * {
    padding: 0px 10px 10px 0px;
  }
  .lt-lg-fa-center {
    display: flex;
    place-content: center;
    align-items: center;
  }
  .lt-lg-fa-flex-start {
    display: flex;
    place-content: center flex-start;
    align-items: center;
  }
  .lt-lg-fa-flex-end {
    display: flex;
    place-content: center flex-end;
    align-items: center;
  }
}
@media screen and (min-width: 959px) {
  .lt-md-flex-0 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 0%;
  }
  .lt-md-flex-1 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 1%;
  }
  .lt-md-flex-2 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 2%;
  }
  .lt-md-flex-3 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 3%;
  }
  .lt-md-flex-4 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 4%;
  }
  .lt-md-flex-5 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 5%;
  }
  .lt-md-flex-6 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 6%;
  }
  .lt-md-flex-7 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 7%;
  }
  .lt-md-flex-8 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 8%;
  }
  .lt-md-flex-9 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 9%;
  }
  .lt-md-flex-10 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 10%;
  }
  .lt-md-flex-11 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 11%;
  }
  .lt-md-flex-12 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 12%;
  }
  .lt-md-flex-13 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 13%;
  }
  .lt-md-flex-14 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 14%;
  }
  .lt-md-flex-15 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 15%;
  }
  .lt-md-flex-16 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 16%;
  }
  .lt-md-flex-17 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 17%;
  }
  .lt-md-flex-18 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 18%;
  }
  .lt-md-flex-19 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 19%;
  }
  .lt-md-flex-20 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 20%;
  }
  .lt-md-flex-21 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 21%;
  }
  .lt-md-flex-22 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 22%;
  }
  .lt-md-flex-23 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 23%;
  }
  .lt-md-flex-24 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 24%;
  }
  .lt-md-flex-25 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 25%;
  }
  .lt-md-flex-26 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 26%;
  }
  .lt-md-flex-27 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 27%;
  }
  .lt-md-flex-28 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 28%;
  }
  .lt-md-flex-29 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 29%;
  }
  .lt-md-flex-30 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 30%;
  }
  .lt-md-flex-31 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 31%;
  }
  .lt-md-flex-32 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 32%;
  }
  .lt-md-flex-33 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 33%;
  }
  .lt-md-flex-34 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 34%;
  }
  .lt-md-flex-35 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 35%;
  }
  .lt-md-flex-36 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 36%;
  }
  .lt-md-flex-37 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 37%;
  }
  .lt-md-flex-38 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 38%;
  }
  .lt-md-flex-39 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 39%;
  }
  .lt-md-flex-40 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 40%;
  }
  .lt-md-flex-41 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 41%;
  }
  .lt-md-flex-42 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 42%;
  }
  .lt-md-flex-43 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 43%;
  }
  .lt-md-flex-44 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 44%;
  }
  .lt-md-flex-45 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 45%;
  }
  .lt-md-flex-46 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 46%;
  }
  .lt-md-flex-47 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 47%;
  }
  .lt-md-flex-48 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 48%;
  }
  .lt-md-flex-49 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 49%;
  }
  .lt-md-flex-50 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 50%;
  }
  .lt-md-flex-51 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 51%;
  }
  .lt-md-flex-52 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 52%;
  }
  .lt-md-flex-53 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 53%;
  }
  .lt-md-flex-54 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 54%;
  }
  .lt-md-flex-55 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 55%;
  }
  .lt-md-flex-56 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 56%;
  }
  .lt-md-flex-57 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 57%;
  }
  .lt-md-flex-58 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 58%;
  }
  .lt-md-flex-59 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 59%;
  }
  .lt-md-flex-60 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 60%;
  }
  .lt-md-flex-61 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 61%;
  }
  .lt-md-flex-62 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 62%;
  }
  .lt-md-flex-63 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 63%;
  }
  .lt-md-flex-64 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 64%;
  }
  .lt-md-flex-65 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 65%;
  }
  .lt-md-flex-66 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 66%;
  }
  .lt-md-flex-67 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 67%;
  }
  .lt-md-flex-68 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 68%;
  }
  .lt-md-flex-69 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 69%;
  }
  .lt-md-flex-70 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 70%;
  }
  .lt-md-flex-71 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 71%;
  }
  .lt-md-flex-72 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 72%;
  }
  .lt-md-flex-73 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 73%;
  }
  .lt-md-flex-74 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 74%;
  }
  .lt-md-flex-75 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 75%;
  }
  .lt-md-flex-76 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 76%;
  }
  .lt-md-flex-77 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 77%;
  }
  .lt-md-flex-78 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 78%;
  }
  .lt-md-flex-79 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 79%;
  }
  .lt-md-flex-80 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 80%;
  }
  .lt-md-flex-81 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 81%;
  }
  .lt-md-flex-82 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 82%;
  }
  .lt-md-flex-83 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 83%;
  }
  .lt-md-flex-84 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 84%;
  }
  .lt-md-flex-85 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 85%;
  }
  .lt-md-flex-86 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 86%;
  }
  .lt-md-flex-87 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 87%;
  }
  .lt-md-flex-88 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 88%;
  }
  .lt-md-flex-89 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 89%;
  }
  .lt-md-flex-90 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 90%;
  }
  .lt-md-flex-91 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 91%;
  }
  .lt-md-flex-92 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 92%;
  }
  .lt-md-flex-93 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 93%;
  }
  .lt-md-flex-94 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 94%;
  }
  .lt-md-flex-95 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 95%;
  }
  .lt-md-flex-96 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 96%;
  }
  .lt-md-flex-97 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 97%;
  }
  .lt-md-flex-98 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 98%;
  }
  .lt-md-flex-99 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 99%;
  }
  .lt-md-flex-100 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 100%;
  }
  .lt-md-fl-row {
    flex-direction: row;
  }
  .lt-md-fl-column {
    flex-direction: column;
  }
  .lt-md-fl-row-wrap {
    flex-flow: row wrap;
  }
  .lt-md-flex-hide {
    display: none !important;
  }
  .lt-md-flex-show {
    display: flex !important;
  }
  .lt-md-flex-gap-10 {
    gap: 10px;
  }
  .lt-md-flex-gap-10-grid {
    margin: 0px -10px -10px 0px;
  }
  .lt-md-flex-gap-10-grid > * {
    padding: 0px 10px 10px 0px;
  }
  .lt-md-fa-center {
    display: flex;
    place-content: center;
    align-items: center;
  }
  .lt-md-fa-flex-start {
    display: flex;
    place-content: center flex-start;
    align-items: center;
  }
  .lt-md-fa-flex-end {
    display: flex;
    place-content: center flex-end;
    align-items: center;
  }
}
@media screen and (min-width: 599px) {
  .lt-sm-flex-0 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 0%;
  }
  .lt-sm-flex-1 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 1%;
  }
  .lt-sm-flex-2 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 2%;
  }
  .lt-sm-flex-3 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 3%;
  }
  .lt-sm-flex-4 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 4%;
  }
  .lt-sm-flex-5 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 5%;
  }
  .lt-sm-flex-6 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 6%;
  }
  .lt-sm-flex-7 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 7%;
  }
  .lt-sm-flex-8 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 8%;
  }
  .lt-sm-flex-9 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 9%;
  }
  .lt-sm-flex-10 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 10%;
  }
  .lt-sm-flex-11 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 11%;
  }
  .lt-sm-flex-12 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 12%;
  }
  .lt-sm-flex-13 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 13%;
  }
  .lt-sm-flex-14 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 14%;
  }
  .lt-sm-flex-15 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 15%;
  }
  .lt-sm-flex-16 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 16%;
  }
  .lt-sm-flex-17 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 17%;
  }
  .lt-sm-flex-18 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 18%;
  }
  .lt-sm-flex-19 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 19%;
  }
  .lt-sm-flex-20 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 20%;
  }
  .lt-sm-flex-21 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 21%;
  }
  .lt-sm-flex-22 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 22%;
  }
  .lt-sm-flex-23 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 23%;
  }
  .lt-sm-flex-24 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 24%;
  }
  .lt-sm-flex-25 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 25%;
  }
  .lt-sm-flex-26 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 26%;
  }
  .lt-sm-flex-27 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 27%;
  }
  .lt-sm-flex-28 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 28%;
  }
  .lt-sm-flex-29 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 29%;
  }
  .lt-sm-flex-30 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 30%;
  }
  .lt-sm-flex-31 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 31%;
  }
  .lt-sm-flex-32 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 32%;
  }
  .lt-sm-flex-33 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 33%;
  }
  .lt-sm-flex-34 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 34%;
  }
  .lt-sm-flex-35 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 35%;
  }
  .lt-sm-flex-36 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 36%;
  }
  .lt-sm-flex-37 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 37%;
  }
  .lt-sm-flex-38 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 38%;
  }
  .lt-sm-flex-39 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 39%;
  }
  .lt-sm-flex-40 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 40%;
  }
  .lt-sm-flex-41 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 41%;
  }
  .lt-sm-flex-42 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 42%;
  }
  .lt-sm-flex-43 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 43%;
  }
  .lt-sm-flex-44 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 44%;
  }
  .lt-sm-flex-45 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 45%;
  }
  .lt-sm-flex-46 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 46%;
  }
  .lt-sm-flex-47 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 47%;
  }
  .lt-sm-flex-48 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 48%;
  }
  .lt-sm-flex-49 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 49%;
  }
  .lt-sm-flex-50 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 50%;
  }
  .lt-sm-flex-51 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 51%;
  }
  .lt-sm-flex-52 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 52%;
  }
  .lt-sm-flex-53 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 53%;
  }
  .lt-sm-flex-54 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 54%;
  }
  .lt-sm-flex-55 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 55%;
  }
  .lt-sm-flex-56 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 56%;
  }
  .lt-sm-flex-57 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 57%;
  }
  .lt-sm-flex-58 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 58%;
  }
  .lt-sm-flex-59 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 59%;
  }
  .lt-sm-flex-60 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 60%;
  }
  .lt-sm-flex-61 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 61%;
  }
  .lt-sm-flex-62 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 62%;
  }
  .lt-sm-flex-63 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 63%;
  }
  .lt-sm-flex-64 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 64%;
  }
  .lt-sm-flex-65 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 65%;
  }
  .lt-sm-flex-66 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 66%;
  }
  .lt-sm-flex-67 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 67%;
  }
  .lt-sm-flex-68 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 68%;
  }
  .lt-sm-flex-69 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 69%;
  }
  .lt-sm-flex-70 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 70%;
  }
  .lt-sm-flex-71 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 71%;
  }
  .lt-sm-flex-72 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 72%;
  }
  .lt-sm-flex-73 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 73%;
  }
  .lt-sm-flex-74 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 74%;
  }
  .lt-sm-flex-75 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 75%;
  }
  .lt-sm-flex-76 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 76%;
  }
  .lt-sm-flex-77 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 77%;
  }
  .lt-sm-flex-78 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 78%;
  }
  .lt-sm-flex-79 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 79%;
  }
  .lt-sm-flex-80 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 80%;
  }
  .lt-sm-flex-81 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 81%;
  }
  .lt-sm-flex-82 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 82%;
  }
  .lt-sm-flex-83 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 83%;
  }
  .lt-sm-flex-84 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 84%;
  }
  .lt-sm-flex-85 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 85%;
  }
  .lt-sm-flex-86 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 86%;
  }
  .lt-sm-flex-87 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 87%;
  }
  .lt-sm-flex-88 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 88%;
  }
  .lt-sm-flex-89 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 89%;
  }
  .lt-sm-flex-90 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 90%;
  }
  .lt-sm-flex-91 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 91%;
  }
  .lt-sm-flex-92 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 92%;
  }
  .lt-sm-flex-93 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 93%;
  }
  .lt-sm-flex-94 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 94%;
  }
  .lt-sm-flex-95 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 95%;
  }
  .lt-sm-flex-96 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 96%;
  }
  .lt-sm-flex-97 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 97%;
  }
  .lt-sm-flex-98 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 98%;
  }
  .lt-sm-flex-99 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 99%;
  }
  .lt-sm-flex-100 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 100%;
  }
  .lt-sm-fl-row {
    flex-direction: row;
  }
  .lt-sm-fl-column {
    flex-direction: column;
  }
  .lt-sm-fl-row-wrap {
    flex-flow: row wrap;
  }
  .lt-sm-flex-hide {
    display: none !important;
  }
  .lt-sm-flex-show {
    display: flex !important;
  }
  .lt-sm-flex-gap-10 {
    gap: 10px;
  }
  .lt-sm-flex-gap-10-grid {
    margin: 0px -10px -10px 0px;
  }
  .lt-sm-flex-gap-10-grid > * {
    padding: 0px 10px 10px 0px;
  }
  .lt-sm-fa-center {
    display: flex;
    place-content: center;
    align-items: center;
  }
  .lt-sm-fa-flex-start {
    display: flex;
    place-content: center flex-start;
    align-items: center;
  }
  .lt-sm-fa-flex-end {
    display: flex;
    place-content: center flex-end;
    align-items: center;
  }
}
.h100 {
  height: 100%;
}
.hidden {
  display: none !important;
}
:root {
  --sbb-form-label-wrapper-padding-left: 0;
  --sbb-form-label-wrapper-margin-bottom: 0.2em;
}
html {
  box-sizing: border-box;
  min-height: 100vh;
  min-height: -webkit-fill-available;
}
html,
body {
  margin: 0;
  -webkit-overflow-scrolling: auto;
  width: 100%;
  height: 100%;
}
input[type=email][required]:placeholder-shown,
input[type=password][required]:placeholder-shown,
input[type=search][required]:placeholder-shown,
input[type=text][required]:placeholder-shown,
input[type=number][required]:placeholder-shown,
input[type=tel][required]:placeholder-shown,
input[type=time][required]:placeholder-shown,
input[type=datetime][required]:placeholder-shown,
input[type=datetime-local][required]:placeholder-shown,
input[type=url][required]:placeholder-shown,
input:not([type])[required]:placeholder-shown {
  background: #fffbc0;
}
.toolbar-actions {
  float: right;
}
.instruction {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid var(--sbb-color-aluminum);
}
app-instruction-display:last-child .instruction {
  border-bottom: 0px;
}
.instruction-title-wrapper {
  margin: 1rem 0rem 1.4rem 0rem;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
}
.instruction-title {
  margin: 0px;
  font-weight: bold;
}
.ql-snow .ql-editor h1 {
  font-size: 1.3rem;
  font-family:
    "SBBWeb Light",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  font-weight: normal;
  margin: 1.8rem 0rem 0.8rem 0rem;
  border-bottom: 1px solid var(--sbb-color-aluminum);
}
.ql-snow .ql-editor img {
  height: 100%;
}
.ql-snow .ql-editor h2 {
  font-size: 1.2rem;
  font-family:
    "SBBWeb Light",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  font-weight: normal;
  margin: 1.6rem 0rem 0.4rem 0rem;
}
.ql-snow .ql-editor p {
  font-size: 1rem;
  font-family:
    "SBBWeb Light",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  font-weight: normal;
  margin: 0.4rem 0px;
}
.ql-editor ol > li::before {
  content: none !important;
}
.ql-editor ol > li,
.ql-editor ul > li {
  font-size: 1rem;
  font-family:
    "SBBWeb Light",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  font-weight: normal;
}
.sbb-tooltip ul {
  margin-top: 0px;
  margin-bottom: 5px;
}
.sbb-tooltip-content-body {
  white-space: pre-line;
}
.sbb-notification-warn {
  background-color: var(--sbb-color-orange) !important;
  color: var(--sbb-color-white) !important;
}
.mat-mdc-card {
  padding: 0px !important;
  margin-top: 10px;
  margin-bottom: 10px;
  box-shadow: none !important;
  box-sizing: border-box;
  border: 1px solid var(--sbb-color-cloud) !important;
  border-radius: unset !important;
  font-family:
    "SBBWeb Roman",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
}
.mat-mdc-card .mat-mdc-card-header {
  font-size: 1.4em;
  font-family:
    "SBBWeb Light",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  display: flex;
  position: relative;
  padding: 0.4em 0.3em 0.4em 0.3em;
  outline: none;
  border-bottom: 1px solid var(--sbb-color-cloud);
  margin: 0px 12px 5px 12px;
}
.mat-mdc-card .mat-mdc-card-header .mat-mdc-card-header-text {
  margin: 0px;
}
.mat-mdc-card .mat-mdc-card-header app-section-title h3 {
  font-size: 1em;
}
.mat-mdc-card .mat-mdc-card-header .toolbar-actions {
  margin-left: auto;
  order: 2;
}
.mat-mdc-card .mat-mdc-card-header .toolbar-actions button:not(:first-child) {
  margin-left: 0.5rem;
}
.mat-mdc-card .mat-mdc-card-content {
  padding: 0.5em 1.2em;
}
.mat-mdc-tab-link {
  font-size: 1rem !important;
  height: 38px !important;
}
.mat-mdc-tab-link {
  letter-spacing: 0px !important;
}
.mat-mdc-menu-content > .sbb-menu-item,
.sbb-menu-content > .sbb-menu-item {
  font-family: var(--sbb-font-roman);
}
.mat-mdc-autocomplete-panel > .mat-mdc-option {
  line-height: 1rem;
}
.mat-mdc-autocomplete-panel > .mat-mdc-option > * {
  font-family: var(--sbb-font-roman);
  color: var(--sbb-color-black);
}
.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: var(--sbb-color-red125);
}
.mat-mdc-tab-list {
  border-bottom: 1px solid var(--sbb-color-cloud);
  display: inline-block !important;
  position: relative !important;
}
.mat-mdc-tab-link.mdc-tab .mdc-tab__text-label {
  font-family: var(--sbb-font-light) !important;
  color: var(--sbb-color-black) !important;
}
.mat-mdc-tab-link.mdc-tab:hover .mdc-tab__text-label {
  color: var(--sbb-color-red125) !important;
}
.mat-mdc-tab-link.mdc-tab:hover .mdc-tab-indicator__content {
  border-color: var(--sbb-color-red125) !important;
}
.mat-mdc-tab-link.mdc-tab--active {
  background-color: var(--sbb-color-white) !important;
  border-bottom: 0px solid var(--sbb-color-black) !important;
}
.mat-mdc-tab-header.mat-mdc-tab-nav-bar-stretch-tabs .mat-mdc-tab-link {
  flex-grow: initial !important;
}
.mdc-tab-indicator__content {
  border-color: var(--sbb-color-black) !important;
  border-width: 1px !important;
}
.mdc-tab__ripple {
  display: none !important;
}
sbb-checkbox.sbb-checkbox.sbb-readonly {
  pointer-events: none;
}
sbb-checkbox.sbb-checkbox.sbb-readonly div.sbb-checkbox-container {
  background-color: transparent !important;
  border: 1px var(--sbb-color-graphite) solid !important;
}
sbb-checkbox.sbb-checkbox.sbb-readonly div.sbb-checkbox-label-content {
  color: var(--sbb-color-granite) !important;
}
sbb-checkbox.sbb-checkbox.sbb-readonly div.sbb-checkbox-label-content .sbb-icon {
  pointer-events: all;
}
sbb-radio-button.sbb-radio-button.sbb-readonly {
  pointer-events: none;
}
sbb-textarea.sbb-readonly div.sbb-textarea-remaining-chars {
  display: none;
}
sbb-textarea.sbb-readonly.sbb-focused.sbb-readonly {
  border: none;
}
sbb-select.sbb-select {
  display: block;
}
label > sbb-label.sbb-label {
  display: inline-block;
}
.sbb-tooltip-wrapper button.sbb-tooltip-trigger,
.tooltip-trigger-wrapper button.sbb-tooltip-trigger {
  margin-left: 0.2em;
}
.sbb-tooltip-wrapper button.sbb-tooltip-trigger > sbb-icon,
.tooltip-trigger-wrapper button.sbb-tooltip-trigger > sbb-icon {
  width: 1.25em;
  height: 1.25em;
}
@media screen and (max-width: 1279px) {
  .sbb-tooltip-icon {
    margin-left: 2px !important;
  }
}
.sbb-notification-toast {
  max-width: 100%;
}
.sbb-notification-toast-content {
  word-break: break-word;
}
.mat-mdc-card-header button.sbb-tooltip-trigger > sbb-icon,
.sbb-checkbox button.sbb-tooltip-trigger > sbb-icon {
  width: 1.1em;
  height: 1.1em;
}
.button-full-width {
  width: 100%;
}
sbb-loading {
  z-index: 1003 !important;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  z-index: 1002;
}
.cdk-overlay-container .cdk-overlay-connected-position-bounding-box,
.cdk-global-overlay-wrapper .cdk-overlay-connected-position-bounding-box {
  z-index: 1003;
}
.cdk-overlay-container .mat-mdc-menu-panel,
.cdk-global-overlay-wrapper .mat-mdc-menu-panel {
  min-height: 44px;
}
.cdk-overlay-pane .mat-mdc-autocomplete-panel {
  border: 1px solid var(--sbb-color-iron);
  border-top: none;
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.15), 0 -2px 0 -1px var(--sbb-color-cloud);
  max-height: 200px !important;
}
.cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option {
  font-size: 0.9375rem;
  padding: 4px 8px;
  text-align: left;
  line-height: 1.3333333333rem;
  height: auto;
}
.cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option:hover {
  color: var(--sbb-color-red125);
  background-color: var(--sbb-color-milk);
}
.cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option.mat-active::after,
.cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option:hover::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  left: 0;
  top: 0;
  background-color: var(--sbb-color-red125);
}
.cdk-overlay-pane.mat-mdc-autocomplete-panel-above .mat-mdc-autocomplete-panel {
  top: 0;
  position: relative;
  border-radius: 2px 2px 0 0;
  border: 1px solid var(--sbb-color-iron);
  border-bottom: none;
  box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.15), 0 2px 0 -1px var(--sbb-color-cloud);
}
input.mat-mdc-autocomplete-trigger[aria-expanded=true] {
  border-radius: 0;
}
.sidi-project-select-menu {
  min-height: 0px !important;
  border: 1px solid var(--sbb-color-iron);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: height 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  color: var(--sbb-color-iron);
}
.cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option.sidi-not-selectable-option {
  background: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0.87);
  cursor: initial;
  pointer-events: none;
}
.psp-create-button {
  cursor: pointer;
  float: right;
  background-color: var(--sbb-color-red);
  color: var(--sbb-color-white);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;
  padding-top: 0;
  position: relative;
}
.psp-create-button .sbb-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* angular:styles/global:styles */