@inera/ids-design 4.10.0 → 5.0.0

package/components/mobile-menu/mobile-menu.css

@@ -1 +1,827 @@
-.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,.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,.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,.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,.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,.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,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:focus,.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:focus,.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,.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,.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: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-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-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-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-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-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-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-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-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-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-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-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}
+/* 1177 Typography - no margins */
+/*******
+* FORM
+********/
+/*******
+* Accessibility
+********/
+.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--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 > .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--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--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 > .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--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 {
+  width: 100%;
+  flex-grow: 1;
+  padding: 12px 12px 12px 20px !important;
+  display: inline-block;
+  color: inherit !important;
+  font-weight: inherit !important;
+  text-decoration: none !important;
+  text-align: start;
+}
+
+.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: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.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]) {
+  padding-left: 20px !important;
+}
+
+.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: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]) {
+  padding-left: 40px !important;
+}
+
+.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]), .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]) {
+  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;
+  min-height: 48px;
+  min-width: 48px;
+}
+.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(--IDS-MOBILE-MENU-ITEM--FONT-FAMILY);
+  width: 100%;
+  position: relative;
+  color: var(--IDS-MOBILE-MENU-ITEM--SECONDARY__INNER__COLOR);
+  background-color: var(--IDS-MOBILE-MENU-ITEM--SECONDARY__INNER__BACKGROUND-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--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(--IDS-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: 48px;
+  min-width: 48px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: start;
+}
+.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: 48px;
+  min-width: 48px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: start;
+}
+.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(--IDS-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: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__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 .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: 48px;
+  min-width: 48px;
+  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-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: 48px;
+  min-width: 48px;
+  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-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(--IDS-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::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__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 .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: 48px;
+  min-width: 48px;
+  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-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: 48px;
+  min-width: 48px;
+  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-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);
+}
+
+/* VARIATION 2 */
+.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(--IDS-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::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::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 > .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 > .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: 48px;
+  min-width: 48px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: start;
+}
+.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: 48px;
+  min-width: 48px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: start;
+}
+.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(--IDS-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::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::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 > .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 .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: 48px;
+  min-width: 48px;
+  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-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: 48px;
+  min-width: 48px;
+  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-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(--IDS-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::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::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 > .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 .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: 48px;
+  min-width: 48px;
+  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-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;
+}