@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.
- package/CHANGELOG.md +8 -0
- package/build/components/notification/notification-grid-default.scss +2 -2
- package/build/components/notification/notification.css +8 -8
- package/build/components/switch/switch.css +2 -1
- package/build/components/switch/switch.scss +3 -3
- package/build/styles/absolute.css +2 -2
- package/build/styles/bundle.css +2 -2
- package/build/styles/index.css +2 -2
- package/build/styles/relative.css +2 -2
- package/build/styles/rollup.css +2 -2
- package/build/styles/webpack.css +2 -2
- 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_
|
|
@@ -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;
|
|
@@ -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]
|
|
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
|
}
|
|
@@ -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(
|
|
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
|
}
|
|
@@ -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:
|
|
68
|
-
|
|
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
|
|
|
@@ -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(
|
|
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(
|
|
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(
|
|
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
|
|
@@ -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(
|
|
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(
|
|
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(
|
|
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.
|
|
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.
|
|
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.
|
|
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": "
|
|
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",
|