@db-ux/core-foundations 4.5.4 → 4.6.0

package/build/styles/colors/classes/yellow.css

@@ -1,193 +1,155 @@
 /* Variants for adaptive components like input, select, notification, ... */
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
 [data-color=yellow],
 .db-color-yellow {
-  /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
-}
-@layer variables {
-  [data-color=yellow],
-  .db-color-yellow {
-    --db-adaptive-bg-basic-level-1-default: var(
-    	--db-yellow-bg-basic-level-1-default
-    );
-    --db-adaptive-bg-basic-level-1-hovered: var(
-    	--db-yellow-bg-basic-level-1-hovered
-    );
-    --db-adaptive-bg-basic-level-1-pressed: var(
-    	--db-yellow-bg-basic-level-1-pressed
-    );
-    --db-adaptive-bg-basic-level-2-default: var(
-    	--db-yellow-bg-basic-level-2-default
-    );
-    --db-adaptive-bg-basic-level-2-hovered: var(
-    	--db-yellow-bg-basic-level-2-hovered
-    );
-    --db-adaptive-bg-basic-level-2-pressed: var(
-    	--db-yellow-bg-basic-level-2-pressed
-    );
-    --db-adaptive-bg-basic-level-3-default: var(
-    	--db-yellow-bg-basic-level-3-default
-    );
-    --db-adaptive-bg-basic-level-3-hovered: var(
-    	--db-yellow-bg-basic-level-3-hovered
-    );
-    --db-adaptive-bg-basic-level-3-pressed: var(
-    	--db-yellow-bg-basic-level-3-pressed
-    );
-    --db-adaptive-bg-basic-transparent-full-default: var(
-    	--db-yellow-bg-basic-transparent-full-default
-    );
-    --db-adaptive-bg-basic-transparent-semi-default: var(
-    	--db-yellow-bg-basic-transparent-semi-default
-    );
-    --db-adaptive-bg-basic-transparent-full-hovered: var(
-    	--db-yellow-bg-basic-transparent-full-hovered
-    );
-    --db-adaptive-bg-basic-transparent-full-pressed: var(
-    	--db-yellow-bg-basic-transparent-full-pressed
-    );
-    --db-adaptive-bg-basic-transparent-semi-hovered: var(
-    	--db-yellow-bg-basic-transparent-semi-hovered
-    );
-    --db-adaptive-bg-basic-transparent-semi-pressed: var(
-    	--db-yellow-bg-basic-transparent-semi-pressed
-    );
-    --db-adaptive-on-bg-basic-emphasis-100-default: var(
-    	--db-yellow-on-bg-basic-emphasis-100-default
-    );
-    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
-    	--db-yellow-on-bg-basic-emphasis-100-hovered
-    );
-    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
-    	--db-yellow-on-bg-basic-emphasis-100-pressed
-    );
-    --db-adaptive-on-bg-basic-emphasis-90-default: var(
-    	--db-yellow-on-bg-basic-emphasis-90-default
-    );
-    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
-    	--db-yellow-on-bg-basic-emphasis-90-hovered
-    );
-    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
-    	--db-yellow-on-bg-basic-emphasis-90-pressed
-    );
-    --db-adaptive-on-bg-basic-emphasis-80-default: var(
-    	--db-yellow-on-bg-basic-emphasis-80-default
-    );
-    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
-    	--db-yellow-on-bg-basic-emphasis-80-hovered
-    );
-    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
-    	--db-yellow-on-bg-basic-emphasis-80-pressed
-    );
-    --db-adaptive-on-bg-basic-emphasis-70-default: var(
-    	--db-yellow-on-bg-basic-emphasis-70-default
-    );
-    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
-    	--db-yellow-on-bg-basic-emphasis-70-hovered
-    );
-    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
-    	--db-yellow-on-bg-basic-emphasis-70-pressed
-    );
-    --db-adaptive-on-bg-basic-emphasis-60-default: var(
-    	--db-yellow-on-bg-basic-emphasis-60-default
-    );
-    --db-adaptive-on-bg-basic-emphasis-50-default: var(
-    	--db-yellow-on-bg-basic-emphasis-50-default
-    );
-    --db-adaptive-bg-inverted-contrast-max-default: var(
-    	--db-yellow-bg-inverted-contrast-max-default
-    );
-    --db-adaptive-bg-inverted-contrast-max-hovered: var(
-    	--db-yellow-bg-inverted-contrast-max-hovered
-    );
-    --db-adaptive-bg-inverted-contrast-max-pressed: var(
-    	--db-yellow-bg-inverted-contrast-max-pressed
-    );
-    --db-adaptive-bg-inverted-contrast-high-default: var(
-    	--db-yellow-bg-inverted-contrast-high-default
-    );
-    --db-adaptive-bg-inverted-contrast-high-hovered: var(
-    	--db-yellow-bg-inverted-contrast-high-hovered
-    );
-    --db-adaptive-bg-inverted-contrast-high-pressed: var(
-    	--db-yellow-bg-inverted-contrast-high-pressed
-    );
-    --db-adaptive-bg-inverted-contrast-low-default: var(
-    	--db-yellow-bg-inverted-contrast-low-default
-    );
-    --db-adaptive-bg-inverted-contrast-low-hovered: var(
-    	--db-yellow-bg-inverted-contrast-low-hovered
-    );
-    --db-adaptive-bg-inverted-contrast-low-pressed: var(
-    	--db-yellow-bg-inverted-contrast-low-pressed
-    );
-    --db-adaptive-on-bg-inverted-default: var(
-    	--db-yellow-on-bg-inverted-default
-    );
-    --db-adaptive-on-bg-inverted-hovered: var(
-    	--db-yellow-on-bg-inverted-hovered
-    );
-    --db-adaptive-on-bg-inverted-pressed: var(
-    	--db-yellow-on-bg-inverted-pressed
-    );
-    --db-adaptive-origin-default: var(--db-yellow-origin-default);
-    --db-adaptive-origin-hovered: var(--db-yellow-origin-hovered);
-    --db-adaptive-origin-pressed: var(--db-yellow-origin-pressed);
-    --db-adaptive-on-origin-default: var(
-    	--db-yellow-on-origin-default
-    );
-    --db-adaptive-bg-vibrant-default: var(
-    	--db-yellow-bg-vibrant-default
-    );
-    --db-adaptive-bg-vibrant-hovered: var(
-    	--db-yellow-bg-vibrant-hovered
-    );
-    --db-adaptive-bg-vibrant-pressed: var(
-    	--db-yellow-bg-vibrant-pressed
-    );
-    --db-adaptive-on-bg-vibrant-default: var(
-    	--db-yellow-on-bg-vibrant-default
-    );
-    --db-adaptive-on-bg-vibrant-hovered: var(
-    	--db-yellow-on-bg-vibrant-hovered
-    );
-    --db-adaptive-on-bg-vibrant-pressed: var(
-    	--db-yellow-on-bg-vibrant-pressed
-    );
-  }
+  --db-adaptive-bg-basic-level-1-default: var(
+  	--db-yellow-bg-basic-level-1-default
+  );
+  --db-adaptive-bg-basic-level-1-hovered: var(
+  	--db-yellow-bg-basic-level-1-hovered
+  );
+  --db-adaptive-bg-basic-level-1-pressed: var(
+  	--db-yellow-bg-basic-level-1-pressed
+  );
+  --db-adaptive-bg-basic-level-2-default: var(
+  	--db-yellow-bg-basic-level-2-default
+  );
+  --db-adaptive-bg-basic-level-2-hovered: var(
+  	--db-yellow-bg-basic-level-2-hovered
+  );
+  --db-adaptive-bg-basic-level-2-pressed: var(
+  	--db-yellow-bg-basic-level-2-pressed
+  );
+  --db-adaptive-bg-basic-level-3-default: var(
+  	--db-yellow-bg-basic-level-3-default
+  );
+  --db-adaptive-bg-basic-level-3-hovered: var(
+  	--db-yellow-bg-basic-level-3-hovered
+  );
+  --db-adaptive-bg-basic-level-3-pressed: var(
+  	--db-yellow-bg-basic-level-3-pressed
+  );
+  --db-adaptive-bg-basic-transparent-full-default: var(
+  	--db-yellow-bg-basic-transparent-full-default
+  );
+  --db-adaptive-bg-basic-transparent-semi-default: var(
+  	--db-yellow-bg-basic-transparent-semi-default
+  );
+  --db-adaptive-bg-basic-transparent-full-hovered: var(
+  	--db-yellow-bg-basic-transparent-full-hovered
+  );
+  --db-adaptive-bg-basic-transparent-full-pressed: var(
+  	--db-yellow-bg-basic-transparent-full-pressed
+  );
+  --db-adaptive-bg-basic-transparent-semi-hovered: var(
+  	--db-yellow-bg-basic-transparent-semi-hovered
+  );
+  --db-adaptive-bg-basic-transparent-semi-pressed: var(
+  	--db-yellow-bg-basic-transparent-semi-pressed
+  );
+  --db-adaptive-on-bg-basic-emphasis-100-default: var(
+  	--db-yellow-on-bg-basic-emphasis-100-default
+  );
+  --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
+  	--db-yellow-on-bg-basic-emphasis-100-hovered
+  );
+  --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
+  	--db-yellow-on-bg-basic-emphasis-100-pressed
+  );
+  --db-adaptive-on-bg-basic-emphasis-90-default: var(
+  	--db-yellow-on-bg-basic-emphasis-90-default
+  );
+  --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
+  	--db-yellow-on-bg-basic-emphasis-90-hovered
+  );
+  --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
+  	--db-yellow-on-bg-basic-emphasis-90-pressed
+  );
+  --db-adaptive-on-bg-basic-emphasis-80-default: var(
+  	--db-yellow-on-bg-basic-emphasis-80-default
+  );
+  --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
+  	--db-yellow-on-bg-basic-emphasis-80-hovered
+  );
+  --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
+  	--db-yellow-on-bg-basic-emphasis-80-pressed
+  );
+  --db-adaptive-on-bg-basic-emphasis-70-default: var(
+  	--db-yellow-on-bg-basic-emphasis-70-default
+  );
+  --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
+  	--db-yellow-on-bg-basic-emphasis-70-hovered
+  );
+  --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
+  	--db-yellow-on-bg-basic-emphasis-70-pressed
+  );
+  --db-adaptive-on-bg-basic-emphasis-60-default: var(
+  	--db-yellow-on-bg-basic-emphasis-60-default
+  );
+  --db-adaptive-on-bg-basic-emphasis-50-default: var(
+  	--db-yellow-on-bg-basic-emphasis-50-default
+  );
+  --db-adaptive-bg-inverted-contrast-max-default: var(
+  	--db-yellow-bg-inverted-contrast-max-default
+  );
+  --db-adaptive-bg-inverted-contrast-max-hovered: var(
+  	--db-yellow-bg-inverted-contrast-max-hovered
+  );
+  --db-adaptive-bg-inverted-contrast-max-pressed: var(
+  	--db-yellow-bg-inverted-contrast-max-pressed
+  );
+  --db-adaptive-bg-inverted-contrast-high-default: var(
+  	--db-yellow-bg-inverted-contrast-high-default
+  );
+  --db-adaptive-bg-inverted-contrast-high-hovered: var(
+  	--db-yellow-bg-inverted-contrast-high-hovered
+  );
+  --db-adaptive-bg-inverted-contrast-high-pressed: var(
+  	--db-yellow-bg-inverted-contrast-high-pressed
+  );
+  --db-adaptive-bg-inverted-contrast-low-default: var(
+  	--db-yellow-bg-inverted-contrast-low-default
+  );
+  --db-adaptive-bg-inverted-contrast-low-hovered: var(
+  	--db-yellow-bg-inverted-contrast-low-hovered
+  );
+  --db-adaptive-bg-inverted-contrast-low-pressed: var(
+  	--db-yellow-bg-inverted-contrast-low-pressed
+  );
+  --db-adaptive-on-bg-inverted-default: var(
+  	--db-yellow-on-bg-inverted-default
+  );
+  --db-adaptive-on-bg-inverted-hovered: var(
+  	--db-yellow-on-bg-inverted-hovered
+  );
+  --db-adaptive-on-bg-inverted-pressed: var(
+  	--db-yellow-on-bg-inverted-pressed
+  );
+  --db-adaptive-origin-default: var(--db-yellow-origin-default);
+  --db-adaptive-origin-hovered: var(--db-yellow-origin-hovered);
+  --db-adaptive-origin-pressed: var(--db-yellow-origin-pressed);
+  --db-adaptive-on-origin-default: var(
+  	--db-yellow-on-origin-default
+  );
+  --db-adaptive-bg-vibrant-default: var(
+  	--db-yellow-bg-vibrant-default
+  );
+  --db-adaptive-bg-vibrant-hovered: var(
+  	--db-yellow-bg-vibrant-hovered
+  );
+  --db-adaptive-bg-vibrant-pressed: var(
+  	--db-yellow-bg-vibrant-pressed
+  );
+  --db-adaptive-on-bg-vibrant-default: var(
+  	--db-yellow-on-bg-vibrant-default
+  );
+  --db-adaptive-on-bg-vibrant-hovered: var(
+  	--db-yellow-on-bg-vibrant-hovered
+  );
+  --db-adaptive-on-bg-vibrant-pressed: var(
+  	--db-yellow-on-bg-vibrant-pressed
+  );
 }
 
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
 [data-color=yellow],
 .db-color-yellow {
   color: var(--db-adaptive-on-bg-basic-emphasis-100-default);

package/build/styles/defaults/default-code.css

@@ -1,97 +1,97 @@
-@layer variables{blockquote:not([class]){--db-adaptive-bg-basic-level-1-default:var(
-    	--db-neutral-bg-basic-level-1-default
-    );--db-adaptive-bg-basic-level-1-hovered:var(
-    	--db-neutral-bg-basic-level-1-hovered
-    );--db-adaptive-bg-basic-level-1-pressed:var(
-    	--db-neutral-bg-basic-level-1-pressed
-    );--db-adaptive-bg-basic-level-2-default:var(
-    	--db-neutral-bg-basic-level-2-default
-    );--db-adaptive-bg-basic-level-2-hovered:var(
-    	--db-neutral-bg-basic-level-2-hovered
-    );--db-adaptive-bg-basic-level-2-pressed:var(
-    	--db-neutral-bg-basic-level-2-pressed
-    );--db-adaptive-bg-basic-level-3-default:var(
-    	--db-neutral-bg-basic-level-3-default
-    );--db-adaptive-bg-basic-level-3-hovered:var(
-    	--db-neutral-bg-basic-level-3-hovered
-    );--db-adaptive-bg-basic-level-3-pressed:var(
-    	--db-neutral-bg-basic-level-3-pressed
-    );--db-adaptive-bg-basic-transparent-full-default:var(
-    	--db-neutral-bg-basic-transparent-full-default
-    );--db-adaptive-bg-basic-transparent-semi-default:var(
-    	--db-neutral-bg-basic-transparent-semi-default
-    );--db-adaptive-bg-basic-transparent-full-hovered:var(
-    	--db-neutral-bg-basic-transparent-full-hovered
-    );--db-adaptive-bg-basic-transparent-full-pressed:var(
-    	--db-neutral-bg-basic-transparent-full-pressed
-    );--db-adaptive-bg-basic-transparent-semi-hovered:var(
-    	--db-neutral-bg-basic-transparent-semi-hovered
-    );--db-adaptive-bg-basic-transparent-semi-pressed:var(
-    	--db-neutral-bg-basic-transparent-semi-pressed
-    );--db-adaptive-on-bg-basic-emphasis-100-default:var(
-    	--db-neutral-on-bg-basic-emphasis-100-default
-    );--db-adaptive-on-bg-basic-emphasis-100-hovered:var(
-    	--db-neutral-on-bg-basic-emphasis-100-hovered
-    );--db-adaptive-on-bg-basic-emphasis-100-pressed:var(
-    	--db-neutral-on-bg-basic-emphasis-100-pressed
-    );--db-adaptive-on-bg-basic-emphasis-90-default:var(
-    	--db-neutral-on-bg-basic-emphasis-90-default
-    );--db-adaptive-on-bg-basic-emphasis-90-hovered:var(
-    	--db-neutral-on-bg-basic-emphasis-90-hovered
-    );--db-adaptive-on-bg-basic-emphasis-90-pressed:var(
-    	--db-neutral-on-bg-basic-emphasis-90-pressed
-    );--db-adaptive-on-bg-basic-emphasis-80-default:var(
-    	--db-neutral-on-bg-basic-emphasis-80-default
-    );--db-adaptive-on-bg-basic-emphasis-80-hovered:var(
-    	--db-neutral-on-bg-basic-emphasis-80-hovered
-    );--db-adaptive-on-bg-basic-emphasis-80-pressed:var(
-    	--db-neutral-on-bg-basic-emphasis-80-pressed
-    );--db-adaptive-on-bg-basic-emphasis-70-default:var(
-    	--db-neutral-on-bg-basic-emphasis-70-default
-    );--db-adaptive-on-bg-basic-emphasis-70-hovered:var(
-    	--db-neutral-on-bg-basic-emphasis-70-hovered
-    );--db-adaptive-on-bg-basic-emphasis-70-pressed:var(
-    	--db-neutral-on-bg-basic-emphasis-70-pressed
-    );--db-adaptive-on-bg-basic-emphasis-60-default:var(
-    	--db-neutral-on-bg-basic-emphasis-60-default
-    );--db-adaptive-on-bg-basic-emphasis-50-default:var(
-    	--db-neutral-on-bg-basic-emphasis-50-default
-    );--db-adaptive-bg-inverted-contrast-max-default:var(
-    	--db-neutral-bg-inverted-contrast-max-default
-    );--db-adaptive-bg-inverted-contrast-max-hovered:var(
-    	--db-neutral-bg-inverted-contrast-max-hovered
-    );--db-adaptive-bg-inverted-contrast-max-pressed:var(
-    	--db-neutral-bg-inverted-contrast-max-pressed
-    );--db-adaptive-bg-inverted-contrast-high-default:var(
-    	--db-neutral-bg-inverted-contrast-high-default
-    );--db-adaptive-bg-inverted-contrast-high-hovered:var(
-    	--db-neutral-bg-inverted-contrast-high-hovered
-    );--db-adaptive-bg-inverted-contrast-high-pressed:var(
-    	--db-neutral-bg-inverted-contrast-high-pressed
-    );--db-adaptive-bg-inverted-contrast-low-default:var(
-    	--db-neutral-bg-inverted-contrast-low-default
-    );--db-adaptive-bg-inverted-contrast-low-hovered:var(
-    	--db-neutral-bg-inverted-contrast-low-hovered
-    );--db-adaptive-bg-inverted-contrast-low-pressed:var(
-    	--db-neutral-bg-inverted-contrast-low-pressed
-    );--db-adaptive-on-bg-inverted-default:var(
-    	--db-neutral-on-bg-inverted-default
-    );--db-adaptive-on-bg-inverted-hovered:var(
-    	--db-neutral-on-bg-inverted-hovered
-    );--db-adaptive-on-bg-inverted-pressed:var(
-    	--db-neutral-on-bg-inverted-pressed
-    );--db-adaptive-origin-default:var(--db-neutral-origin-default);--db-adaptive-origin-hovered:var(--db-neutral-origin-hovered);--db-adaptive-origin-pressed:var(--db-neutral-origin-pressed);--db-adaptive-on-origin-default:var(
-    	--db-neutral-on-origin-default
-    );--db-adaptive-bg-vibrant-default:var(
-    	--db-neutral-bg-vibrant-default
-    );--db-adaptive-bg-vibrant-hovered:var(
-    	--db-neutral-bg-vibrant-hovered
-    );--db-adaptive-bg-vibrant-pressed:var(
-    	--db-neutral-bg-vibrant-pressed
-    );--db-adaptive-on-bg-vibrant-default:var(
-    	--db-neutral-on-bg-vibrant-default
-    );--db-adaptive-on-bg-vibrant-hovered:var(
-    	--db-neutral-on-bg-vibrant-hovered
-    );--db-adaptive-on-bg-vibrant-pressed:var(
-    	--db-neutral-on-bg-vibrant-pressed
-    )}}blockquote:not([class]){background-color:var(--db-neutral-bg-basic-transparent-semi-default);color:var(--db-neutral-on-bg-basic-emphasis-100-default)}blockquote:not([class]):after,blockquote:not([class]):before{--db-icon-color:var(--db-neutral-on-bg-basic-emphasis-100-default)}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}pre:not([class]):has(code){background-color:var(--db-adaptive-bg-inverted-contrast-max-default);color:var(--db-adaptive-on-bg-inverted-default);padding:var(--db-spacing-fixed-xs)}pre:not([class]):has(code),pre:not([class]):has(code) code,pre:not([class]):has(code) span{font-family:monospace}a:has(code:not([class]):only-child){background-color:var(--db-adaptive-bg-inverted-contrast-max-default);color:var(--db-adaptive-on-bg-inverted-default)}a:has(code:not([class]):only-child):hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)){color:var(--db-adaptive-on-bg-inverted-hovered);cursor:var(--db-overwrite-cursor,pointer)}a:has(code:not([class]):only-child):hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),a:has(code:not([class]):only-child):hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea){cursor:auto}a:has(code:not([class]):only-child):hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),a:has(code:not([class]):only-child):hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)){cursor:pointer}a:has(code:not([class]):only-child):active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)){color:var(--db-adaptive-on-bg-inverted-pressed);cursor:var(--db-overwrite-cursor,pointer)}a:has(code:not([class]):only-child):active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),a:has(code:not([class]):only-child):active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea){cursor:auto}a:has(code:not([class]):only-child):active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),a:has(code:not([class]):only-child):active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)){cursor:pointer}a:has(code:not([class]):only-child)>code{color:inherit}code:not([class]){background-color:var(--db-adaptive-bg-inverted-contrast-max-default);color:var(--db-adaptive-on-bg-inverted-default);padding-block:var(--db-spacing-fixed-3xs);padding-inline:var(--db-spacing-fixed-2xs)}code:not([class]),code:not([class]) span{font-family:monospace}blockquote:not([class]){margin:0;padding:var(--db-spacing-fixed-sm) var(--db-spacing-fixed-md)}
+blockquote:not([class]){--db-adaptive-bg-basic-level-1-default:var(
+  	--db-neutral-bg-basic-level-1-default
+  );--db-adaptive-bg-basic-level-1-hovered:var(
+  	--db-neutral-bg-basic-level-1-hovered
+  );--db-adaptive-bg-basic-level-1-pressed:var(
+  	--db-neutral-bg-basic-level-1-pressed
+  );--db-adaptive-bg-basic-level-2-default:var(
+  	--db-neutral-bg-basic-level-2-default
+  );--db-adaptive-bg-basic-level-2-hovered:var(
+  	--db-neutral-bg-basic-level-2-hovered
+  );--db-adaptive-bg-basic-level-2-pressed:var(
+  	--db-neutral-bg-basic-level-2-pressed
+  );--db-adaptive-bg-basic-level-3-default:var(
+  	--db-neutral-bg-basic-level-3-default
+  );--db-adaptive-bg-basic-level-3-hovered:var(
+  	--db-neutral-bg-basic-level-3-hovered
+  );--db-adaptive-bg-basic-level-3-pressed:var(
+  	--db-neutral-bg-basic-level-3-pressed
+  );--db-adaptive-bg-basic-transparent-full-default:var(
+  	--db-neutral-bg-basic-transparent-full-default
+  );--db-adaptive-bg-basic-transparent-semi-default:var(
+  	--db-neutral-bg-basic-transparent-semi-default
+  );--db-adaptive-bg-basic-transparent-full-hovered:var(
+  	--db-neutral-bg-basic-transparent-full-hovered
+  );--db-adaptive-bg-basic-transparent-full-pressed:var(
+  	--db-neutral-bg-basic-transparent-full-pressed
+  );--db-adaptive-bg-basic-transparent-semi-hovered:var(
+  	--db-neutral-bg-basic-transparent-semi-hovered
+  );--db-adaptive-bg-basic-transparent-semi-pressed:var(
+  	--db-neutral-bg-basic-transparent-semi-pressed
+  );--db-adaptive-on-bg-basic-emphasis-100-default:var(
+  	--db-neutral-on-bg-basic-emphasis-100-default
+  );--db-adaptive-on-bg-basic-emphasis-100-hovered:var(
+  	--db-neutral-on-bg-basic-emphasis-100-hovered
+  );--db-adaptive-on-bg-basic-emphasis-100-pressed:var(
+  	--db-neutral-on-bg-basic-emphasis-100-pressed
+  );--db-adaptive-on-bg-basic-emphasis-90-default:var(
+  	--db-neutral-on-bg-basic-emphasis-90-default
+  );--db-adaptive-on-bg-basic-emphasis-90-hovered:var(
+  	--db-neutral-on-bg-basic-emphasis-90-hovered
+  );--db-adaptive-on-bg-basic-emphasis-90-pressed:var(
+  	--db-neutral-on-bg-basic-emphasis-90-pressed
+  );--db-adaptive-on-bg-basic-emphasis-80-default:var(
+  	--db-neutral-on-bg-basic-emphasis-80-default
+  );--db-adaptive-on-bg-basic-emphasis-80-hovered:var(
+  	--db-neutral-on-bg-basic-emphasis-80-hovered
+  );--db-adaptive-on-bg-basic-emphasis-80-pressed:var(
+  	--db-neutral-on-bg-basic-emphasis-80-pressed
+  );--db-adaptive-on-bg-basic-emphasis-70-default:var(
+  	--db-neutral-on-bg-basic-emphasis-70-default
+  );--db-adaptive-on-bg-basic-emphasis-70-hovered:var(
+  	--db-neutral-on-bg-basic-emphasis-70-hovered
+  );--db-adaptive-on-bg-basic-emphasis-70-pressed:var(
+  	--db-neutral-on-bg-basic-emphasis-70-pressed
+  );--db-adaptive-on-bg-basic-emphasis-60-default:var(
+  	--db-neutral-on-bg-basic-emphasis-60-default
+  );--db-adaptive-on-bg-basic-emphasis-50-default:var(
+  	--db-neutral-on-bg-basic-emphasis-50-default
+  );--db-adaptive-bg-inverted-contrast-max-default:var(
+  	--db-neutral-bg-inverted-contrast-max-default
+  );--db-adaptive-bg-inverted-contrast-max-hovered:var(
+  	--db-neutral-bg-inverted-contrast-max-hovered
+  );--db-adaptive-bg-inverted-contrast-max-pressed:var(
+  	--db-neutral-bg-inverted-contrast-max-pressed
+  );--db-adaptive-bg-inverted-contrast-high-default:var(
+  	--db-neutral-bg-inverted-contrast-high-default
+  );--db-adaptive-bg-inverted-contrast-high-hovered:var(
+  	--db-neutral-bg-inverted-contrast-high-hovered
+  );--db-adaptive-bg-inverted-contrast-high-pressed:var(
+  	--db-neutral-bg-inverted-contrast-high-pressed
+  );--db-adaptive-bg-inverted-contrast-low-default:var(
+  	--db-neutral-bg-inverted-contrast-low-default
+  );--db-adaptive-bg-inverted-contrast-low-hovered:var(
+  	--db-neutral-bg-inverted-contrast-low-hovered
+  );--db-adaptive-bg-inverted-contrast-low-pressed:var(
+  	--db-neutral-bg-inverted-contrast-low-pressed
+  );--db-adaptive-on-bg-inverted-default:var(
+  	--db-neutral-on-bg-inverted-default
+  );--db-adaptive-on-bg-inverted-hovered:var(
+  	--db-neutral-on-bg-inverted-hovered
+  );--db-adaptive-on-bg-inverted-pressed:var(
+  	--db-neutral-on-bg-inverted-pressed
+  );--db-adaptive-origin-default:var(--db-neutral-origin-default);--db-adaptive-origin-hovered:var(--db-neutral-origin-hovered);--db-adaptive-origin-pressed:var(--db-neutral-origin-pressed);--db-adaptive-on-origin-default:var(
+  	--db-neutral-on-origin-default
+  );--db-adaptive-bg-vibrant-default:var(
+  	--db-neutral-bg-vibrant-default
+  );--db-adaptive-bg-vibrant-hovered:var(
+  	--db-neutral-bg-vibrant-hovered
+  );--db-adaptive-bg-vibrant-pressed:var(
+  	--db-neutral-bg-vibrant-pressed
+  );--db-adaptive-on-bg-vibrant-default:var(
+  	--db-neutral-on-bg-vibrant-default
+  );--db-adaptive-on-bg-vibrant-hovered:var(
+  	--db-neutral-on-bg-vibrant-hovered
+  );--db-adaptive-on-bg-vibrant-pressed:var(
+  	--db-neutral-on-bg-vibrant-pressed
+  );background-color:var(--db-neutral-bg-basic-transparent-semi-default);color:var(--db-neutral-on-bg-basic-emphasis-100-default)}blockquote:not([class]):after,blockquote:not([class]):before{--db-icon-color:var(--db-neutral-on-bg-basic-emphasis-100-default)}pre:not([class]):has(code){background-color:var(--db-adaptive-bg-inverted-contrast-max-default);color:var(--db-adaptive-on-bg-inverted-default);padding:var(--db-spacing-fixed-xs)}pre:not([class]):has(code),pre:not([class]):has(code) code,pre:not([class]):has(code) span{font-family:monospace}a:has(code:not([class]):only-child){background-color:var(--db-adaptive-bg-inverted-contrast-max-default);color:var(--db-adaptive-on-bg-inverted-default)}a:has(code:not([class]):only-child):hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)){color:var(--db-adaptive-on-bg-inverted-hovered);cursor:var(--db-overwrite-cursor,pointer)}a:has(code:not([class]):only-child):hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),a:has(code:not([class]):only-child):hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea){cursor:auto}a:has(code:not([class]):only-child):hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),a:has(code:not([class]):only-child):hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)){cursor:pointer}a:has(code:not([class]):only-child):active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)){color:var(--db-adaptive-on-bg-inverted-pressed);cursor:var(--db-overwrite-cursor,pointer)}a:has(code:not([class]):only-child):active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),a:has(code:not([class]):only-child):active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea){cursor:auto}a:has(code:not([class]):only-child):active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),a:has(code:not([class]):only-child):active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)){cursor:pointer}a:has(code:not([class]):only-child)>code{color:inherit}code:not([class]){background-color:var(--db-adaptive-bg-inverted-contrast-max-default);color:var(--db-adaptive-on-bg-inverted-default);padding-block:var(--db-spacing-fixed-3xs);padding-inline:var(--db-spacing-fixed-2xs)}code:not([class]),code:not([class]) span{font-family:monospace}blockquote:not([class]){margin:0;padding:var(--db-spacing-fixed-sm) var(--db-spacing-fixed-md)}

package/build/styles/defaults/default-container-properties.css

@@ -0,0 +1 @@
+@property --db-container-3xs{syntax:"*";initial-value:14rem;inherits:true}@property --db-container-2xs{syntax:"*";initial-value:16rem;inherits:true}@property --db-container-xs{syntax:"*";initial-value:20rem;inherits:true}@property --db-container-sm{syntax:"*";initial-value:24rem;inherits:true}@property --db-container-md{syntax:"*";initial-value:28rem;inherits:true}@property --db-container-lg{syntax:"*";initial-value:32rem;inherits:true}@property --db-container-xl{syntax:"*";initial-value:36rem;inherits:true}@property --db-container-2xl{syntax:"*";initial-value:42rem;inherits:true}@property --db-container-3xl{syntax:"*";initial-value:48rem;inherits:true}

package/build/styles/defaults/default-container-variables.css

@@ -0,0 +1 @@
+:host,:root{--db-container-3xs:14rem;--db-container-2xs:16rem;--db-container-xs:20rem;--db-container-sm:24rem;--db-container-md:28rem;--db-container-lg:32rem;--db-container-xl:36rem;--db-container-2xl:42rem;--db-container-3xl:48rem}

package/build/styles/defaults/default-elevation.css

@@ -1 +1 @@
-@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}.db-interactive-elevation,[data-interactive=elevation]{box-shadow:var(--db-elevation-md);cursor:pointer}@media (prefers-reduced-motion:no-preference){.db-interactive-elevation,[data-interactive=elevation]{transition:box-shadow var(--db-transition-duration-fast) var(--db-transition-timing-functional)}}.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)){box-shadow:var(--db-elevation-lg);cursor:var(--db-overwrite-cursor,pointer)}.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea){cursor:auto}.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)){cursor:pointer}.db-interactive-elevation:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)){box-shadow:var(--db-elevation-sm);cursor:var(--db-overwrite-cursor,pointer)}.db-interactive-elevation:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),.db-interactive-elevation:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea){cursor:auto}.db-interactive-elevation:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),.db-interactive-elevation:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)){cursor:pointer}
+.db-interactive-elevation,[data-interactive=elevation]{box-shadow:var(--db-elevation-md);cursor:pointer}@media (prefers-reduced-motion:no-preference){.db-interactive-elevation,[data-interactive=elevation]{transition:box-shadow var(--db-transition-duration-fast) var(--db-transition-timing-functional)}}.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)){box-shadow:var(--db-elevation-lg);cursor:var(--db-overwrite-cursor,pointer)}.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea){cursor:auto}.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)){cursor:pointer}.db-interactive-elevation:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)){box-shadow:var(--db-elevation-sm);cursor:var(--db-overwrite-cursor,pointer)}.db-interactive-elevation:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),.db-interactive-elevation:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea){cursor:auto}.db-interactive-elevation:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),.db-interactive-elevation:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)){cursor:pointer}

package/build/styles/defaults/default-fonts.css

@@ -1,4 +1,4 @@
-@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}code,small{font:var(--db-type-body-sm)}@layer variables{code,small{--db-icon-font-weight:var(--db-base-body-icon-weight-sm);--db-icon-font-size:var(--db-base-body-icon-font-size-sm)}}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}h1{font:var(--db-type-headline-xl);margin-block:var(--db-spacing-fixed-xl)}h1:after,h1:before{--db-icon-font-size:var(
+code,small{font:var(--db-type-body-sm);--db-icon-font-weight:var(--db-base-body-icon-weight-sm);--db-icon-font-size:var(--db-base-body-icon-font-size-sm)}h1{font:var(--db-type-headline-xl);margin-block:var(--db-spacing-fixed-xl)}h1:after,h1:before{--db-icon-font-size:var(
   	--db-base-headline-icon-font-size-xl
   );--db-icon-font-weight:var(
   	--db-base-headline-icon-weight-xl

package/build/styles/defaults/default-icons.css

@@ -1 +1 @@
-@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}[data-icon-leading]:before,[data-icon-trailing]:after,[data-icon]:before{color:var(--db-icon-color,inherit);display:inline-block;font-family:var(--db-icon-font-family,var(--db-icon-default-font-family,"db-ux-default","icon-font-fallback"))!important;font-size:var(--db-icon-font-size,1.5rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:var(--db-icon-font-weight,normal);line-height:1;speak:none;speak:never;aspect-ratio:1;block-size:var(--db-icon-font-size,1.5rem);content:var(--db-icon,attr(data-icon));flex-shrink:0;overflow:clip;text-transform:none;vertical-align:var(--db-icon-vertical-align,middle)}@supports (content:""/""){[data-icon-leading]:before,[data-icon-trailing]:after,[data-icon]:before{content:var(--db-icon,attr(data-icon))/""}}@media aural{[data-icon-leading]:before,[data-icon-trailing]:after,[data-icon]:before{content:none}}@media speech{[data-icon-leading]:before,[data-icon-trailing]:after,[data-icon]:before{content:none}}[data-icon-leading]:is(span),[data-icon-trailing]:is(span),[data-icon]:is(span){vertical-align:baseline}[data-icon-leading]:is(span):not([hidden]),[data-icon-trailing]:is(span):not([hidden]),[data-icon]:is(span):not([hidden]){display:inline-flex}[data-icon-leading]:before,[data-icon]:before{margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}[data-icon-leading=none]:before,[data-icon=none]:before,[data-show-icon-leading=false]:before,[data-show-icon=false]:before{content:none}[data-icon-trailing]:after{content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){[data-icon-trailing]:after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}[data-icon-trailing=none]:after,[data-show-icon-trailing=false]:after{content:none}.is-icon-text-replace[data-icon-leading],.is-icon-text-replace[data-icon]{font-size:0!important}.is-icon-text-replace[data-icon-leading]:before,.is-icon-text-replace[data-icon]:before{--db-icon-margin-end:0}.is-icon-text-replace[data-icon-trailing]{font-size:0!important}.is-icon-text-replace[data-icon-trailing]:after{--db-icon-margin-start:0}
+[data-icon-leading]:before,[data-icon-trailing]:after,[data-icon]:before{color:var(--db-icon-color,inherit);display:inline-block;font-family:var(--db-icon-font-family,var(--db-icon-default-font-family,"db-ux-default","icon-font-fallback"))!important;font-size:var(--db-icon-font-size,1.5rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:var(--db-icon-font-weight,normal);line-height:1;speak:none;speak:never;aspect-ratio:1;block-size:var(--db-icon-font-size,1.5rem);content:var(--db-icon,attr(data-icon));flex-shrink:0;overflow:clip;text-transform:none;vertical-align:var(--db-icon-vertical-align,middle)}@supports (content:""/""){[data-icon-leading]:before,[data-icon-trailing]:after,[data-icon]:before{content:var(--db-icon,attr(data-icon))/""}}@media aural{[data-icon-leading]:before,[data-icon-trailing]:after,[data-icon]:before{content:none}}@media speech{[data-icon-leading]:before,[data-icon-trailing]:after,[data-icon]:before{content:none}}[data-icon-leading]:is(span),[data-icon-trailing]:is(span),[data-icon]:is(span){vertical-align:initial}[data-icon-leading]:is(span):not([hidden]),[data-icon-trailing]:is(span):not([hidden]),[data-icon]:is(span):not([hidden]){display:inline-flex}[data-icon-leading]:before,[data-icon]:before{margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}[data-icon-leading=none]:before,[data-icon=none]:before,[data-show-icon-leading=false]:before,[data-show-icon=false]:before{content:none}[data-icon-trailing]:after{content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){[data-icon-trailing]:after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}[data-icon-trailing=none]:after,[data-show-icon-trailing=false]:after{content:none}.is-icon-text-replace[data-icon-leading],.is-icon-text-replace[data-icon]{font-size:0!important}.is-icon-text-replace[data-icon-leading]:before,.is-icon-text-replace[data-icon]:before{--db-icon-margin-end:0}.is-icon-text-replace[data-icon-trailing]{font-size:0!important}.is-icon-text-replace[data-icon-trailing]:after{--db-icon-margin-start:0}