@inera/ids-design 8.1.0 → 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.
Files changed (42) hide show
  1. package/components/action-link/action-link-lit.d.ts +2 -0
  2. package/components/action-link/action-link-lit.js +7 -0
  3. package/components/action-link/action-link.css +173 -0
  4. package/components/box-link/box-link-lit.js +1 -1
  5. package/components/box-link/box-link.css +0 -2
  6. package/components/card/card-lit.js +1 -1
  7. package/components/card/card.css +8 -12
  8. package/components/carousel/carousel-item-lit.js +1 -1
  9. package/components/carousel/carousel-item.css +0 -1
  10. package/components/carousel/carousel-lit.js +1 -1
  11. package/components/carousel/carousel.css +5 -0
  12. package/components/form/datepicker/datepicker-lit.d.ts +2 -0
  13. package/components/form/datepicker/datepicker-lit.js +9 -0
  14. package/components/form/datepicker/datepicker.css +570 -0
  15. package/components/form/error-message/error-message-lit.js +1 -1
  16. package/components/form/error-message/error-message.css +1 -0
  17. package/components/form/group/group-lit.js +1 -1
  18. package/components/form/group/group.css +1 -1
  19. package/components/form/range/range-lit.js +1 -1
  20. package/components/form/range/range.css +11 -1
  21. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  22. package/components/form/select-multiple/select-multiple.css +30 -6
  23. package/components/navigation/local/navigation-local-lit.js +1 -1
  24. package/components/navigation/local/navigation-local.css +1 -1
  25. package/components/side-menu/side-menu-lit.js +1 -1
  26. package/components/side-menu/side-menu.css +0 -1
  27. package/components/stepper/stepper-lit.js +1 -1
  28. package/components/stepper/stepper.css +1 -20
  29. package/components/tabs/tab-lit.js +1 -1
  30. package/components/tabs/tab.css +5 -2
  31. package/components/tabs/tabs-lit.js +1 -1
  32. package/components/tooltip/tooltip-lit.js +1 -1
  33. package/components/tooltip/tooltip.css +2 -2
  34. package/global/global.css +149 -50
  35. package/package.json +1 -1
  36. package/styles.css +305 -132
  37. package/tokens/component-tokens.scss +2 -0
  38. package/tokens/themes/1177-admin-tokens.css +110 -110
  39. package/tokens/themes/1177-pro-tokens.css +112 -112
  40. package/tokens/themes/1177-tokens.css +113 -113
  41. package/tokens/themes/inera-admin-tokens.css +113 -112
  42. package/tokens/themes/inera-tokens.css +113 -112
@@ -0,0 +1,2 @@
1
+ declare const _default: import("lit").CSSResult;
2
+ export default _default;
@@ -0,0 +1,7 @@
1
+ import { css, unsafeCSS } from 'lit';
2
+
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-action-link{align-items:center;background-color:var(--IDS-ACTION-LINK__BACKGROUND-COLOR);border:0;border-radius:var(--IDS-ACTION-LINK__BORDER-RADIUS);box-sizing:border-box;display:flex;flex-direction:row;font-size:1rem;height:auto;justify-content:space-between;line-height:1.5rem;min-height:4.5rem;position:relative}.ids-action-link .ids-action-link__inner{padding:.5rem}.ids-action-link .ids-action-link__image{background-color:var(--IDS-ACTION-LINK__IMAGE-BACKGROUND-COLOR);border-radius:var(--IDS-ACTION-LINK__IMAGE-BORDER-RADIUS);overflow:hidden;position:relative}.ids-action-link .ids-action-link__icon{border-radius:100%;color:var(--IDS-ACTION-LINK__ICON-COLOR);height:2.25rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:2.25rem}.ids-action-link .ids-action-link__icon:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\e903\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;pointer-events:none;position:absolute;right:.5rem;top:.5rem}.ids-action-link .ids-action-link__icon.ids-action-link__icon--active{background-color:var(--IDS-ACTION-LINK__ICON-ACTIVE-BACKGROUND-COLOR)!important;color:var(--IDS-ACTION-LINK__ICON-ACTIVE-COLOR)!important}.ids-action-link ::slotted(a):focus-visible,.ids-action-link a:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:0!important}.ids-action-link ::slotted(a),.ids-action-link a{align-items:center;border:.0625rem solid var(--IDS-ACTION-LINK__BORDER-COLOR);border-radius:var(--IDS-ACTION-LINK__BORDER-RADIUS);bottom:0;color:var(--IDS-ACTION-LINK__COLOR);cursor:pointer;display:flex;font-family:var(--ids-font-family-heading);font-size:var(--ids-font-size-heading-s);font-style:normal;font-weight:var(--ids-font-weight-heading-s);gap:.5rem;justify-content:flex-start;left:0;letter-spacing:var(--ids-font-letter-spacing-heading-s);line-height:var(--ids-font-line-height-heading-s);padding:.5rem 4.25rem .5rem 5.5rem;position:absolute;right:0;text-decoration:none;top:0;z-index:1}.ids-action-link ::slotted(a:hover),.ids-action-link a:hover{border-color:var(--IDS-ACTION-LINK__HOVER-BORDER-COLOR);color:var(--IDS-ACTION-LINK__HOVER-COLOR);text-decoration:underline!important;text-underline-offset:.125rem!important}.ids-action-link ::slotted(a:active),.ids-action-link a:active{background-color:var(--IDS-ACTION-LINK--ACTIVE__BACKGROUND-COLOR)!important;border-color:var(--IDS-ACTION-LINK__ACTIVE-BORDER-COLOR)!important;color:var(--IDS-ACTION-LINK__ACTIVE-COLOR)!important}.ids-action-link:hover{border-color:var(--IDS-ACTION-LINK__HOVER-BORDER-COLOR)}.ids-action-link:hover .ids-action-link__icon{background-color:var(--IDS-ACTION-LINK__ICON-HOVER-BACKGROUND-COLOR);color:var(--IDS-ACTION-LINK__ICON-HOVER-COLOR)}.ids-action-link:has(a:active) .ids-action-link__icon{background-color:var(--IDS-ACTION-LINK__ICON-ACTIVE-BACKGROUND-COLOR)!important;color:var(--IDS-ACTION-LINK__ICON-ACTIVE-COLOR)!important}";
4
+
5
+ var actionLinkLit = css`${unsafeCSS(css_248z)}`;
6
+
7
+ export { actionLinkLit as default };
@@ -0,0 +1,173 @@
1
+ @media (max-width: 1023px) {
2
+ .ids-desktop {
3
+ display: none !important;
4
+ }
5
+ }
6
+
7
+ @media (min-width: 1024px) {
8
+ .ids-mobile {
9
+ display: none !important;
10
+ }
11
+ }
12
+
13
+ /*******
14
+ * ICONS
15
+ ********/
16
+ /*******
17
+ * BUTTONS
18
+ ********/
19
+ /*******
20
+ * SCROLLBAR
21
+ ********/
22
+ /*******
23
+ * FORM
24
+ ********/
25
+ /*******
26
+ * A11Y
27
+ ********/
28
+ .ids--light, .ids--dark {
29
+ --IDS-FONT-FAMILY-BASE: "Open Sans";
30
+ --IDS-FONT-FAMILY-HEADING: "Inter";
31
+ --IDS-FONT-COLOR: var(--ids-color-surface-text-on-default);
32
+ --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.875rem;
33
+ --IDS-HEADING-XL__MARGIN-BOTTOM: 1.875rem;
34
+ --IDS-HEADING-L__MARGIN-BOTTOM: 1.875rem;
35
+ --IDS-PAGE-LIST__COLOR: var(--ids-color-brand-text-primary);
36
+ --IDS-PAGE-LIST__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
37
+ --IDS-PAGE-LIST__FONT-SIZE: 1.25rem;
38
+ --IDS-PAGE-LIST__LINE-HEIGHT: 1.5rem;
39
+ --IDS-PAGE-LIST__FONT-WEIGHT: 700;
40
+ --IDS-PAGE-LIST__LETTER-SPACING: -0.025rem;
41
+ --IDS-BULLET-LIST__MARKER-COLOR: var(--ids-color-brand-text-primary);
42
+ --IDS-BULLET-LIST__MARKER-FONT-WEIGHT: bold;
43
+ --IDS-BULLET-LIST__LINE-HEIGHT: 1.5rem;
44
+ --IDS-DIVIDER__COLOR: var(--ids-color-surface-border-default);
45
+ }
46
+ .ids--light.ids--1177-pro, .ids--light.ids--1177-admin, .ids--dark.ids--1177-pro, .ids--dark.ids--1177-admin {
47
+ --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
48
+ }
49
+ .ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
50
+ --IDS-FONT-FAMILY-BASE: "Open Sans";
51
+ --IDS-FONT-FAMILY-HEADING: "Poppins";
52
+ --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.25rem;
53
+ --IDS-HEADING-XL__MARGIN-BOTTOM: 1.25rem;
54
+ --IDS-HEADING-L__MARGIN-BOTTOM: 1.25rem;
55
+ --IDS-PAGE-LIST__FONT-WEIGHT: 600;
56
+ --IDS-PAGE-LIST__LETTER-SPACING: 0;
57
+ --IDS-BULLET-LIST__MARKER-FONT-WEIGHT: normal;
58
+ --IDS-BULLET-LIST__LINE-HEIGHT: 1.625rem;
59
+ --IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT: 600;
60
+ }
61
+ .ids--light.ids--dark, .ids--dark.ids--dark {
62
+ --IDS-PAGE-LIST__COLOR: var(--ids-color-navigation-text-default);
63
+ }
64
+ .ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-admin, .ids--dark.ids--dark.ids--1177-pro, .ids--dark.ids--dark.ids--1177-admin, .ids--dark.ids--dark.ids--inera, .ids--dark.ids--dark.ids--inera-admin {
65
+ --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
66
+ }
67
+
68
+ .ids-action-link {
69
+ display: flex;
70
+ align-items: center;
71
+ flex-direction: row;
72
+ justify-content: space-between;
73
+ box-sizing: border-box;
74
+ position: relative;
75
+ height: auto;
76
+ font-size: 1rem;
77
+ line-height: 1.5rem;
78
+ background-color: var(--IDS-ACTION-LINK__BACKGROUND-COLOR);
79
+ border-radius: var(--IDS-ACTION-LINK__BORDER-RADIUS);
80
+ border: 0;
81
+ min-height: 4.5rem;
82
+ }
83
+ .ids-action-link .ids-action-link__inner {
84
+ padding: 0.5rem;
85
+ }
86
+ .ids-action-link .ids-action-link__image {
87
+ position: relative;
88
+ border-radius: var(--IDS-ACTION-LINK__IMAGE-BORDER-RADIUS);
89
+ overflow: hidden;
90
+ background-color: var(--IDS-ACTION-LINK__IMAGE-BACKGROUND-COLOR);
91
+ }
92
+ .ids-action-link .ids-action-link__icon {
93
+ position: absolute;
94
+ top: 50%;
95
+ right: 1rem;
96
+ transform: translateY(-50%);
97
+ width: 2.25rem;
98
+ height: 2.25rem;
99
+ border-radius: 100%;
100
+ color: var(--IDS-ACTION-LINK__ICON-COLOR);
101
+ }
102
+ .ids-action-link .ids-action-link__icon:before {
103
+ font: icon;
104
+ font-family: "Inera-Design-Icons" !important;
105
+ display: block;
106
+ position: absolute;
107
+ pointer-events: none;
108
+ -webkit-font-smoothing: antialiased;
109
+ -moz-osx-font-smoothing: grayscale;
110
+ content: "\e903";
111
+ position: absolute;
112
+ font-size: 1.25rem;
113
+ top: 0.5rem;
114
+ right: 0.5rem;
115
+ }
116
+ .ids-action-link .ids-action-link__icon.ids-action-link__icon--active {
117
+ color: var(--IDS-ACTION-LINK__ICON-ACTIVE-COLOR) !important;
118
+ background-color: var(--IDS-ACTION-LINK__ICON-ACTIVE-BACKGROUND-COLOR) !important;
119
+ }
120
+ .ids-action-link a:focus-visible,
121
+ .ids-action-link ::slotted(a):focus-visible {
122
+ outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
123
+ outline-offset: 0 !important;
124
+ }
125
+ .ids-action-link a,
126
+ .ids-action-link ::slotted(a) {
127
+ font-style: normal;
128
+ color: var(--IDS-ACTION-LINK__COLOR);
129
+ font-family: var(--ids-font-family-heading);
130
+ font-size: var(--ids-font-size-heading-s);
131
+ line-height: var(--ids-font-line-height-heading-s);
132
+ letter-spacing: var(--ids-font-letter-spacing-heading-s);
133
+ font-weight: var(--ids-font-weight-heading-s);
134
+ cursor: pointer;
135
+ display: flex;
136
+ gap: 0.5rem;
137
+ align-items: center;
138
+ justify-content: flex-start;
139
+ border-radius: var(--IDS-ACTION-LINK__BORDER-RADIUS);
140
+ border: 0.0625rem solid var(--IDS-ACTION-LINK__BORDER-COLOR);
141
+ text-decoration: none;
142
+ position: absolute;
143
+ z-index: 1;
144
+ padding: 0.5rem 4.25rem 0.5rem 5.5rem;
145
+ top: 0;
146
+ left: 0;
147
+ right: 0;
148
+ bottom: 0;
149
+ }
150
+ .ids-action-link a:hover,
151
+ .ids-action-link ::slotted(a:hover) {
152
+ color: var(--IDS-ACTION-LINK__HOVER-COLOR);
153
+ border-color: var(--IDS-ACTION-LINK__HOVER-BORDER-COLOR);
154
+ text-decoration: underline !important;
155
+ text-underline-offset: 0.125rem !important;
156
+ }
157
+ .ids-action-link a:active,
158
+ .ids-action-link ::slotted(a:active) {
159
+ color: var(--IDS-ACTION-LINK__ACTIVE-COLOR) !important;
160
+ border-color: var(--IDS-ACTION-LINK__ACTIVE-BORDER-COLOR) !important;
161
+ background-color: var(--IDS-ACTION-LINK--ACTIVE__BACKGROUND-COLOR) !important;
162
+ }
163
+ .ids-action-link:hover {
164
+ border-color: var(--IDS-ACTION-LINK__HOVER-BORDER-COLOR);
165
+ }
166
+ .ids-action-link:hover .ids-action-link__icon {
167
+ color: var(--IDS-ACTION-LINK__ICON-HOVER-COLOR);
168
+ background-color: var(--IDS-ACTION-LINK__ICON-HOVER-BACKGROUND-COLOR);
169
+ }
170
+ .ids-action-link:has(a:active) .ids-action-link__icon {
171
+ color: var(--IDS-ACTION-LINK__ICON-ACTIVE-COLOR) !important;
172
+ background-color: var(--IDS-ACTION-LINK__ICON-ACTIVE-BACKGROUND-COLOR) !important;
173
+ }
@@ -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-box-link .ids-box-link__inner{align-items:stretch;background-color:var(--IDS-BOX-LINK__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-BOX-LINK__BORDER-COLOR);border-radius:.25rem;box-sizing:border-box;display:flex;font-size:1rem;height:auto;line-height:1.5rem;position:relative;z-index:0}.ids-box-link .ids-box-link__inner .ids-box-link__link{cursor:pointer;display:block;flex:1}.ids-box-link .ids-box-link__inner ::slotted(a):focus-visible,.ids-box-link .ids-box-link__inner a:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:0!important}.ids-box-link .ids-box-link__inner ::slotted(a),.ids-box-link .ids-box-link__inner a{border:0;border-radius:.1875rem;color:var(--IDS-BOX-LINK__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);gap:.5rem;padding:.75rem 1rem;position:relative;text-decoration:none;z-index:2}.ids-box-link .ids-box-link__inner ::slotted(a:hover),.ids-box-link .ids-box-link__inner a:hover{background-color:var(--IDS-BOX-LINK__HOVER-BACKGROUND-COLOR);color:var(--IDS-BOX-LINK__HOVER-COLOR);text-decoration:underline!important;text-underline-offset:.125rem!important}.ids-box-link .ids-box-link__inner ::slotted(a:focus-visible),.ids-box-link .ids-box-link__inner a:focus-visible{border-color:var(--IDS-BOX-LINK--ACTIVE__BORDER-COLOR)!important;border-radius:.1875rem!important}.ids-box-link .ids-box-link__inner ::slotted(a:active),.ids-box-link .ids-box-link__inner a:active{background-color:var(--IDS-BOX-LINK--ACTIVE__BACKGROUND-COLOR)!important;border-color:var(--IDS-BOX-LINK--ACTIVE__BORDER-COLOR)!important;color:var(--IDS-BOX-LINK--ACTIVE-COLOR)!important}.ids-box-link .ids-box-link__inner .ids-box-link__button{align-items:stretch;border:0;border-radius:.3125rem;display:flex;flex-shrink:0;width:3rem}.ids-box-link .ids-box-link__inner .ids-box-link__button ::slotted(button),.ids-box-link .ids-box-link__inner .ids-box-link__button button{background:none;background-color:var(--IDS-BOX-LINK__BACKGROUND-COLOR);border:0;border-bottom-right-radius:.25rem;border-top-right-radius:.25rem;box-sizing:border-box;color:var(--IDS-BOX-LINK__COLOR);cursor:pointer;display:flex;font-size:1.25rem!important;height:100%!important;padding:0;position:relative!important;width:100%!important}.ids-box-link .ids-box-link__inner .ids-box-link__button ::slotted(button):before,.ids-box-link .ids-box-link__inner .ids-box-link__button button:before{right:.875rem!important;top:50%!important;transform:translateY(-50%)}.ids-box-link .ids-box-link__inner .ids-box-link__button ::slotted(button):after,.ids-box-link .ids-box-link__inner .ids-box-link__button button:after{background-color:var(--IDS-BOX-LINK__BACKGROUND-COLOR);bottom:0;content:\"\";display:block;left:0;position:absolute;top:0;width:1px}.ids-box-link .ids-box-link__inner .ids-box-link__button ::slotted(button:focus-visible),.ids-box-link .ids-box-link__inner .ids-box-link__button button:focus-visible{border-radius:.25rem!important;z-index:3}.ids-box-link .ids-box-link__inner .ids-box-link__button ::slotted(button:hover),.ids-box-link .ids-box-link__inner .ids-box-link__button button:hover{background-color:var(--IDS-BOX-LINK__HOVER-BACKGROUND-COLOR)!important;border-color:var(--IDS-BOX-LINK__HOVER-BORDER-COLOR)}.ids-box-link .ids-box-link__inner .ids-box-link__button ::slotted(button:active),.ids-box-link .ids-box-link__inner .ids-box-link__button button:active{background-color:var(--IDS-BOX-LINK--ACTIVE__BACKGROUND-COLOR)!important;color:var(--IDS-BOX-LINK--ACTIVE-COLOR)!important}.ids-box-link .ids-box-link__inner .ids-box-link__button:hover{background-color:var(--IDS-BOX-LINK__HOVER-BACKGROUND-COLOR)!important}.ids-box-link .ids-box-link__inner:hover{border-color:var(--IDS-BOX-LINK__HOVER-BORDER-COLOR)}.ids-box-link .ids-box-link__inner:hover ::slotted(button):after,.ids-box-link .ids-box-link__inner:hover button:after{background-color:var(--IDS-BOX-LINK__HOVER-BORDER-COLOR)}.ids-box-link.ids-box-link--has-button .ids-box-link__inner ::slotted(a),.ids-box-link.ids-box-link--has-button .ids-box-link__inner a{border-bottom-right-radius:0;border-top-right-radius:0}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-box-link .ids-box-link__inner{align-items:stretch;background-color:var(--IDS-BOX-LINK__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-BOX-LINK__BORDER-COLOR);border-radius:.25rem;box-sizing:border-box;display:flex;font-size:1rem;height:auto;line-height:1.5rem;position:relative;z-index:0}.ids-box-link .ids-box-link__inner .ids-box-link__link{cursor:pointer;display:block;flex:1}.ids-box-link .ids-box-link__inner ::slotted(a):focus-visible,.ids-box-link .ids-box-link__inner a:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:0!important}.ids-box-link .ids-box-link__inner ::slotted(a),.ids-box-link .ids-box-link__inner a{border:0;border-radius:.1875rem;color:var(--IDS-BOX-LINK__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);gap:.5rem;padding:.75rem 1rem;position:relative;text-decoration:none;z-index:2}.ids-box-link .ids-box-link__inner ::slotted(a:hover),.ids-box-link .ids-box-link__inner a:hover{background-color:var(--IDS-BOX-LINK__HOVER-BACKGROUND-COLOR);color:var(--IDS-BOX-LINK__HOVER-COLOR);text-decoration:underline!important;text-underline-offset:.125rem!important}.ids-box-link .ids-box-link__inner ::slotted(a:focus-visible),.ids-box-link .ids-box-link__inner a:focus-visible{border-radius:.1875rem!important}.ids-box-link .ids-box-link__inner ::slotted(a:active),.ids-box-link .ids-box-link__inner a:active{background-color:var(--IDS-BOX-LINK--ACTIVE__BACKGROUND-COLOR)!important;border-color:var(--IDS-BOX-LINK--ACTIVE__BORDER-COLOR)!important;color:var(--IDS-BOX-LINK--ACTIVE-COLOR)!important}.ids-box-link .ids-box-link__inner .ids-box-link__button{align-items:stretch;border:0;border-radius:.3125rem;display:flex;flex-shrink:0;width:3rem}.ids-box-link .ids-box-link__inner .ids-box-link__button ::slotted(button),.ids-box-link .ids-box-link__inner .ids-box-link__button button{background:none;background-color:var(--IDS-BOX-LINK__BACKGROUND-COLOR);border:0;border-bottom-right-radius:.25rem;border-top-right-radius:.25rem;box-sizing:border-box;color:var(--IDS-BOX-LINK__COLOR);cursor:pointer;display:flex;font-size:1.25rem!important;height:100%!important;padding:0;position:relative!important;width:100%!important}.ids-box-link .ids-box-link__inner .ids-box-link__button ::slotted(button):before,.ids-box-link .ids-box-link__inner .ids-box-link__button button:before{right:.875rem!important;top:50%!important;transform:translateY(-50%)}.ids-box-link .ids-box-link__inner .ids-box-link__button ::slotted(button):after,.ids-box-link .ids-box-link__inner .ids-box-link__button button:after{background-color:var(--IDS-BOX-LINK__BACKGROUND-COLOR);bottom:0;content:\"\";display:block;left:0;position:absolute;top:0;width:1px}.ids-box-link .ids-box-link__inner .ids-box-link__button ::slotted(button:focus-visible),.ids-box-link .ids-box-link__inner .ids-box-link__button button:focus-visible{border-radius:.25rem!important;z-index:3}.ids-box-link .ids-box-link__inner .ids-box-link__button ::slotted(button:hover),.ids-box-link .ids-box-link__inner .ids-box-link__button button:hover{background-color:var(--IDS-BOX-LINK__HOVER-BACKGROUND-COLOR)!important;border-color:var(--IDS-BOX-LINK__HOVER-BORDER-COLOR)}.ids-box-link .ids-box-link__inner .ids-box-link__button ::slotted(button:active),.ids-box-link .ids-box-link__inner .ids-box-link__button button:active{background-color:var(--IDS-BOX-LINK--ACTIVE__BACKGROUND-COLOR)!important;color:var(--IDS-BOX-LINK--ACTIVE-COLOR)!important}.ids-box-link .ids-box-link__inner .ids-box-link__button:hover{background-color:var(--IDS-BOX-LINK__HOVER-BACKGROUND-COLOR)!important}.ids-box-link .ids-box-link__inner:hover{border-color:var(--IDS-BOX-LINK__HOVER-BORDER-COLOR)}.ids-box-link .ids-box-link__inner:hover ::slotted(button):after,.ids-box-link .ids-box-link__inner:hover button:after{background-color:var(--IDS-BOX-LINK__HOVER-BORDER-COLOR)}.ids-box-link.ids-box-link--has-button .ids-box-link__inner ::slotted(a),.ids-box-link.ids-box-link--has-button .ids-box-link__inner a{border-bottom-right-radius:0;border-top-right-radius:0}";
4
4
 
5
5
  var boxLinkLit = css`${unsafeCSS(css_248z)}`;
6
6
 
@@ -31,7 +31,6 @@
31
31
  box-sizing: border-box;
32
32
  position: relative;
33
33
  height: auto;
34
- position: relative;
35
34
  z-index: 0;
36
35
  font-size: 1rem;
37
36
  line-height: 1.5rem;
@@ -72,7 +71,6 @@
72
71
  }
73
72
  .ids-box-link .ids-box-link__inner a:focus-visible,
74
73
  .ids-box-link .ids-box-link__inner ::slotted(a:focus-visible) {
75
- border-color: var(--IDS-BOX-LINK--ACTIVE__BORDER-COLOR) !important;
76
74
  border-radius: 0.1875rem !important;
77
75
  }
78
76
  .ids-box-link .ids-box-link__inner a:active,
@@ -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--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-card{background-color:var(--IDS-CARD__BACKGROUND-COLOR);border:var(--IDS-CARD__BORDER);border-radius:var(--IDS-CARD__BORDER-RADIUS);font-size:1rem;position:relative}.ids-card .ids-card__border-top{display:none}.ids-card .ids-card__content{border-radius:var(--IDS-CARD__BORDER-RADIUS);color:var(--IDS-CARD__COLOR);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);padding:1.25rem 1rem}.ids-card.ids-card--border-top{position:relative}.ids-card.ids-card--border-top .ids-card__border-top{border-top-left-radius:var(--IDS-CARD__BORDER-RADIUS);border-top-right-radius:var(--IDS-CARD__BORDER-RADIUS);display:block;height:var(--IDS-CARD__BORDER-RADIUS);left:-1px;min-height:var(--IDS-CARD--BORDER-TOP__HEIGHT);overflow:hidden;pointer-events:none;position:absolute;right:-1px;top:0}.ids-card.ids-card--border-top .ids-card__border-top:after{background-color:var(--IDS-CARD--BORDER-TOP__BACKGROUND-COLOR);content:\"\";display:block;height:var(--IDS-CARD--BORDER-TOP__HEIGHT)}@media (min-width:1024px){.ids-card .ids-card__content{padding:1.5rem 1.25rem}}@media (max-width:1024px){.ids-card.ids-card--hide-on-m{background-color:none!important;border:none!important;overflow:visible!important}.ids-card.ids-card--hide-on-m .ids-card__content{padding:0!important}}@media (max-width:1024px) and (max-width:1024px){.ids-card.ids-card--hide-on-m .ids-card__border-top{display:none!important}}@media (max-width:640px){.ids-card.ids-card--hide-on-s{background-color:none!important;border:none!important;overflow:visible!important}.ids-card.ids-card--hide-on-s .ids-card__content{padding:0!important}}@media (max-width:640px) and (max-width:1024px){.ids-card.ids-card--hide-on-s .ids-card__border-top{display:none!important}}.ids-card.ids-card--fill{background-color:var(--IDS-CARD--FILL__BACKGROUND-COLOR);border-color:var(--IDS-CARD--FILL__BORDER-COLOR)}.ids-card.ids-card--focus-card{background-color:var(--IDS-CARD--FOCUS__BACKGROUND-COLOR);border:var(--IDS-CARD--FOCUS__BORDER);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-1)}.ids-card.ids-card--focus-card .ids-card__content{padding:1.1875rem .9375rem}@media (min-width:1024px){.ids-card.ids-card--focus-card .ids-card__content{padding:1.4375rem 1.1875rem}}.ids-card.ids-card--lean .ids-card__content{padding:.313rem 1.25rem!important}@media (max-width:1024px){.ids-card.ids-card--lean.ids-card--hide-on-m{background-color:none!important;border:none!important;overflow:visible!important}.ids-card.ids-card--lean.ids-card--hide-on-m .ids-card__content{padding:0!important}}@media (max-width:1024px) and (max-width:1024px){.ids-card.ids-card--lean.ids-card--hide-on-m .ids-card__border-top{display:none!important}}@media (max-width:640px){.ids-card.ids-card--lean.ids-card--hide-on-s{background-color:none!important;border:none!important;overflow:visible!important}.ids-card.ids-card--lean.ids-card--hide-on-s .ids-card__content{padding:0!important}}@media (max-width:640px) and (max-width:1024px){.ids-card.ids-card--lean.ids-card--hide-on-s .ids-card__border-top{display:none!important}}.ids-card.ids-card--interactive .ids-card--interactive-link,.ids-card.ids-card--interactive ::slotted([slot=interactive]){border-radius:var(--IDS-CARD__BORDER-RADIUS);bottom:0;cursor:pointer;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.ids-card.ids-card--interactive .ids-card--interactive-link:focus-visible,.ids-card.ids-card--interactive ::slotted([slot=interactive]):focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:.1875rem!important}.ids-card.ids-card--interactive:hover{background-color:var(--IDS-CARD--INTERACTIVE__BACKGROUND-COLOR);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-1);cursor:pointer}";
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-card{background-color:var(--IDS-CARD__BACKGROUND-COLOR);border:var(--IDS-CARD__BORDER);border-radius:var(--IDS-CARD__BORDER-RADIUS);font-size:1rem;position:relative}.ids-card .ids-card__border-top{display:none}.ids-card .ids-card__content{border-radius:var(--IDS-CARD__BORDER-RADIUS);color:var(--IDS-CARD__COLOR);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);padding:1.25rem 1rem}.ids-card.ids-card--border-top{position:relative}.ids-card.ids-card--border-top .ids-card__border-top{border-top-left-radius:var(--IDS-CARD__BORDER-RADIUS);border-top-right-radius:var(--IDS-CARD__BORDER-RADIUS);display:block;height:var(--IDS-CARD__BORDER-RADIUS);left:-1px;min-height:var(--IDS-CARD--BORDER-TOP__HEIGHT);overflow:hidden;pointer-events:none;position:absolute;right:-1px;top:0}.ids-card.ids-card--border-top .ids-card__border-top:after{background-color:var(--IDS-CARD--BORDER-TOP__BACKGROUND-COLOR);content:\"\";display:block;height:var(--IDS-CARD--BORDER-TOP__HEIGHT)}@media (min-width:1024px){.ids-card .ids-card__content{padding:1.5rem 1.25rem}}@media (max-width:1024px){.ids-card.ids-card--hide-on-m{background-color:transparent!important;border:none!important;box-shadow:none!important;overflow:visible!important}.ids-card.ids-card--hide-on-m .ids-card__content{padding:0!important}.ids-card.ids-card--hide-on-m .ids-card__border-top{display:none!important}}@media (max-width:640px){.ids-card.ids-card--hide-on-s{background-color:transparent!important;border:none!important;box-shadow:none!important;overflow:visible!important}.ids-card.ids-card--hide-on-s .ids-card__content{padding:0!important}.ids-card.ids-card--hide-on-s .ids-card__border-top{display:none!important}}.ids-card.ids-card--fill{background-color:var(--IDS-CARD--FILL__BACKGROUND-COLOR);border-color:var(--IDS-CARD--FILL__BORDER-COLOR)}.ids-card.ids-card--focus-card{background-color:var(--IDS-CARD--FOCUS__BACKGROUND-COLOR);border:var(--IDS-CARD--FOCUS__BORDER);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-1)}.ids-card.ids-card--focus-card .ids-card__content{padding:1.1875rem .9375rem}@media (min-width:1024px){.ids-card.ids-card--focus-card .ids-card__content{padding:1.4375rem 1.1875rem}}.ids-card.ids-card--lean .ids-card__content{padding:.313rem 1.25rem!important}@media (max-width:1024px){.ids-card.ids-card--lean.ids-card--hide-on-m{background-color:transparent!important;border:none!important;box-shadow:none!important;overflow:visible!important}.ids-card.ids-card--lean.ids-card--hide-on-m .ids-card__content{padding:0!important}.ids-card.ids-card--lean.ids-card--hide-on-m .ids-card__border-top{display:none!important}}@media (max-width:640px){.ids-card.ids-card--lean.ids-card--hide-on-s{background-color:transparent!important;border:none!important;box-shadow:none!important;overflow:visible!important}.ids-card.ids-card--lean.ids-card--hide-on-s .ids-card__content{padding:0!important}.ids-card.ids-card--lean.ids-card--hide-on-s .ids-card__border-top{display:none!important}}.ids-card.ids-card--interactive .ids-card--interactive-link,.ids-card.ids-card--interactive ::slotted([slot=interactive]){border-radius:var(--IDS-CARD__BORDER-RADIUS);bottom:0;cursor:pointer;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.ids-card.ids-card--interactive .ids-card--interactive-link:focus-visible,.ids-card.ids-card--interactive ::slotted([slot=interactive]):focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:.1875rem!important}.ids-card.ids-card--interactive:hover{background-color:var(--IDS-CARD--INTERACTIVE__BACKGROUND-COLOR);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-1);cursor:pointer}";
4
4
 
5
5
  var cardLit = css`
6
6
  ${unsafeCSS(css_248z)}
@@ -117,13 +117,12 @@
117
117
  .ids-card.ids-card--hide-on-m {
118
118
  border: none !important;
119
119
  overflow: visible !important;
120
- background-color: none !important;
120
+ background-color: transparent !important;
121
+ box-shadow: none !important;
121
122
  }
122
123
  .ids-card.ids-card--hide-on-m .ids-card__content {
123
124
  padding: 0 !important;
124
125
  }
125
- }
126
- @media (max-width: 1024px) and (max-width: 1024px) {
127
126
  .ids-card.ids-card--hide-on-m .ids-card__border-top {
128
127
  display: none !important;
129
128
  }
@@ -132,13 +131,12 @@
132
131
  .ids-card.ids-card--hide-on-s {
133
132
  border: none !important;
134
133
  overflow: visible !important;
135
- background-color: none !important;
134
+ background-color: transparent !important;
135
+ box-shadow: none !important;
136
136
  }
137
137
  .ids-card.ids-card--hide-on-s .ids-card__content {
138
138
  padding: 0 !important;
139
139
  }
140
- }
141
- @media (max-width: 640px) and (max-width: 1024px) {
142
140
  .ids-card.ids-card--hide-on-s .ids-card__border-top {
143
141
  display: none !important;
144
142
  }
@@ -167,13 +165,12 @@
167
165
  .ids-card.ids-card--lean.ids-card--hide-on-m {
168
166
  border: none !important;
169
167
  overflow: visible !important;
170
- background-color: none !important;
168
+ background-color: transparent !important;
169
+ box-shadow: none !important;
171
170
  }
172
171
  .ids-card.ids-card--lean.ids-card--hide-on-m .ids-card__content {
173
172
  padding: 0 !important;
174
173
  }
175
- }
176
- @media (max-width: 1024px) and (max-width: 1024px) {
177
174
  .ids-card.ids-card--lean.ids-card--hide-on-m .ids-card__border-top {
178
175
  display: none !important;
179
176
  }
@@ -182,13 +179,12 @@
182
179
  .ids-card.ids-card--lean.ids-card--hide-on-s {
183
180
  border: none !important;
184
181
  overflow: visible !important;
185
- background-color: none !important;
182
+ background-color: transparent !important;
183
+ box-shadow: none !important;
186
184
  }
187
185
  .ids-card.ids-card--lean.ids-card--hide-on-s .ids-card__content {
188
186
  padding: 0 !important;
189
187
  }
190
- }
191
- @media (max-width: 640px) and (max-width: 1024px) {
192
188
  .ids-card.ids-card--lean.ids-card--hide-on-s .ids-card__border-top {
193
189
  display: none !important;
194
190
  }
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".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)}@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-carousel-item{background-color:var(--IDS-CAROUSEL-ITEM__BACKGROUND-COLOR);border:var(--IDS-CAROUSEL-ITEM__BORDER);border-radius:.188rem}.ids-carousel-item .ids-carousel-item__headline{color:var(--IDS-CAROUSEL-ITEM__COLOR);font-family:var(--ids-font-family-heading);font-size:var(--ids-font-size-heading-s);font-style:normal;font-weight:var(--ids-font-weight-heading-s);letter-spacing:var(--ids-font-letter-spacing-heading-s);line-height:var(--ids-font-line-height-heading-s);margin-bottom:.5rem!important;margin-top:0!important}.ids-carousel-item .ids-carousel-item__image{display:flex;justify-content:center;overflow:hidden;padding-top:66.6666666667%;position:relative}.ids-carousel-item .ids-carousel-item__content{color:var(--IDS-CAROUSEL-ITEM__COLOR);flex:6;font-family:var(--IDS-FONT-FAMILY-BASE);padding:1.75rem 1.25rem}.ids-carousel-item .ids-carousel-item__footer{align-items:center;display:flex;justify-content:space-between;margin-top:1.875rem}.ids-carousel-item .ids-carousel-item__description{color:var(--IDS-CAROUSEL-ITEM__DESCRIPTION-COLOR)}@media only screen and (max-width:1024px){.ids-carousel-item .ids-carousel-item__footer{align-items:flex-start;flex-direction:column;margin-top:1.75rem}.ids-carousel-item .ids-carousel-item__description{margin-bottom:.875rem}}@media only screen and (max-width:640px){.ids-carousel-item .ids-carousel-item__footer{margin-top:.625rem}}.ids-carousel-item ::slotted([slot=image]),.ids-carousel-item img{left:50%;max-height:100%;max-width:100%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}";
3
+ var css_248z = ".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)}@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-carousel-item{background-color:var(--IDS-CAROUSEL-ITEM__BACKGROUND-COLOR);border-radius:.188rem}.ids-carousel-item .ids-carousel-item__headline{color:var(--IDS-CAROUSEL-ITEM__COLOR);font-family:var(--ids-font-family-heading);font-size:var(--ids-font-size-heading-s);font-style:normal;font-weight:var(--ids-font-weight-heading-s);letter-spacing:var(--ids-font-letter-spacing-heading-s);line-height:var(--ids-font-line-height-heading-s);margin-bottom:.5rem!important;margin-top:0!important}.ids-carousel-item .ids-carousel-item__image{display:flex;justify-content:center;overflow:hidden;padding-top:66.6666666667%;position:relative}.ids-carousel-item .ids-carousel-item__content{color:var(--IDS-CAROUSEL-ITEM__COLOR);flex:6;font-family:var(--IDS-FONT-FAMILY-BASE);padding:1.75rem 1.25rem}.ids-carousel-item .ids-carousel-item__footer{align-items:center;display:flex;justify-content:space-between;margin-top:1.875rem}.ids-carousel-item .ids-carousel-item__description{color:var(--IDS-CAROUSEL-ITEM__DESCRIPTION-COLOR)}@media only screen and (max-width:1024px){.ids-carousel-item .ids-carousel-item__footer{align-items:flex-start;flex-direction:column;margin-top:1.75rem}.ids-carousel-item .ids-carousel-item__description{margin-bottom:.875rem}}@media only screen and (max-width:640px){.ids-carousel-item .ids-carousel-item__footer{margin-top:.625rem}}.ids-carousel-item ::slotted([slot=image]),.ids-carousel-item img{left:50%;max-height:100%;max-width:100%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}";
4
4
 
5
5
  var carouselItemLit = css`${unsafeCSS(css_248z)}`;
6
6
 
@@ -53,7 +53,6 @@
53
53
  .ids-carousel-item {
54
54
  background-color: var(--IDS-CAROUSEL-ITEM__BACKGROUND-COLOR);
55
55
  border-radius: 0.188rem;
56
- border: var(--IDS-CAROUSEL-ITEM__BORDER);
57
56
  }
58
57
  .ids-carousel-item .ids-carousel-item__headline {
59
58
  font-style: normal;
@@ -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-carousel{position:relative}.ids-carousel .ids-carousel-content{box-sizing:border-box;margin-left:0;margin-right:0;overflow:hidden;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;width:100%}.ids-carousel .ids-carousel__button-next:focus-visible,.ids-carousel .ids-carousel__button-prev:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:-.125rem!important}.ids-carousel .ids-carousel__button-next,.ids-carousel .ids-carousel__button-prev{align-items:center;background:none;border:none;cursor:pointer;display:none;height:50%;justify-content:center;opacity:1;padding:0;position:absolute;top:calc(40% - 3rem);transform:translateY(-50%);transition:opacity .3s ease-in;z-index:3}.ids-carousel .ids-carousel__button-next:before,.ids-carousel .ids-carousel__button-prev:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-CAROUSEL-ICON__COLOR);display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:2.5rem;pointer-events:none;position:absolute;text-align:center}.ids-carousel .ids-carousel__button-next:hover:before,.ids-carousel .ids-carousel__button-prev:hover:before{color:var(--IDS-CAROUSEL-ICON__HOVER-COLOR)}.ids-carousel .ids-carousel__button-next:active:before,.ids-carousel .ids-carousel__button-prev:active:before{color:var(--IDS-CAROUSEL-ICON__ACTIVE-COLOR)}.ids-carousel .ids-carousel__button-next.ids-carousel__button-next--mobile,.ids-carousel .ids-carousel__button-next.ids-carousel__button-prev--mobile,.ids-carousel .ids-carousel__button-prev.ids-carousel__button-next--mobile,.ids-carousel .ids-carousel__button-prev.ids-carousel__button-prev--mobile{display:flex}.ids-carousel .ids-carousel__button-next.ids-carousel__button-next--mobile:before,.ids-carousel .ids-carousel__button-next.ids-carousel__button-prev--mobile:before,.ids-carousel .ids-carousel__button-prev.ids-carousel__button-next--mobile:before,.ids-carousel .ids-carousel__button-prev.ids-carousel__button-prev--mobile:before{color:var(--IDS-CAROUSEL-ICON__COLOR-MOBILE);font-size:1.25rem}.ids-carousel .ids-carousel__button-next.ids-carousel__button-next--mobile:focus-visible,.ids-carousel .ids-carousel__button-next.ids-carousel__button-prev--mobile:focus-visible,.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{outline-color:var(--IDS-FOCUS__OUTLINE--LIGHT-COLOR)!important}.ids-carousel .ids-carousel__button-next.ids-carousel__button-prev--mobile:before,.ids-carousel .ids-carousel__button-prev.ids-carousel__button-prev--mobile:before{left:0}.ids-carousel .ids-carousel__button-next.ids-carousel__button-next--mobile:before,.ids-carousel .ids-carousel__button-prev.ids-carousel__button-next--mobile:before{right:.125rem}.ids-carousel .ids-carousel__button-prev:before{content:\"\\e937\";left:.25rem}.ids-carousel .ids-carousel__button-next:before{content:\"\\e938\";right:.25rem}.ids-carousel .ids-carousel-btn__inner{align-items:center;background-color:var(--IDS-CAROUSEL-ICON__BACKGROUND-COLOR);display:flex;height:3rem;justify-content:center;width:1.6875rem}.ids-carousel .ids-carousel-btn__inner .ids-icon{width:1rem}.ids-carousel .ids-carousel__button-prev{left:0}.ids-carousel .ids-carousel__button-prev .ids-carousel-btn__inner{border-radius:0 1.5rem 1.5rem 0}.ids-carousel .ids-carousel__button-prev .ids-icon{padding-right:.313rem}.ids-carousel .ids-carousel__button-next{right:0}.ids-carousel .ids-carousel__button-next .ids-carousel-btn__inner{border-radius:1.5rem 0 0 1.5rem}.ids-carousel .ids-carousel__button-next .ids-icon{padding-left:.313rem}.ids-carousel .ids-carousel__button-next:hover .ids-carousel-btn__inner,.ids-carousel .ids-carousel__button-prev:hover .ids-carousel-btn__inner{background-color:var(--IDS-CAROUSEL-ICON__HOVER-BACKGROUND-COLOR)}.ids-carousel .ids-carousel__button-next:active .ids-carousel-btn__inner,.ids-carousel .ids-carousel__button-prev:active .ids-carousel-btn__inner{background-color:var(--IDS-CAROUSEL-ICON__ACTIVE-BACKGROUND-COLOR)}@media only screen and (min-width:1024px){.ids-carousel .ids-carousel-content{margin-left:3.125rem;margin-right:3.125rem;width:calc(100% - 6.25rem)}.ids-carousel .ids-carousel__button-next,.ids-carousel .ids-carousel__button-prev{display:flex;width:3rem}.ids-carousel .ids-carousel__button-next.ids-carousel__button-next--mobile,.ids-carousel .ids-carousel__button-next.ids-carousel__button-prev--mobile,.ids-carousel .ids-carousel__button-prev.ids-carousel__button-next--mobile,.ids-carousel .ids-carousel__button-prev.ids-carousel__button-prev--mobile{display:none}}.ids-carousel .ids-carousel-item-wrapper,.ids-carousel ::slotted(.ids-carousel-item-wrapper){display:inline-block;position:absolute;top:0;transition:left .5s ease-in-out;width:100%;z-index:1}.ids-carousel .ids-carousel-item-wrapper.active,.ids-carousel .ids-carousel-item-wrapper.initial,.ids-carousel ::slotted(.ids-carousel-item-wrapper.active),.ids-carousel ::slotted(.ids-carousel-item-wrapper.initial){left:0;opacity:1;position:relative;z-index:2}.ids-carousel .ids-carousel-item-wrapper.next,.ids-carousel .ids-carousel-item-wrapper.prev,.ids-carousel ::slotted(.ids-carousel-item-wrapper.next),.ids-carousel ::slotted(.ids-carousel-item-wrapper.prev){z-index:2}.ids-carousel .animating-right .ids-carousel-item-wrapper.prev,.ids-carousel .animating-right ::slotted(.ids-carousel-item-wrapper.prev){z-index:2}.ids-carousel .animating-right .ids-carousel-item-wrapper.next,.ids-carousel .animating-right ::slotted(.ids-carousel-item-wrapper.next){z-index:2}.ids-carousel .animating-left .ids-carousel-item-wrapper.prev,.ids-carousel .animating-left ::slotted(.ids-carousel-item-wrapper.prev){z-index:2}.ids-carousel .animating-left .ids-carousel-item-wrapper.next,.ids-carousel .animating-left ::slotted(.ids-carousel-item-wrapper.next){z-index:2}.ids-carousel .ids-carousel-item-wrapper.prev,.ids-carousel ::slotted(.ids-carousel-item-wrapper.prev){left:-100%}.ids-carousel .ids-carousel-item-wrapper.next,.ids-carousel ::slotted(.ids-carousel-item-wrapper.next){left:100%}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-carousel{position:relative}.ids-carousel .ids-carousel-content{border:var(--IDS-CAROUSEL-ITEM__BORDER);box-sizing:border-box;margin-left:0;margin-right:0;overflow:hidden;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;width:100%}.ids-carousel .ids-carousel__button-next:focus-visible,.ids-carousel .ids-carousel__button-prev:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:-.125rem!important}.ids-carousel .ids-carousel__button-next,.ids-carousel .ids-carousel__button-prev{align-items:center;background:none;border:none;cursor:pointer;display:none;height:50%;justify-content:center;opacity:1;padding:0;position:absolute;top:calc(40% - 3rem);transform:translateY(-50%);transition:opacity .3s ease-in;z-index:3}.ids-carousel .ids-carousel__button-next:before,.ids-carousel .ids-carousel__button-prev:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-CAROUSEL-ICON__COLOR);display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:2.5rem;pointer-events:none;position:absolute;text-align:center}.ids-carousel .ids-carousel__button-next:hover:before,.ids-carousel .ids-carousel__button-prev:hover:before{color:var(--IDS-CAROUSEL-ICON__HOVER-COLOR)}.ids-carousel .ids-carousel__button-next:active:before,.ids-carousel .ids-carousel__button-prev:active:before{color:var(--IDS-CAROUSEL-ICON__ACTIVE-COLOR)}.ids-carousel .ids-carousel__button-next.ids-carousel__button-next--mobile,.ids-carousel .ids-carousel__button-next.ids-carousel__button-prev--mobile,.ids-carousel .ids-carousel__button-prev.ids-carousel__button-next--mobile,.ids-carousel .ids-carousel__button-prev.ids-carousel__button-prev--mobile{display:flex}.ids-carousel .ids-carousel__button-next.ids-carousel__button-next--mobile:before,.ids-carousel .ids-carousel__button-next.ids-carousel__button-prev--mobile:before,.ids-carousel .ids-carousel__button-prev.ids-carousel__button-next--mobile:before,.ids-carousel .ids-carousel__button-prev.ids-carousel__button-prev--mobile:before{color:var(--IDS-CAROUSEL-ICON__COLOR-MOBILE);font-size:1.25rem}.ids-carousel .ids-carousel__button-next.ids-carousel__button-next--mobile:focus-visible,.ids-carousel .ids-carousel__button-next.ids-carousel__button-prev--mobile:focus-visible,.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{outline-color:var(--IDS-FOCUS__OUTLINE--LIGHT-COLOR)!important}.ids-carousel .ids-carousel__button-next.ids-carousel__button-prev--mobile:before,.ids-carousel .ids-carousel__button-prev.ids-carousel__button-prev--mobile:before{left:0}.ids-carousel .ids-carousel__button-next.ids-carousel__button-next--mobile:before,.ids-carousel .ids-carousel__button-prev.ids-carousel__button-next--mobile:before{right:.125rem}.ids-carousel .ids-carousel__button-prev:before{content:\"\\e937\";left:.25rem}.ids-carousel .ids-carousel__button-next:before{content:\"\\e938\";right:.25rem}.ids-carousel .ids-carousel-btn__inner{align-items:center;background-color:var(--IDS-CAROUSEL-ICON__BACKGROUND-COLOR);display:flex;height:3rem;justify-content:center;width:1.6875rem}.ids-carousel .ids-carousel-btn__inner .ids-icon{width:1rem}.ids-carousel .ids-carousel__button-prev{left:0}.ids-carousel .ids-carousel__button-prev .ids-carousel-btn__inner{border-radius:0 1.5rem 1.5rem 0}.ids-carousel .ids-carousel__button-prev .ids-icon{padding-right:.313rem}.ids-carousel .ids-carousel__button-next{right:0}.ids-carousel .ids-carousel__button-next .ids-carousel-btn__inner{border-radius:1.5rem 0 0 1.5rem}.ids-carousel .ids-carousel__button-next .ids-icon{padding-left:.313rem}.ids-carousel .ids-carousel__button-next:hover .ids-carousel-btn__inner,.ids-carousel .ids-carousel__button-prev:hover .ids-carousel-btn__inner{background-color:var(--IDS-CAROUSEL-ICON__HOVER-BACKGROUND-COLOR)}.ids-carousel .ids-carousel__button-next:active .ids-carousel-btn__inner,.ids-carousel .ids-carousel__button-prev:active .ids-carousel-btn__inner{background-color:var(--IDS-CAROUSEL-ICON__ACTIVE-BACKGROUND-COLOR)}@media only screen and (min-width:1024px){.ids-carousel .ids-carousel-content{margin-left:3.125rem;margin-right:3.125rem;width:calc(100% - 6.25rem)}.ids-carousel .ids-carousel__button-next,.ids-carousel .ids-carousel__button-prev{display:flex;width:3rem}.ids-carousel .ids-carousel__button-next.ids-carousel__button-next--mobile,.ids-carousel .ids-carousel__button-next.ids-carousel__button-prev--mobile,.ids-carousel .ids-carousel__button-prev.ids-carousel__button-next--mobile,.ids-carousel .ids-carousel__button-prev.ids-carousel__button-prev--mobile{display:none}}.ids-carousel .ids-carousel-item-wrapper,.ids-carousel ::slotted(.ids-carousel-item-wrapper){display:inline-block;opacity:0;position:absolute;top:0;transition:left .5s ease-in-out;width:100%;z-index:1}.ids-carousel .ids-carousel-item-wrapper.active,.ids-carousel .ids-carousel-item-wrapper.initial,.ids-carousel ::slotted(.ids-carousel-item-wrapper.active),.ids-carousel ::slotted(.ids-carousel-item-wrapper.initial){left:0;opacity:1;position:relative;z-index:2}.ids-carousel .ids-carousel-item-wrapper.next,.ids-carousel .ids-carousel-item-wrapper.prev,.ids-carousel ::slotted(.ids-carousel-item-wrapper.next),.ids-carousel ::slotted(.ids-carousel-item-wrapper.prev){opacity:1;z-index:2}.ids-carousel .animating-right .ids-carousel-item-wrapper.prev,.ids-carousel .animating-right ::slotted(.ids-carousel-item-wrapper.prev){z-index:2}.ids-carousel .animating-right .ids-carousel-item-wrapper.next,.ids-carousel .animating-right ::slotted(.ids-carousel-item-wrapper.next){z-index:2}.ids-carousel .animating-left .ids-carousel-item-wrapper.prev,.ids-carousel .animating-left ::slotted(.ids-carousel-item-wrapper.prev){z-index:2}.ids-carousel .animating-left .ids-carousel-item-wrapper.next,.ids-carousel .animating-left ::slotted(.ids-carousel-item-wrapper.next){z-index:2}.ids-carousel .ids-carousel-item-wrapper.prev,.ids-carousel ::slotted(.ids-carousel-item-wrapper.prev){left:-100%}.ids-carousel .ids-carousel-item-wrapper.next,.ids-carousel ::slotted(.ids-carousel-item-wrapper.next){left:100%}";
4
4
 
5
5
  var carouselLit = css`${unsafeCSS(css_248z)}`;
6
6
 
@@ -37,6 +37,7 @@
37
37
  width: 100%;
38
38
  margin-left: 0;
39
39
  margin-right: 0;
40
+ border: var(--IDS-CAROUSEL-ITEM__BORDER);
40
41
  }
41
42
  .ids-carousel .ids-carousel__button-prev:focus-visible,
42
43
  .ids-carousel .ids-carousel__button-next:focus-visible {
@@ -179,6 +180,7 @@
179
180
  width: 100%;
180
181
  z-index: 1;
181
182
  transition: left 0.5s ease-in-out;
183
+ opacity: 0;
182
184
  }
183
185
  .ids-carousel {
184
186
  /* Display the initial item and bring it to the front using 'z-index'. These styles also apply to the 'active' item. */
@@ -191,18 +193,21 @@
191
193
  position: relative;
192
194
  z-index: 2;
193
195
  left: 0;
196
+ opacity: 1;
194
197
  }
195
198
  .ids-carousel .ids-carousel-item-wrapper.prev,
196
199
  .ids-carousel .ids-carousel-item-wrapper.next,
197
200
  .ids-carousel ::slotted(.ids-carousel-item-wrapper.prev),
198
201
  .ids-carousel ::slotted(.ids-carousel-item-wrapper.next) {
199
202
  z-index: 2;
203
+ opacity: 1;
200
204
  }
201
205
  .ids-carousel .ids-carousel-item-wrapper.prev,
202
206
  .ids-carousel .ids-carousel-item-wrapper.next,
203
207
  .ids-carousel ::slotted(.ids-carousel-item-wrapper.prev),
204
208
  .ids-carousel ::slotted(.ids-carousel-item-wrapper.next) {
205
209
  z-index: 2;
210
+ opacity: 1;
206
211
  }
207
212
  .ids-carousel .animating-right .ids-carousel-item-wrapper.prev,
208
213
  .ids-carousel .animating-right ::slotted(.ids-carousel-item-wrapper.prev) {
@@ -0,0 +1,2 @@
1
+ declare const _default: import("lit").CSSResult;
2
+ export default _default;
@@ -0,0 +1,9 @@
1
+ import { css, unsafeCSS } from 'lit';
2
+
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-datepicker .ids-datepicker__input-wrapper{position:relative}.ids-datepicker .ids-datepicker__input{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border:var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS);color:var(--IDS-FORM__COLOR);display:block;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;padding:var(--IDS-INPUT__PADDING)}.ids-datepicker .ids-datepicker__input::placeholder{color:var(--IDS-FORM__COLOR)}.ids-datepicker .ids-datepicker__input:hover{background-color:var(--IDS-INPUT__HOVER-BACKGROUND-COLOR)}.ids-datepicker .ids-datepicker__input:active{background-color:var(--IDS-INPUT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-datepicker .ids-datepicker__input:focus-visible,.ids-datepicker .ids-datepicker__input:focus-visible:hover{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-color:var(--IDS-INPUT__FOCUS-BORDER-COLOR)}.ids-datepicker .ids-datepicker__input:disabled,.ids-datepicker .ids-datepicker__input[readonly],.ids-datepicker .ids-datepicker__input[readonly]:focus-visible,.ids-datepicker .ids-datepicker__input[readonly]:focus-visible:hover{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-datepicker .ids-datepicker__input:disabled::placeholder,.ids-datepicker .ids-datepicker__input[readonly]::placeholder,.ids-datepicker .ids-datepicker__input[readonly]:focus-visible::placeholder,.ids-datepicker .ids-datepicker__input[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--invalid,.ids-datepicker .ids-datepicker__input[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER)}.ids-datepicker .ids-datepicker__input.ids-input--light{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light:hover{background-color:var(--IDS-INPUT--LIGHT__HOVER-BACKGROUND-COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light:active{background-color:var(--IDS-INPUT--LIGHT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light:focus-visible,.ids-datepicker .ids-datepicker__input.ids-input--light:focus-visible:hover{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light:disabled,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly],.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]:focus-visible,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]:focus-visible:hover{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-datepicker .ids-datepicker__input.ids-input--light:disabled::placeholder,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]::placeholder,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]:focus-visible::placeholder,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light.ids-input--invalid,.ids-datepicker .ids-datepicker__input.ids-input--light[aria-invalid=true]{background-color:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)}.ids-datepicker .ids-datepicker__input:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-datepicker .ids-datepicker__input{height:var(--IDS-INPUT__HEIGHT);padding-right:4.25rem;width:100%!important}.ids-datepicker.ids-datepicker--invalid .ids-datepicker__input{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER)}.ids-datepicker .ids-datepicker__trigger{background-color:var(--IDS-DATEPICKER__DATE-BUTTON-BACKGROUND-COLOR);border:.125rem solid transparent;color:var(--IDS-DATEPICKER__BUTTON-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE)}.ids-datepicker .ids-datepicker__trigger:hover{background-color:var(--IDS-DATEPICKER__BUTTON-HOVER-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-HOVER-BORDER-COLOR)}.ids-datepicker .ids-datepicker__trigger:hover,.ids-datepicker .ids-datepicker__trigger:hover:before{color:var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR)!important}.ids-datepicker .ids-datepicker__trigger:active,.ids-datepicker .ids-datepicker__trigger:active:hover{background-color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-ACTIVE-BORDER-COLOR);color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .ids-datepicker__trigger:active:before,.ids-datepicker .ids-datepicker__trigger:active:hover:before{color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .ids-datepicker__trigger:disabled,.ids-datepicker .ids-datepicker__trigger[aria-disabled=true],.ids-datepicker .ids-datepicker__trigger[disabled]{background-color:var(--IDS-DATEPICKER__BUTTON-DISABLED-BACKGROUND-COLOR)!important;border-color:transparent;color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important;font-weight:400;pointer-events:none}.ids-datepicker .ids-datepicker__trigger:disabled:before,.ids-datepicker .ids-datepicker__trigger[aria-disabled=true]:before,.ids-datepicker .ids-datepicker__trigger[disabled]:before{color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important}.ids-datepicker .ids-datepicker__trigger{background-color:var(--IDS-DATEPICKER__TRIGGER-BUTTON-BACKGROUND-COLOR);border-bottom-right-radius:var(--IDS-DATEPICKER__TRIGGER-BUTTON-BORDER-RADIUS);border-top-right-radius:var(--IDS-DATEPICKER__TRIGGER-BUTTON-BORDER-RADIUS);cursor:pointer;height:var(--IDS-INPUT__HEIGHT);position:absolute;right:0;top:0;width:3.25rem}.ids-datepicker .ids-datepicker__trigger:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__TRIGGER-BUTTON-COLOR);content:\"\\e944\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.ids-datepicker .ids-datepicker__trigger:disabled{border:.125rem solid var(--IDS-DATEPICKER__BUTTON-DISABLED-BORDER-COLOR)}.ids-datepicker .ids-datepicker__trigger:disabled:before{color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)}.ids-datepicker .ids-datepicker__dialog{background-color:var(--IDS-DATEPICKER-CALENDAR__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-DATEPICKER-CALENDAR__BORDER-COLOR);border-radius:var(--IDS-DATEPICKER__TRIGGER-BUTTON-BORDER-RADIUS);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);display:none;margin-top:.25rem;padding:1rem;position:absolute;right:0;top:var(--IDS-INPUT__HEIGHT)}.ids-datepicker .ids-datepicker__dialog.ids-datepicker__dialog--show{display:block}.ids-datepicker .ids-datepicker__dialog-bar{align-items:center;border-bottom:.0625rem solid var(--IDS-DATEPICKER-CALENDAR__BORDER-COLOR);display:flex;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.75rem}.ids-datepicker .ids-datepicker__dialog-bar .ids-datepicker__dialog-header{color:var(--IDS-DATEPICKER__MONTH-BUTTON-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:var(--IDS-DATEPICKER__MONTH-BUTTON-FONT-WEIGHT)}.ids-datepicker .ids-datepicker__dialog-bar .ids-datepicker__dialog-header:focus,.ids-datepicker .ids-datepicker__dialog-bar .ids-datepicker__dialog-header:focus-visible{outline:none}.ids-datepicker .ids-datepicker__dialog-close-button{align-items:center;background-color:var(--IDS-DATEPICKER-CALENDAR__BACKGROUND-COLOR);border-color:transparent;border-radius:100%;cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:700;height:2.5rem;height:2.25rem;justify-content:center;line-height:1.5rem;position:absolute;right:.5rem;top:.5rem;width:2.5rem;width:2.25rem}.ids-datepicker .ids-datepicker__dialog-close-button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);content:\"\\e934\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.ids-datepicker .rdp-dropdowns{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns{align-items:center;display:flex;gap:.5rem;justify-content:flex-start}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-dropdown_root{cursor:pointer;position:relative}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-dropdown_root:first-of-type{margin-right:.5rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns select.rdp-dropdown{background-color:var(--IDS-DATEPICKER__SELECT-BACKGROUND-COLOR);border-color:transparent;border-radius:.0625rem;cursor:pointer;padding:.125rem .25rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns select.rdp-dropdown:active{border-color:transparent}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns select.rdp-dropdown:disabled{pointer-events:none}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .ids-datepicker__month-select{width:7.25rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .ids-datepicker__year-select{width:4.5rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-caption_label{background-color:var(--IDS-DATEPICKER-CALENDAR__BACKGROUND-COLOR);color:var(--IDS-DATEPICKER__MONTH-BUTTON-COLOR);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:var(--IDS-DATEPICKER__MONTH-BUTTON-FONT-WEIGHT);left:.25rem;pointer-events:none;position:absolute;right:.25rem;text-transform:capitalize;top:.25rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-caption_label:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;pointer-events:none;position:absolute;right:.125rem;top:50%;transform:translateY(-50%)}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-caption_label svg{display:none}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns:has(select:disabled) .rdp-dropdown_root{cursor:default}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns:has(select:disabled) .rdp-caption_label{color:var(--IDS-DATEPICKER__SELECT-DISABLED-COLOR)!important;pointer-events:none}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns:has(select:disabled) .rdp-caption_label:before{color:var(--IDS-DATEPICKER__SELECT-DISABLED-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons{align-items:center;display:flex;gap:.5rem;justify-content:flex-end}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev{background-color:var(--IDS-DATEPICKER__DATE-BUTTON-BACKGROUND-COLOR);border:.125rem solid transparent;color:var(--IDS-DATEPICKER__BUTTON-COLOR);cursor:pointer}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:hover,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:hover{background-color:var(--IDS-DATEPICKER__BUTTON-HOVER-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-HOVER-BORDER-COLOR);color:var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:hover:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:hover:before{color:var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:active,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:active:hover,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:active,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:active:hover{background-color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-ACTIVE-BORDER-COLOR);color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:active:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:active:hover:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:active:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:active:hover:before{color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:disabled,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next[aria-disabled=true],.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next[disabled],.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:disabled,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev[aria-disabled=true],.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev[disabled]{background-color:var(--IDS-DATEPICKER__BUTTON-DISABLED-BACKGROUND-COLOR)!important;border-color:transparent;color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important;font-weight:400;pointer-events:none}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:disabled:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next[aria-disabled=true]:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next[disabled]:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:disabled:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev[aria-disabled=true]:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev[disabled]:before{color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev{align-items:center;border:.0625rem solid transparent;border-radius:100%;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:700;height:2.5rem;height:2.25rem;justify-content:center;line-height:1.5rem;padding:0;position:relative;width:2.5rem;width:2.25rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:before{content:\"\\e937\"}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:before{content:\"\\e938\"}.ids-datepicker .rdp-month_grid{margin-top:.75rem}.ids-datepicker .ids-datepicker__week-number-header,.ids-datepicker .rdp-week_number{color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.75rem;font-weight:400;padding-right:.25rem}.ids-datepicker .rdp-weekday{color:var(--IDS-DATEPICKER__MONTH-BUTTON-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.75rem;font-weight:var(--IDS-DATEPICKER__MONTH-BUTTON-FONT-WEIGHT);text-transform:uppercase}.ids-datepicker .rdp-day .rdp-day_button{background-color:var(--IDS-DATEPICKER__DATE-BUTTON-BACKGROUND-COLOR);border:.125rem solid transparent;color:var(--IDS-DATEPICKER__BUTTON-COLOR);cursor:pointer}.ids-datepicker .rdp-day .rdp-day_button:hover{background-color:var(--IDS-DATEPICKER__BUTTON-HOVER-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-HOVER-BORDER-COLOR)}.ids-datepicker .rdp-day .rdp-day_button:hover,.ids-datepicker .rdp-day .rdp-day_button:hover:before{color:var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR)!important}.ids-datepicker .rdp-day .rdp-day_button:active,.ids-datepicker .rdp-day .rdp-day_button:active:hover{background-color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-ACTIVE-BORDER-COLOR);color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .rdp-day .rdp-day_button:active:before,.ids-datepicker .rdp-day .rdp-day_button:active:hover:before{color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .rdp-day .rdp-day_button:disabled,.ids-datepicker .rdp-day .rdp-day_button[aria-disabled=true],.ids-datepicker .rdp-day .rdp-day_button[disabled]{background-color:var(--IDS-DATEPICKER__BUTTON-DISABLED-BACKGROUND-COLOR)!important;border-color:transparent;color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important;font-weight:400;pointer-events:none}.ids-datepicker .rdp-day .rdp-day_button:disabled:before,.ids-datepicker .rdp-day .rdp-day_button[aria-disabled=true]:before,.ids-datepicker .rdp-day .rdp-day_button[disabled]:before{color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important}.ids-datepicker .rdp-day .rdp-day_button{align-items:center;border-radius:100%;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:700;height:2.5rem;justify-content:center;justify-self:center;line-height:1.5rem;width:2.5rem}.ids-datepicker .rdp-day.rdp-today .rdp-day_button{border:.125rem solid var(--IDS-DATEPICKER__BUTTON-TODAY-BORDER-COLOR)}.ids-datepicker .rdp-day.rdp-today .rdp-day_button:hover{border-color:var(--IDS-DATEPICKER__BUTTON-TODAY-HOVER-BORDER-COLOR)}.ids-datepicker .rdp-day:focus-visible,.ids-datepicker .rdp-day[aria-focused=true]{border-radius:100%;outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR)}.ids-datepicker .rdp-day[aria-selected=true] .rdp-day_button{background-color:var(--IDS-DATEPICKER__BUTTON-SELECTED-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-SELECTED-BORDER-COLOR);color:var(--IDS-DATEPICKER__BUTTON-SELECTED-COLOR)}.ids-datepicker .rdp-day[aria-selected=true] .rdp-day_button:disabled{border-color:var(--IDS-DATEPICKER__BUTTON-DISABLED-BORDER-COLOR)!important}@media (max-width:640px){.ids-datepicker .ids-datepicker__overlay{background-color:var(--IDS-OVERLAY__BACKGROUND-COLOR);bottom:0;left:0;position:fixed;right:0;top:0;z-index:200}.ids-datepicker .ids-datepicker__dialog{border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:0;left:0;min-height:21rem!important;padding-left:1rem!important;padding-right:1rem!important;position:fixed;right:0;top:auto;z-index:210}.ids-datepicker .rdp-month_grid{table-layout:fixed;width:100%}}";
4
+
5
+ var datepickerLit = css`
6
+ ${unsafeCSS(css_248z)}
7
+ `;
8
+
9
+ export { datepickerLit as default };