@db-ux/core-components 4.9.0 → 4.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/build/components/notification/notification-grid-default.scss +2 -2
  3. package/build/components/notification/notification.css +8 -8
  4. package/build/components/switch/switch.css +2 -1
  5. package/build/components/switch/switch.scss +3 -3
  6. package/build/styles/absolute.css +2 -2
  7. package/build/styles/bundle.css +2 -2
  8. package/build/styles/index.css +2 -2
  9. package/build/styles/relative.css +2 -2
  10. package/build/styles/rollup.css +2 -2
  11. package/build/styles/webpack.css +2 -2
  12. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @db-ux/core-components
2
2
 
3
+ ## 4.9.1
4
+
5
+ ### Patch Changes
6
+
7
+ - fix(switch): use `2lh` unit and add `min-inline-size` to prevent track from shrinking - [see commit 78c9fde](https://github.com/db-ux-design-system/core-web/commit/78c9fde67d9677f61eaa41761a088b9c1a9773a1)
8
+
9
+ - fix(notification): remove empty grid gap when icon is hidden - [see commit 96f94c6](https://github.com/db-ux-design-system/core-web/commit/96f94c651391f014e2d073402c2700b524ccbf5e)
10
+
3
11
  ## 4.9.0
4
12
 
5
13
  _version bump_
package/build/components/notification/notification-grid-default.scss CHANGED
@@ -50,8 +50,8 @@
50
50
  }
51
51
 
52
52
  // 3. icon or img
53
- &[data-icon],
54
- &[data-semantic]:not([data-semantic="adaptive"]),
53
+ &[data-icon]:not([data-show-icon="false"]),
54
+ &[data-semantic]:not([data-semantic="adaptive"], [data-show-icon="false"]),
55
55
  &:has(img) {
56
56
  grid-template-areas: "icon content";
57
57
  grid-template-columns: min-content 1fr;
package/build/components/notification/notification.css CHANGED
@@ -950,35 +950,35 @@
950
950
  grid-template-columns: 1fr min-content min-content;
951
951
  grid-template-areas: "head timestamp close" "content content .";
952
952
  }
953
- [data-icon].db-notification, [data-semantic].db-notification:not([data-semantic=adaptive]), .db-notification:has(img) {
953
+ [data-icon].db-notification:not([data-show-icon=false]), [data-semantic].db-notification:not([data-semantic=adaptive], [data-show-icon=false]), .db-notification:has(img) {
954
954
  grid-template-areas: "icon content";
955
955
  grid-template-columns: min-content 1fr;
956
956
  }
957
- [data-icon][data-link-variant=inline].db-notification, [data-semantic].db-notification:not([data-semantic=adaptive])[data-link-variant=inline], .db-notification:has(img)[data-link-variant=inline] {
957
+ [data-icon].db-notification:not([data-show-icon=false])[data-link-variant=inline], [data-semantic].db-notification:not([data-semantic=adaptive], [data-show-icon=false])[data-link-variant=inline], .db-notification:has(img)[data-link-variant=inline] {
958
958
  grid-template-columns: min-content 1fr min-content;
959
959
  grid-template-areas: "icon content timestamp";
960
960
  }
961
- [data-icon].db-notification:has(.db-button), [data-semantic].db-notification:not([data-semantic=adaptive]):has(.db-button), .db-notification:has(img):has(.db-button) {
961
+ [data-icon].db-notification:not([data-show-icon=false]):has(.db-button), [data-semantic].db-notification:not([data-semantic=adaptive], [data-show-icon=false]):has(.db-button), .db-notification:has(img):has(.db-button) {
962
962
  grid-template-columns: min-content 1fr min-content;
963
963
  grid-template-areas: "icon content close";
964
964
  }
965
- [data-icon].db-notification:has(.db-button)[data-link-variant=inline], [data-semantic].db-notification:not([data-semantic=adaptive]):has(.db-button)[data-link-variant=inline], .db-notification:has(img):has(.db-button)[data-link-variant=inline] {
965
+ [data-icon].db-notification:not([data-show-icon=false]):has(.db-button)[data-link-variant=inline], [data-semantic].db-notification:not([data-semantic=adaptive], [data-show-icon=false]):has(.db-button)[data-link-variant=inline], .db-notification:has(img):has(.db-button)[data-link-variant=inline] {
966
966
  grid-template-columns: min-content 1fr min-content min-content;
967
967
  grid-template-areas: "icon content timestamp close";
968
968
  }
969
- [data-icon].db-notification:has(header), [data-semantic].db-notification:not([data-semantic=adaptive]):has(header), .db-notification:has(img):has(header) {
969
+ [data-icon].db-notification:not([data-show-icon=false]):has(header), [data-semantic].db-notification:not([data-semantic=adaptive], [data-show-icon=false]):has(header), .db-notification:has(img):has(header) {
970
970
  grid-template-columns: min-content 1fr;
971
971
  grid-template-areas: "icon head" "icon content";
972
972
  }
973
- [data-icon].db-notification:has(header)[data-link-variant=inline], [data-semantic].db-notification:not([data-semantic=adaptive]):has(header)[data-link-variant=inline], .db-notification:has(img):has(header)[data-link-variant=inline] {
973
+ [data-icon].db-notification:not([data-show-icon=false]):has(header)[data-link-variant=inline], [data-semantic].db-notification:not([data-semantic=adaptive], [data-show-icon=false]):has(header)[data-link-variant=inline], .db-notification:has(img):has(header)[data-link-variant=inline] {
974
974
  grid-template-columns: min-content 1fr min-content;
975
975
  grid-template-areas: "icon head timestamp" "icon content content";
976
976
  }
977
- [data-icon].db-notification:has(header):has(.db-button), [data-semantic].db-notification:not([data-semantic=adaptive]):has(header):has(.db-button), .db-notification:has(img):has(header):has(.db-button) {
977
+ [data-icon].db-notification:not([data-show-icon=false]):has(header):has(.db-button), [data-semantic].db-notification:not([data-semantic=adaptive], [data-show-icon=false]):has(header):has(.db-button), .db-notification:has(img):has(header):has(.db-button) {
978
978
  grid-template-columns: min-content 1fr min-content;
979
979
  grid-template-areas: "icon head close" "icon content content";
980
980
  }
981
- [data-icon].db-notification:has(header):has(.db-button)[data-link-variant=inline], [data-semantic].db-notification:not([data-semantic=adaptive]):has(header):has(.db-button)[data-link-variant=inline], .db-notification:has(img):has(header):has(.db-button)[data-link-variant=inline] {
981
+ [data-icon].db-notification:not([data-show-icon=false]):has(header):has(.db-button)[data-link-variant=inline], [data-semantic].db-notification:not([data-semantic=adaptive], [data-show-icon=false]):has(header):has(.db-button)[data-link-variant=inline], .db-notification:has(img):has(header):has(.db-button)[data-link-variant=inline] {
982
982
  grid-template-columns: min-content 1fr min-content min-content;
983
983
  grid-template-areas: "icon head timestamp close" "icon content content .";
984
984
  }
package/build/components/switch/switch.css CHANGED
@@ -390,7 +390,8 @@
390
390
  --thumb-offset-x: 0.125rem;
391
391
  appearance: none;
392
392
  margin-inline-end: 0;
393
- inline-size: calc(var(--db-icon-font-size) * 2 + 0.125rem);
393
+ inline-size: calc(2lh + 0.125rem);
394
+ min-inline-size: calc(2lh + 0.125rem);
394
395
  block-size: var(--db-icon-font-size);
395
396
  box-sizing: content-box;
396
397
  }
package/build/components/switch/switch.scss CHANGED
@@ -15,6 +15,7 @@ $switch-active-thumb-size: calc(#{form-components.$font-size-height});
15
15
  $checked-active-transition-size: calc(
16
16
  #{form-components.$font-size-height} - #{$switch-fixed-padding} * 2
17
17
  );
18
+ $switch-inline-size: calc(2lh + #{$switch-fixed-padding});
18
19
 
19
20
  %active-transition {
20
21
  &::before {
@@ -64,9 +65,8 @@ $checked-active-transition-size: calc(
64
65
 
65
66
  appearance: none;
66
67
  margin-inline-end: 0;
67
- inline-size: calc(
68
- #{form-components.$font-size-height} * 2 + #{$switch-fixed-padding}
69
- );
68
+ inline-size: $switch-inline-size;
69
+ min-inline-size: $switch-inline-size;
70
70
  block-size: form-components.$font-size-height;
71
71
  box-sizing: content-box;
72
72
 
package/build/styles/absolute.css CHANGED
@@ -1642,7 +1642,7 @@
1642
1642
  --db-warning-on-bg-basic-emphasis-70-default
1643
1643
  )}.db-infotext[data-semantic=informational]:not([data-icon]):before{--db-icon:"information_circle"}.db-infotext[data-semantic=informational]{color:var(--db-informational-on-bg-basic-emphasis-80-default)}.db-infotext[data-semantic=informational]:before{--db-icon-color:var(
1644
1644
  --db-informational-on-bg-basic-emphasis-70-default
1645
- )}.db-infotext:has(>.db-infotext){margin:0}.db-infotext:has(>.db-infotext):before{content:none}.db-notification{grid-template-areas:"content";grid-template-columns:1fr}[data-link-variant=inline].db-notification{grid-template-columns:1fr min-content;grid-template-areas:"content timestamp"}.db-notification:has(.db-button){grid-template-columns:1fr min-content;grid-template-areas:"content close"}.db-notification:has(.db-button)[data-link-variant=inline]{grid-template-columns:1fr min-content min-content;grid-template-areas:"content timestamp close"}.db-notification:has(header){grid-template-columns:1fr;grid-template-areas:"head" "content"}.db-notification:has(header)[data-link-variant=inline]{grid-template-columns:1fr min-content;grid-template-areas:"head timestamp" "content content"}.db-notification:has(header):has(.db-button){grid-template-columns:1fr min-content;grid-template-areas:"head close" "content content"}.db-notification:has(header):has(.db-button)[data-link-variant=inline]{grid-template-columns:1fr min-content min-content;grid-template-areas:"head timestamp close" "content content ."}.db-notification:has(img),[data-icon].db-notification,[data-semantic].db-notification:not([data-semantic=adaptive]){grid-template-areas:"icon content";grid-template-columns:min-content 1fr}.db-notification:has(img)[data-link-variant=inline],[data-icon][data-link-variant=inline].db-notification,[data-semantic].db-notification:not([data-semantic=adaptive])[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content timestamp"}.db-notification:has(img):has(.db-button),[data-icon].db-notification:has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive]):has(.db-button){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close"}.db-notification:has(img):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(.db-button)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon content timestamp close"}.db-notification:has(img):has(header),[data-icon].db-notification:has(header),[data-semantic].db-notification:not([data-semantic=adaptive]):has(header){grid-template-columns:min-content 1fr;grid-template-areas:"icon head" "icon content"}.db-notification:has(img):has(header)[data-link-variant=inline],[data-icon].db-notification:has(header)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(header)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head timestamp" "icon content content"}.db-notification:has(img):has(header):has(.db-button),[data-icon].db-notification:has(header):has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive]):has(header):has(.db-button){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}.db-notification:has(img):has(header):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:has(header):has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(header):has(.db-button)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon head timestamp close" "icon content content ."}.db-notification[data-variant=overlay]{grid-template-areas:"content timestamp";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(.db-button){grid-template-areas:"content timestamp close";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(header){grid-template-areas:"head timestamp" "content content";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(img),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has(img):has(header),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(header):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]{grid-template-areas:"content timestamp" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(.db-button){grid-template-areas:"content timestamp close" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(header){grid-template-areas:"head timestamp" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]{grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(.db-button){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(header){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-variant=overlay]):not([data-link-variant]):has(>a,>db-link) [data-area=timestamp],.db-notification:not([data-variant=overlay])[data-link-variant=block] [data-area=timestamp]{display:none}.db-notification:not([data-link-variant]):has(a):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:not([data-variant=overlay]),[data-link-variant=block].db-notification:not([data-variant=overlay]):not([data-link-variant]):has(>a,>db-link){grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(.db-button):not([data-variant=overlay]){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(header):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(header):not([data-variant=overlay]){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):has(header):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(header):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:has([data-area=timestamp]) .db-button,.db-notification:has([data-area=timestamp]) [data-area=head],.db-notification:has([data-area=timestamp]) p,.db-notification:has([data-area=timestamp]):before{margin-block-start:-2px}.db-notification:not([hidden]){display:grid}.db-notification{padding:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);inline-size:inherit;background-color:var(--db-adaptive-bg-basic-level-2-default)}.db-notification:before{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-notification a:after,.db-notification a:before{content:none!important;margin:0!important}.db-notification [data-area=head]{grid-area:head}.db-notification [data-area=head],.db-notification [data-area=head] h1,.db-notification [data-area=head] h2,.db-notification [data-area=head] h3,.db-notification [data-area=head] h4,.db-notification [data-area=head] h5,.db-notification [data-area=head] h6{margin:0;font:var(--db-type-body-md);font-weight:700}.db-notification [data-area=head] h1:after,.db-notification [data-area=head] h1:before,.db-notification [data-area=head] h2:after,.db-notification [data-area=head] h2:before,.db-notification [data-area=head] h3:after,.db-notification [data-area=head] h3:before,.db-notification [data-area=head] h4:after,.db-notification [data-area=head] h4:before,.db-notification [data-area=head] h5:after,.db-notification [data-area=head] h5:before,.db-notification [data-area=head] h6:after,.db-notification [data-area=head] h6:before,.db-notification [data-area=head]:after,.db-notification [data-area=head]:before{--db-icon-font-size:var(--db-base-body-icon-font-size-md);--db-icon-font-weight:var(--db-base-body-icon-weight-md)}.db-notification>[data-area=content]{grid-area:content;margin:0}.db-notification img{min-block-size:var(--db-sizing-md);min-inline-size:var(--db-sizing-md);max-block-size:var(--db-sizing-md);max-inline-size:var(--db-sizing-md);border-radius:var(--db-border-radius-xs);object-fit:cover;grid-area:icon}.db-notification [data-area=timestamp]{grid-area:timestamp;white-space:nowrap;justify-self:end}.db-notification .db-button{grid-area:close}.db-notification[data-link-variant=inline]>:is(a,db-link){grid-area:timestamp;white-space:nowrap;justify-self:end}.db-notification[data-link-variant=inline]:has(>a,>db-link)>[data-area=timestamp]{display:none}.db-notification:not([data-link-variant=inline])>:is(a,db-link){grid-area:link;white-space:nowrap}.db-notification:before,.db-notification[data-icon]:before{--db-icon-margin-end:0;--db-icon-font-family:var(
1645
+ )}.db-infotext:has(>.db-infotext){margin:0}.db-infotext:has(>.db-infotext):before{content:none}.db-notification{grid-template-areas:"content";grid-template-columns:1fr}[data-link-variant=inline].db-notification{grid-template-columns:1fr min-content;grid-template-areas:"content timestamp"}.db-notification:has(.db-button){grid-template-columns:1fr min-content;grid-template-areas:"content close"}.db-notification:has(.db-button)[data-link-variant=inline]{grid-template-columns:1fr min-content min-content;grid-template-areas:"content timestamp close"}.db-notification:has(header){grid-template-columns:1fr;grid-template-areas:"head" "content"}.db-notification:has(header)[data-link-variant=inline]{grid-template-columns:1fr min-content;grid-template-areas:"head timestamp" "content content"}.db-notification:has(header):has(.db-button){grid-template-columns:1fr min-content;grid-template-areas:"head close" "content content"}.db-notification:has(header):has(.db-button)[data-link-variant=inline]{grid-template-columns:1fr min-content min-content;grid-template-areas:"head timestamp close" "content content ."}.db-notification:has(img),[data-icon].db-notification:not([data-show-icon=false]),[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content";grid-template-columns:min-content 1fr}.db-notification:has(img)[data-link-variant=inline],[data-icon].db-notification:not([data-show-icon=false])[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false])[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content timestamp"}.db-notification:has(img):has(.db-button),[data-icon].db-notification:not([data-show-icon=false]):has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close"}.db-notification:has(img):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:not([data-show-icon=false]):has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon content timestamp close"}.db-notification:has(img):has(header),[data-icon].db-notification:not([data-show-icon=false]):has(header),[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-columns:min-content 1fr;grid-template-areas:"icon head" "icon content"}.db-notification:has(img):has(header)[data-link-variant=inline],[data-icon].db-notification:not([data-show-icon=false]):has(header)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head timestamp" "icon content content"}.db-notification:has(img):has(header):has(.db-button),[data-icon].db-notification:not([data-show-icon=false]):has(header):has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}.db-notification:has(img):has(header):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:not([data-show-icon=false]):has(header):has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon head timestamp close" "icon content content ."}.db-notification[data-variant=overlay]{grid-template-areas:"content timestamp";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(.db-button){grid-template-areas:"content timestamp close";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(header){grid-template-areas:"head timestamp" "content content";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(img),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has(img):has(header),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(header):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]{grid-template-areas:"content timestamp" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(.db-button){grid-template-areas:"content timestamp close" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(header){grid-template-areas:"head timestamp" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]{grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(.db-button){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(header){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-variant=overlay]):not([data-link-variant]):has(>a,>db-link) [data-area=timestamp],.db-notification:not([data-variant=overlay])[data-link-variant=block] [data-area=timestamp]{display:none}.db-notification:not([data-link-variant]):has(a):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:not([data-variant=overlay]),[data-link-variant=block].db-notification:not([data-variant=overlay]):not([data-link-variant]):has(>a,>db-link){grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(.db-button):not([data-variant=overlay]){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(header):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(header):not([data-variant=overlay]){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):has(header):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(header):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:has([data-area=timestamp]) .db-button,.db-notification:has([data-area=timestamp]) [data-area=head],.db-notification:has([data-area=timestamp]) p,.db-notification:has([data-area=timestamp]):before{margin-block-start:-2px}.db-notification:not([hidden]){display:grid}.db-notification{padding:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);inline-size:inherit;background-color:var(--db-adaptive-bg-basic-level-2-default)}.db-notification:before{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-notification a:after,.db-notification a:before{content:none!important;margin:0!important}.db-notification [data-area=head]{grid-area:head}.db-notification [data-area=head],.db-notification [data-area=head] h1,.db-notification [data-area=head] h2,.db-notification [data-area=head] h3,.db-notification [data-area=head] h4,.db-notification [data-area=head] h5,.db-notification [data-area=head] h6{margin:0;font:var(--db-type-body-md);font-weight:700}.db-notification [data-area=head] h1:after,.db-notification [data-area=head] h1:before,.db-notification [data-area=head] h2:after,.db-notification [data-area=head] h2:before,.db-notification [data-area=head] h3:after,.db-notification [data-area=head] h3:before,.db-notification [data-area=head] h4:after,.db-notification [data-area=head] h4:before,.db-notification [data-area=head] h5:after,.db-notification [data-area=head] h5:before,.db-notification [data-area=head] h6:after,.db-notification [data-area=head] h6:before,.db-notification [data-area=head]:after,.db-notification [data-area=head]:before{--db-icon-font-size:var(--db-base-body-icon-font-size-md);--db-icon-font-weight:var(--db-base-body-icon-weight-md)}.db-notification>[data-area=content]{grid-area:content;margin:0}.db-notification img{min-block-size:var(--db-sizing-md);min-inline-size:var(--db-sizing-md);max-block-size:var(--db-sizing-md);max-inline-size:var(--db-sizing-md);border-radius:var(--db-border-radius-xs);object-fit:cover;grid-area:icon}.db-notification [data-area=timestamp]{grid-area:timestamp;white-space:nowrap;justify-self:end}.db-notification .db-button{grid-area:close}.db-notification[data-link-variant=inline]>:is(a,db-link){grid-area:timestamp;white-space:nowrap;justify-self:end}.db-notification[data-link-variant=inline]:has(>a,>db-link)>[data-area=timestamp]{display:none}.db-notification:not([data-link-variant=inline])>:is(a,db-link){grid-area:link;white-space:nowrap}.db-notification:before,.db-notification[data-icon]:before{--db-icon-margin-end:0;--db-icon-font-family:var(
1646
1646
  --db-icon-filled-font-family,"db-ux-filled","icon-font-fallback"
1647
1647
  );grid-area:icon}.db-notification[data-show-icon=false]:before{display:none}.db-notification:has(img):before{content:none!important}.db-notification[data-variant=overlay]{box-shadow:var(--db-elevation-md)}.db-notification[data-semantic=neutral]:not([data-icon]):before{--db-icon:"information_circle"}.db-notification[data-semantic=critical]:not([data-icon]):before{--db-icon:"exclamation_mark_circle"}.db-notification[data-semantic=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-notification[data-semantic=warning]:not([data-icon]):before{--db-icon:"exclamation_mark_triangle"}.db-notification[data-semantic=informational]:not([data-icon]):before{--db-icon:"information_circle"}.db-checkbox input:not([data-show-icon-leading=false]):checked:before,.db-checkbox input:not([data-show-icon-leading=false]):indeterminate:before{--db-icon-margin-end:0;display:inline-flex;align-items:center;justify-content:center;block-size:calc(var(--db-icon-font-size) - var(--db-border-width-3xs)*2);inline-size:calc(var(--db-icon-font-size) - var(--db-border-width-3xs)*2)}.db-checkbox:not([data-hide-asterisk=true]):has(input:required):is(label):after,.db-checkbox:not([data-hide-asterisk=true]):has(input:required)>label:after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]>label:after{padding-inline-start:1px;content:"*"}@supports (content:""/""){.db-checkbox:not([data-hide-asterisk=true]):has(input:required):is(label):after,.db-checkbox:not([data-hide-asterisk=true]):has(input:required)>label:after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*"/""}}.db-checkbox:has(input:disabled){opacity:var(--db-opacity-md)}.db-checkbox:is(label):not([hidden]),.db-checkbox>label:not([hidden]){display:flex}.db-checkbox:is(label),.db-checkbox>label{align-items:flex-start;position:relative;color:var(--db-check-element-label-color,var(--db-adaptive-on-bg-basic-emphasis-100-default))}.db-checkbox input{background-color:var(--db-adaptive-bg-basic-transparent-full-default);place-content:center center;appearance:none;aspect-ratio:1;border:min(var(--db-border-width-2xs),2px) solid var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));block-size:var(--db-icon-font-size);inline-size:var(--db-icon-font-size);padding:0;margin-inline-end:var(--db-spacing-fixed-xs)}.db-checkbox[data-size=small] input{margin-inline-end:var(--db-spacing-fixed-2xs)}.db-checkbox[data-hide-label=true]{font-size:0}.db-checkbox[data-hide-label=true] input{margin-inline-end:0}.db-checkbox:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover){--db-check-element-label-color:var(
1648
1648
  --db-adaptive-on-bg-basic-emphasis-100-hovered
@@ -1970,7 +1970,7 @@
1970
1970
  --db-critical-bg-inverted-contrast-low-hovered
1971
1971
  );--db-adaptive-bg-basic-transparent-full-pressed:var(
1972
1972
  --db-critical-bg-inverted-contrast-low-pressed
1973
- )}.db-switch input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;appearance:none;margin-inline-end:0;inline-size:calc(var(--db-icon-font-size)*2 + .125rem);block-size:var(--db-icon-font-size);box-sizing:initial}.db-switch input:not([hidden]){display:flex}.db-switch input{align-items:center;gap:.125rem;border-radius:var(--db-border-radius-full)}.db-switch input:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"cross";margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));content:var(--db-icon-trailing,attr(data-icon-trailing))}@supports (content:""/""){.db-switch input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-switch input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);visibility:hidden;align-self:center;aspect-ratio:1}.db-switch input:before{content:"";text-align:center;align-content:center;aspect-ratio:1;block-size:calc(var(--db-icon-font-size) - .25rem);background-color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));border-radius:var(--db-border-radius-full);transform:translateX(var(--thumb-offset-x));margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem)}@media (prefers-reduced-motion:no-preference){.db-switch input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional),visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}@media (forced-colors:active){.db-switch input:before{content:"•"/""}}.db-switch input:checked{--thumb-offset-x:calc(100% + 0.125rem);--db-icon-color:var(--db-adaptive-on-bg-inverted-default);--db-adaptive-bg-basic-transparent-full-default:var(
1973
+ )}.db-switch input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;appearance:none;margin-inline-end:0;inline-size:calc(2lh + .125rem);min-inline-size:calc(2lh + .125rem);block-size:var(--db-icon-font-size);box-sizing:initial}.db-switch input:not([hidden]){display:flex}.db-switch input{align-items:center;gap:.125rem;border-radius:var(--db-border-radius-full)}.db-switch input:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"cross";margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));content:var(--db-icon-trailing,attr(data-icon-trailing))}@supports (content:""/""){.db-switch input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-switch input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);visibility:hidden;align-self:center;aspect-ratio:1}.db-switch input:before{content:"";text-align:center;align-content:center;aspect-ratio:1;block-size:calc(var(--db-icon-font-size) - .25rem);background-color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));border-radius:var(--db-border-radius-full);transform:translateX(var(--thumb-offset-x));margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem)}@media (prefers-reduced-motion:no-preference){.db-switch input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional),visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}@media (forced-colors:active){.db-switch input:before{content:"•"/""}}.db-switch input:checked{--thumb-offset-x:calc(100% + 0.125rem);--db-icon-color:var(--db-adaptive-on-bg-inverted-default);--db-adaptive-bg-basic-transparent-full-default:var(
1974
1974
  --db-adaptive-bg-inverted-contrast-max-default
1975
1975
  );--db-adaptive-bg-basic-transparent-full-hovered:var(
1976
1976
  --db-adaptive-bg-inverted-contrast-max-hovered
package/build/styles/bundle.css CHANGED
@@ -1642,7 +1642,7 @@
1642
1642
  --db-warning-on-bg-basic-emphasis-70-default
1643
1643
  )}.db-infotext[data-semantic=informational]:not([data-icon]):before{--db-icon:"information_circle"}.db-infotext[data-semantic=informational]{color:var(--db-informational-on-bg-basic-emphasis-80-default)}.db-infotext[data-semantic=informational]:before{--db-icon-color:var(
1644
1644
  --db-informational-on-bg-basic-emphasis-70-default
1645
- )}.db-infotext:has(>.db-infotext){margin:0}.db-infotext:has(>.db-infotext):before{content:none}.db-notification{grid-template-areas:"content";grid-template-columns:1fr}[data-link-variant=inline].db-notification{grid-template-columns:1fr min-content;grid-template-areas:"content timestamp"}.db-notification:has(.db-button){grid-template-columns:1fr min-content;grid-template-areas:"content close"}.db-notification:has(.db-button)[data-link-variant=inline]{grid-template-columns:1fr min-content min-content;grid-template-areas:"content timestamp close"}.db-notification:has(header){grid-template-columns:1fr;grid-template-areas:"head" "content"}.db-notification:has(header)[data-link-variant=inline]{grid-template-columns:1fr min-content;grid-template-areas:"head timestamp" "content content"}.db-notification:has(header):has(.db-button){grid-template-columns:1fr min-content;grid-template-areas:"head close" "content content"}.db-notification:has(header):has(.db-button)[data-link-variant=inline]{grid-template-columns:1fr min-content min-content;grid-template-areas:"head timestamp close" "content content ."}.db-notification:has(img),[data-icon].db-notification,[data-semantic].db-notification:not([data-semantic=adaptive]){grid-template-areas:"icon content";grid-template-columns:min-content 1fr}.db-notification:has(img)[data-link-variant=inline],[data-icon][data-link-variant=inline].db-notification,[data-semantic].db-notification:not([data-semantic=adaptive])[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content timestamp"}.db-notification:has(img):has(.db-button),[data-icon].db-notification:has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive]):has(.db-button){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close"}.db-notification:has(img):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(.db-button)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon content timestamp close"}.db-notification:has(img):has(header),[data-icon].db-notification:has(header),[data-semantic].db-notification:not([data-semantic=adaptive]):has(header){grid-template-columns:min-content 1fr;grid-template-areas:"icon head" "icon content"}.db-notification:has(img):has(header)[data-link-variant=inline],[data-icon].db-notification:has(header)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(header)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head timestamp" "icon content content"}.db-notification:has(img):has(header):has(.db-button),[data-icon].db-notification:has(header):has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive]):has(header):has(.db-button){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}.db-notification:has(img):has(header):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:has(header):has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(header):has(.db-button)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon head timestamp close" "icon content content ."}.db-notification[data-variant=overlay]{grid-template-areas:"content timestamp";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(.db-button){grid-template-areas:"content timestamp close";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(header){grid-template-areas:"head timestamp" "content content";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(img),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has(img):has(header),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(header):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]{grid-template-areas:"content timestamp" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(.db-button){grid-template-areas:"content timestamp close" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(header){grid-template-areas:"head timestamp" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]{grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(.db-button){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(header){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-variant=overlay]):not([data-link-variant]):has(>a,>db-link) [data-area=timestamp],.db-notification:not([data-variant=overlay])[data-link-variant=block] [data-area=timestamp]{display:none}.db-notification:not([data-link-variant]):has(a):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:not([data-variant=overlay]),[data-link-variant=block].db-notification:not([data-variant=overlay]):not([data-link-variant]):has(>a,>db-link){grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(.db-button):not([data-variant=overlay]){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(header):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(header):not([data-variant=overlay]){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):has(header):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(header):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:has([data-area=timestamp]) .db-button,.db-notification:has([data-area=timestamp]) [data-area=head],.db-notification:has([data-area=timestamp]) p,.db-notification:has([data-area=timestamp]):before{margin-block-start:-2px}.db-notification:not([hidden]){display:grid}.db-notification{padding:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);inline-size:inherit;background-color:var(--db-adaptive-bg-basic-level-2-default)}.db-notification:before{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-notification a:after,.db-notification a:before{content:none!important;margin:0!important}.db-notification [data-area=head]{grid-area:head}.db-notification [data-area=head],.db-notification [data-area=head] h1,.db-notification [data-area=head] h2,.db-notification [data-area=head] h3,.db-notification [data-area=head] h4,.db-notification [data-area=head] h5,.db-notification [data-area=head] h6{margin:0;font:var(--db-type-body-md);font-weight:700}.db-notification [data-area=head] h1:after,.db-notification [data-area=head] h1:before,.db-notification [data-area=head] h2:after,.db-notification [data-area=head] h2:before,.db-notification [data-area=head] h3:after,.db-notification [data-area=head] h3:before,.db-notification [data-area=head] h4:after,.db-notification [data-area=head] h4:before,.db-notification [data-area=head] h5:after,.db-notification [data-area=head] h5:before,.db-notification [data-area=head] h6:after,.db-notification [data-area=head] h6:before,.db-notification [data-area=head]:after,.db-notification [data-area=head]:before{--db-icon-font-size:var(--db-base-body-icon-font-size-md);--db-icon-font-weight:var(--db-base-body-icon-weight-md)}.db-notification>[data-area=content]{grid-area:content;margin:0}.db-notification img{min-block-size:var(--db-sizing-md);min-inline-size:var(--db-sizing-md);max-block-size:var(--db-sizing-md);max-inline-size:var(--db-sizing-md);border-radius:var(--db-border-radius-xs);object-fit:cover;grid-area:icon}.db-notification [data-area=timestamp]{grid-area:timestamp;white-space:nowrap;justify-self:end}.db-notification .db-button{grid-area:close}.db-notification[data-link-variant=inline]>:is(a,db-link){grid-area:timestamp;white-space:nowrap;justify-self:end}.db-notification[data-link-variant=inline]:has(>a,>db-link)>[data-area=timestamp]{display:none}.db-notification:not([data-link-variant=inline])>:is(a,db-link){grid-area:link;white-space:nowrap}.db-notification:before,.db-notification[data-icon]:before{--db-icon-margin-end:0;--db-icon-font-family:var(
1645
+ )}.db-infotext:has(>.db-infotext){margin:0}.db-infotext:has(>.db-infotext):before{content:none}.db-notification{grid-template-areas:"content";grid-template-columns:1fr}[data-link-variant=inline].db-notification{grid-template-columns:1fr min-content;grid-template-areas:"content timestamp"}.db-notification:has(.db-button){grid-template-columns:1fr min-content;grid-template-areas:"content close"}.db-notification:has(.db-button)[data-link-variant=inline]{grid-template-columns:1fr min-content min-content;grid-template-areas:"content timestamp close"}.db-notification:has(header){grid-template-columns:1fr;grid-template-areas:"head" "content"}.db-notification:has(header)[data-link-variant=inline]{grid-template-columns:1fr min-content;grid-template-areas:"head timestamp" "content content"}.db-notification:has(header):has(.db-button){grid-template-columns:1fr min-content;grid-template-areas:"head close" "content content"}.db-notification:has(header):has(.db-button)[data-link-variant=inline]{grid-template-columns:1fr min-content min-content;grid-template-areas:"head timestamp close" "content content ."}.db-notification:has(img),[data-icon].db-notification:not([data-show-icon=false]),[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content";grid-template-columns:min-content 1fr}.db-notification:has(img)[data-link-variant=inline],[data-icon].db-notification:not([data-show-icon=false])[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false])[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content timestamp"}.db-notification:has(img):has(.db-button),[data-icon].db-notification:not([data-show-icon=false]):has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close"}.db-notification:has(img):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:not([data-show-icon=false]):has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon content timestamp close"}.db-notification:has(img):has(header),[data-icon].db-notification:not([data-show-icon=false]):has(header),[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-columns:min-content 1fr;grid-template-areas:"icon head" "icon content"}.db-notification:has(img):has(header)[data-link-variant=inline],[data-icon].db-notification:not([data-show-icon=false]):has(header)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head timestamp" "icon content content"}.db-notification:has(img):has(header):has(.db-button),[data-icon].db-notification:not([data-show-icon=false]):has(header):has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}.db-notification:has(img):has(header):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:not([data-show-icon=false]):has(header):has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon head timestamp close" "icon content content ."}.db-notification[data-variant=overlay]{grid-template-areas:"content timestamp";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(.db-button){grid-template-areas:"content timestamp close";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(header){grid-template-areas:"head timestamp" "content content";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(img),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has(img):has(header),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(header):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]{grid-template-areas:"content timestamp" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(.db-button){grid-template-areas:"content timestamp close" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(header){grid-template-areas:"head timestamp" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]{grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(.db-button){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(header){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-variant=overlay]):not([data-link-variant]):has(>a,>db-link) [data-area=timestamp],.db-notification:not([data-variant=overlay])[data-link-variant=block] [data-area=timestamp]{display:none}.db-notification:not([data-link-variant]):has(a):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:not([data-variant=overlay]),[data-link-variant=block].db-notification:not([data-variant=overlay]):not([data-link-variant]):has(>a,>db-link){grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(.db-button):not([data-variant=overlay]){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(header):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(header):not([data-variant=overlay]){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):has(header):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(header):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:has([data-area=timestamp]) .db-button,.db-notification:has([data-area=timestamp]) [data-area=head],.db-notification:has([data-area=timestamp]) p,.db-notification:has([data-area=timestamp]):before{margin-block-start:-2px}.db-notification:not([hidden]){display:grid}.db-notification{padding:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);inline-size:inherit;background-color:var(--db-adaptive-bg-basic-level-2-default)}.db-notification:before{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-notification a:after,.db-notification a:before{content:none!important;margin:0!important}.db-notification [data-area=head]{grid-area:head}.db-notification [data-area=head],.db-notification [data-area=head] h1,.db-notification [data-area=head] h2,.db-notification [data-area=head] h3,.db-notification [data-area=head] h4,.db-notification [data-area=head] h5,.db-notification [data-area=head] h6{margin:0;font:var(--db-type-body-md);font-weight:700}.db-notification [data-area=head] h1:after,.db-notification [data-area=head] h1:before,.db-notification [data-area=head] h2:after,.db-notification [data-area=head] h2:before,.db-notification [data-area=head] h3:after,.db-notification [data-area=head] h3:before,.db-notification [data-area=head] h4:after,.db-notification [data-area=head] h4:before,.db-notification [data-area=head] h5:after,.db-notification [data-area=head] h5:before,.db-notification [data-area=head] h6:after,.db-notification [data-area=head] h6:before,.db-notification [data-area=head]:after,.db-notification [data-area=head]:before{--db-icon-font-size:var(--db-base-body-icon-font-size-md);--db-icon-font-weight:var(--db-base-body-icon-weight-md)}.db-notification>[data-area=content]{grid-area:content;margin:0}.db-notification img{min-block-size:var(--db-sizing-md);min-inline-size:var(--db-sizing-md);max-block-size:var(--db-sizing-md);max-inline-size:var(--db-sizing-md);border-radius:var(--db-border-radius-xs);object-fit:cover;grid-area:icon}.db-notification [data-area=timestamp]{grid-area:timestamp;white-space:nowrap;justify-self:end}.db-notification .db-button{grid-area:close}.db-notification[data-link-variant=inline]>:is(a,db-link){grid-area:timestamp;white-space:nowrap;justify-self:end}.db-notification[data-link-variant=inline]:has(>a,>db-link)>[data-area=timestamp]{display:none}.db-notification:not([data-link-variant=inline])>:is(a,db-link){grid-area:link;white-space:nowrap}.db-notification:before,.db-notification[data-icon]:before{--db-icon-margin-end:0;--db-icon-font-family:var(
1646
1646
  --db-icon-filled-font-family,"db-ux-filled","icon-font-fallback"
1647
1647
  );grid-area:icon}.db-notification[data-show-icon=false]:before{display:none}.db-notification:has(img):before{content:none!important}.db-notification[data-variant=overlay]{box-shadow:var(--db-elevation-md)}.db-notification[data-semantic=neutral]:not([data-icon]):before{--db-icon:"information_circle"}.db-notification[data-semantic=critical]:not([data-icon]):before{--db-icon:"exclamation_mark_circle"}.db-notification[data-semantic=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-notification[data-semantic=warning]:not([data-icon]):before{--db-icon:"exclamation_mark_triangle"}.db-notification[data-semantic=informational]:not([data-icon]):before{--db-icon:"information_circle"}.db-checkbox input:not([data-show-icon-leading=false]):checked:before,.db-checkbox input:not([data-show-icon-leading=false]):indeterminate:before{--db-icon-margin-end:0;display:inline-flex;align-items:center;justify-content:center;block-size:calc(var(--db-icon-font-size) - var(--db-border-width-3xs)*2);inline-size:calc(var(--db-icon-font-size) - var(--db-border-width-3xs)*2)}.db-checkbox:not([data-hide-asterisk=true]):has(input:required):is(label):after,.db-checkbox:not([data-hide-asterisk=true]):has(input:required)>label:after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]>label:after{padding-inline-start:1px;content:"*"}@supports (content:""/""){.db-checkbox:not([data-hide-asterisk=true]):has(input:required):is(label):after,.db-checkbox:not([data-hide-asterisk=true]):has(input:required)>label:after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*"/""}}.db-checkbox:has(input:disabled){opacity:var(--db-opacity-md)}.db-checkbox:is(label):not([hidden]),.db-checkbox>label:not([hidden]){display:flex}.db-checkbox:is(label),.db-checkbox>label{align-items:flex-start;position:relative;color:var(--db-check-element-label-color,var(--db-adaptive-on-bg-basic-emphasis-100-default))}.db-checkbox input{background-color:var(--db-adaptive-bg-basic-transparent-full-default);place-content:center center;appearance:none;aspect-ratio:1;border:min(var(--db-border-width-2xs),2px) solid var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));block-size:var(--db-icon-font-size);inline-size:var(--db-icon-font-size);padding:0;margin-inline-end:var(--db-spacing-fixed-xs)}.db-checkbox[data-size=small] input{margin-inline-end:var(--db-spacing-fixed-2xs)}.db-checkbox[data-hide-label=true]{font-size:0}.db-checkbox[data-hide-label=true] input{margin-inline-end:0}.db-checkbox:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover){--db-check-element-label-color:var(
1648
1648
  --db-adaptive-on-bg-basic-emphasis-100-hovered
@@ -1970,7 +1970,7 @@
1970
1970
  --db-critical-bg-inverted-contrast-low-hovered
1971
1971
  );--db-adaptive-bg-basic-transparent-full-pressed:var(
1972
1972
  --db-critical-bg-inverted-contrast-low-pressed
1973
- )}.db-switch input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;appearance:none;margin-inline-end:0;inline-size:calc(var(--db-icon-font-size)*2 + .125rem);block-size:var(--db-icon-font-size);box-sizing:initial}.db-switch input:not([hidden]){display:flex}.db-switch input{align-items:center;gap:.125rem;border-radius:var(--db-border-radius-full)}.db-switch input:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"cross";margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));content:var(--db-icon-trailing,attr(data-icon-trailing))}@supports (content:""/""){.db-switch input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-switch input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);visibility:hidden;align-self:center;aspect-ratio:1}.db-switch input:before{content:"";text-align:center;align-content:center;aspect-ratio:1;block-size:calc(var(--db-icon-font-size) - .25rem);background-color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));border-radius:var(--db-border-radius-full);transform:translateX(var(--thumb-offset-x));margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem)}@media (prefers-reduced-motion:no-preference){.db-switch input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional),visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}@media (forced-colors:active){.db-switch input:before{content:"•"/""}}.db-switch input:checked{--thumb-offset-x:calc(100% + 0.125rem);--db-icon-color:var(--db-adaptive-on-bg-inverted-default);--db-adaptive-bg-basic-transparent-full-default:var(
1973
+ )}.db-switch input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;appearance:none;margin-inline-end:0;inline-size:calc(2lh + .125rem);min-inline-size:calc(2lh + .125rem);block-size:var(--db-icon-font-size);box-sizing:initial}.db-switch input:not([hidden]){display:flex}.db-switch input{align-items:center;gap:.125rem;border-radius:var(--db-border-radius-full)}.db-switch input:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"cross";margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));content:var(--db-icon-trailing,attr(data-icon-trailing))}@supports (content:""/""){.db-switch input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-switch input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);visibility:hidden;align-self:center;aspect-ratio:1}.db-switch input:before{content:"";text-align:center;align-content:center;aspect-ratio:1;block-size:calc(var(--db-icon-font-size) - .25rem);background-color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));border-radius:var(--db-border-radius-full);transform:translateX(var(--thumb-offset-x));margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem)}@media (prefers-reduced-motion:no-preference){.db-switch input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional),visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}@media (forced-colors:active){.db-switch input:before{content:"•"/""}}.db-switch input:checked{--thumb-offset-x:calc(100% + 0.125rem);--db-icon-color:var(--db-adaptive-on-bg-inverted-default);--db-adaptive-bg-basic-transparent-full-default:var(
1974
1974
  --db-adaptive-bg-inverted-contrast-max-default
1975
1975
  );--db-adaptive-bg-basic-transparent-full-hovered:var(
1976
1976
  --db-adaptive-bg-inverted-contrast-max-hovered
package/build/styles/index.css CHANGED
@@ -490,7 +490,7 @@
490
490
  --db-warning-on-bg-basic-emphasis-70-default
491
491
  )}.db-infotext[data-semantic=informational]:not([data-icon]):before{--db-icon:"information_circle"}.db-infotext[data-semantic=informational]{color:var(--db-informational-on-bg-basic-emphasis-80-default)}.db-infotext[data-semantic=informational]:before{--db-icon-color:var(
492
492
  --db-informational-on-bg-basic-emphasis-70-default
493
- )}.db-infotext:has(>.db-infotext){margin:0}.db-infotext:has(>.db-infotext):before{content:none}.db-notification{grid-template-areas:"content";grid-template-columns:1fr}[data-link-variant=inline].db-notification{grid-template-columns:1fr min-content;grid-template-areas:"content timestamp"}.db-notification:has(.db-button){grid-template-columns:1fr min-content;grid-template-areas:"content close"}.db-notification:has(.db-button)[data-link-variant=inline]{grid-template-columns:1fr min-content min-content;grid-template-areas:"content timestamp close"}.db-notification:has(header){grid-template-columns:1fr;grid-template-areas:"head" "content"}.db-notification:has(header)[data-link-variant=inline]{grid-template-columns:1fr min-content;grid-template-areas:"head timestamp" "content content"}.db-notification:has(header):has(.db-button){grid-template-columns:1fr min-content;grid-template-areas:"head close" "content content"}.db-notification:has(header):has(.db-button)[data-link-variant=inline]{grid-template-columns:1fr min-content min-content;grid-template-areas:"head timestamp close" "content content ."}.db-notification:has(img),[data-icon].db-notification,[data-semantic].db-notification:not([data-semantic=adaptive]){grid-template-areas:"icon content";grid-template-columns:min-content 1fr}.db-notification:has(img)[data-link-variant=inline],[data-icon][data-link-variant=inline].db-notification,[data-semantic].db-notification:not([data-semantic=adaptive])[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content timestamp"}.db-notification:has(img):has(.db-button),[data-icon].db-notification:has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive]):has(.db-button){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close"}.db-notification:has(img):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(.db-button)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon content timestamp close"}.db-notification:has(img):has(header),[data-icon].db-notification:has(header),[data-semantic].db-notification:not([data-semantic=adaptive]):has(header){grid-template-columns:min-content 1fr;grid-template-areas:"icon head" "icon content"}.db-notification:has(img):has(header)[data-link-variant=inline],[data-icon].db-notification:has(header)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(header)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head timestamp" "icon content content"}.db-notification:has(img):has(header):has(.db-button),[data-icon].db-notification:has(header):has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive]):has(header):has(.db-button){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}.db-notification:has(img):has(header):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:has(header):has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(header):has(.db-button)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon head timestamp close" "icon content content ."}.db-notification[data-variant=overlay]{grid-template-areas:"content timestamp";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(.db-button){grid-template-areas:"content timestamp close";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(header){grid-template-areas:"head timestamp" "content content";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(img),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has(img):has(header),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(header):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]{grid-template-areas:"content timestamp" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(.db-button){grid-template-areas:"content timestamp close" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(header){grid-template-areas:"head timestamp" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]{grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(.db-button){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(header){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-variant=overlay]):not([data-link-variant]):has(>a,>db-link) [data-area=timestamp],.db-notification:not([data-variant=overlay])[data-link-variant=block] [data-area=timestamp]{display:none}.db-notification:not([data-link-variant]):has(a):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:not([data-variant=overlay]),[data-link-variant=block].db-notification:not([data-variant=overlay]):not([data-link-variant]):has(>a,>db-link){grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(.db-button):not([data-variant=overlay]){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(header):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(header):not([data-variant=overlay]){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):has(header):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(header):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:has([data-area=timestamp]) .db-button,.db-notification:has([data-area=timestamp]) [data-area=head],.db-notification:has([data-area=timestamp]) p,.db-notification:has([data-area=timestamp]):before{margin-block-start:-2px}.db-notification:not([hidden]){display:grid}.db-notification{padding:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);inline-size:inherit;background-color:var(--db-adaptive-bg-basic-level-2-default)}.db-notification:before{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-notification a:after,.db-notification a:before{content:none!important;margin:0!important}.db-notification [data-area=head]{grid-area:head}.db-notification [data-area=head],.db-notification [data-area=head] h1,.db-notification [data-area=head] h2,.db-notification [data-area=head] h3,.db-notification [data-area=head] h4,.db-notification [data-area=head] h5,.db-notification [data-area=head] h6{margin:0;font:var(--db-type-body-md);font-weight:700}.db-notification [data-area=head] h1:after,.db-notification [data-area=head] h1:before,.db-notification [data-area=head] h2:after,.db-notification [data-area=head] h2:before,.db-notification [data-area=head] h3:after,.db-notification [data-area=head] h3:before,.db-notification [data-area=head] h4:after,.db-notification [data-area=head] h4:before,.db-notification [data-area=head] h5:after,.db-notification [data-area=head] h5:before,.db-notification [data-area=head] h6:after,.db-notification [data-area=head] h6:before,.db-notification [data-area=head]:after,.db-notification [data-area=head]:before{--db-icon-font-size:var(--db-base-body-icon-font-size-md);--db-icon-font-weight:var(--db-base-body-icon-weight-md)}.db-notification>[data-area=content]{grid-area:content;margin:0}.db-notification img{min-block-size:var(--db-sizing-md);min-inline-size:var(--db-sizing-md);max-block-size:var(--db-sizing-md);max-inline-size:var(--db-sizing-md);border-radius:var(--db-border-radius-xs);object-fit:cover;grid-area:icon}.db-notification [data-area=timestamp]{grid-area:timestamp;white-space:nowrap;justify-self:end}.db-notification .db-button{grid-area:close}.db-notification[data-link-variant=inline]>:is(a,db-link){grid-area:timestamp;white-space:nowrap;justify-self:end}.db-notification[data-link-variant=inline]:has(>a,>db-link)>[data-area=timestamp]{display:none}.db-notification:not([data-link-variant=inline])>:is(a,db-link){grid-area:link;white-space:nowrap}.db-notification:before,.db-notification[data-icon]:before{--db-icon-margin-end:0;--db-icon-font-family:var(
493
+ )}.db-infotext:has(>.db-infotext){margin:0}.db-infotext:has(>.db-infotext):before{content:none}.db-notification{grid-template-areas:"content";grid-template-columns:1fr}[data-link-variant=inline].db-notification{grid-template-columns:1fr min-content;grid-template-areas:"content timestamp"}.db-notification:has(.db-button){grid-template-columns:1fr min-content;grid-template-areas:"content close"}.db-notification:has(.db-button)[data-link-variant=inline]{grid-template-columns:1fr min-content min-content;grid-template-areas:"content timestamp close"}.db-notification:has(header){grid-template-columns:1fr;grid-template-areas:"head" "content"}.db-notification:has(header)[data-link-variant=inline]{grid-template-columns:1fr min-content;grid-template-areas:"head timestamp" "content content"}.db-notification:has(header):has(.db-button){grid-template-columns:1fr min-content;grid-template-areas:"head close" "content content"}.db-notification:has(header):has(.db-button)[data-link-variant=inline]{grid-template-columns:1fr min-content min-content;grid-template-areas:"head timestamp close" "content content ."}.db-notification:has(img),[data-icon].db-notification:not([data-show-icon=false]),[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content";grid-template-columns:min-content 1fr}.db-notification:has(img)[data-link-variant=inline],[data-icon].db-notification:not([data-show-icon=false])[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false])[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content timestamp"}.db-notification:has(img):has(.db-button),[data-icon].db-notification:not([data-show-icon=false]):has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close"}.db-notification:has(img):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:not([data-show-icon=false]):has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon content timestamp close"}.db-notification:has(img):has(header),[data-icon].db-notification:not([data-show-icon=false]):has(header),[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-columns:min-content 1fr;grid-template-areas:"icon head" "icon content"}.db-notification:has(img):has(header)[data-link-variant=inline],[data-icon].db-notification:not([data-show-icon=false]):has(header)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head timestamp" "icon content content"}.db-notification:has(img):has(header):has(.db-button),[data-icon].db-notification:not([data-show-icon=false]):has(header):has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}.db-notification:has(img):has(header):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:not([data-show-icon=false]):has(header):has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon head timestamp close" "icon content content ."}.db-notification[data-variant=overlay]{grid-template-areas:"content timestamp";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(.db-button){grid-template-areas:"content timestamp close";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(header){grid-template-areas:"head timestamp" "content content";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(img),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has(img):has(header),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(header):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]{grid-template-areas:"content timestamp" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(.db-button){grid-template-areas:"content timestamp close" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(header){grid-template-areas:"head timestamp" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]{grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(.db-button){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(header){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-variant=overlay]):not([data-link-variant]):has(>a,>db-link) [data-area=timestamp],.db-notification:not([data-variant=overlay])[data-link-variant=block] [data-area=timestamp]{display:none}.db-notification:not([data-link-variant]):has(a):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:not([data-variant=overlay]),[data-link-variant=block].db-notification:not([data-variant=overlay]):not([data-link-variant]):has(>a,>db-link){grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(.db-button):not([data-variant=overlay]){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(header):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(header):not([data-variant=overlay]){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):has(header):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(header):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:has([data-area=timestamp]) .db-button,.db-notification:has([data-area=timestamp]) [data-area=head],.db-notification:has([data-area=timestamp]) p,.db-notification:has([data-area=timestamp]):before{margin-block-start:-2px}.db-notification:not([hidden]){display:grid}.db-notification{padding:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);inline-size:inherit;background-color:var(--db-adaptive-bg-basic-level-2-default)}.db-notification:before{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-notification a:after,.db-notification a:before{content:none!important;margin:0!important}.db-notification [data-area=head]{grid-area:head}.db-notification [data-area=head],.db-notification [data-area=head] h1,.db-notification [data-area=head] h2,.db-notification [data-area=head] h3,.db-notification [data-area=head] h4,.db-notification [data-area=head] h5,.db-notification [data-area=head] h6{margin:0;font:var(--db-type-body-md);font-weight:700}.db-notification [data-area=head] h1:after,.db-notification [data-area=head] h1:before,.db-notification [data-area=head] h2:after,.db-notification [data-area=head] h2:before,.db-notification [data-area=head] h3:after,.db-notification [data-area=head] h3:before,.db-notification [data-area=head] h4:after,.db-notification [data-area=head] h4:before,.db-notification [data-area=head] h5:after,.db-notification [data-area=head] h5:before,.db-notification [data-area=head] h6:after,.db-notification [data-area=head] h6:before,.db-notification [data-area=head]:after,.db-notification [data-area=head]:before{--db-icon-font-size:var(--db-base-body-icon-font-size-md);--db-icon-font-weight:var(--db-base-body-icon-weight-md)}.db-notification>[data-area=content]{grid-area:content;margin:0}.db-notification img{min-block-size:var(--db-sizing-md);min-inline-size:var(--db-sizing-md);max-block-size:var(--db-sizing-md);max-inline-size:var(--db-sizing-md);border-radius:var(--db-border-radius-xs);object-fit:cover;grid-area:icon}.db-notification [data-area=timestamp]{grid-area:timestamp;white-space:nowrap;justify-self:end}.db-notification .db-button{grid-area:close}.db-notification[data-link-variant=inline]>:is(a,db-link){grid-area:timestamp;white-space:nowrap;justify-self:end}.db-notification[data-link-variant=inline]:has(>a,>db-link)>[data-area=timestamp]{display:none}.db-notification:not([data-link-variant=inline])>:is(a,db-link){grid-area:link;white-space:nowrap}.db-notification:before,.db-notification[data-icon]:before{--db-icon-margin-end:0;--db-icon-font-family:var(
494
494
  --db-icon-filled-font-family,"db-ux-filled","icon-font-fallback"
495
495
  );grid-area:icon}.db-notification[data-show-icon=false]:before{display:none}.db-notification:has(img):before{content:none!important}.db-notification[data-variant=overlay]{box-shadow:var(--db-elevation-md)}.db-notification[data-semantic=neutral]:not([data-icon]):before{--db-icon:"information_circle"}.db-notification[data-semantic=critical]:not([data-icon]):before{--db-icon:"exclamation_mark_circle"}.db-notification[data-semantic=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-notification[data-semantic=warning]:not([data-icon]):before{--db-icon:"exclamation_mark_triangle"}.db-notification[data-semantic=informational]:not([data-icon]):before{--db-icon:"information_circle"}.db-checkbox input:not([data-show-icon-leading=false]):checked:before,.db-checkbox input:not([data-show-icon-leading=false]):indeterminate:before{--db-icon-margin-end:0;display:inline-flex;align-items:center;justify-content:center;block-size:calc(var(--db-icon-font-size) - var(--db-border-width-3xs)*2);inline-size:calc(var(--db-icon-font-size) - var(--db-border-width-3xs)*2)}.db-checkbox:not([data-hide-asterisk=true]):has(input:required):is(label):after,.db-checkbox:not([data-hide-asterisk=true]):has(input:required)>label:after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]>label:after{padding-inline-start:1px;content:"*"}@supports (content:""/""){.db-checkbox:not([data-hide-asterisk=true]):has(input:required):is(label):after,.db-checkbox:not([data-hide-asterisk=true]):has(input:required)>label:after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*"/""}}.db-checkbox:has(input:disabled){opacity:var(--db-opacity-md)}.db-checkbox:is(label):not([hidden]),.db-checkbox>label:not([hidden]){display:flex}.db-checkbox:is(label),.db-checkbox>label{align-items:flex-start;position:relative;color:var(--db-check-element-label-color,var(--db-adaptive-on-bg-basic-emphasis-100-default))}.db-checkbox input{background-color:var(--db-adaptive-bg-basic-transparent-full-default);place-content:center center;appearance:none;aspect-ratio:1;border:min(var(--db-border-width-2xs),2px) solid var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));block-size:var(--db-icon-font-size);inline-size:var(--db-icon-font-size);padding:0;margin-inline-end:var(--db-spacing-fixed-xs)}.db-checkbox[data-size=small] input{margin-inline-end:var(--db-spacing-fixed-2xs)}.db-checkbox[data-hide-label=true]{font-size:0}.db-checkbox[data-hide-label=true] input{margin-inline-end:0}.db-checkbox:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover){--db-check-element-label-color:var(
496
496
  --db-adaptive-on-bg-basic-emphasis-100-hovered
@@ -818,7 +818,7 @@
818
818
  --db-critical-bg-inverted-contrast-low-hovered
819
819
  );--db-adaptive-bg-basic-transparent-full-pressed:var(
820
820
  --db-critical-bg-inverted-contrast-low-pressed
821
- )}.db-switch input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;appearance:none;margin-inline-end:0;inline-size:calc(var(--db-icon-font-size)*2 + .125rem);block-size:var(--db-icon-font-size);box-sizing:initial}.db-switch input:not([hidden]){display:flex}.db-switch input{align-items:center;gap:.125rem;border-radius:var(--db-border-radius-full)}.db-switch input:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"cross";margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));content:var(--db-icon-trailing,attr(data-icon-trailing))}@supports (content:""/""){.db-switch input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-switch input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);visibility:hidden;align-self:center;aspect-ratio:1}.db-switch input:before{content:"";text-align:center;align-content:center;aspect-ratio:1;block-size:calc(var(--db-icon-font-size) - .25rem);background-color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));border-radius:var(--db-border-radius-full);transform:translateX(var(--thumb-offset-x));margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem)}@media (prefers-reduced-motion:no-preference){.db-switch input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional),visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}@media (forced-colors:active){.db-switch input:before{content:"•"/""}}.db-switch input:checked{--thumb-offset-x:calc(100% + 0.125rem);--db-icon-color:var(--db-adaptive-on-bg-inverted-default);--db-adaptive-bg-basic-transparent-full-default:var(
821
+ )}.db-switch input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;appearance:none;margin-inline-end:0;inline-size:calc(2lh + .125rem);min-inline-size:calc(2lh + .125rem);block-size:var(--db-icon-font-size);box-sizing:initial}.db-switch input:not([hidden]){display:flex}.db-switch input{align-items:center;gap:.125rem;border-radius:var(--db-border-radius-full)}.db-switch input:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"cross";margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));content:var(--db-icon-trailing,attr(data-icon-trailing))}@supports (content:""/""){.db-switch input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-switch input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);visibility:hidden;align-self:center;aspect-ratio:1}.db-switch input:before{content:"";text-align:center;align-content:center;aspect-ratio:1;block-size:calc(var(--db-icon-font-size) - .25rem);background-color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));border-radius:var(--db-border-radius-full);transform:translateX(var(--thumb-offset-x));margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem)}@media (prefers-reduced-motion:no-preference){.db-switch input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional),visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}@media (forced-colors:active){.db-switch input:before{content:"•"/""}}.db-switch input:checked{--thumb-offset-x:calc(100% + 0.125rem);--db-icon-color:var(--db-adaptive-on-bg-inverted-default);--db-adaptive-bg-basic-transparent-full-default:var(
822
822
  --db-adaptive-bg-inverted-contrast-max-default
823
823
  );--db-adaptive-bg-basic-transparent-full-hovered:var(
824
824
  --db-adaptive-bg-inverted-contrast-max-hovered
package/build/styles/relative.css CHANGED
@@ -1642,7 +1642,7 @@
1642
1642
  --db-warning-on-bg-basic-emphasis-70-default
1643
1643
  )}.db-infotext[data-semantic=informational]:not([data-icon]):before{--db-icon:"information_circle"}.db-infotext[data-semantic=informational]{color:var(--db-informational-on-bg-basic-emphasis-80-default)}.db-infotext[data-semantic=informational]:before{--db-icon-color:var(
1644
1644
  --db-informational-on-bg-basic-emphasis-70-default
1645
- )}.db-infotext:has(>.db-infotext){margin:0}.db-infotext:has(>.db-infotext):before{content:none}.db-notification{grid-template-areas:"content";grid-template-columns:1fr}[data-link-variant=inline].db-notification{grid-template-columns:1fr min-content;grid-template-areas:"content timestamp"}.db-notification:has(.db-button){grid-template-columns:1fr min-content;grid-template-areas:"content close"}.db-notification:has(.db-button)[data-link-variant=inline]{grid-template-columns:1fr min-content min-content;grid-template-areas:"content timestamp close"}.db-notification:has(header){grid-template-columns:1fr;grid-template-areas:"head" "content"}.db-notification:has(header)[data-link-variant=inline]{grid-template-columns:1fr min-content;grid-template-areas:"head timestamp" "content content"}.db-notification:has(header):has(.db-button){grid-template-columns:1fr min-content;grid-template-areas:"head close" "content content"}.db-notification:has(header):has(.db-button)[data-link-variant=inline]{grid-template-columns:1fr min-content min-content;grid-template-areas:"head timestamp close" "content content ."}.db-notification:has(img),[data-icon].db-notification,[data-semantic].db-notification:not([data-semantic=adaptive]){grid-template-areas:"icon content";grid-template-columns:min-content 1fr}.db-notification:has(img)[data-link-variant=inline],[data-icon][data-link-variant=inline].db-notification,[data-semantic].db-notification:not([data-semantic=adaptive])[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content timestamp"}.db-notification:has(img):has(.db-button),[data-icon].db-notification:has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive]):has(.db-button){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close"}.db-notification:has(img):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(.db-button)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon content timestamp close"}.db-notification:has(img):has(header),[data-icon].db-notification:has(header),[data-semantic].db-notification:not([data-semantic=adaptive]):has(header){grid-template-columns:min-content 1fr;grid-template-areas:"icon head" "icon content"}.db-notification:has(img):has(header)[data-link-variant=inline],[data-icon].db-notification:has(header)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(header)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head timestamp" "icon content content"}.db-notification:has(img):has(header):has(.db-button),[data-icon].db-notification:has(header):has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive]):has(header):has(.db-button){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}.db-notification:has(img):has(header):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:has(header):has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(header):has(.db-button)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon head timestamp close" "icon content content ."}.db-notification[data-variant=overlay]{grid-template-areas:"content timestamp";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(.db-button){grid-template-areas:"content timestamp close";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(header){grid-template-areas:"head timestamp" "content content";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(img),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has(img):has(header),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(header):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]{grid-template-areas:"content timestamp" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(.db-button){grid-template-areas:"content timestamp close" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(header){grid-template-areas:"head timestamp" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]{grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(.db-button){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(header){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-variant=overlay]):not([data-link-variant]):has(>a,>db-link) [data-area=timestamp],.db-notification:not([data-variant=overlay])[data-link-variant=block] [data-area=timestamp]{display:none}.db-notification:not([data-link-variant]):has(a):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:not([data-variant=overlay]),[data-link-variant=block].db-notification:not([data-variant=overlay]):not([data-link-variant]):has(>a,>db-link){grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(.db-button):not([data-variant=overlay]){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(header):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(header):not([data-variant=overlay]){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):has(header):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(header):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:has([data-area=timestamp]) .db-button,.db-notification:has([data-area=timestamp]) [data-area=head],.db-notification:has([data-area=timestamp]) p,.db-notification:has([data-area=timestamp]):before{margin-block-start:-2px}.db-notification:not([hidden]){display:grid}.db-notification{padding:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);inline-size:inherit;background-color:var(--db-adaptive-bg-basic-level-2-default)}.db-notification:before{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-notification a:after,.db-notification a:before{content:none!important;margin:0!important}.db-notification [data-area=head]{grid-area:head}.db-notification [data-area=head],.db-notification [data-area=head] h1,.db-notification [data-area=head] h2,.db-notification [data-area=head] h3,.db-notification [data-area=head] h4,.db-notification [data-area=head] h5,.db-notification [data-area=head] h6{margin:0;font:var(--db-type-body-md);font-weight:700}.db-notification [data-area=head] h1:after,.db-notification [data-area=head] h1:before,.db-notification [data-area=head] h2:after,.db-notification [data-area=head] h2:before,.db-notification [data-area=head] h3:after,.db-notification [data-area=head] h3:before,.db-notification [data-area=head] h4:after,.db-notification [data-area=head] h4:before,.db-notification [data-area=head] h5:after,.db-notification [data-area=head] h5:before,.db-notification [data-area=head] h6:after,.db-notification [data-area=head] h6:before,.db-notification [data-area=head]:after,.db-notification [data-area=head]:before{--db-icon-font-size:var(--db-base-body-icon-font-size-md);--db-icon-font-weight:var(--db-base-body-icon-weight-md)}.db-notification>[data-area=content]{grid-area:content;margin:0}.db-notification img{min-block-size:var(--db-sizing-md);min-inline-size:var(--db-sizing-md);max-block-size:var(--db-sizing-md);max-inline-size:var(--db-sizing-md);border-radius:var(--db-border-radius-xs);object-fit:cover;grid-area:icon}.db-notification [data-area=timestamp]{grid-area:timestamp;white-space:nowrap;justify-self:end}.db-notification .db-button{grid-area:close}.db-notification[data-link-variant=inline]>:is(a,db-link){grid-area:timestamp;white-space:nowrap;justify-self:end}.db-notification[data-link-variant=inline]:has(>a,>db-link)>[data-area=timestamp]{display:none}.db-notification:not([data-link-variant=inline])>:is(a,db-link){grid-area:link;white-space:nowrap}.db-notification:before,.db-notification[data-icon]:before{--db-icon-margin-end:0;--db-icon-font-family:var(
1645
+ )}.db-infotext:has(>.db-infotext){margin:0}.db-infotext:has(>.db-infotext):before{content:none}.db-notification{grid-template-areas:"content";grid-template-columns:1fr}[data-link-variant=inline].db-notification{grid-template-columns:1fr min-content;grid-template-areas:"content timestamp"}.db-notification:has(.db-button){grid-template-columns:1fr min-content;grid-template-areas:"content close"}.db-notification:has(.db-button)[data-link-variant=inline]{grid-template-columns:1fr min-content min-content;grid-template-areas:"content timestamp close"}.db-notification:has(header){grid-template-columns:1fr;grid-template-areas:"head" "content"}.db-notification:has(header)[data-link-variant=inline]{grid-template-columns:1fr min-content;grid-template-areas:"head timestamp" "content content"}.db-notification:has(header):has(.db-button){grid-template-columns:1fr min-content;grid-template-areas:"head close" "content content"}.db-notification:has(header):has(.db-button)[data-link-variant=inline]{grid-template-columns:1fr min-content min-content;grid-template-areas:"head timestamp close" "content content ."}.db-notification:has(img),[data-icon].db-notification:not([data-show-icon=false]),[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content";grid-template-columns:min-content 1fr}.db-notification:has(img)[data-link-variant=inline],[data-icon].db-notification:not([data-show-icon=false])[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false])[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content timestamp"}.db-notification:has(img):has(.db-button),[data-icon].db-notification:not([data-show-icon=false]):has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close"}.db-notification:has(img):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:not([data-show-icon=false]):has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon content timestamp close"}.db-notification:has(img):has(header),[data-icon].db-notification:not([data-show-icon=false]):has(header),[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-columns:min-content 1fr;grid-template-areas:"icon head" "icon content"}.db-notification:has(img):has(header)[data-link-variant=inline],[data-icon].db-notification:not([data-show-icon=false]):has(header)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head timestamp" "icon content content"}.db-notification:has(img):has(header):has(.db-button),[data-icon].db-notification:not([data-show-icon=false]):has(header):has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}.db-notification:has(img):has(header):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:not([data-show-icon=false]):has(header):has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon head timestamp close" "icon content content ."}.db-notification[data-variant=overlay]{grid-template-areas:"content timestamp";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(.db-button){grid-template-areas:"content timestamp close";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(header){grid-template-areas:"head timestamp" "content content";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(img),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has(img):has(header),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(header):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]{grid-template-areas:"content timestamp" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(.db-button){grid-template-areas:"content timestamp close" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(header){grid-template-areas:"head timestamp" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]{grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(.db-button){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(header){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-variant=overlay]):not([data-link-variant]):has(>a,>db-link) [data-area=timestamp],.db-notification:not([data-variant=overlay])[data-link-variant=block] [data-area=timestamp]{display:none}.db-notification:not([data-link-variant]):has(a):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:not([data-variant=overlay]),[data-link-variant=block].db-notification:not([data-variant=overlay]):not([data-link-variant]):has(>a,>db-link){grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(.db-button):not([data-variant=overlay]){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(header):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(header):not([data-variant=overlay]){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):has(header):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(header):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:has([data-area=timestamp]) .db-button,.db-notification:has([data-area=timestamp]) [data-area=head],.db-notification:has([data-area=timestamp]) p,.db-notification:has([data-area=timestamp]):before{margin-block-start:-2px}.db-notification:not([hidden]){display:grid}.db-notification{padding:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);inline-size:inherit;background-color:var(--db-adaptive-bg-basic-level-2-default)}.db-notification:before{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-notification a:after,.db-notification a:before{content:none!important;margin:0!important}.db-notification [data-area=head]{grid-area:head}.db-notification [data-area=head],.db-notification [data-area=head] h1,.db-notification [data-area=head] h2,.db-notification [data-area=head] h3,.db-notification [data-area=head] h4,.db-notification [data-area=head] h5,.db-notification [data-area=head] h6{margin:0;font:var(--db-type-body-md);font-weight:700}.db-notification [data-area=head] h1:after,.db-notification [data-area=head] h1:before,.db-notification [data-area=head] h2:after,.db-notification [data-area=head] h2:before,.db-notification [data-area=head] h3:after,.db-notification [data-area=head] h3:before,.db-notification [data-area=head] h4:after,.db-notification [data-area=head] h4:before,.db-notification [data-area=head] h5:after,.db-notification [data-area=head] h5:before,.db-notification [data-area=head] h6:after,.db-notification [data-area=head] h6:before,.db-notification [data-area=head]:after,.db-notification [data-area=head]:before{--db-icon-font-size:var(--db-base-body-icon-font-size-md);--db-icon-font-weight:var(--db-base-body-icon-weight-md)}.db-notification>[data-area=content]{grid-area:content;margin:0}.db-notification img{min-block-size:var(--db-sizing-md);min-inline-size:var(--db-sizing-md);max-block-size:var(--db-sizing-md);max-inline-size:var(--db-sizing-md);border-radius:var(--db-border-radius-xs);object-fit:cover;grid-area:icon}.db-notification [data-area=timestamp]{grid-area:timestamp;white-space:nowrap;justify-self:end}.db-notification .db-button{grid-area:close}.db-notification[data-link-variant=inline]>:is(a,db-link){grid-area:timestamp;white-space:nowrap;justify-self:end}.db-notification[data-link-variant=inline]:has(>a,>db-link)>[data-area=timestamp]{display:none}.db-notification:not([data-link-variant=inline])>:is(a,db-link){grid-area:link;white-space:nowrap}.db-notification:before,.db-notification[data-icon]:before{--db-icon-margin-end:0;--db-icon-font-family:var(
1646
1646
  --db-icon-filled-font-family,"db-ux-filled","icon-font-fallback"
1647
1647
  );grid-area:icon}.db-notification[data-show-icon=false]:before{display:none}.db-notification:has(img):before{content:none!important}.db-notification[data-variant=overlay]{box-shadow:var(--db-elevation-md)}.db-notification[data-semantic=neutral]:not([data-icon]):before{--db-icon:"information_circle"}.db-notification[data-semantic=critical]:not([data-icon]):before{--db-icon:"exclamation_mark_circle"}.db-notification[data-semantic=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-notification[data-semantic=warning]:not([data-icon]):before{--db-icon:"exclamation_mark_triangle"}.db-notification[data-semantic=informational]:not([data-icon]):before{--db-icon:"information_circle"}.db-checkbox input:not([data-show-icon-leading=false]):checked:before,.db-checkbox input:not([data-show-icon-leading=false]):indeterminate:before{--db-icon-margin-end:0;display:inline-flex;align-items:center;justify-content:center;block-size:calc(var(--db-icon-font-size) - var(--db-border-width-3xs)*2);inline-size:calc(var(--db-icon-font-size) - var(--db-border-width-3xs)*2)}.db-checkbox:not([data-hide-asterisk=true]):has(input:required):is(label):after,.db-checkbox:not([data-hide-asterisk=true]):has(input:required)>label:after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]>label:after{padding-inline-start:1px;content:"*"}@supports (content:""/""){.db-checkbox:not([data-hide-asterisk=true]):has(input:required):is(label):after,.db-checkbox:not([data-hide-asterisk=true]):has(input:required)>label:after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*"/""}}.db-checkbox:has(input:disabled){opacity:var(--db-opacity-md)}.db-checkbox:is(label):not([hidden]),.db-checkbox>label:not([hidden]){display:flex}.db-checkbox:is(label),.db-checkbox>label{align-items:flex-start;position:relative;color:var(--db-check-element-label-color,var(--db-adaptive-on-bg-basic-emphasis-100-default))}.db-checkbox input{background-color:var(--db-adaptive-bg-basic-transparent-full-default);place-content:center center;appearance:none;aspect-ratio:1;border:min(var(--db-border-width-2xs),2px) solid var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));block-size:var(--db-icon-font-size);inline-size:var(--db-icon-font-size);padding:0;margin-inline-end:var(--db-spacing-fixed-xs)}.db-checkbox[data-size=small] input{margin-inline-end:var(--db-spacing-fixed-2xs)}.db-checkbox[data-hide-label=true]{font-size:0}.db-checkbox[data-hide-label=true] input{margin-inline-end:0}.db-checkbox:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover){--db-check-element-label-color:var(
1648
1648
  --db-adaptive-on-bg-basic-emphasis-100-hovered
@@ -1970,7 +1970,7 @@
1970
1970
  --db-critical-bg-inverted-contrast-low-hovered
1971
1971
  );--db-adaptive-bg-basic-transparent-full-pressed:var(
1972
1972
  --db-critical-bg-inverted-contrast-low-pressed
1973
- )}.db-switch input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;appearance:none;margin-inline-end:0;inline-size:calc(var(--db-icon-font-size)*2 + .125rem);block-size:var(--db-icon-font-size);box-sizing:initial}.db-switch input:not([hidden]){display:flex}.db-switch input{align-items:center;gap:.125rem;border-radius:var(--db-border-radius-full)}.db-switch input:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"cross";margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));content:var(--db-icon-trailing,attr(data-icon-trailing))}@supports (content:""/""){.db-switch input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-switch input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);visibility:hidden;align-self:center;aspect-ratio:1}.db-switch input:before{content:"";text-align:center;align-content:center;aspect-ratio:1;block-size:calc(var(--db-icon-font-size) - .25rem);background-color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));border-radius:var(--db-border-radius-full);transform:translateX(var(--thumb-offset-x));margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem)}@media (prefers-reduced-motion:no-preference){.db-switch input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional),visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}@media (forced-colors:active){.db-switch input:before{content:"•"/""}}.db-switch input:checked{--thumb-offset-x:calc(100% + 0.125rem);--db-icon-color:var(--db-adaptive-on-bg-inverted-default);--db-adaptive-bg-basic-transparent-full-default:var(
1973
+ )}.db-switch input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;appearance:none;margin-inline-end:0;inline-size:calc(2lh + .125rem);min-inline-size:calc(2lh + .125rem);block-size:var(--db-icon-font-size);box-sizing:initial}.db-switch input:not([hidden]){display:flex}.db-switch input{align-items:center;gap:.125rem;border-radius:var(--db-border-radius-full)}.db-switch input:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"cross";margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));content:var(--db-icon-trailing,attr(data-icon-trailing))}@supports (content:""/""){.db-switch input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-switch input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);visibility:hidden;align-self:center;aspect-ratio:1}.db-switch input:before{content:"";text-align:center;align-content:center;aspect-ratio:1;block-size:calc(var(--db-icon-font-size) - .25rem);background-color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));border-radius:var(--db-border-radius-full);transform:translateX(var(--thumb-offset-x));margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem)}@media (prefers-reduced-motion:no-preference){.db-switch input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional),visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}@media (forced-colors:active){.db-switch input:before{content:"•"/""}}.db-switch input:checked{--thumb-offset-x:calc(100% + 0.125rem);--db-icon-color:var(--db-adaptive-on-bg-inverted-default);--db-adaptive-bg-basic-transparent-full-default:var(
1974
1974
  --db-adaptive-bg-inverted-contrast-max-default
1975
1975
  );--db-adaptive-bg-basic-transparent-full-hovered:var(
1976
1976
  --db-adaptive-bg-inverted-contrast-max-hovered
package/build/styles/rollup.css CHANGED
@@ -1642,7 +1642,7 @@
1642
1642
  --db-warning-on-bg-basic-emphasis-70-default
1643
1643
  )}.db-infotext[data-semantic=informational]:not([data-icon]):before{--db-icon:"information_circle"}.db-infotext[data-semantic=informational]{color:var(--db-informational-on-bg-basic-emphasis-80-default)}.db-infotext[data-semantic=informational]:before{--db-icon-color:var(
1644
1644
  --db-informational-on-bg-basic-emphasis-70-default
1645
- )}.db-infotext:has(>.db-infotext){margin:0}.db-infotext:has(>.db-infotext):before{content:none}.db-notification{grid-template-areas:"content";grid-template-columns:1fr}[data-link-variant=inline].db-notification{grid-template-columns:1fr min-content;grid-template-areas:"content timestamp"}.db-notification:has(.db-button){grid-template-columns:1fr min-content;grid-template-areas:"content close"}.db-notification:has(.db-button)[data-link-variant=inline]{grid-template-columns:1fr min-content min-content;grid-template-areas:"content timestamp close"}.db-notification:has(header){grid-template-columns:1fr;grid-template-areas:"head" "content"}.db-notification:has(header)[data-link-variant=inline]{grid-template-columns:1fr min-content;grid-template-areas:"head timestamp" "content content"}.db-notification:has(header):has(.db-button){grid-template-columns:1fr min-content;grid-template-areas:"head close" "content content"}.db-notification:has(header):has(.db-button)[data-link-variant=inline]{grid-template-columns:1fr min-content min-content;grid-template-areas:"head timestamp close" "content content ."}.db-notification:has(img),[data-icon].db-notification,[data-semantic].db-notification:not([data-semantic=adaptive]){grid-template-areas:"icon content";grid-template-columns:min-content 1fr}.db-notification:has(img)[data-link-variant=inline],[data-icon][data-link-variant=inline].db-notification,[data-semantic].db-notification:not([data-semantic=adaptive])[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content timestamp"}.db-notification:has(img):has(.db-button),[data-icon].db-notification:has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive]):has(.db-button){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close"}.db-notification:has(img):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(.db-button)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon content timestamp close"}.db-notification:has(img):has(header),[data-icon].db-notification:has(header),[data-semantic].db-notification:not([data-semantic=adaptive]):has(header){grid-template-columns:min-content 1fr;grid-template-areas:"icon head" "icon content"}.db-notification:has(img):has(header)[data-link-variant=inline],[data-icon].db-notification:has(header)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(header)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head timestamp" "icon content content"}.db-notification:has(img):has(header):has(.db-button),[data-icon].db-notification:has(header):has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive]):has(header):has(.db-button){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}.db-notification:has(img):has(header):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:has(header):has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(header):has(.db-button)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon head timestamp close" "icon content content ."}.db-notification[data-variant=overlay]{grid-template-areas:"content timestamp";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(.db-button){grid-template-areas:"content timestamp close";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(header){grid-template-areas:"head timestamp" "content content";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(img),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has(img):has(header),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(header):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]{grid-template-areas:"content timestamp" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(.db-button){grid-template-areas:"content timestamp close" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(header){grid-template-areas:"head timestamp" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]{grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(.db-button){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(header){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-variant=overlay]):not([data-link-variant]):has(>a,>db-link) [data-area=timestamp],.db-notification:not([data-variant=overlay])[data-link-variant=block] [data-area=timestamp]{display:none}.db-notification:not([data-link-variant]):has(a):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:not([data-variant=overlay]),[data-link-variant=block].db-notification:not([data-variant=overlay]):not([data-link-variant]):has(>a,>db-link){grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(.db-button):not([data-variant=overlay]){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(header):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(header):not([data-variant=overlay]){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):has(header):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(header):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:has([data-area=timestamp]) .db-button,.db-notification:has([data-area=timestamp]) [data-area=head],.db-notification:has([data-area=timestamp]) p,.db-notification:has([data-area=timestamp]):before{margin-block-start:-2px}.db-notification:not([hidden]){display:grid}.db-notification{padding:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);inline-size:inherit;background-color:var(--db-adaptive-bg-basic-level-2-default)}.db-notification:before{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-notification a:after,.db-notification a:before{content:none!important;margin:0!important}.db-notification [data-area=head]{grid-area:head}.db-notification [data-area=head],.db-notification [data-area=head] h1,.db-notification [data-area=head] h2,.db-notification [data-area=head] h3,.db-notification [data-area=head] h4,.db-notification [data-area=head] h5,.db-notification [data-area=head] h6{margin:0;font:var(--db-type-body-md);font-weight:700}.db-notification [data-area=head] h1:after,.db-notification [data-area=head] h1:before,.db-notification [data-area=head] h2:after,.db-notification [data-area=head] h2:before,.db-notification [data-area=head] h3:after,.db-notification [data-area=head] h3:before,.db-notification [data-area=head] h4:after,.db-notification [data-area=head] h4:before,.db-notification [data-area=head] h5:after,.db-notification [data-area=head] h5:before,.db-notification [data-area=head] h6:after,.db-notification [data-area=head] h6:before,.db-notification [data-area=head]:after,.db-notification [data-area=head]:before{--db-icon-font-size:var(--db-base-body-icon-font-size-md);--db-icon-font-weight:var(--db-base-body-icon-weight-md)}.db-notification>[data-area=content]{grid-area:content;margin:0}.db-notification img{min-block-size:var(--db-sizing-md);min-inline-size:var(--db-sizing-md);max-block-size:var(--db-sizing-md);max-inline-size:var(--db-sizing-md);border-radius:var(--db-border-radius-xs);object-fit:cover;grid-area:icon}.db-notification [data-area=timestamp]{grid-area:timestamp;white-space:nowrap;justify-self:end}.db-notification .db-button{grid-area:close}.db-notification[data-link-variant=inline]>:is(a,db-link){grid-area:timestamp;white-space:nowrap;justify-self:end}.db-notification[data-link-variant=inline]:has(>a,>db-link)>[data-area=timestamp]{display:none}.db-notification:not([data-link-variant=inline])>:is(a,db-link){grid-area:link;white-space:nowrap}.db-notification:before,.db-notification[data-icon]:before{--db-icon-margin-end:0;--db-icon-font-family:var(
1645
+ )}.db-infotext:has(>.db-infotext){margin:0}.db-infotext:has(>.db-infotext):before{content:none}.db-notification{grid-template-areas:"content";grid-template-columns:1fr}[data-link-variant=inline].db-notification{grid-template-columns:1fr min-content;grid-template-areas:"content timestamp"}.db-notification:has(.db-button){grid-template-columns:1fr min-content;grid-template-areas:"content close"}.db-notification:has(.db-button)[data-link-variant=inline]{grid-template-columns:1fr min-content min-content;grid-template-areas:"content timestamp close"}.db-notification:has(header){grid-template-columns:1fr;grid-template-areas:"head" "content"}.db-notification:has(header)[data-link-variant=inline]{grid-template-columns:1fr min-content;grid-template-areas:"head timestamp" "content content"}.db-notification:has(header):has(.db-button){grid-template-columns:1fr min-content;grid-template-areas:"head close" "content content"}.db-notification:has(header):has(.db-button)[data-link-variant=inline]{grid-template-columns:1fr min-content min-content;grid-template-areas:"head timestamp close" "content content ."}.db-notification:has(img),[data-icon].db-notification:not([data-show-icon=false]),[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content";grid-template-columns:min-content 1fr}.db-notification:has(img)[data-link-variant=inline],[data-icon].db-notification:not([data-show-icon=false])[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false])[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content timestamp"}.db-notification:has(img):has(.db-button),[data-icon].db-notification:not([data-show-icon=false]):has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close"}.db-notification:has(img):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:not([data-show-icon=false]):has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon content timestamp close"}.db-notification:has(img):has(header),[data-icon].db-notification:not([data-show-icon=false]):has(header),[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-columns:min-content 1fr;grid-template-areas:"icon head" "icon content"}.db-notification:has(img):has(header)[data-link-variant=inline],[data-icon].db-notification:not([data-show-icon=false]):has(header)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head timestamp" "icon content content"}.db-notification:has(img):has(header):has(.db-button),[data-icon].db-notification:not([data-show-icon=false]):has(header):has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}.db-notification:has(img):has(header):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:not([data-show-icon=false]):has(header):has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon head timestamp close" "icon content content ."}.db-notification[data-variant=overlay]{grid-template-areas:"content timestamp";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(.db-button){grid-template-areas:"content timestamp close";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(header){grid-template-areas:"head timestamp" "content content";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(img),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has(img):has(header),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(header):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]{grid-template-areas:"content timestamp" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(.db-button){grid-template-areas:"content timestamp close" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(header){grid-template-areas:"head timestamp" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]{grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(.db-button){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(header){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-variant=overlay]):not([data-link-variant]):has(>a,>db-link) [data-area=timestamp],.db-notification:not([data-variant=overlay])[data-link-variant=block] [data-area=timestamp]{display:none}.db-notification:not([data-link-variant]):has(a):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:not([data-variant=overlay]),[data-link-variant=block].db-notification:not([data-variant=overlay]):not([data-link-variant]):has(>a,>db-link){grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(.db-button):not([data-variant=overlay]){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(header):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(header):not([data-variant=overlay]){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):has(header):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(header):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:has([data-area=timestamp]) .db-button,.db-notification:has([data-area=timestamp]) [data-area=head],.db-notification:has([data-area=timestamp]) p,.db-notification:has([data-area=timestamp]):before{margin-block-start:-2px}.db-notification:not([hidden]){display:grid}.db-notification{padding:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);inline-size:inherit;background-color:var(--db-adaptive-bg-basic-level-2-default)}.db-notification:before{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-notification a:after,.db-notification a:before{content:none!important;margin:0!important}.db-notification [data-area=head]{grid-area:head}.db-notification [data-area=head],.db-notification [data-area=head] h1,.db-notification [data-area=head] h2,.db-notification [data-area=head] h3,.db-notification [data-area=head] h4,.db-notification [data-area=head] h5,.db-notification [data-area=head] h6{margin:0;font:var(--db-type-body-md);font-weight:700}.db-notification [data-area=head] h1:after,.db-notification [data-area=head] h1:before,.db-notification [data-area=head] h2:after,.db-notification [data-area=head] h2:before,.db-notification [data-area=head] h3:after,.db-notification [data-area=head] h3:before,.db-notification [data-area=head] h4:after,.db-notification [data-area=head] h4:before,.db-notification [data-area=head] h5:after,.db-notification [data-area=head] h5:before,.db-notification [data-area=head] h6:after,.db-notification [data-area=head] h6:before,.db-notification [data-area=head]:after,.db-notification [data-area=head]:before{--db-icon-font-size:var(--db-base-body-icon-font-size-md);--db-icon-font-weight:var(--db-base-body-icon-weight-md)}.db-notification>[data-area=content]{grid-area:content;margin:0}.db-notification img{min-block-size:var(--db-sizing-md);min-inline-size:var(--db-sizing-md);max-block-size:var(--db-sizing-md);max-inline-size:var(--db-sizing-md);border-radius:var(--db-border-radius-xs);object-fit:cover;grid-area:icon}.db-notification [data-area=timestamp]{grid-area:timestamp;white-space:nowrap;justify-self:end}.db-notification .db-button{grid-area:close}.db-notification[data-link-variant=inline]>:is(a,db-link){grid-area:timestamp;white-space:nowrap;justify-self:end}.db-notification[data-link-variant=inline]:has(>a,>db-link)>[data-area=timestamp]{display:none}.db-notification:not([data-link-variant=inline])>:is(a,db-link){grid-area:link;white-space:nowrap}.db-notification:before,.db-notification[data-icon]:before{--db-icon-margin-end:0;--db-icon-font-family:var(
1646
1646
  --db-icon-filled-font-family,"db-ux-filled","icon-font-fallback"
1647
1647
  );grid-area:icon}.db-notification[data-show-icon=false]:before{display:none}.db-notification:has(img):before{content:none!important}.db-notification[data-variant=overlay]{box-shadow:var(--db-elevation-md)}.db-notification[data-semantic=neutral]:not([data-icon]):before{--db-icon:"information_circle"}.db-notification[data-semantic=critical]:not([data-icon]):before{--db-icon:"exclamation_mark_circle"}.db-notification[data-semantic=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-notification[data-semantic=warning]:not([data-icon]):before{--db-icon:"exclamation_mark_triangle"}.db-notification[data-semantic=informational]:not([data-icon]):before{--db-icon:"information_circle"}.db-checkbox input:not([data-show-icon-leading=false]):checked:before,.db-checkbox input:not([data-show-icon-leading=false]):indeterminate:before{--db-icon-margin-end:0;display:inline-flex;align-items:center;justify-content:center;block-size:calc(var(--db-icon-font-size) - var(--db-border-width-3xs)*2);inline-size:calc(var(--db-icon-font-size) - var(--db-border-width-3xs)*2)}.db-checkbox:not([data-hide-asterisk=true]):has(input:required):is(label):after,.db-checkbox:not([data-hide-asterisk=true]):has(input:required)>label:after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]>label:after{padding-inline-start:1px;content:"*"}@supports (content:""/""){.db-checkbox:not([data-hide-asterisk=true]):has(input:required):is(label):after,.db-checkbox:not([data-hide-asterisk=true]):has(input:required)>label:after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*"/""}}.db-checkbox:has(input:disabled){opacity:var(--db-opacity-md)}.db-checkbox:is(label):not([hidden]),.db-checkbox>label:not([hidden]){display:flex}.db-checkbox:is(label),.db-checkbox>label{align-items:flex-start;position:relative;color:var(--db-check-element-label-color,var(--db-adaptive-on-bg-basic-emphasis-100-default))}.db-checkbox input{background-color:var(--db-adaptive-bg-basic-transparent-full-default);place-content:center center;appearance:none;aspect-ratio:1;border:min(var(--db-border-width-2xs),2px) solid var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));block-size:var(--db-icon-font-size);inline-size:var(--db-icon-font-size);padding:0;margin-inline-end:var(--db-spacing-fixed-xs)}.db-checkbox[data-size=small] input{margin-inline-end:var(--db-spacing-fixed-2xs)}.db-checkbox[data-hide-label=true]{font-size:0}.db-checkbox[data-hide-label=true] input{margin-inline-end:0}.db-checkbox:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover){--db-check-element-label-color:var(
1648
1648
  --db-adaptive-on-bg-basic-emphasis-100-hovered
@@ -1970,7 +1970,7 @@
1970
1970
  --db-critical-bg-inverted-contrast-low-hovered
1971
1971
  );--db-adaptive-bg-basic-transparent-full-pressed:var(
1972
1972
  --db-critical-bg-inverted-contrast-low-pressed
1973
- )}.db-switch input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;appearance:none;margin-inline-end:0;inline-size:calc(var(--db-icon-font-size)*2 + .125rem);block-size:var(--db-icon-font-size);box-sizing:initial}.db-switch input:not([hidden]){display:flex}.db-switch input{align-items:center;gap:.125rem;border-radius:var(--db-border-radius-full)}.db-switch input:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"cross";margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));content:var(--db-icon-trailing,attr(data-icon-trailing))}@supports (content:""/""){.db-switch input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-switch input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);visibility:hidden;align-self:center;aspect-ratio:1}.db-switch input:before{content:"";text-align:center;align-content:center;aspect-ratio:1;block-size:calc(var(--db-icon-font-size) - .25rem);background-color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));border-radius:var(--db-border-radius-full);transform:translateX(var(--thumb-offset-x));margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem)}@media (prefers-reduced-motion:no-preference){.db-switch input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional),visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}@media (forced-colors:active){.db-switch input:before{content:"•"/""}}.db-switch input:checked{--thumb-offset-x:calc(100% + 0.125rem);--db-icon-color:var(--db-adaptive-on-bg-inverted-default);--db-adaptive-bg-basic-transparent-full-default:var(
1973
+ )}.db-switch input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;appearance:none;margin-inline-end:0;inline-size:calc(2lh + .125rem);min-inline-size:calc(2lh + .125rem);block-size:var(--db-icon-font-size);box-sizing:initial}.db-switch input:not([hidden]){display:flex}.db-switch input{align-items:center;gap:.125rem;border-radius:var(--db-border-radius-full)}.db-switch input:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"cross";margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));content:var(--db-icon-trailing,attr(data-icon-trailing))}@supports (content:""/""){.db-switch input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-switch input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);visibility:hidden;align-self:center;aspect-ratio:1}.db-switch input:before{content:"";text-align:center;align-content:center;aspect-ratio:1;block-size:calc(var(--db-icon-font-size) - .25rem);background-color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));border-radius:var(--db-border-radius-full);transform:translateX(var(--thumb-offset-x));margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem)}@media (prefers-reduced-motion:no-preference){.db-switch input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional),visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}@media (forced-colors:active){.db-switch input:before{content:"•"/""}}.db-switch input:checked{--thumb-offset-x:calc(100% + 0.125rem);--db-icon-color:var(--db-adaptive-on-bg-inverted-default);--db-adaptive-bg-basic-transparent-full-default:var(
1974
1974
  --db-adaptive-bg-inverted-contrast-max-default
1975
1975
  );--db-adaptive-bg-basic-transparent-full-hovered:var(
1976
1976
  --db-adaptive-bg-inverted-contrast-max-hovered
package/build/styles/webpack.css CHANGED
@@ -1642,7 +1642,7 @@
1642
1642
  --db-warning-on-bg-basic-emphasis-70-default
1643
1643
  )}.db-infotext[data-semantic=informational]:not([data-icon]):before{--db-icon:"information_circle"}.db-infotext[data-semantic=informational]{color:var(--db-informational-on-bg-basic-emphasis-80-default)}.db-infotext[data-semantic=informational]:before{--db-icon-color:var(
1644
1644
  --db-informational-on-bg-basic-emphasis-70-default
1645
- )}.db-infotext:has(>.db-infotext){margin:0}.db-infotext:has(>.db-infotext):before{content:none}.db-notification{grid-template-areas:"content";grid-template-columns:1fr}[data-link-variant=inline].db-notification{grid-template-columns:1fr min-content;grid-template-areas:"content timestamp"}.db-notification:has(.db-button){grid-template-columns:1fr min-content;grid-template-areas:"content close"}.db-notification:has(.db-button)[data-link-variant=inline]{grid-template-columns:1fr min-content min-content;grid-template-areas:"content timestamp close"}.db-notification:has(header){grid-template-columns:1fr;grid-template-areas:"head" "content"}.db-notification:has(header)[data-link-variant=inline]{grid-template-columns:1fr min-content;grid-template-areas:"head timestamp" "content content"}.db-notification:has(header):has(.db-button){grid-template-columns:1fr min-content;grid-template-areas:"head close" "content content"}.db-notification:has(header):has(.db-button)[data-link-variant=inline]{grid-template-columns:1fr min-content min-content;grid-template-areas:"head timestamp close" "content content ."}.db-notification:has(img),[data-icon].db-notification,[data-semantic].db-notification:not([data-semantic=adaptive]){grid-template-areas:"icon content";grid-template-columns:min-content 1fr}.db-notification:has(img)[data-link-variant=inline],[data-icon][data-link-variant=inline].db-notification,[data-semantic].db-notification:not([data-semantic=adaptive])[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content timestamp"}.db-notification:has(img):has(.db-button),[data-icon].db-notification:has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive]):has(.db-button){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close"}.db-notification:has(img):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(.db-button)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon content timestamp close"}.db-notification:has(img):has(header),[data-icon].db-notification:has(header),[data-semantic].db-notification:not([data-semantic=adaptive]):has(header){grid-template-columns:min-content 1fr;grid-template-areas:"icon head" "icon content"}.db-notification:has(img):has(header)[data-link-variant=inline],[data-icon].db-notification:has(header)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(header)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head timestamp" "icon content content"}.db-notification:has(img):has(header):has(.db-button),[data-icon].db-notification:has(header):has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive]):has(header):has(.db-button){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}.db-notification:has(img):has(header):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:has(header):has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(header):has(.db-button)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon head timestamp close" "icon content content ."}.db-notification[data-variant=overlay]{grid-template-areas:"content timestamp";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(.db-button){grid-template-areas:"content timestamp close";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(header){grid-template-areas:"head timestamp" "content content";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(img),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has(img):has(header),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(header):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]{grid-template-areas:"content timestamp" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(.db-button){grid-template-areas:"content timestamp close" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(header){grid-template-areas:"head timestamp" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]{grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(.db-button){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(header){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-variant=overlay]):not([data-link-variant]):has(>a,>db-link) [data-area=timestamp],.db-notification:not([data-variant=overlay])[data-link-variant=block] [data-area=timestamp]{display:none}.db-notification:not([data-link-variant]):has(a):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:not([data-variant=overlay]),[data-link-variant=block].db-notification:not([data-variant=overlay]):not([data-link-variant]):has(>a,>db-link){grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(.db-button):not([data-variant=overlay]){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(header):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(header):not([data-variant=overlay]){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):has(header):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(header):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:has([data-area=timestamp]) .db-button,.db-notification:has([data-area=timestamp]) [data-area=head],.db-notification:has([data-area=timestamp]) p,.db-notification:has([data-area=timestamp]):before{margin-block-start:-2px}.db-notification:not([hidden]){display:grid}.db-notification{padding:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);inline-size:inherit;background-color:var(--db-adaptive-bg-basic-level-2-default)}.db-notification:before{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-notification a:after,.db-notification a:before{content:none!important;margin:0!important}.db-notification [data-area=head]{grid-area:head}.db-notification [data-area=head],.db-notification [data-area=head] h1,.db-notification [data-area=head] h2,.db-notification [data-area=head] h3,.db-notification [data-area=head] h4,.db-notification [data-area=head] h5,.db-notification [data-area=head] h6{margin:0;font:var(--db-type-body-md);font-weight:700}.db-notification [data-area=head] h1:after,.db-notification [data-area=head] h1:before,.db-notification [data-area=head] h2:after,.db-notification [data-area=head] h2:before,.db-notification [data-area=head] h3:after,.db-notification [data-area=head] h3:before,.db-notification [data-area=head] h4:after,.db-notification [data-area=head] h4:before,.db-notification [data-area=head] h5:after,.db-notification [data-area=head] h5:before,.db-notification [data-area=head] h6:after,.db-notification [data-area=head] h6:before,.db-notification [data-area=head]:after,.db-notification [data-area=head]:before{--db-icon-font-size:var(--db-base-body-icon-font-size-md);--db-icon-font-weight:var(--db-base-body-icon-weight-md)}.db-notification>[data-area=content]{grid-area:content;margin:0}.db-notification img{min-block-size:var(--db-sizing-md);min-inline-size:var(--db-sizing-md);max-block-size:var(--db-sizing-md);max-inline-size:var(--db-sizing-md);border-radius:var(--db-border-radius-xs);object-fit:cover;grid-area:icon}.db-notification [data-area=timestamp]{grid-area:timestamp;white-space:nowrap;justify-self:end}.db-notification .db-button{grid-area:close}.db-notification[data-link-variant=inline]>:is(a,db-link){grid-area:timestamp;white-space:nowrap;justify-self:end}.db-notification[data-link-variant=inline]:has(>a,>db-link)>[data-area=timestamp]{display:none}.db-notification:not([data-link-variant=inline])>:is(a,db-link){grid-area:link;white-space:nowrap}.db-notification:before,.db-notification[data-icon]:before{--db-icon-margin-end:0;--db-icon-font-family:var(
1645
+ )}.db-infotext:has(>.db-infotext){margin:0}.db-infotext:has(>.db-infotext):before{content:none}.db-notification{grid-template-areas:"content";grid-template-columns:1fr}[data-link-variant=inline].db-notification{grid-template-columns:1fr min-content;grid-template-areas:"content timestamp"}.db-notification:has(.db-button){grid-template-columns:1fr min-content;grid-template-areas:"content close"}.db-notification:has(.db-button)[data-link-variant=inline]{grid-template-columns:1fr min-content min-content;grid-template-areas:"content timestamp close"}.db-notification:has(header){grid-template-columns:1fr;grid-template-areas:"head" "content"}.db-notification:has(header)[data-link-variant=inline]{grid-template-columns:1fr min-content;grid-template-areas:"head timestamp" "content content"}.db-notification:has(header):has(.db-button){grid-template-columns:1fr min-content;grid-template-areas:"head close" "content content"}.db-notification:has(header):has(.db-button)[data-link-variant=inline]{grid-template-columns:1fr min-content min-content;grid-template-areas:"head timestamp close" "content content ."}.db-notification:has(img),[data-icon].db-notification:not([data-show-icon=false]),[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content";grid-template-columns:min-content 1fr}.db-notification:has(img)[data-link-variant=inline],[data-icon].db-notification:not([data-show-icon=false])[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false])[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content timestamp"}.db-notification:has(img):has(.db-button),[data-icon].db-notification:not([data-show-icon=false]):has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close"}.db-notification:has(img):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:not([data-show-icon=false]):has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon content timestamp close"}.db-notification:has(img):has(header),[data-icon].db-notification:not([data-show-icon=false]):has(header),[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-columns:min-content 1fr;grid-template-areas:"icon head" "icon content"}.db-notification:has(img):has(header)[data-link-variant=inline],[data-icon].db-notification:not([data-show-icon=false]):has(header)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head timestamp" "icon content content"}.db-notification:has(img):has(header):has(.db-button),[data-icon].db-notification:not([data-show-icon=false]):has(header):has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}.db-notification:has(img):has(header):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:not([data-show-icon=false]):has(header):has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button)[data-link-variant=inline]{grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon head timestamp close" "icon content content ."}.db-notification[data-variant=overlay]{grid-template-areas:"content timestamp";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(.db-button){grid-template-areas:"content timestamp close";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(header){grid-template-areas:"head timestamp" "content content";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(img),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has(img):has(header),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(header):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]{grid-template-areas:"content timestamp" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(.db-button){grid-template-areas:"content timestamp close" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(header){grid-template-areas:"head timestamp" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:has([data-area=timestamp])[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]{grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(.db-button){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(header){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has([data-area=timestamp]))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-variant=overlay]):not([data-link-variant]):has(>a,>db-link) [data-area=timestamp],.db-notification:not([data-variant=overlay])[data-link-variant=block] [data-area=timestamp]{display:none}.db-notification:not([data-link-variant]):has(a):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:not([data-variant=overlay]),[data-link-variant=block].db-notification:not([data-variant=overlay]):not([data-link-variant]):has(>a,>db-link){grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(.db-button):not([data-variant=overlay]){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(header):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(header):not([data-variant=overlay]){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):has(header):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(header):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]):has(>a,>db-link),[data-link-variant=block].db-notification:has(img):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:has([data-area=timestamp]) .db-button,.db-notification:has([data-area=timestamp]) [data-area=head],.db-notification:has([data-area=timestamp]) p,.db-notification:has([data-area=timestamp]):before{margin-block-start:-2px}.db-notification:not([hidden]){display:grid}.db-notification{padding:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);inline-size:inherit;background-color:var(--db-adaptive-bg-basic-level-2-default)}.db-notification:before{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-notification a:after,.db-notification a:before{content:none!important;margin:0!important}.db-notification [data-area=head]{grid-area:head}.db-notification [data-area=head],.db-notification [data-area=head] h1,.db-notification [data-area=head] h2,.db-notification [data-area=head] h3,.db-notification [data-area=head] h4,.db-notification [data-area=head] h5,.db-notification [data-area=head] h6{margin:0;font:var(--db-type-body-md);font-weight:700}.db-notification [data-area=head] h1:after,.db-notification [data-area=head] h1:before,.db-notification [data-area=head] h2:after,.db-notification [data-area=head] h2:before,.db-notification [data-area=head] h3:after,.db-notification [data-area=head] h3:before,.db-notification [data-area=head] h4:after,.db-notification [data-area=head] h4:before,.db-notification [data-area=head] h5:after,.db-notification [data-area=head] h5:before,.db-notification [data-area=head] h6:after,.db-notification [data-area=head] h6:before,.db-notification [data-area=head]:after,.db-notification [data-area=head]:before{--db-icon-font-size:var(--db-base-body-icon-font-size-md);--db-icon-font-weight:var(--db-base-body-icon-weight-md)}.db-notification>[data-area=content]{grid-area:content;margin:0}.db-notification img{min-block-size:var(--db-sizing-md);min-inline-size:var(--db-sizing-md);max-block-size:var(--db-sizing-md);max-inline-size:var(--db-sizing-md);border-radius:var(--db-border-radius-xs);object-fit:cover;grid-area:icon}.db-notification [data-area=timestamp]{grid-area:timestamp;white-space:nowrap;justify-self:end}.db-notification .db-button{grid-area:close}.db-notification[data-link-variant=inline]>:is(a,db-link){grid-area:timestamp;white-space:nowrap;justify-self:end}.db-notification[data-link-variant=inline]:has(>a,>db-link)>[data-area=timestamp]{display:none}.db-notification:not([data-link-variant=inline])>:is(a,db-link){grid-area:link;white-space:nowrap}.db-notification:before,.db-notification[data-icon]:before{--db-icon-margin-end:0;--db-icon-font-family:var(
1646
1646
  --db-icon-filled-font-family,"db-ux-filled","icon-font-fallback"
1647
1647
  );grid-area:icon}.db-notification[data-show-icon=false]:before{display:none}.db-notification:has(img):before{content:none!important}.db-notification[data-variant=overlay]{box-shadow:var(--db-elevation-md)}.db-notification[data-semantic=neutral]:not([data-icon]):before{--db-icon:"information_circle"}.db-notification[data-semantic=critical]:not([data-icon]):before{--db-icon:"exclamation_mark_circle"}.db-notification[data-semantic=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-notification[data-semantic=warning]:not([data-icon]):before{--db-icon:"exclamation_mark_triangle"}.db-notification[data-semantic=informational]:not([data-icon]):before{--db-icon:"information_circle"}.db-checkbox input:not([data-show-icon-leading=false]):checked:before,.db-checkbox input:not([data-show-icon-leading=false]):indeterminate:before{--db-icon-margin-end:0;display:inline-flex;align-items:center;justify-content:center;block-size:calc(var(--db-icon-font-size) - var(--db-border-width-3xs)*2);inline-size:calc(var(--db-icon-font-size) - var(--db-border-width-3xs)*2)}.db-checkbox:not([data-hide-asterisk=true]):has(input:required):is(label):after,.db-checkbox:not([data-hide-asterisk=true]):has(input:required)>label:after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]>label:after{padding-inline-start:1px;content:"*"}@supports (content:""/""){.db-checkbox:not([data-hide-asterisk=true]):has(input:required):is(label):after,.db-checkbox:not([data-hide-asterisk=true]):has(input:required)>label:after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*"/""}}.db-checkbox:has(input:disabled){opacity:var(--db-opacity-md)}.db-checkbox:is(label):not([hidden]),.db-checkbox>label:not([hidden]){display:flex}.db-checkbox:is(label),.db-checkbox>label{align-items:flex-start;position:relative;color:var(--db-check-element-label-color,var(--db-adaptive-on-bg-basic-emphasis-100-default))}.db-checkbox input{background-color:var(--db-adaptive-bg-basic-transparent-full-default);place-content:center center;appearance:none;aspect-ratio:1;border:min(var(--db-border-width-2xs),2px) solid var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));block-size:var(--db-icon-font-size);inline-size:var(--db-icon-font-size);padding:0;margin-inline-end:var(--db-spacing-fixed-xs)}.db-checkbox[data-size=small] input{margin-inline-end:var(--db-spacing-fixed-2xs)}.db-checkbox[data-hide-label=true]{font-size:0}.db-checkbox[data-hide-label=true] input{margin-inline-end:0}.db-checkbox:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover){--db-check-element-label-color:var(
1648
1648
  --db-adaptive-on-bg-basic-emphasis-100-hovered
@@ -1970,7 +1970,7 @@
1970
1970
  --db-critical-bg-inverted-contrast-low-hovered
1971
1971
  );--db-adaptive-bg-basic-transparent-full-pressed:var(
1972
1972
  --db-critical-bg-inverted-contrast-low-pressed
1973
- )}.db-switch input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;appearance:none;margin-inline-end:0;inline-size:calc(var(--db-icon-font-size)*2 + .125rem);block-size:var(--db-icon-font-size);box-sizing:initial}.db-switch input:not([hidden]){display:flex}.db-switch input{align-items:center;gap:.125rem;border-radius:var(--db-border-radius-full)}.db-switch input:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"cross";margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));content:var(--db-icon-trailing,attr(data-icon-trailing))}@supports (content:""/""){.db-switch input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-switch input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);visibility:hidden;align-self:center;aspect-ratio:1}.db-switch input:before{content:"";text-align:center;align-content:center;aspect-ratio:1;block-size:calc(var(--db-icon-font-size) - .25rem);background-color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));border-radius:var(--db-border-radius-full);transform:translateX(var(--thumb-offset-x));margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem)}@media (prefers-reduced-motion:no-preference){.db-switch input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional),visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}@media (forced-colors:active){.db-switch input:before{content:"•"/""}}.db-switch input:checked{--thumb-offset-x:calc(100% + 0.125rem);--db-icon-color:var(--db-adaptive-on-bg-inverted-default);--db-adaptive-bg-basic-transparent-full-default:var(
1973
+ )}.db-switch input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;appearance:none;margin-inline-end:0;inline-size:calc(2lh + .125rem);min-inline-size:calc(2lh + .125rem);block-size:var(--db-icon-font-size);box-sizing:initial}.db-switch input:not([hidden]){display:flex}.db-switch input{align-items:center;gap:.125rem;border-radius:var(--db-border-radius-full)}.db-switch input:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"cross";margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));content:var(--db-icon-trailing,attr(data-icon-trailing))}@supports (content:""/""){.db-switch input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-switch input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);visibility:hidden;align-self:center;aspect-ratio:1}.db-switch input:before{content:"";text-align:center;align-content:center;aspect-ratio:1;block-size:calc(var(--db-icon-font-size) - .25rem);background-color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));border-radius:var(--db-border-radius-full);transform:translateX(var(--thumb-offset-x));margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem)}@media (prefers-reduced-motion:no-preference){.db-switch input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional),visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}@media (forced-colors:active){.db-switch input:before{content:"•"/""}}.db-switch input:checked{--thumb-offset-x:calc(100% + 0.125rem);--db-icon-color:var(--db-adaptive-on-bg-inverted-default);--db-adaptive-bg-basic-transparent-full-default:var(
1974
1974
  --db-adaptive-bg-inverted-contrast-max-default
1975
1975
  );--db-adaptive-bg-basic-transparent-full-hovered:var(
1976
1976
  --db-adaptive-bg-inverted-contrast-max-hovered
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@db-ux/core-components",
3
- "version": "4.9.0",
3
+ "version": "4.9.1",
4
4
  "type": "module",
5
5
  "description": "General technical components (styling, fonts and icons) out of DB UX Design System (Version 3)",
6
6
  "repository": {
@@ -15,7 +15,7 @@
15
15
  "build"
16
16
  ],
17
17
  "dependencies": {
18
- "@db-ux/core-foundations": "4.9.0"
18
+ "@db-ux/core-foundations": "4.9.1"
19
19
  },
20
20
  "devDependencies": {
21
21
  "@builder.io/eslint-plugin-mitosis": "0.0.17",
@@ -32,7 +32,7 @@
32
32
  "replace-in-file": "8.4.0",
33
33
  "sass": "1.99.0",
34
34
  "storybook": "10.4.0",
35
- "tsx": "4.22.1",
35
+ "tsx": "4.22.2",
36
36
  "vitest": "4.1.6"
37
37
  },
38
38
  "publishConfig": {
@@ -62,7 +62,7 @@
62
62
  "dev:angular": "nodemon --watch src --watch scripts --watch configs --ext tsx,ts,cjs --exec \"npm run compile:angular\"",
63
63
  "dev:html": "pnpm run copy-assets && pnpm run build-assets && pnpm run build-style:01_sass && vite --open",
64
64
  "dev:react": "nodemon --watch src --watch scripts --watch configs --ext tsx,ts,cjs --exec \"pnpm run compile:react\"",
65
- "dev:scss": "pnpm run build-style:01_sass -- --watch --source-map",
65
+ "dev:scss": "sass src:build --load-path=node_modules --watch --source-map",
66
66
  "dev:stencil": "nodemon --watch src --watch scripts --watch configs --ext tsx,ts,cjs --exec \"pnpm run compile:stencil\"",
67
67
  "dev:vue": "nodemon --watch src --watch scripts --watch configs --ext tsx,ts,cjs --exec \"pnpm run compile:vue\"",
68
68
  "generate:agent": "mitosis build --config=configs/mitosis.agent.config.cjs",