@i-cell/ids-styles 0.0.51 → 0.0.53

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 (13) hide show
  1. package/dist/checkbox/checkbox.css +69 -3
  2. package/dist/checkbox/checkbox.min.css +1 -1
  3. package/dist/checkbox/checkbox.plugin.js +81 -3
  4. package/dist/components.css +165 -46
  5. package/dist/components.min.css +1 -1
  6. package/dist/components.plugin.js +129 -42
  7. package/dist/overlay-panel/overlay-panel.css +2 -2
  8. package/dist/overlay-panel/overlay-panel.min.css +1 -1
  9. package/dist/overlay-panel/overlay-panel.plugin.js +4 -2
  10. package/dist/side-nav/side-nav.css +94 -41
  11. package/dist/side-nav/side-nav.min.css +1 -1
  12. package/dist/side-nav/side-nav.plugin.js +44 -37
  13. package/package.json +1 -1
package/dist/side-nav/side-nav.css CHANGED
@@ -1,3 +1,31 @@
1
+ @keyframes expand-submenu {
2
+ 0% {
3
+ overflow: hidden;
4
+ visibility: hidden;
5
+ }
6
+ 99% {
7
+ overflow: hidden;
8
+ visibility: visible;
9
+ }
10
+ 100% {
11
+ overflow: visible;
12
+ visibility: visible;
13
+ }
14
+ }
15
+ @keyframes collapse-submenu {
16
+ 0% {
17
+ overflow: visible;
18
+ visibility: visible;
19
+ }
20
+ 99% {
21
+ overflow: hidden;
22
+ visibility: visible;
23
+ }
24
+ 100% {
25
+ overflow: hidden;
26
+ visibility: hidden;
27
+ }
28
+ }
1
29
  .ids-side-nav {
2
30
  box-sizing: border-box;
3
31
  border-width: 0;
@@ -32,11 +60,12 @@
32
60
  max-height: 0;
33
61
  opacity: 0;
34
62
  transition: all 300ms ease-out;
63
+ animation: collapse-submenu 0.3s forwards;
35
64
  }
36
65
  .ids-side-nav .ids-side-nav-item.ids-side-nav-item-expandable .ids-side-nav-item-expandable-submenu.expanded {
37
- max-height: 10000px;
38
66
  opacity: 1;
39
67
  transition: all 300ms ease-in;
68
+ animation: expand-submenu 0.3s forwards;
40
69
  }
41
70
  .ids-side-nav .ids-side-nav-item.ids-side-nav-item-expandable .ids-side-nav-item-expandable-summary > button[idsIconButton] {
42
71
  margin-left: auto;
@@ -106,11 +135,6 @@
106
135
  letter-spacing: var(--ids-comp-sidenav-section-title-typography-letter-spacing-compact);
107
136
  line-height: var(--ids-comp-sidenav-section-title-typography-line-height-compact);
108
137
  }
109
- .ids-side-nav.ids-side-nav-compact .ids-side-nav-item {
110
- --submenu-outline-compensation: calc(
111
- var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-size-outline-compact) + 2px
112
- );
113
- }
114
138
  .ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-single {
115
139
  border-radius: var(--ids-comp-sidenav-navitem-single-size-border-radius-compact);
116
140
  border-width: var(--ids-comp-sidenav-navitem-single-size-border-width-compact);
@@ -173,17 +197,28 @@
173
197
  left: calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-compact) * -1);
174
198
  margin-right: calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-compact) * -1);
175
199
  }
176
- .ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-submenu {
177
- margin: calc(var(--submenu-outline-compensation) * -1);
200
+ .ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-submenu.expanded {
201
+ --submenu-item-height: calc(
202
+ max(
203
+ var(--ids-comp-sidenav-navitem-single-size-height-compact),
204
+ var(--ids-comp-sidenav-navitem-expandable-summary-size-height-compact)
205
+ ) +
206
+ var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-compact) +
207
+ var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-compact) +
208
+ calc(var(--ids-comp-sidenav-navitem-expandable-submenu-gap-compact) * var(--submenu-items-count))
209
+ );
210
+ max-height: calc(var(--submenu-items-count) * var(--submenu-item-height));
178
211
  gap: var(--ids-comp-sidenav-navitem-expandable-submenu-gap-compact);
179
- padding: calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-compact) + var(--submenu-outline-compensation)) calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-compact) + var(--submenu-outline-compensation)) calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-compact) + var(--submenu-outline-compensation)) calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-compact) + var(--submenu-outline-compensation));
212
+ padding: var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-compact) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-compact) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-compact) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-compact);
180
213
  }
181
214
  .ids-side-nav.ids-side-nav-compact .ids-side-nav-item.ids-side-nav-item-expandable {
182
- gap: var(--ids-comp-sidenav-navitem-expandable-size-gap-compact);
183
215
  padding: var(--ids-comp-sidenav-navitem-expandable-size-padding-y-compact) var(--ids-comp-sidenav-navitem-expandable-size-padding-x-compact);
184
216
  }
217
+ .ids-side-nav.ids-side-nav-compact .ids-side-nav-item.ids-side-nav-item-expandable:has(.ids-side-nav-item-expandable-submenu.expanded) {
218
+ gap: var(--ids-comp-sidenav-navitem-expandable-size-gap-compact);
219
+ }
185
220
  .ids-side-nav.ids-side-nav-compact .ids-side-nav-item.ids-side-nav-item-expandable:has(.ids-side-nav-item-expandable-summary > .ids-icon[icon-leading]) .ids-side-nav-item-expandable-submenu {
186
- padding-left: calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-compact) + var(--ids-comp-sidenav-navitem-expandable-submenu-indent-width-compact) + var(--submenu-outline-compensation));
221
+ padding-left: calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-compact) + var(--ids-comp-sidenav-navitem-expandable-submenu-indent-width-compact));
187
222
  }
188
223
  .ids-side-nav.ids-side-nav-compact .ids-side-nav-title + .ids-side-nav-item {
189
224
  margin-top: var(--ids-comp-sidenav-section-size-gap-compact);
@@ -215,11 +250,6 @@
215
250
  letter-spacing: var(--ids-comp-sidenav-section-title-typography-letter-spacing-comfortable);
216
251
  line-height: var(--ids-comp-sidenav-section-title-typography-line-height-comfortable);
217
252
  }
218
- .ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item {
219
- --submenu-outline-compensation: calc(
220
- var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-size-outline-comfortable) + 2px
221
- );
222
- }
223
253
  .ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-single {
224
254
  border-radius: var(--ids-comp-sidenav-navitem-single-size-border-radius-comfortable);
225
255
  border-width: var(--ids-comp-sidenav-navitem-single-size-border-width-comfortable);
@@ -282,17 +312,28 @@
282
312
  left: calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-comfortable) * -1);
283
313
  margin-right: calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-comfortable) * -1);
284
314
  }
285
- .ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-submenu {
286
- margin: calc(var(--submenu-outline-compensation) * -1);
315
+ .ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-submenu.expanded {
316
+ --submenu-item-height: calc(
317
+ max(
318
+ var(--ids-comp-sidenav-navitem-single-size-height-comfortable),
319
+ var(--ids-comp-sidenav-navitem-expandable-summary-size-height-comfortable)
320
+ ) +
321
+ var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-comfortable) +
322
+ var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-comfortable) +
323
+ calc(var(--ids-comp-sidenav-navitem-expandable-submenu-gap-comfortable) * var(--submenu-items-count))
324
+ );
325
+ max-height: calc(var(--submenu-items-count) * var(--submenu-item-height));
287
326
  gap: var(--ids-comp-sidenav-navitem-expandable-submenu-gap-comfortable);
288
- padding: calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-comfortable) + var(--submenu-outline-compensation)) calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-comfortable) + var(--submenu-outline-compensation)) calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-comfortable) + var(--submenu-outline-compensation)) calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-comfortable) + var(--submenu-outline-compensation));
327
+ padding: var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-comfortable) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-comfortable) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-comfortable) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-comfortable);
289
328
  }
290
329
  .ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item.ids-side-nav-item-expandable {
291
- gap: var(--ids-comp-sidenav-navitem-expandable-size-gap-comfortable);
292
330
  padding: var(--ids-comp-sidenav-navitem-expandable-size-padding-y-comfortable) var(--ids-comp-sidenav-navitem-expandable-size-padding-x-comfortable);
293
331
  }
332
+ .ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item.ids-side-nav-item-expandable:has(.ids-side-nav-item-expandable-submenu.expanded) {
333
+ gap: var(--ids-comp-sidenav-navitem-expandable-size-gap-comfortable);
334
+ }
294
335
  .ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item.ids-side-nav-item-expandable:has(.ids-side-nav-item-expandable-summary > .ids-icon[icon-leading]) .ids-side-nav-item-expandable-submenu {
295
- padding-left: calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-comfortable) + var(--ids-comp-sidenav-navitem-expandable-submenu-indent-width-comfortable) + var(--submenu-outline-compensation));
336
+ padding-left: calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-comfortable) + var(--ids-comp-sidenav-navitem-expandable-submenu-indent-width-comfortable));
296
337
  }
297
338
  .ids-side-nav.ids-side-nav-comfortable .ids-side-nav-title + .ids-side-nav-item {
298
339
  margin-top: var(--ids-comp-sidenav-section-size-gap-comfortable);
@@ -324,11 +365,6 @@
324
365
  letter-spacing: var(--ids-comp-sidenav-section-title-typography-letter-spacing-spacious);
325
366
  line-height: var(--ids-comp-sidenav-section-title-typography-line-height-spacious);
326
367
  }
327
- .ids-side-nav.ids-side-nav-spacious .ids-side-nav-item {
328
- --submenu-outline-compensation: calc(
329
- var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-size-outline-spacious) + 2px
330
- );
331
- }
332
368
  .ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-single {
333
369
  border-radius: var(--ids-comp-sidenav-navitem-single-size-border-radius-spacious);
334
370
  border-width: var(--ids-comp-sidenav-navitem-single-size-border-width-spacious);
@@ -391,17 +427,28 @@
391
427
  left: calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-spacious) * -1);
392
428
  margin-right: calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-spacious) * -1);
393
429
  }
394
- .ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-submenu {
395
- margin: calc(var(--submenu-outline-compensation) * -1);
430
+ .ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-submenu.expanded {
431
+ --submenu-item-height: calc(
432
+ max(
433
+ var(--ids-comp-sidenav-navitem-single-size-height-spacious),
434
+ var(--ids-comp-sidenav-navitem-expandable-summary-size-height-spacious)
435
+ ) +
436
+ var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-spacious) +
437
+ var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-spacious) +
438
+ calc(var(--ids-comp-sidenav-navitem-expandable-submenu-gap-spacious) * var(--submenu-items-count))
439
+ );
440
+ max-height: calc(var(--submenu-items-count) * var(--submenu-item-height));
396
441
  gap: var(--ids-comp-sidenav-navitem-expandable-submenu-gap-spacious);
397
- padding: calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-spacious) + var(--submenu-outline-compensation)) calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-spacious) + var(--submenu-outline-compensation)) calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-spacious) + var(--submenu-outline-compensation)) calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-spacious) + var(--submenu-outline-compensation));
442
+ padding: var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-spacious) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-spacious) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-spacious) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-spacious);
398
443
  }
399
444
  .ids-side-nav.ids-side-nav-spacious .ids-side-nav-item.ids-side-nav-item-expandable {
400
- gap: var(--ids-comp-sidenav-navitem-expandable-size-gap-spacious);
401
445
  padding: var(--ids-comp-sidenav-navitem-expandable-size-padding-y-spacious) var(--ids-comp-sidenav-navitem-expandable-size-padding-x-spacious);
402
446
  }
447
+ .ids-side-nav.ids-side-nav-spacious .ids-side-nav-item.ids-side-nav-item-expandable:has(.ids-side-nav-item-expandable-submenu.expanded) {
448
+ gap: var(--ids-comp-sidenav-navitem-expandable-size-gap-spacious);
449
+ }
403
450
  .ids-side-nav.ids-side-nav-spacious .ids-side-nav-item.ids-side-nav-item-expandable:has(.ids-side-nav-item-expandable-summary > .ids-icon[icon-leading]) .ids-side-nav-item-expandable-submenu {
404
- padding-left: calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-spacious) + var(--ids-comp-sidenav-navitem-expandable-submenu-indent-width-spacious) + var(--submenu-outline-compensation));
451
+ padding-left: calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-spacious) + var(--ids-comp-sidenav-navitem-expandable-submenu-indent-width-spacious));
405
452
  }
406
453
  .ids-side-nav.ids-side-nav-spacious .ids-side-nav-title + .ids-side-nav-item {
407
454
  margin-top: var(--ids-comp-sidenav-section-size-gap-spacious);
@@ -433,11 +480,6 @@
433
480
  letter-spacing: var(--ids-comp-sidenav-section-title-typography-letter-spacing-dense);
434
481
  line-height: var(--ids-comp-sidenav-section-title-typography-line-height-dense);
435
482
  }
436
- .ids-side-nav.ids-side-nav-dense .ids-side-nav-item {
437
- --submenu-outline-compensation: calc(
438
- var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-size-outline-dense) + 2px
439
- );
440
- }
441
483
  .ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-single {
442
484
  border-radius: var(--ids-comp-sidenav-navitem-single-size-border-radius-dense);
443
485
  border-width: var(--ids-comp-sidenav-navitem-single-size-border-width-dense);
@@ -500,17 +542,28 @@
500
542
  left: calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-dense) * -1);
501
543
  margin-right: calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-dense) * -1);
502
544
  }
503
- .ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-submenu {
504
- margin: calc(var(--submenu-outline-compensation) * -1);
545
+ .ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-submenu.expanded {
546
+ --submenu-item-height: calc(
547
+ max(
548
+ var(--ids-comp-sidenav-navitem-single-size-height-dense),
549
+ var(--ids-comp-sidenav-navitem-expandable-summary-size-height-dense)
550
+ ) +
551
+ var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-dense) +
552
+ var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-dense) +
553
+ calc(var(--ids-comp-sidenav-navitem-expandable-submenu-gap-dense) * var(--submenu-items-count))
554
+ );
555
+ max-height: calc(var(--submenu-items-count) * var(--submenu-item-height));
505
556
  gap: var(--ids-comp-sidenav-navitem-expandable-submenu-gap-dense);
506
- padding: calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-dense) + var(--submenu-outline-compensation)) calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-dense) + var(--submenu-outline-compensation)) calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-dense) + var(--submenu-outline-compensation)) calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-dense) + var(--submenu-outline-compensation));
557
+ padding: var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-dense) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-dense) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-dense) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-dense);
507
558
  }
508
559
  .ids-side-nav.ids-side-nav-dense .ids-side-nav-item.ids-side-nav-item-expandable {
509
- gap: var(--ids-comp-sidenav-navitem-expandable-size-gap-dense);
510
560
  padding: var(--ids-comp-sidenav-navitem-expandable-size-padding-y-dense) var(--ids-comp-sidenav-navitem-expandable-size-padding-x-dense);
511
561
  }
562
+ .ids-side-nav.ids-side-nav-dense .ids-side-nav-item.ids-side-nav-item-expandable:has(.ids-side-nav-item-expandable-submenu.expanded) {
563
+ gap: var(--ids-comp-sidenav-navitem-expandable-size-gap-dense);
564
+ }
512
565
  .ids-side-nav.ids-side-nav-dense .ids-side-nav-item.ids-side-nav-item-expandable:has(.ids-side-nav-item-expandable-summary > .ids-icon[icon-leading]) .ids-side-nav-item-expandable-submenu {
513
- padding-left: calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-dense) + var(--ids-comp-sidenav-navitem-expandable-submenu-indent-width-dense) + var(--submenu-outline-compensation));
566
+ padding-left: calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-dense) + var(--ids-comp-sidenav-navitem-expandable-submenu-indent-width-dense));
514
567
  }
515
568
  .ids-side-nav.ids-side-nav-dense .ids-side-nav-title + .ids-side-nav-item {
516
569
  margin-top: var(--ids-comp-sidenav-section-size-gap-dense);
package/dist/side-nav/side-nav.min.css CHANGED
@@ -1 +1 @@
1
- .ids-side-nav{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;background-color:var(--ids-comp-sidenav-color-bg-surface-default);display:flex;flex-direction:column}.ids-side-nav::before,.ids-side-nav::after,.ids-side-nav *,.ids-side-nav ::before,.ids-side-nav ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-side-nav .ids-side-nav-section{display:flex;flex-direction:column;border-style:solid;background-color:var(--ids-comp-sidenav-section-color-bg-surface-default);border-color:var(--ids-comp-sidenav-section-color-border-surface-default)}.ids-side-nav .ids-side-nav-item.ids-side-nav-item-expandable{display:flex;flex-direction:column}.ids-side-nav .ids-side-nav-item.ids-side-nav-item-expandable .ids-side-nav-item-expandable-submenu{display:flex;flex-direction:column;overflow:hidden;max-height:0;opacity:0;transition:all 300ms ease-out}.ids-side-nav .ids-side-nav-item.ids-side-nav-item-expandable .ids-side-nav-item-expandable-submenu.expanded{max-height:10000px;opacity:1;transition:all 300ms ease-in}.ids-side-nav .ids-side-nav-item.ids-side-nav-item-expandable .ids-side-nav-item-expandable-summary>button[idsIconButton]{margin-left:auto}.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary{display:inline-flex;align-items:center;width:100%;outline-offset:2px;border-style:solid}.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single a:link,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single a:visited,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary a:link,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary a:visited{text-decoration:none}.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single a:active,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary a:active{outline-style:none}.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single:not([disabled]),.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary:not([disabled]){cursor:pointer}.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single:is([disabled]),.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([disabled]){cursor:not-allowed;outline-style:none}.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before{content:"";position:relative;top:0}.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single:focus,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single:focus-visible,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible{outline-style:solid}.ids-side-nav .ids-side-nav-title{display:inline-flex;align-items:center}.ids-side-nav.ids-side-nav-compact{gap:var(--ids-comp-sidenav-size-gap-compact);padding:var(--ids-comp-sidenav-size-padding-y-compact) var(--ids-comp-sidenav-size-padding-x-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-section{gap:var(--ids-comp-sidenav-section-size-gap-compact);border-radius:var(--ids-comp-sidenav-section-size-border-radius-compact);border-width:var(--ids-comp-sidenav-section-size-border-width-compact);padding:var(--ids-comp-sidenav-section-size-padding-y-compact) var(--ids-comp-sidenav-section-size-padding-x-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-section:has(.ids-side-nav-item>*>.ids-side-nav-item-label){min-width:var(--ids-comp-sidenav-section-size-min-width-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-title{gap:var(--ids-comp-sidenav-section-title-size-gap-compact);padding:var(--ids-comp-sidenav-section-title-size-padding-y-compact) var(--ids-comp-sidenav-section-title-size-padding-x-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-title-label{font-family:var(--ids-comp-sidenav-section-title-typography-font-family-compact);font-size:var(--ids-comp-sidenav-section-title-typography-font-size-compact);font-weight:var(--ids-comp-sidenav-section-title-typography-font-weight-compact);letter-spacing:var(--ids-comp-sidenav-section-title-typography-letter-spacing-compact);line-height:var(--ids-comp-sidenav-section-title-typography-line-height-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item{--submenu-outline-compensation: calc( var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-size-outline-compact) + 2px )}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-single{border-radius:var(--ids-comp-sidenav-navitem-single-size-border-radius-compact);border-width:var(--ids-comp-sidenav-navitem-single-size-border-width-compact);gap:var(--ids-comp-sidenav-navitem-single-size-gap-compact);height:var(--ids-comp-sidenav-navitem-single-size-height-compact);padding:var(--ids-comp-sidenav-navitem-single-size-padding-y-compact) var(--ids-comp-sidenav-navitem-single-size-padding-x-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-single:focus,.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-single:focus-visible{outline-width:var(--ids-comp-sidenav-navitem-single-focused-outline-size-outline-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-single>.ids-icon{height:var(--ids-comp-sidenav-navitem-single-size-icon-compact);width:var(--ids-comp-sidenav-navitem-single-size-icon-compact);font-size:var(--ids-comp-sidenav-navitem-single-icon-typography-font-size-compact);font-weight:var(--ids-comp-sidenav-navitem-single-icon-typography-font-weight-compact);line-height:var(--ids-comp-sidenav-navitem-single-icon-typography-line-height-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-single .ids-side-nav-item-label{font-family:var(--ids-comp-sidenav-navitem-single-label-typography-font-family-compact);font-size:var(--ids-comp-sidenav-navitem-single-label-typography-font-size-compact);font-weight:var(--ids-comp-sidenav-navitem-single-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-sidenav-navitem-single-label-typography-letter-spacing-compact);line-height:var(--ids-comp-sidenav-navitem-single-label-typography-line-height-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before{height:var(--ids-comp-sidenav-navitem-single-active-indicator-size-height-compact);width:var(--ids-comp-sidenav-navitem-single-active-indicator-size-width-compact);border-radius:var(--ids-comp-sidenav-navitem-single-active-indicator-size-border-radius-compact);left:calc(var(--ids-comp-sidenav-navitem-single-size-padding-x-compact)*-1);margin-right:calc(var(--ids-comp-sidenav-navitem-single-size-gap-compact)*-1)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-summary{border-radius:var(--ids-comp-sidenav-navitem-expandable-summary-size-border-radius-compact);border-width:var(--ids-comp-sidenav-navitem-expandable-summary-size-border-width-compact);gap:var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-compact);height:var(--ids-comp-sidenav-navitem-expandable-summary-size-height-compact);padding:var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-y-compact) var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus,.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible{outline-width:var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-size-outline-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-summary>.ids-icon{height:var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-compact);width:var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-compact);font-size:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-size-compact);font-weight:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-weight-compact);line-height:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-line-height-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-summary .ids-side-nav-item-label{font-family:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-family-compact);font-size:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-size-compact);font-weight:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-letter-spacing-compact);line-height:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-line-height-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before{height:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-height-compact);width:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-width-compact);border-radius:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-border-radius-compact);left:calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-compact)*-1);margin-right:calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-compact)*-1)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-submenu{margin:calc(var(--submenu-outline-compensation)*-1);gap:var(--ids-comp-sidenav-navitem-expandable-submenu-gap-compact);padding:calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-compact) + var(--submenu-outline-compensation)) calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-compact) + var(--submenu-outline-compensation)) calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-compact) + var(--submenu-outline-compensation)) calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-compact) + var(--submenu-outline-compensation))}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item.ids-side-nav-item-expandable{gap:var(--ids-comp-sidenav-navitem-expandable-size-gap-compact);padding:var(--ids-comp-sidenav-navitem-expandable-size-padding-y-compact) var(--ids-comp-sidenav-navitem-expandable-size-padding-x-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item.ids-side-nav-item-expandable:has(.ids-side-nav-item-expandable-summary>.ids-icon[icon-leading]) .ids-side-nav-item-expandable-submenu{padding-left:calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-compact) + var(--ids-comp-sidenav-navitem-expandable-submenu-indent-width-compact) + var(--submenu-outline-compensation))}.ids-side-nav.ids-side-nav-compact .ids-side-nav-title+.ids-side-nav-item{margin-top:var(--ids-comp-sidenav-section-size-gap-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item+.ids-side-nav-item{margin-top:var(--ids-comp-sidenav-section-list-size-gap-compact)}.ids-side-nav.ids-side-nav-comfortable{gap:var(--ids-comp-sidenav-size-gap-comfortable);padding:var(--ids-comp-sidenav-size-padding-y-comfortable) var(--ids-comp-sidenav-size-padding-x-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-section{gap:var(--ids-comp-sidenav-section-size-gap-comfortable);border-radius:var(--ids-comp-sidenav-section-size-border-radius-comfortable);border-width:var(--ids-comp-sidenav-section-size-border-width-comfortable);padding:var(--ids-comp-sidenav-section-size-padding-y-comfortable) var(--ids-comp-sidenav-section-size-padding-x-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-section:has(.ids-side-nav-item>*>.ids-side-nav-item-label){min-width:var(--ids-comp-sidenav-section-size-min-width-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-title{gap:var(--ids-comp-sidenav-section-title-size-gap-comfortable);padding:var(--ids-comp-sidenav-section-title-size-padding-y-comfortable) var(--ids-comp-sidenav-section-title-size-padding-x-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-title-label{font-family:var(--ids-comp-sidenav-section-title-typography-font-family-comfortable);font-size:var(--ids-comp-sidenav-section-title-typography-font-size-comfortable);font-weight:var(--ids-comp-sidenav-section-title-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-sidenav-section-title-typography-letter-spacing-comfortable);line-height:var(--ids-comp-sidenav-section-title-typography-line-height-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item{--submenu-outline-compensation: calc( var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-size-outline-comfortable) + 2px )}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-single{border-radius:var(--ids-comp-sidenav-navitem-single-size-border-radius-comfortable);border-width:var(--ids-comp-sidenav-navitem-single-size-border-width-comfortable);gap:var(--ids-comp-sidenav-navitem-single-size-gap-comfortable);height:var(--ids-comp-sidenav-navitem-single-size-height-comfortable);padding:var(--ids-comp-sidenav-navitem-single-size-padding-y-comfortable) var(--ids-comp-sidenav-navitem-single-size-padding-x-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-single:focus,.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-single:focus-visible{outline-width:var(--ids-comp-sidenav-navitem-single-focused-outline-size-outline-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-single>.ids-icon{height:var(--ids-comp-sidenav-navitem-single-size-icon-comfortable);width:var(--ids-comp-sidenav-navitem-single-size-icon-comfortable);font-size:var(--ids-comp-sidenav-navitem-single-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-sidenav-navitem-single-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-sidenav-navitem-single-icon-typography-line-height-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-single .ids-side-nav-item-label{font-family:var(--ids-comp-sidenav-navitem-single-label-typography-font-family-comfortable);font-size:var(--ids-comp-sidenav-navitem-single-label-typography-font-size-comfortable);font-weight:var(--ids-comp-sidenav-navitem-single-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-sidenav-navitem-single-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-sidenav-navitem-single-label-typography-line-height-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before{height:var(--ids-comp-sidenav-navitem-single-active-indicator-size-height-comfortable);width:var(--ids-comp-sidenav-navitem-single-active-indicator-size-width-comfortable);border-radius:var(--ids-comp-sidenav-navitem-single-active-indicator-size-border-radius-comfortable);left:calc(var(--ids-comp-sidenav-navitem-single-size-padding-x-comfortable)*-1);margin-right:calc(var(--ids-comp-sidenav-navitem-single-size-gap-comfortable)*-1)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-summary{border-radius:var(--ids-comp-sidenav-navitem-expandable-summary-size-border-radius-comfortable);border-width:var(--ids-comp-sidenav-navitem-expandable-summary-size-border-width-comfortable);gap:var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-comfortable);height:var(--ids-comp-sidenav-navitem-expandable-summary-size-height-comfortable);padding:var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-y-comfortable) var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus,.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible{outline-width:var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-size-outline-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-summary>.ids-icon{height:var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-comfortable);width:var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-comfortable);font-size:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-line-height-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-summary .ids-side-nav-item-label{font-family:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-family-comfortable);font-size:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-size-comfortable);font-weight:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-line-height-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before{height:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-height-comfortable);width:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-width-comfortable);border-radius:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-border-radius-comfortable);left:calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-comfortable)*-1);margin-right:calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-comfortable)*-1)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-submenu{margin:calc(var(--submenu-outline-compensation)*-1);gap:var(--ids-comp-sidenav-navitem-expandable-submenu-gap-comfortable);padding:calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-comfortable) + var(--submenu-outline-compensation)) calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-comfortable) + var(--submenu-outline-compensation)) calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-comfortable) + var(--submenu-outline-compensation)) calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-comfortable) + var(--submenu-outline-compensation))}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item.ids-side-nav-item-expandable{gap:var(--ids-comp-sidenav-navitem-expandable-size-gap-comfortable);padding:var(--ids-comp-sidenav-navitem-expandable-size-padding-y-comfortable) var(--ids-comp-sidenav-navitem-expandable-size-padding-x-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item.ids-side-nav-item-expandable:has(.ids-side-nav-item-expandable-summary>.ids-icon[icon-leading]) .ids-side-nav-item-expandable-submenu{padding-left:calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-comfortable) + var(--ids-comp-sidenav-navitem-expandable-submenu-indent-width-comfortable) + var(--submenu-outline-compensation))}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-title+.ids-side-nav-item{margin-top:var(--ids-comp-sidenav-section-size-gap-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item+.ids-side-nav-item{margin-top:var(--ids-comp-sidenav-section-list-size-gap-comfortable)}.ids-side-nav.ids-side-nav-spacious{gap:var(--ids-comp-sidenav-size-gap-spacious);padding:var(--ids-comp-sidenav-size-padding-y-spacious) var(--ids-comp-sidenav-size-padding-x-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-section{gap:var(--ids-comp-sidenav-section-size-gap-spacious);border-radius:var(--ids-comp-sidenav-section-size-border-radius-spacious);border-width:var(--ids-comp-sidenav-section-size-border-width-spacious);padding:var(--ids-comp-sidenav-section-size-padding-y-spacious) var(--ids-comp-sidenav-section-size-padding-x-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-section:has(.ids-side-nav-item>*>.ids-side-nav-item-label){min-width:var(--ids-comp-sidenav-section-size-min-width-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-title{gap:var(--ids-comp-sidenav-section-title-size-gap-spacious);padding:var(--ids-comp-sidenav-section-title-size-padding-y-spacious) var(--ids-comp-sidenav-section-title-size-padding-x-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-title-label{font-family:var(--ids-comp-sidenav-section-title-typography-font-family-spacious);font-size:var(--ids-comp-sidenav-section-title-typography-font-size-spacious);font-weight:var(--ids-comp-sidenav-section-title-typography-font-weight-spacious);letter-spacing:var(--ids-comp-sidenav-section-title-typography-letter-spacing-spacious);line-height:var(--ids-comp-sidenav-section-title-typography-line-height-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item{--submenu-outline-compensation: calc( var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-size-outline-spacious) + 2px )}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-single{border-radius:var(--ids-comp-sidenav-navitem-single-size-border-radius-spacious);border-width:var(--ids-comp-sidenav-navitem-single-size-border-width-spacious);gap:var(--ids-comp-sidenav-navitem-single-size-gap-spacious);height:var(--ids-comp-sidenav-navitem-single-size-height-spacious);padding:var(--ids-comp-sidenav-navitem-single-size-padding-y-spacious) var(--ids-comp-sidenav-navitem-single-size-padding-x-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-single:focus,.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-single:focus-visible{outline-width:var(--ids-comp-sidenav-navitem-single-focused-outline-size-outline-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-single>.ids-icon{height:var(--ids-comp-sidenav-navitem-single-size-icon-spacious);width:var(--ids-comp-sidenav-navitem-single-size-icon-spacious);font-size:var(--ids-comp-sidenav-navitem-single-icon-typography-font-size-spacious);font-weight:var(--ids-comp-sidenav-navitem-single-icon-typography-font-weight-spacious);line-height:var(--ids-comp-sidenav-navitem-single-icon-typography-line-height-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-single .ids-side-nav-item-label{font-family:var(--ids-comp-sidenav-navitem-single-label-typography-font-family-spacious);font-size:var(--ids-comp-sidenav-navitem-single-label-typography-font-size-spacious);font-weight:var(--ids-comp-sidenav-navitem-single-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-sidenav-navitem-single-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-sidenav-navitem-single-label-typography-line-height-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before{height:var(--ids-comp-sidenav-navitem-single-active-indicator-size-height-spacious);width:var(--ids-comp-sidenav-navitem-single-active-indicator-size-width-spacious);border-radius:var(--ids-comp-sidenav-navitem-single-active-indicator-size-border-radius-spacious);left:calc(var(--ids-comp-sidenav-navitem-single-size-padding-x-spacious)*-1);margin-right:calc(var(--ids-comp-sidenav-navitem-single-size-gap-spacious)*-1)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-summary{border-radius:var(--ids-comp-sidenav-navitem-expandable-summary-size-border-radius-spacious);border-width:var(--ids-comp-sidenav-navitem-expandable-summary-size-border-width-spacious);gap:var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-spacious);height:var(--ids-comp-sidenav-navitem-expandable-summary-size-height-spacious);padding:var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-y-spacious) var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus,.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible{outline-width:var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-size-outline-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-summary>.ids-icon{height:var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-spacious);width:var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-spacious);font-size:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-size-spacious);font-weight:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-weight-spacious);line-height:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-line-height-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-summary .ids-side-nav-item-label{font-family:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-family-spacious);font-size:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-size-spacious);font-weight:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-line-height-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before{height:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-height-spacious);width:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-width-spacious);border-radius:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-border-radius-spacious);left:calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-spacious)*-1);margin-right:calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-spacious)*-1)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-submenu{margin:calc(var(--submenu-outline-compensation)*-1);gap:var(--ids-comp-sidenav-navitem-expandable-submenu-gap-spacious);padding:calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-spacious) + var(--submenu-outline-compensation)) calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-spacious) + var(--submenu-outline-compensation)) calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-spacious) + var(--submenu-outline-compensation)) calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-spacious) + var(--submenu-outline-compensation))}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item.ids-side-nav-item-expandable{gap:var(--ids-comp-sidenav-navitem-expandable-size-gap-spacious);padding:var(--ids-comp-sidenav-navitem-expandable-size-padding-y-spacious) var(--ids-comp-sidenav-navitem-expandable-size-padding-x-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item.ids-side-nav-item-expandable:has(.ids-side-nav-item-expandable-summary>.ids-icon[icon-leading]) .ids-side-nav-item-expandable-submenu{padding-left:calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-spacious) + var(--ids-comp-sidenav-navitem-expandable-submenu-indent-width-spacious) + var(--submenu-outline-compensation))}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-title+.ids-side-nav-item{margin-top:var(--ids-comp-sidenav-section-size-gap-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item+.ids-side-nav-item{margin-top:var(--ids-comp-sidenav-section-list-size-gap-spacious)}.ids-side-nav.ids-side-nav-dense{gap:var(--ids-comp-sidenav-size-gap-dense);padding:var(--ids-comp-sidenav-size-padding-y-dense) var(--ids-comp-sidenav-size-padding-x-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-section{gap:var(--ids-comp-sidenav-section-size-gap-dense);border-radius:var(--ids-comp-sidenav-section-size-border-radius-dense);border-width:var(--ids-comp-sidenav-section-size-border-width-dense);padding:var(--ids-comp-sidenav-section-size-padding-y-dense) var(--ids-comp-sidenav-section-size-padding-x-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-section:has(.ids-side-nav-item>*>.ids-side-nav-item-label){min-width:var(--ids-comp-sidenav-section-size-min-width-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-title{gap:var(--ids-comp-sidenav-section-title-size-gap-dense);padding:var(--ids-comp-sidenav-section-title-size-padding-y-dense) var(--ids-comp-sidenav-section-title-size-padding-x-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-title-label{font-family:var(--ids-comp-sidenav-section-title-typography-font-family-dense);font-size:var(--ids-comp-sidenav-section-title-typography-font-size-dense);font-weight:var(--ids-comp-sidenav-section-title-typography-font-weight-dense);letter-spacing:var(--ids-comp-sidenav-section-title-typography-letter-spacing-dense);line-height:var(--ids-comp-sidenav-section-title-typography-line-height-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item{--submenu-outline-compensation: calc( var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-size-outline-dense) + 2px )}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-single{border-radius:var(--ids-comp-sidenav-navitem-single-size-border-radius-dense);border-width:var(--ids-comp-sidenav-navitem-single-size-border-width-dense);gap:var(--ids-comp-sidenav-navitem-single-size-gap-dense);height:var(--ids-comp-sidenav-navitem-single-size-height-dense);padding:var(--ids-comp-sidenav-navitem-single-size-padding-y-dense) var(--ids-comp-sidenav-navitem-single-size-padding-x-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-single:focus,.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-single:focus-visible{outline-width:var(--ids-comp-sidenav-navitem-single-focused-outline-size-outline-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-single>.ids-icon{height:var(--ids-comp-sidenav-navitem-single-size-icon-dense);width:var(--ids-comp-sidenav-navitem-single-size-icon-dense);font-size:var(--ids-comp-sidenav-navitem-single-icon-typography-font-size-dense);font-weight:var(--ids-comp-sidenav-navitem-single-icon-typography-font-weight-dense);line-height:var(--ids-comp-sidenav-navitem-single-icon-typography-line-height-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-single .ids-side-nav-item-label{font-family:var(--ids-comp-sidenav-navitem-single-label-typography-font-family-dense);font-size:var(--ids-comp-sidenav-navitem-single-label-typography-font-size-dense);font-weight:var(--ids-comp-sidenav-navitem-single-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-sidenav-navitem-single-label-typography-letter-spacing-dense);line-height:var(--ids-comp-sidenav-navitem-single-label-typography-line-height-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before{height:var(--ids-comp-sidenav-navitem-single-active-indicator-size-height-dense);width:var(--ids-comp-sidenav-navitem-single-active-indicator-size-width-dense);border-radius:var(--ids-comp-sidenav-navitem-single-active-indicator-size-border-radius-dense);left:calc(var(--ids-comp-sidenav-navitem-single-size-padding-x-dense)*-1);margin-right:calc(var(--ids-comp-sidenav-navitem-single-size-gap-dense)*-1)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-summary{border-radius:var(--ids-comp-sidenav-navitem-expandable-summary-size-border-radius-dense);border-width:var(--ids-comp-sidenav-navitem-expandable-summary-size-border-width-dense);gap:var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-dense);height:var(--ids-comp-sidenav-navitem-expandable-summary-size-height-dense);padding:var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-y-dense) var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus,.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible{outline-width:var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-size-outline-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-summary>.ids-icon{height:var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-dense);width:var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-dense);font-size:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-size-dense);font-weight:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-weight-dense);line-height:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-line-height-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-summary .ids-side-nav-item-label{font-family:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-family-dense);font-size:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-size-dense);font-weight:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-letter-spacing-dense);line-height:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-line-height-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before{height:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-height-dense);width:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-width-dense);border-radius:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-border-radius-dense);left:calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-dense)*-1);margin-right:calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-dense)*-1)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-submenu{margin:calc(var(--submenu-outline-compensation)*-1);gap:var(--ids-comp-sidenav-navitem-expandable-submenu-gap-dense);padding:calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-dense) + var(--submenu-outline-compensation)) calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-dense) + var(--submenu-outline-compensation)) calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-dense) + var(--submenu-outline-compensation)) calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-dense) + var(--submenu-outline-compensation))}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item.ids-side-nav-item-expandable{gap:var(--ids-comp-sidenav-navitem-expandable-size-gap-dense);padding:var(--ids-comp-sidenav-navitem-expandable-size-padding-y-dense) var(--ids-comp-sidenav-navitem-expandable-size-padding-x-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item.ids-side-nav-item-expandable:has(.ids-side-nav-item-expandable-summary>.ids-icon[icon-leading]) .ids-side-nav-item-expandable-submenu{padding-left:calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-dense) + var(--ids-comp-sidenav-navitem-expandable-submenu-indent-width-dense) + var(--submenu-outline-compensation))}.ids-side-nav.ids-side-nav-dense .ids-side-nav-title+.ids-side-nav-item{margin-top:var(--ids-comp-sidenav-section-size-gap-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item+.ids-side-nav-item{margin-top:var(--ids-comp-sidenav-section-list-size-gap-dense)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-surface-default);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-surface-default);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-surface-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-surface-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:hover{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-surface-hovered);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-surface-hovered);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-surface-hovered)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:hover>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-surface-hovered)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:focus,.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:focus-visible{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-surface-focused);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-surface-focused);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-surface-focused);outline-color:var(--ids-comp-sidenav-navitem-single-focused-outline-color-dark-focused)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:focus>.ids-icon,.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:focus-visible>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-surface-focused)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:active{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-surface-pressed);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-surface-pressed);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-surface-pressed)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:active>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-surface-pressed)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:is([disabled]){color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-surface-disabled);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-surface-disabled);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-surface-disabled)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:is([disabled])>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-surface-disabled)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:is([is-active]){color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-surface-active);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-surface-active);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-surface-active)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:is([is-active])>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-surface-active)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before{background-color:var(--ids-comp-sidenav-navitem-single-active-indicator-color-bg-surface-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-surface-default);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-surface-default);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-surface-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-surface-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:hover{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-surface-hovered);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-surface-hovered);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-surface-hovered)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:hover>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-surface-hovered)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus,.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-surface-focused);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-surface-focused);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-surface-focused);outline-color:var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-color-dark-focused)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus>.ids-icon,.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-surface-focused)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:active{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-surface-pressed);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-surface-pressed);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-surface-pressed)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:active>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-surface-pressed)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([disabled]){color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-surface-disabled);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-surface-disabled);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-surface-disabled)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([disabled])>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-surface-disabled)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active]){color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-surface-active);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-surface-active);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-surface-active)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active])>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-surface-active)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before{background-color:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-color-bg-surface-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-light-default);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-light-default);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-light-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-light-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:hover{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-light-hovered);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-light-hovered);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-light-hovered)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:hover>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-light-hovered)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:focus,.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:focus-visible{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-light-focused);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-light-focused);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-light-focused);outline-color:var(--ids-comp-sidenav-navitem-single-focused-outline-color-light-focused)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:focus>.ids-icon,.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:focus-visible>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-light-focused)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:active{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-light-pressed);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-light-pressed);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-light-pressed)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:active>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-light-pressed)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:is([disabled]){color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-light-disabled);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-light-disabled);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-light-disabled)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:is([disabled])>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-light-disabled)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:is([is-active]){color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-light-active);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-light-active);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-light-active)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:is([is-active])>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-light-active)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before{background-color:var(--ids-comp-sidenav-navitem-single-active-indicator-color-bg-light-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-light-default);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-light-default);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-light-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-light-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:hover{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-light-hovered);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-light-hovered);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-light-hovered)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:hover>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-light-hovered)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus,.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-light-focused);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-light-focused);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-light-focused);outline-color:var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-color-light-focused)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus>.ids-icon,.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-light-focused)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:active{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-light-pressed);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-light-pressed);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-light-pressed)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:active>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-light-pressed)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([disabled]){color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-light-disabled);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-light-disabled);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-light-disabled)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([disabled])>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-light-disabled)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active]){color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-light-active);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-light-active);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-light-active)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active])>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-light-active)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before{background-color:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-color-bg-light-default)}
1
+ @keyframes expand-submenu{0%{overflow:hidden;visibility:hidden}99%{overflow:hidden;visibility:visible}100%{overflow:visible;visibility:visible}}@keyframes collapse-submenu{0%{overflow:visible;visibility:visible}99%{overflow:hidden;visibility:visible}100%{overflow:hidden;visibility:hidden}}.ids-side-nav{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;background-color:var(--ids-comp-sidenav-color-bg-surface-default);display:flex;flex-direction:column}.ids-side-nav::before,.ids-side-nav::after,.ids-side-nav *,.ids-side-nav ::before,.ids-side-nav ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-side-nav .ids-side-nav-section{display:flex;flex-direction:column;border-style:solid;background-color:var(--ids-comp-sidenav-section-color-bg-surface-default);border-color:var(--ids-comp-sidenav-section-color-border-surface-default)}.ids-side-nav .ids-side-nav-item.ids-side-nav-item-expandable{display:flex;flex-direction:column}.ids-side-nav .ids-side-nav-item.ids-side-nav-item-expandable .ids-side-nav-item-expandable-submenu{display:flex;flex-direction:column;overflow:hidden;max-height:0;opacity:0;transition:all 300ms ease-out;animation:collapse-submenu .3s forwards}.ids-side-nav .ids-side-nav-item.ids-side-nav-item-expandable .ids-side-nav-item-expandable-submenu.expanded{opacity:1;transition:all 300ms ease-in;animation:expand-submenu .3s forwards}.ids-side-nav .ids-side-nav-item.ids-side-nav-item-expandable .ids-side-nav-item-expandable-summary>button[idsIconButton]{margin-left:auto}.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary{display:inline-flex;align-items:center;width:100%;outline-offset:2px;border-style:solid}.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single a:link,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single a:visited,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary a:link,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary a:visited{text-decoration:none}.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single a:active,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary a:active{outline-style:none}.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single:not([disabled]),.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary:not([disabled]){cursor:pointer}.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single:is([disabled]),.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([disabled]){cursor:not-allowed;outline-style:none}.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before{content:"";position:relative;top:0}.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single:focus,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single:focus-visible,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible{outline-style:solid}.ids-side-nav .ids-side-nav-title{display:inline-flex;align-items:center}.ids-side-nav.ids-side-nav-compact{gap:var(--ids-comp-sidenav-size-gap-compact);padding:var(--ids-comp-sidenav-size-padding-y-compact) var(--ids-comp-sidenav-size-padding-x-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-section{gap:var(--ids-comp-sidenav-section-size-gap-compact);border-radius:var(--ids-comp-sidenav-section-size-border-radius-compact);border-width:var(--ids-comp-sidenav-section-size-border-width-compact);padding:var(--ids-comp-sidenav-section-size-padding-y-compact) var(--ids-comp-sidenav-section-size-padding-x-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-section:has(.ids-side-nav-item>*>.ids-side-nav-item-label){min-width:var(--ids-comp-sidenav-section-size-min-width-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-title{gap:var(--ids-comp-sidenav-section-title-size-gap-compact);padding:var(--ids-comp-sidenav-section-title-size-padding-y-compact) var(--ids-comp-sidenav-section-title-size-padding-x-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-title-label{font-family:var(--ids-comp-sidenav-section-title-typography-font-family-compact);font-size:var(--ids-comp-sidenav-section-title-typography-font-size-compact);font-weight:var(--ids-comp-sidenav-section-title-typography-font-weight-compact);letter-spacing:var(--ids-comp-sidenav-section-title-typography-letter-spacing-compact);line-height:var(--ids-comp-sidenav-section-title-typography-line-height-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-single{border-radius:var(--ids-comp-sidenav-navitem-single-size-border-radius-compact);border-width:var(--ids-comp-sidenav-navitem-single-size-border-width-compact);gap:var(--ids-comp-sidenav-navitem-single-size-gap-compact);height:var(--ids-comp-sidenav-navitem-single-size-height-compact);padding:var(--ids-comp-sidenav-navitem-single-size-padding-y-compact) var(--ids-comp-sidenav-navitem-single-size-padding-x-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-single:focus,.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-single:focus-visible{outline-width:var(--ids-comp-sidenav-navitem-single-focused-outline-size-outline-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-single>.ids-icon{height:var(--ids-comp-sidenav-navitem-single-size-icon-compact);width:var(--ids-comp-sidenav-navitem-single-size-icon-compact);font-size:var(--ids-comp-sidenav-navitem-single-icon-typography-font-size-compact);font-weight:var(--ids-comp-sidenav-navitem-single-icon-typography-font-weight-compact);line-height:var(--ids-comp-sidenav-navitem-single-icon-typography-line-height-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-single .ids-side-nav-item-label{font-family:var(--ids-comp-sidenav-navitem-single-label-typography-font-family-compact);font-size:var(--ids-comp-sidenav-navitem-single-label-typography-font-size-compact);font-weight:var(--ids-comp-sidenav-navitem-single-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-sidenav-navitem-single-label-typography-letter-spacing-compact);line-height:var(--ids-comp-sidenav-navitem-single-label-typography-line-height-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before{height:var(--ids-comp-sidenav-navitem-single-active-indicator-size-height-compact);width:var(--ids-comp-sidenav-navitem-single-active-indicator-size-width-compact);border-radius:var(--ids-comp-sidenav-navitem-single-active-indicator-size-border-radius-compact);left:calc(var(--ids-comp-sidenav-navitem-single-size-padding-x-compact)*-1);margin-right:calc(var(--ids-comp-sidenav-navitem-single-size-gap-compact)*-1)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-summary{border-radius:var(--ids-comp-sidenav-navitem-expandable-summary-size-border-radius-compact);border-width:var(--ids-comp-sidenav-navitem-expandable-summary-size-border-width-compact);gap:var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-compact);height:var(--ids-comp-sidenav-navitem-expandable-summary-size-height-compact);padding:var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-y-compact) var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus,.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible{outline-width:var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-size-outline-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-summary>.ids-icon{height:var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-compact);width:var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-compact);font-size:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-size-compact);font-weight:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-weight-compact);line-height:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-line-height-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-summary .ids-side-nav-item-label{font-family:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-family-compact);font-size:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-size-compact);font-weight:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-letter-spacing-compact);line-height:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-line-height-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before{height:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-height-compact);width:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-width-compact);border-radius:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-border-radius-compact);left:calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-compact)*-1);margin-right:calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-compact)*-1)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-submenu.expanded{--submenu-item-height: calc( max( var(--ids-comp-sidenav-navitem-single-size-height-compact), var(--ids-comp-sidenav-navitem-expandable-summary-size-height-compact) ) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-compact) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-compact) + calc(var(--ids-comp-sidenav-navitem-expandable-submenu-gap-compact) * var(--submenu-items-count)) );max-height:calc(var(--submenu-items-count)*var(--submenu-item-height));gap:var(--ids-comp-sidenav-navitem-expandable-submenu-gap-compact);padding:var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-compact) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-compact) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-compact) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item.ids-side-nav-item-expandable{padding:var(--ids-comp-sidenav-navitem-expandable-size-padding-y-compact) var(--ids-comp-sidenav-navitem-expandable-size-padding-x-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item.ids-side-nav-item-expandable:has(.ids-side-nav-item-expandable-submenu.expanded){gap:var(--ids-comp-sidenav-navitem-expandable-size-gap-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item.ids-side-nav-item-expandable:has(.ids-side-nav-item-expandable-summary>.ids-icon[icon-leading]) .ids-side-nav-item-expandable-submenu{padding-left:calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-compact) + var(--ids-comp-sidenav-navitem-expandable-submenu-indent-width-compact))}.ids-side-nav.ids-side-nav-compact .ids-side-nav-title+.ids-side-nav-item{margin-top:var(--ids-comp-sidenav-section-size-gap-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item+.ids-side-nav-item{margin-top:var(--ids-comp-sidenav-section-list-size-gap-compact)}.ids-side-nav.ids-side-nav-comfortable{gap:var(--ids-comp-sidenav-size-gap-comfortable);padding:var(--ids-comp-sidenav-size-padding-y-comfortable) var(--ids-comp-sidenav-size-padding-x-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-section{gap:var(--ids-comp-sidenav-section-size-gap-comfortable);border-radius:var(--ids-comp-sidenav-section-size-border-radius-comfortable);border-width:var(--ids-comp-sidenav-section-size-border-width-comfortable);padding:var(--ids-comp-sidenav-section-size-padding-y-comfortable) var(--ids-comp-sidenav-section-size-padding-x-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-section:has(.ids-side-nav-item>*>.ids-side-nav-item-label){min-width:var(--ids-comp-sidenav-section-size-min-width-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-title{gap:var(--ids-comp-sidenav-section-title-size-gap-comfortable);padding:var(--ids-comp-sidenav-section-title-size-padding-y-comfortable) var(--ids-comp-sidenav-section-title-size-padding-x-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-title-label{font-family:var(--ids-comp-sidenav-section-title-typography-font-family-comfortable);font-size:var(--ids-comp-sidenav-section-title-typography-font-size-comfortable);font-weight:var(--ids-comp-sidenav-section-title-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-sidenav-section-title-typography-letter-spacing-comfortable);line-height:var(--ids-comp-sidenav-section-title-typography-line-height-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-single{border-radius:var(--ids-comp-sidenav-navitem-single-size-border-radius-comfortable);border-width:var(--ids-comp-sidenav-navitem-single-size-border-width-comfortable);gap:var(--ids-comp-sidenav-navitem-single-size-gap-comfortable);height:var(--ids-comp-sidenav-navitem-single-size-height-comfortable);padding:var(--ids-comp-sidenav-navitem-single-size-padding-y-comfortable) var(--ids-comp-sidenav-navitem-single-size-padding-x-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-single:focus,.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-single:focus-visible{outline-width:var(--ids-comp-sidenav-navitem-single-focused-outline-size-outline-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-single>.ids-icon{height:var(--ids-comp-sidenav-navitem-single-size-icon-comfortable);width:var(--ids-comp-sidenav-navitem-single-size-icon-comfortable);font-size:var(--ids-comp-sidenav-navitem-single-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-sidenav-navitem-single-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-sidenav-navitem-single-icon-typography-line-height-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-single .ids-side-nav-item-label{font-family:var(--ids-comp-sidenav-navitem-single-label-typography-font-family-comfortable);font-size:var(--ids-comp-sidenav-navitem-single-label-typography-font-size-comfortable);font-weight:var(--ids-comp-sidenav-navitem-single-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-sidenav-navitem-single-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-sidenav-navitem-single-label-typography-line-height-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before{height:var(--ids-comp-sidenav-navitem-single-active-indicator-size-height-comfortable);width:var(--ids-comp-sidenav-navitem-single-active-indicator-size-width-comfortable);border-radius:var(--ids-comp-sidenav-navitem-single-active-indicator-size-border-radius-comfortable);left:calc(var(--ids-comp-sidenav-navitem-single-size-padding-x-comfortable)*-1);margin-right:calc(var(--ids-comp-sidenav-navitem-single-size-gap-comfortable)*-1)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-summary{border-radius:var(--ids-comp-sidenav-navitem-expandable-summary-size-border-radius-comfortable);border-width:var(--ids-comp-sidenav-navitem-expandable-summary-size-border-width-comfortable);gap:var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-comfortable);height:var(--ids-comp-sidenav-navitem-expandable-summary-size-height-comfortable);padding:var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-y-comfortable) var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus,.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible{outline-width:var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-size-outline-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-summary>.ids-icon{height:var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-comfortable);width:var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-comfortable);font-size:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-line-height-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-summary .ids-side-nav-item-label{font-family:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-family-comfortable);font-size:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-size-comfortable);font-weight:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-line-height-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before{height:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-height-comfortable);width:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-width-comfortable);border-radius:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-border-radius-comfortable);left:calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-comfortable)*-1);margin-right:calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-comfortable)*-1)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-submenu.expanded{--submenu-item-height: calc( max( var(--ids-comp-sidenav-navitem-single-size-height-comfortable), var(--ids-comp-sidenav-navitem-expandable-summary-size-height-comfortable) ) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-comfortable) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-comfortable) + calc(var(--ids-comp-sidenav-navitem-expandable-submenu-gap-comfortable) * var(--submenu-items-count)) );max-height:calc(var(--submenu-items-count)*var(--submenu-item-height));gap:var(--ids-comp-sidenav-navitem-expandable-submenu-gap-comfortable);padding:var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-comfortable) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-comfortable) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-comfortable) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item.ids-side-nav-item-expandable{padding:var(--ids-comp-sidenav-navitem-expandable-size-padding-y-comfortable) var(--ids-comp-sidenav-navitem-expandable-size-padding-x-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item.ids-side-nav-item-expandable:has(.ids-side-nav-item-expandable-submenu.expanded){gap:var(--ids-comp-sidenav-navitem-expandable-size-gap-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item.ids-side-nav-item-expandable:has(.ids-side-nav-item-expandable-summary>.ids-icon[icon-leading]) .ids-side-nav-item-expandable-submenu{padding-left:calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-comfortable) + var(--ids-comp-sidenav-navitem-expandable-submenu-indent-width-comfortable))}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-title+.ids-side-nav-item{margin-top:var(--ids-comp-sidenav-section-size-gap-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item+.ids-side-nav-item{margin-top:var(--ids-comp-sidenav-section-list-size-gap-comfortable)}.ids-side-nav.ids-side-nav-spacious{gap:var(--ids-comp-sidenav-size-gap-spacious);padding:var(--ids-comp-sidenav-size-padding-y-spacious) var(--ids-comp-sidenav-size-padding-x-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-section{gap:var(--ids-comp-sidenav-section-size-gap-spacious);border-radius:var(--ids-comp-sidenav-section-size-border-radius-spacious);border-width:var(--ids-comp-sidenav-section-size-border-width-spacious);padding:var(--ids-comp-sidenav-section-size-padding-y-spacious) var(--ids-comp-sidenav-section-size-padding-x-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-section:has(.ids-side-nav-item>*>.ids-side-nav-item-label){min-width:var(--ids-comp-sidenav-section-size-min-width-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-title{gap:var(--ids-comp-sidenav-section-title-size-gap-spacious);padding:var(--ids-comp-sidenav-section-title-size-padding-y-spacious) var(--ids-comp-sidenav-section-title-size-padding-x-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-title-label{font-family:var(--ids-comp-sidenav-section-title-typography-font-family-spacious);font-size:var(--ids-comp-sidenav-section-title-typography-font-size-spacious);font-weight:var(--ids-comp-sidenav-section-title-typography-font-weight-spacious);letter-spacing:var(--ids-comp-sidenav-section-title-typography-letter-spacing-spacious);line-height:var(--ids-comp-sidenav-section-title-typography-line-height-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-single{border-radius:var(--ids-comp-sidenav-navitem-single-size-border-radius-spacious);border-width:var(--ids-comp-sidenav-navitem-single-size-border-width-spacious);gap:var(--ids-comp-sidenav-navitem-single-size-gap-spacious);height:var(--ids-comp-sidenav-navitem-single-size-height-spacious);padding:var(--ids-comp-sidenav-navitem-single-size-padding-y-spacious) var(--ids-comp-sidenav-navitem-single-size-padding-x-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-single:focus,.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-single:focus-visible{outline-width:var(--ids-comp-sidenav-navitem-single-focused-outline-size-outline-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-single>.ids-icon{height:var(--ids-comp-sidenav-navitem-single-size-icon-spacious);width:var(--ids-comp-sidenav-navitem-single-size-icon-spacious);font-size:var(--ids-comp-sidenav-navitem-single-icon-typography-font-size-spacious);font-weight:var(--ids-comp-sidenav-navitem-single-icon-typography-font-weight-spacious);line-height:var(--ids-comp-sidenav-navitem-single-icon-typography-line-height-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-single .ids-side-nav-item-label{font-family:var(--ids-comp-sidenav-navitem-single-label-typography-font-family-spacious);font-size:var(--ids-comp-sidenav-navitem-single-label-typography-font-size-spacious);font-weight:var(--ids-comp-sidenav-navitem-single-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-sidenav-navitem-single-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-sidenav-navitem-single-label-typography-line-height-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before{height:var(--ids-comp-sidenav-navitem-single-active-indicator-size-height-spacious);width:var(--ids-comp-sidenav-navitem-single-active-indicator-size-width-spacious);border-radius:var(--ids-comp-sidenav-navitem-single-active-indicator-size-border-radius-spacious);left:calc(var(--ids-comp-sidenav-navitem-single-size-padding-x-spacious)*-1);margin-right:calc(var(--ids-comp-sidenav-navitem-single-size-gap-spacious)*-1)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-summary{border-radius:var(--ids-comp-sidenav-navitem-expandable-summary-size-border-radius-spacious);border-width:var(--ids-comp-sidenav-navitem-expandable-summary-size-border-width-spacious);gap:var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-spacious);height:var(--ids-comp-sidenav-navitem-expandable-summary-size-height-spacious);padding:var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-y-spacious) var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus,.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible{outline-width:var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-size-outline-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-summary>.ids-icon{height:var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-spacious);width:var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-spacious);font-size:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-size-spacious);font-weight:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-weight-spacious);line-height:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-line-height-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-summary .ids-side-nav-item-label{font-family:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-family-spacious);font-size:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-size-spacious);font-weight:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-line-height-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before{height:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-height-spacious);width:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-width-spacious);border-radius:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-border-radius-spacious);left:calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-spacious)*-1);margin-right:calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-spacious)*-1)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-submenu.expanded{--submenu-item-height: calc( max( var(--ids-comp-sidenav-navitem-single-size-height-spacious), var(--ids-comp-sidenav-navitem-expandable-summary-size-height-spacious) ) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-spacious) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-spacious) + calc(var(--ids-comp-sidenav-navitem-expandable-submenu-gap-spacious) * var(--submenu-items-count)) );max-height:calc(var(--submenu-items-count)*var(--submenu-item-height));gap:var(--ids-comp-sidenav-navitem-expandable-submenu-gap-spacious);padding:var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-spacious) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-spacious) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-spacious) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item.ids-side-nav-item-expandable{padding:var(--ids-comp-sidenav-navitem-expandable-size-padding-y-spacious) var(--ids-comp-sidenav-navitem-expandable-size-padding-x-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item.ids-side-nav-item-expandable:has(.ids-side-nav-item-expandable-submenu.expanded){gap:var(--ids-comp-sidenav-navitem-expandable-size-gap-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item.ids-side-nav-item-expandable:has(.ids-side-nav-item-expandable-summary>.ids-icon[icon-leading]) .ids-side-nav-item-expandable-submenu{padding-left:calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-spacious) + var(--ids-comp-sidenav-navitem-expandable-submenu-indent-width-spacious))}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-title+.ids-side-nav-item{margin-top:var(--ids-comp-sidenav-section-size-gap-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item+.ids-side-nav-item{margin-top:var(--ids-comp-sidenav-section-list-size-gap-spacious)}.ids-side-nav.ids-side-nav-dense{gap:var(--ids-comp-sidenav-size-gap-dense);padding:var(--ids-comp-sidenav-size-padding-y-dense) var(--ids-comp-sidenav-size-padding-x-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-section{gap:var(--ids-comp-sidenav-section-size-gap-dense);border-radius:var(--ids-comp-sidenav-section-size-border-radius-dense);border-width:var(--ids-comp-sidenav-section-size-border-width-dense);padding:var(--ids-comp-sidenav-section-size-padding-y-dense) var(--ids-comp-sidenav-section-size-padding-x-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-section:has(.ids-side-nav-item>*>.ids-side-nav-item-label){min-width:var(--ids-comp-sidenav-section-size-min-width-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-title{gap:var(--ids-comp-sidenav-section-title-size-gap-dense);padding:var(--ids-comp-sidenav-section-title-size-padding-y-dense) var(--ids-comp-sidenav-section-title-size-padding-x-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-title-label{font-family:var(--ids-comp-sidenav-section-title-typography-font-family-dense);font-size:var(--ids-comp-sidenav-section-title-typography-font-size-dense);font-weight:var(--ids-comp-sidenav-section-title-typography-font-weight-dense);letter-spacing:var(--ids-comp-sidenav-section-title-typography-letter-spacing-dense);line-height:var(--ids-comp-sidenav-section-title-typography-line-height-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-single{border-radius:var(--ids-comp-sidenav-navitem-single-size-border-radius-dense);border-width:var(--ids-comp-sidenav-navitem-single-size-border-width-dense);gap:var(--ids-comp-sidenav-navitem-single-size-gap-dense);height:var(--ids-comp-sidenav-navitem-single-size-height-dense);padding:var(--ids-comp-sidenav-navitem-single-size-padding-y-dense) var(--ids-comp-sidenav-navitem-single-size-padding-x-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-single:focus,.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-single:focus-visible{outline-width:var(--ids-comp-sidenav-navitem-single-focused-outline-size-outline-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-single>.ids-icon{height:var(--ids-comp-sidenav-navitem-single-size-icon-dense);width:var(--ids-comp-sidenav-navitem-single-size-icon-dense);font-size:var(--ids-comp-sidenav-navitem-single-icon-typography-font-size-dense);font-weight:var(--ids-comp-sidenav-navitem-single-icon-typography-font-weight-dense);line-height:var(--ids-comp-sidenav-navitem-single-icon-typography-line-height-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-single .ids-side-nav-item-label{font-family:var(--ids-comp-sidenav-navitem-single-label-typography-font-family-dense);font-size:var(--ids-comp-sidenav-navitem-single-label-typography-font-size-dense);font-weight:var(--ids-comp-sidenav-navitem-single-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-sidenav-navitem-single-label-typography-letter-spacing-dense);line-height:var(--ids-comp-sidenav-navitem-single-label-typography-line-height-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before{height:var(--ids-comp-sidenav-navitem-single-active-indicator-size-height-dense);width:var(--ids-comp-sidenav-navitem-single-active-indicator-size-width-dense);border-radius:var(--ids-comp-sidenav-navitem-single-active-indicator-size-border-radius-dense);left:calc(var(--ids-comp-sidenav-navitem-single-size-padding-x-dense)*-1);margin-right:calc(var(--ids-comp-sidenav-navitem-single-size-gap-dense)*-1)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-summary{border-radius:var(--ids-comp-sidenav-navitem-expandable-summary-size-border-radius-dense);border-width:var(--ids-comp-sidenav-navitem-expandable-summary-size-border-width-dense);gap:var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-dense);height:var(--ids-comp-sidenav-navitem-expandable-summary-size-height-dense);padding:var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-y-dense) var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus,.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible{outline-width:var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-size-outline-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-summary>.ids-icon{height:var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-dense);width:var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-dense);font-size:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-size-dense);font-weight:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-weight-dense);line-height:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-line-height-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-summary .ids-side-nav-item-label{font-family:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-family-dense);font-size:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-size-dense);font-weight:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-letter-spacing-dense);line-height:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-line-height-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before{height:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-height-dense);width:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-width-dense);border-radius:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-border-radius-dense);left:calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-dense)*-1);margin-right:calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-dense)*-1)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-submenu.expanded{--submenu-item-height: calc( max( var(--ids-comp-sidenav-navitem-single-size-height-dense), var(--ids-comp-sidenav-navitem-expandable-summary-size-height-dense) ) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-dense) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-dense) + calc(var(--ids-comp-sidenav-navitem-expandable-submenu-gap-dense) * var(--submenu-items-count)) );max-height:calc(var(--submenu-items-count)*var(--submenu-item-height));gap:var(--ids-comp-sidenav-navitem-expandable-submenu-gap-dense);padding:var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-dense) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-dense) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-dense) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item.ids-side-nav-item-expandable{padding:var(--ids-comp-sidenav-navitem-expandable-size-padding-y-dense) var(--ids-comp-sidenav-navitem-expandable-size-padding-x-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item.ids-side-nav-item-expandable:has(.ids-side-nav-item-expandable-submenu.expanded){gap:var(--ids-comp-sidenav-navitem-expandable-size-gap-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item.ids-side-nav-item-expandable:has(.ids-side-nav-item-expandable-summary>.ids-icon[icon-leading]) .ids-side-nav-item-expandable-submenu{padding-left:calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-dense) + var(--ids-comp-sidenav-navitem-expandable-submenu-indent-width-dense))}.ids-side-nav.ids-side-nav-dense .ids-side-nav-title+.ids-side-nav-item{margin-top:var(--ids-comp-sidenav-section-size-gap-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item+.ids-side-nav-item{margin-top:var(--ids-comp-sidenav-section-list-size-gap-dense)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-surface-default);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-surface-default);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-surface-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-surface-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:hover{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-surface-hovered);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-surface-hovered);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-surface-hovered)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:hover>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-surface-hovered)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:focus,.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:focus-visible{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-surface-focused);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-surface-focused);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-surface-focused);outline-color:var(--ids-comp-sidenav-navitem-single-focused-outline-color-dark-focused)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:focus>.ids-icon,.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:focus-visible>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-surface-focused)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:active{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-surface-pressed);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-surface-pressed);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-surface-pressed)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:active>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-surface-pressed)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:is([disabled]){color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-surface-disabled);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-surface-disabled);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-surface-disabled)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:is([disabled])>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-surface-disabled)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:is([is-active]){color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-surface-active);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-surface-active);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-surface-active)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:is([is-active])>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-surface-active)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before{background-color:var(--ids-comp-sidenav-navitem-single-active-indicator-color-bg-surface-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-surface-default);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-surface-default);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-surface-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-surface-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:hover{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-surface-hovered);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-surface-hovered);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-surface-hovered)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:hover>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-surface-hovered)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus,.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-surface-focused);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-surface-focused);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-surface-focused);outline-color:var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-color-dark-focused)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus>.ids-icon,.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-surface-focused)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:active{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-surface-pressed);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-surface-pressed);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-surface-pressed)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:active>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-surface-pressed)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([disabled]){color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-surface-disabled);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-surface-disabled);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-surface-disabled)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([disabled])>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-surface-disabled)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active]){color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-surface-active);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-surface-active);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-surface-active)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active])>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-surface-active)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before{background-color:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-color-bg-surface-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-light-default);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-light-default);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-light-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-light-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:hover{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-light-hovered);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-light-hovered);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-light-hovered)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:hover>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-light-hovered)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:focus,.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:focus-visible{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-light-focused);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-light-focused);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-light-focused);outline-color:var(--ids-comp-sidenav-navitem-single-focused-outline-color-light-focused)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:focus>.ids-icon,.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:focus-visible>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-light-focused)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:active{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-light-pressed);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-light-pressed);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-light-pressed)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:active>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-light-pressed)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:is([disabled]){color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-light-disabled);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-light-disabled);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-light-disabled)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:is([disabled])>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-light-disabled)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:is([is-active]){color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-light-active);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-light-active);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-light-active)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:is([is-active])>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-light-active)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before{background-color:var(--ids-comp-sidenav-navitem-single-active-indicator-color-bg-light-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-light-default);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-light-default);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-light-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-light-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:hover{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-light-hovered);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-light-hovered);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-light-hovered)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:hover>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-light-hovered)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus,.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-light-focused);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-light-focused);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-light-focused);outline-color:var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-color-light-focused)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus>.ids-icon,.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-light-focused)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:active{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-light-pressed);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-light-pressed);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-light-pressed)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:active>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-light-pressed)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([disabled]){color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-light-disabled);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-light-disabled);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-light-disabled)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([disabled])>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-light-disabled)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active]){color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-light-active);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-light-active);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-light-active)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active])>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-light-active)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before{background-color:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-color-bg-light-default)}