@i-cell/ids-styles 0.0.70 → 0.0.72

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

@@ -1 +1 @@
-.ids-side-sheet{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5}.ids-side-sheet::before,.ids-side-sheet::after,.ids-side-sheet *,.ids-side-sheet ::before,.ids-side-sheet ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-side-sheet .ids-side-sheet__backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999}.ids-side-sheet .ids-side-sheet__container,.ids-side-sheet .ids-side-sheet__container--inline{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-side-sheet .ids-side-sheet__container .ids-side-sheet__content,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__content{background:var(--ids-comp-sidesheet-content-color-bg-default)}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__content--scrollable,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__content--scrollable{max-height:100%;overflow-y:auto;overflow-x:hidden}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable),.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable){overflow:hidden}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title{color:var(--ids-comp-sidesheet-header-title-color-fg-default)}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__footer,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__footer{background:var(--ids-comp-sidesheet-footer-color-bg-default);width:100%}.ids-side-sheet.ids-side-sheet-default .ids-side-sheet__backdrop{background:var(--ids-comp-sidesheet-backdrop-background-default)}.ids-side-sheet.ids-side-sheet-transparent .ids-side-sheet__backdrop{background:var(--ids-comp-sidesheet-backdrop-background-transparent)}.ids-side-sheet.ids-side-sheet-left-opacity-compact .ids-side-sheet__backdrop{opacity:var(--ids-comp-sidesheet-backdrop-orientation-left-size-opacity-compact)}.ids-side-sheet.ids-side-sheet-right-opacity-compact .ids-side-sheet__backdrop{opacity:var(--ids-comp-sidesheet-backdrop-orientation-right-size-opacity-compact)}.ids-side-sheet.ids-side-sheet-left-opacity-comfortable .ids-side-sheet__backdrop{opacity:var(--ids-comp-sidesheet-backdrop-orientation-left-size-opacity-comfortable)}.ids-side-sheet.ids-side-sheet-right-opacity-comfortable .ids-side-sheet__backdrop{opacity:var(--ids-comp-sidesheet-backdrop-orientation-right-size-opacity-comfortable)}.ids-side-sheet.ids-side-sheet-left-opacity-spacious .ids-side-sheet__backdrop{opacity:var(--ids-comp-sidesheet-backdrop-orientation-left-size-opacity-spacious)}.ids-side-sheet.ids-side-sheet-right-opacity-spacious .ids-side-sheet__backdrop{opacity:var(--ids-comp-sidesheet-backdrop-orientation-right-size-opacity-spacious)}.ids-side-sheet.ids-side-sheet-left-opacity-dense .ids-side-sheet__backdrop{opacity:var(--ids-comp-sidesheet-backdrop-orientation-left-size-opacity-dense)}.ids-side-sheet.ids-side-sheet-right-opacity-dense .ids-side-sheet__backdrop{opacity:var(--ids-comp-sidesheet-backdrop-orientation-right-size-opacity-dense)}.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline{border-radius:var(--ids-comp-sidesheet-container-orientation-size-border-radius-compact)}.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container,.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline{background-color:var(--ids-comp-sidesheet-container-color-bg-default);gap:var(--ids-comp-sidesheet-container-orientation-size-gap-compact);max-width:var(--ids-comp-sidesheet-container-orientation-size-max-width-compact);width:var(--ids-comp-sidesheet-container-orientation-size-width-compact);min-height:var(--ids-comp-sidesheet-container-orientation-size-min-height-compact);padding:var(--ids-comp-sidesheet-container-orientation-size-padding-x-compact) var(--ids-comp-sidesheet-container-orientation-size-padding-y-compact)}.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__content--scrollable,.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__content--scrollable{padding:var(--ids-comp-sidesheet-content-scrollable-size-padding-y-top-compact) var(--ids-comp-sidesheet-content-scrollable-size-padding-x-compact) var(--ids-comp-sidesheet-content-scrollable-size-padding-y-bottom-compact)}.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable),.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable){padding:var(--ids-comp-sidesheet-content-fixed-size-padding-y-top-compact) var(--ids-comp-sidesheet-content-fixed-size-padding-x-compact)}.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__footer,.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__footer{padding:var(--ids-comp-sidesheet-footer-padding-y-top-compact) var(--ids-comp-sidesheet-footer-padding-x-compact) var(--ids-comp-sidesheet-footer-padding-y-compact);border-top:var(--ids-comp-sidesheet-footer-border-width-compact) solid var(--ids-comp-sidesheet-footer-color-border-surface-default);gap:var(--ids-comp-sidesheet-footer-gap-compact)}.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__header--custom,.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__header--default,.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__header--custom,.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__header--default{background:var(--ids-comp-sidesheet-header-color-bg-default);padding:var(--ids-comp-sidesheet-header-size-padding-y-compact) var(--ids-comp-sidesheet-header-size-padding-x-compact)}.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title,.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title{font-family:var(--ids-comp-sidesheet-header-title-typography-font-family-compact);font-size:var(--ids-comp-sidesheet-header-title-typography-font-size-compact);font-weight:var(--ids-comp-sidesheet-header-title-typography-font-weight-compact);letter-spacing:var(--ids-comp-sidesheet-header-title-typography-letter-spacing-compact);line-height:var(--ids-comp-sidesheet-header-title-typography-line-height-compact)}.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__header--default .ids-side-sheet__header-left-content{gap:var(--ids-comp-sidesheet-header-size-gap-compact)}.ids-side-sheet.ids-side-sheet-left-compact .ids-side-sheet__container{border-right:var(--ids-comp-sidesheet-container-orientation-left-size-border-width-compact) solid var(--ids-comp-sidesheet-container-color-border-surface-default)}.ids-side-sheet.ids-side-sheet-left-compact .ids-side-sheet__backdrop{padding-left:var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-left-compact);padding-right:var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-right-compact)}.ids-side-sheet.ids-side-sheet-left-compact .ids-side-sheet__container{border-radius:var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-compact) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-compact) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-compact) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-compact)}.ids-side-sheet.ids-side-sheet-right-compact .ids-side-sheet__container{border-left:var(--ids-comp-sidesheet-container-orientation-right-size-border-width-compact) solid var(--ids-comp-sidesheet-container-color-border-surface-default)}.ids-side-sheet.ids-side-sheet-right-compact .ids-side-sheet__backdrop{padding-left:var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-left-compact);padding-right:var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-right-compact)}.ids-side-sheet.ids-side-sheet-right-compact .ids-side-sheet__container{border-radius:var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-compact) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-compact) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-compact) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-compact)}.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline{border-radius:var(--ids-comp-sidesheet-container-orientation-size-border-radius-comfortable)}.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container,.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline{background-color:var(--ids-comp-sidesheet-container-color-bg-default);gap:var(--ids-comp-sidesheet-container-orientation-size-gap-comfortable);max-width:var(--ids-comp-sidesheet-container-orientation-size-max-width-comfortable);width:var(--ids-comp-sidesheet-container-orientation-size-width-comfortable);min-height:var(--ids-comp-sidesheet-container-orientation-size-min-height-comfortable);padding:var(--ids-comp-sidesheet-container-orientation-size-padding-x-comfortable) var(--ids-comp-sidesheet-container-orientation-size-padding-y-comfortable)}.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__content--scrollable,.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__content--scrollable{padding:var(--ids-comp-sidesheet-content-scrollable-size-padding-y-top-comfortable) var(--ids-comp-sidesheet-content-scrollable-size-padding-x-comfortable) var(--ids-comp-sidesheet-content-scrollable-size-padding-y-bottom-comfortable)}.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable),.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable){padding:var(--ids-comp-sidesheet-content-fixed-size-padding-y-top-comfortable) var(--ids-comp-sidesheet-content-fixed-size-padding-x-comfortable)}.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__footer,.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__footer{padding:var(--ids-comp-sidesheet-footer-padding-y-top-comfortable) var(--ids-comp-sidesheet-footer-padding-x-comfortable) var(--ids-comp-sidesheet-footer-padding-y-comfortable);border-top:var(--ids-comp-sidesheet-footer-border-width-comfortable) solid var(--ids-comp-sidesheet-footer-color-border-surface-default);gap:var(--ids-comp-sidesheet-footer-gap-comfortable)}.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__header--custom,.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__header--default,.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__header--custom,.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__header--default{background:var(--ids-comp-sidesheet-header-color-bg-default);padding:var(--ids-comp-sidesheet-header-size-padding-y-comfortable) var(--ids-comp-sidesheet-header-size-padding-x-comfortable)}.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title,.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title{font-family:var(--ids-comp-sidesheet-header-title-typography-font-family-comfortable);font-size:var(--ids-comp-sidesheet-header-title-typography-font-size-comfortable);font-weight:var(--ids-comp-sidesheet-header-title-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-sidesheet-header-title-typography-letter-spacing-comfortable);line-height:var(--ids-comp-sidesheet-header-title-typography-line-height-comfortable)}.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__header--default .ids-side-sheet__header-left-content{gap:var(--ids-comp-sidesheet-header-size-gap-comfortable)}.ids-side-sheet.ids-side-sheet-left-comfortable .ids-side-sheet__container{border-right:var(--ids-comp-sidesheet-container-orientation-left-size-border-width-comfortable) solid var(--ids-comp-sidesheet-container-color-border-surface-default)}.ids-side-sheet.ids-side-sheet-left-comfortable .ids-side-sheet__backdrop{padding-left:var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-left-comfortable);padding-right:var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-right-comfortable)}.ids-side-sheet.ids-side-sheet-left-comfortable .ids-side-sheet__container{border-radius:var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-comfortable) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-comfortable) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-comfortable) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-comfortable)}.ids-side-sheet.ids-side-sheet-right-comfortable .ids-side-sheet__container{border-left:var(--ids-comp-sidesheet-container-orientation-right-size-border-width-comfortable) solid var(--ids-comp-sidesheet-container-color-border-surface-default)}.ids-side-sheet.ids-side-sheet-right-comfortable .ids-side-sheet__backdrop{padding-left:var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-left-comfortable);padding-right:var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-right-comfortable)}.ids-side-sheet.ids-side-sheet-right-comfortable .ids-side-sheet__container{border-radius:var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-comfortable) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-comfortable) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-comfortable) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-comfortable)}.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline{border-radius:var(--ids-comp-sidesheet-container-orientation-size-border-radius-spacious)}.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container,.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline{background-color:var(--ids-comp-sidesheet-container-color-bg-default);gap:var(--ids-comp-sidesheet-container-orientation-size-gap-spacious);max-width:var(--ids-comp-sidesheet-container-orientation-size-max-width-spacious);width:var(--ids-comp-sidesheet-container-orientation-size-width-spacious);min-height:var(--ids-comp-sidesheet-container-orientation-size-min-height-spacious);padding:var(--ids-comp-sidesheet-container-orientation-size-padding-x-spacious) var(--ids-comp-sidesheet-container-orientation-size-padding-y-spacious)}.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__content--scrollable,.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__content--scrollable{padding:var(--ids-comp-sidesheet-content-scrollable-size-padding-y-top-spacious) var(--ids-comp-sidesheet-content-scrollable-size-padding-x-spacious) var(--ids-comp-sidesheet-content-scrollable-size-padding-y-bottom-spacious)}.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable),.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable){padding:var(--ids-comp-sidesheet-content-fixed-size-padding-y-top-spacious) var(--ids-comp-sidesheet-content-fixed-size-padding-x-spacious)}.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__footer,.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__footer{padding:var(--ids-comp-sidesheet-footer-padding-y-top-spacious) var(--ids-comp-sidesheet-footer-padding-x-spacious) var(--ids-comp-sidesheet-footer-padding-y-spacious);border-top:var(--ids-comp-sidesheet-footer-border-width-spacious) solid var(--ids-comp-sidesheet-footer-color-border-surface-default);gap:var(--ids-comp-sidesheet-footer-gap-spacious)}.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__header--custom,.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__header--default,.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__header--custom,.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__header--default{background:var(--ids-comp-sidesheet-header-color-bg-default);padding:var(--ids-comp-sidesheet-header-size-padding-y-spacious) var(--ids-comp-sidesheet-header-size-padding-x-spacious)}.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title,.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title{font-family:var(--ids-comp-sidesheet-header-title-typography-font-family-spacious);font-size:var(--ids-comp-sidesheet-header-title-typography-font-size-spacious);font-weight:var(--ids-comp-sidesheet-header-title-typography-font-weight-spacious);letter-spacing:var(--ids-comp-sidesheet-header-title-typography-letter-spacing-spacious);line-height:var(--ids-comp-sidesheet-header-title-typography-line-height-spacious)}.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__header--default .ids-side-sheet__header-left-content{gap:var(--ids-comp-sidesheet-header-size-gap-spacious)}.ids-side-sheet.ids-side-sheet-left-spacious .ids-side-sheet__container{border-right:var(--ids-comp-sidesheet-container-orientation-left-size-border-width-spacious) solid var(--ids-comp-sidesheet-container-color-border-surface-default)}.ids-side-sheet.ids-side-sheet-left-spacious .ids-side-sheet__backdrop{padding-left:var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-left-spacious);padding-right:var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-right-spacious)}.ids-side-sheet.ids-side-sheet-left-spacious .ids-side-sheet__container{border-radius:var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-spacious) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-spacious) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-spacious) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-spacious)}.ids-side-sheet.ids-side-sheet-right-spacious .ids-side-sheet__container{border-left:var(--ids-comp-sidesheet-container-orientation-right-size-border-width-spacious) solid var(--ids-comp-sidesheet-container-color-border-surface-default)}.ids-side-sheet.ids-side-sheet-right-spacious .ids-side-sheet__backdrop{padding-left:var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-left-spacious);padding-right:var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-right-spacious)}.ids-side-sheet.ids-side-sheet-right-spacious .ids-side-sheet__container{border-radius:var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-spacious) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-spacious) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-spacious) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-spacious)}.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline{border-radius:var(--ids-comp-sidesheet-container-orientation-size-border-radius-dense)}.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container,.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline{background-color:var(--ids-comp-sidesheet-container-color-bg-default);gap:var(--ids-comp-sidesheet-container-orientation-size-gap-dense);max-width:var(--ids-comp-sidesheet-container-orientation-size-max-width-dense);width:var(--ids-comp-sidesheet-container-orientation-size-width-dense);min-height:var(--ids-comp-sidesheet-container-orientation-size-min-height-dense);padding:var(--ids-comp-sidesheet-container-orientation-size-padding-x-dense) var(--ids-comp-sidesheet-container-orientation-size-padding-y-dense)}.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__content--scrollable,.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__content--scrollable{padding:var(--ids-comp-sidesheet-content-scrollable-size-padding-y-top-dense) var(--ids-comp-sidesheet-content-scrollable-size-padding-x-dense) var(--ids-comp-sidesheet-content-scrollable-size-padding-y-bottom-dense)}.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable),.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable){padding:var(--ids-comp-sidesheet-content-fixed-size-padding-y-top-dense) var(--ids-comp-sidesheet-content-fixed-size-padding-x-dense)}.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__footer,.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__footer{padding:var(--ids-comp-sidesheet-footer-padding-y-top-dense) var(--ids-comp-sidesheet-footer-padding-x-dense) var(--ids-comp-sidesheet-footer-padding-y-dense);border-top:var(--ids-comp-sidesheet-footer-border-width-dense) solid var(--ids-comp-sidesheet-footer-color-border-surface-default);gap:var(--ids-comp-sidesheet-footer-gap-dense)}.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__header--custom,.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__header--default,.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__header--custom,.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__header--default{background:var(--ids-comp-sidesheet-header-color-bg-default);padding:var(--ids-comp-sidesheet-header-size-padding-y-dense) var(--ids-comp-sidesheet-header-size-padding-x-dense)}.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title,.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title{font-family:var(--ids-comp-sidesheet-header-title-typography-font-family-dense);font-size:var(--ids-comp-sidesheet-header-title-typography-font-size-dense);font-weight:var(--ids-comp-sidesheet-header-title-typography-font-weight-dense);letter-spacing:var(--ids-comp-sidesheet-header-title-typography-letter-spacing-dense);line-height:var(--ids-comp-sidesheet-header-title-typography-line-height-dense)}.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__header--default .ids-side-sheet__header-left-content{gap:var(--ids-comp-sidesheet-header-size-gap-dense)}.ids-side-sheet.ids-side-sheet-left-dense .ids-side-sheet__container{border-right:var(--ids-comp-sidesheet-container-orientation-left-size-border-width-dense) solid var(--ids-comp-sidesheet-container-color-border-surface-default)}.ids-side-sheet.ids-side-sheet-left-dense .ids-side-sheet__backdrop{padding-left:var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-left-dense);padding-right:var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-right-dense)}.ids-side-sheet.ids-side-sheet-left-dense .ids-side-sheet__container{border-radius:var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-dense) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-dense) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-dense) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-dense)}.ids-side-sheet.ids-side-sheet-right-dense .ids-side-sheet__container{border-left:var(--ids-comp-sidesheet-container-orientation-right-size-border-width-dense) solid var(--ids-comp-sidesheet-container-color-border-surface-default)}.ids-side-sheet.ids-side-sheet-right-dense .ids-side-sheet__backdrop{padding-left:var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-left-dense);padding-right:var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-right-dense)}.ids-side-sheet.ids-side-sheet-right-dense .ids-side-sheet__container{border-radius:var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-dense) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-dense) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-dense) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-dense)}.ids-side-sheet .ids-side-sheet__container,.ids-side-sheet .ids-side-sheet__container--inline{display:flex;height:100%;flex-direction:column;align-items:flex-start;position:fixed;top:0;left:0;z-index:1000}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header-custom-top-row,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header-custom-top-row{width:100%;display:flex;justify-content:flex-end;align-items:center}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header-custom-top-row:has(>:nth-child(2)),.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header-custom-top-row:has(>:nth-child(2)){justify-content:space-between}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header--custom,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--custom{width:100%;display:flex;align-items:center;justify-content:space-between}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header--default,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default{width:100%;display:flex;align-items:center;justify-content:space-between}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content{display:flex;align-items:center}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-close-btn,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-close-btn{margin-left:auto}.ids-side-sheet .ids-side-sheet__container.right,.ids-side-sheet .ids-side-sheet__container--inline.right{left:auto;right:0}.ids-side-sheet .ids-side-sheet__container--inline{position:sticky;display:flex;flex-direction:column;top:0;left:0;height:100%;transform:none}.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default{width:100%;display:flex;align-items:center;justify-content:space-between}.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content{display:flex;align-items:center}.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-close-btn{margin-left:auto}.ids-side-sheet .ids-side-sheet__container--inline.right{left:auto;right:0;transform:none}.ids-side-sheet .ids-side-sheet__header-close-btn{align-self:flex-start;cursor:pointer}
+.ids-side-sheet{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5}.ids-side-sheet::before,.ids-side-sheet::after,.ids-side-sheet *,.ids-side-sheet ::before,.ids-side-sheet ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-side-sheet .ids-side-sheet__backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000}.ids-side-sheet .ids-side-sheet__container,.ids-side-sheet .ids-side-sheet__container--inline{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-side-sheet .ids-side-sheet__container .ids-side-sheet__content,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__content{background:var(--ids-comp-sidesheet-content-color-bg-default)}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__content--scrollable,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__content--scrollable{max-height:100%;overflow-y:auto;overflow-x:hidden}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable),.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable){overflow:hidden}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title{color:var(--ids-comp-sidesheet-header-title-color-fg-default)}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__footer,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__footer{background:var(--ids-comp-sidesheet-footer-color-bg-default);width:100%}.ids-side-sheet.ids-side-sheet-default .ids-side-sheet__backdrop{background:var(--ids-comp-sidesheet-backdrop-background-default)}.ids-side-sheet.ids-side-sheet-transparent .ids-side-sheet__backdrop{background:var(--ids-comp-sidesheet-backdrop-background-transparent)}.ids-side-sheet.ids-side-sheet-left-opacity-compact .ids-side-sheet__backdrop{opacity:var(--ids-comp-sidesheet-backdrop-orientation-left-size-opacity-compact)}.ids-side-sheet.ids-side-sheet-right-opacity-compact .ids-side-sheet__backdrop{opacity:var(--ids-comp-sidesheet-backdrop-orientation-right-size-opacity-compact)}.ids-side-sheet.ids-side-sheet-left-opacity-comfortable .ids-side-sheet__backdrop{opacity:var(--ids-comp-sidesheet-backdrop-orientation-left-size-opacity-comfortable)}.ids-side-sheet.ids-side-sheet-right-opacity-comfortable .ids-side-sheet__backdrop{opacity:var(--ids-comp-sidesheet-backdrop-orientation-right-size-opacity-comfortable)}.ids-side-sheet.ids-side-sheet-left-opacity-spacious .ids-side-sheet__backdrop{opacity:var(--ids-comp-sidesheet-backdrop-orientation-left-size-opacity-spacious)}.ids-side-sheet.ids-side-sheet-right-opacity-spacious .ids-side-sheet__backdrop{opacity:var(--ids-comp-sidesheet-backdrop-orientation-right-size-opacity-spacious)}.ids-side-sheet.ids-side-sheet-left-opacity-dense .ids-side-sheet__backdrop{opacity:var(--ids-comp-sidesheet-backdrop-orientation-left-size-opacity-dense)}.ids-side-sheet.ids-side-sheet-right-opacity-dense .ids-side-sheet__backdrop{opacity:var(--ids-comp-sidesheet-backdrop-orientation-right-size-opacity-dense)}.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline{border-radius:var(--ids-comp-sidesheet-container-orientation-size-border-radius-compact)}.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container,.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline{background-color:var(--ids-comp-sidesheet-container-color-bg-default);gap:var(--ids-comp-sidesheet-container-orientation-size-gap-compact);max-width:var(--ids-comp-sidesheet-container-orientation-size-max-width-compact);width:var(--ids-comp-sidesheet-container-orientation-size-width-compact);min-height:var(--ids-comp-sidesheet-container-orientation-size-min-height-compact);padding:var(--ids-comp-sidesheet-container-orientation-size-padding-x-compact) var(--ids-comp-sidesheet-container-orientation-size-padding-y-compact)}.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__content--scrollable,.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__content--scrollable{padding:var(--ids-comp-sidesheet-content-scrollable-size-padding-y-top-compact) var(--ids-comp-sidesheet-content-scrollable-size-padding-x-compact) var(--ids-comp-sidesheet-content-scrollable-size-padding-y-bottom-compact)}.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable),.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable){padding:var(--ids-comp-sidesheet-content-fixed-size-padding-y-top-compact) var(--ids-comp-sidesheet-content-fixed-size-padding-x-compact)}.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__footer,.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__footer{padding:var(--ids-comp-sidesheet-footer-padding-y-top-compact) var(--ids-comp-sidesheet-footer-padding-x-compact) var(--ids-comp-sidesheet-footer-padding-y-compact);border-top:var(--ids-comp-sidesheet-footer-border-width-compact) solid var(--ids-comp-sidesheet-footer-color-border-surface-default);gap:var(--ids-comp-sidesheet-footer-gap-compact)}.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__header--custom,.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__header--default,.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__header--custom,.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__header--default{background:var(--ids-comp-sidesheet-header-color-bg-default);padding:var(--ids-comp-sidesheet-header-size-padding-y-compact) var(--ids-comp-sidesheet-header-size-padding-x-compact)}.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title,.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title{font-family:var(--ids-comp-sidesheet-header-title-typography-font-family-compact);font-size:var(--ids-comp-sidesheet-header-title-typography-font-size-compact);font-weight:var(--ids-comp-sidesheet-header-title-typography-font-weight-compact);letter-spacing:var(--ids-comp-sidesheet-header-title-typography-letter-spacing-compact);line-height:var(--ids-comp-sidesheet-header-title-typography-line-height-compact)}.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__header--default .ids-side-sheet__header-left-content{gap:var(--ids-comp-sidesheet-header-size-gap-compact)}.ids-side-sheet.ids-side-sheet-left-compact .ids-side-sheet__container{border-right:var(--ids-comp-sidesheet-container-orientation-left-size-border-width-compact) solid var(--ids-comp-sidesheet-container-color-border-surface-default)}.ids-side-sheet.ids-side-sheet-left-compact .ids-side-sheet__backdrop{padding-left:var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-left-compact);padding-right:var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-right-compact)}.ids-side-sheet.ids-side-sheet-left-compact .ids-side-sheet__container{border-radius:var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-compact) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-compact) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-compact) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-compact)}.ids-side-sheet.ids-side-sheet-right-compact .ids-side-sheet__container{border-left:var(--ids-comp-sidesheet-container-orientation-right-size-border-width-compact) solid var(--ids-comp-sidesheet-container-color-border-surface-default)}.ids-side-sheet.ids-side-sheet-right-compact .ids-side-sheet__backdrop{padding-left:var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-left-compact);padding-right:var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-right-compact)}.ids-side-sheet.ids-side-sheet-right-compact .ids-side-sheet__container{border-radius:var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-compact) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-compact) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-compact) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-compact)}.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline{border-radius:var(--ids-comp-sidesheet-container-orientation-size-border-radius-comfortable)}.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container,.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline{background-color:var(--ids-comp-sidesheet-container-color-bg-default);gap:var(--ids-comp-sidesheet-container-orientation-size-gap-comfortable);max-width:var(--ids-comp-sidesheet-container-orientation-size-max-width-comfortable);width:var(--ids-comp-sidesheet-container-orientation-size-width-comfortable);min-height:var(--ids-comp-sidesheet-container-orientation-size-min-height-comfortable);padding:var(--ids-comp-sidesheet-container-orientation-size-padding-x-comfortable) var(--ids-comp-sidesheet-container-orientation-size-padding-y-comfortable)}.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__content--scrollable,.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__content--scrollable{padding:var(--ids-comp-sidesheet-content-scrollable-size-padding-y-top-comfortable) var(--ids-comp-sidesheet-content-scrollable-size-padding-x-comfortable) var(--ids-comp-sidesheet-content-scrollable-size-padding-y-bottom-comfortable)}.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable),.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable){padding:var(--ids-comp-sidesheet-content-fixed-size-padding-y-top-comfortable) var(--ids-comp-sidesheet-content-fixed-size-padding-x-comfortable)}.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__footer,.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__footer{padding:var(--ids-comp-sidesheet-footer-padding-y-top-comfortable) var(--ids-comp-sidesheet-footer-padding-x-comfortable) var(--ids-comp-sidesheet-footer-padding-y-comfortable);border-top:var(--ids-comp-sidesheet-footer-border-width-comfortable) solid var(--ids-comp-sidesheet-footer-color-border-surface-default);gap:var(--ids-comp-sidesheet-footer-gap-comfortable)}.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__header--custom,.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__header--default,.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__header--custom,.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__header--default{background:var(--ids-comp-sidesheet-header-color-bg-default);padding:var(--ids-comp-sidesheet-header-size-padding-y-comfortable) var(--ids-comp-sidesheet-header-size-padding-x-comfortable)}.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title,.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title{font-family:var(--ids-comp-sidesheet-header-title-typography-font-family-comfortable);font-size:var(--ids-comp-sidesheet-header-title-typography-font-size-comfortable);font-weight:var(--ids-comp-sidesheet-header-title-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-sidesheet-header-title-typography-letter-spacing-comfortable);line-height:var(--ids-comp-sidesheet-header-title-typography-line-height-comfortable)}.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__header--default .ids-side-sheet__header-left-content{gap:var(--ids-comp-sidesheet-header-size-gap-comfortable)}.ids-side-sheet.ids-side-sheet-left-comfortable .ids-side-sheet__container{border-right:var(--ids-comp-sidesheet-container-orientation-left-size-border-width-comfortable) solid var(--ids-comp-sidesheet-container-color-border-surface-default)}.ids-side-sheet.ids-side-sheet-left-comfortable .ids-side-sheet__backdrop{padding-left:var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-left-comfortable);padding-right:var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-right-comfortable)}.ids-side-sheet.ids-side-sheet-left-comfortable .ids-side-sheet__container{border-radius:var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-comfortable) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-comfortable) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-comfortable) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-comfortable)}.ids-side-sheet.ids-side-sheet-right-comfortable .ids-side-sheet__container{border-left:var(--ids-comp-sidesheet-container-orientation-right-size-border-width-comfortable) solid var(--ids-comp-sidesheet-container-color-border-surface-default)}.ids-side-sheet.ids-side-sheet-right-comfortable .ids-side-sheet__backdrop{padding-left:var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-left-comfortable);padding-right:var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-right-comfortable)}.ids-side-sheet.ids-side-sheet-right-comfortable .ids-side-sheet__container{border-radius:var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-comfortable) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-comfortable) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-comfortable) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-comfortable)}.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline{border-radius:var(--ids-comp-sidesheet-container-orientation-size-border-radius-spacious)}.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container,.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline{background-color:var(--ids-comp-sidesheet-container-color-bg-default);gap:var(--ids-comp-sidesheet-container-orientation-size-gap-spacious);max-width:var(--ids-comp-sidesheet-container-orientation-size-max-width-spacious);width:var(--ids-comp-sidesheet-container-orientation-size-width-spacious);min-height:var(--ids-comp-sidesheet-container-orientation-size-min-height-spacious);padding:var(--ids-comp-sidesheet-container-orientation-size-padding-x-spacious) var(--ids-comp-sidesheet-container-orientation-size-padding-y-spacious)}.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__content--scrollable,.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__content--scrollable{padding:var(--ids-comp-sidesheet-content-scrollable-size-padding-y-top-spacious) var(--ids-comp-sidesheet-content-scrollable-size-padding-x-spacious) var(--ids-comp-sidesheet-content-scrollable-size-padding-y-bottom-spacious)}.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable),.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable){padding:var(--ids-comp-sidesheet-content-fixed-size-padding-y-top-spacious) var(--ids-comp-sidesheet-content-fixed-size-padding-x-spacious)}.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__footer,.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__footer{padding:var(--ids-comp-sidesheet-footer-padding-y-top-spacious) var(--ids-comp-sidesheet-footer-padding-x-spacious) var(--ids-comp-sidesheet-footer-padding-y-spacious);border-top:var(--ids-comp-sidesheet-footer-border-width-spacious) solid var(--ids-comp-sidesheet-footer-color-border-surface-default);gap:var(--ids-comp-sidesheet-footer-gap-spacious)}.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__header--custom,.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__header--default,.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__header--custom,.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__header--default{background:var(--ids-comp-sidesheet-header-color-bg-default);padding:var(--ids-comp-sidesheet-header-size-padding-y-spacious) var(--ids-comp-sidesheet-header-size-padding-x-spacious)}.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title,.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title{font-family:var(--ids-comp-sidesheet-header-title-typography-font-family-spacious);font-size:var(--ids-comp-sidesheet-header-title-typography-font-size-spacious);font-weight:var(--ids-comp-sidesheet-header-title-typography-font-weight-spacious);letter-spacing:var(--ids-comp-sidesheet-header-title-typography-letter-spacing-spacious);line-height:var(--ids-comp-sidesheet-header-title-typography-line-height-spacious)}.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__header--default .ids-side-sheet__header-left-content{gap:var(--ids-comp-sidesheet-header-size-gap-spacious)}.ids-side-sheet.ids-side-sheet-left-spacious .ids-side-sheet__container{border-right:var(--ids-comp-sidesheet-container-orientation-left-size-border-width-spacious) solid var(--ids-comp-sidesheet-container-color-border-surface-default)}.ids-side-sheet.ids-side-sheet-left-spacious .ids-side-sheet__backdrop{padding-left:var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-left-spacious);padding-right:var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-right-spacious)}.ids-side-sheet.ids-side-sheet-left-spacious .ids-side-sheet__container{border-radius:var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-spacious) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-spacious) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-spacious) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-spacious)}.ids-side-sheet.ids-side-sheet-right-spacious .ids-side-sheet__container{border-left:var(--ids-comp-sidesheet-container-orientation-right-size-border-width-spacious) solid var(--ids-comp-sidesheet-container-color-border-surface-default)}.ids-side-sheet.ids-side-sheet-right-spacious .ids-side-sheet__backdrop{padding-left:var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-left-spacious);padding-right:var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-right-spacious)}.ids-side-sheet.ids-side-sheet-right-spacious .ids-side-sheet__container{border-radius:var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-spacious) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-spacious) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-spacious) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-spacious)}.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline{border-radius:var(--ids-comp-sidesheet-container-orientation-size-border-radius-dense)}.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container,.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline{background-color:var(--ids-comp-sidesheet-container-color-bg-default);gap:var(--ids-comp-sidesheet-container-orientation-size-gap-dense);max-width:var(--ids-comp-sidesheet-container-orientation-size-max-width-dense);width:var(--ids-comp-sidesheet-container-orientation-size-width-dense);min-height:var(--ids-comp-sidesheet-container-orientation-size-min-height-dense);padding:var(--ids-comp-sidesheet-container-orientation-size-padding-x-dense) var(--ids-comp-sidesheet-container-orientation-size-padding-y-dense)}.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__content--scrollable,.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__content--scrollable{padding:var(--ids-comp-sidesheet-content-scrollable-size-padding-y-top-dense) var(--ids-comp-sidesheet-content-scrollable-size-padding-x-dense) var(--ids-comp-sidesheet-content-scrollable-size-padding-y-bottom-dense)}.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable),.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable){padding:var(--ids-comp-sidesheet-content-fixed-size-padding-y-top-dense) var(--ids-comp-sidesheet-content-fixed-size-padding-x-dense)}.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__footer,.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__footer{padding:var(--ids-comp-sidesheet-footer-padding-y-top-dense) var(--ids-comp-sidesheet-footer-padding-x-dense) var(--ids-comp-sidesheet-footer-padding-y-dense);border-top:var(--ids-comp-sidesheet-footer-border-width-dense) solid var(--ids-comp-sidesheet-footer-color-border-surface-default);gap:var(--ids-comp-sidesheet-footer-gap-dense)}.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__header--custom,.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__header--default,.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__header--custom,.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__header--default{background:var(--ids-comp-sidesheet-header-color-bg-default);padding:var(--ids-comp-sidesheet-header-size-padding-y-dense) var(--ids-comp-sidesheet-header-size-padding-x-dense)}.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title,.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title{font-family:var(--ids-comp-sidesheet-header-title-typography-font-family-dense);font-size:var(--ids-comp-sidesheet-header-title-typography-font-size-dense);font-weight:var(--ids-comp-sidesheet-header-title-typography-font-weight-dense);letter-spacing:var(--ids-comp-sidesheet-header-title-typography-letter-spacing-dense);line-height:var(--ids-comp-sidesheet-header-title-typography-line-height-dense)}.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__header--default .ids-side-sheet__header-left-content{gap:var(--ids-comp-sidesheet-header-size-gap-dense)}.ids-side-sheet.ids-side-sheet-left-dense .ids-side-sheet__container{border-right:var(--ids-comp-sidesheet-container-orientation-left-size-border-width-dense) solid var(--ids-comp-sidesheet-container-color-border-surface-default)}.ids-side-sheet.ids-side-sheet-left-dense .ids-side-sheet__backdrop{padding-left:var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-left-dense);padding-right:var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-right-dense)}.ids-side-sheet.ids-side-sheet-left-dense .ids-side-sheet__container{border-radius:var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-dense) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-dense) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-dense) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-dense)}.ids-side-sheet.ids-side-sheet-right-dense .ids-side-sheet__container{border-left:var(--ids-comp-sidesheet-container-orientation-right-size-border-width-dense) solid var(--ids-comp-sidesheet-container-color-border-surface-default)}.ids-side-sheet.ids-side-sheet-right-dense .ids-side-sheet__backdrop{padding-left:var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-left-dense);padding-right:var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-right-dense)}.ids-side-sheet.ids-side-sheet-right-dense .ids-side-sheet__container{border-radius:var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-dense) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-dense) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-dense) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-dense)}.ids-side-sheet .ids-side-sheet__container,.ids-side-sheet .ids-side-sheet__container--inline{display:flex;height:100%;flex-direction:column;align-items:flex-start;position:fixed;top:0;left:0;z-index:1000}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header-custom-top-row,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header-custom-top-row{width:100%;display:flex;justify-content:flex-end;align-items:center}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header-custom-top-row:has(>:nth-child(2)),.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header-custom-top-row:has(>:nth-child(2)){justify-content:space-between}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header--custom,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--custom{width:100%;display:flex;align-items:center;justify-content:space-between}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header--default,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default{width:100%;display:flex;align-items:center;justify-content:space-between}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content{display:flex;align-items:center}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-close-btn,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-close-btn{margin-left:auto}.ids-side-sheet .ids-side-sheet__container.right,.ids-side-sheet .ids-side-sheet__container--inline.right{left:auto;right:0}.ids-side-sheet .ids-side-sheet__container--inline{position:sticky;display:flex;flex-direction:column;top:0;left:0;height:100%;transform:none}.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default{width:100%;display:flex;align-items:center;justify-content:space-between}.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content{display:flex;align-items:center}.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-close-btn{margin-left:auto}.ids-side-sheet .ids-side-sheet__container--inline.right{left:auto;right:0;transform:none}.ids-side-sheet .ids-side-sheet__header-close-btn{align-self:flex-start;cursor:pointer}

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

@@ -9,7 +9,14 @@ module.exports = function SideSheetPlugin() {
         borderStyle: 'none',
         borderColor: 'rgba(0,0,0,0)',
       },
-      '.ids-side-sheet .ids-side-sheet__backdrop': { position: 'fixed', top: '0', left: '0', width: '100vw', height: '100vh', zIndex: 999 },
+      '.ids-side-sheet .ids-side-sheet__backdrop': {
+        position: 'fixed',
+        top: '0',
+        left: '0',
+        width: '100vw',
+        height: '100vh',
+        zIndex: 1000,
+      },
       '.ids-side-sheet .ids-side-sheet__container,.ids-side-sheet .ids-side-sheet__container--inline': {
         boxShadow:
           '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)',

package/package.json

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