@charset "UTF-8";body {
  font-family: var(--sbb-font-roman);
  margin: 0;
  position: relative;
  left: 0;
  padding: 54px 0 0;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0;
  overflow-y: scroll;
}

html, body, .app {
  height: 100vh;
}

.app.has-background {
  background: linear-gradient(180deg, #ccc 0%, #ffffff 100%);
}

.main-content {
  padding: 10px;
  margin-bottom: 25px;
}

@media (max-width: 576px) {
  .main-content {
    padding-right: 5px;
    padding-left: 5px;
  }
}
@media (max-width: 992px) {
  .main-content {
    padding-top: 4px;
  }
}
.infoWrapper .tooltipInfoIcon {
  margin-left: 8px;
  font-size: 13px;
  vertical-align: middle;
}
/**
 * Do not edit directly, this file was auto-generated.
 */
:host {
  display: flex;
  flex-flow: var(--sbb-selection-group-orientation) wrap;
  gap: var(--sbb-selection-group-gap);
  align-items: flex-start;
  width: var(--sbb-selection-group-width);
}

:host([orientation=vertical]) {
  --sbb-selection-group-orientation: column;
  --sbb-selection-group-width: 100%;
  --sbb-selection-group-elements-width: 100%;
}

:host(:is(:state(has-panel), [state--has-panel])) {
  --sbb-selection-group-width: 100%;
  --sbb-selection-group-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);
  --sbb-selection-group-elements-flex: auto;
}

@media (min-width: 0rem) {
  :host([orientation=vertical][horizontal-from=zero]) {
    --sbb-selection-group-orientation: row;
    --sbb-selection-group-elements-width: auto;
  }
  :host([orientation=vertical][horizontal-from=zero]:not(:is(:state(has-panel), [state--has-panel]))) {
    --sbb-selection-group-width: auto;
  }
}
@media (min-width: 37.5rem) {
  :host([orientation=vertical][horizontal-from=small]) {
    --sbb-selection-group-orientation: row;
    --sbb-selection-group-elements-width: auto;
  }
  :host([orientation=vertical][horizontal-from=small]:not(:is(:state(has-panel), [state--has-panel]))) {
    --sbb-selection-group-width: auto;
  }
}
@media (min-width: 64rem) {
  :host([orientation=vertical][horizontal-from=large]) {
    --sbb-selection-group-orientation: row;
    --sbb-selection-group-elements-width: auto;
  }
  :host([orientation=vertical][horizontal-from=large]:not(:is(:state(has-panel), [state--has-panel]))) {
    --sbb-selection-group-width: auto;
  }
}
@media (min-width: 90rem) {
  :host([orientation=vertical][horizontal-from=ultra]) {
    --sbb-selection-group-orientation: row;
    --sbb-selection-group-elements-width: auto;
  }
  :host([orientation=vertical][horizontal-from=ultra]:not(:is(:state(has-panel), [state--has-panel]))) {
    --sbb-selection-group-width: auto;
  }
}
slot[name=error]::slotted(*) {
  flex-basis: 100%;
}

::slotted(:is(sbb-checkbox-panel, sbb-radio-button-panel)) {
  flex: var(--sbb-selection-group-elements-flex);
}

::slotted(:is(sbb-checkbox, sbb-checkbox-panel, sbb-radio-button-panel)) {
  width: var(--sbb-selection-group-elements-width);
}

:host {
  --sbb-tab-label-animation-duration: var(
    --sbb-disable-animation-duration,
    var(--sbb-animation-duration-2x)
  );
  --sbb-tab-label-outline-border-radius-internal: calc(
    var(--sbb-tab-label-outline-border-radius) - var(--sbb-focus-outline-offset)
  );
}

:host(:is(:is(:state(size-s), [state--size-s]), [size=s])) {
  --sbb-tab-label-height: var(--sbb-size-element-xs);
  --sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xxxs);
  --sbb-tab-label-font-size: var(--sbb-text-font-size-s);
}

:host(:is(:is(:state(size-l), [state--size-l]), [size=l])) {
  --sbb-tab-label-height: var(--sbb-size-element-m);
  --sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);
  --sbb-tab-label-font-size: var(--sbb-text-font-size-m);
}

:host(:is(:is(:state(size-xl), [state--size-xl]), [size=xl])) {
  --sbb-tab-label-height: var(--sbb-size-element-m);
  --sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);
  --sbb-tab-label-font-size: var(--sbb-text-font-size-xl);
}

:host(sbb-tab-label),
:host(sbb-tab-nav-bar) ::slotted(a) {
  pointer-events: var(--sbb-tab-label-pointer-events, unset);
}

@media (forced-colors: active) {
  :host(sbb-tab-label),
  :host(sbb-tab-nav-bar) ::slotted(a) {
    --sbb-tab-label-color: ButtonText;
    --sbb-tab-label-amount-color: ButtonText;
  }
}
:host(sbb-tab-nav-bar) ::slotted(a),
:host(sbb-tab-label) .sbb-tab-label {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--sbb-tab-label-gap);
  color: var(--sbb-tab-label-color);
  margin: 0;
  padding-inline: var(--sbb-tab-label-inline-padding);
  min-height: var(--sbb-tab-label-height);
  transition: color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing);
  font-size: var(--sbb-tab-label-font-size);
  letter-spacing: var(--sbb-typo-letter-spacing-text);
  line-height: var(--sbb-typo-line-height-text);
  font-weight: var(--sbb-tab-label-font-weight);
  text-decoration: var(--sbb-tab-label-text-decoration);
}

:host(sbb-tab-nav-bar) ::slotted(a)::after,
:host(sbb-tab-label) .sbb-tab-label::after {
  position: absolute;
  content: "";
  inset-inline: 0;
  inset-block-end: 0;
  height: var(--sbb-tab-label-marker-thickness);
  background-color: var(--sbb-tab-label-color);
  scale: var(--sbb-tab-label-marker-scale, 0);
  transition-duration: var(--sbb-tab-label-animation-duration);
  transition-timing-function: var(--sbb-tab-label-animation-easing);
  transition-property: scale, background-color;
}

:host(sbb-tab-nav-bar) .sbb-tab-nav-bar > [data-has-divider],
:host(sbb-tab-label:is(:state(has-divider), [state--has-divider])) {
  position: relative;
}

:host(sbb-tab-nav-bar) .sbb-tab-nav-bar > [data-has-divider]::before,
:host(sbb-tab-label:is(:state(has-divider), [state--has-divider]))::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-block-end: 0;
  width: var(--sbb-tab-group-width);
  height: var(--sbb-border-width-1x);
  background-color: var(--sbb-tab-label-line-color);
}

:host(sbb-tab-nav-bar) ::slotted(a.sbb-disabled),
:host(sbb-tab-label[disabled]) {
  --sbb-tab-label-cursor: unset;
  --sbb-tab-label-pointer-events: none;
  --sbb-tab-label-text-decoration: line-through;
}

@media (forced-colors: active) {
  :host(sbb-tab-nav-bar) ::slotted(a.sbb-disabled),
  :host(sbb-tab-label[disabled]) {
    --sbb-tab-label-color: GrayText;
    --sbb-tab-label-amount-color: GrayText;
  }
}
:host(sbb-tab-nav-bar) ::slotted(a.sbb-active:not(.sbb-disabled)),
:host(sbb-tab-label[active]:not([disabled])) {
  --sbb-tab-label-color: var(--sbb-color-3);
  --sbb-tab-label-cursor: unset;
  --sbb-tab-label-pointer-events: none;
  --sbb-tab-label-marker-scale: 1;
}

@media (forced-colors: active) {
  :host(sbb-tab-nav-bar) ::slotted(a.sbb-active:not(.sbb-disabled)),
  :host(sbb-tab-label[active]:not([disabled])) {
    --sbb-tab-label-color: ButtonText;
    --sbb-tab-label-amount-color: ButtonText;
  }
}
@media (any-hover: hover) {
  :host(sbb-tab-nav-bar) ::slotted(a:hover:not(.sbb-disabled)),
  :host(sbb-tab-label:hover:not([disabled])) {
    --sbb-tab-label-marker-scale: 1;
  }
}
:host(sbb-tab-nav-bar) ::slotted(a:active:not(.sbb-disabled)),
:host(sbb-tab-label:active) {
  --sbb-tab-label-color: var(--sbb-color-3);
}

@media (forced-colors: active) {
  :host(sbb-tab-nav-bar) ::slotted(a:active:not(.sbb-disabled)),
  :host(sbb-tab-label:active) {
    --sbb-tab-label-color: ButtonText;
    --sbb-tab-label-amount-color: ButtonText;
  }
}
:host(sbb-tab-nav-bar) ::slotted(a:focus-visible),
:host(sbb-tab-label:focus-visible) .sbb-tab-label {
  outline-offset: var(--sbb-focus-outline-offset);
  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);
  border-radius: var(--sbb-tab-label-outline-border-radius-internal);
}

*,
::before,
::after {
  box-sizing: border-box;
}

:root {
  --sbb-animation-duration-1x: 0.04s;
  --sbb-animation-duration-2x: 0.08s;
  --sbb-animation-duration-3x: 0.12s;
  --sbb-animation-duration-4x: 0.16s;
  --sbb-animation-duration-5x: 0.20s;
  --sbb-animation-duration-6x: 0.24s;
  --sbb-animation-duration-12x: 0.48s;
  --sbb-animation-easing: cubic-bezier(.47, .1, 1, .63);
  /**
   * Original Value: 1px
   */
  --sbb-border-width-1x: 0.0625rem;
  /**
   * Original Value: 2px
   */
  --sbb-border-width-2x: 0.125rem;
  /**
   * Original Value: 3px
   */
  --sbb-border-width-3x: 0.1875rem;
  /**
   * Original Value: 4px
   */
  --sbb-border-width-4x: 0.25rem;
  /**
   * Original Value: 2px
   */
  --sbb-border-radius-1x: 0.125rem;
  /**
   * Original Value: 4px
   */
  --sbb-border-radius-2x: 0.25rem;
  /**
   * Original Value: 8px
   */
  --sbb-border-radius-4x: 0.5rem;
  /**
   * Original Value: 12px
   */
  --sbb-border-radius-6x: 0.75rem;
  /**
   * Original Value: 16px
   */
  --sbb-border-radius-8x: 1rem;
  /**
   * Original Value: 32px
   */
  --sbb-border-radius-16x: 2rem;
  /**
   * Original Value: 0px
   */
  --sbb-breakpoint-zero-min: 0rem;
  /**
   * Original Value: 599px
   */
  --sbb-breakpoint-zero-max: 37.4375rem;
  /**
   * Original Value: 600px
   */
  --sbb-breakpoint-small-min: 37.5rem;
  /**
   * Original Value: 1023px
   */
  --sbb-breakpoint-small-max: 63.9375rem;
  /**
   * Original Value: 1024px
   */
  --sbb-breakpoint-large-min: 64rem;
  /**
   * Original Value: 1439px
   */
  --sbb-breakpoint-large-max: 89.9375rem;
  /**
   * Original Value: 1440px
   */
  --sbb-breakpoint-ultra-min: 90rem;
  /**
   * Original Value: 2579px
   */
  --sbb-breakpoint-ultra-max: 161.1875rem;
  --sbb-color-black: #000000;
  --sbb-color-midnight: #151515;
  --sbb-color-blue: #2d327d;
  --sbb-color-charcoal: #212121;
  --sbb-color-iron: #444444;
  --sbb-color-anthracite: #5a5a5a;
  --sbb-color-granite: #686868;
  --sbb-color-metal: #767676;
  --sbb-color-smoke: #8d8d8d;
  --sbb-color-storm: #a8a8a8;
  --sbb-color-graphite: #b7b7b7;
  --sbb-color-cement: #bdbdbd;
  --sbb-color-platinum: #cdcdcd;
  --sbb-color-aluminium: #d2d2d2;
  --sbb-color-silver: #dcdcdc;
  --sbb-color-cloud: #e5e5e5;
  --sbb-color-milk: #f6f6f6;
  --sbb-color-red: #eb0000;
  --sbb-color-red85: #ff3838;
  --sbb-color-red125: #c60018;
  --sbb-color-red150: #a20013;
  --sbb-color-royal-light: #06348b;
  --sbb-color-royal-dark: #0053ef;
  --sbb-color-royal85-light: #4077df;
  --sbb-color-royal85-dark: #4077df;
  --sbb-color-royal125-light: #032668;
  --sbb-color-royal125-dark: #245ecb;
  --sbb-color-royal150-light: #021c4e;
  --sbb-color-royal150-dark: #3c65b3;
  --sbb-color-white: #ffffff;
  --sbb-color-sky-light: #0074bf;
  --sbb-color-sky-dark: #128ede;
  --sbb-color-night-light: #143a85;
  --sbb-color-night-dark: #6587ca;
  --sbb-color-violet-light: #6f2282;
  --sbb-color-violet-dark: #b36cc5;
  --sbb-color-pink-light: #c7387a;
  --sbb-color-pink-dark: #e45295;
  --sbb-color-autumn-light: #cf3b00;
  --sbb-color-autumn-dark: #f05313;
  --sbb-color-orange-light: #f27e00;
  --sbb-color-orange-dark: #fb8e19;
  --sbb-color-peach-light: #fcbb00;
  --sbb-color-peach-dark: #ffc727;
  --sbb-color-lemon-light: #ffde15;
  --sbb-color-lemon-dark: #ffe547;
  --sbb-color-brown-light: #a05400;
  --sbb-color-brown-dark: #cf6f04;
  --sbb-color-green-light: #008233;
  --sbb-color-green-dark: #109d47;
  --sbb-color-turquoise-light: #007e84;
  --sbb-color-turquoise-dark: #00a59b;
  /**
   * Original Value: 3px
   */
  --sbb-focus-outline-offset: 0.1875rem;
  --sbb-hover-image-brightness: 1.075;
  --sbb-layout-base-grid-columns-zero: 4;
  --sbb-layout-base-grid-columns-small: 8;
  --sbb-layout-base-grid-columns-large: 12;
  --sbb-layout-base-grid-columns-ultra: 16;
  /**
   * Original Value: 16px
   */
  --sbb-layout-base-grid-gutter-responsive-zero: 1rem;
  /**
   * Original Value: 24px
   */
  --sbb-layout-base-grid-gutter-responsive-small: 1.5rem;
  /**
   * Original Value: 32px
   */
  --sbb-layout-base-grid-gutter-responsive-large: 2rem;
  /**
   * Original Value: 32px
   */
  --sbb-layout-base-grid-gutter-responsive-ultra: 2rem;
  /**
   * Original Value: 20px
   */
  --sbb-layout-base-offset-responsive-zero: 1.25rem;
  /**
   * Original Value: 48px
   */
  --sbb-layout-base-offset-responsive-small: 3rem;
  /**
   * Original Value: 64px
   */
  --sbb-layout-base-offset-responsive-large: 4rem;
  /**
   * Original Value: 120px
   */
  --sbb-layout-base-offset-responsive-ultra: 7.5rem;
  /**
   * Original Value: 1200px
   */
  --sbb-layout-base-page-max-width: 75rem;
  /**
   * Original Value: 0px
   */
  --sbb-shadow-elevation-level-3-shadow-1-offset-x: 0rem;
  /**
   * Original Value: 2px
   */
  --sbb-shadow-elevation-level-3-shadow-1-offset-y: 0.125rem;
  /**
   * Original Value: 16px
   */
  --sbb-shadow-elevation-level-3-shadow-1-blur: 1rem;
  /**
   * Original Value: 0px
   */
  --sbb-shadow-elevation-level-3-shadow-1-spread: 0rem;
  /**
   * Original Value: 0px
   */
  --sbb-shadow-elevation-level-3-shadow-2-offset-x: 0rem;
  /**
   * Original Value: 1px
   */
  --sbb-shadow-elevation-level-3-shadow-2-offset-y: 0.0625rem;
  /**
   * Original Value: 4px
   */
  --sbb-shadow-elevation-level-3-shadow-2-blur: 0.25rem;
  /**
   * Original Value: 0px
   */
  --sbb-shadow-elevation-level-3-shadow-2-spread: 0rem;
  /**
   * Original Value: 0px
   */
  --sbb-shadow-elevation-level-5-shadow-1-offset-x: 0rem;
  /**
   * Original Value: 4px
   */
  --sbb-shadow-elevation-level-5-shadow-1-offset-y: 0.25rem;
  /**
   * Original Value: 32px
   */
  --sbb-shadow-elevation-level-5-shadow-1-blur: 2rem;
  /**
   * Original Value: 0px
   */
  --sbb-shadow-elevation-level-5-shadow-1-spread: 0rem;
  /**
   * Original Value: 0px
   */
  --sbb-shadow-elevation-level-5-shadow-2-offset-x: 0rem;
  /**
   * Original Value: 1px
   */
  --sbb-shadow-elevation-level-5-shadow-2-offset-y: 0.0625rem;
  /**
   * Original Value: 8px
   */
  --sbb-shadow-elevation-level-5-shadow-2-blur: 0.5rem;
  /**
   * Original Value: 0px
   */
  --sbb-shadow-elevation-level-5-shadow-2-spread: 0rem;
  /**
   * Original Value: 0px
   */
  --sbb-shadow-elevation-level-9-shadow-1-offset-x: 0rem;
  /**
   * Original Value: 16px
   */
  --sbb-shadow-elevation-level-9-shadow-1-offset-y: 1rem;
  /**
   * Original Value: 128px
   */
  --sbb-shadow-elevation-level-9-shadow-1-blur: 8rem;
  /**
   * Original Value: 0px
   */
  --sbb-shadow-elevation-level-9-shadow-1-spread: 0rem;
  /**
   * Original Value: 0px
   */
  --sbb-shadow-elevation-level-9-shadow-2-offset-x: 0rem;
  /**
   * Original Value: 4px
   */
  --sbb-shadow-elevation-level-9-shadow-2-offset-y: 0.25rem;
  /**
   * Original Value: 32px
   */
  --sbb-shadow-elevation-level-9-shadow-2-blur: 2rem;
  /**
   * Original Value: 0px
   */
  --sbb-shadow-elevation-level-9-shadow-2-spread: 0rem;
  /**
   * Original Value: 0px
   */
  --sbb-shadow-elevation-level-11-shadow-1-offset-x: 0rem;
  /**
   * Original Value: 24px
   */
  --sbb-shadow-elevation-level-11-shadow-1-offset-y: 1.5rem;
  /**
   * Original Value: 192px
   */
  --sbb-shadow-elevation-level-11-shadow-1-blur: 12rem;
  /**
   * Original Value: 0px
   */
  --sbb-shadow-elevation-level-11-shadow-1-spread: 0rem;
  /**
   * Original Value: 0px
   */
  --sbb-shadow-elevation-level-11-shadow-2-offset-x: 0rem;
  /**
   * Original Value: 4px
   */
  --sbb-shadow-elevation-level-11-shadow-2-offset-y: 0.25rem;
  /**
   * Original Value: 64px
   */
  --sbb-shadow-elevation-level-11-shadow-2-blur: 4rem;
  /**
   * Original Value: 0px
   */
  --sbb-shadow-elevation-level-11-shadow-2-spread: 0rem;
  /**
   * Original Value: 28px
   */
  --sbb-size-element-xxxs-zero: 1.75rem;
  /**
   * Original Value: 28px
   */
  --sbb-size-element-xxxs-small: 1.75rem;
  /**
   * Original Value: 32px
   */
  --sbb-size-element-xxxs-large: 2rem;
  /**
   * Original Value: 32px
   */
  --sbb-size-element-xxxs-ultra: 2rem;
  /**
   * Original Value: 32px
   */
  --sbb-size-element-xxs-zero: 2rem;
  /**
   * Original Value: 32px
   */
  --sbb-size-element-xxs-small: 2rem;
  /**
   * Original Value: 36px
   */
  --sbb-size-element-xxs-large: 2.25rem;
  /**
   * Original Value: 36px
   */
  --sbb-size-element-xxs-ultra: 2.25rem;
  /**
   * Original Value: 36px
   */
  --sbb-size-element-xs-zero: 2.25rem;
  /**
   * Original Value: 36px
   */
  --sbb-size-element-xs-small: 2.25rem;
  /**
   * Original Value: 40px
   */
  --sbb-size-element-xs-large: 2.5rem;
  /**
   * Original Value: 40px
   */
  --sbb-size-element-xs-ultra: 2.5rem;
  /**
   * Original Value: 44px
   */
  --sbb-size-element-s-zero: 2.75rem;
  /**
   * Original Value: 44px
   */
  --sbb-size-element-s-small: 2.75rem;
  /**
   * Original Value: 48px
   */
  --sbb-size-element-s-large: 3rem;
  /**
   * Original Value: 48px
   */
  --sbb-size-element-s-ultra: 3rem;
  /**
   * Original Value: 48px
   */
  --sbb-size-element-m-zero: 3rem;
  /**
   * Original Value: 48px
   */
  --sbb-size-element-m-small: 3rem;
  /**
   * Original Value: 56px
   */
  --sbb-size-element-m-large: 3.5rem;
  /**
   * Original Value: 56px
   */
  --sbb-size-element-m-ultra: 3.5rem;
  /**
   * Original Value: 56px
   */
  --sbb-size-element-l-zero: 3.5rem;
  /**
   * Original Value: 56px
   */
  --sbb-size-element-l-small: 3.5rem;
  /**
   * Original Value: 64px
   */
  --sbb-size-element-l-large: 4rem;
  /**
   * Original Value: 64px
   */
  --sbb-size-element-l-ultra: 4rem;
  /**
   * Original Value: 16px
   */
  --sbb-size-icon-ui-extra-small: 1rem;
  /**
   * Original Value: 24px
   */
  --sbb-size-icon-ui-small: 1.5rem;
  /**
   * Original Value: 36px
   */
  --sbb-size-icon-ui-medium: 2.25rem;
  /**
   * Original Value: 48px
   */
  --sbb-size-icon-ui-large: 3rem;
  /**
   * Original Value: 4px
   */
  --sbb-spacing-fixed-1x: 0.25rem;
  /**
   * Original Value: 8px
   */
  --sbb-spacing-fixed-2x: 0.5rem;
  /**
   * Original Value: 12px
   */
  --sbb-spacing-fixed-3x: 0.75rem;
  /**
   * Original Value: 16px
   */
  --sbb-spacing-fixed-4x: 1rem;
  /**
   * Original Value: 20px
   */
  --sbb-spacing-fixed-5x: 1.25rem;
  /**
   * Original Value: 24px
   */
  --sbb-spacing-fixed-6x: 1.5rem;
  /**
   * Original Value: 28px
   */
  --sbb-spacing-fixed-7x: 1.75rem;
  /**
   * Original Value: 32px
   */
  --sbb-spacing-fixed-8x: 2rem;
  /**
   * Original Value: 36px
   */
  --sbb-spacing-fixed-9x: 2.25rem;
  /**
   * Original Value: 40px
   */
  --sbb-spacing-fixed-10x: 2.5rem;
  /**
   * Original Value: 48px
   */
  --sbb-spacing-fixed-12x: 3rem;
  /**
   * Original Value: 56px
   */
  --sbb-spacing-fixed-14x: 3.5rem;
  /**
   * Original Value: 64px
   */
  --sbb-spacing-fixed-16x: 4rem;
  /**
   * Original Value: 72px
   */
  --sbb-spacing-fixed-18x: 4.5rem;
  /**
   * Original Value: 76px
   */
  --sbb-spacing-fixed-19x: 4.75rem;
  /**
   * Original Value: 80px
   */
  --sbb-spacing-fixed-20x: 5rem;
  /**
   * Original Value: 96px
   */
  --sbb-spacing-fixed-24x: 6rem;
  /**
   * Original Value: 120px
   */
  --sbb-spacing-fixed-30x: 7.5rem;
  /**
   * Original Value: 12px
   */
  --sbb-spacing-responsive-xxxs-zero: 0.75rem;
  /**
   * Original Value: 12px
   */
  --sbb-spacing-responsive-xxxs-small: 0.75rem;
  /**
   * Original Value: 16px
   */
  --sbb-spacing-responsive-xxxs-large: 1rem;
  /**
   * Original Value: 16px
   */
  --sbb-spacing-responsive-xxxs-ultra: 1rem;
  /**
   * Original Value: 16px
   */
  --sbb-spacing-responsive-xxs-zero: 1rem;
  /**
   * Original Value: 16px
   */
  --sbb-spacing-responsive-xxs-small: 1rem;
  /**
   * Original Value: 24px
   */
  --sbb-spacing-responsive-xxs-large: 1.5rem;
  /**
   * Original Value: 24px
   */
  --sbb-spacing-responsive-xxs-ultra: 1.5rem;
  /**
   * Original Value: 20px
   */
  --sbb-spacing-responsive-xs-zero: 1.25rem;
  /**
   * Original Value: 20px
   */
  --sbb-spacing-responsive-xs-small: 1.25rem;
  /**
   * Original Value: 24px
   */
  --sbb-spacing-responsive-xs-large: 1.5rem;
  /**
   * Original Value: 24px
   */
  --sbb-spacing-responsive-xs-ultra: 1.5rem;
  /**
   * Original Value: 24px
   */
  --sbb-spacing-responsive-s-zero: 1.5rem;
  /**
   * Original Value: 24px
   */
  --sbb-spacing-responsive-s-small: 1.5rem;
  /**
   * Original Value: 32px
   */
  --sbb-spacing-responsive-s-large: 2rem;
  /**
   * Original Value: 32px
   */
  --sbb-spacing-responsive-s-ultra: 2rem;
  /**
   * Original Value: 32px
   */
  --sbb-spacing-responsive-m-zero: 2rem;
  /**
   * Original Value: 32px
   */
  --sbb-spacing-responsive-m-small: 2rem;
  /**
   * Original Value: 40px
   */
  --sbb-spacing-responsive-m-large: 2.5rem;
  /**
   * Original Value: 48px
   */
  --sbb-spacing-responsive-m-ultra: 3rem;
  /**
   * Original Value: 32px
   */
  --sbb-spacing-responsive-l-zero: 2rem;
  /**
   * Original Value: 40px
   */
  --sbb-spacing-responsive-l-small: 2.5rem;
  /**
   * Original Value: 56px
   */
  --sbb-spacing-responsive-l-large: 3.5rem;
  /**
   * Original Value: 64px
   */
  --sbb-spacing-responsive-l-ultra: 4rem;
  /**
   * Original Value: 32px
   */
  --sbb-spacing-responsive-xl-zero: 2rem;
  /**
   * Original Value: 48px
   */
  --sbb-spacing-responsive-xl-small: 3rem;
  /**
   * Original Value: 80px
   */
  --sbb-spacing-responsive-xl-large: 5rem;
  /**
   * Original Value: 96px
   */
  --sbb-spacing-responsive-xl-ultra: 6rem;
  /**
   * Original Value: 48px
   */
  --sbb-spacing-responsive-xxl-zero: 3rem;
  /**
   * Original Value: 72px
   */
  --sbb-spacing-responsive-xxl-small: 4.5rem;
  /**
   * Original Value: 96px
   */
  --sbb-spacing-responsive-xxl-large: 6rem;
  /**
   * Original Value: 120px
   */
  --sbb-spacing-responsive-xxl-ultra: 7.5rem;
  --sbb-typo-font-family: "SBB", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --sbb-typo-letter-spacing-heading: 0em;
  --sbb-typo-letter-spacing-text: 0.03em;
  --sbb-typo-line-height-heading: 1.4;
  --sbb-typo-line-height-text: 1.75;
  /**
   * Original Value: 12px
   */
  --sbb-typo-scale-0-75x: 0.75rem;
  /**
   * Original Value: 13px
   */
  --sbb-typo-scale-0-8125x: 0.8125rem;
  /**
   * Original Value: 14px
   */
  --sbb-typo-scale-0-875x: 0.875rem;
  /**
   * Original Value: 16px
   */
  --sbb-typo-scale-default: 1rem;
  /**
   * Original Value: 18px
   */
  --sbb-typo-scale-1-125x: 1.125rem;
  /**
   * Original Value: 20px
   */
  --sbb-typo-scale-1-25x: 1.25rem;
  /**
   * Original Value: 24px
   */
  --sbb-typo-scale-1-5x: 1.5rem;
  /**
   * Original Value: 32px
   */
  --sbb-typo-scale-2x: 2rem;
  /**
   * Original Value: 40px
   */
  --sbb-typo-scale-2-5x: 2.5rem;
  /**
   * Original Value: 48px
   */
  --sbb-typo-scale-3x: 3rem;
  /**
   * Original Value: 56px
   */
  --sbb-typo-scale-3-5x: 3.5rem;
  /**
   * Original Value: 64px
   */
  --sbb-typo-scale-4x: 4rem;
  /**
  * We provide an extended collection of CSS variables which are mainly breakpoint
  * dependant or simply referencing other variables.
  * Due to technical limitations these variables are only provided as CSS variables.
  */
  /* Colors */
  --sbb-color-sky: var(--sbb-color-sky-light);
  --sbb-color-sky: light-dark(var(--sbb-color-sky-light), var(--sbb-color-sky-dark));
  --sbb-color-night: var(--sbb-color-night-light);
  --sbb-color-night: light-dark(var(--sbb-color-night-light), var(--sbb-color-night-dark));
  --sbb-color-violet: var(--sbb-color-violet-light);
  --sbb-color-violet: light-dark(var(--sbb-color-violet-light), var(--sbb-color-violet-dark));
  --sbb-color-pink: var(--sbb-color-pink-light);
  --sbb-color-pink: light-dark(var(--sbb-color-pink-light), var(--sbb-color-pink-dark));
  --sbb-color-autumn: var(--sbb-color-autumn-light);
  --sbb-color-autumn: light-dark(var(--sbb-color-autumn-light), var(--sbb-color-autumn-dark));
  --sbb-color-orange: var(--sbb-color-orange-light);
  --sbb-color-orange: light-dark(var(--sbb-color-orange-light), var(--sbb-color-orange-dark));
  --sbb-color-peach: var(--sbb-color-peach-light);
  --sbb-color-peach: light-dark(var(--sbb-color-peach-light), var(--sbb-color-peach-dark));
  --sbb-color-lemon: var(--sbb-color-lemon-light);
  --sbb-color-lemon: light-dark(var(--sbb-color-lemon-light), var(--sbb-color-lemon-dark));
  --sbb-color-brown: var(--sbb-color-brown-light);
  --sbb-color-brown: light-dark(var(--sbb-color-brown-light), var(--sbb-color-brown-dark));
  --sbb-color-green: var(--sbb-color-green-light);
  --sbb-color-green: light-dark(var(--sbb-color-green-light), var(--sbb-color-green-dark));
  --sbb-color-turquoise: var(--sbb-color-turquoise-light);
  --sbb-color-turquoise: light-dark(
    var(--sbb-color-turquoise-light),
    var(--sbb-color-turquoise-dark)
  );
  --sbb-color-royal: var(--sbb-color-royal-light);
  --sbb-color-royal: light-dark(var(--sbb-color-royal-light), var(--sbb-color-royal-dark));
  --sbb-color-royal85: var(--sbb-color-royal85-light);
  --sbb-color-royal85: light-dark(var(--sbb-color-royal85-light), var(--sbb-color-royal85-dark));
  --sbb-color-royal125: var(--sbb-color-royal125-light);
  --sbb-color-royal125: light-dark(var(--sbb-color-royal125-light), var(--sbb-color-royal125-dark));
  --sbb-color-royal150: var(--sbb-color-royal150-light);
  --sbb-color-royal150: light-dark(var(--sbb-color-royal150-light), var(--sbb-color-royal150-dark));
  --sbb-color-primary: var(--sbb-color-red);
  --sbb-color-primary85: var(--sbb-color-red85);
  --sbb-color-primary125: var(--sbb-color-red125);
  --sbb-color-primary150: var(--sbb-color-red150);
  --sbb-color-error: var(--sbb-color-red125);
  --sbb-color-error: light-dark(var(--sbb-color-red125), var(--sbb-color-red85));
  --sbb-color-success: var(--sbb-color-green);
  --sbb-color-warning: var(--sbb-color-peach);
  --sbb-color-brand: var(--sbb-color-red);
  --sbb-background-color-1: var(--sbb-color-white);
  --sbb-background-color-1: light-dark(var(--sbb-color-white), var(--sbb-color-midnight));
  --sbb-background-color-1-inverted: var(--sbb-color-midnight);
  --sbb-background-color-1-inverted: light-dark(var(--sbb-color-midnight), var(--sbb-color-white));
  --sbb-background-color-1-negative: var(--sbb-color-midnight);
  --sbb-background-color-1-negative-inverted: var(--sbb-color-white);
  --sbb-background-color-2: var(--sbb-color-white);
  --sbb-background-color-2: light-dark(var(--sbb-color-white), var(--sbb-color-charcoal));
  --sbb-background-color-2-inverted: var(--sbb-color-charcoal);
  --sbb-background-color-2-inverted: light-dark(var(--sbb-color-charcoal), var(--sbb-color-white));
  --sbb-background-color-2-negative: var(--sbb-color-charcoal);
  --sbb-background-color-2-negative-inverted: var(--sbb-color-white);
  --sbb-background-color-3: var(--sbb-color-milk);
  --sbb-background-color-3: light-dark(var(--sbb-color-milk), var(--sbb-color-charcoal));
  --sbb-background-color-3-inverted: var(--sbb-color-charcoal);
  --sbb-background-color-3-inverted: light-dark(var(--sbb-color-charcoal), var(--sbb-color-milk));
  --sbb-background-color-3-negative: var(--sbb-color-charcoal);
  --sbb-background-color-3-negative-inverted: var(--sbb-color-milk);
  --sbb-background-color-4: var(--sbb-color-cloud);
  --sbb-background-color-4: light-dark(var(--sbb-color-cloud), var(--sbb-color-iron));
  --sbb-background-color-4-inverted: var(--sbb-color-iron);
  --sbb-background-color-4-inverted: light-dark(var(--sbb-color-iron), var(--sbb-color-cloud));
  --sbb-background-color-4-negative: var(--sbb-color-iron);
  --sbb-background-color-4-negative-inverted: var(--sbb-color-cloud);
  --sbb-color-1: var(--sbb-color-midnight);
  --sbb-color-1: light-dark(var(--sbb-color-midnight), var(--sbb-color-white));
  --sbb-color-1-inverted: var(--sbb-color-white);
  --sbb-color-1-inverted: light-dark(var(--sbb-color-white), var(--sbb-color-midnight));
  --sbb-color-1-negative: var(--sbb-color-white);
  --sbb-color-1-negative-inverted: var(--sbb-color-midnight);
  --sbb-color-2: var(--sbb-color-charcoal);
  --sbb-color-2: light-dark(var(--sbb-color-charcoal), var(--sbb-color-white));
  --sbb-color-2-inverted: var(--sbb-color-white);
  --sbb-color-2-inverted: light-dark(var(--sbb-color-white), var(--sbb-color-charcoal));
  --sbb-color-2-negative: var(--sbb-color-white);
  --sbb-color-2-negative-inverted: var(--sbb-color-charcoal);
  --sbb-color-3: var(--sbb-color-charcoal);
  --sbb-color-3: light-dark(var(--sbb-color-charcoal), var(--sbb-color-milk));
  --sbb-color-3-inverted: var(--sbb-color-milk);
  --sbb-color-3-inverted: light-dark(var(--sbb-color-milk), var(--sbb-color-charcoal));
  --sbb-color-3-negative: var(--sbb-color-milk);
  --sbb-color-3-negative-inverted: var(--sbb-color-charcoal);
  --sbb-color-4: var(--sbb-color-iron);
  --sbb-color-4: light-dark(var(--sbb-color-iron), var(--sbb-color-cloud));
  --sbb-color-4-inverted: var(--sbb-color-cloud);
  --sbb-color-4-inverted: light-dark(var(--sbb-color-cloud), var(--sbb-color-iron));
  --sbb-color-4-negative: var(--sbb-color-cloud);
  --sbb-color-4-negative-inverted: var(--sbb-color-iron);
  --sbb-color-5: var(--sbb-color-smoke);
  --sbb-color-6: var(--sbb-color-anthracite);
  --sbb-color-6: light-dark(var(--sbb-color-anthracite), var(--sbb-color-platinum));
  --sbb-color-6-inverted: var(--sbb-color-platinum);
  --sbb-color-6-inverted: light-dark(var(--sbb-color-platinum), var(--sbb-color-anthracite));
  --sbb-color-6-negative: var(--sbb-color-platinum);
  --sbb-color-6-negative-inverted: var(--sbb-color-anthracite);
  --sbb-border-color-1: var(--sbb-color-midnight);
  --sbb-border-color-1: light-dark(var(--sbb-color-midnight), var(--sbb-color-white));
  --sbb-border-color-1-inverted: var(--sbb-color-white);
  --sbb-border-color-1-inverted: light-dark(var(--sbb-color-white), var(--sbb-color-midnight));
  --sbb-border-color-1-negative: var(--sbb-color-white);
  --sbb-border-color-1-negative-inverted: var(--sbb-color-midnight);
  --sbb-border-color-2: var(--sbb-color-charcoal);
  --sbb-border-color-2: light-dark(var(--sbb-color-charcoal), var(--sbb-color-white));
  --sbb-border-color-2-inverted: var(--sbb-color-white);
  --sbb-border-color-2-inverted: light-dark(var(--sbb-color-white), var(--sbb-color-charcoal));
  --sbb-border-color-2-negative: var(--sbb-color-white);
  --sbb-border-color-2-negative-inverted: var(--sbb-color-charcoal);
  --sbb-border-color-3: var(--sbb-color-charcoal);
  --sbb-border-color-3: light-dark(var(--sbb-color-charcoal), var(--sbb-color-milk));
  --sbb-border-color-3-inverted: var(--sbb-color-milk);
  --sbb-border-color-3-inverted: light-dark(var(--sbb-color-milk), var(--sbb-color-charcoal));
  --sbb-border-color-3-negative: var(--sbb-color-milk);
  --sbb-border-color-3-negative-inverted: var(--sbb-color-charcoal);
  --sbb-border-color-4: var(--sbb-color-iron);
  --sbb-border-color-4: light-dark(var(--sbb-color-iron), var(--sbb-color-cloud));
  --sbb-border-color-4-inverted: var(--sbb-color-cloud);
  --sbb-border-color-4-inverted: light-dark(var(--sbb-color-cloud), var(--sbb-color-iron));
  --sbb-border-color-4-negative: var(--sbb-color-cloud);
  --sbb-border-color-4-negative-inverted: var(--sbb-color-iron);
  --sbb-border-color-5: var(--sbb-color-smoke);
  --sbb-border-color-6: var(--sbb-color-anthracite);
  --sbb-border-color-6: light-dark(var(--sbb-color-anthracite), var(--sbb-color-platinum));
  --sbb-border-color-6-inverted: var(--sbb-color-platinum);
  --sbb-border-color-6-inverted: light-dark(var(--sbb-color-platinum), var(--sbb-color-anthracite));
  --sbb-border-color-6-negative: var(--sbb-color-platinum);
  --sbb-border-color-6-negative-inverted: var(--sbb-color-anthracite);
  --sbb-shadow-color-soft-1: color-mix(in srgb, var(--sbb-color-smoke) 5%, transparent);
  --sbb-shadow-color-soft-1: light-dark(
    color-mix(in srgb, var(--sbb-color-smoke) 5%, transparent),
    color-mix(in srgb, var(--sbb-color-black) 15%, transparent)
  );
  --sbb-shadow-color-soft-2: color-mix(in srgb, var(--sbb-color-smoke) 10%, transparent);
  --sbb-shadow-color-soft-2: light-dark(
    color-mix(in srgb, var(--sbb-color-smoke) 10%, transparent),
    color-mix(in srgb, var(--sbb-color-black) 20%, transparent)
  );
  --sbb-shadow-color-soft-1-negative: color-mix(in srgb, var(--sbb-color-black) 15%, transparent);
  --sbb-shadow-color-soft-2-negative: color-mix(in srgb, var(--sbb-color-black) 20%, transparent);
  --sbb-shadow-color-hard-1: color-mix(in srgb, var(--sbb-color-smoke) 10%, transparent);
  --sbb-shadow-color-hard-1: light-dark(
    color-mix(in srgb, var(--sbb-color-smoke) 10%, transparent),
    color-mix(in srgb, var(--sbb-color-black) 30%, transparent)
  );
  --sbb-shadow-color-hard-2: color-mix(in srgb, var(--sbb-color-smoke) 20%, transparent);
  --sbb-shadow-color-hard-2: light-dark(
    color-mix(in srgb, var(--sbb-color-smoke) 20%, transparent),
    color-mix(in srgb, var(--sbb-color-black) 40%, transparent)
  );
  --sbb-shadow-color-hard-1-negative: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);
  --sbb-shadow-color-hard-2-negative: color-mix(in srgb, var(--sbb-color-black) 40%, transparent);
  --sbb-shadow-level-3-shadow-1: var(--sbb-shadow-elevation-level-3-shadow-1-offset-x)
    var(--sbb-shadow-elevation-level-3-shadow-1-offset-y)
    var(--sbb-shadow-elevation-level-3-shadow-1-blur)
    var(--sbb-shadow-elevation-level-3-shadow-1-spread);
  --sbb-shadow-level-3-shadow-2: var(--sbb-shadow-elevation-level-3-shadow-2-offset-x)
    var(--sbb-shadow-elevation-level-3-shadow-2-offset-y)
    var(--sbb-shadow-elevation-level-3-shadow-2-blur)
    var(--sbb-shadow-elevation-level-3-shadow-2-spread);
  --sbb-box-shadow-level-3-soft:
    var(--sbb-shadow-level-3-shadow-2) var(--sbb-shadow-color-soft-2),
    var(--sbb-shadow-level-3-shadow-1) var(--sbb-shadow-color-soft-1);
  --sbb-box-shadow-level-3-soft-negative:
    var(--sbb-shadow-level-3-shadow-2) var(--sbb-shadow-color-soft-2-negative),
    var(--sbb-shadow-level-3-shadow-1) var(--sbb-shadow-color-soft-1-negative);
  --sbb-box-shadow-level-3-hard:
    var(--sbb-shadow-level-3-shadow-2) var(--sbb-shadow-color-hard-2),
    var(--sbb-shadow-level-3-shadow-1) var(--sbb-shadow-color-hard-1);
  --sbb-box-shadow-level-3-hard-negative:
    var(--sbb-shadow-level-3-shadow-2) var(--sbb-shadow-color-hard-2-negative),
    var(--sbb-shadow-level-3-shadow-1) var(--sbb-shadow-color-hard-1-negative);
  --sbb-shadow-level-5-shadow-1: var(--sbb-shadow-elevation-level-5-shadow-1-offset-x)
    var(--sbb-shadow-elevation-level-5-shadow-1-offset-y)
    var(--sbb-shadow-elevation-level-5-shadow-1-blur)
    var(--sbb-shadow-elevation-level-5-shadow-1-spread);
  --sbb-shadow-level-5-shadow-2: var(--sbb-shadow-elevation-level-5-shadow-2-offset-x)
    var(--sbb-shadow-elevation-level-5-shadow-2-offset-y)
    var(--sbb-shadow-elevation-level-5-shadow-2-blur)
    var(--sbb-shadow-elevation-level-5-shadow-2-spread);
  --sbb-box-shadow-level-5-soft:
    var(--sbb-shadow-level-5-shadow-2) var(--sbb-shadow-color-soft-2),
    var(--sbb-shadow-level-5-shadow-1) var(--sbb-shadow-color-soft-1);
  --sbb-box-shadow-level-5-soft-negative:
    var(--sbb-shadow-level-5-shadow-2) var(--sbb-shadow-color-soft-2-negative),
    var(--sbb-shadow-level-5-shadow-1) var(--sbb-shadow-color-soft-1-negative);
  --sbb-box-shadow-level-5-hard:
    var(--sbb-shadow-level-5-shadow-2) var(--sbb-shadow-color-hard-2),
    var(--sbb-shadow-level-5-shadow-1) var(--sbb-shadow-color-hard-1);
  --sbb-box-shadow-level-5-hard-negative:
    var(--sbb-shadow-level-5-shadow-2) var(--sbb-shadow-color-hard-2-negative),
    var(--sbb-shadow-level-5-shadow-1) var(--sbb-shadow-color-hard-1-negative);
  --sbb-shadow-level-9-shadow-1: var(--sbb-shadow-elevation-level-9-shadow-1-offset-x)
    var(--sbb-shadow-elevation-level-9-shadow-1-offset-y)
    var(--sbb-shadow-elevation-level-9-shadow-1-blur)
    var(--sbb-shadow-elevation-level-9-shadow-1-spread);
  --sbb-shadow-level-9-shadow-2: var(--sbb-shadow-elevation-level-9-shadow-2-offset-x)
    var(--sbb-shadow-elevation-level-9-shadow-2-offset-y)
    var(--sbb-shadow-elevation-level-9-shadow-2-blur)
    var(--sbb-shadow-elevation-level-9-shadow-2-spread);
  --sbb-box-shadow-level-9-soft:
    var(--sbb-shadow-level-9-shadow-2) var(--sbb-shadow-color-soft-2),
    var(--sbb-shadow-level-9-shadow-1) var(--sbb-shadow-color-soft-1);
  --sbb-box-shadow-level-9-soft-negative:
    var(--sbb-shadow-level-9-shadow-2) var(--sbb-shadow-color-soft-2-negative),
    var(--sbb-shadow-level-9-shadow-1) var(--sbb-shadow-color-soft-1-negative);
  --sbb-box-shadow-level-9-hard:
    var(--sbb-shadow-level-9-shadow-2) var(--sbb-shadow-color-hard-2),
    var(--sbb-shadow-level-9-shadow-1) var(--sbb-shadow-color-hard-1);
  --sbb-box-shadow-level-9-hard-negative:
    var(--sbb-shadow-level-9-shadow-2) var(--sbb-shadow-color-hard-2-negative),
    var(--sbb-shadow-level-9-shadow-1) var(--sbb-shadow-color-hard-1-negative);
  --sbb-shadow-level-11-shadow-1: var(--sbb-shadow-elevation-level-11-shadow-1-offset-x)
    var(--sbb-shadow-elevation-level-11-shadow-1-offset-y)
    var(--sbb-shadow-elevation-level-11-shadow-1-blur)
    var(--sbb-shadow-elevation-level-11-shadow-1-spread);
  --sbb-shadow-level-11-shadow-2: var(--sbb-shadow-elevation-level-11-shadow-2-offset-x)
    var(--sbb-shadow-elevation-level-11-shadow-2-offset-y)
    var(--sbb-shadow-elevation-level-11-shadow-2-blur)
    var(--sbb-shadow-elevation-level-11-shadow-2-spread);
  --sbb-box-shadow-level-11-soft:
    var(--sbb-shadow-level-11-shadow-2) var(--sbb-shadow-color-soft-2),
    var(--sbb-shadow-level-11-shadow-1) var(--sbb-shadow-color-soft-1);
  --sbb-box-shadow-level-11-soft-negative:
    var(--sbb-shadow-level-11-shadow-2) var(--sbb-shadow-color-soft-2-negative),
    var(--sbb-shadow-level-11-shadow-1) var(--sbb-shadow-color-soft-1-negative);
  --sbb-box-shadow-level-11-hard:
    var(--sbb-shadow-level-11-shadow-2) var(--sbb-shadow-color-hard-2),
    var(--sbb-shadow-level-11-shadow-1) var(--sbb-shadow-color-hard-1);
  --sbb-box-shadow-level-11-hard-negative:
    var(--sbb-shadow-level-11-shadow-2) var(--sbb-shadow-color-hard-2-negative),
    var(--sbb-shadow-level-11-shadow-1) var(--sbb-shadow-color-hard-1-negative);
  --sbb-font-color-default: var(--sbb-color-2);
  /* Focus outline */
  --sbb-focus-outline-color-default: var(--sbb-color-black);
  --sbb-focus-outline-color-dark: var(--sbb-color-white);
  --sbb-focus-outline-color: var(--sbb-focus-outline-color-default);
  --sbb-focus-outline-color: light-dark(
    var(--sbb-focus-outline-color-default),
    var(--sbb-focus-outline-color-dark)
  );
  --sbb-focus-outline-width: var(--sbb-border-width-1x);
  /* Title */
  --sbb-heading-font-size-1: var(--sbb-typo-scale-2-5x);
  --sbb-heading-font-size-2: var(--sbb-typo-scale-2x);
  --sbb-heading-font-size-3: var(--sbb-typo-scale-1-5x);
  --sbb-heading-font-size-4: var(--sbb-typo-scale-1-25x);
  --sbb-heading-font-size-5: var(--sbb-typo-scale-1-125x);
  --sbb-heading-font-size-6: var(--sbb-typo-scale-0-875x);
  --sbb-heading-margin-block-1: var(--sbb-spacing-responsive-l) var(--sbb-spacing-responsive-s);
  --sbb-heading-margin-block-2: var(--sbb-spacing-responsive-m) var(--sbb-spacing-responsive-xxxs);
  --sbb-heading-margin-block-3: var(--sbb-spacing-responsive-m) var(--sbb-spacing-responsive-xxxs);
  --sbb-heading-margin-block-4: var(--sbb-spacing-responsive-m) var(--sbb-spacing-fixed-3x);
  --sbb-heading-margin-block-5: var(--sbb-spacing-responsive-m) var(--sbb-spacing-fixed-2x);
  --sbb-heading-margin-block-6: var(--sbb-spacing-responsive-m) var(--sbb-spacing-fixed-1x);
  /* Text */
  --sbb-text-font-size-xl: var(--sbb-typo-scale-1-25x);
  --sbb-text-font-size-l: var(--sbb-typo-scale-1-125x);
  --sbb-text-font-size-m: var(--sbb-typo-scale-default);
  --sbb-text-font-size-s: var(--sbb-typo-scale-0-875x);
  --sbb-text-font-size-xs: var(--sbb-typo-scale-0-75x);
  --sbb-text-font-size-xxs: var(--sbb-typo-scale-0-75x);
  /* Spacing */
  --sbb-spacing-responsive-xxxs: var(--sbb-spacing-responsive-xxxs-zero);
  --sbb-spacing-responsive-xxs: var(--sbb-spacing-responsive-xxs-zero);
  --sbb-spacing-responsive-xs: var(--sbb-spacing-responsive-xs-zero);
  --sbb-spacing-responsive-s: var(--sbb-spacing-responsive-s-zero);
  --sbb-spacing-responsive-m: var(--sbb-spacing-responsive-m-zero);
  --sbb-spacing-responsive-l: var(--sbb-spacing-responsive-l-zero);
  --sbb-spacing-responsive-xl: var(--sbb-spacing-responsive-xl-zero);
  --sbb-spacing-responsive-xxl: var(--sbb-spacing-responsive-xxl-zero);
  /* Layout */
  --sbb-layout-base-offset-responsive: var(--sbb-layout-base-offset-responsive-zero);
  --sbb-grid-base-columns: var(--sbb-layout-base-grid-columns-zero);
  --sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-zero);
  /* Size */
  --sbb-size-element-xxxs: var(--sbb-size-element-xxxs-zero);
  --sbb-size-element-xxs: var(--sbb-size-element-xxs-zero);
  --sbb-size-element-xs: var(--sbb-size-element-xs-zero);
  --sbb-size-element-s: var(--sbb-size-element-s-zero);
  --sbb-size-element-m: var(--sbb-size-element-m-zero);
  --sbb-size-element-l: var(--sbb-size-element-l-zero);
  --sbb-breadcrumb-color: var(--sbb-color-granite);
  --sbb-breadcrumb-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));
  --sbb-breadcrumb-color-hover: var(--sbb-color-charcoal);
  --sbb-breadcrumb-color-hover: light-dark(var(--sbb-color-charcoal), var(--sbb-color-smoke));
  --sbb-breadcrumb-color-active: var(--sbb-color-anthracite);
  --sbb-breadcrumb-color-active: light-dark(var(--sbb-color-anthracite), var(--sbb-color-cloud));
  --sbb-breadcrumb-font-size: var(--sbb-text-font-size-xs);
  --sbb-breadcrumb-gap: var(--sbb-spacing-fixed-2x);
  --sbb-breadcrumb-group-wrap: nowrap;
  --sbb-breadcrumb-group-visibility: hidden;
  --sbb-breadcrumb-group-ellipsis-color: var(--sbb-color-granite);
  --sbb-breadcrumb-group-ellipsis-color: light-dark(
    var(--sbb-color-granite),
    var(--sbb-color-cloud)
  );
  --sbb-breadcrumb-group-ellipsis-background-color: transparent;
  --sbb-breadcrumb-group-ellipsis-border-width: var(--sbb-border-width-1x);
  --sbb-breadcrumb-group-ellipsis-border-color: var(--sbb-color-silver);
  --sbb-breadcrumb-group-ellipsis-border-color: light-dark(
    var(--sbb-color-silver),
    var(--sbb-color-anthracite)
  );
  --sbb-button-box-shadow: transparent 0 0;
  --sbb-button-border-radius: var(--sbb-border-radius-infinity);
  --sbb-button-border-width: var(--sbb-border-width-2x);
  --sbb-button-border-disabled-style: dashed;
  --sbb-button-border-disabled-width: var(--sbb-border-width-1x);
  --sbb-button-color-disabled-background: var(--sbb-background-color-3);
  --sbb-button-color-disabled-border: var(--sbb-border-color-5);
  --sbb-button-color-disabled-text: var(--sbb-color-granite);
  --sbb-button-color-disabled-text: light-dark(
    var(--sbb-color-granite),
    var(--sbb-color-aluminium)
  );
  --sbb-button-gap: var(--sbb-spacing-fixed-2x);
  --sbb-button-loading-border-width: var(--sbb-border-width-3x);
  --sbb-button-loading-delay: 300ms;
  --sbb-button-min-height-size-l: var(--sbb-size-element-m);
  --sbb-button-min-height-size-m: var(--sbb-size-element-s);
  --sbb-button-min-height-size-s: var(--sbb-size-element-xs);
  --sbb-button-min-height: var(--sbb-button-min-height-size-l);
  --sbb-button-padding-block-min: var(--sbb-spacing-fixed-1x);
  --sbb-button-padding-inline-size-l: var(--sbb-spacing-fixed-8x);
  --sbb-button-padding-inline-size-m: var(--sbb-spacing-fixed-5x);
  --sbb-button-padding-inline-size-s: var(--sbb-spacing-fixed-4x);
  --sbb-button-padding-inline: var(--sbb-button-padding-inline-size-l);
  --sbb-button-shadow-1-offset-y: var(--sbb-shadow-elevation-level-3-shadow-1-offset-y);
  --sbb-button-shadow-2-offset-y: var(--sbb-shadow-elevation-level-3-shadow-2-offset-y);
  --sbb-button-shadow-1-blur: var(--sbb-shadow-elevation-level-3-shadow-1-blur);
  --sbb-button-shadow-2-blur: var(--sbb-shadow-elevation-level-3-shadow-2-blur);
  --sbb-button-transition-easing-function: var(--sbb-animation-easing);
  --sbb-mini-button-color-text: var(--sbb-color-3);
  --sbb-mini-button-color-default-background: transparent;
  --sbb-mini-button-color-hover-background: var(--sbb-background-color-3);
  --sbb-mini-button-color-active-background: var(--sbb-background-color-4);
  --sbb-mini-button-color-disabled-background: var(--sbb-background-color-3);
  --sbb-mini-button-color-disabled-border: var(--sbb-border-color-5);
  --sbb-mini-button-color-disabled-text: var(--sbb-color-granite);
  --sbb-mini-button-color-disabled-text: light-dark(
    var(--sbb-color-granite),
    var(--sbb-color-smoke)
  );
  --sbb-mini-button-border-radius: var(--sbb-border-radius-infinity);
  --sbb-mini-button-transition-easing-function: var(--sbb-animation-easing);
  --sbb-mini-button-group-background: var(--sbb-background-color-1);
  --sbb-mini-button-group-border-color: var(--sbb-border-color-4-inverted);
  --sbb-mini-button-group-border-width: var(--sbb-border-width-2x);
  --sbb-mini-button-group-border-radius: var(--sbb-border-radius-infinity);
  --sbb-mini-button-group-gap: var(--sbb-spacing-fixed-2x);
  --sbb-mini-button-group-min-height: var(--sbb-size-element-s);
  --sbb-mini-button-group-padding-inline: var(--sbb-spacing-fixed-3x);
  --sbb-mini-button-group-divider-height: var(--sbb-size-icon-ui-small);
  --sbb-mini-button-group-divider-padding: var(--sbb-spacing-fixed-1x);
  --sbb-calendar-cell-background-color: transparent;
  --sbb-calendar-cell-background-color-hover: var(--sbb-background-color-3);
  --sbb-calendar-cell-background-color-active: var(--sbb-background-color-4);
  --sbb-calendar-cell-padding: 0.125rem;
  --sbb-calendar-cell-border-width: var(--sbb-border-width-2x);
  --sbb-calendar-cell-disabled-height: 0.09375rem;
  --sbb-calendar-cell-disabled-width: 1.59375rem;
  --sbb-calendar-cell-disabled-color: var(--sbb-color-granite);
  --sbb-calendar-cell-disabled-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
  --sbb-calendar-cell-transition-easing-function: var(--sbb-animation-easing);
  --sbb-calendar-control-gap: var(--sbb-spacing-fixed-2x);
  --sbb-calendar-control-margin-block-end: var(--sbb-spacing-fixed-4x);
  --sbb-calendar-control-view-change-height: 2.75rem;
  --sbb-calendar-control-view-change-color: var(--sbb-color-3);
  --sbb-calendar-control-view-change-background: var(--sbb-background-color-1);
  --sbb-calendar-control-view-change-padding-inline: var(--sbb-spacing-fixed-5x)
    var(--sbb-spacing-fixed-2x);
  --sbb-calendar-header-color: var(--sbb-color-granite);
  --sbb-calendar-header-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
  --sbb-calendar-table-animation-shift: 0.00625rem;
  --sbb-calendar-table-column-spaces: 12;
  --sbb-calendar-tables-gap: var(--sbb-spacing-fixed-10x);
  --sbb-calendar-table-animation-duration: 0.1ms;
  --sbb-calendar-cell-border: var(--sbb-calendar-cell-border-width) solid
    var(--sbb-border-color-1-inverted);
  --sbb-calendar-cell-color: var(--sbb-color-2);
  --sbb-calendar-cell-cursor: var(--sbb-cursor-pointer);
  --sbb-calendar-cell-justify-content: normal;
  --sbb-calendar-cell-inset: 0.0625rem;
  --sbb-calendar-cell-font-size: var(--sbb-text-font-size-s);
  --sbb-calendar-cell-font-weight: unset;
  --sbb-calendar-cell-transition-easing-function: var(--sbb-animation-easing);
  --sbb-calendar-cell-year-month-width: 4.8125rem;
  --sbb-calendar-cell-year-month-height: 2.75rem;
  --sbb-calendar-day-width: 2.75rem;
  --sbb-calendar-day-height: 3rem;
  --sbb-calendar-day-extra-display: block;
  --sbb-calendar-day-extra-height: var(--sbb-spacing-fixed-4x);
  --sbb-calendar-day-crossed-out-top: 33%;
  --sbb-calendar-day-crossed-out-translate: translate(-50%, -33%) rotate(-45deg);
  --sbb-card-background-color: var(--sbb-background-color-1);
  --sbb-card-border-color: transparent;
  --sbb-card-border-radius: var(--sbb-border-radius-4x);
  --sbb-card-animation-easing: var(--sbb-animation-easing);
  --sbb-card-border-style: solid;
  --sbb-card-padding-inline-default: var(--sbb-spacing-responsive-s);
  --sbb-card-padding-block-default: var(--sbb-spacing-responsive-xxxs);
  --sbb-card-with-badge-padding-block-default: var(--sbb-spacing-fixed-6x) var(--sbb-spacing-responsive-xxxs);
}

:root.sbb-lean {
  --sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);
  --sbb-card-padding-block: var(--sbb-spacing-fixed-3x);
  --sbb-card-with-badge-padding-block: var(--sbb-spacing-fixed-6x) var(--sbb-spacing-fixed-3x);
}

:root {
  --sbb-card-badge-gap: var(--sbb-spacing-fixed-2x);
  --sbb-card-badge-color: var(--sbb-color-2-inverted);
  --sbb-card-badge-background-color: var(--sbb-background-color-3-inverted);
  --sbb-card-badge-border-color: transparent;
  --sbb-card-badge-padding-inline: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-3x);
  --sbb-card-badge-border-width: var(--sbb-border-width-1x);
  --sbb-card-badge-border-radius: var(--sbb-border-radius-4x);
  --sbb-card-badge-skew: skew(16deg, 0deg);
  --sbb-carousel-background-color: var(--sbb-background-color-1);
  --sbb-carousel-border-radius: var(--sbb-border-radius-4x);
  --sbb-carousel-box-shadow: var(--sbb-box-shadow-level-9-hard);
  --sbb-carousel-paginator-padding: var(--sbb-spacing-responsive-xs);
  --sbb-chip-label-color: var(--sbb-color-granite);
  --sbb-chip-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-cloud));
  --sbb-chip-label-background-color: var(--sbb-background-color-3);
  --sbb-chip-label-padding-block: 0em;
  --sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-2x);
  --sbb-chip-label-font-size: var(--sbb-text-font-size-xxs);
  --sbb-chip-background-color: var(--sbb-background-color-3);
  --sbb-chip-background-color-active: var(--sbb-background-color-1);
  --sbb-chip-background-color-hover: var(--sbb-background-color-1);
  --sbb-chip-border-color: var(--sbb-border-color-4-inverted);
  --sbb-chip-border-radius: var(--sbb-border-radius-2x);
  --sbb-chip-color: var(--sbb-color-granite);
  --sbb-chip-color: light-dark(var(--sbb-color-granite), var(--sbb-color-cloud));
  --sbb-chip-color-hover: var(--sbb-color-2);
  --sbb-chip-font-size: var(--sbb-text-font-size-xxs);
  --sbb-chip-height: 1.5rem;
  --sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-2x);
  --_sbb-chip-group-margin-block-start-default: 0.125rem;
  --_sbb-chip-group-margin-block-start-default-large: 0.21875rem;
  --sbb-chip-group-gap: var(--sbb-spacing-fixed-1x);
  --sbb-chip-group-input-min-width: 9.375rem;
  --sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default-large) 0;
  --sbb-chip-group-margin-block-no-label-not-empty: 0.1875rem 0.6875rem;
  --sbb-chip-group-margin-block-with-label-not-empty: var(--_sbb-chip-group-margin-block-start-default) var(--_sbb-chip-group-margin-block-start-default-large);
  --sbb-selection-panel-background-default: var(--sbb-background-color-1);
  --sbb-selection-panel-background-milk: var(--sbb-background-color-3);
  --sbb-selection-panel-border-radius: var(--sbb-border-radius-4x);
  --sbb-selection-panel-border-color-default: var(--sbb-border-color-4-inverted);
  --sbb-selection-panel-border-color-checked: var(--sbb-border-color-3);
  --sbb-selection-panel-border-color-borderless: transparent;
  --sbb-selection-panel-border-color: var(--sbb-selection-panel-border-color-default);
  --sbb-selection-panel-border-width-default: var(--sbb-border-width-1x);
  --sbb-selection-panel-border-width-checked: var(--sbb-border-width-2x);
  --sbb-selection-panel-input-padding-block-xs: var(--sbb-spacing-responsive-xxs);
  --sbb-selection-panel-input-padding-inline-xs: var(--sbb-spacing-responsive-xxxs);
  --sbb-selection-panel-input-padding-block-s: var(--sbb-spacing-responsive-xxs);
  --sbb-selection-panel-input-padding-inline-s: var(--sbb-spacing-responsive-xxxs);
  --sbb-selection-panel-input-padding-block-m: var(--sbb-spacing-responsive-xs);
  --sbb-selection-panel-input-padding-inline-m: var(--sbb-spacing-responsive-xxs);
  --sbb-selection-panel-input-padding: var(--sbb-selection-panel-input-padding-block-m) var(--sbb-selection-panel-input-padding-inline-m);
  --sbb-selection-panel-checkbox-dimension: var(--sbb-checkbox-dimension-m);
  --sbb-selection-panel-cursor: var(--sbb-cursor-pointer);
  --sbb-selection-panel-suffix-color: var(--sbb-color-3);
  --sbb-selection-panel-subtext-color: var(--sbb-color-granite);
  --sbb-selection-panel-subtext-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
  --sbb-checkbox-label-icon-flex-direction: row;
  --sbb-checkbox-label-icon-justify-content: space-between;
  --sbb-checkbox-label-icon-flex-grow: 1;
  --sbb-checkbox-label-gap: var(--sbb-spacing-fixed-2x);
  --sbb-checkbox-dimension-xs: 1.25rem;
  --sbb-checkbox-dimension-s: var(--sbb-size-icon-ui-small);
  --sbb-checkbox-dimension-m: var(--sbb-size-icon-ui-small);
  --sbb-checkbox-dimension: var(--sbb-checkbox-dimension-m);
  --sbb-checkbox-font-size: var(--sbb-text-font-size-m);
  --sbb-checkbox-label-color: var(--sbb-color-color-3);
  --sbb-checkbox-cursor: var(--sbb-cursor-pointer);
  --sbb-container-background-border-radius: 0;
  --sbb-container-color: inherit;
  --sbb-sticky-bar-animation-easing: var(--sbb-animation-easing);
  --sbb-sticky-bar-border-radius: var(--sbb-border-radius-8x);
  --sbb-sticky-bar-padding-block: var(--sbb-spacing-responsive-xs);
  --sbb-sticky-bar-position: sticky;
  --sbb-sticky-bar-slide-vertically-animation-easing: ease-out;
  --sbb-clock-seconds-hand-color: var(--sbb-color-brand);
  --sbb-clock-face-color: var(--sbb-color-1);
  --sbb-clock-background-color: var(--sbb-background-color-1);
  --sbb-dialog-padding-inline: var(--sbb-spacing-fixed-5x);
  --sbb-dialog-color: var(--sbb-color-2);
  --sbb-dialog-background-color: var(--sbb-background-color-1);
  --sbb-dialog-block-shadow: var(--sbb-box-shadow-level-9-soft);
  --sbb-dialog-color-negative: var(--sbb-color-2-negative);
  --sbb-dialog-block-shadow-negative: var(--sbb-box-shadow-level-9-soft-negative);
  --sbb-dialog-width: 100%;
  --sbb-dialog-max-width: 100%;
  --sbb-dialog-max-width-default: 55.75rem;
  --sbb-dialog-height: 100%;
  --sbb-dialog-max-height: 100%;
  --sbb-dialog-inset: 0 auto auto 0;
  --sbb-dialog-border-radius: var(--sbb-border-radius-8x);
  --sbb-dialog-animation-easing: ease;
  --sbb-dialog-pointer-events: none;
  --sbb-dialog-backdrop-visibility: hidden;
  --sbb-dialog-backdrop-pointer-events: none;
  --sbb-dialog-backdrop-color: transparent;
  --sbb-dialog-actions-border-color: var(--sbb-background-color-4);
  --sbb-dialog-close-button-inset-inline-end: var(--sbb-spacing-fixed-4x);
  --sbb-dialog-close-button-margin-inline: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);
  --sbb-divider-color: var(--sbb-background-color-4);
  --sbb-divider-color-negative: var(--sbb-background-color-4-negative);
  --sbb-divider-border-width: var(--sbb-border-width-1x);
  --sbb-error-color: var(--sbb-color-error);
  --sbb-error-icon-size: 1.0625rem;
  --sbb-error-font-size: var(--sbb-text-font-size-xs);
  --sbb-expansion-panel-background-color: var(--sbb-background-color-1);
  --sbb-expansion-panel-background-color-hover: var(--sbb-background-color-3);
  --sbb-expansion-panel-border-radius: var(--sbb-border-radius-4x);
  --sbb-expansion-panel-icon-size: var(--sbb-size-icon-ui-medium);
  --sbb-expansion-panel-title-gap-s: var(--sbb-spacing-fixed-2x);
  --sbb-expansion-panel-title-gap-l: var(--sbb-spacing-fixed-4x);
  --sbb-expansion-panel-title-gap-default: var(--sbb-expansion-panel-title-gap-l);
  --sbb-expansion-panel-content-padding-block-end: var(--sbb-spacing-responsive-s);
  --sbb-expansion-panel-content-padding-inline-s: var(--sbb-spacing-fixed-5x);
  --sbb-expansion-panel-content-padding-inline-l: var(--sbb-spacing-fixed-6x);
  --sbb-expansion-panel-content-padding-inline-default: var(--sbb-expansion-panel-content-padding-inline-l);
  --sbb-expansion-panel-header-cursor: var(--sbb-cursor-pointer);
  --sbb-expansion-panel-header-font-size: var(--sbb-text-font-size-l);
  --sbb-expansion-panel-header-text-color: var(--sbb-color-2);
  --sbb-expansion-panel-header-justify-content: space-between;
  --sbb-expansion-panel-header-gap-s: var(--sbb-spacing-fixed-2x);
  --sbb-expansion-panel-header-gap-l: var(--sbb-spacing-fixed-6x);
  --sbb-expansion-panel-header-gap-default: var(--sbb-expansion-panel-header-gap-l);
  --sbb-expansion-panel-header-padding-block-s: var(--sbb-spacing-fixed-3x);
  --sbb-expansion-panel-header-padding-block-l: var(--sbb-spacing-responsive-xs);
  --sbb-expansion-panel-header-padding-block-default: var(--sbb-expansion-panel-header-padding-block-l);
  --sbb-expansion-panel-header-padding-inline-s: var(--sbb-spacing-fixed-5x);
  --sbb-expansion-panel-header-padding-inline-l: var(--sbb-spacing-fixed-6x);
  --sbb-expansion-panel-header-padding-inline-default: var(--sbb-expansion-panel-header-padding-inline-l);
  --sbb-file-selector-color: var(--sbb-color-2);
  --sbb-file-selector-subtitle-color: var(--sbb-color-granite);
  --sbb-file-selector-subtitle-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
  --sbb-file-selector-background-color: var(--sbb-background-color-1);
  --sbb-file-selector-border-color: var(--sbb-border-color-4-inverted);
  --sbb-file-selector-transition-easing-function: var(--sbb-animation-easing);
  --_sbb-file-selector-dropzone-icon-medium-display: block;
  --_sbb-file-selector-dropzone-icon-small-display: none;
  --sbb-flip-card-background-color: var(--sbb-background-color-4);
  --sbb-flip-card-border: var(--sbb-border-width-2x);
  --sbb-flip-card-border-radius: var(--sbb-border-radius-4x);
  --sbb-flip-card-button-dimensions: var(--sbb-button-min-height-size-s);
  --sbb-flip-card-padding: var(--sbb-spacing-responsive-s);
  --sbb-flip-card-padding-block-end: var(--sbb-spacing-responsive-xs);
  --sbb-flip-card-min-height: 17.5rem;
  --sbb-flip-card-details-translate-y: var(--sbb-spacing-fixed-2x);
  --sbb-footer-background-color: var(--sbb-background-color-3);
  --sbb-footer-clock-width: 4.75rem;
  --sbb-footer-color: var(--sbb-color-granite);
  --sbb-footer-color: light-dark(var(--sbb-color-granite), var(--sbb-color-white));
  --sbb-footer-font-size: var(--sbb-text-font-size-s);
  --sbb-footer-gap-horizontal: var(--sbb-grid-base-gutter-responsive);
  --sbb-footer-gap-vertical: var(--sbb-spacing-responsive-l);
  --sbb-footer-padding-block: var(--sbb-spacing-responsive-l);
  --sbb-form-field-background-color: var(--sbb-background-color-1);
  --sbb-form-field-border-color: var(--sbb-border-color-5);
  --sbb-form-field-border-style: solid;
  --sbb-form-field-border-radius: var(--sbb-border-radius-4x);
  --sbb-form-field-border-width: var(--sbb-border-width-1x);
  --sbb-form-field-color: var(--sbb-color-3);
  --sbb-form-field-label-color: var(--sbb-color-metal);
  --sbb-form-field-label-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
  --sbb-form-field-prefix-color: var(--sbb-color-metal);
  --sbb-form-field-prefix-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
  --sbb-form-field-text-color: var(--sbb-color-3);
  --sbb-form-field-arrow-color: var(--sbb-color-3);
  --sbb-form-field-gap: var(--sbb-spacing-fixed-2x);
  --sbb-form-field-icon-size: var(--sbb-size-icon-ui-small);
  --sbb-form-field-min-height: var(--sbb-size-element-m);
  --sbb-form-field-padding-inline: var(--sbb-spacing-fixed-3x);
  --sbb-form-field-input-text-size: var(--sbb-text-font-size-m);
  --sbb-form-field-label-text-size: var(--sbb-text-font-size-xs);
  --_sbb-form-field-label-to-input-overlapping: var(--sbb-spacing-fixed-1x);
  --_sbb-form-field-floating-label-transform: 0.53125rem;
  --_sbb-form-field-spacer-margin-block-end: calc(-1 * var(--_sbb-form-field-label-to-input-overlapping));
  --sbb-header-background: var(--sbb-background-color-1);
  --sbb-header-box-shadow: var(--sbb-box-shadow-level-9-soft);
  --sbb-header-inset-inline-end: 0;
  --sbb-header-position: fixed;
  --sbb-header-height: var(--sbb-spacing-fixed-14x);
  --sbb-header-action-color: var(--sbb-color-1);
  --sbb-header-action-background-color: transparent;
  --sbb-header-action-min-height: var(--sbb-size-element-s);
  --sbb-header-action-padding-inline: var(--sbb-spacing-fixed-5x);
  --sbb-header-action-transition-easing: var(--sbb-animation-easing);
  --sbb-header-action-border-color: transparent;
  --sbb-header-action-gap: var(--sbb-spacing-fixed-2x);
  --sbb-header-action-icon-dimension: var(--sbb-size-icon-ui-small);
  --sbb-header-action-active-border-width: var(--sbb-border-width-2x);
  --sbb-header-action-active-border-color: var(--sbb-header-action-color);
  --sbb-header-first-item-icon-shift: 0.125rem;
  --sbb-header-environment-background-color: var(--sbb-color-granite);
  --sbb-header-environment-color: var(--sbb-color-1-negative);
  --sbb-header-environment-size: 2.375rem;
  --sbb-header-environment-rotate: 45deg;
  --sbb-icon-sidebar-background-color: var(--sbb-background-color-1);
  --sbb-icon-sidebar-border-radius: var(--sbb-border-radius-8x);
  --sbb-lead-container-background-color: var(--sbb-background-color-1);
  --sbb-lead-container-image-ratio: 2 / 1;
  --sbb-lead-container-image-overlap: var(--sbb-spacing-fixed-24x);
  --sbb-lead-container-content-padding-block: var(--sbb-spacing-responsive-l);
  --sbb-lead-container-padding-block: 0 var(--sbb-spacing-responsive-l);
  --sbb-lead-container-padding-inline: var(--sbb-layout-base-offset-responsive);
  --sbb-lead-container-border-radius: var(--sbb-border-radius-6x);
  --sbb-lead-container-image-border-radius: 0;
  --sbb-block-link-gap: var(--sbb-spacing-fixed-1x);
  --sbb-block-link-icon-size: var(--sbb-size-icon-ui-small);
  --sbb-block-link-font-size: var(--sbb-text-font-size-s);
  --sbb-loading-indicator-color: var(--sbb-color-primary);
  --sbb-loading-indicator-window-element-rotation: 55.24deg;
  --sbb-loading-indicator-window-height: 1.125rem;
  --sbb-loading-indicator-window-element-width: 3.4375rem;
  --sbb-loading-indicator-circle-color: var(--sbb-color-primary);
  --sbb-loading-indicator-circle-padding: 0.125rem;
  --sbb-loading-indicator-circle-background-color: var(--sbb-color-white);
  --sbb-loading-indicator-circle-animated-width: 0.1875em;
  --sbb-loading-indicator-circle-animated-height: 0.1875em;
  --sbb-loading-indicator-circle-animated-border-radius: 50%;
  --sbb-logo-panel-color: var(--sbb-color-brand);
  --sbb-logo-signet-color: var(--sbb-color-white);
  --sbb-logo-word-mark-color: var(--sbb-color-black);
  --sbb-logo-word-mark-color: light-dark(var(--sbb-color-black), var(--sbb-color-white));
  --sbb-logo-aspect-ratio: 454 / 48;
  --sbb-map-container-map-height-zero: 18.4375rem;
  --sbb-map-container-map-height-small: 20rem;
  --sbb-map-container-sidebar-width: 25rem;
  --sbb-map-container-sidebar-background-color: var(--sbb-background-color-1);
  --sbb-map-container-border-radius: var(--sbb-border-radius-4x);
  --sbb-menu-animation-easing: ease;
  --sbb-menu-max-width: 100%;
  --sbb-menu-min-width: 100%;
  --sbb-menu-container-height: 100dvh;
  --sbb-menu-max-height: calc(85vh - var(--sbb-spacing-fixed-8x));
  --sbb-menu-min-height: 3.03125rem;
  --sbb-menu-border-radius: var(--sbb-border-radius-4x);
  --sbb-menu-color: var(--sbb-color-2-inverted);
  --sbb-menu-background-color: var(--sbb-background-color-1-inverted);
  --sbb-menu-action-border-radius: var(--sbb-border-radius-infinity);
  --sbb-menu-action-outer-horizontal-padding: var(--sbb-spacing-fixed-3x);
  --sbb-menu-action-outer-vertical-padding: var(--sbb-spacing-fixed-1x);
  --sbb-menu-action-gap: var(--sbb-spacing-fixed-2x);
  --sbb-menu-action-color: var(--sbb-color-2-inverted);
  --sbb-menu-action-content-padding-inline: var(--sbb-spacing-fixed-2x);
  --sbb-menu-action-content-padding-block: var(--sbb-spacing-fixed-1x);
  --sbb-menu-action-forced-color-border-color: CanvasText;
  --sbb-message-action-margin-block: var(--sbb-spacing-responsive-xxxs) 0;
  --sbb-message-image-margin-block: 0 var(--sbb-spacing-responsive-s);
  --sbb-message-image-border-radius: var(--sbb-border-radius-4x);
  --sbb-message-subtitle-color: var(--sbb-color-granite);
  --sbb-message-subtitle-color: light-dark(var(--sbb-color-granite), var(--sbb-color-platinum));
  --sbb-message-legend-margin-block: var(--sbb-spacing-responsive-xxxs) 0;
  --sbb-mini-calendar-day-animation-easing: var(--sbb-animation-easing);
  --sbb-mini-calendar-day-dimensions: 0.375rem;
  --sbb-mini-calendar-day-scale: 1.333;
  --sbb-mini-calendar-month-offset: 0;
  --sbb-mini-calendar-month-visibilty-year: hidden;
  --sbb-mini-calendar-month-label-color: var(--sbb-color-granite);
  --sbb-mini-calendar-month-label-color: light-dark(
    var(--sbb-color-granite),
    var(--sbb-color-silver)
  );
  --sbb-notification-base-border-radius: var(--sbb-border-radius-4x);
  --sbb-notification-border-width: var(--sbb-border-width-1x);
  --sbb-notification-color: var(--sbb-color-2-negative-inverted);
  --sbb-notification-icon-align-self: center;
  --sbb-notification-margin: 0;
  --sbb-notification-timing-function: ease-in;
  --sbb-notification-font-size: var(--sbb-text-font-size-s);
  --sbb-notification-padding-block: var(--sbb-spacing-responsive-xxs);
  --sbb-notification-padding-inline: var(--sbb-spacing-responsive-xs);
  --sbb-notification-content-margin-block-start: var(--sbb-spacing-fixed-2x);
  --sbb-notification-content-padding-inline: var(--sbb-spacing-responsive-xxxs) var(--sbb-spacing-responsive-xs);
  --sbb-notification-close-wrapper-gap: var(--sbb-spacing-responsive-xxs);
  --sbb-option-color: var(--sbb-color-3);
  --sbb-option-background-color: inherit;
  --sbb-option-background-color-hover: var(--sbb-color-milk);
  --sbb-option-background-color-hover: light-dark(var(--sbb-color-milk), var(--sbb-color-midnight));
  --sbb-option-background-color-active: var(--sbb-background-color-4);
  --sbb-option-disabled-border-color: var(--sbb-color-graphite);
  --sbb-option-disabled-border-color: light-dark(var(--sbb-color-graphite), var(--sbb-color-smoke));
  --sbb-option-disabled-background-color: var(--sbb-background-color-3);
  --sbb-option-padding-inline: var(--sbb-spacing-responsive-xxxs);
  --sbb-option-min-height: var(--sbb-size-element-s);
  --sbb-option-column-gap: var(--sbb-spacing-responsive-xxxs);
  --sbb-option-justify-content: start;
  --sbb-option-cursor: var(--sbb-cursor-pointer);
  --sbb-option-border-radius: var(--sbb-border-radius-4x);
  --sbb-option-icon-color: var(--sbb-color-metal);
  --sbb-option-icon-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
  --sbb-option-focus-outline-color: transparent;
  --sbb-option-focus-outline-inset: var(--sbb-spacing-fixed-1x);
  --sbb-option-font-size: var(--sbb-text-font-size-s);
  --sbb-option-hint-color: var(--sbb-color-metal);
  --sbb-option-hint-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
  --sbb-option-hint-column-gap: var(--sbb-spacing-responsive-xxxs);
  --sbb-option-hint-padding-block-end: var(--sbb-spacing-fixed-2x);
  --sbb-option-hint-padding-inline: var(--sbb-spacing-responsive-xxxs);
  --sbb-option-hint-font-size: var(--sbb-text-font-size-xxs);
  --sbb-optgroup-label-color: var(--sbb-color-metal);
  --sbb-optgroup-label-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
  --sbb-optgroup-label-font-size: var(--sbb-text-font-size-xxs);
  --sbb-optgroup-label-padding-end: var(--sbb-spacing-fixed-2x);
  --sbb-optgroup-label-padding-inline: var(--sbb-spacing-responsive-xxxs);
  --sbb-overlay-background-color: var(--sbb-background-color-3);
  --sbb-overlay-display: none;
  --sbb-overlay-height: 100%;
  --sbb-overlay-inset: 0 auto auto 0;
  --sbb-overlay-animation-easing: ease;
  --sbb-overlay-pointer-events: none;
  --sbb-overlay-container-display: none;
  --sbb-options-panel-border-radius: var(--sbb-border-radius-4x);
  --sbb-options-panel-animation-timing-function: ease;
  --sbb-options-panel-background-color: var(--sbb-background-color-2);
  --sbb-options-panel-divider-margin-block: var(--sbb-spacing-fixed-3x);
  --sbb-options-panel-padding-block: var(--sbb-spacing-fixed-2x);
  --sbb-paginator-height: var(--sbb-size-element-m);
  --sbb-paginator-page-color: var(--sbb-color-metal);
  --sbb-paginator-page-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
  --sbb-paginator-page-border-width: 0;
  --sbb-paginator-page-cursor: var(--sbb-cursor-pointer);
  --sbb-paginator-animation-easing: var(--sbb-animation-easing);
  --sbb-paginator-font-size: var(--sbb-text-font-size-s);
  --sbb-compact-paginator-height: var(--sbb-size-element-m);
  --sbb-compact-paginator-color: var(--sbb-color-metal);
  --sbb-compact-paginator-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
  --sbb-compact-paginator-font-size: var(--sbb-text-font-size-m);
  --sbb-compact-paginator-gap: var(--sbb-spacing-fixed-5x);
  --sbb-compact-paginator-pages-gap: var(--sbb-spacing-fixed-2x);
  --sbb-popover-arrow-size: var(--sbb-spacing-fixed-4x);
  --sbb-popover-max-width: calc(100% - var(--sbb-spacing-fixed-2x));
  --sbb-popover-border-radius: var(--sbb-border-radius-8x);
  --sbb-popover-padding: var(--sbb-spacing-fixed-4x);
  --sbb-popover-background: var(--sbb-background-color-2);
  --sbb-popover-animation-easing: ease-out;
  --sbb-radio-button-label-gap: var(--sbb-spacing-fixed-2x);
  --sbb-radio-button-label-color: var(--sbb-color-3);
  --sbb-radio-button-background-color: var(--sbb-background-color-1);
  --sbb-radio-button-border-width: var(--sbb-border-width-1x);
  --sbb-radio-button-border-style: solid;
  --sbb-radio-button-border-color: var(--sbb-border-color-5);
  --sbb-radio-button-cursor: var(--sbb-cursor-pointer);
  --sbb-radio-button-dimension-xs: 1.25rem;
  --sbb-radio-button-dimension-s: var(--sbb-size-icon-ui-small);
  --sbb-radio-button-dimension-m: var(--sbb-size-icon-ui-small);
  --sbb-radio-button-dimension: var(--sbb-radio-button-dimension-m);
  --sbb-radio-button-inner-circle-dimension: 0.625rem;
  --sbb-radio-button-font-size: var(--sbb-text-font-size-m);
  --sbb-selection-group-orientation: row;
  --sbb-selection-group-elements-width: auto;
  --sbb-selection-group-width: auto;
  --sbb-selection-group-gap: var(--sbb-spacing-fixed-3x) var(--sbb-spacing-fixed-6x);
  --sbb-selection-group-elements-flex: none;
  --sbb-selection-action-panel-action-margin-inline-xs: var(--sbb-spacing-responsive-xxxs);
  --sbb-selection-action-panel-action-margin-inline-s: var(--sbb-spacing-responsive-xxxs);
  --sbb-selection-action-panel-action-margin-inline-m: var(--sbb-spacing-responsive-xxs);
  --sbb-selection-action-panel-action-margin-inline: var(--sbb-selection-action-panel-action-margin-inline-m);
  --sbb-selection-action-panel-background: var(--sbb-selection-panel-background-default);
  --sbb-selection-action-panel-border-color: var(--sbb-selection-panel-border-color-default);
  --sbb-selection-action-panel-border-width: var(--sbb-selection-panel-border-width-default);
  --sbb-selection-expansion-panel-background: var(--sbb-selection-panel-background-default);
  --sbb-selection-expansion-panel-border-color: var(--sbb-selection-panel-border-color-default);
  --sbb-selection-expansion-panel-border-width: var(--sbb-selection-panel-border-width-default);
  --sbb-selection-expansion-panel-content-visibility: visible;
  --sbb-selection-expansion-panel-content-padding-block-start: var(--sbb-spacing-responsive-xxs);
  --sbb-selection-expansion-panel-content-padding-block-end: var(
    --sbb-selection-panel-input-padding-block-m
  );
  --sbb-selection-expansion-panel-content-padding-inline: var(--sbb-selection-panel-input-padding-inline-m);
  --sbb-sidebar-background-color: var(--sbb-background-color-1);
  --sbb-sidebar-title-padding-block: var(--sbb-spacing-fixed-3x);
  --sbb-sidebar-padding: var(--sbb-spacing-responsive-xs);
  --sbb-sidebar-border-radius: var(--sbb-border-radius-8x);
  --sbb-sidebar-margin: var(--sbb-spacing-fixed-3x);
  --sbb-sidebar-title-gap: var(--sbb-spacing-fixed-2x);
  --sbb-signet-background-color: var(--sbb-color-brand);
  --sbb-signet-panel-color: var(--sbb-color-brand);
  --sbb-signet-icon-color: var(--sbb-color-white);
  --sbb-signet-aspect-ratio: 2 / 1;
  --sbb-select-placeholder-fallback-color: var(--sbb-color-metal);
  --sbb-select-placeholder-fallback-color: light-dark(
    var(--sbb-color-metal),
    var(--sbb-color-smoke)
  );
  --sbb-slider-line-height: 0.25rem;
  --sbb-slider-knob-size: 1.75rem;
  --sbb-slider-knob-size-active: 1.9375rem;
  --sbb-slider-knob-border-size: 0.1875rem;
  --sbb-slider-knob-border-style: solid;
  --sbb-slider-knob-color: var(--sbb-background-color-1);
  --sbb-slider-knob-border-color: var(--sbb-color-primary);
  --sbb-slider-icon-color: var(--sbb-color-1);
  --sbb-slider-selected-line-disabled-color: var(--sbb-color-smoke);
  --sbb-slider-selected-line-disabled-color: light-dark(
    var(--sbb-color-smoke),
    var(--sbb-color-cement)
  );
  --sbb-slider-line-color: var(--sbb-border-color-5);
  --sbb-slider-selected-line-color: var(--sbb-color-primary);
  --sbb-slider-line-disabled-color: var(--sbb-color-graphite);
  --sbb-slider-line-disabled-color: light-dark(var(--sbb-color-graphite), var(--sbb-color-granite));
  --sbb-slider-width: 25rem;
  --sbb-slider-min-width: 9.375rem;
  --sbb-slider-gap: var(--sbb-spacing-fixed-2x);
  --sbb-slider-padding-block: 0.125rem;
  --sbb-status-color: var(--sbb-color-4);
  --sbb-status-gap: var(--sbb-spacing-fixed-1x);
  --sbb-status-font-size: var(--sbb-text-font-size-s);
  --sbb-status-title-color: var(--sbb-color-granite);
  --sbb-status-title-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
  --sbb-step-label-color: var(--sbb-color-4);
  --sbb-step-label-font-size: var(--sbb-text-font-size-l);
  --sbb-step-label-prefix-size: var(--sbb-size-element-xxs);
  --sbb-step-label-prefix-border-style: solid;
  --sbb-step-label-prefix-border-color: var(--sbb-border-color-4-inverted);
  --sbb-step-label-prefix-background-color: var(--sbb-background-color-1);
  --sbb-step-label-gap: var(--sbb-spacing-fixed-4x);
  --sbb-step-label-inset-block-start-size-m: calc(
    var(--sbb-text-font-size-l) * (var(--sbb-typo-line-height-text) / 2) +
      (var(--sbb-border-width-1x) / 2)
  );
  --sbb-step-label-inset-block-start-size-s: calc(
    var(--sbb-text-font-size-m) * (var(--sbb-typo-line-height-text) / 2) +
      (var(--sbb-border-width-1x) / 2)
  );
  --sbb-step-label-inset-block-start: var(--sbb-step-label-inset-block-start-size-m);
  --sbb-stepper-orientation: row;
  --sbb-stepper-border-width: var(--sbb-border-width-1x);
  --sbb-stepper-marker-width: var(--sbb-border-width-3x);
  --sbb-stepper-marker-color: var(--sbb-color-3);
  --sbb-tab-group-content-gap-size-s: var(--sbb-spacing-responsive-xs);
  --sbb-tab-group-content-gap-size-l: var(--sbb-spacing-responsive-s);
  --sbb-tab-group-content-gap-size-xl: var(--sbb-spacing-responsive-m);
  --sbb-tab-group-content-gap-default: var(--sbb-tab-group-content-gap-size-l);
  --sbb-tab-label-height: var(--sbb-size-element-m);
  --sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);
  --sbb-tab-label-color: var(--sbb-color-granite);
  --sbb-tab-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-graphite));
  --sbb-tab-label-marker-thickness: var(--sbb-border-width-3x);
  --sbb-tab-label-text-decoration: none;
  --sbb-tab-label-animation-easing: var(--sbb-animation-easing);
  --sbb-tab-label-font-size: var(--sbb-text-font-size-m);
  --sbb-tab-label-font-weight: bold;
  --sbb-tab-label-gap: var(--sbb-spacing-fixed-2x);
  --sbb-tab-label-outline-border-radius: var(--sbb-border-radius-2x);
  --sbb-tab-label-amount-color: var(--sbb-color-metal);
  --sbb-tab-label-amount-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
  --sbb-tab-label-line-color: var(--sbb-border-color-4-inverted);
  --sbb-tab-label-cursor: var(--sbb-cursor-pointer);
  --sbb-tag-animation-easing: var(--sbb-animation-easing);
  --sbb-tag-background-color: var(--sbb-background-color-1);
  --sbb-tag-border-color: var(--sbb-border-color-4-inverted);
  --sbb-tag-border-style: solid;
  --sbb-tag-border-width: var(--sbb-border-width-1x);
  --sbb-tag-border-radius: var(--sbb-border-radius-infinity);
  --sbb-tag-gap: var(--sbb-spacing-fixed-2x);
  --sbb-tag-text-color: var(--sbb-color-2);
  --sbb-tag-amount-color: var(--sbb-color-metal);
  --sbb-tag-amount-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
  --sbb-tag-height: var(--sbb-size-element-xs);
  --sbb-teaser-scale-hover: 1.02;
  --sbb-teaser-description-color: var(--sbb-color-granite);
  --sbb-teaser-description-color: light-dark(var(--sbb-color-granite), var(--sbb-color-silver));
  --sbb-teaser-flex-direction: row;
  --sbb-teaser-align-items: center;
  --sbb-teaser-font-size: var(--sbb-text-font-size-s);
  --sbb-teaser-gap: var(--sbb-spacing-fixed-4x);
  --sbb-teaser-border-radius: var(--sbb-border-radius-4x);
  --sbb-teaser-image-width: 18.75rem;
  --sbb-teaser-hero-link-font-weight: 400;
  --sbb-teaser-product-background-color: var(--sbb-color-cloud);
  --sbb-teaser-product-background-color: light-dark(
    var(--sbb-color-cloud),
    var(--sbb-color-midnight)
  );
  --sbb-teaser-product-background-gradient-direction: to right;
  --sbb-teaser-product-border-radius: var(--sbb-border-radius-4x);
  --sbb-teaser-product-min-height: 37.5rem;
  --sbb-teaser-product-background-gradient-start: 25%;
  --sbb-teaser-product-background-gradient-end: 75%;
  --sbb-teaser-product-container-padding-block: var(--sbb-spacing-responsive-s);
  --sbb-teaser-product-container-padding-inline: var(--sbb-spacing-responsive-s);
  --sbb-teaser-product-container-spacing: var(--sbb-spacing-responsive-l);
  --sbb-teaser-product-content-color: var(--sbb-color-4);
  --sbb-teaser-product-footer-color: var(--sbb-color-anthracite);
  --sbb-teaser-product-footer-color: light-dark(
    var(--sbb-color-anthracite),
    var(--sbb-color-cloud)
  );
  --sbb-teaser-product-footer-font-size: var(--sbb-text-font-size-xxs);
  --sbb-teaser-product-footer-padding-block-start: var(--sbb-spacing-responsive-s);
  --sbb-teaser-product-footer-padding-block-end: 0;
  --sbb-timetable-form-background-color: var(--sbb-background-color-1);
  --sbb-timetable-form-border-radius: var(--sbb-border-radius-4x);
  --sbb-timetable-form-details-border-block-start: var(--sbb-border-width-1x) solid
    var(--sbb-border-color-4-inverted);
  --sbb-timetable-form-details-gap: var(--sbb-spacing-fixed-1x);
  --sbb-timetable-form-details-padding-block: var(--sbb-spacing-fixed-1x);
  --sbb-timetable-form-details-padding-inline: var(--sbb-spacing-responsive-xxs);
  --sbb-timetable-form-details-horizontal-divider-height: 1.5rem;
  --sbb-timetable-form-field-route-icon-color: var(--sbb-color-2);
  --sbb-timetable-form-field-route-icon-background-color: var(--sbb-background-color-1);
  --sbb-timetable-form-field-route-via-icon-width: var(--sbb-size-icon-ui-small);
  --sbb-timetable-form-field-route-via-after-dimension: 0.4375rem;
  --sbb-timetable-occupancy-color: var(--sbb-color-2);
  --sbb-timetable-occupancy-font-size: var(--sbb-text-font-size-s);
  --sbb-timetable-occupancy-list-gap: var(--sbb-spacing-fixed-2x);
  --sbb-timetable-occupancy-item-gap: var(--sbb-spacing-fixed-1x);
  --sbb-time-input-max-width: 3.625rem;
  --sbb-toggle-check-font-size: var(--sbb-text-font-size-s);
  --sbb-toggle-check-color: var(--sbb-color-2);
  --sbb-toggle-check-checked-color: var(--sbb-color-primary);
  --sbb-toggle-check-background-color: var(--sbb-background-color-4);
  --sbb-toggle-check-icon-color: var(--sbb-toggle-check-checked-color);
  --sbb-toggle-check-circle-background-color: var(--sbb-background-color-1);
  --sbb-toggle-check-circle-border-color: var(--sbb-border-color-5);
  --sbb-toggle-check-circle-border-style: solid;
  --sbb-toggle-check-circle-diameter: 1.75rem;
  --sbb-toggle-check-height: var(--sbb-size-icon-ui-small);
  --sbb-toggle-check-cursor: var(--sbb-cursor-pointer);
  --sbb-toggle-check-gap: var(--sbb-spacing-fixed-3x);
  --sbb-toggle-check-border-width: var(--sbb-border-width-1x);
  --sbb-toggle-check-border-radius: var(--sbb-border-radius-4x);
  --sbb-toggle-check-shadow: var(--sbb-box-shadow-level-5-hard);
  --sbb-toggle-padding-inline: var(--sbb-spacing-responsive-xs);
  --sbb-toggle-height: var(--sbb-size-element-m);
  --sbb-toggle-background-color: var(--sbb-background-color-4);
  --sbb-toggle-background-inset: 0.125rem;
  --sbb-toggle-border-radius: var(--sbb-border-radius-infinity);
  --sbb-toggle-font-size: var(--sbb-text-font-size-m);
  --sbb-toggle-grid-template-columns: auto auto;
  --sbb-toggle-selected-option-border-width: var(--sbb-border-width-1x);
  --sbb-toggle-selected-option-border-style: solid;
  --sbb-toggle-selected-option-border-color: var(--sbb-border-color-5);
  --sbb-toggle-selected-option-background-color: var(--sbb-background-color-1);
  --sbb-toggle-option-color: var(--sbb-color-anthracite);
  --sbb-toggle-option-color: light-dark(var(--sbb-color-anthracite), var(--sbb-color-cloud));
  --sbb-toggle-option-gap: var(--sbb-spacing-fixed-1x);
  --sbb-toggle-option-font-size: var(--sbb-text-font-size-xs);
  --sbb-toggle-option-icon-min-size: var(--sbb-size-icon-ui-small);
  --sbb-tooltip-animation-easing: ease-out;
  --sbb-tooltip-animation-translate: 0 var(--sbb-spacing-fixed-2x);
  --sbb-tooltip-background-color: var(--sbb-background-color-1-inverted);
  --sbb-tooltip-color: var(--sbb-color-2-inverted);
  --sbb-tooltip-border-color: var(--sbb-background-color-1-inverted);
  --sbb-tooltip-border-radius: var(--sbb-border-radius-8x);
  --sbb-tooltip-font-size: var(--sbb-text-font-size-xs);
  --sbb-tooltip-gap: var(--sbb-spacing-fixed-2x);
  --sbb-tooltip-min-width: var(--sbb-spacing-fixed-8x);
  --sbb-tooltip-padding: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);
  --sbb-overlay-position-area: block-start;
  --sbb-overlay-position-try-fallbacks:
    block-start span-inline-end, block-start span-inline-start, block-end,
    block-end span-inline-end, block-end span-inline-start;
  --sbb-toast-max-width: 25rem;
  --sbb-toast-animation-timing-function: ease;
  --sbb-toast-text-color: var(--sbb-color-3-inverted);
  --sbb-toast-background-color: var(--sbb-background-color-1-inverted);
  --sbb-toast-margin: var(--sbb-spacing-responsive-s);
  --sbb-toast-padding-block: var(--sbb-spacing-responsive-xxxs);
  --sbb-toast-padding-inline: var(--sbb-spacing-responsive-xs);
  --sbb-toast-border-radius: var(--sbb-border-radius-4x);
  --sbb-toast-container-position: fixed;
  --sbb-toast-horizontal-position: initial;
  --sbb-toast-vertical-position: initial;
  --sbb-toast-gap: var(--sbb-spacing-fixed-2x);
  --sbb-visual-checkbox-dimension: var(--sbb-checkbox-dimension-m);
  --sbb-visual-checkbox-selection-color: var(--sbb-color-primary);
  --sbb-visual-checkbox-selection-color-negative: var(--sbb-color-primary85);
  --sbb-visual-checkbox-selection-color-disabled: var(--sbb-color-2);
  --sbb-visual-checkbox-selection-color-disabled-negative: var(--sbb-color-2-negative);
  --sbb-visual-checkbox-background-color: var(--sbb-background-color-1);
  --sbb-visual-checkbox-background-color-negative: var(--sbb-background-color-1-negative);
  --sbb-visual-checkbox-background-color-disabled: var(--sbb-background-color-3);
  --sbb-visual-checkbox-background-color-negative-disabled: var(--sbb-background-color-3-negative);
  --sbb-visual-checkbox-border-color: var(--sbb-border-color-5);
  --sbb-visual-checkbox-border-color-disabled: var(--sbb-border-color-5);
  --sbb-visual-checkbox-border-style: solid;
  --sbb-visual-checkbox-border-style-disabled: dashed;
  --sbb-visual-checkbox-border-width: var(--sbb-border-width-1x);
  --sbb-visual-checkbox-cursor: var(--sbb-cursor-pointer);
}

@media (forced-colors: active) {
  :root {
    /* Focus outline */
    --sbb-focus-outline-color-default: Highlight;
    --sbb-focus-outline-color-dark: Highlight;
    --sbb-focus-outline-width: var(--sbb-border-width-2x);
    --sbb-breadcrumb-color: ButtonText;
    --sbb-breadcrumb-color-active: Highlight;
    --sbb-card-border-color: CanvasText;
    --sbb-card-border-width: var(--sbb-border-width-2x);
    --sbb-card-badge-border-display: block;
    --sbb-card-badge-inline-border-display: none;
    --sbb-header-action-border-color: CanvasText;
    --sbb-header-action-color: LinkText;
    --sbb-header-action-active-border-width: 0;
    --sbb-expansion-panel-header-text-color: ButtonText;
    --sbb-form-field-border-color: ButtonBorder;
    --sbb-loading-indicator-circle-animated-width: 50%;
    --sbb-loading-indicator-circle-animated-height: 100%;
    --sbb-loading-indicator-circle-animated-border-radius: 0;
    --sbb-loading-indicator-circle-background: transparent;
    --sbb-logo-panel-color: ButtonText !important;
    --sbb-logo-signet-color: Canvas !important;
    --sbb-visual-checkbox-selection-color: Canvas;
    --sbb-visual-checkbox-selection-color-negative: Canvas;
    --sbb-visual-checkbox-selection-color-disabled: Canvas;
    --sbb-visual-checkbox-selection-color-disabled-negative: Canvas;
    --sbb-visual-checkbox-border-color: ButtonBorder;
    --sbb-visual-checkbox-border-color-disabled: GrayText;
    --sbb-visual-checkbox-border-width: var(--sbb-border-width-2x);
    --sbb-visual-checkbox-border-style-disabled: solid;
    --sbb-radio-button-background-color: Canvas;
    --sbb-radio-button-border-width: var(--sbb-border-width-2x);
    --sbb-radio-button-border-color: ButtonBorder;
    --sbb-signet-background-color: ButtonText !important;
    --sbb-signet-panel-color: ButtonText !important;
    --sbb-signet-icon-color: Canvas !important;
    --sbb-slider-selected-line-color: Highlight;
    --sbb-slider-line-color: CanvasText;
    --sbb-step-label-color: ButtonText;
    --sbb-step-label-prefix-border-color: ButtonText;
    --sbb-tag-amount-color: ButtonText;
    --sbb-tag-background-color: Canvas !important;
    --sbb-tag-text-color: ButtonText;
    --sbb-tag-border-color: CanvasText;
    --sbb-tag-border-width: var(--sbb-border-width-2x);
    --sbb-toggle-check-background-color: CanvasText;
    --sbb-toggle-check-circle-background-color: Canvas;
    --sbb-toggle-selected-option-border-width: var(--sbb-border-width-2x);
    --sbb-toggle-selected-option-border-color: Highlight;
  }
}
:root {
  --sbb-train-formation-wagon-width: 5rem;
  --sbb-train-formation-wagon-height: 2.5rem;
  --sbb-train-formation-wagon-gap: var(--sbb-spacing-fixed-1x);
  --sbb-overlay-default-z-index: 1000;
  --sbb-cursor-default: default;
  --sbb-cursor-pointer: pointer;
  --sbb-border-radius-infinity: calc(infinity * 1px);
}

:root.sbb-lean {
  --sbb-title-font-size-level-1-lean: var(--sbb-heading-font-size-2);
  --sbb-title-font-size-level-2-lean: var(--sbb-heading-font-size-3);
  --sbb-title-font-size-level-3-lean: var(--sbb-heading-font-size-4);
  --sbb-title-font-size-level-4-lean: var(--sbb-heading-font-size-5);
  --sbb-title-font-size-level-5-lean: var(--sbb-heading-font-size-6);
  --sbb-title-font-size-level-6-lean: var(--sbb-typo-scale-0-75x);
  --sbb-heading-margin-block-1-lean: var(--sbb-spacing-responsive-s)
    var(--sbb-spacing-fixed-3x);
  --sbb-heading-margin-block-2-lean: var(--sbb-spacing-responsive-s)
    var(--sbb-spacing-fixed-3x);
  --sbb-heading-margin-block-3-lean: var(--sbb-spacing-responsive-s)
    var(--sbb-spacing-responsive-xxxs);
  --sbb-heading-margin-block-4-lean: var(--sbb-spacing-responsive-s)
    var(--sbb-spacing-fixed-2x);
  --sbb-heading-margin-block-5-lean: var(--sbb-spacing-responsive-s)
    var(--sbb-spacing-fixed-1x);
  --sbb-heading-margin-block-6-lean: var(--sbb-spacing-responsive-s) 0;
}

:root:where(.sbb-focus-modality-mouse, .sbb-focus-modality-touch) {
  --sbb-focus-outline-style: none;
}

@media (min-width: 37.5rem) {
  :root {
    /* Title */
    --sbb-heading-font-size-1: var(--sbb-typo-scale-3x);
    /* Spacing */
    --sbb-spacing-responsive-l: var(--sbb-spacing-responsive-l-small);
    --sbb-spacing-responsive-xl: var(--sbb-spacing-responsive-xl-small);
    --sbb-spacing-responsive-xxl: var(--sbb-spacing-responsive-xxl-small);
    /* Layout */
    --sbb-layout-base-offset-responsive: var(--sbb-layout-base-offset-responsive-small);
    --sbb-grid-base-columns: var(--sbb-layout-base-grid-columns-small);
    --sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-small);
    --sbb-dialog-padding-inline: var(--sbb-spacing-fixed-12x);
    --sbb-footer-clock-width: 7rem;
    --sbb-notification-icon-align-self: flex-start;
    --sbb-notification-padding-inline: var(--sbb-spacing-responsive-xs);
  }
}
@media (min-width: 64rem) {
  :root {
    /* Title */
    --sbb-heading-font-size-1: var(--sbb-typo-scale-3-5x);
    --sbb-heading-font-size-2: var(--sbb-typo-scale-2-5x);
    --sbb-heading-font-size-3: var(--sbb-typo-scale-2x);
    --sbb-heading-font-size-4: var(--sbb-typo-scale-1-5x);
    --sbb-heading-font-size-5: var(--sbb-typo-scale-1-25x);
    --sbb-heading-font-size-6: var(--sbb-typo-scale-default);
    /* Text */
    --sbb-text-font-size-xl: var(--sbb-typo-scale-1-5x);
    --sbb-text-font-size-l: var(--sbb-typo-scale-1-25x);
    --sbb-text-font-size-m: var(--sbb-typo-scale-1-125x);
    --sbb-text-font-size-s: var(--sbb-typo-scale-default);
    --sbb-text-font-size-xs: var(--sbb-typo-scale-0-875x);
    /* Spacing */
    --sbb-spacing-responsive-xxxs: var(--sbb-spacing-responsive-xxxs-large);
    --sbb-spacing-responsive-xxs: var(--sbb-spacing-responsive-xxs-large);
    --sbb-spacing-responsive-xs: var(--sbb-spacing-responsive-xs-large);
    --sbb-spacing-responsive-s: var(--sbb-spacing-responsive-s-large);
    --sbb-spacing-responsive-m: var(--sbb-spacing-responsive-m-large);
    --sbb-spacing-responsive-l: var(--sbb-spacing-responsive-l-large);
    --sbb-spacing-responsive-xl: var(--sbb-spacing-responsive-xl-large);
    --sbb-spacing-responsive-xxl: var(--sbb-spacing-responsive-xxl-large);
    /* Layout */
    --sbb-layout-base-offset-responsive: var(--sbb-layout-base-offset-responsive-large);
    --sbb-grid-base-columns: var(--sbb-layout-base-grid-columns-large);
    --sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-large);
    /* Size */
    --sbb-size-element-xxxs: var(--sbb-size-element-xxxs-large);
    --sbb-size-element-xxs: var(--sbb-size-element-xxs-large);
    --sbb-size-element-xs: var(--sbb-size-element-xs-large);
    --sbb-size-element-s: var(--sbb-size-element-s-large);
    --sbb-size-element-m: var(--sbb-size-element-m-large);
    --sbb-size-element-l: var(--sbb-size-element-l-large);
    --sbb-button-padding-inline-size-l: var(--sbb-spacing-fixed-10x);
    --sbb-button-padding-inline-size-m: var(--sbb-spacing-fixed-8x);
    --sbb-button-padding-inline-size-s: var(--sbb-spacing-fixed-5x);
    --sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default-large) 0;
    --sbb-chip-group-margin-block-no-label-not-empty: 0.1875rem 0.875rem;
    --sbb-chip-group-margin-block-with-label-not-empty: var(--_sbb-chip-group-margin-block-start-default-large) var(--_sbb-chip-group-margin-block-start-default-large);
    --sbb-dialog-padding-inline: var(--sbb-spacing-responsive-s);
    --sbb-dialog-max-height: calc(100vh - var(--sbb-spacing-fixed-16x));
    --sbb-flip-card-min-height: 20rem;
    --_sbb-form-field-label-to-input-overlapping: var(--sbb-spacing-fixed-1x);
    --_sbb-form-field-floating-label-transform: 0.65625rem;
    --_sbb-form-field-spacer-margin-block-end: calc(-1 * var(--_sbb-form-field-label-to-input-overlapping));
    --sbb-header-height: var(--sbb-spacing-fixed-24x);
    --sbb-menu-max-width: 20rem;
    --sbb-menu-min-width: 11.25rem;
    --sbb-menu-transform-y: var(--sbb-spacing-fixed-2x);
    --sbb-teaser-product-container-padding-block: var(--sbb-spacing-responsive-l) 0;
    --sbb-teaser-product-container-padding-inline: var(--sbb-spacing-responsive-xl);
    --sbb-teaser-product-content-align-content: center;
    --sbb-teaser-product-footer-padding-block-start: var(--sbb-spacing-responsive-xs);
    --sbb-teaser-product-footer-padding-block-end: var(--sbb-spacing-responsive-xs);
    --sbb-teaser-product-footer-min-height: var(--sbb-teaser-product-container-spacing);
    --sbb-time-input-max-width: 4.0625rem;
  }
  :root.sbb-lean {
    --sbb-title-font-size-level-6-lean: var(--sbb-typo-scale-0-875x);
  }
}
@media (min-width: 90rem) {
  :root {
    /* Title */
    --sbb-heading-font-size-1: var(--sbb-typo-scale-4x);
    /* Spacing */
    --sbb-spacing-responsive-m: var(--sbb-spacing-responsive-m-ultra);
    --sbb-spacing-responsive-l: var(--sbb-spacing-responsive-l-ultra);
    --sbb-spacing-responsive-xl: var(--sbb-spacing-responsive-xl-ultra);
    --sbb-spacing-responsive-xxl: var(--sbb-spacing-responsive-xxl-ultra);
    /* Layout */
    --sbb-layout-base-offset-responsive: var(--sbb-layout-base-offset-responsive-ultra);
    --sbb-grid-base-columns: var(--sbb-layout-base-grid-columns-ultra);
    --sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-ultra);
    --sbb-lead-container-image-ratio: 21 / 9;
    --sbb-lead-container-image-border-radius: var(--sbb-lead-container-border-radius);
    --sbb-map-container-sidebar-width: 30rem;
  }
}
@font-face {
  font-family: SBB;
  src: url("https://cdn.app.sbb.ch/fonts/v1_9_subset/SBBWeb-Roman.woff2") format("woff2");
  font-display: fallback;
  font-weight: 400;
}
@font-face {
  font-family: SBB;
  src: url("https://cdn.app.sbb.ch/fonts/v1_9_subset/SBBWeb-Bold.woff2") format("woff2");
  font-display: swap;
  font-weight: 700;
}
@font-face {
  font-family: SBB;
  src: url("https://cdn.app.sbb.ch/fonts/v1_9_subset/SBBWeb-Light.woff2") format("woff2");
  font-display: swap;
  font-weight: 300;
}
sbb-breadcrumb-group:not(:defined) {
  display: block;
  height: calc(var(--sbb-typo-line-height-text) * var(--sbb-text-font-size-xs));
  overflow: hidden;
}

sbb-container > [slot=image]:is(sbb-image, img),
sbb-container > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap-image) {
  --sbb-image-object-fit: cover;
  border-radius: var(--sbb-container-background-border-radius);
  height: 100%;
  position: absolute;
}

sbb-dialog:not(:has(> sbb-dialog-title)) > sbb-dialog-close-button, sbb-dialog:is(:state(has-intermediate-element), [state--has-intermediate-element]):not(:has(> * > sbb-dialog-title)) > * > sbb-dialog-close-button {
  position: absolute;
  z-index: 1;
}

sbb-dialog:has(> sbb-dialog-title[visual-level="3"]) > sbb-dialog-close-button, sbb-dialog:is(:state(has-intermediate-element), [state--has-intermediate-element]):has(> * > sbb-dialog-title[visual-level="3"]) > * > sbb-dialog-close-button {
  --_sbb-dialog-title-size: var(--sbb-heading-font-size-3);
}

sbb-dialog:has(> sbb-dialog-title[visual-level="5"]) > sbb-dialog-close-button, sbb-dialog:is(:state(has-intermediate-element), [state--has-intermediate-element]):has(> * > sbb-dialog-title[visual-level="5"]) > * > sbb-dialog-close-button {
  --_sbb-dialog-title-size: var(--sbb-heading-font-size-5);
}

sbb-dialog:has(> sbb-dialog-title) > sbb-dialog-content, sbb-dialog:is(:state(has-intermediate-element), [state--has-intermediate-element]):has(> * > sbb-dialog-title) > * > sbb-dialog-content {
  padding-block-start: var(--sbb-spacing-fixed-1x);
}

sbb-dialog[negative] > sbb-dialog-content, sbb-dialog[negative]:is(:state(has-intermediate-element), [state--has-intermediate-element]) > * > sbb-dialog-content {
  --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);
  --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);
}

sbb-dialog:has(> sbb-dialog-close-button) > sbb-dialog-title, sbb-dialog:is(:state(has-intermediate-element), [state--has-intermediate-element]):has(> * > sbb-dialog-close-button) > * > sbb-dialog-title {
  padding-inline-end: 0;
}

sbb-flip-card-summary > [slot=image]:is(sbb-image, img),
sbb-flip-card-summary > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap-image) {
  --sbb-image-aspect-ratio: auto;
  --sbb-image-object-fit: cover;
  border-radius: 0;
  display: block;
  height: 100%;
}

:is(sbb-form-field, sbb-timetable-form-field) :where(input, select, textarea, sbb-select, sbb-date-input, sbb-time-input) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  outline: none;
  border: none;
  background-color: transparent;
  padding: 0;
  appearance: none;
  display: flex;
  outline: none !important;
  overflow: var(--sbb-form-field-overflow, hidden);
  width: 100%;
  box-sizing: border-box;
  color: var(--sbb-form-field-text-color);
  -webkit-text-fill-color: var(--sbb-form-field-text-color);
  opacity: 1;
  background-color: transparent;
  font-size: var(--sbb-form-field-input-text-size) !important;
  letter-spacing: var(--sbb-typo-letter-spacing-text) !important;
  font-family: var(--sbb-typo-font-family) !important;
  line-height: var(--sbb-typo-line-height-text) !important;
}

:is(sbb-form-field, sbb-timetable-form-field) :where(input, select, textarea, sbb-select, sbb-date-input, sbb-time-input)::placeholder {
  color: var(--sbb-color-5);
  -webkit-text-fill-color: var(--sbb-color-5);
  opacity: 1;
}

:is(sbb-form-field, sbb-timetable-form-field)[floating-label] :where(input, select, textarea, sbb-select)::placeholder, :is(sbb-form-field, sbb-timetable-form-field)[floating-label] :where(sbb-date-input, sbb-time-input)::after {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

@media (forced-colors: active) {
  :is(sbb-form-field, sbb-timetable-form-field)[floating-label] :where(input, select, textarea, sbb-select)::placeholder, :is(sbb-form-field, sbb-timetable-form-field)[floating-label] :where(sbb-date-input, sbb-time-input)::after {
    color: Canvas !important;
    -webkit-text-fill-color: Canvas !important;
  }
}
:is(sbb-form-field, sbb-timetable-form-field):not([floating-label]) :where(input, select, textarea, sbb-select):disabled::placeholder {
  color: var(--sbb-color-granite);
  color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
  -webkit-text-fill-color: var(--sbb-color-granite);
  -webkit-text-fill-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
}

:is(sbb-form-field, sbb-timetable-form-field) :where(select) {
  vertical-align: middle;
}

:is(sbb-form-field, sbb-timetable-form-field) :where(select, sbb-select) {
  padding-inline-end: var(--sbb-form-field-select-inline-padding-end);
}

:is(sbb-form-field, sbb-timetable-form-field)[size=s] :where(input, sbb-date-input, sbb-time-input) {
  height: calc(var(--sbb-form-field-input-text-size) * 1.25);
  line-height: 1 !important;
  margin-block: calc(0.5 * var(--sbb-form-field-input-text-size) * (var(--sbb-typo-line-height-text) - 1.25));
}

:is(sbb-form-field, sbb-timetable-form-field)[size=s] > :not(sbb-chip-group):has(input, sbb-date-input, sbb-time-input, select, sbb-select) {
  margin-block-end: -0.125rem;
}

:is(sbb-form-field, sbb-timetable-form-field) :where(textarea) {
  --sbb-scrollbar-thumb-width: 0.125rem;
  --sbb-scrollbar-thumb-width-hover: 0.25rem;
  --sbb-scrollbar-width-firefox: thin;
  --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);
  --sbb-scrollbar-color: light-dark(
    color-mix(in srgb, var(--sbb-color-black) 30%, transparent),
    color-mix(in srgb, var(--sbb-color-white) 30%, transparent)
  );
  --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);
  --sbb-scrollbar-color-hover: light-dark(
    color-mix(in srgb, var(--sbb-color-black) 60%, transparent),
    color-mix(in srgb, var(--sbb-color-white) 60%, transparent)
  );
  --sbb-scrollbar-track-color: transparent;
  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
}

:is(sbb-form-field, sbb-timetable-form-field) :where(textarea)::-webkit-scrollbar {
  width: var(--sbb-scrollbar-width);
  height: var(--sbb-scrollbar-width);
  background-color: var(--sbb-scrollbar-track-color, transparent);
}

:is(sbb-form-field, sbb-timetable-form-field) :where(textarea)::-webkit-scrollbar-corner {
  background-color: var(--sbb-scrollbar-track-color, transparent);
}

:is(sbb-form-field, sbb-timetable-form-field) :where(textarea)::-webkit-scrollbar-thumb {
  background-color: var(--sbb-scrollbar-color, currentcolor);
  border: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;
  border-radius: var(--sbb-border-radius-4x);
  background-clip: padding-box;
}

:is(sbb-form-field, sbb-timetable-form-field) :where(textarea)::-webkit-scrollbar-thumb:hover {
  background-color: var(--sbb-scrollbar-color-hover, currentcolor);
  border-width: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)));
}

:is(sbb-form-field, sbb-timetable-form-field) :where(textarea)::-webkit-scrollbar-button, :is(sbb-form-field, sbb-timetable-form-field) :where(textarea)::-webkit-scrollbar-corner {
  display: none;
}

@supports not selector(::-webkit-scrollbar) {
  :is(sbb-form-field, sbb-timetable-form-field) :where(textarea) {
    scrollbar-width: var(--sbb-scrollbar-width-firefox);
    scrollbar-color: var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent);
  }
}
:is(sbb-form-field, sbb-timetable-form-field) :where(textarea) {
  position: relative;
  resize: none;
  white-space: break-spaces;
  overflow-y: auto;
  min-height: calc(var(--sbb-typo-line-height-text) * 1em);
  height: 100%;
}

:is(sbb-form-field, sbb-timetable-form-field)[size=l] :where(textarea) {
  padding-block-end: 0.34375rem;
}

:is(sbb-form-field, sbb-timetable-form-field)[negative] :where(textarea) {
  --sbb-scrollbar-thumb-width: 0.125rem;
  --sbb-scrollbar-thumb-width-hover: 0.25rem;
  --sbb-scrollbar-width-firefox: thin;
  --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);
  --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);
  --sbb-scrollbar-track-color: transparent;
  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
}

:is(sbb-form-field, sbb-timetable-form-field)[negative] :where(textarea)::-webkit-scrollbar {
  width: var(--sbb-scrollbar-width);
  height: var(--sbb-scrollbar-width);
  background-color: var(--sbb-scrollbar-track-color, transparent);
}

:is(sbb-form-field, sbb-timetable-form-field)[negative] :where(textarea)::-webkit-scrollbar-corner {
  background-color: var(--sbb-scrollbar-track-color, transparent);
}

:is(sbb-form-field, sbb-timetable-form-field)[negative] :where(textarea)::-webkit-scrollbar-thumb {
  background-color: var(--sbb-scrollbar-color, currentcolor);
  border: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;
  border-radius: var(--sbb-border-radius-4x);
  background-clip: padding-box;
}

:is(sbb-form-field, sbb-timetable-form-field)[negative] :where(textarea)::-webkit-scrollbar-thumb:hover {
  background-color: var(--sbb-scrollbar-color-hover, currentcolor);
  border-width: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)));
}

:is(sbb-form-field, sbb-timetable-form-field)[negative] :where(textarea)::-webkit-scrollbar-button, :is(sbb-form-field, sbb-timetable-form-field)[negative] :where(textarea)::-webkit-scrollbar-corner {
  display: none;
}

@supports not selector(::-webkit-scrollbar) {
  :is(sbb-form-field, sbb-timetable-form-field)[negative] :where(textarea) {
    scrollbar-width: var(--sbb-scrollbar-width-firefox);
    scrollbar-color: var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent);
  }
}
:is(sbb-form-field, sbb-timetable-form-field):has(:is(:is(input, textarea, select):user-invalid,
:is(:state(interacted), [state--interacted]):invalid,
.ng-touched.ng-invalid,
.sbb-invalid)),
:is(.ng-submitted, .sbb-show-errors) :is(sbb-form-field, sbb-timetable-form-field):has(:is(:invalid, .ng-invalid)) {
  --sbb-form-field-border-color: var(--sbb-color-error);
  --sbb-form-field-text-color: var(--sbb-color-error);
}

:is(sbb-form-field, sbb-timetable-form-field):has(:is(:is(input, textarea, select):user-invalid,
:is(:state(interacted), [state--interacted]):invalid,
.ng-touched.ng-invalid,
.sbb-invalid))[negative],
:is(.ng-submitted, .sbb-show-errors) :is(sbb-form-field, sbb-timetable-form-field):has(:is(:invalid, .ng-invalid))[negative] {
  --sbb-form-field-border-color: var(--sbb-color-red85);
  --sbb-form-field-text-color: var(--sbb-color-red85);
}

@media (forced-colors: active) {
  :is(sbb-form-field, sbb-timetable-form-field):has(:is(:is(input, textarea, select):user-invalid,
  :is(:state(interacted), [state--interacted]):invalid,
  .ng-touched.ng-invalid,
  .sbb-invalid)),
  :is(.ng-submitted, .sbb-show-errors) :is(sbb-form-field, sbb-timetable-form-field):has(:is(:invalid, .ng-invalid)) {
    --sbb-form-field-border-color: LinkText !important;
    --sbb-form-field-text-color: LinkText !important;
  }
}
:root.sbb-form-field-required-highlight :is(sbb-form-field, sbb-timetable-form-field):is(:state(empty), [state--empty]):not(:is(:state(readonly), [state--readonly]),
:is(:state(disabled), [state--disabled])):has(:where(input, select, textarea, sbb-select, sbb-date-input, sbb-time-input)[required]),
:is(sbb-form-field, sbb-timetable-form-field):is(:state(empty), [state--empty]):not(:is(:state(readonly), [state--readonly]),
:is(:state(disabled), [state--disabled])).sbb-form-field-required-highlight {
  --sbb-form-field-background-color: color-mix(in srgb, var(--sbb-color-peach) 5%, var(--sbb-background-color-1));
  --sbb-form-field-background-color: light-dark(
    color-mix(in srgb, var(--sbb-color-peach) 5%, var(--sbb-background-color-1)),
    color-mix(in srgb, var(--sbb-color-peach) 10%, var(--sbb-background-color-1))
  );
}

:root.sbb-form-field-required-highlight :is(sbb-form-field, sbb-timetable-form-field):is(:state(empty), [state--empty]):not(:is(:state(readonly), [state--readonly]),
:is(:state(disabled), [state--disabled])):has(:where(input, select, textarea, sbb-select, sbb-date-input, sbb-time-input)[required])[negative],
:is(sbb-form-field, sbb-timetable-form-field):is(:state(empty), [state--empty]):not(:is(:state(readonly), [state--readonly]),
:is(:state(disabled), [state--disabled])).sbb-form-field-required-highlight[negative] {
  --sbb-form-field-background-color: color-mix(
    in srgb,
    var(--sbb-color-peach) 10%,
    var(--sbb-background-color-1-negative)
  );
}

@media (forced-colors: active) {
  :root.sbb-form-field-required-highlight :is(sbb-form-field, sbb-timetable-form-field):not(:is(:state(readonly), [state--readonly]), :is(:state(disabled), [state--disabled])):has(:where(input, select, textarea, sbb-select, sbb-date-input, sbb-time-input)[required]) label::after, :is(sbb-form-field, sbb-timetable-form-field):not(:is(:state(readonly), [state--readonly]), :is(:state(disabled), [state--disabled])).sbb-form-field-required-highlight label::after {
    content: " *";
    color: Highlight;
  }
}
:root:has(sbb-header[size=m]) {
  --sbb-header-height: var(--sbb-spacing-fixed-14x);
}

:root:has(sbb-header[size=s]) {
  --sbb-header-height: 3.25rem;
}

@media (min-width: 64rem) {
  :root:has(sbb-header[size=m]) {
    --sbb-header-height: var(--sbb-spacing-fixed-24x);
  }
  :root:has(sbb-header[size=s]) {
    --sbb-header-height: var(--sbb-spacing-fixed-14x);
  }
}
sbb-header + :where(sbb-sidebar-container, sbb-icon-sidebar-container) {
  margin-block-start: var(--sbb-header-height);
}

.sbb-header-info {
  display: flex;
  padding-inline: var(--sbb-spacing-fixed-4x);
  gap: var(--sbb-spacing-fixed-1x);
  align-items: baseline;
  color: var(--sbb-color-1);
  font-size: var(--sbb-text-font-size-xs);
  letter-spacing: var(--sbb-typo-letter-spacing-text);
}

.sbb-header-info strong + * {
  font-size: var(--sbb-text-font-size-xxs);
  letter-spacing: var(--sbb-typo-letter-spacing-text);
  color: var(--sbb-color-granite);
  color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
}

sbb-icon-sidebar-content + sbb-icon-sidebar :is(sbb-icon-sidebar-link, sbb-icon-sidebar-button) {
  --sbb-icon-sidebar-button__current-border-inset-inline-start: auto;
}

sbb-icon-sidebar-content + sbb-icon-sidebar {
  border-start-end-radius: 0;
  border-start-start-radius: var(--sbb-icon-sidebar-border-radius);
}

sbb-lead-container > [slot=image]:is(sbb-image, img, picture),
sbb-lead-container > [slot=image] :is(sbb-image, img, picture):not(.sbb-figure-overlap-image) {
  --sbb-image-aspect-ratio: var(--sbb-lead-container-image-ratio);
  --sbb-image-object-fit: cover;
  border-radius: var(--sbb-lead-container-image-border-radius);
}

sbb-message > [slot=image]:is(sbb-image, img),
sbb-message > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap-image) {
  border-radius: var(--sbb-message-image-border-radius);
}

:where(sbb-select, sbb-autocomplete, sbb-autocomplete-grid)[size=s] :where(sbb-option, sbb-autocomplete-grid-option) {
  --sbb-option-min-height: var(--sbb-size-element-xxs);
  --sbb-focus-outline-offset: calc(-1 * var(--sbb-spacing-fixed-1x));
  --sbb-option-focus-outline-inset: 0 var(--sbb-spacing-fixed-1x);
}

:where(sbb-select, sbb-autocomplete, sbb-autocomplete-grid)[size=s] sbb-optgroup {
  --sbb-optgroup-label-padding-end: var(--sbb-spacing-fixed-1x);
}

:where(sbb-select, sbb-autocomplete, sbb-autocomplete-grid)[size=s] sbb-option-hint {
  --sbb-option-hint-padding-block-end: var(--sbb-spacing-fixed-1x);
}

.sbb-options-nowrap {
  --sbb-option-text-overflow: ellipsis;
  --sbb-option-overflow: hidden;
  --sbb-option-white-space: nowrap;
}

.sbb-select-trigger {
  width: 100%;
  height: var(--sbb-size-element-xs);
}

sbb-form-field .sbb-select-trigger {
  top: 0;
}

sbb-sidebar:has(sbb-sidebar-title) {
  --_sbb-sidebar-padding-block-start: 0;
}

sbb-sidebar:not(:has(sbb-sidebar-title)) sbb-sidebar-close-button {
  position: absolute;
}

sbb-sidebar-container:has(> sbb-sidebar:is(:state(skip-animation), [state--skip-animation])) {
  --sbb-sidebar-container-animation-duration: 0s;
}

sbb-sidebar-container:has(> sbb-sidebar:is([mode=over], :is(:state(mode-over-forced), [state--mode-over-forced])):is(:is(:state(state-opening), [state--state-opening]),
:is(:state(state-opened), [state--state-opened]))) {
  --sbb-sidebar-container__backdrop-visibility: visible;
  --sbb-sidebar-container-backdrop-opacity: 0.4;
}

sbb-sidebar-container:is(:has(> sbb-sidebar[position=end]:is(:is(:state(state-closing), [state--state-closing]),
:is(:state(state-closed), [state--state-closed]),
[mode=over],
:is(:state(mode-over-forced), [state--mode-over-forced]))),
:not(:has(> sbb-sidebar[position=end]))) > sbb-sidebar-content {
  --_sbb-sidebar-content-margin-inline-end: 0;
}

sbb-sidebar-container:is(:has(> sbb-sidebar:not([position=end]):is(:is(:state(state-closing), [state--state-closing]),
:is(:state(state-closed), [state--state-closed]),
[mode=over],
:is(:state(mode-over-forced), [state--mode-over-forced]))),
:not(:has(> sbb-sidebar:not([position=end])))) > sbb-sidebar-content {
  --_sbb-sidebar-content-margin-inline-start: 0;
}

sbb-tab-nav-bar .sbb-tab-amount {
  margin: 0;
  color: var(--sbb-tab-label-amount-color);
  font-weight: normal;
  text-decoration: var(--sbb-tab-label-text-decoration);
}

sbb-teaser :is(sbb-image, img):not(.sbb-figure-overlap-image) {
  --sbb-image-object-fit: cover;
  --sbb-image-aspect-ratio: 4 / 3;
  transition-property: filter, scale;
  will-change: filter, scale;
  scale: var(--sbb-teaser-scale, 1);
}

sbb-teaser-hero :is(sbb-image, img):not(.sbb-figure-overlap-image) {
  --sbb-image-aspect-ratio: 1 / 1;
  border-radius: 0;
}

@media (min-width: 37.5rem) {
  sbb-teaser-hero :is(sbb-image, img):not(.sbb-figure-overlap-image) {
    --sbb-image-aspect-ratio: 16 / 9;
  }
}
sbb-teaser-hero img:not(.sbb-figure-overlap-image) {
  display: block;
  align-self: stretch;
  width: 100%;
}

:is(sbb-teaser-product, sbb-teaser-product-static) :is(sbb-image, img):not(.sbb-figure-overlap-image) {
  border-radius: 0;
  --sbb-image-object-fit: cover;
  --sbb-image-aspect-ratio: 16 / 9;
}

:is(sbb-teaser-product, sbb-teaser-product-static) img:not(.sbb-figure-overlap-image) {
  place-self: stretch;
}

sbb-toggle:has(:focus-visible) {
  outline-offset: var(--sbb-focus-outline-offset);
  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);
}

.sbb-dark {
  color-scheme: dark;
}

.sbb-light {
  color-scheme: light;
}

.sbb-light-dark {
  color-scheme: light dark;
}

html {
  font-family: var(--sbb-typo-font-family);
  font-weight: normal;
  line-height: var(--sbb-typo-line-height-text);
  letter-spacing: var(--sbb-typo-letter-spacing-text);
  font-size: var(--sbb-text-font-size);
  color-scheme: light dark;
  color: var(--sbb-font-color-default);
  background-color: var(--sbb-background-color-1);
}

::placeholder {
  color: var(--sbb-color-5);
  -webkit-text-fill-color: var(--sbb-color-5);
  opacity: 1;
}

:is(sbb-autocomplete,
sbb-autocomplete-grid,
sbb-datepicker,
sbb-dialog,
sbb-menu,
sbb-navigation,
sbb-navigation-section,
sbb-overlay,
sbb-popover,
sbb-select,
sbb-skiplink-list,
sbb-toast,
sbb-tooltip):not(:defined) {
  display: none;
}

[popover]:where(sbb-autocomplete,
sbb-autocomplete-grid,
sbb-datepicker,
sbb-dialog,
sbb-menu,
sbb-navigation,
sbb-overlay,
sbb-popover,
sbb-toast) {
  margin: 0;
  padding: 0;
  border: none;
  width: auto;
  height: auto;
  background-color: transparent;
  color: inherit;
  pointer-events: none;
}

:is(sbb-card, sbb-flip-card) .sbb-action {
  pointer-events: all;
}

sbb-title + p {
  margin-block-start: 0;
}

img {
  aspect-ratio: var(--sbb-image-aspect-ratio);
  object-fit: var(--sbb-image-object-fit);
  object-position: var(--sbb-image-object-position);
}

:is(sbb-teaser, sbb-teaser-hero, sbb-teaser-product) {
  --sbb-teaser-image-brightness-hover: var(--sbb-hover-image-brightness);
  --sbb-teaser-image-animation-duration: var(
    --sbb-disable-animation-duration,
    var(--sbb-animation-duration-4x)
  );
  --sbb-teaser-image-animation-easing: var(--sbb-animation-easing);
}

@media (any-hover: hover) {
  :is(sbb-teaser, sbb-teaser-hero, sbb-teaser-product):hover {
    --sbb-teaser-image-brightness: var(--sbb-teaser-image-brightness-hover);
  }
}
:is(sbb-teaser, sbb-teaser-hero, sbb-teaser-product) :is(sbb-image, img):not(.sbb-figure-overlap-image) {
  will-change: filter;
  filter: brightness(var(--sbb-teaser-image-brightness, 1));
  transition: filter var(--sbb-teaser-image-animation-duration) var(--sbb-teaser-image-animation-easing);
}

sbb-train-formation:has(sbb-train[direction-label]) {
  --sbb-train-formation-reserve-spacing-display: block;
}

sbb-train-formation:has(sbb-train-wagon[sector]) {
  --sbb-train-formation-show-sectors-gap: 1;
}

sbb-train-formation:not(:has(sbb-train-wagon[label])) {
  --sbb-train-formation-wagon-label-display: none;
}

sbb-train-formation[view=side] sbb-train-wagon {
  --sbb-train-wagon-wagon-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40' fill='none'%3E%3Cpath d='M12.5,0.5 h55 a12,12 0 0 1 12,12 v15 a12,12 0 0 1 -12,12 h-55 a12,12 0 0 1 -12,-12 v-15 a12,12 0 0 1 12,-12 z' stroke='%23000000' stroke-width='1'/%3E%3C/svg%3E");
  --sbb-train-wagon-wagon-closed-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40' fill='none'%3E%3Crect x='0.5' y='0.5' width='79' height='39' rx='11.5' stroke='%23000000'/%3E%3Cpath d='M76 4L4 36' stroke='%23000000'/%3E%3Cpath d='M76 36L4 4' stroke='%23000000'/%3E%3C/svg%3E");
  --sbb-train-wagon-wagon-end-left-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40' fill='none'%3E%3Cpath d='M10.745 7.90416C13.5624 3.30431 18.5686 0.5 23.9627 0.5H68C74.3513 0.5 79.5 5.64873 79.5 12V28C79.5 34.3513 74.3513 39.5 68 39.5H11.922C2.93614 39.5 -2.57807 29.6562 2.11537 21.9934L10.745 7.90416Z' stroke='%23000000'/%3E%3C/svg%3E");
  --sbb-train-wagon-locomotive-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40' fill='none'%3E%3Cpath d='M10.745 7.90416C13.5624 3.30431 18.5686 0.5 23.9627 0.5H56.0373C61.4314 0.5 66.4376 3.30432 69.255 7.90416L77.8846 21.9934C82.5781 29.6562 77.0639 39.5 68.078 39.5H11.922C2.93615 39.5 -2.57807 29.6562 2.11537 21.9934L10.745 7.90416Z' stroke='%23000000'/%3E%3C/svg%3E");
  --sbb-train-wagon-wagon-end-right-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40' fill='none'%3E%3Cpath d='M0.5 12C0.5 5.64873 5.64873 0.5 12 0.5H56.0373C61.4314 0.5 66.4376 3.30432 69.255 7.90416L77.8846 21.9934C82.5781 29.6562 77.0638 39.5 68.0779 39.5H12C5.64873 39.5 0.5 34.3513 0.5 28V12Z' stroke='%23000000'/%3E%3C/svg%3E");
}

sbb-train-formation[view=top] sbb-train-wagon {
  --sbb-train-wagon-wagon-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40' fill='none'%3E%3Cpath d='M8.5,0.5 h63 a8,8 0 0 1 8,8 v23 a8,8 0 0 1 -8,8 h-63 a8,8 0 0 1 -8,-8 v-23 a8,8 0 0 1 8,-8 z' stroke='%23000000' stroke-width='1'/%3E%3C/svg%3E%0A");
  --sbb-train-wagon-wagon-closed-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40' fill='none'%3E%3Crect x='0.5' y='0.5' width='79' height='39' rx='7.5' stroke='%23000000'/%3E%3Cpath d='M77.5 2.5L2.5 37.5' stroke='%23000000'/%3E%3Cpath d='M77.5 37.5L2.5 2.5' stroke='%23000000'/%3E%3C/svg%3E");
  --sbb-train-wagon-wagon-end-left-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40' fill='none'%3E%3Cpath transform='translate(80,40) rotate(180)' d='M8.5,0.5 h51.5 a19.5,19.5 0 0 1 19.5,19.5 v0 a19.5,19.5 0 0 1 -19.5,19.5 h-51.5 a8,8 0 0 1 -8,-8 v-23 a8,8 0 0 1 8,-8 z' stroke='%23000000' stroke-width='1'/%3E%3C/svg%3E");
  --sbb-train-wagon-locomotive-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40' fill='none'%3E%3Cpath d='M20,0.5 h40 a19.5,19.5 0 0 1 19.5,19.5 v0 a19.5,19.5 0 0 1 -19.5,19.5 h-40 a19.5,19.5 0 0 1 -19.5,-19.5 v0 a19.5,19.5 0 0 1 19.5,-19.5 z' stroke='%23000000' stroke-width='1'/%3E%3C/svg%3E%0A");
  --sbb-train-wagon-wagon-end-right-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40' fill='none'%3E%3Cpath d='M8.5,0.5 h51.5 a19.5,19.5 0 0 1 19.5,19.5 v0 a19.5,19.5 0 0 1 -19.5,19.5 h-51.5 a8,8 0 0 1 -8,-8 v-23 a8,8 0 0 1 8,-8 z' stroke='%23000000' stroke-width='1'/%3E%3C/svg%3E");
}

.sbb-overlay-outlet {
  position: fixed;
  inset: 0;
  pointer-events: none;
}

sub, sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

html {
  text-size-adjust: 100%;
  tab-size: 4;
}

body {
  margin: 0;
}

hr {
  height: 0;
  color: inherit;
}

abbr[title] {
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

table {
  text-indent: 0;
  border-color: inherit;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
select {
  text-transform: none;
}

button,
:is(button, input):where([type=button], [type=reset], [type=submit]) {
  appearance: auto;
}

:-moz-ui-invalid {
  box-shadow: none;
}

legend {
  padding: 0;
}

progress {
  vertical-align: baseline;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  appearance: textfield;
  outline-offset: -2px;
}

::-webkit-search-decoration {
  appearance: none;
}

::-webkit-file-upload-button {
  appearance: auto;
  font: inherit;
}

summary {
  display: list-item;
}

/**
 * Do not edit directly, this file was auto-generated.
 */
:host {
  display: flex;
  flex-flow: var(--sbb-selection-group-orientation) wrap;
  gap: var(--sbb-selection-group-gap);
  align-items: flex-start;
  width: var(--sbb-selection-group-width);
}

:host([orientation=vertical]) {
  --sbb-selection-group-orientation: column;
  --sbb-selection-group-width: 100%;
  --sbb-selection-group-elements-width: 100%;
}

:host(:is(:state(has-panel), [state--has-panel])) {
  --sbb-selection-group-width: 100%;
  --sbb-selection-group-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);
  --sbb-selection-group-elements-flex: auto;
}

@media (min-width: 0rem) {
  :host([orientation=vertical][horizontal-from=zero]) {
    --sbb-selection-group-orientation: row;
    --sbb-selection-group-elements-width: auto;
  }
  :host([orientation=vertical][horizontal-from=zero]:not(:is(:state(has-panel), [state--has-panel]))) {
    --sbb-selection-group-width: auto;
  }
}
@media (min-width: 37.5rem) {
  :host([orientation=vertical][horizontal-from=small]) {
    --sbb-selection-group-orientation: row;
    --sbb-selection-group-elements-width: auto;
  }
  :host([orientation=vertical][horizontal-from=small]:not(:is(:state(has-panel), [state--has-panel]))) {
    --sbb-selection-group-width: auto;
  }
}
@media (min-width: 64rem) {
  :host([orientation=vertical][horizontal-from=large]) {
    --sbb-selection-group-orientation: row;
    --sbb-selection-group-elements-width: auto;
  }
  :host([orientation=vertical][horizontal-from=large]:not(:is(:state(has-panel), [state--has-panel]))) {
    --sbb-selection-group-width: auto;
  }
}
@media (min-width: 90rem) {
  :host([orientation=vertical][horizontal-from=ultra]) {
    --sbb-selection-group-orientation: row;
    --sbb-selection-group-elements-width: auto;
  }
  :host([orientation=vertical][horizontal-from=ultra]:not(:is(:state(has-panel), [state--has-panel]))) {
    --sbb-selection-group-width: auto;
  }
}
slot[name=error]::slotted(*) {
  flex-basis: 100%;
}

::slotted(:is(sbb-checkbox-panel, sbb-radio-button-panel)) {
  flex: var(--sbb-selection-group-elements-flex);
}

::slotted(:is(sbb-checkbox, sbb-checkbox-panel, sbb-radio-button-panel)) {
  width: var(--sbb-selection-group-elements-width);
}

:host {
  --sbb-tab-label-animation-duration: var(
    --sbb-disable-animation-duration,
    var(--sbb-animation-duration-2x)
  );
  --sbb-tab-label-outline-border-radius-internal: calc(
    var(--sbb-tab-label-outline-border-radius) - var(--sbb-focus-outline-offset)
  );
}

:host(:is(:is(:state(size-s), [state--size-s]), [size=s])) {
  --sbb-tab-label-height: var(--sbb-size-element-xs);
  --sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xxxs);
  --sbb-tab-label-font-size: var(--sbb-text-font-size-s);
}

:host(:is(:is(:state(size-l), [state--size-l]), [size=l])) {
  --sbb-tab-label-height: var(--sbb-size-element-m);
  --sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);
  --sbb-tab-label-font-size: var(--sbb-text-font-size-m);
}

:host(:is(:is(:state(size-xl), [state--size-xl]), [size=xl])) {
  --sbb-tab-label-height: var(--sbb-size-element-m);
  --sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);
  --sbb-tab-label-font-size: var(--sbb-text-font-size-xl);
}

:host(sbb-tab-label),
:host(sbb-tab-nav-bar) ::slotted(a) {
  pointer-events: var(--sbb-tab-label-pointer-events, unset);
}

@media (forced-colors: active) {
  :host(sbb-tab-label),
  :host(sbb-tab-nav-bar) ::slotted(a) {
    --sbb-tab-label-color: ButtonText;
    --sbb-tab-label-amount-color: ButtonText;
  }
}
:host(sbb-tab-nav-bar) ::slotted(a),
:host(sbb-tab-label) .sbb-tab-label {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--sbb-tab-label-gap);
  color: var(--sbb-tab-label-color);
  margin: 0;
  padding-inline: var(--sbb-tab-label-inline-padding);
  min-height: var(--sbb-tab-label-height);
  transition: color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing);
  font-size: var(--sbb-tab-label-font-size);
  letter-spacing: var(--sbb-typo-letter-spacing-text);
  line-height: var(--sbb-typo-line-height-text);
  font-weight: var(--sbb-tab-label-font-weight);
  text-decoration: var(--sbb-tab-label-text-decoration);
}

:host(sbb-tab-nav-bar) ::slotted(a)::after,
:host(sbb-tab-label) .sbb-tab-label::after {
  position: absolute;
  content: "";
  inset-inline: 0;
  inset-block-end: 0;
  height: var(--sbb-tab-label-marker-thickness);
  background-color: var(--sbb-tab-label-color);
  scale: var(--sbb-tab-label-marker-scale, 0);
  transition-duration: var(--sbb-tab-label-animation-duration);
  transition-timing-function: var(--sbb-tab-label-animation-easing);
  transition-property: scale, background-color;
}

:host(sbb-tab-nav-bar) .sbb-tab-nav-bar > [data-has-divider],
:host(sbb-tab-label:is(:state(has-divider), [state--has-divider])) {
  position: relative;
}

:host(sbb-tab-nav-bar) .sbb-tab-nav-bar > [data-has-divider]::before,
:host(sbb-tab-label:is(:state(has-divider), [state--has-divider]))::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-block-end: 0;
  width: var(--sbb-tab-group-width);
  height: var(--sbb-border-width-1x);
  background-color: var(--sbb-tab-label-line-color);
}

:host(sbb-tab-nav-bar) ::slotted(a.sbb-disabled),
:host(sbb-tab-label[disabled]) {
  --sbb-tab-label-cursor: unset;
  --sbb-tab-label-pointer-events: none;
  --sbb-tab-label-text-decoration: line-through;
}

@media (forced-colors: active) {
  :host(sbb-tab-nav-bar) ::slotted(a.sbb-disabled),
  :host(sbb-tab-label[disabled]) {
    --sbb-tab-label-color: GrayText;
    --sbb-tab-label-amount-color: GrayText;
  }
}
:host(sbb-tab-nav-bar) ::slotted(a.sbb-active:not(.sbb-disabled)),
:host(sbb-tab-label[active]:not([disabled])) {
  --sbb-tab-label-color: var(--sbb-color-3);
  --sbb-tab-label-cursor: unset;
  --sbb-tab-label-pointer-events: none;
  --sbb-tab-label-marker-scale: 1;
}

@media (forced-colors: active) {
  :host(sbb-tab-nav-bar) ::slotted(a.sbb-active:not(.sbb-disabled)),
  :host(sbb-tab-label[active]:not([disabled])) {
    --sbb-tab-label-color: ButtonText;
    --sbb-tab-label-amount-color: ButtonText;
  }
}
@media (any-hover: hover) {
  :host(sbb-tab-nav-bar) ::slotted(a:hover:not(.sbb-disabled)),
  :host(sbb-tab-label:hover:not([disabled])) {
    --sbb-tab-label-marker-scale: 1;
  }
}
:host(sbb-tab-nav-bar) ::slotted(a:active:not(.sbb-disabled)),
:host(sbb-tab-label:active) {
  --sbb-tab-label-color: var(--sbb-color-3);
}

@media (forced-colors: active) {
  :host(sbb-tab-nav-bar) ::slotted(a:active:not(.sbb-disabled)),
  :host(sbb-tab-label:active) {
    --sbb-tab-label-color: ButtonText;
    --sbb-tab-label-amount-color: ButtonText;
  }
}
:host(sbb-tab-nav-bar) ::slotted(a:focus-visible),
:host(sbb-tab-label:focus-visible) .sbb-tab-label {
  outline-offset: var(--sbb-focus-outline-offset);
  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);
  border-radius: var(--sbb-tab-label-outline-border-radius-internal);
}

*,
::before,
::after {
  box-sizing: border-box;
}

:root {
  --sbb-animation-duration-1x: 0.04s;
  --sbb-animation-duration-2x: 0.08s;
  --sbb-animation-duration-3x: 0.12s;
  --sbb-animation-duration-4x: 0.16s;
  --sbb-animation-duration-5x: 0.20s;
  --sbb-animation-duration-6x: 0.24s;
  --sbb-animation-duration-12x: 0.48s;
  --sbb-animation-easing: cubic-bezier(.47, .1, 1, .63);
  /**
   * Original Value: 1px
   */
  --sbb-border-width-1x: 0.0625rem;
  /**
   * Original Value: 2px
   */
  --sbb-border-width-2x: 0.125rem;
  /**
   * Original Value: 3px
   */
  --sbb-border-width-3x: 0.1875rem;
  /**
   * Original Value: 4px
   */
  --sbb-border-width-4x: 0.25rem;
  /**
   * Original Value: 2px
   */
  --sbb-border-radius-1x: 0.125rem;
  /**
   * Original Value: 4px
   */
  --sbb-border-radius-2x: 0.25rem;
  /**
   * Original Value: 8px
   */
  --sbb-border-radius-4x: 0.5rem;
  /**
   * Original Value: 12px
   */
  --sbb-border-radius-6x: 0.75rem;
  /**
   * Original Value: 16px
   */
  --sbb-border-radius-8x: 1rem;
  /**
   * Original Value: 32px
   */
  --sbb-border-radius-16x: 2rem;
  /**
   * Original Value: 0px
   */
  --sbb-breakpoint-zero-min: 0rem;
  /**
   * Original Value: 599px
   */
  --sbb-breakpoint-zero-max: 37.4375rem;
  /**
   * Original Value: 600px
   */
  --sbb-breakpoint-small-min: 37.5rem;
  /**
   * Original Value: 1023px
   */
  --sbb-breakpoint-small-max: 63.9375rem;
  /**
   * Original Value: 1024px
   */
  --sbb-breakpoint-large-min: 64rem;
  /**
   * Original Value: 1439px
   */
  --sbb-breakpoint-large-max: 89.9375rem;
  /**
   * Original Value: 1440px
   */
  --sbb-breakpoint-ultra-min: 90rem;
  /**
   * Original Value: 2579px
   */
  --sbb-breakpoint-ultra-max: 161.1875rem;
  --sbb-color-black: #000000;
  --sbb-color-midnight: #151515;
  --sbb-color-blue: #2d327d;
  --sbb-color-charcoal: #212121;
  --sbb-color-iron: #444444;
  --sbb-color-anthracite: #5a5a5a;
  --sbb-color-granite: #686868;
  --sbb-color-metal: #767676;
  --sbb-color-smoke: #8d8d8d;
  --sbb-color-storm: #a8a8a8;
  --sbb-color-graphite: #b7b7b7;
  --sbb-color-cement: #bdbdbd;
  --sbb-color-platinum: #cdcdcd;
  --sbb-color-aluminium: #d2d2d2;
  --sbb-color-silver: #dcdcdc;
  --sbb-color-cloud: #e5e5e5;
  --sbb-color-milk: #f6f6f6;
  --sbb-color-red: #eb0000;
  --sbb-color-red85: #ff3838;
  --sbb-color-red125: #c60018;
  --sbb-color-red150: #a20013;
  --sbb-color-royal-light: #06348b;
  --sbb-color-royal-dark: #0053ef;
  --sbb-color-royal85-light: #4077df;
  --sbb-color-royal85-dark: #4077df;
  --sbb-color-royal125-light: #032668;
  --sbb-color-royal125-dark: #245ecb;
  --sbb-color-royal150-light: #021c4e;
  --sbb-color-royal150-dark: #3c65b3;
  --sbb-color-white: #ffffff;
  --sbb-color-sky-light: #0074bf;
  --sbb-color-sky-dark: #128ede;
  --sbb-color-night-light: #143a85;
  --sbb-color-night-dark: #6587ca;
  --sbb-color-violet-light: #6f2282;
  --sbb-color-violet-dark: #b36cc5;
  --sbb-color-pink-light: #c7387a;
  --sbb-color-pink-dark: #e45295;
  --sbb-color-autumn-light: #cf3b00;
  --sbb-color-autumn-dark: #f05313;
  --sbb-color-orange-light: #f27e00;
  --sbb-color-orange-dark: #fb8e19;
  --sbb-color-peach-light: #fcbb00;
  --sbb-color-peach-dark: #ffc727;
  --sbb-color-lemon-light: #ffde15;
  --sbb-color-lemon-dark: #ffe547;
  --sbb-color-brown-light: #a05400;
  --sbb-color-brown-dark: #cf6f04;
  --sbb-color-green-light: #008233;
  --sbb-color-green-dark: #109d47;
  --sbb-color-turquoise-light: #007e84;
  --sbb-color-turquoise-dark: #00a59b;
  /**
   * Original Value: 3px
   */
  --sbb-focus-outline-offset: 0.1875rem;
  --sbb-hover-image-brightness: 1.075;
  --sbb-layout-base-grid-columns-zero: 4;
  --sbb-layout-base-grid-columns-small: 8;
  --sbb-layout-base-grid-columns-large: 12;
  --sbb-layout-base-grid-columns-ultra: 16;
  /**
   * Original Value: 16px
   */
  --sbb-layout-base-grid-gutter-responsive-zero: 1rem;
  /**
   * Original Value: 24px
   */
  --sbb-layout-base-grid-gutter-responsive-small: 1.5rem;
  /**
   * Original Value: 32px
   */
  --sbb-layout-base-grid-gutter-responsive-large: 2rem;
  /**
   * Original Value: 32px
   */
  --sbb-layout-base-grid-gutter-responsive-ultra: 2rem;
  /**
   * Original Value: 20px
   */
  --sbb-layout-base-offset-responsive-zero: 1.25rem;
  /**
   * Original Value: 48px
   */
  --sbb-layout-base-offset-responsive-small: 3rem;
  /**
   * Original Value: 64px
   */
  --sbb-layout-base-offset-responsive-large: 4rem;
  /**
   * Original Value: 120px
   */
  --sbb-layout-base-offset-responsive-ultra: 7.5rem;
  /**
   * Original Value: 1200px
   */
  --sbb-layout-base-page-max-width: 75rem;
  /**
   * Original Value: 0px
   */
  --sbb-shadow-elevation-level-3-shadow-1-offset-x: 0rem;
  /**
   * Original Value: 2px
   */
  --sbb-shadow-elevation-level-3-shadow-1-offset-y: 0.125rem;
  /**
   * Original Value: 16px
   */
  --sbb-shadow-elevation-level-3-shadow-1-blur: 1rem;
  /**
   * Original Value: 0px
   */
  --sbb-shadow-elevation-level-3-shadow-1-spread: 0rem;
  /**
   * Original Value: 0px
   */
  --sbb-shadow-elevation-level-3-shadow-2-offset-x: 0rem;
  /**
   * Original Value: 1px
   */
  --sbb-shadow-elevation-level-3-shadow-2-offset-y: 0.0625rem;
  /**
   * Original Value: 4px
   */
  --sbb-shadow-elevation-level-3-shadow-2-blur: 0.25rem;
  /**
   * Original Value: 0px
   */
  --sbb-shadow-elevation-level-3-shadow-2-spread: 0rem;
  /**
   * Original Value: 0px
   */
  --sbb-shadow-elevation-level-5-shadow-1-offset-x: 0rem;
  /**
   * Original Value: 4px
   */
  --sbb-shadow-elevation-level-5-shadow-1-offset-y: 0.25rem;
  /**
   * Original Value: 32px
   */
  --sbb-shadow-elevation-level-5-shadow-1-blur: 2rem;
  /**
   * Original Value: 0px
   */
  --sbb-shadow-elevation-level-5-shadow-1-spread: 0rem;
  /**
   * Original Value: 0px
   */
  --sbb-shadow-elevation-level-5-shadow-2-offset-x: 0rem;
  /**
   * Original Value: 1px
   */
  --sbb-shadow-elevation-level-5-shadow-2-offset-y: 0.0625rem;
  /**
   * Original Value: 8px
   */
  --sbb-shadow-elevation-level-5-shadow-2-blur: 0.5rem;
  /**
   * Original Value: 0px
   */
  --sbb-shadow-elevation-level-5-shadow-2-spread: 0rem;
  /**
   * Original Value: 0px
   */
  --sbb-shadow-elevation-level-9-shadow-1-offset-x: 0rem;
  /**
   * Original Value: 16px
   */
  --sbb-shadow-elevation-level-9-shadow-1-offset-y: 1rem;
  /**
   * Original Value: 128px
   */
  --sbb-shadow-elevation-level-9-shadow-1-blur: 8rem;
  /**
   * Original Value: 0px
   */
  --sbb-shadow-elevation-level-9-shadow-1-spread: 0rem;
  /**
   * Original Value: 0px
   */
  --sbb-shadow-elevation-level-9-shadow-2-offset-x: 0rem;
  /**
   * Original Value: 4px
   */
  --sbb-shadow-elevation-level-9-shadow-2-offset-y: 0.25rem;
  /**
   * Original Value: 32px
   */
  --sbb-shadow-elevation-level-9-shadow-2-blur: 2rem;
  /**
   * Original Value: 0px
   */
  --sbb-shadow-elevation-level-9-shadow-2-spread: 0rem;
  /**
   * Original Value: 0px
   */
  --sbb-shadow-elevation-level-11-shadow-1-offset-x: 0rem;
  /**
   * Original Value: 24px
   */
  --sbb-shadow-elevation-level-11-shadow-1-offset-y: 1.5rem;
  /**
   * Original Value: 192px
   */
  --sbb-shadow-elevation-level-11-shadow-1-blur: 12rem;
  /**
   * Original Value: 0px
   */
  --sbb-shadow-elevation-level-11-shadow-1-spread: 0rem;
  /**
   * Original Value: 0px
   */
  --sbb-shadow-elevation-level-11-shadow-2-offset-x: 0rem;
  /**
   * Original Value: 4px
   */
  --sbb-shadow-elevation-level-11-shadow-2-offset-y: 0.25rem;
  /**
   * Original Value: 64px
   */
  --sbb-shadow-elevation-level-11-shadow-2-blur: 4rem;
  /**
   * Original Value: 0px
   */
  --sbb-shadow-elevation-level-11-shadow-2-spread: 0rem;
  /**
   * Original Value: 28px
   */
  --sbb-size-element-xxxs-zero: 1.75rem;
  /**
   * Original Value: 28px
   */
  --sbb-size-element-xxxs-small: 1.75rem;
  /**
   * Original Value: 32px
   */
  --sbb-size-element-xxxs-large: 2rem;
  /**
   * Original Value: 32px
   */
  --sbb-size-element-xxxs-ultra: 2rem;
  /**
   * Original Value: 32px
   */
  --sbb-size-element-xxs-zero: 2rem;
  /**
   * Original Value: 32px
   */
  --sbb-size-element-xxs-small: 2rem;
  /**
   * Original Value: 36px
   */
  --sbb-size-element-xxs-large: 2.25rem;
  /**
   * Original Value: 36px
   */
  --sbb-size-element-xxs-ultra: 2.25rem;
  /**
   * Original Value: 36px
   */
  --sbb-size-element-xs-zero: 2.25rem;
  /**
   * Original Value: 36px
   */
  --sbb-size-element-xs-small: 2.25rem;
  /**
   * Original Value: 40px
   */
  --sbb-size-element-xs-large: 2.5rem;
  /**
   * Original Value: 40px
   */
  --sbb-size-element-xs-ultra: 2.5rem;
  /**
   * Original Value: 44px
   */
  --sbb-size-element-s-zero: 2.75rem;
  /**
   * Original Value: 44px
   */
  --sbb-size-element-s-small: 2.75rem;
  /**
   * Original Value: 48px
   */
  --sbb-size-element-s-large: 3rem;
  /**
   * Original Value: 48px
   */
  --sbb-size-element-s-ultra: 3rem;
  /**
   * Original Value: 48px
   */
  --sbb-size-element-m-zero: 3rem;
  /**
   * Original Value: 48px
   */
  --sbb-size-element-m-small: 3rem;
  /**
   * Original Value: 56px
   */
  --sbb-size-element-m-large: 3.5rem;
  /**
   * Original Value: 56px
   */
  --sbb-size-element-m-ultra: 3.5rem;
  /**
   * Original Value: 56px
   */
  --sbb-size-element-l-zero: 3.5rem;
  /**
   * Original Value: 56px
   */
  --sbb-size-element-l-small: 3.5rem;
  /**
   * Original Value: 64px
   */
  --sbb-size-element-l-large: 4rem;
  /**
   * Original Value: 64px
   */
  --sbb-size-element-l-ultra: 4rem;
  /**
   * Original Value: 16px
   */
  --sbb-size-icon-ui-extra-small: 1rem;
  /**
   * Original Value: 24px
   */
  --sbb-size-icon-ui-small: 1.5rem;
  /**
   * Original Value: 36px
   */
  --sbb-size-icon-ui-medium: 2.25rem;
  /**
   * Original Value: 48px
   */
  --sbb-size-icon-ui-large: 3rem;
  /**
   * Original Value: 4px
   */
  --sbb-spacing-fixed-1x: 0.25rem;
  /**
   * Original Value: 8px
   */
  --sbb-spacing-fixed-2x: 0.5rem;
  /**
   * Original Value: 12px
   */
  --sbb-spacing-fixed-3x: 0.75rem;
  /**
   * Original Value: 16px
   */
  --sbb-spacing-fixed-4x: 1rem;
  /**
   * Original Value: 20px
   */
  --sbb-spacing-fixed-5x: 1.25rem;
  /**
   * Original Value: 24px
   */
  --sbb-spacing-fixed-6x: 1.5rem;
  /**
   * Original Value: 28px
   */
  --sbb-spacing-fixed-7x: 1.75rem;
  /**
   * Original Value: 32px
   */
  --sbb-spacing-fixed-8x: 2rem;
  /**
   * Original Value: 36px
   */
  --sbb-spacing-fixed-9x: 2.25rem;
  /**
   * Original Value: 40px
   */
  --sbb-spacing-fixed-10x: 2.5rem;
  /**
   * Original Value: 48px
   */
  --sbb-spacing-fixed-12x: 3rem;
  /**
   * Original Value: 56px
   */
  --sbb-spacing-fixed-14x: 3.5rem;
  /**
   * Original Value: 64px
   */
  --sbb-spacing-fixed-16x: 4rem;
  /**
   * Original Value: 72px
   */
  --sbb-spacing-fixed-18x: 4.5rem;
  /**
   * Original Value: 76px
   */
  --sbb-spacing-fixed-19x: 4.75rem;
  /**
   * Original Value: 80px
   */
  --sbb-spacing-fixed-20x: 5rem;
  /**
   * Original Value: 96px
   */
  --sbb-spacing-fixed-24x: 6rem;
  /**
   * Original Value: 120px
   */
  --sbb-spacing-fixed-30x: 7.5rem;
  /**
   * Original Value: 12px
   */
  --sbb-spacing-responsive-xxxs-zero: 0.75rem;
  /**
   * Original Value: 12px
   */
  --sbb-spacing-responsive-xxxs-small: 0.75rem;
  /**
   * Original Value: 16px
   */
  --sbb-spacing-responsive-xxxs-large: 1rem;
  /**
   * Original Value: 16px
   */
  --sbb-spacing-responsive-xxxs-ultra: 1rem;
  /**
   * Original Value: 16px
   */
  --sbb-spacing-responsive-xxs-zero: 1rem;
  /**
   * Original Value: 16px
   */
  --sbb-spacing-responsive-xxs-small: 1rem;
  /**
   * Original Value: 24px
   */
  --sbb-spacing-responsive-xxs-large: 1.5rem;
  /**
   * Original Value: 24px
   */
  --sbb-spacing-responsive-xxs-ultra: 1.5rem;
  /**
   * Original Value: 20px
   */
  --sbb-spacing-responsive-xs-zero: 1.25rem;
  /**
   * Original Value: 20px
   */
  --sbb-spacing-responsive-xs-small: 1.25rem;
  /**
   * Original Value: 24px
   */
  --sbb-spacing-responsive-xs-large: 1.5rem;
  /**
   * Original Value: 24px
   */
  --sbb-spacing-responsive-xs-ultra: 1.5rem;
  /**
   * Original Value: 24px
   */
  --sbb-spacing-responsive-s-zero: 1.5rem;
  /**
   * Original Value: 24px
   */
  --sbb-spacing-responsive-s-small: 1.5rem;
  /**
   * Original Value: 32px
   */
  --sbb-spacing-responsive-s-large: 2rem;
  /**
   * Original Value: 32px
   */
  --sbb-spacing-responsive-s-ultra: 2rem;
  /**
   * Original Value: 32px
   */
  --sbb-spacing-responsive-m-zero: 2rem;
  /**
   * Original Value: 32px
   */
  --sbb-spacing-responsive-m-small: 2rem;
  /**
   * Original Value: 40px
   */
  --sbb-spacing-responsive-m-large: 2.5rem;
  /**
   * Original Value: 48px
   */
  --sbb-spacing-responsive-m-ultra: 3rem;
  /**
   * Original Value: 32px
   */
  --sbb-spacing-responsive-l-zero: 2rem;
  /**
   * Original Value: 40px
   */
  --sbb-spacing-responsive-l-small: 2.5rem;
  /**
   * Original Value: 56px
   */
  --sbb-spacing-responsive-l-large: 3.5rem;
  /**
   * Original Value: 64px
   */
  --sbb-spacing-responsive-l-ultra: 4rem;
  /**
   * Original Value: 32px
   */
  --sbb-spacing-responsive-xl-zero: 2rem;
  /**
   * Original Value: 48px
   */
  --sbb-spacing-responsive-xl-small: 3rem;
  /**
   * Original Value: 80px
   */
  --sbb-spacing-responsive-xl-large: 5rem;
  /**
   * Original Value: 96px
   */
  --sbb-spacing-responsive-xl-ultra: 6rem;
  /**
   * Original Value: 48px
   */
  --sbb-spacing-responsive-xxl-zero: 3rem;
  /**
   * Original Value: 72px
   */
  --sbb-spacing-responsive-xxl-small: 4.5rem;
  /**
   * Original Value: 96px
   */
  --sbb-spacing-responsive-xxl-large: 6rem;
  /**
   * Original Value: 120px
   */
  --sbb-spacing-responsive-xxl-ultra: 7.5rem;
  --sbb-typo-font-family: "SBB", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --sbb-typo-letter-spacing-heading: 0em;
  --sbb-typo-letter-spacing-text: 0.03em;
  --sbb-typo-line-height-heading: 1.4;
  --sbb-typo-line-height-text: 1.75;
  /**
   * Original Value: 12px
   */
  --sbb-typo-scale-0-75x: 0.75rem;
  /**
   * Original Value: 13px
   */
  --sbb-typo-scale-0-8125x: 0.8125rem;
  /**
   * Original Value: 14px
   */
  --sbb-typo-scale-0-875x: 0.875rem;
  /**
   * Original Value: 16px
   */
  --sbb-typo-scale-default: 1rem;
  /**
   * Original Value: 18px
   */
  --sbb-typo-scale-1-125x: 1.125rem;
  /**
   * Original Value: 20px
   */
  --sbb-typo-scale-1-25x: 1.25rem;
  /**
   * Original Value: 24px
   */
  --sbb-typo-scale-1-5x: 1.5rem;
  /**
   * Original Value: 32px
   */
  --sbb-typo-scale-2x: 2rem;
  /**
   * Original Value: 40px
   */
  --sbb-typo-scale-2-5x: 2.5rem;
  /**
   * Original Value: 48px
   */
  --sbb-typo-scale-3x: 3rem;
  /**
   * Original Value: 56px
   */
  --sbb-typo-scale-3-5x: 3.5rem;
  /**
   * Original Value: 64px
   */
  --sbb-typo-scale-4x: 4rem;
  /**
  * We provide an extended collection of CSS variables which are mainly breakpoint
  * dependant or simply referencing other variables.
  * Due to technical limitations these variables are only provided as CSS variables.
  */
  /* Colors */
  --sbb-color-sky: var(--sbb-color-sky-light);
  --sbb-color-sky: light-dark(var(--sbb-color-sky-light), var(--sbb-color-sky-dark));
  --sbb-color-night: var(--sbb-color-night-light);
  --sbb-color-night: light-dark(var(--sbb-color-night-light), var(--sbb-color-night-dark));
  --sbb-color-violet: var(--sbb-color-violet-light);
  --sbb-color-violet: light-dark(var(--sbb-color-violet-light), var(--sbb-color-violet-dark));
  --sbb-color-pink: var(--sbb-color-pink-light);
  --sbb-color-pink: light-dark(var(--sbb-color-pink-light), var(--sbb-color-pink-dark));
  --sbb-color-autumn: var(--sbb-color-autumn-light);
  --sbb-color-autumn: light-dark(var(--sbb-color-autumn-light), var(--sbb-color-autumn-dark));
  --sbb-color-orange: var(--sbb-color-orange-light);
  --sbb-color-orange: light-dark(var(--sbb-color-orange-light), var(--sbb-color-orange-dark));
  --sbb-color-peach: var(--sbb-color-peach-light);
  --sbb-color-peach: light-dark(var(--sbb-color-peach-light), var(--sbb-color-peach-dark));
  --sbb-color-lemon: var(--sbb-color-lemon-light);
  --sbb-color-lemon: light-dark(var(--sbb-color-lemon-light), var(--sbb-color-lemon-dark));
  --sbb-color-brown: var(--sbb-color-brown-light);
  --sbb-color-brown: light-dark(var(--sbb-color-brown-light), var(--sbb-color-brown-dark));
  --sbb-color-green: var(--sbb-color-green-light);
  --sbb-color-green: light-dark(var(--sbb-color-green-light), var(--sbb-color-green-dark));
  --sbb-color-turquoise: var(--sbb-color-turquoise-light);
  --sbb-color-turquoise: light-dark(
    var(--sbb-color-turquoise-light),
    var(--sbb-color-turquoise-dark)
  );
  --sbb-color-royal: var(--sbb-color-royal-light);
  --sbb-color-royal: light-dark(var(--sbb-color-royal-light), var(--sbb-color-royal-dark));
  --sbb-color-royal85: var(--sbb-color-royal85-light);
  --sbb-color-royal85: light-dark(var(--sbb-color-royal85-light), var(--sbb-color-royal85-dark));
  --sbb-color-royal125: var(--sbb-color-royal125-light);
  --sbb-color-royal125: light-dark(var(--sbb-color-royal125-light), var(--sbb-color-royal125-dark));
  --sbb-color-royal150: var(--sbb-color-royal150-light);
  --sbb-color-royal150: light-dark(var(--sbb-color-royal150-light), var(--sbb-color-royal150-dark));
  --sbb-color-primary: var(--sbb-color-red);
  --sbb-color-primary85: var(--sbb-color-red85);
  --sbb-color-primary125: var(--sbb-color-red125);
  --sbb-color-primary150: var(--sbb-color-red150);
  --sbb-color-error: var(--sbb-color-red125);
  --sbb-color-error: light-dark(var(--sbb-color-red125), var(--sbb-color-red85));
  --sbb-color-success: var(--sbb-color-green);
  --sbb-color-warning: var(--sbb-color-peach);
  --sbb-color-brand: var(--sbb-color-red);
  --sbb-background-color-1: var(--sbb-color-white);
  --sbb-background-color-1: light-dark(var(--sbb-color-white), var(--sbb-color-midnight));
  --sbb-background-color-1-inverted: var(--sbb-color-midnight);
  --sbb-background-color-1-inverted: light-dark(var(--sbb-color-midnight), var(--sbb-color-white));
  --sbb-background-color-1-negative: var(--sbb-color-midnight);
  --sbb-background-color-1-negative-inverted: var(--sbb-color-white);
  --sbb-background-color-2: var(--sbb-color-white);
  --sbb-background-color-2: light-dark(var(--sbb-color-white), var(--sbb-color-charcoal));
  --sbb-background-color-2-inverted: var(--sbb-color-charcoal);
  --sbb-background-color-2-inverted: light-dark(var(--sbb-color-charcoal), var(--sbb-color-white));
  --sbb-background-color-2-negative: var(--sbb-color-charcoal);
  --sbb-background-color-2-negative-inverted: var(--sbb-color-white);
  --sbb-background-color-3: var(--sbb-color-milk);
  --sbb-background-color-3: light-dark(var(--sbb-color-milk), var(--sbb-color-charcoal));
  --sbb-background-color-3-inverted: var(--sbb-color-charcoal);
  --sbb-background-color-3-inverted: light-dark(var(--sbb-color-charcoal), var(--sbb-color-milk));
  --sbb-background-color-3-negative: var(--sbb-color-charcoal);
  --sbb-background-color-3-negative-inverted: var(--sbb-color-milk);
  --sbb-background-color-4: var(--sbb-color-cloud);
  --sbb-background-color-4: light-dark(var(--sbb-color-cloud), var(--sbb-color-iron));
  --sbb-background-color-4-inverted: var(--sbb-color-iron);
  --sbb-background-color-4-inverted: light-dark(var(--sbb-color-iron), var(--sbb-color-cloud));
  --sbb-background-color-4-negative: var(--sbb-color-iron);
  --sbb-background-color-4-negative-inverted: var(--sbb-color-cloud);
  --sbb-color-1: var(--sbb-color-midnight);
  --sbb-color-1: light-dark(var(--sbb-color-midnight), var(--sbb-color-white));
  --sbb-color-1-inverted: var(--sbb-color-white);
  --sbb-color-1-inverted: light-dark(var(--sbb-color-white), var(--sbb-color-midnight));
  --sbb-color-1-negative: var(--sbb-color-white);
  --sbb-color-1-negative-inverted: var(--sbb-color-midnight);
  --sbb-color-2: var(--sbb-color-charcoal);
  --sbb-color-2: light-dark(var(--sbb-color-charcoal), var(--sbb-color-white));
  --sbb-color-2-inverted: var(--sbb-color-white);
  --sbb-color-2-inverted: light-dark(var(--sbb-color-white), var(--sbb-color-charcoal));
  --sbb-color-2-negative: var(--sbb-color-white);
  --sbb-color-2-negative-inverted: var(--sbb-color-charcoal);
  --sbb-color-3: var(--sbb-color-charcoal);
  --sbb-color-3: light-dark(var(--sbb-color-charcoal), var(--sbb-color-milk));
  --sbb-color-3-inverted: var(--sbb-color-milk);
  --sbb-color-3-inverted: light-dark(var(--sbb-color-milk), var(--sbb-color-charcoal));
  --sbb-color-3-negative: var(--sbb-color-milk);
  --sbb-color-3-negative-inverted: var(--sbb-color-charcoal);
  --sbb-color-4: var(--sbb-color-iron);
  --sbb-color-4: light-dark(var(--sbb-color-iron), var(--sbb-color-cloud));
  --sbb-color-4-inverted: var(--sbb-color-cloud);
  --sbb-color-4-inverted: light-dark(var(--sbb-color-cloud), var(--sbb-color-iron));
  --sbb-color-4-negative: var(--sbb-color-cloud);
  --sbb-color-4-negative-inverted: var(--sbb-color-iron);
  --sbb-color-5: var(--sbb-color-smoke);
  --sbb-color-6: var(--sbb-color-anthracite);
  --sbb-color-6: light-dark(var(--sbb-color-anthracite), var(--sbb-color-platinum));
  --sbb-color-6-inverted: var(--sbb-color-platinum);
  --sbb-color-6-inverted: light-dark(var(--sbb-color-platinum), var(--sbb-color-anthracite));
  --sbb-color-6-negative: var(--sbb-color-platinum);
  --sbb-color-6-negative-inverted: var(--sbb-color-anthracite);
  --sbb-border-color-1: var(--sbb-color-midnight);
  --sbb-border-color-1: light-dark(var(--sbb-color-midnight), var(--sbb-color-white));
  --sbb-border-color-1-inverted: var(--sbb-color-white);
  --sbb-border-color-1-inverted: light-dark(var(--sbb-color-white), var(--sbb-color-midnight));
  --sbb-border-color-1-negative: var(--sbb-color-white);
  --sbb-border-color-1-negative-inverted: var(--sbb-color-midnight);
  --sbb-border-color-2: var(--sbb-color-charcoal);
  --sbb-border-color-2: light-dark(var(--sbb-color-charcoal), var(--sbb-color-white));
  --sbb-border-color-2-inverted: var(--sbb-color-white);
  --sbb-border-color-2-inverted: light-dark(var(--sbb-color-white), var(--sbb-color-charcoal));
  --sbb-border-color-2-negative: var(--sbb-color-white);
  --sbb-border-color-2-negative-inverted: var(--sbb-color-charcoal);
  --sbb-border-color-3: var(--sbb-color-charcoal);
  --sbb-border-color-3: light-dark(var(--sbb-color-charcoal), var(--sbb-color-milk));
  --sbb-border-color-3-inverted: var(--sbb-color-milk);
  --sbb-border-color-3-inverted: light-dark(var(--sbb-color-milk), var(--sbb-color-charcoal));
  --sbb-border-color-3-negative: var(--sbb-color-milk);
  --sbb-border-color-3-negative-inverted: var(--sbb-color-charcoal);
  --sbb-border-color-4: var(--sbb-color-iron);
  --sbb-border-color-4: light-dark(var(--sbb-color-iron), var(--sbb-color-cloud));
  --sbb-border-color-4-inverted: var(--sbb-color-cloud);
  --sbb-border-color-4-inverted: light-dark(var(--sbb-color-cloud), var(--sbb-color-iron));
  --sbb-border-color-4-negative: var(--sbb-color-cloud);
  --sbb-border-color-4-negative-inverted: var(--sbb-color-iron);
  --sbb-border-color-5: var(--sbb-color-smoke);
  --sbb-border-color-6: var(--sbb-color-anthracite);
  --sbb-border-color-6: light-dark(var(--sbb-color-anthracite), var(--sbb-color-platinum));
  --sbb-border-color-6-inverted: var(--sbb-color-platinum);
  --sbb-border-color-6-inverted: light-dark(var(--sbb-color-platinum), var(--sbb-color-anthracite));
  --sbb-border-color-6-negative: var(--sbb-color-platinum);
  --sbb-border-color-6-negative-inverted: var(--sbb-color-anthracite);
  --sbb-shadow-color-soft-1: color-mix(in srgb, var(--sbb-color-smoke) 5%, transparent);
  --sbb-shadow-color-soft-1: light-dark(
    color-mix(in srgb, var(--sbb-color-smoke) 5%, transparent),
    color-mix(in srgb, var(--sbb-color-black) 15%, transparent)
  );
  --sbb-shadow-color-soft-2: color-mix(in srgb, var(--sbb-color-smoke) 10%, transparent);
  --sbb-shadow-color-soft-2: light-dark(
    color-mix(in srgb, var(--sbb-color-smoke) 10%, transparent),
    color-mix(in srgb, var(--sbb-color-black) 20%, transparent)
  );
  --sbb-shadow-color-soft-1-negative: color-mix(in srgb, var(--sbb-color-black) 15%, transparent);
  --sbb-shadow-color-soft-2-negative: color-mix(in srgb, var(--sbb-color-black) 20%, transparent);
  --sbb-shadow-color-hard-1: color-mix(in srgb, var(--sbb-color-smoke) 10%, transparent);
  --sbb-shadow-color-hard-1: light-dark(
    color-mix(in srgb, var(--sbb-color-smoke) 10%, transparent),
    color-mix(in srgb, var(--sbb-color-black) 30%, transparent)
  );
  --sbb-shadow-color-hard-2: color-mix(in srgb, var(--sbb-color-smoke) 20%, transparent);
  --sbb-shadow-color-hard-2: light-dark(
    color-mix(in srgb, var(--sbb-color-smoke) 20%, transparent),
    color-mix(in srgb, var(--sbb-color-black) 40%, transparent)
  );
  --sbb-shadow-color-hard-1-negative: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);
  --sbb-shadow-color-hard-2-negative: color-mix(in srgb, var(--sbb-color-black) 40%, transparent);
  --sbb-shadow-level-3-shadow-1: var(--sbb-shadow-elevation-level-3-shadow-1-offset-x)
    var(--sbb-shadow-elevation-level-3-shadow-1-offset-y)
    var(--sbb-shadow-elevation-level-3-shadow-1-blur)
    var(--sbb-shadow-elevation-level-3-shadow-1-spread);
  --sbb-shadow-level-3-shadow-2: var(--sbb-shadow-elevation-level-3-shadow-2-offset-x)
    var(--sbb-shadow-elevation-level-3-shadow-2-offset-y)
    var(--sbb-shadow-elevation-level-3-shadow-2-blur)
    var(--sbb-shadow-elevation-level-3-shadow-2-spread);
  --sbb-box-shadow-level-3-soft:
    var(--sbb-shadow-level-3-shadow-2) var(--sbb-shadow-color-soft-2),
    var(--sbb-shadow-level-3-shadow-1) var(--sbb-shadow-color-soft-1);
  --sbb-box-shadow-level-3-soft-negative:
    var(--sbb-shadow-level-3-shadow-2) var(--sbb-shadow-color-soft-2-negative),
    var(--sbb-shadow-level-3-shadow-1) var(--sbb-shadow-color-soft-1-negative);
  --sbb-box-shadow-level-3-hard:
    var(--sbb-shadow-level-3-shadow-2) var(--sbb-shadow-color-hard-2),
    var(--sbb-shadow-level-3-shadow-1) var(--sbb-shadow-color-hard-1);
  --sbb-box-shadow-level-3-hard-negative:
    var(--sbb-shadow-level-3-shadow-2) var(--sbb-shadow-color-hard-2-negative),
    var(--sbb-shadow-level-3-shadow-1) var(--sbb-shadow-color-hard-1-negative);
  --sbb-shadow-level-5-shadow-1: var(--sbb-shadow-elevation-level-5-shadow-1-offset-x)
    var(--sbb-shadow-elevation-level-5-shadow-1-offset-y)
    var(--sbb-shadow-elevation-level-5-shadow-1-blur)
    var(--sbb-shadow-elevation-level-5-shadow-1-spread);
  --sbb-shadow-level-5-shadow-2: var(--sbb-shadow-elevation-level-5-shadow-2-offset-x)
    var(--sbb-shadow-elevation-level-5-shadow-2-offset-y)
    var(--sbb-shadow-elevation-level-5-shadow-2-blur)
    var(--sbb-shadow-elevation-level-5-shadow-2-spread);
  --sbb-box-shadow-level-5-soft:
    var(--sbb-shadow-level-5-shadow-2) var(--sbb-shadow-color-soft-2),
    var(--sbb-shadow-level-5-shadow-1) var(--sbb-shadow-color-soft-1);
  --sbb-box-shadow-level-5-soft-negative:
    var(--sbb-shadow-level-5-shadow-2) var(--sbb-shadow-color-soft-2-negative),
    var(--sbb-shadow-level-5-shadow-1) var(--sbb-shadow-color-soft-1-negative);
  --sbb-box-shadow-level-5-hard:
    var(--sbb-shadow-level-5-shadow-2) var(--sbb-shadow-color-hard-2),
    var(--sbb-shadow-level-5-shadow-1) var(--sbb-shadow-color-hard-1);
  --sbb-box-shadow-level-5-hard-negative:
    var(--sbb-shadow-level-5-shadow-2) var(--sbb-shadow-color-hard-2-negative),
    var(--sbb-shadow-level-5-shadow-1) var(--sbb-shadow-color-hard-1-negative);
  --sbb-shadow-level-9-shadow-1: var(--sbb-shadow-elevation-level-9-shadow-1-offset-x)
    var(--sbb-shadow-elevation-level-9-shadow-1-offset-y)
    var(--sbb-shadow-elevation-level-9-shadow-1-blur)
    var(--sbb-shadow-elevation-level-9-shadow-1-spread);
  --sbb-shadow-level-9-shadow-2: var(--sbb-shadow-elevation-level-9-shadow-2-offset-x)
    var(--sbb-shadow-elevation-level-9-shadow-2-offset-y)
    var(--sbb-shadow-elevation-level-9-shadow-2-blur)
    var(--sbb-shadow-elevation-level-9-shadow-2-spread);
  --sbb-box-shadow-level-9-soft:
    var(--sbb-shadow-level-9-shadow-2) var(--sbb-shadow-color-soft-2),
    var(--sbb-shadow-level-9-shadow-1) var(--sbb-shadow-color-soft-1);
  --sbb-box-shadow-level-9-soft-negative:
    var(--sbb-shadow-level-9-shadow-2) var(--sbb-shadow-color-soft-2-negative),
    var(--sbb-shadow-level-9-shadow-1) var(--sbb-shadow-color-soft-1-negative);
  --sbb-box-shadow-level-9-hard:
    var(--sbb-shadow-level-9-shadow-2) var(--sbb-shadow-color-hard-2),
    var(--sbb-shadow-level-9-shadow-1) var(--sbb-shadow-color-hard-1);
  --sbb-box-shadow-level-9-hard-negative:
    var(--sbb-shadow-level-9-shadow-2) var(--sbb-shadow-color-hard-2-negative),
    var(--sbb-shadow-level-9-shadow-1) var(--sbb-shadow-color-hard-1-negative);
  --sbb-shadow-level-11-shadow-1: var(--sbb-shadow-elevation-level-11-shadow-1-offset-x)
    var(--sbb-shadow-elevation-level-11-shadow-1-offset-y)
    var(--sbb-shadow-elevation-level-11-shadow-1-blur)
    var(--sbb-shadow-elevation-level-11-shadow-1-spread);
  --sbb-shadow-level-11-shadow-2: var(--sbb-shadow-elevation-level-11-shadow-2-offset-x)
    var(--sbb-shadow-elevation-level-11-shadow-2-offset-y)
    var(--sbb-shadow-elevation-level-11-shadow-2-blur)
    var(--sbb-shadow-elevation-level-11-shadow-2-spread);
  --sbb-box-shadow-level-11-soft:
    var(--sbb-shadow-level-11-shadow-2) var(--sbb-shadow-color-soft-2),
    var(--sbb-shadow-level-11-shadow-1) var(--sbb-shadow-color-soft-1);
  --sbb-box-shadow-level-11-soft-negative:
    var(--sbb-shadow-level-11-shadow-2) var(--sbb-shadow-color-soft-2-negative),
    var(--sbb-shadow-level-11-shadow-1) var(--sbb-shadow-color-soft-1-negative);
  --sbb-box-shadow-level-11-hard:
    var(--sbb-shadow-level-11-shadow-2) var(--sbb-shadow-color-hard-2),
    var(--sbb-shadow-level-11-shadow-1) var(--sbb-shadow-color-hard-1);
  --sbb-box-shadow-level-11-hard-negative:
    var(--sbb-shadow-level-11-shadow-2) var(--sbb-shadow-color-hard-2-negative),
    var(--sbb-shadow-level-11-shadow-1) var(--sbb-shadow-color-hard-1-negative);
  --sbb-font-color-default: var(--sbb-color-2);
  /* Focus outline */
  --sbb-focus-outline-color-default: var(--sbb-color-black);
  --sbb-focus-outline-color-dark: var(--sbb-color-white);
  --sbb-focus-outline-color: var(--sbb-focus-outline-color-default);
  --sbb-focus-outline-color: light-dark(
    var(--sbb-focus-outline-color-default),
    var(--sbb-focus-outline-color-dark)
  );
  --sbb-focus-outline-width: var(--sbb-border-width-1x);
  /* Title */
  --sbb-heading-font-size-1: var(--sbb-typo-scale-2-5x);
  --sbb-heading-font-size-2: var(--sbb-typo-scale-2x);
  --sbb-heading-font-size-3: var(--sbb-typo-scale-1-5x);
  --sbb-heading-font-size-4: var(--sbb-typo-scale-1-25x);
  --sbb-heading-font-size-5: var(--sbb-typo-scale-1-125x);
  --sbb-heading-font-size-6: var(--sbb-typo-scale-0-875x);
  --sbb-heading-margin-block-1: var(--sbb-spacing-responsive-l) var(--sbb-spacing-responsive-s);
  --sbb-heading-margin-block-2: var(--sbb-spacing-responsive-m) var(--sbb-spacing-responsive-xxxs);
  --sbb-heading-margin-block-3: var(--sbb-spacing-responsive-m) var(--sbb-spacing-responsive-xxxs);
  --sbb-heading-margin-block-4: var(--sbb-spacing-responsive-m) var(--sbb-spacing-fixed-3x);
  --sbb-heading-margin-block-5: var(--sbb-spacing-responsive-m) var(--sbb-spacing-fixed-2x);
  --sbb-heading-margin-block-6: var(--sbb-spacing-responsive-m) var(--sbb-spacing-fixed-1x);
  /* Text */
  --sbb-text-font-size-xl: var(--sbb-typo-scale-1-25x);
  --sbb-text-font-size-l: var(--sbb-typo-scale-1-125x);
  --sbb-text-font-size-m: var(--sbb-typo-scale-default);
  --sbb-text-font-size-s: var(--sbb-typo-scale-0-875x);
  --sbb-text-font-size-xs: var(--sbb-typo-scale-0-75x);
  --sbb-text-font-size-xxs: var(--sbb-typo-scale-0-75x);
  /* Spacing */
  --sbb-spacing-responsive-xxxs: var(--sbb-spacing-responsive-xxxs-zero);
  --sbb-spacing-responsive-xxs: var(--sbb-spacing-responsive-xxs-zero);
  --sbb-spacing-responsive-xs: var(--sbb-spacing-responsive-xs-zero);
  --sbb-spacing-responsive-s: var(--sbb-spacing-responsive-s-zero);
  --sbb-spacing-responsive-m: var(--sbb-spacing-responsive-m-zero);
  --sbb-spacing-responsive-l: var(--sbb-spacing-responsive-l-zero);
  --sbb-spacing-responsive-xl: var(--sbb-spacing-responsive-xl-zero);
  --sbb-spacing-responsive-xxl: var(--sbb-spacing-responsive-xxl-zero);
  /* Layout */
  --sbb-layout-base-offset-responsive: var(--sbb-layout-base-offset-responsive-zero);
  --sbb-grid-base-columns: var(--sbb-layout-base-grid-columns-zero);
  --sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-zero);
  /* Size */
  --sbb-size-element-xxxs: var(--sbb-size-element-xxxs-zero);
  --sbb-size-element-xxs: var(--sbb-size-element-xxs-zero);
  --sbb-size-element-xs: var(--sbb-size-element-xs-zero);
  --sbb-size-element-s: var(--sbb-size-element-s-zero);
  --sbb-size-element-m: var(--sbb-size-element-m-zero);
  --sbb-size-element-l: var(--sbb-size-element-l-zero);
  --sbb-breadcrumb-color: var(--sbb-color-granite);
  --sbb-breadcrumb-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));
  --sbb-breadcrumb-color-hover: var(--sbb-color-charcoal);
  --sbb-breadcrumb-color-hover: light-dark(var(--sbb-color-charcoal), var(--sbb-color-smoke));
  --sbb-breadcrumb-color-active: var(--sbb-color-anthracite);
  --sbb-breadcrumb-color-active: light-dark(var(--sbb-color-anthracite), var(--sbb-color-cloud));
  --sbb-breadcrumb-font-size: var(--sbb-text-font-size-xs);
  --sbb-breadcrumb-gap: var(--sbb-spacing-fixed-2x);
  --sbb-breadcrumb-group-wrap: nowrap;
  --sbb-breadcrumb-group-visibility: hidden;
  --sbb-breadcrumb-group-ellipsis-color: var(--sbb-color-granite);
  --sbb-breadcrumb-group-ellipsis-color: light-dark(
    var(--sbb-color-granite),
    var(--sbb-color-cloud)
  );
  --sbb-breadcrumb-group-ellipsis-background-color: transparent;
  --sbb-breadcrumb-group-ellipsis-border-width: var(--sbb-border-width-1x);
  --sbb-breadcrumb-group-ellipsis-border-color: var(--sbb-color-silver);
  --sbb-breadcrumb-group-ellipsis-border-color: light-dark(
    var(--sbb-color-silver),
    var(--sbb-color-anthracite)
  );
  --sbb-button-box-shadow: transparent 0 0;
  --sbb-button-border-radius: var(--sbb-border-radius-infinity);
  --sbb-button-border-width: var(--sbb-border-width-2x);
  --sbb-button-border-disabled-style: dashed;
  --sbb-button-border-disabled-width: var(--sbb-border-width-1x);
  --sbb-button-color-disabled-background: var(--sbb-background-color-3);
  --sbb-button-color-disabled-border: var(--sbb-border-color-5);
  --sbb-button-color-disabled-text: var(--sbb-color-granite);
  --sbb-button-color-disabled-text: light-dark(
    var(--sbb-color-granite),
    var(--sbb-color-aluminium)
  );
  --sbb-button-gap: var(--sbb-spacing-fixed-2x);
  --sbb-button-loading-border-width: var(--sbb-border-width-3x);
  --sbb-button-loading-delay: 300ms;
  --sbb-button-min-height-size-l: var(--sbb-size-element-m);
  --sbb-button-min-height-size-m: var(--sbb-size-element-s);
  --sbb-button-min-height-size-s: var(--sbb-size-element-xs);
  --sbb-button-min-height: var(--sbb-button-min-height-size-l);
  --sbb-button-padding-block-min: var(--sbb-spacing-fixed-1x);
  --sbb-button-padding-inline-size-l: var(--sbb-spacing-fixed-8x);
  --sbb-button-padding-inline-size-m: var(--sbb-spacing-fixed-5x);
  --sbb-button-padding-inline-size-s: var(--sbb-spacing-fixed-4x);
  --sbb-button-padding-inline: var(--sbb-button-padding-inline-size-l);
  --sbb-button-shadow-1-offset-y: var(--sbb-shadow-elevation-level-3-shadow-1-offset-y);
  --sbb-button-shadow-2-offset-y: var(--sbb-shadow-elevation-level-3-shadow-2-offset-y);
  --sbb-button-shadow-1-blur: var(--sbb-shadow-elevation-level-3-shadow-1-blur);
  --sbb-button-shadow-2-blur: var(--sbb-shadow-elevation-level-3-shadow-2-blur);
  --sbb-button-transition-easing-function: var(--sbb-animation-easing);
  --sbb-mini-button-color-text: var(--sbb-color-3);
  --sbb-mini-button-color-default-background: transparent;
  --sbb-mini-button-color-hover-background: var(--sbb-background-color-3);
  --sbb-mini-button-color-active-background: var(--sbb-background-color-4);
  --sbb-mini-button-color-disabled-background: var(--sbb-background-color-3);
  --sbb-mini-button-color-disabled-border: var(--sbb-border-color-5);
  --sbb-mini-button-color-disabled-text: var(--sbb-color-granite);
  --sbb-mini-button-color-disabled-text: light-dark(
    var(--sbb-color-granite),
    var(--sbb-color-smoke)
  );
  --sbb-mini-button-border-radius: var(--sbb-border-radius-infinity);
  --sbb-mini-button-transition-easing-function: var(--sbb-animation-easing);
  --sbb-mini-button-group-background: var(--sbb-background-color-1);
  --sbb-mini-button-group-border-color: var(--sbb-border-color-4-inverted);
  --sbb-mini-button-group-border-width: var(--sbb-border-width-2x);
  --sbb-mini-button-group-border-radius: var(--sbb-border-radius-infinity);
  --sbb-mini-button-group-gap: var(--sbb-spacing-fixed-2x);
  --sbb-mini-button-group-min-height: var(--sbb-size-element-s);
  --sbb-mini-button-group-padding-inline: var(--sbb-spacing-fixed-3x);
  --sbb-mini-button-group-divider-height: var(--sbb-size-icon-ui-small);
  --sbb-mini-button-group-divider-padding: var(--sbb-spacing-fixed-1x);
  --sbb-calendar-cell-background-color: transparent;
  --sbb-calendar-cell-background-color-hover: var(--sbb-background-color-3);
  --sbb-calendar-cell-background-color-active: var(--sbb-background-color-4);
  --sbb-calendar-cell-padding: 0.125rem;
  --sbb-calendar-cell-border-width: var(--sbb-border-width-2x);
  --sbb-calendar-cell-disabled-height: 0.09375rem;
  --sbb-calendar-cell-disabled-width: 1.59375rem;
  --sbb-calendar-cell-disabled-color: var(--sbb-color-granite);
  --sbb-calendar-cell-disabled-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
  --sbb-calendar-cell-transition-easing-function: var(--sbb-animation-easing);
  --sbb-calendar-control-gap: var(--sbb-spacing-fixed-2x);
  --sbb-calendar-control-margin-block-end: var(--sbb-spacing-fixed-4x);
  --sbb-calendar-control-view-change-height: 2.75rem;
  --sbb-calendar-control-view-change-color: var(--sbb-color-3);
  --sbb-calendar-control-view-change-background: var(--sbb-background-color-1);
  --sbb-calendar-control-view-change-padding-inline: var(--sbb-spacing-fixed-5x)
    var(--sbb-spacing-fixed-2x);
  --sbb-calendar-header-color: var(--sbb-color-granite);
  --sbb-calendar-header-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
  --sbb-calendar-table-animation-shift: 0.00625rem;
  --sbb-calendar-table-column-spaces: 12;
  --sbb-calendar-tables-gap: var(--sbb-spacing-fixed-10x);
  --sbb-calendar-table-animation-duration: 0.1ms;
  --sbb-calendar-cell-border: var(--sbb-calendar-cell-border-width) solid
    var(--sbb-border-color-1-inverted);
  --sbb-calendar-cell-color: var(--sbb-color-2);
  --sbb-calendar-cell-cursor: var(--sbb-cursor-pointer);
  --sbb-calendar-cell-justify-content: normal;
  --sbb-calendar-cell-inset: 0.0625rem;
  --sbb-calendar-cell-font-size: var(--sbb-text-font-size-s);
  --sbb-calendar-cell-font-weight: unset;
  --sbb-calendar-cell-transition-easing-function: var(--sbb-animation-easing);
  --sbb-calendar-cell-year-month-width: 4.8125rem;
  --sbb-calendar-cell-year-month-height: 2.75rem;
  --sbb-calendar-day-width: 2.75rem;
  --sbb-calendar-day-height: 3rem;
  --sbb-calendar-day-extra-display: block;
  --sbb-calendar-day-extra-height: var(--sbb-spacing-fixed-4x);
  --sbb-calendar-day-crossed-out-top: 33%;
  --sbb-calendar-day-crossed-out-translate: translate(-50%, -33%) rotate(-45deg);
  --sbb-card-background-color: var(--sbb-background-color-1);
  --sbb-card-border-color: transparent;
  --sbb-card-border-radius: var(--sbb-border-radius-4x);
  --sbb-card-animation-easing: var(--sbb-animation-easing);
  --sbb-card-border-style: solid;
  --sbb-card-padding-inline-default: var(--sbb-spacing-responsive-s);
  --sbb-card-padding-block-default: var(--sbb-spacing-responsive-xxxs);
  --sbb-card-with-badge-padding-block-default: var(--sbb-spacing-fixed-6x) var(--sbb-spacing-responsive-xxxs);
}

:root.sbb-lean {
  --sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);
  --sbb-card-padding-block: var(--sbb-spacing-fixed-3x);
  --sbb-card-with-badge-padding-block: var(--sbb-spacing-fixed-6x) var(--sbb-spacing-fixed-3x);
}

:root {
  --sbb-card-badge-gap: var(--sbb-spacing-fixed-2x);
  --sbb-card-badge-color: var(--sbb-color-2-inverted);
  --sbb-card-badge-background-color: var(--sbb-background-color-3-inverted);
  --sbb-card-badge-border-color: transparent;
  --sbb-card-badge-padding-inline: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-3x);
  --sbb-card-badge-border-width: var(--sbb-border-width-1x);
  --sbb-card-badge-border-radius: var(--sbb-border-radius-4x);
  --sbb-card-badge-skew: skew(16deg, 0deg);
  --sbb-carousel-background-color: var(--sbb-background-color-1);
  --sbb-carousel-border-radius: var(--sbb-border-radius-4x);
  --sbb-carousel-box-shadow: var(--sbb-box-shadow-level-9-hard);
  --sbb-carousel-paginator-padding: var(--sbb-spacing-responsive-xs);
  --sbb-chip-label-color: var(--sbb-color-granite);
  --sbb-chip-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-cloud));
  --sbb-chip-label-background-color: var(--sbb-background-color-3);
  --sbb-chip-label-padding-block: 0em;
  --sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-2x);
  --sbb-chip-label-font-size: var(--sbb-text-font-size-xxs);
  --sbb-chip-background-color: var(--sbb-background-color-3);
  --sbb-chip-background-color-active: var(--sbb-background-color-1);
  --sbb-chip-background-color-hover: var(--sbb-background-color-1);
  --sbb-chip-border-color: var(--sbb-border-color-4-inverted);
  --sbb-chip-border-radius: var(--sbb-border-radius-2x);
  --sbb-chip-color: var(--sbb-color-granite);
  --sbb-chip-color: light-dark(var(--sbb-color-granite), var(--sbb-color-cloud));
  --sbb-chip-color-hover: var(--sbb-color-2);
  --sbb-chip-font-size: var(--sbb-text-font-size-xxs);
  --sbb-chip-height: 1.5rem;
  --sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-2x);
  --_sbb-chip-group-margin-block-start-default: 0.125rem;
  --_sbb-chip-group-margin-block-start-default-large: 0.21875rem;
  --sbb-chip-group-gap: var(--sbb-spacing-fixed-1x);
  --sbb-chip-group-input-min-width: 9.375rem;
  --sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default-large) 0;
  --sbb-chip-group-margin-block-no-label-not-empty: 0.1875rem 0.6875rem;
  --sbb-chip-group-margin-block-with-label-not-empty: var(--_sbb-chip-group-margin-block-start-default) var(--_sbb-chip-group-margin-block-start-default-large);
  --sbb-selection-panel-background-default: var(--sbb-background-color-1);
  --sbb-selection-panel-background-milk: var(--sbb-background-color-3);
  --sbb-selection-panel-border-radius: var(--sbb-border-radius-4x);
  --sbb-selection-panel-border-color-default: var(--sbb-border-color-4-inverted);
  --sbb-selection-panel-border-color-checked: var(--sbb-border-color-3);
  --sbb-selection-panel-border-color-borderless: transparent;
  --sbb-selection-panel-border-color: var(--sbb-selection-panel-border-color-default);
  --sbb-selection-panel-border-width-default: var(--sbb-border-width-1x);
  --sbb-selection-panel-border-width-checked: var(--sbb-border-width-2x);
  --sbb-selection-panel-input-padding-block-xs: var(--sbb-spacing-responsive-xxs);
  --sbb-selection-panel-input-padding-inline-xs: var(--sbb-spacing-responsive-xxxs);
  --sbb-selection-panel-input-padding-block-s: var(--sbb-spacing-responsive-xxs);
  --sbb-selection-panel-input-padding-inline-s: var(--sbb-spacing-responsive-xxxs);
  --sbb-selection-panel-input-padding-block-m: var(--sbb-spacing-responsive-xs);
  --sbb-selection-panel-input-padding-inline-m: var(--sbb-spacing-responsive-xxs);
  --sbb-selection-panel-input-padding: var(--sbb-selection-panel-input-padding-block-m) var(--sbb-selection-panel-input-padding-inline-m);
  --sbb-selection-panel-checkbox-dimension: var(--sbb-checkbox-dimension-m);
  --sbb-selection-panel-cursor: var(--sbb-cursor-pointer);
  --sbb-selection-panel-suffix-color: var(--sbb-color-3);
  --sbb-selection-panel-subtext-color: var(--sbb-color-granite);
  --sbb-selection-panel-subtext-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
  --sbb-checkbox-label-icon-flex-direction: row;
  --sbb-checkbox-label-icon-justify-content: space-between;
  --sbb-checkbox-label-icon-flex-grow: 1;
  --sbb-checkbox-label-gap: var(--sbb-spacing-fixed-2x);
  --sbb-checkbox-dimension-xs: 1.25rem;
  --sbb-checkbox-dimension-s: var(--sbb-size-icon-ui-small);
  --sbb-checkbox-dimension-m: var(--sbb-size-icon-ui-small);
  --sbb-checkbox-dimension: var(--sbb-checkbox-dimension-m);
  --sbb-checkbox-font-size: var(--sbb-text-font-size-m);
  --sbb-checkbox-label-color: var(--sbb-color-color-3);
  --sbb-checkbox-cursor: var(--sbb-cursor-pointer);
  --sbb-container-background-border-radius: 0;
  --sbb-container-color: inherit;
  --sbb-sticky-bar-animation-easing: var(--sbb-animation-easing);
  --sbb-sticky-bar-border-radius: var(--sbb-border-radius-8x);
  --sbb-sticky-bar-padding-block: var(--sbb-spacing-responsive-xs);
  --sbb-sticky-bar-position: sticky;
  --sbb-sticky-bar-slide-vertically-animation-easing: ease-out;
  --sbb-clock-seconds-hand-color: var(--sbb-color-brand);
  --sbb-clock-face-color: var(--sbb-color-1);
  --sbb-clock-background-color: var(--sbb-background-color-1);
  --sbb-dialog-padding-inline: var(--sbb-spacing-fixed-5x);
  --sbb-dialog-color: var(--sbb-color-2);
  --sbb-dialog-background-color: var(--sbb-background-color-1);
  --sbb-dialog-block-shadow: var(--sbb-box-shadow-level-9-soft);
  --sbb-dialog-color-negative: var(--sbb-color-2-negative);
  --sbb-dialog-block-shadow-negative: var(--sbb-box-shadow-level-9-soft-negative);
  --sbb-dialog-width: 100%;
  --sbb-dialog-max-width: 100%;
  --sbb-dialog-max-width-default: 55.75rem;
  --sbb-dialog-height: 100%;
  --sbb-dialog-max-height: 100%;
  --sbb-dialog-inset: 0 auto auto 0;
  --sbb-dialog-border-radius: var(--sbb-border-radius-8x);
  --sbb-dialog-animation-easing: ease;
  --sbb-dialog-pointer-events: none;
  --sbb-dialog-backdrop-visibility: hidden;
  --sbb-dialog-backdrop-pointer-events: none;
  --sbb-dialog-backdrop-color: transparent;
  --sbb-dialog-actions-border-color: var(--sbb-background-color-4);
  --sbb-dialog-close-button-inset-inline-end: var(--sbb-spacing-fixed-4x);
  --sbb-dialog-close-button-margin-inline: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);
  --sbb-divider-color: var(--sbb-background-color-4);
  --sbb-divider-color-negative: var(--sbb-background-color-4-negative);
  --sbb-divider-border-width: var(--sbb-border-width-1x);
  --sbb-error-color: var(--sbb-color-error);
  --sbb-error-icon-size: 1.0625rem;
  --sbb-error-font-size: var(--sbb-text-font-size-xs);
  --sbb-expansion-panel-background-color: var(--sbb-background-color-1);
  --sbb-expansion-panel-background-color-hover: var(--sbb-background-color-3);
  --sbb-expansion-panel-border-radius: var(--sbb-border-radius-4x);
  --sbb-expansion-panel-icon-size: var(--sbb-size-icon-ui-medium);
  --sbb-expansion-panel-title-gap-s: var(--sbb-spacing-fixed-2x);
  --sbb-expansion-panel-title-gap-l: var(--sbb-spacing-fixed-4x);
  --sbb-expansion-panel-title-gap-default: var(--sbb-expansion-panel-title-gap-l);
  --sbb-expansion-panel-content-padding-block-end: var(--sbb-spacing-responsive-s);
  --sbb-expansion-panel-content-padding-inline-s: var(--sbb-spacing-fixed-5x);
  --sbb-expansion-panel-content-padding-inline-l: var(--sbb-spacing-fixed-6x);
  --sbb-expansion-panel-content-padding-inline-default: var(--sbb-expansion-panel-content-padding-inline-l);
  --sbb-expansion-panel-header-cursor: var(--sbb-cursor-pointer);
  --sbb-expansion-panel-header-font-size: var(--sbb-text-font-size-l);
  --sbb-expansion-panel-header-text-color: var(--sbb-color-2);
  --sbb-expansion-panel-header-justify-content: space-between;
  --sbb-expansion-panel-header-gap-s: var(--sbb-spacing-fixed-2x);
  --sbb-expansion-panel-header-gap-l: var(--sbb-spacing-fixed-6x);
  --sbb-expansion-panel-header-gap-default: var(--sbb-expansion-panel-header-gap-l);
  --sbb-expansion-panel-header-padding-block-s: var(--sbb-spacing-fixed-3x);
  --sbb-expansion-panel-header-padding-block-l: var(--sbb-spacing-responsive-xs);
  --sbb-expansion-panel-header-padding-block-default: var(--sbb-expansion-panel-header-padding-block-l);
  --sbb-expansion-panel-header-padding-inline-s: var(--sbb-spacing-fixed-5x);
  --sbb-expansion-panel-header-padding-inline-l: var(--sbb-spacing-fixed-6x);
  --sbb-expansion-panel-header-padding-inline-default: var(--sbb-expansion-panel-header-padding-inline-l);
  --sbb-file-selector-color: var(--sbb-color-2);
  --sbb-file-selector-subtitle-color: var(--sbb-color-granite);
  --sbb-file-selector-subtitle-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
  --sbb-file-selector-background-color: var(--sbb-background-color-1);
  --sbb-file-selector-border-color: var(--sbb-border-color-4-inverted);
  --sbb-file-selector-transition-easing-function: var(--sbb-animation-easing);
  --_sbb-file-selector-dropzone-icon-medium-display: block;
  --_sbb-file-selector-dropzone-icon-small-display: none;
  --sbb-flip-card-background-color: var(--sbb-background-color-4);
  --sbb-flip-card-border: var(--sbb-border-width-2x);
  --sbb-flip-card-border-radius: var(--sbb-border-radius-4x);
  --sbb-flip-card-button-dimensions: var(--sbb-button-min-height-size-s);
  --sbb-flip-card-padding: var(--sbb-spacing-responsive-s);
  --sbb-flip-card-padding-block-end: var(--sbb-spacing-responsive-xs);
  --sbb-flip-card-min-height: 17.5rem;
  --sbb-flip-card-details-translate-y: var(--sbb-spacing-fixed-2x);
  --sbb-footer-background-color: var(--sbb-background-color-3);
  --sbb-footer-clock-width: 4.75rem;
  --sbb-footer-color: var(--sbb-color-granite);
  --sbb-footer-color: light-dark(var(--sbb-color-granite), var(--sbb-color-white));
  --sbb-footer-font-size: var(--sbb-text-font-size-s);
  --sbb-footer-gap-horizontal: var(--sbb-grid-base-gutter-responsive);
  --sbb-footer-gap-vertical: var(--sbb-spacing-responsive-l);
  --sbb-footer-padding-block: var(--sbb-spacing-responsive-l);
  --sbb-form-field-background-color: var(--sbb-background-color-1);
  --sbb-form-field-border-color: var(--sbb-border-color-5);
  --sbb-form-field-border-style: solid;
  --sbb-form-field-border-radius: var(--sbb-border-radius-4x);
  --sbb-form-field-border-width: var(--sbb-border-width-1x);
  --sbb-form-field-color: var(--sbb-color-3);
  --sbb-form-field-label-color: var(--sbb-color-metal);
  --sbb-form-field-label-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
  --sbb-form-field-prefix-color: var(--sbb-color-metal);
  --sbb-form-field-prefix-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
  --sbb-form-field-text-color: var(--sbb-color-3);
  --sbb-form-field-arrow-color: var(--sbb-color-3);
  --sbb-form-field-gap: var(--sbb-spacing-fixed-2x);
  --sbb-form-field-icon-size: var(--sbb-size-icon-ui-small);
  --sbb-form-field-min-height: var(--sbb-size-element-m);
  --sbb-form-field-padding-inline: var(--sbb-spacing-fixed-3x);
  --sbb-form-field-input-text-size: var(--sbb-text-font-size-m);
  --sbb-form-field-label-text-size: var(--sbb-text-font-size-xs);
  --_sbb-form-field-label-to-input-overlapping: var(--sbb-spacing-fixed-1x);
  --_sbb-form-field-floating-label-transform: 0.53125rem;
  --_sbb-form-field-spacer-margin-block-end: calc(-1 * var(--_sbb-form-field-label-to-input-overlapping));
  --sbb-header-background: var(--sbb-background-color-1);
  --sbb-header-box-shadow: var(--sbb-box-shadow-level-9-soft);
  --sbb-header-inset-inline-end: 0;
  --sbb-header-position: fixed;
  --sbb-header-height: var(--sbb-spacing-fixed-14x);
  --sbb-header-action-color: var(--sbb-color-1);
  --sbb-header-action-background-color: transparent;
  --sbb-header-action-min-height: var(--sbb-size-element-s);
  --sbb-header-action-padding-inline: var(--sbb-spacing-fixed-5x);
  --sbb-header-action-transition-easing: var(--sbb-animation-easing);
  --sbb-header-action-border-color: transparent;
  --sbb-header-action-gap: var(--sbb-spacing-fixed-2x);
  --sbb-header-action-icon-dimension: var(--sbb-size-icon-ui-small);
  --sbb-header-action-active-border-width: var(--sbb-border-width-2x);
  --sbb-header-action-active-border-color: var(--sbb-header-action-color);
  --sbb-header-first-item-icon-shift: 0.125rem;
  --sbb-header-environment-background-color: var(--sbb-color-granite);
  --sbb-header-environment-color: var(--sbb-color-1-negative);
  --sbb-header-environment-size: 2.375rem;
  --sbb-header-environment-rotate: 45deg;
  --sbb-icon-sidebar-background-color: var(--sbb-background-color-1);
  --sbb-icon-sidebar-border-radius: var(--sbb-border-radius-8x);
  --sbb-lead-container-background-color: var(--sbb-background-color-1);
  --sbb-lead-container-image-ratio: 2 / 1;
  --sbb-lead-container-image-overlap: var(--sbb-spacing-fixed-24x);
  --sbb-lead-container-content-padding-block: var(--sbb-spacing-responsive-l);
  --sbb-lead-container-padding-block: 0 var(--sbb-spacing-responsive-l);
  --sbb-lead-container-padding-inline: var(--sbb-layout-base-offset-responsive);
  --sbb-lead-container-border-radius: var(--sbb-border-radius-6x);
  --sbb-lead-container-image-border-radius: 0;
  --sbb-block-link-gap: var(--sbb-spacing-fixed-1x);
  --sbb-block-link-icon-size: var(--sbb-size-icon-ui-small);
  --sbb-block-link-font-size: var(--sbb-text-font-size-s);
  --sbb-loading-indicator-color: var(--sbb-color-primary);
  --sbb-loading-indicator-window-element-rotation: 55.24deg;
  --sbb-loading-indicator-window-height: 1.125rem;
  --sbb-loading-indicator-window-element-width: 3.4375rem;
  --sbb-loading-indicator-circle-color: var(--sbb-color-primary);
  --sbb-loading-indicator-circle-padding: 0.125rem;
  --sbb-loading-indicator-circle-background-color: var(--sbb-color-white);
  --sbb-loading-indicator-circle-animated-width: 0.1875em;
  --sbb-loading-indicator-circle-animated-height: 0.1875em;
  --sbb-loading-indicator-circle-animated-border-radius: 50%;
  --sbb-logo-panel-color: var(--sbb-color-brand);
  --sbb-logo-signet-color: var(--sbb-color-white);
  --sbb-logo-word-mark-color: var(--sbb-color-black);
  --sbb-logo-word-mark-color: light-dark(var(--sbb-color-black), var(--sbb-color-white));
  --sbb-logo-aspect-ratio: 454 / 48;
  --sbb-map-container-map-height-zero: 18.4375rem;
  --sbb-map-container-map-height-small: 20rem;
  --sbb-map-container-sidebar-width: 25rem;
  --sbb-map-container-sidebar-background-color: var(--sbb-background-color-1);
  --sbb-map-container-border-radius: var(--sbb-border-radius-4x);
  --sbb-menu-animation-easing: ease;
  --sbb-menu-max-width: 100%;
  --sbb-menu-min-width: 100%;
  --sbb-menu-container-height: 100dvh;
  --sbb-menu-max-height: calc(85vh - var(--sbb-spacing-fixed-8x));
  --sbb-menu-min-height: 3.03125rem;
  --sbb-menu-border-radius: var(--sbb-border-radius-4x);
  --sbb-menu-color: var(--sbb-color-2-inverted);
  --sbb-menu-background-color: var(--sbb-background-color-1-inverted);
  --sbb-menu-action-border-radius: var(--sbb-border-radius-infinity);
  --sbb-menu-action-outer-horizontal-padding: var(--sbb-spacing-fixed-3x);
  --sbb-menu-action-outer-vertical-padding: var(--sbb-spacing-fixed-1x);
  --sbb-menu-action-gap: var(--sbb-spacing-fixed-2x);
  --sbb-menu-action-color: var(--sbb-color-2-inverted);
  --sbb-menu-action-content-padding-inline: var(--sbb-spacing-fixed-2x);
  --sbb-menu-action-content-padding-block: var(--sbb-spacing-fixed-1x);
  --sbb-menu-action-forced-color-border-color: CanvasText;
  --sbb-message-action-margin-block: var(--sbb-spacing-responsive-xxxs) 0;
  --sbb-message-image-margin-block: 0 var(--sbb-spacing-responsive-s);
  --sbb-message-image-border-radius: var(--sbb-border-radius-4x);
  --sbb-message-subtitle-color: var(--sbb-color-granite);
  --sbb-message-subtitle-color: light-dark(var(--sbb-color-granite), var(--sbb-color-platinum));
  --sbb-message-legend-margin-block: var(--sbb-spacing-responsive-xxxs) 0;
  --sbb-mini-calendar-day-animation-easing: var(--sbb-animation-easing);
  --sbb-mini-calendar-day-dimensions: 0.375rem;
  --sbb-mini-calendar-day-scale: 1.333;
  --sbb-mini-calendar-month-offset: 0;
  --sbb-mini-calendar-month-visibilty-year: hidden;
  --sbb-mini-calendar-month-label-color: var(--sbb-color-granite);
  --sbb-mini-calendar-month-label-color: light-dark(
    var(--sbb-color-granite),
    var(--sbb-color-silver)
  );
  --sbb-notification-base-border-radius: var(--sbb-border-radius-4x);
  --sbb-notification-border-width: var(--sbb-border-width-1x);
  --sbb-notification-color: var(--sbb-color-2-negative-inverted);
  --sbb-notification-icon-align-self: center;
  --sbb-notification-margin: 0;
  --sbb-notification-timing-function: ease-in;
  --sbb-notification-font-size: var(--sbb-text-font-size-s);
  --sbb-notification-padding-block: var(--sbb-spacing-responsive-xxs);
  --sbb-notification-padding-inline: var(--sbb-spacing-responsive-xs);
  --sbb-notification-content-margin-block-start: var(--sbb-spacing-fixed-2x);
  --sbb-notification-content-padding-inline: var(--sbb-spacing-responsive-xxxs) var(--sbb-spacing-responsive-xs);
  --sbb-notification-close-wrapper-gap: var(--sbb-spacing-responsive-xxs);
  --sbb-option-color: var(--sbb-color-3);
  --sbb-option-background-color: inherit;
  --sbb-option-background-color-hover: var(--sbb-color-milk);
  --sbb-option-background-color-hover: light-dark(var(--sbb-color-milk), var(--sbb-color-midnight));
  --sbb-option-background-color-active: var(--sbb-background-color-4);
  --sbb-option-disabled-border-color: var(--sbb-color-graphite);
  --sbb-option-disabled-border-color: light-dark(var(--sbb-color-graphite), var(--sbb-color-smoke));
  --sbb-option-disabled-background-color: var(--sbb-background-color-3);
  --sbb-option-padding-inline: var(--sbb-spacing-responsive-xxxs);
  --sbb-option-min-height: var(--sbb-size-element-s);
  --sbb-option-column-gap: var(--sbb-spacing-responsive-xxxs);
  --sbb-option-justify-content: start;
  --sbb-option-cursor: var(--sbb-cursor-pointer);
  --sbb-option-border-radius: var(--sbb-border-radius-4x);
  --sbb-option-icon-color: var(--sbb-color-metal);
  --sbb-option-icon-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
  --sbb-option-focus-outline-color: transparent;
  --sbb-option-focus-outline-inset: var(--sbb-spacing-fixed-1x);
  --sbb-option-font-size: var(--sbb-text-font-size-s);
  --sbb-option-hint-color: var(--sbb-color-metal);
  --sbb-option-hint-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
  --sbb-option-hint-column-gap: var(--sbb-spacing-responsive-xxxs);
  --sbb-option-hint-padding-block-end: var(--sbb-spacing-fixed-2x);
  --sbb-option-hint-padding-inline: var(--sbb-spacing-responsive-xxxs);
  --sbb-option-hint-font-size: var(--sbb-text-font-size-xxs);
  --sbb-optgroup-label-color: var(--sbb-color-metal);
  --sbb-optgroup-label-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
  --sbb-optgroup-label-font-size: var(--sbb-text-font-size-xxs);
  --sbb-optgroup-label-padding-end: var(--sbb-spacing-fixed-2x);
  --sbb-optgroup-label-padding-inline: var(--sbb-spacing-responsive-xxxs);
  --sbb-overlay-background-color: var(--sbb-background-color-3);
  --sbb-overlay-display: none;
  --sbb-overlay-height: 100%;
  --sbb-overlay-inset: 0 auto auto 0;
  --sbb-overlay-animation-easing: ease;
  --sbb-overlay-pointer-events: none;
  --sbb-overlay-container-display: none;
  --sbb-options-panel-border-radius: var(--sbb-border-radius-4x);
  --sbb-options-panel-animation-timing-function: ease;
  --sbb-options-panel-background-color: var(--sbb-background-color-2);
  --sbb-options-panel-divider-margin-block: var(--sbb-spacing-fixed-3x);
  --sbb-options-panel-padding-block: var(--sbb-spacing-fixed-2x);
  --sbb-paginator-height: var(--sbb-size-element-m);
  --sbb-paginator-page-color: var(--sbb-color-metal);
  --sbb-paginator-page-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
  --sbb-paginator-page-border-width: 0;
  --sbb-paginator-page-cursor: var(--sbb-cursor-pointer);
  --sbb-paginator-animation-easing: var(--sbb-animation-easing);
  --sbb-paginator-font-size: var(--sbb-text-font-size-s);
  --sbb-compact-paginator-height: var(--sbb-size-element-m);
  --sbb-compact-paginator-color: var(--sbb-color-metal);
  --sbb-compact-paginator-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
  --sbb-compact-paginator-font-size: var(--sbb-text-font-size-m);
  --sbb-compact-paginator-gap: var(--sbb-spacing-fixed-5x);
  --sbb-compact-paginator-pages-gap: var(--sbb-spacing-fixed-2x);
  --sbb-popover-arrow-size: var(--sbb-spacing-fixed-4x);
  --sbb-popover-max-width: calc(100% - var(--sbb-spacing-fixed-2x));
  --sbb-popover-border-radius: var(--sbb-border-radius-8x);
  --sbb-popover-padding: var(--sbb-spacing-fixed-4x);
  --sbb-popover-background: var(--sbb-background-color-2);
  --sbb-popover-animation-easing: ease-out;
  --sbb-radio-button-label-gap: var(--sbb-spacing-fixed-2x);
  --sbb-radio-button-label-color: var(--sbb-color-3);
  --sbb-radio-button-background-color: var(--sbb-background-color-1);
  --sbb-radio-button-border-width: var(--sbb-border-width-1x);
  --sbb-radio-button-border-style: solid;
  --sbb-radio-button-border-color: var(--sbb-border-color-5);
  --sbb-radio-button-cursor: var(--sbb-cursor-pointer);
  --sbb-radio-button-dimension-xs: 1.25rem;
  --sbb-radio-button-dimension-s: var(--sbb-size-icon-ui-small);
  --sbb-radio-button-dimension-m: var(--sbb-size-icon-ui-small);
  --sbb-radio-button-dimension: var(--sbb-radio-button-dimension-m);
  --sbb-radio-button-inner-circle-dimension: 0.625rem;
  --sbb-radio-button-font-size: var(--sbb-text-font-size-m);
  --sbb-selection-group-orientation: row;
  --sbb-selection-group-elements-width: auto;
  --sbb-selection-group-width: auto;
  --sbb-selection-group-gap: var(--sbb-spacing-fixed-3x) var(--sbb-spacing-fixed-6x);
  --sbb-selection-group-elements-flex: none;
  --sbb-selection-action-panel-action-margin-inline-xs: var(--sbb-spacing-responsive-xxxs);
  --sbb-selection-action-panel-action-margin-inline-s: var(--sbb-spacing-responsive-xxxs);
  --sbb-selection-action-panel-action-margin-inline-m: var(--sbb-spacing-responsive-xxs);
  --sbb-selection-action-panel-action-margin-inline: var(--sbb-selection-action-panel-action-margin-inline-m);
  --sbb-selection-action-panel-background: var(--sbb-selection-panel-background-default);
  --sbb-selection-action-panel-border-color: var(--sbb-selection-panel-border-color-default);
  --sbb-selection-action-panel-border-width: var(--sbb-selection-panel-border-width-default);
  --sbb-selection-expansion-panel-background: var(--sbb-selection-panel-background-default);
  --sbb-selection-expansion-panel-border-color: var(--sbb-selection-panel-border-color-default);
  --sbb-selection-expansion-panel-border-width: var(--sbb-selection-panel-border-width-default);
  --sbb-selection-expansion-panel-content-visibility: visible;
  --sbb-selection-expansion-panel-content-padding-block-start: var(--sbb-spacing-responsive-xxs);
  --sbb-selection-expansion-panel-content-padding-block-end: var(
    --sbb-selection-panel-input-padding-block-m
  );
  --sbb-selection-expansion-panel-content-padding-inline: var(--sbb-selection-panel-input-padding-inline-m);
  --sbb-sidebar-background-color: var(--sbb-background-color-1);
  --sbb-sidebar-title-padding-block: var(--sbb-spacing-fixed-3x);
  --sbb-sidebar-padding: var(--sbb-spacing-responsive-xs);
  --sbb-sidebar-border-radius: var(--sbb-border-radius-8x);
  --sbb-sidebar-margin: var(--sbb-spacing-fixed-3x);
  --sbb-sidebar-title-gap: var(--sbb-spacing-fixed-2x);
  --sbb-signet-background-color: var(--sbb-color-brand);
  --sbb-signet-panel-color: var(--sbb-color-brand);
  --sbb-signet-icon-color: var(--sbb-color-white);
  --sbb-signet-aspect-ratio: 2 / 1;
  --sbb-select-placeholder-fallback-color: var(--sbb-color-metal);
  --sbb-select-placeholder-fallback-color: light-dark(
    var(--sbb-color-metal),
    var(--sbb-color-smoke)
  );
  --sbb-slider-line-height: 0.25rem;
  --sbb-slider-knob-size: 1.75rem;
  --sbb-slider-knob-size-active: 1.9375rem;
  --sbb-slider-knob-border-size: 0.1875rem;
  --sbb-slider-knob-border-style: solid;
  --sbb-slider-knob-color: var(--sbb-background-color-1);
  --sbb-slider-knob-border-color: var(--sbb-color-primary);
  --sbb-slider-icon-color: var(--sbb-color-1);
  --sbb-slider-selected-line-disabled-color: var(--sbb-color-smoke);
  --sbb-slider-selected-line-disabled-color: light-dark(
    var(--sbb-color-smoke),
    var(--sbb-color-cement)
  );
  --sbb-slider-line-color: var(--sbb-border-color-5);
  --sbb-slider-selected-line-color: var(--sbb-color-primary);
  --sbb-slider-line-disabled-color: var(--sbb-color-graphite);
  --sbb-slider-line-disabled-color: light-dark(var(--sbb-color-graphite), var(--sbb-color-granite));
  --sbb-slider-width: 25rem;
  --sbb-slider-min-width: 9.375rem;
  --sbb-slider-gap: var(--sbb-spacing-fixed-2x);
  --sbb-slider-padding-block: 0.125rem;
  --sbb-status-color: var(--sbb-color-4);
  --sbb-status-gap: var(--sbb-spacing-fixed-1x);
  --sbb-status-font-size: var(--sbb-text-font-size-s);
  --sbb-status-title-color: var(--sbb-color-granite);
  --sbb-status-title-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
  --sbb-step-label-color: var(--sbb-color-4);
  --sbb-step-label-font-size: var(--sbb-text-font-size-l);
  --sbb-step-label-prefix-size: var(--sbb-size-element-xxs);
  --sbb-step-label-prefix-border-style: solid;
  --sbb-step-label-prefix-border-color: var(--sbb-border-color-4-inverted);
  --sbb-step-label-prefix-background-color: var(--sbb-background-color-1);
  --sbb-step-label-gap: var(--sbb-spacing-fixed-4x);
  --sbb-step-label-inset-block-start-size-m: calc(
    var(--sbb-text-font-size-l) * (var(--sbb-typo-line-height-text) / 2) +
      (var(--sbb-border-width-1x) / 2)
  );
  --sbb-step-label-inset-block-start-size-s: calc(
    var(--sbb-text-font-size-m) * (var(--sbb-typo-line-height-text) / 2) +
      (var(--sbb-border-width-1x) / 2)
  );
  --sbb-step-label-inset-block-start: var(--sbb-step-label-inset-block-start-size-m);
  --sbb-stepper-orientation: row;
  --sbb-stepper-border-width: var(--sbb-border-width-1x);
  --sbb-stepper-marker-width: var(--sbb-border-width-3x);
  --sbb-stepper-marker-color: var(--sbb-color-3);
  --sbb-tab-group-content-gap-size-s: var(--sbb-spacing-responsive-xs);
  --sbb-tab-group-content-gap-size-l: var(--sbb-spacing-responsive-s);
  --sbb-tab-group-content-gap-size-xl: var(--sbb-spacing-responsive-m);
  --sbb-tab-group-content-gap-default: var(--sbb-tab-group-content-gap-size-l);
  --sbb-tab-label-height: var(--sbb-size-element-m);
  --sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);
  --sbb-tab-label-color: var(--sbb-color-granite);
  --sbb-tab-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-graphite));
  --sbb-tab-label-marker-thickness: var(--sbb-border-width-3x);
  --sbb-tab-label-text-decoration: none;
  --sbb-tab-label-animation-easing: var(--sbb-animation-easing);
  --sbb-tab-label-font-size: var(--sbb-text-font-size-m);
  --sbb-tab-label-font-weight: bold;
  --sbb-tab-label-gap: var(--sbb-spacing-fixed-2x);
  --sbb-tab-label-outline-border-radius: var(--sbb-border-radius-2x);
  --sbb-tab-label-amount-color: var(--sbb-color-metal);
  --sbb-tab-label-amount-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
  --sbb-tab-label-line-color: var(--sbb-border-color-4-inverted);
  --sbb-tab-label-cursor: var(--sbb-cursor-pointer);
  --sbb-tag-animation-easing: var(--sbb-animation-easing);
  --sbb-tag-background-color: var(--sbb-background-color-1);
  --sbb-tag-border-color: var(--sbb-border-color-4-inverted);
  --sbb-tag-border-style: solid;
  --sbb-tag-border-width: var(--sbb-border-width-1x);
  --sbb-tag-border-radius: var(--sbb-border-radius-infinity);
  --sbb-tag-gap: var(--sbb-spacing-fixed-2x);
  --sbb-tag-text-color: var(--sbb-color-2);
  --sbb-tag-amount-color: var(--sbb-color-metal);
  --sbb-tag-amount-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
  --sbb-tag-height: var(--sbb-size-element-xs);
  --sbb-teaser-scale-hover: 1.02;
  --sbb-teaser-description-color: var(--sbb-color-granite);
  --sbb-teaser-description-color: light-dark(var(--sbb-color-granite), var(--sbb-color-silver));
  --sbb-teaser-flex-direction: row;
  --sbb-teaser-align-items: center;
  --sbb-teaser-font-size: var(--sbb-text-font-size-s);
  --sbb-teaser-gap: var(--sbb-spacing-fixed-4x);
  --sbb-teaser-border-radius: var(--sbb-border-radius-4x);
  --sbb-teaser-image-width: 18.75rem;
  --sbb-teaser-hero-link-font-weight: 400;
  --sbb-teaser-product-background-color: var(--sbb-color-cloud);
  --sbb-teaser-product-background-color: light-dark(
    var(--sbb-color-cloud),
    var(--sbb-color-midnight)
  );
  --sbb-teaser-product-background-gradient-direction: to right;
  --sbb-teaser-product-border-radius: var(--sbb-border-radius-4x);
  --sbb-teaser-product-min-height: 37.5rem;
  --sbb-teaser-product-background-gradient-start: 25%;
  --sbb-teaser-product-background-gradient-end: 75%;
  --sbb-teaser-product-container-padding-block: var(--sbb-spacing-responsive-s);
  --sbb-teaser-product-container-padding-inline: var(--sbb-spacing-responsive-s);
  --sbb-teaser-product-container-spacing: var(--sbb-spacing-responsive-l);
  --sbb-teaser-product-content-color: var(--sbb-color-4);
  --sbb-teaser-product-footer-color: var(--sbb-color-anthracite);
  --sbb-teaser-product-footer-color: light-dark(
    var(--sbb-color-anthracite),
    var(--sbb-color-cloud)
  );
  --sbb-teaser-product-footer-font-size: var(--sbb-text-font-size-xxs);
  --sbb-teaser-product-footer-padding-block-start: var(--sbb-spacing-responsive-s);
  --sbb-teaser-product-footer-padding-block-end: 0;
  --sbb-timetable-form-background-color: var(--sbb-background-color-1);
  --sbb-timetable-form-border-radius: var(--sbb-border-radius-4x);
  --sbb-timetable-form-details-border-block-start: var(--sbb-border-width-1x) solid
    var(--sbb-border-color-4-inverted);
  --sbb-timetable-form-details-gap: var(--sbb-spacing-fixed-1x);
  --sbb-timetable-form-details-padding-block: var(--sbb-spacing-fixed-1x);
  --sbb-timetable-form-details-padding-inline: var(--sbb-spacing-responsive-xxs);
  --sbb-timetable-form-details-horizontal-divider-height: 1.5rem;
  --sbb-timetable-form-field-route-icon-color: var(--sbb-color-2);
  --sbb-timetable-form-field-route-icon-background-color: var(--sbb-background-color-1);
  --sbb-timetable-form-field-route-via-icon-width: var(--sbb-size-icon-ui-small);
  --sbb-timetable-form-field-route-via-after-dimension: 0.4375rem;
  --sbb-timetable-occupancy-color: var(--sbb-color-2);
  --sbb-timetable-occupancy-font-size: var(--sbb-text-font-size-s);
  --sbb-timetable-occupancy-list-gap: var(--sbb-spacing-fixed-2x);
  --sbb-timetable-occupancy-item-gap: var(--sbb-spacing-fixed-1x);
  --sbb-time-input-max-width: 3.625rem;
  --sbb-toggle-check-font-size: var(--sbb-text-font-size-s);
  --sbb-toggle-check-color: var(--sbb-color-2);
  --sbb-toggle-check-checked-color: var(--sbb-color-primary);
  --sbb-toggle-check-background-color: var(--sbb-background-color-4);
  --sbb-toggle-check-icon-color: var(--sbb-toggle-check-checked-color);
  --sbb-toggle-check-circle-background-color: var(--sbb-background-color-1);
  --sbb-toggle-check-circle-border-color: var(--sbb-border-color-5);
  --sbb-toggle-check-circle-border-style: solid;
  --sbb-toggle-check-circle-diameter: 1.75rem;
  --sbb-toggle-check-height: var(--sbb-size-icon-ui-small);
  --sbb-toggle-check-cursor: var(--sbb-cursor-pointer);
  --sbb-toggle-check-gap: var(--sbb-spacing-fixed-3x);
  --sbb-toggle-check-border-width: var(--sbb-border-width-1x);
  --sbb-toggle-check-border-radius: var(--sbb-border-radius-4x);
  --sbb-toggle-check-shadow: var(--sbb-box-shadow-level-5-hard);
  --sbb-toggle-padding-inline: var(--sbb-spacing-responsive-xs);
  --sbb-toggle-height: var(--sbb-size-element-m);
  --sbb-toggle-background-color: var(--sbb-background-color-4);
  --sbb-toggle-background-inset: 0.125rem;
  --sbb-toggle-border-radius: var(--sbb-border-radius-infinity);
  --sbb-toggle-font-size: var(--sbb-text-font-size-m);
  --sbb-toggle-grid-template-columns: auto auto;
  --sbb-toggle-selected-option-border-width: var(--sbb-border-width-1x);
  --sbb-toggle-selected-option-border-style: solid;
  --sbb-toggle-selected-option-border-color: var(--sbb-border-color-5);
  --sbb-toggle-selected-option-background-color: var(--sbb-background-color-1);
  --sbb-toggle-option-color: var(--sbb-color-anthracite);
  --sbb-toggle-option-color: light-dark(var(--sbb-color-anthracite), var(--sbb-color-cloud));
  --sbb-toggle-option-gap: var(--sbb-spacing-fixed-1x);
  --sbb-toggle-option-font-size: var(--sbb-text-font-size-xs);
  --sbb-toggle-option-icon-min-size: var(--sbb-size-icon-ui-small);
  --sbb-tooltip-animation-easing: ease-out;
  --sbb-tooltip-animation-translate: 0 var(--sbb-spacing-fixed-2x);
  --sbb-tooltip-background-color: var(--sbb-background-color-1-inverted);
  --sbb-tooltip-color: var(--sbb-color-2-inverted);
  --sbb-tooltip-border-color: var(--sbb-background-color-1-inverted);
  --sbb-tooltip-border-radius: var(--sbb-border-radius-8x);
  --sbb-tooltip-font-size: var(--sbb-text-font-size-xs);
  --sbb-tooltip-gap: var(--sbb-spacing-fixed-2x);
  --sbb-tooltip-min-width: var(--sbb-spacing-fixed-8x);
  --sbb-tooltip-padding: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);
  --sbb-overlay-position-area: block-start;
  --sbb-overlay-position-try-fallbacks:
    block-start span-inline-end, block-start span-inline-start, block-end,
    block-end span-inline-end, block-end span-inline-start;
  --sbb-toast-max-width: 25rem;
  --sbb-toast-animation-timing-function: ease;
  --sbb-toast-text-color: var(--sbb-color-3-inverted);
  --sbb-toast-background-color: var(--sbb-background-color-1-inverted);
  --sbb-toast-margin: var(--sbb-spacing-responsive-s);
  --sbb-toast-padding-block: var(--sbb-spacing-responsive-xxxs);
  --sbb-toast-padding-inline: var(--sbb-spacing-responsive-xs);
  --sbb-toast-border-radius: var(--sbb-border-radius-4x);
  --sbb-toast-container-position: fixed;
  --sbb-toast-horizontal-position: initial;
  --sbb-toast-vertical-position: initial;
  --sbb-toast-gap: var(--sbb-spacing-fixed-2x);
  --sbb-visual-checkbox-dimension: var(--sbb-checkbox-dimension-m);
  --sbb-visual-checkbox-selection-color: var(--sbb-color-primary);
  --sbb-visual-checkbox-selection-color-negative: var(--sbb-color-primary85);
  --sbb-visual-checkbox-selection-color-disabled: var(--sbb-color-2);
  --sbb-visual-checkbox-selection-color-disabled-negative: var(--sbb-color-2-negative);
  --sbb-visual-checkbox-background-color: var(--sbb-background-color-1);
  --sbb-visual-checkbox-background-color-negative: var(--sbb-background-color-1-negative);
  --sbb-visual-checkbox-background-color-disabled: var(--sbb-background-color-3);
  --sbb-visual-checkbox-background-color-negative-disabled: var(--sbb-background-color-3-negative);
  --sbb-visual-checkbox-border-color: var(--sbb-border-color-5);
  --sbb-visual-checkbox-border-color-disabled: var(--sbb-border-color-5);
  --sbb-visual-checkbox-border-style: solid;
  --sbb-visual-checkbox-border-style-disabled: dashed;
  --sbb-visual-checkbox-border-width: var(--sbb-border-width-1x);
  --sbb-visual-checkbox-cursor: var(--sbb-cursor-pointer);
}

@media (forced-colors: active) {
  :root {
    /* Focus outline */
    --sbb-focus-outline-color-default: Highlight;
    --sbb-focus-outline-color-dark: Highlight;
    --sbb-focus-outline-width: var(--sbb-border-width-2x);
    --sbb-breadcrumb-color: ButtonText;
    --sbb-breadcrumb-color-active: Highlight;
    --sbb-card-border-color: CanvasText;
    --sbb-card-border-width: var(--sbb-border-width-2x);
    --sbb-card-badge-border-display: block;
    --sbb-card-badge-inline-border-display: none;
    --sbb-header-action-border-color: CanvasText;
    --sbb-header-action-color: LinkText;
    --sbb-header-action-active-border-width: 0;
    --sbb-expansion-panel-header-text-color: ButtonText;
    --sbb-form-field-border-color: ButtonBorder;
    --sbb-loading-indicator-circle-animated-width: 50%;
    --sbb-loading-indicator-circle-animated-height: 100%;
    --sbb-loading-indicator-circle-animated-border-radius: 0;
    --sbb-loading-indicator-circle-background: transparent;
    --sbb-logo-panel-color: ButtonText !important;
    --sbb-logo-signet-color: Canvas !important;
    --sbb-visual-checkbox-selection-color: Canvas;
    --sbb-visual-checkbox-selection-color-negative: Canvas;
    --sbb-visual-checkbox-selection-color-disabled: Canvas;
    --sbb-visual-checkbox-selection-color-disabled-negative: Canvas;
    --sbb-visual-checkbox-border-color: ButtonBorder;
    --sbb-visual-checkbox-border-color-disabled: GrayText;
    --sbb-visual-checkbox-border-width: var(--sbb-border-width-2x);
    --sbb-visual-checkbox-border-style-disabled: solid;
    --sbb-radio-button-background-color: Canvas;
    --sbb-radio-button-border-width: var(--sbb-border-width-2x);
    --sbb-radio-button-border-color: ButtonBorder;
    --sbb-signet-background-color: ButtonText !important;
    --sbb-signet-panel-color: ButtonText !important;
    --sbb-signet-icon-color: Canvas !important;
    --sbb-slider-selected-line-color: Highlight;
    --sbb-slider-line-color: CanvasText;
    --sbb-step-label-color: ButtonText;
    --sbb-step-label-prefix-border-color: ButtonText;
    --sbb-tag-amount-color: ButtonText;
    --sbb-tag-background-color: Canvas !important;
    --sbb-tag-text-color: ButtonText;
    --sbb-tag-border-color: CanvasText;
    --sbb-tag-border-width: var(--sbb-border-width-2x);
    --sbb-toggle-check-background-color: CanvasText;
    --sbb-toggle-check-circle-background-color: Canvas;
    --sbb-toggle-selected-option-border-width: var(--sbb-border-width-2x);
    --sbb-toggle-selected-option-border-color: Highlight;
  }
}
:root {
  --sbb-train-formation-wagon-width: 5rem;
  --sbb-train-formation-wagon-height: 2.5rem;
  --sbb-train-formation-wagon-gap: var(--sbb-spacing-fixed-1x);
  --sbb-overlay-default-z-index: 1000;
  --sbb-cursor-default: default;
  --sbb-cursor-pointer: pointer;
  --sbb-border-radius-infinity: calc(infinity * 1px);
}

:root.sbb-lean {
  --sbb-title-font-size-level-1-lean: var(--sbb-heading-font-size-2);
  --sbb-title-font-size-level-2-lean: var(--sbb-heading-font-size-3);
  --sbb-title-font-size-level-3-lean: var(--sbb-heading-font-size-4);
  --sbb-title-font-size-level-4-lean: var(--sbb-heading-font-size-5);
  --sbb-title-font-size-level-5-lean: var(--sbb-heading-font-size-6);
  --sbb-title-font-size-level-6-lean: var(--sbb-typo-scale-0-75x);
  --sbb-heading-margin-block-1-lean: var(--sbb-spacing-responsive-s)
    var(--sbb-spacing-fixed-3x);
  --sbb-heading-margin-block-2-lean: var(--sbb-spacing-responsive-s)
    var(--sbb-spacing-fixed-3x);
  --sbb-heading-margin-block-3-lean: var(--sbb-spacing-responsive-s)
    var(--sbb-spacing-responsive-xxxs);
  --sbb-heading-margin-block-4-lean: var(--sbb-spacing-responsive-s)
    var(--sbb-spacing-fixed-2x);
  --sbb-heading-margin-block-5-lean: var(--sbb-spacing-responsive-s)
    var(--sbb-spacing-fixed-1x);
  --sbb-heading-margin-block-6-lean: var(--sbb-spacing-responsive-s) 0;
}

:root:where(.sbb-focus-modality-mouse, .sbb-focus-modality-touch) {
  --sbb-focus-outline-style: none;
}

@media (min-width: 37.5rem) {
  :root {
    /* Title */
    --sbb-heading-font-size-1: var(--sbb-typo-scale-3x);
    /* Spacing */
    --sbb-spacing-responsive-l: var(--sbb-spacing-responsive-l-small);
    --sbb-spacing-responsive-xl: var(--sbb-spacing-responsive-xl-small);
    --sbb-spacing-responsive-xxl: var(--sbb-spacing-responsive-xxl-small);
    /* Layout */
    --sbb-layout-base-offset-responsive: var(--sbb-layout-base-offset-responsive-small);
    --sbb-grid-base-columns: var(--sbb-layout-base-grid-columns-small);
    --sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-small);
    --sbb-dialog-padding-inline: var(--sbb-spacing-fixed-12x);
    --sbb-footer-clock-width: 7rem;
    --sbb-notification-icon-align-self: flex-start;
    --sbb-notification-padding-inline: var(--sbb-spacing-responsive-xs);
  }
}
@media (min-width: 64rem) {
  :root {
    /* Title */
    --sbb-heading-font-size-1: var(--sbb-typo-scale-3-5x);
    --sbb-heading-font-size-2: var(--sbb-typo-scale-2-5x);
    --sbb-heading-font-size-3: var(--sbb-typo-scale-2x);
    --sbb-heading-font-size-4: var(--sbb-typo-scale-1-5x);
    --sbb-heading-font-size-5: var(--sbb-typo-scale-1-25x);
    --sbb-heading-font-size-6: var(--sbb-typo-scale-default);
    /* Text */
    --sbb-text-font-size-xl: var(--sbb-typo-scale-1-5x);
    --sbb-text-font-size-l: var(--sbb-typo-scale-1-25x);
    --sbb-text-font-size-m: var(--sbb-typo-scale-1-125x);
    --sbb-text-font-size-s: var(--sbb-typo-scale-default);
    --sbb-text-font-size-xs: var(--sbb-typo-scale-0-875x);
    /* Spacing */
    --sbb-spacing-responsive-xxxs: var(--sbb-spacing-responsive-xxxs-large);
    --sbb-spacing-responsive-xxs: var(--sbb-spacing-responsive-xxs-large);
    --sbb-spacing-responsive-xs: var(--sbb-spacing-responsive-xs-large);
    --sbb-spacing-responsive-s: var(--sbb-spacing-responsive-s-large);
    --sbb-spacing-responsive-m: var(--sbb-spacing-responsive-m-large);
    --sbb-spacing-responsive-l: var(--sbb-spacing-responsive-l-large);
    --sbb-spacing-responsive-xl: var(--sbb-spacing-responsive-xl-large);
    --sbb-spacing-responsive-xxl: var(--sbb-spacing-responsive-xxl-large);
    /* Layout */
    --sbb-layout-base-offset-responsive: var(--sbb-layout-base-offset-responsive-large);
    --sbb-grid-base-columns: var(--sbb-layout-base-grid-columns-large);
    --sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-large);
    /* Size */
    --sbb-size-element-xxxs: var(--sbb-size-element-xxxs-large);
    --sbb-size-element-xxs: var(--sbb-size-element-xxs-large);
    --sbb-size-element-xs: var(--sbb-size-element-xs-large);
    --sbb-size-element-s: var(--sbb-size-element-s-large);
    --sbb-size-element-m: var(--sbb-size-element-m-large);
    --sbb-size-element-l: var(--sbb-size-element-l-large);
    --sbb-button-padding-inline-size-l: var(--sbb-spacing-fixed-10x);
    --sbb-button-padding-inline-size-m: var(--sbb-spacing-fixed-8x);
    --sbb-button-padding-inline-size-s: var(--sbb-spacing-fixed-5x);
    --sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default-large) 0;
    --sbb-chip-group-margin-block-no-label-not-empty: 0.1875rem 0.875rem;
    --sbb-chip-group-margin-block-with-label-not-empty: var(--_sbb-chip-group-margin-block-start-default-large) var(--_sbb-chip-group-margin-block-start-default-large);
    --sbb-dialog-padding-inline: var(--sbb-spacing-responsive-s);
    --sbb-dialog-max-height: calc(100vh - var(--sbb-spacing-fixed-16x));
    --sbb-flip-card-min-height: 20rem;
    --_sbb-form-field-label-to-input-overlapping: var(--sbb-spacing-fixed-1x);
    --_sbb-form-field-floating-label-transform: 0.65625rem;
    --_sbb-form-field-spacer-margin-block-end: calc(-1 * var(--_sbb-form-field-label-to-input-overlapping));
    --sbb-header-height: var(--sbb-spacing-fixed-24x);
    --sbb-menu-max-width: 20rem;
    --sbb-menu-min-width: 11.25rem;
    --sbb-menu-transform-y: var(--sbb-spacing-fixed-2x);
    --sbb-teaser-product-container-padding-block: var(--sbb-spacing-responsive-l) 0;
    --sbb-teaser-product-container-padding-inline: var(--sbb-spacing-responsive-xl);
    --sbb-teaser-product-content-align-content: center;
    --sbb-teaser-product-footer-padding-block-start: var(--sbb-spacing-responsive-xs);
    --sbb-teaser-product-footer-padding-block-end: var(--sbb-spacing-responsive-xs);
    --sbb-teaser-product-footer-min-height: var(--sbb-teaser-product-container-spacing);
    --sbb-time-input-max-width: 4.0625rem;
  }
  :root.sbb-lean {
    --sbb-title-font-size-level-6-lean: var(--sbb-typo-scale-0-875x);
  }
}
@media (min-width: 90rem) {
  :root {
    /* Title */
    --sbb-heading-font-size-1: var(--sbb-typo-scale-4x);
    /* Spacing */
    --sbb-spacing-responsive-m: var(--sbb-spacing-responsive-m-ultra);
    --sbb-spacing-responsive-l: var(--sbb-spacing-responsive-l-ultra);
    --sbb-spacing-responsive-xl: var(--sbb-spacing-responsive-xl-ultra);
    --sbb-spacing-responsive-xxl: var(--sbb-spacing-responsive-xxl-ultra);
    /* Layout */
    --sbb-layout-base-offset-responsive: var(--sbb-layout-base-offset-responsive-ultra);
    --sbb-grid-base-columns: var(--sbb-layout-base-grid-columns-ultra);
    --sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-ultra);
    --sbb-lead-container-image-ratio: 21 / 9;
    --sbb-lead-container-image-border-radius: var(--sbb-lead-container-border-radius);
    --sbb-map-container-sidebar-width: 30rem;
  }
}
@font-face {
  font-family: SBB;
  src: url("https://cdn.app.sbb.ch/fonts/v1_9_subset/SBBWeb-Roman.woff2") format("woff2");
  font-display: fallback;
  font-weight: 400;
}
@font-face {
  font-family: SBB;
  src: url("https://cdn.app.sbb.ch/fonts/v1_9_subset/SBBWeb-Bold.woff2") format("woff2");
  font-display: swap;
  font-weight: 700;
}
@font-face {
  font-family: SBB;
  src: url("https://cdn.app.sbb.ch/fonts/v1_9_subset/SBBWeb-Light.woff2") format("woff2");
  font-display: swap;
  font-weight: 300;
}
sbb-breadcrumb-group:not(:defined) {
  display: block;
  height: calc(var(--sbb-typo-line-height-text) * var(--sbb-text-font-size-xs));
  overflow: hidden;
}

sbb-container > [slot=image]:is(sbb-image, img),
sbb-container > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap-image) {
  --sbb-image-object-fit: cover;
  border-radius: var(--sbb-container-background-border-radius);
  height: 100%;
  position: absolute;
}

sbb-dialog:not(:has(> sbb-dialog-title)) > sbb-dialog-close-button, sbb-dialog:is(:state(has-intermediate-element), [state--has-intermediate-element]):not(:has(> * > sbb-dialog-title)) > * > sbb-dialog-close-button {
  position: absolute;
  z-index: 1;
}

sbb-dialog:has(> sbb-dialog-title[visual-level="3"]) > sbb-dialog-close-button, sbb-dialog:is(:state(has-intermediate-element), [state--has-intermediate-element]):has(> * > sbb-dialog-title[visual-level="3"]) > * > sbb-dialog-close-button {
  --_sbb-dialog-title-size: var(--sbb-heading-font-size-3);
}

sbb-dialog:has(> sbb-dialog-title[visual-level="5"]) > sbb-dialog-close-button, sbb-dialog:is(:state(has-intermediate-element), [state--has-intermediate-element]):has(> * > sbb-dialog-title[visual-level="5"]) > * > sbb-dialog-close-button {
  --_sbb-dialog-title-size: var(--sbb-heading-font-size-5);
}

sbb-dialog:has(> sbb-dialog-title) > sbb-dialog-content, sbb-dialog:is(:state(has-intermediate-element), [state--has-intermediate-element]):has(> * > sbb-dialog-title) > * > sbb-dialog-content {
  padding-block-start: var(--sbb-spacing-fixed-1x);
}

sbb-dialog[negative] > sbb-dialog-content, sbb-dialog[negative]:is(:state(has-intermediate-element), [state--has-intermediate-element]) > * > sbb-dialog-content {
  --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);
  --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);
}

sbb-dialog:has(> sbb-dialog-close-button) > sbb-dialog-title, sbb-dialog:is(:state(has-intermediate-element), [state--has-intermediate-element]):has(> * > sbb-dialog-close-button) > * > sbb-dialog-title {
  padding-inline-end: 0;
}

sbb-flip-card-summary > [slot=image]:is(sbb-image, img),
sbb-flip-card-summary > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap-image) {
  --sbb-image-aspect-ratio: auto;
  --sbb-image-object-fit: cover;
  border-radius: 0;
  display: block;
  height: 100%;
}

:is(sbb-form-field, sbb-timetable-form-field) :where(input, select, textarea, sbb-select, sbb-date-input, sbb-time-input) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  outline: none;
  border: none;
  background-color: transparent;
  padding: 0;
  appearance: none;
  display: flex;
  outline: none !important;
  overflow: var(--sbb-form-field-overflow, hidden);
  width: 100%;
  box-sizing: border-box;
  color: var(--sbb-form-field-text-color);
  -webkit-text-fill-color: var(--sbb-form-field-text-color);
  opacity: 1;
  background-color: transparent;
  font-size: var(--sbb-form-field-input-text-size) !important;
  letter-spacing: var(--sbb-typo-letter-spacing-text) !important;
  font-family: var(--sbb-typo-font-family) !important;
  line-height: var(--sbb-typo-line-height-text) !important;
}

:is(sbb-form-field, sbb-timetable-form-field) :where(input, select, textarea, sbb-select, sbb-date-input, sbb-time-input)::placeholder {
  color: var(--sbb-color-5);
  -webkit-text-fill-color: var(--sbb-color-5);
  opacity: 1;
}

:is(sbb-form-field, sbb-timetable-form-field)[floating-label] :where(input, select, textarea, sbb-select)::placeholder, :is(sbb-form-field, sbb-timetable-form-field)[floating-label] :where(sbb-date-input, sbb-time-input)::after {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

@media (forced-colors: active) {
  :is(sbb-form-field, sbb-timetable-form-field)[floating-label] :where(input, select, textarea, sbb-select)::placeholder, :is(sbb-form-field, sbb-timetable-form-field)[floating-label] :where(sbb-date-input, sbb-time-input)::after {
    color: Canvas !important;
    -webkit-text-fill-color: Canvas !important;
  }
}
:is(sbb-form-field, sbb-timetable-form-field):not([floating-label]) :where(input, select, textarea, sbb-select):disabled::placeholder {
  color: var(--sbb-color-granite);
  color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
  -webkit-text-fill-color: var(--sbb-color-granite);
  -webkit-text-fill-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
}

:is(sbb-form-field, sbb-timetable-form-field) :where(select) {
  vertical-align: middle;
}

:is(sbb-form-field, sbb-timetable-form-field) :where(select, sbb-select) {
  padding-inline-end: var(--sbb-form-field-select-inline-padding-end);
}

:is(sbb-form-field, sbb-timetable-form-field)[size=s] :where(input, sbb-date-input, sbb-time-input) {
  height: calc(var(--sbb-form-field-input-text-size) * 1.25);
  line-height: 1 !important;
  margin-block: calc(0.5 * var(--sbb-form-field-input-text-size) * (var(--sbb-typo-line-height-text) - 1.25));
}

:is(sbb-form-field, sbb-timetable-form-field)[size=s] > :not(sbb-chip-group):has(input, sbb-date-input, sbb-time-input, select, sbb-select) {
  margin-block-end: -0.125rem;
}

:is(sbb-form-field, sbb-timetable-form-field) :where(textarea) {
  --sbb-scrollbar-thumb-width: 0.125rem;
  --sbb-scrollbar-thumb-width-hover: 0.25rem;
  --sbb-scrollbar-width-firefox: thin;
  --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);
  --sbb-scrollbar-color: light-dark(
    color-mix(in srgb, var(--sbb-color-black) 30%, transparent),
    color-mix(in srgb, var(--sbb-color-white) 30%, transparent)
  );
  --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);
  --sbb-scrollbar-color-hover: light-dark(
    color-mix(in srgb, var(--sbb-color-black) 60%, transparent),
    color-mix(in srgb, var(--sbb-color-white) 60%, transparent)
  );
  --sbb-scrollbar-track-color: transparent;
  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
}

:is(sbb-form-field, sbb-timetable-form-field) :where(textarea)::-webkit-scrollbar {
  width: var(--sbb-scrollbar-width);
  height: var(--sbb-scrollbar-width);
  background-color: var(--sbb-scrollbar-track-color, transparent);
}

:is(sbb-form-field, sbb-timetable-form-field) :where(textarea)::-webkit-scrollbar-corner {
  background-color: var(--sbb-scrollbar-track-color, transparent);
}

:is(sbb-form-field, sbb-timetable-form-field) :where(textarea)::-webkit-scrollbar-thumb {
  background-color: var(--sbb-scrollbar-color, currentcolor);
  border: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;
  border-radius: var(--sbb-border-radius-4x);
  background-clip: padding-box;
}

:is(sbb-form-field, sbb-timetable-form-field) :where(textarea)::-webkit-scrollbar-thumb:hover {
  background-color: var(--sbb-scrollbar-color-hover, currentcolor);
  border-width: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)));
}

:is(sbb-form-field, sbb-timetable-form-field) :where(textarea)::-webkit-scrollbar-button, :is(sbb-form-field, sbb-timetable-form-field) :where(textarea)::-webkit-scrollbar-corner {
  display: none;
}

@supports not selector(::-webkit-scrollbar) {
  :is(sbb-form-field, sbb-timetable-form-field) :where(textarea) {
    scrollbar-width: var(--sbb-scrollbar-width-firefox);
    scrollbar-color: var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent);
  }
}
:is(sbb-form-field, sbb-timetable-form-field) :where(textarea) {
  position: relative;
  resize: none;
  white-space: break-spaces;
  overflow-y: auto;
  min-height: calc(var(--sbb-typo-line-height-text) * 1em);
  height: 100%;
}

:is(sbb-form-field, sbb-timetable-form-field)[size=l] :where(textarea) {
  padding-block-end: 0.34375rem;
}

:is(sbb-form-field, sbb-timetable-form-field)[negative] :where(textarea) {
  --sbb-scrollbar-thumb-width: 0.125rem;
  --sbb-scrollbar-thumb-width-hover: 0.25rem;
  --sbb-scrollbar-width-firefox: thin;
  --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);
  --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);
  --sbb-scrollbar-track-color: transparent;
  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
}

:is(sbb-form-field, sbb-timetable-form-field)[negative] :where(textarea)::-webkit-scrollbar {
  width: var(--sbb-scrollbar-width);
  height: var(--sbb-scrollbar-width);
  background-color: var(--sbb-scrollbar-track-color, transparent);
}

:is(sbb-form-field, sbb-timetable-form-field)[negative] :where(textarea)::-webkit-scrollbar-corner {
  background-color: var(--sbb-scrollbar-track-color, transparent);
}

:is(sbb-form-field, sbb-timetable-form-field)[negative] :where(textarea)::-webkit-scrollbar-thumb {
  background-color: var(--sbb-scrollbar-color, currentcolor);
  border: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;
  border-radius: var(--sbb-border-radius-4x);
  background-clip: padding-box;
}

:is(sbb-form-field, sbb-timetable-form-field)[negative] :where(textarea)::-webkit-scrollbar-thumb:hover {
  background-color: var(--sbb-scrollbar-color-hover, currentcolor);
  border-width: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)));
}

:is(sbb-form-field, sbb-timetable-form-field)[negative] :where(textarea)::-webkit-scrollbar-button, :is(sbb-form-field, sbb-timetable-form-field)[negative] :where(textarea)::-webkit-scrollbar-corner {
  display: none;
}

@supports not selector(::-webkit-scrollbar) {
  :is(sbb-form-field, sbb-timetable-form-field)[negative] :where(textarea) {
    scrollbar-width: var(--sbb-scrollbar-width-firefox);
    scrollbar-color: var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent);
  }
}
:is(sbb-form-field, sbb-timetable-form-field):has(:is(:is(input, textarea, select):user-invalid,
:is(:state(interacted), [state--interacted]):invalid,
.ng-touched.ng-invalid,
.sbb-invalid)),
:is(.ng-submitted, .sbb-show-errors) :is(sbb-form-field, sbb-timetable-form-field):has(:is(:invalid, .ng-invalid)) {
  --sbb-form-field-border-color: var(--sbb-color-error);
  --sbb-form-field-text-color: var(--sbb-color-error);
}

:is(sbb-form-field, sbb-timetable-form-field):has(:is(:is(input, textarea, select):user-invalid,
:is(:state(interacted), [state--interacted]):invalid,
.ng-touched.ng-invalid,
.sbb-invalid))[negative],
:is(.ng-submitted, .sbb-show-errors) :is(sbb-form-field, sbb-timetable-form-field):has(:is(:invalid, .ng-invalid))[negative] {
  --sbb-form-field-border-color: var(--sbb-color-red85);
  --sbb-form-field-text-color: var(--sbb-color-red85);
}

@media (forced-colors: active) {
  :is(sbb-form-field, sbb-timetable-form-field):has(:is(:is(input, textarea, select):user-invalid,
  :is(:state(interacted), [state--interacted]):invalid,
  .ng-touched.ng-invalid,
  .sbb-invalid)),
  :is(.ng-submitted, .sbb-show-errors) :is(sbb-form-field, sbb-timetable-form-field):has(:is(:invalid, .ng-invalid)) {
    --sbb-form-field-border-color: LinkText !important;
    --sbb-form-field-text-color: LinkText !important;
  }
}
:root.sbb-form-field-required-highlight :is(sbb-form-field, sbb-timetable-form-field):is(:state(empty), [state--empty]):not(:is(:state(readonly), [state--readonly]),
:is(:state(disabled), [state--disabled])):has(:where(input, select, textarea, sbb-select, sbb-date-input, sbb-time-input)[required]),
:is(sbb-form-field, sbb-timetable-form-field):is(:state(empty), [state--empty]):not(:is(:state(readonly), [state--readonly]),
:is(:state(disabled), [state--disabled])).sbb-form-field-required-highlight {
  --sbb-form-field-background-color: color-mix(in srgb, var(--sbb-color-peach) 5%, var(--sbb-background-color-1));
  --sbb-form-field-background-color: light-dark(
    color-mix(in srgb, var(--sbb-color-peach) 5%, var(--sbb-background-color-1)),
    color-mix(in srgb, var(--sbb-color-peach) 10%, var(--sbb-background-color-1))
  );
}

:root.sbb-form-field-required-highlight :is(sbb-form-field, sbb-timetable-form-field):is(:state(empty), [state--empty]):not(:is(:state(readonly), [state--readonly]),
:is(:state(disabled), [state--disabled])):has(:where(input, select, textarea, sbb-select, sbb-date-input, sbb-time-input)[required])[negative],
:is(sbb-form-field, sbb-timetable-form-field):is(:state(empty), [state--empty]):not(:is(:state(readonly), [state--readonly]),
:is(:state(disabled), [state--disabled])).sbb-form-field-required-highlight[negative] {
  --sbb-form-field-background-color: color-mix(
    in srgb,
    var(--sbb-color-peach) 10%,
    var(--sbb-background-color-1-negative)
  );
}

@media (forced-colors: active) {
  :root.sbb-form-field-required-highlight :is(sbb-form-field, sbb-timetable-form-field):not(:is(:state(readonly), [state--readonly]), :is(:state(disabled), [state--disabled])):has(:where(input, select, textarea, sbb-select, sbb-date-input, sbb-time-input)[required]) label::after, :is(sbb-form-field, sbb-timetable-form-field):not(:is(:state(readonly), [state--readonly]), :is(:state(disabled), [state--disabled])).sbb-form-field-required-highlight label::after {
    content: " *";
    color: Highlight;
  }
}
:root:has(sbb-header[size=m]) {
  --sbb-header-height: var(--sbb-spacing-fixed-14x);
}

:root:has(sbb-header[size=s]) {
  --sbb-header-height: 3.25rem;
}

@media (min-width: 64rem) {
  :root:has(sbb-header[size=m]) {
    --sbb-header-height: var(--sbb-spacing-fixed-24x);
  }
  :root:has(sbb-header[size=s]) {
    --sbb-header-height: var(--sbb-spacing-fixed-14x);
  }
}
sbb-header + :where(sbb-sidebar-container, sbb-icon-sidebar-container) {
  margin-block-start: var(--sbb-header-height);
}

.sbb-header-info {
  display: flex;
  padding-inline: var(--sbb-spacing-fixed-4x);
  gap: var(--sbb-spacing-fixed-1x);
  align-items: baseline;
  color: var(--sbb-color-1);
  font-size: var(--sbb-text-font-size-xs);
  letter-spacing: var(--sbb-typo-letter-spacing-text);
}

.sbb-header-info strong + * {
  font-size: var(--sbb-text-font-size-xxs);
  letter-spacing: var(--sbb-typo-letter-spacing-text);
  color: var(--sbb-color-granite);
  color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
}

sbb-icon-sidebar-content + sbb-icon-sidebar :is(sbb-icon-sidebar-link, sbb-icon-sidebar-button) {
  --sbb-icon-sidebar-button__current-border-inset-inline-start: auto;
}

sbb-icon-sidebar-content + sbb-icon-sidebar {
  border-start-end-radius: 0;
  border-start-start-radius: var(--sbb-icon-sidebar-border-radius);
}

sbb-lead-container > [slot=image]:is(sbb-image, img, picture),
sbb-lead-container > [slot=image] :is(sbb-image, img, picture):not(.sbb-figure-overlap-image) {
  --sbb-image-aspect-ratio: var(--sbb-lead-container-image-ratio);
  --sbb-image-object-fit: cover;
  border-radius: var(--sbb-lead-container-image-border-radius);
}

sbb-message > [slot=image]:is(sbb-image, img),
sbb-message > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap-image) {
  border-radius: var(--sbb-message-image-border-radius);
}

:where(sbb-select, sbb-autocomplete, sbb-autocomplete-grid)[size=s] :where(sbb-option, sbb-autocomplete-grid-option) {
  --sbb-option-min-height: var(--sbb-size-element-xxs);
  --sbb-focus-outline-offset: calc(-1 * var(--sbb-spacing-fixed-1x));
  --sbb-option-focus-outline-inset: 0 var(--sbb-spacing-fixed-1x);
}

:where(sbb-select, sbb-autocomplete, sbb-autocomplete-grid)[size=s] sbb-optgroup {
  --sbb-optgroup-label-padding-end: var(--sbb-spacing-fixed-1x);
}

:where(sbb-select, sbb-autocomplete, sbb-autocomplete-grid)[size=s] sbb-option-hint {
  --sbb-option-hint-padding-block-end: var(--sbb-spacing-fixed-1x);
}

.sbb-options-nowrap {
  --sbb-option-text-overflow: ellipsis;
  --sbb-option-overflow: hidden;
  --sbb-option-white-space: nowrap;
}

.sbb-select-trigger {
  width: 100%;
  height: var(--sbb-size-element-xs);
}

sbb-form-field .sbb-select-trigger {
  top: 0;
}

sbb-sidebar:has(sbb-sidebar-title) {
  --_sbb-sidebar-padding-block-start: 0;
}

sbb-sidebar:not(:has(sbb-sidebar-title)) sbb-sidebar-close-button {
  position: absolute;
}

sbb-sidebar-container:has(> sbb-sidebar:is(:state(skip-animation), [state--skip-animation])) {
  --sbb-sidebar-container-animation-duration: 0s;
}

sbb-sidebar-container:has(> sbb-sidebar:is([mode=over], :is(:state(mode-over-forced), [state--mode-over-forced])):is(:is(:state(state-opening), [state--state-opening]),
:is(:state(state-opened), [state--state-opened]))) {
  --sbb-sidebar-container__backdrop-visibility: visible;
  --sbb-sidebar-container-backdrop-opacity: 0.4;
}

sbb-sidebar-container:is(:has(> sbb-sidebar[position=end]:is(:is(:state(state-closing), [state--state-closing]),
:is(:state(state-closed), [state--state-closed]),
[mode=over],
:is(:state(mode-over-forced), [state--mode-over-forced]))),
:not(:has(> sbb-sidebar[position=end]))) > sbb-sidebar-content {
  --_sbb-sidebar-content-margin-inline-end: 0;
}

sbb-sidebar-container:is(:has(> sbb-sidebar:not([position=end]):is(:is(:state(state-closing), [state--state-closing]),
:is(:state(state-closed), [state--state-closed]),
[mode=over],
:is(:state(mode-over-forced), [state--mode-over-forced]))),
:not(:has(> sbb-sidebar:not([position=end])))) > sbb-sidebar-content {
  --_sbb-sidebar-content-margin-inline-start: 0;
}

sbb-tab-nav-bar .sbb-tab-amount {
  margin: 0;
  color: var(--sbb-tab-label-amount-color);
  font-weight: normal;
  text-decoration: var(--sbb-tab-label-text-decoration);
}

sbb-teaser :is(sbb-image, img):not(.sbb-figure-overlap-image) {
  --sbb-image-object-fit: cover;
  --sbb-image-aspect-ratio: 4 / 3;
  transition-property: filter, scale;
  will-change: filter, scale;
  scale: var(--sbb-teaser-scale, 1);
}

sbb-teaser-hero :is(sbb-image, img):not(.sbb-figure-overlap-image) {
  --sbb-image-aspect-ratio: 1 / 1;
  border-radius: 0;
}

@media (min-width: 37.5rem) {
  sbb-teaser-hero :is(sbb-image, img):not(.sbb-figure-overlap-image) {
    --sbb-image-aspect-ratio: 16 / 9;
  }
}
sbb-teaser-hero img:not(.sbb-figure-overlap-image) {
  display: block;
  align-self: stretch;
  width: 100%;
}

:is(sbb-teaser-product, sbb-teaser-product-static) :is(sbb-image, img):not(.sbb-figure-overlap-image) {
  border-radius: 0;
  --sbb-image-object-fit: cover;
  --sbb-image-aspect-ratio: 16 / 9;
}

:is(sbb-teaser-product, sbb-teaser-product-static) img:not(.sbb-figure-overlap-image) {
  place-self: stretch;
}

sbb-toggle:has(:focus-visible) {
  outline-offset: var(--sbb-focus-outline-offset);
  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);
}

.sbb-dark {
  color-scheme: dark;
}

.sbb-light {
  color-scheme: light;
}

.sbb-light-dark {
  color-scheme: light dark;
}

html {
  font-family: var(--sbb-typo-font-family);
  font-weight: normal;
  line-height: var(--sbb-typo-line-height-text);
  letter-spacing: var(--sbb-typo-letter-spacing-text);
  font-size: var(--sbb-text-font-size);
  color-scheme: light dark;
  color: var(--sbb-font-color-default);
  background-color: var(--sbb-background-color-1);
}

::placeholder {
  color: var(--sbb-color-5);
  -webkit-text-fill-color: var(--sbb-color-5);
  opacity: 1;
}

:is(sbb-autocomplete,
sbb-autocomplete-grid,
sbb-datepicker,
sbb-dialog,
sbb-menu,
sbb-navigation,
sbb-navigation-section,
sbb-overlay,
sbb-popover,
sbb-select,
sbb-skiplink-list,
sbb-toast,
sbb-tooltip):not(:defined) {
  display: none;
}

[popover]:where(sbb-autocomplete,
sbb-autocomplete-grid,
sbb-datepicker,
sbb-dialog,
sbb-menu,
sbb-navigation,
sbb-overlay,
sbb-popover,
sbb-toast) {
  margin: 0;
  padding: 0;
  border: none;
  width: auto;
  height: auto;
  background-color: transparent;
  color: inherit;
  pointer-events: none;
}

:is(sbb-card, sbb-flip-card) .sbb-action {
  pointer-events: all;
}

sbb-title + p {
  margin-block-start: 0;
}

img {
  aspect-ratio: var(--sbb-image-aspect-ratio);
  object-fit: var(--sbb-image-object-fit);
  object-position: var(--sbb-image-object-position);
}

:is(sbb-teaser, sbb-teaser-hero, sbb-teaser-product) {
  --sbb-teaser-image-brightness-hover: var(--sbb-hover-image-brightness);
  --sbb-teaser-image-animation-duration: var(
    --sbb-disable-animation-duration,
    var(--sbb-animation-duration-4x)
  );
  --sbb-teaser-image-animation-easing: var(--sbb-animation-easing);
}

@media (any-hover: hover) {
  :is(sbb-teaser, sbb-teaser-hero, sbb-teaser-product):hover {
    --sbb-teaser-image-brightness: var(--sbb-teaser-image-brightness-hover);
  }
}
:is(sbb-teaser, sbb-teaser-hero, sbb-teaser-product) :is(sbb-image, img):not(.sbb-figure-overlap-image) {
  will-change: filter;
  filter: brightness(var(--sbb-teaser-image-brightness, 1));
  transition: filter var(--sbb-teaser-image-animation-duration) var(--sbb-teaser-image-animation-easing);
}

sbb-train-formation:has(sbb-train[direction-label]) {
  --sbb-train-formation-reserve-spacing-display: block;
}

sbb-train-formation:has(sbb-train-wagon[sector]) {
  --sbb-train-formation-show-sectors-gap: 1;
}

sbb-train-formation:not(:has(sbb-train-wagon[label])) {
  --sbb-train-formation-wagon-label-display: none;
}

sbb-train-formation[view=side] sbb-train-wagon {
  --sbb-train-wagon-wagon-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40' fill='none'%3E%3Cpath d='M12.5,0.5 h55 a12,12 0 0 1 12,12 v15 a12,12 0 0 1 -12,12 h-55 a12,12 0 0 1 -12,-12 v-15 a12,12 0 0 1 12,-12 z' stroke='%23000000' stroke-width='1'/%3E%3C/svg%3E");
  --sbb-train-wagon-wagon-closed-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40' fill='none'%3E%3Crect x='0.5' y='0.5' width='79' height='39' rx='11.5' stroke='%23000000'/%3E%3Cpath d='M76 4L4 36' stroke='%23000000'/%3E%3Cpath d='M76 36L4 4' stroke='%23000000'/%3E%3C/svg%3E");
  --sbb-train-wagon-wagon-end-left-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40' fill='none'%3E%3Cpath d='M10.745 7.90416C13.5624 3.30431 18.5686 0.5 23.9627 0.5H68C74.3513 0.5 79.5 5.64873 79.5 12V28C79.5 34.3513 74.3513 39.5 68 39.5H11.922C2.93614 39.5 -2.57807 29.6562 2.11537 21.9934L10.745 7.90416Z' stroke='%23000000'/%3E%3C/svg%3E");
  --sbb-train-wagon-locomotive-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40' fill='none'%3E%3Cpath d='M10.745 7.90416C13.5624 3.30431 18.5686 0.5 23.9627 0.5H56.0373C61.4314 0.5 66.4376 3.30432 69.255 7.90416L77.8846 21.9934C82.5781 29.6562 77.0639 39.5 68.078 39.5H11.922C2.93615 39.5 -2.57807 29.6562 2.11537 21.9934L10.745 7.90416Z' stroke='%23000000'/%3E%3C/svg%3E");
  --sbb-train-wagon-wagon-end-right-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40' fill='none'%3E%3Cpath d='M0.5 12C0.5 5.64873 5.64873 0.5 12 0.5H56.0373C61.4314 0.5 66.4376 3.30432 69.255 7.90416L77.8846 21.9934C82.5781 29.6562 77.0638 39.5 68.0779 39.5H12C5.64873 39.5 0.5 34.3513 0.5 28V12Z' stroke='%23000000'/%3E%3C/svg%3E");
}

sbb-train-formation[view=top] sbb-train-wagon {
  --sbb-train-wagon-wagon-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40' fill='none'%3E%3Cpath d='M8.5,0.5 h63 a8,8 0 0 1 8,8 v23 a8,8 0 0 1 -8,8 h-63 a8,8 0 0 1 -8,-8 v-23 a8,8 0 0 1 8,-8 z' stroke='%23000000' stroke-width='1'/%3E%3C/svg%3E%0A");
  --sbb-train-wagon-wagon-closed-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40' fill='none'%3E%3Crect x='0.5' y='0.5' width='79' height='39' rx='7.5' stroke='%23000000'/%3E%3Cpath d='M77.5 2.5L2.5 37.5' stroke='%23000000'/%3E%3Cpath d='M77.5 37.5L2.5 2.5' stroke='%23000000'/%3E%3C/svg%3E");
  --sbb-train-wagon-wagon-end-left-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40' fill='none'%3E%3Cpath transform='translate(80,40) rotate(180)' d='M8.5,0.5 h51.5 a19.5,19.5 0 0 1 19.5,19.5 v0 a19.5,19.5 0 0 1 -19.5,19.5 h-51.5 a8,8 0 0 1 -8,-8 v-23 a8,8 0 0 1 8,-8 z' stroke='%23000000' stroke-width='1'/%3E%3C/svg%3E");
  --sbb-train-wagon-locomotive-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40' fill='none'%3E%3Cpath d='M20,0.5 h40 a19.5,19.5 0 0 1 19.5,19.5 v0 a19.5,19.5 0 0 1 -19.5,19.5 h-40 a19.5,19.5 0 0 1 -19.5,-19.5 v0 a19.5,19.5 0 0 1 19.5,-19.5 z' stroke='%23000000' stroke-width='1'/%3E%3C/svg%3E%0A");
  --sbb-train-wagon-wagon-end-right-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40' fill='none'%3E%3Cpath d='M8.5,0.5 h51.5 a19.5,19.5 0 0 1 19.5,19.5 v0 a19.5,19.5 0 0 1 -19.5,19.5 h-51.5 a8,8 0 0 1 -8,-8 v-23 a8,8 0 0 1 8,-8 z' stroke='%23000000' stroke-width='1'/%3E%3C/svg%3E");
}

.sbb-overlay-outlet {
  position: fixed;
  inset: 0;
  pointer-events: none;
}

sub {
  bottom: -0.36em;
}

sup {
  top: -0.5em;
}

.sbb-text-xxs,
.sbb-text-xs,
.sbb-text-s,
.sbb-text-m,
.sbb-text-l,
.sbb-text-xl {
  font-family: var(--sbb-typo-font-family);
  font-weight: normal;
  line-height: var(--sbb-typo-line-height-text);
  letter-spacing: var(--sbb-typo-letter-spacing-text);
  font-size: var(--sbb-text-font-size);
}

.sbb-text-xxs {
  --sbb-text-font-size: var(--sbb-text-font-size-xxs);
}

.sbb-text-xs {
  --sbb-text-font-size: var(--sbb-text-font-size-xs);
}

.sbb-text-s {
  --sbb-text-font-size: var(--sbb-text-font-size-s);
}

.sbb-text-m {
  --sbb-text-font-size: var(--sbb-text-font-size-m);
}

.sbb-text-l {
  --sbb-text-font-size: var(--sbb-text-font-size-l);
}

.sbb-text-xl {
  --sbb-text-font-size: var(--sbb-text-font-size-xl);
}

.sbb-text--bold {
  font-weight: bold;
}

.sbb-legend {
  --sbb-text-font-size: var(--sbb-text-font-size-xs);
  font-family: var(--sbb-typo-font-family);
  font-weight: normal;
  line-height: var(--sbb-typo-line-height-text);
  letter-spacing: var(--sbb-typo-letter-spacing-text);
  font-size: var(--sbb-text-font-size);
  padding: 0;
  color: var(--sbb-color-granite);
  color: light-dark(var(--sbb-color-granite), var(--sbb-color-cement));
}

.sbb-screen-reader-only {
  border: 0;
  clip-path: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.sbb-focus-outline:focus-visible {
  outline-offset: var(--sbb-focus-outline-offset);
  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);
}

.sbb-focus-outline-dark:focus-visible {
  outline-offset: var(--sbb-focus-outline-offset);
  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);
  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);
}

[sbb-badge] {
  --sbb-badge-position-offset: calc(var(--sbb-spacing-fixed-2x) * -1);
  position: relative;
}

[sbb-badge]::after {
  --sbb-text-font-size: var(--sbb-text-font-size-xxs);
  font-family: var(--sbb-typo-font-family);
  font-weight: normal;
  line-height: var(--sbb-typo-line-height-text);
  letter-spacing: var(--sbb-typo-letter-spacing-text);
  font-size: var(--sbb-text-font-size);
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: var(--sbb-spacing-fixed-1x);
  border-radius: var(--sbb-border-radius-infinity);
  background-color: var(--sbb-color-primary);
  color: var(--sbb-color-1-negative);
  min-width: var(--sbb-spacing-fixed-4x);
  max-height: var(--sbb-spacing-fixed-4x);
  outline: var(--sbb-border-width-1x) solid transparent;
  content: attr(sbb-badge);
  position: absolute;
  inset-block-start: var(--sbb-badge-position-offset);
}

[sbb-badge]:where([sbb-badge-position=before])::after {
  inset-inline-start: var(--sbb-badge-position-offset);
}

[sbb-badge]:where(:not([sbb-badge-position]), [sbb-badge-position=after])::after {
  inset-inline-end: var(--sbb-badge-position-offset);
}

.sbb-disable-animation {
  --sbb-disable-animation-duration: 0s;
}

.sbb-disable-animation-locally {
  --sbb-disable-animation-duration: 0s;
}

.sbb-disable-animation-locally > * {
  --sbb-disable-animation-duration: initial;
}

.sbb-enable-animation {
  --sbb-disable-animation-duration: initial;
}

.sbb-figure {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-rows: auto;
  margin: 0;
}

.sbb-figure :is(img, sbb-image, .sbb-image):not(.sbb-figure-overlap-image) {
  grid-row: 1;
  grid-column: 1;
  width: 100%;
}

.sbb-figure :is(figcaption, .sbb-caption) {
  grid-row: 2;
  grid-column: 1;
  padding-block-start: var(--sbb-spacing-fixed-4x);
  color: var(--sbb-color-granite);
  color: light-dark(var(--sbb-color-granite), var(--sbb-color-cement));
  --sbb-text-font-size: var(--sbb-text-font-size-xs);
  font-family: var(--sbb-typo-font-family);
  font-weight: normal;
  line-height: var(--sbb-typo-line-height-text);
  letter-spacing: var(--sbb-typo-letter-spacing-text);
  font-size: var(--sbb-text-font-size);
}

.sbb-figure :is(.sbb-figure-overlap-start-start,
.sbb-figure-overlap-start-end,
.sbb-figure-overlap-end-start,
.sbb-figure-overlap-end-end) {
  display: flex;
  gap: var(--sbb-spacing-fixed-1x);
  flex-wrap: wrap;
  margin: var(--sbb-spacing-responsive-xxxs);
  color-scheme: only light;
  position: relative;
  order: 1;
  grid-row: 1;
  grid-column: 1;
}

.sbb-figure .sbb-figure-overlap-start-start {
  place-self: start start;
  justify-content: start;
}

.sbb-figure .sbb-figure-overlap-start-end {
  place-self: start end;
  justify-content: end;
}

.sbb-figure .sbb-figure-overlap-end-start {
  place-self: end start;
  justify-content: start;
}

.sbb-figure .sbb-figure-overlap-end-end {
  place-self: end end;
  justify-content: end;
}

:is(sbb-image, img).sbb-image-free {
  --sbb-image-aspect-ratio: auto;
}

:is(sbb-image, img).sbb-image-1-1 {
  --sbb-image-aspect-ratio: 1 / 1;
}

:is(sbb-image, img).sbb-image-1-2 {
  --sbb-image-aspect-ratio: 1 / 2;
}

:is(sbb-image, img).sbb-image-2-1 {
  --sbb-image-aspect-ratio: 2 / 1;
}

:is(sbb-image, img).sbb-image-2-3 {
  --sbb-image-aspect-ratio: 2 / 3;
}

:is(sbb-image, img).sbb-image-3-2 {
  --sbb-image-aspect-ratio: 3 / 2;
}

:is(sbb-image, img).sbb-image-3-4 {
  --sbb-image-aspect-ratio: 3 / 4;
}

:is(sbb-image, img).sbb-image-4-3 {
  --sbb-image-aspect-ratio: 4 / 3;
}

:is(sbb-image, img).sbb-image-4-5 {
  --sbb-image-aspect-ratio: 4 / 5;
}

:is(sbb-image, img).sbb-image-5-4 {
  --sbb-image-aspect-ratio: 5 / 4;
}

:is(sbb-image, img).sbb-image-9-16 {
  --sbb-image-aspect-ratio: 9 / 16;
}

:is(sbb-image, img).sbb-image-16-9 {
  --sbb-image-aspect-ratio: 16 / 9;
}

:is(img, sbb-image).sbb-image-border-radius-default {
  border-radius: var(--sbb-border-radius-4x);
}

:is(img, sbb-image).sbb-image-border-radius-none {
  border-radius: 0;
}

:is(img, sbb-image).sbb-image-border-radius-round {
  border-radius: var(--sbb-border-radius-infinity);
}

.sbb-grid,
.sbb-page-spacing {
  padding-inline: var(--sbb-page-spacing-padding, var(--sbb-layout-base-offset-responsive));
  margin-inline: auto;
  width: 100%;
}

@media (min-width: 90rem) {
  .sbb-grid,
  .sbb-page-spacing {
    max-width: var(--sbb-spacing-max-width, calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)));
  }
}
.sbb-grid-expanded,
.sbb-page-spacing-expanded {
  padding-inline: var(--sbb-page-spacing-padding, var(--sbb-spacing-responsive-xxs));
}

.sbb-grid,
.sbb-grid-expanded {
  display: grid;
  gap: var(--sbb-grid-base-gutter-responsive);
  grid-template-columns: repeat(var(--sbb-grid-base-columns), 1fr);
}

.sbb-grid-only {
  display: grid;
  gap: var(--sbb-grid-base-gutter-responsive);
  grid-template-columns: repeat(var(--sbb-grid-base-columns), 1fr);
}

.sbb-list:where(ol, ul) {
  --sbb-list-vertical-gap: 0.75em;
  --sbb-list-padding-inline-start: 1.5em;
}

.sbb-list:where(ol, ul),
.sbb-list:where(ol, ul) :is(ol, ul) {
  margin: 0;
  padding: 0;
  padding-inline-start: var(--sbb-list-padding-inline-start);
}

.sbb-list:where(ol, ul) > li + li,
.sbb-list:where(ol, ul) :is(ol, ul) > li + li {
  margin-block-start: var(--sbb-list-vertical-gap);
}

.sbb-list:where(ol, ul) > li p,
.sbb-list:where(ol, ul) :is(ol, ul) > li p {
  margin-block: 0;
}

.sbb-list:where(ol, ul) > li > * + p,
.sbb-list:where(ol, ul) :is(ol, ul) > li > * + p {
  margin-block-start: var(--sbb-spacing-responsive-xxxs);
}

.sbb-list:where(ol, ul) :is(ul, ol), .sbb-step-list .sbb-list:where(ol, ul) {
  margin-block-start: var(--sbb-list-vertical-gap);
}

.sbb-list:where(ul),
.sbb-list:where(ul) ul {
  list-style-type: none;
}

.sbb-list:where(ul) > li,
.sbb-list:where(ul) ul > li {
  position: relative;
}

.sbb-list:where(ul) > li::before,
.sbb-list:where(ul) ul > li::before {
  content: "•";
  position: absolute;
  display: flex;
  height: 1em;
  width: 1em;
  align-items: center;
  justify-content: center;
  inset-block-start: calc(0.5 * (var(--sbb-typo-line-height-text) * 1em - 1em));
  inset-inline-start: calc(-1 * (0.5 * var(--sbb-list-padding-inline-start) + 0.5em));
  transform: scale(1.3);
}

.sbb-list:where(dl) {
  --sbb-text-font-size: var(--sbb-text-font-size-s);
  font-family: var(--sbb-typo-font-family);
  font-weight: normal;
  line-height: var(--sbb-typo-line-height-text);
  letter-spacing: var(--sbb-typo-letter-spacing-text);
  font-size: var(--sbb-text-font-size);
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: auto minmax(20%, 1fr);
  gap: var(--sbb-spacing-fixed-1x) var(--sbb-spacing-fixed-2x);
}

.sbb-list:where(dl) :is(dt, dd) {
  margin: 0;
  padding: 0;
}

.sbb-step-list {
  --sbb-step-list-dimensions: 2.125rem;
  --sbb-step-list-padding-inline: var(--sbb-spacing-responsive-xxs);
  --sbb-step-list-to-text-gap: var(--sbb-spacing-responsive-xxxs);
  --sbb-step-list-padding-block: var(--sbb-spacing-fixed-3x);
  --sbb-step-list-vertical-gap: var(--sbb-spacing-fixed-1x);
  --sbb-step-list-border-radius: var(--sbb-border-radius-4x);
  --sbb-step-list-color: var(--sbb-color-2);
  --sbb-step-list-text-to-marker-block-offset: calc(
    0.5 *
      (
        var(--sbb-step-list-dimensions) - var(--sbb-typo-line-height-text) *
          var(--sbb-text-font-size)
      )
  );
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: steps;
  color: var(--sbb-step-list-color);
}

.sbb-step-list:where(.sbb-text-s) {
  --sbb-step-list-padding-block: var(--sbb-spacing-fixed-4x);
}

.sbb-step-list:where(.sbb-text-m, .sbb-text-l, .sbb-text-xl) {
  --sbb-step-list-padding-block: var(--sbb-spacing-fixed-5x);
}

@media (min-width: 64rem) {
  .sbb-step-list:where(.sbb-text-xl) {
    --sbb-step-list-dimensions: 2.5625rem;
  }
}
.sbb-step-list > li {
  position: relative;
  counter-increment: steps;
  background-color: var(--sbb-background-color-3);
  padding-block: calc(var(--sbb-step-list-padding-block) + var(--sbb-step-list-text-to-marker-block-offset)) var(--sbb-step-list-padding-block);
  padding-inline: calc(var(--sbb-step-list-padding-inline) + var(--sbb-step-list-dimensions) + var(--sbb-step-list-to-text-gap)) var(--sbb-step-list-padding-inline);
  min-height: calc(var(--sbb-step-list-dimensions) + 2 * var(--sbb-step-list-padding-block));
}

.sbb-step-list > li::before {
  --sbb-text-font-size: var(--sbb-text-font-size-xxs);
  font-family: var(--sbb-typo-font-family);
  font-weight: normal;
  line-height: var(--sbb-typo-line-height-text);
  letter-spacing: var(--sbb-typo-letter-spacing-text);
  font-size: var(--sbb-text-font-size);
  font-weight: bold;
  content: counter(steps);
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--sbb-step-list-dimensions);
  width: var(--sbb-step-list-dimensions);
  margin-block-start: calc(-1 * var(--sbb-step-list-text-to-marker-block-offset));
  inset-inline-start: var(--sbb-step-list-padding-inline);
  color: var(--sbb-step-list-color);
  border: var(--sbb-border-width-1x) solid var(--sbb-color-cement);
  border: var(--sbb-border-width-1x) solid light-dark(var(--sbb-color-cement), var(--sbb-color-smoke));
  border-radius: 50%;
}

.sbb-step-list > li + li {
  margin-block-start: var(--sbb-step-list-vertical-gap);
}

.sbb-step-list > li p {
  margin-block: 0;
}

.sbb-step-list > li > * + p {
  margin-block-start: var(--sbb-spacing-responsive-xxxs);
}

.sbb-step-list > li:first-of-type {
  border-start-start-radius: var(--sbb-step-list-border-radius);
  border-start-end-radius: var(--sbb-step-list-border-radius);
}

.sbb-step-list > li:last-of-type {
  border-end-start-radius: var(--sbb-step-list-border-radius);
  border-end-end-radius: var(--sbb-step-list-border-radius);
}

.sbb-icon-list {
  --sbb-icon-list-marker-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="%23000" fill-rule="evenodd" d="M3 12a9 9 0 0 1 9-9 9 9 0 0 1 9 9 9 9 0 0 1-9 9 9 9 0 0 1-9-9m9-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m-1.104 13.305 5-6.5-.792-.61-4.69 6.096-2.102-1.681-.624.78 2.5 2 .398.319z" clip-rule="evenodd"></path></svg>');
  --sbb-icon-list-marker-icon-color: currentcolor;
  --sbb-icon-list-vertical-gap: var(--sbb-spacing-fixed-2x);
  --sbb-icon-list-dimensions: var(--sbb-size-icon-ui-small);
  --sbb-icon-list-to-text-gap: var(--sbb-spacing-fixed-2x);
  --sbb-icon-list-text-to-marker-block-offset: calc(
    0.5 *
      (
        var(--sbb-icon-list-dimensions) - var(--sbb-typo-line-height-text) *
          var(--sbb-text-font-size)
      )
  );
  list-style: none;
  margin: 0;
  padding: 0;
}

.sbb-icon-list > li {
  position: relative;
  padding-inline: calc(var(--sbb-icon-list-dimensions) + var(--sbb-icon-list-to-text-gap)) 0;
  min-height: var(--sbb-icon-list-dimensions);
}

.sbb-icon-list > li + li {
  margin-block-start: var(--sbb-icon-list-vertical-gap);
}

.sbb-icon-list > li p {
  margin-block: 0;
}

.sbb-icon-list > li > * + p {
  margin-block-start: var(--sbb-spacing-responsive-xxxs);
}

.sbb-icon-list > li::before {
  content: "";
  position: absolute;
  width: var(--sbb-icon-list-dimensions);
  height: var(--sbb-icon-list-dimensions);
  margin-block-start: calc(-1 * var(--sbb-icon-list-text-to-marker-block-offset));
  inset-inline-start: 0;
  background-color: var(--sbb-icon-list-marker-icon-color);
  mask-image: var(--sbb-icon-list-marker-icon);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
}

@media (forced-colors: active) {
  .sbb-icon-list > li::before {
    background-color: CanvasText;
  }
}
.sbb-scrollbar,
.sbb-scrollbar-negative,
.sbb-scrollbar-thick,
.sbb-scrollbar-thick-negative,
.sbb-scrollbar-track-visible,
.sbb-scrollbar-negative-track-visible,
.sbb-scrollbar-thick-track-visible,
.sbb-scrollbar-thick-negative-track-visible {
  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
}

.sbb-scrollbar::-webkit-scrollbar,
.sbb-scrollbar-negative::-webkit-scrollbar,
.sbb-scrollbar-thick::-webkit-scrollbar,
.sbb-scrollbar-thick-negative::-webkit-scrollbar,
.sbb-scrollbar-track-visible::-webkit-scrollbar,
.sbb-scrollbar-negative-track-visible::-webkit-scrollbar,
.sbb-scrollbar-thick-track-visible::-webkit-scrollbar,
.sbb-scrollbar-thick-negative-track-visible::-webkit-scrollbar {
  width: var(--sbb-scrollbar-width);
  height: var(--sbb-scrollbar-width);
  background-color: var(--sbb-scrollbar-track-color, transparent);
}

.sbb-scrollbar::-webkit-scrollbar-corner,
.sbb-scrollbar-negative::-webkit-scrollbar-corner,
.sbb-scrollbar-thick::-webkit-scrollbar-corner,
.sbb-scrollbar-thick-negative::-webkit-scrollbar-corner,
.sbb-scrollbar-track-visible::-webkit-scrollbar-corner,
.sbb-scrollbar-negative-track-visible::-webkit-scrollbar-corner,
.sbb-scrollbar-thick-track-visible::-webkit-scrollbar-corner,
.sbb-scrollbar-thick-negative-track-visible::-webkit-scrollbar-corner {
  background-color: var(--sbb-scrollbar-track-color, transparent);
}

.sbb-scrollbar::-webkit-scrollbar-thumb,
.sbb-scrollbar-negative::-webkit-scrollbar-thumb,
.sbb-scrollbar-thick::-webkit-scrollbar-thumb,
.sbb-scrollbar-thick-negative::-webkit-scrollbar-thumb,
.sbb-scrollbar-track-visible::-webkit-scrollbar-thumb,
.sbb-scrollbar-negative-track-visible::-webkit-scrollbar-thumb,
.sbb-scrollbar-thick-track-visible::-webkit-scrollbar-thumb,
.sbb-scrollbar-thick-negative-track-visible::-webkit-scrollbar-thumb {
  background-color: var(--sbb-scrollbar-color, currentcolor);
  border: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;
  border-radius: var(--sbb-border-radius-4x);
  background-clip: padding-box;
}

.sbb-scrollbar::-webkit-scrollbar-thumb:hover,
.sbb-scrollbar-negative::-webkit-scrollbar-thumb:hover,
.sbb-scrollbar-thick::-webkit-scrollbar-thumb:hover,
.sbb-scrollbar-thick-negative::-webkit-scrollbar-thumb:hover,
.sbb-scrollbar-track-visible::-webkit-scrollbar-thumb:hover,
.sbb-scrollbar-negative-track-visible::-webkit-scrollbar-thumb:hover,
.sbb-scrollbar-thick-track-visible::-webkit-scrollbar-thumb:hover,
.sbb-scrollbar-thick-negative-track-visible::-webkit-scrollbar-thumb:hover {
  background-color: var(--sbb-scrollbar-color-hover, currentcolor);
  border-width: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)));
}

.sbb-scrollbar::-webkit-scrollbar-button, .sbb-scrollbar::-webkit-scrollbar-corner,
.sbb-scrollbar-negative::-webkit-scrollbar-button,
.sbb-scrollbar-negative::-webkit-scrollbar-corner,
.sbb-scrollbar-thick::-webkit-scrollbar-button,
.sbb-scrollbar-thick::-webkit-scrollbar-corner,
.sbb-scrollbar-thick-negative::-webkit-scrollbar-button,
.sbb-scrollbar-thick-negative::-webkit-scrollbar-corner,
.sbb-scrollbar-track-visible::-webkit-scrollbar-button,
.sbb-scrollbar-track-visible::-webkit-scrollbar-corner,
.sbb-scrollbar-negative-track-visible::-webkit-scrollbar-button,
.sbb-scrollbar-negative-track-visible::-webkit-scrollbar-corner,
.sbb-scrollbar-thick-track-visible::-webkit-scrollbar-button,
.sbb-scrollbar-thick-track-visible::-webkit-scrollbar-corner,
.sbb-scrollbar-thick-negative-track-visible::-webkit-scrollbar-button,
.sbb-scrollbar-thick-negative-track-visible::-webkit-scrollbar-corner {
  display: none;
}

@supports not selector(::-webkit-scrollbar) {
  .sbb-scrollbar,
  .sbb-scrollbar-negative,
  .sbb-scrollbar-thick,
  .sbb-scrollbar-thick-negative,
  .sbb-scrollbar-track-visible,
  .sbb-scrollbar-negative-track-visible,
  .sbb-scrollbar-thick-track-visible,
  .sbb-scrollbar-thick-negative-track-visible {
    scrollbar-width: var(--sbb-scrollbar-width-firefox);
    scrollbar-color: var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent);
  }
}
.sbb-scrollbar {
  --sbb-scrollbar-thumb-width: 0.125rem;
  --sbb-scrollbar-thumb-width-hover: 0.25rem;
  --sbb-scrollbar-width-firefox: thin;
  --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);
  --sbb-scrollbar-color: light-dark(
    color-mix(in srgb, var(--sbb-color-black) 30%, transparent),
    color-mix(in srgb, var(--sbb-color-white) 30%, transparent)
  );
  --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);
  --sbb-scrollbar-color-hover: light-dark(
    color-mix(in srgb, var(--sbb-color-black) 60%, transparent),
    color-mix(in srgb, var(--sbb-color-white) 60%, transparent)
  );
  --sbb-scrollbar-track-color: transparent;
}

.sbb-scrollbar-negative {
  --sbb-scrollbar-thumb-width: 0.125rem;
  --sbb-scrollbar-thumb-width-hover: 0.25rem;
  --sbb-scrollbar-width-firefox: thin;
  --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);
  --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);
  --sbb-scrollbar-track-color: transparent;
}

.sbb-scrollbar-thick {
  --sbb-scrollbar-thumb-width: 0.5rem;
  --sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);
  --sbb-scrollbar-width-firefox: auto;
  --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);
  --sbb-scrollbar-color: light-dark(
    color-mix(in srgb, var(--sbb-color-black) 30%, transparent),
    color-mix(in srgb, var(--sbb-color-white) 30%, transparent)
  );
  --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);
  --sbb-scrollbar-color-hover: light-dark(
    color-mix(in srgb, var(--sbb-color-black) 60%, transparent),
    color-mix(in srgb, var(--sbb-color-white) 60%, transparent)
  );
  --sbb-scrollbar-track-color: transparent;
}

.sbb-scrollbar-thick-negative {
  --sbb-scrollbar-thumb-width: 0.5rem;
  --sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);
  --sbb-scrollbar-width-firefox: auto;
  --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);
  --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);
  --sbb-scrollbar-track-color: transparent;
}

.sbb-scrollbar-track-visible {
  --sbb-scrollbar-thumb-width: 0.125rem;
  --sbb-scrollbar-thumb-width-hover: 0.25rem;
  --sbb-scrollbar-width-firefox: thin;
  --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);
  --sbb-scrollbar-color: light-dark(
    color-mix(in srgb, var(--sbb-color-black) 30%, transparent),
    color-mix(in srgb, var(--sbb-color-white) 30%, transparent)
  );
  --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);
  --sbb-scrollbar-color-hover: light-dark(
    color-mix(in srgb, var(--sbb-color-black) 60%, transparent),
    color-mix(in srgb, var(--sbb-color-white) 60%, transparent)
  );
  --sbb-scrollbar-track-color: var(--sbb-background-color-4);
}

.sbb-scrollbar-negative-track-visible {
  --sbb-scrollbar-thumb-width: 0.125rem;
  --sbb-scrollbar-thumb-width-hover: 0.25rem;
  --sbb-scrollbar-width-firefox: thin;
  --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);
  --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);
  --sbb-scrollbar-track-color: var(--sbb-background-color-4-negative);
}

.sbb-scrollbar-thick-track-visible {
  --sbb-scrollbar-thumb-width: 0.5rem;
  --sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);
  --sbb-scrollbar-width-firefox: auto;
  --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);
  --sbb-scrollbar-color: light-dark(
    color-mix(in srgb, var(--sbb-color-black) 30%, transparent),
    color-mix(in srgb, var(--sbb-color-white) 30%, transparent)
  );
  --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);
  --sbb-scrollbar-color-hover: light-dark(
    color-mix(in srgb, var(--sbb-color-black) 60%, transparent),
    color-mix(in srgb, var(--sbb-color-white) 60%, transparent)
  );
  --sbb-scrollbar-track-color: var(--sbb-background-color-4);
}

.sbb-scrollbar-thick-negative-track-visible {
  --sbb-scrollbar-thumb-width: 0.5rem;
  --sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);
  --sbb-scrollbar-width-firefox: auto;
  --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);
  --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);
  --sbb-scrollbar-track-color: var(--sbb-background-color-4-negative);
}

:root {
  --sbb-table-border-color: var(--sbb-color-cloud);
  --sbb-table-border-color: light-dark(var(--sbb-color-cloud), var(--sbb-color-anthracite));
  --sbb-table-background-color: var(--sbb-background-color-1);
  --sbb-table-row-striped-color: var(--sbb-background-color-3);
  --sbb-table-color: var(--sbb-color-1);
  --sbb-table-caption-color: var(--sbb-color-granite);
  --sbb-table-caption-color: light-dark(var(--sbb-color-granite), var(--sbb-color-cement));
  --sbb-table-caption-margin-block-start: var(--sbb-spacing-fixed-4x);
  --sbb-table-sticky-shadow-width: 3rem;
  --sbb-table-sticky-shadow-transition-easing: var(--sbb-animation-easing);
  --sbb-table-header-cell-font-size: var(--sbb-text-font-size-xs);
  --sbb-table-data-cell-font-size: var(--sbb-text-font-size-s);
  --sbb-table-header-padding-block: var(--sbb-spacing-fixed-3x);
  --sbb-table-header-padding-inline: var(--sbb-spacing-fixed-4x);
  --sbb-table-cell-padding-block: var(--sbb-spacing-responsive-xxxs);
  --sbb-table-cell-padding-inline: var(--sbb-spacing-fixed-4x);
}

.sbb-table,
.sbb-table-m,
.sbb-table-s,
.sbb-table-xs {
  --sbb-table-border: var(--sbb-border-width-1x) solid var(--sbb-table-border-color);
  --sbb-table-sticky-shadow-transition-duration: var(
    --sbb-disable-animation-duration,
    var(--sbb-animation-duration-6x)
  );
  border-spacing: 0;
  caption-side: bottom;
  color: var(--sbb-table-color);
  table-layout: auto;
  text-align: left;
}

.sbb-table th,
.sbb-table-m th,
.sbb-table-s th,
.sbb-table-xs th {
  font-size: var(--sbb-table-header-cell-font-size);
  letter-spacing: var(--sbb-typo-letter-spacing-text);
  font-weight: bold;
  background-color: var(--sbb-table-background-color);
  border-block-end: var(--sbb-table-border);
  border-inline-end: var(--sbb-table-border);
  padding-block: var(--sbb-table-header-padding-block);
  padding-inline: var(--sbb-table-header-padding-inline);
}

.sbb-table td,
.sbb-table-m td,
.sbb-table-s td,
.sbb-table-xs td {
  font-size: var(--sbb-table-data-cell-font-size);
  letter-spacing: var(--sbb-typo-letter-spacing-text);
  background-color: var(--sbb-table-background-color);
  border-block-end: var(--sbb-table-border);
  border-inline-end: var(--sbb-table-border);
  padding-block: var(--sbb-table-cell-padding-block);
  padding-inline: var(--sbb-table-cell-padding-inline);
}

.sbb-table :is(th, td).sbb-table-group-with-next,
.sbb-table-m :is(th, td).sbb-table-group-with-next,
.sbb-table-s :is(th, td).sbb-table-group-with-next,
.sbb-table-xs :is(th, td).sbb-table-group-with-next {
  border-inline-end: none;
}

.sbb-table :is(th, td):first-child,
.sbb-table-m :is(th, td):first-child,
.sbb-table-s :is(th, td):first-child,
.sbb-table-xs :is(th, td):first-child {
  border-inline-start: var(--sbb-table-border);
}

.sbb-table tbody tr:nth-child(odd) :is(th, td),
.sbb-table-m tbody tr:nth-child(odd) :is(th, td),
.sbb-table-s tbody tr:nth-child(odd) :is(th, td),
.sbb-table-xs tbody tr:nth-child(odd) :is(th, td) {
  background-color: var(--sbb-table-row-striped-color);
}

.sbb-table:has(thead tr) thead tr:first-of-type > :is(th, td), .sbb-table:not(:has(thead tr)) tbody tr:first-of-type > :is(th, td),
.sbb-table-m:has(thead tr) thead tr:first-of-type > :is(th, td),
.sbb-table-m:not(:has(thead tr)) tbody tr:first-of-type > :is(th, td),
.sbb-table-s:has(thead tr) thead tr:first-of-type > :is(th, td),
.sbb-table-s:not(:has(thead tr)) tbody tr:first-of-type > :is(th, td),
.sbb-table-xs:has(thead tr) thead tr:first-of-type > :is(th, td),
.sbb-table-xs:not(:has(thead tr)) tbody tr:first-of-type > :is(th, td) {
  border-block-start: var(--sbb-table-border);
}

.sbb-table thead > tr:has(+ tr) > :is(th, td),
.sbb-table-m thead > tr:has(+ tr) > :is(th, td),
.sbb-table-s thead > tr:has(+ tr) > :is(th, td),
.sbb-table-xs thead > tr:has(+ tr) > :is(th, td) {
  border-block-end: none;
}

.sbb-table caption,
.sbb-table-m caption,
.sbb-table-s caption,
.sbb-table-xs caption {
  --sbb-table-caption-color-fallback: var(--sbb-color-granite);
  --sbb-table-caption-color-fallback: light-dark(
    var(--sbb-color-granite),
    var(--sbb-color-cement)
  );
  font-size: var(--sbb-text-font-size-xs);
  letter-spacing: var(--sbb-typo-letter-spacing-text);
  color: var(--sbb-table-caption-color, var(--sbb-table-caption-color-fallback));
  margin-block-start: var(--sbb-table-caption-margin-block-start, var(--sbb-spacing-fixed-4x));
  text-align: left;
}

.sbb-table-m {
  --sbb-table-header-cell-font-size: var(--sbb-text-font-size-xs);
  --sbb-table-data-cell-font-size: var(--sbb-text-font-size-s);
  --sbb-table-header-padding-block: var(--sbb-spacing-fixed-3x);
  --sbb-table-header-padding-inline: var(--sbb-spacing-fixed-4x);
  --sbb-table-cell-padding-block: var(--sbb-spacing-responsive-xxxs);
  --sbb-table-cell-padding-inline: var(--sbb-spacing-fixed-4x);
}

.sbb-table-s {
  --sbb-table-header-cell-font-size: var(--sbb-text-font-size-xs);
  --sbb-table-data-cell-font-size: var(--sbb-text-font-size-xs);
  --sbb-table-header-padding-block: var(--sbb-spacing-fixed-1x);
  --sbb-table-header-padding-inline: var(--sbb-spacing-fixed-2x);
  --sbb-table-cell-padding-block: var(--sbb-spacing-fixed-1x);
  --sbb-table-cell-padding-inline: var(--sbb-spacing-fixed-2x);
}

.sbb-table-xs {
  --sbb-table-header-cell-font-size: var(--sbb-text-font-size-xs);
  --sbb-table-data-cell-font-size: var(--sbb-text-font-size-xs);
  --sbb-table-header-padding-block: 0;
  --sbb-table-header-padding-inline: var(--sbb-spacing-fixed-1x);
  --sbb-table-cell-padding-block: 0;
  --sbb-table-cell-padding-inline: var(--sbb-spacing-fixed-1x);
}

sbb-table-wrapper[negative] .sbb-table,
.sbb-table--negative {
  --sbb-table-border-color: var(--sbb-color-anthracite);
  --sbb-table-background-color: var(--sbb-background-color-1-negative);
  --sbb-table-color: var(--sbb-color-1-negative);
  --sbb-table-row-striped-color: var(--sbb-background-color-3-negative);
  --sbb-table-caption-color: var(--sbb-color-cement);
}

.sbb-table--striped tbody tr:nth-child(odd) :is(th, td) {
  background-color: var(--sbb-table-row-striped-color);
}

.sbb-table--unstriped tbody tr:nth-child(odd) :is(th, td) {
  background-color: var(--sbb-table-background-color);
}

.sbb-table--theme-iron {
  --sbb-table-cell-color: var(--sbb-color-4);
}

sbb-table-wrapper[negative] .sbb-table--theme-iron, .sbb-table--theme-iron.sbb-table--negative {
  --sbb-table-cell-color: var(--sbb-color-cloud);
}

.sbb-table--theme-iron tbody > tr > td {
  color: var(--sbb-table-cell-color);
}

.sbb-table-header-subtitle {
  font-weight: normal;
}

.sbb-table-header-row:last-of-type > th {
  border-block-end: var(--sbb-table-border);
}

.sbb-table-header-cell {
  font-size: var(--sbb-table-header-cell-font-size);
  letter-spacing: var(--sbb-typo-letter-spacing-text);
  font-weight: bold;
  background-color: var(--sbb-table-background-color);
  border-block-end: var(--sbb-table-border);
  border-inline-end: var(--sbb-table-border);
  padding-block: var(--sbb-table-header-padding-block);
  padding-inline: var(--sbb-table-header-padding-inline);
}

.sbb-table-row--striped {
  background-color: var(--sbb-table-row-striped-color);
}

.sbb-table-data-cell {
  font-size: var(--sbb-table-data-cell-font-size);
  letter-spacing: var(--sbb-typo-letter-spacing-text);
  background-color: var(--sbb-table-background-color);
  border-block-end: var(--sbb-table-border);
  border-inline-end: var(--sbb-table-border);
  padding-block: var(--sbb-table-cell-padding-block);
  padding-inline: var(--sbb-table-cell-padding-inline);
}

.sbb-table-caption {
  --sbb-table-caption-color-fallback: var(--sbb-color-granite);
  --sbb-table-caption-color-fallback: light-dark(var(--sbb-color-granite), var(--sbb-color-cement));
  font-size: var(--sbb-text-font-size-xs);
  letter-spacing: var(--sbb-typo-letter-spacing-text);
  color: var(--sbb-table-caption-color, var(--sbb-table-caption-color-fallback));
  margin-block-start: var(--sbb-table-caption-margin-block-start, var(--sbb-spacing-fixed-4x));
  text-align: left;
}

.sbb-table-filter {
  padding-block-start: 0 !important;
}

.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-table-sticky-shadow-transition-easing);
  transition-duration: var(--sbb-table-sticky-shadow-transition-duration);
  transition-property: visibility, opacity;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  width: var(--sbb-table-sticky-shadow-width);
  inset: 0;
}

:is(.sbb-table-wrapper-offset-left, .sbb-table-wrapper-offset-both) .sbb-table-sticky-border-elem-left {
  border-inline-end: var(--sbb-table-border);
}

: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.1) 0%, transparent 100%);
  inset-inline-start: unset;
  inset-inline-end: calc(var(--sbb-table-sticky-shadow-width) * -1 - 1px);
}

:is(.sbb-table-wrapper-offset-right, .sbb-table-wrapper-offset-both) .sbb-table-sticky-border-elem-right {
  border-inline-start: var(--sbb-table-border);
}

: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.1) 0%, transparent 100%);
  inset-inline-start: calc(var(--sbb-table-sticky-shadow-width) * -1 - 1px);
  inset-inline-end: unset;
}

.sbb-table-align-start {
  text-align: start;
}

.sbb-table-align-center {
  text-align: center;
}

.sbb-table-align-end {
  text-align: end;
}

.sbb-table-align-justify {
  text-align: justify;
}

.sbb-table-align-left {
  text-align: left;
}

.sbb-table-align-right {
  text-align: right;
}

.sbb-timetable-form {
  --sbb-timetable-form-content-max-width: 46.25rem;
  position: relative;
  display: flex;
  flex-direction: column;
  column-gap: var(--sbb-spacing-fixed-3x);
  border-radius: var(--sbb-border-radius-4x);
  padding-block: var(--sbb-spacing-fixed-10x) var(--sbb-spacing-responsive-l);
  padding-inline: var(--sbb-spacing-fixed-5x);
  background: linear-gradient(to bottom, var(--sbb-color-primary) 0 11.125rem, var(--sbb-background-color-3) 11.125rem 100%);
}

@media (max-width: 63.9375rem) {
  .sbb-timetable-form:has(sbb-signet) {
    padding-block-start: var(--sbb-spacing-fixed-4x);
  }
}
.sbb-timetable-form sbb-signet {
  width: var(--sbb-spacing-fixed-16x);
  align-self: end;
  margin-block-end: var(--sbb-spacing-fixed-2x);
  margin-inline: 0;
}

@media (min-width: 64rem) {
  .sbb-timetable-form sbb-signet {
    position: absolute;
    inset-block-start: var(--sbb-spacing-fixed-6x);
    inset-inline-end: var(--sbb-spacing-fixed-6x);
  }
}
.sbb-timetable-form > * {
  margin-inline: auto;
  max-width: var(--sbb-timetable-form-content-max-width);
  width: 100%;
}

sbb-timetable-form sbb-date-input {
  min-width: 8.3125rem;
}

sbb-timetable-form .sbb-timetable-form-block {
  --sbb-form-field-focus-underline-z-index: 1;
  width: 100%;
  position: relative;
}

sbb-timetable-form .sbb-timetable-form-block::after {
  content: "";
  position: absolute;
  border-block-end: var(--sbb-border-width-1x) solid var(--sbb-border-color-4-inverted);
  inset-inline: var(--sbb-form-field-padding-inline);
  inset-block-end: 0;
}

sbb-timetable-form .sbb-timetable-form-block sbb-datepicker-toggle {
  margin-inline-end: var(--sbb-spacing-fixed-6x);
}

@media (max-width: 37.4375rem) {
  sbb-timetable-form .sbb-timetable-form-mobile-block {
    --sbb-form-field-focus-underline-z-index: 1;
    width: 100%;
    position: relative;
  }
  sbb-timetable-form .sbb-timetable-form-mobile-block::after {
    content: "";
    position: absolute;
    border-block-end: var(--sbb-border-width-1x) solid var(--sbb-border-color-4-inverted);
    inset-inline: var(--sbb-form-field-padding-inline);
    inset-block-end: 0;
  }
  sbb-timetable-form .sbb-timetable-form-mobile-block sbb-datepicker-toggle {
    margin-inline-end: var(--sbb-spacing-fixed-6x);
  }
  sbb-timetable-form .sbb-timetable-form-mobile-hidden {
    display: none;
  }
}
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: hsl(6, 78%, 57%);
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-container-width: fit-content;
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-padding: 14px;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  /* Used only for colored theme */
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  /* used to control the opacity of the progress trail */
  --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  width: var(--toastify-container-width);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-direction: column;
}

.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}

.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}

.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
  align-items: end;
}

.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}

.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}

.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
  align-items: end;
}

.Toastify__toast {
  --y: 0px;
  position: relative;
  touch-action: none;
  width: var(--toastify-toast-width);
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: var(--toastify-toast-padding);
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: var(--toastify-toast-shadow);
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  /* webkit only issue #791 */
  z-index: 0;
  /* inner swag */
  display: flex;
  flex: 1 auto;
  align-items: center;
  word-break: break-word;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
  .Toastify__toast {
    --toastify-toast-width: 100%;
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-container[data-stacked=true] {
  width: var(--toastify-toast-width);
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container[data-stacked=true] {
    width: 100vw;
  }
}
.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}

.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,
.Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}

.Toastify__toast--stacked[data-collapsed=false] {
  overflow: visible;
}

.Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > * {
  opacity: 0;
}

.Toastify__toast--stacked:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}

.Toastify__toast--stacked[data-pos=top] {
  top: 0;
}

.Toastify__toast--stacked[data-pos=bot] {
  bottom: 0;
}

.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
  transform-origin: top;
}

.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
  transform-origin: bottom;
}

.Toastify__toast--stacked:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--close-on-click {
  cursor: pointer;
}

.Toastify__toast-icon {
  margin-inline-end: 10px;
  width: 22px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  position: absolute;
  top: 6px;
  right: 6px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  z-index: 1;
}

.Toastify__toast--rtl .Toastify__close-button {
  left: 6px;
  right: unset;
}

.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}

.Toastify__close-button:hover,
.Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.7;
  transform-origin: left;
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: initial;
}

.Toastify__progress-bar--wrp {
  position: absolute;
  overflow: hidden;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}

.Toastify__progress-bar--wrp[data-hidden=true] {
  opacity: 0;
}

.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
:root {
  --contexify-zIndex: 666;
  --contexify-menu-minWidth: 220px;
  --contexify-menu-padding: 6px;
  --contexify-menu-radius: 6px;
  --contexify-menu-bgColor: #fff;
  --contexify-menu-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1),
  2px 4px 4px rgba(0, 0, 0, 0.1),
  3px 6px 6px rgba(0, 0, 0, 0.1);
  --contexify-menu-negatePadding: var(--contexify-menu-padding);
  --contexify-separator-color: rgba(0, 0, 0, 0.2);
  --contexify-separator-margin: 5px;
  --contexify-itemContent-padding: 6px;
  --contexify-activeItem-radius: 4px;
  --contexify-item-color: #333;
  --contexify-activeItem-color: #fff;
  --contexify-activeItem-bgColor: #3498db;
  --contexify-rightSlot-color: #6f6e77;
  --contexify-activeRightSlot-color: #fff;
  --contexify-arrow-color: #6f6e77;
  --contexify-activeArrow-color: #fff;
}

@keyframes contexify_feedback {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
.contexify {
  position: fixed;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: var(--contexify-menu-bgColor);
  box-sizing: border-box;
  box-shadow: var(--contexify-menu-shadow);
  border-radius: var(--contexify-menu-radius);
  padding: var(--contexify-menu-padding);
  min-width: var(--contexify-menu-minWidth);
  z-index: var(--contexify-zIndex);
}

.contexify_submenu-isOpen, .contexify_submenu-isOpen > .contexify_itemContent {
  color: var(--contexify-activeItem-color);
  background-color: var(--contexify-activeItem-bgColor);
  border-radius: var(--contexify-activeItem-radius);
}

.contexify_submenu-isOpen > .contexify_itemContent .contexify_rightSlot {
  color: var(--contexify-activeArrow-color);
}

.contexify_submenu-isOpen > .contexify_submenu {
  pointer-events: initial;
  opacity: 1;
}

.contexify .contexify_submenu {
  position: absolute;
  pointer-events: none;
  transition: opacity 0.265s;
  /* Initial submenu position */
  top: calc(-1 * var(--contexify-menu-negatePadding));
  left: 100%;
}

.contexify .contexify_submenu-bottom {
  bottom: calc(-1 * var(--contexify-menu-negatePadding));
  top: unset;
}

.contexify .contexify_submenu-right {
  right: 100%;
  left: unset;
}

.contexify_rightSlot {
  margin-left: auto;
  display: -ms-flexbox;
  display: flex;
  color: var(--contexify-rightSlot-color);
}

.contexify_separator {
  height: 1px;
  cursor: default;
  margin: var(--contexify-separator-margin);
  background-color: var(--contexify-separator-color);
}

.contexify_willLeave-disabled {
  pointer-events: none;
}

.contexify_item {
  cursor: pointer;
  position: relative;
}

.contexify_item:focus {
  outline: 0;
}

.contexify_item:not(.contexify_item-disabled):hover > .contexify_itemContent .contexify_rightSlot, .contexify_item:focus .contexify_rightSlot {
  color: var(--contexify-activeRightSlot-color);
}

.contexify_item:not(.contexify_item-disabled)[aria-haspopup] > .contexify_itemContent .contexify_rightSlot {
  color: var(--contexify-arrow-color);
}

.contexify_item[aria-haspopup]:focus > .contexify_itemContent .contexify_rightSlot, .contexify_item:not(.contexify_item-disabled)[aria-haspopup].contexify_submenu-isOpen > .contexify_itemContent .contexify_rightSlot, .contexify_item:not(.contexify_item-disabled)[aria-haspopup]:hover > .contexify_itemContent .contexify_rightSlot {
  color: var(--contexify-activeArrow-color);
}

.contexify_item:not(.contexify_item-disabled):hover > .contexify_itemContent, .contexify_item:not(.contexify_item-disabled):focus > .contexify_itemContent {
  color: var(--contexify-activeItem-color);
  background-color: var(--contexify-activeItem-bgColor);
  border-radius: var(--contexify-activeItem-radius);
}

.contexify_item:not(.contexify_item-disabled):hover > .contexify_submenu {
  pointer-events: initial;
  opacity: 1;
}

.contexify_item-disabled {
  cursor: default;
  opacity: 0.5;
}

.contexify_itemContent {
  padding: var(--contexify-itemContent-padding);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  color: var(--contexify-item-color);
  position: relative;
}

.contexify_item-feedback {
  animation: contexify_feedback 0.12s both;
}

.contexify_theme-dark {
  --contexify-menu-bgColor: rgba(40, 40, 40, 0.98);
  --contexify-separator-color: #4c4c4c;
  --contexify-item-color: #fff;
}

.contexify_theme-light {
  --contexify-separator-color: #eee;
  --contexify-item-color: #666;
  --contexify-activeItem-color: #3498db;
  --contexify-activeItem-bgColor: #e0eefd;
  --contexify-activeRightSlot-color: #3498db;
  --contexify-active-arrow-color: #3498db;
}

@keyframes contexify_scaleIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}
@keyframes contexify_scaleOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.contexify_willEnter-scale {
  transform-origin: top left;
  animation: contexify_scaleIn 0.3s;
}

.contexify_willLeave-scale {
  transform-origin: top left;
  animation: contexify_scaleOut 0.3s;
}

@keyframes contexify_fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes contexify_fadeOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(10px);
  }
}
.contexify_willEnter-fade {
  animation: contexify_fadeIn 0.3s ease;
}

.contexify_willLeave-fade {
  animation: contexify_fadeOut 0.3s ease;
}

@keyframes contexify_flipInX {
  from {
    transform: perspective(800px) rotate3d(1, 0, 0, 45deg);
  }
  to {
    transform: perspective(800px);
  }
}
@keyframes contexify_flipOutX {
  from {
    transform: perspective(800px);
  }
  to {
    transform: perspective(800px) rotate3d(1, 0, 0, 45deg);
    opacity: 0;
  }
}
.contexify_willEnter-flip {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  transform-origin: top center;
  animation: contexify_flipInX 0.3s;
}

.contexify_willLeave-flip {
  transform-origin: top center;
  animation: contexify_flipOutX 0.3s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes contexify_slideIn {
  from {
    opacity: 0;
    transform: scale3d(1, 0.3, 1);
  }
  to {
    opacity: 1;
  }
}
@keyframes contexify_slideOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale3d(1, 0.3, 1);
  }
}
.contexify_willEnter-slide {
  transform-origin: top center;
  animation: contexify_slideIn 0.3s;
}

.contexify_willLeave-slide {
  transform-origin: top center;
  animation: contexify_slideOut 0.3s;
}


.ms-Icon-stack {
  position: relative;
  width: 1rem;
  height: 1rem;
  display: inline-block;
}

.ms-Icon-stack .ms-Icon {
  position: absolute;
  vertical-align: top;
  display: inline;
  margin: 0;
  padding: 0;
  line-height: initial;
}

.ms-Icon.small-inline {
  vertical-align: baseline;
  font-size: 100%;
  text-indent: 0;
}

.ms-Icon.flipped {
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}

a {
  color: var(--sbb-color-black);
  text-decoration: none;
}
a:visited {
  color: var(--sbb-color-black);
}
a:hover {
  color: var(--sbb-color-red150);
}

.btn-inline {
  margin: 0;
  padding: 0;
  color: #000;
  display: inline;
  border: none;
  background: none;
  cursor: pointer;
  text-align: left;
}
.btn-inline.disabled {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: inherit;
}
.btn-inline svg {
  width: 1.5rem;
  padding: 0;
  margin: 0;
}
.btn-inline:hover {
  color: var(--sbb-color-red125);
}
.btn-inline:hover svg fill {
  stroke: currentColor;
}
.btn-inline span {
  border-bottom: 1px solid currentColor;
}

.addButton svg {
  transform: rotate(45deg);
}

.sbb-arrow-cta {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  padding: 0 2em 0 0.2rem;
  position: relative;
  text-decoration: none !important;
  text-overflow: ellipsis;
  transition: color 0.4s ease, padding-left 0.4s ease, padding-right 0.4s ease;
  white-space: nowrap;
}

.sbb-arrow-cta a {
  text-decoration: none;
}

.sbb-arrow-cta:before {
  margin-left: -28px;
  opacity: 0;
}

.sbb-arrow-cta:hover {
  padding-left: 26px;
  color: #c60018;
}

.sbb-arrow-cta:after,
.sbb-arrow-cta:before {
  stroke: currentColor;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath stroke='%23000' d='M5,12.4914 L17.49,12.4914'/%3E%3Cpolyline stroke='%23000' points='13.5 16.5 17.49 12.492 13.5 8.5'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  content: " ";
  display: inline-block;
  height: 17px;
  transition: opacity 0.4s ease;
  width: 24px;
}

.sbb-arrow-cta:hover:before {
  opacity: 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath stroke='%23c60018' d='M5,12.4914 L17.49,12.4914'/%3E%3Cpolyline stroke='%23c60018' points='13.5 16.5 17.49 12.492 13.5 8.5'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.sbb-arrow-cta:hover:after {
  opacity: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath stroke='%23c60018' d='M5,12.4914 L17.49,12.4914'/%3E%3Cpolyline stroke='%23c60018' points='13.5 16.5 17.49 12.492 13.5 8.5'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.btn-text .underline {
  display: inline-block;
  border-bottom: 1px solid currentColor;
}

a.action-link {
  color: var(--sbb-color-black);
}
a.action-link.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.3;
}
a.action-link i {
  margin-right: 5px;
  color: var(--sbb-color-red);
}
a.action-link:hover, a.action-link:hover i {
  color: var(--sbb-color-red125);
}

.btn-ghost-sbb,
.btn-primary-sbb,
.btn-secondary-sbb {
  line-height: 23px;
  padding: 7px 23px;
}

.btn-ghost-sbb {
  color: #666;
  background-color: transparent;
  background-image: none;
  border-color: #a8a8a8;
}

.btn.with-file-icon {
  position: relative;
  padding-left: 36px;
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.btn-ghost-sbb:active,
.btn-ghost-sbb:focus,
.btn-ghost-sbb:hover {
  color: #444;
  border-color: #444;
}

.btn-views {
  background: none !important;
  color: #333 !important;
  border: none !important;
  box-shadow: none !important;
}
.btn-views .view {
  display: inline-flex;
}
.btn-views .view span {
  display: inline-block;
  height: 20px;
}
.btn-views .view .label {
  color: var(--bs-secondary-color) !important;
  margin-right: 0.5rem;
  font-size: 12px;
  margin-top: 1px;
}
.btn-views .view .icon {
  margin-right: 5px;
}

.sbbInput {
  border: 2px solid var(--sbb-color-graphite);
  border-radius: 2px;
  padding: 10px 14px 12px;
  color: var(--sbb-color-granite);
}
.sbbInput:focus {
  outline: none;
  border-color: var(--sbb-color-metal);
}
.sbbInput:invalid, .sbbInput[aria-invalid=true] {
  border-color: var(--sbb-color-red);
  color: var(--sbb-color-red);
}
.sbbInput::placeholder {
  color: var(--sbb-color-metal);
}

textarea.sbbInput {
  font-family: inherit;
  min-height: 1em;
  max-height: 60vh;
  resize: vertical;
}

.formColumn {
  display: flex;
  flex-direction: row;
}

.formRow {
  display: flex;
  flex-direction: column;
}
.formRow:not(:last-child) {
  margin-bottom: 1rem;
}

.buttonRow {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 10px;
}

ul.problemDetail {
  color: var(--sbb-color-red125);
}

.sbbButtonForTextfield {
  height: 50px;
}
.sbbButtonForTextfield div {
  margin-left: 7px !important;
}

.problem-details,
.error-tooltip {
  font-size: 0.875rem;
}
.problem-details ul,
.error-tooltip ul {
  padding: 0;
  margin: 0 0 0 1rem;
}

.problem-details .title {
  margin-top: 0.5rem;
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.problem-details li {
  color: var(--sbb-color-red125);
}

.inline-form-title {
  margin-right: 1rem;
  margin-top: 0.4rem;
  min-width: 150px;
}

.inline-form-field {
  margin-right: 1rem;
  min-width: 180px;
}

.inline-form-label {
  height: 1.5rem;
  display: flex;
}

.sortable-item .deleting {
  opacity: 0.5;
  text-decoration: line-through;
}

.sbb-link {
  text-decoration: underline;
  text-underline-offset: 5px;
}

.button-container {
  margin-left: auto;
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  padding-left: 10px;
  gap: 8px;
}

.document-name {
  vertical-align: top;
  line-height: 1.5rem;
  height: 1.5rem;
}
.document-name .underline {
  white-space: nowrap;
  max-width: 20rem;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.form-group {
  margin-bottom: 0.5rem;
}

.badge-pill {
  border-radius: 1rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

h1 .badge-pill {
  font-size: 15px;
  font-family: var(--sbb-font-roman);
}

.table div.actions {
  display: flex;
  white-space: nowrap;
  gap: 0.5rem;
}

tr.deleting {
  opacity: 0.5;
  text-decoration: line-through;
}

tr.deleting .ms-Persona-title {
  text-decoration: line-through;
}

.sbb-table-bs thead th {
  font-size: 14px;
  font-family: var(--sbb-font-light);
  border: none;
  padding-bottom: 8px;
}

.sbb-table-bs tbody {
  border-top: 1px solid #e5e5e5;
}

.sbb-table-bs tr:not(.no-hover):hover td {
  background-color: var(--sbb-color-cloud);
  border-bottom: 1px solid var(--sbb-color-red125);
}
.sbb-table-bs tr td {
  border-bottom: 1px solid #e5e5e5;
}
.sbb-table-bs tr td.show-selection {
  border-left: 5px solid transparent;
}
.sbb-table-bs tr.odd td, .sbb-table-bs tr.no-hover.odd td {
  background-color: #f0f0f0 !important;
}
.sbb-table-bs tr.even td {
  background-color: transparent !important;
}
.sbb-table-bs tr:not(.no-hover):hover td {
  background-color: var(--sbb-color-cloud);
  border-bottom: 1px solid var(--sbb-color-red125);
}
.sbb-table-bs tr tbody tr:not(.no-hover).no-border,
.sbb-table-bs tr tbody tr:not(.no-hover).no-border td,
.sbb-table-bs tr tbody tr:not(.no-hover).no-border td:hover {
  border-top: none !important;
  border-bottom: none !important;
}
.sbb-table-bs tr:hover td.no-hover,
.sbb-table-bs tr td.no-hover:hover {
  background-color: inherit !important;
  border-bottom: inherit !important;
}
.sbb-table-bs tr.category {
  background: linear-gradient(90deg, #ddd 0%, #fff 50%, #fff 100%);
}
.sbb-table-bs tr.category td.title,
.sbb-table-bs tr.category td.heading-number {
  font-weight: 600;
}
.sbb-table-bs tr.confidential td {
  background-color: #ffefd8 !important;
}
.sbb-table-bs tr.selected td.show-selection, .sbb-table-bs tr.selected:hover td.show-selection {
  border-left-color: var(--sbb-color-red);
}
.sbb-table-bs tr.is-empty .message {
  padding: 20px;
}
.sbb-table-bs tr.updating .heading-number,
.sbb-table-bs tr.updating .title {
  font-style: italic;
  opacity: 0.3;
}
.sbb-table-bs tr.updating td.show-selection {
  opacity: 1;
}
.sbb-table-bs tr.disabled {
  cursor: not-allowed;
  pointer-events: none !important;
  opacity: 0.6;
  text-decoration: none;
}
.sbb-table-bs tr.disabled .action-edit {
  cursor: not-allowed;
  opacity: 0.3;
}
.sbb-table-bs tr.disabled .action-edit:hover {
  text-decoration: none;
}
.sbb-table-bs tr.break td {
  background: #ffdbdb !important;
  color: red;
}
.sbb-table-bs tr.break .heading-number {
  padding-right: 28px;
}
.sbb-table-bs tr.break .heading-number svg {
  position: absolute;
  top: 8px;
  width: 18px;
  height: 18px;
}
.sbb-table-bs tr.break:hover {
  color: var(--sbb-color-black);
}
.sbb-table-bs tr.show-inactive td {
  opacity: 0.6;
}
.sbb-table-bs tr.show-inactive .ms-Persona {
  opacity: 0.8;
}
.sbb-table-bs tr th.actions,
.sbb-table-bs tr td.actions {
  max-width: initial;
  width: 1% !important;
  white-space: nowrap;
}

div.actions {
  display: flex;
  white-space: nowrap;
  padding-right: 5px;
  justify-content: end;
}
div.actions .btn-link {
  color: var(--sbb-color-black) !important;
  margin-right: 5px;
  padding: 0;
  border-radius: 100%;
  width: 26px;
  height: 26px;
}
div.actions .btn-link:hover {
  background-color: #eee;
}
div.actions span.show-permissions {
  margin-top: 2px;
  margin-right: 5px;
}
div.actions a:hover,
div.actions i:hover {
  text-decoration: none;
  color: var(--sbb-color-red125) !important;
}
div.actions i.ms-Icon {
  font-size: 13px;
  padding-top: 3px;
  vertical-align: top;
}
div.actions a {
  padding-top: 3px;
  font-size: 13px;
}

.table-condensed-s tbody th,
.table-condensed-s tbody td {
  padding-top: 2px;
  padding-bottom: 2px;
}

.table-condensed-m tbody th,
.table-condensed-m tbody td {
  padding-top: 4px;
  padding-bottom: 4px;
}

del {
  background-color: #ffc2c2;
  color: #a94442;
  text-decoration: none;
}

ins {
  background-color: #cfffbb;
  color: #3c763d;
  text-decoration: none;
}

.ws,
.ws * {
  color: #ccc !important;
  background: transparent;
}

.difftable th,
.difftable .col-label,
.difftable .col-editor,
.difftable .col-modified {
  white-space: nowrap;
}

.m-0 {
  margin: 0 !important;
}

.p-0 {
  padding: 0 !important;
}

.text-underline {
  text-decoration: underline !important;
}

.form-control:not(.disabled),
.form-control:not(.readonly),
.form-control:not(:disabled) {
  border-color: #b7b7b7;
}

.form-control:focus {
  box-shadow: none;
  outline: none;
}

.form-control:focus:not(.disabled),
.form-control:focus:not(.readonly),
.form-control:focus:not(:disabled) {
  border-color: #666;
}

.form-check-input:checked {
  background-color: var(--sbb-color-red);
  border-color: var(--sbb-color-red);
}

.w-33 {
  width: 33.3333% !important;
}

.w-66 {
  width: 66.6667% !important;
}

.badge-sup-container {
  display: inline-block;
  position: relative;
  min-width: 20px;
  height: 1rem;
  margin: 0;
  padding: 0;
}

.btn .badge-sup {
  background: var(--sbb-color-silver);
  color: var(--sbb-color-black);
  position: absolute;
  display: block !important;
  top: -5px;
  left: 0;
  height: 13px;
  /* min-width: 16px; */
  line-height: 10px;
  font-size: 10px;
  padding: 2px 6px;
  box-sizing: border-box;
  font-weight: normal;
  border-radius: 7px;
}

.has-files .badge-sup {
  background: var(--sbb-color-red125);
  color: var(--sbb-color-white);
}

.w-1 {
  width: 1%;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.field-error {
  color: var(--sbb-color-red);
}

.is-invalid .ql-container {
  border-color: var(--sbb-color-red) !important;
}

.w-10 {
  width: 10% !important;
}

.w-90 {
  width: 90% !important;
}

.t-0 {
  top: 0 !important;
}

.r-0 {
  right: 0 !important;
}

.b-0 {
  bottom: 0 !important;
}

.l-0 {
  left: 0 !important;
}

.text-secondary {
  color: #6c757d !important;
}

code {
  color: var(--sbb-color-blue);
  background: rgba(0, 0, 255, 0.1);
  padding: 0 2px 0 2px;
}

.modal-title {
  font-size: var(--sbb-font-size);
  font-weight: normal;
}

.modal-header {
  padding: calc(1rem * var(--sbb-scaling-factor)) calc(1.3rem * var(--sbb-scaling-factor)) calc(1rem * var(--sbb-scaling-factor)) var(--sbb-dialog-padding);
  min-height: calc(3.5333333333rem * var(--sbb-scaling-factor));
}

.modal-body .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.modal-dialog form {
  padding: 0;
}

.modal-dialog {
  box-shadow: var(--sbb-box-shadow-below);
  border: var(--sbb-border-width) solid var(--sbb-color-weak-accent);
}

.modal-backdrop,
.modal-backdrop.show {
  background: var(--sbb-color-white-alpha70);
  opacity: 1;
}

option {
  color: var(--sbb-color-black);
}

option:disabled {
  color: var(--sbb-color-smoke);
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fee581;
}

.btn-primary {
  background-color: var(--sbb-color-red);
  border-color: var(--sbb-color-red);
  color: var(--sbb-color-white);
}

.badge-top-container {
  position: relative;
  padding-right: 10px;
}
.badge-top-container .badge-top {
  display: block;
  position: absolute;
  top: -5px;
  right: 0px;
  line-height: 16px;
  height: 19px;
  padding: 0 6px;
  color: var(--sbb-color-white);
  background: var(--sbb-color-black);
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  border-color: var(--sbb-color-white);
}

.w-1 {
  width: 1%;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.fs-1 {
  font-size: 2.5rem !important;
}

.fs-2 {
  font-size: 2rem !important;
}

.fs-3 {
  font-size: 1.75rem !important;
}

.fs-4 {
  font-size: 1.5rem !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

/** ----- bootstrap 5 padding compat ----- */
.pl-0 {
  padding-left: 0rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.pl-3 {
  padding-left: 1rem !important;
}

.pl-4 {
  padding-left: 1.5rem !important;
}

.pl-5 {
  padding-left: 3rem !important;
}

.pr-0 {
  padding-right: 0rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pr-3 {
  padding-right: 1rem !important;
}

.pr-4 {
  padding-right: 1.5rem !important;
}

.pr-5 {
  padding-right: 3rem !important;
}

/** ----- bootstrap 5 margin compat ----- */
.ml-0 {
  margin-left: 0 !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.ml-3 {
  margin-left: 1rem !important;
}

.ml-4 {
  margin-left: 1.5rem !important;
}

.ml-5 {
  margin-left: 3rem !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mr-3 {
  margin-right: 1rem !important;
}

.mr-4 {
  margin-right: 1.5rem !important;
}

.mr-5 {
  margin-right: 3rem !important;
}

.sbb-checkbox-group {
  padding: 0.5rem;
  row-gap: 0.5rem !important;
  column-gap: 1.5rem !important;
}

.cursor-alias {
  cursor: alias;
}

.cursor-all-scroll {
  cursor: all-scroll;
}

.cursor-auto {
  cursor: auto;
}

.cursor-cell {
  cursor: cell;
}

.cursor-context-menu {
  cursor: context-menu;
}

.cursor-col-resize {
  cursor: col-resize;
}

.cursor-copy {
  cursor: copy;
}

.cursor-crosshair {
  cursor: crosshair;
}

.cursor-default {
  cursor: default;
}

.cursor-e-resize {
  cursor: e-resize;
}

.cursor-ew-resize {
  cursor: ew-resize;
}

.cursor-grab {
  cursor: -webkit-grab;
  cursor: grab;
}

.cursor-grabbing {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.cursor-help {
  cursor: help;
}

.cursor-move {
  cursor: move;
}

.cursor-n-resize {
  cursor: n-resize;
}

.cursor-ne-resize {
  cursor: ne-resize;
}

.cursor-nesw-resize {
  cursor: nesw-resize;
}

.cursor-ns-resize {
  cursor: ns-resize;
}

.cursor-nw-resize {
  cursor: nw-resize;
}

.cursor-nwse-resize {
  cursor: nwse-resize;
}

.cursor-no-drop {
  cursor: no-drop;
}

.cursor-none {
  cursor: none;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-progress {
  cursor: progress;
}

.cursor-row-resize {
  cursor: row-resize;
}

.cursor-s-resize {
  cursor: s-resize;
}

.cursor-se-resize {
  cursor: se-resize;
}

.cursor-sw-resize {
  cursor: sw-resize;
}

.cursor-text {
  cursor: text;
}

.cursor-w-resize {
  cursor: w-resize;
}

.cursor-wait {
  cursor: wait;
}

.cursor-zoom-in {
  cursor: zoom-in;
}

.cursor-zoom-out {
  cursor: zoom-out;
}

.drag-handle {
  position: absolute;
  top: 3px;
  left: 0;
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: #999;
  cursor: url(/img/grab.cur), move;
  background: url(/img/drag.svg) no-repeat;
  background-size: 16px 16px;
  background-position: 0 0;
}

.sortable {
  position: relative;
}
.sortable .drag-handle {
  position: absolute;
  top: 4px;
  left: 0;
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: #999;
  cursor: url(/img/grab.cur), move;
  background: url(/img/drag.svg) no-repeat;
  background-size: 16px 16px;
  background-position: 0 0;
}
.sortable .drag-handle.disabled {
  cursor: not-allowed;
  opacity: 0.3;
}

.updating .drag-handle {
  opacity: 1;
  background-image: url(/img/loadingcirclests16.gif);
  display: block;
  position: absolute;
  top: 8px;
  left: 4px;
  width: 16px;
  height: 16px;
}
.updating .drag-handle:before {
  display: none;
}

.sortable-dragged {
  display: block;
  width: 300px !important;
  opacity: 1;
  background-color: #52aef7;
  color: #fff;
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.sortable-dragged .drag-handle {
  display: none;
}

.sortable-dragged:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #52aef7;
  position: absolute;
  left: -6px;
  top: 10px;
}

td.sortable .drag-handle {
  top: 7px;
}

i.file-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.file-icon-default {
  background-image: url("/img/file-icon/icgen.png");
}

.file-icon-folder {
  background-image: url("/img/file-icon/folder.png");
}

.file-icon-folders {
  background-image: url("/img/file-icon/folders.png");
}

.file-icon-clone {
  background-image: url("/img/file-icon/clone.png");
}

.file-icon-function {
  background-image: url("/img/file-icon/function.png");
}

.file-icon-edit {
  background-image: url("/img/file-icon/edit.png");
}

.file-icon-docx {
  background-image: url("/img/file-icon/icdocx.png");
}

.file-icon-pdf {
  background-image: url("/img/file-icon/icpdf.png");
}

.file-icon-xlsx {
  background-image: url("/img/file-icon/icxlsx.png");
}

.file-icon-one {
  background-image: url("/img/file-icon/icone.png");
}

.file-icon-msg {
  background-image: url("/img/file-icon/iceml.png");
}

.file-icon-msg-multiple {
  background-image: url("/img/file-icon/icemls.png");
}

.file-icon-msg-pdf {
  background-image: url("/img/file-icon/icemlpdf.png");
}

.file-icon-msg-word {
  background-image: url("/img/file-icon/icemlword.png");
}

.file-icon-edecide {
  background-image: url("/img/file-icon/edecide.png");
}

.file-icon-tasks {
  background-image: url("/img/file-icon/tasks.png");
}

.file-icon-save-as-default {
  background-image: url("/img/file-icon/clone.png");
}

.file-icon-zip {
  background-image: url("/img/file-icon/iczip.png");
}

.file-icon-img {
  background-image: url("/img/file-icon/icimg.png");
}

.file-icon-vsdx {
  background-image: url("/img/file-icon/icvsdx.png");
}

.file-icon-txt {
  background-image: url("/img/file-icon/ictxt.png");
}

.file-icon-xml {
  background-image: url("/img/file-icon/icxml.png");
}

.file-icon-pptx {
  background-image: url("/img/file-icon/icpptx.png");
}

.file-icon-url {
  background-image: url("/img/file-icon/icurl.png");
}

.file-icon-link {
  position: relative;
  padding: 0 0 0 22px;
  color: var(--sbb-color-black);
  word-break: break-all;
}
.file-icon-link:hover {
  color: var(--sbb-color-red125);
}
.file-icon-link .file-icon {
  position: absolute;
  top: 1px;
  left: 0;
}

.btn.with-file-icon {
  position: relative;
  padding-left: 36px;
}
.btn.with-file-icon .file-icon {
  position: absolute;
  top: 10px;
  left: 15px;
}

.file-icon-svg svg path {
  stroke: var(--sbb-color-red125);
}
.file-icon-svg.file-icon-word svg {
  background-image: url("/img/file-icon-svg/icdocx.svg");
}
.file-icon-svg.file-icon-pdf svg {
  background-image: url("/img/file-icon-svg/icpdf.svg");
}
.file-icon-svg.ile-icons-email svg {
  background-image: url("/img/file-icon-svg/iceml.svg");
}
.file-icon-svg.file-icon-excel svg {
  background-image: url("/img/file-icon-svg/icxlsx.svg");
}
.file-icon-svg.file-icon-onenote svg {
  background-image: url("/img/file-icon-svg/icone.svg");
}
.file-icon-svg.file-icon-powerpoint svg {
  background-image: url("/img/file-icon-svg/icpptx.svg");
}
.file-icon-svg.file-icon-default svg {
  background-image: url("/img/file-icon-svg/attach.svg");
}

.file-icon-large.file-icon-word {
  background-image: url("/img/file-icon-large/lg_icdocx.png");
}
.file-icon-large.file-icon-pdf {
  background-image: url("/img/file-icon-large/lg_icpdf.png");
}
.file-icon-large.file-icon-email {
  background-image: url("/img/file-icon-large/lg_iceml.png");
}
.file-icon-large.file-icon-excel {
  background-image: url("/img/file-icon-large/lg_icxlsx.png");
}
.file-icon-large.file-icon-onenote {
  background-image: url("/img/file-icon-large/lg_icone.png");
}
.file-icon-large.file-icon-powerpoint {
  background-image: url("/img/file-icon-large/lg_icpptx.png");
}
.file-icon-large.file-icon-default {
  background-image: url("/img/file-icon-large/lg_attach.png");
}

.contexify_theme-sbb {
  --contexify-menu-bgColor: rgba(40, 40, 40, 0.98);
  --contexify-separator-color: #4c4c4c;
  --contexify-item-color: #fff;
  --contexify-activeItem-bgColor: var(--sbb-color-red);
}

.svg-Icon svg {
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
}

h1,
.h1 {
  font-size: 20px;
  font-family: var(--sbb-font-bold);
}

.block-links {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  /* attn: margin breaks sbb-accordion */
}

sbb-file-selector {
  width: 100%;
}

sbb-file-selector-dropzone {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  width: 100%;
}

sbb-form-field {
  width: 100%;
}

sbb-form-field:not(:first-of-type) {
  padding-top: 1rem;
}

mark,
.mark {
  background: var(--sbb-color-peach);
  /*font-size: 80%;*/
}

i {
  font-style: normal;
  text-decoration: none;
}

.sortable-container {
  user-select: none;
}

/* ghost (while dragging) is attached to the root, do not nest css! */
.sortable-dragged {
  z-index: 100000 !important;
}

.sortable-item {
  user-select: none;
  padding-left: 5px;
}

.sortable-knob {
  cursor: grab;
  user-select: initial;
  pointer-events: initial;
}

.form-control:focus {
  border-color: var(--sbb-color-red125);
  box-shadow: 0 0 0 0.25rem rgba(235, 0, 0, 0.1);
}

.inline-label {
  display: inline-block;
  font-size: 13px;
  color: #666;
  border-bottom: 1px dotted #666;
  margin: 0 0 5px 0;
}

.metadata {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.properties-list {
  display: flex;
  align-items: top;
}
.properties-list .label {
  min-width: 15rem;
  display: inline-block;
}

.inlineButton {
  display: inline-flex;
  align-items: center;
}

/*
.card.border-top-only {
  border: none;
  border-top: 1px solid var(--sbb-color-storm);
  border-radius: 0;
  margin-bottom: 2rem;
  background: linear-gradient(45deg, #eee, transparent);

  div.card-title {
    background: transparent;
    padding: 1rem;
  }

  h5.card-title {
    margin: 0;
    padding: 0;
  }

  .card-body {
    padding: 1rem 0 0 0;
    background: #fff;
  }
}
*/
.card-subtitle {
  margin: 2rem 0 1rem 0;
  padding: 0;
  width: 100%;
  font-size: 15px;
  text-decoration: underline;
  text-underline-offset: 5px;
}

.Toastify__toast-container {
  z-index: 15001 !important;
}

.Toastify__toast {
  font-weight: bold;
}
.Toastify__toast .toast-detail {
  font-size: 13px;
  margin: 0.25rem 0 0.25rem 1rem;
  line-height: 1.1rem;
  font-weight: normal;
}

.toast-warning,
.Toastify__toast-theme--colored.Toastify__toast--warning {
  min-width: 600px;
}
.toast-error,
.Toastify__toast-theme--colored.Toastify__toast--error {
  min-width: 600px;
}
.card.border-top-only {
  border-radius: 1rem;
  margin-bottom: 2rem;
}
.card.border-top-only div.card-title {
  background: #eee;
  padding: 1rem;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.card.border-top-only h5.card-title {
  margin: 0;
  padding: 0;
}
.card.border-top-only .card-body {
  padding: 1rem;
  background: #fff;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.toggle-sticky {
  background: #fff;
  position: sticky;
  top: 54px;
  right: 0;
  padding: 0.5rem;
}

.toggle-checkboxes {
  justify-content: right;
  display: flex;
  margin-bottom: 1rem;
}

.card-title-toggle {
  display: flex;
  flex-grow: 1;
  cursor: pointer;
}
.card-title-toggle .card-title {
  flex-grow: 1;
}

:root {
  --bs-body-line-height: 1.15;
}

:host {
  --sbb-popover-max-width: 300px;
}

.sbb-popover__content {
  color: #fff;
}

.rsu-banners {
  margin: 1.4rem;
}
.rsu-banners.empty {
  margin: 0;
}
.rsu-banners a {
  text-decoration: underline;
}

.meeting-status-green {
  color: #00973b !important;
}

.meeting-status-red {
  color: #a22013 !important;
}.sbb-footer {
  background: #e5e5e5;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: 1001;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 2rem 0 0 0;
  font-size: 14px;
  width: 100%;
  line-height: 1.2rem;
}
.sbb-footer .footer-content {
  padding: 1rem;
  overflow: auto;
}
.sbb-footer h5 {
  font-size: 14px;
  font-family: var(--sbb-font-bold);
}
@media (max-width: 900px) {
  .sbb-footer .col {
    padding-bottom: 3rem;
  }
}
.sbb-footer .sbb-footer-nav-item {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.sbb-footer .sbb-footer-nav-item-icon {
  margin-left: 8px;
  font-size: 14px;
}
.sbb-footer .sbb-footer-toggler {
  display: flex;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  background: #fff;
  border-top: 0.125rem solid #e5e5e5;
}
.sbb-footer .sbb-footer-toggler .btn {
  padding: 0;
  color: #000;
  text-decoration: none;
}
.sbb-footer .sbb-footer-toggler .btn .icon {
  color: #666;
  display: inline-block;
  height: 2rem;
  width: 2rem;
  pointer-events: none;
  transition: transform 0.3s ease, scale 0.3s ease;
}
.sbb-footer .sbb-footer-toggler .btn:hover {
  color: #000;
}
.sbb-footer .sbb-footer-toggler .btn:hover .icon {
  color: #c60018;
  stroke: #c60018;
  scale: 1.2;
}
.sbb-footer .sbb-footer-toggler .btn p {
  display: inline;
}
.sbb-footer .sbb-footer-toggler.expanded {
  background: #e5e5e5;
}
.sbb-footer .sbb-footer-toggler.expanded .icon {
  transform: rotate(180deg);
}
.sbb-footer .sbb-footer-toggler.expanded p {
  display: none;
}
.sbb-footer .u-sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}.header-settings i {
  padding: 4px 20px 0 0;
}

.sbb-header {
  align-items: unset;
}
.sbb-header .sbb-header-titlebox {
  margin-top: 5px;
  margin-right: 50px;
}
.sbb-header .sbb-header-nav {
  margin-left: 0;
}
.sbb-header .sbb-header-nav-item {
  padding: 0;
  margin: 0;
  line-height: unset;
}
.sbb-header .sbb-header-nav-item .nav-link {
  margin: 10px 6px 0 6px;
  cursor: pointer;
}
.sbb-header .sbb-header-nav-item .btn {
  height: auto;
}
.sbb-header .sbb-header-nav-item .dropdown-toggle {
  margin: 11px 6px 0 6px;
}
.sbb-header .sbb-header-nav-item .dropdown-inner {
  margin-top: 42px;
}
.sbb-header .sbb-header-nav-item .dropdown {
  padding: 0;
}
.sbb-header .dropdown-item {
  color: var(--sbb-color-metal);
}
.sbb-header .sbb-header-persona {
  white-space: nowrap;
  display: inline-block;
}
.sbb-header .dropdown-item.active {
  font-weight: bold;
  color: var(--sbb-color-red125);
}.header-with-breadcrumb {
  padding-top: 90px;
}
.header-with-breadcrumb .breadcrumb-container {
  position: fixed;
  top: 54px;
  left: 0;
  height: 30px;
  width: 100%;
  white-space: nowrap;
  z-index: 999;
}

.breadcrumb-container {
  background: #efefef;
  margin: 0 0 1rem 0;
  padding: 5px 10px 5px 20px;
  border-bottom: 1px dashed var(--sbb-color-aluminum);
  border-radius: 0;
  display: flex;
  font-size: 15px;
}
.breadcrumb-container svg {
  height: 1.4rem;
  margin: 0 0.25rem 0 0;
  vertical-align: top;
}
.breadcrumb-container a {
  height: 24px;
  line-height: 24px;
  text-decoration: none;
  color: #666;
}
.breadcrumb-container a:hover {
  color: var(--sbb-color-black);
}
.breadcrumb-container a .text {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  height: 24px;
  line-height: 24px;
}
@media (max-width: 550px) {
  .breadcrumb-container a:not(:first-child):not(:nth-child(2)) {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .breadcrumb-container a + span + a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.breadcrumb-container .divider {
  color: var(--sbb-color-storm);
  padding: 0 0.5rem;
}
.breadcrumb-container .breadcrumb-item {
  height: 26px;
}
.breadcrumb-container .breadcrumb-item + .breadcrumb-item:before {
  content: ">";
  color: var(--sbb-color-storm);
}
.breadcrumb-container .cta {
  width: 280px;
  position: relative;
  text-indent: 1px;
}
.breadcrumb-container .cta a {
  position: absolute;
  display: block;
  width: 280px;
  overflow: hidden;
}.breadcrumb-meeting {
  text-decoration: none;
  white-space: nowrap;
  line-height: 1.4rem;
}
.breadcrumb-meeting .title {
  padding: 0 10px 0 0;
}
.breadcrumb-meeting .endtime {
  padding: 0 10px 0 0;
}
.breadcrumb-meeting .difference {
  zoom: 1;
}
.breadcrumb-meeting .ms-Icon--CircleFill {
  margin: 0 5px 0 0;
  font-size: 14px;
  line-height: 1rem;
  vertical-align: top;
  padding-top: 5px;
}.sbb-hamburger-icon {
  font-size: 28px;
  padding: 2px 10px;
}.sbb-hamburger-menu {
  background-color: #fafafa;
  margin-bottom: 20px;
  padding: 1rem;
  border-bottom: 1px solid #ddd;
  position: fixed;
  top: 89px;
  width: 100%;
  z-index: 1001;
}
.sbb-hamburger-menu ul {
  padding: 0.5rem;
  text-align: center;
  margin: 0;
}
.sbb-hamburger-menu ul li {
  width: 100%;
  list-style-type: none;
  margin-top: 0.5rem;
}
.sbb-hamburger-menu ul li:first-child {
  margin-top: 0;
}
.sbb-hamburger-menu ul li a {
  background-color: white;
  border: 1px solid var(--sbb-color-metal);
  border-radius: 1rem;
  width: 100%;
  padding: 0.75rem 0;
  display: block;
}
.sbb-hamburger-menu ul li a:hover {
  background-color: var(--sbb-color-milk);
}.header-settings i {
  padding: 4px 20px 0 0;
}.meeting-nav {
  line-height: 32px;
  padding-bottom: 10px;
}
.meeting-nav .nav-pills .nav-item {
  margin: 0 30px 0 0;
}
.meeting-nav .nav-pills .nav-item .nav-link {
  color: var(--sbb-color-black);
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  background: none;
  position: relative;
  padding: 0 0 8px 0;
  line-height: 1.2rem;
  margin: 0 0 4px 0;
}
.meeting-nav .nav-pills .nav-item .nav-link:hover {
  color: var(--sbb-color-red);
}
.meeting-nav .nav-pills .nav-item .nav-link.disabled {
  pointer-events: none;
  opacity: 0.3;
}
.meeting-nav .nav-pills .nav-item .nav-link:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 0;
  left: 50%;
  height: 1px;
  transition: width 0.3s ease, left 0.3s ease;
  border-bottom: 1px solid currentColor;
}
.meeting-nav .nav-pills .nav-item .nav-link.active:after {
  width: 100%;
  left: 0;
}
.meeting-nav .nav-pills .nav-item .nav-link:not(.active):focus:after,
.meeting-nav .nav-pills .nav-item .nav-link:not(.active):hover:after {
  width: 100%;
  left: 0;
}
.meeting-nav .dropdown-menu-right {
  top: 30px;
  min-width: 250px;
}

.meeting-navbar-notice {
  font-size: 14px;
  color: #705320;
  border: #ddcaa8 1px solid;
  border-left: rgba(255, 166, 0, 0.801) 10px solid;
  background: rgba(255, 165, 0, 0.1);
  padding: 3px 0 3px 30px;
  margin: 3px 0 5px 0;
  position: relative;
}
.meeting-navbar-notice svg {
  position: absolute;
  top: 6px;
  left: 8px;
  font-size: 15px;
}
.meeting-navbar-notice i {
  position: absolute;
  top: 2px;
  left: 8px;
  font-size: 15px;
}.output-documents .dropdown-menu {
  min-width: 300px;
}
.output-documents .dropdown-menu > li > a {
  padding: 0;
  background-repeat: no-repeat;
  background-position: 10px 4px;
  background-color: transparent;
  background-image: none;
}
.output-documents .dropdown-menu > li > a:hover {
  background-color: #ddd;
}
.output-documents .disabled {
  opacity: 0.7;
}
.output-documents .disabled a {
  cursor: default;
}
.output-documents .dropdown-menu .icon-end,
.output-documents .dropdown-menu .icon-start {
  margin: 0 10px 0 20px;
  padding: 7px 0 0 0;
  width: 16px;
  background-repeat: no-repeat;
}
.output-documents .dropdown-menu i {
  width: 16px;
  height: 16px;
  display: block;
  background-repeat: no-repeat;
}
.output-documents .dropdown-menu .icon-end {
  padding-top: 0;
}