@charset "UTF-8";
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include font-smoothing;
 * }
 * .var_light_on_dark {
 * 	@include font-smoothing-reset;
 * }
 */
sub, sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/** This mixin can be used to avoid spacing problems by inserting an invisible space as pseudo element. */
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
/*
Document
========
*/
/**
1. Correct the line height in all browsers. ///// Commented out since we define own line-height /////
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size (opinionated).
*/
html {
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-text-size-adjust: 100%; /* 2 */
  text-size-adjust: 100%; /* 2 */
  tab-size: 4; /* 3 */
}

/*
Sections
========
*/
body {
  margin: 0; /* Remove the margin in all browsers. */
}

/*
Grouping content
================
*/
/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/
/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr[title] {
  text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}

/*
Tabular data
============
*/
/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
}

/*
Forms
=====
*/
/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/
button,
:is(button, input):where([type=button], [type=reset], [type=submit]) {
  -webkit-appearance: button;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/
:-moz-ui-invalid {
  box-shadow: none;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/
legend {
  padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Interactive
===========
*/
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}

/**
 * Do not edit directly
 * Generated on Thu, 25 Apr 2024 09:58:26 GMT
 */
*,
::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: 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: 16px
   */
  --sbb-border-radius-8x: 1rem;
  /**
   * Original Value: 32px
   */
  --sbb-border-radius-16x: 2rem;
  /**
   * Original Value: 0px
   */
  --sbb-breakpoint-zero-min: 0rem;
  /**
   * Original Value: 359px
   */
  --sbb-breakpoint-zero-max: 22.4375rem;
  /**
   * Original Value: 360px
   */
  --sbb-breakpoint-micro-min: 22.5rem;
  /**
   * Original Value: 599px
   */
  --sbb-breakpoint-micro-max: 37.4375rem;
  /**
   * Original Value: 600px
   */
  --sbb-breakpoint-small-min: 37.5rem;
  /**
   * Original Value: 839px
   */
  --sbb-breakpoint-small-max: 52.4375rem;
  /**
   * Original Value: 840px
   */
  --sbb-breakpoint-medium-min: 52.5rem;
  /**
   * Original Value: 1023px
   */
  --sbb-breakpoint-medium-max: 63.9375rem;
  /**
   * Original Value: 1024px
   */
  --sbb-breakpoint-large-min: 64rem;
  /**
   * Original Value: 1279px
   */
  --sbb-breakpoint-large-max: 79.9375rem;
  /**
   * Original Value: 1280px
   */
  --sbb-breakpoint-wide-min: 80rem;
  /**
   * Original Value: 1439px
   */
  --sbb-breakpoint-wide-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-black-alpha-0: rgba(0, 0, 0, 0);
  --sbb-color-black-alpha-10: rgba(0, 0, 0, 0.1);
  --sbb-color-black-alpha-15: rgba(0, 0, 0, 0.15);
  --sbb-color-black-alpha-20: rgba(0, 0, 0, 0.2);
  --sbb-color-black-alpha-30: rgba(0, 0, 0, 0.3);
  --sbb-color-black-alpha-40: rgba(0, 0, 0, 0.4);
  --sbb-color-black-alpha-50: rgba(0, 0, 0, 0.5);
  --sbb-color-black-alpha-60: rgba(0, 0, 0, 0.6);
  --sbb-color-black-alpha-70: rgba(0, 0, 0, 0.7);
  --sbb-color-midnight: #151515;
  --sbb-color-charcoal: #212121;
  --sbb-color-iron: #444444;
  --sbb-color-anthracite: #5a5a5a;
  --sbb-color-granite: #686868;
  --sbb-color-metal: #767676;
  --sbb-color-metal-alpha-0: rgba(118, 118, 118, 0);
  --sbb-color-metal-alpha-20: rgba(118, 118, 118, 0.2);
  --sbb-color-smoke: #8d8d8d;
  --sbb-color-smoke-alpha-0: rgba(141, 141, 141, 0);
  --sbb-color-smoke-alpha-5: rgba(141, 141, 141, 0.05);
  --sbb-color-smoke-alpha-10: rgba(141, 141, 141, 0.1);
  --sbb-color-smoke-alpha-20: rgba(141, 141, 141, 0.2);
  --sbb-color-storm: #a8a8a8;
  --sbb-color-graphite: #b7b7b7;
  --sbb-color-cement: #bdbdbd;
  --sbb-color-cement-alpha-0: rgba(189, 189, 189, 0);
  --sbb-color-cement-alpha-20: rgba(189, 189, 189, 0.2);
  --sbb-color-platinum: #cdcdcd;
  --sbb-color-platinum-alpha-0: rgba(205, 205, 205, 0);
  --sbb-color-platinum-alpha-20: rgba(205, 205, 205, 0.2);
  --sbb-color-aluminium: #d2d2d2;
  --sbb-color-silver: #dcdcdc;
  --sbb-color-cloud: #e5e5e5;
  --sbb-color-milk: #f6f6f6;
  --sbb-color-red: #eb0000;
  --sbb-color-red-alpha-0: rgba(235, 0, 0, 0);
  --sbb-color-red-alpha-20: rgba(235, 0, 0, 0.2);
  --sbb-color-red-alpha-90: rgba(235, 0, 0, 0.9);
  --sbb-color-red-mode-dark: #ff3838;
  --sbb-color-red125: #c60018;
  --sbb-color-red125-alpha-0: rgba(198, 0, 24, 0);
  --sbb-color-red125-alpha-20: rgba(198, 0, 24, 0.2);
  --sbb-color-red150: #a20013;
  --sbb-color-white: #ffffff;
  --sbb-color-white-alpha-0: rgba(255, 255, 255, 0);
  --sbb-color-white-alpha-20: rgba(255, 255, 255, 0.2);
  --sbb-color-white-alpha-30: rgba(255, 255, 255, 0.3);
  --sbb-color-white-alpha-50: rgba(255, 255, 255, 0.5);
  --sbb-color-white-alpha-60: rgba(255, 255, 255, 0.6);
  --sbb-color-white-alpha-70: rgba(255, 255, 255, 0.7);
  --sbb-color-sky: #0079c7;
  --sbb-color-night: #143a85;
  --sbb-color-violet: #6f2282;
  --sbb-color-pink: #cf4082;
  --sbb-color-autumn: #e84e10;
  --sbb-color-orange: #f27e00;
  --sbb-color-peach: #fcbb00;
  --sbb-color-lemon: #ffde15;
  --sbb-color-brown: #b76000;
  --sbb-color-green: #008a36;
  --sbb-color-turquoise: #00a59b;
  /**
   * Original Value: 3px
   */
  --sbb-focus-outline-offset: 0.1875rem;
  --sbb-layout-base-grid-columns-zero: 4;
  --sbb-layout-base-grid-columns-micro: 4;
  --sbb-layout-base-grid-columns-small: 4;
  --sbb-layout-base-grid-columns-medium: 8;
  --sbb-layout-base-grid-columns-large: 8;
  --sbb-layout-base-grid-columns-wide: 12;
  --sbb-layout-base-grid-columns-ultra: 16;
  /**
   * Original Value: 16px
   */
  --sbb-layout-base-grid-gutter-responsive-zero: 1rem;
  /**
   * Original Value: 16px
   */
  --sbb-layout-base-grid-gutter-responsive-micro: 1rem;
  /**
   * Original Value: 24px
   */
  --sbb-layout-base-grid-gutter-responsive-small: 1.5rem;
  /**
   * Original Value: 24px
   */
  --sbb-layout-base-grid-gutter-responsive-medium: 1.5rem;
  /**
   * Original Value: 32px
   */
  --sbb-layout-base-grid-gutter-responsive-large: 2rem;
  /**
   * Original Value: 32px
   */
  --sbb-layout-base-grid-gutter-responsive-wide: 2rem;
  /**
   * Original Value: 32px
   */
  --sbb-layout-base-grid-gutter-responsive-ultra: 2rem;
  /**
   * Original Value: 16px
   */
  --sbb-layout-base-offset-responsive-zero: 1rem;
  /**
   * Original Value: 20px
   */
  --sbb-layout-base-offset-responsive-micro: 1.25rem;
  /**
   * Original Value: 48px
   */
  --sbb-layout-base-offset-responsive-small: 3rem;
  /**
   * Original Value: 56px
   */
  --sbb-layout-base-offset-responsive-medium: 3.5rem;
  /**
   * Original Value: 64px
   */
  --sbb-layout-base-offset-responsive-large: 4rem;
  /**
   * Original Value: 72px
   */
  --sbb-layout-base-offset-responsive-wide: 4.5rem;
  /**
   * 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;
  --sbb-shadow-elevation-level-3-soft-1-color: rgba(141, 141, 141, 0.05);
  --sbb-shadow-elevation-level-3-soft-2-color: rgba(141, 141, 141, 0.1);
  --sbb-shadow-elevation-level-3-soft-negative-1-color: rgba(0, 0, 0, 0.15);
  --sbb-shadow-elevation-level-3-soft-negative-2-color: rgba(0, 0, 0, 0.2);
  --sbb-shadow-elevation-level-3-hard-1-color: rgba(141, 141, 141, 0.1);
  --sbb-shadow-elevation-level-3-hard-2-color: rgba(141, 141, 141, 0.2);
  --sbb-shadow-elevation-level-3-hard-negative-1-color: rgba(0, 0, 0, 0.3);
  --sbb-shadow-elevation-level-3-hard-negative-2-color: rgba(0, 0, 0, 0.4);
  /**
   * 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;
  --sbb-shadow-elevation-level-5-soft-1-color: rgba(141, 141, 141, 0.05);
  --sbb-shadow-elevation-level-5-soft-2-color: rgba(141, 141, 141, 0.1);
  --sbb-shadow-elevation-level-5-soft-negative-1-color: rgba(0, 0, 0, 0.15);
  --sbb-shadow-elevation-level-5-soft-negative-2-color: rgba(0, 0, 0, 0.2);
  --sbb-shadow-elevation-level-5-hard-1-color: rgba(141, 141, 141, 0.1);
  --sbb-shadow-elevation-level-5-hard-2-color: rgba(141, 141, 141, 0.2);
  --sbb-shadow-elevation-level-5-hard-negative-1-color: rgba(0, 0, 0, 0.3);
  --sbb-shadow-elevation-level-5-hard-negative-2-color: rgba(0, 0, 0, 0.4);
  /**
   * 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;
  --sbb-shadow-elevation-level-9-soft-1-color: rgba(141, 141, 141, 0.05);
  --sbb-shadow-elevation-level-9-soft-2-color: rgba(141, 141, 141, 0.1);
  --sbb-shadow-elevation-level-9-soft-negative-1-color: rgba(0, 0, 0, 0.15);
  --sbb-shadow-elevation-level-9-soft-negative-2-color: rgba(0, 0, 0, 0.2);
  --sbb-shadow-elevation-level-9-hard-1-color: rgba(141, 141, 141, 0.1);
  --sbb-shadow-elevation-level-9-hard-2-color: rgba(141, 141, 141, 0.2);
  --sbb-shadow-elevation-level-9-hard-negative-1-color: rgba(0, 0, 0, 0.3);
  --sbb-shadow-elevation-level-9-hard-negative-2-color: rgba(0, 0, 0, 0.4);
  /**
   * 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;
  --sbb-shadow-elevation-level-11-soft-1-color: rgba(141, 141, 141, 0.05);
  --sbb-shadow-elevation-level-11-soft-2-color: rgba(141, 141, 141, 0.1);
  --sbb-shadow-elevation-level-11-soft-negative-1-color: rgba(0, 0, 0, 0.15);
  --sbb-shadow-elevation-level-11-soft-negative-2-color: rgba(0, 0, 0, 0.2);
  --sbb-shadow-elevation-level-11-hard-1-color: rgba(141, 141, 141, 0.1);
  --sbb-shadow-elevation-level-11-hard-2-color: rgba(141, 141, 141, 0.2);
  --sbb-shadow-elevation-level-11-hard-negative-1-color: rgba(0, 0, 0, 0.3);
  --sbb-shadow-elevation-level-11-hard-negative-2-color: rgba(0, 0, 0, 0.4);
  /**
   * Original Value: 36px
   */
  --sbb-size-element-xs-zero: 2.25rem;
  /**
   * Original Value: 36px
   */
  --sbb-size-element-xs-micro: 2.25rem;
  /**
   * Original Value: 36px
   */
  --sbb-size-element-xs-small: 2.25rem;
  /**
   * Original Value: 40px
   */
  --sbb-size-element-xs-medium: 2.5rem;
  /**
   * Original Value: 40px
   */
  --sbb-size-element-xs-large: 2.5rem;
  /**
   * Original Value: 40px
   */
  --sbb-size-element-xs-wide: 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-micro: 2.75rem;
  /**
   * Original Value: 44px
   */
  --sbb-size-element-s-small: 2.75rem;
  /**
   * Original Value: 48px
   */
  --sbb-size-element-s-medium: 3rem;
  /**
   * Original Value: 48px
   */
  --sbb-size-element-s-large: 3rem;
  /**
   * Original Value: 48px
   */
  --sbb-size-element-s-wide: 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-micro: 3rem;
  /**
   * Original Value: 48px
   */
  --sbb-size-element-m-small: 3rem;
  /**
   * Original Value: 56px
   */
  --sbb-size-element-m-medium: 3.5rem;
  /**
   * Original Value: 56px
   */
  --sbb-size-element-m-large: 3.5rem;
  /**
   * Original Value: 56px
   */
  --sbb-size-element-m-wide: 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-micro: 3.5rem;
  /**
   * Original Value: 56px
   */
  --sbb-size-element-l-small: 3.5rem;
  /**
   * Original Value: 64px
   */
  --sbb-size-element-l-medium: 4rem;
  /**
   * Original Value: 64px
   */
  --sbb-size-element-l-large: 4rem;
  /**
   * Original Value: 64px
   */
  --sbb-size-element-l-wide: 4rem;
  /**
   * Original Value: 64px
   */
  --sbb-size-element-l-ultra: 4rem;
  /**
   * 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: 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: 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-micro: 0.75rem;
  /**
   * Original Value: 12px
   */
  --sbb-spacing-responsive-xxxs-small: 0.75rem;
  /**
   * Original Value: 16px
   */
  --sbb-spacing-responsive-xxxs-medium: 1rem;
  /**
   * Original Value: 16px
   */
  --sbb-spacing-responsive-xxxs-large: 1rem;
  /**
   * Original Value: 16px
   */
  --sbb-spacing-responsive-xxxs-wide: 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-micro: 1rem;
  /**
   * Original Value: 16px
   */
  --sbb-spacing-responsive-xxs-small: 1rem;
  /**
   * Original Value: 24px
   */
  --sbb-spacing-responsive-xxs-medium: 1.5rem;
  /**
   * Original Value: 24px
   */
  --sbb-spacing-responsive-xxs-large: 1.5rem;
  /**
   * Original Value: 24px
   */
  --sbb-spacing-responsive-xxs-wide: 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-micro: 1.25rem;
  /**
   * Original Value: 20px
   */
  --sbb-spacing-responsive-xs-small: 1.25rem;
  /**
   * Original Value: 24px
   */
  --sbb-spacing-responsive-xs-medium: 1.5rem;
  /**
   * Original Value: 24px
   */
  --sbb-spacing-responsive-xs-large: 1.5rem;
  /**
   * Original Value: 24px
   */
  --sbb-spacing-responsive-xs-wide: 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-micro: 1.5rem;
  /**
   * Original Value: 24px
   */
  --sbb-spacing-responsive-s-small: 1.5rem;
  /**
   * Original Value: 32px
   */
  --sbb-spacing-responsive-s-medium: 2rem;
  /**
   * Original Value: 32px
   */
  --sbb-spacing-responsive-s-large: 2rem;
  /**
   * Original Value: 32px
   */
  --sbb-spacing-responsive-s-wide: 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-micro: 2rem;
  /**
   * Original Value: 32px
   */
  --sbb-spacing-responsive-m-small: 2rem;
  /**
   * Original Value: 40px
   */
  --sbb-spacing-responsive-m-medium: 2.5rem;
  /**
   * Original Value: 40px
   */
  --sbb-spacing-responsive-m-large: 2.5rem;
  /**
   * Original Value: 48px
   */
  --sbb-spacing-responsive-m-wide: 3rem;
  /**
   * Original Value: 48px
   */
  --sbb-spacing-responsive-m-ultra: 3rem;
  /**
   * Original Value: 32px
   */
  --sbb-spacing-responsive-l-zero: 2rem;
  /**
   * Original Value: 32px
   */
  --sbb-spacing-responsive-l-micro: 2rem;
  /**
   * Original Value: 40px
   */
  --sbb-spacing-responsive-l-small: 2.5rem;
  /**
   * Original Value: 48px
   */
  --sbb-spacing-responsive-l-medium: 3rem;
  /**
   * Original Value: 56px
   */
  --sbb-spacing-responsive-l-large: 3.5rem;
  /**
   * Original Value: 56px
   */
  --sbb-spacing-responsive-l-wide: 3.5rem;
  /**
   * Original Value: 64px
   */
  --sbb-spacing-responsive-l-ultra: 4rem;
  /**
   * Original Value: 32px
   */
  --sbb-spacing-responsive-xl-zero: 2rem;
  /**
   * Original Value: 32px
   */
  --sbb-spacing-responsive-xl-micro: 2rem;
  /**
   * Original Value: 48px
   */
  --sbb-spacing-responsive-xl-small: 3rem;
  /**
   * Original Value: 64px
   */
  --sbb-spacing-responsive-xl-medium: 4rem;
  /**
   * Original Value: 80px
   */
  --sbb-spacing-responsive-xl-large: 5rem;
  /**
   * Original Value: 80px
   */
  --sbb-spacing-responsive-xl-wide: 5rem;
  /**
   * Original Value: 96px
   */
  --sbb-spacing-responsive-xl-ultra: 6rem;
  /**
   * Original Value: 48px
   */
  --sbb-spacing-responsive-xxl-zero: 3rem;
  /**
   * Original Value: 48px
   */
  --sbb-spacing-responsive-xxl-micro: 3rem;
  /**
   * Original Value: 72px
   */
  --sbb-spacing-responsive-xxl-small: 4.5rem;
  /**
   * Original Value: 80px
   */
  --sbb-spacing-responsive-xxl-medium: 5rem;
  /**
   * Original Value: 96px
   */
  --sbb-spacing-responsive-xxl-large: 6rem;
  /**
   * Original Value: 96px
   */
  --sbb-spacing-responsive-xxl-wide: 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-titles: 0;
  --sbb-typo-letter-spacing-body-text: 0.03em;
  --sbb-typo-line-height-titles: 1.3;
  --sbb-typo-line-height-body-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;
  /* Composed variables */
  /**
   * 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.
   */
  /* Font Color */
  --sbb-font-default-color: var(--sbb-color-charcoal);
  /* 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-width: var(--sbb-border-width-1x);
  /* Title */
  --sbb-font-size-title-1: var(--sbb-typo-scale-2-5x);
  --sbb-font-size-title-2: var(--sbb-typo-scale-2x);
  --sbb-font-size-title-3: var(--sbb-typo-scale-1-5x);
  --sbb-font-size-title-4: var(--sbb-typo-scale-1-25x);
  --sbb-font-size-title-5: var(--sbb-typo-scale-1-125x);
  --sbb-font-size-title-6: var(--sbb-typo-scale-0-875x);
  --sbb-font-size-text-xl: var(--sbb-typo-scale-1-25x);
  --sbb-font-size-text-l: var(--sbb-typo-scale-1-125x);
  --sbb-font-size-text-m: var(--sbb-typo-scale-default);
  --sbb-font-size-text-s: var(--sbb-typo-scale-0-875x);
  --sbb-font-size-text-xs: var(--sbb-typo-scale-0-75x);
  --sbb-font-size-text-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-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);
  /**
   * Micro (value corresponds to --sbb-breakpoint-micro-min)
   */
  /**
   * Small (value corresponds to --sbb-breakpoint-small-min)
   */
  /**
   * Medium (value corresponds to --sbb-breakpoint-medium-min)
   */
  /**
   * Large (value corresponds to --sbb-breakpoint-large-min)
   */
  /**
   * Wide (value corresponds to --sbb-breakpoint-wide-min)
   */
  /**
   * Ultra (value corresponds to --sbb-breakpoint-ultra-min)
   */
  --sbb-train-formation-wagon-width: 5rem;
  --sbb-train-formation-wagon-height: 2.5rem;
  --sbb-train-formation-wagon-border-radius: 0.75rem;
  --sbb-train-formation-wagon-gap: var(--sbb-spacing-fixed-1x);
  --sbb-header-height: var(--sbb-spacing-fixed-14x);
  --sbb-time-input-max-width: 3.625rem;
  --sbb-overlay-default-z-index: 1000;
  --sbb-border-radius-infinity: 10000000em;
}
@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);
  }
}
@media (min-width: 22.5rem) {
  :root {
    /* Layout */
    --sbb-layout-base-offset-responsive: var(--sbb-layout-base-offset-responsive-micro);
    --sbb-grid-base-columns: var(--sbb-layout-base-grid-columns-micro);
    --sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-micro);
  }
}
@media (min-width: 37.5rem) {
  :root {
    /* Title */
    --sbb-font-size-title-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);
  }
}
@media (min-width: 52.5rem) {
  :root {
    /* Title */
    --sbb-font-size-title-2: var(--sbb-typo-scale-2-5x);
    --sbb-font-size-title-3: var(--sbb-typo-scale-2x);
    --sbb-font-size-title-4: var(--sbb-typo-scale-1-5x);
    --sbb-font-size-title-5: var(--sbb-typo-scale-1-25x);
    --sbb-font-size-title-6: var(--sbb-typo-scale-default);
    --sbb-font-size-text-xl: var(--sbb-typo-scale-1-5x);
    --sbb-font-size-text-l: var(--sbb-typo-scale-1-25x);
    --sbb-font-size-text-m: var(--sbb-typo-scale-1-125x);
    --sbb-font-size-text-s: var(--sbb-typo-scale-default);
    --sbb-font-size-text-xs: var(--sbb-typo-scale-0-875x);
    /* Spacing */
    --sbb-spacing-responsive-xxxs: var(--sbb-spacing-responsive-xxxs-medium);
    --sbb-spacing-responsive-xxs: var(--sbb-spacing-responsive-xxs-medium);
    --sbb-spacing-responsive-xs: var(--sbb-spacing-responsive-xs-medium);
    --sbb-spacing-responsive-s: var(--sbb-spacing-responsive-s-medium);
    --sbb-spacing-responsive-m: var(--sbb-spacing-responsive-m-medium);
    --sbb-spacing-responsive-l: var(--sbb-spacing-responsive-l-medium);
    --sbb-spacing-responsive-xl: var(--sbb-spacing-responsive-xl-medium);
    --sbb-spacing-responsive-xxl: var(--sbb-spacing-responsive-xxl-medium);
    /* Layout */
    --sbb-layout-base-offset-responsive: var(--sbb-layout-base-offset-responsive-medium);
    --sbb-grid-base-columns: var(--sbb-layout-base-grid-columns-medium);
    --sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-medium);
    /* Size */
    --sbb-size-element-xs: var(--sbb-size-element-xs-medium);
    --sbb-size-element-s: var(--sbb-size-element-s-medium);
    --sbb-size-element-m: var(--sbb-size-element-m-medium);
    --sbb-size-element-l: var(--sbb-size-element-l-medium);
  }
}
@media (min-width: 64rem) {
  :root {
    /* Title */
    --sbb-font-size-title-1: var(--sbb-typo-scale-3-5x);
    /* Spacing */
    --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);
  }
}
@media (min-width: 80rem) {
  :root {
    /* Spacing */
    --sbb-spacing-responsive-m: var(--sbb-spacing-responsive-m-wide);
    /* Layout */
    --sbb-layout-base-offset-responsive: var(--sbb-layout-base-offset-responsive-wide);
    --sbb-grid-base-columns: var(--sbb-layout-base-grid-columns-wide);
    --sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-wide);
  }
}
@media (min-width: 90rem) {
  :root {
    /* Title */
    --sbb-font-size-title-1: var(--sbb-typo-scale-4x);
    /* Spacing */
    --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);
  }
}
@media (min-width: calc(52.5rem)) {
  :root {
    --sbb-header-height: var(--sbb-spacing-fixed-24x);
    --sbb-time-input-max-width: 4.0625rem;
  }
}

@font-face {
  font-family: SBB;
  src: url("https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Roman.woff2") format("woff2"), url("https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Roman.woff") format("woff");
  font-display: fallback;
  font-weight: 400;
}
@font-face {
  font-family: SBB;
  src: url("https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Bold.woff2") format("woff2"), url("https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Bold.woff") format("woff");
  font-display: swap;
  font-weight: 700;
}
@font-face {
  font-family: SBB;
  src: url("https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Light.woff2") format("woff2"), url("https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Light.woff") format("woff");
  font-display: swap;
  font-weight: 300;
}
html {
  font-family: var(--sbb-typo-font-family);
  font-weight: normal;
  line-height: var(--sbb-typo-line-height-body-text);
  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
  font-size: var(--sbb-text-font-size);
  color: var(--sbb-font-default-color);
}

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

sbb-form-field :where(input, textarea):disabled::placeholder {
  color: var(--sbb-color-granite);
  -webkit-text-fill-color: var(--sbb-color-granite);
}
sbb-form-field[floating-label] :where(input, textarea)::placeholder {
  color: transparent;
  -webkit-text-fill-color: transparent;
}
@media (forced-colors: active) {
  sbb-form-field[floating-label] :where(input, textarea)::placeholder {
    color: Canvas;
    -webkit-text-fill-color: Canvas;
  }
}
sbb-form-field textarea {
  --sbb-scrollbar-thumb-width: 0.125rem;
  --sbb-scrollbar-thumb-width-hover: 0.25rem;
  --sbb-scrollbar-width-firefox: thin;
  --sbb-scrollbar-color: var(--sbb-color-black-alpha-30);
  --sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);
  --sbb-scrollbar-track-color: transparent;
  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
  /* Scrollbar itself */
  /* Hide button (top and bottom of the scrollbar) */
}
sbb-form-field textarea::-webkit-scrollbar {
  width: var(--sbb-scrollbar-width);
  height: var(--sbb-scrollbar-width);
  background-color: var(--sbb-scrollbar-track-color, transparent);
}
sbb-form-field textarea::-webkit-scrollbar-corner {
  background-color: var(--sbb-scrollbar-track-color, transparent);
}
sbb-form-field 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;
}
sbb-form-field 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)));
}
sbb-form-field textarea::-webkit-scrollbar-button, sbb-form-field textarea::-webkit-scrollbar-corner {
  display: none;
}
@supports not selector(::-webkit-scrollbar) {
  sbb-form-field textarea {
    scrollbar-width: var(--sbb-scrollbar-width-firefox);
    scrollbar-color: var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent);
  }
}
sbb-form-field[negative] textarea {
  --sbb-scrollbar-thumb-width: 0.125rem;
  --sbb-scrollbar-thumb-width-hover: 0.25rem;
  --sbb-scrollbar-width-firefox: thin;
  --sbb-scrollbar-color: var(--sbb-color-white-alpha-30);
  --sbb-scrollbar-color-hover: var(--sbb-color-white-alpha-60);
  --sbb-scrollbar-track-color: transparent;
  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
  /* Scrollbar itself */
  /* Hide button (top and bottom of the scrollbar) */
}
sbb-form-field[negative] textarea::-webkit-scrollbar {
  width: var(--sbb-scrollbar-width);
  height: var(--sbb-scrollbar-width);
  background-color: var(--sbb-scrollbar-track-color, transparent);
}
sbb-form-field[negative] textarea::-webkit-scrollbar-corner {
  background-color: var(--sbb-scrollbar-track-color, transparent);
}
sbb-form-field[negative] 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;
}
sbb-form-field[negative] 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)));
}
sbb-form-field[negative] textarea::-webkit-scrollbar-button, sbb-form-field[negative] textarea::-webkit-scrollbar-corner {
  display: none;
}
@supports not selector(::-webkit-scrollbar) {
  sbb-form-field[negative] textarea {
    scrollbar-width: var(--sbb-scrollbar-width-firefox);
    scrollbar-color: var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent);
  }
}

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

sbb-breadcrumb-group:not(:defined) {
  display: block;
  height: calc(var(--sbb-typo-line-height-body-text) * var(--sbb-font-size-text-xs));
  overflow: hidden;
}

[data-card-focusable] {
  pointer-events: all;
}

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

input[data-sbb-time-input] {
  max-width: var(--sbb-time-input-max-width);
}

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-body-text);
  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
  font-size: var(--sbb-text-font-size);
}

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

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

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

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

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

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

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

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

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

.sbb-disable-animation {
  --sbb-disable-animation-time: 0.1ms;
  --sbb-disable-animation-zero-time: 0s;
}

.sbb-disable-animation-locally {
  --sbb-disable-animation-time: 0.1ms;
  --sbb-disable-animation-zero-time: 0s;
}
.sbb-disable-animation-locally > * {
  --sbb-disable-animation-time: initial;
  --sbb-disable-animation-zero-time: initial;
}

.sbb-enable-animation {
  --sbb-disable-animation-time: initial;
  --sbb-disable-animation-zero-time: initial;
}

.sbb-grid,
.sbb-page-spacing {
  padding-inline: var(--sbb-layout-base-offset-responsive);
  margin-inline: auto;
  width: 100%;
}
@media (min-width: calc(90rem)) {
  .sbb-grid,
  .sbb-page-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-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-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);
  color: var(--sbb-color-iron);
}
.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-body-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-font-size-text-s);
  font-family: var(--sbb-typo-font-family);
  font-weight: normal;
  line-height: var(--sbb-typo-line-height-body-text);
  letter-spacing: var(--sbb-typo-letter-spacing-body-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);
  color: var(--sbb-color-iron);
}
.sbb-list:where(dl) :is(dt, dd) {
  margin: 0;
  padding: 0;
}

.sbb-step-list {
  --sbb-step-list-marker-dimensions: 2.125rem;
  --sbb-step-list-padding-block: var(--sbb-spacing-fixed-3x);
  --sbb-step-list-padding-inline: var(--sbb-spacing-responsive-xxs);
  --sbb-step-list-marker-to-text-gap: var(--sbb-spacing-responsive-xxxs);
  --sbb-step-list-text-to-marker-block-offset: calc(
    0.5 *
      (
        var(--sbb-step-list-marker-dimensions) - var(--sbb-typo-line-height-body-text) *
          var(--sbb-text-font-size)
      )
  );
  --sbb-step-list-vertical-gap: var(--sbb-spacing-fixed-1x);
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: steps;
  /* stylelint-disable-next-line no-descending-specificity */
}
.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: calc(52.5rem)) {
  .sbb-step-list:where(.sbb-text-xl) {
    --sbb-step-list-marker-dimensions: 2.5625rem;
  }
}
.sbb-step-list > li {
  position: relative;
  counter-increment: steps;
  background-color: var(--sbb-color-milk);
  border-radius: var(--sbb-border-radius-4x);
  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-marker-dimensions) + var(--sbb-step-list-marker-to-text-gap)) var(--sbb-step-list-padding-inline);
  min-height: calc(var(--sbb-step-list-marker-dimensions) + 2 * var(--sbb-step-list-padding-block));
}
.sbb-step-list > li::before {
  --sbb-text-font-size: var(--sbb-font-size-text-xxs);
  font-family: var(--sbb-typo-font-family);
  font-weight: normal;
  line-height: var(--sbb-typo-line-height-body-text);
  letter-spacing: var(--sbb-typo-letter-spacing-body-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-marker-dimensions);
  width: var(--sbb-step-list-marker-dimensions);
  margin-block-start: calc(-1 * var(--sbb-step-list-text-to-marker-block-offset));
  inset-inline-start: var(--sbb-step-list-padding-inline);
  border: var(--sbb-border-width-1x) solid var(--sbb-color-cement);
  border-radius: 50%;
  color: var(--sbb-color-charcoal);
}
.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);
}