@inera/ids-design 7.2.1 → 8.0.0

package/components/region-icon/region-icon.css

@@ -5,7 +5,7 @@
 * BUTTONS
 ********/
 /*******
-* SCROLLBARS
+* SCROLLBAR
 ********/
 /*******
 * FORM
@@ -52,16 +52,16 @@
   }
 }
 .ids-region-icon.ids-region-icon--color-preset-1 {
-  color: var(--IDS-ICON__COLOR-PRESET-1);
+  color: var(--IDS-REGION-ICON__COLOR-PRESET-1);
 }
 .ids-region-icon.ids-region-icon--color-preset-2 {
-  color: var(--IDS-ICON__COLOR-PRESET-2);
+  color: var(--IDS-REGION-ICON__COLOR-PRESET-2);
 }
 .ids-region-icon.ids-region-icon--color-preset-3 {
-  color: var(--IDS-ICON__COLOR-PRESET-3);
+  color: var(--IDS-REGION-ICON__COLOR-PRESET-3);
 }
 .ids-region-icon.ids-region-icon--color-preset-4 {
-  color: var(--IDS-ICON__COLOR-PRESET-4);
+  color: var(--IDS-REGION-ICON__COLOR-PRESET-4);
 }
 .ids-region-icon.ids-region-icon--stockholm:before {
   font-family: Inera-Design-Icons !important;

package/components/side-menu/side-menu-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}@media (max-width:1024px){.ids-side-menu.ids-side-menu--hide-on-mobile{display:none}}.ids-side-menu .ids-side-menu__header{background-color:var(--IDS-COLOR-NEUTRAL-100);border-bottom-right-radius:.313rem;border-left:.5rem solid var(--IDS-COLOR-NEUTRAL-100);border-top-right-radius:.313rem;display:flex}.ids-side-menu .ids-side-menu__header .ids-side-menu__header-inner{box-sizing:border-box;color:var(--IDS-SIDE-MENU__LINK-COLOR);display:flex;margin-right:.5rem;width:100%}.ids-side-menu .ids-side-menu__header .ids-icon{padding:.125rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button{background:none;border:none;color:inherit;font:inherit;outline:inherit;padding:0}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button{box-sizing:border-box;cursor:pointer;height:2.75rem;margin-left:.25rem;padding-left:1.125rem;padding-right:1.125rem;position:relative}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-SIDE-MENU__ICON-COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:.875rem;pointer-events:none;position:absolute;right:.8125rem;text-align:center;top:.9375rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button.ids-side-menu__chevron-button--expanded:before{content:\"\\e936\"}.ids-side-menu .ids-side-menu__header .ids-side-menu__leaf-icon{align-items:flex-start;color:var(--IDS-SIDE-MENU__ICON-COLOR);cursor:pointer;display:flex;margin:.25rem 0;padding:.625rem .625rem .25rem 0}.ids-side-menu .ids-side-menu__header .ids-side-menu__leaf-icon--empty{margin-left:1.375rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button{background:none;border:none;color:inherit;font:inherit;outline:inherit;padding:0}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:0!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button{cursor:pointer;display:flex;min-height:2.75rem;position:relative;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron{box-sizing:border-box;cursor:pointer;height:2.75rem;margin-left:.25rem;padding-left:1.125rem;padding-right:1.125rem;position:relative}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-SIDE-MENU__ICON-COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:.875rem;pointer-events:none;position:absolute;right:.8125rem;text-align:center;top:.9375rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron.ids-side-menu__label-chevron--expanded:before{content:\"\\e936\"}.ids-side-menu .ids-side-menu__header .ids-side-menu__label{display:grid;font-size:1rem;grid-template-columns:1fr auto;line-height:1.75rem;margin:.25rem 0;padding:.25rem 0;text-align:left;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-text{font-size:1rem;line-height:1.75rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__link{display:grid;font-size:1rem;grid-template-columns:1fr auto;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a),.ids-side-menu .ids-side-menu__header .ids-side-menu__link a{color:var(--IDS-SIDE-MENU__LINK-COLOR)}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a):focus,.ids-side-menu .ids-side-menu__header .ids-side-menu__link a:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a),.ids-side-menu .ids-side-menu__header .ids-side-menu__link a{align-items:flex-start;box-sizing:border-box;cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;line-height:1.75rem;margin:.25rem 0;padding:.25rem 0;text-align:left;text-decoration:none!important;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button),.ids-side-menu .ids-side-menu__header .ids-side-menu__link button{background-color:transparent;border:0;border-radius:0;color:var(--IDS-SIDE-MENU__LINK-COLOR)}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button):focus,.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:focus{outline:var(--IDS-FOCUS__OUTLINE)}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button),.ids-side-menu .ids-side-menu__header .ids-side-menu__link button{align-items:flex-start;box-sizing:border-box;cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;line-height:1.75rem!important;margin:.25rem 0;padding:.25rem 0;text-align:left;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button):focus,.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:focus{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-COLOR-NEUTRAL-40)!important;outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header:hover{background-color:var(--IDS-SIDE-MENU__LABEL--ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-SIDE-MENU__LABEL--ACTIVE-BACKGROUND-COLOR)}.ids-side-menu .ids-side-menu__header:hover ::slotted(a),.ids-side-menu .ids-side-menu__header:hover a{color:var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);text-decoration:none!important}.ids-side-menu .ids-side-menu__header:hover ::slotted(button),.ids-side-menu .ids-side-menu__header:hover button{color:var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);text-decoration:none!important}.ids-side-menu .ids-side-menu__header.ids-side-menu--active{background-color:var(--IDS-SIDE-MENU__LABEL--ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-SIDE-MENU--ACTIVE__HEADER-BORDER-COLOR)}.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__label,.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link{font-weight:700}.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover ::slotted(a),.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover ::slotted(button),.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover a,.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover button{color:var(--IDS-SIDE-MENU__LINK-COLOR);cursor:default;text-decoration:none!important}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__chevron-button{margin-left:1.875rem}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__leaf-icon,.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__leaf-icon--empty{margin-left:2.5rem}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__label-button{padding-left:1.6875rem}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-3 .ids-side-menu__leaf-icon,.ids-side-menu .ids-side-menu__header.ids-side-menu--level-3 .ids-side-menu__leaf-icon--empty{margin-left:4.125rem}.ids-side-menu.ids-side-menu--disabled{cursor:default}.ids-side-menu ::slotted(button):focus,.ids-side-menu ::slotted(button):focus-visible,.ids-side-menu button:focus,.ids-side-menu button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-COLOR-NEUTRAL-40)!important;outline-offset:-.125rem!important}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}@media (max-width:1024px){.ids-side-menu.ids-side-menu--hide-on-mobile{display:none}}.ids-side-menu .ids-side-menu__header{border-bottom-right-radius:.313rem;border-left:var(--IDS-SIDE-MENU__BORDER);border-top-right-radius:.313rem;display:flex}.ids-side-menu .ids-side-menu__header .ids-side-menu__header-inner{box-sizing:border-box;color:var(--IDS-SIDE-MENU__LINK-COLOR);display:flex;margin-right:.5rem;width:100%}.ids-side-menu .ids-side-menu__header .ids-icon{padding:.125rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button{background:none;border:none;color:inherit;font:inherit;outline:inherit;padding:0}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button{box-sizing:border-box;cursor:pointer;height:2.75rem;margin-left:.25rem;padding-left:1.125rem;padding-right:1.125rem;position:relative}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-SIDE-MENU__ICON-COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:.875rem;pointer-events:none;position:absolute;right:.8125rem;text-align:center;top:.9375rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button.ids-side-menu__chevron-button--expanded:before{content:\"\\e936\"}.ids-side-menu .ids-side-menu__header .ids-side-menu__leaf-icon{align-items:flex-start;color:var(--IDS-SIDE-MENU__ICON-COLOR);cursor:pointer;display:flex;margin:.25rem 0;padding:.625rem .625rem .25rem 0}.ids-side-menu .ids-side-menu__header .ids-side-menu__leaf-icon--empty{margin-left:1.375rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button{background:none;border:none;color:inherit;font:inherit;outline:inherit;padding:0}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:0!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button{cursor:pointer;display:flex;min-height:2.75rem;position:relative;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron{box-sizing:border-box;cursor:pointer;height:2.75rem;margin-left:.25rem;padding-left:1.125rem;padding-right:1.125rem;position:relative}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-SIDE-MENU__ICON-COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:.875rem;pointer-events:none;position:absolute;right:.8125rem;text-align:center;top:.9375rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron.ids-side-menu__label-chevron--expanded:before{content:\"\\e936\"}.ids-side-menu .ids-side-menu__header .ids-side-menu__label{display:grid;font-size:1rem;grid-template-columns:1fr auto;line-height:1.75rem;margin:.25rem 0;padding:.25rem 0;text-align:left;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-text{font-size:1rem;line-height:1.75rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__link{display:grid;font-size:1rem;grid-template-columns:1fr auto;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a),.ids-side-menu .ids-side-menu__header .ids-side-menu__link a{color:var(--IDS-SIDE-MENU__LINK-COLOR)}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a):focus,.ids-side-menu .ids-side-menu__header .ids-side-menu__link a:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a),.ids-side-menu .ids-side-menu__header .ids-side-menu__link a{align-items:flex-start;box-sizing:border-box;cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;line-height:1.75rem;margin:.25rem 0;padding:.25rem 0;text-align:left;text-decoration:none!important;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button),.ids-side-menu .ids-side-menu__header .ids-side-menu__link button{background-color:transparent;border:0;border-radius:0;color:var(--IDS-SIDE-MENU__LINK-COLOR)}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button):focus,.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:focus{outline:var(--IDS-FOCUS__OUTLINE)}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button),.ids-side-menu .ids-side-menu__header .ids-side-menu__link button{align-items:flex-start;box-sizing:border-box;cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;line-height:1.75rem!important;margin:.25rem 0;padding:.25rem 0;text-align:left;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button):focus,.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:focus{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header:hover{background-color:var(--IDS-SIDE-MENU--ACTIVE-BACKGROUND-COLOR);border-left:var(--IDS-SIDE-MENU--HOVER-BORDER)}.ids-side-menu .ids-side-menu__header:hover ::slotted(a),.ids-side-menu .ids-side-menu__header:hover a{color:var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);text-decoration:none!important}.ids-side-menu .ids-side-menu__header:hover ::slotted(button),.ids-side-menu .ids-side-menu__header:hover button{color:var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);text-decoration:none!important}.ids-side-menu .ids-side-menu__header.ids-side-menu--active{background-color:var(--IDS-SIDE-MENU--ACTIVE-BACKGROUND-COLOR);border-left:var(--IDS-SIDE-MENU--ACTIVE-BORDER)}.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__label,.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link{font-weight:700}.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover ::slotted(a),.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover ::slotted(button),.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover a,.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover button{color:var(--IDS-SIDE-MENU__LINK-COLOR);cursor:default;text-decoration:none!important}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__chevron-button{margin-left:1.875rem}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__leaf-icon,.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__leaf-icon--empty{margin-left:2.5rem}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__label-button{padding-left:1.6875rem}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-3 .ids-side-menu__leaf-icon,.ids-side-menu .ids-side-menu__header.ids-side-menu--level-3 .ids-side-menu__leaf-icon--empty{margin-left:4.125rem}.ids-side-menu.ids-side-menu--disabled{cursor:default}.ids-side-menu ::slotted(button):focus,.ids-side-menu ::slotted(button):focus-visible,.ids-side-menu button:focus,.ids-side-menu button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-offset:-.125rem!important}";
 
 var sideMenuLit = css`${unsafeCSS(css_248z)}`;
 

package/components/side-menu/side-menu.css

@@ -17,7 +17,7 @@
 * BUTTONS
 ********/
 /*******
-* SCROLLBARS
+* SCROLLBAR
 ********/
 /*******
 * FORM
@@ -31,8 +31,7 @@
   }
 }
 .ids-side-menu .ids-side-menu__header {
-  border-left: 0.5rem solid var(--IDS-COLOR-NEUTRAL-100);
-  background-color: var(--IDS-COLOR-NEUTRAL-100);
+  border-left: var(--IDS-SIDE-MENU__BORDER);
   border-top-right-radius: 0.313rem;
   border-bottom-right-radius: 0.313rem;
   display: flex;
@@ -219,11 +218,10 @@
 .ids-side-menu .ids-side-menu__header .ids-side-menu__link button:focus {
   outline: var(--IDS-FOCUS__OUTLINE) !important;
   outline-offset: -0.125rem !important;
-  outline-color: var(--IDS-COLOR-NEUTRAL-40) !important;
 }
 .ids-side-menu .ids-side-menu__header:hover {
-  background-color: var(--IDS-SIDE-MENU__LABEL--ACTIVE-BACKGROUND-COLOR);
-  border-color: var(--IDS-SIDE-MENU__LABEL--ACTIVE-BACKGROUND-COLOR);
+  background-color: var(--IDS-SIDE-MENU--ACTIVE-BACKGROUND-COLOR);
+  border-left: var(--IDS-SIDE-MENU--HOVER-BORDER);
 }
 .ids-side-menu .ids-side-menu__header:hover ::slotted(a),
 .ids-side-menu .ids-side-menu__header:hover a {
@@ -236,8 +234,8 @@
   text-decoration: none !important;
 }
 .ids-side-menu .ids-side-menu__header.ids-side-menu--active {
-  background-color: var(--IDS-SIDE-MENU__LABEL--ACTIVE-BACKGROUND-COLOR);
-  border-color: var(--IDS-SIDE-MENU--ACTIVE__HEADER-BORDER-COLOR);
+  background-color: var(--IDS-SIDE-MENU--ACTIVE-BACKGROUND-COLOR);
+  border-left: var(--IDS-SIDE-MENU--ACTIVE-BORDER);
 }
 .ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__label {
   font-weight: 700;
@@ -279,5 +277,4 @@
 .ids-side-menu button:focus-visible {
   outline: var(--IDS-FOCUS__OUTLINE) !important;
   outline-offset: -0.125rem !important;
-  outline-color: var(--IDS-COLOR-NEUTRAL-40) !important;
 }

package/components/side-panel/side-panel-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-side-panel{background-color:var(--IDS-OVERLAY__BACKGROUND-COLOR);overflow:hidden;z-index:1}.ids-side-panel.ids-side-panel--regular{bottom:0;height:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity 0s linear .2s,visibility .3s,width 0s linear .4s,height 0s linear .4s;visibility:hidden;width:0;z-index:2}.ids-side-panel.ids-side-panel--regular .ids-side-panel__panel{background-color:var(--IDS-COLOR-NEUTRAL-100);border-left:0;box-sizing:border-box;display:flex;flex-direction:column;height:70vh;overflow-x:hidden;padding:1.25rem 1rem 0;position:relative;transform:translateY(100vh);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar{width:.625rem}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-corner{background-color:transparent}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content{box-sizing:border-box;order:1;overflow-x:hidden;overflow-y:auto;padding-bottom:1.25rem;width:100%}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content:has(.ids-side-panel__footer){display:flex;flex-direction:column;justify-content:space-between}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content:focus,.ids-side-panel.ids-side-panel--regular .ids-side-panel__content:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-offset:-.125rem!important}.ids-side-panel.ids-side-panel--regular .ids-side-panel__inner{margin:.5rem}.ids-side-panel.ids-side-panel--regular .ids-side-panel__actions{margin-right:.313rem;order:0;text-align:right;width:100%}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;outline:inherit;padding:0}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button{height:1.25rem;position:relative;width:1.25rem}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON__COLOR);content:\"\\e916\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:0;pointer-events:none;position:absolute;top:0}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:active:before,.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:focus:before,.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:hover:before{color:var(--IDS-ICON--ACTIVE-COLOR)}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show{height:100vh;opacity:1;transition:width 0s,height 0s;visibility:visible;width:100%}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show .ids-side-panel__panel{transform:translateY(30vh);transition:transform .3s cubic-bezier(.4,0,.2,1)}@media (min-width:640px){.ids-side-panel.ids-side-panel--regular .ids-side-panel__panel{height:50vh}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show .ids-side-panel__panel{transform:translateY(50vh)}}@media (min-width:1024px){.ids-side-panel.ids-side-panel--regular{background-color:var(--IDS-COLOR-NEUTRAL-100);border-left:.063rem solid var(--IDS-SIDE-PANEL__BORDER-COLOR);display:flex;overflow-x:hidden;position:relative;transform:none;transition:width .3s ease-in-out,opacity 0s linear .3s,height .4s,visibility .4s,transform 0s linear;width:0}.ids-side-panel.ids-side-panel--regular .ids-side-panel__panel{height:100%;padding:1.25rem 0 0 1rem;top:0;transform:none;transition:none}.ids-side-panel.ids-side-panel--regular .ids-side-panel__actions,.ids-side-panel.ids-side-panel--regular .ids-side-panel__content{width:21.875rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show{height:100%;transform:none;transition:width .3s ease-in-out,visibility 0s,opacity 0s,transform 0s linear;width:23.75rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show .ids-side-panel__panel{transform:none;transition:none}.ids-side-panel.ids-side-panel--regular.ids-side-panel--left{border-left:0;border-right:.063rem solid var(--IDS-SIDE-PANEL__BORDER-COLOR)}.ids-side-panel.ids-side-panel--regular.ids-side-panel--left .ids-side-panel__panel{direction:rtl;padding:1.25rem 1rem 1.25rem 0}.ids-side-panel.ids-side-panel--regular.ids-side-panel--left .ids-side-panel__panel .ids-side-panel__content{direction:ltr}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated{border-left:0;bottom:0;box-shadow:-.188rem 0 .25rem -.125rem rgba(0,0,0,.2);height:100%;left:auto;position:fixed;right:0;top:0;width:0;z-index:2}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--left{border-right:0;box-shadow:.188rem 0 .25rem -.125rem rgba(0,0,0,.2);left:0;right:auto}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--left .ids-side-panel__panel{padding:1.25rem 1rem 1.25rem 0}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--show{width:23.75rem}}.ids-side-panel.ids-side-panel--menu{background-color:var(--IDS-COLOR-NEUTRAL-100);border-right:.063rem solid var(--IDS-SIDE-PANEL__BORDER-COLOR);display:flex;height:100%;padding:0;position:relative;width:3.125rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__inner{padding:.5rem .75rem .5rem .5rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__panel{box-sizing:border-box;display:flex;flex-direction:column;padding:1.25rem 0 0;position:relative;width:100%}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar{width:.625rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-corner{background-color:transparent}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content{box-sizing:border-box;height:100%;opacity:0;overflow-x:hidden;overflow-y:auto;transition:visibility 0s,opacity 0s;visibility:hidden;width:100%}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content:has(.ids-side-panel__footer){display:flex;flex-direction:column;justify-content:space-between}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content:focus,.ids-side-panel.ids-side-panel--menu .ids-side-panel__content:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-offset:-.125rem!important}.ids-side-panel.ids-side-panel--menu .ids-side-panel__actions{margin-right:1.25rem;text-align:right;width:2.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer{border-bottom:.5rem solid var(--IDS-SIDE-PANEL__FOOTER-BORDER-BOTTOM-COLOR);border-top:.063rem solid var(--IDS-SIDE-PANEL__FOOTER-BORDER-TOP-COLOR);box-sizing:border-box;display:flex;flex-direction:column;gap:1.25rem;opacity:0;padding:1.25rem;text-align:left;transition:visibility 0s,opacity 0s;visibility:hidden}.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer-links{display:flex;flex-direction:column;gap:1.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer-links ::slotted(*){display:block;width:100%}.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer-text{line-height:1.5rem;margin-top:1.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger{cursor:pointer;position:relative;transition:all .2s;user-select:none}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines{background-color:var(--IDS-COLOR-ACCENT-40);border-radius:.125rem;cursor:pointer;display:block;height:.125rem;position:relative;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:after,.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:before{background-color:var(--IDS-COLOR-ACCENT-40);border-radius:.125rem;content:\"\";display:inline-block;height:.125rem;left:0;position:absolute;-webkit-transform-origin:.09375rem center;transform-origin:.09375rem center;-webkit-transform-origin:.13393rem center;transform-origin:.13393rem center;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:before{top:.5rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:after{top:-.5rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines{background:transparent}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after,.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{left:-.1rem;top:0;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:1.5rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger{background-color:transparent;border:0;cursor:pointer;height:1.875rem;margin-right:-.25rem;padding:0 .25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show{border-right:0;bottom:0;left:0;position:fixed;right:0;top:0;width:100%}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show .ids-side-panel__actions{width:auto}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show .ids-side-panel__content,.ids-side-panel.ids-side-panel--menu.ids-side-panel--show .ids-side-panel__footer{opacity:1;transition:visibility 0s,opacity 0s;visibility:visible}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated{bottom:0;left:auto;position:fixed;right:calc(100% - 3.125rem);top:0;transition:transform .3s cubic-bezier(.4,0,.2,1);width:3.125rem;z-index:2}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated.ids-side-panel--show{transform:translateX(calc(100% - 3.125rem));width:100%}@media (min-width:1024px){.ids-side-panel.ids-side-panel--menu{transition:width .3s ease-in-out}.ids-side-panel.ids-side-panel--menu .ids-side-panel__panel{position:relative;transform:none;transition:none;width:23.75rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content{width:23.75rem}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show{border-right:.063rem solid var(--IDS-SIDE-PANEL__BORDER-COLOR);height:100%;position:relative;transform:none;transition:width .3s ease-in-out;width:23.75rem}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated{border-right:0;box-shadow:.188rem 0 .25rem -.125rem rgba(0,0,0,.2)}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated.ids-side-panel--show{position:fixed;transform:translateX(20.625rem);transition:transform .3s cubic-bezier(.4,0,.2,1);width:23.75rem}}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-side-panel{background-color:var(--IDS-OVERLAY__BACKGROUND-COLOR);overflow:hidden;z-index:1}.ids-side-panel.ids-side-panel--regular{bottom:0;height:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity 0s linear .2s,visibility .3s,width 0s linear .4s,height 0s linear .4s;visibility:hidden;width:0;z-index:2}.ids-side-panel.ids-side-panel--regular .ids-side-panel__panel{background-color:var(--IDS-SIDE-PANEL__BACKGROUND-COLOR);border-left:0;border-top:var(--IDS-SIDE-PANEL__BORDER-TOP);box-sizing:border-box;display:flex;flex-direction:column;height:70vh;overflow-x:hidden;padding:1.25rem 1rem 0;position:relative;transform:translateY(100vh);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar{width:.625rem}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;margin-top:0;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-corner{background-color:transparent}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content{box-sizing:border-box;order:1;overflow-x:hidden;overflow-y:auto;padding-bottom:1.25rem;width:100%}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content:has(.ids-side-panel__footer){display:flex;flex-direction:column;justify-content:space-between}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content:focus,.ids-side-panel.ids-side-panel--regular .ids-side-panel__content:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-offset:-.125rem!important}.ids-side-panel.ids-side-panel--regular .ids-side-panel__inner{margin:.5rem 1rem .5rem .5rem}.ids-side-panel.ids-side-panel--regular .ids-side-panel__actions{order:0;padding-bottom:.25rem;text-align:right;width:100%}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;outline:inherit;padding:0}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:.375rem!important}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button{border-radius:100%;height:1.25rem;position:relative;width:1.25rem}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON--ACTIVE-COLOR);content:\"\\e916\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:0;pointer-events:none;position:absolute;top:0}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:active:before,.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:focus:before,.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:hover:before{color:var(--IDS-ICON--ACTIVE-HOVER-COLOR)}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show{height:100vh;opacity:1;transition:width 0s,height 0s;visibility:visible;width:100%}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show .ids-side-panel__panel{transform:translateY(30vh);transition:transform .3s cubic-bezier(.4,0,.2,1)}@media (min-width:640px){.ids-side-panel.ids-side-panel--regular .ids-side-panel__panel{height:50vh}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show .ids-side-panel__panel{transform:translateY(50vh)}}@media (min-width:1024px){.ids-side-panel.ids-side-panel--regular{background-color:var(--IDS-SIDE-PANEL__BACKGROUND-COLOR);border-left:var(--IDS-SIDE-PANEL__BORDER);display:flex;overflow-x:hidden;position:relative;transform:none;transition:width .3s ease-in-out,opacity 0s linear .3s,height .4s,visibility .4s,transform 0s linear;width:0}.ids-side-panel.ids-side-panel--regular .ids-side-panel__panel{border-top:0;height:100%;padding:1.25rem 0 0 1rem;top:0;transform:none;transition:none}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show{height:100%;transform:none;transition:width .3s ease-in-out,visibility 0s,opacity 0s,transform 0s linear}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show .ids-side-panel__panel{transform:none;transition:none}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--s{width:14.75rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--s .ids-side-panel__actions,.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--s .ids-side-panel__content{width:12.875rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--m{width:22.125rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--m .ids-side-panel__actions,.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--m .ids-side-panel__content{width:20.25rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--l{width:29.5rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--l .ids-side-panel__actions,.ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--l .ids-side-panel__content{width:27.625rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--left{border-left:0;border-right:var(--IDS-SIDE-PANEL__BORDER)}.ids-side-panel.ids-side-panel--regular.ids-side-panel--left .ids-side-panel__panel{direction:rtl;padding:1.25rem 1rem 1.25rem 0}.ids-side-panel.ids-side-panel--regular.ids-side-panel--left .ids-side-panel__panel .ids-side-panel__content{direction:ltr}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated{background-color:var(--IDS-SIDE-PANEL__BACKGROUND-COLOR);border-left:var(--IDS-SIDE-PANEL__BORDER);border-right:0;bottom:0;box-shadow:-.188rem 0 .25rem -.125rem rgba(0,0,0,.2);height:100%;left:auto;position:fixed;right:0;top:0;width:0;z-index:2}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--left{border-left:0;border-right:var(--IDS-SIDE-PANEL__BORDER);box-shadow:.188rem 0 .25rem -.125rem rgba(0,0,0,.2);left:0;right:auto}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--left .ids-side-panel__panel{padding:1.25rem 1rem 1.25rem 0}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--show.ids-side-panel--s{width:14.75rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--show.ids-side-panel--m{width:22.125rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--show.ids-side-panel--l{width:29.5rem}}.ids-side-panel.ids-side-panel--menu{background-color:var(--IDS-SIDE-PANEL__BACKGROUND-COLOR);border-right:var(--IDS-SIDE-PANEL__BORDER);display:flex;height:100%;padding:0;position:relative;width:3.125rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__inner{padding:.5rem .75rem .5rem .5rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__panel{box-sizing:border-box;display:flex;flex-direction:column;padding:1.25rem 0 0;position:relative;width:100%}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar{width:.625rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;margin-top:0;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-corner{background-color:transparent}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content{box-sizing:border-box;height:100%;opacity:0;overflow-x:hidden;overflow-y:auto;transition:visibility 0s,opacity 0s;visibility:hidden;width:100%}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content:has(.ids-side-panel__footer){display:flex;flex-direction:column;justify-content:space-between}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content:focus,.ids-side-panel.ids-side-panel--menu .ids-side-panel__content:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-offset:-.125rem!important}.ids-side-panel.ids-side-panel--menu .ids-side-panel__actions{margin-right:1.25rem;text-align:right;width:2.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer{border-bottom:.5rem solid var(--IDS-SIDE-PANEL__FOOTER-BORDER-BOTTOM-COLOR);border-top:.063rem solid var(--IDS-SIDE-PANEL__FOOTER-BORDER-TOP-COLOR);box-sizing:border-box;display:flex;flex-direction:column;gap:1.25rem;opacity:0;padding:1.25rem;text-align:left;transition:visibility 0s,opacity 0s;visibility:hidden}.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer-links{display:flex;flex-direction:column;gap:1.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer-links ::slotted(*){display:block;width:100%}.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer-text{line-height:1.5rem;margin-top:1.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger{cursor:pointer;position:relative;transition:all .2s;user-select:none}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines{background-color:var(--IDS-SIDE-PANEL__HAMBURGER-COLOR);border-radius:.125rem;cursor:pointer;display:block;height:.125rem;position:relative;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:after,.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:before{background-color:var(--IDS-SIDE-PANEL__HAMBURGER-COLOR);border-radius:.125rem;content:\"\";display:inline-block;height:.125rem;left:0;position:absolute;-webkit-transform-origin:.09375rem center;transform-origin:.09375rem center;-webkit-transform-origin:.13393rem center;transform-origin:.13393rem center;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:before{top:.5rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:after{top:-.5rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger:hover .ids-hamburger__lines,.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger:hover .ids-hamburger__lines:after,.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger:hover .ids-hamburger__lines:before{background-color:var(--IDS-SIDE-PANEL__HAMBURGER-COLOR)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines{background:transparent}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after,.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{left:-.1rem;top:0;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:1.5rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger{background-color:transparent;border:0;cursor:pointer;height:1.875rem;margin-right:-.25rem;padding:0 .25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show{border-right:0;bottom:0;left:0;position:fixed;right:0;top:0;width:100%}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show .ids-side-panel__actions{width:auto}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show .ids-side-panel__content,.ids-side-panel.ids-side-panel--menu.ids-side-panel--show .ids-side-panel__footer{opacity:1;transition:visibility 0s,opacity 0s;visibility:visible}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated{bottom:0;left:auto;position:fixed;right:calc(100% - 3.125rem);top:0;transition:transform .3s cubic-bezier(.4,0,.2,1);width:3.125rem;z-index:2}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated.ids-side-panel--show{transform:translateX(calc(100% - 3.125rem));width:100%}@media (min-width:1024px){.ids-side-panel.ids-side-panel--menu{transition:width .3s ease-in-out}.ids-side-panel.ids-side-panel--menu .ids-side-panel__panel{position:relative;transform:none;transition:none;width:23.75rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content{width:23.75rem}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show{border-right:var(--IDS-SIDE-PANEL__BORDER);height:100%;position:relative;transform:none;transition:width .3s ease-in-out;width:23.75rem}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated{border-right:var(--IDS-SIDE-PANEL__BORDER);box-shadow:.188rem 0 .25rem -.125rem rgba(0,0,0,.2)}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated.ids-side-panel--show{position:fixed;transform:translateX(20.625rem);transition:transform .3s cubic-bezier(.4,0,.2,1);width:23.75rem}}";
 
 var sidePanelLit = css`${unsafeCSS(css_248z)}`;
 

package/components/side-panel/side-panel.css

@@ -17,7 +17,7 @@
 * BUTTONS
 ********/
 /*******
-* SCROLLBARS
+* SCROLLBAR
 ********/
 /*******
 * FORM
@@ -26,9 +26,9 @@
 * A11Y
 ********/
 .ids-side-panel {
-  background-color: var(--IDS-OVERLAY__BACKGROUND-COLOR);
   overflow: hidden;
   z-index: 1;
+  background-color: var(--IDS-OVERLAY__BACKGROUND-COLOR);
 }
 .ids-side-panel.ids-side-panel--regular {
   opacity: 0;
@@ -44,8 +44,9 @@
   transition: opacity 0s linear 0.2s, visibility 0.3s, width 0s linear 0.4s, height 0s linear 0.4s;
 }
 .ids-side-panel.ids-side-panel--regular .ids-side-panel__panel {
-  background-color: var(--IDS-COLOR-NEUTRAL-100);
+  background-color: var(--IDS-SIDE-PANEL__BACKGROUND-COLOR);
   border-left: 0;
+  border-top: var(--IDS-SIDE-PANEL__BORDER-TOP);
   box-sizing: border-box;
   padding: 1.25rem 1rem 0 1rem;
   display: flex;
@@ -73,6 +74,7 @@
   background: var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);
   border-radius: 0.625rem;
   outline: 0.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR);
+  margin-top: 0;
 }
 .ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-corner {
   background-color: transparent;
@@ -95,12 +97,12 @@
   outline-offset: -0.125rem !important;
 }
 .ids-side-panel.ids-side-panel--regular .ids-side-panel__inner {
-  margin: 0.5rem;
+  margin: 0.5rem 1rem 0.5rem 0.5rem;
 }
 .ids-side-panel.ids-side-panel--regular .ids-side-panel__actions {
   text-align: right;
   width: 100%;
-  margin-right: 0.313rem;
+  padding-bottom: 0.25rem;
   order: 0;
 }
 .ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button {
@@ -114,12 +116,13 @@
 }
 .ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:focus {
   outline: var(--IDS-FOCUS__OUTLINE);
-  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
+  outline-offset: 0.375rem !important;
 }
 .ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button {
   position: relative;
   width: 1.25rem;
   height: 1.25rem;
+  border-radius: 100%;
 }
 .ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:before {
   font: icon;
@@ -131,12 +134,12 @@
   -moz-osx-font-smoothing: grayscale;
   content: "\e916";
   font-size: 1.25rem;
-  color: var(--IDS-ICON__COLOR);
+  color: var(--IDS-ICON--ACTIVE-COLOR);
   top: 0;
   left: 0;
 }
 .ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:hover:before, .ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:focus:before, .ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:active:before {
-  color: var(--IDS-ICON--ACTIVE-COLOR);
+  color: var(--IDS-ICON--ACTIVE-HOVER-COLOR);
 }
 .ids-side-panel.ids-side-panel--regular.ids-side-panel--show {
   opacity: 1;
@@ -164,9 +167,9 @@
     overflow-x: hidden;
     width: 0;
     transform: none;
-    background-color: var(--IDS-COLOR-NEUTRAL-100);
+    background-color: var(--IDS-SIDE-PANEL__BACKGROUND-COLOR);
     transition: width 0.3s ease-in-out, opacity 0s linear 0.3s, height 0.4s, visibility 0.4s, transform linear 0s;
-    border-left: 0.063rem solid var(--IDS-SIDE-PANEL__BORDER-COLOR);
+    border-left: var(--IDS-SIDE-PANEL__BORDER);
   }
   .ids-side-panel.ids-side-panel--regular .ids-side-panel__panel {
     top: 0;
@@ -174,13 +177,9 @@
     transform: none;
     transition: none;
     height: 100%;
-  }
-  .ids-side-panel.ids-side-panel--regular .ids-side-panel__content,
-  .ids-side-panel.ids-side-panel--regular .ids-side-panel__actions {
-    width: 21.875rem;
+    border-top: 0;
   }
   .ids-side-panel.ids-side-panel--regular.ids-side-panel--show {
-    width: 23.75rem;
     height: 100%;
     transform: none;
     transition: width 0.3s ease-in-out, visibility 0s, opacity 0s, transform linear 0s;
@@ -189,9 +188,30 @@
     transform: none;
     transition: none;
   }
+  .ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--s {
+    width: 14.75rem;
+  }
+  .ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--s .ids-side-panel__content,
+  .ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--s .ids-side-panel__actions {
+    width: 12.875rem;
+  }
+  .ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--m {
+    width: 22.125rem;
+  }
+  .ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--m .ids-side-panel__content,
+  .ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--m .ids-side-panel__actions {
+    width: 20.25rem;
+  }
+  .ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--l {
+    width: 29.5rem;
+  }
+  .ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--l .ids-side-panel__content,
+  .ids-side-panel.ids-side-panel--regular.ids-side-panel--show.ids-side-panel--l .ids-side-panel__actions {
+    width: 27.625rem;
+  }
   .ids-side-panel.ids-side-panel--regular.ids-side-panel--left {
     border-left: 0;
-    border-right: 0.063rem solid var(--IDS-SIDE-PANEL__BORDER-COLOR);
+    border-right: var(--IDS-SIDE-PANEL__BORDER);
   }
   .ids-side-panel.ids-side-panel--regular.ids-side-panel--left .ids-side-panel__panel {
     direction: rtl;
@@ -209,20 +229,29 @@
     height: 100%;
     left: auto;
     z-index: 2;
-    border-left: 0;
+    border-left: var(--IDS-SIDE-PANEL__BORDER);
+    border-right: 0;
+    background-color: var(--IDS-SIDE-PANEL__BACKGROUND-COLOR);
     box-shadow: -0.188rem 0 0.25rem -0.125rem rgba(0, 0, 0, 0.2);
   }
   .ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--left {
     left: 0;
     right: auto;
-    border-right: 0;
+    border-right: var(--IDS-SIDE-PANEL__BORDER);
+    border-left: 0;
     box-shadow: 0.188rem 0 0.25rem -0.125rem rgba(0, 0, 0, 0.2);
   }
   .ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--left .ids-side-panel__panel {
     padding: 1.25rem 1rem 1.25rem 0;
   }
-  .ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--show {
-    width: 23.75rem;
+  .ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--show.ids-side-panel--s {
+    width: 14.75rem;
+  }
+  .ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--show.ids-side-panel--m {
+    width: 22.125rem;
+  }
+  .ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--show.ids-side-panel--l {
+    width: 29.5rem;
   }
 }
 .ids-side-panel.ids-side-panel--menu {
@@ -230,8 +259,8 @@
   display: flex;
   width: 3.125rem;
   height: 100%;
-  background-color: var(--IDS-COLOR-NEUTRAL-100);
-  border-right: 0.063rem solid var(--IDS-SIDE-PANEL__BORDER-COLOR);
+  background-color: var(--IDS-SIDE-PANEL__BACKGROUND-COLOR);
+  border-right: var(--IDS-SIDE-PANEL__BORDER);
   padding: 0;
 }
 .ids-side-panel.ids-side-panel--menu .ids-side-panel__inner {
@@ -261,6 +290,7 @@
   background: var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);
   border-radius: 0.625rem;
   outline: 0.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR);
+  margin-top: 0;
 }
 .ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-corner {
   background-color: transparent;
@@ -327,7 +357,7 @@
   width: 1.3125rem;
   border-radius: 0.125rem;
   transition: all 0.2s;
-  background-color: var(--IDS-COLOR-ACCENT-40);
+  background-color: var(--IDS-SIDE-PANEL__HAMBURGER-COLOR);
   position: relative;
   height: 0.125rem;
   width: 1.25rem;
@@ -338,7 +368,7 @@
   width: 1.3125rem;
   border-radius: 0.125rem;
   transition: all 0.2s;
-  background-color: var(--IDS-COLOR-ACCENT-40);
+  background-color: var(--IDS-SIDE-PANEL__HAMBURGER-COLOR);
   position: absolute;
   left: 0;
   content: "";
@@ -361,6 +391,11 @@
 .ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:after {
   top: -0.5rem;
 }
+.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger:hover .ids-hamburger__lines,
+.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger:hover .ids-hamburger__lines:before,
+.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger:hover .ids-hamburger__lines:after {
+  background-color: var(--IDS-SIDE-PANEL__HAMBURGER-COLOR);
+}
 .ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines {
   background: transparent;
 }
@@ -446,10 +481,10 @@
     height: 100%;
     transform: none;
     transition: width 0.3s ease-in-out;
-    border-right: 0.063rem solid var(--IDS-SIDE-PANEL__BORDER-COLOR);
+    border-right: var(--IDS-SIDE-PANEL__BORDER);
   }
   .ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated {
-    border-right: 0;
+    border-right: var(--IDS-SIDE-PANEL__BORDER);
     box-shadow: 0.188rem 0 0.25rem -0.125rem rgba(0, 0, 0, 0.2);
   }
   .ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated.ids-side-panel--show {

package/components/stepper/stepper-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}:host([last]) .ids-step:after{content:none}.ids-stepper .ids-step:last-child:after{display:none}.ids-step{background-color:var(--IDS-COLOR-NEUTRAL-100);border:var(--IDS-STEP__BORDER);border-radius:.3125rem;display:flex;flex-direction:column;margin-bottom:1rem;padding:1rem;position:relative}.ids-step:after{background-color:var(--IDS-STEP__AFTER-BACKGROUND-COLOR);bottom:-1.0625rem;content:\"\";height:1rem;left:2.25rem;position:absolute;width:.25rem}.ids-step .ids-step__label{color:var(--IDS-STEP__LABEL-COLOR);font-size:1rem}.ids-step .ids-step__button{background:none;border:none;border-radius:.3125rem;cursor:pointer;display:block;width:100%}.ids-step .ids-step__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-step .ids-step__button.ids-step__button--disabled{cursor:default;pointer-events:none}.ids-step .ids-step__button.ids-step__button--disabled .ids-step__label{color:var(--IDS-STEP--DISABLED__LABEL-COLOR);font-style:italic}.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline,.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline h1,.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline h2,.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline h3,.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline h4{color:var(--IDS-STEP--DISABLED__HEADLINE-COLOR);font-family:var(--IDS-HEADING-M__FONT-FAMILY);font-size:var(--IDS-HEADING-M__FONT-SIZE);font-style:italic!important;font-style:normal;font-weight:var(--IDS-HEADING-M__FONT-WEIGHT);letter-spacing:var(--IDS-HEADING-M__LETTER-SPACING);line-height:var(--IDS-HEADING-M__LINE-HEIGHT)}@media (min-width:1024px){.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline,.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline h1,.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline h2,.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline h3,.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline h4{font-size:var(--IDS-HEADING-M__FONT-SIZE-DESKTOP);letter-spacing:var(--IDS-HEADING-M__LETTER-SPACING-DESKTOP);line-height:var(--IDS-HEADING-M__LINE-HEIGHT-DESKTOP)}}.ids-step .ids-step__button.ids-step__button--disabled .ids-step__chevron{display:none}.ids-step .ids-step__button-inner{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;width:100%}.ids-step .ids-step__button-text{gap:.5rem;justify-content:space-between;min-height:2.625rem;width:calc(100% - 3.75rem)}.ids-step .ids-step__button-text,.ids-step .ids-step__indicator-wrapper{align-items:flex-start;display:flex}.ids-step .ids-step__indicator{align-items:center;background-color:var(--IDS-STEP__INDICATOR-BACKGROUND-COLOR);border:var(--IDS-STEP__INDICATOR-BORDER);border-radius:6.25rem;color:var(--IDS-STEP__INDICATOR-COLOR);display:flex;flex-direction:column;font-family:var(--IDS-STEP__INDICATOR-FONT-FAMILY);font-size:1.25rem!important;font-weight:400!important;height:2.625rem;justify-content:center;position:relative;width:2.625rem}.ids-step .ids-step__indicator.ids-step__indicator--selected{background-color:var(--IDS-STEP--SELECTED__INDICATOR-BACKGROUND-COLOR);color:var(--IDS-COLOR-NEUTRAL-100)}.ids-step .ids-step__indicator.ids-step__indicator--valid{background-color:var(--IDS-STEP--VALID__INDICATOR-BACKGROUND-COLOR);border:var(--IDS-STEP--VALID__INDICATOR-BORDER)}.ids-step .ids-step__indicator.ids-step__indicator--valid:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-STEP--VALID__INDICATOR-ICON-COLOR);content:\"\\e93a\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem!important;pointer-events:none;position:absolute}.ids-step .ids-step__indicator.ids-step__indicator--invalid{background-color:var(--IDS-STEP--INVALID__INDICATOR-BACKGROUND-COLOR);border:var(--IDS-STEP--INVALID__INDICATOR-BORDER);box-shadow:inset 0 0 0 .0625rem var(--IDS-STEP--INVALID__INDICATOR-ICON-COLOR)}.ids-step .ids-step__indicator.ids-step__indicator--invalid:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-STEP--INVALID__INDICATOR-ICON-COLOR);content:\"\\e91d\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem!important;pointer-events:none;position:absolute}.ids-step .ids-step__headline-label{align-self:center;display:flex;flex-direction:column}.ids-step .ids-step__label{align-self:flex-start;display:flex}.ids-step .ids-step__headline,.ids-step .ids-step__headline h1,.ids-step .ids-step__headline h2,.ids-step .ids-step__headline h3,.ids-step .ids-step__headline h4,.ids-step ::slotted([slot=headline]){color:var(--IDS-STEP__HEADLINE-COLOR);font-family:var(--IDS-HEADING-M__FONT-FAMILY);font-size:var(--IDS-HEADING-M__FONT-SIZE);font-style:normal;font-weight:var(--IDS-HEADING-M__FONT-WEIGHT);letter-spacing:var(--IDS-HEADING-M__LETTER-SPACING);line-height:var(--IDS-HEADING-M__LINE-HEIGHT);margin:0!important;word-break:break-word}@media (min-width:1024px){.ids-step .ids-step__headline,.ids-step .ids-step__headline h1,.ids-step .ids-step__headline h2,.ids-step .ids-step__headline h3,.ids-step .ids-step__headline h4,.ids-step ::slotted([slot=headline]){font-size:var(--IDS-HEADING-M__FONT-SIZE-DESKTOP);letter-spacing:var(--IDS-HEADING-M__LETTER-SPACING-DESKTOP);line-height:var(--IDS-HEADING-M__LINE-HEIGHT-DESKTOP)}}.ids-step .ids-step__chevron{flex-shrink:0;height:2.625rem;position:relative;width:1.25rem}.ids-step .ids-step__chevron:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-STEP__CHEVRON-COLOR);content:\"\\e906\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.ids-step .ids-step__chevron.ids-step__chevron--expanded:before{content:\"\\e909\"}.ids-step .ids-step__content{display:none;padding:1rem 0 0}.ids-step .ids-step__content.ids-step__content--expanded{display:block}@media only screen and (min-width:1024px){.ids-step{margin-bottom:1.25rem}.ids-step:after{bottom:-1.3125rem;height:1.25rem}.ids-step .ids-step__content{padding:1.25rem 0 0 4rem}}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}:root{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__COLOR:var(--ids-color-heading-text-xxl);--IDS-HEADING-XXL__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-XXL__FONT-SIZE:2rem;--IDS-HEADING-XXL__LINE-HEIGHT:2.5rem;--IDS-HEADING-XXL__FONT-SIZE-DESKTOP:3rem;--IDS-HEADING-XXL__LINE-HEIGHT-DESKTOP:3.25rem;--IDS-HEADING-XXL__FONT-WEIGHT:700;--IDS-HEADING-XXL__LETTER-SPACING:-0.052rem;--IDS-HEADING-XXL__LETTER-SPACING-DESKTOP:-0.078rem;--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__COLOR:var(--ids-color-heading-text-xl);--IDS-HEADING-XL__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-XL__FONT-SIZE:1.625rem;--IDS-HEADING-XL__LINE-HEIGHT:2.125rem;--IDS-HEADING-XL__FONT-SIZE-DESKTOP:2.25rem;--IDS-HEADING-XL__LINE-HEIGHT-DESKTOP:2.625rem;--IDS-HEADING-XL__FONT-WEIGHT:700;--IDS-HEADING-XL__LETTER-SPACING:-0.031rem;--IDS-HEADING-XL__LETTER-SPACING-DESKTOP:-0.063rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__COLOR:var(--ids-color-heading-text-l);--IDS-HEADING-L__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-L__FONT-SIZE-DESKTOP:1.75rem;--IDS-HEADING-L__LINE-HEIGHT-DESKTOP:2.25rem;--IDS-HEADING-L__FONT-SIZE:1.5rem;--IDS-HEADING-L__LINE-HEIGHT:1.875rem;--IDS-HEADING-L__FONT-WEIGHT:700;--IDS-HEADING-L__LETTER-SPACING:-0.025rem;--IDS-HEADING-L__LETTER-SPACING-DESKTOP:-0.044rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-M__COLOR:var(--ids-color-heading-text-m);--IDS-HEADING-M__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-M__FONT-SIZE:1.375rem;--IDS-HEADING-M__LINE-HEIGHT:1.75rem;--IDS-HEADING-M__FONT-SIZE-DESKTOP:1.5rem;--IDS-HEADING-M__LINE-HEIGHT-DESKTOP:1.875rem;--IDS-HEADING-M__FONT-WEIGHT:700;--IDS-HEADING-M__LETTER-SPACING:-0.019rem;--IDS-HEADING-M__LETTER-SPACING-DESKTOP:-0.031rem;--IDS-HEADING-S__COLOR:var(--ids-color-heading-text-s);--IDS-HEADING-S__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-S__FONT-SIZE:1.25rem;--IDS-HEADING-S__LINE-HEIGHT:1.5rem;--IDS-HEADING-S__FONT-SIZE-DESKTOP:1.25rem;--IDS-HEADING-S__LINE-HEIGHT-DESKTOP:1.5rem;--IDS-HEADING-S__FONT-WEIGHT:700;--IDS-HEADING-S__LETTER-SPACING:-0.013rem;--IDS-HEADING-S__LETTER-SPACING-DESKTOP:-0.025rem;--IDS-HEADING-XS__COLOR:var(--ids-color-heading-text-xs);--IDS-HEADING-XS__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-XS__FONT-SIZE:1rem;--IDS-HEADING-XS__LINE-HEIGHT:1.25rem;--IDS-HEADING-XS__FONT-WEIGHT:700;--IDS-HEADING-XS__LETTER-SPACING:0;--IDS-ANCHOR__COLOR:var(--ids-color-interactive-text-default);--IDS-ANCHOR__HOVER-COLOR:var(--ids-color-interactive-text-hover);--IDS-PREAMBLE__FONT-FAMILY:var(--IDS-FONT-FAMILY-BASE);--IDS-PREAMBLE__FONT-SIZE:1.125rem;--IDS-PREAMBLE__LINE-HEIGHT:1.75rem;--IDS-PREAMBLE__FONT-SIZE-DESKTOP:1.375rem;--IDS-PREAMBLE__LINE-HEIGHT-DESKTOP:2.25rem;--IDS-BODY__FONT-FAMILY:var(--IDS-FONT-FAMILY-BASE);--IDS-BODY__FONT-SIZE:1rem;--IDS-BODY__LINE-HEIGHT:1.5rem;--IDS-BODY--DISABLED__COLOR:var(--ids-color-interactive-text-disabled);--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}:root.ids--1177-admin,:root.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}:root.ids--inera,:root.ids--inera-admin{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__FONT-SIZE:1.875rem;--IDS-HEADING-XXL__LINE-HEIGHT:2.375rem;--IDS-HEADING-XXL__FONT-SIZE-DESKTOP:2.5rem;--IDS-HEADING-XXL__LINE-HEIGHT-DESKTOP:3.125rem;--IDS-HEADING-XXL__FONT-WEIGHT:600;--IDS-HEADING-XXL__LETTER-SPACING:inherit;--IDS-HEADING-XXL__LETTER-SPACING-DESKTOP:inherit;--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__FONT-SIZE:1.625rem;--IDS-HEADING-XL__LINE-HEIGHT:2rem;--IDS-HEADING-XL__FONT-SIZE-DESKTOP:2rem;--IDS-HEADING-XL__LINE-HEIGHT-DESKTOP:2.5rem;--IDS-HEADING-XL__FONT-WEIGHT:600;--IDS-HEADING-XL__LETTER-SPACING:inherit;--IDS-HEADING-XL__LETTER-SPACING-DESKTOP:inherit;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__FONT-SIZE:1.5rem;--IDS-HEADING-L__LINE-HEIGHT:1.875rem;--IDS-HEADING-L__FONT-SIZE-DESKTOP:1.75rem;--IDS-HEADING-L__LINE-HEIGHT-DESKTOP:2.25rem;--IDS-HEADING-L__FONT-WEIGHT:600;--IDS-HEADING-L__LETTER-SPACING:inherit;--IDS-HEADING-L__LETTER-SPACING-DESKTOP:inherit;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-M__FONT-SIZE:1.375rem;--IDS-HEADING-M__LINE-HEIGHT:1.75rem;--IDS-HEADING-M__FONT-SIZE-DESKTOP:1.5rem;--IDS-HEADING-M__LINE-HEIGHT-DESKTOP:2rem;--IDS-HEADING-M__FONT-WEIGHT:600;--IDS-HEADING-M__LETTER-SPACING:inherit;--IDS-HEADING-M__LETTER-SPACING-DESKTOP:inherit;--IDS-HEADING-S__FONT-SIZE:1.25rem;--IDS-HEADING-S__LINE-HEIGHT:1.5rem;--IDS-HEADING-S__FONT-SIZE-DESKTOP:1.25rem;--IDS-HEADING-S__LINE-HEIGHT-DESKTOP:1.625rem;--IDS-HEADING-S__FONT-WEIGHT:600;--IDS-HEADING-S__LETTER-SPACING:inherit;--IDS-HEADING-S__LETTER-SPACING-DESKTOP:inherit;--IDS-HEADING-XS__FONT-SIZE:1rem;--IDS-HEADING-XS__LINE-HEIGHT:1.25rem;--IDS-HEADING-XS__FONT-WEIGHT:600;--IDS-HEADING-XS__LETTER-SPACING:inherit;--IDS-BODY__LINE-HEIGHT:1.625rem;--IDS-BODY--DISABLED__COLOR:var(--ids-color-interactive-text-disabled);--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}:root.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}:root.ids--dark.ids--1177-admin,:root.ids--dark.ids--1177-pro,:root.ids--dark.ids--inera,:root.ids--dark.ids--inera-admin{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}:host([last]) .ids-step:after{content:none}.ids-stepper .ids-step:last-child:after{display:none}.ids-step{background-color:var(--IDS-STEP__BACKGROUND-COLOR);border:var(--IDS-STEP__BORDER-THICKNESS) solid var(--IDS-STEP__BORDER-COLOR);border-radius:.3125rem;display:flex;flex-direction:column;margin-bottom:1rem;position:relative}.ids-step:after{background-color:var(--IDS-STEP__AFTER-BACKGROUND-COLOR);bottom:-1.0625rem;content:\"\";height:1rem;left:2.25rem;position:absolute;width:.25rem}.ids-step .ids-step__label{color:var(--IDS-STEP__LABEL-COLOR);font-size:1rem}.ids-step .ids-step__button{background:none;border:none;border-radius:.1875rem;box-sizing:border-box;cursor:pointer;display:block;padding:var(--IDS-STEP__BUTTON-PADDING-MOBILE);width:100%}.ids-step .ids-step__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:0!important}.ids-step .ids-step__button.ids-step__button--disabled{cursor:default;pointer-events:none}.ids-step .ids-step__button.ids-step__button--disabled .ids-step__label{color:var(--IDS-STEP--DISABLED__LABEL-COLOR);font-style:italic}.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline,.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline h1,.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline h2,.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline h3,.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline h4{color:var(--IDS-STEP--DISABLED__HEADLINE-COLOR);font-family:var(--IDS-HEADING-M__FONT-FAMILY);font-size:var(--IDS-HEADING-M__FONT-SIZE);font-style:italic!important;font-style:normal;font-weight:var(--IDS-HEADING-M__FONT-WEIGHT);letter-spacing:var(--IDS-HEADING-M__LETTER-SPACING);line-height:var(--IDS-HEADING-M__LINE-HEIGHT)}@media (min-width:1024px){.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline,.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline h1,.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline h2,.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline h3,.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline h4{font-size:var(--IDS-HEADING-M__FONT-SIZE-DESKTOP);letter-spacing:var(--IDS-HEADING-M__LETTER-SPACING-DESKTOP);line-height:var(--IDS-HEADING-M__LINE-HEIGHT-DESKTOP)}}.ids-step .ids-step__button.ids-step__button--disabled .ids-step__chevron{display:none}.ids-step .ids-step__button-inner{align-items:flex-start;display:flex;gap:1rem;width:100%}.ids-step .ids-step__button-text{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;min-height:2.625rem;width:calc(100% - 3.75rem)}.ids-step .ids-step__headline-label{align-self:center!important;display:flex;flex-direction:column}.ids-step .ids-step__indicator-wrapper{align-items:flex-start;display:flex}.ids-step .ids-step__indicator{align-items:center;background-color:var(--IDS-STEP__INDICATOR-BACKGROUND-COLOR);border:var(--IDS-STEP__BORDER-THICKNESS) solid var(--IDS-STEP__INDICATOR-BORDER-COLOR);border-radius:6.25rem;color:var(--IDS-STEP__INDICATOR-COLOR);display:flex;flex-direction:column;font-family:var(--IDS-STEP__INDICATOR-FONT-FAMILY);font-size:1.25rem!important;font-weight:400!important;height:2.625rem;justify-content:center;position:relative;width:2.625rem}.ids-step .ids-step__indicator.ids-step__indicator--selected{background-color:var(--IDS-STEP--SELECTED__INDICATOR-BACKGROUND-COLOR);border:var(--IDS-STEP__BORDER-THICKNESS) solid var(--IDS-STEP__SELECTED__INDICATOR-BORDER-COLOR);color:var(--IDS-STEP--SELECTED__INDICATOR-COLOR)}.ids-step .ids-step__indicator.ids-step__indicator--valid{background-color:var(--IDS-STEP--VALID__INDICATOR-BACKGROUND-COLOR);border:var(--IDS-STEP__BORDER-THICKNESS) solid var(--IDS-STEP--VALID__INDICATOR-BORDER-COLOR)}.ids-step .ids-step__indicator.ids-step__indicator--valid:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-STEP--VALID__INDICATOR-ICON-COLOR);content:\"\\e93a\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem!important;pointer-events:none;position:absolute}.ids-step .ids-step__indicator.ids-step__indicator--invalid{background-color:var(--IDS-STEP--INVALID__INDICATOR-BACKGROUND-COLOR);border:var(--IDS-STEP__BORDER-THICKNESS) solid var(--IDS-STEP--INVALID__INDICATOR-BORDER-COLOR);box-shadow:inset 0 0 0 .0625rem var(--IDS-STEP--INVALID__INDICATOR-ICON-COLOR)}.ids-step .ids-step__indicator.ids-step__indicator--invalid:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-STEP--INVALID__INDICATOR-ICON-COLOR);content:\"\\e91d\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem!important;pointer-events:none;position:absolute}.ids-step .ids-step__label{align-self:flex-start;display:flex}.ids-step .ids-step__headline,.ids-step .ids-step__headline h1,.ids-step .ids-step__headline h2,.ids-step .ids-step__headline h3,.ids-step .ids-step__headline h4,.ids-step ::slotted([slot=headline]){color:var(--IDS-STEP__HEADLINE-COLOR);font-family:var(--IDS-HEADING-M__FONT-FAMILY);font-size:var(--IDS-HEADING-M__FONT-SIZE);font-style:normal;font-weight:var(--IDS-HEADING-M__FONT-WEIGHT);letter-spacing:var(--IDS-HEADING-M__LETTER-SPACING);line-height:var(--IDS-HEADING-M__LINE-HEIGHT);margin:0!important;word-break:break-word}@media (min-width:1024px){.ids-step .ids-step__headline,.ids-step .ids-step__headline h1,.ids-step .ids-step__headline h2,.ids-step .ids-step__headline h3,.ids-step .ids-step__headline h4,.ids-step ::slotted([slot=headline]){font-size:var(--IDS-HEADING-M__FONT-SIZE-DESKTOP);letter-spacing:var(--IDS-HEADING-M__LETTER-SPACING-DESKTOP);line-height:var(--IDS-HEADING-M__LINE-HEIGHT-DESKTOP)}}.ids-step .ids-step__chevron{flex-shrink:0;height:2.625rem;position:relative;width:1.25rem}.ids-step .ids-step__chevron:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-STEP__CHEVRON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:50%;pointer-events:none;position:absolute;top:.625rem;transform:translateX(-50%)}.ids-step .ids-step__chevron.ids-step__chevron--expanded:before{content:\"\\e939\"}.ids-step .ids-step__content{color:var(--IDS-FONT-COLOR);display:none;padding:var(--IDS-STEP__CONTENT-PADDING-MOBILE)}.ids-step .ids-step__content.ids-step__content--expanded{display:block}@media only screen and (min-width:1024px){.ids-step{margin-bottom:1.25rem}.ids-step:after{bottom:-1.3125rem;height:1.25rem}.ids-step .ids-step__button{padding:var(--IDS-STEP__BUTTON-PADDING-DESKTOP)}.ids-step .ids-step__content{padding:var(--IDS-STEP__CONTENT-PADDING-DESKTOP)}}";
 
 var stepperLit = css`${unsafeCSS(css_248z)}`;