@alfalab/core-components 45.10.0 → 46.0.0-beta.0

package/tabs/modern/components/primary-tablist/index.css

@@ -1,4 +1,4 @@
-/* hash: cvvrt */
+/* hash: 12mhc */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-accent-primary: #ef3124;
@@ -85,11 +85,11 @@
     /* size l */
 
     /* size xl */
-} .tabs__component_od4ww {
+} .tabs__component_q9sbb {
     position: relative;
     display: inline-flex;
     min-width: 100%
-} .tabs__component_od4ww:before {
+} .tabs__component_q9sbb:before {
         content: '';
         display: block;
         position: absolute;
@@ -97,273 +97,273 @@
         height: 1px;
         width: 100%;
         background-color: var(--primary-tablist-bottom-border-color);
-    } .tabs__desktop_od4ww.tabs__paragraph-primary-large_od4ww .tabs__title_od4ww {
+    } .tabs__desktop_q9sbb.tabs__paragraph-primary-large_q9sbb .tabs__title_q9sbb {
         font-size: 18px;
         line-height: 24px;
         font-weight: 400;
-    } .tabs__desktop_od4ww.tabs__paragraph-primary-medium_od4ww .tabs__title_od4ww {
+    } .tabs__desktop_q9sbb.tabs__paragraph-primary-medium_q9sbb .tabs__title_q9sbb {
         font-size: 16px;
         line-height: 24px;
         font-weight: 400;
-    } .tabs__desktop_od4ww.tabs__paragraph-primary-small_od4ww .tabs__title_od4ww {
+    } .tabs__desktop_q9sbb.tabs__paragraph-primary-small_q9sbb .tabs__title_q9sbb {
         font-size: 14px;
         line-height: 20px;
         font-weight: 400;
-    } .tabs__desktop_od4ww.tabs__action-primary-large_od4ww .tabs__title_od4ww {
+    } .tabs__desktop_q9sbb.tabs__action-primary-large_q9sbb .tabs__title_q9sbb {
         font-size: 18px;
         line-height: 24px;
         font-weight: 500;
-    } .tabs__desktop_od4ww.tabs__action-primary-medium_od4ww .tabs__title_od4ww {
+    } .tabs__desktop_q9sbb.tabs__action-primary-medium_q9sbb .tabs__title_q9sbb {
         font-size: 16px;
         line-height: 24px;
         font-weight: 500;
-    } .tabs__desktop_od4ww.tabs__action-primary-small_od4ww .tabs__title_od4ww {
+    } .tabs__desktop_q9sbb.tabs__action-primary-small_q9sbb .tabs__title_q9sbb {
         font-size: 14px;
         line-height: 20px;
         font-weight: 500;
-    } .tabs__desktop_od4ww.tabs__accent-primary-large_od4ww .tabs__title_od4ww {
+    } .tabs__desktop_q9sbb.tabs__accent-primary-large_q9sbb .tabs__title_q9sbb {
         font-size: 18px;
         line-height: 24px;
         font-weight: 700;
-    } .tabs__desktop_od4ww.tabs__accent-primary-medium_od4ww .tabs__title_od4ww {
+    } .tabs__desktop_q9sbb.tabs__accent-primary-medium_q9sbb .tabs__title_q9sbb {
         font-size: 16px;
         line-height: 24px;
         font-weight: 700;
-    } .tabs__desktop_od4ww.tabs__accent-primary-small_od4ww .tabs__title_od4ww {
+    } .tabs__desktop_q9sbb.tabs__accent-primary-small_q9sbb .tabs__title_q9sbb {
         font-size: 14px;
         line-height: 20px;
         font-weight: 700;
-    } .tabs__desktop_od4ww.tabs__paragraph-primary-large_od4ww .tabs__title_od4ww, .tabs__desktop_od4ww.tabs__paragraph-primary-medium_od4ww .tabs__title_od4ww, .tabs__desktop_od4ww.tabs__accent-primary-large_od4ww .tabs__title_od4ww, .tabs__desktop_od4ww.tabs__accent-primary-medium_od4ww .tabs__title_od4ww, .tabs__desktop_od4ww.tabs__action-primary-large_od4ww .tabs__title_od4ww, .tabs__desktop_od4ww.tabs__action-primary-medium_od4ww .tabs__title_od4ww {
+    } .tabs__desktop_q9sbb.tabs__paragraph-primary-large_q9sbb .tabs__title_q9sbb, .tabs__desktop_q9sbb.tabs__paragraph-primary-medium_q9sbb .tabs__title_q9sbb, .tabs__desktop_q9sbb.tabs__accent-primary-large_q9sbb .tabs__title_q9sbb, .tabs__desktop_q9sbb.tabs__accent-primary-medium_q9sbb .tabs__title_q9sbb, .tabs__desktop_q9sbb.tabs__action-primary-large_q9sbb .tabs__title_q9sbb, .tabs__desktop_q9sbb.tabs__action-primary-medium_q9sbb .tabs__title_q9sbb {
         padding-bottom: calc(24px / 2);
-    } .tabs__desktop_od4ww.tabs__paragraph-primary-large_od4ww .tabs__title_od4ww + .tabs__title_od4ww,
-    .tabs__desktop_od4ww.tabs__paragraph-primary-large_od4ww .tabs__pickerWrapper_od4ww,
-    .tabs__desktop_od4ww.tabs__paragraph-primary-medium_od4ww .tabs__title_od4ww + .tabs__title_od4ww,
-    .tabs__desktop_od4ww.tabs__paragraph-primary-medium_od4ww .tabs__pickerWrapper_od4ww,
-    .tabs__desktop_od4ww.tabs__accent-primary-large_od4ww .tabs__title_od4ww + .tabs__title_od4ww,
-    .tabs__desktop_od4ww.tabs__accent-primary-large_od4ww .tabs__pickerWrapper_od4ww,
-    .tabs__desktop_od4ww.tabs__accent-primary-medium_od4ww .tabs__title_od4ww + .tabs__title_od4ww,
-    .tabs__desktop_od4ww.tabs__accent-primary-medium_od4ww .tabs__pickerWrapper_od4ww,
-    .tabs__desktop_od4ww.tabs__action-primary-large_od4ww .tabs__title_od4ww + .tabs__title_od4ww,
-    .tabs__desktop_od4ww.tabs__action-primary-large_od4ww .tabs__pickerWrapper_od4ww,
-    .tabs__desktop_od4ww.tabs__action-primary-medium_od4ww .tabs__title_od4ww + .tabs__title_od4ww,
-    .tabs__desktop_od4ww.tabs__action-primary-medium_od4ww .tabs__pickerWrapper_od4ww {
+    } .tabs__desktop_q9sbb.tabs__paragraph-primary-large_q9sbb .tabs__title_q9sbb + .tabs__title_q9sbb,
+    .tabs__desktop_q9sbb.tabs__paragraph-primary-large_q9sbb .tabs__pickerWrapper_q9sbb,
+    .tabs__desktop_q9sbb.tabs__paragraph-primary-medium_q9sbb .tabs__title_q9sbb + .tabs__title_q9sbb,
+    .tabs__desktop_q9sbb.tabs__paragraph-primary-medium_q9sbb .tabs__pickerWrapper_q9sbb,
+    .tabs__desktop_q9sbb.tabs__accent-primary-large_q9sbb .tabs__title_q9sbb + .tabs__title_q9sbb,
+    .tabs__desktop_q9sbb.tabs__accent-primary-large_q9sbb .tabs__pickerWrapper_q9sbb,
+    .tabs__desktop_q9sbb.tabs__accent-primary-medium_q9sbb .tabs__title_q9sbb + .tabs__title_q9sbb,
+    .tabs__desktop_q9sbb.tabs__accent-primary-medium_q9sbb .tabs__pickerWrapper_q9sbb,
+    .tabs__desktop_q9sbb.tabs__action-primary-large_q9sbb .tabs__title_q9sbb + .tabs__title_q9sbb,
+    .tabs__desktop_q9sbb.tabs__action-primary-large_q9sbb .tabs__pickerWrapper_q9sbb,
+    .tabs__desktop_q9sbb.tabs__action-primary-medium_q9sbb .tabs__title_q9sbb + .tabs__title_q9sbb,
+    .tabs__desktop_q9sbb.tabs__action-primary-medium_q9sbb .tabs__pickerWrapper_q9sbb {
         margin-left: 24px;
-    } .tabs__desktop_od4ww.tabs__paragraph-primary-large_od4ww .tabs__option_od4ww, .tabs__desktop_od4ww.tabs__paragraph-primary-medium_od4ww .tabs__option_od4ww, .tabs__desktop_od4ww.tabs__accent-primary-large_od4ww .tabs__option_od4ww, .tabs__desktop_od4ww.tabs__accent-primary-medium_od4ww .tabs__option_od4ww, .tabs__desktop_od4ww.tabs__action-primary-large_od4ww .tabs__option_od4ww, .tabs__desktop_od4ww.tabs__action-primary-medium_od4ww .tabs__option_od4ww {
+    } .tabs__desktop_q9sbb.tabs__paragraph-primary-large_q9sbb .tabs__option_q9sbb, .tabs__desktop_q9sbb.tabs__paragraph-primary-medium_q9sbb .tabs__option_q9sbb, .tabs__desktop_q9sbb.tabs__accent-primary-large_q9sbb .tabs__option_q9sbb, .tabs__desktop_q9sbb.tabs__accent-primary-medium_q9sbb .tabs__option_q9sbb, .tabs__desktop_q9sbb.tabs__action-primary-large_q9sbb .tabs__option_q9sbb, .tabs__desktop_q9sbb.tabs__action-primary-medium_q9sbb .tabs__option_q9sbb {
         padding: 0;
-    } .tabs__desktop_od4ww.tabs__paragraph-primary-large_od4ww .tabs__scrollControls_od4ww > button, .tabs__desktop_od4ww.tabs__paragraph-primary-medium_od4ww .tabs__scrollControls_od4ww > button, .tabs__desktop_od4ww.tabs__accent-primary-large_od4ww .tabs__scrollControls_od4ww > button, .tabs__desktop_od4ww.tabs__accent-primary-medium_od4ww .tabs__scrollControls_od4ww > button, .tabs__desktop_od4ww.tabs__action-primary-large_od4ww .tabs__scrollControls_od4ww > button, .tabs__desktop_od4ww.tabs__action-primary-medium_od4ww .tabs__scrollControls_od4ww > button {
+    } .tabs__desktop_q9sbb.tabs__paragraph-primary-large_q9sbb .tabs__scrollControls_q9sbb > button, .tabs__desktop_q9sbb.tabs__paragraph-primary-medium_q9sbb .tabs__scrollControls_q9sbb > button, .tabs__desktop_q9sbb.tabs__accent-primary-large_q9sbb .tabs__scrollControls_q9sbb > button, .tabs__desktop_q9sbb.tabs__accent-primary-medium_q9sbb .tabs__scrollControls_q9sbb > button, .tabs__desktop_q9sbb.tabs__action-primary-large_q9sbb .tabs__scrollControls_q9sbb > button, .tabs__desktop_q9sbb.tabs__action-primary-medium_q9sbb .tabs__scrollControls_q9sbb > button {
             box-sizing: content-box;
             width: 24px;
             height: 24px;
             padding: 0;
-        } .tabs__desktop_od4ww.tabs__paragraph-primary-large_od4ww .tabs__scrollControls_od4ww button:first-child, .tabs__desktop_od4ww.tabs__paragraph-primary-medium_od4ww .tabs__scrollControls_od4ww button:first-child, .tabs__desktop_od4ww.tabs__accent-primary-large_od4ww .tabs__scrollControls_od4ww button:first-child, .tabs__desktop_od4ww.tabs__accent-primary-medium_od4ww .tabs__scrollControls_od4ww button:first-child, .tabs__desktop_od4ww.tabs__action-primary-large_od4ww .tabs__scrollControls_od4ww button:first-child, .tabs__desktop_od4ww.tabs__action-primary-medium_od4ww .tabs__scrollControls_od4ww button:first-child {
+        } .tabs__desktop_q9sbb.tabs__paragraph-primary-large_q9sbb .tabs__scrollControls_q9sbb button:first-child, .tabs__desktop_q9sbb.tabs__paragraph-primary-medium_q9sbb .tabs__scrollControls_q9sbb button:first-child, .tabs__desktop_q9sbb.tabs__accent-primary-large_q9sbb .tabs__scrollControls_q9sbb button:first-child, .tabs__desktop_q9sbb.tabs__accent-primary-medium_q9sbb .tabs__scrollControls_q9sbb button:first-child, .tabs__desktop_q9sbb.tabs__action-primary-large_q9sbb .tabs__scrollControls_q9sbb button:first-child, .tabs__desktop_q9sbb.tabs__action-primary-medium_q9sbb .tabs__scrollControls_q9sbb button:first-child {
             margin: 0 0 0 calc(24px / 2);
-        } .tabs__desktop_od4ww.tabs__paragraph-primary-small_od4ww .tabs__title_od4ww, .tabs__desktop_od4ww.tabs__accent-primary-small_od4ww .tabs__title_od4ww, .tabs__desktop_od4ww.tabs__action-primary-small_od4ww .tabs__title_od4ww {
+        } .tabs__desktop_q9sbb.tabs__paragraph-primary-small_q9sbb .tabs__title_q9sbb, .tabs__desktop_q9sbb.tabs__accent-primary-small_q9sbb .tabs__title_q9sbb, .tabs__desktop_q9sbb.tabs__action-primary-small_q9sbb .tabs__title_q9sbb {
         padding-bottom: calc(20px / 2);
-    } .tabs__desktop_od4ww.tabs__paragraph-primary-small_od4ww .tabs__title_od4ww + .tabs__title_od4ww,
-    .tabs__desktop_od4ww.tabs__paragraph-primary-small_od4ww .tabs__pickerWrapper_od4ww,
-    .tabs__desktop_od4ww.tabs__accent-primary-small_od4ww .tabs__title_od4ww + .tabs__title_od4ww,
-    .tabs__desktop_od4ww.tabs__accent-primary-small_od4ww .tabs__pickerWrapper_od4ww,
-    .tabs__desktop_od4ww.tabs__action-primary-small_od4ww .tabs__title_od4ww + .tabs__title_od4ww,
-    .tabs__desktop_od4ww.tabs__action-primary-small_od4ww .tabs__pickerWrapper_od4ww {
+    } .tabs__desktop_q9sbb.tabs__paragraph-primary-small_q9sbb .tabs__title_q9sbb + .tabs__title_q9sbb,
+    .tabs__desktop_q9sbb.tabs__paragraph-primary-small_q9sbb .tabs__pickerWrapper_q9sbb,
+    .tabs__desktop_q9sbb.tabs__accent-primary-small_q9sbb .tabs__title_q9sbb + .tabs__title_q9sbb,
+    .tabs__desktop_q9sbb.tabs__accent-primary-small_q9sbb .tabs__pickerWrapper_q9sbb,
+    .tabs__desktop_q9sbb.tabs__action-primary-small_q9sbb .tabs__title_q9sbb + .tabs__title_q9sbb,
+    .tabs__desktop_q9sbb.tabs__action-primary-small_q9sbb .tabs__pickerWrapper_q9sbb {
         margin-left: 20px;
-    } .tabs__desktop_od4ww.tabs__paragraph-primary-small_od4ww .tabs__option_od4ww, .tabs__desktop_od4ww.tabs__accent-primary-small_od4ww .tabs__option_od4ww, .tabs__desktop_od4ww.tabs__action-primary-small_od4ww .tabs__option_od4ww {
+    } .tabs__desktop_q9sbb.tabs__paragraph-primary-small_q9sbb .tabs__option_q9sbb, .tabs__desktop_q9sbb.tabs__accent-primary-small_q9sbb .tabs__option_q9sbb, .tabs__desktop_q9sbb.tabs__action-primary-small_q9sbb .tabs__option_q9sbb {
         padding: 0;
-    } .tabs__desktop_od4ww.tabs__paragraph-primary-small_od4ww .tabs__scrollControls_od4ww > button, .tabs__desktop_od4ww.tabs__accent-primary-small_od4ww .tabs__scrollControls_od4ww > button, .tabs__desktop_od4ww.tabs__action-primary-small_od4ww .tabs__scrollControls_od4ww > button {
+    } .tabs__desktop_q9sbb.tabs__paragraph-primary-small_q9sbb .tabs__scrollControls_q9sbb > button, .tabs__desktop_q9sbb.tabs__accent-primary-small_q9sbb .tabs__scrollControls_q9sbb > button, .tabs__desktop_q9sbb.tabs__action-primary-small_q9sbb .tabs__scrollControls_q9sbb > button {
             box-sizing: content-box;
             width: 20px;
             height: 20px;
             padding: 0;
-        } .tabs__desktop_od4ww.tabs__paragraph-primary-small_od4ww .tabs__scrollControls_od4ww button:first-child, .tabs__desktop_od4ww.tabs__accent-primary-small_od4ww .tabs__scrollControls_od4ww button:first-child, .tabs__desktop_od4ww.tabs__action-primary-small_od4ww .tabs__scrollControls_od4ww button:first-child {
+        } .tabs__desktop_q9sbb.tabs__paragraph-primary-small_q9sbb .tabs__scrollControls_q9sbb button:first-child, .tabs__desktop_q9sbb.tabs__accent-primary-small_q9sbb .tabs__scrollControls_q9sbb button:first-child, .tabs__desktop_q9sbb.tabs__action-primary-small_q9sbb .tabs__scrollControls_q9sbb button:first-child {
             margin: 0 0 0 calc(20px / 2);
-        } .tabs__desktop_od4ww.tabs__headline-system-xlarge_od4ww .tabs__title_od4ww {
+        } .tabs__desktop_q9sbb.tabs__headline-system-xlarge_q9sbb .tabs__title_q9sbb {
         font-size: 48px;
         line-height: 52px;
         font-weight: 700;
-    } .tabs__desktop_od4ww.tabs__headline-system-large_od4ww .tabs__title_od4ww {
+    } .tabs__desktop_q9sbb.tabs__headline-system-large_q9sbb .tabs__title_q9sbb {
         font-size: 40px;
         line-height: 48px;
         font-weight: 700;
-    } .tabs__desktop_od4ww.tabs__headline-system-medium_od4ww .tabs__title_od4ww {
+    } .tabs__desktop_q9sbb.tabs__headline-system-medium_q9sbb .tabs__title_q9sbb {
         font-size: 30px;
         line-height: 36px;
         font-weight: 700;
-    } .tabs__desktop_od4ww.tabs__headline-system-small_od4ww .tabs__title_od4ww {
+    } .tabs__desktop_q9sbb.tabs__headline-system-small_q9sbb .tabs__title_q9sbb {
         font-size: 22px;
         line-height: 26px;
         font-weight: 700;
-    } .tabs__desktop_od4ww.tabs__headline-system-xsmall_od4ww .tabs__title_od4ww {
+    } .tabs__desktop_q9sbb.tabs__headline-system-xsmall_q9sbb .tabs__title_q9sbb {
         font-size: 18px;
         line-height: 22px;
         font-weight: 700;
-    } .tabs__desktop_od4ww.tabs__headline-xlarge_od4ww .tabs__title_od4ww {
+    } .tabs__desktop_q9sbb.tabs__headline-xlarge_q9sbb .tabs__title_q9sbb {
         font-size: 48px;
         line-height: 64px;
         font-weight: 500;
         font-feature-settings: 'ss01';
         font-family: var(--font-family-styrene);
-    } .tabs__desktop_od4ww.tabs__headline-large_od4ww .tabs__title_od4ww {
+    } .tabs__desktop_q9sbb.tabs__headline-large_q9sbb .tabs__title_q9sbb {
         font-size: 40px;
         line-height: 48px;
         font-weight: 500;
         font-feature-settings: 'ss01';
         font-family: var(--font-family-styrene);
-    } .tabs__desktop_od4ww.tabs__headline-medium_od4ww .tabs__title_od4ww {
+    } .tabs__desktop_q9sbb.tabs__headline-medium_q9sbb .tabs__title_q9sbb {
         font-size: 32px;
         line-height: 40px;
         font-weight: 500;
         font-feature-settings: 'ss01';
         font-family: var(--font-family-styrene);
-    } .tabs__desktop_od4ww.tabs__headline-small_od4ww .tabs__title_od4ww {
+    } .tabs__desktop_q9sbb.tabs__headline-small_q9sbb .tabs__title_q9sbb {
         font-size: 24px;
         line-height: 32px;
         font-weight: 500;
         font-feature-settings: 'ss01';
         font-family: var(--font-family-styrene);
-    } .tabs__desktop_od4ww.tabs__headline-xsmall_od4ww .tabs__title_od4ww {
+    } .tabs__desktop_q9sbb.tabs__headline-xsmall_q9sbb .tabs__title_q9sbb {
         font-size: 20px;
         line-height: 24px;
         font-weight: 500;
         font-feature-settings: 'ss01';
         font-family: var(--font-family-styrene);
-    } .tabs__desktop_od4ww.tabs__headline-system-xlarge_od4ww .tabs__title_od4ww {
+    } .tabs__desktop_q9sbb.tabs__headline-system-xlarge_q9sbb .tabs__title_q9sbb {
         padding-bottom: calc(52px / 2);
-    } .tabs__desktop_od4ww.tabs__headline-system-xlarge_od4ww .tabs__title_od4ww + .tabs__title_od4ww,
-    .tabs__desktop_od4ww.tabs__headline-system-xlarge_od4ww .tabs__pickerWrapper_od4ww {
+    } .tabs__desktop_q9sbb.tabs__headline-system-xlarge_q9sbb .tabs__title_q9sbb + .tabs__title_q9sbb,
+    .tabs__desktop_q9sbb.tabs__headline-system-xlarge_q9sbb .tabs__pickerWrapper_q9sbb {
         margin-left: 52px;
-    } .tabs__desktop_od4ww.tabs__headline-system-xlarge_od4ww .tabs__option_od4ww {
+    } .tabs__desktop_q9sbb.tabs__headline-system-xlarge_q9sbb .tabs__option_q9sbb {
         padding: 0;
-    } .tabs__desktop_od4ww.tabs__headline-system-xlarge_od4ww .tabs__scrollControls_od4ww > button {
+    } .tabs__desktop_q9sbb.tabs__headline-system-xlarge_q9sbb .tabs__scrollControls_q9sbb > button {
             box-sizing: content-box;
             width: 52px;
             height: 52px;
             padding: 0;
-        } .tabs__desktop_od4ww.tabs__headline-system-xlarge_od4ww .tabs__scrollControls_od4ww button:first-child {
+        } .tabs__desktop_q9sbb.tabs__headline-system-xlarge_q9sbb .tabs__scrollControls_q9sbb button:first-child {
             margin: 0 0 0 calc(52px / 2);
-        } .tabs__desktop_od4ww.tabs__headline-system-large_od4ww .tabs__title_od4ww, .tabs__desktop_od4ww.tabs__headline-large_od4ww .tabs__title_od4ww {
+        } .tabs__desktop_q9sbb.tabs__headline-system-large_q9sbb .tabs__title_q9sbb, .tabs__desktop_q9sbb.tabs__headline-large_q9sbb .tabs__title_q9sbb {
         padding-bottom: calc(48px / 2);
-    } .tabs__desktop_od4ww.tabs__headline-system-large_od4ww .tabs__title_od4ww + .tabs__title_od4ww,
-    .tabs__desktop_od4ww.tabs__headline-system-large_od4ww .tabs__pickerWrapper_od4ww,
-    .tabs__desktop_od4ww.tabs__headline-large_od4ww .tabs__title_od4ww + .tabs__title_od4ww,
-    .tabs__desktop_od4ww.tabs__headline-large_od4ww .tabs__pickerWrapper_od4ww {
+    } .tabs__desktop_q9sbb.tabs__headline-system-large_q9sbb .tabs__title_q9sbb + .tabs__title_q9sbb,
+    .tabs__desktop_q9sbb.tabs__headline-system-large_q9sbb .tabs__pickerWrapper_q9sbb,
+    .tabs__desktop_q9sbb.tabs__headline-large_q9sbb .tabs__title_q9sbb + .tabs__title_q9sbb,
+    .tabs__desktop_q9sbb.tabs__headline-large_q9sbb .tabs__pickerWrapper_q9sbb {
         margin-left: 48px;
-    } .tabs__desktop_od4ww.tabs__headline-system-large_od4ww .tabs__option_od4ww, .tabs__desktop_od4ww.tabs__headline-large_od4ww .tabs__option_od4ww {
+    } .tabs__desktop_q9sbb.tabs__headline-system-large_q9sbb .tabs__option_q9sbb, .tabs__desktop_q9sbb.tabs__headline-large_q9sbb .tabs__option_q9sbb {
         padding: 0;
-    } .tabs__desktop_od4ww.tabs__headline-system-large_od4ww .tabs__scrollControls_od4ww > button, .tabs__desktop_od4ww.tabs__headline-large_od4ww .tabs__scrollControls_od4ww > button {
+    } .tabs__desktop_q9sbb.tabs__headline-system-large_q9sbb .tabs__scrollControls_q9sbb > button, .tabs__desktop_q9sbb.tabs__headline-large_q9sbb .tabs__scrollControls_q9sbb > button {
             box-sizing: content-box;
             width: 48px;
             height: 48px;
             padding: 0;
-        } .tabs__desktop_od4ww.tabs__headline-system-large_od4ww .tabs__scrollControls_od4ww button:first-child, .tabs__desktop_od4ww.tabs__headline-large_od4ww .tabs__scrollControls_od4ww button:first-child {
+        } .tabs__desktop_q9sbb.tabs__headline-system-large_q9sbb .tabs__scrollControls_q9sbb button:first-child, .tabs__desktop_q9sbb.tabs__headline-large_q9sbb .tabs__scrollControls_q9sbb button:first-child {
             margin: 0 0 0 calc(48px / 2);
-        } .tabs__desktop_od4ww.tabs__headline-system-medium_od4ww .tabs__title_od4ww {
+        } .tabs__desktop_q9sbb.tabs__headline-system-medium_q9sbb .tabs__title_q9sbb {
         padding-bottom: calc(36px / 2);
-    } .tabs__desktop_od4ww.tabs__headline-system-medium_od4ww .tabs__title_od4ww + .tabs__title_od4ww,
-    .tabs__desktop_od4ww.tabs__headline-system-medium_od4ww .tabs__pickerWrapper_od4ww {
+    } .tabs__desktop_q9sbb.tabs__headline-system-medium_q9sbb .tabs__title_q9sbb + .tabs__title_q9sbb,
+    .tabs__desktop_q9sbb.tabs__headline-system-medium_q9sbb .tabs__pickerWrapper_q9sbb {
         margin-left: 36px;
-    } .tabs__desktop_od4ww.tabs__headline-system-medium_od4ww .tabs__option_od4ww {
+    } .tabs__desktop_q9sbb.tabs__headline-system-medium_q9sbb .tabs__option_q9sbb {
         padding: 0;
-    } .tabs__desktop_od4ww.tabs__headline-system-medium_od4ww .tabs__scrollControls_od4ww > button {
+    } .tabs__desktop_q9sbb.tabs__headline-system-medium_q9sbb .tabs__scrollControls_q9sbb > button {
             box-sizing: content-box;
             width: 36px;
             height: 36px;
             padding: 0;
-        } .tabs__desktop_od4ww.tabs__headline-system-medium_od4ww .tabs__scrollControls_od4ww button:first-child {
+        } .tabs__desktop_q9sbb.tabs__headline-system-medium_q9sbb .tabs__scrollControls_q9sbb button:first-child {
             margin: 0 0 0 calc(36px / 2);
-        } .tabs__desktop_od4ww.tabs__headline-system-small_od4ww .tabs__title_od4ww {
+        } .tabs__desktop_q9sbb.tabs__headline-system-small_q9sbb .tabs__title_q9sbb {
         padding-bottom: calc(26px / 2);
-    } .tabs__desktop_od4ww.tabs__headline-system-small_od4ww .tabs__title_od4ww + .tabs__title_od4ww,
-    .tabs__desktop_od4ww.tabs__headline-system-small_od4ww .tabs__pickerWrapper_od4ww {
+    } .tabs__desktop_q9sbb.tabs__headline-system-small_q9sbb .tabs__title_q9sbb + .tabs__title_q9sbb,
+    .tabs__desktop_q9sbb.tabs__headline-system-small_q9sbb .tabs__pickerWrapper_q9sbb {
         margin-left: 26px;
-    } .tabs__desktop_od4ww.tabs__headline-system-small_od4ww .tabs__option_od4ww {
+    } .tabs__desktop_q9sbb.tabs__headline-system-small_q9sbb .tabs__option_q9sbb {
         padding: 0;
-    } .tabs__desktop_od4ww.tabs__headline-system-small_od4ww .tabs__scrollControls_od4ww > button {
+    } .tabs__desktop_q9sbb.tabs__headline-system-small_q9sbb .tabs__scrollControls_q9sbb > button {
             box-sizing: content-box;
             width: 26px;
             height: 26px;
             padding: 0;
-        } .tabs__desktop_od4ww.tabs__headline-system-small_od4ww .tabs__scrollControls_od4ww button:first-child {
+        } .tabs__desktop_q9sbb.tabs__headline-system-small_q9sbb .tabs__scrollControls_q9sbb button:first-child {
             margin: 0 0 0 calc(26px / 2);
-        } .tabs__desktop_od4ww.tabs__headline-system-xsmall_od4ww .tabs__title_od4ww {
+        } .tabs__desktop_q9sbb.tabs__headline-system-xsmall_q9sbb .tabs__title_q9sbb {
         padding-bottom: calc(22px / 2);
-    } .tabs__desktop_od4ww.tabs__headline-system-xsmall_od4ww .tabs__title_od4ww + .tabs__title_od4ww,
-    .tabs__desktop_od4ww.tabs__headline-system-xsmall_od4ww .tabs__pickerWrapper_od4ww {
+    } .tabs__desktop_q9sbb.tabs__headline-system-xsmall_q9sbb .tabs__title_q9sbb + .tabs__title_q9sbb,
+    .tabs__desktop_q9sbb.tabs__headline-system-xsmall_q9sbb .tabs__pickerWrapper_q9sbb {
         margin-left: 22px;
-    } .tabs__desktop_od4ww.tabs__headline-system-xsmall_od4ww .tabs__option_od4ww {
+    } .tabs__desktop_q9sbb.tabs__headline-system-xsmall_q9sbb .tabs__option_q9sbb {
         padding: 0;
-    } .tabs__desktop_od4ww.tabs__headline-system-xsmall_od4ww .tabs__scrollControls_od4ww > button {
+    } .tabs__desktop_q9sbb.tabs__headline-system-xsmall_q9sbb .tabs__scrollControls_q9sbb > button {
             box-sizing: content-box;
             width: 22px;
             height: 22px;
             padding: 0;
-        } .tabs__desktop_od4ww.tabs__headline-system-xsmall_od4ww .tabs__scrollControls_od4ww button:first-child {
+        } .tabs__desktop_q9sbb.tabs__headline-system-xsmall_q9sbb .tabs__scrollControls_q9sbb button:first-child {
             margin: 0 0 0 calc(22px / 2);
-        } .tabs__desktop_od4ww.tabs__headline-xlarge_od4ww .tabs__title_od4ww {
+        } .tabs__desktop_q9sbb.tabs__headline-xlarge_q9sbb .tabs__title_q9sbb {
         padding-bottom: calc(64px / 2);
-    } .tabs__desktop_od4ww.tabs__headline-xlarge_od4ww .tabs__title_od4ww + .tabs__title_od4ww,
-    .tabs__desktop_od4ww.tabs__headline-xlarge_od4ww .tabs__pickerWrapper_od4ww {
+    } .tabs__desktop_q9sbb.tabs__headline-xlarge_q9sbb .tabs__title_q9sbb + .tabs__title_q9sbb,
+    .tabs__desktop_q9sbb.tabs__headline-xlarge_q9sbb .tabs__pickerWrapper_q9sbb {
         margin-left: 64px;
-    } .tabs__desktop_od4ww.tabs__headline-xlarge_od4ww .tabs__option_od4ww {
+    } .tabs__desktop_q9sbb.tabs__headline-xlarge_q9sbb .tabs__option_q9sbb {
         padding: 0;
-    } .tabs__desktop_od4ww.tabs__headline-xlarge_od4ww .tabs__scrollControls_od4ww > button {
+    } .tabs__desktop_q9sbb.tabs__headline-xlarge_q9sbb .tabs__scrollControls_q9sbb > button {
             box-sizing: content-box;
             width: 64px;
             height: 64px;
             padding: 0;
-        } .tabs__desktop_od4ww.tabs__headline-xlarge_od4ww .tabs__scrollControls_od4ww button:first-child {
+        } .tabs__desktop_q9sbb.tabs__headline-xlarge_q9sbb .tabs__scrollControls_q9sbb button:first-child {
             margin: 0 0 0 calc(64px / 2);
-        } .tabs__desktop_od4ww.tabs__headline-medium_od4ww .tabs__title_od4ww {
+        } .tabs__desktop_q9sbb.tabs__headline-medium_q9sbb .tabs__title_q9sbb {
         padding-bottom: calc(40px / 2);
-    } .tabs__desktop_od4ww.tabs__headline-medium_od4ww .tabs__title_od4ww + .tabs__title_od4ww,
-    .tabs__desktop_od4ww.tabs__headline-medium_od4ww .tabs__pickerWrapper_od4ww {
+    } .tabs__desktop_q9sbb.tabs__headline-medium_q9sbb .tabs__title_q9sbb + .tabs__title_q9sbb,
+    .tabs__desktop_q9sbb.tabs__headline-medium_q9sbb .tabs__pickerWrapper_q9sbb {
         margin-left: 40px;
-    } .tabs__desktop_od4ww.tabs__headline-medium_od4ww .tabs__option_od4ww {
+    } .tabs__desktop_q9sbb.tabs__headline-medium_q9sbb .tabs__option_q9sbb {
         padding: 0;
-    } .tabs__desktop_od4ww.tabs__headline-medium_od4ww .tabs__scrollControls_od4ww > button {
+    } .tabs__desktop_q9sbb.tabs__headline-medium_q9sbb .tabs__scrollControls_q9sbb > button {
             box-sizing: content-box;
             width: 40px;
             height: 40px;
             padding: 0;
-        } .tabs__desktop_od4ww.tabs__headline-medium_od4ww .tabs__scrollControls_od4ww button:first-child {
+        } .tabs__desktop_q9sbb.tabs__headline-medium_q9sbb .tabs__scrollControls_q9sbb button:first-child {
             margin: 0 0 0 calc(40px / 2);
-        } .tabs__desktop_od4ww.tabs__headline-small_od4ww .tabs__title_od4ww {
+        } .tabs__desktop_q9sbb.tabs__headline-small_q9sbb .tabs__title_q9sbb {
         padding-bottom: calc(32px / 2);
-    } .tabs__desktop_od4ww.tabs__headline-small_od4ww .tabs__title_od4ww + .tabs__title_od4ww,
-    .tabs__desktop_od4ww.tabs__headline-small_od4ww .tabs__pickerWrapper_od4ww {
+    } .tabs__desktop_q9sbb.tabs__headline-small_q9sbb .tabs__title_q9sbb + .tabs__title_q9sbb,
+    .tabs__desktop_q9sbb.tabs__headline-small_q9sbb .tabs__pickerWrapper_q9sbb {
         margin-left: 32px;
-    } .tabs__desktop_od4ww.tabs__headline-small_od4ww .tabs__option_od4ww {
+    } .tabs__desktop_q9sbb.tabs__headline-small_q9sbb .tabs__option_q9sbb {
         padding: 0;
-    } .tabs__desktop_od4ww.tabs__headline-small_od4ww .tabs__scrollControls_od4ww > button {
+    } .tabs__desktop_q9sbb.tabs__headline-small_q9sbb .tabs__scrollControls_q9sbb > button {
             box-sizing: content-box;
             width: 32px;
             height: 32px;
             padding: 0;
-        } .tabs__desktop_od4ww.tabs__headline-small_od4ww .tabs__scrollControls_od4ww button:first-child {
+        } .tabs__desktop_q9sbb.tabs__headline-small_q9sbb .tabs__scrollControls_q9sbb button:first-child {
             margin: 0 0 0 calc(32px / 2);
-        } .tabs__desktop_od4ww.tabs__headline-xsmall_od4ww .tabs__title_od4ww {
+        } .tabs__desktop_q9sbb.tabs__headline-xsmall_q9sbb .tabs__title_q9sbb {
         padding-bottom: calc(24px / 2);
-    } .tabs__desktop_od4ww.tabs__headline-xsmall_od4ww .tabs__title_od4ww + .tabs__title_od4ww,
-    .tabs__desktop_od4ww.tabs__headline-xsmall_od4ww .tabs__pickerWrapper_od4ww {
+    } .tabs__desktop_q9sbb.tabs__headline-xsmall_q9sbb .tabs__title_q9sbb + .tabs__title_q9sbb,
+    .tabs__desktop_q9sbb.tabs__headline-xsmall_q9sbb .tabs__pickerWrapper_q9sbb {
         margin-left: 24px;
-    } .tabs__desktop_od4ww.tabs__headline-xsmall_od4ww .tabs__option_od4ww {
+    } .tabs__desktop_q9sbb.tabs__headline-xsmall_q9sbb .tabs__option_q9sbb {
         padding: 0;
-    } .tabs__desktop_od4ww.tabs__headline-xsmall_od4ww .tabs__scrollControls_od4ww > button {
+    } .tabs__desktop_q9sbb.tabs__headline-xsmall_q9sbb .tabs__scrollControls_q9sbb > button {
             box-sizing: content-box;
             width: 24px;
             height: 24px;
             padding: 0;
-        } .tabs__desktop_od4ww.tabs__headline-xsmall_od4ww .tabs__scrollControls_od4ww button:first-child {
+        } .tabs__desktop_q9sbb.tabs__headline-xsmall_q9sbb .tabs__scrollControls_q9sbb button:first-child {
             margin: 0 0 0 calc(24px / 2);
-        } .tabs__fullWidthScroll_od4ww {
+        } .tabs__fullWidthScroll_q9sbb {
     min-width: calc(100% - 2 * var(--gap-m));
     margin: 0 var(--gap-m);
-} .tabs__container_od4ww {
+} .tabs__container_q9sbb {
     position: relative;
     overflow: hidden;
 
     /* focus-outline fix */
     margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
     padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
-} .tabs__title_od4ww {
+} .tabs__title_q9sbb {
     display: flex;
     align-items: center;
     height: 100%;
@@ -379,82 +379,82 @@
     -webkit-user-select: none;
             user-select: none;
     outline: none
-} .tabs__title_od4ww:not(.tabs__disabled_od4ww):hover {
+} .tabs__title_q9sbb:not(.tabs__disabled_q9sbb):hover {
         color: var(--primary-tablist-hover-color);
-    } .tabs__focused_od4ww {
+    } .tabs__focused_q9sbb {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .tabs__collapsed_od4ww {
+} .tabs__collapsed_q9sbb {
     order: 99;
     visibility: collapse;
-} .tabs__selected_od4ww {
+} .tabs__selected_q9sbb {
     cursor: default;
     color: var(--primary-tablist-selected-color);
-} .tabs__disabled_od4ww {
+} .tabs__disabled_q9sbb {
     cursor: var(--disabled-cursor);
     color: var(--primary-tablist-disabled-color);
-} .tabs__line_od4ww {
+} .tabs__line_q9sbb {
     position: absolute;
     height: 3px;
     bottom: 0;
     left: 0;
     background-color: var(--primary-tablist-line-color);
     transition: transform 0.2s ease, width 0.2s ease;
-} .tabs__option_od4ww {
+} .tabs__option_q9sbb {
     color: var(--color-light-text-primary);
-} /* sizes */ .tabs__s_od4ww .tabs__title_od4ww, .tabs__xs_od4ww .tabs__title_od4ww, .tabs__xxs_od4ww .tabs__title_od4ww {
+} /* sizes */ .tabs__s_q9sbb .tabs__title_q9sbb, .tabs__xs_q9sbb .tabs__title_q9sbb, .tabs__xxs_q9sbb .tabs__title_q9sbb {
         padding: var(--primary-tablist-s-padding);
         font-size: var(--primary-tablist-s-font-size);
         font-weight: var(--primary-tablist-s-font-weight);
         font-family: var(--primary-tablist-s-font-family);
         line-height: 24px;
-    } .tabs__s_od4ww .tabs__title_od4ww + .tabs__title_od4ww, .tabs__xs_od4ww .tabs__title_od4ww + .tabs__title_od4ww, .tabs__xxs_od4ww .tabs__title_od4ww + .tabs__title_od4ww {
+    } .tabs__s_q9sbb .tabs__title_q9sbb + .tabs__title_q9sbb, .tabs__xs_q9sbb .tabs__title_q9sbb + .tabs__title_q9sbb, .tabs__xxs_q9sbb .tabs__title_q9sbb + .tabs__title_q9sbb {
         margin-left: var(--primary-tablist-s-gaps);
-    } .tabs__s_od4ww .tabs__pickerWrapper_od4ww, .tabs__xs_od4ww .tabs__pickerWrapper_od4ww, .tabs__xxs_od4ww .tabs__pickerWrapper_od4ww {
+    } .tabs__s_q9sbb .tabs__pickerWrapper_q9sbb, .tabs__xs_q9sbb .tabs__pickerWrapper_q9sbb, .tabs__xxs_q9sbb .tabs__pickerWrapper_q9sbb {
         margin-left: var(--primary-tablist-s-gaps);
-    } .tabs__s_od4ww .tabs__option_od4ww, .tabs__xs_od4ww .tabs__option_od4ww, .tabs__xxs_od4ww .tabs__option_od4ww {
+    } .tabs__s_q9sbb .tabs__option_q9sbb, .tabs__xs_q9sbb .tabs__option_q9sbb, .tabs__xxs_q9sbb .tabs__option_q9sbb {
         padding: 0;
-    } .tabs__m_od4ww .tabs__title_od4ww {
+    } .tabs__m_q9sbb .tabs__title_q9sbb {
         padding: var(--primary-tablist-m-padding);
         font-size: var(--primary-tablist-m-font-size);
         font-weight: var(--primary-tablist-m-font-weight);
         font-family: var(--primary-tablist-m-font-family);
         line-height: 24px;
-    } .tabs__m_od4ww .tabs__title_od4ww + .tabs__title_od4ww {
+    } .tabs__m_q9sbb .tabs__title_q9sbb + .tabs__title_q9sbb {
         margin-left: var(--primary-tablist-m-gaps);
-    } .tabs__m_od4ww .tabs__pickerWrapper_od4ww {
+    } .tabs__m_q9sbb .tabs__pickerWrapper_q9sbb {
         margin-left: var(--primary-tablist-m-gaps);
-    } .tabs__m_od4ww .tabs__option_od4ww {
+    } .tabs__m_q9sbb .tabs__option_q9sbb {
         padding: 0;
-    } .tabs__l_od4ww .tabs__title_od4ww {
+    } .tabs__l_q9sbb .tabs__title_q9sbb {
         padding: var(--primary-tablist-l-padding);
         font-size: var(--primary-tablist-l-font-size);
         font-weight: var(--primary-tablist-l-font-weight);
         font-family: var(--primary-tablist-l-font-family);
         line-height: 24px;
-    } .tabs__l_od4ww .tabs__title_od4ww + .tabs__title_od4ww {
+    } .tabs__l_q9sbb .tabs__title_q9sbb + .tabs__title_q9sbb {
         margin-left: var(--primary-tablist-l-gaps);
-    } .tabs__l_od4ww .tabs__pickerWrapper_od4ww {
+    } .tabs__l_q9sbb .tabs__pickerWrapper_q9sbb {
         margin-left: var(--primary-tablist-l-gaps);
-    } .tabs__l_od4ww .tabs__option_od4ww {
+    } .tabs__l_q9sbb .tabs__option_q9sbb {
         padding: 0;
-    } .tabs__xl_od4ww .tabs__title_od4ww {
+    } .tabs__xl_q9sbb .tabs__title_q9sbb {
         padding: var(--primary-tablist-xl-padding);
         font-size: var(--primary-tablist-xl-font-size);
         font-weight: var(--primary-tablist-xl-font-weight);
         font-family: var(--primary-tablist-xl-font-family);
         line-height: 32px;
-    } .tabs__xl_od4ww .tabs__title_od4ww + .tabs__title_od4ww {
+    } .tabs__xl_q9sbb .tabs__title_q9sbb + .tabs__title_q9sbb {
         margin-left: var(--primary-tablist-xl-gaps);
-    } .tabs__xl_od4ww .tabs__pickerWrapper_od4ww {
+    } .tabs__xl_q9sbb .tabs__pickerWrapper_q9sbb {
         margin-left: var(--primary-tablist-xl-gaps);
-    } .tabs__xl_od4ww .tabs__option_od4ww {
+    } .tabs__xl_q9sbb .tabs__option_q9sbb {
         padding: 0;
-    } .tabs__rightAddons_od4ww {
+    } .tabs__rightAddons_q9sbb {
     display: flex;
     justify-content: center;
     align-items: center;
     margin-left: var(--gap-xs);
-} .tabs__rightAddonsMarginZero_od4ww {
+} .tabs__rightAddonsMarginZero_q9sbb {
     margin-left: 0;
 }