@sbb-esta/lyne-elements 3.13.0 → 4.0.0-next.1

package/standard-theme.css

@@ -106,7 +106,7 @@ summary {
 
 /**
  * Do not edit directly
- * Generated on Thu, 18 Sep 2025 10:59:58 GMT
+ * Generated on Tue, 28 Oct 2025 06:41:21 GMT
  */
 *,
 ::before,
@@ -167,50 +167,26 @@ summary {
    * Original Value: 0px
    */
   --sbb-breakpoint-zero-min: 0rem;
-  /**
-   * Original Value: 359px
-   */
-  --sbb-breakpoint-zero-max: 22.4375rem;
-  /**
-   * Original Value: 360px
-   */
-  --sbb-breakpoint-micro-min: 22.5rem;
   /**
    * Original Value: 599px
    */
-  --sbb-breakpoint-micro-max: 37.4375rem;
+  --sbb-breakpoint-zero-max: 37.4375rem;
   /**
    * Original Value: 600px
    */
   --sbb-breakpoint-small-min: 37.5rem;
-  /**
-   * Original Value: 839px
-   */
-  --sbb-breakpoint-small-max: 52.4375rem;
-  /**
-   * Original Value: 840px
-   */
-  --sbb-breakpoint-medium-min: 52.5rem;
   /**
    * Original Value: 1023px
    */
-  --sbb-breakpoint-medium-max: 63.9375rem;
+  --sbb-breakpoint-small-max: 63.9375rem;
   /**
    * Original Value: 1024px
    */
   --sbb-breakpoint-large-min: 64rem;
-  /**
-   * Original Value: 1279px
-   */
-  --sbb-breakpoint-large-max: 79.9375rem;
-  /**
-   * Original Value: 1280px
-   */
-  --sbb-breakpoint-wide-min: 80rem;
   /**
    * Original Value: 1439px
    */
-  --sbb-breakpoint-wide-max: 89.9375rem;
+  --sbb-breakpoint-large-max: 89.9375rem;
   /**
    * Original Value: 1440px
    */
@@ -220,15 +196,6 @@ summary {
    */
   --sbb-breakpoint-ultra-max: 161.1875rem;
   --sbb-color-black: #000000;
-  --sbb-color-black-alpha-0: rgba(0, 0, 0, 0);
-  --sbb-color-black-alpha-10: rgba(0, 0, 0, 0.1);
-  --sbb-color-black-alpha-15: rgba(0, 0, 0, 0.15);
-  --sbb-color-black-alpha-20: rgba(0, 0, 0, 0.2);
-  --sbb-color-black-alpha-30: rgba(0, 0, 0, 0.3);
-  --sbb-color-black-alpha-40: rgba(0, 0, 0, 0.4);
-  --sbb-color-black-alpha-50: rgba(0, 0, 0, 0.5);
-  --sbb-color-black-alpha-60: rgba(0, 0, 0, 0.6);
-  --sbb-color-black-alpha-70: rgba(0, 0, 0, 0.7);
   --sbb-color-midnight: #151515;
   --sbb-color-blue: #2d327d;
   --sbb-color-charcoal: #212121;
@@ -236,42 +203,19 @@ summary {
   --sbb-color-anthracite: #5a5a5a;
   --sbb-color-granite: #686868;
   --sbb-color-metal: #767676;
-  --sbb-color-metal-alpha-0: rgba(118, 118, 118, 0);
-  --sbb-color-metal-alpha-20: rgba(118, 118, 118, 0.2);
   --sbb-color-smoke: #8d8d8d;
-  --sbb-color-smoke-alpha-0: rgba(141, 141, 141, 0);
-  --sbb-color-smoke-alpha-5: rgba(141, 141, 141, 0.05);
-  --sbb-color-smoke-alpha-10: rgba(141, 141, 141, 0.1);
-  --sbb-color-smoke-alpha-20: rgba(141, 141, 141, 0.2);
   --sbb-color-storm: #a8a8a8;
   --sbb-color-graphite: #b7b7b7;
   --sbb-color-cement: #bdbdbd;
-  --sbb-color-cement-alpha-0: rgba(189, 189, 189, 0);
-  --sbb-color-cement-alpha-20: rgba(189, 189, 189, 0.2);
   --sbb-color-platinum: #cdcdcd;
-  --sbb-color-platinum-alpha-0: rgba(205, 205, 205, 0);
-  --sbb-color-platinum-alpha-20: rgba(205, 205, 205, 0.2);
   --sbb-color-aluminium: #d2d2d2;
   --sbb-color-silver: #dcdcdc;
   --sbb-color-cloud: #e5e5e5;
-  --sbb-color-cloud-alpha-80: rgba(229, 229, 229, 0.8);
   --sbb-color-milk: #f6f6f6;
   --sbb-color-red: #eb0000;
-  --sbb-color-red-alpha-0: rgba(235, 0, 0, 0);
-  --sbb-color-red-alpha-20: rgba(235, 0, 0, 0.2);
-  --sbb-color-red-alpha-60: rgba(235, 0, 0, 0.6);
-  --sbb-color-red-alpha-90: rgba(235, 0, 0, 0.9);
-  --sbb-color-red-mode-dark: #ff3838;
   --sbb-color-red85: #ff3838;
   --sbb-color-red125: #c60018;
-  --sbb-color-red125-alpha-0: rgba(198, 0, 24, 0);
-  --sbb-color-red125-alpha-20: rgba(198, 0, 24, 0.2);
-  --sbb-color-red125-alpha-60: rgba(198, 0, 24, 0.6);
   --sbb-color-red150: #a20013;
-  --sbb-color-royal: #06348b;
-  --sbb-color-royal85: #4077df;
-  --sbb-color-royal125: #032668;
-  --sbb-color-royal150: #021c4e;
   --sbb-color-royal-light: #06348b;
   --sbb-color-royal-dark: #0053ef;
   --sbb-color-royal85-light: #4077df;
@@ -279,46 +223,28 @@ summary {
   --sbb-color-royal125-light: #032668;
   --sbb-color-royal125-dark: #245ecb;
   --sbb-color-royal150-light: #021c4e;
-  --sbb-color-royal150-dark: #000000;
+  --sbb-color-royal150-dark: #3c65b3;
   --sbb-color-white: #ffffff;
-  --sbb-color-white-alpha-0: rgba(255, 255, 255, 0);
-  --sbb-color-white-alpha-20: rgba(255, 255, 255, 0.2);
-  --sbb-color-white-alpha-30: rgba(255, 255, 255, 0.3);
-  --sbb-color-white-alpha-50: rgba(255, 255, 255, 0.5);
-  --sbb-color-white-alpha-60: rgba(255, 255, 255, 0.6);
-  --sbb-color-white-alpha-70: rgba(255, 255, 255, 0.7);
-  --sbb-color-white-alpha-80: rgba(255, 255, 255, 0.8);
-  --sbb-color-sky: #0074bf;
   --sbb-color-sky-light: #0074bf;
   --sbb-color-sky-dark: #128ede;
-  --sbb-color-night: #143a85;
   --sbb-color-night-light: #143a85;
   --sbb-color-night-dark: #6587ca;
-  --sbb-color-violet: #6f2282;
   --sbb-color-violet-light: #6f2282;
   --sbb-color-violet-dark: #b36cc5;
-  --sbb-color-pink: #c7387a;
   --sbb-color-pink-light: #c7387a;
   --sbb-color-pink-dark: #e45295;
-  --sbb-color-autumn: #cf3b00;
   --sbb-color-autumn-light: #cf3b00;
   --sbb-color-autumn-dark: #f05313;
-  --sbb-color-orange: #f27e00;
   --sbb-color-orange-light: #f27e00;
   --sbb-color-orange-dark: #fb8e19;
-  --sbb-color-peach: #fcbb00;
   --sbb-color-peach-light: #fcbb00;
   --sbb-color-peach-dark: #ffc727;
-  --sbb-color-lemon: #ffde15;
   --sbb-color-lemon-light: #ffde15;
   --sbb-color-lemon-dark: #ffe547;
-  --sbb-color-brown: #a05400;
   --sbb-color-brown-light: #a05400;
-  --sbb-color-brown-dark: #000000;
-  --sbb-color-green: #008233;
+  --sbb-color-brown-dark: #cf6f04;
   --sbb-color-green-light: #008233;
   --sbb-color-green-dark: #109d47;
-  --sbb-color-turquoise: #007e84;
   --sbb-color-turquoise-light: #007e84;
   --sbb-color-turquoise-dark: #00a59b;
   /**
@@ -327,64 +253,37 @@ summary {
   --sbb-focus-outline-offset: 0.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-small: 8;
+  --sbb-layout-base-grid-columns-large: 12;
   --sbb-layout-base-grid-columns-ultra: 16;
   /**
    * Original Value: 16px
    */
   --sbb-layout-base-grid-gutter-responsive-zero: 1rem;
-  /**
-   * Original Value: 16px
-   */
-  --sbb-layout-base-grid-gutter-responsive-micro: 1rem;
   /**
    * Original Value: 24px
    */
   --sbb-layout-base-grid-gutter-responsive-small: 1.5rem;
-  /**
-   * Original Value: 24px
-   */
-  --sbb-layout-base-grid-gutter-responsive-medium: 1.5rem;
   /**
    * Original Value: 32px
    */
   --sbb-layout-base-grid-gutter-responsive-large: 2rem;
-  /**
-   * Original Value: 32px
-   */
-  --sbb-layout-base-grid-gutter-responsive-wide: 2rem;
   /**
    * Original Value: 32px
    */
   --sbb-layout-base-grid-gutter-responsive-ultra: 2rem;
-  /**
-   * Original Value: 16px
-   */
-  --sbb-layout-base-offset-responsive-zero: 1rem;
   /**
    * Original Value: 20px
    */
-  --sbb-layout-base-offset-responsive-micro: 1.25rem;
+  --sbb-layout-base-offset-responsive-zero: 1.25rem;
   /**
    * Original Value: 48px
    */
   --sbb-layout-base-offset-responsive-small: 3rem;
-  /**
-   * Original Value: 56px
-   */
-  --sbb-layout-base-offset-responsive-medium: 3.5rem;
   /**
    * Original Value: 64px
    */
   --sbb-layout-base-offset-responsive-large: 4rem;
-  /**
-   * Original Value: 72px
-   */
-  --sbb-layout-base-offset-responsive-wide: 4.5rem;
   /**
    * Original Value: 120px
    */
@@ -393,22 +292,6 @@ summary {
    * Original Value: 1200px
    */
   --sbb-layout-base-page-max-width: 75rem;
-  --sbb-shadow-color-soft-1-light: rgba(141, 141, 141, 0.05);
-  --sbb-shadow-color-soft-1-dark: rgba(0, 0, 0, 0.15);
-  --sbb-shadow-color-soft-1-negative-light: rgba(0, 0, 0, 0.15);
-  --sbb-shadow-color-soft-1-negative-dark: rgba(0, 0, 0, 0.15);
-  --sbb-shadow-color-soft-2-light: rgba(141, 141, 141, 0.1);
-  --sbb-shadow-color-soft-2-dark: rgba(0, 0, 0, 0.2);
-  --sbb-shadow-color-soft-2-negative-light: rgba(0, 0, 0, 0.2);
-  --sbb-shadow-color-soft-2-negative-dark: rgba(0, 0, 0, 0.2);
-  --sbb-shadow-color-hard-1-light: rgba(141, 141, 141, 0.1);
-  --sbb-shadow-color-hard-1-dark: rgba(0, 0, 0, 0.3);
-  --sbb-shadow-color-hard-1-negative-light: rgba(0, 0, 0, 0.3);
-  --sbb-shadow-color-hard-1-negative-dark: rgba(0, 0, 0, 0.3);
-  --sbb-shadow-color-hard-2-light: rgba(141, 141, 141, 0.2);
-  --sbb-shadow-color-hard-2-dark: rgba(0, 0, 0, 0.4);
-  --sbb-shadow-color-hard-2-negative-light: rgba(0, 0, 0, 0.4);
-  --sbb-shadow-color-hard-2-negative-dark: rgba(0, 0, 0, 0.4);
   /**
    * Original Value: 0px
    */
@@ -441,14 +324,6 @@ summary {
    * Original Value: 0px
    */
   --sbb-shadow-elevation-level-3-shadow-2-spread: 0rem;
-  --sbb-shadow-elevation-level-3-soft-1-color: rgba(141, 141, 141, 0.05);
-  --sbb-shadow-elevation-level-3-soft-2-color: rgba(141, 141, 141, 0.1);
-  --sbb-shadow-elevation-level-3-soft-negative-1-color: rgba(0, 0, 0, 0.15);
-  --sbb-shadow-elevation-level-3-soft-negative-2-color: rgba(0, 0, 0, 0.2);
-  --sbb-shadow-elevation-level-3-hard-1-color: rgba(141, 141, 141, 0.1);
-  --sbb-shadow-elevation-level-3-hard-2-color: rgba(141, 141, 141, 0.2);
-  --sbb-shadow-elevation-level-3-hard-negative-1-color: rgba(0, 0, 0, 0.3);
-  --sbb-shadow-elevation-level-3-hard-negative-2-color: rgba(0, 0, 0, 0.4);
   /**
    * Original Value: 0px
    */
@@ -481,14 +356,6 @@ summary {
    * Original Value: 0px
    */
   --sbb-shadow-elevation-level-5-shadow-2-spread: 0rem;
-  --sbb-shadow-elevation-level-5-soft-1-color: rgba(141, 141, 141, 0.05);
-  --sbb-shadow-elevation-level-5-soft-2-color: rgba(141, 141, 141, 0.1);
-  --sbb-shadow-elevation-level-5-soft-negative-1-color: rgba(0, 0, 0, 0.15);
-  --sbb-shadow-elevation-level-5-soft-negative-2-color: rgba(0, 0, 0, 0.2);
-  --sbb-shadow-elevation-level-5-hard-1-color: rgba(141, 141, 141, 0.1);
-  --sbb-shadow-elevation-level-5-hard-2-color: rgba(141, 141, 141, 0.2);
-  --sbb-shadow-elevation-level-5-hard-negative-1-color: rgba(0, 0, 0, 0.3);
-  --sbb-shadow-elevation-level-5-hard-negative-2-color: rgba(0, 0, 0, 0.4);
   /**
    * Original Value: 0px
    */
@@ -521,14 +388,6 @@ summary {
    * Original Value: 0px
    */
   --sbb-shadow-elevation-level-9-shadow-2-spread: 0rem;
-  --sbb-shadow-elevation-level-9-soft-1-color: rgba(141, 141, 141, 0.05);
-  --sbb-shadow-elevation-level-9-soft-2-color: rgba(141, 141, 141, 0.1);
-  --sbb-shadow-elevation-level-9-soft-negative-1-color: rgba(0, 0, 0, 0.15);
-  --sbb-shadow-elevation-level-9-soft-negative-2-color: rgba(0, 0, 0, 0.2);
-  --sbb-shadow-elevation-level-9-hard-1-color: rgba(141, 141, 141, 0.1);
-  --sbb-shadow-elevation-level-9-hard-2-color: rgba(141, 141, 141, 0.2);
-  --sbb-shadow-elevation-level-9-hard-negative-1-color: rgba(0, 0, 0, 0.3);
-  --sbb-shadow-elevation-level-9-hard-negative-2-color: rgba(0, 0, 0, 0.4);
   /**
    * Original Value: 0px
    */
@@ -561,38 +420,18 @@ summary {
    * Original Value: 0px
    */
   --sbb-shadow-elevation-level-11-shadow-2-spread: 0rem;
-  --sbb-shadow-elevation-level-11-soft-1-color: rgba(141, 141, 141, 0.05);
-  --sbb-shadow-elevation-level-11-soft-2-color: rgba(141, 141, 141, 0.1);
-  --sbb-shadow-elevation-level-11-soft-negative-1-color: rgba(0, 0, 0, 0.15);
-  --sbb-shadow-elevation-level-11-soft-negative-2-color: rgba(0, 0, 0, 0.2);
-  --sbb-shadow-elevation-level-11-hard-1-color: rgba(141, 141, 141, 0.1);
-  --sbb-shadow-elevation-level-11-hard-2-color: rgba(141, 141, 141, 0.2);
-  --sbb-shadow-elevation-level-11-hard-negative-1-color: rgba(0, 0, 0, 0.3);
-  --sbb-shadow-elevation-level-11-hard-negative-2-color: rgba(0, 0, 0, 0.4);
   /**
    * Original Value: 28px
    */
   --sbb-size-element-xxxs-zero: 1.75rem;
-  /**
-   * Original Value: 28px
-   */
-  --sbb-size-element-xxxs-micro: 1.75rem;
   /**
    * Original Value: 28px
    */
   --sbb-size-element-xxxs-small: 1.75rem;
-  /**
-   * Original Value: 32px
-   */
-  --sbb-size-element-xxxs-medium: 2rem;
   /**
    * Original Value: 32px
    */
   --sbb-size-element-xxxs-large: 2rem;
-  /**
-   * Original Value: 32px
-   */
-  --sbb-size-element-xxxs-wide: 2rem;
   /**
    * Original Value: 32px
    */
@@ -601,26 +440,14 @@ summary {
    * Original Value: 32px
    */
   --sbb-size-element-xxs-zero: 2rem;
-  /**
-   * Original Value: 32px
-   */
-  --sbb-size-element-xxs-micro: 2rem;
   /**
    * Original Value: 32px
    */
   --sbb-size-element-xxs-small: 2rem;
-  /**
-   * Original Value: 36px
-   */
-  --sbb-size-element-xxs-medium: 2.25rem;
   /**
    * Original Value: 36px
    */
   --sbb-size-element-xxs-large: 2.25rem;
-  /**
-   * Original Value: 36px
-   */
-  --sbb-size-element-xxs-wide: 2.25rem;
   /**
    * Original Value: 36px
    */
@@ -629,26 +456,14 @@ summary {
    * Original Value: 36px
    */
   --sbb-size-element-xs-zero: 2.25rem;
-  /**
-   * Original Value: 36px
-   */
-  --sbb-size-element-xs-micro: 2.25rem;
   /**
    * Original Value: 36px
    */
   --sbb-size-element-xs-small: 2.25rem;
-  /**
-   * Original Value: 40px
-   */
-  --sbb-size-element-xs-medium: 2.5rem;
   /**
    * Original Value: 40px
    */
   --sbb-size-element-xs-large: 2.5rem;
-  /**
-   * Original Value: 40px
-   */
-  --sbb-size-element-xs-wide: 2.5rem;
   /**
    * Original Value: 40px
    */
@@ -657,26 +472,14 @@ summary {
    * Original Value: 44px
    */
   --sbb-size-element-s-zero: 2.75rem;
-  /**
-   * Original Value: 44px
-   */
-  --sbb-size-element-s-micro: 2.75rem;
   /**
    * Original Value: 44px
    */
   --sbb-size-element-s-small: 2.75rem;
-  /**
-   * Original Value: 48px
-   */
-  --sbb-size-element-s-medium: 3rem;
   /**
    * Original Value: 48px
    */
   --sbb-size-element-s-large: 3rem;
-  /**
-   * Original Value: 48px
-   */
-  --sbb-size-element-s-wide: 3rem;
   /**
    * Original Value: 48px
    */
@@ -685,26 +488,14 @@ summary {
    * Original Value: 48px
    */
   --sbb-size-element-m-zero: 3rem;
-  /**
-   * Original Value: 48px
-   */
-  --sbb-size-element-m-micro: 3rem;
   /**
    * Original Value: 48px
    */
   --sbb-size-element-m-small: 3rem;
-  /**
-   * Original Value: 56px
-   */
-  --sbb-size-element-m-medium: 3.5rem;
   /**
    * Original Value: 56px
    */
   --sbb-size-element-m-large: 3.5rem;
-  /**
-   * Original Value: 56px
-   */
-  --sbb-size-element-m-wide: 3.5rem;
   /**
    * Original Value: 56px
    */
@@ -713,26 +504,14 @@ summary {
    * Original Value: 56px
    */
   --sbb-size-element-l-zero: 3.5rem;
-  /**
-   * Original Value: 56px
-   */
-  --sbb-size-element-l-micro: 3.5rem;
   /**
    * Original Value: 56px
    */
   --sbb-size-element-l-small: 3.5rem;
-  /**
-   * Original Value: 64px
-   */
-  --sbb-size-element-l-medium: 4rem;
   /**
    * Original Value: 64px
    */
   --sbb-size-element-l-large: 4rem;
-  /**
-   * Original Value: 64px
-   */
-  --sbb-size-element-l-wide: 4rem;
   /**
    * Original Value: 64px
    */
@@ -809,6 +588,10 @@ summary {
    * Original Value: 72px
    */
   --sbb-spacing-fixed-18x: 4.5rem;
+  /**
+   * Original Value: 76px
+   */
+  --sbb-spacing-fixed-19x: 4.75rem;
   /**
    * Original Value: 80px
    */
@@ -825,26 +608,14 @@ summary {
    * Original Value: 12px
    */
   --sbb-spacing-responsive-xxxs-zero: 0.75rem;
-  /**
-   * Original Value: 12px
-   */
-  --sbb-spacing-responsive-xxxs-micro: 0.75rem;
   /**
    * Original Value: 12px
    */
   --sbb-spacing-responsive-xxxs-small: 0.75rem;
-  /**
-   * Original Value: 16px
-   */
-  --sbb-spacing-responsive-xxxs-medium: 1rem;
   /**
    * Original Value: 16px
    */
   --sbb-spacing-responsive-xxxs-large: 1rem;
-  /**
-   * Original Value: 16px
-   */
-  --sbb-spacing-responsive-xxxs-wide: 1rem;
   /**
    * Original Value: 16px
    */
@@ -853,26 +624,14 @@ summary {
    * Original Value: 16px
    */
   --sbb-spacing-responsive-xxs-zero: 1rem;
-  /**
-   * Original Value: 16px
-   */
-  --sbb-spacing-responsive-xxs-micro: 1rem;
   /**
    * Original Value: 16px
    */
   --sbb-spacing-responsive-xxs-small: 1rem;
-  /**
-   * Original Value: 24px
-   */
-  --sbb-spacing-responsive-xxs-medium: 1.5rem;
   /**
    * Original Value: 24px
    */
   --sbb-spacing-responsive-xxs-large: 1.5rem;
-  /**
-   * Original Value: 24px
-   */
-  --sbb-spacing-responsive-xxs-wide: 1.5rem;
   /**
    * Original Value: 24px
    */
@@ -881,26 +640,14 @@ summary {
    * Original Value: 20px
    */
   --sbb-spacing-responsive-xs-zero: 1.25rem;
-  /**
-   * Original Value: 20px
-   */
-  --sbb-spacing-responsive-xs-micro: 1.25rem;
   /**
    * Original Value: 20px
    */
   --sbb-spacing-responsive-xs-small: 1.25rem;
-  /**
-   * Original Value: 24px
-   */
-  --sbb-spacing-responsive-xs-medium: 1.5rem;
   /**
    * Original Value: 24px
    */
   --sbb-spacing-responsive-xs-large: 1.5rem;
-  /**
-   * Original Value: 24px
-   */
-  --sbb-spacing-responsive-xs-wide: 1.5rem;
   /**
    * Original Value: 24px
    */
@@ -909,26 +656,14 @@ summary {
    * Original Value: 24px
    */
   --sbb-spacing-responsive-s-zero: 1.5rem;
-  /**
-   * Original Value: 24px
-   */
-  --sbb-spacing-responsive-s-micro: 1.5rem;
   /**
    * Original Value: 24px
    */
   --sbb-spacing-responsive-s-small: 1.5rem;
-  /**
-   * Original Value: 32px
-   */
-  --sbb-spacing-responsive-s-medium: 2rem;
   /**
    * Original Value: 32px
    */
   --sbb-spacing-responsive-s-large: 2rem;
-  /**
-   * Original Value: 32px
-   */
-  --sbb-spacing-responsive-s-wide: 2rem;
   /**
    * Original Value: 32px
    */
@@ -937,26 +672,14 @@ summary {
    * Original Value: 32px
    */
   --sbb-spacing-responsive-m-zero: 2rem;
-  /**
-   * Original Value: 32px
-   */
-  --sbb-spacing-responsive-m-micro: 2rem;
   /**
    * Original Value: 32px
    */
   --sbb-spacing-responsive-m-small: 2rem;
-  /**
-   * Original Value: 40px
-   */
-  --sbb-spacing-responsive-m-medium: 2.5rem;
   /**
    * Original Value: 40px
    */
   --sbb-spacing-responsive-m-large: 2.5rem;
-  /**
-   * Original Value: 48px
-   */
-  --sbb-spacing-responsive-m-wide: 3rem;
   /**
    * Original Value: 48px
    */
@@ -965,26 +688,14 @@ summary {
    * Original Value: 32px
    */
   --sbb-spacing-responsive-l-zero: 2rem;
-  /**
-   * Original Value: 32px
-   */
-  --sbb-spacing-responsive-l-micro: 2rem;
   /**
    * Original Value: 40px
    */
   --sbb-spacing-responsive-l-small: 2.5rem;
-  /**
-   * Original Value: 48px
-   */
-  --sbb-spacing-responsive-l-medium: 3rem;
   /**
    * Original Value: 56px
    */
   --sbb-spacing-responsive-l-large: 3.5rem;
-  /**
-   * Original Value: 56px
-   */
-  --sbb-spacing-responsive-l-wide: 3.5rem;
   /**
    * Original Value: 64px
    */
@@ -993,26 +704,14 @@ summary {
    * Original Value: 32px
    */
   --sbb-spacing-responsive-xl-zero: 2rem;
-  /**
-   * Original Value: 32px
-   */
-  --sbb-spacing-responsive-xl-micro: 2rem;
   /**
    * Original Value: 48px
    */
   --sbb-spacing-responsive-xl-small: 3rem;
-  /**
-   * Original Value: 64px
-   */
-  --sbb-spacing-responsive-xl-medium: 4rem;
   /**
    * Original Value: 80px
    */
   --sbb-spacing-responsive-xl-large: 5rem;
-  /**
-   * Original Value: 80px
-   */
-  --sbb-spacing-responsive-xl-wide: 5rem;
   /**
    * Original Value: 96px
    */
@@ -1021,26 +720,14 @@ summary {
    * Original Value: 48px
    */
   --sbb-spacing-responsive-xxl-zero: 3rem;
-  /**
-   * Original Value: 48px
-   */
-  --sbb-spacing-responsive-xxl-micro: 3rem;
   /**
    * Original Value: 72px
    */
   --sbb-spacing-responsive-xxl-small: 4.5rem;
-  /**
-   * Original Value: 80px
-   */
-  --sbb-spacing-responsive-xxl-medium: 5rem;
   /**
    * Original Value: 96px
    */
   --sbb-spacing-responsive-xxl-large: 6rem;
-  /**
-   * Original Value: 96px
-   */
-  --sbb-spacing-responsive-xxl-wide: 6rem;
   /**
    * Original Value: 120px
    */
@@ -1098,12 +785,11 @@ summary {
    * Original Value: 64px
    */
   --sbb-typo-scale-4x: 4rem;
-  /* Composed variables */
   /**
-   * We provide an extended collection of css variables which are mainly breakpoint
-   * dependant or simply referencing other variables.
-   * Due to technical limitations these variables are only provided as CSS variables.
-   */
+  * We provide an extended collection of CSS variables which are mainly breakpoint
+  * dependant or simply referencing other variables.
+  * Due to technical limitations these variables are only provided as CSS variables.
+  */
   /* Colors */
   --sbb-color-sky: var(--sbb-color-sky-light);
   --sbb-color-sky: light-dark(var(--sbb-color-sky-light), var(--sbb-color-sky-dark));
@@ -1140,14 +826,8 @@ summary {
   --sbb-color-royal150: light-dark(var(--sbb-color-royal150-light), var(--sbb-color-royal150-dark));
   --sbb-color-primary: var(--sbb-color-red);
   --sbb-color-primary85: var(--sbb-color-red85);
-  /* @deprecated */
-  --sbb-color-primary-85: var(--sbb-color-primary85);
   --sbb-color-primary125: var(--sbb-color-red125);
-  /* @deprecated */
-  --sbb-color-primary-125: var(--sbb-color-primary125);
   --sbb-color-primary150: var(--sbb-color-red150);
-  /* @deprecated */
-  --sbb-color-primary-150: var(--sbb-color-primary150);
   --sbb-color-error: var(--sbb-color-red125);
   --sbb-color-error: light-dark(var(--sbb-color-red125), var(--sbb-color-red85));
   --sbb-color-success: var(--sbb-color-green);
@@ -1251,6 +931,86 @@ summary {
   );
   --sbb-shadow-color-hard-1-negative: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);
   --sbb-shadow-color-hard-2-negative: color-mix(in srgb, var(--sbb-color-black) 40%, transparent);
+  --sbb-shadow-level-3-shadow-1: var(--sbb-shadow-elevation-level-3-shadow-1-offset-x)
+    var(--sbb-shadow-elevation-level-3-shadow-1-offset-y)
+    var(--sbb-shadow-elevation-level-3-shadow-1-blur)
+    var(--sbb-shadow-elevation-level-3-shadow-1-spread);
+  --sbb-shadow-level-3-shadow-2: var(--sbb-shadow-elevation-level-3-shadow-2-offset-x)
+    var(--sbb-shadow-elevation-level-3-shadow-2-offset-y)
+    var(--sbb-shadow-elevation-level-3-shadow-2-blur)
+    var(--sbb-shadow-elevation-level-3-shadow-2-spread);
+  --sbb-box-shadow-level-3-soft:
+    var(--sbb-shadow-level-3-shadow-2) var(--sbb-shadow-color-soft-2),
+    var(--sbb-shadow-level-3-shadow-1) var(--sbb-shadow-color-soft-1);
+  --sbb-box-shadow-level-3-soft-negative:
+    var(--sbb-shadow-level-3-shadow-2) var(--sbb-shadow-color-soft-2-negative),
+    var(--sbb-shadow-level-3-shadow-1) var(--sbb-shadow-color-soft-1-negative);
+  --sbb-box-shadow-level-3-hard:
+    var(--sbb-shadow-level-3-shadow-2) var(--sbb-shadow-color-hard-2),
+    var(--sbb-shadow-level-3-shadow-1) var(--sbb-shadow-color-hard-1);
+  --sbb-box-shadow-level-3-hard-negative:
+    var(--sbb-shadow-level-3-shadow-2) var(--sbb-shadow-color-hard-2-negative),
+    var(--sbb-shadow-level-3-shadow-1) var(--sbb-shadow-color-hard-1-negative);
+  --sbb-shadow-level-5-shadow-1: var(--sbb-shadow-elevation-level-5-shadow-1-offset-x)
+    var(--sbb-shadow-elevation-level-5-shadow-1-offset-y)
+    var(--sbb-shadow-elevation-level-5-shadow-1-blur)
+    var(--sbb-shadow-elevation-level-5-shadow-1-spread);
+  --sbb-shadow-level-5-shadow-2: var(--sbb-shadow-elevation-level-5-shadow-2-offset-x)
+    var(--sbb-shadow-elevation-level-5-shadow-2-offset-y)
+    var(--sbb-shadow-elevation-level-5-shadow-2-blur)
+    var(--sbb-shadow-elevation-level-5-shadow-2-spread);
+  --sbb-box-shadow-level-5-soft:
+    var(--sbb-shadow-level-5-shadow-2) var(--sbb-shadow-color-soft-2),
+    var(--sbb-shadow-level-5-shadow-1) var(--sbb-shadow-color-soft-1);
+  --sbb-box-shadow-level-5-soft-negative:
+    var(--sbb-shadow-level-5-shadow-2) var(--sbb-shadow-color-soft-2-negative),
+    var(--sbb-shadow-level-5-shadow-1) var(--sbb-shadow-color-soft-1-negative);
+  --sbb-box-shadow-level-5-hard:
+    var(--sbb-shadow-level-5-shadow-2) var(--sbb-shadow-color-hard-2),
+    var(--sbb-shadow-level-5-shadow-1) var(--sbb-shadow-color-hard-1);
+  --sbb-box-shadow-level-5-hard-negative:
+    var(--sbb-shadow-level-5-shadow-2) var(--sbb-shadow-color-hard-2-negative),
+    var(--sbb-shadow-level-5-shadow-1) var(--sbb-shadow-color-hard-1-negative);
+  --sbb-shadow-level-9-shadow-1: var(--sbb-shadow-elevation-level-9-shadow-1-offset-x)
+    var(--sbb-shadow-elevation-level-9-shadow-1-offset-y)
+    var(--sbb-shadow-elevation-level-9-shadow-1-blur)
+    var(--sbb-shadow-elevation-level-9-shadow-1-spread);
+  --sbb-shadow-level-9-shadow-2: var(--sbb-shadow-elevation-level-9-shadow-2-offset-x)
+    var(--sbb-shadow-elevation-level-9-shadow-2-offset-y)
+    var(--sbb-shadow-elevation-level-9-shadow-2-blur)
+    var(--sbb-shadow-elevation-level-9-shadow-2-spread);
+  --sbb-box-shadow-level-9-soft:
+    var(--sbb-shadow-level-9-shadow-2) var(--sbb-shadow-color-soft-2),
+    var(--sbb-shadow-level-9-shadow-1) var(--sbb-shadow-color-soft-1);
+  --sbb-box-shadow-level-9-soft-negative:
+    var(--sbb-shadow-level-9-shadow-2) var(--sbb-shadow-color-soft-2-negative),
+    var(--sbb-shadow-level-9-shadow-1) var(--sbb-shadow-color-soft-1-negative);
+  --sbb-box-shadow-level-9-hard:
+    var(--sbb-shadow-level-9-shadow-2) var(--sbb-shadow-color-hard-2),
+    var(--sbb-shadow-level-9-shadow-1) var(--sbb-shadow-color-hard-1);
+  --sbb-box-shadow-level-9-hard-negative:
+    var(--sbb-shadow-level-9-shadow-2) var(--sbb-shadow-color-hard-2-negative),
+    var(--sbb-shadow-level-9-shadow-1) var(--sbb-shadow-color-hard-1-negative);
+  --sbb-shadow-level-11-shadow-1: var(--sbb-shadow-elevation-level-11-shadow-1-offset-x)
+    var(--sbb-shadow-elevation-level-11-shadow-1-offset-y)
+    var(--sbb-shadow-elevation-level-11-shadow-1-blur)
+    var(--sbb-shadow-elevation-level-11-shadow-1-spread);
+  --sbb-shadow-level-11-shadow-2: var(--sbb-shadow-elevation-level-11-shadow-2-offset-x)
+    var(--sbb-shadow-elevation-level-11-shadow-2-offset-y)
+    var(--sbb-shadow-elevation-level-11-shadow-2-blur)
+    var(--sbb-shadow-elevation-level-11-shadow-2-spread);
+  --sbb-box-shadow-level-11-soft:
+    var(--sbb-shadow-level-11-shadow-2) var(--sbb-shadow-color-soft-2),
+    var(--sbb-shadow-level-11-shadow-1) var(--sbb-shadow-color-soft-1);
+  --sbb-box-shadow-level-11-soft-negative:
+    var(--sbb-shadow-level-11-shadow-2) var(--sbb-shadow-color-soft-2-negative),
+    var(--sbb-shadow-level-11-shadow-1) var(--sbb-shadow-color-soft-1-negative);
+  --sbb-box-shadow-level-11-hard:
+    var(--sbb-shadow-level-11-shadow-2) var(--sbb-shadow-color-hard-2),
+    var(--sbb-shadow-level-11-shadow-1) var(--sbb-shadow-color-hard-1);
+  --sbb-box-shadow-level-11-hard-negative:
+    var(--sbb-shadow-level-11-shadow-2) var(--sbb-shadow-color-hard-2-negative),
+    var(--sbb-shadow-level-11-shadow-1) var(--sbb-shadow-color-hard-1-negative);
   --sbb-font-default-color: var(--sbb-color-2);
   /* Focus outline */
   --sbb-focus-outline-color-default: var(--sbb-color-black);
@@ -1295,142 +1055,6 @@ summary {
   --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 {
-    /* Focus outline */
-    --sbb-focus-outline-color-default: Highlight;
-    --sbb-focus-outline-color-dark: Highlight;
-    --sbb-focus-outline-width: var(--sbb-border-width-2x);
-  }
-}
-:root {
-  /**
-   * Micro (value corresponds to --sbb-breakpoint-micro-min)
-   */
-}
-@media (min-width: 22.5rem) {
-  :root {
-    /* Layout */
-    --sbb-layout-base-offset-responsive: var(--sbb-layout-base-offset-responsive-micro);
-    --sbb-grid-base-columns: var(--sbb-layout-base-grid-columns-micro);
-    --sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-micro);
-  }
-}
-:root {
-  /**
-   * Small (value corresponds to --sbb-breakpoint-small-min)
-   */
-}
-@media (min-width: 37.5rem) {
-  :root {
-    /* Title */
-    --sbb-font-size-title-1: var(--sbb-typo-scale-3x);
-    /* Spacing */
-    --sbb-spacing-responsive-l: var(--sbb-spacing-responsive-l-small);
-    --sbb-spacing-responsive-xl: var(--sbb-spacing-responsive-xl-small);
-    --sbb-spacing-responsive-xxl: var(--sbb-spacing-responsive-xxl-small);
-    /* Layout */
-    --sbb-layout-base-offset-responsive: var(--sbb-layout-base-offset-responsive-small);
-    --sbb-grid-base-columns: var(--sbb-layout-base-grid-columns-small);
-    --sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-small);
-  }
-}
-:root {
-  /**
-   * Medium (value corresponds to --sbb-breakpoint-medium-min)
-   */
-}
-@media (min-width: 52.5rem) {
-  :root {
-    /* Title */
-    --sbb-font-size-title-2: var(--sbb-typo-scale-2-5x);
-    --sbb-font-size-title-3: var(--sbb-typo-scale-2x);
-    --sbb-font-size-title-4: var(--sbb-typo-scale-1-5x);
-    --sbb-font-size-title-5: var(--sbb-typo-scale-1-25x);
-    --sbb-font-size-title-6: var(--sbb-typo-scale-default);
-    --sbb-font-size-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);
-    /* Spacing */
-    --sbb-spacing-responsive-xxxs: var(--sbb-spacing-responsive-xxxs-medium);
-    --sbb-spacing-responsive-xxs: var(--sbb-spacing-responsive-xxs-medium);
-    --sbb-spacing-responsive-xs: var(--sbb-spacing-responsive-xs-medium);
-    --sbb-spacing-responsive-s: var(--sbb-spacing-responsive-s-medium);
-    --sbb-spacing-responsive-m: var(--sbb-spacing-responsive-m-medium);
-    --sbb-spacing-responsive-l: var(--sbb-spacing-responsive-l-medium);
-    --sbb-spacing-responsive-xl: var(--sbb-spacing-responsive-xl-medium);
-    --sbb-spacing-responsive-xxl: var(--sbb-spacing-responsive-xxl-medium);
-    /* Layout */
-    --sbb-layout-base-offset-responsive: var(--sbb-layout-base-offset-responsive-medium);
-    --sbb-grid-base-columns: var(--sbb-layout-base-grid-columns-medium);
-    --sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-medium);
-    /* Size */
-    --sbb-size-element-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);
-  }
-}
-:root {
-  /**
-   * Large (value corresponds to --sbb-breakpoint-large-min)
-   */
-}
-@media (min-width: 64rem) {
-  :root {
-    /* Title */
-    --sbb-font-size-title-1: var(--sbb-typo-scale-3-5x);
-    /* Spacing */
-    --sbb-spacing-responsive-l: var(--sbb-spacing-responsive-l-large);
-    --sbb-spacing-responsive-xl: var(--sbb-spacing-responsive-xl-large);
-    --sbb-spacing-responsive-xxl: var(--sbb-spacing-responsive-xxl-large);
-    /* Layout */
-    --sbb-layout-base-offset-responsive: var(--sbb-layout-base-offset-responsive-large);
-    --sbb-grid-base-columns: var(--sbb-layout-base-grid-columns-large);
-    --sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-large);
-  }
-}
-:root {
-  /**
-   * Wide (value corresponds to --sbb-breakpoint-wide-min)
-   */
-}
-@media (min-width: 80rem) {
-  :root {
-    /* Spacing */
-    --sbb-spacing-responsive-m: var(--sbb-spacing-responsive-m-wide);
-    /* Layout */
-    --sbb-layout-base-offset-responsive: var(--sbb-layout-base-offset-responsive-wide);
-    --sbb-grid-base-columns: var(--sbb-layout-base-grid-columns-wide);
-    --sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-wide);
-  }
-}
-:root {
-  /**
-   * Ultra (value corresponds to --sbb-breakpoint-ultra-min)
-   */
-}
-@media (min-width: 90rem) {
-  :root {
-    /* Title */
-    --sbb-font-size-title-1: var(--sbb-typo-scale-4x);
-    /* Spacing */
-    --sbb-spacing-responsive-l: var(--sbb-spacing-responsive-l-ultra);
-    --sbb-spacing-responsive-xl: var(--sbb-spacing-responsive-xl-ultra);
-    --sbb-spacing-responsive-xxl: var(--sbb-spacing-responsive-xxl-ultra);
-    /* Layout */
-    --sbb-layout-base-offset-responsive: var(--sbb-layout-base-offset-responsive-ultra);
-    --sbb-grid-base-columns: var(--sbb-layout-base-grid-columns-ultra);
-    --sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-ultra);
-  }
-}
-:root {
   --sbb-train-formation-wagon-width: 5rem;
   --sbb-train-formation-wagon-height: 2.5rem;
   --sbb-train-formation-wagon-border-radius: 0.75rem;
@@ -1480,8 +1104,55 @@ summary {
 :root:where(.sbb-focus-modality-mouse, .sbb-focus-modality-touch) {
   --sbb-focus-outline-style: none;
 }
-@media (min-width: calc(52.5rem)) {
+@media (min-width: calc(37.5rem)) {
   :root {
+    /* Title */
+    --sbb-font-size-title-1: var(--sbb-typo-scale-3x);
+    /* Spacing */
+    --sbb-spacing-responsive-l: var(--sbb-spacing-responsive-l-small);
+    --sbb-spacing-responsive-xl: var(--sbb-spacing-responsive-xl-small);
+    --sbb-spacing-responsive-xxl: var(--sbb-spacing-responsive-xxl-small);
+    /* Layout */
+    --sbb-layout-base-offset-responsive: var(--sbb-layout-base-offset-responsive-small);
+    --sbb-grid-base-columns: var(--sbb-layout-base-grid-columns-small);
+    --sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-small);
+  }
+}
+@media (min-width: calc(64rem)) {
+  :root {
+    /* Title */
+    --sbb-font-size-title-1: var(--sbb-typo-scale-3-5x);
+    --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);
+    /* Spacing */
+    --sbb-spacing-responsive-xxxs: var(--sbb-spacing-responsive-xxxs-large);
+    --sbb-spacing-responsive-xxs: var(--sbb-spacing-responsive-xxs-large);
+    --sbb-spacing-responsive-xs: var(--sbb-spacing-responsive-xs-large);
+    --sbb-spacing-responsive-s: var(--sbb-spacing-responsive-s-large);
+    --sbb-spacing-responsive-m: var(--sbb-spacing-responsive-m-large);
+    --sbb-spacing-responsive-l: var(--sbb-spacing-responsive-l-large);
+    --sbb-spacing-responsive-xl: var(--sbb-spacing-responsive-xl-large);
+    --sbb-spacing-responsive-xxl: var(--sbb-spacing-responsive-xxl-large);
+    /* Layout */
+    --sbb-layout-base-offset-responsive: var(--sbb-layout-base-offset-responsive-large);
+    --sbb-grid-base-columns: var(--sbb-layout-base-grid-columns-large);
+    --sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-large);
+    /* Size */
+    --sbb-size-element-xxxs: var(--sbb-size-element-xxxs-large);
+    --sbb-size-element-xxs: var(--sbb-size-element-xxs-large);
+    --sbb-size-element-xs: var(--sbb-size-element-xs-large);
+    --sbb-size-element-s: var(--sbb-size-element-s-large);
+    --sbb-size-element-m: var(--sbb-size-element-m-large);
+    --sbb-size-element-l: var(--sbb-size-element-l-large);
     --sbb-header-height: var(--sbb-spacing-fixed-24x);
     --sbb-time-input-max-width: 4.0625rem;
   }
@@ -1489,6 +1160,21 @@ summary {
     --sbb-header-height: var(--sbb-spacing-fixed-14x);
   }
 }
+@media (min-width: calc(90rem)) {
+  :root {
+    /* Title */
+    --sbb-font-size-title-1: var(--sbb-typo-scale-4x);
+    /* Spacing */
+    --sbb-spacing-responsive-m: var(--sbb-spacing-responsive-m-ultra);
+    --sbb-spacing-responsive-l: var(--sbb-spacing-responsive-l-ultra);
+    --sbb-spacing-responsive-xl: var(--sbb-spacing-responsive-xl-ultra);
+    --sbb-spacing-responsive-xxl: var(--sbb-spacing-responsive-xxl-ultra);
+    /* Layout */
+    --sbb-layout-base-offset-responsive: var(--sbb-layout-base-offset-responsive-ultra);
+    --sbb-grid-base-columns: var(--sbb-layout-base-grid-columns-ultra);
+    --sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-ultra);
+  }
+}
 
 @font-face {
   font-family: SBB;
@@ -1963,33 +1649,26 @@ sbb-toggle:has(:focus-visible) {
   --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-close-button) > sbb-dialog-title, sbb-dialog:is(:state(has-intermediate-element),[state--has-intermediate-element]):has(> * > sbb-dialog-close-button) > * > sbb-dialog-title {
+  padding-inline-end: 0;
 }
 
-sbb-dialog:has(> sbb-dialog-title) > sbb-dialog-content {
+sbb-dialog:has(> sbb-dialog-title) > sbb-dialog-content, sbb-dialog:is(:state(has-intermediate-element),[state--has-intermediate-element]):has(> * > sbb-dialog-title) > * > sbb-dialog-content {
   padding-block-start: 0;
 }
-
-sbb-dialog:has(> sbb-dialog-close-button) > sbb-dialog-title {
-  margin-inline-end: 0;
+sbb-dialog[negative] > sbb-dialog-content, sbb-dialog[negative]:is(:state(has-intermediate-element),[state--has-intermediate-element]) > * > sbb-dialog-content {
+  --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);
+  --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);
 }
 
-sbb-dialog:not(:has(> sbb-dialog-title)) > sbb-dialog-close-button {
+sbb-dialog:not(:has(> sbb-dialog-title)) > sbb-dialog-close-button, sbb-dialog:is(:state(has-intermediate-element),[state--has-intermediate-element]):not(:has(> * > sbb-dialog-title)) > * > sbb-dialog-close-button {
   position: absolute;
   z-index: 1;
 }
-sbb-dialog:has(> sbb-dialog-title[visual-level="3"]) > sbb-dialog-close-button {
+sbb-dialog:has(> sbb-dialog-title[visual-level="3"]) > sbb-dialog-close-button, sbb-dialog:is(:state(has-intermediate-element),[state--has-intermediate-element]):has(> * > sbb-dialog-title[visual-level="3"]) > * > sbb-dialog-close-button {
   --_sbb-dialog-title-size: var(--sbb-font-size-title-3);
 }
-sbb-dialog:has(> sbb-dialog-title[visual-level="5"]) > sbb-dialog-close-button {
+sbb-dialog:has(> sbb-dialog-title[visual-level="5"]) > sbb-dialog-close-button, sbb-dialog:is(:state(has-intermediate-element),[state--has-intermediate-element]):has(> * > sbb-dialog-title[visual-level="5"]) > * > sbb-dialog-close-button {
   --_sbb-dialog-title-size: var(--sbb-font-size-title-5);
 }
 
@@ -2405,7 +2084,7 @@ sup {
 .sbb-step-list:where(.sbb-text-m, .sbb-text-l, .sbb-text-xl) {
   --sbb-step-list-padding-block: var(--sbb-spacing-fixed-5x);
 }
-@media (min-width: calc(52.5rem)) {
+@media (min-width: calc(64rem)) {
   .sbb-step-list:where(.sbb-text-xl) {
     --sbb-step-list-dimensions: 2.5625rem;
   }