@eui/styles 21.0.0-next.27 → 21.0.0-next.29
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.
- package/dist/base/02-tokens/maps.scss +188 -4
- package/dist/base/03-vars/vars.scss +3 -3
- package/dist/eui-base.css +1 -1
- package/dist/eui-base.css.map +1 -1
- package/dist/eui-showcase-all.css +1 -1
- package/dist/eui-showcase-all.css.map +1 -1
- package/dist/eui-theme-dark.css +1 -1
- package/dist/eui-theme-dark.css.map +1 -1
- package/dist/eui-utilities-extras.css +1 -1
- package/dist/eui-utilities-extras.css.map +1 -1
- package/dist/eui.css +1 -1
- package/dist/eui.css.map +1 -1
- package/package.json +1 -1
- package/dist/eui-ecl-ec-rtl.css +0 -0
- package/dist/eui-ecl-ec-rtl.css.map +0 -1
- package/dist/eui-ecl-eu-rtl.css +0 -0
- package/dist/eui-ecl-eu-rtl.css.map +0 -1
|
@@ -252,9 +252,188 @@ $ecl-colors: (
|
|
|
252
252
|
'warning-700': #ba6517,
|
|
253
253
|
'warning-800': #8b4c11,
|
|
254
254
|
'warning-900': #68390d,
|
|
255
|
-
'warning-950': #512c0a
|
|
255
|
+
'warning-950': #512c0a,
|
|
256
|
+
|
|
257
|
+
// Priority colors
|
|
258
|
+
'blue-50': #e6edff,
|
|
259
|
+
'blue-100': #d9e3ff,
|
|
260
|
+
'blue-200': #b0c6ff,
|
|
261
|
+
'blue-300': #8cacff,
|
|
262
|
+
'blue-400': #5987ff,
|
|
263
|
+
'blue-500': #0046ff,
|
|
264
|
+
'blue-600': #003fe6,
|
|
265
|
+
'blue-700': #0038cc,
|
|
266
|
+
'blue-800': #0035bf,
|
|
267
|
+
'blue-900': #002a99,
|
|
268
|
+
|
|
269
|
+
'blue-navy-50': #f5f5fa,
|
|
270
|
+
'blue-navy-100': #f0f0f8,
|
|
271
|
+
'blue-navy-200': #d9d9ec,
|
|
272
|
+
'blue-navy-300': #bfbfe0,
|
|
273
|
+
'blue-navy-400': #a0a0d1,
|
|
274
|
+
'blue-navy-500': #8c8cc7,
|
|
275
|
+
'blue-navy-600': #4545a4,
|
|
276
|
+
'blue-navy-700': #000083,
|
|
277
|
+
'blue-navy-800': #000069,
|
|
278
|
+
'blue-navy-900': #00002e,
|
|
279
|
+
|
|
280
|
+
'blue-electric-50': #e6f8fd,
|
|
281
|
+
'blue-electric-100': #d9f5fb,
|
|
282
|
+
'blue-electric-200': #b1eaf7,
|
|
283
|
+
'blue-electric-300': #5bd3ef,
|
|
284
|
+
'blue-electric-400': #03bbe6,
|
|
285
|
+
'blue-electric-500': #03a8cf,
|
|
286
|
+
'blue-electric-600': #028cad,
|
|
287
|
+
'blue-electric-700': #02708a,
|
|
288
|
+
'blue-electric-800': #015467,
|
|
289
|
+
'blue-electric-900': #014959,
|
|
290
|
+
|
|
291
|
+
'green-50': #e6f9f2,
|
|
292
|
+
'green-100': #daf6eb,
|
|
293
|
+
'green-200': #b2edd6,
|
|
294
|
+
'green-300': #8fe5c4,
|
|
295
|
+
'green-400': #5ddaa9,
|
|
296
|
+
'green-500': #05c67b,
|
|
297
|
+
'green-600': #05b26f,
|
|
298
|
+
'green-700': #049e62,
|
|
299
|
+
'green-800': #04955c,
|
|
300
|
+
'green-900': #03774a,
|
|
301
|
+
|
|
302
|
+
'green-dark-50': #e6f0f0,
|
|
303
|
+
'green-dark-100': #d9e8e8,
|
|
304
|
+
'green-dark-200': #b0d0d0,
|
|
305
|
+
'green-dark-300': #8cbaba,
|
|
306
|
+
'green-dark-400': #599c9c,
|
|
307
|
+
'green-dark-500': #066,
|
|
308
|
+
'green-dark-600': #005c5c,
|
|
309
|
+
'green-dark-700': #005252,
|
|
310
|
+
'green-dark-800': #004d4d,
|
|
311
|
+
'green-dark-900': #003d3d,
|
|
312
|
+
|
|
313
|
+
'orange-50': #fff3e9,
|
|
314
|
+
'orange-100': #ffdbba,
|
|
315
|
+
'orange-200': #ffc998,
|
|
316
|
+
'orange-300': #ffb16a,
|
|
317
|
+
'orange-400': #ffa14d,
|
|
318
|
+
'orange-500': #ff8a20,
|
|
319
|
+
'orange-600': #e87e1d,
|
|
320
|
+
'orange-700': #b56217,
|
|
321
|
+
'orange-800': #8c4c12,
|
|
322
|
+
'orange-900': #6b3a0d,
|
|
323
|
+
|
|
324
|
+
'purple-50': #f4effb,
|
|
325
|
+
'purple-100': #ddcdf3,
|
|
326
|
+
'purple-200': #ccb5ee,
|
|
327
|
+
'purple-300': #b594e6,
|
|
328
|
+
'purple-400': #a67fe1,
|
|
329
|
+
'purple-500': #905fd9,
|
|
330
|
+
'purple-600': #8356c5,
|
|
331
|
+
'purple-700': #66439a,
|
|
332
|
+
'purple-800': #4f3477,
|
|
333
|
+
'purple-900': #3c285b,
|
|
334
|
+
|
|
335
|
+
// Supplementary colors
|
|
336
|
+
'blue-ocean-50': #e8f8f6,
|
|
337
|
+
'blue-ocean-100': #dcf5f2,
|
|
338
|
+
'blue-ocean-200': #b7eae4,
|
|
339
|
+
'blue-ocean-300': #97e0d8,
|
|
340
|
+
'blue-ocean-400': #69d2c6,
|
|
341
|
+
'blue-ocean-500': #18baa8,
|
|
342
|
+
'blue-ocean-600': #16a797,
|
|
343
|
+
'blue-ocean-700': #139586,
|
|
344
|
+
'blue-ocean-800': #128c7e,
|
|
345
|
+
'blue-ocean-900': #0e7065,
|
|
346
|
+
|
|
347
|
+
'green-lemon-50': #fafcee,
|
|
348
|
+
'green-lemon-100': #f7fbe5,
|
|
349
|
+
'green-lemon-200': #eff6c9,
|
|
350
|
+
'green-lemon-300': #e8f2b0,
|
|
351
|
+
'green-lemon-400': #ddec8d,
|
|
352
|
+
'green-lemon-500': #cbe250,
|
|
353
|
+
'green-lemon-600': #b7cb48,
|
|
354
|
+
'green-lemon-700': #a2b540,
|
|
355
|
+
'green-lemon-800': #98aa3c,
|
|
356
|
+
'green-lemon-900': #7a8830,
|
|
357
|
+
|
|
358
|
+
'green-pine-50': #eff3f3,
|
|
359
|
+
'green-pine-100': #dae2e4,
|
|
360
|
+
'green-pine-200': #ced8db,
|
|
361
|
+
'green-pine-300': #b6c6ca,
|
|
362
|
+
'green-pine-400': #94abb1,
|
|
363
|
+
'green-pine-500': #809ba2,
|
|
364
|
+
'green-pine-600': #445c63,
|
|
365
|
+
'green-pine-700': #0a3f4d,
|
|
366
|
+
'green-pine-800': #08323e,
|
|
367
|
+
'green-pine-900': #082f3a,
|
|
368
|
+
|
|
369
|
+
'red-crayola-50': #fcebee,
|
|
370
|
+
'red-crayola-100': #f6c1ca,
|
|
371
|
+
'red-crayola-200': #f2a3b1,
|
|
372
|
+
'red-crayola-300': #ec798d,
|
|
373
|
+
'red-crayola-400': #e95f77,
|
|
374
|
+
'red-crayola-500': #e33755,
|
|
375
|
+
'red-crayola-600': #cf324d,
|
|
376
|
+
'red-crayola-700': #a1273c,
|
|
377
|
+
'red-crayola-800': #7d1e2f,
|
|
378
|
+
'red-crayola-900': #5f1724,
|
|
379
|
+
|
|
380
|
+
'warm-grey-50': #f6f4f3,
|
|
381
|
+
'warm-grey-100': #e2dcda,
|
|
382
|
+
'warm-grey-200': #d3cbc8,
|
|
383
|
+
'warm-grey-300': #bfb4af,
|
|
384
|
+
'warm-grey-400': #b3a59f,
|
|
385
|
+
'warm-grey-500': #a08f87,
|
|
386
|
+
'warm-grey-600': #92827b,
|
|
387
|
+
'warm-grey-700': #726660,
|
|
388
|
+
'warm-grey-800': #584f4a,
|
|
389
|
+
'warm-grey-900': #433c39,
|
|
390
|
+
|
|
391
|
+
'yellow-gold-50': #fffae6,
|
|
392
|
+
'yellow-gold-100': #fff3c2,
|
|
393
|
+
'yellow-gold-200': #ffea91,
|
|
394
|
+
'yellow-gold-300': #ffe05e,
|
|
395
|
+
'yellow-gold-400': #ffd72e,
|
|
396
|
+
'yellow-gold-500': #ffce00,
|
|
397
|
+
'yellow-gold-600': #d9af00,
|
|
398
|
+
'yellow-gold-700': #b59200,
|
|
399
|
+
'yellow-gold-800': #917500,
|
|
400
|
+
'yellow-gold-900': #735d00,
|
|
401
|
+
|
|
402
|
+
'orange-abricot-50': #fff9ed,
|
|
403
|
+
'orange-abricot-100': #fff1d4,
|
|
404
|
+
'orange-abricot-200': #ffdfa9,
|
|
405
|
+
'orange-abricot-300': #ffbe5c,
|
|
406
|
+
'orange-abricot-400': #fea439,
|
|
407
|
+
'orange-abricot-500': #fc8713,
|
|
408
|
+
'orange-abricot-600': #ed6c09,
|
|
409
|
+
'orange-abricot-700': #c55109,
|
|
410
|
+
'orange-abricot-800': #9c4010,
|
|
411
|
+
'orange-abricot-900': #7e3610,
|
|
412
|
+
|
|
413
|
+
'purple-violet-50': #f3f1ff,
|
|
414
|
+
'purple-violet-100': #dbd4ff,
|
|
415
|
+
'purple-violet-200': #cabfff,
|
|
416
|
+
'purple-violet-300': #b1a1ff,
|
|
417
|
+
'purple-violet-400': #a28fff,
|
|
418
|
+
'purple-violet-500': #8b73ff,
|
|
419
|
+
'purple-violet-600': #7e69e8,
|
|
420
|
+
'purple-violet-700': #6352b5,
|
|
421
|
+
'purple-violet-800': #4c3f8c,
|
|
422
|
+
'purple-violet-900': #3a306b,
|
|
423
|
+
|
|
424
|
+
'red-tomato-50': #fff0ed,
|
|
425
|
+
'red-tomato-100': #ffd0c7,
|
|
426
|
+
'red-tomato-200': #ffbaac,
|
|
427
|
+
'red-tomato-300': #ff9a86,
|
|
428
|
+
'red-tomato-400': #ff866e,
|
|
429
|
+
'red-tomato-500': #ff684a,
|
|
430
|
+
'red-tomato-600': #e85f43,
|
|
431
|
+
'red-tomato-700': #b54a35,
|
|
432
|
+
'red-tomato-800': #8c3929,
|
|
433
|
+
'red-tomato-900': #6b2c1f
|
|
256
434
|
);
|
|
257
435
|
|
|
436
|
+
|
|
258
437
|
$color-map: (
|
|
259
438
|
br: (
|
|
260
439
|
950: map.get($ecl-colors, 'grey-950'),
|
|
@@ -290,7 +469,6 @@ $color-map: (
|
|
|
290
469
|
100: map.get($ecl-colors, 'grey-100'),
|
|
291
470
|
75: map.get($ecl-colors, 'grey-75'),
|
|
292
471
|
50: map.get($ecl-colors, 'grey-50'),
|
|
293
|
-
// 50: #f3f3f6,
|
|
294
472
|
25: map.get($ecl-colors, 'grey-25')
|
|
295
473
|
),
|
|
296
474
|
grn: (
|
|
@@ -306,8 +484,7 @@ $color-map: (
|
|
|
306
484
|
100: #e4e4e4,
|
|
307
485
|
75: #efefef,
|
|
308
486
|
50: #f7f7f7,
|
|
309
|
-
25: #fbfbfb
|
|
310
|
-
10: #fcfcfc
|
|
487
|
+
25: #fbfbfb
|
|
311
488
|
),
|
|
312
489
|
in: (
|
|
313
490
|
950: map.get($ecl-colors, 'info-950'),
|
|
@@ -386,6 +563,13 @@ $color-map: (
|
|
|
386
563
|
)
|
|
387
564
|
);
|
|
388
565
|
|
|
566
|
+
|
|
567
|
+
|
|
568
|
+
|
|
569
|
+
|
|
570
|
+
|
|
571
|
+
|
|
572
|
+
|
|
389
573
|
// COLOR STATES
|
|
390
574
|
|
|
391
575
|
$color-state-map: (
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
--eui-c-secondary-min: var(--eui-bc-grn-10);
|
|
41
41
|
--eui-c-secondary-max: var(--eui-bc-grn-950);
|
|
42
42
|
|
|
43
|
-
--eui-c-surface-page: var(--eui-bc-grn-
|
|
43
|
+
--eui-c-surface-page: var(--eui-bc-grn-25);
|
|
44
44
|
--eui-c-surface-container: var(--eui-c-white);
|
|
45
45
|
|
|
46
46
|
--eui-c-surface-shell: var(--eui-bc-grn-50);
|
|
@@ -70,8 +70,8 @@
|
|
|
70
70
|
|
|
71
71
|
--eui-c-link: var(--eui-bc-pr-600);
|
|
72
72
|
|
|
73
|
-
--eui-c-divider: var(--eui-bc-gr-
|
|
74
|
-
--eui-c-divider-light: var(--eui-bc-gr-
|
|
73
|
+
--eui-c-divider: var(--eui-bc-gr-100);
|
|
74
|
+
--eui-c-divider-light: var(--eui-bc-gr-75);
|
|
75
75
|
|
|
76
76
|
|
|
77
77
|
// CONTEXT COLORS FROM PALETTES
|
package/dist/eui-base.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100 900;src:url(@eui/styles/dist/assets/fonts/inter/InterVariable.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:100 900;src:url(@eui/styles/dist/assets/fonts/inter/InterVariable-Italic.woff2) format("woff2")}:root{--eui-bc-transparent:transparent;--eui-bc-br-950:#00002e;--eui-bc-br-950-contrast:#fff;--eui-bc-br-900:#1c1c45;--eui-bc-br-900-contrast:#fff;--eui-bc-br-800:#353559;--eui-bc-br-800-contrast:#fff;--eui-bc-br-700:#505070;--eui-bc-br-700-contrast:#fff;--eui-bc-pr-950:#001959;--eui-bc-pr-950-contrast:#fff;--eui-bc-pr-900:#001f73;--eui-bc-pr-900-contrast:#fff;--eui-bc-pr-800:#002a99;--eui-bc-pr-800-contrast:#fff;--eui-bc-pr-700:#0035bf;--eui-bc-pr-700-contrast:#fff;--eui-bc-pr-600:#0046ff;--eui-bc-pr-600-contrast:#fff;--eui-bc-pr-500:#5987ff;--eui-bc-pr-500-contrast:#000;--eui-bc-pr-400:#8cacff;--eui-bc-pr-400-contrast:#000;--eui-bc-pr-300:#b0c6ff;--eui-bc-pr-300-contrast:#000;--eui-bc-pr-200:#d9e3ff;--eui-bc-pr-200-contrast:#000;--eui-bc-pr-100:#e6edff;--eui-bc-pr-100-contrast:#000;--eui-bc-pr-75:#eef2ff;--eui-bc-pr-75-contrast:#000;--eui-bc-pr-50:#f2f6ff;--eui-bc-pr-50-contrast:#000;--eui-bc-pr-25:#f7f9ff;--eui-bc-pr-25-contrast:#000;--eui-bc-gr-950:#00002e;--eui-bc-gr-950-contrast:#fff;--eui-bc-gr-900:#1c1c45;--eui-bc-gr-900-contrast:#fff;--eui-bc-gr-800:#353559;--eui-bc-gr-800-contrast:#fff;--eui-bc-gr-700:#505070;--eui-bc-gr-700-contrast:#fff;--eui-bc-gr-600:#696984;--eui-bc-gr-600-contrast:#fff;--eui-bc-gr-500:#84849b;--eui-bc-gr-500-contrast:#000;--eui-bc-gr-400:#a0a0b1;--eui-bc-gr-400-contrast:#000;--eui-bc-gr-300:#b9b9c5;--eui-bc-gr-300-contrast:#000;--eui-bc-gr-200:#d4d4dc;--eui-bc-gr-200-contrast:#000;--eui-bc-gr-100:#e1e1e7;--eui-bc-gr-100-contrast:#000;--eui-bc-gr-75:#ededf0;--eui-bc-gr-75-contrast:#000;--eui-bc-gr-50:#f6f6f8;--eui-bc-gr-50-contrast:#000;--eui-bc-gr-25:#fafafb;--eui-bc-gr-25-contrast:#000;--eui-bc-grn-950:#171717;--eui-bc-grn-950-contrast:#fff;--eui-bc-grn-900:#313131;--eui-bc-grn-900-contrast:#fff;--eui-bc-grn-800:#474747;--eui-bc-grn-800-contrast:#fff;--eui-bc-grn-700:#606060;--eui-bc-grn-700-contrast:#fff;--eui-bc-grn-600:#777;--eui-bc-grn-600-contrast:#000;--eui-bc-grn-500:#909090;--eui-bc-grn-500-contrast:#000;--eui-bc-grn-400:#a9a9a9;--eui-bc-grn-400-contrast:#000;--eui-bc-grn-300:#bfbfbf;--eui-bc-grn-300-contrast:#000;--eui-bc-grn-200:#d8d8d8;--eui-bc-grn-200-contrast:#000;--eui-bc-grn-100:#e4e4e4;--eui-bc-grn-100-contrast:#000;--eui-bc-grn-75:#efefef;--eui-bc-grn-75-contrast:#000;--eui-bc-grn-50:#f7f7f7;--eui-bc-grn-50-contrast:#000;--eui-bc-grn-25:#fbfbfb;--eui-bc-grn-25-contrast:#000;--eui-bc-grn-10:#fcfcfc;--eui-bc-grn-10-contrast:#000;--eui-bc-in-950:#001f5c;--eui-bc-in-950-contrast:#fff;--eui-bc-in-900:#00297a;--eui-bc-in-900-contrast:#fff;--eui-bc-in-800:#039;--eui-bc-in-800-contrast:#fff;--eui-bc-in-700:#1c49a4;--eui-bc-in-700-contrast:#fff;--eui-bc-in-600:#3b62b0;--eui-bc-in-600-contrast:#fff;--eui-bc-in-500:#6685c2;--eui-bc-in-500-contrast:#000;--eui-bc-in-400:#859dce;--eui-bc-in-400-contrast:#000;--eui-bc-in-300:#a3b6da;--eui-bc-in-300-contrast:#000;--eui-bc-in-200:#bfcce6;--eui-bc-in-200-contrast:#000;--eui-bc-in-100:#dee4f2;--eui-bc-in-100-contrast:#000;--eui-bc-in-75:#ebeff7;--eui-bc-in-75-contrast:#000;--eui-bc-in-50:#f5f7fb;--eui-bc-in-50-contrast:#000;--eui-bc-in-25:#f9fbfd;--eui-bc-in-25-contrast:#000;--eui-bc-su-950:#02472c;--eui-bc-su-950-contrast:#fff;--eui-bc-su-900:#025f3b;--eui-bc-su-900-contrast:#fff;--eui-bc-su-800:#037e4e;--eui-bc-su-800-contrast:#fff;--eui-bc-su-700:#049e62;--eui-bc-su-700-contrast:#000;--eui-bc-su-600:#05b26f;--eui-bc-su-600-contrast:#000;--eui-bc-su-500:#05c67b;--eui-bc-su-500-contrast:#000;--eui-bc-su-400:#5ddaa9;--eui-bc-su-400-contrast:#000;--eui-bc-su-300:#8fe5c4;--eui-bc-su-300-contrast:#000;--eui-bc-su-200:#b2edd6;--eui-bc-su-200-contrast:#000;--eui-bc-su-100:#daf6eb;--eui-bc-su-100-contrast:#000;--eui-bc-su-75:#e3f9f0;--eui-bc-su-75-contrast:#000;--eui-bc-su-50:#edfbf6;--eui-bc-su-50-contrast:#000;--eui-bc-su-25:#f9fefc;--eui-bc-su-25-contrast:#000;--eui-bc-wa-950:#512c0a;--eui-bc-wa-950-contrast:#fff;--eui-bc-wa-900:#68390d;--eui-bc-wa-900-contrast:#fff;--eui-bc-wa-800:#8b4c11;--eui-bc-wa-800-contrast:#fff;--eui-bc-wa-700:#ba6517;--eui-bc-wa-700-contrast:#000;--eui-bc-wa-600:#e87e1d;--eui-bc-wa-600-contrast:#000;--eui-bc-wa-500:#ff8a20;--eui-bc-wa-500-contrast:#000;--eui-bc-wa-400:#ffa14d;--eui-bc-wa-400-contrast:#000;--eui-bc-wa-300:#ffb16a;--eui-bc-wa-300-contrast:#000;--eui-bc-wa-200:#ffc998;--eui-bc-wa-200-contrast:#000;--eui-bc-wa-100:#ffdbba;--eui-bc-wa-100-contrast:#000;--eui-bc-wa-75:#ffeddc;--eui-bc-wa-75-contrast:#000;--eui-bc-wa-50:#fff3e8;--eui-bc-wa-50-contrast:#000;--eui-bc-wa-25:#fffaf5;--eui-bc-wa-25-contrast:#000;--eui-bc-da-950:#1f0506;--eui-bc-da-950-contrast:#fff;--eui-bc-da-900:#5a0e12;--eui-bc-da-900-contrast:#fff;--eui-bc-da-800:#7b1319;--eui-bc-da-800-contrast:#fff;--eui-bc-da-700:#9e1920;--eui-bc-da-700-contrast:#fff;--eui-bc-da-600:#cb2029;--eui-bc-da-600-contrast:#fff;--eui-bc-da-500:#df232d;--eui-bc-da-500-contrast:#fff;--eui-bc-da-400:#e54f57;--eui-bc-da-400-contrast:#000;--eui-bc-da-300:#ea6c72;--eui-bc-da-300-contrast:#000;--eui-bc-da-200:#f09a9e;--eui-bc-da-200-contrast:#000;--eui-bc-da-100:#f5bbbe;--eui-bc-da-100-contrast:#000;--eui-bc-da-75:#fce9ea;--eui-bc-da-75-contrast:#000;--eui-bc-da-50:#fdefef;--eui-bc-da-50-contrast:#000;--eui-bc-da-25:#fefafa;--eui-bc-da-25-contrast:#000;--eui-bc-cta-950:#763105;--eui-bc-cta-950-contrast:#fff;--eui-bc-cta-900:#9e4107;--eui-bc-cta-900-contrast:#fff;--eui-bc-cta-800:#c55109;--eui-bc-cta-800-contrast:#fff;--eui-bc-cta-700:#ed6c09;--eui-bc-cta-700-contrast:#000;--eui-bc-cta-600:#fc8713;--eui-bc-cta-600-contrast:#000;--eui-bc-cta-500:#fea439;--eui-bc-cta-500-contrast:#000;--eui-bc-cta-400:#ffbe5c;--eui-bc-cta-400-contrast:#000;--eui-bc-cta-300:#ffcb7d;--eui-bc-cta-300-contrast:#000;--eui-bc-cta-200:#ffd392;--eui-bc-cta-200-contrast:#000;--eui-bc-cta-100:#ffe1b4;--eui-bc-cta-100-contrast:#000;--eui-bc-cta-75:#ffebcc;--eui-bc-cta-75-contrast:#000;--eui-bc-cta-50:#fff5e5;--eui-bc-cta-50-contrast:#000;--eui-bc-cta-25:#fffcf7;--eui-bc-cta-25-contrast:#000;--eui-c-white:#fff;--eui-c-black:#000;--eui-c-secondary-min:var(--eui-bc-grn-10);--eui-c-secondary-max:var(--eui-bc-grn-950);--eui-c-surface-page:var(--eui-bc-grn-10);--eui-c-surface-container:var(--eui-c-white);--eui-c-surface-shell:var(--eui-bc-grn-50);--eui-c-surface-container-1:var(--eui-bc-grn-75);--eui-c-surface-container-2:var(--eui-bc-grn-100);--eui-c-surface-container-3:var(--eui-bc-grn-200);--eui-c-text:var(--eui-bc-gr-950);--eui-c-text-light:var(--eui-bc-gr-800);--eui-c-text-lighter:var(--eui-bc-gr-700);--eui-c-text-lightest:var(--eui-bc-gr-600);--eui-c-focus-visible:var(--eui-bc-pr-600);--eui-c-focus:var(--eui-bc-pr-200);--eui-c-hover:var(--eui-bc-pr-75);--eui-c-hover-disabled:var(--eui-bc-gr-100);--eui-c-active:var(--eui-bc-pr-600);--eui-c-active-bg:var(--eui-bc-pr-200);--eui-c-active-bg-alt:var(--eui-bc-pr-300);--eui-c-active-bg-light:var(--eui-bc-pr-100);--eui-c-disabled:var(--eui-bc-gr-500);--eui-c-disabled-bg:var(--eui-bc-gr-50);--eui-c-readonly:var(--eui-bc-gr-600);--eui-c-link:var(--eui-bc-pr-600);--eui-c-divider:var(--eui-bc-gr-200);--eui-c-divider-light:var(--eui-bc-gr-100);--eui-c-branding-base:var(--eui-bc-br-900);--eui-c-branding:var(--eui-bc-br-900);--eui-c-branding-lighter:var(--eui-bc-br-700);--eui-c-branding-on-lighter:var(--eui-bc-br-700-contrast);--eui-c-branding-light:var(--eui-bc-br-800);--eui-c-branding-on-light:var(--eui-bc-br-800-contrast);--eui-c-branding-dark:var(--eui-bc-br-950);--eui-c-branding-on-dark:var(--eui-bc-br-950-contrast);--eui-c-branding-surface:var(--eui-bc-br-900);--eui-c-branding-on-surface:var(--eui-bc-br-900-contrast);--eui-c-branding-surface-light:var(--eui-bc-br-800);--eui-c-branding-on-surface-light:var(--eui-bc-br-800-contrast);--eui-c-primary-base:var(--eui-bc-pr-600);--eui-c-primary:var(--eui-bc-pr-700);--eui-c-primary-lighter:var(--eui-bc-pr-500);--eui-c-primary-on-lighter:var(--eui-bc-pr-500-contrast);--eui-c-primary-light:var(--eui-bc-pr-600);--eui-c-primary-on-light:var(--eui-bc-pr-600-contrast);--eui-c-primary-dark:var(--eui-bc-pr-900);--eui-c-primary-on-dark:var(--eui-bc-pr-900-contrast);--eui-c-primary-darker:var(--eui-bc-pr-950);--eui-c-primary-on-darker:var(--eui-bc-pr-950-contrast);--eui-c-primary-surface-light:var(--eui-bc-pr-75);--eui-c-primary-on-surface-light:var(--eui-bc-pr-900);--eui-c-primary-surface-light-hover:var(--eui-bc-pr-100);--eui-c-primary-on-surface-light-hover:var(--eui-bc-pr-950);--eui-c-primary-surface-medium:var(--eui-bc-pr-200);--eui-c-primary-on-surface-medium:var(--eui-bc-pr-950);--eui-c-primary-surface:var(--eui-bc-pr-600);--eui-c-primary-on-surface:var(--eui-bc-pr-600-contrast);--eui-c-primary-surface-hover:var(--eui-bc-pr-700);--eui-c-primary-on-surface-hover:var(--eui-bc-pr-700-contrast);--eui-c-primary-border:var(--eui-bc-pr-500);--eui-c-primary-border-light:var(--eui-bc-pr-300);--eui-c-primary-border-lighter:var(--eui-bc-pr-200);--eui-c-secondary-base:var(--eui-bc-gr-500);--eui-c-secondary:var(--eui-bc-gr-800);--eui-c-secondary-lighter:var(--eui-bc-gr-600);--eui-c-secondary-on-lighter:var(--eui-bc-gr-600-contrast);--eui-c-secondary-light:var(--eui-bc-gr-700);--eui-c-secondary-on-light:var(--eui-bc-gr-700-contrast);--eui-c-secondary-dark:var(--eui-bc-gr-900);--eui-c-secondary-on-dark:var(--eui-bc-gr-900-contrast);--eui-c-secondary-darker:var(--eui-bc-gr-950);--eui-c-secondary-on-darker:var(--eui-bc-gr-950-contrast);--eui-c-secondary-surface-light:var(--eui-bc-gr-50);--eui-c-secondary-on-surface-light:var(--eui-bc-gr-900);--eui-c-secondary-surface-light-hover:var(--eui-bc-gr-75);--eui-c-secondary-on-surface-light-hover:var(--eui-bc-gr-950);--eui-c-secondary-surface-medium:var(--eui-bc-gr-100);--eui-c-secondary-on-surface-medium:var(--eui-bc-gr-900);--eui-c-secondary-surface:var(--eui-bc-gr-600);--eui-c-secondary-on-surface:var(--eui-bc-gr-600-contrast);--eui-c-secondary-surface-hover:var(--eui-bc-gr-700);--eui-c-secondary-on-surface-hover:var(--eui-bc-gr-700-contrast);--eui-c-secondary-border:var(--eui-bc-gr-500);--eui-c-secondary-border-light:var(--eui-bc-gr-300);--eui-c-secondary-border-lighter:var(--eui-bc-gr-200);--eui-c-neutral-base:var(--eui-bc-grn-500);--eui-c-neutral:var(--eui-bc-grn-800);--eui-c-neutral-lighter:var(--eui-bc-grn-600);--eui-c-neutral-on-lighter:var(--eui-bc-grn-600-contrast);--eui-c-neutral-light:var(--eui-bc-grn-700);--eui-c-neutral-on-light:var(--eui-bc-grn-700-contrast);--eui-c-neutral-dark:var(--eui-bc-grn-900);--eui-c-neutral-on-dark:var(--eui-bc-grn-900-contrast);--eui-c-neutral-darker:var(--eui-bc-grn-950);--eui-c-neutral-on-darker:var(--eui-bc-grn-950-contrast);--eui-c-neutral-surface-light:var(--eui-bc-grn-50);--eui-c-neutral-on-surface-light:var(--eui-bc-grn-900);--eui-c-neutral-surface-light-hover:var(--eui-bc-grn-75);--eui-c-neutral-on-surface-light-hover:var(--eui-bc-grn-950);--eui-c-neutral-surface-medium:var(--eui-bc-grn-100);--eui-c-neutral-on-surface-medium:var(--eui-bc-grn-900);--eui-c-neutral-surface:var(--eui-bc-grn-400);--eui-c-neutral-on-surface:var(--eui-bc-grn-400-contrast);--eui-c-neutral-surface-hover:var(--eui-bc-grn-300);--eui-c-neutral-on-surface-hover:var(--eui-bc-grn-300-contrast);--eui-c-neutral-border:var(--eui-bc-grn-500);--eui-c-neutral-border-light:var(--eui-bc-grn-400);--eui-c-neutral-border-lighter:var(--eui-bc-grn-300);--eui-c-cta-base:var(--eui-bc-cta-400);--eui-c-cta:var(--eui-bc-cta-900);--eui-c-cta-lighter:var(--eui-bc-cta-400);--eui-c-cta-on-lighter:var(--eui-bc-cta-400-contrast);--eui-c-cta-light:var(--eui-bc-cta-500);--eui-c-cta-on-light:var(--eui-bc-cta-500-contrast);--eui-c-cta-dark:var(--eui-bc-cta-800);--eui-c-cta-on-dark:var(--eui-bc-cta-800-contrast);--eui-c-cta-darker:var(--eui-bc-cta-900);--eui-c-cta-on-darker:var(--eui-bc-cta-900-contrast);--eui-c-cta-surface-light:var(--eui-bc-cta-25);--eui-c-cta-on-surface-light:var(--eui-bc-cta-800);--eui-c-cta-surface-light-hover:var(--eui-bc-cta-50);--eui-c-cta-on-surface-light-hover:var(--eui-bc-cta-950);--eui-c-cta-surface-medium:var(--eui-bc-cta-75);--eui-c-cta-on-surface-medium:var(--eui-bc-cta-900);--eui-c-cta-surface:var(--eui-bc-cta-400);--eui-c-cta-on-surface:var(--eui-bc-cta-400-contrast);--eui-c-cta-surface-hover:var(--eui-bc-cta-500);--eui-c-cta-on-surface-hover:var(--eui-bc-cta-500-contrast);--eui-c-cta-border:var(--eui-bc-cta-300);--eui-c-cta-border-light:var(--eui-bc-cta-100);--eui-c-cta-border-lighter:var(--eui-bc-cta-75);--eui-c-info-base:var(--eui-bc-in-500);--eui-c-info:var(--eui-bc-in-600);--eui-c-info-lighter:var(--eui-bc-in-400);--eui-c-info-on-lighter:var(--eui-bc-in-400-contrast);--eui-c-info-light:var(--eui-bc-in-500);--eui-c-info-on-light:var(--eui-bc-in-500-contrast);--eui-c-info-dark:var(--eui-bc-in-800);--eui-c-info-on-dark:var(--eui-bc-in-800-contrast);--eui-c-info-darker:var(--eui-bc-in-900);--eui-c-info-on-darker:var(--eui-bc-in-900-contrast);--eui-c-info-surface-light:var(--eui-bc-in-75);--eui-c-info-on-surface-light:var(--eui-bc-in-600);--eui-c-info-surface-light-hover:var(--eui-bc-in-100);--eui-c-info-on-surface-light-hover:var(--eui-bc-in-800);--eui-c-info-surface-medium:var(--eui-bc-in-200);--eui-c-info-on-surface-medium:var(--eui-bc-in-950);--eui-c-info-surface:var(--eui-bc-in-600);--eui-c-info-on-surface:var(--eui-bc-in-600-contrast);--eui-c-info-surface-hover:var(--eui-bc-in-800);--eui-c-info-on-surface-hover:var(--eui-bc-in-800-contrast);--eui-c-info-border:var(--eui-bc-in-400);--eui-c-info-border-light:var(--eui-bc-in-300);--eui-c-info-border-lighter:var(--eui-bc-in-200);--eui-c-success-base:var(--eui-bc-su-700);--eui-c-success:var(--eui-bc-su-900);--eui-c-success-lighter:var(--eui-bc-su-700);--eui-c-success-on-lighter:var(--eui-bc-su-700-contrast);--eui-c-success-light:var(--eui-bc-su-800);--eui-c-success-on-light:var(--eui-bc-su-800-contrast);--eui-c-success-dark:var(--eui-bc-su-900);--eui-c-success-on-dark:var(--eui-bc-su-900-contrast);--eui-c-success-darker:var(--eui-bc-su-950);--eui-c-success-on-darker:var(--eui-bc-su-950-contrast);--eui-c-success-surface-light:var(--eui-bc-su-100);--eui-c-success-on-surface-light:var(--eui-bc-su-950);--eui-c-success-surface-light-hover:var(--eui-bc-su-200);--eui-c-success-on-surface-light-hover:var(--eui-bc-su-950);--eui-c-success-surface-medium:var(--eui-bc-su-300);--eui-c-success-on-surface-medium:var(--eui-bc-su-950);--eui-c-success-surface:var(--eui-bc-su-900);--eui-c-success-on-surface:var(--eui-bc-su-950-contrast);--eui-c-success-surface-hover:var(--eui-bc-su-950);--eui-c-success-on-surface-hover:var(--eui-bc-su-950-contrast);--eui-c-success-border:var(--eui-bc-su-600);--eui-c-success-border-light:var(--eui-bc-su-400);--eui-c-success-border-lighter:var(--eui-bc-su-300);--eui-c-warning-base:var(--eui-bc-wa-500);--eui-c-warning:var(--eui-bc-wa-800);--eui-c-warning-lighter:var(--eui-bc-wa-500);--eui-c-warning-on-lighter:var(--eui-bc-wa-500-contrast);--eui-c-warning-light:var(--eui-bc-wa-600);--eui-c-warning-on-light:var(--eui-bc-wa-600-contrast);--eui-c-warning-dark:var(--eui-bc-wa-900);--eui-c-warning-on-dark:var(--eui-bc-wa-900-contrast);--eui-c-warning-darker:var(--eui-bc-wa-950);--eui-c-warning-on-darker:var(--eui-bc-wa-950-contrast);--eui-c-warning-surface-light:var(--eui-bc-wa-50);--eui-c-warning-on-surface-light:var(--eui-bc-wa-900);--eui-c-warning-surface-light-hover:var(--eui-bc-wa-75);--eui-c-warning-on-surface-light-hover:var(--eui-bc-wa-950);--eui-c-warning-surface-medium:var(--eui-bc-wa-100);--eui-c-warning-on-surface-medium:var(--eui-bc-wa-900);--eui-c-warning-surface:var(--eui-bc-wa-500);--eui-c-warning-on-surface:var(--eui-bc-wa-500-contrast);--eui-c-warning-surface-hover:var(--eui-bc-wa-600);--eui-c-warning-on-surface-hover:var(--eui-bc-wa-600-contrast);--eui-c-warning-border:var(--eui-bc-wa-400);--eui-c-warning-border-light:var(--eui-bc-wa-200);--eui-c-warning-border-lighter:var(--eui-bc-wa-100);--eui-c-danger-base:var(--eui-bc-da-600);--eui-c-danger:var(--eui-bc-da-600);--eui-c-danger-lighter:var(--eui-bc-da-400);--eui-c-danger-on-lighter:var(--eui-bc-da-400-contrast);--eui-c-danger-light:var(--eui-bc-da-500);--eui-c-danger-on-light:var(--eui-bc-da-500-contrast);--eui-c-danger-dark:var(--eui-bc-da-700);--eui-c-danger-on-dark:var(--eui-bc-da-700-contrast);--eui-c-danger-darker:var(--eui-bc-da-800);--eui-c-danger-on-darker:var(--eui-bc-da-800-contrast);--eui-c-danger-surface-light:var(--eui-bc-da-75);--eui-c-danger-on-surface-light:var(--eui-bc-da-700);--eui-c-danger-surface-light-hover:var(--eui-bc-da-100);--eui-c-danger-on-surface-light-hover:var(--eui-bc-da-900);--eui-c-danger-surface-medium:var(--eui-bc-da-200);--eui-c-danger-on-surface-medium:var(--eui-bc-da-900);--eui-c-danger-surface:var(--eui-bc-da-600);--eui-c-danger-on-surface:var(--eui-bc-da-600-contrast);--eui-c-danger-surface-hover:var(--eui-bc-da-700);--eui-c-danger-on-surface-hover:var(--eui-bc-da-700-contrast);--eui-c-danger-border:var(--eui-bc-da-500);--eui-c-danger-border-light:var(--eui-bc-da-300);--eui-c-danger-border-lighter:var(--eui-bc-da-200);--eui-f-family:"Inter",arial,sans-serif;--eui-f-family-monospace:"Consolas","Liberation Mono","Courier New",monospace;--eui-f-size-base:16px;--eui-f:var(--eui-f-m);--eui-f-medium:var(--eui-f-m-medium);--eui-f-semi-bold:var(--eui-f-m-semi-bold);--eui-f-bold:var(--eui-f-m-bold);--eui-f-2xs-light:normal normal var(--eui-f-weight-light) var(--eui-f-size-2xs)/var(--eui-f-line-height-2xs) var(--eui-f-family);--eui-f-2xs:normal normal var(--eui-f-weight-regular) var(--eui-f-size-2xs)/var(--eui-f-line-height-2xs) var(--eui-f-family);--eui-f-2xs-medium:normal normal var(--eui-f-weight-medium) var(--eui-f-size-2xs)/var(--eui-f-line-height-2xs) var(--eui-f-family);--eui-f-2xs-semi-bold:normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-2xs)/var(--eui-f-line-height-2xs) var(--eui-f-family);--eui-f-2xs-bold:normal normal var(--eui-f-weight-bold) var(--eui-f-size-2xs)/var(--eui-f-line-height-2xs) var(--eui-f-family);--eui-f-xs-light:normal normal var(--eui-f-weight-light) var(--eui-f-size-xs)/var(--eui-f-line-height-xs) var(--eui-f-family);--eui-f-xs:normal normal var(--eui-f-weight-regular) var(--eui-f-size-xs)/var(--eui-f-line-height-xs) var(--eui-f-family);--eui-f-xs-medium:normal normal var(--eui-f-weight-medium) var(--eui-f-size-xs)/var(--eui-f-line-height-xs) var(--eui-f-family);--eui-f-xs-semi-bold:normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-xs)/var(--eui-f-line-height-xs) var(--eui-f-family);--eui-f-xs-bold:normal normal var(--eui-f-weight-bold) var(--eui-f-size-xs)/var(--eui-f-line-height-xs) var(--eui-f-family);--eui-f-s-light:normal normal var(--eui-f-weight-light) var(--eui-f-size-s)/var(--eui-f-line-height-s) var(--eui-f-family);--eui-f-s:normal normal var(--eui-f-weight-regular) var(--eui-f-size-s)/var(--eui-f-line-height-s) var(--eui-f-family);--eui-f-s-medium:normal normal var(--eui-f-weight-medium) var(--eui-f-size-s)/var(--eui-f-line-height-s) var(--eui-f-family);--eui-f-s-semi-bold:normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-s)/var(--eui-f-line-height-s) var(--eui-f-family);--eui-f-s-bold:normal normal var(--eui-f-weight-bold) var(--eui-f-size-s)/var(--eui-f-line-height-s) var(--eui-f-family);--eui-f-m-light:normal normal var(--eui-f-weight-light) var(--eui-f-size-m)/var(--eui-f-line-height-m) var(--eui-f-family);--eui-f-m:normal normal var(--eui-f-weight-regular) var(--eui-f-size-m)/var(--eui-f-line-height-m) var(--eui-f-family);--eui-f-m-medium:normal normal var(--eui-f-weight-medium) var(--eui-f-size-m)/var(--eui-f-line-height-m) var(--eui-f-family);--eui-f-m-semi-bold:normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-m)/var(--eui-f-line-height-m) var(--eui-f-family);--eui-f-m-bold:normal normal var(--eui-f-weight-bold) var(--eui-f-size-m)/var(--eui-f-line-height-m) var(--eui-f-family);--eui-f-l-light:normal normal var(--eui-f-weight-light) var(--eui-f-size-l)/var(--eui-f-line-height-l) var(--eui-f-family);--eui-f-l:normal normal var(--eui-f-weight-regular) var(--eui-f-size-l)/var(--eui-f-line-height-l) var(--eui-f-family);--eui-f-l-medium:normal normal var(--eui-f-weight-medium) var(--eui-f-size-l)/var(--eui-f-line-height-l) var(--eui-f-family);--eui-f-l-semi-bold:normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-l)/var(--eui-f-line-height-l) var(--eui-f-family);--eui-f-l-bold:normal normal var(--eui-f-weight-bold) var(--eui-f-size-l)/var(--eui-f-line-height-l) var(--eui-f-family);--eui-f-xl-light:normal normal var(--eui-f-weight-light) var(--eui-f-size-xl)/var(--eui-f-line-height-xl) var(--eui-f-family);--eui-f-xl:normal normal var(--eui-f-weight-regular) var(--eui-f-size-xl)/var(--eui-f-line-height-xl) var(--eui-f-family);--eui-f-xl-medium:normal normal var(--eui-f-weight-medium) var(--eui-f-size-xl)/var(--eui-f-line-height-xl) var(--eui-f-family);--eui-f-xl-semi-bold:normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-xl)/var(--eui-f-line-height-xl) var(--eui-f-family);--eui-f-xl-bold:normal normal var(--eui-f-weight-bold) var(--eui-f-size-xl)/var(--eui-f-line-height-xl) var(--eui-f-family);--eui-f-2xl-light:normal normal var(--eui-f-weight-light) var(--eui-f-size-2xl)/var(--eui-f-line-height-2xl) var(--eui-f-family);--eui-f-2xl:normal normal var(--eui-f-weight-regular) var(--eui-f-size-2xl)/var(--eui-f-line-height-2xl) var(--eui-f-family);--eui-f-2xl-medium:normal normal var(--eui-f-weight-medium) var(--eui-f-size-2xl)/var(--eui-f-line-height-2xl) var(--eui-f-family);--eui-f-2xl-semi-bold:normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-2xl)/var(--eui-f-line-height-2xl) var(--eui-f-family);--eui-f-2xl-bold:normal normal var(--eui-f-weight-bold) var(--eui-f-size-2xl)/var(--eui-f-line-height-2xl) var(--eui-f-family);--eui-f-3xl-light:normal normal var(--eui-f-weight-light) var(--eui-f-size-3xl)/var(--eui-f-line-height-3xl) var(--eui-f-family);--eui-f-3xl:normal normal var(--eui-f-weight-regular) var(--eui-f-size-3xl)/var(--eui-f-line-height-3xl) var(--eui-f-family);--eui-f-3xl-medium:normal normal var(--eui-f-weight-medium) var(--eui-f-size-3xl)/var(--eui-f-line-height-3xl) var(--eui-f-family);--eui-f-3xl-semi-bold:normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-3xl)/var(--eui-f-line-height-3xl) var(--eui-f-family);--eui-f-3xl-bold:normal normal var(--eui-f-weight-bold) var(--eui-f-size-3xl)/var(--eui-f-line-height-3xl) var(--eui-f-family);--eui-f-4xl-light:normal normal var(--eui-f-weight-light) var(--eui-f-size-4xl)/var(--eui-f-line-height-4xl) var(--eui-f-family);--eui-f-4xl:normal normal var(--eui-f-weight-regular) var(--eui-f-size-4xl)/var(--eui-f-line-height-4xl) var(--eui-f-family);--eui-f-4xl-medium:normal normal var(--eui-f-weight-medium) var(--eui-f-size-4xl)/var(--eui-f-line-height-4xl) var(--eui-f-family);--eui-f-4xl-semi-bold:normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-4xl)/var(--eui-f-line-height-4xl) var(--eui-f-family);--eui-f-4xl-bold:normal normal var(--eui-f-weight-bold) var(--eui-f-size-4xl)/var(--eui-f-line-height-4xl) var(--eui-f-family);--eui-f-5xl-light:normal normal var(--eui-f-weight-light) var(--eui-f-size-5xl)/var(--eui-f-line-height-5xl) var(--eui-f-family);--eui-f-5xl:normal normal var(--eui-f-weight-regular) var(--eui-f-size-5xl)/var(--eui-f-line-height-5xl) var(--eui-f-family);--eui-f-5xl-medium:normal normal var(--eui-f-weight-medium) var(--eui-f-size-5xl)/var(--eui-f-line-height-5xl) var(--eui-f-family);--eui-f-5xl-semi-bold:normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-5xl)/var(--eui-f-line-height-5xl) var(--eui-f-family);--eui-f-5xl-bold:normal normal var(--eui-f-weight-bold) var(--eui-f-size-5xl)/var(--eui-f-line-height-5xl) var(--eui-f-family);--eui-f-6xl-light:normal normal var(--eui-f-weight-light) var(--eui-f-size-6xl)/var(--eui-f-line-height-6xl) var(--eui-f-family);--eui-f-6xl:normal normal var(--eui-f-weight-regular) var(--eui-f-size-6xl)/var(--eui-f-line-height-6xl) var(--eui-f-family);--eui-f-6xl-medium:normal normal var(--eui-f-weight-medium) var(--eui-f-size-6xl)/var(--eui-f-line-height-6xl) var(--eui-f-family);--eui-f-6xl-semi-bold:normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-6xl)/var(--eui-f-line-height-6xl) var(--eui-f-family);--eui-f-6xl-bold:normal normal var(--eui-f-weight-bold) var(--eui-f-size-6xl)/var(--eui-f-line-height-6xl) var(--eui-f-family);--eui-f-7xl-light:normal normal var(--eui-f-weight-light) var(--eui-f-size-7xl)/var(--eui-f-line-height-7xl) var(--eui-f-family);--eui-f-7xl:normal normal var(--eui-f-weight-regular) var(--eui-f-size-7xl)/var(--eui-f-line-height-7xl) var(--eui-f-family);--eui-f-7xl-medium:normal normal var(--eui-f-weight-medium) var(--eui-f-size-7xl)/var(--eui-f-line-height-7xl) var(--eui-f-family);--eui-f-7xl-semi-bold:normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-7xl)/var(--eui-f-line-height-7xl) var(--eui-f-family);--eui-f-7xl-bold:normal normal var(--eui-f-weight-bold) var(--eui-f-size-7xl)/var(--eui-f-line-height-7xl) var(--eui-f-family);--eui-f-8xl-light:normal normal var(--eui-f-weight-light) var(--eui-f-size-8xl)/var(--eui-f-line-height-8xl) var(--eui-f-family);--eui-f-8xl:normal normal var(--eui-f-weight-regular) var(--eui-f-size-8xl)/var(--eui-f-line-height-8xl) var(--eui-f-family);--eui-f-8xl-medium:normal normal var(--eui-f-weight-medium) var(--eui-f-size-8xl)/var(--eui-f-line-height-8xl) var(--eui-f-family);--eui-f-8xl-semi-bold:normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-8xl)/var(--eui-f-line-height-8xl) var(--eui-f-family);--eui-f-8xl-bold:normal normal var(--eui-f-weight-bold) var(--eui-f-size-8xl)/var(--eui-f-line-height-8xl) var(--eui-f-family);--eui-f-9xl-light:normal normal var(--eui-f-weight-light) var(--eui-f-size-9xl)/var(--eui-f-line-height-9xl) var(--eui-f-family);--eui-f-9xl:normal normal var(--eui-f-weight-regular) var(--eui-f-size-9xl)/var(--eui-f-line-height-9xl) var(--eui-f-family);--eui-f-9xl-medium:normal normal var(--eui-f-weight-medium) var(--eui-f-size-9xl)/var(--eui-f-line-height-9xl) var(--eui-f-family);--eui-f-9xl-semi-bold:normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-9xl)/var(--eui-f-line-height-9xl) var(--eui-f-family);--eui-f-9xl-bold:normal normal var(--eui-f-weight-bold) var(--eui-f-size-9xl)/var(--eui-f-line-height-9xl) var(--eui-f-family);--eui-f-10xl-light:normal normal var(--eui-f-weight-light) var(--eui-f-size-10xl)/var(--eui-f-line-height-10xl) var(--eui-f-family);--eui-f-10xl:normal normal var(--eui-f-weight-regular) var(--eui-f-size-10xl)/var(--eui-f-line-height-10xl) var(--eui-f-family);--eui-f-10xl-medium:normal normal var(--eui-f-weight-medium) var(--eui-f-size-10xl)/var(--eui-f-line-height-10xl) var(--eui-f-family);--eui-f-10xl-semi-bold:normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-10xl)/var(--eui-f-line-height-10xl) var(--eui-f-family);--eui-f-10xl-bold:normal normal var(--eui-f-weight-bold) var(--eui-f-size-10xl)/var(--eui-f-line-height-10xl) var(--eui-f-family);--eui-f-size-2xs:0.675rem;--eui-f-size-xs:0.75rem;--eui-f-size-s:0.875rem;--eui-f-size-m:1rem;--eui-f-size-l:1.125rem;--eui-f-size-xl:1.25rem;--eui-f-size-2xl:1.375rem;--eui-f-size-3xl:1.5rem;--eui-f-size-4xl:1.75rem;--eui-f-size-5xl:2rem;--eui-f-size-6xl:2.25rem;--eui-f-size-7xl:2.5rem;--eui-f-size-8xl:3.25rem;--eui-f-size-9xl:3.75rem;--eui-f-size-10xl:4.5rem;--eui-f-line-height-2xs:0.875rem;--eui-f-line-height-xs:0.875rem;--eui-f-line-height-s:1.2rem;--eui-f-line-height-m:1.5rem;--eui-f-line-height-l:1.75rem;--eui-f-line-height-xl:1.75rem;--eui-f-line-height-2xl:2rem;--eui-f-line-height-3xl:2.25rem;--eui-f-line-height-4xl:2.25rem;--eui-f-line-height-5xl:2.75rem;--eui-f-line-height-6xl:3rem;--eui-f-line-height-7xl:3rem;--eui-f-line-height-8xl:3.75rem;--eui-f-line-height-9xl:4.25rem;--eui-f-line-height-10xl:4.875rem;--eui-f-weight-light:300;--eui-f-weight-regular:400;--eui-f-weight-medium:500;--eui-f-weight-semi-bold:600;--eui-f-weight-bold:700;--eui-s-none:0;--eui-s-5xs:0.0625rem;--eui-s-4xs:0.125rem;--eui-s-3xs:0.25rem;--eui-s-2xs:0.375rem;--eui-s-xs:0.5rem;--eui-s-s:0.75rem;--eui-s-m:1rem;--eui-s-l:1.25rem;--eui-s-xl:1.5rem;--eui-s-2xl:1.75rem;--eui-s-3xl:2rem;--eui-s-4xl:2.25rem;--eui-s-5xl:2.5rem;--eui-s-6xl:3rem;--eui-s-7xl:3.5rem;--eui-s-8xl:4rem;--eui-s-9xl:4.5rem;--eui-s-10xl:5rem;--eui-br-none:0;--eui-br-s:2px;--eui-br-m:4px;--eui-br-l:6px;--eui-br-xl:8px;--eui-br-max:999px;--eui-bp-xs:0;--eui-bp-sm:480px;--eui-bp-md:768px;--eui-bp-lg:996px;--eui-bp-xl:1140px;--eui-bp-xxl:1440px;--eui-bp-fhd:1920px;--eui-bp-2k:2560px;--eui-bp-4k:3840px;--eui-bw-none:0;--eui-bw-xs:1px;--eui-bw-s:2px;--eui-bw-m:4px;--eui-sh-0:none;--eui-sh-1:0 0 0.5px 0.5px rgba(24,39,75,.08),0 6px 12px 0 rgba(24,39,75,.08);--eui-sh-2:0 0 0.5px 0.5px rgba(24,39,75,.08),0 10px 22px 0 rgba(24,39,75,.1);--eui-sh-3:0 0 0.5px 0.5px rgba(24,39,75,.08),0 18px 52px 0 rgba(24,39,75,.14);--eui-sh-4:0 0 0.5px 0.5px rgba(24,39,75,.08),0 14px 42px 0 rgba(24,39,75,.12);--eui-sh-5:0 0 0.5px 0.5px rgba(24,39,75,.08),0 18px 52px 0 rgba(24,39,75,.14);--eui-is-2xs:0.75rem;--eui-is-xs:1rem;--eui-is-s:1.25rem;--eui-is-m:1.5rem;--eui-is-l:2rem;--eui-is-xl:2.5rem;--eui-is-2xl:3rem;--eui-is-3xl:3.5rem;--eui-is-4xl:4rem;--eui-is-fluid:1em;--eui-o-none:0;--eui-o-25:0.25;--eui-o-50:0.5;--eui-o-75:0.75;--eui-o-100:1;--eui-zi-auto:auto;--eui-zi-zero:0;--eui-zi-root:1;--eui-zi-input-maxlength:2;--eui-zi-clearable-icon:3;--eui-zi-breadcrumb:9;--eui-zi-header:10;--eui-zi-top-message:12;--eui-zi-nav:15;--eui-zi-loading-indicator:20;--eui-zi-cdk-overlay-pane:999;--eui-zi-logo:1000;--eui-zi-sticky:1040;--eui-zi-sidebar:1044;--eui-zi-overlay:1045;--eui-zi-btn-floating:1046;--eui-zi-highlighted:1047;--eui-zi-footer-action-bar:1048;--eui-zi-modal-backdrop:1049;--eui-zi-modal:1050;--eui-zi-menu:1060;--eui-zi-tooltip:1070;--eui-zi-max:9999;--eui-zi-cdk-overlay-container:10000;--eui-zi-block-document:10010;--eui-zi-growl-message:99999;--eui-internal-icon-checkmark-path:url(@eui/styles/dist/assets/icons/eui-internals/check.svg);--eui-internal-icon-remove-path:url(@eui/styles/dist/assets/icons/eui-internals/remove.svg);--eui-internal-icon-ellipse-path:url(@eui/styles/dist/assets/icons/eui-internals/ellipse.svg);--eui-internal-icon-external-path:url(@eui/styles/dist/assets/icons/eui-internals/external.svg);--eui-internal-icon-chevron-down-path:url(@eui/styles/dist/assets/icons/eui-internals/chevron-down.svg);--eui-base-line-height:1.5;--eui-base-scale-factor:1;--eui-base-animation-linear-out-slow-in-timing-function:cubic-bezier(0,0,0.2,1);--eui-base-animation-fast-out-slow-in-timing-function:cubic-bezier(0.4,0,0.2,1);--eui-base-animation-fast-out-linear-in-timing-function:cubic-bezier(0.4,0,1,1);--eui-base-animation-ease-timing-function:cubic-bezier(0.25,0.1,0.25,1);--eui-base-animation-ease-in-out-timing-function:ease-in-out;--eui-base-animation-duration-fast:0.25s;--eui-base-animation-duration-medium:0.5s;--eui-base-animation-duration-slow:1s;--eui-base-animation-duration-base:500ms;--eui-base-animation-duration:var(--eui-base-animation-duration-base);--eui-base-animation-transition-base:all 0.2s var(--eui-base-animation-linear-out-slow-in-timing-function);--eui-base-animation-transition-ease:all 0.2s var(--eui-base-animation-ease-timing-function);--eui-base-animation-transition-ease-in-out:all 0.2s var(--eui-base-animation-ease-in-out-timing-function);--eui-base-animation-transition-ease-in-out-1s:all 1s var(--eui-base-animation-ease-in-out-timing-function);--eui-base-animation-delay:0s;--eui-base-animation-direction:normal;--eui-base-animation-fill-mode:forwards;--eui-base-animation-background-color:var(--eui-c-primary-surface-light)}html{display:block;font-size:var(--eui-f-size-base)}body,html{height:100%;line-height:var(--eui-base-line-height)}body{background-color:var(--eui-c-surface-page);color:var(--eui-c-text);font-family:var(--eui-f-family);font-feature-settings:"liga";font-size:var(--eui-f-size-base);-moz-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:400;margin:0;text-align:start;text-rendering:optimizeLegibility}.eui-icon-svg{align-items:center;display:inline-flex;fill:currentColor;margin:0;transform:scaleX(1) scaleY(1) rotate(0deg);transition:transform .3s ease-in-out}.eui-icon-svg.eui-icon-svg--size-2xs svg,.eui-icon-svg.eui-icon-svg--size-2xs svg>image,.eui-icon-svg.eui-icon-svg--size-2xs.eui-icon-svg--stack svg{height:var(--eui-is-2xs);width:var(--eui-is-2xs)}.eui-icon-svg.eui-icon-svg--size-xs svg,.eui-icon-svg.eui-icon-svg--size-xs svg>image,.eui-icon-svg.eui-icon-svg--size-xs.eui-icon-svg--stack svg{height:var(--eui-is-xs);width:var(--eui-is-xs)}.eui-icon-svg.eui-icon-svg--size-s svg,.eui-icon-svg.eui-icon-svg--size-s svg>image,.eui-icon-svg.eui-icon-svg--size-s.eui-icon-svg--stack svg{height:var(--eui-is-s);width:var(--eui-is-s)}.eui-icon-svg.eui-icon-svg--size-m svg,.eui-icon-svg.eui-icon-svg--size-m svg>image,.eui-icon-svg.eui-icon-svg--size-m.eui-icon-svg--stack svg{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-icon-svg.eui-icon-svg--size-l svg,.eui-icon-svg.eui-icon-svg--size-l svg>image,.eui-icon-svg.eui-icon-svg--size-l.eui-icon-svg--stack svg{height:var(--eui-is-l);width:var(--eui-is-l)}.eui-icon-svg.eui-icon-svg--size-xl svg,.eui-icon-svg.eui-icon-svg--size-xl svg>image,.eui-icon-svg.eui-icon-svg--size-xl.eui-icon-svg--stack svg{height:var(--eui-is-xl);width:var(--eui-is-xl)}.eui-icon-svg.eui-icon-svg--size-2xl svg,.eui-icon-svg.eui-icon-svg--size-2xl svg>image,.eui-icon-svg.eui-icon-svg--size-2xl.eui-icon-svg--stack svg{height:var(--eui-is-2xl);width:var(--eui-is-2xl)}.eui-icon-svg.eui-icon-svg--size-3xl svg,.eui-icon-svg.eui-icon-svg--size-3xl svg>image,.eui-icon-svg.eui-icon-svg--size-3xl.eui-icon-svg--stack svg{height:var(--eui-is-3xl);width:var(--eui-is-3xl)}.eui-icon-svg.eui-icon-svg--size-4xl svg,.eui-icon-svg.eui-icon-svg--size-4xl svg>image,.eui-icon-svg.eui-icon-svg--size-4xl.eui-icon-svg--stack svg{height:var(--eui-is-4xl);width:var(--eui-is-4xl)}.eui-icon-svg.eui-icon-svg--size-fluid svg,.eui-icon-svg.eui-icon-svg--size-fluid svg>image,.eui-icon-svg.eui-icon-svg--size-fluid.eui-icon-svg--stack svg{height:var(--eui-is-fluid);width:var(--eui-is-fluid)}.eui-icon-svg .eui-badge,.eui-icon-svg .eui-badge--size-m{left:40%;position:absolute;top:-40%}.eui-icon-svg .eui-badge--empty{left:70%;top:-5%}.eui-icon-svg--size-l .eui-badge--size-s{left:70%}.eui-button .eui-badge{height:inherit}
|
|
1
|
+
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100 900;src:url(@eui/styles/dist/assets/fonts/inter/InterVariable.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:100 900;src:url(@eui/styles/dist/assets/fonts/inter/InterVariable-Italic.woff2) format("woff2")}:root{--eui-bc-transparent:transparent;--eui-bc-br-950:#00002e;--eui-bc-br-950-contrast:#fff;--eui-bc-br-900:#1c1c45;--eui-bc-br-900-contrast:#fff;--eui-bc-br-800:#353559;--eui-bc-br-800-contrast:#fff;--eui-bc-br-700:#505070;--eui-bc-br-700-contrast:#fff;--eui-bc-pr-950:#001959;--eui-bc-pr-950-contrast:#fff;--eui-bc-pr-900:#001f73;--eui-bc-pr-900-contrast:#fff;--eui-bc-pr-800:#002a99;--eui-bc-pr-800-contrast:#fff;--eui-bc-pr-700:#0035bf;--eui-bc-pr-700-contrast:#fff;--eui-bc-pr-600:#0046ff;--eui-bc-pr-600-contrast:#fff;--eui-bc-pr-500:#5987ff;--eui-bc-pr-500-contrast:#000;--eui-bc-pr-400:#8cacff;--eui-bc-pr-400-contrast:#000;--eui-bc-pr-300:#b0c6ff;--eui-bc-pr-300-contrast:#000;--eui-bc-pr-200:#d9e3ff;--eui-bc-pr-200-contrast:#000;--eui-bc-pr-100:#e6edff;--eui-bc-pr-100-contrast:#000;--eui-bc-pr-75:#eef2ff;--eui-bc-pr-75-contrast:#000;--eui-bc-pr-50:#f2f6ff;--eui-bc-pr-50-contrast:#000;--eui-bc-pr-25:#f7f9ff;--eui-bc-pr-25-contrast:#000;--eui-bc-gr-950:#00002e;--eui-bc-gr-950-contrast:#fff;--eui-bc-gr-900:#1c1c45;--eui-bc-gr-900-contrast:#fff;--eui-bc-gr-800:#353559;--eui-bc-gr-800-contrast:#fff;--eui-bc-gr-700:#505070;--eui-bc-gr-700-contrast:#fff;--eui-bc-gr-600:#696984;--eui-bc-gr-600-contrast:#fff;--eui-bc-gr-500:#84849b;--eui-bc-gr-500-contrast:#000;--eui-bc-gr-400:#a0a0b1;--eui-bc-gr-400-contrast:#000;--eui-bc-gr-300:#b9b9c5;--eui-bc-gr-300-contrast:#000;--eui-bc-gr-200:#d4d4dc;--eui-bc-gr-200-contrast:#000;--eui-bc-gr-100:#e1e1e7;--eui-bc-gr-100-contrast:#000;--eui-bc-gr-75:#ededf0;--eui-bc-gr-75-contrast:#000;--eui-bc-gr-50:#f6f6f8;--eui-bc-gr-50-contrast:#000;--eui-bc-gr-25:#fafafb;--eui-bc-gr-25-contrast:#000;--eui-bc-grn-950:#171717;--eui-bc-grn-950-contrast:#fff;--eui-bc-grn-900:#313131;--eui-bc-grn-900-contrast:#fff;--eui-bc-grn-800:#474747;--eui-bc-grn-800-contrast:#fff;--eui-bc-grn-700:#606060;--eui-bc-grn-700-contrast:#fff;--eui-bc-grn-600:#777;--eui-bc-grn-600-contrast:#000;--eui-bc-grn-500:#909090;--eui-bc-grn-500-contrast:#000;--eui-bc-grn-400:#a9a9a9;--eui-bc-grn-400-contrast:#000;--eui-bc-grn-300:#bfbfbf;--eui-bc-grn-300-contrast:#000;--eui-bc-grn-200:#d8d8d8;--eui-bc-grn-200-contrast:#000;--eui-bc-grn-100:#e4e4e4;--eui-bc-grn-100-contrast:#000;--eui-bc-grn-75:#efefef;--eui-bc-grn-75-contrast:#000;--eui-bc-grn-50:#f7f7f7;--eui-bc-grn-50-contrast:#000;--eui-bc-grn-25:#fbfbfb;--eui-bc-grn-25-contrast:#000;--eui-bc-in-950:#001f5c;--eui-bc-in-950-contrast:#fff;--eui-bc-in-900:#00297a;--eui-bc-in-900-contrast:#fff;--eui-bc-in-800:#039;--eui-bc-in-800-contrast:#fff;--eui-bc-in-700:#1c49a4;--eui-bc-in-700-contrast:#fff;--eui-bc-in-600:#3b62b0;--eui-bc-in-600-contrast:#fff;--eui-bc-in-500:#6685c2;--eui-bc-in-500-contrast:#000;--eui-bc-in-400:#859dce;--eui-bc-in-400-contrast:#000;--eui-bc-in-300:#a3b6da;--eui-bc-in-300-contrast:#000;--eui-bc-in-200:#bfcce6;--eui-bc-in-200-contrast:#000;--eui-bc-in-100:#dee4f2;--eui-bc-in-100-contrast:#000;--eui-bc-in-75:#ebeff7;--eui-bc-in-75-contrast:#000;--eui-bc-in-50:#f5f7fb;--eui-bc-in-50-contrast:#000;--eui-bc-in-25:#f9fbfd;--eui-bc-in-25-contrast:#000;--eui-bc-su-950:#02472c;--eui-bc-su-950-contrast:#fff;--eui-bc-su-900:#025f3b;--eui-bc-su-900-contrast:#fff;--eui-bc-su-800:#037e4e;--eui-bc-su-800-contrast:#fff;--eui-bc-su-700:#049e62;--eui-bc-su-700-contrast:#000;--eui-bc-su-600:#05b26f;--eui-bc-su-600-contrast:#000;--eui-bc-su-500:#05c67b;--eui-bc-su-500-contrast:#000;--eui-bc-su-400:#5ddaa9;--eui-bc-su-400-contrast:#000;--eui-bc-su-300:#8fe5c4;--eui-bc-su-300-contrast:#000;--eui-bc-su-200:#b2edd6;--eui-bc-su-200-contrast:#000;--eui-bc-su-100:#daf6eb;--eui-bc-su-100-contrast:#000;--eui-bc-su-75:#e3f9f0;--eui-bc-su-75-contrast:#000;--eui-bc-su-50:#edfbf6;--eui-bc-su-50-contrast:#000;--eui-bc-su-25:#f9fefc;--eui-bc-su-25-contrast:#000;--eui-bc-wa-950:#512c0a;--eui-bc-wa-950-contrast:#fff;--eui-bc-wa-900:#68390d;--eui-bc-wa-900-contrast:#fff;--eui-bc-wa-800:#8b4c11;--eui-bc-wa-800-contrast:#fff;--eui-bc-wa-700:#ba6517;--eui-bc-wa-700-contrast:#000;--eui-bc-wa-600:#e87e1d;--eui-bc-wa-600-contrast:#000;--eui-bc-wa-500:#ff8a20;--eui-bc-wa-500-contrast:#000;--eui-bc-wa-400:#ffa14d;--eui-bc-wa-400-contrast:#000;--eui-bc-wa-300:#ffb16a;--eui-bc-wa-300-contrast:#000;--eui-bc-wa-200:#ffc998;--eui-bc-wa-200-contrast:#000;--eui-bc-wa-100:#ffdbba;--eui-bc-wa-100-contrast:#000;--eui-bc-wa-75:#ffeddc;--eui-bc-wa-75-contrast:#000;--eui-bc-wa-50:#fff3e8;--eui-bc-wa-50-contrast:#000;--eui-bc-wa-25:#fffaf5;--eui-bc-wa-25-contrast:#000;--eui-bc-da-950:#1f0506;--eui-bc-da-950-contrast:#fff;--eui-bc-da-900:#5a0e12;--eui-bc-da-900-contrast:#fff;--eui-bc-da-800:#7b1319;--eui-bc-da-800-contrast:#fff;--eui-bc-da-700:#9e1920;--eui-bc-da-700-contrast:#fff;--eui-bc-da-600:#cb2029;--eui-bc-da-600-contrast:#fff;--eui-bc-da-500:#df232d;--eui-bc-da-500-contrast:#fff;--eui-bc-da-400:#e54f57;--eui-bc-da-400-contrast:#000;--eui-bc-da-300:#ea6c72;--eui-bc-da-300-contrast:#000;--eui-bc-da-200:#f09a9e;--eui-bc-da-200-contrast:#000;--eui-bc-da-100:#f5bbbe;--eui-bc-da-100-contrast:#000;--eui-bc-da-75:#fce9ea;--eui-bc-da-75-contrast:#000;--eui-bc-da-50:#fdefef;--eui-bc-da-50-contrast:#000;--eui-bc-da-25:#fefafa;--eui-bc-da-25-contrast:#000;--eui-bc-cta-950:#763105;--eui-bc-cta-950-contrast:#fff;--eui-bc-cta-900:#9e4107;--eui-bc-cta-900-contrast:#fff;--eui-bc-cta-800:#c55109;--eui-bc-cta-800-contrast:#fff;--eui-bc-cta-700:#ed6c09;--eui-bc-cta-700-contrast:#000;--eui-bc-cta-600:#fc8713;--eui-bc-cta-600-contrast:#000;--eui-bc-cta-500:#fea439;--eui-bc-cta-500-contrast:#000;--eui-bc-cta-400:#ffbe5c;--eui-bc-cta-400-contrast:#000;--eui-bc-cta-300:#ffcb7d;--eui-bc-cta-300-contrast:#000;--eui-bc-cta-200:#ffd392;--eui-bc-cta-200-contrast:#000;--eui-bc-cta-100:#ffe1b4;--eui-bc-cta-100-contrast:#000;--eui-bc-cta-75:#ffebcc;--eui-bc-cta-75-contrast:#000;--eui-bc-cta-50:#fff5e5;--eui-bc-cta-50-contrast:#000;--eui-bc-cta-25:#fffcf7;--eui-bc-cta-25-contrast:#000;--eui-c-white:#fff;--eui-c-black:#000;--eui-c-secondary-min:var(--eui-bc-grn-10);--eui-c-secondary-max:var(--eui-bc-grn-950);--eui-c-surface-page:var(--eui-bc-grn-25);--eui-c-surface-container:var(--eui-c-white);--eui-c-surface-shell:var(--eui-bc-grn-50);--eui-c-surface-container-1:var(--eui-bc-grn-75);--eui-c-surface-container-2:var(--eui-bc-grn-100);--eui-c-surface-container-3:var(--eui-bc-grn-200);--eui-c-text:var(--eui-bc-gr-950);--eui-c-text-light:var(--eui-bc-gr-800);--eui-c-text-lighter:var(--eui-bc-gr-700);--eui-c-text-lightest:var(--eui-bc-gr-600);--eui-c-focus-visible:var(--eui-bc-pr-600);--eui-c-focus:var(--eui-bc-pr-200);--eui-c-hover:var(--eui-bc-pr-75);--eui-c-hover-disabled:var(--eui-bc-gr-100);--eui-c-active:var(--eui-bc-pr-600);--eui-c-active-bg:var(--eui-bc-pr-200);--eui-c-active-bg-alt:var(--eui-bc-pr-300);--eui-c-active-bg-light:var(--eui-bc-pr-100);--eui-c-disabled:var(--eui-bc-gr-500);--eui-c-disabled-bg:var(--eui-bc-gr-50);--eui-c-readonly:var(--eui-bc-gr-600);--eui-c-link:var(--eui-bc-pr-600);--eui-c-divider:var(--eui-bc-gr-100);--eui-c-divider-light:var(--eui-bc-gr-75);--eui-c-branding-base:var(--eui-bc-br-900);--eui-c-branding:var(--eui-bc-br-900);--eui-c-branding-lighter:var(--eui-bc-br-700);--eui-c-branding-on-lighter:var(--eui-bc-br-700-contrast);--eui-c-branding-light:var(--eui-bc-br-800);--eui-c-branding-on-light:var(--eui-bc-br-800-contrast);--eui-c-branding-dark:var(--eui-bc-br-950);--eui-c-branding-on-dark:var(--eui-bc-br-950-contrast);--eui-c-branding-surface:var(--eui-bc-br-900);--eui-c-branding-on-surface:var(--eui-bc-br-900-contrast);--eui-c-branding-surface-light:var(--eui-bc-br-800);--eui-c-branding-on-surface-light:var(--eui-bc-br-800-contrast);--eui-c-primary-base:var(--eui-bc-pr-600);--eui-c-primary:var(--eui-bc-pr-700);--eui-c-primary-lighter:var(--eui-bc-pr-500);--eui-c-primary-on-lighter:var(--eui-bc-pr-500-contrast);--eui-c-primary-light:var(--eui-bc-pr-600);--eui-c-primary-on-light:var(--eui-bc-pr-600-contrast);--eui-c-primary-dark:var(--eui-bc-pr-900);--eui-c-primary-on-dark:var(--eui-bc-pr-900-contrast);--eui-c-primary-darker:var(--eui-bc-pr-950);--eui-c-primary-on-darker:var(--eui-bc-pr-950-contrast);--eui-c-primary-surface-light:var(--eui-bc-pr-75);--eui-c-primary-on-surface-light:var(--eui-bc-pr-900);--eui-c-primary-surface-light-hover:var(--eui-bc-pr-100);--eui-c-primary-on-surface-light-hover:var(--eui-bc-pr-950);--eui-c-primary-surface-medium:var(--eui-bc-pr-200);--eui-c-primary-on-surface-medium:var(--eui-bc-pr-950);--eui-c-primary-surface:var(--eui-bc-pr-600);--eui-c-primary-on-surface:var(--eui-bc-pr-600-contrast);--eui-c-primary-surface-hover:var(--eui-bc-pr-700);--eui-c-primary-on-surface-hover:var(--eui-bc-pr-700-contrast);--eui-c-primary-border:var(--eui-bc-pr-500);--eui-c-primary-border-light:var(--eui-bc-pr-300);--eui-c-primary-border-lighter:var(--eui-bc-pr-200);--eui-c-secondary-base:var(--eui-bc-gr-500);--eui-c-secondary:var(--eui-bc-gr-800);--eui-c-secondary-lighter:var(--eui-bc-gr-600);--eui-c-secondary-on-lighter:var(--eui-bc-gr-600-contrast);--eui-c-secondary-light:var(--eui-bc-gr-700);--eui-c-secondary-on-light:var(--eui-bc-gr-700-contrast);--eui-c-secondary-dark:var(--eui-bc-gr-900);--eui-c-secondary-on-dark:var(--eui-bc-gr-900-contrast);--eui-c-secondary-darker:var(--eui-bc-gr-950);--eui-c-secondary-on-darker:var(--eui-bc-gr-950-contrast);--eui-c-secondary-surface-light:var(--eui-bc-gr-50);--eui-c-secondary-on-surface-light:var(--eui-bc-gr-900);--eui-c-secondary-surface-light-hover:var(--eui-bc-gr-75);--eui-c-secondary-on-surface-light-hover:var(--eui-bc-gr-950);--eui-c-secondary-surface-medium:var(--eui-bc-gr-100);--eui-c-secondary-on-surface-medium:var(--eui-bc-gr-900);--eui-c-secondary-surface:var(--eui-bc-gr-600);--eui-c-secondary-on-surface:var(--eui-bc-gr-600-contrast);--eui-c-secondary-surface-hover:var(--eui-bc-gr-700);--eui-c-secondary-on-surface-hover:var(--eui-bc-gr-700-contrast);--eui-c-secondary-border:var(--eui-bc-gr-500);--eui-c-secondary-border-light:var(--eui-bc-gr-300);--eui-c-secondary-border-lighter:var(--eui-bc-gr-200);--eui-c-neutral-base:var(--eui-bc-grn-500);--eui-c-neutral:var(--eui-bc-grn-800);--eui-c-neutral-lighter:var(--eui-bc-grn-600);--eui-c-neutral-on-lighter:var(--eui-bc-grn-600-contrast);--eui-c-neutral-light:var(--eui-bc-grn-700);--eui-c-neutral-on-light:var(--eui-bc-grn-700-contrast);--eui-c-neutral-dark:var(--eui-bc-grn-900);--eui-c-neutral-on-dark:var(--eui-bc-grn-900-contrast);--eui-c-neutral-darker:var(--eui-bc-grn-950);--eui-c-neutral-on-darker:var(--eui-bc-grn-950-contrast);--eui-c-neutral-surface-light:var(--eui-bc-grn-50);--eui-c-neutral-on-surface-light:var(--eui-bc-grn-900);--eui-c-neutral-surface-light-hover:var(--eui-bc-grn-75);--eui-c-neutral-on-surface-light-hover:var(--eui-bc-grn-950);--eui-c-neutral-surface-medium:var(--eui-bc-grn-100);--eui-c-neutral-on-surface-medium:var(--eui-bc-grn-900);--eui-c-neutral-surface:var(--eui-bc-grn-400);--eui-c-neutral-on-surface:var(--eui-bc-grn-400-contrast);--eui-c-neutral-surface-hover:var(--eui-bc-grn-300);--eui-c-neutral-on-surface-hover:var(--eui-bc-grn-300-contrast);--eui-c-neutral-border:var(--eui-bc-grn-500);--eui-c-neutral-border-light:var(--eui-bc-grn-400);--eui-c-neutral-border-lighter:var(--eui-bc-grn-300);--eui-c-cta-base:var(--eui-bc-cta-400);--eui-c-cta:var(--eui-bc-cta-900);--eui-c-cta-lighter:var(--eui-bc-cta-400);--eui-c-cta-on-lighter:var(--eui-bc-cta-400-contrast);--eui-c-cta-light:var(--eui-bc-cta-500);--eui-c-cta-on-light:var(--eui-bc-cta-500-contrast);--eui-c-cta-dark:var(--eui-bc-cta-800);--eui-c-cta-on-dark:var(--eui-bc-cta-800-contrast);--eui-c-cta-darker:var(--eui-bc-cta-900);--eui-c-cta-on-darker:var(--eui-bc-cta-900-contrast);--eui-c-cta-surface-light:var(--eui-bc-cta-25);--eui-c-cta-on-surface-light:var(--eui-bc-cta-800);--eui-c-cta-surface-light-hover:var(--eui-bc-cta-50);--eui-c-cta-on-surface-light-hover:var(--eui-bc-cta-950);--eui-c-cta-surface-medium:var(--eui-bc-cta-75);--eui-c-cta-on-surface-medium:var(--eui-bc-cta-900);--eui-c-cta-surface:var(--eui-bc-cta-400);--eui-c-cta-on-surface:var(--eui-bc-cta-400-contrast);--eui-c-cta-surface-hover:var(--eui-bc-cta-500);--eui-c-cta-on-surface-hover:var(--eui-bc-cta-500-contrast);--eui-c-cta-border:var(--eui-bc-cta-300);--eui-c-cta-border-light:var(--eui-bc-cta-100);--eui-c-cta-border-lighter:var(--eui-bc-cta-75);--eui-c-info-base:var(--eui-bc-in-500);--eui-c-info:var(--eui-bc-in-600);--eui-c-info-lighter:var(--eui-bc-in-400);--eui-c-info-on-lighter:var(--eui-bc-in-400-contrast);--eui-c-info-light:var(--eui-bc-in-500);--eui-c-info-on-light:var(--eui-bc-in-500-contrast);--eui-c-info-dark:var(--eui-bc-in-800);--eui-c-info-on-dark:var(--eui-bc-in-800-contrast);--eui-c-info-darker:var(--eui-bc-in-900);--eui-c-info-on-darker:var(--eui-bc-in-900-contrast);--eui-c-info-surface-light:var(--eui-bc-in-75);--eui-c-info-on-surface-light:var(--eui-bc-in-600);--eui-c-info-surface-light-hover:var(--eui-bc-in-100);--eui-c-info-on-surface-light-hover:var(--eui-bc-in-800);--eui-c-info-surface-medium:var(--eui-bc-in-200);--eui-c-info-on-surface-medium:var(--eui-bc-in-950);--eui-c-info-surface:var(--eui-bc-in-600);--eui-c-info-on-surface:var(--eui-bc-in-600-contrast);--eui-c-info-surface-hover:var(--eui-bc-in-800);--eui-c-info-on-surface-hover:var(--eui-bc-in-800-contrast);--eui-c-info-border:var(--eui-bc-in-400);--eui-c-info-border-light:var(--eui-bc-in-300);--eui-c-info-border-lighter:var(--eui-bc-in-200);--eui-c-success-base:var(--eui-bc-su-700);--eui-c-success:var(--eui-bc-su-900);--eui-c-success-lighter:var(--eui-bc-su-700);--eui-c-success-on-lighter:var(--eui-bc-su-700-contrast);--eui-c-success-light:var(--eui-bc-su-800);--eui-c-success-on-light:var(--eui-bc-su-800-contrast);--eui-c-success-dark:var(--eui-bc-su-900);--eui-c-success-on-dark:var(--eui-bc-su-900-contrast);--eui-c-success-darker:var(--eui-bc-su-950);--eui-c-success-on-darker:var(--eui-bc-su-950-contrast);--eui-c-success-surface-light:var(--eui-bc-su-100);--eui-c-success-on-surface-light:var(--eui-bc-su-950);--eui-c-success-surface-light-hover:var(--eui-bc-su-200);--eui-c-success-on-surface-light-hover:var(--eui-bc-su-950);--eui-c-success-surface-medium:var(--eui-bc-su-300);--eui-c-success-on-surface-medium:var(--eui-bc-su-950);--eui-c-success-surface:var(--eui-bc-su-900);--eui-c-success-on-surface:var(--eui-bc-su-950-contrast);--eui-c-success-surface-hover:var(--eui-bc-su-950);--eui-c-success-on-surface-hover:var(--eui-bc-su-950-contrast);--eui-c-success-border:var(--eui-bc-su-600);--eui-c-success-border-light:var(--eui-bc-su-400);--eui-c-success-border-lighter:var(--eui-bc-su-300);--eui-c-warning-base:var(--eui-bc-wa-500);--eui-c-warning:var(--eui-bc-wa-800);--eui-c-warning-lighter:var(--eui-bc-wa-500);--eui-c-warning-on-lighter:var(--eui-bc-wa-500-contrast);--eui-c-warning-light:var(--eui-bc-wa-600);--eui-c-warning-on-light:var(--eui-bc-wa-600-contrast);--eui-c-warning-dark:var(--eui-bc-wa-900);--eui-c-warning-on-dark:var(--eui-bc-wa-900-contrast);--eui-c-warning-darker:var(--eui-bc-wa-950);--eui-c-warning-on-darker:var(--eui-bc-wa-950-contrast);--eui-c-warning-surface-light:var(--eui-bc-wa-50);--eui-c-warning-on-surface-light:var(--eui-bc-wa-900);--eui-c-warning-surface-light-hover:var(--eui-bc-wa-75);--eui-c-warning-on-surface-light-hover:var(--eui-bc-wa-950);--eui-c-warning-surface-medium:var(--eui-bc-wa-100);--eui-c-warning-on-surface-medium:var(--eui-bc-wa-900);--eui-c-warning-surface:var(--eui-bc-wa-500);--eui-c-warning-on-surface:var(--eui-bc-wa-500-contrast);--eui-c-warning-surface-hover:var(--eui-bc-wa-600);--eui-c-warning-on-surface-hover:var(--eui-bc-wa-600-contrast);--eui-c-warning-border:var(--eui-bc-wa-400);--eui-c-warning-border-light:var(--eui-bc-wa-200);--eui-c-warning-border-lighter:var(--eui-bc-wa-100);--eui-c-danger-base:var(--eui-bc-da-600);--eui-c-danger:var(--eui-bc-da-600);--eui-c-danger-lighter:var(--eui-bc-da-400);--eui-c-danger-on-lighter:var(--eui-bc-da-400-contrast);--eui-c-danger-light:var(--eui-bc-da-500);--eui-c-danger-on-light:var(--eui-bc-da-500-contrast);--eui-c-danger-dark:var(--eui-bc-da-700);--eui-c-danger-on-dark:var(--eui-bc-da-700-contrast);--eui-c-danger-darker:var(--eui-bc-da-800);--eui-c-danger-on-darker:var(--eui-bc-da-800-contrast);--eui-c-danger-surface-light:var(--eui-bc-da-75);--eui-c-danger-on-surface-light:var(--eui-bc-da-700);--eui-c-danger-surface-light-hover:var(--eui-bc-da-100);--eui-c-danger-on-surface-light-hover:var(--eui-bc-da-900);--eui-c-danger-surface-medium:var(--eui-bc-da-200);--eui-c-danger-on-surface-medium:var(--eui-bc-da-900);--eui-c-danger-surface:var(--eui-bc-da-600);--eui-c-danger-on-surface:var(--eui-bc-da-600-contrast);--eui-c-danger-surface-hover:var(--eui-bc-da-700);--eui-c-danger-on-surface-hover:var(--eui-bc-da-700-contrast);--eui-c-danger-border:var(--eui-bc-da-500);--eui-c-danger-border-light:var(--eui-bc-da-300);--eui-c-danger-border-lighter:var(--eui-bc-da-200);--eui-f-family:"Inter",arial,sans-serif;--eui-f-family-monospace:"Consolas","Liberation Mono","Courier New",monospace;--eui-f-size-base:16px;--eui-f:var(--eui-f-m);--eui-f-medium:var(--eui-f-m-medium);--eui-f-semi-bold:var(--eui-f-m-semi-bold);--eui-f-bold:var(--eui-f-m-bold);--eui-f-2xs-light:normal normal var(--eui-f-weight-light) var(--eui-f-size-2xs)/var(--eui-f-line-height-2xs) var(--eui-f-family);--eui-f-2xs:normal normal var(--eui-f-weight-regular) var(--eui-f-size-2xs)/var(--eui-f-line-height-2xs) var(--eui-f-family);--eui-f-2xs-medium:normal normal var(--eui-f-weight-medium) var(--eui-f-size-2xs)/var(--eui-f-line-height-2xs) var(--eui-f-family);--eui-f-2xs-semi-bold:normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-2xs)/var(--eui-f-line-height-2xs) var(--eui-f-family);--eui-f-2xs-bold:normal normal var(--eui-f-weight-bold) var(--eui-f-size-2xs)/var(--eui-f-line-height-2xs) var(--eui-f-family);--eui-f-xs-light:normal normal var(--eui-f-weight-light) var(--eui-f-size-xs)/var(--eui-f-line-height-xs) var(--eui-f-family);--eui-f-xs:normal normal var(--eui-f-weight-regular) var(--eui-f-size-xs)/var(--eui-f-line-height-xs) var(--eui-f-family);--eui-f-xs-medium:normal normal var(--eui-f-weight-medium) var(--eui-f-size-xs)/var(--eui-f-line-height-xs) var(--eui-f-family);--eui-f-xs-semi-bold:normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-xs)/var(--eui-f-line-height-xs) var(--eui-f-family);--eui-f-xs-bold:normal normal var(--eui-f-weight-bold) var(--eui-f-size-xs)/var(--eui-f-line-height-xs) var(--eui-f-family);--eui-f-s-light:normal normal var(--eui-f-weight-light) var(--eui-f-size-s)/var(--eui-f-line-height-s) var(--eui-f-family);--eui-f-s:normal normal var(--eui-f-weight-regular) var(--eui-f-size-s)/var(--eui-f-line-height-s) var(--eui-f-family);--eui-f-s-medium:normal normal var(--eui-f-weight-medium) var(--eui-f-size-s)/var(--eui-f-line-height-s) var(--eui-f-family);--eui-f-s-semi-bold:normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-s)/var(--eui-f-line-height-s) var(--eui-f-family);--eui-f-s-bold:normal normal var(--eui-f-weight-bold) var(--eui-f-size-s)/var(--eui-f-line-height-s) var(--eui-f-family);--eui-f-m-light:normal normal var(--eui-f-weight-light) var(--eui-f-size-m)/var(--eui-f-line-height-m) var(--eui-f-family);--eui-f-m:normal normal var(--eui-f-weight-regular) var(--eui-f-size-m)/var(--eui-f-line-height-m) var(--eui-f-family);--eui-f-m-medium:normal normal var(--eui-f-weight-medium) var(--eui-f-size-m)/var(--eui-f-line-height-m) var(--eui-f-family);--eui-f-m-semi-bold:normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-m)/var(--eui-f-line-height-m) var(--eui-f-family);--eui-f-m-bold:normal normal var(--eui-f-weight-bold) var(--eui-f-size-m)/var(--eui-f-line-height-m) var(--eui-f-family);--eui-f-l-light:normal normal var(--eui-f-weight-light) var(--eui-f-size-l)/var(--eui-f-line-height-l) var(--eui-f-family);--eui-f-l:normal normal var(--eui-f-weight-regular) var(--eui-f-size-l)/var(--eui-f-line-height-l) var(--eui-f-family);--eui-f-l-medium:normal normal var(--eui-f-weight-medium) var(--eui-f-size-l)/var(--eui-f-line-height-l) var(--eui-f-family);--eui-f-l-semi-bold:normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-l)/var(--eui-f-line-height-l) var(--eui-f-family);--eui-f-l-bold:normal normal var(--eui-f-weight-bold) var(--eui-f-size-l)/var(--eui-f-line-height-l) var(--eui-f-family);--eui-f-xl-light:normal normal var(--eui-f-weight-light) var(--eui-f-size-xl)/var(--eui-f-line-height-xl) var(--eui-f-family);--eui-f-xl:normal normal var(--eui-f-weight-regular) var(--eui-f-size-xl)/var(--eui-f-line-height-xl) var(--eui-f-family);--eui-f-xl-medium:normal normal var(--eui-f-weight-medium) var(--eui-f-size-xl)/var(--eui-f-line-height-xl) var(--eui-f-family);--eui-f-xl-semi-bold:normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-xl)/var(--eui-f-line-height-xl) var(--eui-f-family);--eui-f-xl-bold:normal normal var(--eui-f-weight-bold) var(--eui-f-size-xl)/var(--eui-f-line-height-xl) var(--eui-f-family);--eui-f-2xl-light:normal normal var(--eui-f-weight-light) var(--eui-f-size-2xl)/var(--eui-f-line-height-2xl) var(--eui-f-family);--eui-f-2xl:normal normal var(--eui-f-weight-regular) var(--eui-f-size-2xl)/var(--eui-f-line-height-2xl) var(--eui-f-family);--eui-f-2xl-medium:normal normal var(--eui-f-weight-medium) var(--eui-f-size-2xl)/var(--eui-f-line-height-2xl) var(--eui-f-family);--eui-f-2xl-semi-bold:normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-2xl)/var(--eui-f-line-height-2xl) var(--eui-f-family);--eui-f-2xl-bold:normal normal var(--eui-f-weight-bold) var(--eui-f-size-2xl)/var(--eui-f-line-height-2xl) var(--eui-f-family);--eui-f-3xl-light:normal normal var(--eui-f-weight-light) var(--eui-f-size-3xl)/var(--eui-f-line-height-3xl) var(--eui-f-family);--eui-f-3xl:normal normal var(--eui-f-weight-regular) var(--eui-f-size-3xl)/var(--eui-f-line-height-3xl) var(--eui-f-family);--eui-f-3xl-medium:normal normal var(--eui-f-weight-medium) var(--eui-f-size-3xl)/var(--eui-f-line-height-3xl) var(--eui-f-family);--eui-f-3xl-semi-bold:normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-3xl)/var(--eui-f-line-height-3xl) var(--eui-f-family);--eui-f-3xl-bold:normal normal var(--eui-f-weight-bold) var(--eui-f-size-3xl)/var(--eui-f-line-height-3xl) var(--eui-f-family);--eui-f-4xl-light:normal normal var(--eui-f-weight-light) var(--eui-f-size-4xl)/var(--eui-f-line-height-4xl) var(--eui-f-family);--eui-f-4xl:normal normal var(--eui-f-weight-regular) var(--eui-f-size-4xl)/var(--eui-f-line-height-4xl) var(--eui-f-family);--eui-f-4xl-medium:normal normal var(--eui-f-weight-medium) var(--eui-f-size-4xl)/var(--eui-f-line-height-4xl) var(--eui-f-family);--eui-f-4xl-semi-bold:normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-4xl)/var(--eui-f-line-height-4xl) var(--eui-f-family);--eui-f-4xl-bold:normal normal var(--eui-f-weight-bold) var(--eui-f-size-4xl)/var(--eui-f-line-height-4xl) var(--eui-f-family);--eui-f-5xl-light:normal normal var(--eui-f-weight-light) var(--eui-f-size-5xl)/var(--eui-f-line-height-5xl) var(--eui-f-family);--eui-f-5xl:normal normal var(--eui-f-weight-regular) var(--eui-f-size-5xl)/var(--eui-f-line-height-5xl) var(--eui-f-family);--eui-f-5xl-medium:normal normal var(--eui-f-weight-medium) var(--eui-f-size-5xl)/var(--eui-f-line-height-5xl) var(--eui-f-family);--eui-f-5xl-semi-bold:normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-5xl)/var(--eui-f-line-height-5xl) var(--eui-f-family);--eui-f-5xl-bold:normal normal var(--eui-f-weight-bold) var(--eui-f-size-5xl)/var(--eui-f-line-height-5xl) var(--eui-f-family);--eui-f-6xl-light:normal normal var(--eui-f-weight-light) var(--eui-f-size-6xl)/var(--eui-f-line-height-6xl) var(--eui-f-family);--eui-f-6xl:normal normal var(--eui-f-weight-regular) var(--eui-f-size-6xl)/var(--eui-f-line-height-6xl) var(--eui-f-family);--eui-f-6xl-medium:normal normal var(--eui-f-weight-medium) var(--eui-f-size-6xl)/var(--eui-f-line-height-6xl) var(--eui-f-family);--eui-f-6xl-semi-bold:normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-6xl)/var(--eui-f-line-height-6xl) var(--eui-f-family);--eui-f-6xl-bold:normal normal var(--eui-f-weight-bold) var(--eui-f-size-6xl)/var(--eui-f-line-height-6xl) var(--eui-f-family);--eui-f-7xl-light:normal normal var(--eui-f-weight-light) var(--eui-f-size-7xl)/var(--eui-f-line-height-7xl) var(--eui-f-family);--eui-f-7xl:normal normal var(--eui-f-weight-regular) var(--eui-f-size-7xl)/var(--eui-f-line-height-7xl) var(--eui-f-family);--eui-f-7xl-medium:normal normal var(--eui-f-weight-medium) var(--eui-f-size-7xl)/var(--eui-f-line-height-7xl) var(--eui-f-family);--eui-f-7xl-semi-bold:normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-7xl)/var(--eui-f-line-height-7xl) var(--eui-f-family);--eui-f-7xl-bold:normal normal var(--eui-f-weight-bold) var(--eui-f-size-7xl)/var(--eui-f-line-height-7xl) var(--eui-f-family);--eui-f-8xl-light:normal normal var(--eui-f-weight-light) var(--eui-f-size-8xl)/var(--eui-f-line-height-8xl) var(--eui-f-family);--eui-f-8xl:normal normal var(--eui-f-weight-regular) var(--eui-f-size-8xl)/var(--eui-f-line-height-8xl) var(--eui-f-family);--eui-f-8xl-medium:normal normal var(--eui-f-weight-medium) var(--eui-f-size-8xl)/var(--eui-f-line-height-8xl) var(--eui-f-family);--eui-f-8xl-semi-bold:normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-8xl)/var(--eui-f-line-height-8xl) var(--eui-f-family);--eui-f-8xl-bold:normal normal var(--eui-f-weight-bold) var(--eui-f-size-8xl)/var(--eui-f-line-height-8xl) var(--eui-f-family);--eui-f-9xl-light:normal normal var(--eui-f-weight-light) var(--eui-f-size-9xl)/var(--eui-f-line-height-9xl) var(--eui-f-family);--eui-f-9xl:normal normal var(--eui-f-weight-regular) var(--eui-f-size-9xl)/var(--eui-f-line-height-9xl) var(--eui-f-family);--eui-f-9xl-medium:normal normal var(--eui-f-weight-medium) var(--eui-f-size-9xl)/var(--eui-f-line-height-9xl) var(--eui-f-family);--eui-f-9xl-semi-bold:normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-9xl)/var(--eui-f-line-height-9xl) var(--eui-f-family);--eui-f-9xl-bold:normal normal var(--eui-f-weight-bold) var(--eui-f-size-9xl)/var(--eui-f-line-height-9xl) var(--eui-f-family);--eui-f-10xl-light:normal normal var(--eui-f-weight-light) var(--eui-f-size-10xl)/var(--eui-f-line-height-10xl) var(--eui-f-family);--eui-f-10xl:normal normal var(--eui-f-weight-regular) var(--eui-f-size-10xl)/var(--eui-f-line-height-10xl) var(--eui-f-family);--eui-f-10xl-medium:normal normal var(--eui-f-weight-medium) var(--eui-f-size-10xl)/var(--eui-f-line-height-10xl) var(--eui-f-family);--eui-f-10xl-semi-bold:normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-10xl)/var(--eui-f-line-height-10xl) var(--eui-f-family);--eui-f-10xl-bold:normal normal var(--eui-f-weight-bold) var(--eui-f-size-10xl)/var(--eui-f-line-height-10xl) var(--eui-f-family);--eui-f-size-2xs:0.675rem;--eui-f-size-xs:0.75rem;--eui-f-size-s:0.875rem;--eui-f-size-m:1rem;--eui-f-size-l:1.125rem;--eui-f-size-xl:1.25rem;--eui-f-size-2xl:1.375rem;--eui-f-size-3xl:1.5rem;--eui-f-size-4xl:1.75rem;--eui-f-size-5xl:2rem;--eui-f-size-6xl:2.25rem;--eui-f-size-7xl:2.5rem;--eui-f-size-8xl:3.25rem;--eui-f-size-9xl:3.75rem;--eui-f-size-10xl:4.5rem;--eui-f-line-height-2xs:0.875rem;--eui-f-line-height-xs:0.875rem;--eui-f-line-height-s:1.2rem;--eui-f-line-height-m:1.5rem;--eui-f-line-height-l:1.75rem;--eui-f-line-height-xl:1.75rem;--eui-f-line-height-2xl:2rem;--eui-f-line-height-3xl:2.25rem;--eui-f-line-height-4xl:2.25rem;--eui-f-line-height-5xl:2.75rem;--eui-f-line-height-6xl:3rem;--eui-f-line-height-7xl:3rem;--eui-f-line-height-8xl:3.75rem;--eui-f-line-height-9xl:4.25rem;--eui-f-line-height-10xl:4.875rem;--eui-f-weight-light:300;--eui-f-weight-regular:400;--eui-f-weight-medium:500;--eui-f-weight-semi-bold:600;--eui-f-weight-bold:700;--eui-s-none:0;--eui-s-5xs:0.0625rem;--eui-s-4xs:0.125rem;--eui-s-3xs:0.25rem;--eui-s-2xs:0.375rem;--eui-s-xs:0.5rem;--eui-s-s:0.75rem;--eui-s-m:1rem;--eui-s-l:1.25rem;--eui-s-xl:1.5rem;--eui-s-2xl:1.75rem;--eui-s-3xl:2rem;--eui-s-4xl:2.25rem;--eui-s-5xl:2.5rem;--eui-s-6xl:3rem;--eui-s-7xl:3.5rem;--eui-s-8xl:4rem;--eui-s-9xl:4.5rem;--eui-s-10xl:5rem;--eui-br-none:0;--eui-br-s:2px;--eui-br-m:4px;--eui-br-l:6px;--eui-br-xl:8px;--eui-br-max:999px;--eui-bp-xs:0;--eui-bp-sm:480px;--eui-bp-md:768px;--eui-bp-lg:996px;--eui-bp-xl:1140px;--eui-bp-xxl:1440px;--eui-bp-fhd:1920px;--eui-bp-2k:2560px;--eui-bp-4k:3840px;--eui-bw-none:0;--eui-bw-xs:1px;--eui-bw-s:2px;--eui-bw-m:4px;--eui-sh-0:none;--eui-sh-1:0 0 0.5px 0.5px rgba(24,39,75,.08),0 6px 12px 0 rgba(24,39,75,.08);--eui-sh-2:0 0 0.5px 0.5px rgba(24,39,75,.08),0 10px 22px 0 rgba(24,39,75,.1);--eui-sh-3:0 0 0.5px 0.5px rgba(24,39,75,.08),0 18px 52px 0 rgba(24,39,75,.14);--eui-sh-4:0 0 0.5px 0.5px rgba(24,39,75,.08),0 14px 42px 0 rgba(24,39,75,.12);--eui-sh-5:0 0 0.5px 0.5px rgba(24,39,75,.08),0 18px 52px 0 rgba(24,39,75,.14);--eui-is-2xs:0.75rem;--eui-is-xs:1rem;--eui-is-s:1.25rem;--eui-is-m:1.5rem;--eui-is-l:2rem;--eui-is-xl:2.5rem;--eui-is-2xl:3rem;--eui-is-3xl:3.5rem;--eui-is-4xl:4rem;--eui-is-fluid:1em;--eui-o-none:0;--eui-o-25:0.25;--eui-o-50:0.5;--eui-o-75:0.75;--eui-o-100:1;--eui-zi-auto:auto;--eui-zi-zero:0;--eui-zi-root:1;--eui-zi-input-maxlength:2;--eui-zi-clearable-icon:3;--eui-zi-breadcrumb:9;--eui-zi-header:10;--eui-zi-top-message:12;--eui-zi-nav:15;--eui-zi-loading-indicator:20;--eui-zi-cdk-overlay-pane:999;--eui-zi-logo:1000;--eui-zi-sticky:1040;--eui-zi-sidebar:1044;--eui-zi-overlay:1045;--eui-zi-btn-floating:1046;--eui-zi-highlighted:1047;--eui-zi-footer-action-bar:1048;--eui-zi-modal-backdrop:1049;--eui-zi-modal:1050;--eui-zi-menu:1060;--eui-zi-tooltip:1070;--eui-zi-max:9999;--eui-zi-cdk-overlay-container:10000;--eui-zi-block-document:10010;--eui-zi-growl-message:99999;--eui-internal-icon-checkmark-path:url(@eui/styles/dist/assets/icons/eui-internals/check.svg);--eui-internal-icon-remove-path:url(@eui/styles/dist/assets/icons/eui-internals/remove.svg);--eui-internal-icon-ellipse-path:url(@eui/styles/dist/assets/icons/eui-internals/ellipse.svg);--eui-internal-icon-external-path:url(@eui/styles/dist/assets/icons/eui-internals/external.svg);--eui-internal-icon-chevron-down-path:url(@eui/styles/dist/assets/icons/eui-internals/chevron-down.svg);--eui-base-line-height:1.5;--eui-base-scale-factor:1;--eui-base-animation-linear-out-slow-in-timing-function:cubic-bezier(0,0,0.2,1);--eui-base-animation-fast-out-slow-in-timing-function:cubic-bezier(0.4,0,0.2,1);--eui-base-animation-fast-out-linear-in-timing-function:cubic-bezier(0.4,0,1,1);--eui-base-animation-ease-timing-function:cubic-bezier(0.25,0.1,0.25,1);--eui-base-animation-ease-in-out-timing-function:ease-in-out;--eui-base-animation-duration-fast:0.25s;--eui-base-animation-duration-medium:0.5s;--eui-base-animation-duration-slow:1s;--eui-base-animation-duration-base:500ms;--eui-base-animation-duration:var(--eui-base-animation-duration-base);--eui-base-animation-transition-base:all 0.2s var(--eui-base-animation-linear-out-slow-in-timing-function);--eui-base-animation-transition-ease:all 0.2s var(--eui-base-animation-ease-timing-function);--eui-base-animation-transition-ease-in-out:all 0.2s var(--eui-base-animation-ease-in-out-timing-function);--eui-base-animation-transition-ease-in-out-1s:all 1s var(--eui-base-animation-ease-in-out-timing-function);--eui-base-animation-delay:0s;--eui-base-animation-direction:normal;--eui-base-animation-fill-mode:forwards;--eui-base-animation-background-color:var(--eui-c-primary-surface-light)}html{display:block;font-size:var(--eui-f-size-base)}body,html{height:100%;line-height:var(--eui-base-line-height)}body{background-color:var(--eui-c-surface-page);color:var(--eui-c-text);font-family:var(--eui-f-family);font-feature-settings:"liga";font-size:var(--eui-f-size-base);-moz-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:400;margin:0;text-align:start;text-rendering:optimizeLegibility}.eui-icon-svg{align-items:center;display:inline-flex;fill:currentColor;margin:0;transform:scaleX(1) scaleY(1) rotate(0deg);transition:transform .3s ease-in-out}.eui-icon-svg.eui-icon-svg--size-2xs svg,.eui-icon-svg.eui-icon-svg--size-2xs svg>image,.eui-icon-svg.eui-icon-svg--size-2xs.eui-icon-svg--stack svg{height:var(--eui-is-2xs);width:var(--eui-is-2xs)}.eui-icon-svg.eui-icon-svg--size-xs svg,.eui-icon-svg.eui-icon-svg--size-xs svg>image,.eui-icon-svg.eui-icon-svg--size-xs.eui-icon-svg--stack svg{height:var(--eui-is-xs);width:var(--eui-is-xs)}.eui-icon-svg.eui-icon-svg--size-s svg,.eui-icon-svg.eui-icon-svg--size-s svg>image,.eui-icon-svg.eui-icon-svg--size-s.eui-icon-svg--stack svg{height:var(--eui-is-s);width:var(--eui-is-s)}.eui-icon-svg.eui-icon-svg--size-m svg,.eui-icon-svg.eui-icon-svg--size-m svg>image,.eui-icon-svg.eui-icon-svg--size-m.eui-icon-svg--stack svg{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-icon-svg.eui-icon-svg--size-l svg,.eui-icon-svg.eui-icon-svg--size-l svg>image,.eui-icon-svg.eui-icon-svg--size-l.eui-icon-svg--stack svg{height:var(--eui-is-l);width:var(--eui-is-l)}.eui-icon-svg.eui-icon-svg--size-xl svg,.eui-icon-svg.eui-icon-svg--size-xl svg>image,.eui-icon-svg.eui-icon-svg--size-xl.eui-icon-svg--stack svg{height:var(--eui-is-xl);width:var(--eui-is-xl)}.eui-icon-svg.eui-icon-svg--size-2xl svg,.eui-icon-svg.eui-icon-svg--size-2xl svg>image,.eui-icon-svg.eui-icon-svg--size-2xl.eui-icon-svg--stack svg{height:var(--eui-is-2xl);width:var(--eui-is-2xl)}.eui-icon-svg.eui-icon-svg--size-3xl svg,.eui-icon-svg.eui-icon-svg--size-3xl svg>image,.eui-icon-svg.eui-icon-svg--size-3xl.eui-icon-svg--stack svg{height:var(--eui-is-3xl);width:var(--eui-is-3xl)}.eui-icon-svg.eui-icon-svg--size-4xl svg,.eui-icon-svg.eui-icon-svg--size-4xl svg>image,.eui-icon-svg.eui-icon-svg--size-4xl.eui-icon-svg--stack svg{height:var(--eui-is-4xl);width:var(--eui-is-4xl)}.eui-icon-svg.eui-icon-svg--size-fluid svg,.eui-icon-svg.eui-icon-svg--size-fluid svg>image,.eui-icon-svg.eui-icon-svg--size-fluid.eui-icon-svg--stack svg{height:var(--eui-is-fluid);width:var(--eui-is-fluid)}.eui-icon-svg .eui-badge,.eui-icon-svg .eui-badge--size-m{left:40%;position:absolute;top:-40%}.eui-icon-svg .eui-badge--empty{left:70%;top:-5%}.eui-icon-svg--size-l .eui-badge--size-s{left:70%}.eui-button .eui-badge{height:inherit}
|
package/dist/eui-base.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../base/00-reset/index.scss","../base/03-vars/vars.scss","../base/04-elements/index.scss","../base/05-assets/icons/index.scss"],"names":[],"mappings":"AAAA;AAEA;AAAA;AAGA;AAAA;AAAA;AAAA;AAKC;EACG;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;EAGE;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA,QACQ;EACN;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA,SACS;EACP;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;EAEE;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;ACxVJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EAII;EAIQ;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA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A;EACA;;;ACnBJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAOY;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAapB;AAAA;EAEI;EACA;EACA;;AAGJ;EACI;EACA;;;AAKJ;EACI;;;AAMJ;EACI","file":"eui-base.css","sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\n html {\n line-height: var(--eui-base-line-height); /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n }\n\n /* Sections\n ========================================================================== */\n\n /**\n * Remove the margin in all browsers.\n */\n\n body {\n margin: 0;\n }\n\n /**\n * Render the `main` element consistently in IE.\n */\n\n main {\n display: block;\n }\n\n /**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\n h1 {\n font-size: 2em;\n margin: 0.67em 0;\n }\n\n /* Grouping content\n ========================================================================== */\n\n /**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\n hr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n }\n\n /**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\n pre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n }\n\n /* Text-level semantics\n ========================================================================== */\n\n /**\n * Remove the gray background on active links in IE 10.\n */\n\n a {\n background-color: transparent;\n }\n\n /**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\n abbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n }\n\n /**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\n b,\n strong {\n font-weight: bolder;\n }\n\n /**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\n code,\n kbd,\n samp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n }\n\n /**\n * Add the correct font size in all browsers.\n */\n\n small {\n font-size: 80%;\n }\n\n /**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\n sub,\n sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n\n sub {\n bottom: -0.25em;\n }\n\n sup {\n top: -0.5em;\n }\n\n /* Embedded content\n ========================================================================== */\n\n /**\n * Remove the border on images inside links in IE 10.\n */\n\n img {\n border-style: none;\n }\n\n /* Forms\n ========================================================================== */\n\n /**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\n button,\n input,\n optgroup,\n select,\n textarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1; /* 1 */ // eUI adapations forced to \"1\"\n margin: 0; /* 2 */\n }\n\n /**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\n button,\n input { /* 1 */\n overflow: visible;\n }\n\n /**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\n button,\n select { /* 1 */\n text-transform: none;\n }\n\n /**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\n button,\n [type=\"button\"],\n [type=\"reset\"],\n [type=\"submit\"] {\n -webkit-appearance: button;\n }\n\n /**\n * Remove the inner border and padding in Firefox.\n */\n\n button::-moz-focus-inner,\n [type=\"button\"]::-moz-focus-inner,\n [type=\"reset\"]::-moz-focus-inner,\n [type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n }\n\n /**\n * Restore the focus styles unset by the previous rule.\n */\n\n button:-moz-focusring,\n [type=\"button\"]:-moz-focusring,\n [type=\"reset\"]:-moz-focusring,\n [type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n }\n\n /**\n * Correct the padding in Firefox.\n */\n\n fieldset {\n padding: 0.35em 0.75em 0.625em;\n }\n\n /**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\n legend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n }\n\n /**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\n progress {\n vertical-align: baseline;\n }\n\n /**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\n textarea {\n overflow: auto;\n }\n\n /**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n [type=\"checkbox\"],\n [type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n }\n\n /**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n [type=\"number\"]::-webkit-inner-spin-button,\n [type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n }\n\n /**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n [type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n }\n\n /**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n [type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n /**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n ::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n }\n\n /* Interactive\n ========================================================================== */\n\n /*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\n details {\n display: block;\n }\n\n /*\n * Add the correct display in all browsers.\n */\n\n summary {\n display: list-item;\n }\n\n /* Misc\n ========================================================================== */\n\n /**\n * Add the correct display in IE 10+.\n */\n\n template {\n display: none;\n }\n\n /**\n * Add the correct display in IE 10.\n */\n\n [hidden] {\n display: none;\n }\n","@use '../01-base' as base;\n@use '../02-tokens/maps' as maps;\n\n@font-face {\n font-family: 'Inter';\n src: url('#{base.$eui-assets-base-path}/fonts/inter/InterVariable.woff2') format('woff2');\n font-weight: 100 900;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'Inter';\n src: url('#{base.$eui-assets-base-path}/fonts/inter//InterVariable-Italic.woff2') format('woff2');\n font-weight: 100 900;\n font-display: swap;\n font-style: italic;\n}\n\n:root {\n // COLOR BASE - eui-bc\n // -------------------\n\n --eui-bc-transparent: transparent;\n\n @each $color, $shades in maps.$color-map {\n @each $shade, $value in $shades {\n --eui-bc-#{$color + '-' + $shade}: #{$value};\n --eui-bc-#{$color + '-' + $shade}-contrast: #{base.getContrast($value)};\n }\n }\n\n // GENERIC CONTEXT COLORS\n // ----------------------\n\n // generic context colors reused accross components\n --eui-c-white: #fff;\n --eui-c-black: #000;\n\n --eui-c-secondary-min: var(--eui-bc-grn-10);\n --eui-c-secondary-max: var(--eui-bc-grn-950);\n\n --eui-c-surface-page: var(--eui-bc-grn-10);\n --eui-c-surface-container: var(--eui-c-white);\n\n --eui-c-surface-shell: var(--eui-bc-grn-50);\n --eui-c-surface-container-1: var(--eui-bc-grn-75);\n --eui-c-surface-container-2: var(--eui-bc-grn-100);\n --eui-c-surface-container-3: var(--eui-bc-grn-200);\n\n --eui-c-text: var(--eui-bc-gr-950);\n --eui-c-text-light: var(--eui-bc-gr-800);\n --eui-c-text-lighter: var(--eui-bc-gr-700);\n --eui-c-text-lightest: var(--eui-bc-gr-600);\n\n --eui-c-focus-visible: var(--eui-bc-pr-600);\n --eui-c-focus: var(--eui-bc-pr-200);\n \n --eui-c-hover: var(--eui-bc-pr-75);\n --eui-c-hover-disabled: var(--eui-bc-gr-100);\n\n --eui-c-active: var(--eui-bc-pr-600);\n --eui-c-active-bg: var(--eui-bc-pr-200);\n --eui-c-active-bg-alt: var(--eui-bc-pr-300);\n --eui-c-active-bg-light: var(--eui-bc-pr-100);\n\n --eui-c-disabled: var(--eui-bc-gr-500);\n --eui-c-disabled-bg: var(--eui-bc-gr-50);\n --eui-c-readonly: var(--eui-bc-gr-600);\n\n --eui-c-link: var(--eui-bc-pr-600);\n\n --eui-c-divider: var(--eui-bc-gr-200);\n --eui-c-divider-light: var(--eui-bc-gr-100);\n\n\n // CONTEXT COLORS FROM PALETTES\n // ----------------------------\n\n @each $color, $shades in maps.$color-state-map {\n @each $shade, $value in $shades {\n @if $shade == default {\n --eui-c-#{$color}: var(--eui-bc-#{$value});\n } @else if $shade == on-default {\n --eui-c-on-#{$color}: var(--eui-bc-#{$value});\n } @else {\n --eui-c-#{$color + '-' + $shade}: var(--eui-bc-#{$value});\n }\n }\n }\n\n\n // TYPOGRAPHY - eui-f\n // ------------------\n\n // TYPOGRAPHY\n --eui-f-family: 'Inter', arial, sans-serif;\n\n // font families\n --eui-f-family-monospace: 'Consolas', 'Liberation Mono', 'Courier New', monospace;\n\n // font sizes\n --eui-f-size-base: 16px;\n\n // font aliases\n --eui-f: var(--eui-f-m);\n --eui-f-medium: var(--eui-f-m-medium);\n --eui-f-semi-bold: var(--eui-f-m-semi-bold);\n --eui-f-bold: var(--eui-f-m-bold);\n\n\n // based on new EDS specs, but not convenient, better to have a flat list of sizes rather than too much semantic and overlaps\n // responsive fonts\n // @each $font, $fontDef in maps.$font-map-responsive {\n // @each $size, $sizeDef in $fontDef {\n // $desktop: map-get($sizeDef, 'desktop');\n // $tablet: map-get($sizeDef, 'tablet');\n // $mobile: map-get($sizeDef, 'mobile');\n\n // @each $type, $def in $desktop {\n // --eui-f-#{$font}-#{$size}-#{$type}: #{$def};\n // }\n // @each $type, $def in $tablet {\n // --eui-f-#{$font}-#{$size}-tablet-#{$type}: #{$def};\n // }\n // @each $type, $def in $mobile {\n // --eui-f-#{$font}-#{$size}-mobile-#{$type}: #{$def};\n // }\n // --eui-f-#{$font}-#{$size}-regular: normal normal var(--eui-f-weight-regular) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-medium: normal normal var(--eui-f-weight-medium) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-semi-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n\n // --eui-f-#{$font}-#{$size}-tablet-regular: normal normal var(--eui-f-weight-regular) var(--eui-f-#{$font}-#{$size}-tablet-size)/var(--eui-f-#{$font}-#{$size}-tablet-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-tablet-medium: normal normal var(--eui-f-weight-medium) var(--eui-f-#{$font}-#{$size}-tablet-size)/var(--eui-f-#{$font}-#{$size}-tablet-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-tablet-semi-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-tablet-size)/var(--eui-f-#{$font}-#{$size}-tablet-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-tablet-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-tablet-size)/var(--eui-f-#{$font}-#{$size}-tablet-line-height) var(--eui-f-family);\n\n // --eui-f-#{$font}-#{$size}-mobile-regular: normal normal var(--eui-f-weight-regular) var(--eui-f-#{$font}-#{$size}-mobile-size)/var(--eui-f-#{$font}-#{$size}-mobile-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-mobile-medium: normal normal var(--eui-f-weight-medium) var(--eui-f-#{$font}-#{$size}-mobile-size)/var(--eui-f-#{$font}-#{$size}-mobile-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-mobile-semi-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-mobile-size)/var(--eui-f-#{$font}-#{$size}-mobile-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-mobile-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-mobile-size)/var(--eui-f-#{$font}-#{$size}-mobile-line-height) var(--eui-f-family);\n // }\n // }\n\n // @include base.media(maps.$eui-bkp-tablet) {\n // @each $font, $fontDef in maps.$font-map-responsive {\n // @each $size, $sizeDef in $fontDef {\n // --eui-f-#{$font}-#{$size}-regular: var(--eui-f-#{$font}-#{$size}-tablet-regular);\n // --eui-f-#{$font}-#{$size}-medium: var(--eui-f-#{$font}-#{$size}-tablet-medium);\n // --eui-f-#{$font}-#{$size}-semi-bold: var(--eui-f-#{$font}-#{$size}-tablet-semi-bold);\n // --eui-f-#{$font}-#{$size}-bold: var(--eui-f-#{$font}-#{$size}-tablet-bold);\n // }\n // } \n // }\n // @include base.media(maps.$eui-bkp-mobile) {\n // @each $font, $fontDef in maps.$font-map-responsive {\n // @each $size, $sizeDef in $fontDef {\n // --eui-f-#{$font}-#{$size}-regular: var(--eui-f-#{$font}-#{$size}-mobile-regular);\n // --eui-f-#{$font}-#{$size}-medium: var(--eui-f-#{$font}-#{$size}-mobile-medium);\n // --eui-f-#{$font}-#{$size}-semi-bold: var(--eui-f-#{$font}-#{$size}-mobile-semi-bold);\n // --eui-f-#{$font}-#{$size}-bold: var(--eui-f-#{$font}-#{$size}-mobile-bold);\n // }\n // } \n // }\n\n // // normal fonts (non-responsive)\n // @each $font, $fontDef in maps.$font-map {\n // @each $size, $sizeDef in $fontDef {\n // @each $type, $def in $sizeDef {\n // --eui-f-#{$font}-#{$size}-#{$type}: #{$def};\n // }\n // --eui-f-#{$font}-#{$size}-regular: normal normal var(--eui-f-weight-regular) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-medium: normal normal var(--eui-f-weight-medium) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-semi-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-bold: normal normal var(--eui-f-weight-bold) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n // }\n // }\n\n // eUI font maps\n @each $size in maps.$font-size-list {\n --eui-f-#{$size}-light: normal normal var(--eui-f-weight-light) var(--eui-f-size-#{$size})/var(--eui-f-line-height-#{$size}) var(--eui-f-family);\n --eui-f-#{$size}: normal normal var(--eui-f-weight-regular) var(--eui-f-size-#{$size})/var(--eui-f-line-height-#{$size}) var(--eui-f-family);\n --eui-f-#{$size}-medium: normal normal var(--eui-f-weight-medium) var(--eui-f-size-#{$size})/var(--eui-f-line-height-#{$size}) var(--eui-f-family);\n --eui-f-#{$size}-semi-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-#{$size})/var(--eui-f-line-height-#{$size}) var(--eui-f-family);\n --eui-f-#{$size}-bold: normal normal var(--eui-f-weight-bold) var(--eui-f-size-#{$size})/var(--eui-f-line-height-#{$size}) var(--eui-f-family);\n }\n\n @each $size, $def in maps.$font-size-map {\n --eui-f-size-#{$size}: #{$def};\n }\n\n @each $size, $def in maps.$font-line-height-map {\n --eui-f-line-height-#{$size}: #{$def};\n }\n\n @each $size, $def in maps.$font-weight-map {\n --eui-f-weight-#{$size}: #{$def};\n }\n\n\n // SPACING - eui-s\n // ---------------\n\n @each $spacing, $value in maps.$spacing-map {\n --eui-s-#{$spacing}: #{$value};\n }\n\n \n // BORDER RADIUS - eui-br\n // ----------------------\n\n @each $br, $value in maps.$border-radius-map {\n --eui-br-#{$br}: #{$value};\n }\n\n\n // LAYOUT-BREAKPOINTS - eui-bp\n // ---------------------------\n\n @each $bp, $value in maps.$breakpoint-map {\n --eui-bp-#{$bp}: #{$value};\n }\n\n\n // BORDER WIDTH - eui-bw\n // ---------------------\n\n @each $br, $value in maps.$border-width-map {\n --eui-bw-#{$br}: #{$value};\n }\n\n\n // BOX-SHADOWS - eui-sh\n // --------------------\n\n @each $sh, $value in maps.$box-shadow-map {\n --eui-sh-#{$sh}: #{$value};\n }\n\n\n // ICON-SIZES - eui-is\n // -------------------\n\n @each $icon-size, $value in maps.$icon-size-map {\n --eui-is-#{$icon-size}: #{$value};\n }\n\n\n // OPACITY - eui-o\n // ---------------\n\n @each $idx, $value in maps.$opacity-map {\n --eui-o-#{$idx}: #{$value};\n }\n\n\n // Z-INDEXES - eui-zi\n // -------------------\n\n @each $idx, $value in maps.$z-index-map {\n --eui-zi-#{$idx}: #{$value};\n }\n\n\n // OTHERS \n // ------\n --eui-internal-icon-checkmark-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/check.svg');\n --eui-internal-icon-remove-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/remove.svg');\n --eui-internal-icon-ellipse-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/ellipse.svg');\n --eui-internal-icon-external-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/external.svg');\n --eui-internal-icon-chevron-down-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/chevron-down.svg'); \n\n --eui-base-line-height: 1.5;\n --eui-base-scale-factor: 1;\n\n // Animations related\n --eui-base-animation-linear-out-slow-in-timing-function: cubic-bezier(0, 0, 0.2, 1);\n --eui-base-animation-fast-out-slow-in-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --eui-base-animation-fast-out-linear-in-timing-function: cubic-bezier(0.4, 0, 1, 1);\n --eui-base-animation-ease-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); // ease\n --eui-base-animation-ease-in-out-timing-function: ease-in-out;\n\n --eui-base-animation-duration-fast: 0.25s;\n --eui-base-animation-duration-medium: 0.5s;\n --eui-base-animation-duration-slow: 1s;\n --eui-base-animation-duration-base: 500ms;\n --eui-base-animation-duration: var(--eui-base-animation-duration-base);\n\n --eui-base-animation-transition-base: all 0.2s #{var(--eui-base-animation-linear-out-slow-in-timing-function)};\n --eui-base-animation-transition-ease: all 0.2s #{var(--eui-base-animation-ease-timing-function)};\n --eui-base-animation-transition-ease-in-out: all 0.2s #{var(--eui-base-animation-ease-in-out-timing-function)};\n --eui-base-animation-transition-ease-in-out-1s: all 1s #{var(--eui-base-animation-ease-in-out-timing-function)};\n\n --eui-base-animation-delay: 0s;\n --eui-base-animation-direction: normal;\n --eui-base-animation-fill-mode: forwards; // this prevents the animation from restarting\n --eui-base-animation-background-color: var(--eui-c-primary-surface-light);\n}","html {\n display: block;\n height: 100%;\n font-size: var(--eui-f-size-base);\n line-height: var(--eui-base-line-height);\n}\n\nbody {\n background-color: var(--eui-c-surface-page);\n color: var(--eui-c-text);\n font-family: var(--eui-f-family);\n font-feature-settings: 'liga';\n font-size: var(--eui-f-size-base);\n -moz-font-smoothing: antialiased;\n -webkit-font-smoothing: antialiased;\n font-style: normal;\n font-weight: normal;\n height: 100%;\n line-height: var(--eui-base-line-height);\n margin: 0;\n text-align: start;\n text-rendering: optimizeLegibility;\n}\n","@use '../../02-tokens/maps' as tokens;\n\n.eui-icon-svg {\n fill: currentColor;\n margin: 0;\n transform: scaleX(1) scaleY(1) rotateZ(0deg);\n transition: transform 300ms ease-in-out;\n display: inline-flex;\n align-items: center;\n}\n\n@each $icon-size, $value in tokens.$icon-size-map {\n .eui-icon-svg {\n &.eui-icon-svg--size {\n &-#{$icon-size} {\n svg {\n height: var(--eui-is-#{$icon-size});\n width: var(--eui-is-#{$icon-size});\n\n // Custom icons\n > image {\n height: var(--eui-is-#{$icon-size});\n width: var(--eui-is-#{$icon-size});\n }\n }\n\n &.eui-icon-svg--stack {\n svg {\n height: var(--eui-is-#{$icon-size});\n width: var(--eui-is-#{$icon-size});\n }\n }\n }\n }\n }\n}\n\n\n\n\n// COMPOSITION: ICON + BADGE\n.eui-icon-svg {\n .eui-badge,\n .eui-badge--size-m {\n position: absolute;\n left: 40%;\n top: -40%;\n }\n\n .eui-badge--empty {\n left: 70%;\n top: -5%\n }\n}\n\n.eui-icon-svg--size-l {\n .eui-badge--size-s {\n left: 70%;\n }\n}\n\n// COMPOSITION: BUTTON + BADGE\n.eui-button {\n .eui-badge {\n height: inherit;\n }\n}\n"]}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../base/00-reset/index.scss","../base/03-vars/vars.scss","../base/04-elements/index.scss","../base/05-assets/icons/index.scss"],"names":[],"mappings":"AAAA;AAEA;AAAA;AAGA;AAAA;AAAA;AAAA;AAKC;EACG;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;EAGE;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA,QACQ;EACN;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA,SACS;EACP;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;EAEE;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;ACxVJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EAII;EAIQ;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA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","file":"eui-base.css","sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\n html {\n line-height: var(--eui-base-line-height); /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n }\n\n /* Sections\n ========================================================================== */\n\n /**\n * Remove the margin in all browsers.\n */\n\n body {\n margin: 0;\n }\n\n /**\n * Render the `main` element consistently in IE.\n */\n\n main {\n display: block;\n }\n\n /**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\n h1 {\n font-size: 2em;\n margin: 0.67em 0;\n }\n\n /* Grouping content\n ========================================================================== */\n\n /**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\n hr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n }\n\n /**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\n pre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n }\n\n /* Text-level semantics\n ========================================================================== */\n\n /**\n * Remove the gray background on active links in IE 10.\n */\n\n a {\n background-color: transparent;\n }\n\n /**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\n abbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n }\n\n /**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\n b,\n strong {\n font-weight: bolder;\n }\n\n /**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\n code,\n kbd,\n samp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n }\n\n /**\n * Add the correct font size in all browsers.\n */\n\n small {\n font-size: 80%;\n }\n\n /**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\n sub,\n sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n\n sub {\n bottom: -0.25em;\n }\n\n sup {\n top: -0.5em;\n }\n\n /* Embedded content\n ========================================================================== */\n\n /**\n * Remove the border on images inside links in IE 10.\n */\n\n img {\n border-style: none;\n }\n\n /* Forms\n ========================================================================== */\n\n /**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\n button,\n input,\n optgroup,\n select,\n textarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1; /* 1 */ // eUI adapations forced to \"1\"\n margin: 0; /* 2 */\n }\n\n /**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\n button,\n input { /* 1 */\n overflow: visible;\n }\n\n /**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\n button,\n select { /* 1 */\n text-transform: none;\n }\n\n /**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\n button,\n [type=\"button\"],\n [type=\"reset\"],\n [type=\"submit\"] {\n -webkit-appearance: button;\n }\n\n /**\n * Remove the inner border and padding in Firefox.\n */\n\n button::-moz-focus-inner,\n [type=\"button\"]::-moz-focus-inner,\n [type=\"reset\"]::-moz-focus-inner,\n [type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n }\n\n /**\n * Restore the focus styles unset by the previous rule.\n */\n\n button:-moz-focusring,\n [type=\"button\"]:-moz-focusring,\n [type=\"reset\"]:-moz-focusring,\n [type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n }\n\n /**\n * Correct the padding in Firefox.\n */\n\n fieldset {\n padding: 0.35em 0.75em 0.625em;\n }\n\n /**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\n legend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n }\n\n /**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\n progress {\n vertical-align: baseline;\n }\n\n /**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\n textarea {\n overflow: auto;\n }\n\n /**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n [type=\"checkbox\"],\n [type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n }\n\n /**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n [type=\"number\"]::-webkit-inner-spin-button,\n [type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n }\n\n /**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n [type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n }\n\n /**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n [type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n /**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n ::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n }\n\n /* Interactive\n ========================================================================== */\n\n /*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\n details {\n display: block;\n }\n\n /*\n * Add the correct display in all browsers.\n */\n\n summary {\n display: list-item;\n }\n\n /* Misc\n ========================================================================== */\n\n /**\n * Add the correct display in IE 10+.\n */\n\n template {\n display: none;\n }\n\n /**\n * Add the correct display in IE 10.\n */\n\n [hidden] {\n display: none;\n }\n","@use '../01-base' as base;\n@use '../02-tokens/maps' as maps;\n\n@font-face {\n font-family: 'Inter';\n src: url('#{base.$eui-assets-base-path}/fonts/inter/InterVariable.woff2') format('woff2');\n font-weight: 100 900;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'Inter';\n src: url('#{base.$eui-assets-base-path}/fonts/inter//InterVariable-Italic.woff2') format('woff2');\n font-weight: 100 900;\n font-display: swap;\n font-style: italic;\n}\n\n:root {\n // COLOR BASE - eui-bc\n // -------------------\n\n --eui-bc-transparent: transparent;\n\n @each $color, $shades in maps.$color-map {\n @each $shade, $value in $shades {\n --eui-bc-#{$color + '-' + $shade}: #{$value};\n --eui-bc-#{$color + '-' + $shade}-contrast: #{base.getContrast($value)};\n }\n }\n\n // GENERIC CONTEXT COLORS\n // ----------------------\n\n // generic context colors reused accross components\n --eui-c-white: #fff;\n --eui-c-black: #000;\n\n --eui-c-secondary-min: var(--eui-bc-grn-10);\n --eui-c-secondary-max: var(--eui-bc-grn-950);\n\n --eui-c-surface-page: var(--eui-bc-grn-25);\n --eui-c-surface-container: var(--eui-c-white);\n\n --eui-c-surface-shell: var(--eui-bc-grn-50);\n --eui-c-surface-container-1: var(--eui-bc-grn-75);\n --eui-c-surface-container-2: var(--eui-bc-grn-100);\n --eui-c-surface-container-3: var(--eui-bc-grn-200);\n\n --eui-c-text: var(--eui-bc-gr-950);\n --eui-c-text-light: var(--eui-bc-gr-800);\n --eui-c-text-lighter: var(--eui-bc-gr-700);\n --eui-c-text-lightest: var(--eui-bc-gr-600);\n\n --eui-c-focus-visible: var(--eui-bc-pr-600);\n --eui-c-focus: var(--eui-bc-pr-200);\n \n --eui-c-hover: var(--eui-bc-pr-75);\n --eui-c-hover-disabled: var(--eui-bc-gr-100);\n\n --eui-c-active: var(--eui-bc-pr-600);\n --eui-c-active-bg: var(--eui-bc-pr-200);\n --eui-c-active-bg-alt: var(--eui-bc-pr-300);\n --eui-c-active-bg-light: var(--eui-bc-pr-100);\n\n --eui-c-disabled: var(--eui-bc-gr-500);\n --eui-c-disabled-bg: var(--eui-bc-gr-50);\n --eui-c-readonly: var(--eui-bc-gr-600);\n\n --eui-c-link: var(--eui-bc-pr-600);\n\n --eui-c-divider: var(--eui-bc-gr-100);\n --eui-c-divider-light: var(--eui-bc-gr-75);\n\n\n // CONTEXT COLORS FROM PALETTES\n // ----------------------------\n\n @each $color, $shades in maps.$color-state-map {\n @each $shade, $value in $shades {\n @if $shade == default {\n --eui-c-#{$color}: var(--eui-bc-#{$value});\n } @else if $shade == on-default {\n --eui-c-on-#{$color}: var(--eui-bc-#{$value});\n } @else {\n --eui-c-#{$color + '-' + $shade}: var(--eui-bc-#{$value});\n }\n }\n }\n\n\n // TYPOGRAPHY - eui-f\n // ------------------\n\n // TYPOGRAPHY\n --eui-f-family: 'Inter', arial, sans-serif;\n\n // font families\n --eui-f-family-monospace: 'Consolas', 'Liberation Mono', 'Courier New', monospace;\n\n // font sizes\n --eui-f-size-base: 16px;\n\n // font aliases\n --eui-f: var(--eui-f-m);\n --eui-f-medium: var(--eui-f-m-medium);\n --eui-f-semi-bold: var(--eui-f-m-semi-bold);\n --eui-f-bold: var(--eui-f-m-bold);\n\n\n // based on new EDS specs, but not convenient, better to have a flat list of sizes rather than too much semantic and overlaps\n // responsive fonts\n // @each $font, $fontDef in maps.$font-map-responsive {\n // @each $size, $sizeDef in $fontDef {\n // $desktop: map-get($sizeDef, 'desktop');\n // $tablet: map-get($sizeDef, 'tablet');\n // $mobile: map-get($sizeDef, 'mobile');\n\n // @each $type, $def in $desktop {\n // --eui-f-#{$font}-#{$size}-#{$type}: #{$def};\n // }\n // @each $type, $def in $tablet {\n // --eui-f-#{$font}-#{$size}-tablet-#{$type}: #{$def};\n // }\n // @each $type, $def in $mobile {\n // --eui-f-#{$font}-#{$size}-mobile-#{$type}: #{$def};\n // }\n // --eui-f-#{$font}-#{$size}-regular: normal normal var(--eui-f-weight-regular) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-medium: normal normal var(--eui-f-weight-medium) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-semi-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n\n // --eui-f-#{$font}-#{$size}-tablet-regular: normal normal var(--eui-f-weight-regular) var(--eui-f-#{$font}-#{$size}-tablet-size)/var(--eui-f-#{$font}-#{$size}-tablet-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-tablet-medium: normal normal var(--eui-f-weight-medium) var(--eui-f-#{$font}-#{$size}-tablet-size)/var(--eui-f-#{$font}-#{$size}-tablet-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-tablet-semi-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-tablet-size)/var(--eui-f-#{$font}-#{$size}-tablet-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-tablet-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-tablet-size)/var(--eui-f-#{$font}-#{$size}-tablet-line-height) var(--eui-f-family);\n\n // --eui-f-#{$font}-#{$size}-mobile-regular: normal normal var(--eui-f-weight-regular) var(--eui-f-#{$font}-#{$size}-mobile-size)/var(--eui-f-#{$font}-#{$size}-mobile-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-mobile-medium: normal normal var(--eui-f-weight-medium) var(--eui-f-#{$font}-#{$size}-mobile-size)/var(--eui-f-#{$font}-#{$size}-mobile-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-mobile-semi-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-mobile-size)/var(--eui-f-#{$font}-#{$size}-mobile-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-mobile-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-mobile-size)/var(--eui-f-#{$font}-#{$size}-mobile-line-height) var(--eui-f-family);\n // }\n // }\n\n // @include base.media(maps.$eui-bkp-tablet) {\n // @each $font, $fontDef in maps.$font-map-responsive {\n // @each $size, $sizeDef in $fontDef {\n // --eui-f-#{$font}-#{$size}-regular: var(--eui-f-#{$font}-#{$size}-tablet-regular);\n // --eui-f-#{$font}-#{$size}-medium: var(--eui-f-#{$font}-#{$size}-tablet-medium);\n // --eui-f-#{$font}-#{$size}-semi-bold: var(--eui-f-#{$font}-#{$size}-tablet-semi-bold);\n // --eui-f-#{$font}-#{$size}-bold: var(--eui-f-#{$font}-#{$size}-tablet-bold);\n // }\n // } \n // }\n // @include base.media(maps.$eui-bkp-mobile) {\n // @each $font, $fontDef in maps.$font-map-responsive {\n // @each $size, $sizeDef in $fontDef {\n // --eui-f-#{$font}-#{$size}-regular: var(--eui-f-#{$font}-#{$size}-mobile-regular);\n // --eui-f-#{$font}-#{$size}-medium: var(--eui-f-#{$font}-#{$size}-mobile-medium);\n // --eui-f-#{$font}-#{$size}-semi-bold: var(--eui-f-#{$font}-#{$size}-mobile-semi-bold);\n // --eui-f-#{$font}-#{$size}-bold: var(--eui-f-#{$font}-#{$size}-mobile-bold);\n // }\n // } \n // }\n\n // // normal fonts (non-responsive)\n // @each $font, $fontDef in maps.$font-map {\n // @each $size, $sizeDef in $fontDef {\n // @each $type, $def in $sizeDef {\n // --eui-f-#{$font}-#{$size}-#{$type}: #{$def};\n // }\n // --eui-f-#{$font}-#{$size}-regular: normal normal var(--eui-f-weight-regular) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-medium: normal normal var(--eui-f-weight-medium) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-semi-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-bold: normal normal var(--eui-f-weight-bold) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n // }\n // }\n\n // eUI font maps\n @each $size in maps.$font-size-list {\n --eui-f-#{$size}-light: normal normal var(--eui-f-weight-light) var(--eui-f-size-#{$size})/var(--eui-f-line-height-#{$size}) var(--eui-f-family);\n --eui-f-#{$size}: normal normal var(--eui-f-weight-regular) var(--eui-f-size-#{$size})/var(--eui-f-line-height-#{$size}) var(--eui-f-family);\n --eui-f-#{$size}-medium: normal normal var(--eui-f-weight-medium) var(--eui-f-size-#{$size})/var(--eui-f-line-height-#{$size}) var(--eui-f-family);\n --eui-f-#{$size}-semi-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-#{$size})/var(--eui-f-line-height-#{$size}) var(--eui-f-family);\n --eui-f-#{$size}-bold: normal normal var(--eui-f-weight-bold) var(--eui-f-size-#{$size})/var(--eui-f-line-height-#{$size}) var(--eui-f-family);\n }\n\n @each $size, $def in maps.$font-size-map {\n --eui-f-size-#{$size}: #{$def};\n }\n\n @each $size, $def in maps.$font-line-height-map {\n --eui-f-line-height-#{$size}: #{$def};\n }\n\n @each $size, $def in maps.$font-weight-map {\n --eui-f-weight-#{$size}: #{$def};\n }\n\n\n // SPACING - eui-s\n // ---------------\n\n @each $spacing, $value in maps.$spacing-map {\n --eui-s-#{$spacing}: #{$value};\n }\n\n \n // BORDER RADIUS - eui-br\n // ----------------------\n\n @each $br, $value in maps.$border-radius-map {\n --eui-br-#{$br}: #{$value};\n }\n\n\n // LAYOUT-BREAKPOINTS - eui-bp\n // ---------------------------\n\n @each $bp, $value in maps.$breakpoint-map {\n --eui-bp-#{$bp}: #{$value};\n }\n\n\n // BORDER WIDTH - eui-bw\n // ---------------------\n\n @each $br, $value in maps.$border-width-map {\n --eui-bw-#{$br}: #{$value};\n }\n\n\n // BOX-SHADOWS - eui-sh\n // --------------------\n\n @each $sh, $value in maps.$box-shadow-map {\n --eui-sh-#{$sh}: #{$value};\n }\n\n\n // ICON-SIZES - eui-is\n // -------------------\n\n @each $icon-size, $value in maps.$icon-size-map {\n --eui-is-#{$icon-size}: #{$value};\n }\n\n\n // OPACITY - eui-o\n // ---------------\n\n @each $idx, $value in maps.$opacity-map {\n --eui-o-#{$idx}: #{$value};\n }\n\n\n // Z-INDEXES - eui-zi\n // -------------------\n\n @each $idx, $value in maps.$z-index-map {\n --eui-zi-#{$idx}: #{$value};\n }\n\n\n // OTHERS \n // ------\n --eui-internal-icon-checkmark-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/check.svg');\n --eui-internal-icon-remove-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/remove.svg');\n --eui-internal-icon-ellipse-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/ellipse.svg');\n --eui-internal-icon-external-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/external.svg');\n --eui-internal-icon-chevron-down-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/chevron-down.svg'); \n\n --eui-base-line-height: 1.5;\n --eui-base-scale-factor: 1;\n\n // Animations related\n --eui-base-animation-linear-out-slow-in-timing-function: cubic-bezier(0, 0, 0.2, 1);\n --eui-base-animation-fast-out-slow-in-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --eui-base-animation-fast-out-linear-in-timing-function: cubic-bezier(0.4, 0, 1, 1);\n --eui-base-animation-ease-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); // ease\n --eui-base-animation-ease-in-out-timing-function: ease-in-out;\n\n --eui-base-animation-duration-fast: 0.25s;\n --eui-base-animation-duration-medium: 0.5s;\n --eui-base-animation-duration-slow: 1s;\n --eui-base-animation-duration-base: 500ms;\n --eui-base-animation-duration: var(--eui-base-animation-duration-base);\n\n --eui-base-animation-transition-base: all 0.2s #{var(--eui-base-animation-linear-out-slow-in-timing-function)};\n --eui-base-animation-transition-ease: all 0.2s #{var(--eui-base-animation-ease-timing-function)};\n --eui-base-animation-transition-ease-in-out: all 0.2s #{var(--eui-base-animation-ease-in-out-timing-function)};\n --eui-base-animation-transition-ease-in-out-1s: all 1s #{var(--eui-base-animation-ease-in-out-timing-function)};\n\n --eui-base-animation-delay: 0s;\n --eui-base-animation-direction: normal;\n --eui-base-animation-fill-mode: forwards; // this prevents the animation from restarting\n --eui-base-animation-background-color: var(--eui-c-primary-surface-light);\n}","html {\n display: block;\n height: 100%;\n font-size: var(--eui-f-size-base);\n line-height: var(--eui-base-line-height);\n}\n\nbody {\n background-color: var(--eui-c-surface-page);\n color: var(--eui-c-text);\n font-family: var(--eui-f-family);\n font-feature-settings: 'liga';\n font-size: var(--eui-f-size-base);\n -moz-font-smoothing: antialiased;\n -webkit-font-smoothing: antialiased;\n font-style: normal;\n font-weight: normal;\n height: 100%;\n line-height: var(--eui-base-line-height);\n margin: 0;\n text-align: start;\n text-rendering: optimizeLegibility;\n}\n","@use '../../02-tokens/maps' as tokens;\n\n.eui-icon-svg {\n fill: currentColor;\n margin: 0;\n transform: scaleX(1) scaleY(1) rotateZ(0deg);\n transition: transform 300ms ease-in-out;\n display: inline-flex;\n align-items: center;\n}\n\n@each $icon-size, $value in tokens.$icon-size-map {\n .eui-icon-svg {\n &.eui-icon-svg--size {\n &-#{$icon-size} {\n svg {\n height: var(--eui-is-#{$icon-size});\n width: var(--eui-is-#{$icon-size});\n\n // Custom icons\n > image {\n height: var(--eui-is-#{$icon-size});\n width: var(--eui-is-#{$icon-size});\n }\n }\n\n &.eui-icon-svg--stack {\n svg {\n height: var(--eui-is-#{$icon-size});\n width: var(--eui-is-#{$icon-size});\n }\n }\n }\n }\n }\n}\n\n\n\n\n// COMPOSITION: ICON + BADGE\n.eui-icon-svg {\n .eui-badge,\n .eui-badge--size-m {\n position: absolute;\n left: 40%;\n top: -40%;\n }\n\n .eui-badge--empty {\n left: 70%;\n top: -5%\n }\n}\n\n.eui-icon-svg--size-l {\n .eui-badge--size-s {\n left: 70%;\n }\n}\n\n// COMPOSITION: BUTTON + BADGE\n.eui-button {\n .eui-badge {\n height: inherit;\n }\n}\n"]}
|