@inera/ids-design 8.0.1 → 8.2.0
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 +35 -175
- package/components/action-link/action-link-lit.d.ts +2 -0
- package/components/action-link/action-link-lit.js +7 -0
- package/components/action-link/action-link.css +173 -0
- package/components/alert/alert-lit.js +1 -1
- package/components/alert/alert.css +28 -138
- package/components/box-link/box-link-lit.js +1 -1
- package/components/box-link/box-link.css +92 -39
- package/components/breadcrumbs/breadcrumbs-lit.js +1 -1
- package/components/breadcrumbs/breadcrumbs.css +1 -0
- package/components/card/card-lit.js +1 -1
- package/components/card/card.css +42 -140
- package/components/carousel/carousel-item-lit.js +1 -1
- package/components/carousel/carousel-item.css +10 -123
- package/components/carousel/carousel-lit.js +1 -1
- package/components/carousel/carousel.css +41 -17
- package/components/data-table/data-table-lit.js +1 -1
- package/components/data-table/data-table.css +5 -11
- package/components/dialog/dialog-lit.js +1 -1
- package/components/dialog/dialog.css +8 -11
- package/components/dropdown/dropdown-lit.js +1 -1
- package/components/dropdown/dropdown.css +21 -12
- package/components/footer-1177/footer-1177-lit.js +1 -1
- package/components/footer-1177/footer-1177.css +48 -125
- package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
- package/components/footer-1177-admin/footer-1177-admin.css +47 -140
- package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
- package/components/footer-1177-pro/footer-1177-pro.css +47 -140
- package/components/footer-inera/footer-inera-lit.js +1 -1
- package/components/footer-inera/footer-inera.css +42 -123
- package/components/footer-inera-admin/footer-inera-admin-lit.js +1 -1
- package/components/footer-inera-admin/footer-inera-admin.css +47 -132
- package/components/form/datepicker/datepicker-lit.d.ts +2 -0
- package/components/form/datepicker/datepicker-lit.js +9 -0
- package/components/form/datepicker/datepicker.css +570 -0
- package/components/form/error-message/error-message-lit.js +1 -1
- package/components/form/error-message/error-message.css +1 -0
- package/components/form/group/group-lit.js +1 -1
- package/components/form/group/group.css +11 -114
- package/components/form/range/range-lit.js +1 -1
- package/components/form/range/range.css +51 -120
- package/components/form/select-multiple/select-multiple-lit.js +1 -1
- package/components/form/select-multiple/select-multiple.css +56 -10
- package/components/global-alert/global-alert-lit.js +1 -1
- package/components/global-alert/global-alert.css +55 -161
- package/components/grid/container/container-lit.js +1 -1
- package/components/grid/container/container.css +1 -1
- package/components/header-1177/composite-header-1177.css +612 -842
- package/components/header-1177/header-1177-avatar-lit.js +1 -1
- package/components/header-1177/header-1177-avatar.css +57 -156
- package/components/header-1177/header-1177-item-lit.js +1 -1
- package/components/header-1177/header-1177-item.css +366 -139
- 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 -4
- 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 +40 -116
- package/components/header-1177/header-1177-nav-item.css +102 -416
- package/components/header-1177/header-1177-nav-lit.js +1 -1
- package/components/header-1177/header-1177-nav.css +20 -1
- package/components/header-1177/header-1177-region-picker-lit.js +1 -1
- package/components/header-1177/header-1177-region-picker-mobile-lit.js +1 -1
- package/components/header-1177/header-1177-region-picker-mobile.css +3 -2
- package/components/header-1177/header-1177-region-picker.css +3 -2
- package/components/header-1177/header-1177.css +19 -17
- 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 +8 -12
- package/components/header-1177-admin/header-1177-admin-avatar.css +29 -132
- package/components/header-1177-admin/header-1177-admin-item-lit.js +1 -1
- package/components/header-1177-admin/header-1177-admin-item.css +307 -122
- package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
- package/components/header-1177-admin/header-1177-admin-menu-mobile-lit.js +1 -1
- package/components/header-1177-admin/header-1177-admin-menu-mobile.css +14 -4
- 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 +108 -436
- package/components/header-1177-admin/header-1177-admin.css +33 -33
- 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 +8 -13
- package/components/header-1177-pro/header-1177-pro-avatar.css +25 -128
- package/components/header-1177-pro/header-1177-pro-item-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-item.css +338 -141
- package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-menu-mobile-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-menu-mobile.css +14 -4
- 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 +112 -386
- package/components/header-1177-pro/header-1177-pro-nav-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-nav.css +10 -0
- 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 +1 -1
- package/components/header-1177-pro/header-1177-pro-region-picker-mobile.css +4 -4
- package/components/header-1177-pro/header-1177-pro-region-picker.css +3 -2
- package/components/header-1177-pro/header-1177-pro.css +35 -33
- package/components/header-inera/header-inera-item-lit.js +1 -1
- package/components/header-inera/header-inera-item.css +92 -53
- package/components/header-inera/header-inera-lit.js +1 -1
- package/components/header-inera/header-inera-menu-mobile-lit.js +1 -1
- package/components/header-inera/header-inera-menu-mobile.css +18 -4
- package/components/header-inera/header-inera-nav-item-lit.js +1 -1
- package/components/header-inera/header-inera-nav-item.css +51 -70
- package/components/header-inera/header-inera.css +12 -9
- package/components/header-inera-admin/composite-header-inera-admin.css +241 -320
- 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 +9 -12
- package/components/header-inera-admin/header-inera-admin-avatar.css +25 -128
- package/components/header-inera-admin/header-inera-admin-item-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-item.css +101 -53
- package/components/header-inera-admin/header-inera-admin-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-menu-mobile-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-menu-mobile.css +61 -58
- 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 +52 -76
- package/components/header-inera-admin/header-inera-admin.css +5 -5
- package/components/header-patient/header-patient-lit.js +1 -1
- package/components/header-patient/header-patient.css +27 -126
- package/components/mobile-menu/mobile-menu-lit.js +1 -1
- package/components/mobile-menu/mobile-menu.css +311 -435
- package/components/navigation/content/navigation-content-lit.js +1 -1
- package/components/navigation/content/navigation-content.css +15 -149
- package/components/navigation/local/navigation-local-lit.js +1 -1
- package/components/navigation/local/navigation-local.css +11 -15
- package/components/notification-badge/notification-badge-lit.js +1 -1
- package/components/notification-badge/notification-badge.css +1 -0
- package/components/pagination/data-pagination/data-pagination-lit.js +1 -1
- package/components/pagination/data-pagination/data-pagination.css +107 -131
- package/components/pagination/list-pagination/list-pagination-lit.js +1 -1
- package/components/pagination/list-pagination/list-pagination.css +84 -54
- package/components/popover/popover-content-lit.js +1 -1
- package/components/popover/popover-content.css +86 -167
- package/components/popover/popover-lit.js +1 -1
- package/components/popover/popover.css +2 -2
- package/components/progressbar/progressbar-lit.js +1 -1
- package/components/progressbar/progressbar.css +10 -113
- package/components/puff-list/puff-list-lit.js +1 -1
- package/components/puff-list/puff-list.css +89 -216
- package/components/side-menu/side-menu-lit.js +1 -1
- package/components/side-menu/side-menu.css +66 -75
- package/components/side-panel/side-panel-lit.js +1 -1
- package/components/side-panel/side-panel.css +23 -19
- package/components/stepper/stepper-lit.js +1 -1
- package/components/stepper/stepper.css +20 -166
- package/components/tabs/tab-lit.js +1 -1
- package/components/tabs/tab.css +10 -7
- package/components/tabs/tabs-lit.js +2 -2
- package/components/tabs/tabs.css +0 -2
- package/components/tag/tag-lit.js +1 -1
- package/components/tag/tag.css +12 -7
- package/components/tooltip/tooltip-lit.js +1 -1
- package/components/tooltip/tooltip.css +9 -10
- package/global/global.css +1055 -766
- package/global/icons/Inera-Design-Icons.eot +0 -0
- package/global/icons/Inera-Design-Icons.svg +14 -2
- package/global/icons/Inera-Design-Icons.ttf +0 -0
- package/global/icons/Inera-Design-Icons.woff +0 -0
- package/global/util/util.css +12 -2
- package/package.json +1 -1
- package/styles.css +1591 -1212
- package/tokens/component-tokens.scss +2 -0
- package/tokens/themes/1177-admin-tokens.css +615 -219
- package/tokens/themes/1177-pro-tokens.css +615 -219
- package/tokens/themes/1177-tokens.css +615 -219
- package/tokens/themes/inera-admin-tokens.css +443 -158
- package/tokens/themes/inera-tokens.css +443 -158
|
@@ -37,11 +37,12 @@
|
|
|
37
37
|
width: 100%;
|
|
38
38
|
margin-left: 0;
|
|
39
39
|
margin-right: 0;
|
|
40
|
+
border: var(--IDS-CAROUSEL-ITEM__BORDER);
|
|
40
41
|
}
|
|
41
|
-
.ids-carousel .ids-carousel__button-prev:focus,
|
|
42
|
-
.ids-carousel .ids-carousel__button-next:focus {
|
|
43
|
-
outline: var(--IDS-FOCUS__OUTLINE);
|
|
44
|
-
outline-offset: 0 !important;
|
|
42
|
+
.ids-carousel .ids-carousel__button-prev:focus-visible,
|
|
43
|
+
.ids-carousel .ids-carousel__button-next:focus-visible {
|
|
44
|
+
outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
|
|
45
|
+
outline-offset: -0.125rem !important;
|
|
45
46
|
}
|
|
46
47
|
.ids-carousel .ids-carousel__button-prev,
|
|
47
48
|
.ids-carousel .ids-carousel__button-next {
|
|
@@ -60,8 +61,8 @@
|
|
|
60
61
|
align-items: center;
|
|
61
62
|
justify-content: center;
|
|
62
63
|
}
|
|
63
|
-
.ids-carousel .ids-carousel__button-prev
|
|
64
|
-
.ids-carousel .ids-carousel__button-next
|
|
64
|
+
.ids-carousel .ids-carousel__button-prev:before,
|
|
65
|
+
.ids-carousel .ids-carousel__button-next:before {
|
|
65
66
|
font: icon;
|
|
66
67
|
font-family: "Inera-Design-Icons" !important;
|
|
67
68
|
display: block;
|
|
@@ -73,30 +74,43 @@
|
|
|
73
74
|
text-align: center;
|
|
74
75
|
color: var(--IDS-CAROUSEL-ICON__COLOR);
|
|
75
76
|
}
|
|
77
|
+
.ids-carousel .ids-carousel__button-prev:hover:before,
|
|
78
|
+
.ids-carousel .ids-carousel__button-next:hover:before {
|
|
79
|
+
color: var(--IDS-CAROUSEL-ICON__HOVER-COLOR);
|
|
80
|
+
}
|
|
81
|
+
.ids-carousel .ids-carousel__button-prev:active:before,
|
|
82
|
+
.ids-carousel .ids-carousel__button-next:active:before {
|
|
83
|
+
color: var(--IDS-CAROUSEL-ICON__ACTIVE-COLOR);
|
|
84
|
+
}
|
|
76
85
|
.ids-carousel .ids-carousel__button-prev.ids-carousel__button-next--mobile, .ids-carousel .ids-carousel__button-prev.ids-carousel__button-prev--mobile,
|
|
77
86
|
.ids-carousel .ids-carousel__button-next.ids-carousel__button-next--mobile,
|
|
78
87
|
.ids-carousel .ids-carousel__button-next.ids-carousel__button-prev--mobile {
|
|
79
88
|
display: flex;
|
|
80
89
|
}
|
|
81
|
-
.ids-carousel .ids-carousel__button-prev.ids-carousel__button-next--mobile
|
|
82
|
-
.ids-carousel .ids-carousel__button-next.ids-carousel__button-next--mobile
|
|
83
|
-
.ids-carousel .ids-carousel__button-next.ids-carousel__button-prev--mobile
|
|
90
|
+
.ids-carousel .ids-carousel__button-prev.ids-carousel__button-next--mobile:before, .ids-carousel .ids-carousel__button-prev.ids-carousel__button-prev--mobile:before,
|
|
91
|
+
.ids-carousel .ids-carousel__button-next.ids-carousel__button-next--mobile:before,
|
|
92
|
+
.ids-carousel .ids-carousel__button-next.ids-carousel__button-prev--mobile:before {
|
|
84
93
|
font-size: 1.25rem;
|
|
85
94
|
color: var(--IDS-CAROUSEL-ICON__COLOR-MOBILE);
|
|
86
95
|
}
|
|
87
|
-
.ids-carousel .ids-carousel__button-prev.ids-carousel__button-prev--mobile
|
|
88
|
-
.ids-carousel .ids-carousel__button-next.ids-carousel__button-
|
|
96
|
+
.ids-carousel .ids-carousel__button-prev.ids-carousel__button-next--mobile:focus-visible, .ids-carousel .ids-carousel__button-prev.ids-carousel__button-prev--mobile:focus-visible,
|
|
97
|
+
.ids-carousel .ids-carousel__button-next.ids-carousel__button-next--mobile:focus-visible,
|
|
98
|
+
.ids-carousel .ids-carousel__button-next.ids-carousel__button-prev--mobile:focus-visible {
|
|
99
|
+
outline-color: var(--IDS-FOCUS__OUTLINE--LIGHT-COLOR) !important;
|
|
100
|
+
}
|
|
101
|
+
.ids-carousel .ids-carousel__button-prev.ids-carousel__button-prev--mobile:before,
|
|
102
|
+
.ids-carousel .ids-carousel__button-next.ids-carousel__button-prev--mobile:before {
|
|
89
103
|
left: 0;
|
|
90
104
|
}
|
|
91
|
-
.ids-carousel .ids-carousel__button-prev.ids-carousel__button-next--mobile
|
|
92
|
-
.ids-carousel .ids-carousel__button-next.ids-carousel__button-next--mobile
|
|
105
|
+
.ids-carousel .ids-carousel__button-prev.ids-carousel__button-next--mobile:before,
|
|
106
|
+
.ids-carousel .ids-carousel__button-next.ids-carousel__button-next--mobile:before {
|
|
93
107
|
right: 0.125rem;
|
|
94
108
|
}
|
|
95
|
-
.ids-carousel .ids-carousel__button-prev
|
|
109
|
+
.ids-carousel .ids-carousel__button-prev:before {
|
|
96
110
|
content: "\e937";
|
|
97
111
|
left: 0.25rem;
|
|
98
112
|
}
|
|
99
|
-
.ids-carousel .ids-carousel__button-next
|
|
113
|
+
.ids-carousel .ids-carousel__button-next:before {
|
|
100
114
|
content: "\e938";
|
|
101
115
|
right: 0.25rem;
|
|
102
116
|
}
|
|
@@ -105,10 +119,8 @@
|
|
|
105
119
|
justify-content: center;
|
|
106
120
|
align-items: center;
|
|
107
121
|
background-color: var(--IDS-CAROUSEL-ICON__BACKGROUND-COLOR);
|
|
108
|
-
box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.3);
|
|
109
122
|
height: 3rem;
|
|
110
123
|
width: 1.6875rem;
|
|
111
|
-
box-shadow: rgba(0, 0, 0, 0.3) 0 0;
|
|
112
124
|
}
|
|
113
125
|
.ids-carousel .ids-carousel-btn__inner .ids-icon {
|
|
114
126
|
width: 1rem;
|
|
@@ -131,6 +143,14 @@
|
|
|
131
143
|
.ids-carousel .ids-carousel__button-next .ids-icon {
|
|
132
144
|
padding-left: 0.313rem;
|
|
133
145
|
}
|
|
146
|
+
.ids-carousel .ids-carousel__button-prev:hover .ids-carousel-btn__inner,
|
|
147
|
+
.ids-carousel .ids-carousel__button-next:hover .ids-carousel-btn__inner {
|
|
148
|
+
background-color: var(--IDS-CAROUSEL-ICON__HOVER-BACKGROUND-COLOR);
|
|
149
|
+
}
|
|
150
|
+
.ids-carousel .ids-carousel__button-prev:active .ids-carousel-btn__inner,
|
|
151
|
+
.ids-carousel .ids-carousel__button-next:active .ids-carousel-btn__inner {
|
|
152
|
+
background-color: var(--IDS-CAROUSEL-ICON__ACTIVE-BACKGROUND-COLOR);
|
|
153
|
+
}
|
|
134
154
|
@media only screen and (min-width: 1024px) {
|
|
135
155
|
.ids-carousel .ids-carousel-content {
|
|
136
156
|
width: calc(100% - 6.25rem);
|
|
@@ -160,6 +180,7 @@
|
|
|
160
180
|
width: 100%;
|
|
161
181
|
z-index: 1;
|
|
162
182
|
transition: left 0.5s ease-in-out;
|
|
183
|
+
opacity: 0;
|
|
163
184
|
}
|
|
164
185
|
.ids-carousel {
|
|
165
186
|
/* Display the initial item and bring it to the front using 'z-index'. These styles also apply to the 'active' item. */
|
|
@@ -172,18 +193,21 @@
|
|
|
172
193
|
position: relative;
|
|
173
194
|
z-index: 2;
|
|
174
195
|
left: 0;
|
|
196
|
+
opacity: 1;
|
|
175
197
|
}
|
|
176
198
|
.ids-carousel .ids-carousel-item-wrapper.prev,
|
|
177
199
|
.ids-carousel .ids-carousel-item-wrapper.next,
|
|
178
200
|
.ids-carousel ::slotted(.ids-carousel-item-wrapper.prev),
|
|
179
201
|
.ids-carousel ::slotted(.ids-carousel-item-wrapper.next) {
|
|
180
202
|
z-index: 2;
|
|
203
|
+
opacity: 1;
|
|
181
204
|
}
|
|
182
205
|
.ids-carousel .ids-carousel-item-wrapper.prev,
|
|
183
206
|
.ids-carousel .ids-carousel-item-wrapper.next,
|
|
184
207
|
.ids-carousel ::slotted(.ids-carousel-item-wrapper.prev),
|
|
185
208
|
.ids-carousel ::slotted(.ids-carousel-item-wrapper.next) {
|
|
186
209
|
z-index: 2;
|
|
210
|
+
opacity: 1;
|
|
187
211
|
}
|
|
188
212
|
.ids-carousel .animating-right .ids-carousel-item-wrapper.prev,
|
|
189
213
|
.ids-carousel .animating-right ::slotted(.ids-carousel-item-wrapper.prev) {
|
|
@@ -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-data-table table{border:.063rem solid var(--IDS-DATA-TABLE__CELL-BORDER_COLOR);border-collapse:separate;border-radius:var(--IDS-DATA-TABLE__BORDER-RADIUS);border-spacing:0;margin:1.25rem auto 3.125rem;overflow:visible;width:100%}.ids-data-table td,.ids-data-table th{border-bottom:.063rem solid var(--IDS-DATA-TABLE__CELL-BORDER_COLOR);border-right:none;line-height:1.25rem;padding:.5rem;position:relative;text-align:left;white-space:nowrap}.ids-data-table td:first-child,.ids-data-table th:first-child{padding-left:1rem}.ids-data-table td:last-child,.ids-data-table th:last-child{padding-right:1rem}.ids-data-table td.ids-data-table__col--wide,.ids-data-table th.ids-data-table__col--wide{width:30em}.ids-data-table td .ids-data-table__icon,.ids-data-table th .ids-data-table__icon{color:var(--IDS-DATA-TABLE__ICON-COLOR);margin-bottom:-.125rem;margin-left:.5rem}.ids-data-table td:hover .ids-data-table__icon,.ids-data-table th:hover .ids-data-table__icon{color:var(--IDS-DATA-TABLE__ICON-HOVER-COLOR)}.ids-data-table th{background-color:var(--IDS-DATA-TABLE__HEAD-BACKGROUND_COLOR);border-bottom:.125rem solid var(--IDS-DATA-TABLE__CELL-BORDER_COLOR);color:var(--IDS-DATA-TABLE__HEAD-COLOR);cursor:pointer;font-family:var(--IDS-DATA-TABLE__HEAD-FONT-FAMILY);font-weight:700}.ids-data-table th:not(:first-child):not(:last-child){padding:.75rem .5rem}.ids-data-table th:focus{outline
|
|
3
|
+
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-data-table table{border:.063rem solid var(--IDS-DATA-TABLE__CELL-BORDER_COLOR);border-collapse:separate;border-radius:var(--IDS-DATA-TABLE__BORDER-RADIUS);border-spacing:0;margin:1.25rem auto 3.125rem;overflow:visible;width:100%}.ids-data-table td,.ids-data-table th{border-bottom:.063rem solid var(--IDS-DATA-TABLE__CELL-BORDER_COLOR);border-right:none;line-height:1.25rem;padding:.5rem;position:relative;text-align:left;white-space:nowrap}.ids-data-table td:first-child,.ids-data-table th:first-child{padding-left:1rem}.ids-data-table td:last-child,.ids-data-table th:last-child{padding-right:1rem}.ids-data-table td.ids-data-table__col--wide,.ids-data-table th.ids-data-table__col--wide{width:30em}.ids-data-table td .ids-data-table__icon,.ids-data-table th .ids-data-table__icon{color:var(--IDS-DATA-TABLE__ICON-COLOR);margin-bottom:-.125rem;margin-left:.5rem}.ids-data-table td:hover .ids-data-table__icon,.ids-data-table th:hover .ids-data-table__icon{color:var(--IDS-DATA-TABLE__ICON-HOVER-COLOR)}.ids-data-table th{background-color:var(--IDS-DATA-TABLE__HEAD-BACKGROUND_COLOR);border-bottom:.125rem solid var(--IDS-DATA-TABLE__CELL-BORDER_COLOR);color:var(--IDS-DATA-TABLE__HEAD-COLOR);cursor:pointer;font-family:var(--IDS-DATA-TABLE__HEAD-FONT-FAMILY);font-weight:700}.ids-data-table th:not(:first-child):not(:last-child){padding:.75rem .5rem}.ids-data-table th:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:-.313rem!important;z-index:2}.ids-data-table thead tr{border-top-right-radius:var(--IDS-DATA-TABLE__BORDER-TOP-RADIUS)}.ids-data-table thead tr,.ids-data-table thead tr th:first-child{border-top-left-radius:var(--IDS-DATA-TABLE__BORDER-TOP-RADIUS)}.ids-data-table thead tr th:last-child{border-top-right-radius:var(--IDS-DATA-TABLE__BORDER-TOP-RADIUS)}.ids-data-table tbody tr{border-bottom:.063rem solid var(--IDS-DATA-TABLE__CELL-BORDER_COLOR)}.ids-data-table tbody tr td{color:var(--IDS-DATA-TABLE__CELL-COLOR)}.ids-data-table tbody tr[selected]{background-color:var(--IDS-DATA-TABLE__ROW--SELECTED__COLOR)}.ids-data-table tbody tr:last-child{border-bottom-left-radius:var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS);border-bottom-right-radius:var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS)}.ids-data-table tbody tr:last-child td{border-bottom:none}.ids-data-table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS)}.ids-data-table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS)}.ids-data-table.ids-data-table--interactive tbody tr:hover{background-color:var(--IDS-DATA-TABLE__ROW--SELECTED__COLOR);cursor:pointer;position:relative;z-index:2}.ids-data-table.ids-data-table--interactive tbody tr:focus-visible{background-color:var(--IDS-DATA-TABLE__ROW--SELECTED__COLOR);outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:-.25rem!important}.ids-data-table.ids-data-table--interactive tbody tr:focus-visible:last-child{border-radius:0 0 var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS) var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS)}.ids-data-table.ids-data-table--empty td{padding:1em}.ids-data-table.ids-data-table--empty .empty-message{text-align:left}@media (max-width:1024px){.ids-data-table table{width:100%}}@media (max-width:640px){.ids-data-table .ids-data-table__col--wide{width:auto}}";
|
|
4
4
|
|
|
5
5
|
var dataTableLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|
|
@@ -77,8 +77,8 @@
|
|
|
77
77
|
.ids-data-table th:not(:first-child):not(:last-child) {
|
|
78
78
|
padding: 0.75rem 0.5rem 0.75rem 0.5rem;
|
|
79
79
|
}
|
|
80
|
-
.ids-data-table th:focus {
|
|
81
|
-
outline: var(--IDS-FOCUS__OUTLINE);
|
|
80
|
+
.ids-data-table th:focus-visible {
|
|
81
|
+
outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
|
|
82
82
|
outline-offset: -0.313rem !important;
|
|
83
83
|
z-index: 2;
|
|
84
84
|
}
|
|
@@ -98,9 +98,6 @@
|
|
|
98
98
|
.ids-data-table tbody tr td {
|
|
99
99
|
color: var(--IDS-DATA-TABLE__CELL-COLOR);
|
|
100
100
|
}
|
|
101
|
-
.ids-data-table tbody tr:focus {
|
|
102
|
-
outline: none;
|
|
103
|
-
}
|
|
104
101
|
.ids-data-table tbody tr[selected] {
|
|
105
102
|
background-color: var(--IDS-DATA-TABLE__ROW--SELECTED__COLOR);
|
|
106
103
|
}
|
|
@@ -123,12 +120,12 @@
|
|
|
123
120
|
background-color: var(--IDS-DATA-TABLE__ROW--SELECTED__COLOR);
|
|
124
121
|
cursor: pointer;
|
|
125
122
|
}
|
|
126
|
-
.ids-data-table.ids-data-table--interactive tbody tr:focus {
|
|
127
|
-
outline: var(--IDS-FOCUS__OUTLINE);
|
|
123
|
+
.ids-data-table.ids-data-table--interactive tbody tr:focus-visible {
|
|
124
|
+
outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
|
|
128
125
|
outline-offset: -0.25rem !important;
|
|
129
126
|
background-color: var(--IDS-DATA-TABLE__ROW--SELECTED__COLOR);
|
|
130
127
|
}
|
|
131
|
-
.ids-data-table.ids-data-table--interactive tbody tr:focus:last-child {
|
|
128
|
+
.ids-data-table.ids-data-table--interactive tbody tr:focus-visible:last-child {
|
|
132
129
|
border-radius: 0 0 var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS) var(--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS);
|
|
133
130
|
}
|
|
134
131
|
.ids-data-table.ids-data-table--empty td {
|
|
@@ -137,9 +134,6 @@
|
|
|
137
134
|
.ids-data-table.ids-data-table--empty .empty-message {
|
|
138
135
|
text-align: left;
|
|
139
136
|
}
|
|
140
|
-
.ids-data-table.ids-data-table--empty .empty-message:focus {
|
|
141
|
-
outline: none;
|
|
142
|
-
}
|
|
143
137
|
@media (max-width: 1024px) {
|
|
144
138
|
.ids-data-table table {
|
|
145
139
|
width: 100%;
|
|
@@ -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-dialog{align-items:flex-start;background-color:var(--IDS-DIALOG__BACKGROUND-COLOR);border:var(--IDS-DIALOG__BORDER-WIDTH) solid var(--IDS-DIALOG__BORDER-COLOR);border-radius:var(--IDS-DIALOG__BORDER-RADIUS);box-shadow:var(--IDS-BOX-SHADOW);box-sizing:border-box;color:var(--IDS-DIALOG__COLOR);display:flex;flex-direction:column;left:50%;max-height:calc(100% - 10rem);max-width:calc(100% - 3.75rem);padding:2.5rem 1.875rem;position:fixed;text-align:left;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);z-index:200}@media (max-width:1024px){.ids-dialog{padding:2.5rem 1.25rem}}@media (max-width:640px){.ids-dialog{max-height:calc(100% - 5rem);width:calc(100% - 3.75rem)}}.ids-dialog.ids-dialog--hidden{display:none}.ids-dialog .ids-dialog__dismissible{padding-bottom:.25rem;padding-left:.25rem;position:absolute;right:1rem;top:.75rem}@media (max-width:1024px){.ids-dialog .ids-dialog__dismissible{right:.5rem}}.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button{background:none;border:none;color:inherit;font:inherit;min-height:1.5rem;min-width:1.5rem;outline:inherit;padding:0;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:focus{outline
|
|
3
|
+
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-dialog{align-items:flex-start;background-color:var(--IDS-DIALOG__BACKGROUND-COLOR);border:var(--IDS-DIALOG__BORDER-WIDTH) solid var(--IDS-DIALOG__BORDER-COLOR);border-radius:var(--IDS-DIALOG__BORDER-RADIUS);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);box-sizing:border-box;color:var(--IDS-DIALOG__COLOR);display:flex;flex-direction:column;left:50%;max-height:calc(100% - 10rem);max-width:calc(100% - 3.75rem);padding:2.5rem 1.875rem;position:fixed;text-align:left;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);z-index:200}@media (max-width:1024px){.ids-dialog{padding:2.5rem 1.25rem}}@media (max-width:640px){.ids-dialog{max-height:calc(100% - 5rem);width:calc(100% - 3.75rem)}}.ids-dialog.ids-dialog--hidden{display:none}.ids-dialog .ids-dialog__dismissible{padding-bottom:.25rem;padding-left:.25rem;position:absolute;right:1rem;top:.75rem}@media (max-width:1024px){.ids-dialog .ids-dialog__dismissible{right:.5rem}}.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button{background:none;border:none;color:inherit;font:inherit;min-height:1.5rem;min-width:1.5rem;outline:inherit;padding:0;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:.375rem!important}.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button{align-items:center;border-radius:100%;cursor:pointer;display:flex;height:1.25rem;justify-content:center;position:relative;width:1.25rem}.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON--ACTIVE-COLOR);content:\"\\e916\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;pointer-events:none;position:absolute}.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:hover:before{color:var(--IDS-ICON--ACTIVE-HOVER-COLOR)}.ids-dialog .ids-dialog__body::-webkit-scrollbar{width:.625rem}.ids-dialog .ids-dialog__body::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-dialog .ids-dialog__body::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-dialog .ids-dialog__body::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;margin-top:0;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-dialog .ids-dialog__body::-webkit-scrollbar-corner{background-color:transparent}.ids-dialog .ids-dialog__body{box-sizing:content-box;height:100%;margin-right:-.4375rem;overflow-y:auto;padding:0 .75rem 0 .25rem;width:-webkit-fill-available;width:-moz-available}.ids-dialog .ids-dialog__body.ids-dialog__body--scroll-area-focus:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-dialog .ids-dialog__body .ids-dialog__body-headline{align-self:center;margin:0}@media (max-width:1024px){.ids-dialog .ids-dialog__body .ids-dialog__body-headline{padding-top:0}}.ids-dialog .ids-dialog__body .ids-dialog__body-content{margin-top:1.25rem}.ids-dialog .ids-dialog__footer{margin-top:1.875rem}.ids-dialog .ids-dialog__footer,.ids-dialog ::slotted([slot=actions]){align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center;padding-bottom:.25rem;width:100%}@media (max-width:1024px){.ids-dialog .ids-dialog__footer,.ids-dialog ::slotted([slot=actions]){flex-direction:column;gap:1.25rem}}.ids-dialog-overlay{background-color:var(--IDS-OVERLAY__BACKGROUND-COLOR);bottom:0;left:0;position:fixed;right:0;top:0;z-index:200}.ids-dialog-overlay.ids-dialog-overlay--hidden{display:none}";
|
|
4
4
|
|
|
5
5
|
var dialogLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
-ms-transform: translateX(-50%) translateY(-50%);
|
|
42
42
|
transform: translateX(-50%) translateY(-50%);
|
|
43
43
|
background-color: var(--IDS-DIALOG__BACKGROUND-COLOR);
|
|
44
|
-
box-shadow: var(--IDS-BOX-SHADOW);
|
|
44
|
+
box-shadow: var(--IDS-BOX-SHADOW-ELEVATED-2);
|
|
45
45
|
border-radius: var(--IDS-DIALOG__BORDER-RADIUS);
|
|
46
46
|
padding: 2.5rem 1.875rem;
|
|
47
47
|
max-height: calc(100% - 10rem);
|
|
@@ -90,8 +90,8 @@
|
|
|
90
90
|
-ms-user-select: none;
|
|
91
91
|
user-select: none;
|
|
92
92
|
}
|
|
93
|
-
.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:focus {
|
|
94
|
-
outline: var(--IDS-FOCUS__OUTLINE);
|
|
93
|
+
.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:focus-visible {
|
|
94
|
+
outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
|
|
95
95
|
outline-offset: 0.375rem !important;
|
|
96
96
|
}
|
|
97
97
|
.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button {
|
|
@@ -116,7 +116,7 @@
|
|
|
116
116
|
font-size: 1.25rem;
|
|
117
117
|
color: var(--IDS-ICON--ACTIVE-COLOR);
|
|
118
118
|
}
|
|
119
|
-
.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:hover:before
|
|
119
|
+
.ids-dialog .ids-dialog__dismissible .ids-dialog__close-button:hover:before {
|
|
120
120
|
color: var(--IDS-ICON--ACTIVE-HOVER-COLOR);
|
|
121
121
|
}
|
|
122
122
|
.ids-dialog .ids-dialog__body::-webkit-scrollbar {
|
|
@@ -141,21 +141,18 @@
|
|
|
141
141
|
background-color: transparent;
|
|
142
142
|
}
|
|
143
143
|
.ids-dialog .ids-dialog__body {
|
|
144
|
-
padding: 0 0.25rem;
|
|
144
|
+
padding: 0 0.75rem 0 0.25rem;
|
|
145
|
+
margin-right: -0.4375rem;
|
|
145
146
|
height: 100%;
|
|
146
147
|
box-sizing: content-box;
|
|
147
148
|
overflow-y: auto;
|
|
148
149
|
width: -webkit-fill-available;
|
|
149
150
|
width: -moz-available;
|
|
150
151
|
}
|
|
151
|
-
.ids-dialog .ids-dialog__body.ids-dialog__body--scroll-area-focus:focus {
|
|
152
|
-
outline: var(--IDS-FOCUS__OUTLINE);
|
|
152
|
+
.ids-dialog .ids-dialog__body.ids-dialog__body--scroll-area-focus:focus-visible {
|
|
153
|
+
outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
|
|
153
154
|
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
|
|
154
155
|
}
|
|
155
|
-
.ids-dialog .ids-dialog__body.ids-dialog__body--has-scrollbar {
|
|
156
|
-
padding-right: 1.25rem;
|
|
157
|
-
margin-right: -0.4375rem;
|
|
158
|
-
}
|
|
159
156
|
.ids-dialog .ids-dialog__body .ids-dialog__body-headline {
|
|
160
157
|
margin: 0;
|
|
161
158
|
align-self: center;
|
|
@@ -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-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
|
|
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-ELEVATED-2);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-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);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;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;padding:.375rem .75rem!important;text-align:left;text-decoration:none!important;white-space:normal!important}.ids-dropdown-content .ids-dropdown-content__button:hover,.ids-dropdown-content .ids-dropdown-content__link:hover,.ids-dropdown-content ::slotted(a:hover),.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)}.ids-dropdown-content .ids-dropdown-content__button:active,.ids-dropdown-content .ids-dropdown-content__link:active,.ids-dropdown-content ::slotted(a:active),.ids-dropdown-content ::slotted(button:active){background-color:var(--IDS-DROPDOWN__LINK-ACTIVE-BACKGROUND-COLOR);color:var(--IDS-DROPDOWN__LINK-HOVER-COLOR)}.ids-dropdown-content .ids-dropdown-content__button:focus-visible,.ids-dropdown-content .ids-dropdown-content__link:focus-visible,.ids-dropdown-content ::slotted(a:focus-visible),.ids-dropdown-content ::slotted(button:focus-visible),.ids-dropdown-content a:focus-visible,.ids-dropdown-content button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE);outline-color:var(--IDS-DROPDOWN__LINK-HOVER-BACKGROUND-COLOR)!important;outline-offset:-.125rem!important}";
|
|
4
4
|
|
|
5
5
|
var dropdownLit = css`
|
|
6
6
|
${unsafeCSS(css_248z)}
|
|
@@ -49,7 +49,6 @@
|
|
|
49
49
|
border-radius: var(--IDS-BORDER-RADIUS);
|
|
50
50
|
border: 0.063rem solid var(--IDS-DROPDOWN__BORDER-COLOR);
|
|
51
51
|
background-color: var(--IDS-DROPDOWN__CONTENT-BACKGROUND-COLOR);
|
|
52
|
-
box-shadow: var(--IDS-BOX-SHADOW);
|
|
53
52
|
padding: 0.5rem;
|
|
54
53
|
left: 0;
|
|
55
54
|
right: auto;
|
|
@@ -60,12 +59,13 @@
|
|
|
60
59
|
width: auto;
|
|
61
60
|
max-width: fit-content;
|
|
62
61
|
flex-direction: column;
|
|
62
|
+
box-shadow: var(--IDS-BOX-SHADOW-ELEVATED-2);
|
|
63
63
|
}
|
|
64
64
|
.ids-dropdown-content.ids-dropdown-content--show {
|
|
65
65
|
display: flex;
|
|
66
66
|
}
|
|
67
|
-
.ids-dropdown-content.ids-dropdown-content--scrollable .ids-dropdown-content__scroll-area:focus {
|
|
68
|
-
outline: var(--IDS-FOCUS__OUTLINE);
|
|
67
|
+
.ids-dropdown-content.ids-dropdown-content--scrollable .ids-dropdown-content__scroll-area:focus-visible {
|
|
68
|
+
outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
|
|
69
69
|
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
|
|
70
70
|
}
|
|
71
71
|
.ids-dropdown-content.ids-dropdown-content--scrollable .ids-dropdown-content__scroll-area {
|
|
@@ -118,8 +118,6 @@
|
|
|
118
118
|
font-weight: 400 !important;
|
|
119
119
|
line-height: 1.5rem !important;
|
|
120
120
|
padding: 0.375rem 0.75rem !important;
|
|
121
|
-
outline-offset: -0.25rem !important;
|
|
122
|
-
outline-color: var(--IDS-DROPDOWN__LINK-OUTLINE-COLOR) !important;
|
|
123
121
|
text-decoration: none !important;
|
|
124
122
|
text-align: left;
|
|
125
123
|
white-space: normal !important;
|
|
@@ -139,8 +137,6 @@
|
|
|
139
137
|
font-weight: 400 !important;
|
|
140
138
|
line-height: 1.5rem !important;
|
|
141
139
|
padding: 0.375rem 0.75rem !important;
|
|
142
|
-
outline-offset: -0.25rem !important;
|
|
143
|
-
outline-color: var(--IDS-DROPDOWN__LINK-OUTLINE-COLOR) !important;
|
|
144
140
|
text-decoration: none !important;
|
|
145
141
|
text-align: left;
|
|
146
142
|
white-space: normal !important;
|
|
@@ -149,14 +145,27 @@
|
|
|
149
145
|
align-items: flex-start !important;
|
|
150
146
|
}
|
|
151
147
|
.ids-dropdown-content ::slotted(a:hover),
|
|
152
|
-
.ids-dropdown-content ::slotted(a:focus),
|
|
153
148
|
.ids-dropdown-content ::slotted(button:hover),
|
|
154
|
-
.ids-dropdown-content ::slotted(button:focus),
|
|
155
149
|
.ids-dropdown-content .ids-dropdown-content__link:hover,
|
|
156
|
-
.ids-dropdown-content .ids-dropdown-
|
|
157
|
-
.ids-dropdown-content .ids-dropdown-content__button:hover,
|
|
158
|
-
.ids-dropdown-content .ids-dropdown-content__button:focus {
|
|
150
|
+
.ids-dropdown-content .ids-dropdown-content__button:hover {
|
|
159
151
|
color: var(--IDS-DROPDOWN__LINK-HOVER-COLOR);
|
|
160
152
|
background-color: var(--IDS-DROPDOWN__LINK-HOVER-BACKGROUND-COLOR);
|
|
161
153
|
border-radius: var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);
|
|
154
|
+
}
|
|
155
|
+
.ids-dropdown-content ::slotted(a:active),
|
|
156
|
+
.ids-dropdown-content ::slotted(button:active),
|
|
157
|
+
.ids-dropdown-content .ids-dropdown-content__link:active,
|
|
158
|
+
.ids-dropdown-content .ids-dropdown-content__button:active {
|
|
159
|
+
color: var(--IDS-DROPDOWN__LINK-HOVER-COLOR);
|
|
160
|
+
background-color: var(--IDS-DROPDOWN__LINK-ACTIVE-BACKGROUND-COLOR);
|
|
161
|
+
}
|
|
162
|
+
.ids-dropdown-content a:focus-visible,
|
|
163
|
+
.ids-dropdown-content button:focus-visible,
|
|
164
|
+
.ids-dropdown-content ::slotted(a:focus-visible),
|
|
165
|
+
.ids-dropdown-content ::slotted(button:focus-visible),
|
|
166
|
+
.ids-dropdown-content .ids-dropdown-content__link:focus-visible,
|
|
167
|
+
.ids-dropdown-content .ids-dropdown-content__button:focus-visible {
|
|
168
|
+
outline: var(--IDS-FOCUS__OUTLINE);
|
|
169
|
+
outline-offset: -0.125rem !important;
|
|
170
|
+
outline-color: var(--IDS-DROPDOWN__LINK-HOVER-BACKGROUND-COLOR) !important;
|
|
162
171
|
}
|
|
@@ -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}}: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}}";
|
|
3
|
+
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--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)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--light.ids--inera,.ids--light.ids--inera-admin{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--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}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.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-font-family-body-text);font-size:var(--ids-font-size-body-text);font-style:normal;font-weight:var(--ids-font-weight-body-text);letter-spacing:0;line-height:var(--ids-line-height-body-text);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}.ids-footer-1177 .ids-footer-1177__sub-footer ::slotted(button),.ids-footer-1177 .ids-footer-1177__sub-footer button{background:none;border:none;border-radius:.0625rem;box-sizing:border-box;color:inherit;color:var(--IDS-LINK--COLOR-PRESET-3__COLOR);cursor:pointer;display:inline-block!important;font:inherit;font-family:var(--IDS-LINK__FONT-FAMILY);font-size:.875rem!important;line-height:1.25rem!important;outline:inherit;padding:0;text-align:left;text-decoration:underline;text-underline-offset:.125rem;width:auto}.ids-footer-1177 .ids-footer-1177__sub-footer ::slotted(button:focus-visible),.ids-footer-1177 .ids-footer-1177__sub-footer button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE--LIGHT-COLOR)!important}@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;position:relative;z-index:4}.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(a){display:block;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(a),.ids-footer-1177 .ids-footer-1177__mobile-links a{display:block;font-size:1rem!important;line-height:1.5rem!important;width:100%}.ids-footer-1177 .ids-footer-1177__mobile-links ::slotted(button),.ids-footer-1177 .ids-footer-1177__mobile-links button{font-size:1rem!important;line-height:1.5rem!important}@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);top:-1.875rem;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;width:100%}.ids-footer-1177 .ids-footer-1177__sub-footer:before{background-image:var(--IDS-FOOTER-1177-SUB__BEFORE);top:-1.8125rem;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
|
|