@db-ux/core-foundations 2.0.0-0-custom-select-16b8cce → 2.0.1

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

@@ -1,93 +1,93 @@
-blockquote{--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-hovered:var(
-  	--db-neutral-bg-basic-transparent-hovered
-  );--db-adaptive-bg-basic-transparent-pressed:var(
-  	--db-neutral-bg-basic-transparent-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-60-hovered:var(
-  	--db-neutral-on-bg-basic-emphasis-60-hovered
-  );--db-adaptive-on-bg-basic-emphasis-60-pressed:var(
-  	--db-neutral-on-bg-basic-emphasis-60-pressed
-  );--db-adaptive-on-bg-basic-emphasis-50-default:var(
-  	--db-neutral-on-bg-basic-emphasis-50-default
-  );--db-adaptive-on-bg-basic-emphasis-50-hovered:var(
-  	--db-neutral-on-bg-basic-emphasis-50-hovered
-  );--db-adaptive-on-bg-basic-emphasis-50-pressed:var(
-  	--db-neutral-on-bg-basic-emphasis-50-pressed
-  );--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-on-origin-hovered:var(
-  	--db-neutral-on-origin-hovered
-  );--db-adaptive-on-origin-pressed:var(
-  	--db-neutral-on-origin-pressed
-  );background-color:var(--db-neutral-bg-basic-transparent-semi-default);color:var(--db-neutral-on-bg-basic-emphasis-100-default)}blockquote:after,blockquote:before{--db-icon-color:var(--db-neutral-on-bg-basic-emphasis-100-default)}pre: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)}a:has(code){background-color:var(--db-adaptive-bg-inverted-contrast-max-default);color:var(--db-adaptive-on-bg-inverted-default)}a:has(code):hover:not(:disabled,[aria-disabled=true]){color:var(--db-adaptive-on-bg-inverted-hovered);cursor:var(--db-overwrite-cursor,pointer)}a:has(code):hover:not(:disabled,[aria-disabled=true]):is(input),a:has(code):hover:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}a:has(code):hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),a:has(code):hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}a:has(code):active:not(:disabled,[aria-disabled=true]){color:var(--db-adaptive-on-bg-inverted-pressed);cursor:var(--db-overwrite-cursor,pointer)}a:has(code):active:not(:disabled,[aria-disabled=true]):is(input),a:has(code):active:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}a:has(code):active:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),a:has(code):active:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}a:has(code)>code{color:inherit}code{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)}blockquote{margin:0;padding:var(--db-spacing-fixed-sm) var(--db-spacing-fixed-md)}
+@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-hovered:var(
+    	--db-neutral-bg-basic-transparent-hovered
+    );--db-adaptive-bg-basic-transparent-pressed:var(
+    	--db-neutral-bg-basic-transparent-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{}pre:not([class]):has(code){background-color:var(--db-adaptive-bg-inverted-contrast-max-default);color:var(--db-adaptive-on-bg-inverted-default);font-family:monospace;padding:var(--db-spacing-fixed-xs)}a:has(code:not([class])){background-color:var(--db-adaptive-bg-inverted-contrast-max-default);color:var(--db-adaptive-on-bg-inverted-default)}a:has(code:not([class])):hover:not(:disabled,[aria-disabled=true]){color:var(--db-adaptive-on-bg-inverted-hovered);cursor:var(--db-overwrite-cursor,pointer)}a:has(code:not([class])):hover:not(:disabled,[aria-disabled=true]):is(input),a:has(code:not([class])):hover:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}a:has(code:not([class])):hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),a:has(code:not([class])):hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}a:has(code:not([class])):active:not(:disabled,[aria-disabled=true]){color:var(--db-adaptive-on-bg-inverted-pressed);cursor:var(--db-overwrite-cursor,pointer)}a:has(code:not([class])):active:not(:disabled,[aria-disabled=true]):is(input),a:has(code:not([class])):active:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}a:has(code:not([class])):active:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),a:has(code:not([class])):active:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}a:has(code:not([class]))>code{color:inherit}code:not([class]){background-color:var(--db-adaptive-bg-inverted-contrast-max-default);color:var(--db-adaptive-on-bg-inverted-default);font-family:monospace;padding-block:var(--db-spacing-fixed-3xs);padding-inline:var(--db-spacing-fixed-2xs)}blockquote:not([class]){margin:0;padding:var(--db-spacing-fixed-sm) var(--db-spacing-fixed-md)}

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

@@ -4,13 +4,14 @@
 @use "../variables";
 @use "../helpers";
 
-pre:has(code) {
+pre:not([class]):has(code) {
 	background-color: colors.$db-adaptive-bg-inverted-contrast-max-default;
 	color: colors.$db-adaptive-on-bg-inverted-default;
 	padding: variables.$db-spacing-fixed-xs;
+	font-family: monospace;
 }
 
-a:has(code) {
+a:has(code:not([class])) {
 	background-color: colors.$db-adaptive-bg-inverted-contrast-max-default;
 	color: colors.$db-adaptive-on-bg-inverted-default;
 
@@ -27,14 +28,15 @@ a:has(code) {
 	}
 }
 
-code {
+code:not([class]) {
 	background-color: colors.$db-adaptive-bg-inverted-contrast-max-default;
 	color: colors.$db-adaptive-on-bg-inverted-default;
 	padding-block: variables.$db-spacing-fixed-3xs;
 	padding-inline: variables.$db-spacing-fixed-2xs;
+	font-family: monospace;
 }
 
-blockquote {
+blockquote:not([class]) {
 	@extend %db-neutral-bg-basic-transparent-semi;
 
 	margin: 0;

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

@@ -1 +1 @@
-.db-interactive-elevation,[data-interactive=elevation]{box-shadow:var(--db-elevation-md);cursor:pointer}@media screen and (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]),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true]){box-shadow:var(--db-elevation-lg);cursor:var(--db-overwrite-cursor,pointer)}.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true]):is(input),.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true]):is(textarea),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true]):is(input),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-interactive-elevation:active:not(:disabled,[aria-disabled=true]),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true]){box-shadow:var(--db-elevation-sm);cursor:var(--db-overwrite-cursor,pointer)}.db-interactive-elevation:active:not(:disabled,[aria-disabled=true]):is(input),.db-interactive-elevation:active:not(:disabled,[aria-disabled=true]):is(textarea),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true]):is(input),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}.db-interactive-elevation:active:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-interactive-elevation:active:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}
+@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 screen and (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]),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true]){box-shadow:var(--db-elevation-lg);cursor:var(--db-overwrite-cursor,pointer)}.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true]):is(input),.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true]):is(textarea),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true]):is(input),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-interactive-elevation:active:not(:disabled,[aria-disabled=true]),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true]){box-shadow:var(--db-elevation-sm);cursor:var(--db-overwrite-cursor,pointer)}.db-interactive-elevation:active:not(:disabled,[aria-disabled=true]):is(input),.db-interactive-elevation:active:not(:disabled,[aria-disabled=true]):is(textarea),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true]):is(input),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}.db-interactive-elevation:active:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-interactive-elevation:active:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}

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

@@ -1,25 +1,25 @@
-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);font-size:var(--db-type-body-font-size-sm);line-height:var(--db-type-body-line-height-sm)}:is(h1,h2,h3,h4,h5,h6){font-family:var(--db-font-family-head);font-weight:700;text-wrap:balance}:is(h1,h2,h3,h4,h5,h6)[data-variant=light]{font-weight:300}:is(h1,h2,h3,h4,h5,h6)[data-variant=regular]{font-weight:400}h1{font-size:var(--db-type-headline-font-size-xl);line-height:var(--db-type-headline-line-height-xl);margin-block:var(--db-spacing-fixed-xl)}h1:after,h1:before{--db-icon-font-size:var(
+@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(
   	--db-base-headline-icon-font-size-xl
   );--db-icon-font-weight:var(
   	--db-base-headline-icon-weight-xl
-  )}h2{font-size:var(--db-type-headline-font-size-lg);line-height:var(--db-type-headline-line-height-lg);margin-block:var(--db-spacing-fixed-lg)}h2:after,h2:before{--db-icon-font-size:var(
+  )}h2{font:var(--db-type-headline-lg);margin-block:var(--db-spacing-fixed-lg)}h2:after,h2:before{--db-icon-font-size:var(
   	--db-base-headline-icon-font-size-lg
   );--db-icon-font-weight:var(
   	--db-base-headline-icon-weight-lg
-  )}h3{font-size:var(--db-type-headline-font-size-md);line-height:var(--db-type-headline-line-height-md);margin-block:var(--db-spacing-fixed-md)}h3:after,h3:before{--db-icon-font-size:var(
+  )}h3{font:var(--db-type-headline-md);margin-block:var(--db-spacing-fixed-md)}h3:after,h3:before{--db-icon-font-size:var(
   	--db-base-headline-icon-font-size-md
   );--db-icon-font-weight:var(
   	--db-base-headline-icon-weight-md
-  )}h4{font-size:var(--db-type-headline-font-size-sm);line-height:var(--db-type-headline-line-height-sm);margin-block:var(--db-spacing-fixed-sm)}h4:after,h4:before{--db-icon-font-size:var(
+  )}h4{font:var(--db-type-headline-sm);margin-block:var(--db-spacing-fixed-sm)}h4:after,h4:before{--db-icon-font-size:var(
   	--db-base-headline-icon-font-size-sm
   );--db-icon-font-weight:var(
   	--db-base-headline-icon-weight-sm
-  )}h5{font-size:var(--db-type-headline-font-size-xs);line-height:var(--db-type-headline-line-height-xs);margin-block:var(--db-spacing-fixed-xs)}h5:after,h5:before{--db-icon-font-size:var(
+  )}h5{font:var(--db-type-headline-xs);margin-block:var(--db-spacing-fixed-xs)}h5:after,h5:before{--db-icon-font-size:var(
   	--db-base-headline-icon-font-size-xs
   );--db-icon-font-weight:var(
   	--db-base-headline-icon-weight-xs
-  )}h6{font-size:var(--db-type-headline-font-size-2xs);line-height:var(--db-type-headline-line-height-2xs);margin-block:var(--db-spacing-fixed-2xs)}h6:after,h6:before{--db-icon-font-size:var(
+  )}h6{font:var(--db-type-headline-2xs);margin-block:var(--db-spacing-fixed-2xs)}h6:after,h6:before{--db-icon-font-size:var(
   	--db-base-headline-icon-font-size-2xs
   );--db-icon-font-weight:var(
   	--db-base-headline-icon-weight-2xs
-  )}p{margin-block:var(--db-spacing-fixed-md)}[data-font=digital]{font-weight:300}[data-font=regular]{font-weight:400}[data-font=medium]{font-weight:500}[data-font=semibold]{font-weight:600}[data-font=bold],strong{font-weight:700}
+  )}:is(h1,h2,h3,h4,h5,h6){font-family:var(--db-font-family-head);font-weight:bolder;text-wrap:balance}:is(h1,h2,h3,h4,h5,h6)[data-variant=light]{font-weight:300}:is(h1,h2,h3,h4,h5,h6)[data-variant=regular]{font-weight:400}p{margin-block:var(--db-spacing-fixed-md)}[data-font=digital]{font-weight:300}[data-font=regular]{font-weight:400}[data-font=medium]{font-weight:500}[data-font=semibold]{font-weight:600}[data-font=bold],strong{font-weight:700}

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

@@ -17,27 +17,10 @@ $headlines: (
 	"h6": "2xs"
 );
 
-:is(h1, h2, h3, h4, h5, h6) {
-	font-family: var(--db-font-family-head);
-	font-weight: 700;
-	text-wrap: balance;
-
-	&[data-variant="light"] {
-		font-weight: 300;
-	}
-
-	&[data-variant="regular"] {
-		font-weight: 400;
-	}
-}
-
 @each $headline, $size in $headlines {
 	#{string.unquote($headline)} {
 		/* stylelint-disable custom-property-pattern */
-		line-height: var(
-			--db-type-headline-line-height-#{string.unquote($size)}
-		);
-		font-size: var(--db-type-headline-font-size-#{string.unquote($size)});
+		font: var(--db-type-headline-#{string.unquote($size)});
 		margin-block: var(--db-spacing-fixed-#{string.unquote($size)});
 
 		&::before,
@@ -53,6 +36,20 @@ $headlines: (
 	}
 }
 
+:is(h1, h2, h3, h4, h5, h6) {
+	font-family: var(--db-font-family-head);
+	font-weight: bolder;
+	text-wrap: balance;
+
+	&[data-variant="light"] {
+		font-weight: 300;
+	}
+
+	&[data-variant="regular"] {
+		font-weight: 400;
+	}
+}
+
 p {
 	margin-block: variables.$db-spacing-fixed-md;
 }

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

@@ -1 +1 @@
-[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:var(--db-icon,attr(data-icon));content:var(--db-icon,attr(data-icon))/"";-webkit-alt:"";alt:"";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"))!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;block-size:var(--db-icon-font-size,1.5rem);inline-size:var(--db-icon-font-size,1.5rem);text-transform:none;vertical-align:middle}@media aural{[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}@media speech{[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}[data-icon-after]:is(span),[data-icon-before]:is(span),[data-icon]:is(span){display:inline-flex;vertical-align:baseline}[data-icon-before]:before,[data-icon]:before{margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}[data-hide-icon-before=true]:before,[data-hide-icon=true]:before,[data-icon-before=none]:before,[data-icon=none]:before{content:none}[data-icon-after]:after{content:var(--db-icon-after,attr(data-icon-after));content:var(--db-icon-after,attr(data-icon-after))/"";margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}[data-hide-icon-after=true]:after,[data-icon-after=none]:after{content:none}.is-icon-text-replace[data-icon-before],.is-icon-text-replace[data-icon]{font-size:0!important}.is-icon-text-replace[data-icon-before]:before,.is-icon-text-replace[data-icon]:before{--db-icon-margin-end:0}.is-icon-text-replace[data-icon-after]{font-size:0!important}.is-icon-text-replace[data-icon-after]:after{--db-icon-margin-start:0}
+@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-after]:after,[data-icon-before]:before,[data-icon]:before{content:var(--db-icon,attr(data-icon));content:var(--db-icon,attr(data-icon))/"";-webkit-alt:"";alt:"";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"))!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;block-size:var(--db-icon-font-size,1.5rem);inline-size:var(--db-icon-font-size,1.5rem);text-transform:none;vertical-align:middle}@media aural{[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}@media speech{[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}[data-icon-after]:is(span),[data-icon-before]:is(span),[data-icon]:is(span){display:inline-flex;vertical-align:baseline}[data-icon-before]:before,[data-icon]:before{margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}[data-hide-icon-before=true]:before,[data-hide-icon=true]:before,[data-icon-before=none]:before,[data-icon=none]:before{content:none}[data-icon-after]:after{content:var(--db-icon-after,attr(data-icon-after));content:var(--db-icon-after,attr(data-icon-after))/"";margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}[data-hide-icon-after=true]:after,[data-icon-after=none]:after{content:none}.is-icon-text-replace[data-icon-before],.is-icon-text-replace[data-icon]{font-size:0!important}.is-icon-text-replace[data-icon-before]:before,.is-icon-text-replace[data-icon]:before{--db-icon-margin-end:0}.is-icon-text-replace[data-icon-after]{font-size:0!important}.is-icon-text-replace[data-icon-after]:after{--db-icon-margin-start:0}

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

@@ -1 +1 @@
-@charset "UTF-8";:not([data-disable-focus=true]):is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{box-shadow:0 0 0 var(--db-border-height-xs) var(--db-focus-box-shadow-bg-color,transparent);outline:var(--db-border-height-2xs) solid var(--db-focus-outline-color,var(--db-informational-on-bg-basic-emphasis-80-default));outline-offset:var(--db-border-height-xs)}:not([data-disable-focus=true]):not([type=radio],[role=switch]):is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{border-radius:var(--db-border-radius-xs)}@media screen and (prefers-reduced-motion:no-preference){:not([data-disable-focus=true]):is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{transition:outline var(--db-transition-duration-extra-fast),box-shadow var(--db-transition-duration-extra-fast)}}:root{font-size:var(--db-type-body-font-size-md);line-height:var(--db-type-body-line-height-md)}:where(html){line-height:1.15;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}:root{--db-breakpoint-xs:22.5em;--db-breakpoint-sm:45em;--db-breakpoint-md:64em;--db-breakpoint-lg:90em}body,html{margin:0;padding:0}#app,#root,body{block-size:inherit}body{font-family:var(--db-font-family-sans)}html{box-sizing:var(--db-box-sizing,border-box)}*{font-family:inherit;font-size:inherit;line-height:inherit}*,:after,:before{box-sizing:inherit}a,body,button,input,select,summary,textarea{color:inherit}embed,iframe,img,object,video{block-size:auto;max-inline-size:100%}iframe{border:0}:where(ul){list-style-type:"• ";padding-inline-start:var(--db-spacing-fixed-md)}:where(ul) li::marker{color:var(--db-brand-origin-default)}[role=navigation] ol,[role=navigation] ul,nav ol,nav ul{list-style-type:"";margin:0;padding:0}fieldset{border:0}details>*,details>:after,details>:before{box-sizing:var(--db-box-sizing,border-box)}
+@charset "UTF-8";@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{}:not([data-disable-focus=true]):is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{box-shadow:0 0 0 var(--db-border-width-xs) var(--db-focus-box-shadow-bg-color,transparent);outline:var(--db-border-width-2xs) solid var(--db-focus-outline-color,var(--db-informational-on-bg-basic-emphasis-80-default));outline-offset:var(--db-border-width-xs)}:not([data-disable-focus=true]):not([type=radio],[role=switch]):is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{border-radius:var(--db-border-radius-xs)}@media screen and (prefers-reduced-motion:no-preference){:not([data-disable-focus=true]):is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{transition:outline var(--db-transition-duration-extra-fast),box-shadow var(--db-transition-duration-extra-fast)}}@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{}:root{font:var(--db-type-body-md)}@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{:root{--db-neutral-origin-default:light-dark(var(--db-neutral-origin-light-default),var(--db-neutral-origin-dark-default));--db-neutral-origin-hovered:light-dark(var(--db-neutral-origin-light-hovered),var(--db-neutral-origin-dark-hovered));--db-neutral-origin-pressed:light-dark(var(--db-neutral-origin-light-pressed),var(--db-neutral-origin-dark-pressed));--db-neutral-on-origin-default:light-dark(var(--db-neutral-on-origin-light-default),var(--db-neutral-on-origin-dark-default));--db-neutral-on-bg-basic-emphasis-50-default:light-dark(var(--db-neutral-9),var(--db-neutral-5));--db-neutral-on-bg-basic-emphasis-60-default:light-dark(var(--db-neutral-10),var(--db-neutral-6));--db-neutral-on-bg-basic-emphasis-70-default:light-dark(var(--db-neutral-7),var(--db-neutral-8));--db-neutral-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-neutral-4),var(--db-neutral-10));--db-neutral-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-neutral-6),var(--db-neutral-9));--db-neutral-on-bg-basic-emphasis-80-default:light-dark(var(--db-neutral-6),var(--db-neutral-9));--db-neutral-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-neutral-3),var(--db-neutral-12));--db-neutral-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-neutral-5),var(--db-neutral-10));--db-neutral-on-bg-basic-emphasis-90-default:light-dark(var(--db-neutral-4),var(--db-neutral-10));--db-neutral-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-neutral-0),var(--db-neutral-14));--db-neutral-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-neutral-3),var(--db-neutral-11));--db-neutral-on-bg-basic-emphasis-100-default:light-dark(var(--db-neutral-1),var(--db-neutral-12));--db-neutral-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-neutral-5),var(--db-neutral-9));--db-neutral-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-neutral-2),var(--db-neutral-11));--db-neutral-on-bg-inverted-default:light-dark(var(--db-neutral-14),var(--db-neutral-3));--db-neutral-on-bg-inverted-hovered:light-dark(var(--db-neutral-11),var(--db-neutral-0));--db-neutral-on-bg-inverted-pressed:light-dark(var(--db-neutral-13),var(--db-neutral-2));--db-neutral-on-bg-vibrant-default:light-dark(var(--db-neutral-1),var(--db-neutral-1));--db-neutral-on-bg-vibrant-hovered:light-dark(var(--db-neutral-4),var(--db-neutral-4));--db-neutral-on-bg-vibrant-pressed:light-dark(var(--db-neutral-2),var(--db-neutral-2));--db-neutral-bg-basic-level-1-default:light-dark(var(--db-neutral-14),var(--db-neutral-1));--db-neutral-bg-basic-level-1-hovered:light-dark(var(--db-neutral-13),var(--db-neutral-3));--db-neutral-bg-basic-level-1-pressed:light-dark(var(--db-neutral-12),var(--db-neutral-4));--db-neutral-bg-basic-level-2-default:light-dark(var(--db-neutral-13),var(--db-neutral-2));--db-neutral-bg-basic-level-2-hovered:light-dark(var(--db-neutral-12),var(--db-neutral-4));--db-neutral-bg-basic-level-2-pressed:light-dark(var(--db-neutral-11),var(--db-neutral-5));--db-neutral-bg-basic-level-3-default:light-dark(var(--db-neutral-12),var(--db-neutral-3));--db-neutral-bg-basic-level-3-hovered:light-dark(var(--db-neutral-11),var(--db-neutral-1));--db-neutral-bg-basic-level-3-pressed:light-dark(var(--db-neutral-10),var(--db-neutral-0));--db-neutral-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-neutral-6)),color-mix(in srgb,transparent 100%,var(--db-neutral-9)));--db-neutral-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-neutral-6)),color-mix(in srgb,transparent 84%,var(--db-neutral-9)));--db-neutral-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-neutral-6)),color-mix(in srgb,transparent 76%,var(--db-neutral-9)));--db-neutral-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-neutral-6)),color-mix(in srgb,transparent 68%,var(--db-neutral-9)));--db-neutral-bg-inverted-contrast-max-default:light-dark(var(--db-neutral-1),var(--db-neutral-12));--db-neutral-bg-inverted-contrast-max-hovered:light-dark(var(--db-neutral-5),var(--db-neutral-9));--db-neutral-bg-inverted-contrast-max-pressed:light-dark(var(--db-neutral-2),var(--db-neutral-11));--db-neutral-bg-inverted-contrast-high-default:light-dark(var(--db-neutral-6),var(--db-neutral-9));--db-neutral-bg-inverted-contrast-high-hovered:light-dark(var(--db-neutral-2),var(--db-neutral-12));--db-neutral-bg-inverted-contrast-high-pressed:light-dark(var(--db-neutral-5),var(--db-neutral-10));--db-neutral-bg-inverted-contrast-low-default:light-dark(var(--db-neutral-7),var(--db-neutral-8));--db-neutral-bg-inverted-contrast-low-hovered:light-dark(var(--db-neutral-3),var(--db-neutral-12));--db-neutral-bg-inverted-contrast-low-pressed:light-dark(var(--db-neutral-6),var(--db-neutral-9));--db-neutral-bg-vibrant-default:light-dark(var(--db-neutral-9),var(--db-neutral-9));--db-neutral-bg-vibrant-hovered:light-dark(var(--db-neutral-12),var(--db-neutral-12));--db-neutral-bg-vibrant-pressed:light-dark(var(--db-neutral-10),var(--db-neutral-10));--db-brand-origin-default:light-dark(var(--db-brand-origin-light-default),var(--db-brand-origin-dark-default));--db-brand-origin-hovered:light-dark(var(--db-brand-origin-light-hovered),var(--db-brand-origin-dark-hovered));--db-brand-origin-pressed:light-dark(var(--db-brand-origin-light-pressed),var(--db-brand-origin-dark-pressed));--db-brand-on-origin-default:light-dark(var(--db-brand-on-origin-light-default),var(--db-brand-on-origin-dark-default));--db-brand-on-bg-basic-emphasis-50-default:light-dark(var(--db-brand-9),var(--db-brand-5));--db-brand-on-bg-basic-emphasis-60-default:light-dark(var(--db-brand-10),var(--db-brand-6));--db-brand-on-bg-basic-emphasis-70-default:light-dark(var(--db-brand-7),var(--db-brand-8));--db-brand-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-brand-4),var(--db-brand-10));--db-brand-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-brand-6),var(--db-brand-9));--db-brand-on-bg-basic-emphasis-80-default:light-dark(var(--db-brand-6),var(--db-brand-9));--db-brand-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-brand-3),var(--db-brand-12));--db-brand-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-brand-5),var(--db-brand-10));--db-brand-on-bg-basic-emphasis-90-default:light-dark(var(--db-brand-4),var(--db-brand-10));--db-brand-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-brand-0),var(--db-brand-14));--db-brand-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-brand-3),var(--db-brand-11));--db-brand-on-bg-basic-emphasis-100-default:light-dark(var(--db-brand-1),var(--db-brand-12));--db-brand-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-brand-5),var(--db-brand-9));--db-brand-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-brand-2),var(--db-brand-11));--db-brand-on-bg-inverted-default:light-dark(var(--db-brand-14),var(--db-brand-3));--db-brand-on-bg-inverted-hovered:light-dark(var(--db-brand-11),var(--db-brand-0));--db-brand-on-bg-inverted-pressed:light-dark(var(--db-brand-13),var(--db-brand-2));--db-brand-on-bg-vibrant-default:light-dark(var(--db-brand-1),var(--db-brand-1));--db-brand-on-bg-vibrant-hovered:light-dark(var(--db-brand-4),var(--db-brand-4));--db-brand-on-bg-vibrant-pressed:light-dark(var(--db-brand-2),var(--db-brand-2));--db-brand-bg-basic-level-1-default:light-dark(var(--db-brand-14),var(--db-brand-1));--db-brand-bg-basic-level-1-hovered:light-dark(var(--db-brand-13),var(--db-brand-3));--db-brand-bg-basic-level-1-pressed:light-dark(var(--db-brand-12),var(--db-brand-4));--db-brand-bg-basic-level-2-default:light-dark(var(--db-brand-13),var(--db-brand-2));--db-brand-bg-basic-level-2-hovered:light-dark(var(--db-brand-12),var(--db-brand-4));--db-brand-bg-basic-level-2-pressed:light-dark(var(--db-brand-11),var(--db-brand-5));--db-brand-bg-basic-level-3-default:light-dark(var(--db-brand-12),var(--db-brand-3));--db-brand-bg-basic-level-3-hovered:light-dark(var(--db-brand-11),var(--db-brand-1));--db-brand-bg-basic-level-3-pressed:light-dark(var(--db-brand-10),var(--db-brand-0));--db-brand-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-brand-6)),color-mix(in srgb,transparent 100%,var(--db-brand-9)));--db-brand-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-brand-6)),color-mix(in srgb,transparent 84%,var(--db-brand-9)));--db-brand-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-brand-6)),color-mix(in srgb,transparent 76%,var(--db-brand-9)));--db-brand-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-brand-6)),color-mix(in srgb,transparent 68%,var(--db-brand-9)));--db-brand-bg-inverted-contrast-max-default:light-dark(var(--db-brand-1),var(--db-brand-12));--db-brand-bg-inverted-contrast-max-hovered:light-dark(var(--db-brand-5),var(--db-brand-9));--db-brand-bg-inverted-contrast-max-pressed:light-dark(var(--db-brand-2),var(--db-brand-11));--db-brand-bg-inverted-contrast-high-default:light-dark(var(--db-brand-6),var(--db-brand-9));--db-brand-bg-inverted-contrast-high-hovered:light-dark(var(--db-brand-2),var(--db-brand-12));--db-brand-bg-inverted-contrast-high-pressed:light-dark(var(--db-brand-5),var(--db-brand-10));--db-brand-bg-inverted-contrast-low-default:light-dark(var(--db-brand-7),var(--db-brand-8));--db-brand-bg-inverted-contrast-low-hovered:light-dark(var(--db-brand-3),var(--db-brand-12));--db-brand-bg-inverted-contrast-low-pressed:light-dark(var(--db-brand-6),var(--db-brand-9));--db-brand-bg-vibrant-default:light-dark(var(--db-brand-9),var(--db-brand-9));--db-brand-bg-vibrant-hovered:light-dark(var(--db-brand-12),var(--db-brand-12));--db-brand-bg-vibrant-pressed:light-dark(var(--db-brand-10),var(--db-brand-10));--db-informational-origin-default:light-dark(var(--db-informational-origin-light-default),var(--db-informational-origin-dark-default));--db-informational-origin-hovered:light-dark(var(--db-informational-origin-light-hovered),var(--db-informational-origin-dark-hovered));--db-informational-origin-pressed:light-dark(var(--db-informational-origin-light-pressed),var(--db-informational-origin-dark-pressed));--db-informational-on-origin-default:light-dark(var(--db-informational-on-origin-light-default),var(--db-informational-on-origin-dark-default));--db-informational-on-bg-basic-emphasis-50-default:light-dark(var(--db-informational-9),var(--db-informational-5));--db-informational-on-bg-basic-emphasis-60-default:light-dark(var(--db-informational-10),var(--db-informational-6));--db-informational-on-bg-basic-emphasis-70-default:light-dark(var(--db-informational-7),var(--db-informational-8));--db-informational-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-informational-4),var(--db-informational-10));--db-informational-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-informational-6),var(--db-informational-9));--db-informational-on-bg-basic-emphasis-80-default:light-dark(var(--db-informational-6),var(--db-informational-9));--db-informational-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-informational-3),var(--db-informational-12));--db-informational-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-informational-5),var(--db-informational-10));--db-informational-on-bg-basic-emphasis-90-default:light-dark(var(--db-informational-4),var(--db-informational-10));--db-informational-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-informational-0),var(--db-informational-14));--db-informational-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-informational-3),var(--db-informational-11));--db-informational-on-bg-basic-emphasis-100-default:light-dark(var(--db-informational-1),var(--db-informational-12));--db-informational-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-informational-5),var(--db-informational-9));--db-informational-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-informational-2),var(--db-informational-11));--db-informational-on-bg-inverted-default:light-dark(var(--db-informational-14),var(--db-informational-3));--db-informational-on-bg-inverted-hovered:light-dark(var(--db-informational-11),var(--db-informational-0));--db-informational-on-bg-inverted-pressed:light-dark(var(--db-informational-13),var(--db-informational-2));--db-informational-on-bg-vibrant-default:light-dark(var(--db-informational-1),var(--db-informational-1));--db-informational-on-bg-vibrant-hovered:light-dark(var(--db-informational-4),var(--db-informational-4));--db-informational-on-bg-vibrant-pressed:light-dark(var(--db-informational-2),var(--db-informational-2));--db-informational-bg-basic-level-1-default:light-dark(var(--db-informational-14),var(--db-informational-1));--db-informational-bg-basic-level-1-hovered:light-dark(var(--db-informational-13),var(--db-informational-3));--db-informational-bg-basic-level-1-pressed:light-dark(var(--db-informational-12),var(--db-informational-4));--db-informational-bg-basic-level-2-default:light-dark(var(--db-informational-13),var(--db-informational-2));--db-informational-bg-basic-level-2-hovered:light-dark(var(--db-informational-12),var(--db-informational-4));--db-informational-bg-basic-level-2-pressed:light-dark(var(--db-informational-11),var(--db-informational-5));--db-informational-bg-basic-level-3-default:light-dark(var(--db-informational-12),var(--db-informational-3));--db-informational-bg-basic-level-3-hovered:light-dark(var(--db-informational-11),var(--db-informational-1));--db-informational-bg-basic-level-3-pressed:light-dark(var(--db-informational-10),var(--db-informational-0));--db-informational-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-informational-6)),color-mix(in srgb,transparent 100%,var(--db-informational-9)));--db-informational-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-informational-6)),color-mix(in srgb,transparent 84%,var(--db-informational-9)));--db-informational-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-informational-6)),color-mix(in srgb,transparent 76%,var(--db-informational-9)));--db-informational-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-informational-6)),color-mix(in srgb,transparent 68%,var(--db-informational-9)));--db-informational-bg-inverted-contrast-max-default:light-dark(var(--db-informational-1),var(--db-informational-12));--db-informational-bg-inverted-contrast-max-hovered:light-dark(var(--db-informational-5),var(--db-informational-9));--db-informational-bg-inverted-contrast-max-pressed:light-dark(var(--db-informational-2),var(--db-informational-11));--db-informational-bg-inverted-contrast-high-default:light-dark(var(--db-informational-6),var(--db-informational-9));--db-informational-bg-inverted-contrast-high-hovered:light-dark(var(--db-informational-2),var(--db-informational-12));--db-informational-bg-inverted-contrast-high-pressed:light-dark(var(--db-informational-5),var(--db-informational-10));--db-informational-bg-inverted-contrast-low-default:light-dark(var(--db-informational-7),var(--db-informational-8));--db-informational-bg-inverted-contrast-low-hovered:light-dark(var(--db-informational-3),var(--db-informational-12));--db-informational-bg-inverted-contrast-low-pressed:light-dark(var(--db-informational-6),var(--db-informational-9));--db-informational-bg-vibrant-default:light-dark(var(--db-informational-9),var(--db-informational-9));--db-informational-bg-vibrant-hovered:light-dark(var(--db-informational-12),var(--db-informational-12));--db-informational-bg-vibrant-pressed:light-dark(var(--db-informational-10),var(--db-informational-10));--db-warning-origin-default:light-dark(var(--db-warning-origin-light-default),var(--db-warning-origin-dark-default));--db-warning-origin-hovered:light-dark(var(--db-warning-origin-light-hovered),var(--db-warning-origin-dark-hovered));--db-warning-origin-pressed:light-dark(var(--db-warning-origin-light-pressed),var(--db-warning-origin-dark-pressed));--db-warning-on-origin-default:light-dark(var(--db-warning-on-origin-light-default),var(--db-warning-on-origin-dark-default));--db-warning-on-bg-basic-emphasis-50-default:light-dark(var(--db-warning-9),var(--db-warning-5));--db-warning-on-bg-basic-emphasis-60-default:light-dark(var(--db-warning-10),var(--db-warning-6));--db-warning-on-bg-basic-emphasis-70-default:light-dark(var(--db-warning-7),var(--db-warning-8));--db-warning-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-warning-4),var(--db-warning-10));--db-warning-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-warning-6),var(--db-warning-9));--db-warning-on-bg-basic-emphasis-80-default:light-dark(var(--db-warning-6),var(--db-warning-9));--db-warning-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-warning-3),var(--db-warning-12));--db-warning-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-warning-5),var(--db-warning-10));--db-warning-on-bg-basic-emphasis-90-default:light-dark(var(--db-warning-4),var(--db-warning-10));--db-warning-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-warning-0),var(--db-warning-14));--db-warning-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-warning-3),var(--db-warning-11));--db-warning-on-bg-basic-emphasis-100-default:light-dark(var(--db-warning-1),var(--db-warning-12));--db-warning-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-warning-5),var(--db-warning-9));--db-warning-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-warning-2),var(--db-warning-11));--db-warning-on-bg-inverted-default:light-dark(var(--db-warning-14),var(--db-warning-3));--db-warning-on-bg-inverted-hovered:light-dark(var(--db-warning-11),var(--db-warning-0));--db-warning-on-bg-inverted-pressed:light-dark(var(--db-warning-13),var(--db-warning-2));--db-warning-on-bg-vibrant-default:light-dark(var(--db-warning-1),var(--db-warning-1));--db-warning-on-bg-vibrant-hovered:light-dark(var(--db-warning-4),var(--db-warning-4));--db-warning-on-bg-vibrant-pressed:light-dark(var(--db-warning-2),var(--db-warning-2));--db-warning-bg-basic-level-1-default:light-dark(var(--db-warning-14),var(--db-warning-1));--db-warning-bg-basic-level-1-hovered:light-dark(var(--db-warning-13),var(--db-warning-3));--db-warning-bg-basic-level-1-pressed:light-dark(var(--db-warning-12),var(--db-warning-4));--db-warning-bg-basic-level-2-default:light-dark(var(--db-warning-13),var(--db-warning-2));--db-warning-bg-basic-level-2-hovered:light-dark(var(--db-warning-12),var(--db-warning-4));--db-warning-bg-basic-level-2-pressed:light-dark(var(--db-warning-11),var(--db-warning-5));--db-warning-bg-basic-level-3-default:light-dark(var(--db-warning-12),var(--db-warning-3));--db-warning-bg-basic-level-3-hovered:light-dark(var(--db-warning-11),var(--db-warning-1));--db-warning-bg-basic-level-3-pressed:light-dark(var(--db-warning-10),var(--db-warning-0));--db-warning-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-warning-6)),color-mix(in srgb,transparent 100%,var(--db-warning-9)));--db-warning-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-warning-6)),color-mix(in srgb,transparent 84%,var(--db-warning-9)));--db-warning-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-warning-6)),color-mix(in srgb,transparent 76%,var(--db-warning-9)));--db-warning-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-warning-6)),color-mix(in srgb,transparent 68%,var(--db-warning-9)));--db-warning-bg-inverted-contrast-max-default:light-dark(var(--db-warning-1),var(--db-warning-12));--db-warning-bg-inverted-contrast-max-hovered:light-dark(var(--db-warning-5),var(--db-warning-9));--db-warning-bg-inverted-contrast-max-pressed:light-dark(var(--db-warning-2),var(--db-warning-11));--db-warning-bg-inverted-contrast-high-default:light-dark(var(--db-warning-6),var(--db-warning-9));--db-warning-bg-inverted-contrast-high-hovered:light-dark(var(--db-warning-2),var(--db-warning-12));--db-warning-bg-inverted-contrast-high-pressed:light-dark(var(--db-warning-5),var(--db-warning-10));--db-warning-bg-inverted-contrast-low-default:light-dark(var(--db-warning-7),var(--db-warning-8));--db-warning-bg-inverted-contrast-low-hovered:light-dark(var(--db-warning-3),var(--db-warning-12));--db-warning-bg-inverted-contrast-low-pressed:light-dark(var(--db-warning-6),var(--db-warning-9));--db-warning-bg-vibrant-default:light-dark(var(--db-warning-9),var(--db-warning-9));--db-warning-bg-vibrant-hovered:light-dark(var(--db-warning-12),var(--db-warning-12));--db-warning-bg-vibrant-pressed:light-dark(var(--db-warning-10),var(--db-warning-10));--db-successful-origin-default:light-dark(var(--db-successful-origin-light-default),var(--db-successful-origin-dark-default));--db-successful-origin-hovered:light-dark(var(--db-successful-origin-light-hovered),var(--db-successful-origin-dark-hovered));--db-successful-origin-pressed:light-dark(var(--db-successful-origin-light-pressed),var(--db-successful-origin-dark-pressed));--db-successful-on-origin-default:light-dark(var(--db-successful-on-origin-light-default),var(--db-successful-on-origin-dark-default));--db-successful-on-bg-basic-emphasis-50-default:light-dark(var(--db-successful-9),var(--db-successful-5));--db-successful-on-bg-basic-emphasis-60-default:light-dark(var(--db-successful-10),var(--db-successful-6));--db-successful-on-bg-basic-emphasis-70-default:light-dark(var(--db-successful-7),var(--db-successful-8));--db-successful-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-successful-4),var(--db-successful-10));--db-successful-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-successful-6),var(--db-successful-9));--db-successful-on-bg-basic-emphasis-80-default:light-dark(var(--db-successful-6),var(--db-successful-9));--db-successful-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-successful-3),var(--db-successful-12));--db-successful-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-successful-5),var(--db-successful-10));--db-successful-on-bg-basic-emphasis-90-default:light-dark(var(--db-successful-4),var(--db-successful-10));--db-successful-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-successful-0),var(--db-successful-14));--db-successful-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-successful-3),var(--db-successful-11));--db-successful-on-bg-basic-emphasis-100-default:light-dark(var(--db-successful-1),var(--db-successful-12));--db-successful-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-successful-5),var(--db-successful-9));--db-successful-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-successful-2),var(--db-successful-11));--db-successful-on-bg-inverted-default:light-dark(var(--db-successful-14),var(--db-successful-3));--db-successful-on-bg-inverted-hovered:light-dark(var(--db-successful-11),var(--db-successful-0));--db-successful-on-bg-inverted-pressed:light-dark(var(--db-successful-13),var(--db-successful-2));--db-successful-on-bg-vibrant-default:light-dark(var(--db-successful-1),var(--db-successful-1));--db-successful-on-bg-vibrant-hovered:light-dark(var(--db-successful-4),var(--db-successful-4));--db-successful-on-bg-vibrant-pressed:light-dark(var(--db-successful-2),var(--db-successful-2));--db-successful-bg-basic-level-1-default:light-dark(var(--db-successful-14),var(--db-successful-1));--db-successful-bg-basic-level-1-hovered:light-dark(var(--db-successful-13),var(--db-successful-3));--db-successful-bg-basic-level-1-pressed:light-dark(var(--db-successful-12),var(--db-successful-4));--db-successful-bg-basic-level-2-default:light-dark(var(--db-successful-13),var(--db-successful-2));--db-successful-bg-basic-level-2-hovered:light-dark(var(--db-successful-12),var(--db-successful-4));--db-successful-bg-basic-level-2-pressed:light-dark(var(--db-successful-11),var(--db-successful-5));--db-successful-bg-basic-level-3-default:light-dark(var(--db-successful-12),var(--db-successful-3));--db-successful-bg-basic-level-3-hovered:light-dark(var(--db-successful-11),var(--db-successful-1));--db-successful-bg-basic-level-3-pressed:light-dark(var(--db-successful-10),var(--db-successful-0));--db-successful-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-successful-6)),color-mix(in srgb,transparent 100%,var(--db-successful-9)));--db-successful-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-successful-6)),color-mix(in srgb,transparent 84%,var(--db-successful-9)));--db-successful-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-successful-6)),color-mix(in srgb,transparent 76%,var(--db-successful-9)));--db-successful-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-successful-6)),color-mix(in srgb,transparent 68%,var(--db-successful-9)));--db-successful-bg-inverted-contrast-max-default:light-dark(var(--db-successful-1),var(--db-successful-12));--db-successful-bg-inverted-contrast-max-hovered:light-dark(var(--db-successful-5),var(--db-successful-9));--db-successful-bg-inverted-contrast-max-pressed:light-dark(var(--db-successful-2),var(--db-successful-11));--db-successful-bg-inverted-contrast-high-default:light-dark(var(--db-successful-6),var(--db-successful-9));--db-successful-bg-inverted-contrast-high-hovered:light-dark(var(--db-successful-2),var(--db-successful-12));--db-successful-bg-inverted-contrast-high-pressed:light-dark(var(--db-successful-5),var(--db-successful-10));--db-successful-bg-inverted-contrast-low-default:light-dark(var(--db-successful-7),var(--db-successful-8));--db-successful-bg-inverted-contrast-low-hovered:light-dark(var(--db-successful-3),var(--db-successful-12));--db-successful-bg-inverted-contrast-low-pressed:light-dark(var(--db-successful-6),var(--db-successful-9));--db-successful-bg-vibrant-default:light-dark(var(--db-successful-9),var(--db-successful-9));--db-successful-bg-vibrant-hovered:light-dark(var(--db-successful-12),var(--db-successful-12));--db-successful-bg-vibrant-pressed:light-dark(var(--db-successful-10),var(--db-successful-10));--db-critical-origin-default:light-dark(var(--db-critical-origin-light-default),var(--db-critical-origin-dark-default));--db-critical-origin-hovered:light-dark(var(--db-critical-origin-light-hovered),var(--db-critical-origin-dark-hovered));--db-critical-origin-pressed:light-dark(var(--db-critical-origin-light-pressed),var(--db-critical-origin-dark-pressed));--db-critical-on-origin-default:light-dark(var(--db-critical-on-origin-light-default),var(--db-critical-on-origin-dark-default));--db-critical-on-bg-basic-emphasis-50-default:light-dark(var(--db-critical-9),var(--db-critical-5));--db-critical-on-bg-basic-emphasis-60-default:light-dark(var(--db-critical-10),var(--db-critical-6));--db-critical-on-bg-basic-emphasis-70-default:light-dark(var(--db-critical-7),var(--db-critical-8));--db-critical-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-critical-4),var(--db-critical-10));--db-critical-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-critical-6),var(--db-critical-9));--db-critical-on-bg-basic-emphasis-80-default:light-dark(var(--db-critical-6),var(--db-critical-9));--db-critical-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-critical-3),var(--db-critical-12));--db-critical-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-critical-5),var(--db-critical-10));--db-critical-on-bg-basic-emphasis-90-default:light-dark(var(--db-critical-4),var(--db-critical-10));--db-critical-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-critical-0),var(--db-critical-14));--db-critical-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-critical-3),var(--db-critical-11));--db-critical-on-bg-basic-emphasis-100-default:light-dark(var(--db-critical-1),var(--db-critical-12));--db-critical-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-critical-5),var(--db-critical-9));--db-critical-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-critical-2),var(--db-critical-11));--db-critical-on-bg-inverted-default:light-dark(var(--db-critical-14),var(--db-critical-3));--db-critical-on-bg-inverted-hovered:light-dark(var(--db-critical-11),var(--db-critical-0));--db-critical-on-bg-inverted-pressed:light-dark(var(--db-critical-13),var(--db-critical-2));--db-critical-on-bg-vibrant-default:light-dark(var(--db-critical-1),var(--db-critical-1));--db-critical-on-bg-vibrant-hovered:light-dark(var(--db-critical-4),var(--db-critical-4));--db-critical-on-bg-vibrant-pressed:light-dark(var(--db-critical-2),var(--db-critical-2));--db-critical-bg-basic-level-1-default:light-dark(var(--db-critical-14),var(--db-critical-1));--db-critical-bg-basic-level-1-hovered:light-dark(var(--db-critical-13),var(--db-critical-3));--db-critical-bg-basic-level-1-pressed:light-dark(var(--db-critical-12),var(--db-critical-4));--db-critical-bg-basic-level-2-default:light-dark(var(--db-critical-13),var(--db-critical-2));--db-critical-bg-basic-level-2-hovered:light-dark(var(--db-critical-12),var(--db-critical-4));--db-critical-bg-basic-level-2-pressed:light-dark(var(--db-critical-11),var(--db-critical-5));--db-critical-bg-basic-level-3-default:light-dark(var(--db-critical-12),var(--db-critical-3));--db-critical-bg-basic-level-3-hovered:light-dark(var(--db-critical-11),var(--db-critical-1));--db-critical-bg-basic-level-3-pressed:light-dark(var(--db-critical-10),var(--db-critical-0));--db-critical-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-critical-6)),color-mix(in srgb,transparent 100%,var(--db-critical-9)));--db-critical-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-critical-6)),color-mix(in srgb,transparent 84%,var(--db-critical-9)));--db-critical-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-critical-6)),color-mix(in srgb,transparent 76%,var(--db-critical-9)));--db-critical-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-critical-6)),color-mix(in srgb,transparent 68%,var(--db-critical-9)));--db-critical-bg-inverted-contrast-max-default:light-dark(var(--db-critical-1),var(--db-critical-12));--db-critical-bg-inverted-contrast-max-hovered:light-dark(var(--db-critical-5),var(--db-critical-9));--db-critical-bg-inverted-contrast-max-pressed:light-dark(var(--db-critical-2),var(--db-critical-11));--db-critical-bg-inverted-contrast-high-default:light-dark(var(--db-critical-6),var(--db-critical-9));--db-critical-bg-inverted-contrast-high-hovered:light-dark(var(--db-critical-2),var(--db-critical-12));--db-critical-bg-inverted-contrast-high-pressed:light-dark(var(--db-critical-5),var(--db-critical-10));--db-critical-bg-inverted-contrast-low-default:light-dark(var(--db-critical-7),var(--db-critical-8));--db-critical-bg-inverted-contrast-low-hovered:light-dark(var(--db-critical-3),var(--db-critical-12));--db-critical-bg-inverted-contrast-low-pressed:light-dark(var(--db-critical-6),var(--db-critical-9));--db-critical-bg-vibrant-default:light-dark(var(--db-critical-9),var(--db-critical-9));--db-critical-bg-vibrant-hovered:light-dark(var(--db-critical-12),var(--db-critical-12));--db-critical-bg-vibrant-pressed:light-dark(var(--db-critical-10),var(--db-critical-10));--db-yellow-origin-default:light-dark(var(--db-yellow-origin-light-default),var(--db-yellow-origin-dark-default));--db-yellow-origin-hovered:light-dark(var(--db-yellow-origin-light-hovered),var(--db-yellow-origin-dark-hovered));--db-yellow-origin-pressed:light-dark(var(--db-yellow-origin-light-pressed),var(--db-yellow-origin-dark-pressed));--db-yellow-on-origin-default:light-dark(var(--db-yellow-on-origin-light-default),var(--db-yellow-on-origin-dark-default));--db-yellow-on-bg-basic-emphasis-50-default:light-dark(var(--db-yellow-9),var(--db-yellow-5));--db-yellow-on-bg-basic-emphasis-60-default:light-dark(var(--db-yellow-10),var(--db-yellow-6));--db-yellow-on-bg-basic-emphasis-70-default:light-dark(var(--db-yellow-7),var(--db-yellow-8));--db-yellow-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-yellow-4),var(--db-yellow-10));--db-yellow-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-yellow-6),var(--db-yellow-9));--db-yellow-on-bg-basic-emphasis-80-default:light-dark(var(--db-yellow-6),var(--db-yellow-9));--db-yellow-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-yellow-3),var(--db-yellow-12));--db-yellow-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-yellow-5),var(--db-yellow-10));--db-yellow-on-bg-basic-emphasis-90-default:light-dark(var(--db-yellow-4),var(--db-yellow-10));--db-yellow-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-yellow-0),var(--db-yellow-14));--db-yellow-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-yellow-3),var(--db-yellow-11));--db-yellow-on-bg-basic-emphasis-100-default:light-dark(var(--db-yellow-1),var(--db-yellow-12));--db-yellow-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-yellow-5),var(--db-yellow-9));--db-yellow-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-yellow-2),var(--db-yellow-11));--db-yellow-on-bg-inverted-default:light-dark(var(--db-yellow-14),var(--db-yellow-3));--db-yellow-on-bg-inverted-hovered:light-dark(var(--db-yellow-11),var(--db-yellow-0));--db-yellow-on-bg-inverted-pressed:light-dark(var(--db-yellow-13),var(--db-yellow-2));--db-yellow-on-bg-vibrant-default:light-dark(var(--db-yellow-1),var(--db-yellow-1));--db-yellow-on-bg-vibrant-hovered:light-dark(var(--db-yellow-4),var(--db-yellow-4));--db-yellow-on-bg-vibrant-pressed:light-dark(var(--db-yellow-2),var(--db-yellow-2));--db-yellow-bg-basic-level-1-default:light-dark(var(--db-yellow-14),var(--db-yellow-1));--db-yellow-bg-basic-level-1-hovered:light-dark(var(--db-yellow-13),var(--db-yellow-3));--db-yellow-bg-basic-level-1-pressed:light-dark(var(--db-yellow-12),var(--db-yellow-4));--db-yellow-bg-basic-level-2-default:light-dark(var(--db-yellow-13),var(--db-yellow-2));--db-yellow-bg-basic-level-2-hovered:light-dark(var(--db-yellow-12),var(--db-yellow-4));--db-yellow-bg-basic-level-2-pressed:light-dark(var(--db-yellow-11),var(--db-yellow-5));--db-yellow-bg-basic-level-3-default:light-dark(var(--db-yellow-12),var(--db-yellow-3));--db-yellow-bg-basic-level-3-hovered:light-dark(var(--db-yellow-11),var(--db-yellow-1));--db-yellow-bg-basic-level-3-pressed:light-dark(var(--db-yellow-10),var(--db-yellow-0));--db-yellow-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-yellow-6)),color-mix(in srgb,transparent 100%,var(--db-yellow-9)));--db-yellow-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-yellow-6)),color-mix(in srgb,transparent 84%,var(--db-yellow-9)));--db-yellow-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-yellow-6)),color-mix(in srgb,transparent 76%,var(--db-yellow-9)));--db-yellow-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-yellow-6)),color-mix(in srgb,transparent 68%,var(--db-yellow-9)));--db-yellow-bg-inverted-contrast-max-default:light-dark(var(--db-yellow-1),var(--db-yellow-12));--db-yellow-bg-inverted-contrast-max-hovered:light-dark(var(--db-yellow-5),var(--db-yellow-9));--db-yellow-bg-inverted-contrast-max-pressed:light-dark(var(--db-yellow-2),var(--db-yellow-11));--db-yellow-bg-inverted-contrast-high-default:light-dark(var(--db-yellow-6),var(--db-yellow-9));--db-yellow-bg-inverted-contrast-high-hovered:light-dark(var(--db-yellow-2),var(--db-yellow-12));--db-yellow-bg-inverted-contrast-high-pressed:light-dark(var(--db-yellow-5),var(--db-yellow-10));--db-yellow-bg-inverted-contrast-low-default:light-dark(var(--db-yellow-7),var(--db-yellow-8));--db-yellow-bg-inverted-contrast-low-hovered:light-dark(var(--db-yellow-3),var(--db-yellow-12));--db-yellow-bg-inverted-contrast-low-pressed:light-dark(var(--db-yellow-6),var(--db-yellow-9));--db-yellow-bg-vibrant-default:light-dark(var(--db-yellow-9),var(--db-yellow-9));--db-yellow-bg-vibrant-hovered:light-dark(var(--db-yellow-12),var(--db-yellow-12));--db-yellow-bg-vibrant-pressed:light-dark(var(--db-yellow-10),var(--db-yellow-10));--db-orange-origin-default:light-dark(var(--db-orange-origin-light-default),var(--db-orange-origin-dark-default));--db-orange-origin-hovered:light-dark(var(--db-orange-origin-light-hovered),var(--db-orange-origin-dark-hovered));--db-orange-origin-pressed:light-dark(var(--db-orange-origin-light-pressed),var(--db-orange-origin-dark-pressed));--db-orange-on-origin-default:light-dark(var(--db-orange-on-origin-light-default),var(--db-orange-on-origin-dark-default));--db-orange-on-bg-basic-emphasis-50-default:light-dark(var(--db-orange-9),var(--db-orange-5));--db-orange-on-bg-basic-emphasis-60-default:light-dark(var(--db-orange-10),var(--db-orange-6));--db-orange-on-bg-basic-emphasis-70-default:light-dark(var(--db-orange-7),var(--db-orange-8));--db-orange-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-orange-4),var(--db-orange-10));--db-orange-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-orange-6),var(--db-orange-9));--db-orange-on-bg-basic-emphasis-80-default:light-dark(var(--db-orange-6),var(--db-orange-9));--db-orange-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-orange-3),var(--db-orange-12));--db-orange-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-orange-5),var(--db-orange-10));--db-orange-on-bg-basic-emphasis-90-default:light-dark(var(--db-orange-4),var(--db-orange-10));--db-orange-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-orange-0),var(--db-orange-14));--db-orange-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-orange-3),var(--db-orange-11));--db-orange-on-bg-basic-emphasis-100-default:light-dark(var(--db-orange-1),var(--db-orange-12));--db-orange-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-orange-5),var(--db-orange-9));--db-orange-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-orange-2),var(--db-orange-11));--db-orange-on-bg-inverted-default:light-dark(var(--db-orange-14),var(--db-orange-3));--db-orange-on-bg-inverted-hovered:light-dark(var(--db-orange-11),var(--db-orange-0));--db-orange-on-bg-inverted-pressed:light-dark(var(--db-orange-13),var(--db-orange-2));--db-orange-on-bg-vibrant-default:light-dark(var(--db-orange-1),var(--db-orange-1));--db-orange-on-bg-vibrant-hovered:light-dark(var(--db-orange-4),var(--db-orange-4));--db-orange-on-bg-vibrant-pressed:light-dark(var(--db-orange-2),var(--db-orange-2));--db-orange-bg-basic-level-1-default:light-dark(var(--db-orange-14),var(--db-orange-1));--db-orange-bg-basic-level-1-hovered:light-dark(var(--db-orange-13),var(--db-orange-3));--db-orange-bg-basic-level-1-pressed:light-dark(var(--db-orange-12),var(--db-orange-4));--db-orange-bg-basic-level-2-default:light-dark(var(--db-orange-13),var(--db-orange-2));--db-orange-bg-basic-level-2-hovered:light-dark(var(--db-orange-12),var(--db-orange-4));--db-orange-bg-basic-level-2-pressed:light-dark(var(--db-orange-11),var(--db-orange-5));--db-orange-bg-basic-level-3-default:light-dark(var(--db-orange-12),var(--db-orange-3));--db-orange-bg-basic-level-3-hovered:light-dark(var(--db-orange-11),var(--db-orange-1));--db-orange-bg-basic-level-3-pressed:light-dark(var(--db-orange-10),var(--db-orange-0));--db-orange-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-orange-6)),color-mix(in srgb,transparent 100%,var(--db-orange-9)));--db-orange-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-orange-6)),color-mix(in srgb,transparent 84%,var(--db-orange-9)));--db-orange-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-orange-6)),color-mix(in srgb,transparent 76%,var(--db-orange-9)));--db-orange-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-orange-6)),color-mix(in srgb,transparent 68%,var(--db-orange-9)));--db-orange-bg-inverted-contrast-max-default:light-dark(var(--db-orange-1),var(--db-orange-12));--db-orange-bg-inverted-contrast-max-hovered:light-dark(var(--db-orange-5),var(--db-orange-9));--db-orange-bg-inverted-contrast-max-pressed:light-dark(var(--db-orange-2),var(--db-orange-11));--db-orange-bg-inverted-contrast-high-default:light-dark(var(--db-orange-6),var(--db-orange-9));--db-orange-bg-inverted-contrast-high-hovered:light-dark(var(--db-orange-2),var(--db-orange-12));--db-orange-bg-inverted-contrast-high-pressed:light-dark(var(--db-orange-5),var(--db-orange-10));--db-orange-bg-inverted-contrast-low-default:light-dark(var(--db-orange-7),var(--db-orange-8));--db-orange-bg-inverted-contrast-low-hovered:light-dark(var(--db-orange-3),var(--db-orange-12));--db-orange-bg-inverted-contrast-low-pressed:light-dark(var(--db-orange-6),var(--db-orange-9));--db-orange-bg-vibrant-default:light-dark(var(--db-orange-9),var(--db-orange-9));--db-orange-bg-vibrant-hovered:light-dark(var(--db-orange-12),var(--db-orange-12));--db-orange-bg-vibrant-pressed:light-dark(var(--db-orange-10),var(--db-orange-10));--db-red-origin-default:light-dark(var(--db-red-origin-light-default),var(--db-red-origin-dark-default));--db-red-origin-hovered:light-dark(var(--db-red-origin-light-hovered),var(--db-red-origin-dark-hovered));--db-red-origin-pressed:light-dark(var(--db-red-origin-light-pressed),var(--db-red-origin-dark-pressed));--db-red-on-origin-default:light-dark(var(--db-red-on-origin-light-default),var(--db-red-on-origin-dark-default));--db-red-on-bg-basic-emphasis-50-default:light-dark(var(--db-red-9),var(--db-red-5));--db-red-on-bg-basic-emphasis-60-default:light-dark(var(--db-red-10),var(--db-red-6));--db-red-on-bg-basic-emphasis-70-default:light-dark(var(--db-red-7),var(--db-red-8));--db-red-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-red-4),var(--db-red-10));--db-red-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-red-6),var(--db-red-9));--db-red-on-bg-basic-emphasis-80-default:light-dark(var(--db-red-6),var(--db-red-9));--db-red-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-red-3),var(--db-red-12));--db-red-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-red-5),var(--db-red-10));--db-red-on-bg-basic-emphasis-90-default:light-dark(var(--db-red-4),var(--db-red-10));--db-red-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-red-0),var(--db-red-14));--db-red-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-red-3),var(--db-red-11));--db-red-on-bg-basic-emphasis-100-default:light-dark(var(--db-red-1),var(--db-red-12));--db-red-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-red-5),var(--db-red-9));--db-red-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-red-2),var(--db-red-11));--db-red-on-bg-inverted-default:light-dark(var(--db-red-14),var(--db-red-3));--db-red-on-bg-inverted-hovered:light-dark(var(--db-red-11),var(--db-red-0));--db-red-on-bg-inverted-pressed:light-dark(var(--db-red-13),var(--db-red-2));--db-red-on-bg-vibrant-default:light-dark(var(--db-red-1),var(--db-red-1));--db-red-on-bg-vibrant-hovered:light-dark(var(--db-red-4),var(--db-red-4));--db-red-on-bg-vibrant-pressed:light-dark(var(--db-red-2),var(--db-red-2));--db-red-bg-basic-level-1-default:light-dark(var(--db-red-14),var(--db-red-1));--db-red-bg-basic-level-1-hovered:light-dark(var(--db-red-13),var(--db-red-3));--db-red-bg-basic-level-1-pressed:light-dark(var(--db-red-12),var(--db-red-4));--db-red-bg-basic-level-2-default:light-dark(var(--db-red-13),var(--db-red-2));--db-red-bg-basic-level-2-hovered:light-dark(var(--db-red-12),var(--db-red-4));--db-red-bg-basic-level-2-pressed:light-dark(var(--db-red-11),var(--db-red-5));--db-red-bg-basic-level-3-default:light-dark(var(--db-red-12),var(--db-red-3));--db-red-bg-basic-level-3-hovered:light-dark(var(--db-red-11),var(--db-red-1));--db-red-bg-basic-level-3-pressed:light-dark(var(--db-red-10),var(--db-red-0));--db-red-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-red-6)),color-mix(in srgb,transparent 100%,var(--db-red-9)));--db-red-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-red-6)),color-mix(in srgb,transparent 84%,var(--db-red-9)));--db-red-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-red-6)),color-mix(in srgb,transparent 76%,var(--db-red-9)));--db-red-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-red-6)),color-mix(in srgb,transparent 68%,var(--db-red-9)));--db-red-bg-inverted-contrast-max-default:light-dark(var(--db-red-1),var(--db-red-12));--db-red-bg-inverted-contrast-max-hovered:light-dark(var(--db-red-5),var(--db-red-9));--db-red-bg-inverted-contrast-max-pressed:light-dark(var(--db-red-2),var(--db-red-11));--db-red-bg-inverted-contrast-high-default:light-dark(var(--db-red-6),var(--db-red-9));--db-red-bg-inverted-contrast-high-hovered:light-dark(var(--db-red-2),var(--db-red-12));--db-red-bg-inverted-contrast-high-pressed:light-dark(var(--db-red-5),var(--db-red-10));--db-red-bg-inverted-contrast-low-default:light-dark(var(--db-red-7),var(--db-red-8));--db-red-bg-inverted-contrast-low-hovered:light-dark(var(--db-red-3),var(--db-red-12));--db-red-bg-inverted-contrast-low-pressed:light-dark(var(--db-red-6),var(--db-red-9));--db-red-bg-vibrant-default:light-dark(var(--db-red-9),var(--db-red-9));--db-red-bg-vibrant-hovered:light-dark(var(--db-red-12),var(--db-red-12));--db-red-bg-vibrant-pressed:light-dark(var(--db-red-10),var(--db-red-10));--db-pink-origin-default:light-dark(var(--db-pink-origin-light-default),var(--db-pink-origin-dark-default));--db-pink-origin-hovered:light-dark(var(--db-pink-origin-light-hovered),var(--db-pink-origin-dark-hovered));--db-pink-origin-pressed:light-dark(var(--db-pink-origin-light-pressed),var(--db-pink-origin-dark-pressed));--db-pink-on-origin-default:light-dark(var(--db-pink-on-origin-light-default),var(--db-pink-on-origin-dark-default));--db-pink-on-bg-basic-emphasis-50-default:light-dark(var(--db-pink-9),var(--db-pink-5));--db-pink-on-bg-basic-emphasis-60-default:light-dark(var(--db-pink-10),var(--db-pink-6));--db-pink-on-bg-basic-emphasis-70-default:light-dark(var(--db-pink-7),var(--db-pink-8));--db-pink-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-pink-4),var(--db-pink-10));--db-pink-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-pink-6),var(--db-pink-9));--db-pink-on-bg-basic-emphasis-80-default:light-dark(var(--db-pink-6),var(--db-pink-9));--db-pink-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-pink-3),var(--db-pink-12));--db-pink-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-pink-5),var(--db-pink-10));--db-pink-on-bg-basic-emphasis-90-default:light-dark(var(--db-pink-4),var(--db-pink-10));--db-pink-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-pink-0),var(--db-pink-14));--db-pink-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-pink-3),var(--db-pink-11));--db-pink-on-bg-basic-emphasis-100-default:light-dark(var(--db-pink-1),var(--db-pink-12));--db-pink-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-pink-5),var(--db-pink-9));--db-pink-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-pink-2),var(--db-pink-11));--db-pink-on-bg-inverted-default:light-dark(var(--db-pink-14),var(--db-pink-3));--db-pink-on-bg-inverted-hovered:light-dark(var(--db-pink-11),var(--db-pink-0));--db-pink-on-bg-inverted-pressed:light-dark(var(--db-pink-13),var(--db-pink-2));--db-pink-on-bg-vibrant-default:light-dark(var(--db-pink-1),var(--db-pink-1));--db-pink-on-bg-vibrant-hovered:light-dark(var(--db-pink-4),var(--db-pink-4));--db-pink-on-bg-vibrant-pressed:light-dark(var(--db-pink-2),var(--db-pink-2));--db-pink-bg-basic-level-1-default:light-dark(var(--db-pink-14),var(--db-pink-1));--db-pink-bg-basic-level-1-hovered:light-dark(var(--db-pink-13),var(--db-pink-3));--db-pink-bg-basic-level-1-pressed:light-dark(var(--db-pink-12),var(--db-pink-4));--db-pink-bg-basic-level-2-default:light-dark(var(--db-pink-13),var(--db-pink-2));--db-pink-bg-basic-level-2-hovered:light-dark(var(--db-pink-12),var(--db-pink-4));--db-pink-bg-basic-level-2-pressed:light-dark(var(--db-pink-11),var(--db-pink-5));--db-pink-bg-basic-level-3-default:light-dark(var(--db-pink-12),var(--db-pink-3));--db-pink-bg-basic-level-3-hovered:light-dark(var(--db-pink-11),var(--db-pink-1));--db-pink-bg-basic-level-3-pressed:light-dark(var(--db-pink-10),var(--db-pink-0));--db-pink-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-pink-6)),color-mix(in srgb,transparent 100%,var(--db-pink-9)));--db-pink-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-pink-6)),color-mix(in srgb,transparent 84%,var(--db-pink-9)));--db-pink-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-pink-6)),color-mix(in srgb,transparent 76%,var(--db-pink-9)));--db-pink-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-pink-6)),color-mix(in srgb,transparent 68%,var(--db-pink-9)));--db-pink-bg-inverted-contrast-max-default:light-dark(var(--db-pink-1),var(--db-pink-12));--db-pink-bg-inverted-contrast-max-hovered:light-dark(var(--db-pink-5),var(--db-pink-9));--db-pink-bg-inverted-contrast-max-pressed:light-dark(var(--db-pink-2),var(--db-pink-11));--db-pink-bg-inverted-contrast-high-default:light-dark(var(--db-pink-6),var(--db-pink-9));--db-pink-bg-inverted-contrast-high-hovered:light-dark(var(--db-pink-2),var(--db-pink-12));--db-pink-bg-inverted-contrast-high-pressed:light-dark(var(--db-pink-5),var(--db-pink-10));--db-pink-bg-inverted-contrast-low-default:light-dark(var(--db-pink-7),var(--db-pink-8));--db-pink-bg-inverted-contrast-low-hovered:light-dark(var(--db-pink-3),var(--db-pink-12));--db-pink-bg-inverted-contrast-low-pressed:light-dark(var(--db-pink-6),var(--db-pink-9));--db-pink-bg-vibrant-default:light-dark(var(--db-pink-9),var(--db-pink-9));--db-pink-bg-vibrant-hovered:light-dark(var(--db-pink-12),var(--db-pink-12));--db-pink-bg-vibrant-pressed:light-dark(var(--db-pink-10),var(--db-pink-10));--db-violet-origin-default:light-dark(var(--db-violet-origin-light-default),var(--db-violet-origin-dark-default));--db-violet-origin-hovered:light-dark(var(--db-violet-origin-light-hovered),var(--db-violet-origin-dark-hovered));--db-violet-origin-pressed:light-dark(var(--db-violet-origin-light-pressed),var(--db-violet-origin-dark-pressed));--db-violet-on-origin-default:light-dark(var(--db-violet-on-origin-light-default),var(--db-violet-on-origin-dark-default));--db-violet-on-bg-basic-emphasis-50-default:light-dark(var(--db-violet-9),var(--db-violet-5));--db-violet-on-bg-basic-emphasis-60-default:light-dark(var(--db-violet-10),var(--db-violet-6));--db-violet-on-bg-basic-emphasis-70-default:light-dark(var(--db-violet-7),var(--db-violet-8));--db-violet-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-violet-4),var(--db-violet-10));--db-violet-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-violet-6),var(--db-violet-9));--db-violet-on-bg-basic-emphasis-80-default:light-dark(var(--db-violet-6),var(--db-violet-9));--db-violet-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-violet-3),var(--db-violet-12));--db-violet-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-violet-5),var(--db-violet-10));--db-violet-on-bg-basic-emphasis-90-default:light-dark(var(--db-violet-4),var(--db-violet-10));--db-violet-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-violet-0),var(--db-violet-14));--db-violet-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-violet-3),var(--db-violet-11));--db-violet-on-bg-basic-emphasis-100-default:light-dark(var(--db-violet-1),var(--db-violet-12));--db-violet-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-violet-5),var(--db-violet-9));--db-violet-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-violet-2),var(--db-violet-11));--db-violet-on-bg-inverted-default:light-dark(var(--db-violet-14),var(--db-violet-3));--db-violet-on-bg-inverted-hovered:light-dark(var(--db-violet-11),var(--db-violet-0));--db-violet-on-bg-inverted-pressed:light-dark(var(--db-violet-13),var(--db-violet-2));--db-violet-on-bg-vibrant-default:light-dark(var(--db-violet-1),var(--db-violet-1));--db-violet-on-bg-vibrant-hovered:light-dark(var(--db-violet-4),var(--db-violet-4));--db-violet-on-bg-vibrant-pressed:light-dark(var(--db-violet-2),var(--db-violet-2));--db-violet-bg-basic-level-1-default:light-dark(var(--db-violet-14),var(--db-violet-1));--db-violet-bg-basic-level-1-hovered:light-dark(var(--db-violet-13),var(--db-violet-3));--db-violet-bg-basic-level-1-pressed:light-dark(var(--db-violet-12),var(--db-violet-4));--db-violet-bg-basic-level-2-default:light-dark(var(--db-violet-13),var(--db-violet-2));--db-violet-bg-basic-level-2-hovered:light-dark(var(--db-violet-12),var(--db-violet-4));--db-violet-bg-basic-level-2-pressed:light-dark(var(--db-violet-11),var(--db-violet-5));--db-violet-bg-basic-level-3-default:light-dark(var(--db-violet-12),var(--db-violet-3));--db-violet-bg-basic-level-3-hovered:light-dark(var(--db-violet-11),var(--db-violet-1));--db-violet-bg-basic-level-3-pressed:light-dark(var(--db-violet-10),var(--db-violet-0));--db-violet-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-violet-6)),color-mix(in srgb,transparent 100%,var(--db-violet-9)));--db-violet-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-violet-6)),color-mix(in srgb,transparent 84%,var(--db-violet-9)));--db-violet-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-violet-6)),color-mix(in srgb,transparent 76%,var(--db-violet-9)));--db-violet-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-violet-6)),color-mix(in srgb,transparent 68%,var(--db-violet-9)));--db-violet-bg-inverted-contrast-max-default:light-dark(var(--db-violet-1),var(--db-violet-12));--db-violet-bg-inverted-contrast-max-hovered:light-dark(var(--db-violet-5),var(--db-violet-9));--db-violet-bg-inverted-contrast-max-pressed:light-dark(var(--db-violet-2),var(--db-violet-11));--db-violet-bg-inverted-contrast-high-default:light-dark(var(--db-violet-6),var(--db-violet-9));--db-violet-bg-inverted-contrast-high-hovered:light-dark(var(--db-violet-2),var(--db-violet-12));--db-violet-bg-inverted-contrast-high-pressed:light-dark(var(--db-violet-5),var(--db-violet-10));--db-violet-bg-inverted-contrast-low-default:light-dark(var(--db-violet-7),var(--db-violet-8));--db-violet-bg-inverted-contrast-low-hovered:light-dark(var(--db-violet-3),var(--db-violet-12));--db-violet-bg-inverted-contrast-low-pressed:light-dark(var(--db-violet-6),var(--db-violet-9));--db-violet-bg-vibrant-default:light-dark(var(--db-violet-9),var(--db-violet-9));--db-violet-bg-vibrant-hovered:light-dark(var(--db-violet-12),var(--db-violet-12));--db-violet-bg-vibrant-pressed:light-dark(var(--db-violet-10),var(--db-violet-10));--db-blue-origin-default:light-dark(var(--db-blue-origin-light-default),var(--db-blue-origin-dark-default));--db-blue-origin-hovered:light-dark(var(--db-blue-origin-light-hovered),var(--db-blue-origin-dark-hovered));--db-blue-origin-pressed:light-dark(var(--db-blue-origin-light-pressed),var(--db-blue-origin-dark-pressed));--db-blue-on-origin-default:light-dark(var(--db-blue-on-origin-light-default),var(--db-blue-on-origin-dark-default));--db-blue-on-bg-basic-emphasis-50-default:light-dark(var(--db-blue-9),var(--db-blue-5));--db-blue-on-bg-basic-emphasis-60-default:light-dark(var(--db-blue-10),var(--db-blue-6));--db-blue-on-bg-basic-emphasis-70-default:light-dark(var(--db-blue-7),var(--db-blue-8));--db-blue-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-blue-4),var(--db-blue-10));--db-blue-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-blue-6),var(--db-blue-9));--db-blue-on-bg-basic-emphasis-80-default:light-dark(var(--db-blue-6),var(--db-blue-9));--db-blue-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-blue-3),var(--db-blue-12));--db-blue-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-blue-5),var(--db-blue-10));--db-blue-on-bg-basic-emphasis-90-default:light-dark(var(--db-blue-4),var(--db-blue-10));--db-blue-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-blue-0),var(--db-blue-14));--db-blue-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-blue-3),var(--db-blue-11));--db-blue-on-bg-basic-emphasis-100-default:light-dark(var(--db-blue-1),var(--db-blue-12));--db-blue-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-blue-5),var(--db-blue-9));--db-blue-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-blue-2),var(--db-blue-11));--db-blue-on-bg-inverted-default:light-dark(var(--db-blue-14),var(--db-blue-3));--db-blue-on-bg-inverted-hovered:light-dark(var(--db-blue-11),var(--db-blue-0));--db-blue-on-bg-inverted-pressed:light-dark(var(--db-blue-13),var(--db-blue-2));--db-blue-on-bg-vibrant-default:light-dark(var(--db-blue-1),var(--db-blue-1));--db-blue-on-bg-vibrant-hovered:light-dark(var(--db-blue-4),var(--db-blue-4));--db-blue-on-bg-vibrant-pressed:light-dark(var(--db-blue-2),var(--db-blue-2));--db-blue-bg-basic-level-1-default:light-dark(var(--db-blue-14),var(--db-blue-1));--db-blue-bg-basic-level-1-hovered:light-dark(var(--db-blue-13),var(--db-blue-3));--db-blue-bg-basic-level-1-pressed:light-dark(var(--db-blue-12),var(--db-blue-4));--db-blue-bg-basic-level-2-default:light-dark(var(--db-blue-13),var(--db-blue-2));--db-blue-bg-basic-level-2-hovered:light-dark(var(--db-blue-12),var(--db-blue-4));--db-blue-bg-basic-level-2-pressed:light-dark(var(--db-blue-11),var(--db-blue-5));--db-blue-bg-basic-level-3-default:light-dark(var(--db-blue-12),var(--db-blue-3));--db-blue-bg-basic-level-3-hovered:light-dark(var(--db-blue-11),var(--db-blue-1));--db-blue-bg-basic-level-3-pressed:light-dark(var(--db-blue-10),var(--db-blue-0));--db-blue-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-blue-6)),color-mix(in srgb,transparent 100%,var(--db-blue-9)));--db-blue-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-blue-6)),color-mix(in srgb,transparent 84%,var(--db-blue-9)));--db-blue-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-blue-6)),color-mix(in srgb,transparent 76%,var(--db-blue-9)));--db-blue-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-blue-6)),color-mix(in srgb,transparent 68%,var(--db-blue-9)));--db-blue-bg-inverted-contrast-max-default:light-dark(var(--db-blue-1),var(--db-blue-12));--db-blue-bg-inverted-contrast-max-hovered:light-dark(var(--db-blue-5),var(--db-blue-9));--db-blue-bg-inverted-contrast-max-pressed:light-dark(var(--db-blue-2),var(--db-blue-11));--db-blue-bg-inverted-contrast-high-default:light-dark(var(--db-blue-6),var(--db-blue-9));--db-blue-bg-inverted-contrast-high-hovered:light-dark(var(--db-blue-2),var(--db-blue-12));--db-blue-bg-inverted-contrast-high-pressed:light-dark(var(--db-blue-5),var(--db-blue-10));--db-blue-bg-inverted-contrast-low-default:light-dark(var(--db-blue-7),var(--db-blue-8));--db-blue-bg-inverted-contrast-low-hovered:light-dark(var(--db-blue-3),var(--db-blue-12));--db-blue-bg-inverted-contrast-low-pressed:light-dark(var(--db-blue-6),var(--db-blue-9));--db-blue-bg-vibrant-default:light-dark(var(--db-blue-9),var(--db-blue-9));--db-blue-bg-vibrant-hovered:light-dark(var(--db-blue-12),var(--db-blue-12));--db-blue-bg-vibrant-pressed:light-dark(var(--db-blue-10),var(--db-blue-10));--db-cyan-origin-default:light-dark(var(--db-cyan-origin-light-default),var(--db-cyan-origin-dark-default));--db-cyan-origin-hovered:light-dark(var(--db-cyan-origin-light-hovered),var(--db-cyan-origin-dark-hovered));--db-cyan-origin-pressed:light-dark(var(--db-cyan-origin-light-pressed),var(--db-cyan-origin-dark-pressed));--db-cyan-on-origin-default:light-dark(var(--db-cyan-on-origin-light-default),var(--db-cyan-on-origin-dark-default));--db-cyan-on-bg-basic-emphasis-50-default:light-dark(var(--db-cyan-9),var(--db-cyan-5));--db-cyan-on-bg-basic-emphasis-60-default:light-dark(var(--db-cyan-10),var(--db-cyan-6));--db-cyan-on-bg-basic-emphasis-70-default:light-dark(var(--db-cyan-7),var(--db-cyan-8));--db-cyan-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-cyan-4),var(--db-cyan-10));--db-cyan-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-cyan-6),var(--db-cyan-9));--db-cyan-on-bg-basic-emphasis-80-default:light-dark(var(--db-cyan-6),var(--db-cyan-9));--db-cyan-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-cyan-3),var(--db-cyan-12));--db-cyan-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-cyan-5),var(--db-cyan-10));--db-cyan-on-bg-basic-emphasis-90-default:light-dark(var(--db-cyan-4),var(--db-cyan-10));--db-cyan-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-cyan-0),var(--db-cyan-14));--db-cyan-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-cyan-3),var(--db-cyan-11));--db-cyan-on-bg-basic-emphasis-100-default:light-dark(var(--db-cyan-1),var(--db-cyan-12));--db-cyan-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-cyan-5),var(--db-cyan-9));--db-cyan-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-cyan-2),var(--db-cyan-11));--db-cyan-on-bg-inverted-default:light-dark(var(--db-cyan-14),var(--db-cyan-3));--db-cyan-on-bg-inverted-hovered:light-dark(var(--db-cyan-11),var(--db-cyan-0));--db-cyan-on-bg-inverted-pressed:light-dark(var(--db-cyan-13),var(--db-cyan-2));--db-cyan-on-bg-vibrant-default:light-dark(var(--db-cyan-1),var(--db-cyan-1));--db-cyan-on-bg-vibrant-hovered:light-dark(var(--db-cyan-4),var(--db-cyan-4));--db-cyan-on-bg-vibrant-pressed:light-dark(var(--db-cyan-2),var(--db-cyan-2));--db-cyan-bg-basic-level-1-default:light-dark(var(--db-cyan-14),var(--db-cyan-1));--db-cyan-bg-basic-level-1-hovered:light-dark(var(--db-cyan-13),var(--db-cyan-3));--db-cyan-bg-basic-level-1-pressed:light-dark(var(--db-cyan-12),var(--db-cyan-4));--db-cyan-bg-basic-level-2-default:light-dark(var(--db-cyan-13),var(--db-cyan-2));--db-cyan-bg-basic-level-2-hovered:light-dark(var(--db-cyan-12),var(--db-cyan-4));--db-cyan-bg-basic-level-2-pressed:light-dark(var(--db-cyan-11),var(--db-cyan-5));--db-cyan-bg-basic-level-3-default:light-dark(var(--db-cyan-12),var(--db-cyan-3));--db-cyan-bg-basic-level-3-hovered:light-dark(var(--db-cyan-11),var(--db-cyan-1));--db-cyan-bg-basic-level-3-pressed:light-dark(var(--db-cyan-10),var(--db-cyan-0));--db-cyan-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-cyan-6)),color-mix(in srgb,transparent 100%,var(--db-cyan-9)));--db-cyan-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-cyan-6)),color-mix(in srgb,transparent 84%,var(--db-cyan-9)));--db-cyan-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-cyan-6)),color-mix(in srgb,transparent 76%,var(--db-cyan-9)));--db-cyan-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-cyan-6)),color-mix(in srgb,transparent 68%,var(--db-cyan-9)));--db-cyan-bg-inverted-contrast-max-default:light-dark(var(--db-cyan-1),var(--db-cyan-12));--db-cyan-bg-inverted-contrast-max-hovered:light-dark(var(--db-cyan-5),var(--db-cyan-9));--db-cyan-bg-inverted-contrast-max-pressed:light-dark(var(--db-cyan-2),var(--db-cyan-11));--db-cyan-bg-inverted-contrast-high-default:light-dark(var(--db-cyan-6),var(--db-cyan-9));--db-cyan-bg-inverted-contrast-high-hovered:light-dark(var(--db-cyan-2),var(--db-cyan-12));--db-cyan-bg-inverted-contrast-high-pressed:light-dark(var(--db-cyan-5),var(--db-cyan-10));--db-cyan-bg-inverted-contrast-low-default:light-dark(var(--db-cyan-7),var(--db-cyan-8));--db-cyan-bg-inverted-contrast-low-hovered:light-dark(var(--db-cyan-3),var(--db-cyan-12));--db-cyan-bg-inverted-contrast-low-pressed:light-dark(var(--db-cyan-6),var(--db-cyan-9));--db-cyan-bg-vibrant-default:light-dark(var(--db-cyan-9),var(--db-cyan-9));--db-cyan-bg-vibrant-hovered:light-dark(var(--db-cyan-12),var(--db-cyan-12));--db-cyan-bg-vibrant-pressed:light-dark(var(--db-cyan-10),var(--db-cyan-10));--db-turquoise-origin-default:light-dark(var(--db-turquoise-origin-light-default),var(--db-turquoise-origin-dark-default));--db-turquoise-origin-hovered:light-dark(var(--db-turquoise-origin-light-hovered),var(--db-turquoise-origin-dark-hovered));--db-turquoise-origin-pressed:light-dark(var(--db-turquoise-origin-light-pressed),var(--db-turquoise-origin-dark-pressed));--db-turquoise-on-origin-default:light-dark(var(--db-turquoise-on-origin-light-default),var(--db-turquoise-on-origin-dark-default));--db-turquoise-on-bg-basic-emphasis-50-default:light-dark(var(--db-turquoise-9),var(--db-turquoise-5));--db-turquoise-on-bg-basic-emphasis-60-default:light-dark(var(--db-turquoise-10),var(--db-turquoise-6));--db-turquoise-on-bg-basic-emphasis-70-default:light-dark(var(--db-turquoise-7),var(--db-turquoise-8));--db-turquoise-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-turquoise-4),var(--db-turquoise-10));--db-turquoise-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-turquoise-6),var(--db-turquoise-9));--db-turquoise-on-bg-basic-emphasis-80-default:light-dark(var(--db-turquoise-6),var(--db-turquoise-9));--db-turquoise-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-turquoise-3),var(--db-turquoise-12));--db-turquoise-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-turquoise-5),var(--db-turquoise-10));--db-turquoise-on-bg-basic-emphasis-90-default:light-dark(var(--db-turquoise-4),var(--db-turquoise-10));--db-turquoise-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-turquoise-0),var(--db-turquoise-14));--db-turquoise-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-turquoise-3),var(--db-turquoise-11));--db-turquoise-on-bg-basic-emphasis-100-default:light-dark(var(--db-turquoise-1),var(--db-turquoise-12));--db-turquoise-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-turquoise-5),var(--db-turquoise-9));--db-turquoise-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-turquoise-2),var(--db-turquoise-11));--db-turquoise-on-bg-inverted-default:light-dark(var(--db-turquoise-14),var(--db-turquoise-3));--db-turquoise-on-bg-inverted-hovered:light-dark(var(--db-turquoise-11),var(--db-turquoise-0));--db-turquoise-on-bg-inverted-pressed:light-dark(var(--db-turquoise-13),var(--db-turquoise-2));--db-turquoise-on-bg-vibrant-default:light-dark(var(--db-turquoise-1),var(--db-turquoise-1));--db-turquoise-on-bg-vibrant-hovered:light-dark(var(--db-turquoise-4),var(--db-turquoise-4));--db-turquoise-on-bg-vibrant-pressed:light-dark(var(--db-turquoise-2),var(--db-turquoise-2));--db-turquoise-bg-basic-level-1-default:light-dark(var(--db-turquoise-14),var(--db-turquoise-1));--db-turquoise-bg-basic-level-1-hovered:light-dark(var(--db-turquoise-13),var(--db-turquoise-3));--db-turquoise-bg-basic-level-1-pressed:light-dark(var(--db-turquoise-12),var(--db-turquoise-4));--db-turquoise-bg-basic-level-2-default:light-dark(var(--db-turquoise-13),var(--db-turquoise-2));--db-turquoise-bg-basic-level-2-hovered:light-dark(var(--db-turquoise-12),var(--db-turquoise-4));--db-turquoise-bg-basic-level-2-pressed:light-dark(var(--db-turquoise-11),var(--db-turquoise-5));--db-turquoise-bg-basic-level-3-default:light-dark(var(--db-turquoise-12),var(--db-turquoise-3));--db-turquoise-bg-basic-level-3-hovered:light-dark(var(--db-turquoise-11),var(--db-turquoise-1));--db-turquoise-bg-basic-level-3-pressed:light-dark(var(--db-turquoise-10),var(--db-turquoise-0));--db-turquoise-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-turquoise-6)),color-mix(in srgb,transparent 100%,var(--db-turquoise-9)));--db-turquoise-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-turquoise-6)),color-mix(in srgb,transparent 84%,var(--db-turquoise-9)));--db-turquoise-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-turquoise-6)),color-mix(in srgb,transparent 76%,var(--db-turquoise-9)));--db-turquoise-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-turquoise-6)),color-mix(in srgb,transparent 68%,var(--db-turquoise-9)));--db-turquoise-bg-inverted-contrast-max-default:light-dark(var(--db-turquoise-1),var(--db-turquoise-12));--db-turquoise-bg-inverted-contrast-max-hovered:light-dark(var(--db-turquoise-5),var(--db-turquoise-9));--db-turquoise-bg-inverted-contrast-max-pressed:light-dark(var(--db-turquoise-2),var(--db-turquoise-11));--db-turquoise-bg-inverted-contrast-high-default:light-dark(var(--db-turquoise-6),var(--db-turquoise-9));--db-turquoise-bg-inverted-contrast-high-hovered:light-dark(var(--db-turquoise-2),var(--db-turquoise-12));--db-turquoise-bg-inverted-contrast-high-pressed:light-dark(var(--db-turquoise-5),var(--db-turquoise-10));--db-turquoise-bg-inverted-contrast-low-default:light-dark(var(--db-turquoise-7),var(--db-turquoise-8));--db-turquoise-bg-inverted-contrast-low-hovered:light-dark(var(--db-turquoise-3),var(--db-turquoise-12));--db-turquoise-bg-inverted-contrast-low-pressed:light-dark(var(--db-turquoise-6),var(--db-turquoise-9));--db-turquoise-bg-vibrant-default:light-dark(var(--db-turquoise-9),var(--db-turquoise-9));--db-turquoise-bg-vibrant-hovered:light-dark(var(--db-turquoise-12),var(--db-turquoise-12));--db-turquoise-bg-vibrant-pressed:light-dark(var(--db-turquoise-10),var(--db-turquoise-10));--db-green-origin-default:light-dark(var(--db-green-origin-light-default),var(--db-green-origin-dark-default));--db-green-origin-hovered:light-dark(var(--db-green-origin-light-hovered),var(--db-green-origin-dark-hovered));--db-green-origin-pressed:light-dark(var(--db-green-origin-light-pressed),var(--db-green-origin-dark-pressed));--db-green-on-origin-default:light-dark(var(--db-green-on-origin-light-default),var(--db-green-on-origin-dark-default));--db-green-on-bg-basic-emphasis-50-default:light-dark(var(--db-green-9),var(--db-green-5));--db-green-on-bg-basic-emphasis-60-default:light-dark(var(--db-green-10),var(--db-green-6));--db-green-on-bg-basic-emphasis-70-default:light-dark(var(--db-green-7),var(--db-green-8));--db-green-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-green-4),var(--db-green-10));--db-green-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-green-6),var(--db-green-9));--db-green-on-bg-basic-emphasis-80-default:light-dark(var(--db-green-6),var(--db-green-9));--db-green-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-green-3),var(--db-green-12));--db-green-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-green-5),var(--db-green-10));--db-green-on-bg-basic-emphasis-90-default:light-dark(var(--db-green-4),var(--db-green-10));--db-green-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-green-0),var(--db-green-14));--db-green-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-green-3),var(--db-green-11));--db-green-on-bg-basic-emphasis-100-default:light-dark(var(--db-green-1),var(--db-green-12));--db-green-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-green-5),var(--db-green-9));--db-green-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-green-2),var(--db-green-11));--db-green-on-bg-inverted-default:light-dark(var(--db-green-14),var(--db-green-3));--db-green-on-bg-inverted-hovered:light-dark(var(--db-green-11),var(--db-green-0));--db-green-on-bg-inverted-pressed:light-dark(var(--db-green-13),var(--db-green-2));--db-green-on-bg-vibrant-default:light-dark(var(--db-green-1),var(--db-green-1));--db-green-on-bg-vibrant-hovered:light-dark(var(--db-green-4),var(--db-green-4));--db-green-on-bg-vibrant-pressed:light-dark(var(--db-green-2),var(--db-green-2));--db-green-bg-basic-level-1-default:light-dark(var(--db-green-14),var(--db-green-1));--db-green-bg-basic-level-1-hovered:light-dark(var(--db-green-13),var(--db-green-3));--db-green-bg-basic-level-1-pressed:light-dark(var(--db-green-12),var(--db-green-4));--db-green-bg-basic-level-2-default:light-dark(var(--db-green-13),var(--db-green-2));--db-green-bg-basic-level-2-hovered:light-dark(var(--db-green-12),var(--db-green-4));--db-green-bg-basic-level-2-pressed:light-dark(var(--db-green-11),var(--db-green-5));--db-green-bg-basic-level-3-default:light-dark(var(--db-green-12),var(--db-green-3));--db-green-bg-basic-level-3-hovered:light-dark(var(--db-green-11),var(--db-green-1));--db-green-bg-basic-level-3-pressed:light-dark(var(--db-green-10),var(--db-green-0));--db-green-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-green-6)),color-mix(in srgb,transparent 100%,var(--db-green-9)));--db-green-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-green-6)),color-mix(in srgb,transparent 84%,var(--db-green-9)));--db-green-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-green-6)),color-mix(in srgb,transparent 76%,var(--db-green-9)));--db-green-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-green-6)),color-mix(in srgb,transparent 68%,var(--db-green-9)));--db-green-bg-inverted-contrast-max-default:light-dark(var(--db-green-1),var(--db-green-12));--db-green-bg-inverted-contrast-max-hovered:light-dark(var(--db-green-5),var(--db-green-9));--db-green-bg-inverted-contrast-max-pressed:light-dark(var(--db-green-2),var(--db-green-11));--db-green-bg-inverted-contrast-high-default:light-dark(var(--db-green-6),var(--db-green-9));--db-green-bg-inverted-contrast-high-hovered:light-dark(var(--db-green-2),var(--db-green-12));--db-green-bg-inverted-contrast-high-pressed:light-dark(var(--db-green-5),var(--db-green-10));--db-green-bg-inverted-contrast-low-default:light-dark(var(--db-green-7),var(--db-green-8));--db-green-bg-inverted-contrast-low-hovered:light-dark(var(--db-green-3),var(--db-green-12));--db-green-bg-inverted-contrast-low-pressed:light-dark(var(--db-green-6),var(--db-green-9));--db-green-bg-vibrant-default:light-dark(var(--db-green-9),var(--db-green-9));--db-green-bg-vibrant-hovered:light-dark(var(--db-green-12),var(--db-green-12));--db-green-bg-vibrant-pressed:light-dark(var(--db-green-10),var(--db-green-10))}}:where(html){line-height:1.15;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}@property --db-breakpoint-xs{syntax:"*";inherits:true;initial-value:22.5em}@property --db-breakpoint-sm{syntax:"*";inherits:true;initial-value:45em}@property --db-breakpoint-md{syntax:"*";inherits:true;initial-value:64em}@property --db-breakpoint-xl{syntax:"*";inherits:true;initial-value:120em}@layer variables{:root{--db-textarea-resizer-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiMyODJkMzciIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");--db-textarea-scrollbar-button-decrement:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iIzI4MmQzNyIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");--db-textarea-scrollbar-button-increment:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K")}@media (prefers-color-scheme:dark){:root{--db-textarea-resizer-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiNmOGY4ZjkiIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");--db-textarea-scrollbar-button-decrement:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iI2Y4ZjhmOSIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");--db-textarea-scrollbar-button-increment:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=")}}}html:not(:has(>head>meta[name=color-scheme])){color-scheme:light dark}[data-mode=light]{color-scheme:light}[data-mode=dark]{color-scheme:dark}body,html{margin:0;padding:0}#app,#root,body{block-size:inherit}body{font-family:var(--db-font-family-sans)}html{box-sizing:var(--db-box-sizing,border-box)}*{-webkit-font-smoothing:antialiased;font-synthesis:none;text-rendering:optimizelegibility}*,:after,:before{box-sizing:inherit}a,body,button,input,select,summary,textarea{color:inherit}embed,iframe,img,object,video{block-size:auto;max-inline-size:100%}iframe{border:0}:where(ul){list-style-type:"• ";padding-inline-start:var(--db-spacing-fixed-md)}:where(ul) li::marker{color:var(--db-brand-origin-default)}[role=navigation] ol,[role=navigation] ul,nav ol,nav ul{list-style-type:"";margin:0;padding:0}fieldset{border:0}details>*,details>:after,details>:before{box-sizing:var(--db-box-sizing,border-box)}

package/build/styles/defaults/default-required.scss

@@ -5,16 +5,39 @@
 @use "../helpers";
 @use "../fonts";
 @use "../screen-sizes";
+@use "../colors/default-color-icons";
 
+@forward "../colors/default-color-mappings";
 @forward "../normalize";
 
-:root {
-	--db-breakpoint-xs: #{screen-sizes.$db-breakpoint-xs};
-	--db-breakpoint-sm: #{screen-sizes.$db-breakpoint-sm};
-	--db-breakpoint-md: #{screen-sizes.$db-breakpoint-md};
-	--db-breakpoint-lg: #{screen-sizes.$db-breakpoint-lg};
+@include screen-sizes.get-breakpoint-properties();
 
-	@extend %db-font-size-md;
+/* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
+@layer #{helpers.$layer-variables} {
+	:root {
+		@extend %db-font-size-md;
+
+		/* COLORS */
+		@include default-color-icons.get-color-icons-light;
+
+		@media (prefers-color-scheme: dark) {
+			@include default-color-icons.get-color-icons-dark;
+		}
+	}
+}
+
+// We'll set the color scheme (https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme) to light and dark if it's not already set as a meta tag in the head, which would be the recommended way.
+html:not(:has(> head > meta[name="color-scheme"])) {
+	color-scheme: light dark;
+}
+
+/* TODO: Switch to attr() as soon as this one is fully supported */
+[data-mode="light"] {
+	color-scheme: light;
+}
+
+[data-mode="dark"] {
+	color-scheme: dark;
 }
 
 // *! this is an opionionated (especially based on "enhancing" normalize.css) version of minireset.css v0.0.4 | MIT License | github.com/jgthms/minireset.css
@@ -43,13 +66,10 @@ html {
 
 // global
 * {
-	/*
-		we overwrite this for all elements to pass the correct sizes even for elements
-		which have a default font-size/line-height set
-	*/
-	font-size: inherit;
-	line-height: inherit;
-	font-family: inherit;
+	/* Use this to get similar fonts in all browser */
+	-webkit-font-smoothing: antialiased;
+	font-synthesis: none;
+	text-rendering: optimizelegibility;
 }
 
 *,