@i-cell/ids-styles 0.0.43 → 0.0.45

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,369 @@
1
+ .ids-side-sheet {
2
+ box-sizing: border-box;
3
+ border-width: 0;
4
+ border-style: none;
5
+ border-color: transparent;
6
+ line-height: 1.5;
7
+ }
8
+ .ids-side-sheet::before, .ids-side-sheet::after, .ids-side-sheet *, .ids-side-sheet ::before, .ids-side-sheet ::after {
9
+ box-sizing: border-box;
10
+ border-width: 0;
11
+ border-style: none;
12
+ border-color: transparent;
13
+ }
14
+ .ids-side-sheet .ids-side-sheet__backdrop {
15
+ position: fixed;
16
+ top: 0;
17
+ left: 0;
18
+ width: 100vw;
19
+ height: 100vh;
20
+ z-index: 999;
21
+ }
22
+ .ids-side-sheet .ids-side-sheet__container, .ids-side-sheet .ids-side-sheet__container--inline {
23
+ 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);
24
+ }
25
+ .ids-side-sheet .ids-side-sheet__container .ids-side-sheet__content, .ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__content {
26
+ background: var(--ids-comp-sidesheet-content-color-bg-default);
27
+ }
28
+ .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 {
29
+ max-height: 100%;
30
+ overflow-y: auto;
31
+ overflow-x: hidden;
32
+ }
33
+ .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) {
34
+ overflow: hidden;
35
+ }
36
+ .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 {
37
+ color: var(--ids-comp-sidesheet-header-title-color-fg-default);
38
+ }
39
+ .ids-side-sheet .ids-side-sheet__container .ids-side-sheet__footer, .ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__footer {
40
+ background: var(--ids-comp-sidesheet-footer-color-bg-default);
41
+ width: 100%;
42
+ }
43
+ .ids-side-sheet.ids-side-sheet-default .ids-side-sheet__backdrop {
44
+ background: var(--ids-comp-sidesheet-backdrop-background-default);
45
+ }
46
+ .ids-side-sheet.ids-side-sheet-transparent .ids-side-sheet__backdrop {
47
+ background: var(--ids-comp-sidesheet-backdrop-background-transparent);
48
+ }
49
+ .ids-side-sheet.ids-side-sheet-left-opacity-compact .ids-side-sheet__backdrop {
50
+ opacity: var(--ids-comp-sidesheet-backdrop-orientation-left-size-opacity-compact);
51
+ }
52
+ .ids-side-sheet.ids-side-sheet-right-opacity-compact .ids-side-sheet__backdrop {
53
+ opacity: var(--ids-comp-sidesheet-backdrop-orientation-right-size-opacity-compact);
54
+ }
55
+ .ids-side-sheet.ids-side-sheet-left-opacity-comfortable .ids-side-sheet__backdrop {
56
+ opacity: var(--ids-comp-sidesheet-backdrop-orientation-left-size-opacity-comfortable);
57
+ }
58
+ .ids-side-sheet.ids-side-sheet-right-opacity-comfortable .ids-side-sheet__backdrop {
59
+ opacity: var(--ids-comp-sidesheet-backdrop-orientation-right-size-opacity-comfortable);
60
+ }
61
+ .ids-side-sheet.ids-side-sheet-left-opacity-spacious .ids-side-sheet__backdrop {
62
+ opacity: var(--ids-comp-sidesheet-backdrop-orientation-left-size-opacity-spacious);
63
+ }
64
+ .ids-side-sheet.ids-side-sheet-right-opacity-spacious .ids-side-sheet__backdrop {
65
+ opacity: var(--ids-comp-sidesheet-backdrop-orientation-right-size-opacity-spacious);
66
+ }
67
+ .ids-side-sheet.ids-side-sheet-left-opacity-dense .ids-side-sheet__backdrop {
68
+ opacity: var(--ids-comp-sidesheet-backdrop-orientation-left-size-opacity-dense);
69
+ }
70
+ .ids-side-sheet.ids-side-sheet-right-opacity-dense .ids-side-sheet__backdrop {
71
+ opacity: var(--ids-comp-sidesheet-backdrop-orientation-right-size-opacity-dense);
72
+ }
73
+ .ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline {
74
+ border-radius: var(--ids-comp-sidesheet-container-orientation-size-border-radius-compact);
75
+ }
76
+ .ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container, .ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline {
77
+ background-color: var(--ids-comp-sidesheet-container-color-bg-default);
78
+ gap: var(--ids-comp-sidesheet-container-orientation-size-gap-compact);
79
+ max-width: var(--ids-comp-sidesheet-container-orientation-size-max-width-compact);
80
+ width: var(--ids-comp-sidesheet-container-orientation-size-width-compact);
81
+ min-height: var(--ids-comp-sidesheet-container-orientation-size-min-height-compact);
82
+ padding: var(--ids-comp-sidesheet-container-orientation-size-padding-x-compact) var(--ids-comp-sidesheet-container-orientation-size-padding-y-compact);
83
+ }
84
+ .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 {
85
+ 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);
86
+ }
87
+ .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) {
88
+ padding: var(--ids-comp-sidesheet-content-fixed-size-padding-y-top-compact) var(--ids-comp-sidesheet-content-fixed-size-padding-x-compact);
89
+ }
90
+ .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 {
91
+ 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);
92
+ border-top: var(--ids-comp-sidesheet-footer-border-width-compact) solid var(--ids-comp-sidesheet-footer-color-border-surface-default);
93
+ gap: var(--ids-comp-sidesheet-footer-gap-compact);
94
+ }
95
+ .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 {
96
+ background: var(--ids-comp-sidesheet-header-color-bg-default);
97
+ padding: var(--ids-comp-sidesheet-header-size-padding-y-compact) var(--ids-comp-sidesheet-header-size-padding-x-compact);
98
+ }
99
+ .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 {
100
+ font-family: var(--ids-comp-sidesheet-header-title-typography-font-family-compact);
101
+ font-size: var(--ids-comp-sidesheet-header-title-typography-font-size-compact);
102
+ font-weight: var(--ids-comp-sidesheet-header-title-typography-font-weight-compact);
103
+ letter-spacing: var(--ids-comp-sidesheet-header-title-typography-letter-spacing-compact);
104
+ line-height: var(--ids-comp-sidesheet-header-title-typography-line-height-compact);
105
+ }
106
+ .ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__header--default .ids-side-sheet__header-left-content {
107
+ gap: var(--ids-comp-sidesheet-header-size-gap-compact);
108
+ }
109
+ .ids-side-sheet.ids-side-sheet-left-compact .ids-side-sheet__container {
110
+ border-right: var(--ids-comp-sidesheet-container-orientation-left-size-border-width-compact) solid var(--ids-comp-sidesheet-container-color-border-surface-default);
111
+ }
112
+ .ids-side-sheet.ids-side-sheet-left-compact .ids-side-sheet__backdrop {
113
+ padding-left: var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-left-compact);
114
+ padding-right: var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-right-compact);
115
+ }
116
+ .ids-side-sheet.ids-side-sheet-left-compact .ids-side-sheet__container {
117
+ 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);
118
+ }
119
+ .ids-side-sheet.ids-side-sheet-right-compact .ids-side-sheet__container {
120
+ border-left: var(--ids-comp-sidesheet-container-orientation-right-size-border-width-compact) solid var(--ids-comp-sidesheet-container-color-border-surface-default);
121
+ }
122
+ .ids-side-sheet.ids-side-sheet-right-compact .ids-side-sheet__backdrop {
123
+ padding-left: var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-left-compact);
124
+ padding-right: var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-right-compact);
125
+ }
126
+ .ids-side-sheet.ids-side-sheet-right-compact .ids-side-sheet__container {
127
+ 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);
128
+ }
129
+ .ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline {
130
+ border-radius: var(--ids-comp-sidesheet-container-orientation-size-border-radius-comfortable);
131
+ }
132
+ .ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container, .ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline {
133
+ background-color: var(--ids-comp-sidesheet-container-color-bg-default);
134
+ gap: var(--ids-comp-sidesheet-container-orientation-size-gap-comfortable);
135
+ max-width: var(--ids-comp-sidesheet-container-orientation-size-max-width-comfortable);
136
+ width: var(--ids-comp-sidesheet-container-orientation-size-width-comfortable);
137
+ min-height: var(--ids-comp-sidesheet-container-orientation-size-min-height-comfortable);
138
+ padding: var(--ids-comp-sidesheet-container-orientation-size-padding-x-comfortable) var(--ids-comp-sidesheet-container-orientation-size-padding-y-comfortable);
139
+ }
140
+ .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 {
141
+ 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);
142
+ }
143
+ .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) {
144
+ padding: var(--ids-comp-sidesheet-content-fixed-size-padding-y-top-comfortable) var(--ids-comp-sidesheet-content-fixed-size-padding-x-comfortable);
145
+ }
146
+ .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 {
147
+ 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);
148
+ border-top: var(--ids-comp-sidesheet-footer-border-width-comfortable) solid var(--ids-comp-sidesheet-footer-color-border-surface-default);
149
+ gap: var(--ids-comp-sidesheet-footer-gap-comfortable);
150
+ }
151
+ .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 {
152
+ background: var(--ids-comp-sidesheet-header-color-bg-default);
153
+ padding: var(--ids-comp-sidesheet-header-size-padding-y-comfortable) var(--ids-comp-sidesheet-header-size-padding-x-comfortable);
154
+ }
155
+ .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 {
156
+ font-family: var(--ids-comp-sidesheet-header-title-typography-font-family-comfortable);
157
+ font-size: var(--ids-comp-sidesheet-header-title-typography-font-size-comfortable);
158
+ font-weight: var(--ids-comp-sidesheet-header-title-typography-font-weight-comfortable);
159
+ letter-spacing: var(--ids-comp-sidesheet-header-title-typography-letter-spacing-comfortable);
160
+ line-height: var(--ids-comp-sidesheet-header-title-typography-line-height-comfortable);
161
+ }
162
+ .ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__header--default .ids-side-sheet__header-left-content {
163
+ gap: var(--ids-comp-sidesheet-header-size-gap-comfortable);
164
+ }
165
+ .ids-side-sheet.ids-side-sheet-left-comfortable .ids-side-sheet__container {
166
+ border-right: var(--ids-comp-sidesheet-container-orientation-left-size-border-width-comfortable) solid var(--ids-comp-sidesheet-container-color-border-surface-default);
167
+ }
168
+ .ids-side-sheet.ids-side-sheet-left-comfortable .ids-side-sheet__backdrop {
169
+ padding-left: var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-left-comfortable);
170
+ padding-right: var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-right-comfortable);
171
+ }
172
+ .ids-side-sheet.ids-side-sheet-left-comfortable .ids-side-sheet__container {
173
+ 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);
174
+ }
175
+ .ids-side-sheet.ids-side-sheet-right-comfortable .ids-side-sheet__container {
176
+ border-left: var(--ids-comp-sidesheet-container-orientation-right-size-border-width-comfortable) solid var(--ids-comp-sidesheet-container-color-border-surface-default);
177
+ }
178
+ .ids-side-sheet.ids-side-sheet-right-comfortable .ids-side-sheet__backdrop {
179
+ padding-left: var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-left-comfortable);
180
+ padding-right: var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-right-comfortable);
181
+ }
182
+ .ids-side-sheet.ids-side-sheet-right-comfortable .ids-side-sheet__container {
183
+ 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);
184
+ }
185
+ .ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline {
186
+ border-radius: var(--ids-comp-sidesheet-container-orientation-size-border-radius-spacious);
187
+ }
188
+ .ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container, .ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline {
189
+ background-color: var(--ids-comp-sidesheet-container-color-bg-default);
190
+ gap: var(--ids-comp-sidesheet-container-orientation-size-gap-spacious);
191
+ max-width: var(--ids-comp-sidesheet-container-orientation-size-max-width-spacious);
192
+ width: var(--ids-comp-sidesheet-container-orientation-size-width-spacious);
193
+ min-height: var(--ids-comp-sidesheet-container-orientation-size-min-height-spacious);
194
+ padding: var(--ids-comp-sidesheet-container-orientation-size-padding-x-spacious) var(--ids-comp-sidesheet-container-orientation-size-padding-y-spacious);
195
+ }
196
+ .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 {
197
+ 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);
198
+ }
199
+ .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) {
200
+ padding: var(--ids-comp-sidesheet-content-fixed-size-padding-y-top-spacious) var(--ids-comp-sidesheet-content-fixed-size-padding-x-spacious);
201
+ }
202
+ .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 {
203
+ 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);
204
+ border-top: var(--ids-comp-sidesheet-footer-border-width-spacious) solid var(--ids-comp-sidesheet-footer-color-border-surface-default);
205
+ gap: var(--ids-comp-sidesheet-footer-gap-spacious);
206
+ }
207
+ .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 {
208
+ background: var(--ids-comp-sidesheet-header-color-bg-default);
209
+ padding: var(--ids-comp-sidesheet-header-size-padding-y-spacious) var(--ids-comp-sidesheet-header-size-padding-x-spacious);
210
+ }
211
+ .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 {
212
+ font-family: var(--ids-comp-sidesheet-header-title-typography-font-family-spacious);
213
+ font-size: var(--ids-comp-sidesheet-header-title-typography-font-size-spacious);
214
+ font-weight: var(--ids-comp-sidesheet-header-title-typography-font-weight-spacious);
215
+ letter-spacing: var(--ids-comp-sidesheet-header-title-typography-letter-spacing-spacious);
216
+ line-height: var(--ids-comp-sidesheet-header-title-typography-line-height-spacious);
217
+ }
218
+ .ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__header--default .ids-side-sheet__header-left-content {
219
+ gap: var(--ids-comp-sidesheet-header-size-gap-spacious);
220
+ }
221
+ .ids-side-sheet.ids-side-sheet-left-spacious .ids-side-sheet__container {
222
+ border-right: var(--ids-comp-sidesheet-container-orientation-left-size-border-width-spacious) solid var(--ids-comp-sidesheet-container-color-border-surface-default);
223
+ }
224
+ .ids-side-sheet.ids-side-sheet-left-spacious .ids-side-sheet__backdrop {
225
+ padding-left: var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-left-spacious);
226
+ padding-right: var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-right-spacious);
227
+ }
228
+ .ids-side-sheet.ids-side-sheet-left-spacious .ids-side-sheet__container {
229
+ 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);
230
+ }
231
+ .ids-side-sheet.ids-side-sheet-right-spacious .ids-side-sheet__container {
232
+ border-left: var(--ids-comp-sidesheet-container-orientation-right-size-border-width-spacious) solid var(--ids-comp-sidesheet-container-color-border-surface-default);
233
+ }
234
+ .ids-side-sheet.ids-side-sheet-right-spacious .ids-side-sheet__backdrop {
235
+ padding-left: var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-left-spacious);
236
+ padding-right: var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-right-spacious);
237
+ }
238
+ .ids-side-sheet.ids-side-sheet-right-spacious .ids-side-sheet__container {
239
+ 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);
240
+ }
241
+ .ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline {
242
+ border-radius: var(--ids-comp-sidesheet-container-orientation-size-border-radius-dense);
243
+ }
244
+ .ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container, .ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline {
245
+ background-color: var(--ids-comp-sidesheet-container-color-bg-default);
246
+ gap: var(--ids-comp-sidesheet-container-orientation-size-gap-dense);
247
+ max-width: var(--ids-comp-sidesheet-container-orientation-size-max-width-dense);
248
+ width: var(--ids-comp-sidesheet-container-orientation-size-width-dense);
249
+ min-height: var(--ids-comp-sidesheet-container-orientation-size-min-height-dense);
250
+ padding: var(--ids-comp-sidesheet-container-orientation-size-padding-x-dense) var(--ids-comp-sidesheet-container-orientation-size-padding-y-dense);
251
+ }
252
+ .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 {
253
+ 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);
254
+ }
255
+ .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) {
256
+ padding: var(--ids-comp-sidesheet-content-fixed-size-padding-y-top-dense) var(--ids-comp-sidesheet-content-fixed-size-padding-x-dense);
257
+ }
258
+ .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 {
259
+ 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);
260
+ border-top: var(--ids-comp-sidesheet-footer-border-width-dense) solid var(--ids-comp-sidesheet-footer-color-border-surface-default);
261
+ gap: var(--ids-comp-sidesheet-footer-gap-dense);
262
+ }
263
+ .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 {
264
+ background: var(--ids-comp-sidesheet-header-color-bg-default);
265
+ padding: var(--ids-comp-sidesheet-header-size-padding-y-dense) var(--ids-comp-sidesheet-header-size-padding-x-dense);
266
+ }
267
+ .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 {
268
+ font-family: var(--ids-comp-sidesheet-header-title-typography-font-family-dense);
269
+ font-size: var(--ids-comp-sidesheet-header-title-typography-font-size-dense);
270
+ font-weight: var(--ids-comp-sidesheet-header-title-typography-font-weight-dense);
271
+ letter-spacing: var(--ids-comp-sidesheet-header-title-typography-letter-spacing-dense);
272
+ line-height: var(--ids-comp-sidesheet-header-title-typography-line-height-dense);
273
+ }
274
+ .ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__header--default .ids-side-sheet__header-left-content {
275
+ gap: var(--ids-comp-sidesheet-header-size-gap-dense);
276
+ }
277
+ .ids-side-sheet.ids-side-sheet-left-dense .ids-side-sheet__container {
278
+ border-right: var(--ids-comp-sidesheet-container-orientation-left-size-border-width-dense) solid var(--ids-comp-sidesheet-container-color-border-surface-default);
279
+ }
280
+ .ids-side-sheet.ids-side-sheet-left-dense .ids-side-sheet__backdrop {
281
+ padding-left: var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-left-dense);
282
+ padding-right: var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-right-dense);
283
+ }
284
+ .ids-side-sheet.ids-side-sheet-left-dense .ids-side-sheet__container {
285
+ 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);
286
+ }
287
+ .ids-side-sheet.ids-side-sheet-right-dense .ids-side-sheet__container {
288
+ border-left: var(--ids-comp-sidesheet-container-orientation-right-size-border-width-dense) solid var(--ids-comp-sidesheet-container-color-border-surface-default);
289
+ }
290
+ .ids-side-sheet.ids-side-sheet-right-dense .ids-side-sheet__backdrop {
291
+ padding-left: var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-left-dense);
292
+ padding-right: var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-right-dense);
293
+ }
294
+ .ids-side-sheet.ids-side-sheet-right-dense .ids-side-sheet__container {
295
+ 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);
296
+ }
297
+ .ids-side-sheet .ids-side-sheet__container, .ids-side-sheet .ids-side-sheet__container--inline {
298
+ display: flex;
299
+ height: 100%;
300
+ flex-direction: column;
301
+ align-items: flex-start;
302
+ position: fixed;
303
+ top: 0;
304
+ left: 0;
305
+ z-index: 1000;
306
+ }
307
+ .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 {
308
+ width: 100%;
309
+ display: flex;
310
+ justify-content: flex-end;
311
+ align-items: center;
312
+ }
313
+ .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)) {
314
+ justify-content: space-between;
315
+ }
316
+ .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 {
317
+ width: 100%;
318
+ display: flex;
319
+ align-items: center;
320
+ justify-content: space-between;
321
+ }
322
+ .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 {
323
+ width: 100%;
324
+ display: flex;
325
+ align-items: center;
326
+ justify-content: space-between;
327
+ }
328
+ .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 {
329
+ display: flex;
330
+ align-items: center;
331
+ }
332
+ .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 {
333
+ margin-left: auto;
334
+ }
335
+ .ids-side-sheet .ids-side-sheet__container.right, .ids-side-sheet .ids-side-sheet__container--inline.right {
336
+ left: auto;
337
+ right: 0;
338
+ }
339
+ .ids-side-sheet .ids-side-sheet__container--inline {
340
+ position: sticky;
341
+ display: flex;
342
+ flex-direction: column;
343
+ top: 0;
344
+ left: 0;
345
+ height: 100%;
346
+ transform: none;
347
+ }
348
+ .ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default {
349
+ width: 100%;
350
+ display: flex;
351
+ align-items: center;
352
+ justify-content: space-between;
353
+ }
354
+ .ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content {
355
+ display: flex;
356
+ align-items: center;
357
+ }
358
+ .ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-close-btn {
359
+ margin-left: auto;
360
+ }
361
+ .ids-side-sheet .ids-side-sheet__container--inline.right {
362
+ left: auto;
363
+ right: 0;
364
+ transform: none;
365
+ }
366
+ .ids-side-sheet .ids-side-sheet__header-close-btn {
367
+ align-self: flex-start;
368
+ cursor: pointer;
369
+ }
@@ -0,0 +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}