@inera/ids-design 7.2.3 → 8.0.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/components/accordion/accordion-lit.js +1 -1
- package/components/accordion/accordion.css +157 -11
- package/components/alert/alert-lit.js +1 -1
- package/components/alert/alert.css +275 -77
- package/components/badge/badge-lit.js +1 -1
- package/components/badge/badge.css +17 -11
- package/components/box-link/box-link-lit.js +1 -1
- package/components/box-link/box-link.css +16 -28
- package/components/breadcrumbs/breadcrumbs-lit.js +1 -1
- package/components/breadcrumbs/breadcrumbs.css +11 -6
- package/components/button-group/button-group-lit.js +1 -1
- package/components/button-group/button-group.css +4 -0
- package/components/card/card-lit.js +1 -1
- package/components/card/card.css +162 -33
- package/components/carousel/carousel-item-lit.js +1 -1
- package/components/carousel/carousel-item.css +169 -7
- package/components/carousel/carousel-lit.js +1 -1
- package/components/carousel/carousel.css +18 -12
- package/components/data-table/data-table-lit.js +1 -1
- package/components/data-table/data-table.css +14 -6
- package/components/date-label/date-label-lit.js +1 -1
- package/components/date-label/date-label.css +35 -14
- package/components/dialog/dialog-lit.js +1 -1
- package/components/dialog/dialog.css +34 -38
- package/components/dropdown/dropdown-lit.js +1 -1
- package/components/dropdown/dropdown.css +87 -28
- package/components/footer-1177/footer-1177-lit.js +1 -1
- package/components/footer-1177/footer-1177.css +226 -121
- package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
- package/components/footer-1177-admin/footer-1177-admin.css +293 -140
- package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
- package/components/footer-1177-pro/footer-1177-pro.css +390 -104
- package/components/footer-inera/footer-inera-lit.js +1 -1
- package/components/footer-inera/footer-inera.css +280 -164
- package/components/footer-inera-admin/footer-inera-admin-lit.js +1 -1
- package/components/footer-inera-admin/footer-inera-admin.css +339 -188
- package/components/form/error-message/error-message-lit.js +1 -1
- package/components/form/error-message/error-message.css +10 -6
- package/components/form/group/group-lit.js +1 -1
- package/components/form/group/group.css +148 -1
- package/components/form/range/range-lit.js +1 -1
- package/components/form/range/range.css +225 -2
- package/components/form/select-multiple/select-multiple-lit.js +1 -1
- package/components/form/select-multiple/select-multiple.css +37 -33
- package/components/form/spinner/spinner-lit.js +1 -1
- package/components/form/spinner/spinner.css +6 -11
- package/components/global-alert/global-alert-lit.js +9 -0
- package/components/global-alert/global-alert.css +354 -0
- package/components/grid/container/container-lit.js +1 -1
- package/components/grid/container/container.css +2 -9
- package/components/header-1177/composite-header-1177.css +1105 -974
- package/components/header-1177/header-1177-avatar-lit.js +1 -1
- package/components/header-1177/header-1177-avatar.css +406 -191
- package/components/header-1177/header-1177-item-lit.js +1 -1
- package/components/header-1177/header-1177-item.css +125 -75
- package/components/header-1177/header-1177-lit.js +1 -1
- package/components/header-1177/header-1177-menu-mobile-lit.js +1 -1
- package/components/header-1177/header-1177-menu-mobile.css +14 -9
- package/components/header-1177/header-1177-nav-item-lit.js +1 -1
- package/components/header-1177/header-1177-nav-item-mobile-lit.js +1 -1
- package/components/header-1177/header-1177-nav-item-mobile.css +107 -164
- package/components/header-1177/header-1177-nav-item.css +109 -88
- package/components/header-1177/header-1177-nav-lit.js +1 -1
- package/components/header-1177/header-1177-nav.css +100 -45
- package/components/header-1177/header-1177-region-picker-lit.d.ts +2 -0
- package/components/header-1177/header-1177-region-picker-lit.js +7 -0
- package/components/header-1177/header-1177-region-picker-mobile-lit.d.ts +2 -0
- package/components/header-1177/header-1177-region-picker-mobile-lit.js +9 -0
- package/components/header-1177/header-1177-region-picker-mobile.css +112 -0
- package/components/header-1177/header-1177-region-picker.css +107 -0
- package/components/header-1177/header-1177.css +125 -450
- package/components/header-1177-admin/header-1177-admin-avatar-lit.js +1 -1
- package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.js +1 -1
- package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +170 -29
- package/components/header-1177-admin/header-1177-admin-avatar.css +490 -278
- package/components/header-1177-admin/header-1177-admin-item-lit.js +1 -1
- package/components/header-1177-admin/header-1177-admin-item.css +131 -89
- package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
- package/components/header-1177-admin/header-1177-admin-menu-mobile-lit.js +7 -0
- package/components/header-1177-admin/header-1177-admin-menu-mobile.css +145 -0
- package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +1 -1
- package/components/header-1177-admin/header-1177-admin-nav-item.css +163 -134
- package/components/header-1177-admin/header-1177-admin-nav-lit.js +1 -1
- package/components/header-1177-admin/header-1177-admin-nav.css +76 -47
- package/components/header-1177-admin/header-1177-admin.css +91 -285
- package/components/header-1177-pro/header-1177-pro-avatar-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +146 -74
- package/components/header-1177-pro/header-1177-pro-avatar.css +448 -275
- package/components/header-1177-pro/header-1177-pro-item-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-item.css +169 -103
- package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-menu-mobile-lit.js +7 -0
- package/components/header-1177-pro/header-1177-pro-menu-mobile.css +146 -0
- package/components/header-1177-pro/header-1177-pro-nav-item-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-nav-item.css +139 -122
- package/components/header-1177-pro/header-1177-pro-nav-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-nav.css +75 -46
- package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-region-picker-mobile-lit.js +9 -0
- package/components/header-1177-pro/header-1177-pro-region-picker-mobile.css +117 -0
- package/components/header-1177-pro/header-1177-pro-region-picker.css +38 -810
- package/components/header-1177-pro/header-1177-pro.css +140 -139
- package/components/header-inera/header-inera-item-lit.js +1 -1
- package/components/header-inera/header-inera-item.css +31 -21
- package/components/header-inera/header-inera-lit.js +1 -1
- package/components/header-inera/header-inera-menu-mobile-lit.d.ts +2 -0
- package/components/header-inera/header-inera-menu-mobile-lit.js +7 -0
- package/components/header-inera/header-inera-menu-mobile.css +136 -0
- package/components/header-inera/header-inera-nav-item-lit.js +1 -1
- package/components/header-inera/header-inera-nav-item.css +26 -23
- package/components/header-inera/header-inera-nav-lit.js +1 -1
- package/components/header-inera/header-inera-nav.css +11 -8
- package/components/header-inera/header-inera.css +50 -21
- package/components/header-inera-admin/composite-header-inera-admin.css +858 -245
- package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-avatar-mobile.css +173 -44
- package/components/header-inera-admin/header-inera-admin-avatar.css +558 -100
- package/components/header-inera-admin/header-inera-admin-item-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-item.css +14 -7
- package/components/header-inera-admin/header-inera-admin-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-menu-mobile-lit.d.ts +2 -0
- package/components/header-inera-admin/header-inera-admin-menu-mobile-lit.js +7 -0
- package/components/header-inera-admin/header-inera-admin-menu-mobile.css +147 -0
- package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-nav-item.css +28 -25
- package/components/header-inera-admin/header-inera-admin-nav-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-nav.css +16 -16
- package/components/header-inera-admin/header-inera-admin.css +34 -24
- package/components/header-patient/header-patient-lit.js +1 -1
- package/components/header-patient/header-patient.css +166 -8
- package/components/mobile-menu/mobile-menu-lit.js +1 -1
- package/components/mobile-menu/mobile-menu.css +340 -244
- package/components/navigation/content/navigation-content-lit.js +1 -1
- package/components/navigation/content/navigation-content.css +203 -16
- package/components/navigation/local/navigation-local-lit.js +1 -1
- package/components/navigation/local/navigation-local.css +37 -56
- package/components/notification-badge/notification-badge-lit.js +1 -1
- package/components/notification-badge/notification-badge.css +15 -13
- package/components/pagination/data-pagination/data-pagination-lit.js +1 -1
- package/components/pagination/data-pagination/data-pagination.css +206 -44
- package/components/pagination/list-pagination/list-pagination-lit.js +1 -1
- package/components/pagination/list-pagination/list-pagination.css +5 -5
- package/components/popover/popover-content-lit.js +1 -1
- package/components/popover/popover-content.css +262 -114
- package/components/progressbar/progressbar-lit.js +1 -1
- package/components/progressbar/progressbar.css +147 -4
- package/components/puff-list/puff-list-lit.js +1 -1
- package/components/puff-list/puff-list.css +258 -35
- package/components/region-icon/region-icon-lit.js +1 -1
- package/components/region-icon/region-icon.css +5 -5
- package/components/side-menu/side-menu-lit.js +1 -1
- package/components/side-menu/side-menu.css +6 -9
- package/components/side-panel/side-panel-lit.js +1 -1
- package/components/side-panel/side-panel.css +61 -26
- package/components/stepper/stepper-lit.js +1 -1
- package/components/stepper/stepper.css +170 -22
- package/components/table/table.css +6 -3
- package/components/tabs/tab-lit.js +1 -1
- package/components/tabs/tab-panel-lit.js +1 -1
- package/components/tabs/tab-panel.css +2 -0
- package/components/tabs/tab.css +26 -14
- package/components/tabs/tabs-lit.js +2 -2
- package/components/tabs/tabs.css +1 -1
- package/components/tag/tag-lit.js +1 -1
- package/components/tag/tag.css +10 -7
- package/components/tooltip/tooltip-lit.js +1 -1
- package/components/tooltip/tooltip.css +8 -5
- package/global/_partials.css +15 -0
- package/{themes/1177-pro/1177-pro.css → global/global.css} +3958 -3504
- package/global/icons/Inera-Design-Icons.eot +0 -0
- package/global/icons/Inera-Design-Icons.svg +9 -0
- package/global/icons/Inera-Design-Icons.ttf +0 -0
- package/global/icons/Inera-Design-Icons.woff +0 -0
- package/global/util/util.css +2745 -0
- package/package.json +1 -1
- package/reset.css +90 -0
- package/styles.css +8320 -0
- package/tokens/component-tokens.scss +86 -0
- package/tokens/themes/1177-admin-tokens.css +340 -263
- package/tokens/themes/1177-pro-tokens.css +340 -263
- package/tokens/themes/1177-tokens.css +340 -263
- package/tokens/themes/inera-admin-tokens.css +294 -252
- package/tokens/themes/inera-tokens.css +294 -252
- package/components/alert-global/alert-global-lit.js +0 -7
- package/components/alert-global/alert-global.css +0 -195
- package/components/header-1177-pro/header-1177-pro-nav-menu-mobile-lit.js +0 -7
- package/components/header-1177-pro/header-1177-pro-nav-menu-mobile.css +0 -304
- package/components/header-inera/header-inera-nav-mobile-lit.js +0 -7
- package/components/header-inera/header-inera-nav-mobile.css +0 -126
- package/components/header-inera-admin/header-inera-admin-nav-mobile-lit.js +0 -7
- package/components/header-inera-admin/header-inera-admin-nav-mobile.css +0 -126
- package/themes/1177/1177.css +0 -6196
- package/themes/inera/inera.css +0 -6220
- package/themes/inera-admin/inera-admin.css +0 -6293
- /package/components/{alert-global/alert-global-lit.d.ts → global-alert/global-alert-lit.d.ts} +0 -0
- /package/components/{header-1177-pro/header-1177-pro-nav-menu-mobile-lit.d.ts → header-1177-admin/header-1177-admin-menu-mobile-lit.d.ts} +0 -0
- /package/components/{header-inera-admin/header-inera-admin-nav-mobile-lit.d.ts → header-1177-pro/header-1177-pro-menu-mobile-lit.d.ts} +0 -0
- /package/components/{header-inera/header-inera-nav-mobile-lit.d.ts → header-1177-pro/header-1177-pro-region-picker-mobile-lit.d.ts} +0 -0
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
* BUTTONS
|
|
18
18
|
********/
|
|
19
19
|
/*******
|
|
20
|
-
*
|
|
20
|
+
* SCROLLBAR
|
|
21
21
|
********/
|
|
22
22
|
/*******
|
|
23
23
|
* FORM
|
|
@@ -31,25 +31,26 @@
|
|
|
31
31
|
align-items: flex-start;
|
|
32
32
|
text-align: left;
|
|
33
33
|
position: fixed;
|
|
34
|
+
box-sizing: border-box;
|
|
34
35
|
top: 50%;
|
|
35
36
|
left: 50%;
|
|
36
37
|
z-index: 200;
|
|
37
|
-
border:
|
|
38
|
+
border: var(--IDS-DIALOG__BORDER-WIDTH) solid var(--IDS-DIALOG__BORDER-COLOR);
|
|
38
39
|
-webkit-transform: translateX(-50%) translateY(-50%);
|
|
39
40
|
-moz-transform: translateX(-50%) translateY(-50%);
|
|
40
41
|
-ms-transform: translateX(-50%) translateY(-50%);
|
|
41
42
|
transform: translateX(-50%) translateY(-50%);
|
|
42
|
-
background-color: var(--IDS-COLOR
|
|
43
|
-
box-shadow:
|
|
43
|
+
background-color: var(--IDS-DIALOG__BACKGROUND-COLOR);
|
|
44
|
+
box-shadow: var(--IDS-BOX-SHADOW);
|
|
44
45
|
border-radius: var(--IDS-DIALOG__BORDER-RADIUS);
|
|
45
|
-
padding: 2.5rem 1.875rem
|
|
46
|
+
padding: 2.5rem 1.875rem;
|
|
46
47
|
max-height: calc(100% - 10rem);
|
|
47
48
|
max-width: calc(100% - 3.75rem);
|
|
48
49
|
color: var(--IDS-DIALOG__COLOR);
|
|
49
50
|
}
|
|
50
51
|
@media (max-width: 1024px) {
|
|
51
52
|
.ids-dialog {
|
|
52
|
-
padding: 2.5rem
|
|
53
|
+
padding: 2.5rem 1.25rem;
|
|
53
54
|
}
|
|
54
55
|
}
|
|
55
56
|
@media (max-width: 640px) {
|
|
@@ -58,21 +59,22 @@
|
|
|
58
59
|
width: calc(100% - 3.75rem);
|
|
59
60
|
}
|
|
60
61
|
}
|
|
61
|
-
.ids-dialog:has(.ids-dialog__header) {
|
|
62
|
-
padding-top: 1.25rem;
|
|
63
|
-
}
|
|
64
62
|
.ids-dialog.ids-dialog--hidden {
|
|
65
63
|
display: none;
|
|
66
64
|
}
|
|
67
|
-
.ids-dialog .ids-
|
|
68
|
-
|
|
69
|
-
align-items: flex-end;
|
|
70
|
-
justify-content: flex-end;
|
|
71
|
-
display: flex;
|
|
65
|
+
.ids-dialog .ids-dialog__dismissible {
|
|
66
|
+
padding-left: 0.25rem;
|
|
72
67
|
padding-bottom: 0.25rem;
|
|
73
|
-
|
|
68
|
+
position: absolute;
|
|
69
|
+
top: 0.75rem;
|
|
70
|
+
right: 1rem;
|
|
71
|
+
}
|
|
72
|
+
@media (max-width: 1024px) {
|
|
73
|
+
.ids-dialog .ids-dialog__dismissible {
|
|
74
|
+
right: 0.5rem;
|
|
75
|
+
}
|
|
74
76
|
}
|
|
75
|
-
.ids-dialog .ids-
|
|
77
|
+
.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button {
|
|
76
78
|
min-width: 1.5rem;
|
|
77
79
|
min-height: 1.5rem;
|
|
78
80
|
background: none;
|
|
@@ -88,11 +90,11 @@
|
|
|
88
90
|
-ms-user-select: none;
|
|
89
91
|
user-select: none;
|
|
90
92
|
}
|
|
91
|
-
.ids-dialog .ids-
|
|
93
|
+
.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:focus {
|
|
92
94
|
outline: var(--IDS-FOCUS__OUTLINE);
|
|
93
|
-
outline-offset:
|
|
95
|
+
outline-offset: 0.375rem !important;
|
|
94
96
|
}
|
|
95
|
-
.ids-dialog .ids-
|
|
97
|
+
.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button {
|
|
96
98
|
cursor: pointer;
|
|
97
99
|
display: flex;
|
|
98
100
|
align-items: center;
|
|
@@ -100,8 +102,9 @@
|
|
|
100
102
|
position: relative;
|
|
101
103
|
width: 1.25rem;
|
|
102
104
|
height: 1.25rem;
|
|
105
|
+
border-radius: 100%;
|
|
103
106
|
}
|
|
104
|
-
.ids-dialog .ids-
|
|
107
|
+
.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:before {
|
|
105
108
|
font: icon;
|
|
106
109
|
font-family: "Inera-Design-Icons" !important;
|
|
107
110
|
display: block;
|
|
@@ -111,11 +114,11 @@
|
|
|
111
114
|
-moz-osx-font-smoothing: grayscale;
|
|
112
115
|
content: "\e916";
|
|
113
116
|
font-size: 1.25rem;
|
|
114
|
-
color: var(--IDS-ICON__COLOR);
|
|
115
|
-
}
|
|
116
|
-
.ids-dialog .ids-dialog__header .ids-dialog__header__button:hover:before, .ids-dialog .ids-dialog__header .ids-dialog__header__button:focus:before, .ids-dialog .ids-dialog__header .ids-dialog__header__button:active:before {
|
|
117
117
|
color: var(--IDS-ICON--ACTIVE-COLOR);
|
|
118
118
|
}
|
|
119
|
+
.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:hover:before, .ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:focus:before, .ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:active:before {
|
|
120
|
+
color: var(--IDS-ICON--ACTIVE-HOVER-COLOR);
|
|
121
|
+
}
|
|
119
122
|
.ids-dialog .ids-dialog__body::-webkit-scrollbar {
|
|
120
123
|
width: 0.625rem;
|
|
121
124
|
}
|
|
@@ -132,16 +135,18 @@
|
|
|
132
135
|
background: var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);
|
|
133
136
|
border-radius: 0.625rem;
|
|
134
137
|
outline: 0.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR);
|
|
138
|
+
margin-top: 0;
|
|
135
139
|
}
|
|
136
140
|
.ids-dialog .ids-dialog__body::-webkit-scrollbar-corner {
|
|
137
141
|
background-color: transparent;
|
|
138
142
|
}
|
|
139
143
|
.ids-dialog .ids-dialog__body {
|
|
140
|
-
padding: 0 0.
|
|
141
|
-
margin-right: 0.188rem;
|
|
144
|
+
padding: 0 0.25rem;
|
|
142
145
|
height: 100%;
|
|
143
146
|
box-sizing: content-box;
|
|
144
147
|
overflow-y: auto;
|
|
148
|
+
width: -webkit-fill-available;
|
|
149
|
+
width: -moz-available;
|
|
145
150
|
}
|
|
146
151
|
.ids-dialog .ids-dialog__body.ids-dialog__body--scroll-area-focus:focus {
|
|
147
152
|
outline: var(--IDS-FOCUS__OUTLINE);
|
|
@@ -149,27 +154,18 @@
|
|
|
149
154
|
}
|
|
150
155
|
.ids-dialog .ids-dialog__body.ids-dialog__body--has-scrollbar {
|
|
151
156
|
padding-right: 1.25rem;
|
|
157
|
+
margin-right: -0.4375rem;
|
|
152
158
|
}
|
|
153
|
-
.ids-dialog .ids-dialog__body .ids-
|
|
159
|
+
.ids-dialog .ids-dialog__body .ids-dialog__body-headline {
|
|
154
160
|
margin: 0;
|
|
155
161
|
align-self: center;
|
|
156
162
|
}
|
|
157
163
|
@media (max-width: 1024px) {
|
|
158
|
-
.ids-dialog .ids-dialog__body .ids-
|
|
164
|
+
.ids-dialog .ids-dialog__body .ids-dialog__body-headline {
|
|
159
165
|
padding-top: 0;
|
|
160
166
|
}
|
|
161
167
|
}
|
|
162
|
-
.ids-dialog .ids-dialog__body .ids-
|
|
163
|
-
box-sizing: content-box;
|
|
164
|
-
padding: 1.25rem 0 0 0;
|
|
165
|
-
width: 100%;
|
|
166
|
-
display: flex;
|
|
167
|
-
-webkit-justify-content: flex-end;
|
|
168
|
-
justify-content: flex-end;
|
|
169
|
-
align-items: flex-end;
|
|
170
|
-
-webkit-align-items: flex-end;
|
|
171
|
-
}
|
|
172
|
-
.ids-dialog .ids-dialog__body .ids-dialog__body__content {
|
|
168
|
+
.ids-dialog .ids-dialog__body .ids-dialog__body-content {
|
|
173
169
|
margin-top: 1.25rem;
|
|
174
170
|
}
|
|
175
171
|
.ids-dialog .ids-dialog__footer {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css, unsafeCSS } from 'lit';
|
|
2
2
|
|
|
3
|
-
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}@media (max-width:640px){.ids-dropdown.ids-dropdown--sblock,:host([sblock]) .ids-dropdown{display:block;width:100%}}@media (max-width:1024px){.ids-dropdown.ids-dropdown--mblock,:host([mblock]) .ids-dropdown{display:block;width:100%}}.ids-dropdown{display:inline-block;position:relative}.ids-
|
|
3
|
+
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}@media (max-width:640px){.ids-dropdown.ids-dropdown--sblock,:host([sblock]) .ids-dropdown{display:block;width:100%}}@media (max-width:1024px){.ids-dropdown.ids-dropdown--mblock,:host([mblock]) .ids-dropdown{display:block;width:100%}}.ids-dropdown{display:inline-block;position:relative}.ids-dropdown-content{background-color:var(--IDS-DROPDOWN__CONTENT-BACKGROUND-COLOR);border:.063rem solid var(--IDS-DROPDOWN__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS);box-shadow:var(--IDS-BOX-SHADOW);display:none;display:flex;flex-direction:column;left:0;max-width:fit-content;padding:.5rem;position:absolute;right:auto;top:calc(100% + .25rem);width:auto;z-index:10}.ids-dropdown-content.ids-dropdown-content--show{display:flex}.ids-dropdown-content.ids-dropdown-content--scrollable .ids-dropdown-content__scroll-area:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-dropdown-content.ids-dropdown-content--scrollable .ids-dropdown-content__scroll-area{border-radius:var(--IDS-BORDER-RADIUS);margin:0 -.5rem;overflow:auto;padding:0 .5rem}.ids-dropdown-content.ids-dropdown-content--position-right{left:auto;right:0}@media (max-width:1024px){.ids-dropdown-content.ids-dropdown-content--mblock{left:0!important;max-width:none;right:0!important}}@media (max-width:640px){.ids-dropdown-content.ids-dropdown-content--sblock{left:0!important;max-width:none;right:0!important}}@media (max-width:1024px){.ids-dropdown-content:host([mblock]){max-width:none}}@media (max-width:640px){.ids-dropdown-content:host([sblock]){max-width:none}}.ids-dropdown-content .ids-dropdown-content__button,.ids-dropdown-content .ids-dropdown-content__link{background:none;border:none;border-radius:var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);color:var(--IDS-DROPDOWN__LINK-COLOR);cursor:pointer;display:flex;flex-grow:1;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem!important;font-style:normal!important;font-weight:400!important;gap:.5rem;line-height:1.5rem!important;outline-color:var(--IDS-DROPDOWN__LINK-OUTLINE-COLOR)!important;outline-offset:-.25rem!important;padding:.375rem .75rem!important;text-align:left;text-decoration:none!important;white-space:normal!important}.ids-dropdown-content ::slotted(*){align-items:flex-start!important;background:none;border:none;border-radius:var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);color:var(--IDS-DROPDOWN__LINK-COLOR);cursor:pointer;display:flex;display:flex!important;flex-grow:1;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem!important;font-style:normal!important;font-weight:400!important;gap:.5rem;gap:.5rem!important;line-height:1.5rem!important;outline-color:var(--IDS-DROPDOWN__LINK-OUTLINE-COLOR)!important;outline-offset:-.25rem!important;padding:.375rem .75rem!important;text-align:left;text-decoration:none!important;white-space:normal!important}.ids-dropdown-content .ids-dropdown-content__button:focus,.ids-dropdown-content .ids-dropdown-content__button:hover,.ids-dropdown-content .ids-dropdown-content__link:focus,.ids-dropdown-content .ids-dropdown-content__link:hover,.ids-dropdown-content ::slotted(a:focus),.ids-dropdown-content ::slotted(a:hover),.ids-dropdown-content ::slotted(button:focus),.ids-dropdown-content ::slotted(button:hover){background-color:var(--IDS-DROPDOWN__LINK-HOVER-BACKGROUND-COLOR);border-radius:var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);color:var(--IDS-DROPDOWN__LINK-HOVER-COLOR)}";
|
|
4
4
|
|
|
5
5
|
var dropdownLit = css`
|
|
6
6
|
${unsafeCSS(css_248z)}
|
|
@@ -10,6 +10,21 @@
|
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
+
/*******
|
|
14
|
+
* ICONS
|
|
15
|
+
********/
|
|
16
|
+
/*******
|
|
17
|
+
* BUTTONS
|
|
18
|
+
********/
|
|
19
|
+
/*******
|
|
20
|
+
* SCROLLBAR
|
|
21
|
+
********/
|
|
22
|
+
/*******
|
|
23
|
+
* FORM
|
|
24
|
+
********/
|
|
25
|
+
/*******
|
|
26
|
+
* A11Y
|
|
27
|
+
********/
|
|
13
28
|
@media (max-width: 640px) {
|
|
14
29
|
:host([sblock]) .ids-dropdown,
|
|
15
30
|
.ids-dropdown.ids-dropdown--sblock {
|
|
@@ -29,39 +44,74 @@
|
|
|
29
44
|
display: inline-block;
|
|
30
45
|
}
|
|
31
46
|
|
|
32
|
-
.ids-
|
|
47
|
+
.ids-dropdown-content {
|
|
33
48
|
position: absolute;
|
|
34
49
|
border-radius: var(--IDS-BORDER-RADIUS);
|
|
35
50
|
border: 0.063rem solid var(--IDS-DROPDOWN__BORDER-COLOR);
|
|
36
|
-
background: var(--IDS-
|
|
37
|
-
box-shadow:
|
|
51
|
+
background-color: var(--IDS-DROPDOWN__CONTENT-BACKGROUND-COLOR);
|
|
52
|
+
box-shadow: var(--IDS-BOX-SHADOW);
|
|
38
53
|
padding: 0.5rem;
|
|
39
|
-
left:
|
|
40
|
-
|
|
54
|
+
left: 0;
|
|
55
|
+
right: auto;
|
|
56
|
+
top: calc(100% + 0.25rem);
|
|
41
57
|
z-index: 10;
|
|
42
|
-
|
|
58
|
+
display: none;
|
|
59
|
+
display: flex;
|
|
60
|
+
width: auto;
|
|
61
|
+
max-width: fit-content;
|
|
62
|
+
flex-direction: column;
|
|
63
|
+
}
|
|
64
|
+
.ids-dropdown-content.ids-dropdown-content--show {
|
|
65
|
+
display: flex;
|
|
43
66
|
}
|
|
44
|
-
.ids-
|
|
45
|
-
|
|
67
|
+
.ids-dropdown-content.ids-dropdown-content--scrollable .ids-dropdown-content__scroll-area:focus {
|
|
68
|
+
outline: var(--IDS-FOCUS__OUTLINE);
|
|
69
|
+
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
|
|
70
|
+
}
|
|
71
|
+
.ids-dropdown-content.ids-dropdown-content--scrollable .ids-dropdown-content__scroll-area {
|
|
72
|
+
overflow: auto;
|
|
73
|
+
padding: 0 0.5rem;
|
|
74
|
+
margin: 0 -0.5rem;
|
|
75
|
+
border-radius: var(--IDS-BORDER-RADIUS);
|
|
76
|
+
}
|
|
77
|
+
.ids-dropdown-content.ids-dropdown-content--position-right {
|
|
78
|
+
right: 0;
|
|
46
79
|
left: auto;
|
|
47
80
|
}
|
|
48
|
-
|
|
49
|
-
|
|
81
|
+
@media (max-width: 1024px) {
|
|
82
|
+
.ids-dropdown-content.ids-dropdown-content--mblock {
|
|
83
|
+
left: 0 !important;
|
|
84
|
+
right: 0 !important;
|
|
85
|
+
max-width: none;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
@media (max-width: 640px) {
|
|
89
|
+
.ids-dropdown-content.ids-dropdown-content--sblock {
|
|
90
|
+
left: 0 !important;
|
|
91
|
+
right: 0 !important;
|
|
92
|
+
max-width: none;
|
|
93
|
+
}
|
|
50
94
|
}
|
|
51
95
|
@media (max-width: 1024px) {
|
|
52
|
-
.ids-
|
|
53
|
-
width:
|
|
96
|
+
.ids-dropdown-content:host([mblock]) {
|
|
97
|
+
max-width: none;
|
|
54
98
|
}
|
|
55
99
|
}
|
|
56
100
|
@media (max-width: 640px) {
|
|
57
|
-
.ids-
|
|
58
|
-
width:
|
|
101
|
+
.ids-dropdown-content:host([sblock]) {
|
|
102
|
+
max-width: none;
|
|
59
103
|
}
|
|
60
104
|
}
|
|
61
|
-
.ids-
|
|
62
|
-
|
|
105
|
+
.ids-dropdown-content .ids-dropdown-content__link,
|
|
106
|
+
.ids-dropdown-content .ids-dropdown-content__button {
|
|
107
|
+
display: flex;
|
|
108
|
+
gap: 0.5rem;
|
|
109
|
+
flex-grow: 1;
|
|
110
|
+
background: none;
|
|
111
|
+
border: none;
|
|
112
|
+
cursor: pointer;
|
|
63
113
|
border-radius: var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);
|
|
64
|
-
color: var(--IDS-
|
|
114
|
+
color: var(--IDS-DROPDOWN__LINK-COLOR);
|
|
65
115
|
font-family: var(--IDS-FONT-FAMILY-BASE) !important;
|
|
66
116
|
font-size: 1rem !important;
|
|
67
117
|
font-style: normal !important;
|
|
@@ -69,15 +119,20 @@
|
|
|
69
119
|
line-height: 1.5rem !important;
|
|
70
120
|
padding: 0.375rem 0.75rem !important;
|
|
71
121
|
outline-offset: -0.25rem !important;
|
|
72
|
-
outline-color: var(--IDS-
|
|
122
|
+
outline-color: var(--IDS-DROPDOWN__LINK-OUTLINE-COLOR) !important;
|
|
73
123
|
text-decoration: none !important;
|
|
74
124
|
text-align: left;
|
|
75
125
|
white-space: normal !important;
|
|
76
126
|
}
|
|
77
|
-
.ids-
|
|
78
|
-
display:
|
|
127
|
+
.ids-dropdown-content ::slotted(*) {
|
|
128
|
+
display: flex;
|
|
129
|
+
gap: 0.5rem;
|
|
130
|
+
flex-grow: 1;
|
|
131
|
+
background: none;
|
|
132
|
+
border: none;
|
|
133
|
+
cursor: pointer;
|
|
79
134
|
border-radius: var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);
|
|
80
|
-
color: var(--IDS-
|
|
135
|
+
color: var(--IDS-DROPDOWN__LINK-COLOR);
|
|
81
136
|
font-family: var(--IDS-FONT-FAMILY-BASE) !important;
|
|
82
137
|
font-size: 1rem !important;
|
|
83
138
|
font-style: normal !important;
|
|
@@ -85,7 +140,7 @@
|
|
|
85
140
|
line-height: 1.5rem !important;
|
|
86
141
|
padding: 0.375rem 0.75rem !important;
|
|
87
142
|
outline-offset: -0.25rem !important;
|
|
88
|
-
outline-color: var(--IDS-
|
|
143
|
+
outline-color: var(--IDS-DROPDOWN__LINK-OUTLINE-COLOR) !important;
|
|
89
144
|
text-decoration: none !important;
|
|
90
145
|
text-align: left;
|
|
91
146
|
white-space: normal !important;
|
|
@@ -93,11 +148,15 @@
|
|
|
93
148
|
gap: 0.5rem !important;
|
|
94
149
|
align-items: flex-start !important;
|
|
95
150
|
}
|
|
96
|
-
.ids-
|
|
97
|
-
.ids-
|
|
98
|
-
.ids-
|
|
99
|
-
.ids-
|
|
100
|
-
|
|
101
|
-
|
|
151
|
+
.ids-dropdown-content ::slotted(a:hover),
|
|
152
|
+
.ids-dropdown-content ::slotted(a:focus),
|
|
153
|
+
.ids-dropdown-content ::slotted(button:hover),
|
|
154
|
+
.ids-dropdown-content ::slotted(button:focus),
|
|
155
|
+
.ids-dropdown-content .ids-dropdown-content__link:hover,
|
|
156
|
+
.ids-dropdown-content .ids-dropdown-content__link:focus,
|
|
157
|
+
.ids-dropdown-content .ids-dropdown-content__button:hover,
|
|
158
|
+
.ids-dropdown-content .ids-dropdown-content__button:focus {
|
|
159
|
+
color: var(--IDS-DROPDOWN__LINK-HOVER-COLOR);
|
|
160
|
+
background-color: var(--IDS-DROPDOWN__LINK-HOVER-BACKGROUND-COLOR);
|
|
102
161
|
border-radius: var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);
|
|
103
162
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css, unsafeCSS } from 'lit';
|
|
2
2
|
|
|
3
|
-
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-footer-1177{background-color:var(--IDS-COLOR-PRIMARY-90);margin-top:1.875rem;position:relative}.ids-footer-1177 .ids-footer-1177__inner{margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);padding:1.875rem 1.25rem 6.25rem}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__inner{padding-bottom:3.125rem}}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-row{padding-bottom:1.25rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-row .ids-footer-1177__headline{color:var(--IDS-COLOR-PRIMARY-40);display:inline;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.5rem;font-weight:700;line-height:1.875rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-row .ids-footer-1177__headline .ids-footer-1177__headline--sub{color:var(--IDS-COLOR-PRIMARY-30)}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-row .ids-footer-1177__headline--sr{clip:rect(0,0,0,0);border:0;height:.063rem;margin:-.063rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:.063rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content{display:flex;flex-wrap:wrap;gap:.5rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__text{color:var(--IDS-COLOR-NEUTRAL-20);flex:0 0 40%;font-family:var(--IDS-BODY__FONT-FAMILY);font-size:var(--IDS-BODY__FONT-SIZE);font-style:normal;font-weight:400;letter-spacing:0;line-height:var(--IDS-BODY__LINE-HEIGHT);margin-right:8.3%;max-width:40%}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__text{flex:0 0 100%;margin-right:0;max-width:100%}}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col{flex:0 0 16%;max-width:16%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ul{list-style:none;margin:0;padding:0}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col .ids-link{margin-bottom:.625rem!important}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted([slot=link-col-1]),.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted([slot=link-col-2]),.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted([slot=link-col-3]){display:block;margin-bottom:.625rem!important}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__link-col--2{flex:0 0 25%;max-width:25%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__link-col--1{flex:0 0 50%;max-width:50%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-auto{flex:0 0 auto;width:auto}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-1{flex:0 0 8.3%;max-width:8.3%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-2{flex:0 0 16%;max-width:16%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-3{flex:0 0 25%;max-width:25%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-4{flex:0 0 33.3%;max-width:33.3%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-5{flex:0 0 41.6%;max-width:41.6%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-6{flex:0 0 50%;max-width:50%}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col{display:none}}.ids-footer-1177 .ids-footer-1177__sub-footer{background-color:var(--IDS-COLOR-PRIMARY-40);padding-bottom:1.25rem;padding-top:.313rem;position:relative}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__mobile-menu{display:none}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__mobile-menu{display:block}.ids-footer-1177 .ids-footer-1177__sub-footer{background-color:var(--IDS-COLOR-PRIMARY-40);border-top:none}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container{margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);padding-left:1.25rem;padding-right:1.25rem}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177_sub-footer-mobile-text{color:var(--IDS-COLOR-NEUTRAL-100);display:inline-block;font-size:.875rem;line-height:1.25rem;padding:1.875rem 2.5rem .625rem;text-align:center}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row{align-items:center;display:flex;gap:1.25rem;justify-content:space-between}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row{align-items:unset;flex-direction:column}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-left,.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-left p{color:var(--IDS-COLOR-NEUTRAL-100)!important;flex:50%;font-size:.875rem!important;line-height:1.125rem!important}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-left,.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-left p{display:none}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-right{display:flex;flex:auto;flex-wrap:wrap;gap:.25rem 1.25rem;justify-content:end}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-right .ids-link,.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-right ::slotted(*){color:var(--IDS-COLOR-NEUTRAL-100);display:block!important;font-size:.875rem;white-space:nowrap}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-right{display:none}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container{height:auto;padding-left:0;padding-right:0}}.ids-footer-1177 .ids-footer-1177__content-row{z-index:1}.ids-footer-1177 .ids-footer-1177__mobile-links{display:none;flex-direction:column;font-size:.875rem;gap:2rem;padding:2rem 1.25rem}.ids-footer-1177 .ids-footer-1177__mobile-links ::slotted(*),.ids-footer-1177 .ids-footer-1177__mobile-links a{display:block;width:100%}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__mobile-links{display:flex}}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile{display:none;position:relative}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-COLOR-NEUTRAL-100);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:5.625rem;pointer-events:none;position:absolute;top:-1.75rem}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer-mobile{align-items:center;color:var(--IDS-COLOR-NEUTRAL-100);display:flex;flex-direction:column;font-size:.875rem;justify-content:center;line-height:1.25rem;padding:2.875rem 2.5rem 1rem;text-align:center}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile .ids-footer-1177__sub-footer-mobile-text{margin-top:1.875rem}}.ids-footer-1177:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' preserveAspectRatio='none' height='30'%3E%3Cpath d='M0 0c251.387 7.408 495.186 11.112 731.395 11.112C967.605 11.112 1203.806 7.408 1440 0v30H0V0z' fill='%23FAEEF0' fill-rule='evenodd'/%3E%3C/svg%3E\");z-index:2}.ids-footer-1177 .ids-footer-1177__sub-footer:after,.ids-footer-1177:after{background-color:transparent;background-size:100% 1.875rem;content:\"\";height:1.875rem;position:absolute;top:-1.875rem;width:100%}.ids-footer-1177 .ids-footer-1177__sub-footer:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' preserveAspectRatio='none' height='30'%3E%3Cpath d='M0 0c251.387 7.408 495.186 11.112 731.395 11.112C967.605 11.112 1203.806 7.408 1440 0v30H0V0z' fill='%23C12143' fill-rule='evenodd'/%3E%3C/svg%3E\");z-index:3}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer:after{content:none!important}}";
|
|
3
|
+
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}:root{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__COLOR:var(--ids-color-heading-text-xxl);--IDS-HEADING-XXL__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-XXL__FONT-SIZE:2rem;--IDS-HEADING-XXL__LINE-HEIGHT:2.5rem;--IDS-HEADING-XXL__FONT-SIZE-DESKTOP:3rem;--IDS-HEADING-XXL__LINE-HEIGHT-DESKTOP:3.25rem;--IDS-HEADING-XXL__FONT-WEIGHT:700;--IDS-HEADING-XXL__LETTER-SPACING:-0.052rem;--IDS-HEADING-XXL__LETTER-SPACING-DESKTOP:-0.078rem;--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__COLOR:var(--ids-color-heading-text-xl);--IDS-HEADING-XL__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-XL__FONT-SIZE:1.625rem;--IDS-HEADING-XL__LINE-HEIGHT:2.125rem;--IDS-HEADING-XL__FONT-SIZE-DESKTOP:2.25rem;--IDS-HEADING-XL__LINE-HEIGHT-DESKTOP:2.625rem;--IDS-HEADING-XL__FONT-WEIGHT:700;--IDS-HEADING-XL__LETTER-SPACING:-0.031rem;--IDS-HEADING-XL__LETTER-SPACING-DESKTOP:-0.063rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__COLOR:var(--ids-color-heading-text-l);--IDS-HEADING-L__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-L__FONT-SIZE-DESKTOP:1.75rem;--IDS-HEADING-L__LINE-HEIGHT-DESKTOP:2.25rem;--IDS-HEADING-L__FONT-SIZE:1.5rem;--IDS-HEADING-L__LINE-HEIGHT:1.875rem;--IDS-HEADING-L__FONT-WEIGHT:700;--IDS-HEADING-L__LETTER-SPACING:-0.025rem;--IDS-HEADING-L__LETTER-SPACING-DESKTOP:-0.044rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-M__COLOR:var(--ids-color-heading-text-m);--IDS-HEADING-M__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-M__FONT-SIZE:1.375rem;--IDS-HEADING-M__LINE-HEIGHT:1.75rem;--IDS-HEADING-M__FONT-SIZE-DESKTOP:1.5rem;--IDS-HEADING-M__LINE-HEIGHT-DESKTOP:1.875rem;--IDS-HEADING-M__FONT-WEIGHT:700;--IDS-HEADING-M__LETTER-SPACING:-0.019rem;--IDS-HEADING-M__LETTER-SPACING-DESKTOP:-0.031rem;--IDS-HEADING-S__COLOR:var(--ids-color-heading-text-s);--IDS-HEADING-S__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-S__FONT-SIZE:1.25rem;--IDS-HEADING-S__LINE-HEIGHT:1.5rem;--IDS-HEADING-S__FONT-SIZE-DESKTOP:1.25rem;--IDS-HEADING-S__LINE-HEIGHT-DESKTOP:1.5rem;--IDS-HEADING-S__FONT-WEIGHT:700;--IDS-HEADING-S__LETTER-SPACING:-0.013rem;--IDS-HEADING-S__LETTER-SPACING-DESKTOP:-0.025rem;--IDS-HEADING-XS__COLOR:var(--ids-color-heading-text-xs);--IDS-HEADING-XS__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-XS__FONT-SIZE:1rem;--IDS-HEADING-XS__LINE-HEIGHT:1.25rem;--IDS-HEADING-XS__FONT-WEIGHT:700;--IDS-HEADING-XS__LETTER-SPACING:0;--IDS-ANCHOR__COLOR:var(--ids-color-interactive-text-default);--IDS-ANCHOR__HOVER-COLOR:var(--ids-color-interactive-text-hover);--IDS-PREAMBLE__FONT-FAMILY:var(--IDS-FONT-FAMILY-BASE);--IDS-PREAMBLE__FONT-SIZE:1.125rem;--IDS-PREAMBLE__LINE-HEIGHT:1.75rem;--IDS-PREAMBLE__FONT-SIZE-DESKTOP:1.375rem;--IDS-PREAMBLE__LINE-HEIGHT-DESKTOP:2.25rem;--IDS-BODY__FONT-FAMILY:var(--IDS-FONT-FAMILY-BASE);--IDS-BODY__FONT-SIZE:1rem;--IDS-BODY__LINE-HEIGHT:1.5rem;--IDS-BODY--DISABLED__COLOR:var(--ids-color-interactive-text-disabled);--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}:root.ids--1177-admin,:root.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}:root.ids--inera,:root.ids--inera-admin{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__FONT-SIZE:1.875rem;--IDS-HEADING-XXL__LINE-HEIGHT:2.375rem;--IDS-HEADING-XXL__FONT-SIZE-DESKTOP:2.5rem;--IDS-HEADING-XXL__LINE-HEIGHT-DESKTOP:3.125rem;--IDS-HEADING-XXL__FONT-WEIGHT:600;--IDS-HEADING-XXL__LETTER-SPACING:inherit;--IDS-HEADING-XXL__LETTER-SPACING-DESKTOP:inherit;--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__FONT-SIZE:1.625rem;--IDS-HEADING-XL__LINE-HEIGHT:2rem;--IDS-HEADING-XL__FONT-SIZE-DESKTOP:2rem;--IDS-HEADING-XL__LINE-HEIGHT-DESKTOP:2.5rem;--IDS-HEADING-XL__FONT-WEIGHT:600;--IDS-HEADING-XL__LETTER-SPACING:inherit;--IDS-HEADING-XL__LETTER-SPACING-DESKTOP:inherit;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__FONT-SIZE:1.5rem;--IDS-HEADING-L__LINE-HEIGHT:1.875rem;--IDS-HEADING-L__FONT-SIZE-DESKTOP:1.75rem;--IDS-HEADING-L__LINE-HEIGHT-DESKTOP:2.25rem;--IDS-HEADING-L__FONT-WEIGHT:600;--IDS-HEADING-L__LETTER-SPACING:inherit;--IDS-HEADING-L__LETTER-SPACING-DESKTOP:inherit;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-M__FONT-SIZE:1.375rem;--IDS-HEADING-M__LINE-HEIGHT:1.75rem;--IDS-HEADING-M__FONT-SIZE-DESKTOP:1.5rem;--IDS-HEADING-M__LINE-HEIGHT-DESKTOP:2rem;--IDS-HEADING-M__FONT-WEIGHT:600;--IDS-HEADING-M__LETTER-SPACING:inherit;--IDS-HEADING-M__LETTER-SPACING-DESKTOP:inherit;--IDS-HEADING-S__FONT-SIZE:1.25rem;--IDS-HEADING-S__LINE-HEIGHT:1.5rem;--IDS-HEADING-S__FONT-SIZE-DESKTOP:1.25rem;--IDS-HEADING-S__LINE-HEIGHT-DESKTOP:1.625rem;--IDS-HEADING-S__FONT-WEIGHT:600;--IDS-HEADING-S__LETTER-SPACING:inherit;--IDS-HEADING-S__LETTER-SPACING-DESKTOP:inherit;--IDS-HEADING-XS__FONT-SIZE:1rem;--IDS-HEADING-XS__LINE-HEIGHT:1.25rem;--IDS-HEADING-XS__FONT-WEIGHT:600;--IDS-HEADING-XS__LETTER-SPACING:inherit;--IDS-BODY__LINE-HEIGHT:1.625rem;--IDS-BODY--DISABLED__COLOR:var(--ids-color-interactive-text-disabled);--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}:root.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}:root.ids--dark.ids--1177-admin,:root.ids--dark.ids--1177-pro,:root.ids--dark.ids--inera,:root.ids--dark.ids--inera-admin{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids-footer-1177{background-color:var(--IDS-FOOTER-1177__BACKGROUND-COLOR);position:relative}.ids-footer-1177 .ids-footer-1177__inner{margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);padding-bottom:6.25rem;padding-top:1.875rem}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__inner{padding-bottom:2.5rem}}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-wrapper{padding-bottom:1.25rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-wrapper .ids-footer-1177__headline{color:var(--IDS-FOOTER-1177__HEADLINE-COLOR);display:inline;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.5rem;font-weight:700;line-height:1.875rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-wrapper .ids-footer-1177__headline .ids-footer-1177__headline--sub{color:var(--IDS-FOOTER-1177__BYLINE-COLOR)}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-wrapper .ids-footer-1177__headline--sr{clip:rect(0,0,0,0);border:0;height:.063rem;margin:-.063rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:.063rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content{display:flex;gap:6.5rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__text{color:var(--IDS-FOOTER-1177__COLOR);flex:0 0 40%;font-family:var(--IDS-BODY__FONT-FAMILY);font-size:var(--IDS-BODY__FONT-SIZE);font-style:normal;font-weight:400;letter-spacing:0;line-height:var(--IDS-BODY__LINE-HEIGHT);max-width:40%}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__text{flex:0 0 100%;margin-right:0;max-width:100%}}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__cols{display:flex;flex-grow:1;gap:3.5rem;justify-content:space-between}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col .ids-link{margin-bottom:.625rem!important}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted([slot=link-col-1]),.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted([slot=link-col-2]),.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted([slot=link-col-3]){display:block;margin-bottom:.625rem!important}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__link-col--100{width:100%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__link-col--50{width:50%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__link-col--33{width:33%}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col{display:none}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content{gap:0}}.ids-footer-1177 .ids-footer-1177__mobile-menu{display:none}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__mobile-menu{display:block;padding-bottom:1.25rem}}.ids-footer-1177 .ids-footer-1177__sub-footer{background-color:var(--IDS-FOOTER-1177-SUB__BACKGROUND-COLOR);position:relative}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer{border-top:none}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container{margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);padding-bottom:1rem}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177_sub-footer-mobile-text{color:var(--IDS-FOOTER-1177-SUB__COLOR);display:inline-block;font-size:.875rem;line-height:1.25rem;padding:1.875rem 2.5rem .625rem;text-align:center}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner{align-items:center;display:flex;justify-content:space-between}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner{align-items:unset;flex-direction:column}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-left{display:flex;flex:60%;flex-wrap:wrap;gap:.25rem 3rem}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-left .ids-link,.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-left ::slotted(*){display:block!important;white-space:nowrap}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-left{display:none}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-right,.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-right p{color:var(--IDS-FOOTER-1177-SUB__COLOR)!important;flex:auto;font-size:.875rem!important;line-height:1.125rem!important;text-align:end}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-right,.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-inner .ids-footer-1177__sub-footer-right p{display:none}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container{height:auto;padding:0}}.ids-footer-1177 .ids-footer-1177__mobile-links{background-color:var(--IDS-FOOTER-1177-SUB__BACKGROUND-COLOR);display:none;flex-direction:column;font-size:.875rem;gap:2rem;padding-left:1.25rem;padding-right:1.25rem;padding-top:2rem}.ids-footer-1177 .ids-footer-1177__mobile-links ::slotted(*),.ids-footer-1177 .ids-footer-1177__mobile-links a{display:block;width:100%}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__mobile-links{display:flex}}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile{align-items:center;background-color:var(--IDS-FOOTER-1177-SUB__BACKGROUND-COLOR);color:var(--IDS-FOOTER-1177-SUB__COLOR);display:none;flex-direction:column;font-size:.875rem;justify-content:center;line-height:1.25rem;margin-top:2.5rem;padding:2.125rem 2.5rem 2.5rem;position:relative;text-align:center}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile .ids-footer-1177__sub-footer-mobile-text{margin-top:2rem}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-FOOTER-1177-SUB__COLOR);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:5.625rem;pointer-events:none;position:absolute;top:-1.75rem}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer-mobile{display:flex}}.ids-footer-1177:after{background-image:var(--IDS-FOOTER-1177__AFTER);z-index:2}.ids-footer-1177 .ids-footer-1177__sub-footer:before,.ids-footer-1177:after{background-color:transparent;background-size:100% 1.875rem;content:\"\";height:1.875rem;position:absolute;top:-1.875rem;width:100%}.ids-footer-1177 .ids-footer-1177__sub-footer:before{background-image:var(--IDS-FOOTER-1177-SUB__BEFORE);z-index:3}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer:before{content:none!important}}";
|
|
4
4
|
|
|
5
5
|
var footer1177Lit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|