@kubit-ui-web/react-components 2.0.0-beta.34 → 2.0.0-beta.35

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.
Files changed (3) hide show
  1. package/package.json +2 -2
  2. package/dist/cjs/lib/styles/kubit.css +0 -1492
  3. package/dist/esm/lib/styles/kubit.css +0 -1492
package/dist/esm/lib/styles/kubit.css DELETED
@@ -1,1492 +0,0 @@
1
- /* === BERNOVA FOUNDATIONS === */
2
- @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700&display=swap');
3
- @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
4
-
5
-
6
- @font-face{
7
- font-family: "Nunito Sans";
8
- font-style: italic;
9
- font-weight: 200;
10
- src: url(//fonts.gstatic.com/s/nunitosans/v15/pe1kMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwXeVy3GboJ0kTHmoP92UpK_Y.eot?#) format("eot"),url(//fonts.gstatic.com/s/nunitosans/v15/pe1kMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwXeVy3GboJ0kTHmoP92UnK_I.woff2) format("woff2"),url(//fonts.gstatic.com/s/nunitosans/v15/pe1kMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwXeVy3GboJ0kTHmoP92UpK_Q.woff) format("woff");
11
- }
12
-
13
-
14
- @font-face{
15
- font-family: "Nunito Sans";
16
- font-style: italic;
17
- font-weight: 300;
18
- src: url(//fonts.gstatic.com/s/nunitosans/v15/pe1kMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwXeVy3GboJ0kTHmrR92UpK_Y.eot?#) format("eot"),url(//fonts.gstatic.com/s/nunitosans/v15/pe1kMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwXeVy3GboJ0kTHmrR92UnK_I.woff2) format("woff2"),url(//fonts.gstatic.com/s/nunitosans/v15/pe1kMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwXeVy3GboJ0kTHmrR92UpK_Q.woff) format("woff");
19
- }
20
-
21
-
22
- @font-face{
23
- font-family: "Nunito Sans";
24
- font-style: italic;
25
- font-weight: 400;
26
- src: url(//fonts.gstatic.com/s/nunitosans/v15/pe1kMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwXeVy3GboJ0kTHmqP92UpK_Y.eot?#) format("eot"),url(//fonts.gstatic.com/s/nunitosans/v15/pe1kMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwXeVy3GboJ0kTHmqP92UnK_I.woff2) format("woff2"),url(//fonts.gstatic.com/s/nunitosans/v15/pe1kMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwXeVy3GboJ0kTHmqP92UpK_Q.woff) format("woff");
27
- }
28
-
29
-
30
- @font-face{
31
- font-family: "Nunito Sans";
32
- font-style: italic;
33
- font-weight: 500;
34
- src: url(//fonts.gstatic.com/s/nunitosans/v15/pe1kMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwXeVy3GboJ0kTHmq992UpK_Y.eot?#) format("eot"),url(//fonts.gstatic.com/s/nunitosans/v15/pe1kMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwXeVy3GboJ0kTHmq992UnK_I.woff2) format("woff2"),url(//fonts.gstatic.com/s/nunitosans/v15/pe1kMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwXeVy3GboJ0kTHmq992UpK_Q.woff) format("woff");
35
- }
36
-
37
-
38
- @font-face{
39
- font-family: "Nunito Sans";
40
- font-style: italic;
41
- font-weight: 600;
42
- src: url(//fonts.gstatic.com/s/nunitosans/v15/pe1kMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwXeVy3GboJ0kTHmpR8GUpK_Y.eot?#) format("eot"),url(//fonts.gstatic.com/s/nunitosans/v15/pe1kMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwXeVy3GboJ0kTHmpR8GUnK_I.woff2) format("woff2"),url(//fonts.gstatic.com/s/nunitosans/v15/pe1kMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwXeVy3GboJ0kTHmpR8GUpK_Q.woff) format("woff");
43
- }
44
-
45
-
46
- @font-face{
47
- font-family: "Nunito Sans";
48
- font-style: italic;
49
- font-weight: 700;
50
- src: url(//fonts.gstatic.com/s/nunitosans/v15/pe1kMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwXeVy3GboJ0kTHmpo8GUpK_Y.eot?#) format("eot"),url(//fonts.gstatic.com/s/nunitosans/v15/pe1kMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwXeVy3GboJ0kTHmpo8GUnK_I.woff2) format("woff2"),url(//fonts.gstatic.com/s/nunitosans/v15/pe1kMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwXeVy3GboJ0kTHmpo8GUpK_Q.woff) format("woff");
51
- }
52
-
53
-
54
- @font-face{
55
- font-family: "Nunito Sans";
56
- font-style: italic;
57
- font-weight: 800;
58
- src: url(//fonts.gstatic.com/s/nunitosans/v15/pe1kMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwXeVy3GboJ0kTHmoP8GUpK_Y.eot?#) format("eot"),url(//fonts.gstatic.com/s/nunitosans/v15/pe1kMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwXeVy3GboJ0kTHmoP8GUnK_I.woff2) format("woff2"),url(//fonts.gstatic.com/s/nunitosans/v15/pe1kMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwXeVy3GboJ0kTHmoP8GUpK_Q.woff) format("woff");
59
- }
60
-
61
-
62
- @font-face{
63
- font-family: "Nunito Sans";
64
- font-style: italic;
65
- font-weight: 900;
66
- src: url(//fonts.gstatic.com/s/nunitosans/v15/pe1kMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwXeVy3GboJ0kTHmom8GUpK_Y.eot?#) format("eot"),url(//fonts.gstatic.com/s/nunitosans/v15/pe1kMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwXeVy3GboJ0kTHmom8GUnK_I.woff2) format("woff2"),url(//fonts.gstatic.com/s/nunitosans/v15/pe1kMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwXeVy3GboJ0kTHmom8GUpK_Q.woff) format("woff");
67
- }
68
-
69
-
70
- @font-face{
71
- font-family: "Nunito Sans";
72
- font-style: normal;
73
- font-weight: 200;
74
- src: url(//fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4GVilXvVUh.eot?#) format("eot"),url(//fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4GVilXs1Ul.woff2) format("woff2"),url(//fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4GVilXvVUj.woff) format("woff");
75
- }
76
-
77
-
78
- @font-face{
79
- font-family: "Nunito Sans";
80
- font-style: normal;
81
- font-weight: 300;
82
- src: url(//fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4GiClXvVUh.eot?#) format("eot"),url(//fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4GiClXs1Ul.woff2) format("woff2"),url(//fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4GiClXvVUj.woff) format("woff");
83
- }
84
-
85
-
86
- @font-face{
87
- font-family: "Nunito Sans";
88
- font-style: normal;
89
- font-weight: 400;
90
- src: url(//fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4G1ilXvVUh.eot?#) format("eot"),url(//fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4G1ilXs1Ul.woff2) format("woff2"),url(//fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4G1ilXvVUj.woff) format("woff");
91
- }
92
-
93
-
94
- @font-face{
95
- font-family: "Nunito Sans";
96
- font-style: normal;
97
- font-weight: 500;
98
- src: url(//fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4G5ClXvVUh.eot?#) format("eot"),url(//fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4G5ClXs1Ul.woff2) format("woff2"),url(//fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4G5ClXvVUj.woff) format("woff");
99
- }
100
-
101
-
102
- @font-face{
103
- font-family: "Nunito Sans";
104
- font-style: normal;
105
- font-weight: 600;
106
- src: url(//fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4GCC5XvVUh.eot?#) format("eot"),url(//fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4GCC5Xs1Ul.woff2) format("woff2"),url(//fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4GCC5XvVUj.woff) format("woff");
107
- }
108
-
109
-
110
- @font-face{
111
- font-family: "Nunito Sans";
112
- font-style: normal;
113
- font-weight: 700;
114
- src: url(//fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4GMS5XvVUh.eot?#) format("eot"),url(//fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4GMS5Xs1Ul.woff2) format("woff2"),url(//fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4GMS5XvVUj.woff) format("woff");
115
- }
116
-
117
-
118
- @font-face{
119
- font-family: "Nunito Sans";
120
- font-style: normal;
121
- font-weight: 800;
122
- src: url(//fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4GVi5XvVUh.eot?#) format("eot"),url(//fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4GVi5Xs1Ul.woff2) format("woff2"),url(//fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4GVi5XvVUj.woff) format("woff");
123
- }
124
-
125
-
126
- @font-face{
127
- font-family: "Nunito Sans";
128
- font-style: normal;
129
- font-weight: 900;
130
- src: url(//fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4Gfy5XvVUh.eot?#) format("eot"),url(//fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4Gfy5Xs1Ul.woff2) format("woff2"),url(//fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4Gfy5XvVUj.woff) format("woff");
131
- }
132
-
133
-
134
- html {
135
- margin: 0;
136
- padding: 0;
137
- vertical-align: baseline;
138
- margin-top: 0;
139
- margin-bottom: 0;
140
- margin-left: 0;
141
- margin-right: 0;
142
- box-sizing: border-box;
143
- background-color: transparent;
144
- border: 0;
145
- }
146
- body,
147
- div,
148
- span,
149
- applet,
150
- object,
151
- iframe,
152
- h1,
153
- h2,
154
- h3,
155
- h4,
156
- h5,
157
- h6,
158
- p,
159
- blockquote,
160
- pre,
161
- a,
162
- abbr,
163
- acronym,
164
- address,
165
- big,
166
- cite,
167
- code,
168
- del,
169
- dfn,
170
- em,
171
- img,
172
- ins,
173
- kbd,
174
- q,
175
- s,
176
- samp,
177
- small,
178
- strike,
179
- strong,
180
- sub,
181
- sup,
182
- tt,
183
- var,
184
- b,
185
- u,
186
- i,
187
- center,
188
- dl,
189
- dt,
190
- dd,
191
- ol,
192
- ul,
193
- li,
194
- fieldset,
195
- form,
196
- label,
197
- legend,
198
- table,
199
- caption,
200
- tbody,
201
- tfoot,
202
- thead,
203
- tr,
204
- th,
205
- td,
206
- article,
207
- aside,
208
- canvas,
209
- details,
210
- embed,
211
- figure,
212
- figcaption,
213
- footer,
214
- header,
215
- hgroup,
216
- menu,
217
- nav,
218
- output,
219
- ruby,
220
- section,
221
- summary,
222
- time,
223
- mark,
224
- audio,
225
- video,
226
- dialog,
227
- input,
228
- button {
229
- margin: 0;
230
- padding: 0;
231
- vertical-align: baseline;
232
- margin-top: 0;
233
- margin-bottom: 0;
234
- margin-left: 0;
235
- margin-right: 0;
236
- box-sizing: border-box;
237
- background-color: transparent;
238
- border: 0;
239
- }
240
- article,
241
- aside,
242
- details,
243
- figcaption,
244
- figure,
245
- footer,
246
- header,
247
- hgroup,
248
- menu,
249
- nav,
250
- section {
251
- display: block;
252
- }
253
- body {
254
- line-height: 1;
255
- }
256
- ol,
257
- ul {
258
- list-style: none;
259
- }
260
- blockquote,
261
- q {
262
- quotes: none;
263
- }
264
- blockquote::before,
265
- blockquote::after,
266
- q::before,
267
- q::after {
268
- content: "";
269
- content: none;
270
- }
271
- table {
272
- border-collapse: collapse;
273
- border-spacing: 0;
274
- }
275
-
276
- @supports (font: -apple-system-body) {
277
- html {
278
- font: -apple-system-body;
279
- }
280
- }
281
- @supports (font: system-ui) {
282
- html {
283
- font: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
284
- }
285
- }
286
-
287
- :root{
288
- --borders-border-00: 0rem;
289
- --borders-border-50: 0.0625rem;
290
- --borders-border-100: 0.125rem;
291
- --borders-border-200: 0.25rem;
292
- --colors-accent-color-accent-default-bg-50: #000000;
293
- --colors-accent-color-accent-default-bg-100: #DF2B51;
294
- --colors-accent-color-accent-default-bg-150: #FFFFFF;
295
- --colors-accent-color-accent-default-border-50: #000000;
296
- --colors-accent-color-accent-default-border-100: #DF2B51;
297
- --colors-accent-color-accent-default-border-150: #FFFFFF;
298
- --colors-accent-color-accent-default-font-50: #000000;
299
- --colors-accent-color-accent-default-font-100: #DF2B51;
300
- --colors-accent-color-accent-default-font-150: #FFFFFF;
301
- --colors-accent-color-accent-default-icon-50: #000000;
302
- --colors-accent-color-accent-default-icon-100: #DF2B51;
303
- --colors-accent-color-accent-default-icon-150: #FFFFFF;
304
- --colors-accent-color-accent-hover-bg-50: #E44B66;
305
- --colors-accent-color-accent-hover-bg-100: #F6F6F6;
306
- --colors-accent-color-accent-hover-bg-150: #696969;
307
- --colors-accent-color-accent-hover-font-200: #000000;
308
- --colors-accent-color-accent-hover-icon-150: #696969;
309
- --colors-accent-color-accent-hover-icon-200: #000000;
310
- --colors-accent-color-accent-loading-bg-50: #E44B66;
311
- --colors-accent-color-accent-loading-bg-100: #FFFFFF;
312
- --colors-accent-color-accent-loading-bg-150: #696969;
313
- --colors-accent-color-accent-loading-border-50: #000000;
314
- --colors-accent-color-accent-loading-border-100: #FFFFFF;
315
- --colors-accent-color-accent-loading-icon-50: #000000;
316
- --colors-accent-color-accent-loading-icon-100: #FFFFFF;
317
- --colors-accent-color-accent-pressed-bg-50: #A01D39;
318
- --colors-accent-color-accent-pressed-bg-150: #4F4F4F;
319
- --colors-accent-color-accent-pressed-font-200: #000000;
320
- --colors-accent-color-accent-pressed-font-250: #FFFFFF;
321
- --colors-accent-color-accent-pressed-icon-200: #000000;
322
- --colors-accent-color-accent-pressed-icon-250: #FFFFFF;
323
- --colors-accent-color-code-50: #FF76B0;
324
- --colors-accent-color-code-100: #22FFD2;
325
- --colors-accent-color-code-150: #B3A8FF;
326
- --colors-accent-color-code-200: #FFF95D;
327
- --colors-accent-color-code-250: #00B7F0;
328
- --colors-brand-color-brand-bg-50: #DF2B51;
329
- --colors-brand-color-brand-border-50: #DF2B51;
330
- --colors-brand-color-brand-border-100: #050505;
331
- --colors-brand-color-brand-font-50: #DF2B51;
332
- --colors-brand-color-brand-font-100: #050505;
333
- --colors-brand-color-brand-icon-50: #DF2B51;
334
- --colors-decorative-color-decorative-50: #FF76B0;
335
- --colors-decorative-color-decorative-100: #22FFD2;
336
- --colors-decorative-color-decorative-150: #B3A8FF;
337
- --colors-decorative-color-decorative-200: #FFF95D;
338
- --colors-decorative-color-decorative-250: #00B7F0;
339
- --colors-decorative-color-decorative-300: #F6F0FF;
340
- --colors-decorative-color-decorative-350: #8C33FF;
341
- --colors-disabled-color-accentdisabled-bg-50: #444444;
342
- --colors-disabled-color-accentdisabled-bg-100: #AAAAAA;
343
- --colors-disabled-color-accentdisabled-bg-150: #E6E6E6;
344
- --colors-disabled-color-accentdisabled-border-50: #444444;
345
- --colors-disabled-color-accentdisabled-border-100: #AAAAAA;
346
- --colors-disabled-color-accentdisabled-border-150: #E6E6E6;
347
- --colors-disabled-color-accentdisabled-font-50: #444444;
348
- --colors-disabled-color-accentdisabled-font-100: #AAAAAA;
349
- --colors-disabled-color-accentdisabled-font-150: #E6E6E6;
350
- --colors-disabled-color-accentdisabled-icon-50: #444444;
351
- --colors-disabled-color-accentdisabled-icon-100: #AAAAAA;
352
- --colors-disabled-color-accentdisabled-icon-150: #E6E6E6;
353
- --colors-feedback-color-feedback-error-bg-50: #FFE6EC;
354
- --colors-feedback-color-feedback-error-bg-100: #FF003C;
355
- --colors-feedback-color-feedback-error-border-50: #FF003C;
356
- --colors-feedback-color-feedback-error-icon-50: #FF003C;
357
- --colors-feedback-color-feedback-info-bg-50: #E6F6F6;
358
- --colors-feedback-color-feedback-info-bg-100: #00A4A4;
359
- --colors-feedback-color-feedback-info-bg-150: #23779A;
360
- --colors-feedback-color-feedback-info-border-50: #00A4A4;
361
- --colors-feedback-color-feedback-success-bg-50: #EFF7E7;
362
- --colors-feedback-color-feedback-success-bg-100: #5CA40A;
363
- --colors-feedback-color-feedback-success-bg-150: #008035;
364
- --colors-feedback-color-feedback-success-border-50: #5CA40A;
365
- --colors-feedback-color-feedback-success-icon-50: #5CA40A;
366
- --colors-feedback-color-feedback-warning-bg-50: #FFF9E6;
367
- --colors-feedback-color-feedback-warning-bg-100: #FFC000;
368
- --colors-feedback-color-feedback-warning-bg-150: #856300;
369
- --colors-feedback-color-feedback-warning-border-50: #FFC000;
370
- --colors-feedback-color-feedback-warning-icon-50: #856300;
371
- --colors-feedback-color-feedbackerror-bg-150: #CC0000;
372
- --colors-feedback-color-feedbackerror-border-100: #CC0000;
373
- --colors-feedback-color-feedbackerror-font-50: #CC0000;
374
- --colors-feedback-color-feedbackerror-icon-100: #CC0000;
375
- --colors-feedback-color-feedbackinfo-border-100: #23779A;
376
- --colors-feedback-color-feedbackinfo-icon-50: #00A4A4;
377
- --colors-feedback-color-feedbacksuccess-border-100: #008035;
378
- --colors-feedback-color-feedbacksuccess-font-50: #008035;
379
- --colors-feedback-color-feedbacksuccess-icon-100: #008035;
380
- --colors-feedback-color-feedbackwarning-border-100: #856300;
381
- --colors-hover-color-accent-hover-bg-50: #E44B66;
382
- --colors-keyboard-focus-color-accentkeyboardfocus-border-50: #2360C5;
383
- --colors-keyboard-focus-color-accentkeyboardfocus-border-100: #FFFFFF;
384
- --colors-neutral-color-neutral-bg-50: #1A1A1A;
385
- --colors-neutral-color-neutral-bg-100: #4F4F4F;
386
- --colors-neutral-color-neutral-bg-150: #767676;
387
- --colors-neutral-color-neutral-bg-200: #F4F4F4;
388
- --colors-neutral-color-neutral-bg-250: #FFFFFF;
389
- --colors-neutral-color-neutral-border-50: #1A1A1A;
390
- --colors-neutral-color-neutral-border-100: #4F4F4F;
391
- --colors-neutral-color-neutral-border-150: #767676;
392
- --colors-neutral-color-neutral-border-200: #D1D1D1;
393
- --colors-neutral-color-neutral-border-250: #FFFFFF;
394
- --colors-neutral-color-neutral-font-50: #1A1A1A;
395
- --colors-neutral-color-neutral-font-100: #4F4F4F;
396
- --colors-neutral-color-neutral-font-150: #767676;
397
- --colors-neutral-color-neutral-font-200: #D1D1D1;
398
- --colors-neutral-color-neutral-font-250: #FFFFFF;
399
- --colors-neutral-color-neutral-icon-50: #1A1A1A;
400
- --colors-neutral-color-neutral-icon-100: #4F4F4F;
401
- --colors-neutral-color-neutral-icon-150: #767676;
402
- --colors-neutral-color-neutral-icon-200: #D1D1D1;
403
- --colors-neutral-color-neutral-icon-250: #FFFFFF;
404
- --colors-pressed-color-accent-pressed-bg-50: #A01D39;
405
- --colors-pressed-color-accent-pressed-bg-100: #F4F4F4;
406
- --colors-pressed-color-accent-pressed-bg-200: #767676;
407
- --colors-pressed-color-accent-pressed-border-50: #A01D39;
408
- --colors-pressed-color-accent-pressed-font-50: #A01D39;
409
- --colors-pressed-color-accent-pressed-font-100: #F4F4F4;
410
- --colors-pressed-color-accent-pressed-font-150: #4F4F4F;
411
- --colors-pressed-color-accent-pressed-icon-50: #A01D39;
412
- --colors-pressed-color-accent-pressed-icon-100: #F4F4F4;
413
- --colors-pressed-color-accent-pressed-icon-150: #4F4F4F;
414
- --colors-pressed-color-accent-pressed-icon-250: #FFFFFF;
415
- --colors-secondary-color-secondary-bg-50: #000000;
416
- --colors-secondary-color-secondary-bg-100: #DF2B51;
417
- --colors-secondary-color-secondary-bg-150: #FFC8D3;
418
- --colors-secondary-color-secondary-bg-200: #FFEFF2;
419
- --colors-secondary-color-secondary-bg-250: #E7EDF0;
420
- --colors-secondary-color-secondary-border-50: #000000;
421
- --colors-secondary-color-secondary-border-100: #DF2B51;
422
- --colors-secondary-color-secondary-border-150: #FFC8D3;
423
- --colors-secondary-color-secondary-font-50: #000000;
424
- --colors-secondary-color-secondary-font-100: #DF2B51;
425
- --colors-secondary-color-secondary-font-150: #FFC8D3;
426
- --colors-secondary-color-secondary-icon-50: #000000;
427
- --colors-secondary-color-secondary-icon-100: #DF2B51;
428
- --colors-secondary-color-secondary-icon-150: #FFC8D3;
429
- --font-size-font-body-50: 1.125rem;
430
- --font-size-font-body-100: 1rem;
431
- --font-size-font-body-150: 0.875rem;
432
- --font-size-font-body-200: 0.75rem;
433
- --font-size-font-heading-50: 3rem;
434
- --font-size-font-heading-100: 2.5rem;
435
- --font-size-font-heading-150: 2rem;
436
- --font-size-font-heading-200: 1.5rem;
437
- --font-size-font-heading-250: 1.25rem;
438
- --font-weight-font-weight-000: 0;
439
- --font-weight-font-weight-300: 300;
440
- --font-weight-font-weight-400: 400;
441
- --font-weight-font-weight-500: 500;
442
- --font-weight-font-weight-600: 600;
443
- --line-height-line-height-50: 3.5rem;
444
- --line-height-line-height-100: 3rem;
445
- --line-height-line-height-150: 2.5rem;
446
- --line-height-line-height-200: 1.5rem;
447
- --line-height-line-height-250: 1.25rem;
448
- --line-height-line-height-300: 1rem;
449
- --radius-radius-00: 0rem;
450
- --radius-radius-25: 0.13rem;
451
- --radius-radius-50: 0.25rem;
452
- --radius-radius-75: 0.5rem;
453
- --radius-radius-100: 6.25rem;
454
- --radius-radius-circle: 50%;
455
- --shadow-shadow-10: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
456
- --sizes-max-size-image: 68rem;
457
- --sizes-size-25: 0.25rem;
458
- --sizes-size-25-number-px: 4;
459
- --sizes-size-50: 0.5rem;
460
- --sizes-size-50-number-px: 8;
461
- --sizes-size-100: 0.75rem;
462
- --sizes-size-100-number-px: 12;
463
- --sizes-size-150: 1rem;
464
- --sizes-size-150-number-px: 16;
465
- --sizes-size-200: 1.25rem;
466
- --sizes-size-200-number-px: 20;
467
- --sizes-size-250: 1.5rem;
468
- --sizes-size-250-number-px: 24;
469
- --sizes-size-300: 2rem;
470
- --sizes-size-300-number-px: 32;
471
- --sizes-size-350: 2.5rem;
472
- --sizes-size-350-number-px: 40;
473
- --sizes-size-400: 3rem;
474
- --sizes-size-400-number-px: 48;
475
- --sizes-size-450: 3.5rem;
476
- --sizes-size-450-number-px: 56;
477
- --sizes-size-500: 4.5rem;
478
- --sizes-size-500-number-px: 72;
479
- --sizes-size-550: 6rem;
480
- --sizes-size-550-number-px: 96;
481
- --sizes-size-anchors-menu: 16.75rem;
482
- --sizes-size-anchors-menu-number-px: 268;
483
- --sizes-size-cover: 12.5rem;
484
- --sizes-size-cover-mobile-tablet: 12.5rem;
485
- --sizes-size-cover-number-px: 420;
486
- --sizes-size-cover-with-tab-number-pxs: 372;
487
- --sizes-size-cover-with-tabs: 12.5rem;
488
- --sizes-size-cover-with-tabs-mobile-tablet: 12.5rem;
489
- --sizes-size-header: 3.5rem;
490
- --sizes-size-header-number-px: 56;
491
- --sizes-size-menu-top-search: 7.188rem;
492
- --sizes-size-menu-top-size-px: 230;
493
- --sizes-size-modal-icon: 7.5rem;
494
- --sizes-size-side-menu-desktop: 16.75rem;
495
- --sizes-size-side-menu-desktop-number-px: 268;
496
- --sizes-size-side-menu-mobile: 22.5rem;
497
- --sizes-size-side-menu-mobile-number-px: 360;
498
- --sizes-size-side-menu-tablet: 22.5rem;
499
- --sizes-size-side-menu-tablet-number-px: 360;
500
- --spacings-spacing-0: 0rem;
501
- --spacings-spacing-5-percent: 5%;
502
- --spacings-spacing-10-percent: 10%;
503
- --spacings-spacing-20-percent: 20%;
504
- --spacings-spacing-25: 0.063rem;
505
- --spacings-spacing-25-percent: 25%;
506
- --spacings-spacing-30-percent: 30%;
507
- --spacings-spacing-50: 0.125rem;
508
- --spacings-spacing-50-percent: 50%;
509
- --spacings-spacing-70-percent: 70%;
510
- --spacings-spacing-100: 0.25rem;
511
- --spacings-spacing-100-percent: 100%;
512
- --spacings-spacing-100-px: 4px;
513
- --spacings-spacing-100-vh: 100vh;
514
- --spacings-spacing-100-vw: 100vw;
515
- --spacings-spacing-150: 0.5rem;
516
- --spacings-spacing-180-px: 180px;
517
- --spacings-spacing-200: 0.625rem;
518
- --spacings-spacing-250: 0.75rem;
519
- --spacings-spacing-300: 1rem;
520
- --spacings-spacing-350: 1.25rem;
521
- --spacings-spacing-400: 1.5rem;
522
- --spacings-spacing-450: 2rem;
523
- --spacings-spacing-475: 2.25rem;
524
- --spacings-spacing-500: 2.5rem;
525
- --spacings-spacing-550: 3rem;
526
- --spacings-spacing-600: 3.5rem;
527
- --spacings-spacing-650: 4rem;
528
- --spacings-spacing-675: 4.5rem;
529
- --spacings-spacing-700: 5rem;
530
- --spacings-spacing-740: 7.5rem;
531
- --spacings-spacing-750: 8rem;
532
- --spacings-spacing-800: 8.5rem;
533
- --text-align-center: center;
534
- --text-align-left: left;
535
- --text-align-right: right;
536
- --z-index-auto: auto;
537
- --z-index-floating: 600;
538
- --z-index-intern-1: 1;
539
- --z-index-intern-2: 2;
540
- --z-index-intern-3: 3;
541
- --z-index-modal: 800;
542
- --z-index-overlay: 700;
543
- --z-index-popup: 500;
544
- --z-index-spinner: 900;
545
- --z-index-sticky: 400;
546
- --z-index-toast: 950;
547
- --z-index-top-of-the-world: 1000;
548
- }
549
- html, body, * { font-family: "Nunito Sans"; }
550
- *, *::before, *::after { box-sizing: border-box; }
551
- .kbt-sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
552
- .global-focus-visible:focus-visible { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.6); outline: none; }
553
- body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; outline-offset: 0.25rem; outline-style: solid; outline-width: 0.25rem; }
554
- .kbt-global-focus { box-shadow: ; outline-color: ; outline-offset: ; outline-style: solid; outline-width: ; }
555
- /* === END FOUNDATIONS === */
556
-
557
- /* === BERNOVA COMPONENTS === */
558
- .accordion { border: var(--borders-border-50) solid var(--colors-neutral-color-neutral-border-50); border-radius: var(--radius-radius-75); }
559
- .accordion__content { display: grid; grid-template-rows: 1fr; overflow: hidden; padding: var(--spacings-spacing-200); transition: grid-template-rows 0.3s ease-out; }
560
- .accordion__content[data-state="collapsed"] { grid-template-rows: 0fr; padding-bottom: 0px; padding-top: 0px; }
561
- .accordion__header { padding: 0; }
562
- .accordion__headerbutton { border-radius: var(--radius-radius-75); cursor: pointer; display: flex; padding: var(--spacings-spacing-200); width: 100%; }
563
- .accordion__innercontent { min-height: 0; overflow: hidden; }
564
- .accordion--neutral { background-color: var(--colors-neutral-color-neutral-bg-200); }
565
- .accordion--standard { background-color: var(--colors-neutral-color-neutral-bg-250); }
566
- .alert__container { align-items: flex-start; border-radius: var(--radius-radius-00); border-style: solid; border-width: var(--borders-border-50); display: flex; flex-direction: row; gap: var(--spacings-spacing-150); justify-content: flex-start; padding: var(--spacings-spacing-300); position: relative; }
567
- .alert__contentcontainer { padding: var(--spacings-spacing-0); }
568
- .alert__description { color: var(--colors-neutral-color-neutral-font-150); font-weight: var(--font-weight-font-weight-400); word-break: break-word; }
569
- .alert__container--error { background-color: var(--colors-feedback-color-feedback-error-bg-50); border-color: var(--colors-feedback-color-feedbackerror-border-100); }
570
- .alert__container--informative { background-color: var(--colors-feedback-color-feedback-info-bg-50); border-color: var(--colors-feedback-color-feedbackinfo-border-100); }
571
- .alert__container--success { background-color: var(--colors-feedback-color-feedback-success-bg-50); border-color: var(--colors-feedback-color-feedbacksuccess-border-100); }
572
- .alert__container--warning { background-color: var(--colors-feedback-color-feedback-warning-bg-50); border-color: var(--colors-feedback-color-feedbackwarning-border-100); }
573
- .avatar { align-items: center; background-position: 50%, 50%; background-size: 100%; border-radius: var(--radius-radius-circle); cursor: pointer; display: inline-flex; justify-content: center; position: relative; -webkit-text-decoration: none; text-decoration: none; }
574
- .avatar__dot { display: flex; position: absolute; right: 0; top: 0; }
575
- .avatar__icon { display: block; }
576
- .avatar__initials[data-background-type="color-default"] { color: var(--colors-neutral-color-neutral-icon-50); }
577
- .avatar__initials[data-background-type="color-red"] { color: var(--colors-accent-color-accent-default-icon-100); }
578
- .avatar__initials[data-background-type="color-white"] { color: var(--colors-neutral-color-neutral-icon-50); }
579
- .avatar__initials[data-content-type="with-initials"] { font-weight: var(--font-weight-font-weight-600); text-align: var(--text-align-center); }
580
- .avatar--large { height: var(--spacings-spacing-600); max-height: var(--spacings-spacing-600); max-width: var(--spacings-spacing-600); width: var(--spacings-spacing-600); }
581
- .avatar__icon--large { height: var(--spacings-spacing-350); width: var(--spacings-spacing-350); }
582
- .avatar--large[data-content-type="with-icon"] { height: var(--spacings-spacing-600); width: var(--spacings-spacing-600); }
583
- .avatar--medium { height: var(--spacings-spacing-500); max-height: var(--spacings-spacing-500); max-width: var(--spacings-spacing-500); width: var(--spacings-spacing-500); }
584
- .avatar__icon--medium { height: var(--spacings-spacing-250); width: var(--spacings-spacing-250); }
585
- .avatar--medium[data-content-type="with-icon"] { height: var(--spacings-spacing-500); width: var(--spacings-spacing-500); }
586
- .avatar--small { height: var(--spacings-spacing-450); max-height: var(--spacings-spacing-450); max-width: var(--spacings-spacing-450); width: var(--spacings-spacing-450); }
587
- .avatar__icon--small { height: var(--spacings-spacing-150); width: var(--spacings-spacing-150); }
588
- .avatar--small[data-content-type="with-icon"] { height: var(--spacings-spacing-450); width: var(--spacings-spacing-450); }
589
- .avatar--extra-large { height: var(--spacings-spacing-675); max-height: var(--spacings-spacing-675); max-width: var(--spacings-spacing-675); width: var(--spacings-spacing-675); }
590
- .avatar__icon--extra-large { height: var(--spacings-spacing-450); width: var(--spacings-spacing-450); }
591
- .avatar--extra-large[data-content-type="with-icon"] { height: var(--spacings-spacing-675); width: var(--spacings-spacing-675); }
592
- .avatar[data-background-type="color-default"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-color: var(--colors-neutral-color-neutral-border-50); color: var(--colors-neutral-color-neutral-icon-50); }
593
- .avatar[data-background-type="color-red"] { background-color: var(--colors-accent-color-accent-default-bg-100); border-color: var(--colors-accent-color-accent-default-border-100); color: var(--colors-accent-color-accent-default-icon-100); }
594
- .avatar[data-background-type="color-white"] { background-color: var(--colors-neutral-color-neutral-bg-250); border-color: var(--colors-neutral-color-neutral-border-50); color: var(--colors-neutral-color-neutral-icon-50); }
595
- .avatar[data-content-type="with-icon"] { border-radius: var(--radius-radius-circle); -webkit-text-decoration: none; text-decoration: none; }
596
- .badge { position: relative; }
597
- .badge__button { align-items: center; cursor: pointer; display: inline-flex; flex-direction: column; gap: var(--spacings-spacing-150); }
598
- .badge__dot { line-height: 0; position: absolute; right: 0; top: 0; transform: translate(30%, -30%); z-index: var(--z-index-intern-1); }
599
- .badge__dotcontainer { display: inline-flex; position: relative; }
600
- .badge__icon { display: inline-flex; }
601
- .badge__label { display: inline-flex; }
602
- .badge__labelcontainer { align-items: center; cursor: pointer; display: inline-flex; flex-direction: row; }
603
- .badge__labelicon { display: inline-flex; }
604
- .badge__icon--default { height: var(--sizes-size-250); width: var(--sizes-size-250); }
605
- .badge__icon--alternative { color: var(--colors-neutral-color-neutral-icon-250); }
606
- .badge__label--alternative { color: var(--colors-neutral-color-neutral-font-250); font-weight: var(--font-weight-font-weight-400); }
607
- .badge__labelicon--alternative { color: var(--colors-neutral-color-neutral-icon-250); height: var(--sizes-size-150); width: var(--sizes-size-150); }
608
- .badge__labelicon--alternative:active { color: var(--colors-neutral-color-neutral-icon-250); }
609
- .badge__labelicon--alternative:disabled { color: var(--colors-disabled-color-accentdisabled-font-150); }
610
- .badge__icon--primary { color: var(--colors-neutral-color-neutral-icon-50); }
611
- .badge__icon--primary:active { color: var(--colors-accent-color-accent-default-icon-100); }
612
- .badge__icon--primary:disabled { color: var(--colors-disabled-color-accentdisabled-icon-150); }
613
- .badge__label--primary { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-400); }
614
- .badge__label--primary:active { color: var(--colors-neutral-color-neutral-font-50); }
615
- .badge__label--primary:disabled { color: var(--colors-disabled-color-accentdisabled-font-150); }
616
- .badge__labelicon--primary { color: var(--colors-neutral-color-neutral-icon-50); height: var(--sizes-size-150); width: var(--sizes-size-150); }
617
- .badge__labelicon--primary:active { color: var(--colors-neutral-color-neutral-icon-50); }
618
- .badge__labelicon--primary:disabled { color: var(--colors-disabled-color-accentdisabled-font-150); }
619
- .breadcrumbs { display: flex; list-style: none; margin: 0; padding: 0; position: relative; white-space: nowrap; width: 100%; }
620
- .breadcrumbs__crumb { align-items: center; display: inline-flex; }
621
- .breadcrumbs__icondivider { height: var(--sizes-size-150); width: var(--sizes-size-150); }
622
- .breadcrumbs__icondividercontainer { padding: 0; }
623
- .breadcrumbs__lastonecrumb { font-size: var(--font-size-font-body-150); font-weight: var(--font-weight-font-weight-500); line-height: var(--line-height-line-height-250); }
624
- .breadcrumbs__link { font-size: var(--font-size-font-body-150); font-weight: var(--font-weight-font-weight-500); line-height: var(--line-height-line-height-250); text-align: var(--text-align-left); }
625
- .breadcrumbs__linkcontainer { width: -moz-fit-content; width: fit-content; }
626
- .breadcrumbs__icondivider--alternative { color: var(--colors-accent-color-accent-default-icon-150); }
627
- .breadcrumbs__lastonecrumb--alternative { color: var(--colors-accent-color-accent-default-font-150); }
628
- .breadcrumbs__lastonecrumb--alternative:active { color: var(--colors-accent-color-accent-default-font-150); }
629
- .breadcrumbs__lastonecrumb--alternative:hover { color: var(--colors-accent-color-accent-default-font-150); }
630
- .breadcrumbs__link--alternative { color: var(--colors-accent-color-accent-default-font-150); -webkit-text-decoration: underline; text-decoration: underline; }
631
- .breadcrumbs__link--alternative:active { color: var(--colors-disabled-color-accentdisabled-font-150); font-weight: var(--font-weight-font-weight-400); }
632
- .breadcrumbs__link--alternative:hover { color: var(--colors-accent-color-accent-default-font-150); }
633
- .breadcrumbs__lastonecrumb--default { color: var(--colors-accent-color-accent-default-font-50); }
634
- .breadcrumbs__lastonecrumb--default:active { color: var(--colors-accent-color-accent-default-font-50); }
635
- .breadcrumbs__lastonecrumb--default:hover { color: var(--colors-accent-color-accent-default-font-50); }
636
- .breadcrumbs__link--default { color: var(--colors-accent-color-accent-default-font-50); -webkit-text-decoration: underline; text-decoration: underline; }
637
- .breadcrumbs__link--default:active { color: var(--colors-disabled-color-accentdisabled-font-50); font-weight: var(--font-weight-font-weight-400); }
638
- .breadcrumbs__link--default:hover { color: var(--colors-accent-color-accent-default-font-50); }
639
- .button { align-items: center; cursor: pointer; display: inline-flex; justify-content: center; text-align: var(--aligntext); width: auto; }
640
- .button__icon { color: currentColor; display: inline-flex; fill: currentColor; }
641
- .button__loader { align-items: center; display: flex; position: absolute; }
642
- .button--large { font-size: var(--font-size-font-body-100); gap: var(--spacings-spacing-150); line-height: var(--line-height-line-height-200); padding-bottom: var(--spacings-spacing-250); padding-left: var(--spacings-spacing-300); padding-right: var(--spacings-spacing-300); padding-top: var(--spacings-spacing-250); }
643
- .button__icon--large { height: var(--sizes-size-250); width: var(--sizes-size-250); }
644
- .button--small { font-size: var(--font-size-font-body-150); gap: var(--spacings-spacing-100); line-height: var(--line-height-line-height-250); padding-bottom: var(--spacings-spacing-150); padding-left: var(--spacings-spacing-250); padding-right: var(--spacings-spacing-250); padding-top: var(--spacings-spacing-150); }
645
- .button__icon--small { height: var(--sizes-size-200); width: var(--sizes-size-200); }
646
- .button--alternative { border-radius: var(--borders-border-00); font-family: "Nunito Sans"; background-color: var(--colors-accent-color-accent-default-bg-50); border: var(--borders-border-100); border-color: var(--colors-accent-color-accent-default-border-150); border-style: solid; color: var(--colors-accent-color-accent-default-font-150); }
647
- .button--alternative:active { background-color: var(--colors-accent-color-accent-pressed-bg-150); color: var(--colors-accent-color-accent-default-font-150); -webkit-text-decoration: none; text-decoration: none; }
648
- .button--alternative:disabled:hover { background-color: var(--colors-disabled-color-accentdisabled-bg-50); border-color: var(--colors-disabled-color-accentdisabled-border-100); color: var(--colors-disabled-color-accentdisabled-font-100); }
649
- .button--alternative:disabled { background-color: var(--colors-disabled-color-accentdisabled-bg-50); border-color: var(--colors-disabled-color-accentdisabled-border-100); color: var(--colors-disabled-color-accentdisabled-font-100); }
650
- .button--alternative:hover { background-color: var(--colors-accent-color-accent-hover-bg-150); color: var(--colors-accent-color-accent-default-font-150); }
651
- .button--alternative[data-loading="true"] { background-color: var(--colors-accent-color-accent-loading-bg-150); border-color: var(--colors-accent-color-accent-loading-border-100); }
652
- .button--ghost_alt { padding-bottom: var(--spacings-spacing-0); padding-left: var(--spacings-spacing-0); padding-right: var(--spacings-spacing-0); padding-top: var(--spacings-spacing-0); -webkit-text-decoration: underline; text-decoration: underline; color: var(--colors-accent-color-accent-default-font-150); }
653
- .button--ghost_alt:active { color: var(--colors-accent-color-accent-default-font-150); -webkit-text-decoration: none; text-decoration: none; }
654
- .button--ghost_alt:disabled:hover { color: var(--colors-disabled-color-accentdisabled-font-100); }
655
- .button--ghost_alt:disabled { color: var(--colors-disabled-color-accentdisabled-font-100); }
656
- .button--ghost_alt:hover { background-color: var(--colors-pressed-color-accent-pressed-bg-200); color: var(--colors-pressed-color-accent-pressed-font-100); }
657
- .button--ghost_primary { padding-bottom: var(--spacings-spacing-0); padding-left: var(--spacings-spacing-0); padding-right: var(--spacings-spacing-0); padding-top: var(--spacings-spacing-0); -webkit-text-decoration: underline; text-decoration: underline; color: var(--colors-accent-color-accent-default-font-100); }
658
- .button--ghost_primary:active { color: var(--colors-accent-color-accent-default-font-100); -webkit-text-decoration: none; text-decoration: none; }
659
- .button--ghost_primary:disabled:hover { color: var(--colors-disabled-color-accentdisabled-font-100); }
660
- .button--ghost_primary:disabled { color: var(--colors-disabled-color-accentdisabled-font-100); }
661
- .button--ghost_primary:hover { background-color: var(--colors-pressed-color-accent-pressed-bg-100); color: var(--colors-pressed-color-accent-pressed-font-50); }
662
- .button--ghost_secondary { padding-bottom: var(--spacings-spacing-0); padding-left: var(--spacings-spacing-0); padding-right: var(--spacings-spacing-0); padding-top: var(--spacings-spacing-0); -webkit-text-decoration: underline; text-decoration: underline; color: var(--colors-accent-color-accent-default-font-50); }
663
- .button--ghost_secondary:active { color: var(--colors-accent-color-accent-default-font-50); -webkit-text-decoration: none; text-decoration: none; }
664
- .button--ghost_secondary:disabled:hover { color: var(--colors-disabled-color-accentdisabled-font-100); }
665
- .button--ghost_secondary:disabled { color: var(--colors-disabled-color-accentdisabled-font-100); }
666
- .button--ghost_secondary:hover { background-color: var(--colors-pressed-color-accent-pressed-bg-100); color: var(--colors-pressed-color-accent-pressed-font-150); }
667
- .button--primary { border-radius: var(--borders-border-00); font-family: "Nunito Sans"; background-color: var(--colors-accent-color-accent-default-bg-100); color: var(--colors-accent-color-accent-default-font-50); }
668
- .button--primary:active { background-color: var(--colors-accent-color-accent-pressed-bg-50); color: var(--colors-accent-color-accent-pressed-font-200); }
669
- .button--primary:disabled:hover { background-color: var(--colors-disabled-color-accentdisabled-bg-150); color: var(--colors-disabled-color-accentdisabled-icon-100); }
670
- .button--primary:disabled { background-color: var(--colors-disabled-color-accentdisabled-bg-150); color: var(--colors-disabled-color-accentdisabled-icon-100); }
671
- .button--primary:hover { background-color: var(--colors-accent-color-accent-hover-bg-50); color: var(--colors-accent-color-accent-hover-font-200); }
672
- .button--primary[data-loading="true"] { background-color: var(--colors-accent-color-accent-default-bg-100); }
673
- .button--secondary { border-radius: var(--borders-border-00); font-family: "Nunito Sans"; background-color: var(--colors-accent-color-accent-default-bg-150); border: var(--borders-border-100); border-color: var(--colors-accent-color-accent-default-border-50); border-style: solid; color: var(--colors-accent-color-accent-default-font-50); }
674
- .button--secondary:active { background-color: var(--colors-accent-color-accent-hover-bg-100); color: var(--colors-accent-color-accent-default-font-50); -webkit-text-decoration: none; text-decoration: none; }
675
- .button--secondary:disabled:hover { background-color: var(--colors-disabled-color-accentdisabled-bg-150); border-color: var(--colors-disabled-color-accentdisabled-border-100); color: var(--colors-disabled-color-accentdisabled-font-100); }
676
- .button--secondary:disabled { background-color: var(--colors-disabled-color-accentdisabled-bg-150); border-color: var(--colors-disabled-color-accentdisabled-border-100); color: var(--colors-disabled-color-accentdisabled-font-100); }
677
- .button--secondary:hover { background-color: var(--colors-accent-color-accent-hover-bg-100); color: var(--colors-accent-color-accent-default-font-50); }
678
- .button--secondary[data-loading="true"] { background-color: var(--colors-accent-color-accent-loading-bg-100); border-color: var(--colors-accent-color-accent-loading-border-50); }
679
- .button:disabled { cursor: not-allowed; }
680
- .button::after { content: 'attr(--data-content)'; display: none; visibility: hidden; }
681
- .button[data-full-width="true"] { width: 100%; }
682
- .button[data-loading="true"]::after { display: block; }
683
- .button[data-position="left"] { flex-direction: row; }
684
- .button[data-position="right"] { flex-direction: row-reverse; }
685
- .calendar { background-color: var(--colors-neutral-color-neutral-bg-250); box-shadow: var(--shadow-shadow-10); }
686
- .calendar__backtext { color: var(--colors-disabled-color-accentdisabled-icon-100); font-weight: var(--font-weight-font-weight-400); }
687
- .calendar__container { position: relative; }
688
- .calendar__dayslist { color: var(--colors-neutral-color-neutral-font-50); align-items: center; border: var(--borders-border-00); border-radius: var(--radius-radius-00); display: inline-flex; font-weight: var(--font-weight-font-weight-400); height: var(--spacings-spacing-100-percent); justify-content: center; text-align: var(--text-align-center); width: var(--spacings-spacing-100-percent); }
689
- .calendar__dayslist[data-state="current_day"] { border: var(--borders-border-50) solid var(--colors-secondary-color-secondary-border-100); border-radius: var(--radius-radius-50); color: var(--colors-accent-color-accent-default-font-100); font-weight: var(--font-weight-font-weight-400); text-align: var(--text-align-center); }
690
- .calendar__dayslist[data-state="disabled"] { border: var(--borders-border-00); border-radius: var(--radius-radius-00); color: var(--colors-disabled-color-accentdisabled-font-100); font-weight: var(--font-weight-font-weight-400); text-align: var(--text-align-center); }
691
- .calendar__dayslist[data-state="end_date_range"] { background-color: var(--colors-accent-color-accent-default-border-100); border: var(--borders-border-00); border-radius: var(--radius-radius-00) var(--radius-radius-50) var(--radius-radius-50) var(--radius-radius-00); color: var(--colors-neutral-color-neutral-font-250); font-weight: var(--font-weight-font-weight-500); text-align: var(--text-align-center); }
692
- .calendar__dayslist[data-state="midle_date_range"] { background-color: var(--colors-secondary-color-secondary-bg-200); border-bottom: var(--borders-border-50) solid var(--colors-secondary-color-secondary-border-100); border-radius: var(--radius-radius-00); border-top: var(--borders-border-50) solid var(--colors-secondary-color-secondary-border-100); color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-400); text-align: var(--text-align-center); }
693
- .calendar__dayslist[data-state="selected"] { background-color: var(--colors-secondary-color-secondary-bg-100); border: var(--borders-border-00); border-radius: var(--radius-radius-50); color: var(--colors-neutral-color-neutral-font-250); font-weight: var(--font-weight-font-weight-500); text-align: var(--text-align-center); }
694
- .calendar__dayslist[data-state="start_date_range"] { background-color: var(--colors-accent-color-accent-default-bg-100); border: var(--borders-border-00); border-radius: var(--radius-radius-50) var(--radius-radius-00) var(--radius-radius-00) var(--radius-radius-50); color: var(--colors-neutral-color-neutral-font-250); font-weight: var(--font-weight-font-weight-500); text-align: var(--text-align-center); }
695
- .calendar__headercontainer { display: flex; flex-wrap: wrap; justify-content: space-between; }
696
- .calendar__headerrow { display: flex; flex-direction: row; width: var(--spacings-spacing-100-percent); }
697
- .calendar__headerth { text-align: center; }
698
- .calendar__leftarrow { color: var(--colors-accent-color-accent-default-icon-100); height: var(--sizes-size-250); width: var(--sizes-size-250); }
699
- .calendar__listelementempty { aspect-ratio: 1 / 1; }
700
- .calendar__listelementrove { aspect-ratio: 1 / 1; }
701
- .calendar__monthelement { cursor: pointer; padding: var(--spacings-spacing-150); text-align: var(--text-align-center); width: var(--spacings-spacing-100-percent); }
702
- .calendar__monthelement[data-state="current"] { border-radius: var(--radius-radius-50); }
703
- .calendar__monthelement[data-state="disabled"] { padding: var(--spacings-spacing-150); }
704
- .calendar__monthelement[data-state="selected"] { border-radius: var(--radius-radius-50); }
705
- .calendar__monthlistitem { border: var(--borders-border-00); border-radius: var(--radius-radius-50); }
706
- .calendar__monthlistitem[data-state="current"] { border: var(--borders-border-50) solid var(--colors-accent-color-accent-default-border-100); border-radius: var(--radius-radius-50); }
707
- .calendar__monthlistitem[data-state="disabled"] { border: var(--borders-border-00); cursor: auto; pointer-events: none; }
708
- .calendar__monthlistitem[data-state="selected"] { background-color: var(--colors-accent-color-accent-default-border-100); border: var(--borders-border-00); border-radius: var(--radius-radius-50); }
709
- .calendar__monthslist { align-items: flex-start; display: grid; flex-wrap: wrap; grid-gap: var(--spacings-spacing-300); gap: var(--spacings-spacing-300); grid-template-columns: repeat(3, 1fr); height: -moz-fit-content; height: fit-content; justify-content: space-between; left: var(--spacings-spacing-0); position: relative; top: var(--spacings-spacing-0); width: var(--spacings-spacing-100-percent); }
710
- .calendar__rightarrow { color: var(--colors-accent-color-accent-default-icon-100); height: var(--sizes-size-250); width: var(--sizes-size-250); }
711
- .calendar__selectorcontainer { align-items: center; display: flex; gap: var(--spacings-spacing-300); margin-bottom: var(--spacings-spacing-150); }
712
- .calendar__selectoriconandbacktextcontainer { align-items: center; cursor: pointer; display: flex; flex-direction: row; gap: var(--spacings-spacing-150); }
713
- .calendar__selectoroptionscontainer { display: flex; flex-direction: row; gap: var(--spacings-spacing-450); justify-content: space-between; }
714
- .calendar__table { display: flex; flex-direction: column; }
715
- .calendar__tablerow { display: flex; width: var(--spacings-spacing-100-percent); }
716
- .calendar__tbody { display: flex; flex-direction: row; flex-wrap: wrap; position: relative; }
717
- .calendar__weekdaycontainer { padding: var(--spacings-spacing-150); }
718
- .calendar__year { color: var(--colors-neutral-color-neutral-font-50); }
719
- .calendar__year[data-state="current"] { color: var(--colors-secondary-color-secondary-font-100); }
720
- .calendar__year[data-state="disabled"] { color: var(--colors-disabled-color-accentdisabled-font-100); }
721
- .calendar__year[data-state="selected"] { color: var(--colors-neutral-color-neutral-font-250); }
722
- .calendar__yearelement { align-items: center; border: var(--borders-border-00); cursor: pointer; display: inline-flex; justify-content: center; padding: var(--spacings-spacing-300); width: var(--spacings-spacing-100-percent); }
723
- .calendar__yearelement[data-state="current"] { border: var(--borders-border-50) solid var(--colors-accent-color-accent-default-border-100); border-radius: var(--radius-radius-50); }
724
- .calendar__yearelement[data-state="disabled"] { border: var(--borders-border-00); }
725
- .calendar__yearelement[data-state="selected"] { background-color: var(--colors-accent-color-accent-default-border-100); border-radius: var(--radius-radius-50); }
726
- .calendar__yearlistitem { text-align: center; }
727
- .calendar__yearslist { display: grid; grid-gap: var(--spacings-spacing-300); gap: var(--spacings-spacing-300); grid-template-columns: repeat(4, 1fr); height: -moz-fit-content; height: fit-content; justify-content: space-between; left: var(--spacings-spacing-0); max-height: 18rem; overflow: auto; padding: var(--spacings-spacing-150); position: relative; top: var(--spacings-spacing-0); width: var(--spacings-spacing-100-percent); }
728
- .card { border-radius: var(--radius-radius-00); border-style: solid; border-width: var(--borders-border-50); cursor: default; display: flex; flex-direction: column; overflow: hidden; transition: all 0.2s ease-in-out; }
729
- .card__content { padding: var(--spacings-spacing-400); }
730
- .card__footer { padding: var(--spacings-spacing-400); padding-top: var(--spacings-spacing-0); }
731
- .card__header { padding: var(--spacings-spacing-400); padding-bottom: var(--spacings-spacing-0); }
732
- .card--default { background-color: var(--colors-neutral-color-neutral-bg-250); border-color: var(--colors-neutral-color-neutral-border-50); }
733
- .card__footer--default { color: var(--colors-neutral-color-neutral-icon-50); }
734
- .card__header--default { font-weight: var(--font-weight-font-weight-600); }
735
- .card--default:hover { box-shadow: var(--shadow-shadow-10); transform: translateY(-2px); }
736
- .card--default[data-state="selected"] { border-color: var(--colors-brand-color-brand-border-100); box-shadow: var(--shadow-shadow-10); }
737
- .carousel { display: flex; }
738
- .carousel__content { align-items: stretch; display: flex; flex-direction: row; gap: var(--spacings-spacing-300); left: 0; position: relative; }
739
- .carousel__content[data-center-mode="true"] > * { transform: scale(0.85); transition: transform 0.5s ease-out; }
740
- .carousel__content[data-center-mode="true"] > *[data-highlighted] { transform: scale(1); }
741
- .carousel__content[data-shifting="true"] { transition: left 0.5s ease-out; }
742
- .carousel__content > * { flex-shrink: 0; }
743
- .carousel__viewer { cursor: grab; overflow: hidden; padding: 0.5rem; position: relative; }
744
- .carousel__viewer[data-allow-modify-slice-width="false"] { width: 0px; }
745
- .carousel__viewer[data-allow-modify-slice-width="true"] { width: 100%; }
746
- .carousel__viewer[data-disabled="true"] { cursor: default; }
747
- .checkbox { width: -moz-fit-content; width: fit-content; }
748
- .checkbox__checkboxwithlabelcontainer { align-items: center; border-radius: var(--radius-radius-25); display: flex; flex-direction: row; gap: var(--spacings-spacing-150); }
749
- .checkbox__checkboxwithlabelcontainer:focus-within { box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 4px #2C71DB; outline: none; }
750
- .checkbox__checkboxwithlabelcontainer:focus-within *:focus-within input[type="checkbox"] { box-shadow: none; outline: none; }
751
- .checkbox__errormessagecontainer { display: flex; justify-content: flex-end; }
752
- .checkbox__label { color: var(--colors-neutral-color-neutral-font-50); cursor: pointer; font-feature-settings: ; font-variant: PARAGRAPH_SMALL_EXTENDED; font-weight: var(--font-weight-font-weight-400); }
753
- .checkbox__label[data-state="disabled_selected"] { cursor: not-allowed; }
754
- .checkbox__label[data-state="disabled_unselected"] { cursor: not-allowed; }
755
- .checkbox[data-state="disabled_selected"] { background-color: var(--colors-disabled-color-accentdisabled-bg-150); border-color: var(--colors-disabled-color-accentdisabled-border-50); }
756
- .checkbox[data-state="disabled_unselected"] { background-color: var(--colors-disabled-color-accentdisabled-bg-150); border-color: var(--colors-disabled-color-accentdisabled-border-50); }
757
- .checkbox[data-state="error_selected"] { border-color: var(--colors-accent-color-accent-default-border-100); }
758
- .checkbox[data-state="error_unselected"] { border-color: var(--colors-accent-color-accent-default-border-100); }
759
- .checkbox[data-state="selected"] { border-color: var(--colors-accent-color-accent-default-border-100); }
760
- .checkbox[data-state="unselected"] { border-color: var(--colors-neutral-color-neutral-border-100); }
761
- .checkbox_base { align-items: center; display: inline-flex; position: relative; }
762
- .checkbox_base__icon { height: var(--sizes-size-250); width: var(--sizes-size-250); }
763
- .checkbox_base__icon[data-state="disabled_selected"] { color: var(--colors-disabled-color-accentdisabled-icon-50); }
764
- .checkbox_base__icon[data-state="error_selected"] { color: var(--colors-feedback-color-feedback-error-icon-50); }
765
- .checkbox_base__icon[data-state="selected"] { color: var(--colors-accent-color-accent-default-icon-100); }
766
- .checkbox_base__iconcontainer { background-color: transparent; display: none; pointer-events: none; position: absolute; }
767
- .checkbox_base__iconcontainer[data-state="disabled_selected"] { display: inline-flex; }
768
- .checkbox_base__iconcontainer[data-state="error_selected"] { display: inline-flex; }
769
- .checkbox_base__iconcontainer[data-state="selected"] { display: inline-flex; }
770
- .checkbox_base__input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--colors-neutral-color-neutral-bg-250); border-radius: var(--radius-radius-50); border-style: solid; border-width: var(--borders-border-50); cursor: pointer; display: grid; height: var(--sizes-size-250); width: var(--sizes-size-250); }
771
- .checkbox_base__input:focus-visible { box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 4px #2C71DB; outline: none; }
772
- .checkbox_base__input[data-state="disabled_selected"] { background-color: var(--colors-disabled-color-accentdisabled-bg-150); border-color: var(--colors-disabled-color-accentdisabled-border-50); cursor: default; }
773
- .checkbox_base__input[data-state="disabled_unselected"] { background-color: var(--colors-disabled-color-accentdisabled-bg-150); border-color: var(--colors-disabled-color-accentdisabled-border-50); cursor: default; }
774
- .checkbox_base__input[data-state="error_selected"] { border-color: var(--colors-feedback-color-feedback-error-border-50); }
775
- .checkbox_base__input[data-state="error_unselected"] { border-color: var(--colors-feedback-color-feedback-error-border-50); }
776
- .checkbox_base__input[data-state="selected"] { border-color: var(--colors-accent-color-accent-default-border-100); }
777
- .checkbox_base__input[data-state="unselected"] { border-color: var(--colors-neutral-color-neutral-border-100); }
778
- .chip { align-items: center; border-radius: var(--radius-radius-00); border-style: solid; border-width: var(--borders-border-50); display: inline-flex; gap: var(--spacings-spacing-100); justify-content: center; padding: var(--spacings-spacing-100) var(--spacings-spacing-150); }
779
- .chip__closeicon { height: var(--sizes-size-250); width: var(--sizes-size-250); }
780
- .chip__errorcontainer { display: flex; }
781
- .chip__erroricon { height: var(--sizes-size-150); width: var(--sizes-size-150); }
782
- .chip__errormessage { font-weight: var(--font-weight-font-weight-400); }
783
- .chip__label { font-weight: var(--font-weight-font-weight-400); }
784
- .chip__lefticon { height: var(--sizes-size-150); width: var(--sizes-size-150); }
785
- .chip__rangeicon { height: var(--sizes-size-150); width: var(--sizes-size-150); }
786
- .chip__rangeitemseparator { font-weight: var(--font-weight-font-weight-400); }
787
- .chip__rangeitemtext { font-weight: var(--font-weight-font-weight-400); }
788
- .chip__rangeitemwrapper { display: inline-flex; }
789
- .chip--default { background-color: var(--colors-neutral-color-neutral-bg-250); border-color: var(--colors-neutral-color-neutral-border-50); }
790
- .chip__closeicon--default { color: var(--colors-neutral-color-neutral-icon-50); }
791
- .chip__closeicon--default[data-state="disabled"] { color: var(--colors-neutral-color-neutral-icon-50); }
792
- .chip__closeicon--default[data-state="error"] { color: var(--colors-feedback-color-feedbackerror-icon-100); }
793
- .chip__errorcontainer--default { display: flex; }
794
- .chip__errorcontainer--default[data-state="error"] { align-items: center; gap: var(--spacings-spacing-100); margin-top: var(--spacings-spacing-100); }
795
- .chip__erroricon--default { padding: var(--spacings-spacing-0); }
796
- .chip__erroricon--default[data-state="error"] { color: var(--colors-feedback-color-feedbackerror-icon-100); }
797
- .chip__errormessage--default { color: var(--colors-feedback-color-feedbackerror-font-50); }
798
- .chip__label--default { color: var(--colors-neutral-color-neutral-icon-50); }
799
- .chip__label--default[data-state="disabled"] { color: var(--colors-disabled-color-accentdisabled-font-50); }
800
- .chip__label--default[data-state="error"] { color: var(--colors-feedback-color-feedbackerror-font-50); }
801
- .chip__lefticon--default { color: var(--colors-neutral-color-neutral-icon-50); }
802
- .chip__lefticon--default[data-state="disabled"] { color: var(--colors-neutral-color-neutral-icon-100); }
803
- .chip__lefticon--default[data-state="error"] { color: var(--colors-feedback-color-feedbackerror-icon-100); }
804
- .chip__rangeitemseparator--default { color: var(--colors-accent-color-accent-default-icon-50); }
805
- .chip__rangeitemseparator--default[data-state="disabled"] { color: var(--colors-neutral-color-neutral-icon-100); }
806
- .chip__rangeitemseparator--default[data-state="error"] { color: var(--colors-feedback-color-feedbackerror-font-50); }
807
- .chip__rangeitemtext--default { color: var(--colors-accent-color-accent-default-icon-50); }
808
- .chip__rangeitemtext--default[data-state="disabled"] { color: var(--colors-disabled-color-accentdisabled-font-50); }
809
- .chip__rangeitemtext--default[data-state="error"] { color: var(--colors-feedback-color-feedbackerror-font-50); }
810
- .chip--default[data-state="disabled"] { background-color: var(--colors-disabled-color-accentdisabled-bg-150); border-color: var(--colors-disabled-color-accentdisabled-border-50); }
811
- .chip--default[data-state="error"] { background-color: var(--colors-neutral-color-neutral-bg-250); border-color: var(--colors-feedback-color-feedbackerror-border-100); }
812
- .data_table { display: block; position: relative; width: var(--spacings-spacing-100-percent); }
813
- .data_table__headboxshadow { box-shadow: 0 2px 4px 0 #d62c2c; }
814
- .data_table__leftboxshadow { box-shadow: rgb(214, 44, 44) 8px 0px 5px -7px inset; }
815
- .data_table__leftboxshadowcontainer { bottom: 0; pointer-events: none; position: absolute; top: 0; transition: box-shadow 200ms; width: 5px; z-index: 2; }
816
- .data_table__rightboxshadow { box-shadow: rgb(214, 44, 44) -8px 0px 5px -7px inset; }
817
- .data_table__rightboxshadowcontainer { bottom: 0; pointer-events: none; position: absolute; top: 0; transition: box-shadow 200ms; width: 5px; z-index: 2; }
818
- .data_table__scrollablecontainer { overflow: auto; width: 100%; }
819
- .dot { padding: var(--spacings-spacing-0); }
820
- .dot--big { border-radius: var(--radius-radius-50); border-width: var(--borders-border-50); font-size: var(--font-size-font-body-200); font-style: normal; font-weight: var(--font-weight-font-weight-600); height: var(--spacings-spacing-400); line-height: var(--line-height-line-height-300); padding: var(--spacings-spacing-100); width: -moz-fit-content; width: fit-content; }
821
- .dot--medium { border-radius: var(--radius-radius-50); border-width: var(--borders-border-50); font-size: var(--font-size-font-body-200); font-style: normal; font-weight: var(--font-weight-font-weight-600); height: var(--spacings-spacing-300); line-height: var(--line-height-line-height-300); padding-left: var(--spacings-spacing-100); padding-right: var(--spacings-spacing-100); width: -moz-fit-content; width: fit-content; }
822
- .dot--small { border-radius: var(--radius-radius-circle); border-width: var(--borders-border-100); height: var(--spacings-spacing-150); width: var(--spacings-spacing-150); }
823
- .dot--alternative { align-items: center; display: inline-flex; justify-content: center; background-color: var(--colors-accent-color-accent-default-bg-150); border-color: var(--colors-accent-color-accent-default-border-100); border-style: solid; border-width: var(--borders-border-50); color: var(--colors-accent-color-accent-default-font-100); }
824
- .dot--with_border { align-items: center; display: inline-flex; justify-content: center; background-color: var(--colors-accent-color-accent-default-bg-100); border-color: var(--colors-accent-color-accent-default-border-150); border-style: solid; border-width: var(--borders-border-50); color: var(--colors-accent-color-accent-default-font-150); }
825
- .dot--without_border { align-items: center; display: inline-flex; justify-content: center; background-color: var(--colors-accent-color-accent-default-bg-100); color: var(--colors-accent-color-accent-default-font-150); }
826
- .error_message { align-items: center; display: flex; gap: var(--spacings-spacing-100); }
827
- .error_message__icon { color: var(--colors-feedback-color-feedbackerror-icon-100); height: var(--sizes-size-150); width: var(--sizes-size-150); }
828
- .error_message__typography { color: var(--colors-feedback-color-feedbackerror-font-50); font-feature-settings: ; font-variant: PARAGRAPH_CAPTION_EXTENDED; font-weight: var(--font-weight-font-weight-400); }
829
- .icon__button { align-items: center; cursor: pointer; display: inline-flex; justify-content: center; min-height: 1.5rem; min-width: 1.5rem; }
830
- .icon__button:disabled { cursor: default; }
831
- .icon__button:focus { border-radius: 0.25rem; }
832
- .icon__complex { display: inline-block; }
833
- .icon__complex > svg { color: $color; transform: rotate(var(--movearound)); transition-duration: $transitionDuration; transition-property: transform; }
834
- .icon__svg { background-color: currentcolor; background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; justify-content: center; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; transition-property: transform; }
835
- .icon__svg[data-twist-animation-transform-value="true"] { backface-visibility: hidden; left: 0; position: absolute; top: 0; }
836
- .input { align-items: center; background-color: var(--colors-neutral-color-neutral-bg-250); border-color: var(--colors-neutral-color-neutral-border-50); border-radius: var(--spacings-spacing-0); border-style: solid; border-width: var(--borders-border-50); display: flex; gap: var(--spacings-spacing-150); padding: var(--spacings-spacing-0) var(--spacings-spacing-250); position: relative; width: -moz-fit-content; width: fit-content; }
837
- .input__inputandlabelcontainer { display: flex; flex-direction: column; }
838
- .input[data-state="disabled_empty"] { background-color: var(--colors-disabled-color-accentdisabled-bg-150); border-color: var(--colors-disabled-color-accentdisabled-border-100); border-style: solid; border-width: var(--borders-border-100); }
839
- .input[data-state="disabled_filled"] { background-color: var(--colors-disabled-color-accentdisabled-bg-150); border-color: var(--colors-disabled-color-accentdisabled-border-100); border-style: solid; border-width: var(--borders-border-100); }
840
- .input[data-state="error_empty"] { background-color: var(--colors-disabled-color-accentdisabled-bg-150); border-color: var(--colors-disabled-color-accentdisabled-border-100); border-style: solid; border-width: var(--borders-border-100); }
841
- .input[data-state="error_filled"] { border-color: var(--colors-feedback-color-feedbackerror-border-100); border-style: solid; border-width: var(--borders-border-100); }
842
- .input[data-state="focus"] { border-width: var(--borders-border-100); outline-offset: 0.063rem; outline-width: 0.063rem; }
843
- .input_base { cursor: pointer; font-size: var(--font-size-font-body-50); font-weight: var(--font-weight-font-weight-400); line-height: var(--line-height-line-height-200); min-width: var(--spacings-spacing-0); opacity: 1; }
844
- .input_base:focus-visible { box-shadow: none; outline-style: none; }
845
- .input_base::-moz-placeholder { color: var(--colors-neutral-color-neutral-font-50); font-size: var(--font-size-font-body-50); font-weight: var(--font-weight-font-weight-400); line-height: var(--line-height-line-height-200); }
846
- .input_base::placeholder { color: var(--colors-neutral-color-neutral-font-50); font-size: var(--font-size-font-body-50); font-weight: var(--font-weight-font-weight-400); line-height: var(--line-height-line-height-200); }
847
- .input_base::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; margin: var(--spacings-spacing-0); }
848
- .input_base[data-state="disabled_empty"] { color: var(--colors-disabled-color-accentdisabled-font-50); }
849
- .input_base[data-state="disabled_empty"]::-moz-placeholder { color: var(--colors-disabled-color-accentdisabled-font-50); }
850
- .input_base[data-state="disabled_empty"]::placeholder { color: var(--colors-disabled-color-accentdisabled-font-50); }
851
- .input_base[data-state="disabled_filled"] { color: var(--colors-disabled-color-accentdisabled-font-50); }
852
- .input_base[data-state="disabled_filled"]::-moz-placeholder { color: var(--colors-disabled-color-accentdisabled-font-50); }
853
- .input_base[data-state="disabled_filled"]::placeholder { color: var(--colors-disabled-color-accentdisabled-font-50); }
854
- .input_base[data-state="error_empty"] { color: var(--colors-feedback-color-feedbackerror-font-50); }
855
- .input_base[data-state="error_empty"]::-moz-placeholder { color: var(--colors-feedback-color-feedbackerror-font-50); }
856
- .input_base[data-state="error_empty"]::placeholder { color: var(--colors-feedback-color-feedbackerror-font-50); }
857
- .input_base[data-state="error_filled"] { color: var(--colors-feedback-color-feedbackerror-font-50); }
858
- .input_base[data-state="error_filled"]::-moz-placeholder { color: var(--colors-feedback-color-feedbackerror-font-50); }
859
- .input_base[data-state="error_filled"]::placeholder { color: var(--colors-feedback-color-feedbackerror-font-50); }
860
- .input_base[data-truncate="true"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
861
- .input_base[type="number"] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; }
862
- .input_base[type="search"]:-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
863
- .input_decoration { align-items: center; display: flex; height: var(--sizes-size-250); margin: var(--spacings-spacing-250) var(--spacings-spacing-0); width: var(--sizes-size-250); }
864
- .input_decoration__decoration { color: var(--colors-accent-color-accent-default-icon-100); height: var(--sizes-size-250); width: var(--sizes-size-250); }
865
- .input_decoration__decoration[data-state="disabled_empty"] { color: var(--colors-disabled-color-accentdisabled-icon-50); }
866
- .input_decoration__decoration[data-state="disabled_filled"] { color: var(--colors-disabled-color-accentdisabled-icon-50); }
867
- .input_decoration[data-state="disabled_empty"] { cursor: none; }
868
- .input_decoration[data-state="disabled_filled"] { cursor: none; }
869
- .input_signature { background-color: var(--colors-neutral-color-neutral-bg-250); border-radius: 16px; border-style: dashed; border-width: var(--borders-border-100); min-height: 188px; position: relative; width: 100%; }
870
- .input_signature__canvas { height: var(--spacings-spacing-100-percent); width: var(--spacings-spacing-100-percent); }
871
- .input_signature__placeholdercontainer { align-items: center; display: flex; height: var(--spacings-spacing-100-percent); justify-content: center; left: var(--spacings-spacing-0); padding: var(--spacings-spacing-350) var(--spacings-spacing-250); position: absolute; top: var(--spacings-spacing-0); width: var(--spacings-spacing-100-percent); }
872
- .input_signature__placeholdertext { color: var(--colors-neutral-color-neutral-font-100); font-weight: var(--font-weight-font-weight-400); }
873
- .input_signature__placeholdertext[data-state="disabled"] { background-color: var(--colors-disabled-color-accentdisabled-bg-100); }
874
- .input_signature__placeholdertext[data-state="error"] { background-color: var(--colors-feedback-color-feedback-error-bg-50); }
875
- .input_signature[data-state="active"] { border-color: var(--colors-accent-color-accent-default-border-50); }
876
- .input_signature[data-state="disabled"] { border-color: var(--colors-disabled-color-accentdisabled-border-100); }
877
- .input_signature[data-state="error"] { background-color: var(--colors-feedback-color-feedback-error-bg-50); border-color: var(--colors-feedback-color-feedback-error-border-50); }
878
- .input_signature[data-state="filled"] { border-color: var(--colors-neutral-color-neutral-border-150); }
879
- .item_rove { padding: 0; }
880
- .item_rove[aria-disabled="true"] { pointer-events: none; }
881
- .link { border-radius: var(--radius-radius-00); cursor: pointer; display: inline-flex; font-weight: var(--font-weight-font-weight-500); }
882
- .link__childrencontainer { position: static; }
883
- .link__icon { height: var(--spacings-spacing-350); width: var(--spacings-spacing-350); }
884
- .link__labelandiconcontainer { align-items: center; color: inherit; display: inline-flex; gap: var(--spacings-spacing-100); }
885
- .link--inline_primary { color: var(--colors-accent-color-accent-default-font-100); }
886
- .link__icon--inline_primary { color: var(--colors-accent-color-accent-default-icon-100); }
887
- .link__icon--inline_primary:active { color: var(--colors-pressed-color-accent-pressed-icon-50); }
888
- .link__icon--inline_primary:disabled { color: var(--colors-disabled-color-accentdisabled-icon-100); }
889
- .link__icon--inline_primary:hover { color: var(--colors-accent-color-accent-default-icon-100); }
890
- .link--inline_primary:active { background-color: var(--colors-pressed-color-accent-pressed-bg-100); color: var(--colors-pressed-color-accent-pressed-font-50); }
891
- .link--inline_primary:disabled { color: var(--colors-disabled-color-accentdisabled-font-100); cursor: not-allowed; }
892
- .link--inline_primary:hover { color: var(--colors-accent-color-accent-default-font-100); }
893
- .link--inline_secondary { color: var(--colors-accent-color-accent-default-font-50); }
894
- .link__icon--inline_secondary { color: var(--colors-accent-color-accent-default-icon-50); }
895
- .link__icon--inline_secondary:active { color: var(--colors-pressed-color-accent-pressed-icon-150); }
896
- .link__icon--inline_secondary:disabled { color: var(--colors-disabled-color-accentdisabled-icon-100); cursor: not-allowed; }
897
- .link__icon--inline_secondary:hover { color: var(--colors-accent-color-accent-default-icon-50); }
898
- .link--inline_secondary:active { background-color: var(--colors-pressed-color-accent-pressed-bg-100); color: var(--colors-accent-color-accent-pressed-font-200); }
899
- .link--inline_secondary:disabled { color: var(--colors-disabled-color-accentdisabled-font-100); cursor: not-allowed; }
900
- .link--inline_secondary:hover { color: var(--colors-accent-color-accent-default-font-50); }
901
- .link--inline_secondary_alt { color: var(--colors-accent-color-accent-default-font-150); }
902
- .link__icon--inline_secondary_alt { color: var(--colors-accent-color-accent-default-icon-150); }
903
- .link__icon--inline_secondary_alt:active { color: var(--colors-pressed-color-accent-pressed-icon-100); }
904
- .link__icon--inline_secondary_alt:disabled { color: var(--colors-disabled-color-accentdisabled-icon-100); }
905
- .link__icon--inline_secondary_alt:hover { color: var(--colors-accent-color-accent-default-icon-150); }
906
- .link--inline_secondary_alt:active { background-color: var(--colors-pressed-color-accent-pressed-bg-200); color: var(--colors-pressed-color-accent-pressed-font-100); }
907
- .link--inline_secondary_alt:disabled { color: var(--colors-disabled-color-accentdisabled-font-100); cursor: not-allowed; }
908
- .link--inline_secondary_alt:hover { color: var(--colors-accent-color-accent-default-font-150); }
909
- .link--navigation_primary { color: var(--colors-accent-color-accent-default-font-100); }
910
- .link__icon--navigation_primary { color: var(--colors-accent-color-accent-default-icon-100); }
911
- .link__icon--navigation_primary:active { color: var(--colors-pressed-color-accent-pressed-icon-50); }
912
- .link__icon--navigation_primary:disabled { color: var(--colors-disabled-color-accentdisabled-icon-100); cursor: not-allowed; }
913
- .link__icon--navigation_primary:hover { color: var(--colors-accent-color-accent-default-icon-100); }
914
- .link--navigation_primary:active { background-color: var(--colors-pressed-color-accent-pressed-bg-100); color: var(--colors-pressed-color-accent-pressed-font-50); }
915
- .link--navigation_primary:disabled { color: var(--colors-disabled-color-accentdisabled-font-100); cursor: not-allowed; }
916
- .link--navigation_primary:hover { color: var(--colors-accent-color-accent-default-font-100); -webkit-text-decoration: none; text-decoration: none; }
917
- .link--navigation_secondary { color: var(--colors-accent-color-accent-default-font-50); }
918
- .link__icon--navigation_secondary { color: var(--colors-accent-color-accent-default-icon-50); }
919
- .link__icon--navigation_secondary:active { color: var(--colors-pressed-color-accent-pressed-icon-150); }
920
- .link__icon--navigation_secondary:disabled { color: var(--colors-disabled-color-accentdisabled-icon-100); cursor: not-allowed; }
921
- .link__icon--navigation_secondary:hover { color: var(--colors-accent-color-accent-default-icon-50); }
922
- .link--navigation_secondary:active { background-color: var(--colors-pressed-color-accent-pressed-bg-100); color: var(--colors-pressed-color-accent-pressed-font-150); }
923
- .link--navigation_secondary:disabled { color: var(--colors-disabled-color-accentdisabled-font-100); cursor: not-allowed; }
924
- .link--navigation_secondary:hover { color: var(--colors-accent-color-accent-default-font-50); -webkit-text-decoration: none; text-decoration: none; }
925
- .link--navigation_secondary_alt { color: var(--colors-accent-color-accent-default-font-150); }
926
- .link__icon--navigation_secondary_alt { color: var(--colors-accent-color-accent-default-icon-150); }
927
- .link__icon--navigation_secondary_alt:active { color: var(--colors-pressed-color-accent-pressed-icon-100); }
928
- .link__icon--navigation_secondary_alt:disabled { color: var(--colors-disabled-color-accentdisabled-icon-100); cursor: not-allowed; }
929
- .link__icon--navigation_secondary_alt:hover { color: var(--colors-accent-color-accent-default-icon-150); }
930
- .link--navigation_secondary_alt:active { background-color: var(--colors-pressed-color-accent-pressed-bg-200); color: var(--colors-pressed-color-accent-pressed-font-100); }
931
- .link--navigation_secondary_alt:disabled { color: var(--colors-disabled-color-accentdisabled-font-100); cursor: not-allowed; }
932
- .link--navigation_secondary_alt:hover { color: var(--colors-accent-color-accent-default-font-150); -webkit-text-decoration: none; text-decoration: none; }
933
- .link_as_button { width: -moz-fit-content; width: fit-content; }
934
- .link_as_button[data-kbt-full-width="true"] { width: 100%; }
935
- .link_as_button[data-kbt-full-width="true"] > *:first-child { display: block; }
936
- .link_as_button > *:first-child { display: inline-block; }
937
- .list_options { padding: var(--spacings-spacing-0); }
938
- .list_options__optionscontainer { display: flex; flex-direction: column; }
939
- .list_options__title { padding: var(--spacings-spacing-0); }
940
- .list_options__titlecontainer { padding: var(--spacings-spacing-0); }
941
- .list_options__title--default { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
942
- .list_options__titlecontainer--default { padding: var(--spacings-spacing-0) var(--spacings-spacing-150) var(--spacings-spacing-0) var(--spacings-spacing-150); }
943
- .modal { align-items: center; background-color: var(--colors-neutral-color-neutral-bg-250); border-radius: var(--radius-radius-50); box-sizing: border-box; display: flex; flex-flow: column nowrap; overflow-y: auto; }
944
- .modal__closebuttoncontainer { display: flex; justify-content: flex-end; }
945
- .modal__closebuttonicon { color: var(--colors-neutral-color-neutral-icon-50); height: var(--sizes-size-250); width: var(--sizes-size-250); }
946
- .modal__content { flex: auto; line-height: 1.5rem; margin-bottom: var(--spacings-spacing-400); margin-top: var(--spacings-spacing-0); overflow-y: auto; width: var(--spacings-spacing-100-percent); word-break: break-word; }
947
- .modal__dragicon { height: var(--sizes-size-400); width: var(--sizes-size-400); }
948
- .modal__dragiconcontainer { align-items: center; display: flex; justify-content: center; margin: 0 auto; }
949
- .modal__footer { border-top-color: var(--colors-neutral-color-neutral-border-200); border-top-width: var(--borders-border-50); padding-bottom: var(--spacings-spacing-400); }
950
- .modal__headercontainer { display: flex; flex-direction: column; gap: var(--spacings-spacing-150); width: var(--spacings-spacing-100-percent); }
951
- .modal__headercontentcontainer { align-items: center; display: flex; flex-direction: row-reverse; }
952
- .modal__title { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); text-align: var(--text-align-center); }
953
- .modal__titlecontainer { flex-grow: 1; }
954
- .modal__titlehiddencontainer { display: none; }
955
- .option { cursor: pointer; display: flex; position: relative; -webkit-text-decoration: none; text-decoration: none; width: var(--spacings-spacing-100-percent); }
956
- .option__checkedicon { padding: var(--spacings-spacing-0); }
957
- .option__firstrowcontainer { align-items: center; display: flex; justify-content: space-between; }
958
- .option__icon { height: var(--sizes-size-250); width: var(--sizes-size-250); }
959
- .option__label { padding: var(--spacings-spacing-0); }
960
- .option__labelhighlighted { padding: var(--spacings-spacing-0); }
961
- .option__labeliconcontainer { align-items: flex-start; display: flex; }
962
- .option__sublabel { padding: var(--spacings-spacing-0); }
963
- .option__sublabelcontainer { padding: var(--spacings-spacing-0); }
964
- .option--default { background-color: var(--colors-neutral-color-neutral-bg-250); border-bottom: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-250); padding: var(--spacings-spacing-300); }
965
- .option__icon--default { color: var(--colors-neutral-color-neutral-icon-50); }
966
- .option__icon--default[data-state="disabled"] { color: var(--colors-neutral-color-neutral-icon-100); }
967
- .option__icon--default[data-state="filling"] { color: var(--colors-neutral-color-neutral-icon-50); }
968
- .option__icon--default[data-state="hover"] { color: var(--colors-neutral-color-neutral-icon-50); }
969
- .option__icon--default[data-state="multiple_selected"] { color: var(--colors-neutral-color-neutral-icon-50); }
970
- .option__icon--default[data-state="multiple_selected_hover"] { color: var(--colors-neutral-color-neutral-icon-50); }
971
- .option__icon--default[data-state="selected"] { color: var(--colors-neutral-color-neutral-icon-50); }
972
- .option__icon--default[data-state="selected_hover"] { color: var(--colors-neutral-color-neutral-icon-50); }
973
- .option__label--default { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-400); }
974
- .option__label--default[data-state="disabled"] { color: var(--colors-neutral-color-neutral-font-50); }
975
- .option__label--default[data-state="filling"] { color: var(--colors-neutral-color-neutral-font-50); }
976
- .option__label--default[data-state="hover"] { color: var(--colors-neutral-color-neutral-font-50); }
977
- .option__label--default[data-state="multiple_selected"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
978
- .option__label--default[data-state="multiple_selected_hover"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
979
- .option__label--default[data-state="selected"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
980
- .option__label--default[data-state="selected_hover"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
981
- .option__labeliconcontainer--default { gap: var(--spacings-spacing-150); }
982
- .option--default[data-state="disabled"] { background-color: var(--colors-accent-color-accent-default-bg-150); border-left: var(--borders-border-200) solid var(--colors-accent-color-accent-default-bg-150); }
983
- .option--default[data-state="filling"] { background-color: var(--colors-neutral-color-neutral-bg-250); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-250); }
984
- .option--default[data-state="hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-200); }
985
- .option--default[data-state="multiple_selected"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
986
- .option--default[data-state="multiple_selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
987
- .option--default[data-state="selected"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
988
- .option--default[data-state="selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
989
- .overlay { background-color: #D9D9D9; left: 0; opacity: 0.7; position: fixed; top: 0; z-index: var(--z-index-overlay); }
990
- .overlay--default { height: var(--spacings-spacing-100-vh); width: var(--spacings-spacing-100-vw); }
991
- .overlay--secondary { height: var(--spacings-spacing-100-percent); width: var(--spacings-spacing-100-percent); }
992
- .page_control { align-items: center; display: flex; justify-content: center; width: auto; }
993
- .page_control__dotscontainer { align-items: center; display: flex; gap: var(--spacings-spacing-150); justify-content: center; }
994
- .page_control__icon { height: var(--sizes-size-250); width: var(--sizes-size-250); }
995
- .page_control__leftarrowcontrolcontainer { line-height: var(--spacings-spacing-0); margin-right: var(--spacings-spacing-150); }
996
- .page_control__leftbuttoncontrol { line-height: var(--spacings-spacing-0); }
997
- .page_control__pagedot { padding: var(--spacings-spacing-0); }
998
- .page_control__rightarrowcontrolcontainer { line-height: var(--spacings-spacing-0); margin-left: var(--spacings-spacing-150); }
999
- .page_control__rightbuttoncontrol { line-height: var(--spacings-spacing-0); }
1000
- .page_control__icon--default { color: var(--colors-neutral-color-neutral-icon-100); }
1001
- .page_control__icon--default[data-state="active"] { color: var(--colors-accent-color-accent-default-icon-100); }
1002
- .page_control__dotscontainer--bullets { flex: none; }
1003
- .page_control__pagedot--bullets { background-color: var(--colors-secondary-color-secondary-icon-100); border-radius: var(--radius-radius-50); flex: none; height: var(--spacings-spacing-150); position: relative; width: var(--spacings-spacing-300); }
1004
- .page_control__pagedot--bullets[data-state="current"] { background-color: var(--colors-accent-color-accent-default-icon-100); }
1005
- .page_control__pagedot--bullets[data-state="default"] { background-color: var(--colors-neutral-color-neutral-icon-150); }
1006
- .page_control__pagedot--bullets[data-state="last"] { background-color: var(--colors-neutral-color-neutral-icon-150); }
1007
- .pagination { align-items: center; display: flex; height: auto; justify-content: center; width: auto; }
1008
- .pagination__page { font-feature-settings: ; font-variant: PARAGRAPH_SMALL_EXTENDED; font-weight: var(--font-weight-font-weight-400); }
1009
- .pagination__pagecontainer { align-items: center; -moz-column-gap: var(--spacings-spacing-150); column-gap: var(--spacings-spacing-150); display: flex; height: auto; justify-content: center; margin: 0 var(--spacings-spacing-300); width: auto; }
1010
- .pagination__pagescontainer { align-items: center; display: flex; height: var(--sizes-size-300); justify-content: center; }
1011
- .pagination__pagescontainer[data-clickable="true"] { cursor: pointer; }
1012
- .pagination__paginationleftarrowicon { height: var(--sizes-size-300); width: var(--sizes-size-300); }
1013
- .pagination__paginationrightarrowicon { height: var(--sizes-size-300); width: var(--sizes-size-300); }
1014
- .pagination__page--default { color: var(--colors-neutral-color-neutral-font-50); }
1015
- .pagination__page--default[data-state="selected"] { color: var(--colors-neutral-color-neutral-font-200); font-weight: 700; }
1016
- .pagination__paginationleftarrowicon--default { color: var(--colors-brand-color-brand-bg-50); }
1017
- .pagination__paginationleftarrowicon--default[data-state="disabled"] { color: var(--colors-disabled-color-accentdisabled-icon-50); }
1018
- .pagination__paginationrightarrowicon--default { color: var(--colors-brand-color-brand-bg-50); }
1019
- .pagination__paginationrightarrowicon--default[data-state="disabled"] { color: var(--colors-disabled-color-accentdisabled-icon-50); }
1020
- .popover { background: transparent; display: flex; flex-direction: column; max-height: var(--100dvh, 100vh); }
1021
- .popover__arrow { position: absolute; }
1022
- .progress_bar { display: flex; gap: var(--spacings-spacing-100); width: inherit; }
1023
- .progress_bar__bar { background-color: var(--colors-neutral-color-neutral-bg-100); border-radius: var(--radius-radius-100); left: var(--spacings-spacing-0); position: absolute; top: var(--spacings-spacing-50-percent); width: inherit; }
1024
- .progress_bar__barcontainer { position: relative; width: var(--spacings-spacing-100-percent); }
1025
- .progress_bar__progressbar { background-color: var(--colors-brand-color-brand-bg-50); border-radius: var(--radius-radius-100); left: var(--spacings-spacing-0); position: absolute; top: var(--spacings-spacing-50-percent); width: var(--spacings-spacing-0); }
1026
- .progress_bar__bar--medium { height: var(--spacings-spacing-150); }
1027
- .progress_bar__progressbar--medium { height: var(--spacings-spacing-150); }
1028
- .progress_bar__bar--small { height: var(--spacings-spacing-100); }
1029
- .progress_bar__progressbar--small { height: var(--spacings-spacing-100); }
1030
- .radio_button { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: var(--radius-radius-circle); border-style: solid; border-width: var(--borders-border-50); clear: both; cursor: pointer; display: inline-block; height: var(--spacings-spacing-300); position: relative; width: var(--spacings-spacing-300); }
1031
- .radio_button__errormessage { padding: var(--spacings-spacing-0); }
1032
- .radio_button__errormessagecontainer { margin: var(--spacings-spacing-0); }
1033
- .radio_button__errormessageicon { margin-right: var(--spacings-spacing-0); }
1034
- .radio_button__errormessageiconcontainer { padding: var(--spacings-spacing-0); }
1035
- .radio_button__infocontainer { grid-area: 1 / 2; }
1036
- .radio_button__label { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
1037
- .radio_button__labelcontainer { margin: var(--spacings-spacing-0); }
1038
- .radio_button__radiobuttoncontainer { grid-area: 1 / 1; margin: var(--spacings-spacing-0); position: relative; }
1039
- .radio_button__rowcontainer { grid-column-gap: var(--spacings-spacing-150); -moz-column-gap: var(--spacings-spacing-150); column-gap: var(--spacings-spacing-150); display: grid; grid-template-columns: auto 1fr; margin-bottom: var(--spacings-spacing-400); grid-row-gap: var(--spacings-spacing-150); row-gap: var(--spacings-spacing-150); }
1040
- .radio_button__speciallabel { padding-top: var(--spacings-spacing-0); }
1041
- .radio_button__sublabel { font-weight: var(--font-weight-font-weight-400); }
1042
- .radio_button__errormessage--default { color: var(--colors-feedback-color-feedbackerror-font-50); }
1043
- .radio_button__sublabel--default { color: var(--colors-neutral-color-neutral-font-50); }
1044
- .radio_button::before { content: ''; border-radius: var(--radius-radius-circle); height: var(--spacings-spacing-200); left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: var(--spacings-spacing-200); }
1045
- .radio_button[data-state="default"] { background-color: var(--colors-neutral-color-neutral-bg-250); border-color: var(--colors-neutral-color-neutral-border-50); }
1046
- .radio_button[data-state="disabled"] { background-color: var(--colors-disabled-color-accentdisabled-bg-150); border-color: var(--colors-disabled-color-accentdisabled-border-50); cursor: not-allowed; }
1047
- .radio_button[data-state="disabled_selected"] { background-color: var(--colors-disabled-color-accentdisabled-bg-150); border-color: var(--colors-disabled-color-accentdisabled-border-50); cursor: not-allowed; }
1048
- .radio_button[data-state="disabled_selected"]::before { content: ''; background-color: var(--colors-disabled-color-accentdisabled-bg-50); }
1049
- .radio_button[data-state="selected"] { background-color: var(--colors-neutral-color-neutral-bg-250); border-color: var(--colors-accent-color-accent-default-border-100); }
1050
- .radio_button[data-state="selected"]::before { content: ''; background-color: var(--colors-accent-color-accent-default-icon-100); }
1051
- .select { display: flex; position: relative; }
1052
- .select__buttonorlinkcontainer { align-items: center; cursor: pointer; display: flex; gap: var(--spacings-spacing-150); justify-content: space-between; width: var(--spacings-spacing-100-percent); }
1053
- .select__iconclosed { height: var(--spacings-spacing-350); width: var(--spacings-spacing-350); }
1054
- .select__iconopened { height: var(--spacings-spacing-350); width: var(--spacings-spacing-350); }
1055
- .select__labelclosed { color: var(--colors-accent-color-accent-default-font-150); font-weight: var(--font-weight-font-weight-400); }
1056
- .select__labelopened { color: var(--colors-accent-color-accent-default-font-150); font-weight: var(--font-weight-font-weight-400); }
1057
- .select__listoptionscontainer { display: block; }
1058
- .select--default { border-right: var(--spacings-spacing-25) solid var(--colors-neutral-color-neutral-border-50); }
1059
- .select__buttonorlinkcontainer--default { background-color: var(--colors-neutral-color-neutral-bg-50); padding: var(--spacings-spacing-100) var(--spacings-spacing-150); }
1060
- .select__iconclosed--default { color: var(--colors-neutral-color-neutral-font-250); }
1061
- .select__iconopened--default { color: var(--colors-neutral-color-neutral-font-250); }
1062
- .select__labelclosed--default { color: var(--colors-accent-color-accent-default-font-150); }
1063
- .select__labelopened--default { color: var(--colors-accent-color-accent-default-font-150); }
1064
- .select__listoptionscontainer--default { border: var(--spacings-spacing-50) solid var(--colors-neutral-color-neutral-border-50); box-shadow: var(--shadow-shadow-10); max-width: 15rem; }
1065
- .select--side_menu { border-width: var(--borders-border-00); padding: var(--spacings-spacing-100); }
1066
- .select__buttonorlinkcontainer--side_menu { background-color: var(--colors-neutral-color-neutral-bg-100); padding: var(--spacings-spacing-150); }
1067
- .select__iconclosed--side_menu { color: var(--colors-neutral-color-neutral-font-250); }
1068
- .select__iconopened--side_menu { color: var(--colors-neutral-color-neutral-font-250); }
1069
- .select__labelclosed--side_menu { color: var(--colors-accent-color-accent-default-font-150); }
1070
- .select__labelopened--side_menu { color: var(--colors-accent-color-accent-default-font-150); }
1071
- .select__listoptionscontainer--side_menu { background-color: var(--colors-neutral-color-neutral-bg-250); border: 1px solid black; margin-top: var(--spacings-spacing-350); }
1072
- .select--topbar { border-width: var(--borders-border-00); padding: var(--spacings-spacing-100); }
1073
- .select__buttonorlinkcontainer--topbar { background-color: var(--colors-neutral-color-neutral-bg-100); padding: var(--spacings-spacing-150); }
1074
- .select__iconclosed--topbar { color: var(--colors-neutral-color-neutral-font-250); }
1075
- .select__iconopened--topbar { color: var(--colors-neutral-color-neutral-font-250); }
1076
- .select__labelclosed--topbar { color: var(--colors-accent-color-accent-default-font-150); }
1077
- .select__labelopened--topbar { color: var(--colors-accent-color-accent-default-font-150); }
1078
- .select__listoptionscontainer--topbar { background-color: var(--colors-neutral-color-neutral-bg-250); border: 1px solid black; margin-top: var(--spacings-spacing-350); }
1079
- .select--topbar_tab { display: flex; flex-direction: column; }
1080
- .select__buttonorlinkcontainer--topbar_tab { background-color: var(--colors-neutral-color-neutral-bg-50); padding: var(--spacings-spacing-250); -webkit-text-decoration: none; text-decoration: none; }
1081
- .select__buttonorlinkcontainer--topbar_tab:hover { background-color: var(--colors-neutral-color-neutral-bg-100); }
1082
- .select__iconclosed--topbar_tab { color: var(--colors-neutral-color-neutral-icon-250); }
1083
- .select__iconopened--topbar_tab { color: var(--colors-neutral-color-neutral-icon-250); }
1084
- .select__labelclosed--topbar_tab { color: var(--colors-accent-color-accent-default-font-150); }
1085
- .select__labelopened--topbar_tab { color: var(--colors-accent-color-accent-default-font-150); }
1086
- .select__listoptionscontainer--topbar_tab { margin-top: var(--spacings-spacing-200); }
1087
- .selector_box_file { display: flex; flex-direction: column; width: var(--spacings-spacing-100-percent); }
1088
- .selector_box_file__actionicon { display: inline; height: var(--spacings-spacing-350); margin-right: var(--spacings-spacing-350); width: var(--spacings-spacing-350); }
1089
- .selector_box_file__actionicon[data-state="disabled"] { display: none; }
1090
- .selector_box_file__actionicon[data-state="loading"] { display: none; }
1091
- .selector_box_file__actioniconandactiontextcontainer { display: flex; gap: var(--spacings-spacing-100); }
1092
- .selector_box_file__animationcontainer { padding: var(--spacings-spacing-0); }
1093
- .selector_box_file__borderanimationcontainer { padding: var(--spacings-spacing-0); }
1094
- .selector_box_file__bottomanimationcontainer { padding: var(--spacings-spacing-0); }
1095
- .selector_box_file__containeractioncontainer { display: flex; flex-direction: row; justify-content: space-between; }
1096
- .selector_box_file__containerboxactiontext { display: flex; flex-direction: row; font-feature-settings: ; font-variant: PARAGRAPH_MEDIUM_EXTENDED; font-weight: var(--font-weight-font-weight-400); padding-left: var(--spacings-spacing-150); -webkit-text-decoration: underline; text-decoration: underline; }
1097
- .selector_box_file__containerboxactiontext[data-state="disabled"] { -webkit-text-decoration: none; text-decoration: none; }
1098
- .selector_box_file__containerboxactiontext[data-state="error"] { color: var(--colors-accent-color-accent-default-font-100); }
1099
- .selector_box_file__containerboxactiontext[data-state="loading"] { color: var(--colors-accent-color-accent-default-font-100); }
1100
- .selector_box_file__containerboxactiontext[data-state="success"] { color: var(--colors-accent-color-accent-default-font-100); }
1101
- .selector_box_file__containerboxcontainer { align-items: center; border: var(--borders-border-50) dashed var(--colors-secondary-color-secondary-border-50); cursor: pointer; display: flex; flex-direction: row; gap: var(--spacings-spacing-300); padding: var(--spacings-spacing-450); }
1102
- .selector_box_file__containerboxdescription { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-400); gap: var(--spacings-spacing-600); }
1103
- .selector_box_file__containerboxfilename { color: var(--colors-neutral-color-neutral-bg-50); font-weight: var(--font-weight-font-weight-400); }
1104
- .selector_box_file__containerboxicon { height: var(--spacings-spacing-450); width: var(--spacings-spacing-450); }
1105
- .selector_box_file__containerboxtextscontainer { display: flex; flex-direction: column; word-break: break-word; }
1106
- .selector_box_file__containerboxtextscontainer[data-state="disabled"] { background-color: var(--colors-disabled-color-accentdisabled-bg-150); border: var(--borders-border-50) dashed var(--colors-disabled-color-accentdisabled-border-50); }
1107
- .selector_box_file__containerboxtextscontainer[data-state="error"] { color: var(--colors-accent-color-accent-default-font-100); }
1108
- .selector_box_file__containerboxtextscontainer[data-state="loading"] { color: var(--colors-accent-color-accent-default-font-100); }
1109
- .selector_box_file__containerboxtextscontainer[data-state="success"] { color: var(--colors-accent-color-accent-default-font-100); }
1110
- .selector_box_file__header { display: flex; flex-direction: column; gap: var(--spacings-spacing-300); }
1111
- .selector_box_file__leftanimationcontainer { padding: var(--spacings-spacing-0); }
1112
- .selector_box_file__rightanimationcontainer { padding: var(--spacings-spacing-0); }
1113
- .selector_box_file__topanimationcontainer { padding: var(--spacings-spacing-0); }
1114
- .skeleton { margin: 0; }
1115
- .skeleton--circle { border-radius: 50%; }
1116
- .skeleton--square { border-radius: 0.25rem; }
1117
- .skeleton--alternative { background: linear-gradient(90deg, #D1D1D1 0%, rgba(209,209,209,0) 45%, #D1D1D1 87%); background-size: 200% 100%; }
1118
- .skeleton--default { background: linear-gradient(90deg, #F4F4F4 0%, rgba(244,244,244,0) 45%, #F4F4F4 87%); background-size: 200% 100%; }
1119
- .slider { cursor: default; width: var(--spacings-spacing-100-percent); }
1120
- .slider__activetrack { border-radius: var(--radius-radius-100); height: var(--spacings-spacing-100); position: absolute; top: calc(-1 * var(--spacings-spacing-100) / 2); }
1121
- .slider__buttonstrackscontainer { padding: var(--spacings-spacing-0); }
1122
- .slider__helpertext { color: var(--colors-neutral-color-neutral-bg-50); }
1123
- .slider__helpertextcontainer { display: flex; justify-content: space-between; margin-top: var(--spacings-spacing-200); }
1124
- .slider__helpertextleftcontainer { margin-right: var(--spacings-spacing-100); text-align: var(--text-align-left); }
1125
- .slider__helpertextrightcontainer { margin-right: var(--spacings-spacing-100); text-align: var(--text-align-right); }
1126
- .slider__inactivetrack { border-radius: var(--radius-radius-100); height: var(--spacings-spacing-100); position: absolute; top: calc(-1 * var(--spacings-spacing-100) / 2); }
1127
- .slider__innerthumbtooltip { border-radius: var(--spacings-spacing-50-percent); height: var(--spacings-spacing-100); width: var(--spacings-spacing-100); }
1128
- .slider__label { padding: var(--spacings-spacing-0); }
1129
- .slider__labelcontainer { padding: var(--spacings-spacing-0); }
1130
- .slider__rightthumbicon { padding: var(--spacings-spacing-0); }
1131
- .slider__scalecontainer { height: var(--spacings-spacing-100); position: relative; width: var(--spacings-spacing-100-percent); }
1132
- .slider__scaleoption { background-color: var(--colors-neutral-color-neutral-bg-100); height: var(--spacings-spacing-100-percent); position: absolute; width: 0.0625rem; }
1133
- .slider__thumb { align-items: center; border-color: var(--colors-neutral-color-neutral-border-250); border-radius: var(--spacings-spacing-50-percent); border-style: solid; border-width: var(--borders-border-200); box-sizing: border-box; display: flex; height: var(--spacings-spacing-400); justify-content: center; overflow: visible; pointer-events: inherit; position: absolute; top: var(--spacings-spacing-50-percent); transform: translate(-50%, -50%); width: var(--spacings-spacing-400); }
1134
- .slider__thumb[data-position="right"] { transform: translate(50%, -50%); }
1135
- .slider__thumbicon { padding: var(--spacings-spacing-0); }
1136
- .slider__tracksthumbscontainer { height: var(--spacings-spacing-100); margin-bottom: var(--spacings-spacing-50); margin-top: var(--spacings-spacing-100); position: relative; width: var(--spacings-spacing-100-percent); }
1137
- .slider__tracksthumbsinnercontainer { background-color: var(--colors-neutral-color-neutral-bg-100); bottom: 0px; left: 0px; position: absolute; right: 0px; top: calc(var(--spacings-spacing-100) / 2); }
1138
- .slider__activetrack--primary { background-color: var(--colors-accent-color-accent-default-font-100); }
1139
- .slider__activetrack--primary[data-state="disabled"] { background-color: var(--colors-disabled-color-accentdisabled-border-50); }
1140
- .slider__activetrack--primary[data-state="hover"] { background-color: var(--colors-accent-color-accent-hover-bg-50); }
1141
- .slider__activetrack--primary[data-state="pressed"] { background-color: var(--colors-pressed-color-accent-pressed-bg-50); }
1142
- .slider__inactivetrack--primary { background-color: var(--colors-neutral-color-neutral-icon-100); }
1143
- .slider__inactivetrack--primary[data-state="disabled"] { background-color: var(--colors-disabled-color-accentdisabled-border-100); }
1144
- .slider__inactivetrack--primary[data-state="hover"] { background-color: var(--colors-accent-color-accent-hover-bg-50); }
1145
- .slider__inactivetrack--primary[data-state="pressed"] { background-color: var(--colors-pressed-color-accent-pressed-bg-50); }
1146
- .slider__thumb--primary { background-color: var(--colors-accent-color-accent-default-icon-100); }
1147
- .slider__thumb--primary[data-state="disabled"] { background-color: var(--colors-disabled-color-accentdisabled-bg-50); }
1148
- .slider__thumb--primary[data-state="hover"] { background-color: var(--colors-accent-color-accent-hover-bg-50); }
1149
- .slider__thumb--primary[data-state="pressed"] { background-color: var(--colors-pressed-color-accent-pressed-bg-50); }
1150
- .slider[data-state="disabled"] { cursor: default; }
1151
- .slider[data-state="hover"] { cursor: grab; }
1152
- .slider[data-state="pressed"] { cursor: grabbing; }
1153
- .snackbar--container { background-color: #FFE6EC; border-color: #CC0000; }
1154
- .snackbar__container--error { background-color: #FFE6EC; border-color: #CC0000; border-radius: 0.25rem; border-style: solid; border-width: 0.0625rem; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25); display: flex; gap: 0.25rem; padding: 1rem; }
1155
- .snackbar--container { background-color: #E6F6F6; border-color: #23779A; }
1156
- .snackbar__container--primary { background-color: #E6F6F6; border-color: #23779A; border-radius: 0.25rem; border-style: solid; border-width: 0.0625rem; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25); display: flex; gap: 0.25rem; padding: 1rem; }
1157
- .snackbar--container { background-color: #EFF7E7; border-color: #008035; }
1158
- .snackbar__container--success { background-color: #EFF7E7; border-color: #008035; border-radius: 0.25rem; border-style: solid; border-width: 0.0625rem; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25); display: flex; gap: 0.25rem; padding: 1rem; }
1159
- .snackbar--container { background-color: #FFF9E6; border-color: #856300; }
1160
- .snackbar__container--warning { background-color: #FFF9E6; border-color: #856300; border-radius: 0.25rem; border-style: solid; border-width: 0.0625rem; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25); display: flex; gap: 0.25rem; padding: 1rem; }
1161
- .stepper_number { display: flex; }
1162
- .stepper_number__iconselected { height: var(--sizes-size-250); width: var(--sizes-size-250); }
1163
- .stepper_number__stepbar { flex: 1; height: var(--spacings-spacing-100); width: var(--spacings-spacing-100); }
1164
- .stepper_number__stepcircle { align-items: center; border-radius: var(--radius-radius-00); border-style: solid; border-width: var(--borders-border-100); display: flex; height: 1.75rem; justify-content: center; width: 1.75rem; }
1165
- .stepper_number__stepcirclecontainer { align-items: center; display: flex; flex: 1; }
1166
- .stepper_number__stepcontainer { display: flex; flex-direction: row; }
1167
- .stepper_number__stepindex { font-weight: var(--font-weight-font-weight-600); }
1168
- .stepper_number__stepname { padding: var(--spacings-spacing-0); }
1169
- .stepper_number__stepnamecontainer { margin: var(--spacings-spacing-0); }
1170
- .stepper_number--horizontal { flex-direction: row; justify-content: center; }
1171
- .stepper_number__stepindex--horizontal { padding: var(--spacings-spacing-0); }
1172
- .stepper_number__iconselected--default { color: var(--colors-accent-color-accent-default-icon-100); }
1173
- .stepper_number__stepbar--default { background-color: var(--colors-neutral-color-neutral-bg-150); }
1174
- .stepper_number__stepbar--default[data-state="active"] { background-color: var(--colors-secondary-color-secondary-bg-100); }
1175
- .stepper_number__stepbar--default[data-state="completed"] { background-color: var(--colors-secondary-color-secondary-bg-100); }
1176
- .stepper_number__stepbar--default[data-state="inactive"] { background-color: var(--colors-neutral-color-neutral-bg-150); }
1177
- .stepper_number__stepcircle--default { background-color: var(--colors-neutral-color-neutral-bg-150); border-color: var(--colors-neutral-color-neutral-border-250); }
1178
- .stepper_number__stepcircle--default[data-state="active"] { background-color: var(--colors-secondary-color-secondary-bg-100); border-color: var(--colors-secondary-color-secondary-bg-100); }
1179
- .stepper_number__stepcircle--default[data-state="completed"] { background-color: var(--colors-neutral-color-neutral-font-250); border-color: var(--colors-accent-color-accent-default-border-100); }
1180
- .stepper_number__stepcircle--default[data-state="inactive"] { background-color: var(--colors-neutral-color-neutral-bg-150); border-color: var(--colors-neutral-color-neutral-border-250); }
1181
- .stepper_number__stepindex--default { color: var(--colors-neutral-color-neutral-font-250); }
1182
- .stepper_number--vertical { flex-direction: column; }
1183
- .stepper_number__stepcontainer--vertical { gap: var(--spacings-spacing-100); }
1184
- .stepper_number__stepname--vertical { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-400); }
1185
- .stepper_number__stepnamecontainer--vertical { padding-bottom: 2.25rem; padding-top: var(--spacings-spacing-100); }
1186
- .stepper_number__stepnamecontainer--vertical[data-islast="true"] { padding-bottom: var(--spacings-spacing-0); }
1187
- .table { position: relative; width: var(--spacings-spacing-100-percent); }
1188
- .table__container { display: table; width: var(--spacings-spacing-100-percent); }
1189
- .table__headboxshadow { box-shadow: 0 2px 4px 0 #d62c2c; }
1190
- .table__leftboxshadow { box-shadow: rgb(214, 44, 44) 8px 0px 5px -7px inset; }
1191
- .table__leftboxshadowcontainer { bottom: var(--spacings-spacing-0); pointer-events: none; position: absolute; top: var(--spacings-spacing-0); transition: box-shadow 200ms; width: 5px; }
1192
- .table__rightboxshadow { box-shadow: rgb(214, 44, 44) -8px 0px 5px -7px inset; }
1193
- .table__rightboxshadowcontainer { bottom: var(--spacings-spacing-0); pointer-events: none; position: absolute; top: var(--spacings-spacing-0); transition: box-shadow 200ms; width: 5px; }
1194
- .table__scrollablecontainer { overflow: auto; width: var(--spacings-spacing-100-percent); }
1195
- .table[data-truncate="true"] { position: sticky; top: var(--spacings-spacing-0); }
1196
- .table_body { display: table-row-group; }
1197
- .table_caption { display: table-caption; }
1198
- .table_caption[data-truncate="true"] { border: 0; clip-path: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
1199
- .table_cell { align-items: var(--tdalignitems); bottom: var(--tdbottom); color: var(--colors-neutral-color-neutral-font-50); display: table-cell; font-size: 1rem; height: var(--tdheight); justify-content: var(--tdjustifycontent); left: var(--tdleft); line-height: 1rem; max-width: var(--tdmaxwidth); min-width: var(--tdminwidth); padding: var(--spacings-spacing-250) var(--spacings-spacing-300); right: var(--tdright); text-align: var(--tdtextalign); top: var(--tdtop); transition: box-shadow 200ms; vertical-align: var(--tdverticalalign); width: var(--tdwidth); }
1200
- .table_cell--body_cell_default { background-color: var(--colors-neutral-color-neutral-bg-250); font-weight: var(--font-weight-font-weight-300); }
1201
- .table_cell--header_cell_default { background-color: var(--colors-secondary-color-secondary-bg-150); font-family: Nunito Sans; font-weight: var(--font-weight-font-weight-600); }
1202
- .table_cell--header_cell_secondary { background-color: var(--colors-neutral-color-neutral-bg-250); font-family: Nunito Sans; font-weight: var(--font-weight-font-weight-600); }
1203
- .table_cell[data-hidden="true"] { border: var(--spacings-spacing-0); clip-path: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: var(--spacings-spacing-0); position: absolute; width: 1px; }
1204
- .table_cell[data-sticky="left"] { position: sticky; }
1205
- .table_cell[data-sticky="right"] { position: sticky; }
1206
- .table_divider { width: var(--spacings-spacing-100-percent); }
1207
- .table_foot { display: table-footer-group; }
1208
- .table_head { display: table-header-group; transition: box-shadow 200ms; z-index: var(--z-index-intern-1); }
1209
- .table_head[data-hidden="true"] { border: 0; clip-path: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
1210
- .table_head[data-sticky="true"] { position: sticky; top: var(--spacings-spacing-0); }
1211
- .table_row { display: table-row; }
1212
- .table_row--body_row_default { border-bottom: 1px solid var(--colors-secondary-color-secondary-border-50); }
1213
- .table_row--body_row_default[data-active="true"] td { background-color: var(--colors-secondary-color-secondary-bg-100); color: white; }
1214
- .table_row--body_row_default[data-active="true"] th { background-color: var(--colors-secondary-color-secondary-bg-100); color: white; }
1215
- .table_row--body_row_default[data-hoverable="true"]:hover td { background-color: var(--colors-neutral-color-neutral-bg-200); color: black; cursor: pointer; }
1216
- .table_row--body_row_default[data-hoverable="true"]:hover th { background-color: var(--colors-neutral-color-neutral-bg-200); color: black; cursor: pointer; }
1217
- .table_row--header_row_secondary { border-bottom: 2px solid var(--colors-secondary-color-secondary-border-50); }
1218
- .tabs { padding: var(--spacings-spacing-0); }
1219
- .tabs__arrowiconcontainer { align-items: center; cursor: pointer; display: none; height: var(--spacings-spacing-100-percent); justify-content: center; position: absolute; z-index: var(--z-index-intern-2); }
1220
- .tabs__arrowiconcontainer[data-position="left"] { left: var(--spacings-spacing-0); }
1221
- .tabs__arrowiconcontainer[data-position="right"] { right: var(--spacings-spacing-0); }
1222
- .tabs__container { display: flex; position: relative; }
1223
- .tabs__contentcontainer { padding: var(--spacings-spacing-0); }
1224
- .tabs__firsttabbutton { margin: var(--spacings-spacing-0); }
1225
- .tabs__icon { color: var(--colors-neutral-color-neutral-icon-250); height: var(--sizes-size-250); width: var(--sizes-size-250); }
1226
- .tabs__icon[data-disabled="true"] { color: var(--colors-disabled-color-accentdisabled-icon-100); cursor: not-allowed; }
1227
- .tabs__label { display: -webkit-box; font-weight: var(--font-weight-font-weight-600); overflow: hidden; text-overflow: ellipsis; white-space: normal; }
1228
- .tabs__label[data-hidden="true"] { display: none; }
1229
- .tabs__label[data-state="selected"] { color: var(--colors-neutral-color-neutral-font-50); }
1230
- .tabs__label[data-state="unselected"] { color: var(--colors-neutral-color-neutral-font-250); }
1231
- .tabs__lasttabbutton { margin: var(--spacings-spacing-0); }
1232
- .tabs__onetabcontainer { background-color: var(--colors-neutral-color-neutral-bg-250); border-style: solid; border-top-color: var(--colors-brand-color-brand-border-50); border-top-width: var(--sizes-size-25); cursor: default; display: flex; justify-content: center; padding: var(--spacings-spacing-250) var(--spacings-spacing-500); width: var(--spacings-spacing-100-percent); }
1233
- .tabs__tabbutton { background-color: var(--colors-neutral-color-neutral-bg-50); cursor: pointer; padding: var(--spacings-spacing-250) var(--spacings-spacing-500); width: var(--spacings-spacing-100-percent); }
1234
- .tabs__tabbutton[data-state="empty"] { min-height: 3rem; padding: var(--spacings-spacing-0); }
1235
- .tabs__tabbutton[data-state="selected"] { background-color: var(--colors-neutral-color-neutral-bg-250); border-bottom-color: var(--colors-brand-color-brand-border-50); border-bottom-width: var(--sizes-size-25); border-style: solid; cursor: default; }
1236
- .tabs__tabbutton[data-state="unselected"] { background-color: var(--colors-neutral-color-neutral-bg-50); color: #FFF; }
1237
- .tabs__tabbuttonscontainer { display: flex; width: var(--spacings-spacing-100-percent); }
1238
- .tabs__tabcontainer { padding: var(--spacings-spacing-0); }
1239
- .tag { align-items: center; display: flex; flex-direction: row; gap: var(--spacings-spacing-100); max-width: var(--spacings-spacing-100-percent); padding: var(--spacings-spacing-100) var(--spacings-spacing-150); width: -moz-fit-content; width: fit-content; }
1240
- .tag__icon { color: var(--colors-neutral-color-neutral-font-50); height: var(--sizes-size-200); width: var(--sizes-size-200); }
1241
- .tag__label { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
1242
- .tag--code { background-color: var(--colors-secondary-color-secondary-bg-200); border-color: var(--colors-secondary-color-secondary-border-150); }
1243
- .tag__label--code { font-weight: var(--font-weight-font-weight-500); }
1244
- .tag--deprecated { background-color: var(--colors-neutral-color-neutral-bg-200); border-color: var(--colors-neutral-color-neutral-border-50); }
1245
- .tag--dormant { background-color: var(--colors-feedback-color-feedback-error-bg-50); border-color: var(--colors-feedback-color-feedback-error-border-50); }
1246
- .tag--healthy { background-color: var(--colors-feedback-color-feedback-success-bg-50); border-color: var(--colors-feedback-color-feedback-success-border-50); }
1247
- .tag--informative { background-color: var(--colors-feedback-color-feedback-info-bg-50); border-color: var(--colors-feedback-color-feedback-info-border-50); }
1248
- .tag--issue { background-color: var(--colors-feedback-color-feedback-warning-bg-50); border-color: var(--colors-feedback-color-feedback-warning-border-50); }
1249
- .text { font-family: "Nunito Sans"; }
1250
- .text--main_heading_display_1_expanded { font-family: "GT-America-Expanded Font", sans-serif; }
1251
- .text--main_heading_h1_expanded { font-family: "GT-America-Expanded Font", sans-serif; }
1252
- .text--main_heading_h2_expanded { font-family: "GT-America-Expanded Font", sans-serif; }
1253
- .text--main_heading_h3_expanded { font-family: "GT-America-Expanded Font", sans-serif; }
1254
- .text--main_heading_h4_expanded { font-family: "GT-America-Expanded Font", sans-serif; }
1255
- .text--paragraph_medium_mono { font-family: "Roboto-Mono", sans-serif; }
1256
- .text_area { display: flex; flex-direction: column; width: var(--spacings-spacing-100-percent); }
1257
- .text_area__bottomcontainer { align-items: flex-start; display: flex; flex-direction: row; justify-content: space-between; margin-top: var(--spacings-spacing-100); padding: var(--spacings-spacing-0) var(--spacings-spacing-50); width: 100%; }
1258
- .text_area__counter { display: flex; }
1259
- .text_area__counterleft { font-weight: var(--font-weight-font-weight-400); padding: var(--spacings-spacing-0); }
1260
- .text_area__counterright { font-weight: var(--font-weight-font-weight-400); padding: var(--spacings-spacing-0); }
1261
- .text_area__errorcontainer { align-items: center; display: flex; gap: var(--spacings-spacing-100); margin-bottom: var(--spacings-spacing-100); margin-top: var(--spacings-spacing-100); }
1262
- .text_area__erroricon { height: var(--spacings-spacing-100); width: var(--spacings-spacing-100); }
1263
- .text_area__errormessage { font-weight: var(--font-weight-font-weight-400); }
1264
- .text_area__helpmessage { font-weight: var(--font-weight-font-weight-400); }
1265
- .text_area__helpmessageerrorcontainer { display: flex; flex-direction: column; }
1266
- .text_area__label { font-weight: var(--font-weight-font-weight-400); }
1267
- .text_area__labelandadditionalinfocontainer { align-items: center; display: flex; }
1268
- .text_area__labeltextareacontainer { border-style: solid; display: flex; flex-direction: column; gap: var(--spacings-spacing-0); min-height: 5.5rem; padding: var(--spacings-spacing-100) var(--spacings-spacing-50); }
1269
- .text_area__required { font-weight: var(--font-weight-font-weight-400); }
1270
- .text_area__textarea { background-color: transparent; border: none; border-style: none; flex: 1; padding: var(--spacings-spacing-0); resize: none; }
1271
- .text_area__textarea::-moz-placeholder { font-size: 0.75rem; font-weight: var(--font-weight-font-weight-400); line-height: 1rem; }
1272
- .text_area__textarea::placeholder { font-size: 0.75rem; font-weight: var(--font-weight-font-weight-400); line-height: 1rem; }
1273
- .text_area__title { font-weight: var(--font-weight-font-weight-400); }
1274
- .text_area__titlecontainer { margin-bottom: var(--spacings-spacing-100); }
1275
- .text_count { height: auto; width: -moz-fit-content; width: fit-content; }
1276
- .text_count__letftext { padding: var(--spacings-spacing-0); }
1277
- .text_count__righttext { padding: var(--spacings-spacing-0); }
1278
- .text_count__letftext--default { color: var(--colors-neutral-color-neutral-font-150); font-weight: var(--font-weight-font-weight-500); }
1279
- .text_count__righttext--default { color: var(--colors-neutral-color-neutral-font-150); font-weight: var(--font-weight-font-weight-400); }
1280
- .toggle__icon { color: var(--colors-neutral-color-neutral-icon-50); height: var(--sizes-size-200); width: var(--sizes-size-200); }
1281
- .toggle__icon[data-disabled="true"] { color: var(--colors-neutral-color-neutral-icon-150); }
1282
- .toggle__iconwrapper { align-items: center; display: flex; height: 100%; justify-content: center; pointer-events: none; position: absolute; transition: opacity 0.15s ease-in-out; width: 100%; }
1283
- .toggle__thumb { background-color: var(--colors-neutral-color-neutral-bg-250); border-radius: var(--radius-radius-75); height: var(--sizes-size-200); transition: transform 0.2s ease-in-out; width: var(--sizes-size-200); }
1284
- .toggle__track { margin: var(--spacings-spacing-0); }
1285
- .toggle__track--regular { align-items: center; background-color: var(--colors-neutral-color-neutral-bg-200); border-radius: var(--radius-radius-75); cursor: pointer; display: flex; height: var(--sizes-size-250); padding: var(--spacings-spacing-50); position: relative; transform: translateX(0); width: var(--sizes-size-450); }
1286
- .toggle__track--regular[data-checked="true"] { background-color: var(--colors-brand-color-brand-bg-50); }
1287
- .toggle__track--regular[data-disabled="true"] { background-color: var(--colors-disabled-color-accentdisabled-bg-150); cursor: not-allowed; pointer-events: none; }
1288
- .tooltip__arrow { margin: 0rem; }
1289
- .tooltip__arrowcontainer { margin: 0rem; }
1290
- .tooltip__arrowposition { margin: 0rem; }
1291
- .tooltip__arrowsize { margin: 0rem; }
1292
- .tooltip__paragraph { margin: 0rem; }
1293
- .tooltip__paragraphcontainer { margin: 0rem; }
1294
- .tooltip__tooltipalignstyles { margin: 0rem; }
1295
- .tooltip__tooltipasmodal { margin: 0rem; }
1296
- .tooltip__tooltipexternalcontainer { margin: 0rem; }
1297
- .tooltip__tooltipinternalcontainer { margin: 0rem; }
1298
- .tooltip__arrowcontainer--default { background-color: #767676; }
1299
- .tooltip__arrowposition--default { top: 10px; }
1300
- .tooltip__arrowsize--default { height: 10px; width: 10px; }
1301
- .tooltip__paragraph--default { font-weight: 400; text-align: left; color: #FFFFFF; }
1302
- .tooltip__paragraphcontainer--default { flex-direction: column; }
1303
- .tooltip__tooltipexternalcontainer--default { box-sizing: border-box; display: none; padding: 0.75rem; position: absolute; z-index: 700; }
1304
- .tooltip__tooltipinternalcontainer--default { background-color: #767676; border-radius: 0.25rem; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column; max-height: 30rem; max-width: 20rem; padding: 1rem; width: -moz-max-content; width: max-content; }
1305
- .virtual_keyboard { border-radius: var(--radius-radius-00) var(--radius-radius-00) var(--radius-radius-75) var(--radius-radius-75); border-style: solid; border-width: var(--borders-border-50); display: grid; grid-column-gap: var(--spacings-spacing-0); grid-row-gap: var(--spacings-spacing-0); grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(2, 1fr); min-width: 20.5rem; overflow: hidden; }
1306
- .virtual_keyboard__digitbuttons { align-items: center; border-bottom-width: var(--borders-border-50); border-right-width: var(--borders-border-50); border-style: solid; cursor: pointer; display: flex; justify-content: center; padding: var(--spacings-spacing-200) var(--spacings-spacing-150); }
1307
- .virtual_keyboard__digittext { align-items: center; display: flex; justify-content: center; }
1308
- .virtual_keyboard__digitwrapper { display: grid; grid-area: 1 / 1 / 3 / 6; grid-template-columns: auto auto auto auto auto; }
1309
- .virtual_keyboard__digitwrapper button:nth-child(n + 6) { border-bottom: none; }
1310
- .virtual_keyboard__iconcontainer { color: var(--colors-accent-color-accent-default-icon-100); height: var(--spacings-spacing-400); width: var(--spacings-spacing-400); }
1311
- .virtual_keyboard__removebutton { align-items: center; cursor: pointer; grid-area: 1 / 6 / 3 / 7; justify-content: center; min-width: 3.5rem; padding: var(--spacings-spacing-0) var(--spacings-spacing-50); }
1312
- .virtual_keyboard__removebutton:active { background-color: var(--colors-neutral-color-neutral-bg-200); }
1313
- .virtual_keyboard--default { background-color: var(--colors-neutral-color-neutral-bg-250); border-color: var(--colors-neutral-color-neutral-border-150); }
1314
- .virtual_keyboard__digitbuttons--default { background-color: var(--colors-neutral-color-neutral-bg-250); border-bottom-color: var(--colors-neutral-color-neutral-border-150); border-right-color: var(--colors-neutral-color-neutral-border-150); }
1315
- .virtual_keyboard__digitbuttons--default:active { background-color: var(--colors-neutral-color-neutral-bg-200); }
1316
- .virtual_keyboard__digittext--default { color: var(--colors-neutral-color-neutral-font-50); }
1317
- @media screen and (max-width: 1440px) and (min-width: 1025px) {
1318
- .alert__description { font-size: 0.875rem; line-height: 1.25rem; }
1319
- .avatar__initials[data-content-type="with-initials"] { font-size: 0.75rem; line-height: 1rem; }
1320
- .badge__label--alternative { font-size: 0.75rem; line-height: 1rem; }
1321
- .badge__label--primary { font-size: 0.75rem; line-height: 1rem; }
1322
- .calendar__backtext { font-size: 0.875rem; line-height: 1.25rem; }
1323
- .calendar__dayslist { font-size: 0.875rem; line-height: 1.25rem; }
1324
- .calendar { border-color: var(--colors-neutral-color-neutral-border-50); border-style: solid; border-width: var(--borders-border-100); margin-top: var(--spacings-spacing-150); padding: var(--spacings-spacing-300) var(--spacings-spacing-0); }
1325
- .card__content--default { font-size: 1rem; line-height: 1.5rem; }
1326
- .card__footer--default { font-size: 0.875rem; line-height: 1.25rem; }
1327
- .card__header--default { font-size: 1.25rem; line-height: 1.5rem; }
1328
- .chip__errormessage { font-size: 0.75rem; line-height: 1rem; }
1329
- .chip__label { font-size: 0.875rem; line-height: 1.25rem; }
1330
- .chip__rangeitemseparator { font-size: 0.875rem; line-height: 1.25rem; }
1331
- .chip__rangeitemtext { font-size: 0.875rem; line-height: 1.25rem; }
1332
- .input_signature__placeholdertext { font-size: 0.875rem; line-height: 1.25rem; }
1333
- .list_options__title--default { font-size: 1.25rem; line-height: 1.5rem; }
1334
- .modal__content { padding-left: var(--spacings-spacing-450); padding-right: var(--spacings-spacing-450); }
1335
- .modal__footer { width: calc(var(--spacings-spacing-100-percent) - (var(--spacings-spacing-450) + var(--spacings-spacing-450))); }
1336
- .modal__headercontainer { padding: var(--spacings-spacing-400); }
1337
- .modal__title { font-size: 1.25rem; line-height: 1.5rem; }
1338
- .modal { max-height: calc(100vh - 36px); max-width: calc(100vw - 36px); min-height: 15rem; min-width: 37.5rem; }
1339
- .option__label { font-size: 1rem; line-height: 1.5rem; }
1340
- .option__labelhighlighted { font-size: 1rem; line-height: 1.5rem; }
1341
- .option__sublabel { font-size: 0.75rem; line-height: 1rem; }
1342
- .radio_button__label { font-size: 0.875rem; line-height: 1.25rem; }
1343
- .radio_button__sublabel { font-size: 0.875rem; line-height: 1.25rem; }
1344
- .select__labelclosed { font-size: 0.75rem; line-height: 1rem; }
1345
- .select__labelopened { font-size: 0.75rem; line-height: 1rem; }
1346
- .select__listoptionscontainer--default { max-width: 20rem; }
1347
- .selector_box_file__containerboxactiontext[data-state="error"] { font-size: 0.875rem; line-height: 1.25rem; }
1348
- .selector_box_file__containerboxactiontext[data-state="loading"] { font-size: 0.875rem; line-height: 1.25rem; }
1349
- .selector_box_file__containerboxactiontext[data-state="success"] { font-size: 0.875rem; line-height: 1.25rem; }
1350
- .selector_box_file__containerboxdescription { font-size: 1rem; line-height: 1.5rem; }
1351
- .selector_box_file__containerboxfilename { font-size: 1rem; line-height: 1.5rem; }
1352
- .selector_box_file__containerboxtextscontainer[data-state="error"] { font-size: 0.875rem; line-height: 1.25rem; }
1353
- .selector_box_file__containerboxtextscontainer[data-state="loading"] { font-size: 0.875rem; line-height: 1.25rem; }
1354
- .selector_box_file__containerboxtextscontainer[data-state="success"] { font-size: 0.875rem; line-height: 1.25rem; }
1355
- .slider__helpertext { font-size: 0.75rem; line-height: 1rem; }
1356
- .stepper_number__stepindex--horizontal { font-size: 1rem; line-height: 1.5rem; }
1357
- .stepper_number__stepname--vertical { font-size: 0.875rem; line-height: 1.25rem; }
1358
- .tabs__label { font-size: 0.875rem; line-height: 1.25rem; }
1359
- .tag__label { font-size: 0.875rem; line-height: 1.25rem; }
1360
- .text--default { font-size: 0.75rem; line-height: 1rem; }
1361
- .text--heading_display_1_expanded { font-size: 3rem; line-height: 3.5rem; }
1362
- .text--heading_display_1_extended { font-size: 3rem; line-height: 3.5rem; }
1363
- .text--heading_h1_expanded { font-size: 2.5rem; line-height: 3rem; }
1364
- .text--heading_h1_extended { font-size: 2.5rem; line-height: 3rem; }
1365
- .text--heading_h2_expanded { font-size: 2rem; line-height: 2.5rem; }
1366
- .text--heading_h2_extended { font-size: 2rem; line-height: 2.5rem; }
1367
- .text--heading_h3_expanded { font-size: 1.5rem; line-height: 2.5rem; }
1368
- .text--heading_h3_extended { font-size: 1.5rem; line-height: 2.5rem; }
1369
- .text--heading_h4_expanded { font-size: 1.25rem; line-height: 1.5rem; }
1370
- .text--heading_h4_extended { font-size: 1.25rem; line-height: 1.5rem; }
1371
- .text--main_heading_display_1_expanded { font-size: 3rem; line-height: 3.5rem; }
1372
- .text--main_heading_h1_expanded { font-size: 2.5rem; line-height: 3rem; }
1373
- .text--main_heading_h2_expanded { font-size: 2rem; line-height: 2.5rem; }
1374
- .text--main_heading_h3_expanded { font-size: 1.5rem; line-height: 2.5rem; }
1375
- .text--main_heading_h4_expanded { font-size: 1.25rem; line-height: 1.5rem; }
1376
- .text--paragraph_caption_expanded { font-size: 0.75rem; line-height: 1rem; }
1377
- .text--paragraph_caption_extended { font-size: 0.75rem; line-height: 1rem; }
1378
- .text--paragraph_large_expanded { font-size: 1.125rem; line-height: 1.5rem; }
1379
- .text--paragraph_large_extended { font-size: 1.125rem; line-height: 1.5rem; }
1380
- .text--paragraph_medium_expanded { font-size: 1rem; line-height: 1.5rem; }
1381
- .text--paragraph_medium_extended { font-size: 1rem; line-height: 1.5rem; }
1382
- .text--paragraph_medium_mono { font-size: 1rem; line-height: 1.5rem; }
1383
- .text--paragraph_small_expanded { font-size: 0.875rem; line-height: 1.25rem; }
1384
- .text--paragraph_small_extended { font-size: 0.875rem; line-height: 1.25rem; }
1385
- .text_area__counterleft { font-size: 0.75rem; line-height: 1rem; }
1386
- .text_area__counterright { font-size: 0.75rem; line-height: 1rem; }
1387
- .text_area__errormessage { font-size: 0.75rem; line-height: 1rem; }
1388
- .text_area__helpmessage { font-size: 0.75rem; line-height: 1rem; }
1389
- .text_area__label { font-size: 0.75rem; line-height: 1rem; }
1390
- .text_area__required { font-size: 0.75rem; line-height: 1rem; }
1391
- .text_area__title { font-size: 0.75rem; line-height: 1rem; }
1392
- .tooltip__paragraph--default { font-size: 0.875rem; line-height: 1.25rem; }
1393
- .virtual_keyboard__digittext { font-size: 1rem; line-height: 1.5rem; }
1394
- }
1395
- @media screen and (max-width: 767px) and (min-width: 240px) {
1396
- .alert__description { font-size: 0.75rem; line-height: 1rem; }
1397
- .avatar__initials[data-content-type="with-initials"] { font-size: 0.75rem; line-height: 1rem; }
1398
- .badge__label--alternative { font-size: 0.75rem; line-height: 1rem; }
1399
- .badge__label--primary { font-size: 0.75rem; line-height: 1rem; }
1400
- .calendar__backtext { font-size: 0.75rem; line-height: 1rem; }
1401
- .calendar__dayslist { font-size: 0.75rem; line-height: 1rem; }
1402
- .calendar { box-shadow: none; padding: var(--spacings-spacing-0); }
1403
- .card__content--default { font-size: 0.875rem; line-height: 1.25rem; }
1404
- .card__footer--default { font-size: 0.75rem; line-height: 1rem; }
1405
- .card__header--default { font-size: 1.125rem; line-height: 1.5rem; }
1406
- .chip__errormessage { font-size: 0.75rem; line-height: 1rem; }
1407
- .chip__label { font-size: 0.75rem; line-height: 1rem; }
1408
- .chip__rangeitemseparator { font-size: 0.75rem; line-height: 1rem; }
1409
- .chip__rangeitemtext { font-size: 0.75rem; line-height: 1rem; }
1410
- .input_signature__placeholdertext { font-size: 0.75rem; line-height: 1rem; }
1411
- .list_options__title--default { font-size: 1.125rem; line-height: 1.5rem; }
1412
- .modal__content { padding-left: var(--spacings-spacing-300); padding-right: var(--spacings-spacing-300); }
1413
- .modal__footer { width: calc(var(--spacings-spacing-100-percent) - (var(--spacings-spacing-400) + var(--spacings-spacing-400))); }
1414
- .modal__headercontainer { padding: var(--spacings-spacing-300) var(--spacings-spacing-300) var(--spacings-spacing-400) var(--spacings-spacing-300); }
1415
- .modal__title { font-size: 1.125rem; line-height: 1.5rem; }
1416
- .modal { max-height: 100vh; max-width: 100vw; }
1417
- .option__label { font-size: 0.875rem; line-height: 1.25rem; }
1418
- .option__labelhighlighted { font-size: 0.875rem; line-height: 1.25rem; }
1419
- .option__sublabel { font-size: 0.75rem; line-height: 1rem; }
1420
- .radio_button__label { font-size: 0.75rem; line-height: 1rem; }
1421
- .radio_button__sublabel { font-size: 0.75rem; line-height: 1rem; }
1422
- .select__labelclosed { font-size: 0.75rem; line-height: 1rem; }
1423
- .select__labelopened { font-size: 0.75rem; line-height: 1rem; }
1424
- .select__buttonorlinkcontainer--default { padding: var(--spacings-spacing-50) var(--spacings-spacing-100); }
1425
- .select__listoptionscontainer--default { box-shadow: none; max-width: var(--spacings-spacing-100-percent); }
1426
- .select__buttonorlinkcontainer--side_menu { padding: var(--spacings-spacing-100); }
1427
- .select__buttonorlinkcontainer--topbar { padding: var(--spacings-spacing-100); }
1428
- .select__buttonorlinkcontainer--topbar_tab { padding: var(--spacings-spacing-150); }
1429
- .selector_box_file__containerboxactiontext[data-state="error"] { font-size: 0.75rem; line-height: 1rem; }
1430
- .selector_box_file__containerboxactiontext[data-state="loading"] { font-size: 0.75rem; line-height: 1rem; }
1431
- .selector_box_file__containerboxactiontext[data-state="success"] { font-size: 0.75rem; line-height: 1rem; }
1432
- .selector_box_file__containerboxdescription { font-size: 0.875rem; line-height: 1.25rem; }
1433
- .selector_box_file__containerboxfilename { font-size: 0.875rem; line-height: 1.25rem; }
1434
- .selector_box_file__containerboxtextscontainer[data-state="error"] { font-size: 0.75rem; line-height: 1rem; }
1435
- .selector_box_file__containerboxtextscontainer[data-state="loading"] { font-size: 0.75rem; line-height: 1rem; }
1436
- .selector_box_file__containerboxtextscontainer[data-state="success"] { font-size: 0.75rem; line-height: 1rem; }
1437
- .slider__helpertext { font-size: 0.75rem; line-height: 1rem; }
1438
- .stepper_number__stepindex--horizontal { font-size: 0.875rem; line-height: 1.25rem; }
1439
- .stepper_number__stepname--vertical { font-size: 0.75rem; line-height: 1rem; }
1440
- .tabs__arrowiconcontainer:focus-visible { margin-left: var(--spacings-spacing-50); margin-right: var(--spacings-spacing-50); }
1441
- .tabs__arrowiconcontainer { background-color: var(--colors-accent-color-accent-default-bg-50); display: flex; }
1442
- .tabs__container { overflow: hidden; }
1443
- .tabs__label { font-size: 0.75rem; line-height: 1rem; }
1444
- .tabs__tabbuttonscontainer { transition: 0.2s linear; }
1445
- .tag__label { font-size: 0.75rem; line-height: 1rem; }
1446
- .text--default { font-size: 0.75rem; line-height: 1rem; }
1447
- .text--heading_display_1_expanded { font-size: 1.25rem; line-height: 1.5rem; }
1448
- .text--heading_display_1_extended { font-size: 1.25rem; line-height: 1.5rem; }
1449
- .text--heading_h1_expanded { font-size: 2rem; line-height: 2.5rem; }
1450
- .text--heading_h1_extended { font-size: 2rem; line-height: 2.5rem; }
1451
- .text--heading_h2_expanded { font-size: 1.5rem; line-height: 2.5rem; }
1452
- .text--heading_h2_extended { font-size: 1.5rem; line-height: 2.5rem; }
1453
- .text--heading_h3_expanded { font-size: 1.25rem; line-height: 1.5rem; }
1454
- .text--heading_h3_extended { font-size: 1.25rem; line-height: 1.5rem; }
1455
- .text--heading_h4_expanded { font-size: 1.125rem; line-height: 1.5rem; }
1456
- .text--heading_h4_extended { font-size: 1.125rem; line-height: 1.5rem; }
1457
- .text--main_heading_display_1_expanded { font-size: 1.25rem; line-height: 1.5rem; }
1458
- .text--main_heading_h1_expanded { font-size: 2rem; line-height: 2.5rem; }
1459
- .text--main_heading_h2_expanded { font-size: 1.5rem; line-height: 2.5rem; }
1460
- .text--main_heading_h3_expanded { font-size: 1.25rem; line-height: 1.5rem; }
1461
- .text--main_heading_h4_expanded { font-size: 1.125rem; line-height: 1.5rem; }
1462
- .text--paragraph_caption_expanded { font-size: 0.75rem; line-height: 1rem; }
1463
- .text--paragraph_caption_extended { font-size: 0.75rem; line-height: 1rem; }
1464
- .text--paragraph_large_expanded { font-size: 1rem; line-height: 1.5rem; }
1465
- .text--paragraph_large_extended { font-size: 1rem; line-height: 1.5rem; }
1466
- .text--paragraph_medium_expanded { font-size: 0.875rem; line-height: 1.25rem; }
1467
- .text--paragraph_medium_extended { font-size: 0.875rem; line-height: 1.25rem; }
1468
- .text--paragraph_medium_mono { font-size: 0.875rem; line-height: 1.25rem; }
1469
- .text--paragraph_small_expanded { font-size: 0.75rem; line-height: 1rem; }
1470
- .text--paragraph_small_extended { font-size: 0.75rem; line-height: 1rem; }
1471
- .text_area__counterleft { font-size: 0.75rem; line-height: 1rem; }
1472
- .text_area__counterright { font-size: 0.75rem; line-height: 1rem; }
1473
- .text_area__errormessage { font-size: 0.75rem; line-height: 1rem; }
1474
- .text_area__helpmessage { font-size: 0.75rem; line-height: 1rem; }
1475
- .text_area__label { font-size: 0.75rem; line-height: 1rem; }
1476
- .text_area__required { font-size: 0.75rem; line-height: 1rem; }
1477
- .text_area__title { font-size: 0.75rem; line-height: 1rem; }
1478
- .tooltip__paragraph--default { font-size: 0.75rem; line-height: 1rem; }
1479
- .tooltip__arrowcontainer--default { display: none; }
1480
- .tooltip__tooltipinternalcontainer--default { border-radius: 0.25rem; max-height: 30rem; max-width: none; padding: 1rem; width: -moz-max-content; width: max-content; }
1481
- .virtual_keyboard__digittext { font-size: 0.875rem; line-height: 1.25rem; }
1482
- }
1483
- @media screen and (max-width: 1024px) and (min-width: 768px) {
1484
- .calendar { box-shadow: none; padding: var(--spacings-spacing-0); }
1485
- .modal__content { padding-left: var(--spacings-spacing-400); padding-right: var(--spacings-spacing-400); }
1486
- .modal__footer { width: calc(var(--spacings-spacing-100-percent) - (var(--spacings-spacing-400) + var(--spacings-spacing-400))); }
1487
- .modal__headercontainer { padding: var(--spacings-spacing-300) var(--spacings-spacing-400) var(--spacings-spacing-400); }
1488
- .modal { max-height: 100vh; max-width: 100vw; min-height: 16rem; min-width: 48rem; }
1489
- .select__listoptionscontainer--default { max-width: 16rem; }
1490
- .tooltip__paragraph--default { color: #1A1A1A; }
1491
- }
1492
- /* === END COMPONENTS === */