@i-cell/ids-styles 0.0.49 → 0.0.50

package/dist/components.plugin.js

@@ -5240,8 +5240,6 @@ module.exports = function ComponentsPlugin() {
       '.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content': { display: 'grid' },
       '.ids-dialog .ids-dialog-container .ids-dialog-content': {
         display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
         overflowY: 'auto',
         background: 'var(--ids-comp-dialog-content-color-bg-default)',
       },
@@ -10926,6 +10924,15 @@ module.exports = function ComponentsPlugin() {
       '.ids-side-nav .ids-side-nav-item.ids-side-nav-item-expandable .ids-side-nav-item-expandable-submenu': {
         display: 'flex',
         flexDirection: 'column',
+        overflow: 'hidden',
+        maxHeight: '0',
+        opacity: 0,
+        transition: 'all 300ms ease-out',
+      },
+      '.ids-side-nav .ids-side-nav-item.ids-side-nav-item-expandable .ids-side-nav-item-expandable-submenu.expanded': {
+        maxHeight: '10000px',
+        opacity: 1,
+        transition: 'all 300ms ease-in',
       },
       '.ids-side-nav .ids-side-nav-item.ids-side-nav-item-expandable .ids-side-nav-item-expandable-summary>button[idsIconButton]': {
         marginLeft: 'auto',

package/dist/dialog/dialog.css

@@ -46,8 +46,6 @@
 }
 .ids-dialog .ids-dialog-container .ids-dialog-content {
   display: flex;
-  align-items: center;
-  justify-content: center;
   overflow-y: auto;
   background: var(--ids-comp-dialog-content-color-bg-default);
 }

package/dist/dialog/dialog.min.css

@@ -1 +1 @@
-.ids-dialog{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;padding:0;border-style:solid;border-color:var(--ids-comp-dialog-container-color-border-surface-default);background-color:var(--ids-comp-dialog-container-color-bg-default);box-shadow:var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-xxl) var(--ids-smc-reference-container-effects-shadow-blur-xxxl) var(--ids-smc-reference-container-effects-shadow-spread-xxs) var(--ids-smc-reference-container-effects-shadow-color-dark-default)}.ids-dialog::before,.ids-dialog::after,.ids-dialog *,.ids-dialog ::before,.ids-dialog ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-dialog::backdrop{background-color:rgba(0,0,0,0)}.ids-dialog.ids-dialog-with-backdrop::backdrop{background-color:var(--ids-comp-dialog-backdrop-background)}.ids-dialog .ids-dialog-container{display:grid;grid-template-rows:auto 1fr auto;position:relative;max-height:80vh}.ids-dialog .ids-dialog-container .ids-dialog-header{display:grid;grid-template-columns:1fr auto}.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title{font-style:normal}.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title.hidden{display:none}.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle{font-style:normal}.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content{display:grid}.ids-dialog .ids-dialog-container .ids-dialog-content{display:flex;align-items:center;justify-content:center;overflow-y:auto;background:var(--ids-comp-dialog-content-color-bg-default)}.ids-dialog .ids-dialog-container .ids-dialog-content .ids-dialog-content-overflow{overflow-y:auto;height:100%}.ids-dialog .ids-dialog-container .ids-dialog-content.ids-dialog-content-scrollable{border-top-style:solid;border-bottom-style:solid;border-top-color:var(--ids-comp-dialog-content-color-border-surface-default);border-bottom-color:var(--ids-comp-dialog-content-color-border-surface-default)}.ids-dialog .ids-dialog-container .ids-dialog-actions{display:flex;background:var(--ids-comp-dialog-footer-color-bg-default);justify-content:flex-end;align-items:flex-start;align-content:flex-start;align-self:stretch;flex-wrap:wrap}.ids-dialog.ids-dialog-compact{border-radius:var(--ids-comp-dialog-container-size-border-radius-compact);border-width:var(--ids-comp-dialog-container-size-border-width-compact)}.ids-dialog.ids-dialog-compact.ids-dialog-with-backdrop::backdrop{opacity:var(--ids-comp-dialog-backdrop-size-opacity-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container{max-width:var(--ids-comp-dialog-container-size-width-compact);min-height:var(--ids-comp-dialog-container-size-min-height-compact);padding:var(--ids-comp-dialog-container-size-padding-y-compact) var(--ids-comp-dialog-container-size-padding-x-compact);gap:var(--ids-comp-dialog-container-size-gap-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-header .ids-dialog-title{font-family:var(--ids-comp-dialog-header-title-typography-font-family-compact);font-size:var(--ids-comp-dialog-header-title-typography-font-size-compact);font-weight:var(--ids-comp-dialog-header-title-typography-font-weight-compact);letter-spacing:var(--ids-comp-dialog-header-title-typography-letter-spacing-compact);line-height:var(--ids-comp-dialog-header-title-typography-line-height-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle{font-family:var(--ids-comp-dialog-header-subtitle-typography-font-family-compact);font-size:var(--ids-comp-dialog-header-subtitle-typography-font-size-compact);font-weight:var(--ids-comp-dialog-header-subtitle-typography-font-weight-compact);letter-spacing:var(--ids-comp-dialog-header-subtitle-typography-letter-spacing-compact);line-height:var(--ids-comp-dialog-header-subtitle-typography-line-height-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content{gap:var(--ids-comp-dialog-header-size-gap-compact);padding:var(--ids-comp-dialog-header-size-padding-y-compact) var(--ids-comp-dialog-header-size-padding-x-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-content{padding:var(--ids-comp-dialog-content-fixed-size-padding-y-compact) var(--ids-comp-dialog-content-fixed-size-padding-x-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-content.ids-dialog-content-scrollable{padding:var(--ids-comp-dialog-content-scrollable-size-padding-y-compact) var(--ids-comp-dialog-content-scrollable-size-padding-x-compact);border-top-width:var(--ids-comp-dialog-content-scrollable-size-border-width-compact);border-bottom-width:var(--ids-comp-dialog-content-scrollable-size-border-width-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-actions{padding:var(--ids-comp-dialog-footer-padding-y-compact) var(--ids-comp-dialog-footer-padding-x-compact);gap:var(--ids-comp-dialog-footer-gap-compact)}.ids-dialog.ids-dialog-comfortable{border-radius:var(--ids-comp-dialog-container-size-border-radius-comfortable);border-width:var(--ids-comp-dialog-container-size-border-width-comfortable)}.ids-dialog.ids-dialog-comfortable.ids-dialog-with-backdrop::backdrop{opacity:var(--ids-comp-dialog-backdrop-size-opacity-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container{max-width:var(--ids-comp-dialog-container-size-width-comfortable);min-height:var(--ids-comp-dialog-container-size-min-height-comfortable);padding:var(--ids-comp-dialog-container-size-padding-y-comfortable) var(--ids-comp-dialog-container-size-padding-x-comfortable);gap:var(--ids-comp-dialog-container-size-gap-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-header .ids-dialog-title{font-family:var(--ids-comp-dialog-header-title-typography-font-family-comfortable);font-size:var(--ids-comp-dialog-header-title-typography-font-size-comfortable);font-weight:var(--ids-comp-dialog-header-title-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-dialog-header-title-typography-letter-spacing-comfortable);line-height:var(--ids-comp-dialog-header-title-typography-line-height-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle{font-family:var(--ids-comp-dialog-header-subtitle-typography-font-family-comfortable);font-size:var(--ids-comp-dialog-header-subtitle-typography-font-size-comfortable);font-weight:var(--ids-comp-dialog-header-subtitle-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-dialog-header-subtitle-typography-letter-spacing-comfortable);line-height:var(--ids-comp-dialog-header-subtitle-typography-line-height-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content{gap:var(--ids-comp-dialog-header-size-gap-comfortable);padding:var(--ids-comp-dialog-header-size-padding-y-comfortable) var(--ids-comp-dialog-header-size-padding-x-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-content{padding:var(--ids-comp-dialog-content-fixed-size-padding-y-comfortable) var(--ids-comp-dialog-content-fixed-size-padding-x-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-content.ids-dialog-content-scrollable{padding:var(--ids-comp-dialog-content-scrollable-size-padding-y-comfortable) var(--ids-comp-dialog-content-scrollable-size-padding-x-comfortable);border-top-width:var(--ids-comp-dialog-content-scrollable-size-border-width-comfortable);border-bottom-width:var(--ids-comp-dialog-content-scrollable-size-border-width-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-actions{padding:var(--ids-comp-dialog-footer-padding-y-comfortable) var(--ids-comp-dialog-footer-padding-x-comfortable);gap:var(--ids-comp-dialog-footer-gap-comfortable)}.ids-dialog.ids-dialog-spacious{border-radius:var(--ids-comp-dialog-container-size-border-radius-spacious);border-width:var(--ids-comp-dialog-container-size-border-width-spacious)}.ids-dialog.ids-dialog-spacious.ids-dialog-with-backdrop::backdrop{opacity:var(--ids-comp-dialog-backdrop-size-opacity-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container{max-width:var(--ids-comp-dialog-container-size-width-spacious);min-height:var(--ids-comp-dialog-container-size-min-height-spacious);padding:var(--ids-comp-dialog-container-size-padding-y-spacious) var(--ids-comp-dialog-container-size-padding-x-spacious);gap:var(--ids-comp-dialog-container-size-gap-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-header .ids-dialog-title{font-family:var(--ids-comp-dialog-header-title-typography-font-family-spacious);font-size:var(--ids-comp-dialog-header-title-typography-font-size-spacious);font-weight:var(--ids-comp-dialog-header-title-typography-font-weight-spacious);letter-spacing:var(--ids-comp-dialog-header-title-typography-letter-spacing-spacious);line-height:var(--ids-comp-dialog-header-title-typography-line-height-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle{font-family:var(--ids-comp-dialog-header-subtitle-typography-font-family-spacious);font-size:var(--ids-comp-dialog-header-subtitle-typography-font-size-spacious);font-weight:var(--ids-comp-dialog-header-subtitle-typography-font-weight-spacious);letter-spacing:var(--ids-comp-dialog-header-subtitle-typography-letter-spacing-spacious);line-height:var(--ids-comp-dialog-header-subtitle-typography-line-height-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content{gap:var(--ids-comp-dialog-header-size-gap-spacious);padding:var(--ids-comp-dialog-header-size-padding-y-spacious) var(--ids-comp-dialog-header-size-padding-x-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-content{padding:var(--ids-comp-dialog-content-fixed-size-padding-y-spacious) var(--ids-comp-dialog-content-fixed-size-padding-x-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-content.ids-dialog-content-scrollable{padding:var(--ids-comp-dialog-content-scrollable-size-padding-y-spacious) var(--ids-comp-dialog-content-scrollable-size-padding-x-spacious);border-top-width:var(--ids-comp-dialog-content-scrollable-size-border-width-spacious);border-bottom-width:var(--ids-comp-dialog-content-scrollable-size-border-width-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-actions{padding:var(--ids-comp-dialog-footer-padding-y-spacious) var(--ids-comp-dialog-footer-padding-x-spacious);gap:var(--ids-comp-dialog-footer-gap-spacious)}.ids-dialog.ids-dialog-dense{border-radius:var(--ids-comp-dialog-container-size-border-radius-dense);border-width:var(--ids-comp-dialog-container-size-border-width-dense)}.ids-dialog.ids-dialog-dense.ids-dialog-with-backdrop::backdrop{opacity:var(--ids-comp-dialog-backdrop-size-opacity-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container{max-width:var(--ids-comp-dialog-container-size-width-dense);min-height:var(--ids-comp-dialog-container-size-min-height-dense);padding:var(--ids-comp-dialog-container-size-padding-y-dense) var(--ids-comp-dialog-container-size-padding-x-dense);gap:var(--ids-comp-dialog-container-size-gap-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-header .ids-dialog-title{font-family:var(--ids-comp-dialog-header-title-typography-font-family-dense);font-size:var(--ids-comp-dialog-header-title-typography-font-size-dense);font-weight:var(--ids-comp-dialog-header-title-typography-font-weight-dense);letter-spacing:var(--ids-comp-dialog-header-title-typography-letter-spacing-dense);line-height:var(--ids-comp-dialog-header-title-typography-line-height-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle{font-family:var(--ids-comp-dialog-header-subtitle-typography-font-family-dense);font-size:var(--ids-comp-dialog-header-subtitle-typography-font-size-dense);font-weight:var(--ids-comp-dialog-header-subtitle-typography-font-weight-dense);letter-spacing:var(--ids-comp-dialog-header-subtitle-typography-letter-spacing-dense);line-height:var(--ids-comp-dialog-header-subtitle-typography-line-height-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content{gap:var(--ids-comp-dialog-header-size-gap-dense);padding:var(--ids-comp-dialog-header-size-padding-y-dense) var(--ids-comp-dialog-header-size-padding-x-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-content{padding:var(--ids-comp-dialog-content-fixed-size-padding-y-dense) var(--ids-comp-dialog-content-fixed-size-padding-x-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-content.ids-dialog-content-scrollable{padding:var(--ids-comp-dialog-content-scrollable-size-padding-y-dense) var(--ids-comp-dialog-content-scrollable-size-padding-x-dense);border-top-width:var(--ids-comp-dialog-content-scrollable-size-border-width-dense);border-bottom-width:var(--ids-comp-dialog-content-scrollable-size-border-width-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-actions{padding:var(--ids-comp-dialog-footer-padding-y-dense) var(--ids-comp-dialog-footer-padding-x-dense);gap:var(--ids-comp-dialog-footer-gap-dense)}
+.ids-dialog{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;padding:0;border-style:solid;border-color:var(--ids-comp-dialog-container-color-border-surface-default);background-color:var(--ids-comp-dialog-container-color-bg-default);box-shadow:var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-xxl) var(--ids-smc-reference-container-effects-shadow-blur-xxxl) var(--ids-smc-reference-container-effects-shadow-spread-xxs) var(--ids-smc-reference-container-effects-shadow-color-dark-default)}.ids-dialog::before,.ids-dialog::after,.ids-dialog *,.ids-dialog ::before,.ids-dialog ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-dialog::backdrop{background-color:rgba(0,0,0,0)}.ids-dialog.ids-dialog-with-backdrop::backdrop{background-color:var(--ids-comp-dialog-backdrop-background)}.ids-dialog .ids-dialog-container{display:grid;grid-template-rows:auto 1fr auto;position:relative;max-height:80vh}.ids-dialog .ids-dialog-container .ids-dialog-header{display:grid;grid-template-columns:1fr auto}.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title{font-style:normal}.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title.hidden{display:none}.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle{font-style:normal}.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content{display:grid}.ids-dialog .ids-dialog-container .ids-dialog-content{display:flex;overflow-y:auto;background:var(--ids-comp-dialog-content-color-bg-default)}.ids-dialog .ids-dialog-container .ids-dialog-content .ids-dialog-content-overflow{overflow-y:auto;height:100%}.ids-dialog .ids-dialog-container .ids-dialog-content.ids-dialog-content-scrollable{border-top-style:solid;border-bottom-style:solid;border-top-color:var(--ids-comp-dialog-content-color-border-surface-default);border-bottom-color:var(--ids-comp-dialog-content-color-border-surface-default)}.ids-dialog .ids-dialog-container .ids-dialog-actions{display:flex;background:var(--ids-comp-dialog-footer-color-bg-default);justify-content:flex-end;align-items:flex-start;align-content:flex-start;align-self:stretch;flex-wrap:wrap}.ids-dialog.ids-dialog-compact{border-radius:var(--ids-comp-dialog-container-size-border-radius-compact);border-width:var(--ids-comp-dialog-container-size-border-width-compact)}.ids-dialog.ids-dialog-compact.ids-dialog-with-backdrop::backdrop{opacity:var(--ids-comp-dialog-backdrop-size-opacity-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container{max-width:var(--ids-comp-dialog-container-size-width-compact);min-height:var(--ids-comp-dialog-container-size-min-height-compact);padding:var(--ids-comp-dialog-container-size-padding-y-compact) var(--ids-comp-dialog-container-size-padding-x-compact);gap:var(--ids-comp-dialog-container-size-gap-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-header .ids-dialog-title{font-family:var(--ids-comp-dialog-header-title-typography-font-family-compact);font-size:var(--ids-comp-dialog-header-title-typography-font-size-compact);font-weight:var(--ids-comp-dialog-header-title-typography-font-weight-compact);letter-spacing:var(--ids-comp-dialog-header-title-typography-letter-spacing-compact);line-height:var(--ids-comp-dialog-header-title-typography-line-height-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle{font-family:var(--ids-comp-dialog-header-subtitle-typography-font-family-compact);font-size:var(--ids-comp-dialog-header-subtitle-typography-font-size-compact);font-weight:var(--ids-comp-dialog-header-subtitle-typography-font-weight-compact);letter-spacing:var(--ids-comp-dialog-header-subtitle-typography-letter-spacing-compact);line-height:var(--ids-comp-dialog-header-subtitle-typography-line-height-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content{gap:var(--ids-comp-dialog-header-size-gap-compact);padding:var(--ids-comp-dialog-header-size-padding-y-compact) var(--ids-comp-dialog-header-size-padding-x-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-content{padding:var(--ids-comp-dialog-content-fixed-size-padding-y-compact) var(--ids-comp-dialog-content-fixed-size-padding-x-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-content.ids-dialog-content-scrollable{padding:var(--ids-comp-dialog-content-scrollable-size-padding-y-compact) var(--ids-comp-dialog-content-scrollable-size-padding-x-compact);border-top-width:var(--ids-comp-dialog-content-scrollable-size-border-width-compact);border-bottom-width:var(--ids-comp-dialog-content-scrollable-size-border-width-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-actions{padding:var(--ids-comp-dialog-footer-padding-y-compact) var(--ids-comp-dialog-footer-padding-x-compact);gap:var(--ids-comp-dialog-footer-gap-compact)}.ids-dialog.ids-dialog-comfortable{border-radius:var(--ids-comp-dialog-container-size-border-radius-comfortable);border-width:var(--ids-comp-dialog-container-size-border-width-comfortable)}.ids-dialog.ids-dialog-comfortable.ids-dialog-with-backdrop::backdrop{opacity:var(--ids-comp-dialog-backdrop-size-opacity-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container{max-width:var(--ids-comp-dialog-container-size-width-comfortable);min-height:var(--ids-comp-dialog-container-size-min-height-comfortable);padding:var(--ids-comp-dialog-container-size-padding-y-comfortable) var(--ids-comp-dialog-container-size-padding-x-comfortable);gap:var(--ids-comp-dialog-container-size-gap-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-header .ids-dialog-title{font-family:var(--ids-comp-dialog-header-title-typography-font-family-comfortable);font-size:var(--ids-comp-dialog-header-title-typography-font-size-comfortable);font-weight:var(--ids-comp-dialog-header-title-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-dialog-header-title-typography-letter-spacing-comfortable);line-height:var(--ids-comp-dialog-header-title-typography-line-height-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle{font-family:var(--ids-comp-dialog-header-subtitle-typography-font-family-comfortable);font-size:var(--ids-comp-dialog-header-subtitle-typography-font-size-comfortable);font-weight:var(--ids-comp-dialog-header-subtitle-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-dialog-header-subtitle-typography-letter-spacing-comfortable);line-height:var(--ids-comp-dialog-header-subtitle-typography-line-height-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content{gap:var(--ids-comp-dialog-header-size-gap-comfortable);padding:var(--ids-comp-dialog-header-size-padding-y-comfortable) var(--ids-comp-dialog-header-size-padding-x-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-content{padding:var(--ids-comp-dialog-content-fixed-size-padding-y-comfortable) var(--ids-comp-dialog-content-fixed-size-padding-x-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-content.ids-dialog-content-scrollable{padding:var(--ids-comp-dialog-content-scrollable-size-padding-y-comfortable) var(--ids-comp-dialog-content-scrollable-size-padding-x-comfortable);border-top-width:var(--ids-comp-dialog-content-scrollable-size-border-width-comfortable);border-bottom-width:var(--ids-comp-dialog-content-scrollable-size-border-width-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-actions{padding:var(--ids-comp-dialog-footer-padding-y-comfortable) var(--ids-comp-dialog-footer-padding-x-comfortable);gap:var(--ids-comp-dialog-footer-gap-comfortable)}.ids-dialog.ids-dialog-spacious{border-radius:var(--ids-comp-dialog-container-size-border-radius-spacious);border-width:var(--ids-comp-dialog-container-size-border-width-spacious)}.ids-dialog.ids-dialog-spacious.ids-dialog-with-backdrop::backdrop{opacity:var(--ids-comp-dialog-backdrop-size-opacity-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container{max-width:var(--ids-comp-dialog-container-size-width-spacious);min-height:var(--ids-comp-dialog-container-size-min-height-spacious);padding:var(--ids-comp-dialog-container-size-padding-y-spacious) var(--ids-comp-dialog-container-size-padding-x-spacious);gap:var(--ids-comp-dialog-container-size-gap-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-header .ids-dialog-title{font-family:var(--ids-comp-dialog-header-title-typography-font-family-spacious);font-size:var(--ids-comp-dialog-header-title-typography-font-size-spacious);font-weight:var(--ids-comp-dialog-header-title-typography-font-weight-spacious);letter-spacing:var(--ids-comp-dialog-header-title-typography-letter-spacing-spacious);line-height:var(--ids-comp-dialog-header-title-typography-line-height-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle{font-family:var(--ids-comp-dialog-header-subtitle-typography-font-family-spacious);font-size:var(--ids-comp-dialog-header-subtitle-typography-font-size-spacious);font-weight:var(--ids-comp-dialog-header-subtitle-typography-font-weight-spacious);letter-spacing:var(--ids-comp-dialog-header-subtitle-typography-letter-spacing-spacious);line-height:var(--ids-comp-dialog-header-subtitle-typography-line-height-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content{gap:var(--ids-comp-dialog-header-size-gap-spacious);padding:var(--ids-comp-dialog-header-size-padding-y-spacious) var(--ids-comp-dialog-header-size-padding-x-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-content{padding:var(--ids-comp-dialog-content-fixed-size-padding-y-spacious) var(--ids-comp-dialog-content-fixed-size-padding-x-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-content.ids-dialog-content-scrollable{padding:var(--ids-comp-dialog-content-scrollable-size-padding-y-spacious) var(--ids-comp-dialog-content-scrollable-size-padding-x-spacious);border-top-width:var(--ids-comp-dialog-content-scrollable-size-border-width-spacious);border-bottom-width:var(--ids-comp-dialog-content-scrollable-size-border-width-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-actions{padding:var(--ids-comp-dialog-footer-padding-y-spacious) var(--ids-comp-dialog-footer-padding-x-spacious);gap:var(--ids-comp-dialog-footer-gap-spacious)}.ids-dialog.ids-dialog-dense{border-radius:var(--ids-comp-dialog-container-size-border-radius-dense);border-width:var(--ids-comp-dialog-container-size-border-width-dense)}.ids-dialog.ids-dialog-dense.ids-dialog-with-backdrop::backdrop{opacity:var(--ids-comp-dialog-backdrop-size-opacity-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container{max-width:var(--ids-comp-dialog-container-size-width-dense);min-height:var(--ids-comp-dialog-container-size-min-height-dense);padding:var(--ids-comp-dialog-container-size-padding-y-dense) var(--ids-comp-dialog-container-size-padding-x-dense);gap:var(--ids-comp-dialog-container-size-gap-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-header .ids-dialog-title{font-family:var(--ids-comp-dialog-header-title-typography-font-family-dense);font-size:var(--ids-comp-dialog-header-title-typography-font-size-dense);font-weight:var(--ids-comp-dialog-header-title-typography-font-weight-dense);letter-spacing:var(--ids-comp-dialog-header-title-typography-letter-spacing-dense);line-height:var(--ids-comp-dialog-header-title-typography-line-height-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle{font-family:var(--ids-comp-dialog-header-subtitle-typography-font-family-dense);font-size:var(--ids-comp-dialog-header-subtitle-typography-font-size-dense);font-weight:var(--ids-comp-dialog-header-subtitle-typography-font-weight-dense);letter-spacing:var(--ids-comp-dialog-header-subtitle-typography-letter-spacing-dense);line-height:var(--ids-comp-dialog-header-subtitle-typography-line-height-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content{gap:var(--ids-comp-dialog-header-size-gap-dense);padding:var(--ids-comp-dialog-header-size-padding-y-dense) var(--ids-comp-dialog-header-size-padding-x-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-content{padding:var(--ids-comp-dialog-content-fixed-size-padding-y-dense) var(--ids-comp-dialog-content-fixed-size-padding-x-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-content.ids-dialog-content-scrollable{padding:var(--ids-comp-dialog-content-scrollable-size-padding-y-dense) var(--ids-comp-dialog-content-scrollable-size-padding-x-dense);border-top-width:var(--ids-comp-dialog-content-scrollable-size-border-width-dense);border-bottom-width:var(--ids-comp-dialog-content-scrollable-size-border-width-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-actions{padding:var(--ids-comp-dialog-footer-padding-y-dense) var(--ids-comp-dialog-footer-padding-x-dense);gap:var(--ids-comp-dialog-footer-gap-dense)}

package/dist/dialog/dialog.plugin.js

@@ -29,8 +29,6 @@ module.exports = function DialogPlugin() {
       '.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content': { display: 'grid' },
       '.ids-dialog .ids-dialog-container .ids-dialog-content': {
         display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
         overflowY: 'auto',
         background: 'var(--ids-comp-dialog-content-color-bg-default)',
       },

package/dist/side-nav/side-nav.css

@@ -28,6 +28,15 @@
 .ids-side-nav .ids-side-nav-item.ids-side-nav-item-expandable .ids-side-nav-item-expandable-submenu {
   display: flex;
   flex-direction: column;
+  overflow: hidden;
+  max-height: 0;
+  opacity: 0;
+  transition: all 300ms ease-out;
+}
+.ids-side-nav .ids-side-nav-item.ids-side-nav-item-expandable .ids-side-nav-item-expandable-submenu.expanded {
+  max-height: 10000px;
+  opacity: 1;
+  transition: all 300ms ease-in;
 }
 .ids-side-nav .ids-side-nav-item.ids-side-nav-item-expandable .ids-side-nav-item-expandable-summary > button[idsIconButton] {
   margin-left: auto;

package/dist/side-nav/side-nav.min.css

@@ -1 +1 @@
-.ids-side-nav{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;background-color:var(--ids-comp-sidenav-color-bg-surface-default);display:flex;flex-direction:column}.ids-side-nav::before,.ids-side-nav::after,.ids-side-nav *,.ids-side-nav ::before,.ids-side-nav ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-side-nav .ids-side-nav-section{display:flex;flex-direction:column;border-style:solid;background-color:var(--ids-comp-sidenav-section-color-bg-surface-default);border-color:var(--ids-comp-sidenav-section-color-border-surface-default)}.ids-side-nav .ids-side-nav-item.ids-side-nav-item-expandable{display:flex;flex-direction:column}.ids-side-nav .ids-side-nav-item.ids-side-nav-item-expandable .ids-side-nav-item-expandable-submenu{display:flex;flex-direction:column}.ids-side-nav .ids-side-nav-item.ids-side-nav-item-expandable .ids-side-nav-item-expandable-summary>button[idsIconButton]{margin-left:auto}.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary{display:inline-flex;align-items:center;width:100%;outline-offset:2px;border-style:solid}.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single a:link,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single a:visited,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary a:link,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary a:visited{text-decoration:none}.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single a:active,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary a:active{outline-style:none}.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single:not([disabled]),.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary:not([disabled]){cursor:pointer}.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single:is([disabled]),.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([disabled]){cursor:not-allowed;outline-style:none}.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before{content:"";position:relative;top:0}.ids-side-nav .ids-side-nav-title{display:inline-flex;align-items:center}.ids-side-nav.ids-side-nav-compact{gap:var(--ids-comp-sidenav-size-gap-compact);padding:var(--ids-comp-sidenav-size-padding-y-compact) var(--ids-comp-sidenav-size-padding-x-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-section{gap:var(--ids-comp-sidenav-section-size-gap-compact);border-radius:var(--ids-comp-sidenav-section-size-border-radius-compact);border-width:var(--ids-comp-sidenav-section-size-border-width-compact);padding:var(--ids-comp-sidenav-section-size-padding-y-compact) var(--ids-comp-sidenav-section-size-padding-x-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-section:has(.ids-side-nav-item>*>.ids-side-nav-item-label){min-width:var(--ids-comp-sidenav-section-size-min-width-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-title{gap:var(--ids-comp-sidenav-section-title-size-gap-compact);padding:var(--ids-comp-sidenav-section-title-size-padding-y-compact) var(--ids-comp-sidenav-section-title-size-padding-x-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-title-label{font-family:var(--ids-comp-sidenav-section-title-typography-font-family-compact);font-size:var(--ids-comp-sidenav-section-title-typography-font-size-compact);font-weight:var(--ids-comp-sidenav-section-title-typography-font-weight-compact);letter-spacing:var(--ids-comp-sidenav-section-title-typography-letter-spacing-compact);line-height:var(--ids-comp-sidenav-section-title-typography-line-height-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-single{border-radius:var(--ids-comp-sidenav-navitem-single-size-border-radius-compact);border-width:var(--ids-comp-sidenav-navitem-single-size-border-width-compact);gap:var(--ids-comp-sidenav-navitem-single-size-gap-compact);height:var(--ids-comp-sidenav-navitem-single-size-height-compact);padding:var(--ids-comp-sidenav-navitem-single-size-padding-y-compact) var(--ids-comp-sidenav-navitem-single-size-padding-x-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-single:focus,.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-single:focus-visible{outline-width:var(--ids-comp-sidenav-navitem-single-focused-outline-size-outline-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-single>.ids-icon{height:var(--ids-comp-sidenav-navitem-single-size-icon-compact);width:var(--ids-comp-sidenav-navitem-single-size-icon-compact);font-size:var(--ids-comp-sidenav-navitem-single-icon-typography-font-size-compact);font-weight:var(--ids-comp-sidenav-navitem-single-icon-typography-font-weight-compact);line-height:var(--ids-comp-sidenav-navitem-single-icon-typography-line-height-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-single .ids-side-nav-item-label{font-family:var(--ids-comp-sidenav-navitem-single-label-typography-font-family-compact);font-size:var(--ids-comp-sidenav-navitem-single-label-typography-font-size-compact);font-weight:var(--ids-comp-sidenav-navitem-single-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-sidenav-navitem-single-label-typography-letter-spacing-compact);line-height:var(--ids-comp-sidenav-navitem-single-label-typography-line-height-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before{height:var(--ids-comp-sidenav-navitem-single-active-indicator-size-height-compact);width:var(--ids-comp-sidenav-navitem-single-active-indicator-size-width-compact);border-radius:var(--ids-comp-sidenav-navitem-single-active-indicator-size-border-radius-compact);left:calc(var(--ids-comp-sidenav-navitem-single-size-padding-x-compact)*-1);margin-right:calc(var(--ids-comp-sidenav-navitem-single-size-gap-compact)*-1)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-summary{border-radius:var(--ids-comp-sidenav-navitem-expandable-summary-size-border-radius-compact);border-width:var(--ids-comp-sidenav-navitem-expandable-summary-size-border-width-compact);gap:var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-compact);height:var(--ids-comp-sidenav-navitem-expandable-summary-size-height-compact);padding:var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-y-compact) var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus,.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible{outline-width:var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-size-outline-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-summary>.ids-icon{height:var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-compact);width:var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-compact);font-size:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-size-compact);font-weight:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-weight-compact);line-height:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-line-height-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-summary .ids-side-nav-item-label{font-family:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-family-compact);font-size:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-size-compact);font-weight:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-letter-spacing-compact);line-height:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-line-height-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before{height:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-height-compact);width:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-width-compact);border-radius:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-border-radius-compact);left:calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-compact)*-1);margin-right:calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-compact)*-1)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-submenu{gap:var(--ids-comp-sidenav-navitem-expandable-submenu-gap-compact);padding:var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-compact) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-compact) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-compact) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item.ids-side-nav-item-expandable{gap:var(--ids-comp-sidenav-navitem-expandable-size-gap-compact);padding:var(--ids-comp-sidenav-navitem-expandable-size-padding-y-compact) var(--ids-comp-sidenav-navitem-expandable-size-padding-x-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item.ids-side-nav-item-expandable:has(.ids-side-nav-item-expandable-summary>.ids-icon[icon-leading]) .ids-side-nav-item-expandable-submenu{padding-left:calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-compact) + var(--ids-comp-sidenav-navitem-expandable-submenu-indent-width-compact))}.ids-side-nav.ids-side-nav-compact .ids-side-nav-title+.ids-side-nav-item{margin-top:var(--ids-comp-sidenav-section-size-gap-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item+.ids-side-nav-item{margin-top:var(--ids-comp-sidenav-section-list-size-gap-compact)}.ids-side-nav.ids-side-nav-comfortable{gap:var(--ids-comp-sidenav-size-gap-comfortable);padding:var(--ids-comp-sidenav-size-padding-y-comfortable) var(--ids-comp-sidenav-size-padding-x-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-section{gap:var(--ids-comp-sidenav-section-size-gap-comfortable);border-radius:var(--ids-comp-sidenav-section-size-border-radius-comfortable);border-width:var(--ids-comp-sidenav-section-size-border-width-comfortable);padding:var(--ids-comp-sidenav-section-size-padding-y-comfortable) var(--ids-comp-sidenav-section-size-padding-x-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-section:has(.ids-side-nav-item>*>.ids-side-nav-item-label){min-width:var(--ids-comp-sidenav-section-size-min-width-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-title{gap:var(--ids-comp-sidenav-section-title-size-gap-comfortable);padding:var(--ids-comp-sidenav-section-title-size-padding-y-comfortable) var(--ids-comp-sidenav-section-title-size-padding-x-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-title-label{font-family:var(--ids-comp-sidenav-section-title-typography-font-family-comfortable);font-size:var(--ids-comp-sidenav-section-title-typography-font-size-comfortable);font-weight:var(--ids-comp-sidenav-section-title-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-sidenav-section-title-typography-letter-spacing-comfortable);line-height:var(--ids-comp-sidenav-section-title-typography-line-height-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-single{border-radius:var(--ids-comp-sidenav-navitem-single-size-border-radius-comfortable);border-width:var(--ids-comp-sidenav-navitem-single-size-border-width-comfortable);gap:var(--ids-comp-sidenav-navitem-single-size-gap-comfortable);height:var(--ids-comp-sidenav-navitem-single-size-height-comfortable);padding:var(--ids-comp-sidenav-navitem-single-size-padding-y-comfortable) var(--ids-comp-sidenav-navitem-single-size-padding-x-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-single:focus,.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-single:focus-visible{outline-width:var(--ids-comp-sidenav-navitem-single-focused-outline-size-outline-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-single>.ids-icon{height:var(--ids-comp-sidenav-navitem-single-size-icon-comfortable);width:var(--ids-comp-sidenav-navitem-single-size-icon-comfortable);font-size:var(--ids-comp-sidenav-navitem-single-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-sidenav-navitem-single-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-sidenav-navitem-single-icon-typography-line-height-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-single .ids-side-nav-item-label{font-family:var(--ids-comp-sidenav-navitem-single-label-typography-font-family-comfortable);font-size:var(--ids-comp-sidenav-navitem-single-label-typography-font-size-comfortable);font-weight:var(--ids-comp-sidenav-navitem-single-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-sidenav-navitem-single-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-sidenav-navitem-single-label-typography-line-height-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before{height:var(--ids-comp-sidenav-navitem-single-active-indicator-size-height-comfortable);width:var(--ids-comp-sidenav-navitem-single-active-indicator-size-width-comfortable);border-radius:var(--ids-comp-sidenav-navitem-single-active-indicator-size-border-radius-comfortable);left:calc(var(--ids-comp-sidenav-navitem-single-size-padding-x-comfortable)*-1);margin-right:calc(var(--ids-comp-sidenav-navitem-single-size-gap-comfortable)*-1)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-summary{border-radius:var(--ids-comp-sidenav-navitem-expandable-summary-size-border-radius-comfortable);border-width:var(--ids-comp-sidenav-navitem-expandable-summary-size-border-width-comfortable);gap:var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-comfortable);height:var(--ids-comp-sidenav-navitem-expandable-summary-size-height-comfortable);padding:var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-y-comfortable) var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus,.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible{outline-width:var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-size-outline-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-summary>.ids-icon{height:var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-comfortable);width:var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-comfortable);font-size:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-line-height-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-summary .ids-side-nav-item-label{font-family:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-family-comfortable);font-size:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-size-comfortable);font-weight:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-line-height-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before{height:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-height-comfortable);width:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-width-comfortable);border-radius:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-border-radius-comfortable);left:calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-comfortable)*-1);margin-right:calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-comfortable)*-1)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-submenu{gap:var(--ids-comp-sidenav-navitem-expandable-submenu-gap-comfortable);padding:var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-comfortable) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-comfortable) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-comfortable) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item.ids-side-nav-item-expandable{gap:var(--ids-comp-sidenav-navitem-expandable-size-gap-comfortable);padding:var(--ids-comp-sidenav-navitem-expandable-size-padding-y-comfortable) var(--ids-comp-sidenav-navitem-expandable-size-padding-x-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item.ids-side-nav-item-expandable:has(.ids-side-nav-item-expandable-summary>.ids-icon[icon-leading]) .ids-side-nav-item-expandable-submenu{padding-left:calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-comfortable) + var(--ids-comp-sidenav-navitem-expandable-submenu-indent-width-comfortable))}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-title+.ids-side-nav-item{margin-top:var(--ids-comp-sidenav-section-size-gap-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item+.ids-side-nav-item{margin-top:var(--ids-comp-sidenav-section-list-size-gap-comfortable)}.ids-side-nav.ids-side-nav-spacious{gap:var(--ids-comp-sidenav-size-gap-spacious);padding:var(--ids-comp-sidenav-size-padding-y-spacious) var(--ids-comp-sidenav-size-padding-x-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-section{gap:var(--ids-comp-sidenav-section-size-gap-spacious);border-radius:var(--ids-comp-sidenav-section-size-border-radius-spacious);border-width:var(--ids-comp-sidenav-section-size-border-width-spacious);padding:var(--ids-comp-sidenav-section-size-padding-y-spacious) var(--ids-comp-sidenav-section-size-padding-x-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-section:has(.ids-side-nav-item>*>.ids-side-nav-item-label){min-width:var(--ids-comp-sidenav-section-size-min-width-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-title{gap:var(--ids-comp-sidenav-section-title-size-gap-spacious);padding:var(--ids-comp-sidenav-section-title-size-padding-y-spacious) var(--ids-comp-sidenav-section-title-size-padding-x-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-title-label{font-family:var(--ids-comp-sidenav-section-title-typography-font-family-spacious);font-size:var(--ids-comp-sidenav-section-title-typography-font-size-spacious);font-weight:var(--ids-comp-sidenav-section-title-typography-font-weight-spacious);letter-spacing:var(--ids-comp-sidenav-section-title-typography-letter-spacing-spacious);line-height:var(--ids-comp-sidenav-section-title-typography-line-height-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-single{border-radius:var(--ids-comp-sidenav-navitem-single-size-border-radius-spacious);border-width:var(--ids-comp-sidenav-navitem-single-size-border-width-spacious);gap:var(--ids-comp-sidenav-navitem-single-size-gap-spacious);height:var(--ids-comp-sidenav-navitem-single-size-height-spacious);padding:var(--ids-comp-sidenav-navitem-single-size-padding-y-spacious) var(--ids-comp-sidenav-navitem-single-size-padding-x-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-single:focus,.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-single:focus-visible{outline-width:var(--ids-comp-sidenav-navitem-single-focused-outline-size-outline-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-single>.ids-icon{height:var(--ids-comp-sidenav-navitem-single-size-icon-spacious);width:var(--ids-comp-sidenav-navitem-single-size-icon-spacious);font-size:var(--ids-comp-sidenav-navitem-single-icon-typography-font-size-spacious);font-weight:var(--ids-comp-sidenav-navitem-single-icon-typography-font-weight-spacious);line-height:var(--ids-comp-sidenav-navitem-single-icon-typography-line-height-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-single .ids-side-nav-item-label{font-family:var(--ids-comp-sidenav-navitem-single-label-typography-font-family-spacious);font-size:var(--ids-comp-sidenav-navitem-single-label-typography-font-size-spacious);font-weight:var(--ids-comp-sidenav-navitem-single-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-sidenav-navitem-single-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-sidenav-navitem-single-label-typography-line-height-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before{height:var(--ids-comp-sidenav-navitem-single-active-indicator-size-height-spacious);width:var(--ids-comp-sidenav-navitem-single-active-indicator-size-width-spacious);border-radius:var(--ids-comp-sidenav-navitem-single-active-indicator-size-border-radius-spacious);left:calc(var(--ids-comp-sidenav-navitem-single-size-padding-x-spacious)*-1);margin-right:calc(var(--ids-comp-sidenav-navitem-single-size-gap-spacious)*-1)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-summary{border-radius:var(--ids-comp-sidenav-navitem-expandable-summary-size-border-radius-spacious);border-width:var(--ids-comp-sidenav-navitem-expandable-summary-size-border-width-spacious);gap:var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-spacious);height:var(--ids-comp-sidenav-navitem-expandable-summary-size-height-spacious);padding:var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-y-spacious) var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus,.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible{outline-width:var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-size-outline-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-summary>.ids-icon{height:var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-spacious);width:var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-spacious);font-size:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-size-spacious);font-weight:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-weight-spacious);line-height:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-line-height-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-summary .ids-side-nav-item-label{font-family:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-family-spacious);font-size:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-size-spacious);font-weight:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-line-height-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before{height:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-height-spacious);width:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-width-spacious);border-radius:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-border-radius-spacious);left:calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-spacious)*-1);margin-right:calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-spacious)*-1)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-submenu{gap:var(--ids-comp-sidenav-navitem-expandable-submenu-gap-spacious);padding:var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-spacious) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-spacious) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-spacious) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item.ids-side-nav-item-expandable{gap:var(--ids-comp-sidenav-navitem-expandable-size-gap-spacious);padding:var(--ids-comp-sidenav-navitem-expandable-size-padding-y-spacious) var(--ids-comp-sidenav-navitem-expandable-size-padding-x-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item.ids-side-nav-item-expandable:has(.ids-side-nav-item-expandable-summary>.ids-icon[icon-leading]) .ids-side-nav-item-expandable-submenu{padding-left:calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-spacious) + var(--ids-comp-sidenav-navitem-expandable-submenu-indent-width-spacious))}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-title+.ids-side-nav-item{margin-top:var(--ids-comp-sidenav-section-size-gap-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item+.ids-side-nav-item{margin-top:var(--ids-comp-sidenav-section-list-size-gap-spacious)}.ids-side-nav.ids-side-nav-dense{gap:var(--ids-comp-sidenav-size-gap-dense);padding:var(--ids-comp-sidenav-size-padding-y-dense) var(--ids-comp-sidenav-size-padding-x-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-section{gap:var(--ids-comp-sidenav-section-size-gap-dense);border-radius:var(--ids-comp-sidenav-section-size-border-radius-dense);border-width:var(--ids-comp-sidenav-section-size-border-width-dense);padding:var(--ids-comp-sidenav-section-size-padding-y-dense) var(--ids-comp-sidenav-section-size-padding-x-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-section:has(.ids-side-nav-item>*>.ids-side-nav-item-label){min-width:var(--ids-comp-sidenav-section-size-min-width-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-title{gap:var(--ids-comp-sidenav-section-title-size-gap-dense);padding:var(--ids-comp-sidenav-section-title-size-padding-y-dense) var(--ids-comp-sidenav-section-title-size-padding-x-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-title-label{font-family:var(--ids-comp-sidenav-section-title-typography-font-family-dense);font-size:var(--ids-comp-sidenav-section-title-typography-font-size-dense);font-weight:var(--ids-comp-sidenav-section-title-typography-font-weight-dense);letter-spacing:var(--ids-comp-sidenav-section-title-typography-letter-spacing-dense);line-height:var(--ids-comp-sidenav-section-title-typography-line-height-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-single{border-radius:var(--ids-comp-sidenav-navitem-single-size-border-radius-dense);border-width:var(--ids-comp-sidenav-navitem-single-size-border-width-dense);gap:var(--ids-comp-sidenav-navitem-single-size-gap-dense);height:var(--ids-comp-sidenav-navitem-single-size-height-dense);padding:var(--ids-comp-sidenav-navitem-single-size-padding-y-dense) var(--ids-comp-sidenav-navitem-single-size-padding-x-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-single:focus,.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-single:focus-visible{outline-width:var(--ids-comp-sidenav-navitem-single-focused-outline-size-outline-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-single>.ids-icon{height:var(--ids-comp-sidenav-navitem-single-size-icon-dense);width:var(--ids-comp-sidenav-navitem-single-size-icon-dense);font-size:var(--ids-comp-sidenav-navitem-single-icon-typography-font-size-dense);font-weight:var(--ids-comp-sidenav-navitem-single-icon-typography-font-weight-dense);line-height:var(--ids-comp-sidenav-navitem-single-icon-typography-line-height-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-single .ids-side-nav-item-label{font-family:var(--ids-comp-sidenav-navitem-single-label-typography-font-family-dense);font-size:var(--ids-comp-sidenav-navitem-single-label-typography-font-size-dense);font-weight:var(--ids-comp-sidenav-navitem-single-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-sidenav-navitem-single-label-typography-letter-spacing-dense);line-height:var(--ids-comp-sidenav-navitem-single-label-typography-line-height-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before{height:var(--ids-comp-sidenav-navitem-single-active-indicator-size-height-dense);width:var(--ids-comp-sidenav-navitem-single-active-indicator-size-width-dense);border-radius:var(--ids-comp-sidenav-navitem-single-active-indicator-size-border-radius-dense);left:calc(var(--ids-comp-sidenav-navitem-single-size-padding-x-dense)*-1);margin-right:calc(var(--ids-comp-sidenav-navitem-single-size-gap-dense)*-1)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-summary{border-radius:var(--ids-comp-sidenav-navitem-expandable-summary-size-border-radius-dense);border-width:var(--ids-comp-sidenav-navitem-expandable-summary-size-border-width-dense);gap:var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-dense);height:var(--ids-comp-sidenav-navitem-expandable-summary-size-height-dense);padding:var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-y-dense) var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus,.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible{outline-width:var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-size-outline-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-summary>.ids-icon{height:var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-dense);width:var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-dense);font-size:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-size-dense);font-weight:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-weight-dense);line-height:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-line-height-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-summary .ids-side-nav-item-label{font-family:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-family-dense);font-size:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-size-dense);font-weight:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-letter-spacing-dense);line-height:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-line-height-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before{height:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-height-dense);width:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-width-dense);border-radius:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-border-radius-dense);left:calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-dense)*-1);margin-right:calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-dense)*-1)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-submenu{gap:var(--ids-comp-sidenav-navitem-expandable-submenu-gap-dense);padding:var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-dense) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-dense) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-dense) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item.ids-side-nav-item-expandable{gap:var(--ids-comp-sidenav-navitem-expandable-size-gap-dense);padding:var(--ids-comp-sidenav-navitem-expandable-size-padding-y-dense) var(--ids-comp-sidenav-navitem-expandable-size-padding-x-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item.ids-side-nav-item-expandable:has(.ids-side-nav-item-expandable-summary>.ids-icon[icon-leading]) .ids-side-nav-item-expandable-submenu{padding-left:calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-dense) + var(--ids-comp-sidenav-navitem-expandable-submenu-indent-width-dense))}.ids-side-nav.ids-side-nav-dense .ids-side-nav-title+.ids-side-nav-item{margin-top:var(--ids-comp-sidenav-section-size-gap-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item+.ids-side-nav-item{margin-top:var(--ids-comp-sidenav-section-list-size-gap-dense)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-surface-default);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-surface-default);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-surface-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-surface-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:hover{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-surface-hovered);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-surface-hovered);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-surface-hovered)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:hover>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-surface-hovered)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:focus,.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:focus-visible{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-surface-focused);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-surface-focused);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-surface-focused);outline-color:var(--ids-comp-sidenav-navitem-single-focused-outline-color-dark-focused)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:focus>.ids-icon,.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:focus-visible>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-surface-focused)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:active{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-surface-pressed);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-surface-pressed);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-surface-pressed)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:active>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-surface-pressed)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:is([disabled]){color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-surface-disabled);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-surface-disabled);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-surface-disabled)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:is([disabled])>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-surface-disabled)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:is([is-active]){color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-surface-active);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-surface-active);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-surface-active)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:is([is-active])>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-surface-active)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before{background-color:var(--ids-comp-sidenav-navitem-single-active-indicator-color-bg-surface-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-surface-default);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-surface-default);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-surface-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-surface-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:hover{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-surface-hovered);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-surface-hovered);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-surface-hovered)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:hover>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-surface-hovered)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus,.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-surface-focused);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-surface-focused);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-surface-focused);outline-color:var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-color-dark-focused)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus>.ids-icon,.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-surface-focused)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:active{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-surface-pressed);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-surface-pressed);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-surface-pressed)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:active>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-surface-pressed)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([disabled]){color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-surface-disabled);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-surface-disabled);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-surface-disabled)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([disabled])>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-surface-disabled)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active]){color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-surface-active);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-surface-active);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-surface-active)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active])>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-surface-active)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before{background-color:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-color-bg-surface-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-light-default);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-light-default);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-light-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-light-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:hover{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-light-hovered);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-light-hovered);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-light-hovered)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:hover>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-light-hovered)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:focus,.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:focus-visible{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-light-focused);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-light-focused);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-light-focused);outline-color:var(--ids-comp-sidenav-navitem-single-focused-outline-color-light-focused)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:focus>.ids-icon,.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:focus-visible>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-light-focused)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:active{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-light-pressed);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-light-pressed);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-light-pressed)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:active>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-light-pressed)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:is([disabled]){color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-light-disabled);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-light-disabled);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-light-disabled)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:is([disabled])>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-light-disabled)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:is([is-active]){color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-light-active);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-light-active);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-light-active)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:is([is-active])>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-light-active)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before{background-color:var(--ids-comp-sidenav-navitem-single-active-indicator-color-bg-light-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-light-default);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-light-default);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-light-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-light-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:hover{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-light-hovered);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-light-hovered);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-light-hovered)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:hover>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-light-hovered)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus,.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-light-focused);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-light-focused);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-light-focused);outline-color:var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-color-light-focused)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus>.ids-icon,.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-light-focused)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:active{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-light-pressed);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-light-pressed);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-light-pressed)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:active>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-light-pressed)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([disabled]){color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-light-disabled);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-light-disabled);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-light-disabled)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([disabled])>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-light-disabled)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active]){color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-light-active);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-light-active);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-light-active)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active])>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-light-active)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before{background-color:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-color-bg-light-default)}
+.ids-side-nav{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;background-color:var(--ids-comp-sidenav-color-bg-surface-default);display:flex;flex-direction:column}.ids-side-nav::before,.ids-side-nav::after,.ids-side-nav *,.ids-side-nav ::before,.ids-side-nav ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-side-nav .ids-side-nav-section{display:flex;flex-direction:column;border-style:solid;background-color:var(--ids-comp-sidenav-section-color-bg-surface-default);border-color:var(--ids-comp-sidenav-section-color-border-surface-default)}.ids-side-nav .ids-side-nav-item.ids-side-nav-item-expandable{display:flex;flex-direction:column}.ids-side-nav .ids-side-nav-item.ids-side-nav-item-expandable .ids-side-nav-item-expandable-submenu{display:flex;flex-direction:column;overflow:hidden;max-height:0;opacity:0;transition:all 300ms ease-out}.ids-side-nav .ids-side-nav-item.ids-side-nav-item-expandable .ids-side-nav-item-expandable-submenu.expanded{max-height:10000px;opacity:1;transition:all 300ms ease-in}.ids-side-nav .ids-side-nav-item.ids-side-nav-item-expandable .ids-side-nav-item-expandable-summary>button[idsIconButton]{margin-left:auto}.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary{display:inline-flex;align-items:center;width:100%;outline-offset:2px;border-style:solid}.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single a:link,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single a:visited,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary a:link,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary a:visited{text-decoration:none}.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single a:active,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary a:active{outline-style:none}.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single:not([disabled]),.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary:not([disabled]){cursor:pointer}.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single:is([disabled]),.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([disabled]){cursor:not-allowed;outline-style:none}.ids-side-nav .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before,.ids-side-nav .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before{content:"";position:relative;top:0}.ids-side-nav .ids-side-nav-title{display:inline-flex;align-items:center}.ids-side-nav.ids-side-nav-compact{gap:var(--ids-comp-sidenav-size-gap-compact);padding:var(--ids-comp-sidenav-size-padding-y-compact) var(--ids-comp-sidenav-size-padding-x-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-section{gap:var(--ids-comp-sidenav-section-size-gap-compact);border-radius:var(--ids-comp-sidenav-section-size-border-radius-compact);border-width:var(--ids-comp-sidenav-section-size-border-width-compact);padding:var(--ids-comp-sidenav-section-size-padding-y-compact) var(--ids-comp-sidenav-section-size-padding-x-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-section:has(.ids-side-nav-item>*>.ids-side-nav-item-label){min-width:var(--ids-comp-sidenav-section-size-min-width-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-title{gap:var(--ids-comp-sidenav-section-title-size-gap-compact);padding:var(--ids-comp-sidenav-section-title-size-padding-y-compact) var(--ids-comp-sidenav-section-title-size-padding-x-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-title-label{font-family:var(--ids-comp-sidenav-section-title-typography-font-family-compact);font-size:var(--ids-comp-sidenav-section-title-typography-font-size-compact);font-weight:var(--ids-comp-sidenav-section-title-typography-font-weight-compact);letter-spacing:var(--ids-comp-sidenav-section-title-typography-letter-spacing-compact);line-height:var(--ids-comp-sidenav-section-title-typography-line-height-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-single{border-radius:var(--ids-comp-sidenav-navitem-single-size-border-radius-compact);border-width:var(--ids-comp-sidenav-navitem-single-size-border-width-compact);gap:var(--ids-comp-sidenav-navitem-single-size-gap-compact);height:var(--ids-comp-sidenav-navitem-single-size-height-compact);padding:var(--ids-comp-sidenav-navitem-single-size-padding-y-compact) var(--ids-comp-sidenav-navitem-single-size-padding-x-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-single:focus,.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-single:focus-visible{outline-width:var(--ids-comp-sidenav-navitem-single-focused-outline-size-outline-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-single>.ids-icon{height:var(--ids-comp-sidenav-navitem-single-size-icon-compact);width:var(--ids-comp-sidenav-navitem-single-size-icon-compact);font-size:var(--ids-comp-sidenav-navitem-single-icon-typography-font-size-compact);font-weight:var(--ids-comp-sidenav-navitem-single-icon-typography-font-weight-compact);line-height:var(--ids-comp-sidenav-navitem-single-icon-typography-line-height-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-single .ids-side-nav-item-label{font-family:var(--ids-comp-sidenav-navitem-single-label-typography-font-family-compact);font-size:var(--ids-comp-sidenav-navitem-single-label-typography-font-size-compact);font-weight:var(--ids-comp-sidenav-navitem-single-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-sidenav-navitem-single-label-typography-letter-spacing-compact);line-height:var(--ids-comp-sidenav-navitem-single-label-typography-line-height-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before{height:var(--ids-comp-sidenav-navitem-single-active-indicator-size-height-compact);width:var(--ids-comp-sidenav-navitem-single-active-indicator-size-width-compact);border-radius:var(--ids-comp-sidenav-navitem-single-active-indicator-size-border-radius-compact);left:calc(var(--ids-comp-sidenav-navitem-single-size-padding-x-compact)*-1);margin-right:calc(var(--ids-comp-sidenav-navitem-single-size-gap-compact)*-1)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-summary{border-radius:var(--ids-comp-sidenav-navitem-expandable-summary-size-border-radius-compact);border-width:var(--ids-comp-sidenav-navitem-expandable-summary-size-border-width-compact);gap:var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-compact);height:var(--ids-comp-sidenav-navitem-expandable-summary-size-height-compact);padding:var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-y-compact) var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus,.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible{outline-width:var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-size-outline-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-summary>.ids-icon{height:var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-compact);width:var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-compact);font-size:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-size-compact);font-weight:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-weight-compact);line-height:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-line-height-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-summary .ids-side-nav-item-label{font-family:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-family-compact);font-size:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-size-compact);font-weight:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-letter-spacing-compact);line-height:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-line-height-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before{height:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-height-compact);width:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-width-compact);border-radius:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-border-radius-compact);left:calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-compact)*-1);margin-right:calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-compact)*-1)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-submenu{gap:var(--ids-comp-sidenav-navitem-expandable-submenu-gap-compact);padding:var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-compact) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-compact) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-compact) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item.ids-side-nav-item-expandable{gap:var(--ids-comp-sidenav-navitem-expandable-size-gap-compact);padding:var(--ids-comp-sidenav-navitem-expandable-size-padding-y-compact) var(--ids-comp-sidenav-navitem-expandable-size-padding-x-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item.ids-side-nav-item-expandable:has(.ids-side-nav-item-expandable-summary>.ids-icon[icon-leading]) .ids-side-nav-item-expandable-submenu{padding-left:calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-compact) + var(--ids-comp-sidenav-navitem-expandable-submenu-indent-width-compact))}.ids-side-nav.ids-side-nav-compact .ids-side-nav-title+.ids-side-nav-item{margin-top:var(--ids-comp-sidenav-section-size-gap-compact)}.ids-side-nav.ids-side-nav-compact .ids-side-nav-item+.ids-side-nav-item{margin-top:var(--ids-comp-sidenav-section-list-size-gap-compact)}.ids-side-nav.ids-side-nav-comfortable{gap:var(--ids-comp-sidenav-size-gap-comfortable);padding:var(--ids-comp-sidenav-size-padding-y-comfortable) var(--ids-comp-sidenav-size-padding-x-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-section{gap:var(--ids-comp-sidenav-section-size-gap-comfortable);border-radius:var(--ids-comp-sidenav-section-size-border-radius-comfortable);border-width:var(--ids-comp-sidenav-section-size-border-width-comfortable);padding:var(--ids-comp-sidenav-section-size-padding-y-comfortable) var(--ids-comp-sidenav-section-size-padding-x-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-section:has(.ids-side-nav-item>*>.ids-side-nav-item-label){min-width:var(--ids-comp-sidenav-section-size-min-width-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-title{gap:var(--ids-comp-sidenav-section-title-size-gap-comfortable);padding:var(--ids-comp-sidenav-section-title-size-padding-y-comfortable) var(--ids-comp-sidenav-section-title-size-padding-x-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-title-label{font-family:var(--ids-comp-sidenav-section-title-typography-font-family-comfortable);font-size:var(--ids-comp-sidenav-section-title-typography-font-size-comfortable);font-weight:var(--ids-comp-sidenav-section-title-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-sidenav-section-title-typography-letter-spacing-comfortable);line-height:var(--ids-comp-sidenav-section-title-typography-line-height-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-single{border-radius:var(--ids-comp-sidenav-navitem-single-size-border-radius-comfortable);border-width:var(--ids-comp-sidenav-navitem-single-size-border-width-comfortable);gap:var(--ids-comp-sidenav-navitem-single-size-gap-comfortable);height:var(--ids-comp-sidenav-navitem-single-size-height-comfortable);padding:var(--ids-comp-sidenav-navitem-single-size-padding-y-comfortable) var(--ids-comp-sidenav-navitem-single-size-padding-x-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-single:focus,.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-single:focus-visible{outline-width:var(--ids-comp-sidenav-navitem-single-focused-outline-size-outline-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-single>.ids-icon{height:var(--ids-comp-sidenav-navitem-single-size-icon-comfortable);width:var(--ids-comp-sidenav-navitem-single-size-icon-comfortable);font-size:var(--ids-comp-sidenav-navitem-single-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-sidenav-navitem-single-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-sidenav-navitem-single-icon-typography-line-height-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-single .ids-side-nav-item-label{font-family:var(--ids-comp-sidenav-navitem-single-label-typography-font-family-comfortable);font-size:var(--ids-comp-sidenav-navitem-single-label-typography-font-size-comfortable);font-weight:var(--ids-comp-sidenav-navitem-single-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-sidenav-navitem-single-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-sidenav-navitem-single-label-typography-line-height-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before{height:var(--ids-comp-sidenav-navitem-single-active-indicator-size-height-comfortable);width:var(--ids-comp-sidenav-navitem-single-active-indicator-size-width-comfortable);border-radius:var(--ids-comp-sidenav-navitem-single-active-indicator-size-border-radius-comfortable);left:calc(var(--ids-comp-sidenav-navitem-single-size-padding-x-comfortable)*-1);margin-right:calc(var(--ids-comp-sidenav-navitem-single-size-gap-comfortable)*-1)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-summary{border-radius:var(--ids-comp-sidenav-navitem-expandable-summary-size-border-radius-comfortable);border-width:var(--ids-comp-sidenav-navitem-expandable-summary-size-border-width-comfortable);gap:var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-comfortable);height:var(--ids-comp-sidenav-navitem-expandable-summary-size-height-comfortable);padding:var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-y-comfortable) var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus,.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible{outline-width:var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-size-outline-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-summary>.ids-icon{height:var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-comfortable);width:var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-comfortable);font-size:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-line-height-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-summary .ids-side-nav-item-label{font-family:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-family-comfortable);font-size:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-size-comfortable);font-weight:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-line-height-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before{height:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-height-comfortable);width:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-width-comfortable);border-radius:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-border-radius-comfortable);left:calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-comfortable)*-1);margin-right:calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-comfortable)*-1)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-submenu{gap:var(--ids-comp-sidenav-navitem-expandable-submenu-gap-comfortable);padding:var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-comfortable) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-comfortable) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-comfortable) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item.ids-side-nav-item-expandable{gap:var(--ids-comp-sidenav-navitem-expandable-size-gap-comfortable);padding:var(--ids-comp-sidenav-navitem-expandable-size-padding-y-comfortable) var(--ids-comp-sidenav-navitem-expandable-size-padding-x-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item.ids-side-nav-item-expandable:has(.ids-side-nav-item-expandable-summary>.ids-icon[icon-leading]) .ids-side-nav-item-expandable-submenu{padding-left:calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-comfortable) + var(--ids-comp-sidenav-navitem-expandable-submenu-indent-width-comfortable))}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-title+.ids-side-nav-item{margin-top:var(--ids-comp-sidenav-section-size-gap-comfortable)}.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item+.ids-side-nav-item{margin-top:var(--ids-comp-sidenav-section-list-size-gap-comfortable)}.ids-side-nav.ids-side-nav-spacious{gap:var(--ids-comp-sidenav-size-gap-spacious);padding:var(--ids-comp-sidenav-size-padding-y-spacious) var(--ids-comp-sidenav-size-padding-x-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-section{gap:var(--ids-comp-sidenav-section-size-gap-spacious);border-radius:var(--ids-comp-sidenav-section-size-border-radius-spacious);border-width:var(--ids-comp-sidenav-section-size-border-width-spacious);padding:var(--ids-comp-sidenav-section-size-padding-y-spacious) var(--ids-comp-sidenav-section-size-padding-x-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-section:has(.ids-side-nav-item>*>.ids-side-nav-item-label){min-width:var(--ids-comp-sidenav-section-size-min-width-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-title{gap:var(--ids-comp-sidenav-section-title-size-gap-spacious);padding:var(--ids-comp-sidenav-section-title-size-padding-y-spacious) var(--ids-comp-sidenav-section-title-size-padding-x-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-title-label{font-family:var(--ids-comp-sidenav-section-title-typography-font-family-spacious);font-size:var(--ids-comp-sidenav-section-title-typography-font-size-spacious);font-weight:var(--ids-comp-sidenav-section-title-typography-font-weight-spacious);letter-spacing:var(--ids-comp-sidenav-section-title-typography-letter-spacing-spacious);line-height:var(--ids-comp-sidenav-section-title-typography-line-height-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-single{border-radius:var(--ids-comp-sidenav-navitem-single-size-border-radius-spacious);border-width:var(--ids-comp-sidenav-navitem-single-size-border-width-spacious);gap:var(--ids-comp-sidenav-navitem-single-size-gap-spacious);height:var(--ids-comp-sidenav-navitem-single-size-height-spacious);padding:var(--ids-comp-sidenav-navitem-single-size-padding-y-spacious) var(--ids-comp-sidenav-navitem-single-size-padding-x-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-single:focus,.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-single:focus-visible{outline-width:var(--ids-comp-sidenav-navitem-single-focused-outline-size-outline-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-single>.ids-icon{height:var(--ids-comp-sidenav-navitem-single-size-icon-spacious);width:var(--ids-comp-sidenav-navitem-single-size-icon-spacious);font-size:var(--ids-comp-sidenav-navitem-single-icon-typography-font-size-spacious);font-weight:var(--ids-comp-sidenav-navitem-single-icon-typography-font-weight-spacious);line-height:var(--ids-comp-sidenav-navitem-single-icon-typography-line-height-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-single .ids-side-nav-item-label{font-family:var(--ids-comp-sidenav-navitem-single-label-typography-font-family-spacious);font-size:var(--ids-comp-sidenav-navitem-single-label-typography-font-size-spacious);font-weight:var(--ids-comp-sidenav-navitem-single-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-sidenav-navitem-single-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-sidenav-navitem-single-label-typography-line-height-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before{height:var(--ids-comp-sidenav-navitem-single-active-indicator-size-height-spacious);width:var(--ids-comp-sidenav-navitem-single-active-indicator-size-width-spacious);border-radius:var(--ids-comp-sidenav-navitem-single-active-indicator-size-border-radius-spacious);left:calc(var(--ids-comp-sidenav-navitem-single-size-padding-x-spacious)*-1);margin-right:calc(var(--ids-comp-sidenav-navitem-single-size-gap-spacious)*-1)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-summary{border-radius:var(--ids-comp-sidenav-navitem-expandable-summary-size-border-radius-spacious);border-width:var(--ids-comp-sidenav-navitem-expandable-summary-size-border-width-spacious);gap:var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-spacious);height:var(--ids-comp-sidenav-navitem-expandable-summary-size-height-spacious);padding:var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-y-spacious) var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus,.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible{outline-width:var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-size-outline-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-summary>.ids-icon{height:var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-spacious);width:var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-spacious);font-size:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-size-spacious);font-weight:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-weight-spacious);line-height:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-line-height-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-summary .ids-side-nav-item-label{font-family:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-family-spacious);font-size:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-size-spacious);font-weight:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-line-height-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before{height:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-height-spacious);width:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-width-spacious);border-radius:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-border-radius-spacious);left:calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-spacious)*-1);margin-right:calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-spacious)*-1)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-submenu{gap:var(--ids-comp-sidenav-navitem-expandable-submenu-gap-spacious);padding:var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-spacious) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-spacious) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-spacious) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item.ids-side-nav-item-expandable{gap:var(--ids-comp-sidenav-navitem-expandable-size-gap-spacious);padding:var(--ids-comp-sidenav-navitem-expandable-size-padding-y-spacious) var(--ids-comp-sidenav-navitem-expandable-size-padding-x-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item.ids-side-nav-item-expandable:has(.ids-side-nav-item-expandable-summary>.ids-icon[icon-leading]) .ids-side-nav-item-expandable-submenu{padding-left:calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-spacious) + var(--ids-comp-sidenav-navitem-expandable-submenu-indent-width-spacious))}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-title+.ids-side-nav-item{margin-top:var(--ids-comp-sidenav-section-size-gap-spacious)}.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item+.ids-side-nav-item{margin-top:var(--ids-comp-sidenav-section-list-size-gap-spacious)}.ids-side-nav.ids-side-nav-dense{gap:var(--ids-comp-sidenav-size-gap-dense);padding:var(--ids-comp-sidenav-size-padding-y-dense) var(--ids-comp-sidenav-size-padding-x-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-section{gap:var(--ids-comp-sidenav-section-size-gap-dense);border-radius:var(--ids-comp-sidenav-section-size-border-radius-dense);border-width:var(--ids-comp-sidenav-section-size-border-width-dense);padding:var(--ids-comp-sidenav-section-size-padding-y-dense) var(--ids-comp-sidenav-section-size-padding-x-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-section:has(.ids-side-nav-item>*>.ids-side-nav-item-label){min-width:var(--ids-comp-sidenav-section-size-min-width-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-title{gap:var(--ids-comp-sidenav-section-title-size-gap-dense);padding:var(--ids-comp-sidenav-section-title-size-padding-y-dense) var(--ids-comp-sidenav-section-title-size-padding-x-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-title-label{font-family:var(--ids-comp-sidenav-section-title-typography-font-family-dense);font-size:var(--ids-comp-sidenav-section-title-typography-font-size-dense);font-weight:var(--ids-comp-sidenav-section-title-typography-font-weight-dense);letter-spacing:var(--ids-comp-sidenav-section-title-typography-letter-spacing-dense);line-height:var(--ids-comp-sidenav-section-title-typography-line-height-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-single{border-radius:var(--ids-comp-sidenav-navitem-single-size-border-radius-dense);border-width:var(--ids-comp-sidenav-navitem-single-size-border-width-dense);gap:var(--ids-comp-sidenav-navitem-single-size-gap-dense);height:var(--ids-comp-sidenav-navitem-single-size-height-dense);padding:var(--ids-comp-sidenav-navitem-single-size-padding-y-dense) var(--ids-comp-sidenav-navitem-single-size-padding-x-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-single:focus,.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-single:focus-visible{outline-width:var(--ids-comp-sidenav-navitem-single-focused-outline-size-outline-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-single>.ids-icon{height:var(--ids-comp-sidenav-navitem-single-size-icon-dense);width:var(--ids-comp-sidenav-navitem-single-size-icon-dense);font-size:var(--ids-comp-sidenav-navitem-single-icon-typography-font-size-dense);font-weight:var(--ids-comp-sidenav-navitem-single-icon-typography-font-weight-dense);line-height:var(--ids-comp-sidenav-navitem-single-icon-typography-line-height-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-single .ids-side-nav-item-label{font-family:var(--ids-comp-sidenav-navitem-single-label-typography-font-family-dense);font-size:var(--ids-comp-sidenav-navitem-single-label-typography-font-size-dense);font-weight:var(--ids-comp-sidenav-navitem-single-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-sidenav-navitem-single-label-typography-letter-spacing-dense);line-height:var(--ids-comp-sidenav-navitem-single-label-typography-line-height-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before{height:var(--ids-comp-sidenav-navitem-single-active-indicator-size-height-dense);width:var(--ids-comp-sidenav-navitem-single-active-indicator-size-width-dense);border-radius:var(--ids-comp-sidenav-navitem-single-active-indicator-size-border-radius-dense);left:calc(var(--ids-comp-sidenav-navitem-single-size-padding-x-dense)*-1);margin-right:calc(var(--ids-comp-sidenav-navitem-single-size-gap-dense)*-1)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-summary{border-radius:var(--ids-comp-sidenav-navitem-expandable-summary-size-border-radius-dense);border-width:var(--ids-comp-sidenav-navitem-expandable-summary-size-border-width-dense);gap:var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-dense);height:var(--ids-comp-sidenav-navitem-expandable-summary-size-height-dense);padding:var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-y-dense) var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus,.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible{outline-width:var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-size-outline-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-summary>.ids-icon{height:var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-dense);width:var(--ids-comp-sidenav-navitem-expandable-summary-size-icon-dense);font-size:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-size-dense);font-weight:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-font-weight-dense);line-height:var(--ids-comp-sidenav-navitem-expandable-summary-icon-typography-line-height-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-summary .ids-side-nav-item-label{font-family:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-family-dense);font-size:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-size-dense);font-weight:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-letter-spacing-dense);line-height:var(--ids-comp-sidenav-navitem-expandable-summary-label-typography-line-height-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before{height:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-height-dense);width:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-width-dense);border-radius:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-size-border-radius-dense);left:calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-padding-x-dense)*-1);margin-right:calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-dense)*-1)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-submenu{gap:var(--ids-comp-sidenav-navitem-expandable-submenu-gap-dense);padding:var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-dense) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-dense) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-dense) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item.ids-side-nav-item-expandable{gap:var(--ids-comp-sidenav-navitem-expandable-size-gap-dense);padding:var(--ids-comp-sidenav-navitem-expandable-size-padding-y-dense) var(--ids-comp-sidenav-navitem-expandable-size-padding-x-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item.ids-side-nav-item-expandable:has(.ids-side-nav-item-expandable-summary>.ids-icon[icon-leading]) .ids-side-nav-item-expandable-submenu{padding-left:calc(var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-dense) + var(--ids-comp-sidenav-navitem-expandable-submenu-indent-width-dense))}.ids-side-nav.ids-side-nav-dense .ids-side-nav-title+.ids-side-nav-item{margin-top:var(--ids-comp-sidenav-section-size-gap-dense)}.ids-side-nav.ids-side-nav-dense .ids-side-nav-item+.ids-side-nav-item{margin-top:var(--ids-comp-sidenav-section-list-size-gap-dense)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-surface-default);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-surface-default);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-surface-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-surface-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:hover{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-surface-hovered);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-surface-hovered);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-surface-hovered)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:hover>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-surface-hovered)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:focus,.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:focus-visible{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-surface-focused);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-surface-focused);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-surface-focused);outline-color:var(--ids-comp-sidenav-navitem-single-focused-outline-color-dark-focused)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:focus>.ids-icon,.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:focus-visible>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-surface-focused)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:active{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-surface-pressed);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-surface-pressed);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-surface-pressed)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:active>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-surface-pressed)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:is([disabled]){color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-surface-disabled);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-surface-disabled);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-surface-disabled)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:is([disabled])>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-surface-disabled)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:is([is-active]){color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-surface-active);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-surface-active);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-surface-active)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:is([is-active])>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-surface-active)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before{background-color:var(--ids-comp-sidenav-navitem-single-active-indicator-color-bg-surface-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-surface-default);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-surface-default);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-surface-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-surface-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:hover{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-surface-hovered);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-surface-hovered);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-surface-hovered)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:hover>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-surface-hovered)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus,.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-surface-focused);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-surface-focused);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-surface-focused);outline-color:var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-color-dark-focused)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus>.ids-icon,.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-surface-focused)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:active{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-surface-pressed);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-surface-pressed);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-surface-pressed)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:active>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-surface-pressed)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([disabled]){color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-surface-disabled);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-surface-disabled);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-surface-disabled)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([disabled])>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-surface-disabled)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active]){color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-surface-active);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-surface-active);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-surface-active)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active])>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-surface-active)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-surface .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before{background-color:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-color-bg-surface-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-light-default);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-light-default);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-light-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-light-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:hover{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-light-hovered);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-light-hovered);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-light-hovered)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:hover>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-light-hovered)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:focus,.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:focus-visible{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-light-focused);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-light-focused);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-light-focused);outline-color:var(--ids-comp-sidenav-navitem-single-focused-outline-color-light-focused)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:focus>.ids-icon,.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:focus-visible>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-light-focused)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:active{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-light-pressed);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-light-pressed);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-light-pressed)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:active>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-light-pressed)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:is([disabled]){color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-light-disabled);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-light-disabled);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-light-disabled)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:is([disabled])>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-light-disabled)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:is([is-active]){color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-label-light-active);background:var(--ids-comp-sidenav-navitem-single-standard-color-bg-light-active);border-color:var(--ids-comp-sidenav-navitem-single-standard-color-border-light-active)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:is([is-active])>.ids-icon{color:var(--ids-comp-sidenav-navitem-single-standard-color-fg-icon-light-active)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-single:is([is-active-indicator]):before{background-color:var(--ids-comp-sidenav-navitem-single-active-indicator-color-bg-light-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-light-default);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-light-default);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-light-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-light-default)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:hover{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-light-hovered);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-light-hovered);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-light-hovered)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:hover>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-light-hovered)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus,.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-light-focused);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-light-focused);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-light-focused);outline-color:var(--ids-comp-sidenav-navitem-expandable-summary-focused-outline-color-light-focused)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus>.ids-icon,.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:focus-visible>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-light-focused)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:active{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-light-pressed);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-light-pressed);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-light-pressed)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:active>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-light-pressed)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([disabled]){color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-light-disabled);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-light-disabled);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-light-disabled)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([disabled])>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-light-disabled)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active]){color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-label-light-active);background:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-bg-light-active);border-color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-border-light-active)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active])>.ids-icon{color:var(--ids-comp-sidenav-navitem-expandable-summary-standard-color-fg-icon-light-active)}.ids-side-nav.ids-side-nav-standard.ids-side-nav-light .ids-side-nav-item .ids-side-nav-item-expandable-summary:is([is-active-indicator]):before{background-color:var(--ids-comp-sidenav-navitem-expandable-summary-active-indicator-color-bg-light-default)}

package/dist/side-nav/side-nav.plugin.js

@@ -29,6 +29,15 @@ module.exports = function SideNavPlugin() {
       '.ids-side-nav .ids-side-nav-item.ids-side-nav-item-expandable .ids-side-nav-item-expandable-submenu': {
         display: 'flex',
         flexDirection: 'column',
+        overflow: 'hidden',
+        maxHeight: '0',
+        opacity: 0,
+        transition: 'all 300ms ease-out',
+      },
+      '.ids-side-nav .ids-side-nav-item.ids-side-nav-item-expandable .ids-side-nav-item-expandable-submenu.expanded': {
+        maxHeight: '10000px',
+        opacity: 1,
+        transition: 'all 300ms ease-in',
       },
       '.ids-side-nav .ids-side-nav-item.ids-side-nav-item-expandable .ids-side-nav-item-expandable-summary>button[idsIconButton]': {
         marginLeft: 'auto',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@i-cell/ids-styles",
-  "version": "0.0.49",
+  "version": "0.0.50",
   "private": false,
   "description": "Stylesheets for i-Cell Design System UI Kit components (currently Vue and Angular)",
   "scripts": {