@inera/ids-design 4.1.1 → 4.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/components/alert/alert-lit.js +1 -1
  2. package/components/alert/alert.css +1 -1
  3. package/components/alert/tokens/alert-1177-pro-tokens.css +1 -0
  4. package/components/alert/tokens/alert-1177-tokens.css +1 -0
  5. package/components/alert/tokens/alert-inera-admin-tokens.css +1 -0
  6. package/components/alert/tokens/alert-inera-tokens.css +1 -0
  7. package/components/badge/badge-lit.js +1 -1
  8. package/components/badge/badge.css +1 -1
  9. package/components/breadcrumbs/breadcrumbs-lit.js +1 -1
  10. package/components/breadcrumbs/breadcrumbs.css +1 -1
  11. package/components/button/button-lit.js +1 -1
  12. package/components/button/button.css +1 -1
  13. package/components/expandable/expandable-lit.js +1 -1
  14. package/components/expandable/expandable.css +1 -1
  15. package/components/footer/footer-lit.js +1 -1
  16. package/components/footer/footer.css +1 -1
  17. package/components/link/link-lit.js +1 -1
  18. package/components/link/link.css +1 -1
  19. package/components/list/list-lit.js +7 -0
  20. package/components/list/list.css +1 -0
  21. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  22. package/components/mobile-menu/mobile-menu.css +1 -1
  23. package/components/notification-badge/notification-badge-lit.js +7 -0
  24. package/components/notification-badge/notification-badge.css +1 -0
  25. package/components/progressbar/progressbar-lit.js +7 -0
  26. package/components/progressbar/progressbar.css +1 -0
  27. package/components/tabs/tabs-lit.js +7 -0
  28. package/components/tabs/tabs.css +1 -0
  29. package/components/tag/tag-lit.js +7 -0
  30. package/components/tag/tag.css +1 -0
  31. package/package.json +1 -1
  32. package/themes/1177/1177-tokens.css +1 -0
  33. package/themes/1177/1177.css +1 -1
  34. package/themes/1177-pro/1177-pro-tokens.css +1 -0
  35. package/themes/1177-pro/1177-pro.css +1 -1
  36. package/themes/inera/inera-tokens.css +1 -0
  37. package/themes/inera/inera.css +1 -1
  38. package/themes/inera-admin/inera-admin-tokens.css +1 -0
  39. package/themes/inera-admin/inera-admin.css +1 -1
  40. package/themes/reset.css +1 -1
package/components/mobile-menu/mobile-menu-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a{color:inherit!important;display:inline-block;flex-grow:1;font-weight:inherit!important;padding:13px 13px 13px 20px!important;text-align:start;text-decoration:none!important;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a{padding-left:20px!important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a{padding-left:40px!important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a{padding-left:60px!important}.ids-mobile-menu-item__sub-items{display:none}.ids-mobile-menu-item--expanded>.ids-mobile-menu-item__sub-items{display:block}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item{position:relative}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU-ITEM__INNER__BACKGROUND-COLOR);background-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY__INNER__BACKGROUND-COLOR);border-bottom:var(--IDS-MOBILE-MENU-ITEM__INNER__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM__INNER__COLOR);color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--mobile-menu-item_font-family);font-weight:var(--IDS-MOBILE-MENU-ITEM__INNER__FONT-WEIGHT);position:relative;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>a:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY--FOCUS--OUTLINE-COLOR)!important;outline-offset:-2px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY--FOCUS--OUTLINE-COLOR)!important;outline-offset:-2px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY--FOCUS--OUTLINE-COLOR)!important;outline-offset:-2px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary.ids-mobile-menu-item--active>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU-ITEM__INNER__BACKGROUND-COLOR);border-bottom:var(--IDS-MOBILE-MENU-ITEM__INNER__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--mobile-menu-item_font-family);font-weight:var(--IDS-MOBILE-MENU-ITEM__INNER__FONT-WEIGHT);position:relative;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-2px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-2px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-2px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;font-weight:var(--IDS-MOBILE-MENU-ITEM--HAS-CHILDREN__INNER__FONT-WEIGHT);justify-content:center;min-height:24px;min-height:50px;min-width:24px;min-width:50px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:var(--focus_outline-offset);outline-offset:-2px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:20px;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--active>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;font-weight:var(--IDS-MOBILE-MENU-ITEM--HAS-CHILDREN__INNER__FONT-WEIGHT);justify-content:center;min-height:24px;min-height:50px;min-width:24px;min-width:50px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:var(--focus_outline-offset);outline-offset:-2px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:20px;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2{position:relative}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BACKGROUND-COLOR);border-bottom:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--mobile-menu-item_font-family);font-weight:var(--IDS-MOBILE-MENU-ITEM--2__INNER__FONT-WEIGHT);position:relative;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-2px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-2px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-2px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:has(.ids-mobile-menu-item__expand-btn){font-weight:var(--IDS-MOBILE-MENU-ITEM--2--HAS-CHILDREN__INNER__FONT-WEIGHT)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:50px;min-width:24px;min-width:50px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:var(--focus_outline-offset);outline-offset:-2px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:40px;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:50px;min-width:24px;min-width:50px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:var(--focus_outline-offset);outline-offset:-2px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:40px;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--active>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--2--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3{position:relative}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BACKGROUND-COLOR);border-bottom:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--mobile-menu-item_font-family);font-weight:var(--IDS-MOBILE-MENU-ITEM--2__INNER__FONT-WEIGHT);position:relative;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-2px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-2px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-2px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:50px;min-width:24px;min-width:50px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:var(--focus_outline-offset);outline-offset:-2px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:60px;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--active>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--2--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:50px;min-width:24px;min-width:50px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:var(--focus_outline-offset);outline-offset:-2px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:60px;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item{position:relative}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU--2-ITEM__INNER__BACKGROUND-COLOR);border-bottom:none;color:var(--IDS-MOBILE-MENU--2-ITEM__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--mobile-menu-item_font-family);font-weight:var(--IDS-MOBILE-MENU--2-ITEM__INNER__FONT-WEIGHT);position:relative;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-2px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-2px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-2px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner:after{background-color:var(--IDS-MOBILE-MENU--2-ITEM__INNER__BORDER-BOTTOM-COLOR);bottom:0;content:\"\";display:block;height:1px;left:20px;position:absolute;right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;font-weight:var(--IDS-MOBILE-MENU-ITEM--HAS-CHILDREN__INNER__FONT-WEIGHT);justify-content:center;min-height:24px;min-height:50px;min-width:24px;min-width:50px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:var(--focus_outline-offset);outline-offset:-2px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:20px;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;font-weight:var(--IDS-MOBILE-MENU-ITEM--HAS-CHILDREN__INNER__FONT-WEIGHT);justify-content:center;min-height:24px;min-height:50px;min-width:24px;min-width:50px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:var(--focus_outline-offset);outline-offset:-2px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:20px;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2{position:relative}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__BACKGROUND-COLOR);border-bottom:none;color:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--mobile-menu-item_font-family);font-weight:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__FONT-WEIGHT);position:relative;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-2px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-2px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-2px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:after{background-color:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__BORDER-BOTTOM-COLOR);bottom:0;content:\"\";display:block;height:1px;left:20px;position:absolute;right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:50px;min-width:24px;min-width:50px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:var(--focus_outline-offset);outline-offset:-2px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:40px;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:50px;min-width:24px;min-width:50px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:var(--focus_outline-offset);outline-offset:-2px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:40px;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3{position:relative}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__BACKGROUND-COLOR);border-bottom:none;color:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--mobile-menu-item_font-family);font-weight:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__FONT-WEIGHT);position:relative;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-2px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-2px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-2px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:after{background-color:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__BORDER-BOTTOM-COLOR);bottom:0;content:\"\";display:block;height:1px;left:20px;position:absolute;right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:has(.ids-mobile-menu-item__expand-btn){font-weight:var(--IDS-MOBILE-MENU--2-ITEM--3--HAS-CHILDREN__INNER__FONT-WEIGHT)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:50px;min-width:24px;min-width:50px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:var(--focus_outline-offset);outline-offset:-2px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:60px;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu ul{list-style:none;margin:0;padding:0}";
3
+ var css_248z = ".ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a{color:inherit!important;display:inline-block;flex-grow:1;font-weight:inherit!important;padding:13px 13px 13px 20px!important;text-align:start;text-decoration:none!important;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a{padding-left:20px!important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a{padding-left:40px!important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot=link]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a{padding-left:60px!important}.ids-mobile-menu-item__sub-items{display:none}.ids-mobile-menu-item--expanded>.ids-mobile-menu-item__sub-items{display:block}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item{position:relative}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU-ITEM__INNER__BACKGROUND-COLOR);background-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY__INNER__BACKGROUND-COLOR);border-bottom:var(--IDS-MOBILE-MENU-ITEM__INNER__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM__INNER__COLOR);color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--mobile-menu-item_font-family);font-weight:var(--IDS-MOBILE-MENU-ITEM__INNER__FONT-WEIGHT);position:relative;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>a:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary.ids-mobile-menu-item--active>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU-ITEM__INNER__BACKGROUND-COLOR);border-bottom:var(--IDS-MOBILE-MENU-ITEM__INNER__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--mobile-menu-item_font-family);font-weight:var(--IDS-MOBILE-MENU-ITEM__INNER__FONT-WEIGHT);position:relative;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;font-weight:var(--IDS-MOBILE-MENU-ITEM--HAS-CHILDREN__INNER__FONT-WEIGHT);justify-content:center;min-height:24px;min-height:50px;min-width:24px;min-width:50px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:var(--focus_outline-offset);outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:20px;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--active>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;font-weight:var(--IDS-MOBILE-MENU-ITEM--HAS-CHILDREN__INNER__FONT-WEIGHT);justify-content:center;min-height:24px;min-height:50px;min-width:24px;min-width:50px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:var(--focus_outline-offset);outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:20px;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2{position:relative}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BACKGROUND-COLOR);border-bottom:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--mobile-menu-item_font-family);font-weight:var(--IDS-MOBILE-MENU-ITEM--2__INNER__FONT-WEIGHT);position:relative;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:has(.ids-mobile-menu-item__expand-btn){font-weight:var(--IDS-MOBILE-MENU-ITEM--2--HAS-CHILDREN__INNER__FONT-WEIGHT)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:50px;min-width:24px;min-width:50px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:var(--focus_outline-offset);outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:40px;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:50px;min-width:24px;min-width:50px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:var(--focus_outline-offset);outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:40px;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--active>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--2--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3{position:relative}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BACKGROUND-COLOR);border-bottom:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--mobile-menu-item_font-family);font-weight:var(--IDS-MOBILE-MENU-ITEM--2__INNER__FONT-WEIGHT);position:relative;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:50px;min-width:24px;min-width:50px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:var(--focus_outline-offset);outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:60px;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--active>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--2--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:50px;min-width:24px;min-width:50px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:var(--focus_outline-offset);outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:60px;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item{position:relative}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU--2-ITEM__INNER__BACKGROUND-COLOR);border-bottom:none;color:var(--IDS-MOBILE-MENU--2-ITEM__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--mobile-menu-item_font-family);font-weight:var(--IDS-MOBILE-MENU--2-ITEM__INNER__FONT-WEIGHT);position:relative;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner:after{background-color:var(--IDS-MOBILE-MENU--2-ITEM__INNER__BORDER-BOTTOM-COLOR);bottom:0;content:\"\";display:block;height:1px;left:20px;position:absolute;right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;font-weight:var(--IDS-MOBILE-MENU-ITEM--HAS-CHILDREN__INNER__FONT-WEIGHT);justify-content:center;min-height:24px;min-height:50px;min-width:24px;min-width:50px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:var(--focus_outline-offset);outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:20px;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;font-weight:var(--IDS-MOBILE-MENU-ITEM--HAS-CHILDREN__INNER__FONT-WEIGHT);justify-content:center;min-height:24px;min-height:50px;min-width:24px;min-width:50px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:var(--focus_outline-offset);outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:20px;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2{position:relative}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__BACKGROUND-COLOR);border-bottom:none;color:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--mobile-menu-item_font-family);font-weight:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__FONT-WEIGHT);position:relative;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:after{background-color:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__BORDER-BOTTOM-COLOR);bottom:0;content:\"\";display:block;height:1px;left:20px;position:absolute;right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:50px;min-width:24px;min-width:50px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:var(--focus_outline-offset);outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:40px;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:50px;min-width:24px;min-width:50px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:var(--focus_outline-offset);outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:40px;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3{position:relative}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__BACKGROUND-COLOR);border-bottom:none;color:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--mobile-menu-item_font-family);font-weight:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__FONT-WEIGHT);position:relative;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:after{background-color:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__BORDER-BOTTOM-COLOR);bottom:0;content:\"\";display:block;height:1px;left:20px;position:absolute;right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:has(.ids-mobile-menu-item__expand-btn){font-weight:var(--IDS-MOBILE-MENU--2-ITEM--3--HAS-CHILDREN__INNER__FONT-WEIGHT)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:50px;min-width:24px;min-width:50px;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:var(--focus_outline-offset);outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:60px;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu ul{list-style:none;margin:0;padding:0}";
4
4
 
5
5
  var mobileMenuLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/mobile-menu/mobile-menu.css CHANGED
@@ -1 +1 @@
1
- .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner ::slotted([slot="link"]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot="link"]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot="link"]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot="link"]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot="link"]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot="link"]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot="link"]){width:100%;flex-grow:1;padding:13px 13px 13px 20px !important;display:inline-block;color:inherit !important;font-weight:inherit !important;text-decoration:none !important;text-align:start}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner ::slotted([slot="link"]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot="link"]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot="link"]){padding-left:20px !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot="link"]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot="link"]){padding-left:40px !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot="link"]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot="link"]){padding-left:60px !important}.ids-mobile-menu-item__sub-items{display:none}.ids-mobile-menu-item--expanded>.ids-mobile-menu-item__sub-items{display:block}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item{position:relative}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner{cursor:pointer;display:flex;font-family:var(--mobile-menu-item_font-family);width:100%;position:relative;background-color:var(--IDS-MOBILE-MENU-ITEM__INNER__BACKGROUND-COLOR);color:var(--IDS-MOBILE-MENU-ITEM__INNER__COLOR);font-weight:var(--IDS-MOBILE-MENU-ITEM__INNER__FONT-WEIGHT);border-bottom:var(--IDS-MOBILE-MENU-ITEM__INNER__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY__INNER__COLOR);background-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY__INNER__BACKGROUND-COLOR)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>a:focus{outline-offset:-2px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner ::slotted([slot="link"]):focus{outline-offset:-2px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline-offset:-2px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary.ids-mobile-menu-item--active>.ids-mobile-menu-item__inner::before{content:"";display:block;position:absolute;height:100%;width:10px;left:0px;z-index:0;background-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner{cursor:pointer;display:flex;font-family:var(--mobile-menu-item_font-family);width:100%;position:relative;background-color:var(--IDS-MOBILE-MENU-ITEM__INNER__BACKGROUND-COLOR);color:var(--IDS-MOBILE-MENU-ITEM__INNER__COLOR);font-weight:var(--IDS-MOBILE-MENU-ITEM__INNER__FONT-WEIGHT);border-bottom:var(--IDS-MOBILE-MENU-ITEM__INNER__BORDER-BOTTOM)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a:focus{outline-offset:-2px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot="link"]):focus{outline-offset:-2px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline-offset:-2px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn{min-width:24px;min-height:24px;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;min-height:50px;min-width:50px;display:flex;align-items:center;justify-content:center;text-align:start;font-weight:var(--IDS-MOBILE-MENU-ITEM--HAS-CHILDREN__INNER__FONT-WEIGHT)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:focus{outline-offset:-2px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:only-child{width:100%;justify-content:space-between;padding-left:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--active>.ids-mobile-menu-item__inner::before{content:"";display:block;position:absolute;height:100%;width:10px;left:0px;z-index:0;background-color:var(--IDS-MOBILE-MENU-ITEM--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{min-width:24px;min-height:24px;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;min-height:50px;min-width:50px;display:flex;align-items:center;justify-content:center;text-align:start;font-weight:var(--IDS-MOBILE-MENU-ITEM--HAS-CHILDREN__INNER__FONT-WEIGHT)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline-offset:-2px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{width:100%;justify-content:space-between;padding-left:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2{position:relative}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner{cursor:pointer;display:flex;font-family:var(--mobile-menu-item_font-family);width:100%;position:relative;background-color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BACKGROUND-COLOR);color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__COLOR);font-weight:var(--IDS-MOBILE-MENU-ITEM--2__INNER__FONT-WEIGHT);border-bottom:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BORDER-BOTTOM)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a:focus{outline-offset:-2px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot="link"]):focus{outline-offset:-2px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline-offset:-2px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:has(.ids-mobile-menu-item__expand-btn){font-weight:var(--IDS-MOBILE-MENU-ITEM--2--HAS-CHILDREN__INNER__FONT-WEIGHT)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner::before{content:"";display:block;position:absolute;height:100%;width:10px;left:0px;z-index:0;background-color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BEFORE__BACKGROUND-COLOR)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn{min-width:24px;min-height:24px;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;min-height:50px;min-width:50px;display:flex;align-items:center;justify-content:center;text-align:start}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline-offset:-2px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child{width:100%;justify-content:space-between;padding-left:40px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{min-width:24px;min-height:24px;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;min-height:50px;min-width:50px;display:flex;align-items:center;justify-content:center;text-align:start}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline-offset:-2px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{width:100%;justify-content:space-between;padding-left:40px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--active>.ids-mobile-menu-item__inner::before{content:"";display:block;position:absolute;height:100%;width:10px;left:0px;z-index:0;background-color:var(--IDS-MOBILE-MENU-ITEM--2--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3{position:relative}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner{cursor:pointer;display:flex;font-family:var(--mobile-menu-item_font-family);width:100%;position:relative;background-color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BACKGROUND-COLOR);color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__COLOR);font-weight:var(--IDS-MOBILE-MENU-ITEM--2__INNER__FONT-WEIGHT);border-bottom:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BORDER-BOTTOM)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a:focus{outline-offset:-2px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--3--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot="link"]):focus{outline-offset:-2px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--3--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline-offset:-2px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--3--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner::before{content:"";display:block;position:absolute;height:100%;width:10px;left:0px;z-index:0;background-color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BEFORE__BACKGROUND-COLOR)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn{min-width:24px;min-height:24px;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;min-height:50px;min-width:50px;display:flex;align-items:center;justify-content:center;text-align:start}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline-offset:-2px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child{width:100%;justify-content:space-between;padding-left:60px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--active>.ids-mobile-menu-item__inner::before{content:"";display:block;position:absolute;height:100%;width:10px;left:0px;z-index:0;background-color:var(--IDS-MOBILE-MENU-ITEM--2--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{min-width:24px;min-height:24px;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;min-height:50px;min-width:50px;display:flex;align-items:center;justify-content:center;text-align:start}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline-offset:-2px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{width:100%;justify-content:space-between;padding-left:60px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item{position:relative}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner{cursor:pointer;display:flex;font-family:var(--mobile-menu-item_font-family);width:100%;position:relative;border-bottom:none;background-color:var(--IDS-MOBILE-MENU--2-ITEM__INNER__BACKGROUND-COLOR);color:var(--IDS-MOBILE-MENU--2-ITEM__INNER__COLOR);font-weight:var(--IDS-MOBILE-MENU--2-ITEM__INNER__FONT-WEIGHT)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a:focus{outline-offset:-2px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot="link"]):focus{outline-offset:-2px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline-offset:-2px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner::after{content:"";display:block;height:1px;left:20px;bottom:0px;right:20px;position:absolute}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner::after{background-color:var(--IDS-MOBILE-MENU--2-ITEM__INNER__BORDER-BOTTOM-COLOR)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn{min-width:24px;min-height:24px;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;min-height:50px;min-width:50px;display:flex;align-items:center;justify-content:center;text-align:start;font-weight:var(--IDS-MOBILE-MENU-ITEM--HAS-CHILDREN__INNER__FONT-WEIGHT)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:focus{outline-offset:-2px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:only-child{width:100%;justify-content:space-between;padding-left:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{min-width:24px;min-height:24px;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;min-height:50px;min-width:50px;display:flex;align-items:center;justify-content:center;text-align:start;font-weight:var(--IDS-MOBILE-MENU-ITEM--HAS-CHILDREN__INNER__FONT-WEIGHT)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline-offset:-2px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{width:100%;justify-content:space-between;padding-left:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2{position:relative}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner{cursor:pointer;display:flex;font-family:var(--mobile-menu-item_font-family);width:100%;position:relative;border-bottom:none;background-color:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__BACKGROUND-COLOR);color:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__COLOR);font-weight:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__FONT-WEIGHT)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a:focus{outline-offset:-2px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot="link"]):focus{outline-offset:-2px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline-offset:-2px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner::after{content:"";display:block;height:1px;left:20px;bottom:0px;right:20px;position:absolute}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner::after{background-color:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__BORDER-BOTTOM-COLOR)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner::before{content:"";display:block;position:absolute;height:100%;width:10px;left:0px;z-index:0;background-color:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__BEFORE__BACKGROUND-COLOR)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn{min-width:24px;min-height:24px;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;min-height:50px;min-width:50px;display:flex;align-items:center;justify-content:center;text-align:start}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline-offset:-2px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child{width:100%;justify-content:space-between;padding-left:40px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{min-width:24px;min-height:24px;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;min-height:50px;min-width:50px;display:flex;align-items:center;justify-content:center;text-align:start}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline-offset:-2px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{width:100%;justify-content:space-between;padding-left:40px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3{position:relative}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner{cursor:pointer;display:flex;font-family:var(--mobile-menu-item_font-family);width:100%;position:relative;border-bottom:none;background-color:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__BACKGROUND-COLOR);color:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__COLOR);font-weight:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__FONT-WEIGHT)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a:focus{outline-offset:-2px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot="link"]):focus{outline-offset:-2px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline-offset:-2px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner::after{content:"";display:block;height:1px;left:20px;bottom:0px;right:20px;position:absolute}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner::after{background-color:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__BORDER-BOTTOM-COLOR)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:has(.ids-mobile-menu-item__expand-btn){font-weight:var(--IDS-MOBILE-MENU--2-ITEM--3--HAS-CHILDREN__INNER__FONT-WEIGHT)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner::before{content:"";display:block;position:absolute;height:100%;width:10px;left:0px;z-index:0;background-color:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__BEFORE__BACKGROUND-COLOR)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn{min-width:24px;min-height:24px;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;min-height:50px;min-width:50px;display:flex;align-items:center;justify-content:center;text-align:start}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline-offset:-2px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child{width:100%;justify-content:space-between;padding-left:60px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu ul{list-style:none;padding:0px;margin:0px}
1
+ .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner ::slotted([slot="link"]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot="link"]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot="link"]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot="link"]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot="link"]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot="link"]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot="link"]){width:100%;flex-grow:1;padding:13px 13px 13px 20px !important;display:inline-block;color:inherit !important;font-weight:inherit !important;text-decoration:none !important;text-align:start}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner ::slotted([slot="link"]),.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot="link"]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot="link"]){padding-left:20px !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot="link"]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot="link"]){padding-left:40px !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot="link"]),.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot="link"]){padding-left:60px !important}.ids-mobile-menu-item__sub-items{display:none}.ids-mobile-menu-item--expanded>.ids-mobile-menu-item__sub-items{display:block}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item{position:relative}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner{cursor:pointer;display:flex;font-family:var(--mobile-menu-item_font-family);width:100%;position:relative;background-color:var(--IDS-MOBILE-MENU-ITEM__INNER__BACKGROUND-COLOR);color:var(--IDS-MOBILE-MENU-ITEM__INNER__COLOR);font-weight:var(--IDS-MOBILE-MENU-ITEM__INNER__FONT-WEIGHT);border-bottom:var(--IDS-MOBILE-MENU-ITEM__INNER__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY__INNER__COLOR);background-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY__INNER__BACKGROUND-COLOR)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner>a:focus{outline-offset:-4px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner ::slotted([slot="link"]):focus{outline-offset:-4px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline-offset:-4px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary.ids-mobile-menu-item--active>.ids-mobile-menu-item__inner::before{content:"";display:block;position:absolute;height:100%;width:10px;left:0px;z-index:0;background-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner{cursor:pointer;display:flex;font-family:var(--mobile-menu-item_font-family);width:100%;position:relative;background-color:var(--IDS-MOBILE-MENU-ITEM__INNER__BACKGROUND-COLOR);color:var(--IDS-MOBILE-MENU-ITEM__INNER__COLOR);font-weight:var(--IDS-MOBILE-MENU-ITEM__INNER__FONT-WEIGHT);border-bottom:var(--IDS-MOBILE-MENU-ITEM__INNER__BORDER-BOTTOM)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a:focus{outline-offset:-4px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot="link"]):focus{outline-offset:-4px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline-offset:-4px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn{min-width:24px;min-height:24px;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;min-height:50px;min-width:50px;display:flex;align-items:center;justify-content:center;text-align:start;font-weight:var(--IDS-MOBILE-MENU-ITEM--HAS-CHILDREN__INNER__FONT-WEIGHT)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:focus{outline-offset:-4px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:only-child{width:100%;justify-content:space-between;padding-left:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--active>.ids-mobile-menu-item__inner::before{content:"";display:block;position:absolute;height:100%;width:10px;left:0px;z-index:0;background-color:var(--IDS-MOBILE-MENU-ITEM--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{min-width:24px;min-height:24px;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;min-height:50px;min-width:50px;display:flex;align-items:center;justify-content:center;text-align:start;font-weight:var(--IDS-MOBILE-MENU-ITEM--HAS-CHILDREN__INNER__FONT-WEIGHT)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline-offset:-4px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{width:100%;justify-content:space-between;padding-left:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2{position:relative}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner{cursor:pointer;display:flex;font-family:var(--mobile-menu-item_font-family);width:100%;position:relative;background-color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BACKGROUND-COLOR);color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__COLOR);font-weight:var(--IDS-MOBILE-MENU-ITEM--2__INNER__FONT-WEIGHT);border-bottom:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BORDER-BOTTOM)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a:focus{outline-offset:-4px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot="link"]):focus{outline-offset:-4px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline-offset:-4px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:has(.ids-mobile-menu-item__expand-btn){font-weight:var(--IDS-MOBILE-MENU-ITEM--2--HAS-CHILDREN__INNER__FONT-WEIGHT)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner::before{content:"";display:block;position:absolute;height:100%;width:10px;left:0px;z-index:0;background-color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BEFORE__BACKGROUND-COLOR)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn{min-width:24px;min-height:24px;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;min-height:50px;min-width:50px;display:flex;align-items:center;justify-content:center;text-align:start}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline-offset:-4px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child{width:100%;justify-content:space-between;padding-left:40px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{min-width:24px;min-height:24px;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;min-height:50px;min-width:50px;display:flex;align-items:center;justify-content:center;text-align:start}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline-offset:-4px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{width:100%;justify-content:space-between;padding-left:40px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--active>.ids-mobile-menu-item__inner::before{content:"";display:block;position:absolute;height:100%;width:10px;left:0px;z-index:0;background-color:var(--IDS-MOBILE-MENU-ITEM--2--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3{position:relative}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner{cursor:pointer;display:flex;font-family:var(--mobile-menu-item_font-family);width:100%;position:relative;background-color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BACKGROUND-COLOR);color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__COLOR);font-weight:var(--IDS-MOBILE-MENU-ITEM--2__INNER__FONT-WEIGHT);border-bottom:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BORDER-BOTTOM)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a:focus{outline-offset:-4px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--3--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot="link"]):focus{outline-offset:-4px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--3--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline-offset:-4px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--3--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner::before{content:"";display:block;position:absolute;height:100%;width:10px;left:0px;z-index:0;background-color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BEFORE__BACKGROUND-COLOR)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn{min-width:24px;min-height:24px;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;min-height:50px;min-width:50px;display:flex;align-items:center;justify-content:center;text-align:start}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline-offset:-4px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child{width:100%;justify-content:space-between;padding-left:60px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--active>.ids-mobile-menu-item__inner::before{content:"";display:block;position:absolute;height:100%;width:10px;left:0px;z-index:0;background-color:var(--IDS-MOBILE-MENU-ITEM--2--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{min-width:24px;min-height:24px;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;min-height:50px;min-width:50px;display:flex;align-items:center;justify-content:center;text-align:start}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline-offset:-4px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{width:100%;justify-content:space-between;padding-left:60px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item{position:relative}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner{cursor:pointer;display:flex;font-family:var(--mobile-menu-item_font-family);width:100%;position:relative;border-bottom:none;background-color:var(--IDS-MOBILE-MENU--2-ITEM__INNER__BACKGROUND-COLOR);color:var(--IDS-MOBILE-MENU--2-ITEM__INNER__COLOR);font-weight:var(--IDS-MOBILE-MENU--2-ITEM__INNER__FONT-WEIGHT)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>a:focus{outline-offset:-4px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot="link"]):focus{outline-offset:-4px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline-offset:-4px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner::after{content:"";display:block;height:1px;left:20px;bottom:0px;right:20px;position:absolute}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner::after{background-color:var(--IDS-MOBILE-MENU--2-ITEM__INNER__BORDER-BOTTOM-COLOR)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn{min-width:24px;min-height:24px;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;min-height:50px;min-width:50px;display:flex;align-items:center;justify-content:center;text-align:start;font-weight:var(--IDS-MOBILE-MENU-ITEM--HAS-CHILDREN__INNER__FONT-WEIGHT)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:focus{outline-offset:-4px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:only-child{width:100%;justify-content:space-between;padding-left:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{min-width:24px;min-height:24px;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;min-height:50px;min-width:50px;display:flex;align-items:center;justify-content:center;text-align:start;font-weight:var(--IDS-MOBILE-MENU-ITEM--HAS-CHILDREN__INNER__FONT-WEIGHT)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline-offset:-4px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{width:100%;justify-content:space-between;padding-left:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2{position:relative}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner{cursor:pointer;display:flex;font-family:var(--mobile-menu-item_font-family);width:100%;position:relative;border-bottom:none;background-color:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__BACKGROUND-COLOR);color:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__COLOR);font-weight:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__FONT-WEIGHT)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner>a:focus{outline-offset:-4px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot="link"]):focus{outline-offset:-4px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline-offset:-4px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner::after{content:"";display:block;height:1px;left:20px;bottom:0px;right:20px;position:absolute}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner::after{background-color:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__BORDER-BOTTOM-COLOR)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner::before{content:"";display:block;position:absolute;height:100%;width:10px;left:0px;z-index:0;background-color:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__BEFORE__BACKGROUND-COLOR)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn{min-width:24px;min-height:24px;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;min-height:50px;min-width:50px;display:flex;align-items:center;justify-content:center;text-align:start}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline-offset:-4px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child{width:100%;justify-content:space-between;padding-left:40px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{min-width:24px;min-height:24px;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;min-height:50px;min-width:50px;display:flex;align-items:center;justify-content:center;text-align:start}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus{outline-offset:-4px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{width:100%;justify-content:space-between;padding-left:40px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3{position:relative}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner{cursor:pointer;display:flex;font-family:var(--mobile-menu-item_font-family);width:100%;position:relative;border-bottom:none;background-color:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__BACKGROUND-COLOR);color:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__COLOR);font-weight:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__FONT-WEIGHT)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__link:focus,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner>a:focus{outline-offset:-4px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot="link"]):focus{outline-offset:-4px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline-offset:-4px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner::after{content:"";display:block;height:1px;left:20px;bottom:0px;right:20px;position:absolute}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner::after{background-color:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__BORDER-BOTTOM-COLOR)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:has(.ids-mobile-menu-item__expand-btn){font-weight:var(--IDS-MOBILE-MENU--2-ITEM--3--HAS-CHILDREN__INNER__FONT-WEIGHT)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner::before{content:"";display:block;position:absolute;height:100%;width:10px;left:0px;z-index:0;background-color:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__BEFORE__BACKGROUND-COLOR)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn{min-width:24px;min-height:24px;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;min-height:50px;min-width:50px;display:flex;align-items:center;justify-content:center;text-align:start}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline-offset:-4px !important;z-index:1;outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR) !important}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child{width:100%;justify-content:space-between;padding-left:60px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu ul{list-style:none;padding:0px;margin:0px}
package/components/notification-badge/notification-badge-lit.js ADDED
@@ -0,0 +1,7 @@
1
+ import { css, unsafeCSS } from 'lit';
2
+
3
+ var css_248z = ".ids-notification-badge{align-items:center;background-color:var(--IDS-NOTIFICATION-BADGE__BACKGROUND-COLOR);border-radius:1.5rem;box-sizing:border-box;color:var(--IDS-NOTIFICATION-BADGE__COLOR);display:inline-block;font-size:.875rem;font-weight:600;justify-content:center;line-height:1.5rem;min-height:1.5rem;min-width:1.5rem;padding:0 .4rem;text-align:center}.ids-notification-badge.ids-notification-badge--outlined{background-color:#fff;border:1px solid var(--IDS-NOTIFICATION-BADGE__BACKGROUND-COLOR);color:var(--IDS-NOTIFICATION-BADGE__BACKGROUND-COLOR)}";
4
+
5
+ var notificationBadgeLit = css`${unsafeCSS(css_248z)}`;
6
+
7
+ export { notificationBadgeLit as default };
package/components/notification-badge/notification-badge.css ADDED
@@ -0,0 +1 @@
1
+ .ids-notification-badge{background-color:var(--IDS-NOTIFICATION-BADGE__BACKGROUND-COLOR);color:var(--IDS-NOTIFICATION-BADGE__COLOR);font-size:0.875rem;font-weight:600;min-width:1.5rem;min-height:1.5rem;padding:0 0.4rem;box-sizing:border-box;border-radius:1.5rem;text-align:center;display:inline-block;line-height:1.5rem;align-items:center;justify-content:center}.ids-notification-badge.ids-notification-badge--outlined{color:var(--IDS-NOTIFICATION-BADGE__BACKGROUND-COLOR);background-color:white;border:1px solid var(--IDS-NOTIFICATION-BADGE__BACKGROUND-COLOR)}
package/components/progressbar/progressbar-lit.js ADDED
@@ -0,0 +1,7 @@
1
+ import { css, unsafeCSS } from 'lit';
2
+
3
+ var css_248z = ".ids-progressbar{border:var(--progressbar_border);border-radius:10px;box-sizing:border-box;height:15px;position:relative}@media (max-width:1024px){.ids-progressbar{height:10px}}.ids-progressbar .ids-progressbar__progress{background-color:var(--progressbar-fill_background-color);border-radius:10px;display:block;height:15px;left:0;margin-left:-1px;margin-top:-1px;transition:width .3s ease;width:15%}@media (max-width:1024px){.ids-progressbar .ids-progressbar__progress{height:10px}}.ids-progressbar .ids-progressbar__progress--none{display:none}.ids-progressbar .ids-progressbar__label{color:var(--progressbar_color);display:flex;font-size:1.25rem;font-weight:700;justify-content:center;letter-spacing:-.4px;line-height:24px;margin-top:15px}";
4
+
5
+ var progressbarLit = css`${unsafeCSS(css_248z)}`;
6
+
7
+ export { progressbarLit as default };
package/components/progressbar/progressbar.css ADDED
@@ -0,0 +1 @@
1
+ .ids-progressbar{border:var(--progressbar_border);height:15px;box-sizing:border-box;border-radius:10px;position:relative}@media (max-width: 1024px){.ids-progressbar{height:10px}}.ids-progressbar .ids-progressbar__progress{left:0px;background-color:var(--progressbar-fill_background-color);width:15%;display:block;height:15px;border-radius:10px;transition:width 0.3s ease;margin-top:-1px;margin-left:-1px}@media (max-width: 1024px){.ids-progressbar .ids-progressbar__progress{height:10px}}.ids-progressbar .ids-progressbar__progress--none{display:none}.ids-progressbar .ids-progressbar__label{display:flex;justify-content:center;margin-top:15px;font-size:1.25rem;line-height:24px;letter-spacing:-0.4px;color:var(--progressbar_color);font-weight:700}
package/components/tabs/tabs-lit.js ADDED
@@ -0,0 +1,7 @@
1
+ import { css, unsafeCSS } from 'lit';
2
+
3
+ var css_248z = ".ids-tabs{align-items:flex-end;border-bottom:var(--IDS-TABS_BORDER-BOTTOM);display:flex;gap:3px;height:3rem;padding:0 20px;position:relative}.ids-tabs.ids-tabs--unresponsive{display:flex!important}.ids-tabs.ids-tabs--has-icons{height:4.7em}.ids-tabs:before{bottom:0;box-shadow:inset 0 -4px 4px -4px rgba(0,0,0,.2);content:var(--IDS-TAB--SELECTED--BEFORE_CONTENT);height:.625rem;left:0;pointer-events:none;position:absolute;right:0}.ids-tab{-webkit-touch-callout:none;align-items:center;background:none;background:var(--IDS-TAB_BACKGROUND-COLOR);border:none;border-radius:var(--IDS-TAB_BORDER-RADIUS);box-shadow:var(--IDS-TAB_BOX-SHADOW);color:inherit;color:var(--IDS-TAB_COLOR);cursor:pointer;display:flex;flex-direction:column;font:inherit;font-size:1rem;font-weight:400;height:2.7rem;justify-content:center;line-height:20px;min-height:24px;min-width:24px;outline:inherit;padding:0 23px;position:relative;-moz-user-select:-moz-none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ids-tab.ids-tab--has-icon,.ids-tab:has(.ids-tab__icon){height:4.4rem}.ids-tab.ids-tab--selected{background-color:#fff;border:var(--IDS-TAB_BORDER);box-shadow:var(--IDS-TAB--SELECTED_BOX-SHADOW);padding:0 22px!important}.ids-tab.ids-tab--selected.ids-tab--has-icon,.ids-tab.ids-tab--selected:has(.ids-tab__icon){height:4.6rem}.ids-tab.ids-tab--selected:after{background-color:var(--IDS-TAB--SELECTED--AFTER_BACKGROUND-COLOR);bottom:var(--IDS-TAB--SELECTED--AFTER_BOTTOM);content:\"\";height:var(--IDS-TAB--SELECTED--AFTER_HEIGHT);left:0;position:absolute;right:0;width:100%}.ids-tab.ids-tab--selected .ids-tab__label{color:var(--IDS-TAB--SELECTED_COLOR)}.ids-tab:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-tab .ids-tab__icon{margin-bottom:4px}.ids-tab-panels{position:relative;z-index:1}.ids-tab-panel{display:none;outline-color:var(--focus-outline_color);outline-offset:2px;padding-top:1.5rem}.ids-tab-panel.ids-tab-panel--selected{display:block}.ids-tab-panel .ids-tab-panel--hidden{display:none}";
4
+
5
+ var tabsLit = css`${unsafeCSS(css_248z)}`;
6
+
7
+ export { tabsLit as default };
package/components/tabs/tabs.css ADDED
@@ -0,0 +1 @@
1
+ .ids-tabs{display:flex;border-bottom:var(--IDS-TABS_BORDER-BOTTOM);gap:3px;position:relative;align-items:flex-end;height:3rem;padding:0px 20px}.ids-tabs.ids-tabs--unresponsive{display:flex !important}.ids-tabs.ids-tabs--has-icons{height:4.7em}.ids-tabs::before{content:var(--IDS-TAB--SELECTED--BEFORE_CONTENT);box-shadow:0 -4px 4px -4px rgba(0,0,0,0.2) inset;position:absolute;left:0;right:0;bottom:0;height:0.625rem;pointer-events:none}.ids-tab{min-width:24px;min-height:24px;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;padding:0px 23px;background:var(--IDS-TAB_BACKGROUND-COLOR);box-shadow:var(--IDS-TAB_BOX-SHADOW);border-radius:var(--IDS-TAB_BORDER-RADIUS);display:flex;cursor:pointer;position:relative;height:2.7rem;font-weight:400;font-size:1rem;line-height:20px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--IDS-TAB_COLOR)}.ids-tab:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-tab:has(.ids-tab__icon),.ids-tab.ids-tab--has-icon{height:4.4rem}.ids-tab.ids-tab--selected{background-color:white;border:var(--IDS-TAB_BORDER);box-shadow:var(--IDS-TAB--SELECTED_BOX-SHADOW);padding:0px 22px !important}.ids-tab.ids-tab--selected:has(.ids-tab__icon),.ids-tab.ids-tab--selected.ids-tab--has-icon{height:4.6rem}.ids-tab.ids-tab--selected:after{content:"";height:var(--IDS-TAB--SELECTED--AFTER_HEIGHT);background-color:var(--IDS-TAB--SELECTED--AFTER_BACKGROUND-COLOR);position:absolute;width:100%;left:0px;right:0px;bottom:var(--IDS-TAB--SELECTED--AFTER_BOTTOM)}.ids-tab.ids-tab--selected .ids-tab__label{color:var(--IDS-TAB--SELECTED_COLOR)}.ids-tab:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-tab .ids-tab__icon{margin-bottom:4px}.ids-tab-panels{z-index:1;position:relative}.ids-tab-panel{display:none;padding-top:1.5rem;outline-offset:2px;outline-color:var(--focus-outline_color)}.ids-tab-panel.ids-tab-panel--selected{display:block}.ids-tab-panel .ids-tab-panel--hidden{display:none}
package/components/tag/tag-lit.js ADDED
@@ -0,0 +1,7 @@
1
+ import { css, unsafeCSS } from 'lit';
2
+
3
+ var css_248z = ".ids-tag{align-content:center;background-color:var(--IDS-TAG__BACKGROUND-COLOR);border:1px solid;border-color:var(--IDS-TAG__BORDER-COLOR);border-radius:var(--IDS-TAG__BORDER-RADIUS);color:var(--IDS-TAG__COLOR);display:inline-flex;flex-wrap:wrap;font-family:var(--IDS-TAG__FONT-FAMILY);justify-content:center;line-height:1.5rem;padding:var(--IDS-TAG__PADDING)}.ids-tag.ids-tag--interactive{border-color:var(--IDS-TAG--INTERACTIVE__BORDER-COLOR);color:var(--IDS-TAG--INTERACTIVE__COLOR);cursor:pointer;font-weight:var(--IDS-TAG--INTERACTIVE__FONT-WEIGHT)}.ids-tag.ids-tag--interactive:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-tag .ids-tag__close-btn{align-items:center;background:none;border:none;border-radius:20px;color:inherit;cursor:pointer;display:flex;font:inherit;height:24px;justify-content:center;margin-left:8px;min-height:24px;min-width:24px;outline:inherit;padding:0;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:24px}.ids-tag .ids-tag__close-btn:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}";
4
+
5
+ var tagLit = css`${unsafeCSS(css_248z)}`;
6
+
7
+ export { tagLit as default };
package/components/tag/tag.css ADDED
@@ -0,0 +1 @@
1
+ .ids-tag{font-family:var(--IDS-TAG__FONT-FAMILY);border-radius:var(--IDS-TAG__BORDER-RADIUS);color:var(--IDS-TAG__COLOR);padding:var(--IDS-TAG__PADDING);border:1px solid;background-color:var(--IDS-TAG__BACKGROUND-COLOR);border-color:var(--IDS-TAG__BORDER-COLOR);border-radius:var(--IDS-TAG__BORDER-RADIUS);display:inline-flex;flex-wrap:wrap;line-height:1.5rem;justify-content:center;align-content:center}.ids-tag.ids-tag--interactive{cursor:pointer;border-color:var(--IDS-TAG--INTERACTIVE__BORDER-COLOR);color:var(--IDS-TAG--INTERACTIVE__COLOR);font-weight:var(--IDS-TAG--INTERACTIVE__FONT-WEIGHT)}.ids-tag.ids-tag--interactive:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-tag .ids-tag__close-btn{min-width:24px;min-height:24px;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:24px;height:24px;display:flex;border-radius:20px;margin-left:8px;justify-content:center;align-items:center}.ids-tag .ids-tag__close-btn:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-tag .ids-tag__close-btn:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@inera/ids-design",
3
- "version": "4.1.1",
3
+ "version": "4.3.0",
4
4
  "license": "SEE LICENSE IN LICENSE.md",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/themes/1177/1177-tokens.css ADDED
@@ -0,0 +1 @@
1
+ :root,:host{--IDS-COLOR-PRIMARY-30: #6a0032;--IDS-COLOR-PRIMARY-35: #a00b36;--IDS-COLOR-PRIMARY-40: #c12143;--IDS-COLOR-PRIMARY-90: #faeef0;--IDS-COLOR-ACCENT-30: #3b4266;--IDS-COLOR-ACCENT-40: #396291;--IDS-COLOR-ACCENT-90: #C6D2DF;--IDS-COLOR-SECONDARY-40: #396291;--IDS-COLOR-SECONDARY-90: #c6d2df;--IDS-COLOR-SECONDARY-95: #f1f1f5;--IDS-COLOR-SUCCESS-30: #395428;--IDS-COLOR-SUCCESS-40: #419002;--IDS-COLOR-SUCCESS-99: #eef8ee;--IDS-COLOR-ATTENTION-40: #ffc100;--IDS-COLOR-ATTENTION-95: #fff8e0;--IDS-COLOR-NEUTRAL-20: #353535;--IDS-COLOR-NEUTRAL-40: #636466;--IDS-COLOR-NEUTRAL-50: #808285;--IDS-COLOR-NEUTRAL-90: #dadbdc;--IDS-COLOR-NEUTRAL-99: #f1f2f2;--IDS-COLOR-NEUTRAL-100: #fff;--IDS-COLOR-ERROR-40: #c12143;--IDS-COLOR-ERROR-99: #faeef0;--IDS-COLOR-BACKGROUND-40: #fff}