@alfalab/core-components 48.29.1 → 48.30.0

package/tabs/components/primary-tablist/mobile.css

@@ -108,11 +108,13 @@
     /* size l */
 
     /* size xl */
-}.tabs__component_16m4w {
+
+    /* default transparent gaps */
+}.tabs__component_1qwix {
     position: relative;
     display: inline-flex;
     min-width: 100%
-}.tabs__component_16m4w:before {
+}.tabs__component_1qwix:before {
         content: '';
         display: block;
         position: absolute;
@@ -120,273 +122,273 @@
         height: 1px;
         width: 100%;
         background-color: var(--primary-tablist-bottom-border-color);
-    }.tabs__desktop_16m4w.paragraph-primary-large .title {
+    }.tabs__desktop_1qwix.paragraph-primary-large .title {
         font-size: 18px;
         line-height: 24px;
         font-weight: 400;
-    }.tabs__desktop_16m4w.paragraph-primary-medium .title {
+    }.tabs__desktop_1qwix.paragraph-primary-medium .title {
         font-size: 16px;
         line-height: 24px;
         font-weight: 400;
-    }.tabs__desktop_16m4w.paragraph-primary-small .title {
+    }.tabs__desktop_1qwix.paragraph-primary-small .title {
         font-size: 14px;
         line-height: 20px;
         font-weight: 400;
-    }.tabs__desktop_16m4w.action-primary-large .title {
+    }.tabs__desktop_1qwix.action-primary-large .title {
         font-size: 18px;
         line-height: 24px;
         font-weight: 500;
-    }.tabs__desktop_16m4w.action-primary-medium .title {
+    }.tabs__desktop_1qwix.action-primary-medium .title {
         font-size: 16px;
         line-height: 24px;
         font-weight: 500;
-    }.tabs__desktop_16m4w.action-primary-small .title {
+    }.tabs__desktop_1qwix.action-primary-small .title {
         font-size: 14px;
         line-height: 20px;
         font-weight: 500;
-    }.tabs__desktop_16m4w.accent-primary-large .title {
+    }.tabs__desktop_1qwix.accent-primary-large .title {
         font-size: 18px;
         line-height: 24px;
         font-weight: 700;
-    }.tabs__desktop_16m4w.accent-primary-medium .title {
+    }.tabs__desktop_1qwix.accent-primary-medium .title {
         font-size: 16px;
         line-height: 24px;
         font-weight: 700;
-    }.tabs__desktop_16m4w.accent-primary-small .title {
+    }.tabs__desktop_1qwix.accent-primary-small .title {
         font-size: 14px;
         line-height: 20px;
         font-weight: 700;
-    }.tabs__desktop_16m4w.paragraph-primary-large .title, .tabs__desktop_16m4w.paragraph-primary-medium .title, .tabs__desktop_16m4w.accent-primary-large .title, .tabs__desktop_16m4w.accent-primary-medium .title, .tabs__desktop_16m4w.action-primary-large .title, .tabs__desktop_16m4w.action-primary-medium .title {
+    }.tabs__desktop_1qwix.paragraph-primary-large .title, .tabs__desktop_1qwix.paragraph-primary-medium .title, .tabs__desktop_1qwix.accent-primary-large .title, .tabs__desktop_1qwix.accent-primary-medium .title, .tabs__desktop_1qwix.action-primary-large .title, .tabs__desktop_1qwix.action-primary-medium .title {
         padding-bottom: calc(24px / 2);
-    }.tabs__desktop_16m4w.paragraph-primary-large .title + .title,
-    .tabs__desktop_16m4w.paragraph-primary-large .pickerWrapper,
-    .tabs__desktop_16m4w.paragraph-primary-medium .title + .title,
-    .tabs__desktop_16m4w.paragraph-primary-medium .pickerWrapper,
-    .tabs__desktop_16m4w.accent-primary-large .title + .title,
-    .tabs__desktop_16m4w.accent-primary-large .pickerWrapper,
-    .tabs__desktop_16m4w.accent-primary-medium .title + .title,
-    .tabs__desktop_16m4w.accent-primary-medium .pickerWrapper,
-    .tabs__desktop_16m4w.action-primary-large .title + .title,
-    .tabs__desktop_16m4w.action-primary-large .pickerWrapper,
-    .tabs__desktop_16m4w.action-primary-medium .title + .title,
-    .tabs__desktop_16m4w.action-primary-medium .pickerWrapper {
+    }.tabs__desktop_1qwix.paragraph-primary-large .title + .title,
+    .tabs__desktop_1qwix.paragraph-primary-large .pickerWrapper,
+    .tabs__desktop_1qwix.paragraph-primary-medium .title + .title,
+    .tabs__desktop_1qwix.paragraph-primary-medium .pickerWrapper,
+    .tabs__desktop_1qwix.accent-primary-large .title + .title,
+    .tabs__desktop_1qwix.accent-primary-large .pickerWrapper,
+    .tabs__desktop_1qwix.accent-primary-medium .title + .title,
+    .tabs__desktop_1qwix.accent-primary-medium .pickerWrapper,
+    .tabs__desktop_1qwix.action-primary-large .title + .title,
+    .tabs__desktop_1qwix.action-primary-large .pickerWrapper,
+    .tabs__desktop_1qwix.action-primary-medium .title + .title,
+    .tabs__desktop_1qwix.action-primary-medium .pickerWrapper {
         margin-left: 24px;
-    }.tabs__desktop_16m4w.paragraph-primary-large .option, .tabs__desktop_16m4w.paragraph-primary-medium .option, .tabs__desktop_16m4w.accent-primary-large .option, .tabs__desktop_16m4w.accent-primary-medium .option, .tabs__desktop_16m4w.action-primary-large .option, .tabs__desktop_16m4w.action-primary-medium .option {
+    }.tabs__desktop_1qwix.paragraph-primary-large .option, .tabs__desktop_1qwix.paragraph-primary-medium .option, .tabs__desktop_1qwix.accent-primary-large .option, .tabs__desktop_1qwix.accent-primary-medium .option, .tabs__desktop_1qwix.action-primary-large .option, .tabs__desktop_1qwix.action-primary-medium .option {
         padding: var(--gap-0);
-    }.tabs__desktop_16m4w.paragraph-primary-large .scrollControls > button, .tabs__desktop_16m4w.paragraph-primary-medium .scrollControls > button, .tabs__desktop_16m4w.accent-primary-large .scrollControls > button, .tabs__desktop_16m4w.accent-primary-medium .scrollControls > button, .tabs__desktop_16m4w.action-primary-large .scrollControls > button, .tabs__desktop_16m4w.action-primary-medium .scrollControls > button {
+    }.tabs__desktop_1qwix.paragraph-primary-large .scrollControls > button, .tabs__desktop_1qwix.paragraph-primary-medium .scrollControls > button, .tabs__desktop_1qwix.accent-primary-large .scrollControls > button, .tabs__desktop_1qwix.accent-primary-medium .scrollControls > button, .tabs__desktop_1qwix.action-primary-large .scrollControls > button, .tabs__desktop_1qwix.action-primary-medium .scrollControls > button {
             box-sizing: content-box;
             width: 24px;
             height: 24px;
             padding: var(--gap-0);
-        }.tabs__desktop_16m4w.paragraph-primary-large .scrollControls button:first-child, .tabs__desktop_16m4w.paragraph-primary-medium .scrollControls button:first-child, .tabs__desktop_16m4w.accent-primary-large .scrollControls button:first-child, .tabs__desktop_16m4w.accent-primary-medium .scrollControls button:first-child, .tabs__desktop_16m4w.action-primary-large .scrollControls button:first-child, .tabs__desktop_16m4w.action-primary-medium .scrollControls button:first-child {
+        }.tabs__desktop_1qwix.paragraph-primary-large .scrollControls button:first-child, .tabs__desktop_1qwix.paragraph-primary-medium .scrollControls button:first-child, .tabs__desktop_1qwix.accent-primary-large .scrollControls button:first-child, .tabs__desktop_1qwix.accent-primary-medium .scrollControls button:first-child, .tabs__desktop_1qwix.action-primary-large .scrollControls button:first-child, .tabs__desktop_1qwix.action-primary-medium .scrollControls button:first-child {
             margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
-        }.tabs__desktop_16m4w.paragraph-primary-small .title, .tabs__desktop_16m4w.accent-primary-small .title, .tabs__desktop_16m4w.action-primary-small .title {
+        }.tabs__desktop_1qwix.paragraph-primary-small .title, .tabs__desktop_1qwix.accent-primary-small .title, .tabs__desktop_1qwix.action-primary-small .title {
         padding-bottom: calc(20px / 2);
-    }.tabs__desktop_16m4w.paragraph-primary-small .title + .title,
-    .tabs__desktop_16m4w.paragraph-primary-small .pickerWrapper,
-    .tabs__desktop_16m4w.accent-primary-small .title + .title,
-    .tabs__desktop_16m4w.accent-primary-small .pickerWrapper,
-    .tabs__desktop_16m4w.action-primary-small .title + .title,
-    .tabs__desktop_16m4w.action-primary-small .pickerWrapper {
+    }.tabs__desktop_1qwix.paragraph-primary-small .title + .title,
+    .tabs__desktop_1qwix.paragraph-primary-small .pickerWrapper,
+    .tabs__desktop_1qwix.accent-primary-small .title + .title,
+    .tabs__desktop_1qwix.accent-primary-small .pickerWrapper,
+    .tabs__desktop_1qwix.action-primary-small .title + .title,
+    .tabs__desktop_1qwix.action-primary-small .pickerWrapper {
         margin-left: 20px;
-    }.tabs__desktop_16m4w.paragraph-primary-small .option, .tabs__desktop_16m4w.accent-primary-small .option, .tabs__desktop_16m4w.action-primary-small .option {
+    }.tabs__desktop_1qwix.paragraph-primary-small .option, .tabs__desktop_1qwix.accent-primary-small .option, .tabs__desktop_1qwix.action-primary-small .option {
         padding: var(--gap-0);
-    }.tabs__desktop_16m4w.paragraph-primary-small .scrollControls > button, .tabs__desktop_16m4w.accent-primary-small .scrollControls > button, .tabs__desktop_16m4w.action-primary-small .scrollControls > button {
+    }.tabs__desktop_1qwix.paragraph-primary-small .scrollControls > button, .tabs__desktop_1qwix.accent-primary-small .scrollControls > button, .tabs__desktop_1qwix.action-primary-small .scrollControls > button {
             box-sizing: content-box;
             width: 20px;
             height: 20px;
             padding: var(--gap-0);
-        }.tabs__desktop_16m4w.paragraph-primary-small .scrollControls button:first-child, .tabs__desktop_16m4w.accent-primary-small .scrollControls button:first-child, .tabs__desktop_16m4w.action-primary-small .scrollControls button:first-child {
+        }.tabs__desktop_1qwix.paragraph-primary-small .scrollControls button:first-child, .tabs__desktop_1qwix.accent-primary-small .scrollControls button:first-child, .tabs__desktop_1qwix.action-primary-small .scrollControls button:first-child {
             margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(20px / 2);
-        }.tabs__desktop_16m4w.headline-system-xlarge .title {
+        }.tabs__desktop_1qwix.headline-system-xlarge .title {
         font-size: 48px;
         line-height: 52px;
         font-weight: 700;
-    }.tabs__desktop_16m4w.headline-system-large .title {
+    }.tabs__desktop_1qwix.headline-system-large .title {
         font-size: 40px;
         line-height: 48px;
         font-weight: 700;
-    }.tabs__desktop_16m4w.headline-system-medium .title {
+    }.tabs__desktop_1qwix.headline-system-medium .title {
         font-size: 30px;
         line-height: 36px;
         font-weight: 700;
-    }.tabs__desktop_16m4w.headline-system-small .title {
+    }.tabs__desktop_1qwix.headline-system-small .title {
         font-size: 22px;
         line-height: 26px;
         font-weight: 700;
-    }.tabs__desktop_16m4w.headline-system-xsmall .title {
+    }.tabs__desktop_1qwix.headline-system-xsmall .title {
         font-size: 18px;
         line-height: 22px;
         font-weight: 700;
-    }.tabs__desktop_16m4w.headline-xlarge .title {
+    }.tabs__desktop_1qwix.headline-xlarge .title {
         font-size: 48px;
         line-height: 64px;
         font-weight: 500;
         font-feature-settings: 'ss01';
         font-family: var(--font-family-styrene);
-    }.tabs__desktop_16m4w.headline-large .title {
+    }.tabs__desktop_1qwix.headline-large .title {
         font-size: 40px;
         line-height: 48px;
         font-weight: 500;
         font-feature-settings: 'ss01';
         font-family: var(--font-family-styrene);
-    }.tabs__desktop_16m4w.headline-medium .title {
+    }.tabs__desktop_1qwix.headline-medium .title {
         font-size: 32px;
         line-height: 40px;
         font-weight: 500;
         font-feature-settings: 'ss01';
         font-family: var(--font-family-styrene);
-    }.tabs__desktop_16m4w.headline-small .title {
+    }.tabs__desktop_1qwix.headline-small .title {
         font-size: 24px;
         line-height: 32px;
         font-weight: 500;
         font-feature-settings: 'ss01';
         font-family: var(--font-family-styrene);
-    }.tabs__desktop_16m4w.headline-xsmall .title {
+    }.tabs__desktop_1qwix.headline-xsmall .title {
         font-size: 20px;
         line-height: 24px;
         font-weight: 500;
         font-feature-settings: 'ss01';
         font-family: var(--font-family-styrene);
-    }.tabs__desktop_16m4w.headline-system-xlarge .title {
+    }.tabs__desktop_1qwix.headline-system-xlarge .title {
         padding-bottom: calc(52px / 2);
-    }.tabs__desktop_16m4w.headline-system-xlarge .title + .title,
-    .tabs__desktop_16m4w.headline-system-xlarge .pickerWrapper {
+    }.tabs__desktop_1qwix.headline-system-xlarge .title + .title,
+    .tabs__desktop_1qwix.headline-system-xlarge .pickerWrapper {
         margin-left: 52px;
-    }.tabs__desktop_16m4w.headline-system-xlarge .option {
+    }.tabs__desktop_1qwix.headline-system-xlarge .option {
         padding: var(--gap-0);
-    }.tabs__desktop_16m4w.headline-system-xlarge .scrollControls > button {
+    }.tabs__desktop_1qwix.headline-system-xlarge .scrollControls > button {
             box-sizing: content-box;
             width: 52px;
             height: 52px;
             padding: var(--gap-0);
-        }.tabs__desktop_16m4w.headline-system-xlarge .scrollControls button:first-child {
+        }.tabs__desktop_1qwix.headline-system-xlarge .scrollControls button:first-child {
             margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(52px / 2);
-        }.tabs__desktop_16m4w.headline-system-large .title, .tabs__desktop_16m4w.headline-large .title {
+        }.tabs__desktop_1qwix.headline-system-large .title, .tabs__desktop_1qwix.headline-large .title {
         padding-bottom: calc(48px / 2);
-    }.tabs__desktop_16m4w.headline-system-large .title + .title,
-    .tabs__desktop_16m4w.headline-system-large .pickerWrapper,
-    .tabs__desktop_16m4w.headline-large .title + .title,
-    .tabs__desktop_16m4w.headline-large .pickerWrapper {
+    }.tabs__desktop_1qwix.headline-system-large .title + .title,
+    .tabs__desktop_1qwix.headline-system-large .pickerWrapper,
+    .tabs__desktop_1qwix.headline-large .title + .title,
+    .tabs__desktop_1qwix.headline-large .pickerWrapper {
         margin-left: 48px;
-    }.tabs__desktop_16m4w.headline-system-large .option, .tabs__desktop_16m4w.headline-large .option {
+    }.tabs__desktop_1qwix.headline-system-large .option, .tabs__desktop_1qwix.headline-large .option {
         padding: var(--gap-0);
-    }.tabs__desktop_16m4w.headline-system-large .scrollControls > button, .tabs__desktop_16m4w.headline-large .scrollControls > button {
+    }.tabs__desktop_1qwix.headline-system-large .scrollControls > button, .tabs__desktop_1qwix.headline-large .scrollControls > button {
             box-sizing: content-box;
             width: 48px;
             height: 48px;
             padding: var(--gap-0);
-        }.tabs__desktop_16m4w.headline-system-large .scrollControls button:first-child, .tabs__desktop_16m4w.headline-large .scrollControls button:first-child {
+        }.tabs__desktop_1qwix.headline-system-large .scrollControls button:first-child, .tabs__desktop_1qwix.headline-large .scrollControls button:first-child {
             margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(48px / 2);
-        }.tabs__desktop_16m4w.headline-system-medium .title {
+        }.tabs__desktop_1qwix.headline-system-medium .title {
         padding-bottom: calc(36px / 2);
-    }.tabs__desktop_16m4w.headline-system-medium .title + .title,
-    .tabs__desktop_16m4w.headline-system-medium .pickerWrapper {
+    }.tabs__desktop_1qwix.headline-system-medium .title + .title,
+    .tabs__desktop_1qwix.headline-system-medium .pickerWrapper {
         margin-left: 36px;
-    }.tabs__desktop_16m4w.headline-system-medium .option {
+    }.tabs__desktop_1qwix.headline-system-medium .option {
         padding: var(--gap-0);
-    }.tabs__desktop_16m4w.headline-system-medium .scrollControls > button {
+    }.tabs__desktop_1qwix.headline-system-medium .scrollControls > button {
             box-sizing: content-box;
             width: 36px;
             height: 36px;
             padding: var(--gap-0);
-        }.tabs__desktop_16m4w.headline-system-medium .scrollControls button:first-child {
+        }.tabs__desktop_1qwix.headline-system-medium .scrollControls button:first-child {
             margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(36px / 2);
-        }.tabs__desktop_16m4w.headline-system-small .title {
+        }.tabs__desktop_1qwix.headline-system-small .title {
         padding-bottom: calc(26px / 2);
-    }.tabs__desktop_16m4w.headline-system-small .title + .title,
-    .tabs__desktop_16m4w.headline-system-small .pickerWrapper {
+    }.tabs__desktop_1qwix.headline-system-small .title + .title,
+    .tabs__desktop_1qwix.headline-system-small .pickerWrapper {
         margin-left: 26px;
-    }.tabs__desktop_16m4w.headline-system-small .option {
+    }.tabs__desktop_1qwix.headline-system-small .option {
         padding: var(--gap-0);
-    }.tabs__desktop_16m4w.headline-system-small .scrollControls > button {
+    }.tabs__desktop_1qwix.headline-system-small .scrollControls > button {
             box-sizing: content-box;
             width: 26px;
             height: 26px;
             padding: var(--gap-0);
-        }.tabs__desktop_16m4w.headline-system-small .scrollControls button:first-child {
+        }.tabs__desktop_1qwix.headline-system-small .scrollControls button:first-child {
             margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(26px / 2);
-        }.tabs__desktop_16m4w.headline-system-xsmall .title {
+        }.tabs__desktop_1qwix.headline-system-xsmall .title {
         padding-bottom: calc(22px / 2);
-    }.tabs__desktop_16m4w.headline-system-xsmall .title + .title,
-    .tabs__desktop_16m4w.headline-system-xsmall .pickerWrapper {
+    }.tabs__desktop_1qwix.headline-system-xsmall .title + .title,
+    .tabs__desktop_1qwix.headline-system-xsmall .pickerWrapper {
         margin-left: 22px;
-    }.tabs__desktop_16m4w.headline-system-xsmall .option {
+    }.tabs__desktop_1qwix.headline-system-xsmall .option {
         padding: var(--gap-0);
-    }.tabs__desktop_16m4w.headline-system-xsmall .scrollControls > button {
+    }.tabs__desktop_1qwix.headline-system-xsmall .scrollControls > button {
             box-sizing: content-box;
             width: 22px;
             height: 22px;
             padding: var(--gap-0);
-        }.tabs__desktop_16m4w.headline-system-xsmall .scrollControls button:first-child {
+        }.tabs__desktop_1qwix.headline-system-xsmall .scrollControls button:first-child {
             margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(22px / 2);
-        }.tabs__desktop_16m4w.headline-xlarge .title {
+        }.tabs__desktop_1qwix.headline-xlarge .title {
         padding-bottom: calc(64px / 2);
-    }.tabs__desktop_16m4w.headline-xlarge .title + .title,
-    .tabs__desktop_16m4w.headline-xlarge .pickerWrapper {
+    }.tabs__desktop_1qwix.headline-xlarge .title + .title,
+    .tabs__desktop_1qwix.headline-xlarge .pickerWrapper {
         margin-left: 64px;
-    }.tabs__desktop_16m4w.headline-xlarge .option {
+    }.tabs__desktop_1qwix.headline-xlarge .option {
         padding: var(--gap-0);
-    }.tabs__desktop_16m4w.headline-xlarge .scrollControls > button {
+    }.tabs__desktop_1qwix.headline-xlarge .scrollControls > button {
             box-sizing: content-box;
             width: 64px;
             height: 64px;
             padding: var(--gap-0);
-        }.tabs__desktop_16m4w.headline-xlarge .scrollControls button:first-child {
+        }.tabs__desktop_1qwix.headline-xlarge .scrollControls button:first-child {
             margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(64px / 2);
-        }.tabs__desktop_16m4w.headline-medium .title {
+        }.tabs__desktop_1qwix.headline-medium .title {
         padding-bottom: calc(40px / 2);
-    }.tabs__desktop_16m4w.headline-medium .title + .title,
-    .tabs__desktop_16m4w.headline-medium .pickerWrapper {
+    }.tabs__desktop_1qwix.headline-medium .title + .title,
+    .tabs__desktop_1qwix.headline-medium .pickerWrapper {
         margin-left: 40px;
-    }.tabs__desktop_16m4w.headline-medium .option {
+    }.tabs__desktop_1qwix.headline-medium .option {
         padding: var(--gap-0);
-    }.tabs__desktop_16m4w.headline-medium .scrollControls > button {
+    }.tabs__desktop_1qwix.headline-medium .scrollControls > button {
             box-sizing: content-box;
             width: 40px;
             height: 40px;
             padding: var(--gap-0);
-        }.tabs__desktop_16m4w.headline-medium .scrollControls button:first-child {
+        }.tabs__desktop_1qwix.headline-medium .scrollControls button:first-child {
             margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(40px / 2);
-        }.tabs__desktop_16m4w.headline-small .title {
+        }.tabs__desktop_1qwix.headline-small .title {
         padding-bottom: calc(32px / 2);
-    }.tabs__desktop_16m4w.headline-small .title + .title,
-    .tabs__desktop_16m4w.headline-small .pickerWrapper {
+    }.tabs__desktop_1qwix.headline-small .title + .title,
+    .tabs__desktop_1qwix.headline-small .pickerWrapper {
         margin-left: 32px;
-    }.tabs__desktop_16m4w.headline-small .option {
+    }.tabs__desktop_1qwix.headline-small .option {
         padding: var(--gap-0);
-    }.tabs__desktop_16m4w.headline-small .scrollControls > button {
+    }.tabs__desktop_1qwix.headline-small .scrollControls > button {
             box-sizing: content-box;
             width: 32px;
             height: 32px;
             padding: var(--gap-0);
-        }.tabs__desktop_16m4w.headline-small .scrollControls button:first-child {
+        }.tabs__desktop_1qwix.headline-small .scrollControls button:first-child {
             margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(32px / 2);
-        }.tabs__desktop_16m4w.headline-xsmall .title {
+        }.tabs__desktop_1qwix.headline-xsmall .title {
         padding-bottom: calc(24px / 2);
-    }.tabs__desktop_16m4w.headline-xsmall .title + .title,
-    .tabs__desktop_16m4w.headline-xsmall .pickerWrapper {
+    }.tabs__desktop_1qwix.headline-xsmall .title + .title,
+    .tabs__desktop_1qwix.headline-xsmall .pickerWrapper {
         margin-left: 24px;
-    }.tabs__desktop_16m4w.headline-xsmall .option {
+    }.tabs__desktop_1qwix.headline-xsmall .option {
         padding: var(--gap-0);
-    }.tabs__desktop_16m4w.headline-xsmall .scrollControls > button {
+    }.tabs__desktop_1qwix.headline-xsmall .scrollControls > button {
             box-sizing: content-box;
             width: 24px;
             height: 24px;
             padding: var(--gap-0);
-        }.tabs__desktop_16m4w.headline-xsmall .scrollControls button:first-child {
+        }.tabs__desktop_1qwix.headline-xsmall .scrollControls button:first-child {
             margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
-        }.tabs__fullWidthScroll_16m4w {
+        }.tabs__fullWidthScroll_1qwix {
     min-width: calc(100% - 2 * var(--gap-16));
     margin: var(--gap-0) var(--gap-16);
-}.tabs__container_16m4w {
+}.tabs__container_1qwix {
     position: relative;
     overflow: hidden;
 
     /* focus-outline fix */
     margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);
     padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4);
-}.tabs__title_16m4w {
+}.tabs__title_1qwix {
     display: flex;
     align-items: center;
     height: 100%;
@@ -402,83 +404,83 @@
     -webkit-user-select: none;
             user-select: none;
     outline: none
-}.tabs__title_16m4w:not(:disabled):hover {
+}.tabs__title_1qwix:not(:disabled):hover {
         color: var(--primary-tablist-hover-color);
-    }.tabs__focused_16m4w {
+    }.tabs__focused_1qwix {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-}.tabs__collapsed_16m4w {
+}.tabs__collapsed_1qwix {
     order: 99;
     visibility: collapse;
-}.tabs__selected_16m4w {
+}.tabs__selected_1qwix {
     cursor: default;
     color: var(--primary-tablist-selected-color);
-}.tabs__disabled_16m4w {
+}.tabs__disabled_1qwix {
     cursor: var(--disabled-cursor);
     color: var(--primary-tablist-disabled-color);
-}.tabs__line_16m4w {
+}.tabs__line_1qwix {
     position: absolute;
     height: 3px;
     bottom: var(--gap-0);
     left: var(--gap-0);
     background-color: var(--primary-tablist-line-color);
     transition: transform 0.2s ease, width 0.2s ease;
-}.tabs__option_16m4w {
+}.tabs__option_1qwix {
     color: var(--color-light-text-primary);
-}/* sizes */.tabs__s_16m4w .tabs__title_16m4w, .tabs__xs_16m4w .tabs__title_16m4w, .tabs__xxs_16m4w .tabs__title_16m4w {
+}/* sizes */.tabs__s_1qwix .tabs__title_1qwix, .tabs__xs_1qwix .tabs__title_1qwix, .tabs__xxs_1qwix .tabs__title_1qwix {
         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_16m4w .tabs__title_16m4w + .tabs__title_16m4w, .tabs__xs_16m4w .tabs__title_16m4w + .tabs__title_16m4w, .tabs__xxs_16m4w .tabs__title_16m4w + .tabs__title_16m4w {
+    }.tabs__s_1qwix .tabs__title_1qwix + .tabs__title_1qwix, .tabs__xs_1qwix .tabs__title_1qwix + .tabs__title_1qwix, .tabs__xxs_1qwix .tabs__title_1qwix + .tabs__title_1qwix {
         margin-left: var(--primary-tablist-s-gaps);
-    }.tabs__s_16m4w .tabs__pickerWrapper_16m4w, .tabs__xs_16m4w .tabs__pickerWrapper_16m4w, .tabs__xxs_16m4w .tabs__pickerWrapper_16m4w {
+    }.tabs__s_1qwix .tabs__pickerWrapper_1qwix, .tabs__xs_1qwix .tabs__pickerWrapper_1qwix, .tabs__xxs_1qwix .tabs__pickerWrapper_1qwix {
         margin-left: var(--primary-tablist-s-gaps);
-    }.tabs__s_16m4w .tabs__option_16m4w, .tabs__xs_16m4w .tabs__option_16m4w, .tabs__xxs_16m4w .tabs__option_16m4w {
+    }.tabs__s_1qwix .tabs__option_1qwix, .tabs__xs_1qwix .tabs__option_1qwix, .tabs__xxs_1qwix .tabs__option_1qwix {
         padding: var(--gap-0);
-    }.tabs__m_16m4w .tabs__title_16m4w {
+    }.tabs__m_1qwix .tabs__title_1qwix {
         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_16m4w .tabs__title_16m4w + .tabs__title_16m4w {
+    }.tabs__m_1qwix .tabs__title_1qwix + .tabs__title_1qwix {
         margin-left: var(--primary-tablist-m-gaps);
-    }.tabs__m_16m4w .tabs__pickerWrapper_16m4w {
+    }.tabs__m_1qwix .tabs__pickerWrapper_1qwix {
         margin-left: var(--primary-tablist-m-gaps);
-    }.tabs__m_16m4w .tabs__option_16m4w {
+    }.tabs__m_1qwix .tabs__option_1qwix {
         padding: var(--gap-0);
-    }.tabs__l_16m4w .tabs__title_16m4w {
+    }.tabs__l_1qwix .tabs__title_1qwix {
         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_16m4w .tabs__title_16m4w + .tabs__title_16m4w {
+    }.tabs__l_1qwix .tabs__title_1qwix + .tabs__title_1qwix {
         margin-left: var(--primary-tablist-l-gaps);
-    }.tabs__l_16m4w .tabs__pickerWrapper_16m4w {
+    }.tabs__l_1qwix .tabs__pickerWrapper_1qwix {
         margin-left: var(--primary-tablist-l-gaps);
-    }.tabs__l_16m4w .tabs__option_16m4w {
+    }.tabs__l_1qwix .tabs__option_1qwix {
         padding: var(--gap-0);
-    }.tabs__xl_16m4w .tabs__title_16m4w {
+    }.tabs__xl_1qwix .tabs__title_1qwix {
         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_16m4w .tabs__title_16m4w + .tabs__title_16m4w {
+    }.tabs__xl_1qwix .tabs__title_1qwix + .tabs__title_1qwix {
         margin-left: var(--primary-tablist-xl-gaps);
-    }.tabs__xl_16m4w .tabs__pickerWrapper_16m4w {
+    }.tabs__xl_1qwix .tabs__pickerWrapper_1qwix {
         margin-left: var(--primary-tablist-xl-gaps);
-    }.tabs__xl_16m4w .tabs__option_16m4w {
+    }.tabs__xl_1qwix .tabs__option_1qwix {
         padding: var(--gap-0);
-    }.tabs__rightAddons_16m4w {
+    }.tabs__rightAddons_1qwix {
     display: flex;
     justify-content: center;
     align-items: center;
     margin-left: var(--gap-8);
-}.tabs__rightAddonsMarginZero_16m4w {
+}.tabs__rightAddonsMarginZero_1qwix {
     margin-left: var(--gap-0);
 } :root {
     --color-dark-indigo: #0b1f35; /* deprecated */
@@ -2139,221 +2141,224 @@
 
     /* size xl */
     --secondary-tablist-xl-gaps: var(--gap-16);
-} .tabs__title_16fh8 {
-} .tabs__mobile_16fh8 .tabs__title_16fh8 {
+
+    /* default transparent gaps */
+    --secondary-tablist-transparent-gaps: var(--gap-0);
+} .tabs__title_5cm48 {
+} .tabs__mobile_5cm48 .tabs__title_5cm48 {
         padding: var(--primary-tablist-mobile-padding);
         font-size: var(--primary-tablist-mobile-font-size);
         font-weight: var(--primary-tablist-mobile-font-weight);
         font-family: var(--primary-tablist-mobile-font-family);
         line-height: var(--primary-tablist-mobile-line-height)
-    } .tabs__mobile_16fh8 .tabs__title_16fh8 + .tabs__title_16fh8 {
+    } .tabs__mobile_5cm48 .tabs__title_5cm48 + .tabs__title_5cm48 {
             margin-left: var(--primary-tablist-mobile-gaps);
-        } .tabs__mobile_16fh8.tabs__paragraph-primary-large_16fh8 .tabs__title_16fh8 {
+        } .tabs__mobile_5cm48.tabs__paragraph-primary-large_5cm48 .tabs__title_5cm48 {
         font-size: 18px;
         line-height: 24px;
         font-weight: 400;
-    } .tabs__mobile_16fh8.tabs__paragraph-primary-medium_16fh8 .tabs__title_16fh8 {
+    } .tabs__mobile_5cm48.tabs__paragraph-primary-medium_5cm48 .tabs__title_5cm48 {
         font-size: 16px;
         line-height: 24px;
         font-weight: 400;
-    } .tabs__mobile_16fh8.tabs__paragraph-primary-small_16fh8 .tabs__title_16fh8 {
+    } .tabs__mobile_5cm48.tabs__paragraph-primary-small_5cm48 .tabs__title_5cm48 {
         font-size: 14px;
         line-height: 20px;
         font-weight: 400;
-    } .tabs__mobile_16fh8.tabs__action-primary-large_16fh8 .tabs__title_16fh8 {
+    } .tabs__mobile_5cm48.tabs__action-primary-large_5cm48 .tabs__title_5cm48 {
         font-size: 18px;
         line-height: 24px;
         font-weight: 500;
-    } .tabs__mobile_16fh8.tabs__action-primary-medium_16fh8 .tabs__title_16fh8 {
+    } .tabs__mobile_5cm48.tabs__action-primary-medium_5cm48 .tabs__title_5cm48 {
         font-size: 16px;
         line-height: 24px;
         font-weight: 500;
-    } .tabs__mobile_16fh8.tabs__action-primary-small_16fh8 .tabs__title_16fh8 {
+    } .tabs__mobile_5cm48.tabs__action-primary-small_5cm48 .tabs__title_5cm48 {
         font-size: 14px;
         line-height: 20px;
         font-weight: 500;
-    } .tabs__mobile_16fh8.tabs__accent-primary-large_16fh8 .tabs__title_16fh8 {
+    } .tabs__mobile_5cm48.tabs__accent-primary-large_5cm48 .tabs__title_5cm48 {
         font-size: 18px;
         line-height: 24px;
         font-weight: 700;
-    } .tabs__mobile_16fh8.tabs__accent-primary-medium_16fh8 .tabs__title_16fh8 {
+    } .tabs__mobile_5cm48.tabs__accent-primary-medium_5cm48 .tabs__title_5cm48 {
         font-size: 16px;
         line-height: 24px;
         font-weight: 700;
-    } .tabs__mobile_16fh8.tabs__accent-primary-small_16fh8 .tabs__title_16fh8 {
+    } .tabs__mobile_5cm48.tabs__accent-primary-small_5cm48 .tabs__title_5cm48 {
         font-size: 14px;
         line-height: 20px;
         font-weight: 700;
-    } .tabs__mobile_16fh8.tabs__paragraph-primary-large_16fh8 .tabs__title_16fh8, .tabs__mobile_16fh8.tabs__paragraph-primary-medium_16fh8 .tabs__title_16fh8, .tabs__mobile_16fh8.tabs__accent-primary-large_16fh8 .tabs__title_16fh8, .tabs__mobile_16fh8.tabs__accent-primary-medium_16fh8 .tabs__title_16fh8, .tabs__mobile_16fh8.tabs__action-primary-large_16fh8 .tabs__title_16fh8, .tabs__mobile_16fh8.tabs__action-primary-medium_16fh8 .tabs__title_16fh8 {
+    } .tabs__mobile_5cm48.tabs__paragraph-primary-large_5cm48 .tabs__title_5cm48, .tabs__mobile_5cm48.tabs__paragraph-primary-medium_5cm48 .tabs__title_5cm48, .tabs__mobile_5cm48.tabs__accent-primary-large_5cm48 .tabs__title_5cm48, .tabs__mobile_5cm48.tabs__accent-primary-medium_5cm48 .tabs__title_5cm48, .tabs__mobile_5cm48.tabs__action-primary-large_5cm48 .tabs__title_5cm48, .tabs__mobile_5cm48.tabs__action-primary-medium_5cm48 .tabs__title_5cm48 {
         padding-bottom: calc(24px / 2);
-    } .tabs__mobile_16fh8.tabs__paragraph-primary-large_16fh8 .tabs__title_16fh8 + .tabs__title_16fh8,
-    .tabs__mobile_16fh8.tabs__paragraph-primary-large_16fh8 .tabs__pickerWrapper_16fh8,
-    .tabs__mobile_16fh8.tabs__paragraph-primary-medium_16fh8 .tabs__title_16fh8 + .tabs__title_16fh8,
-    .tabs__mobile_16fh8.tabs__paragraph-primary-medium_16fh8 .tabs__pickerWrapper_16fh8,
-    .tabs__mobile_16fh8.tabs__accent-primary-large_16fh8 .tabs__title_16fh8 + .tabs__title_16fh8,
-    .tabs__mobile_16fh8.tabs__accent-primary-large_16fh8 .tabs__pickerWrapper_16fh8,
-    .tabs__mobile_16fh8.tabs__accent-primary-medium_16fh8 .tabs__title_16fh8 + .tabs__title_16fh8,
-    .tabs__mobile_16fh8.tabs__accent-primary-medium_16fh8 .tabs__pickerWrapper_16fh8,
-    .tabs__mobile_16fh8.tabs__action-primary-large_16fh8 .tabs__title_16fh8 + .tabs__title_16fh8,
-    .tabs__mobile_16fh8.tabs__action-primary-large_16fh8 .tabs__pickerWrapper_16fh8,
-    .tabs__mobile_16fh8.tabs__action-primary-medium_16fh8 .tabs__title_16fh8 + .tabs__title_16fh8,
-    .tabs__mobile_16fh8.tabs__action-primary-medium_16fh8 .tabs__pickerWrapper_16fh8 {
+    } .tabs__mobile_5cm48.tabs__paragraph-primary-large_5cm48 .tabs__title_5cm48 + .tabs__title_5cm48,
+    .tabs__mobile_5cm48.tabs__paragraph-primary-large_5cm48 .tabs__pickerWrapper_5cm48,
+    .tabs__mobile_5cm48.tabs__paragraph-primary-medium_5cm48 .tabs__title_5cm48 + .tabs__title_5cm48,
+    .tabs__mobile_5cm48.tabs__paragraph-primary-medium_5cm48 .tabs__pickerWrapper_5cm48,
+    .tabs__mobile_5cm48.tabs__accent-primary-large_5cm48 .tabs__title_5cm48 + .tabs__title_5cm48,
+    .tabs__mobile_5cm48.tabs__accent-primary-large_5cm48 .tabs__pickerWrapper_5cm48,
+    .tabs__mobile_5cm48.tabs__accent-primary-medium_5cm48 .tabs__title_5cm48 + .tabs__title_5cm48,
+    .tabs__mobile_5cm48.tabs__accent-primary-medium_5cm48 .tabs__pickerWrapper_5cm48,
+    .tabs__mobile_5cm48.tabs__action-primary-large_5cm48 .tabs__title_5cm48 + .tabs__title_5cm48,
+    .tabs__mobile_5cm48.tabs__action-primary-large_5cm48 .tabs__pickerWrapper_5cm48,
+    .tabs__mobile_5cm48.tabs__action-primary-medium_5cm48 .tabs__title_5cm48 + .tabs__title_5cm48,
+    .tabs__mobile_5cm48.tabs__action-primary-medium_5cm48 .tabs__pickerWrapper_5cm48 {
         margin-left: 24px;
-    } .tabs__mobile_16fh8.tabs__paragraph-primary-large_16fh8 .tabs__option_16fh8, .tabs__mobile_16fh8.tabs__paragraph-primary-medium_16fh8 .tabs__option_16fh8, .tabs__mobile_16fh8.tabs__accent-primary-large_16fh8 .tabs__option_16fh8, .tabs__mobile_16fh8.tabs__accent-primary-medium_16fh8 .tabs__option_16fh8, .tabs__mobile_16fh8.tabs__action-primary-large_16fh8 .tabs__option_16fh8, .tabs__mobile_16fh8.tabs__action-primary-medium_16fh8 .tabs__option_16fh8 {
+    } .tabs__mobile_5cm48.tabs__paragraph-primary-large_5cm48 .tabs__option_5cm48, .tabs__mobile_5cm48.tabs__paragraph-primary-medium_5cm48 .tabs__option_5cm48, .tabs__mobile_5cm48.tabs__accent-primary-large_5cm48 .tabs__option_5cm48, .tabs__mobile_5cm48.tabs__accent-primary-medium_5cm48 .tabs__option_5cm48, .tabs__mobile_5cm48.tabs__action-primary-large_5cm48 .tabs__option_5cm48, .tabs__mobile_5cm48.tabs__action-primary-medium_5cm48 .tabs__option_5cm48 {
         padding: var(--gap-0);
-    } .tabs__mobile_16fh8.tabs__paragraph-primary-large_16fh8 .tabs__scrollControls_16fh8 > button, .tabs__mobile_16fh8.tabs__paragraph-primary-medium_16fh8 .tabs__scrollControls_16fh8 > button, .tabs__mobile_16fh8.tabs__accent-primary-large_16fh8 .tabs__scrollControls_16fh8 > button, .tabs__mobile_16fh8.tabs__accent-primary-medium_16fh8 .tabs__scrollControls_16fh8 > button, .tabs__mobile_16fh8.tabs__action-primary-large_16fh8 .tabs__scrollControls_16fh8 > button, .tabs__mobile_16fh8.tabs__action-primary-medium_16fh8 .tabs__scrollControls_16fh8 > button {
+    } .tabs__mobile_5cm48.tabs__paragraph-primary-large_5cm48 .tabs__scrollControls_5cm48 > button, .tabs__mobile_5cm48.tabs__paragraph-primary-medium_5cm48 .tabs__scrollControls_5cm48 > button, .tabs__mobile_5cm48.tabs__accent-primary-large_5cm48 .tabs__scrollControls_5cm48 > button, .tabs__mobile_5cm48.tabs__accent-primary-medium_5cm48 .tabs__scrollControls_5cm48 > button, .tabs__mobile_5cm48.tabs__action-primary-large_5cm48 .tabs__scrollControls_5cm48 > button, .tabs__mobile_5cm48.tabs__action-primary-medium_5cm48 .tabs__scrollControls_5cm48 > button {
             box-sizing: content-box;
             width: 24px;
             height: 24px;
             padding: var(--gap-0);
-        } .tabs__mobile_16fh8.tabs__paragraph-primary-large_16fh8 .tabs__scrollControls_16fh8 button:first-child, .tabs__mobile_16fh8.tabs__paragraph-primary-medium_16fh8 .tabs__scrollControls_16fh8 button:first-child, .tabs__mobile_16fh8.tabs__accent-primary-large_16fh8 .tabs__scrollControls_16fh8 button:first-child, .tabs__mobile_16fh8.tabs__accent-primary-medium_16fh8 .tabs__scrollControls_16fh8 button:first-child, .tabs__mobile_16fh8.tabs__action-primary-large_16fh8 .tabs__scrollControls_16fh8 button:first-child, .tabs__mobile_16fh8.tabs__action-primary-medium_16fh8 .tabs__scrollControls_16fh8 button:first-child {
+        } .tabs__mobile_5cm48.tabs__paragraph-primary-large_5cm48 .tabs__scrollControls_5cm48 button:first-child, .tabs__mobile_5cm48.tabs__paragraph-primary-medium_5cm48 .tabs__scrollControls_5cm48 button:first-child, .tabs__mobile_5cm48.tabs__accent-primary-large_5cm48 .tabs__scrollControls_5cm48 button:first-child, .tabs__mobile_5cm48.tabs__accent-primary-medium_5cm48 .tabs__scrollControls_5cm48 button:first-child, .tabs__mobile_5cm48.tabs__action-primary-large_5cm48 .tabs__scrollControls_5cm48 button:first-child, .tabs__mobile_5cm48.tabs__action-primary-medium_5cm48 .tabs__scrollControls_5cm48 button:first-child {
             margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
-        } .tabs__mobile_16fh8.tabs__paragraph-primary-small_16fh8 .tabs__title_16fh8, .tabs__mobile_16fh8.tabs__accent-primary-small_16fh8 .tabs__title_16fh8, .tabs__mobile_16fh8.tabs__action-primary-small_16fh8 .tabs__title_16fh8 {
+        } .tabs__mobile_5cm48.tabs__paragraph-primary-small_5cm48 .tabs__title_5cm48, .tabs__mobile_5cm48.tabs__accent-primary-small_5cm48 .tabs__title_5cm48, .tabs__mobile_5cm48.tabs__action-primary-small_5cm48 .tabs__title_5cm48 {
         padding-bottom: calc(20px / 2);
-    } .tabs__mobile_16fh8.tabs__paragraph-primary-small_16fh8 .tabs__title_16fh8 + .tabs__title_16fh8,
-    .tabs__mobile_16fh8.tabs__paragraph-primary-small_16fh8 .tabs__pickerWrapper_16fh8,
-    .tabs__mobile_16fh8.tabs__accent-primary-small_16fh8 .tabs__title_16fh8 + .tabs__title_16fh8,
-    .tabs__mobile_16fh8.tabs__accent-primary-small_16fh8 .tabs__pickerWrapper_16fh8,
-    .tabs__mobile_16fh8.tabs__action-primary-small_16fh8 .tabs__title_16fh8 + .tabs__title_16fh8,
-    .tabs__mobile_16fh8.tabs__action-primary-small_16fh8 .tabs__pickerWrapper_16fh8 {
+    } .tabs__mobile_5cm48.tabs__paragraph-primary-small_5cm48 .tabs__title_5cm48 + .tabs__title_5cm48,
+    .tabs__mobile_5cm48.tabs__paragraph-primary-small_5cm48 .tabs__pickerWrapper_5cm48,
+    .tabs__mobile_5cm48.tabs__accent-primary-small_5cm48 .tabs__title_5cm48 + .tabs__title_5cm48,
+    .tabs__mobile_5cm48.tabs__accent-primary-small_5cm48 .tabs__pickerWrapper_5cm48,
+    .tabs__mobile_5cm48.tabs__action-primary-small_5cm48 .tabs__title_5cm48 + .tabs__title_5cm48,
+    .tabs__mobile_5cm48.tabs__action-primary-small_5cm48 .tabs__pickerWrapper_5cm48 {
         margin-left: 20px;
-    } .tabs__mobile_16fh8.tabs__paragraph-primary-small_16fh8 .tabs__option_16fh8, .tabs__mobile_16fh8.tabs__accent-primary-small_16fh8 .tabs__option_16fh8, .tabs__mobile_16fh8.tabs__action-primary-small_16fh8 .tabs__option_16fh8 {
+    } .tabs__mobile_5cm48.tabs__paragraph-primary-small_5cm48 .tabs__option_5cm48, .tabs__mobile_5cm48.tabs__accent-primary-small_5cm48 .tabs__option_5cm48, .tabs__mobile_5cm48.tabs__action-primary-small_5cm48 .tabs__option_5cm48 {
         padding: var(--gap-0);
-    } .tabs__mobile_16fh8.tabs__paragraph-primary-small_16fh8 .tabs__scrollControls_16fh8 > button, .tabs__mobile_16fh8.tabs__accent-primary-small_16fh8 .tabs__scrollControls_16fh8 > button, .tabs__mobile_16fh8.tabs__action-primary-small_16fh8 .tabs__scrollControls_16fh8 > button {
+    } .tabs__mobile_5cm48.tabs__paragraph-primary-small_5cm48 .tabs__scrollControls_5cm48 > button, .tabs__mobile_5cm48.tabs__accent-primary-small_5cm48 .tabs__scrollControls_5cm48 > button, .tabs__mobile_5cm48.tabs__action-primary-small_5cm48 .tabs__scrollControls_5cm48 > button {
             box-sizing: content-box;
             width: 20px;
             height: 20px;
             padding: var(--gap-0);
-        } .tabs__mobile_16fh8.tabs__paragraph-primary-small_16fh8 .tabs__scrollControls_16fh8 button:first-child, .tabs__mobile_16fh8.tabs__accent-primary-small_16fh8 .tabs__scrollControls_16fh8 button:first-child, .tabs__mobile_16fh8.tabs__action-primary-small_16fh8 .tabs__scrollControls_16fh8 button:first-child {
+        } .tabs__mobile_5cm48.tabs__paragraph-primary-small_5cm48 .tabs__scrollControls_5cm48 button:first-child, .tabs__mobile_5cm48.tabs__accent-primary-small_5cm48 .tabs__scrollControls_5cm48 button:first-child, .tabs__mobile_5cm48.tabs__action-primary-small_5cm48 .tabs__scrollControls_5cm48 button:first-child {
             margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(20px / 2);
-        } .tabs__mobile_16fh8.tabs__headline-system-xlarge_16fh8 .tabs__title_16fh8 {
+        } .tabs__mobile_5cm48.tabs__headline-system-xlarge_5cm48 .tabs__title_5cm48 {
         font-size: 34px;
         line-height: 40px;
         font-weight: 600;
-    } .tabs__mobile_16fh8.tabs__headline-system-large_16fh8 .tabs__title_16fh8 {
+    } .tabs__mobile_5cm48.tabs__headline-system-large_5cm48 .tabs__title_5cm48 {
         font-size: 30px;
         line-height: 36px;
         font-weight: 600;
-    } .tabs__mobile_16fh8.tabs__headline-system-medium_16fh8 .tabs__title_16fh8 {
+    } .tabs__mobile_5cm48.tabs__headline-system-medium_5cm48 .tabs__title_5cm48 {
         font-size: 26px;
         line-height: 32px;
         font-weight: 600;
-    } .tabs__mobile_16fh8.tabs__headline-system-small_16fh8 .tabs__title_16fh8 {
+    } .tabs__mobile_5cm48.tabs__headline-system-small_5cm48 .tabs__title_5cm48 {
         font-size: 20px;
         line-height: 28px;
         font-weight: 600;
-    } .tabs__mobile_16fh8.tabs__headline-system-xsmall_16fh8 .tabs__title_16fh8 {
+    } .tabs__mobile_5cm48.tabs__headline-system-xsmall_5cm48 .tabs__title_5cm48 {
         font-size: 16px;
         line-height: 20px;
         font-weight: 600;
-    } .tabs__mobile_16fh8.tabs__headline-xlarge_16fh8 .tabs__title_16fh8 {
+    } .tabs__mobile_5cm48.tabs__headline-xlarge_5cm48 .tabs__title_5cm48 {
         font-size: 34px;
         line-height: 40px;
         font-weight: 500;
         font-feature-settings: 'ss01';
         font-family: var(--font-family-styrene);
-    } .tabs__mobile_16fh8.tabs__headline-large_16fh8 .tabs__title_16fh8 {
+    } .tabs__mobile_5cm48.tabs__headline-large_5cm48 .tabs__title_5cm48 {
         font-size: 30px;
         line-height: 36px;
         font-weight: 500;
         font-feature-settings: 'ss01';
         font-family: var(--font-family-styrene);
-    } .tabs__mobile_16fh8.tabs__headline-medium_16fh8 .tabs__title_16fh8 {
+    } .tabs__mobile_5cm48.tabs__headline-medium_5cm48 .tabs__title_5cm48 {
         font-size: 26px;
         line-height: 32px;
         font-weight: 500;
         font-feature-settings: 'ss01';
         font-family: var(--font-family-styrene);
-    } .tabs__mobile_16fh8.tabs__headline-small_16fh8 .tabs__title_16fh8 {
+    } .tabs__mobile_5cm48.tabs__headline-small_5cm48 .tabs__title_5cm48 {
         font-size: 20px;
         line-height: 28px;
         font-weight: 500;
         font-feature-settings: 'ss01';
         font-family: var(--font-family-styrene);
-    } .tabs__mobile_16fh8.tabs__headline-xsmall_16fh8 .tabs__title_16fh8 {
+    } .tabs__mobile_5cm48.tabs__headline-xsmall_5cm48 .tabs__title_5cm48 {
         font-size: 16px;
         line-height: 20px;
         font-weight: 500;
         font-feature-settings: 'ss01';
         font-family: var(--font-family-styrene);
-    } .tabs__mobile_16fh8.tabs__headline-system-xlarge_16fh8 .tabs__title_16fh8, .tabs__mobile_16fh8.tabs__headline-xlarge_16fh8 .tabs__title_16fh8 {
+    } .tabs__mobile_5cm48.tabs__headline-system-xlarge_5cm48 .tabs__title_5cm48, .tabs__mobile_5cm48.tabs__headline-xlarge_5cm48 .tabs__title_5cm48 {
         padding-bottom: calc(40px / 2);
-    } .tabs__mobile_16fh8.tabs__headline-system-xlarge_16fh8 .tabs__title_16fh8 + .tabs__title_16fh8,
-    .tabs__mobile_16fh8.tabs__headline-system-xlarge_16fh8 .tabs__pickerWrapper_16fh8,
-    .tabs__mobile_16fh8.tabs__headline-xlarge_16fh8 .tabs__title_16fh8 + .tabs__title_16fh8,
-    .tabs__mobile_16fh8.tabs__headline-xlarge_16fh8 .tabs__pickerWrapper_16fh8 {
+    } .tabs__mobile_5cm48.tabs__headline-system-xlarge_5cm48 .tabs__title_5cm48 + .tabs__title_5cm48,
+    .tabs__mobile_5cm48.tabs__headline-system-xlarge_5cm48 .tabs__pickerWrapper_5cm48,
+    .tabs__mobile_5cm48.tabs__headline-xlarge_5cm48 .tabs__title_5cm48 + .tabs__title_5cm48,
+    .tabs__mobile_5cm48.tabs__headline-xlarge_5cm48 .tabs__pickerWrapper_5cm48 {
         margin-left: 40px;
-    } .tabs__mobile_16fh8.tabs__headline-system-xlarge_16fh8 .tabs__option_16fh8, .tabs__mobile_16fh8.tabs__headline-xlarge_16fh8 .tabs__option_16fh8 {
+    } .tabs__mobile_5cm48.tabs__headline-system-xlarge_5cm48 .tabs__option_5cm48, .tabs__mobile_5cm48.tabs__headline-xlarge_5cm48 .tabs__option_5cm48 {
         padding: var(--gap-0);
-    } .tabs__mobile_16fh8.tabs__headline-system-xlarge_16fh8 .tabs__scrollControls_16fh8 > button, .tabs__mobile_16fh8.tabs__headline-xlarge_16fh8 .tabs__scrollControls_16fh8 > button {
+    } .tabs__mobile_5cm48.tabs__headline-system-xlarge_5cm48 .tabs__scrollControls_5cm48 > button, .tabs__mobile_5cm48.tabs__headline-xlarge_5cm48 .tabs__scrollControls_5cm48 > button {
             box-sizing: content-box;
             width: 40px;
             height: 40px;
             padding: var(--gap-0);
-        } .tabs__mobile_16fh8.tabs__headline-system-xlarge_16fh8 .tabs__scrollControls_16fh8 button:first-child, .tabs__mobile_16fh8.tabs__headline-xlarge_16fh8 .tabs__scrollControls_16fh8 button:first-child {
+        } .tabs__mobile_5cm48.tabs__headline-system-xlarge_5cm48 .tabs__scrollControls_5cm48 button:first-child, .tabs__mobile_5cm48.tabs__headline-xlarge_5cm48 .tabs__scrollControls_5cm48 button:first-child {
             margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(40px / 2);
-        } .tabs__mobile_16fh8.tabs__headline-system-large_16fh8 .tabs__title_16fh8, .tabs__mobile_16fh8.tabs__headline-large_16fh8 .tabs__title_16fh8 {
+        } .tabs__mobile_5cm48.tabs__headline-system-large_5cm48 .tabs__title_5cm48, .tabs__mobile_5cm48.tabs__headline-large_5cm48 .tabs__title_5cm48 {
         padding-bottom: calc(36px / 2);
-    } .tabs__mobile_16fh8.tabs__headline-system-large_16fh8 .tabs__title_16fh8 + .tabs__title_16fh8,
-    .tabs__mobile_16fh8.tabs__headline-system-large_16fh8 .tabs__pickerWrapper_16fh8,
-    .tabs__mobile_16fh8.tabs__headline-large_16fh8 .tabs__title_16fh8 + .tabs__title_16fh8,
-    .tabs__mobile_16fh8.tabs__headline-large_16fh8 .tabs__pickerWrapper_16fh8 {
+    } .tabs__mobile_5cm48.tabs__headline-system-large_5cm48 .tabs__title_5cm48 + .tabs__title_5cm48,
+    .tabs__mobile_5cm48.tabs__headline-system-large_5cm48 .tabs__pickerWrapper_5cm48,
+    .tabs__mobile_5cm48.tabs__headline-large_5cm48 .tabs__title_5cm48 + .tabs__title_5cm48,
+    .tabs__mobile_5cm48.tabs__headline-large_5cm48 .tabs__pickerWrapper_5cm48 {
         margin-left: 36px;
-    } .tabs__mobile_16fh8.tabs__headline-system-large_16fh8 .tabs__option_16fh8, .tabs__mobile_16fh8.tabs__headline-large_16fh8 .tabs__option_16fh8 {
+    } .tabs__mobile_5cm48.tabs__headline-system-large_5cm48 .tabs__option_5cm48, .tabs__mobile_5cm48.tabs__headline-large_5cm48 .tabs__option_5cm48 {
         padding: var(--gap-0);
-    } .tabs__mobile_16fh8.tabs__headline-system-large_16fh8 .tabs__scrollControls_16fh8 > button, .tabs__mobile_16fh8.tabs__headline-large_16fh8 .tabs__scrollControls_16fh8 > button {
+    } .tabs__mobile_5cm48.tabs__headline-system-large_5cm48 .tabs__scrollControls_5cm48 > button, .tabs__mobile_5cm48.tabs__headline-large_5cm48 .tabs__scrollControls_5cm48 > button {
             box-sizing: content-box;
             width: 36px;
             height: 36px;
             padding: var(--gap-0);
-        } .tabs__mobile_16fh8.tabs__headline-system-large_16fh8 .tabs__scrollControls_16fh8 button:first-child, .tabs__mobile_16fh8.tabs__headline-large_16fh8 .tabs__scrollControls_16fh8 button:first-child {
+        } .tabs__mobile_5cm48.tabs__headline-system-large_5cm48 .tabs__scrollControls_5cm48 button:first-child, .tabs__mobile_5cm48.tabs__headline-large_5cm48 .tabs__scrollControls_5cm48 button:first-child {
             margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(36px / 2);
-        } .tabs__mobile_16fh8.tabs__headline-system-medium_16fh8 .tabs__title_16fh8, .tabs__mobile_16fh8.tabs__headline-medium_16fh8 .tabs__title_16fh8 {
+        } .tabs__mobile_5cm48.tabs__headline-system-medium_5cm48 .tabs__title_5cm48, .tabs__mobile_5cm48.tabs__headline-medium_5cm48 .tabs__title_5cm48 {
         padding-bottom: calc(32px / 2);
-    } .tabs__mobile_16fh8.tabs__headline-system-medium_16fh8 .tabs__title_16fh8 + .tabs__title_16fh8,
-    .tabs__mobile_16fh8.tabs__headline-system-medium_16fh8 .tabs__pickerWrapper_16fh8,
-    .tabs__mobile_16fh8.tabs__headline-medium_16fh8 .tabs__title_16fh8 + .tabs__title_16fh8,
-    .tabs__mobile_16fh8.tabs__headline-medium_16fh8 .tabs__pickerWrapper_16fh8 {
+    } .tabs__mobile_5cm48.tabs__headline-system-medium_5cm48 .tabs__title_5cm48 + .tabs__title_5cm48,
+    .tabs__mobile_5cm48.tabs__headline-system-medium_5cm48 .tabs__pickerWrapper_5cm48,
+    .tabs__mobile_5cm48.tabs__headline-medium_5cm48 .tabs__title_5cm48 + .tabs__title_5cm48,
+    .tabs__mobile_5cm48.tabs__headline-medium_5cm48 .tabs__pickerWrapper_5cm48 {
         margin-left: 32px;
-    } .tabs__mobile_16fh8.tabs__headline-system-medium_16fh8 .tabs__option_16fh8, .tabs__mobile_16fh8.tabs__headline-medium_16fh8 .tabs__option_16fh8 {
+    } .tabs__mobile_5cm48.tabs__headline-system-medium_5cm48 .tabs__option_5cm48, .tabs__mobile_5cm48.tabs__headline-medium_5cm48 .tabs__option_5cm48 {
         padding: var(--gap-0);
-    } .tabs__mobile_16fh8.tabs__headline-system-medium_16fh8 .tabs__scrollControls_16fh8 > button, .tabs__mobile_16fh8.tabs__headline-medium_16fh8 .tabs__scrollControls_16fh8 > button {
+    } .tabs__mobile_5cm48.tabs__headline-system-medium_5cm48 .tabs__scrollControls_5cm48 > button, .tabs__mobile_5cm48.tabs__headline-medium_5cm48 .tabs__scrollControls_5cm48 > button {
             box-sizing: content-box;
             width: 32px;
             height: 32px;
             padding: var(--gap-0);
-        } .tabs__mobile_16fh8.tabs__headline-system-medium_16fh8 .tabs__scrollControls_16fh8 button:first-child, .tabs__mobile_16fh8.tabs__headline-medium_16fh8 .tabs__scrollControls_16fh8 button:first-child {
+        } .tabs__mobile_5cm48.tabs__headline-system-medium_5cm48 .tabs__scrollControls_5cm48 button:first-child, .tabs__mobile_5cm48.tabs__headline-medium_5cm48 .tabs__scrollControls_5cm48 button:first-child {
             margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(32px / 2);
-        } .tabs__mobile_16fh8.tabs__headline-system-small_16fh8 .tabs__title_16fh8, .tabs__mobile_16fh8.tabs__headline-small_16fh8 .tabs__title_16fh8 {
+        } .tabs__mobile_5cm48.tabs__headline-system-small_5cm48 .tabs__title_5cm48, .tabs__mobile_5cm48.tabs__headline-small_5cm48 .tabs__title_5cm48 {
         padding-bottom: calc(28px / 2);
-    } .tabs__mobile_16fh8.tabs__headline-system-small_16fh8 .tabs__title_16fh8 + .tabs__title_16fh8,
-    .tabs__mobile_16fh8.tabs__headline-system-small_16fh8 .tabs__pickerWrapper_16fh8,
-    .tabs__mobile_16fh8.tabs__headline-small_16fh8 .tabs__title_16fh8 + .tabs__title_16fh8,
-    .tabs__mobile_16fh8.tabs__headline-small_16fh8 .tabs__pickerWrapper_16fh8 {
+    } .tabs__mobile_5cm48.tabs__headline-system-small_5cm48 .tabs__title_5cm48 + .tabs__title_5cm48,
+    .tabs__mobile_5cm48.tabs__headline-system-small_5cm48 .tabs__pickerWrapper_5cm48,
+    .tabs__mobile_5cm48.tabs__headline-small_5cm48 .tabs__title_5cm48 + .tabs__title_5cm48,
+    .tabs__mobile_5cm48.tabs__headline-small_5cm48 .tabs__pickerWrapper_5cm48 {
         margin-left: 28px;
-    } .tabs__mobile_16fh8.tabs__headline-system-small_16fh8 .tabs__option_16fh8, .tabs__mobile_16fh8.tabs__headline-small_16fh8 .tabs__option_16fh8 {
+    } .tabs__mobile_5cm48.tabs__headline-system-small_5cm48 .tabs__option_5cm48, .tabs__mobile_5cm48.tabs__headline-small_5cm48 .tabs__option_5cm48 {
         padding: var(--gap-0);
-    } .tabs__mobile_16fh8.tabs__headline-system-small_16fh8 .tabs__scrollControls_16fh8 > button, .tabs__mobile_16fh8.tabs__headline-small_16fh8 .tabs__scrollControls_16fh8 > button {
+    } .tabs__mobile_5cm48.tabs__headline-system-small_5cm48 .tabs__scrollControls_5cm48 > button, .tabs__mobile_5cm48.tabs__headline-small_5cm48 .tabs__scrollControls_5cm48 > button {
             box-sizing: content-box;
             width: 28px;
             height: 28px;
             padding: var(--gap-0);
-        } .tabs__mobile_16fh8.tabs__headline-system-small_16fh8 .tabs__scrollControls_16fh8 button:first-child, .tabs__mobile_16fh8.tabs__headline-small_16fh8 .tabs__scrollControls_16fh8 button:first-child {
+        } .tabs__mobile_5cm48.tabs__headline-system-small_5cm48 .tabs__scrollControls_5cm48 button:first-child, .tabs__mobile_5cm48.tabs__headline-small_5cm48 .tabs__scrollControls_5cm48 button:first-child {
             margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(28px / 2);
-        } .tabs__mobile_16fh8.tabs__headline-system-xsmall_16fh8 .tabs__title_16fh8, .tabs__mobile_16fh8.tabs__headline-xsmall_16fh8 .tabs__title_16fh8 {
+        } .tabs__mobile_5cm48.tabs__headline-system-xsmall_5cm48 .tabs__title_5cm48, .tabs__mobile_5cm48.tabs__headline-xsmall_5cm48 .tabs__title_5cm48 {
         padding-bottom: calc(20px / 2);
-    } .tabs__mobile_16fh8.tabs__headline-system-xsmall_16fh8 .tabs__title_16fh8 + .tabs__title_16fh8,
-    .tabs__mobile_16fh8.tabs__headline-system-xsmall_16fh8 .tabs__pickerWrapper_16fh8,
-    .tabs__mobile_16fh8.tabs__headline-xsmall_16fh8 .tabs__title_16fh8 + .tabs__title_16fh8,
-    .tabs__mobile_16fh8.tabs__headline-xsmall_16fh8 .tabs__pickerWrapper_16fh8 {
+    } .tabs__mobile_5cm48.tabs__headline-system-xsmall_5cm48 .tabs__title_5cm48 + .tabs__title_5cm48,
+    .tabs__mobile_5cm48.tabs__headline-system-xsmall_5cm48 .tabs__pickerWrapper_5cm48,
+    .tabs__mobile_5cm48.tabs__headline-xsmall_5cm48 .tabs__title_5cm48 + .tabs__title_5cm48,
+    .tabs__mobile_5cm48.tabs__headline-xsmall_5cm48 .tabs__pickerWrapper_5cm48 {
         margin-left: 20px;
-    } .tabs__mobile_16fh8.tabs__headline-system-xsmall_16fh8 .tabs__option_16fh8, .tabs__mobile_16fh8.tabs__headline-xsmall_16fh8 .tabs__option_16fh8 {
+    } .tabs__mobile_5cm48.tabs__headline-system-xsmall_5cm48 .tabs__option_5cm48, .tabs__mobile_5cm48.tabs__headline-xsmall_5cm48 .tabs__option_5cm48 {
         padding: var(--gap-0);
-    } .tabs__mobile_16fh8.tabs__headline-system-xsmall_16fh8 .tabs__scrollControls_16fh8 > button, .tabs__mobile_16fh8.tabs__headline-xsmall_16fh8 .tabs__scrollControls_16fh8 > button {
+    } .tabs__mobile_5cm48.tabs__headline-system-xsmall_5cm48 .tabs__scrollControls_5cm48 > button, .tabs__mobile_5cm48.tabs__headline-xsmall_5cm48 .tabs__scrollControls_5cm48 > button {
             box-sizing: content-box;
             width: 20px;
             height: 20px;
             padding: var(--gap-0);
-        } .tabs__mobile_16fh8.tabs__headline-system-xsmall_16fh8 .tabs__scrollControls_16fh8 button:first-child, .tabs__mobile_16fh8.tabs__headline-xsmall_16fh8 .tabs__scrollControls_16fh8 button:first-child {
+        } .tabs__mobile_5cm48.tabs__headline-system-xsmall_5cm48 .tabs__scrollControls_5cm48 button:first-child, .tabs__mobile_5cm48.tabs__headline-xsmall_5cm48 .tabs__scrollControls_5cm48 button:first-child {
             margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(20px / 2);
         }