.div-smapi-product-banner {
    background-color: #fff;
    border-radius: 8px;
    align-items: center;
    margin-top: 2rem;
    padding-right: 1.5rem;
    display: flex
}

.teaser-product-banner {
    width: 100%;
    max-width: 46.25rem;
    margin-inline:auto;padding-right: 1rem
}

.img-product-banner {
    border-radius: var(--sbb-border-radius-4x);
    object-position: right;
    max-width: 14rem
}

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

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

body {
    margin: 0
}

hr {
    height: 0;
    color: inherit
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    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 {
    /* margin:0; */
    /* font-family:inherit; */
    /* font-size:100%; */
    /* line-height:1.15; */
}

button,select {
    text-transform: none
}

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

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

legend {
    padding: 0
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button {
    height: auto
}

::-webkit-outer-spin-button {
    height: auto
}

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

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

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

summary {
    display: list-item
}

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

:root {
    --sbb-animation-duration-1x: 40ms;
    --sbb-animation-duration-2x: 80ms;
    --sbb-animation-duration-3x: .12s;
    --sbb-animation-duration-4x: .16s;
    --sbb-animation-duration-5x: .2s;
    --sbb-animation-duration-6x: .24s;
    --sbb-animation-duration-12x: .48s;
    --sbb-animation-easing: cubic-bezier(.47, .1, 1, .63);
    --sbb-border-width-1x: .0625rem;
    --sbb-border-width-2x: .125rem;
    --sbb-border-width-3x: .1875rem;
    --sbb-border-width-4x: .25rem;
    --sbb-border-radius-1x: .125rem;
    --sbb-border-radius-2x: .25rem;
    --sbb-border-radius-4x: .5rem;
    --sbb-border-radius-6x: .75rem;
    --sbb-border-radius-8x: 1rem;
    --sbb-border-radius-16x: 2rem;
    --sbb-breakpoint-zero-min: 0rem;
    --sbb-breakpoint-zero-max: 22.4375rem;
    --sbb-breakpoint-micro-min: 22.5rem;
    --sbb-breakpoint-micro-max: 37.4375rem;
    --sbb-breakpoint-small-min: 37.5rem;
    --sbb-breakpoint-small-max: 52.4375rem;
    --sbb-breakpoint-medium-min: 52.5rem;
    --sbb-breakpoint-medium-max: 63.9375rem;
    --sbb-breakpoint-large-min: 64rem;
    --sbb-breakpoint-large-max: 79.9375rem;
    --sbb-breakpoint-wide-min: 80rem;
    --sbb-breakpoint-wide-max: 89.9375rem;
    --sbb-breakpoint-ultra-min: 90rem;
    --sbb-breakpoint-ultra-max: 161.188rem;
    --sbb-color-black: #000;
    --sbb-color-black-alpha-0: #0000;
    --sbb-color-black-alpha-10: #0000001a;
    --sbb-color-black-alpha-15: #00000026;
    --sbb-color-black-alpha-20: #0003;
    --sbb-color-black-alpha-30: #0000004d;
    --sbb-color-black-alpha-40: #0006;
    --sbb-color-black-alpha-50: #00000080;
    --sbb-color-black-alpha-60: #0009;
    --sbb-color-black-alpha-70: #000000b3;
    --sbb-color-midnight: #151515;
    --sbb-color-blue: #2d327d;
    --sbb-color-charcoal: #212121;
    --sbb-color-iron: #444;
    --sbb-color-anthracite: #5a5a5a;
    --sbb-color-granite: #686868;
    --sbb-color-metal: #767676;
    --sbb-color-metal-alpha-0: #76767600;
    --sbb-color-metal-alpha-20: #76767633;
    --sbb-color-smoke: #8d8d8d;
    --sbb-color-smoke-alpha-0: #8d8d8d00;
    --sbb-color-smoke-alpha-5: #8d8d8d0d;
    --sbb-color-smoke-alpha-10: #8d8d8d1a;
    --sbb-color-smoke-alpha-20: #8d8d8d33;
    --sbb-color-storm: #a8a8a8;
    --sbb-color-graphite: #b7b7b7;
    --sbb-color-cement: #bdbdbd;
    --sbb-color-cement-alpha-0: #bdbdbd00;
    --sbb-color-cement-alpha-20: #bdbdbd33;
    --sbb-color-platinum: #cdcdcd;
    --sbb-color-platinum-alpha-0: #cdcdcd00;
    --sbb-color-platinum-alpha-20: #cdcdcd33;
    --sbb-color-aluminium: #d2d2d2;
    --sbb-color-silver: #dcdcdc;
    --sbb-color-cloud: #e5e5e5;
    --sbb-color-cloud-alpha-80: #e5e5e5cc;
    --sbb-color-milk: #f6f6f6;
    --sbb-color-red: #eb0000;
    --sbb-color-red-alpha-0: #eb000000;
    --sbb-color-red-alpha-20: #eb000033;
    --sbb-color-red-alpha-60: #eb000099;
    --sbb-color-red-alpha-90: #eb0000e6;
    --sbb-color-red-mode-dark: #ff3838;
    --sbb-color-red85: #ff3838;
    --sbb-color-red125: #c60018;
    --sbb-color-red125-alpha-0: #c6001800;
    --sbb-color-red125-alpha-20: #c6001833;
    --sbb-color-red125-alpha-60: #c6001899;
    --sbb-color-red150: #a20013;
    --sbb-color-royal: var(--lightningcss-light,var(--sbb-color-royal-light))var(--lightningcss-dark,var(--sbb-color-royal-dark));
    --sbb-color-royal85: var(--lightningcss-light,var(--sbb-color-royal85-light))var(--lightningcss-dark,var(--sbb-color-royal85-dark));
    --sbb-color-royal125: var(--lightningcss-light,var(--sbb-color-royal125-light))var(--lightningcss-dark,var(--sbb-color-royal125-dark));
    --sbb-color-royal150: var(--lightningcss-light,var(--sbb-color-royal150-light))var(--lightningcss-dark,var(--sbb-color-royal150-dark));
    --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: #000;
    --sbb-color-white: #fff;
    --sbb-color-white-alpha-0: #fff0;
    --sbb-color-white-alpha-20: #fff3;
    --sbb-color-white-alpha-30: #ffffff4d;
    --sbb-color-white-alpha-50: #ffffff80;
    --sbb-color-white-alpha-60: #fff9;
    --sbb-color-white-alpha-70: #ffffffb3;
    --sbb-color-white-alpha-80: #fffc;
    --sbb-color-sky: var(--lightningcss-light,var(--sbb-color-sky-light))var(--lightningcss-dark,var(--sbb-color-sky-dark));
    --sbb-color-sky-light: #0074bf;
    --sbb-color-sky-dark: #128ede;
    --sbb-color-night: var(--lightningcss-light,var(--sbb-color-night-light))var(--lightningcss-dark,var(--sbb-color-night-dark));
    --sbb-color-night-light: #143a85;
    --sbb-color-night-dark: #6587ca;
    --sbb-color-violet: var(--lightningcss-light,var(--sbb-color-violet-light))var(--lightningcss-dark,var(--sbb-color-violet-dark));
    --sbb-color-violet-light: #6f2282;
    --sbb-color-violet-dark: #b36cc5;
    --sbb-color-pink: var(--lightningcss-light,var(--sbb-color-pink-light))var(--lightningcss-dark,var(--sbb-color-pink-dark));
    --sbb-color-pink-light: #c7387a;
    --sbb-color-pink-dark: #e45295;
    --sbb-color-autumn: var(--lightningcss-light,var(--sbb-color-autumn-light))var(--lightningcss-dark,var(--sbb-color-autumn-dark));
    --sbb-color-autumn-light: #cf3b00;
    --sbb-color-autumn-dark: #f05313;
    --sbb-color-orange: var(--lightningcss-light,var(--sbb-color-orange-light))var(--lightningcss-dark,var(--sbb-color-orange-dark));
    --sbb-color-orange-light: #f27e00;
    --sbb-color-orange-dark: #fb8e19;
    --sbb-color-peach: var(--lightningcss-light,var(--sbb-color-peach-light))var(--lightningcss-dark,var(--sbb-color-peach-dark));
    --sbb-color-peach-light: #fcbb00;
    --sbb-color-peach-dark: #ffc727;
    --sbb-color-lemon: var(--lightningcss-light,var(--sbb-color-lemon-light))var(--lightningcss-dark,var(--sbb-color-lemon-dark));
    --sbb-color-lemon-light: #ffde15;
    --sbb-color-lemon-dark: #ffe547;
    --sbb-color-brown: var(--lightningcss-light,var(--sbb-color-brown-light))var(--lightningcss-dark,var(--sbb-color-brown-dark));
    --sbb-color-brown-light: #a05400;
    --sbb-color-brown-dark: #000;
    --sbb-color-green: var(--lightningcss-light,var(--sbb-color-green-light))var(--lightningcss-dark,var(--sbb-color-green-dark));
    --sbb-color-green-light: #008233;
    --sbb-color-green-dark: #109d47;
    --sbb-color-turquoise: var(--lightningcss-light,var(--sbb-color-turquoise-light))var(--lightningcss-dark,var(--sbb-color-turquoise-dark));
    --sbb-color-turquoise-light: #007e84;
    --sbb-color-turquoise-dark: #00a59b;
    --sbb-focus-outline-offset: .1875rem;
    --sbb-hover-image-brightness: 1.075;
    --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;
    --sbb-layout-base-grid-gutter-responsive-zero: 1rem;
    --sbb-layout-base-grid-gutter-responsive-micro: 1rem;
    --sbb-layout-base-grid-gutter-responsive-small: 1.5rem;
    --sbb-layout-base-grid-gutter-responsive-medium: 1.5rem;
    --sbb-layout-base-grid-gutter-responsive-large: 2rem;
    --sbb-layout-base-grid-gutter-responsive-wide: 2rem;
    --sbb-layout-base-grid-gutter-responsive-ultra: 2rem;
    --sbb-layout-base-offset-responsive-zero: 1rem;
    --sbb-layout-base-offset-responsive-micro: 1.25rem;
    --sbb-layout-base-offset-responsive-small: 3rem;
    --sbb-layout-base-offset-responsive-medium: 3.5rem;
    --sbb-layout-base-offset-responsive-large: 4rem;
    --sbb-layout-base-offset-responsive-wide: 4.5rem;
    --sbb-layout-base-offset-responsive-ultra: 7.5rem;
    --sbb-layout-base-page-max-width: 75rem;
    --sbb-shadow-color-soft-1-light: #8d8d8d0d;
    --sbb-shadow-color-soft-1-dark: #00000026;
    --sbb-shadow-color-soft-1-negative-light: #00000026;
    --sbb-shadow-color-soft-1-negative-dark: #00000026;
    --sbb-shadow-color-soft-2-light: #8d8d8d1a;
    --sbb-shadow-color-soft-2-dark: #0003;
    --sbb-shadow-color-soft-2-negative-light: #0003;
    --sbb-shadow-color-soft-2-negative-dark: #0003;
    --sbb-shadow-color-hard-1-light: #8d8d8d1a;
    --sbb-shadow-color-hard-1-dark: #0000004d;
    --sbb-shadow-color-hard-1-negative-light: #0000004d;
    --sbb-shadow-color-hard-1-negative-dark: #0000004d;
    --sbb-shadow-color-hard-2-light: #8d8d8d33;
    --sbb-shadow-color-hard-2-dark: #0006;
    --sbb-shadow-color-hard-2-negative-light: #0006;
    --sbb-shadow-color-hard-2-negative-dark: #0006;
    --sbb-shadow-elevation-level-3-shadow-1-offset-x: 0rem;
    --sbb-shadow-elevation-level-3-shadow-1-offset-y: .125rem;
    --sbb-shadow-elevation-level-3-shadow-1-blur: 1rem;
    --sbb-shadow-elevation-level-3-shadow-1-spread: 0rem;
    --sbb-shadow-elevation-level-3-shadow-2-offset-x: 0rem;
    --sbb-shadow-elevation-level-3-shadow-2-offset-y: .0625rem;
    --sbb-shadow-elevation-level-3-shadow-2-blur: .25rem;
    --sbb-shadow-elevation-level-3-shadow-2-spread: 0rem;
    --sbb-shadow-elevation-level-3-soft-1-color: #8d8d8d0d;
    --sbb-shadow-elevation-level-3-soft-2-color: #8d8d8d1a;
    --sbb-shadow-elevation-level-3-soft-negative-1-color: #00000026;
    --sbb-shadow-elevation-level-3-soft-negative-2-color: #0003;
    --sbb-shadow-elevation-level-3-hard-1-color: #8d8d8d1a;
    --sbb-shadow-elevation-level-3-hard-2-color: #8d8d8d33;
    --sbb-shadow-elevation-level-3-hard-negative-1-color: #0000004d;
    --sbb-shadow-elevation-level-3-hard-negative-2-color: #0006;
    --sbb-shadow-elevation-level-5-shadow-1-offset-x: 0rem;
    --sbb-shadow-elevation-level-5-shadow-1-offset-y: .25rem;
    --sbb-shadow-elevation-level-5-shadow-1-blur: 2rem;
    --sbb-shadow-elevation-level-5-shadow-1-spread: 0rem;
    --sbb-shadow-elevation-level-5-shadow-2-offset-x: 0rem;
    --sbb-shadow-elevation-level-5-shadow-2-offset-y: .0625rem;
    --sbb-shadow-elevation-level-5-shadow-2-blur: .5rem;
    --sbb-shadow-elevation-level-5-shadow-2-spread: 0rem;
    --sbb-shadow-elevation-level-5-soft-1-color: #8d8d8d0d;
    --sbb-shadow-elevation-level-5-soft-2-color: #8d8d8d1a;
    --sbb-shadow-elevation-level-5-soft-negative-1-color: #00000026;
    --sbb-shadow-elevation-level-5-soft-negative-2-color: #0003;
    --sbb-shadow-elevation-level-5-hard-1-color: #8d8d8d1a;
    --sbb-shadow-elevation-level-5-hard-2-color: #8d8d8d33;
    --sbb-shadow-elevation-level-5-hard-negative-1-color: #0000004d;
    --sbb-shadow-elevation-level-5-hard-negative-2-color: #0006;
    --sbb-shadow-elevation-level-9-shadow-1-offset-x: 0rem;
    --sbb-shadow-elevation-level-9-shadow-1-offset-y: 1rem;
    --sbb-shadow-elevation-level-9-shadow-1-blur: 8rem;
    --sbb-shadow-elevation-level-9-shadow-1-spread: 0rem;
    --sbb-shadow-elevation-level-9-shadow-2-offset-x: 0rem;
    --sbb-shadow-elevation-level-9-shadow-2-offset-y: .25rem;
    --sbb-shadow-elevation-level-9-shadow-2-blur: 2rem;
    --sbb-shadow-elevation-level-9-shadow-2-spread: 0rem;
    --sbb-shadow-elevation-level-9-soft-1-color: #8d8d8d0d;
    --sbb-shadow-elevation-level-9-soft-2-color: #8d8d8d1a;
    --sbb-shadow-elevation-level-9-soft-negative-1-color: #00000026;
    --sbb-shadow-elevation-level-9-soft-negative-2-color: #0003;
    --sbb-shadow-elevation-level-9-hard-1-color: #8d8d8d1a;
    --sbb-shadow-elevation-level-9-hard-2-color: #8d8d8d33;
    --sbb-shadow-elevation-level-9-hard-negative-1-color: #0000004d;
    --sbb-shadow-elevation-level-9-hard-negative-2-color: #0006;
    --sbb-shadow-elevation-level-11-shadow-1-offset-x: 0rem;
    --sbb-shadow-elevation-level-11-shadow-1-offset-y: 1.5rem;
    --sbb-shadow-elevation-level-11-shadow-1-blur: 12rem;
    --sbb-shadow-elevation-level-11-shadow-1-spread: 0rem;
    --sbb-shadow-elevation-level-11-shadow-2-offset-x: 0rem;
    --sbb-shadow-elevation-level-11-shadow-2-offset-y: .25rem;
    --sbb-shadow-elevation-level-11-shadow-2-blur: 4rem;
    --sbb-shadow-elevation-level-11-shadow-2-spread: 0rem;
    --sbb-shadow-elevation-level-11-soft-1-color: #8d8d8d0d;
    --sbb-shadow-elevation-level-11-soft-2-color: #8d8d8d1a;
    --sbb-shadow-elevation-level-11-soft-negative-1-color: #00000026;
    --sbb-shadow-elevation-level-11-soft-negative-2-color: #0003;
    --sbb-shadow-elevation-level-11-hard-1-color: #8d8d8d1a;
    --sbb-shadow-elevation-level-11-hard-2-color: #8d8d8d33;
    --sbb-shadow-elevation-level-11-hard-negative-1-color: #0000004d;
    --sbb-shadow-elevation-level-11-hard-negative-2-color: #0006;
    --sbb-size-element-xxxs-zero: 1.75rem;
    --sbb-size-element-xxxs-micro: 1.75rem;
    --sbb-size-element-xxxs-small: 1.75rem;
    --sbb-size-element-xxxs-medium: 2rem;
    --sbb-size-element-xxxs-large: 2rem;
    --sbb-size-element-xxxs-wide: 2rem;
    --sbb-size-element-xxxs-ultra: 2rem;
    --sbb-size-element-xxs-zero: 2rem;
    --sbb-size-element-xxs-micro: 2rem;
    --sbb-size-element-xxs-small: 2rem;
    --sbb-size-element-xxs-medium: 2.25rem;
    --sbb-size-element-xxs-large: 2.25rem;
    --sbb-size-element-xxs-wide: 2.25rem;
    --sbb-size-element-xxs-ultra: 2.25rem;
    --sbb-size-element-xs-zero: 2.25rem;
    --sbb-size-element-xs-micro: 2.25rem;
    --sbb-size-element-xs-small: 2.25rem;
    --sbb-size-element-xs-medium: 2.5rem;
    --sbb-size-element-xs-large: 2.5rem;
    --sbb-size-element-xs-wide: 2.5rem;
    --sbb-size-element-xs-ultra: 2.5rem;
    --sbb-size-element-s-zero: 2.75rem;
    --sbb-size-element-s-micro: 2.75rem;
    --sbb-size-element-s-small: 2.75rem;
    --sbb-size-element-s-medium: 3rem;
    --sbb-size-element-s-large: 3rem;
    --sbb-size-element-s-wide: 3rem;
    --sbb-size-element-s-ultra: 3rem;
    --sbb-size-element-m-zero: 3rem;
    --sbb-size-element-m-micro: 3rem;
    --sbb-size-element-m-small: 3rem;
    --sbb-size-element-m-medium: 3.5rem;
    --sbb-size-element-m-large: 3.5rem;
    --sbb-size-element-m-wide: 3.5rem;
    --sbb-size-element-m-ultra: 3.5rem;
    --sbb-size-element-l-zero: 3.5rem;
    --sbb-size-element-l-micro: 3.5rem;
    --sbb-size-element-l-small: 3.5rem;
    --sbb-size-element-l-medium: 4rem;
    --sbb-size-element-l-large: 4rem;
    --sbb-size-element-l-wide: 4rem;
    --sbb-size-element-l-ultra: 4rem;
    --sbb-size-icon-ui-extra-small: 1rem;
    --sbb-size-icon-ui-small: 1.5rem;
    --sbb-size-icon-ui-medium: 2.25rem;
    --sbb-size-icon-ui-large: 3rem;
    --sbb-spacing-fixed-1x: .25rem;
    --sbb-spacing-fixed-2x: .5rem;
    --sbb-spacing-fixed-3x: .75rem;
    --sbb-spacing-fixed-4x: 1rem;
    --sbb-spacing-fixed-5x: 1.25rem;
    --sbb-spacing-fixed-6x: 1.5rem;
    --sbb-spacing-fixed-7x: 1.75rem;
    --sbb-spacing-fixed-8x: 2rem;
    --sbb-spacing-fixed-9x: 2.25rem;
    --sbb-spacing-fixed-10x: 2.5rem;
    --sbb-spacing-fixed-12x: 3rem;
    --sbb-spacing-fixed-14x: 3.5rem;
    --sbb-spacing-fixed-16x: 4rem;
    --sbb-spacing-fixed-18x: 4.5rem;
    --sbb-spacing-fixed-20x: 5rem;
    --sbb-spacing-fixed-24x: 6rem;
    --sbb-spacing-fixed-30x: 7.5rem;
    --sbb-spacing-responsive-xxxs-zero: .75rem;
    --sbb-spacing-responsive-xxxs-micro: .75rem;
    --sbb-spacing-responsive-xxxs-small: .75rem;
    --sbb-spacing-responsive-xxxs-medium: 1rem;
    --sbb-spacing-responsive-xxxs-large: 1rem;
    --sbb-spacing-responsive-xxxs-wide: 1rem;
    --sbb-spacing-responsive-xxxs-ultra: 1rem;
    --sbb-spacing-responsive-xxs-zero: 1rem;
    --sbb-spacing-responsive-xxs-micro: 1rem;
    --sbb-spacing-responsive-xxs-small: 1rem;
    --sbb-spacing-responsive-xxs-medium: 1.5rem;
    --sbb-spacing-responsive-xxs-large: 1.5rem;
    --sbb-spacing-responsive-xxs-wide: 1.5rem;
    --sbb-spacing-responsive-xxs-ultra: 1.5rem;
    --sbb-spacing-responsive-xs-zero: 1.25rem;
    --sbb-spacing-responsive-xs-micro: 1.25rem;
    --sbb-spacing-responsive-xs-small: 1.25rem;
    --sbb-spacing-responsive-xs-medium: 1.5rem;
    --sbb-spacing-responsive-xs-large: 1.5rem;
    --sbb-spacing-responsive-xs-wide: 1.5rem;
    --sbb-spacing-responsive-xs-ultra: 1.5rem;
    --sbb-spacing-responsive-s-zero: 1.5rem;
    --sbb-spacing-responsive-s-micro: 1.5rem;
    --sbb-spacing-responsive-s-small: 1.5rem;
    --sbb-spacing-responsive-s-medium: 2rem;
    --sbb-spacing-responsive-s-large: 2rem;
    --sbb-spacing-responsive-s-wide: 2rem;
    --sbb-spacing-responsive-s-ultra: 2rem;
    --sbb-spacing-responsive-m-zero: 2rem;
    --sbb-spacing-responsive-m-micro: 2rem;
    --sbb-spacing-responsive-m-small: 2rem;
    --sbb-spacing-responsive-m-medium: 2.5rem;
    --sbb-spacing-responsive-m-large: 2.5rem;
    --sbb-spacing-responsive-m-wide: 3rem;
    --sbb-spacing-responsive-m-ultra: 3rem;
    --sbb-spacing-responsive-l-zero: 2rem;
    --sbb-spacing-responsive-l-micro: 2rem;
    --sbb-spacing-responsive-l-small: 2.5rem;
    --sbb-spacing-responsive-l-medium: 3rem;
    --sbb-spacing-responsive-l-large: 3.5rem;
    --sbb-spacing-responsive-l-wide: 3.5rem;
    --sbb-spacing-responsive-l-ultra: 4rem;
    --sbb-spacing-responsive-xl-zero: 2rem;
    --sbb-spacing-responsive-xl-micro: 2rem;
    --sbb-spacing-responsive-xl-small: 3rem;
    --sbb-spacing-responsive-xl-medium: 4rem;
    --sbb-spacing-responsive-xl-large: 5rem;
    --sbb-spacing-responsive-xl-wide: 5rem;
    --sbb-spacing-responsive-xl-ultra: 6rem;
    --sbb-spacing-responsive-xxl-zero: 3rem;
    --sbb-spacing-responsive-xxl-micro: 3rem;
    --sbb-spacing-responsive-xxl-small: 4.5rem;
    --sbb-spacing-responsive-xxl-medium: 5rem;
    --sbb-spacing-responsive-xxl-large: 6rem;
    --sbb-spacing-responsive-xxl-wide: 6rem;
    --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: .03em;
    --sbb-typo-line-height-titles: 1.3;
    --sbb-typo-line-height-body-text: 1.75;
    --sbb-typo-scale-0-75x: .75rem;
    --sbb-typo-scale-0-8125x: .8125rem;
    --sbb-typo-scale-0-875x: .875rem;
    --sbb-typo-scale-default: 1rem;
    --sbb-typo-scale-1-125x: 1.125rem;
    --sbb-typo-scale-1-25x: 1.25rem;
    --sbb-typo-scale-1-5x: 1.5rem;
    --sbb-typo-scale-2x: 2rem;
    --sbb-typo-scale-2-5x: 2.5rem;
    --sbb-typo-scale-3x: 3rem;
    --sbb-typo-scale-3-5x: 3.5rem;
    --sbb-typo-scale-4x: 4rem;
    --sbb-color-primary: var(--sbb-color-red);
    --sbb-color-primary85: var(--sbb-color-red85);
    --sbb-color-primary-85: var(--sbb-color-primary85);
    --sbb-color-primary125: var(--sbb-color-red125);
    --sbb-color-primary-125: var(--sbb-color-primary125);
    --sbb-color-primary150: var(--sbb-color-red150);
    --sbb-color-primary-150: var(--sbb-color-primary150);
    --sbb-color-error: var(--lightningcss-light,var(--sbb-color-red125))var(--lightningcss-dark,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:#fff!important;
    --sbb-background-color-1-inverted: var(--lightningcss-light,var(--sbb-color-midnight))var(--lightningcss-dark,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(--lightningcss-light,var(--sbb-color-white))var(--lightningcss-dark,var(--sbb-color-charcoal));
    --sbb-background-color-2-inverted: var(--lightningcss-light,var(--sbb-color-charcoal))var(--lightningcss-dark,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(--lightningcss-light,var(--sbb-color-milk))var(--lightningcss-dark,var(--sbb-color-charcoal));
    --sbb-background-color-3-inverted: var(--lightningcss-light,var(--sbb-color-charcoal))var(--lightningcss-dark,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(--lightningcss-light,var(--sbb-color-cloud))var(--lightningcss-dark,var(--sbb-color-iron));
    --sbb-background-color-4-inverted: var(--lightningcss-light,var(--sbb-color-iron))var(--lightningcss-dark,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(--lightningcss-light,var(--sbb-color-midnight))var(--lightningcss-dark,var(--sbb-color-white));
    --sbb-color-1-inverted: var(--lightningcss-light,var(--sbb-color-white))var(--lightningcss-dark,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(--lightningcss-light,var(--sbb-color-charcoal))var(--lightningcss-dark,var(--sbb-color-white));
    --sbb-color-2-inverted: var(--lightningcss-light,var(--sbb-color-white))var(--lightningcss-dark,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(--lightningcss-light,var(--sbb-color-charcoal))var(--lightningcss-dark,var(--sbb-color-milk));
    --sbb-color-3-inverted: var(--lightningcss-light,var(--sbb-color-milk))var(--lightningcss-dark,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(--lightningcss-light,var(--sbb-color-iron))var(--lightningcss-dark,var(--sbb-color-cloud));
    --sbb-color-4-inverted: var(--lightningcss-light,var(--sbb-color-cloud))var(--lightningcss-dark,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-border-color-1: var(--lightningcss-light,var(--sbb-color-midnight))var(--lightningcss-dark,var(--sbb-color-white));
    --sbb-border-color-1-inverted: var(--lightningcss-light,var(--sbb-color-white))var(--lightningcss-dark,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(--lightningcss-light,var(--sbb-color-charcoal))var(--lightningcss-dark,var(--sbb-color-white));
    --sbb-border-color-2-inverted: var(--lightningcss-light,var(--sbb-color-white))var(--lightningcss-dark,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(--lightningcss-light,var(--sbb-color-charcoal))var(--lightningcss-dark,var(--sbb-color-milk));
    --sbb-border-color-3-inverted: var(--lightningcss-light,var(--sbb-color-milk))var(--lightningcss-dark,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(--lightningcss-light,var(--sbb-color-iron))var(--lightningcss-dark,var(--sbb-color-cloud));
    --sbb-border-color-4-inverted: var(--lightningcss-light,var(--sbb-color-cloud))var(--lightningcss-dark,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-shadow-color-soft-1: var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-smoke) 5%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--sbb-color-black) 15%, transparent));
    --sbb-shadow-color-soft-2: var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-smoke) 10%, transparent))var(--lightningcss-dark,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: var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-smoke) 10%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--sbb-color-black) 30%, transparent));
    --sbb-shadow-color-hard-2: var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-smoke) 20%, transparent))var(--lightningcss-dark,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-font-default-color: var(--sbb-color-2);
    --sbb-focus-outline-color-default: var(--sbb-color-black);
    --sbb-focus-outline-color-dark: var(--sbb-color-white);
    --sbb-focus-outline-color: var(--lightningcss-light,var(--sbb-focus-outline-color-default))var(--lightningcss-dark,var(--sbb-focus-outline-color-dark));
    --sbb-focus-outline-width: var(--sbb-border-width-1x);
    --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-title-7: var(--sbb-typo-scale-0-75x);
    --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);
    --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);
    --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);
    --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)
}

@media (forced-colors:active) {
    :root {
        --sbb-focus-outline-color-default: Highlight;
        --sbb-focus-outline-color-dark: Highlight;
        --sbb-focus-outline-width: var(--sbb-border-width-2x)
    }
}

@media (width>=22.5rem) {
    :root {
        --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 (width>=37.5rem) {
    :root {
        --sbb-font-size-title-1:var(--sbb-typo-scale-3x);
        --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);
        --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 (width>=52.5rem) {
    :root {
        --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-title-7: var(--sbb-typo-scale-0-875x);
        --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);
        --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);
        --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);
        --sbb-size-element-xxxs: var(--sbb-size-element-xxxs-medium);
        --sbb-size-element-xxs: var(--sbb-size-element-xxs-medium);
        --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 (width>=64rem) {
    :root {
        --sbb-font-size-title-1:var(--sbb-typo-scale-3-5x);
        --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);
        --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 (width>=80rem) {
    :root {
        --sbb-spacing-responsive-m:var(--sbb-spacing-responsive-m-wide);
        --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 (width>=90rem) {
    :root {
        --sbb-font-size-title-1:var(--sbb-typo-scale-4x);
        --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);
        --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)
    }
}

:root {
    --sbb-train-formation-wagon-width: 5rem;
    --sbb-train-formation-wagon-height: 2.5rem;
    --sbb-train-formation-wagon-border-radius: .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-title-font-size-level-1: var(--sbb-font-size-title-1);
    --sbb-title-font-size-level-2: var(--sbb-font-size-title-2);
    --sbb-title-font-size-level-3: var(--sbb-font-size-title-3);
    --sbb-title-font-size-level-4: var(--sbb-font-size-title-4);
    --sbb-title-font-size-level-5: var(--sbb-font-size-title-5);
    --sbb-title-font-size-level-6: var(--sbb-font-size-title-6);
    --sbb-title-default-margin-block-start: var(--sbb-spacing-responsive-m);
    --sbb-title-margin-block-start-level-1: var(--sbb-spacing-responsive-l);
    --sbb-title-margin-block-end-level-1: var(--sbb-spacing-responsive-s);
    --sbb-title-margin-block-end-level-2: var(--sbb-spacing-responsive-xxxs);
    --sbb-title-margin-block-end-level-3: var(--sbb-spacing-responsive-xxxs);
    --sbb-title-margin-block-end-level-4: var(--sbb-spacing-fixed-3x);
    --sbb-title-margin-block-end-level-5: var(--sbb-spacing-fixed-2x);
    --sbb-title-margin-block-end-level-6: var(--sbb-spacing-fixed-1x)
}

:root.sbb-lean {
    --sbb-title-font-size-level-1: var(--sbb-font-size-title-2);
    --sbb-title-font-size-level-2: var(--sbb-font-size-title-3);
    --sbb-title-font-size-level-3: var(--sbb-font-size-title-4);
    --sbb-title-font-size-level-4: var(--sbb-font-size-title-5);
    --sbb-title-font-size-level-5: var(--sbb-font-size-title-6);
    --sbb-title-font-size-level-6: var(--sbb-font-size-title-7);
    --sbb-title-default-margin-block-start: var(--sbb-spacing-responsive-s);
    --sbb-title-margin-block-start-level-1: var(--sbb-spacing-responsive-s);
    --sbb-title-margin-block-end-level-1: var(--sbb-spacing-fixed-3x);
    --sbb-title-margin-block-end-level-2: var(--sbb-spacing-fixed-3x);
    --sbb-title-margin-block-end-level-3: var(--sbb-spacing-responsive-xxxs);
    --sbb-title-margin-block-end-level-4: var(--sbb-spacing-fixed-2x);
    --sbb-title-margin-block-end-level-5: var(--sbb-spacing-fixed-1x);
    --sbb-title-margin-block-end-level-6: 0
}

:root {
    --sbb-border-radius-infinity: 100000em
}

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

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

@media (width>=52.5rem) {
    :root {
        --sbb-header-height:var(--sbb-spacing-fixed-24x);
        --sbb-time-input-max-width: 4.0625rem
    }

    :root:has(sbb-header[size=s]) {
        --sbb-header-height: var(--sbb-spacing-fixed-14x)
    }
}

@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-dark {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark
}

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

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

@media (prefers-color-scheme: dark) {
    .sbb-light-dark {
        --lightningcss-light: ;
        --lightningcss-dark: initial
    }
}

html {
    font-family: var(--sbb-typo-font-family);
    font-weight: 400;
    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);
    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-form-field,sbb-timetable-form-field) :where(input,select,textarea,sbb-select,sbb-date-input,sbb-time-input) {
    --sbb-text-font-size: var(--sbb-font-size-text-m);
    font-family: var(--sbb-typo-font-family);
    font-weight: 400;
    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);
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-appearance: none;
    overflow: hidden;
    overflow: var(--sbb-form-field-overflow);
    box-sizing: border-box;
    width: 100%;
    color: var(--sbb-form-field-text-color);
    -webkit-text-fill-color: var(--sbb-form-field-text-color);
    opacity: 1;
    background-color: #0000;
    border: none!important;
    outline: none!important;
    padding: 0!important;
    font-size: var(--sbb-form-field-input-text-size)!important;
    font-family: var(--sbb-typo-font-family)!important;
    line-height: var(--sbb-typo-line-height-body-text)!important;
    outline: none!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: #0000!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
    }
}
.sbb-popover__content{
    background-color:#fff!important;
}
:is(sbb-form-field,sbb-timetable-form-field):not([floating-label]) :where(input,select,textarea,sbb-select):disabled::placeholder {
    color: var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-smoke));
    -webkit-text-fill-color: var(--sbb-color-granite);
    -webkit-text-fill-color: var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,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);
    margin-block:calc(.5 * var(--sbb-form-field-input-text-size) * (var(--sbb-typo-line-height-body-text) - 1.25));line-height: 1!important
}

:is(sbb-form-field,sbb-timetable-form-field) :where(textarea) {
    --sbb-scrollbar-thumb-width: .125rem;
    --sbb-scrollbar-thumb-width-hover: .25rem;
    --sbb-scrollbar-width-firefox: thin;
    --sbb-scrollbar-color: var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-black) 30%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--sbb-color-white) 30%, transparent));
    --sbb-scrollbar-color-hover: var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-black) 60%, transparent))var(--lightningcss-dark,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(.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(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))
}

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

: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) {
    resize: none;
    white-space: break-spaces;
    min-height: calc(var(--sbb-typo-line-height-body-text) * 1em);
    position: relative;
    overflow-y: auto
}

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

:is(sbb-form-field,sbb-timetable-form-field)[negative] :where(textarea) {
    --sbb-scrollbar-thumb-width: .125rem;
    --sbb-scrollbar-thumb-width-hover: .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(.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(.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 {
    display: none
}

: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)) {
    --sbb-form-field-border-color: var(--sbb-color-error);
    --sbb-form-field-text-color: var(--sbb-color-error)
}

: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] {
    --sbb-form-field-border-color: var(--sbb-color-red85);
    --sbb-form-field-text-color: var(--sbb-color-red85)
}

: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)) {
        --sbb-form-field-border-color: LinkText!important;
        --sbb-form-field-text-color: LinkText!important
    }

    :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
    }
}

: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) {
    width: auto;
    height: auto;
    color: inherit;
    pointer-events: none;
    background-color: #0000;
    border: none;
    margin: 0;
    padding: 0
}

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

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


.sbb-header-info {
    --sbb-text-font-size: var(--sbb-font-size-text-xs);
    font-family: var(--sbb-typo-font-family);
    font-weight: 400;
    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-inline:var(--sbb-spacing-fixed-4x);gap: var(--sbb-spacing-fixed-1x);
    color: var(--sbb-color-1);
    align-items: baseline;
    display: flex
}

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

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)
}

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-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;
    height: 100%;
    display: block
}

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)
}

: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)
}

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

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

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

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

@media (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) {
    align-self: stretch;
    width: 100%;
    display: block
}

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-sidebar-container:has(>sbb-sidebar[data-skip-animation]) {
    --sbb-sidebar-container-animation-duration: 0s
}

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

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

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

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-start-radius: var(--sbb-icon-sidebar-border-radius);
    border-start-end-radius: 0
}

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

sbb-sidebar:has(sbb-sidebar-title) {
    --sbb-sidebar__padding-block-start: 0
}

sbb-header+:where(sbb-sidebar-container,sbb-icon-sidebar-container) {
    margin-block-start:var(--sbb-header-height)}

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

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

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)
}

: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-dialog[negative] sbb-dialog-actions {
    --sbb-dialog-actions-border-color: var(--sbb-background-color-4-negative)
}

sbb-dialog:is(:state(overflows),[state--overflows]) sbb-dialog-actions {
    --sbb-dialog-actions-border-color: transparent;
    box-shadow: 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) var(--sbb-shadow-color-soft-2), 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) var(--sbb-shadow-color-soft-1)
}

sbb-dialog[negative]:is(:state(overflows),[state--overflows]) sbb-dialog-actions {
    box-shadow: 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) var(--sbb-shadow-color-soft-2-negative), 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) var(--sbb-shadow-color-soft-1-negative)
}

sbb-dialog:has(>sbb-dialog-title)>sbb-dialog-content {
    padding-block-start:0}

sbb-dialog:has(>sbb-dialog-close-button)>sbb-dialog-title {
    margin-inline-end:0}

sbb-dialog:not(:has(>sbb-dialog-title))>sbb-dialog-close-button {
    z-index: 1;
    position: absolute
}

sbb-dialog:has(>sbb-dialog-title[visual-level="3"])>sbb-dialog-close-button {
    --_sbb-dialog-title-size: var(--sbb-font-size-title-3)
}

sbb-dialog:has(>sbb-dialog-title[visual-level="5"])>sbb-dialog-close-button {
    --_sbb-dialog-title-size: var(--sbb-font-size-title-5)
}

sbb-notification:has(sbb-title) {
    --_sbb-notification-icon-authoritative-font-size: var(--sbb-font-size-title-5);
    --_sbb-notification-icon-authoritative-line-height: var(--sbb-typo-line-height-titles)
}

sbb-notification:has(sbb-title)[size=s] {
    --_sbb-notification-icon-authoritative-font-size: var(--sbb-font-size-title-6);
    --_sbb-notification-icon-authoritative-line-height: var(--sbb-typo-line-height-body-text)
}

sbb-status:has(sbb-title) {
    --sbb-status-gap: var(--sbb-spacing-responsive-xxxs);
    --_sbb-status-text-color-override: var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-smoke));
    --_sbb-status-title-font-size: var(--sbb-font-size-title-5);
    --_sbb-status-title-line-height: var(--sbb-typo-line-height-titles)
}

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

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

sbb-mini-calendar[orientation=horizontal] sbb-mini-calendar-month {
    --sbb-mini-calendar-grid-auto-flow: row;
    --sbb-mini-calendar-month-height: 3rem;
    --sbb-mini-calendar-month-grid-template-rows: none;
    --sbb-mini-calendar-month-grid-template-columns: repeat(7, 1fr)
}

sbb-mini-calendar[orientation=horizontal] sbb-mini-calendar-month sbb-mini-calendar-day:first-child {
    grid-column-start: var(--sbb-mini-calendar-month-offset)
}

sbb-mini-calendar[orientation=vertical] sbb-mini-calendar-month {
    --sbb-mini-calendar-grid-auto-flow: column;
    --sbb-mini-calendar-month-height: auto;
    --sbb-mini-calendar-month-grid-template-rows: repeat(7, 1fr);
    --sbb-mini-calendar-month-grid-template-columns: none
}

sbb-mini-calendar[orientation=vertical] sbb-mini-calendar-month sbb-mini-calendar-day:first-child {
    grid-row-start: var(--sbb-mini-calendar-month-offset)
}

sub {
    bottom: -.36em
}

sup {
    top: -.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: 400;
    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: 700
}

.sbb-legend {
    --sbb-text-font-size: var(--sbb-font-size-text-xs);
    font-family: var(--sbb-typo-font-family);
    font-weight: 400;
    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(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-cement));
    padding: 0
}

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

.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-font-size-text-xxs);
    font-family: var(--sbb-typo-font-family);
    font-weight: 400;
    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-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);
    justify-content: center;
    align-items: center;
    font-weight: 700;
    display: flex;
    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-locally {
    --sbb-disable-animation-duration: 0s
}

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

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

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

.sbb-figure :is(figcaption,.sbb-caption) {
    color: var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-cement));
    --sbb-text-font-size: var(--sbb-font-size-text-xs);
    font-family: var(--sbb-typo-font-family);
    font-weight: 400;
    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);
    grid-area: 2/1;
    padding-block-start:var(--sbb-spacing-fixed-4x)}

.sbb-figure :is(.sbb-figure-overlap-start-start,.sbb-figure-overlap-start-end,.sbb-figure-overlap-end-start,.sbb-figure-overlap-end-end) {
    --lightningcss-light:initial;
    --lightningcss-dark: ;
    color-scheme: light only;
    margin: var(--sbb-spacing-responsive-xxxs);
    order: 1;
    grid-area: 1/1;
    position: relative
}

.sbb-figure .sbb-figure-overlap-start-start {
    place-self: start
}

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

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

.sbb-figure .sbb-figure-overlap-end-end {
    place-self: 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));width: 100%;
    margin-inline:auto}

@media (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,.sbb-grid-only {
    gap: var(--sbb-grid-base-gutter-responsive);
    grid-template-columns: repeat(var(--sbb-grid-base-columns), 1fr);
    display: grid
}

.sbb-list:where(ol,ul) {
    --sbb-list-vertical-gap: .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: "•";
    width: 1em;
    height: 1em;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset-block-start: calc(.5 * (var(--sbb-typo-line-height-body-text) * 1em - 1em));
    inset-inline-start: calc(-1 * (.5 * var(--sbb-list-padding-inline-start) + .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: 400;
    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);
    gap: var(--sbb-spacing-fixed-1x) var(--sbb-spacing-fixed-2x);
    grid-template-columns: auto minmax(20%,1fr);
    margin: 0;
    padding: 0;
    display: grid
}

.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(.5 * ( var(--sbb-step-list-dimensions) - var(--sbb-typo-line-height-body-text) * var(--sbb-text-font-size) ));
    counter-reset: steps;
    color: var(--sbb-step-list-color);
    margin: 0;
    padding: 0;
    list-style: none
}

.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 (width>=52.5rem) {
    .sbb-step-list:where(.sbb-text-xl) {
        --sbb-step-list-dimensions:2.5625rem
    }
}

.sbb-step-list>li {
    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));
    position: relative
}

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

.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-end-radius: var(--sbb-step-list-border-radius);
    border-end-start-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(.5 * ( var(--sbb-icon-list-dimensions) - var(--sbb-typo-line-height-body-text) * var(--sbb-text-font-size) ));
    margin: 0;
    padding: 0;
    list-style: none
}

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

.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:"";
    width: var(--sbb-icon-list-dimensions);
    height: var(--sbb-icon-list-dimensions);
    background-color: var(--sbb-icon-list-marker-icon-color);
    -webkit-mask-image: var(--sbb-icon-list-marker-icon);
    mask-image: var(--sbb-icon-list-marker-icon);
    margin-block-start:calc(-1 * var(--sbb-icon-list-text-to-marker-block-offset));position: absolute;
    inset-inline-start: 0;
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.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 {
    width: var(--sbb-scrollbar-width);
    height: var(--sbb-scrollbar-width);
    background-color: var(--sbb-scrollbar-track-color,transparent)
}

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

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

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

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

.sbb-scrollbar-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-thick-track-visible::-webkit-scrollbar {
    width: var(--sbb-scrollbar-width);
    height: var(--sbb-scrollbar-width);
    background-color: var(--sbb-scrollbar-track-color,transparent)
}

.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 {
    background-color: var(--sbb-scrollbar-track-color,transparent)
}

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

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

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

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

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

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

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

.sbb-scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--sbb-scrollbar-color,currentcolor);
    border: calc(.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-negative::-webkit-scrollbar-thumb {
    background-color: var(--sbb-scrollbar-color,currentcolor);
    border: calc(.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-thick::-webkit-scrollbar-thumb {
    background-color: var(--sbb-scrollbar-color,currentcolor);
    border: calc(.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-thick-negative::-webkit-scrollbar-thumb {
    background-color: var(--sbb-scrollbar-color,currentcolor);
    border: calc(.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-track-visible::-webkit-scrollbar-thumb {
    background-color: var(--sbb-scrollbar-color,currentcolor);
    border: calc(.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-negative-track-visible::-webkit-scrollbar-thumb {
    background-color: var(--sbb-scrollbar-color,currentcolor);
    border: calc(.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-thick-track-visible::-webkit-scrollbar-thumb {
    background-color: var(--sbb-scrollbar-color,currentcolor);
    border: calc(.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-thick-negative-track-visible::-webkit-scrollbar-thumb {
    background-color: var(--sbb-scrollbar-color,currentcolor);
    border: calc(.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 {
    background-color: var(--sbb-scrollbar-color-hover,currentcolor);
    border-width: calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))
}

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

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

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

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

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

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

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

.sbb-scrollbar::-webkit-scrollbar-button {
    display: none
}

.sbb-scrollbar::-webkit-scrollbar-corner {
    display: none
}

.sbb-scrollbar-negative::-webkit-scrollbar-button {
    display: none
}

.sbb-scrollbar-negative::-webkit-scrollbar-corner {
    display: none
}

.sbb-scrollbar-thick::-webkit-scrollbar-button {
    display: none
}

.sbb-scrollbar-thick::-webkit-scrollbar-corner {
    display: none
}

.sbb-scrollbar-thick-negative::-webkit-scrollbar-button {
    display: none
}

.sbb-scrollbar-thick-negative::-webkit-scrollbar-corner {
    display: none
}

.sbb-scrollbar-track-visible::-webkit-scrollbar-button {
    display: none
}

.sbb-scrollbar-track-visible::-webkit-scrollbar-corner {
    display: none
}

.sbb-scrollbar-negative-track-visible::-webkit-scrollbar-button {
    display: none
}

.sbb-scrollbar-negative-track-visible::-webkit-scrollbar-corner {
    display: none
}

.sbb-scrollbar-thick-track-visible::-webkit-scrollbar-button {
    display: none
}

.sbb-scrollbar-thick-track-visible::-webkit-scrollbar-corner {
    display: none
}

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

.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: .125rem;
    --sbb-scrollbar-thumb-width-hover: .25rem;
    --sbb-scrollbar-width-firefox: thin;
    --sbb-scrollbar-color: var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-black) 30%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--sbb-color-white) 30%, transparent));
    --sbb-scrollbar-color-hover: var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-black) 60%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--sbb-color-white) 60%, transparent));
    --sbb-scrollbar-track-color: transparent
}

.sbb-scrollbar-negative {
    --sbb-scrollbar-thumb-width: .125rem;
    --sbb-scrollbar-thumb-width-hover: .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: .5rem;
    --sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);
    --sbb-scrollbar-width-firefox: auto;
    --sbb-scrollbar-color: var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-black) 30%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--sbb-color-white) 30%, transparent));
    --sbb-scrollbar-color-hover: var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-black) 60%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--sbb-color-white) 60%, transparent));
    --sbb-scrollbar-track-color: transparent
}

.sbb-scrollbar-thick-negative {
    --sbb-scrollbar-thumb-width: .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: .125rem;
    --sbb-scrollbar-thumb-width-hover: .25rem;
    --sbb-scrollbar-width-firefox: thin;
    --sbb-scrollbar-color: var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-black) 30%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--sbb-color-white) 30%, transparent));
    --sbb-scrollbar-color-hover: var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-black) 60%, transparent))var(--lightningcss-dark,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: .125rem;
    --sbb-scrollbar-thumb-width-hover: .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: .5rem;
    --sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);
    --sbb-scrollbar-width-firefox: auto;
    --sbb-scrollbar-color: var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-black) 30%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--sbb-color-white) 30%, transparent));
    --sbb-scrollbar-color-hover: var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-black) 60%, transparent))var(--lightningcss-dark,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: .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)
}

.sbb-table,.sbb-table-m,.sbb-table-s,.sbb-table-xs {
    --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 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,.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-border-color: var(--lightningcss-light,var(--sbb-color-cloud))var(--lightningcss-dark,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(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,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-sticky-shadow-transition-duration: var(--sbb-animation-duration-6x);
    border-spacing: 0;
    caption-side: bottom;
    color: var(--sbb-table-color);
    table-layout: auto
}

.sbb-table thead>tr:last-of-type>th,.sbb-table-m thead>tr:last-of-type>th,.sbb-table-s thead>tr:last-of-type>th,.sbb-table-xs thead>tr:last-of-type>th {
    border-bottom: var(--sbb-table-border)
}

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

.sbb-table thead>tr>th,.sbb-table-m thead>tr>th,.sbb-table-s thead>tr>th,.sbb-table-xs thead>tr>th {
    --sbb-text-font-size: var(--sbb-font-size-text-xs);
    font-family: var(--sbb-typo-font-family);
    font-weight: 400;
    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);
    background-color: var(--sbb-table-background-color);
    border-inline-end:var(--sbb-table-border);padding-block: var(--sbb-table-header-padding-block);
    padding-inline:var(--sbb-table-header-padding-inline);text-align: left;
    font-weight: 700
}

.sbb-table thead>tr>th:first-of-type,.sbb-table-m thead>tr>th:first-of-type,.sbb-table-s thead>tr>th:first-of-type,.sbb-table-xs thead>tr>th:first-of-type {
    border-inline-start:var(--sbb-table-border)}

.sbb-table tbody>tr>td,.sbb-table-m tbody>tr>td,.sbb-table-s tbody>tr>td,.sbb-table-xs tbody>tr>td {
    --sbb-text-font-size: var(--sbb-font-size-text-s);
    font-family: var(--sbb-typo-font-family);
    font-weight: 400;
    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);
    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 tbody>tr>td:first-of-type,.sbb-table-m tbody>tr>td:first-of-type,.sbb-table-s tbody>tr>td:first-of-type,.sbb-table-xs tbody>tr>td:first-of-type {
    border-inline-start:var(--sbb-table-border)}

.sbb-table caption,.sbb-table-m caption,.sbb-table-s caption,.sbb-table-xs caption {
    --sbb-text-font-size: var(--sbb-font-size-text-xs);
    font-family: var(--sbb-typo-font-family);
    font-weight: 400;
    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-table-caption-color-fallback: var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-cement));
    color: var(--sbb-table-caption-color,var(--sbb-table-caption-color-fallback));
    text-align: left;
    margin-block-start:var(--sbb-table-caption-margin-block-start,var(--sbb-spacing-fixed-4x))}

.sbb-table-m {
    --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-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-s tbody>tr>td {
    --sbb-text-font-size: var(--sbb-font-size-text-xs);
    font-family: var(--sbb-typo-font-family);
    font-weight: 400;
    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-table-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-xs tbody>tr>td {
    --sbb-text-font-size: var(--sbb-font-size-text-xs);
    font-family: var(--sbb-typo-font-family);
    font-weight: 400;
    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-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--theme-iron tbody>tr>td {
    color: var(--sbb-table-cell-color)
}

.sbb-table--theme-iron.sbb-table--negative {
    --sbb-table-cell-color: var(--sbb-color-cloud)
}

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

.sbb-table-header-cell {
    --sbb-text-font-size: var(--sbb-font-size-text-xs);
    font-family: var(--sbb-typo-font-family);
    font-weight: 400;
    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);
    background-color: var(--sbb-table-background-color);
    border-inline-end:var(--sbb-table-border);padding-block: var(--sbb-table-header-padding-block);
    padding-inline:var(--sbb-table-header-padding-inline);text-align: left;
    font-weight: 700
}

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

.sbb-table-data-cell {
    --sbb-text-font-size: var(--sbb-font-size-text-s);
    font-family: var(--sbb-typo-font-family);
    font-weight: 400;
    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);
    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-text-font-size: var(--sbb-font-size-text-xs);
    font-family: var(--sbb-typo-font-family);
    font-weight: 400;
    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-table-caption-color-fallback: var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-cement));
    color: var(--sbb-table-caption-color,var(--sbb-table-caption-color-fallback));
    text-align: left;
    margin-block-start:var(--sbb-table-caption-margin-block-start,var(--sbb-spacing-fixed-4x))}

.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);
    visibility: hidden;
    opacity: 0;
    width: var(--sbb-table-sticky-shadow-width);
    transition-property: visibility,opacity;
    position: absolute;
    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,#0000001a 0%,#0000 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,#0000001a 0%,#0000 100%);
    inset-inline-start: calc(var(--sbb-table-sticky-shadow-width) * -1 - 1px);
    inset-inline-end: unset
}

html.sbb-lean .sbb-table:not(.sbb-table-xs,.sbb-table-m) {
    --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)
}

html.sbb-lean .sbb-table:not(.sbb-table-xs,.sbb-table-m) tbody>tr>td {
    --sbb-text-font-size: var(--sbb-font-size-text-xs);
    font-family: var(--sbb-typo-font-family);
    font-weight: 400;
    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-timetable-form {
    --sbb-timetable-form-content-max-width: 46.25rem;
    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%);
    flex-direction: column;
    display: flex;
    position: relative
}

@media (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 (width>=64rem) {
    .sbb-timetable-form sbb-signet {
        position: absolute;
        z-index: 9;
        inset-block-start: var(--sbb-spacing-fixed-6x);
        inset-inline-end: var(--sbb-spacing-fixed-6x)
    }
}

.sbb-timetable-form>* {
    max-width: var(--sbb-timetable-form-content-max-width);
    width: 100%;
    margin-inline:auto;
padding-bottom:20px;
}

    .sbb-timetable-form{
        padding-bottom:20px;
    }
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: "";
    border-block-end:var(--sbb-border-width-1x) solid var(--sbb-border-color-4-inverted);inset-inline: var(--sbb-form-field-padding-inline);
    position: absolute;
    inset-block-end: 0
}

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

@media (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: "";
        border-block-end:var(--sbb-border-width-1x) solid var(--sbb-border-color-4-inverted);inset-inline: var(--sbb-form-field-padding-inline);
        position: absolute;
        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
    }
}

/*$vite$:1*/


.sbb-signet {

    z-index: 999;
    position: relative;
}