@muraldevkit/ds-foundation 2.0.1 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/assets/fonts/STKBureau-SerifLight.12072022.woff2 +0 -0
  2. package/dist/android/mrl_colors.xml +1 -1
  3. package/dist/android/mrl_font_dimens.xml +1 -1
  4. package/dist/fonts.css +2 -2
  5. package/dist/fonts.min.css +1 -1
  6. package/dist/foundation.css +3 -18
  7. package/dist/foundation.css.map +1 -1
  8. package/dist/foundation.min.css +1 -1
  9. package/dist/foundation.min.css.map +1 -1
  10. package/dist/ios-swift/Mrl.swift +1 -1
  11. package/package.json +1 -1
  12. package/src/styles/contextual-variables/typography.scss +3 -24
  13. package/src/styles/fonts.scss +2 -2
  14. package/src/styles/global-variables/color.scss +2 -1
  15. package/assets/fonts/STKBureau-SansLight.12072022.woff2 +0 -0
package/dist/android/mrl_colors.xml CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Tue, 22 Aug 2023 16:10:19 GMT
5
+ Generated on Fri, 08 Sep 2023 16:52:45 GMT
6
6
  -->
7
7
  <resources>
8
8
 
package/dist/android/mrl_font_dimens.xml CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Tue, 22 Aug 2023 16:10:19 GMT
5
+ Generated on Fri, 08 Sep 2023 16:52:45 GMT
6
6
  -->
7
7
  <resources>
8
8
 
package/dist/fonts.css CHANGED
@@ -31,8 +31,8 @@
31
31
  @font-face {
32
32
  font-family: stkbureau;
33
33
  font-style: normal;
34
- font-weight: 500;
35
- src: url("../assets/fonts/STKBureau-SansLight.12072022.woff2") format("woff2");
34
+ font-weight: 400;
35
+ src: url("../assets/fonts/STKBureau-SerifLight.12072022.woff2") format("woff2");
36
36
  }
37
37
 
38
38
  /*# sourceMappingURL=fonts.css.map */
package/dist/fonts.min.css CHANGED
@@ -1 +1 @@
1
- .mrl-u-focus-wrapper{position:relative}@font-face{font-family:abcsocial;font-style:normal;font-weight:400;src:url("../assets/fonts/ABCSocial-Regular.12072022.woff2") format("woff2")}@font-face{font-family:abcsocial;font-style:normal;font-weight:500;src:url("../assets/fonts/ABCSocial-Medium.12072022.woff2") format("woff2")}@font-face{font-family:abcsocial;font-style:normal;font-weight:700;src:url("../assets/fonts/ABCSocial-Bold.12072022.woff2") format("woff2")}@font-face{font-family:abcsocial;font-style:normal;font-weight:800;src:url("../assets/fonts/ABCSocial-Black.12072022.woff2") format("woff2")}@font-face{font-family:stkbureau;font-style:normal;font-weight:500;src:url("../assets/fonts/STKBureau-SansLight.12072022.woff2") format("woff2")}/*# sourceMappingURL=fonts.min.css.map */
1
+ .mrl-u-focus-wrapper{position:relative}@font-face{font-family:abcsocial;font-style:normal;font-weight:400;src:url("../assets/fonts/ABCSocial-Regular.12072022.woff2") format("woff2")}@font-face{font-family:abcsocial;font-style:normal;font-weight:500;src:url("../assets/fonts/ABCSocial-Medium.12072022.woff2") format("woff2")}@font-face{font-family:abcsocial;font-style:normal;font-weight:700;src:url("../assets/fonts/ABCSocial-Bold.12072022.woff2") format("woff2")}@font-face{font-family:abcsocial;font-style:normal;font-weight:800;src:url("../assets/fonts/ABCSocial-Black.12072022.woff2") format("woff2")}@font-face{font-family:stkbureau;font-style:normal;font-weight:400;src:url("../assets/fonts/STKBureau-SerifLight.12072022.woff2") format("woff2")}/*# sourceMappingURL=fonts.min.css.map */
package/dist/foundation.css CHANGED
@@ -21,7 +21,7 @@
21
21
  --mrl-gray-40: 187, 187, 187;
22
22
  --mrl-gray-50: 158, 158, 158;
23
23
  --mrl-gray-60: 145, 145, 145;
24
- --mrl-gray-70: 115, 115, 115;
24
+ --mrl-gray-70: 112, 112, 112;
25
25
  --mrl-gray-80: 78, 78, 78;
26
26
  --mrl-gray-90: 47, 47, 47;
27
27
  --mrl-gray-100: 31, 31, 31;
@@ -164,6 +164,7 @@
164
164
  --mrl-black-opacity-01: rgba(var(--mrl-black), .16);
165
165
  --mrl-black-opacity-02: rgba(var(--mrl-black), .24);
166
166
  --mrl-black-opacity-03: rgba(var(--mrl-black), .32);
167
+ --mrl-black-opacity-05: rgba(var(--mrl-black), .56);
167
168
  --mrl-black-opacity-06: rgba(var(--mrl-black), .64);
168
169
  --mrl-black-opacity-08: rgba(var(--mrl-black), .80);
169
170
  --mrl-white-opacity-02: rgba(var(--mrl-white), .24);
@@ -437,10 +438,7 @@
437
438
  :root {
438
439
  --mrl-body-font: var(--mrl-font-family-01), sans-serif;
439
440
  --mrl-heading-font: var(--mrl-font-family-01), sans-serif;
440
- --mrl-heading-font-alt: var(--mrl-font-family-02), sans-serif;
441
- --mrl-type-size-poster: var(--mrl-font-size-10);
442
- --mrl-type-size-poster-large: var(--mrl-font-size-11);
443
- --mrl-type-size-poster-small: var(--mrl-font-size-09);
441
+ --mrl-heading-font-alt: var(--mrl-font-family-02), serif;
444
442
  --mrl-type-size-display: var(--mrl-font-size-08);
445
443
  --mrl-type-size-display-large: var(--mrl-font-size-09);
446
444
  --mrl-type-size-display-small: var(--mrl-font-size-07);
@@ -452,9 +450,6 @@
452
450
  --mrl-type-size-text-small: var(--mrl-font-size-03);
453
451
  --mrl-type-size-text-xsmall: var(--mrl-font-size-02);
454
452
  --mrl-type-size-text-xxsmall: var(--mrl-font-size-01);
455
- --mrl-type-line-height-poster: var(--mrl-line-height-04);
456
- --mrl-type-line-height-poster-large: var(--mrl-line-height-03);
457
- --mrl-type-line-height-poster-small: var(--mrl-line-height-05);
458
453
  --mrl-type-line-height-title: var(--mrl-line-height-04);
459
454
  --mrl-type-line-height-title-large: var(--mrl-line-height-06);
460
455
  --mrl-type-line-height-title-small: var(--mrl-line-height-06);
@@ -475,7 +470,6 @@
475
470
  --mrl-type-line-height-interactive-large: var(--mrl-line-height-10);
476
471
  --mrl-type-line-height-interactive-small: var(--mrl-line-height-08);
477
472
  --mrl-type-line-height-interactive-xsmall: var(--mrl-line-height-06);
478
- --mrl-type-weight-poster: var(--mrl-font-weight-04);
479
473
  --mrl-type-weight-display: var(--mrl-font-weight-01);
480
474
  --mrl-type-weight-headline: var(--mrl-font-weight-04);
481
475
  --mrl-type-weight-title: var(--mrl-font-weight-04);
@@ -484,9 +478,6 @@
484
478
  --mrl-type-weight-text-bold: var(--mrl-font-weight-04);
485
479
  --mrl-type-weight-text-secondary: var(--mrl-font-weight-01);
486
480
  --mrl-type-weight-interactive: var(--mrl-font-weight-04);
487
- --mrl-type-spacing-poster: var(--mrl-letter-spacing-02);
488
- --mrl-type-spacing-poster-large: var(--mrl-letter-spacing-01);
489
- --mrl-type-spacing-poster-small: var(--mrl-letter-spacing-02);
490
481
  --mrl-type-spacing-display: var(--mrl-letter-spacing-03);
491
482
  --mrl-type-spacing-display-large: var(--mrl-letter-spacing-02);
492
483
  --mrl-type-spacing-display-small: var(--mrl-letter-spacing-03);
@@ -501,9 +492,6 @@
501
492
 
502
493
  @media screen and (min-width: 600px) {
503
494
  :root {
504
- --mrl-type-size-poster: var(--mrl-font-size-12);
505
- --mrl-type-size-poster-large: var(--mrl-font-size-13);
506
- --mrl-type-size-poster-small: var(--mrl-font-size-11);
507
495
  --mrl-type-size-display: var(--mrl-font-size-09);
508
496
  --mrl-type-size-display-large: var(--mrl-font-size-10);
509
497
  --mrl-type-size-display-small: var(--mrl-font-size-08);
@@ -511,9 +499,6 @@
511
499
  --mrl-type-size-headline: var(--mrl-font-size-06);
512
500
  --mrl-type-size-headline-large: var(--mrl-font-size-07);
513
501
  --mrl-type-size-headline-small: var(--mrl-font-size-04);
514
- --mrl-type-line-height-poster: var(--mrl-line-height-02);
515
- --mrl-type-line-height-poster-large: var(--mrl-line-height-02);
516
- --mrl-type-line-height-poster-small: var(--mrl-line-height-02);
517
502
  --mrl-type-line-height-display: var(--mrl-line-height-05);
518
503
  --mrl-type-line-height-display-large: var(--mrl-line-height-04);
519
504
  --mrl-type-line-height-display-small: var(--mrl-line-height-03);
package/dist/foundation.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../src/styles/global-variables/border.scss","../src/styles/global-variables/color.scss","../src/styles/global-variables/motion.scss","../src/styles/global-variables/shadows.scss","../src/styles/global-variables/spacing.scss","../src/styles/global-variables/typography.scss","../src/styles/contextual-variables/color.scss","../src/styles/contextual-variables/spacing.scss","../src/styles/contextual-variables/border.scss","../src/styles/contextual-variables/typography.scss","../src/styles/contextual-variables/shadows.scss","../src/styles/focus.scss","../src/styles/baseline.scss","../src/styles/spacing.scss","../src/styles/_mixins.scss","../src/styles/typography.scss","../src/styles/skeletons/button.scss"],"names":[],"mappings":"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","file":"foundation.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../src/styles/global-variables/border.scss","../src/styles/global-variables/color.scss","../src/styles/global-variables/motion.scss","../src/styles/global-variables/shadows.scss","../src/styles/global-variables/spacing.scss","../src/styles/global-variables/typography.scss","../src/styles/contextual-variables/color.scss","../src/styles/contextual-variables/spacing.scss","../src/styles/contextual-variables/border.scss","../src/styles/contextual-variables/typography.scss","../src/styles/contextual-variables/shadows.scss","../src/styles/focus.scss","../src/styles/baseline.scss","../src/styles/spacing.scss","../src/styles/_mixins.scss","../src/styles/typography.scss","../src/styles/skeletons/button.scss"],"names":[],"mappings":"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","file":"foundation.css"}
package/dist/foundation.min.css CHANGED
@@ -1 +1 @@
1
- :root{--mrl-radii-01: 2px;--mrl-radii-02: 4px;--mrl-radii-03: 8px;--mrl-radii-04: 12px;--mrl-radii-05: 16px;--mrl-radii-06: 24px;--mrl-radii-07: 32px;--mrl-radii-08: 40px;--mrl-stroke-01: 2px;--mrl-stroke-02: 2px;--mrl-stroke-03: 2px}:root{--mrl-gray-10: 250, 250, 250;--mrl-gray-20: 238, 238, 238;--mrl-gray-30: 222, 222, 222;--mrl-gray-40: 187, 187, 187;--mrl-gray-50: 158, 158, 158;--mrl-gray-60: 145, 145, 145;--mrl-gray-70: 115, 115, 115;--mrl-gray-80: 78, 78, 78;--mrl-gray-90: 47, 47, 47;--mrl-gray-100: 31, 31, 31;--mrl-blue-10: 245, 250, 255;--mrl-blue-20: 230, 244, 254;--mrl-blue-30: 205, 230, 254;--mrl-blue-40: 180, 217, 253;--mrl-blue-50: 131, 191, 252;--mrl-blue-60: 81, 143, 251;--mrl-blue-70: 55, 112, 228;--mrl-blue-80: 49, 99, 201;--mrl-blue-90: 42, 86, 176;--mrl-blue-100: 30, 61, 125;--mrl-coral-10: 255, 230, 239;--mrl-coral-20: 254, 204, 223;--mrl-coral-30: 254, 154, 191;--mrl-coral-40: 253, 103, 160;--mrl-coral-50: 253, 53, 129;--mrl-coral-60: 255, 0, 102;--mrl-coral-70: 232, 0, 90;--mrl-coral-80: 214, 0, 87;--mrl-coral-90: 192, 3, 77;--mrl-coral-100: 163, 0, 63;--mrl-red-10: 255, 245, 245;--mrl-red-20: 255, 229, 229;--mrl-red-30: 255, 204, 204;--mrl-red-40: 255, 179, 179;--mrl-red-50: 255, 128, 128;--mrl-red-60: 255, 75, 75;--mrl-red-70: 224, 41, 53;--mrl-red-80: 179, 33, 42;--mrl-red-90: 140, 26, 33;--mrl-red-100: 115, 21, 27;--mrl-tomato-10: 251, 224, 223;--mrl-tomato-20: 253, 216, 216;--mrl-tomato-30: 246, 193, 194;--mrl-tomato-40: 240, 148, 151;--mrl-tomato-50: 227, 99, 103;--mrl-tomato-60: 224, 72, 77;--mrl-tomato-70: 212, 58, 64;--mrl-tomato-80: 205, 45, 51;--mrl-tomato-90: 190, 39, 48;--mrl-tomato-100: 157, 32, 40;--mrl-tomato-desaturated: 229, 179, 182;--mrl-orange-10: 255, 231, 204;--mrl-orange-20: 254, 226, 194;--mrl-orange-30: 252, 218, 192;--mrl-orange-40: 245, 199, 146;--mrl-orange-50: 244, 158, 72;--mrl-orange-60: 229, 121, 26;--mrl-orange-70: 201, 79, 19;--mrl-orange-80: 191, 76, 18;--mrl-orange-90: 178, 68, 1;--mrl-orange-100: 147, 57, 1;--mrl-orange-desaturated: 235, 186, 142;--mrl-lemon-10: 250, 241, 193;--mrl-lemon-20: 249, 240, 190;--mrl-lemon-30: 249, 237, 174;--mrl-lemon-40: 245, 226, 127;--mrl-lemon-50: 228, 203, 73;--mrl-lemon-60: 182, 158, 35;--mrl-lemon-70: 142, 116, 23;--mrl-lemon-80: 132, 108, 21;--mrl-lemon-90: 122, 99, 16;--mrl-lemon-100: 104, 84, 13;--mrl-lemon-desaturated: 228, 215, 149;--mrl-melon-10: 227, 248, 216;--mrl-melon-20: 214, 237, 202;--mrl-melon-30: 190, 226, 171;--mrl-melon-40: 161, 214, 135;--mrl-melon-50: 122, 185, 91;--mrl-melon-60: 93, 160, 59;--mrl-melon-70: 75, 132, 46;--mrl-melon-80: 69, 121, 42;--mrl-melon-90: 71, 114, 49;--mrl-melon-100: 60, 96, 41;--mrl-melon-desaturated: 169, 208, 178;--mrl-mint-10: 220, 242, 249;--mrl-mint-20: 207, 234, 242;--mrl-mint-30: 177, 217, 231;--mrl-mint-40: 138, 199, 219;--mrl-mint-50: 89, 181, 212;--mrl-mint-60: 36, 150, 188;--mrl-mint-70: 9, 126, 165;--mrl-mint-80: 8, 118, 155;--mrl-mint-90: 1, 114, 152;--mrl-mint-100: 1, 99, 132;--mrl-mint-desaturated: 162, 203, 216;--mrl-blueberry-10: 215, 228, 255;--mrl-blueberry-20: 202, 219, 252;--mrl-blueberry-30: 187, 209, 251;--mrl-blueberry-40: 139, 175, 249;--mrl-blueberry-50: 105, 146, 226;--mrl-blueberry-60: 91, 131, 210;--mrl-blueberry-70: 64, 110, 203;--mrl-blueberry-80: 32, 89, 202;--mrl-blueberry-90: 28, 77, 175;--mrl-blueberry-100: 24, 66, 149;--mrl-blueberry-desaturated: 173, 199, 224;--mrl-grape-10: 222, 220, 249;--mrl-grape-20: 216, 216, 249;--mrl-grape-30: 207, 207, 247;--mrl-grape-40: 162, 163, 240;--mrl-grape-50: 142, 129, 228;--mrl-grape-60: 132, 108, 224;--mrl-grape-70: 114, 86, 219;--mrl-grape-80: 94, 62, 214;--mrl-grape-90: 74, 58, 182;--mrl-grape-100: 63, 49, 155;--mrl-grape-desaturated: 189, 187, 221;--mrl-dragonfruit-10: 255, 225, 243;--mrl-dragonfruit-20: 246, 213, 243;--mrl-dragonfruit-30: 230, 188, 226;--mrl-dragonfruit-40: 216, 151, 209;--mrl-dragonfruit-50: 202, 114, 193;--mrl-dragonfruit-60: 196, 100, 186;--mrl-dragonfruit-70: 186, 74, 171;--mrl-dragonfruit-80: 175, 75, 168;--mrl-dragonfruit-90: 163, 67, 157;--mrl-dragonfruit-100: 141, 58, 136;--mrl-dragonfruit-desaturated: 232, 201, 221;--mrl-truffle-10: 236, 239, 238;--mrl-truffle-20: 219, 225, 223;--mrl-truffle-30: 197, 206, 203;--mrl-truffle-40: 170, 182, 178;--mrl-truffle-50: 131, 149, 144;--mrl-truffle-60: 108, 127, 121;--mrl-truffle-70: 96, 113, 108;--mrl-truffle-80: 80, 98, 93;--mrl-truffle-90: 70, 83, 79;--mrl-truffle-100: 56, 66, 63;--mrl-truffle-desaturated: 196, 202, 200;--mrl-white: 255, 255, 255;--mrl-black: 0, 0, 0;--mrl-status-info: 49, 99, 201;--mrl-status-success: 0, 132, 63;--mrl-status-warning: 255, 170, 1;--mrl-status-error: 179, 33, 42;--mrl-black-opacity-00: rgba(var(--mrl-black), .08);--mrl-black-opacity-01: rgba(var(--mrl-black), .16);--mrl-black-opacity-02: rgba(var(--mrl-black), .24);--mrl-black-opacity-03: rgba(var(--mrl-black), .32);--mrl-black-opacity-06: rgba(var(--mrl-black), .64);--mrl-black-opacity-08: rgba(var(--mrl-black), .80);--mrl-white-opacity-02: rgba(var(--mrl-white), .24);--mrl-white-opacity-03: rgba(var(--mrl-white), .30);--mrl-white-opacity-04: rgba(var(--mrl-white), .40);--mrl-white-opacity-06: rgba(var(--mrl-white), .60);--mrl-white-opacity-08: rgba(var(--mrl-white), .80);--mrl-status-private: var(--mrl-gray-100)}:root{--mrl-timing-m1: cubic-bezier(0.17, 0.00, 0.00, 1.00);--mrl-timing-m1r: cubic-bezier(1.00, 0.00, 0.83, 1.00);--mrl-timing-m2: cubic-bezier(0, 0.5, 0, 1);--mrl-timing-m3: cubic-bezier(0.33, 0.00, 0.67, 1.00);--mrl-timing-m4: cubic-bezier(0.00, 0.00, 0.00, 1.00);--mrl-duration-01: 17ms;--mrl-duration-02: 167ms;--mrl-duration-03: 333ms;--mrl-duration-04: 667ms;--mrl-distance-01: 4px;--mrl-distance-02: 8px}:root{--mrl-shadow-01: 0 0 0 1px rgba(var(--mrl-black), 0.08), 0 3px 4px rgba(var(--mrl-black), 0.08);--mrl-shadow-02: 0 0 0 1px rgba(var(--mrl-black), 0.08), 0 5px 8px rgba(var(--mrl-black), 0.08);--mrl-shadow-03: 0 0 0 1px rgba(var(--mrl-black), 0.08), 0 25px 20px rgba(var(--mrl-black), 0.12);--mrl-shadow-interactive-01: 0 4px 5px rgba(var(--mrl-black), 0.08);--mrl-shadow-interactive-02: 0 20px 12px rgba(var(--mrl-black), 0.20)}:root{--mrl-spacing-01: calc(2 / var(--mrl-baseline) * 1rem);--mrl-spacing-02: calc(4 / var(--mrl-baseline) * 1rem);--mrl-spacing-03: calc(8 / var(--mrl-baseline) * 1rem);--mrl-spacing-04: calc(12 / var(--mrl-baseline) * 1rem);--mrl-spacing-05: calc(16 / var(--mrl-baseline) * 1rem);--mrl-spacing-06: calc(20 / var(--mrl-baseline) * 1rem);--mrl-spacing-07: calc(24 / var(--mrl-baseline) * 1rem);--mrl-spacing-08: calc(32 / var(--mrl-baseline) * 1rem);--mrl-spacing-09: calc(40 / var(--mrl-baseline) * 1rem);--mrl-spacing-10: calc(48 / var(--mrl-baseline) * 1rem);--mrl-spacing-11: calc(64 / var(--mrl-baseline) * 1rem);--mrl-spacing-12: calc(80 / var(--mrl-baseline) * 1rem);--mrl-spacing-13: calc(96 / var(--mrl-baseline) * 1rem);--mrl-spacing-14: calc(160 / var(--mrl-baseline) * 1rem)}:root{--mrl-baseline: 16;--mrl-font-family-01: abcsocial;--mrl-font-family-02: stkbureau;--mrl-font-size-01: calc(11 / var(--mrl-baseline) * 1rem);--mrl-font-size-02: calc(12 / var(--mrl-baseline) * 1rem);--mrl-font-size-03: calc(14 / var(--mrl-baseline) * 1rem);--mrl-font-size-04: calc(16 / var(--mrl-baseline) * 1rem);--mrl-font-size-05: calc(18 / var(--mrl-baseline) * 1rem);--mrl-font-size-06: calc(20 / var(--mrl-baseline) * 1rem);--mrl-font-size-07: calc(24 / var(--mrl-baseline) * 1rem);--mrl-font-size-08: calc(32 / var(--mrl-baseline) * 1rem);--mrl-font-size-09: calc(40 / var(--mrl-baseline) * 1rem);--mrl-font-size-10: calc(48 / var(--mrl-baseline) * 1rem);--mrl-font-size-11: calc(64 / var(--mrl-baseline) * 1rem);--mrl-font-size-12: calc(80 / var(--mrl-baseline) * 1rem);--mrl-font-size-13: calc(96 / var(--mrl-baseline) * 1rem);--mrl-font-size-14: calc(120 / var(--mrl-baseline) * 1rem);--mrl-line-height-01: 0.875;--mrl-line-height-02: 1;--mrl-line-height-03: 1.125;--mrl-line-height-04: 1.167;--mrl-line-height-05: 1.2;--mrl-line-height-06: 1.33;--mrl-line-height-07: 1.4;--mrl-line-height-08: 1.45;--mrl-line-height-09: 1.5;--mrl-line-height-10: 1.56;--mrl-line-height-11: 1.75;--mrl-line-height-12: 2;--mrl-letter-spacing-01: -2% ;--mrl-letter-spacing-02: -1% ;--mrl-letter-spacing-03: 0% ;--mrl-letter-spacing-04: 1% ;--mrl-letter-spacing-05: 2% ;--mrl-font-weight-01: 400 ;--mrl-font-weight-02: 500 ;--mrl-font-weight-03: 600 ;--mrl-font-weight-04: 700 ;--mrl-font-weight-05: 800 }:root{--mrl-color-focus: rgba(var(--mrl-blue-70), 1);--mrl-color-focus-inverse: rgba(var(--mrl-white), 1);--mrl-color-shadows: rgba(var(--mrl-black), 1);--mrl-color-brand: rgba(var(--mrl-red-70), 1);--mrl-color-brand-hover: rgba(var(--mrl-red-80), 1);--mrl-color-brand-active: rgba(var(--mrl-red-90), 1);--mrl-color-accent: rgba(var(--mrl-blue-70), 1);--mrl-color-skeleton: rgba(var(--mrl-gray-20), 1);--mrl-color-skeleton-inverse: rgba(var(--mrl-white), 1);--mrl-color-background: rgba(var(--mrl-white), 1);--mrl-color-background-secondary: rgba(var(--mrl-gray-80), 1);--mrl-color-background-decorative: rgba(var(--mrl-gray-20), 1);--mrl-color-background-info: rgba(var(--mrl-status-info), 1);--mrl-color-background-success: rgba(var(--mrl-status-success), 1);--mrl-color-background-warning: rgba(var(--mrl-status-warning), 1);--mrl-color-background-error: rgba(var(--mrl-status-error), 1);--mrl-color-background-private: rgba(var(--mrl-gray-100), 1);--mrl-color-background-inverse: rgba(var(--mrl-gray-100), 1);--mrl-color-background-inverse-hover: rgba(var(--mrl-gray-90), 1);--mrl-color-background-disabled: rgba(var(--mrl-gray-40), 1);--mrl-color-background-highlight-hover: rgba(var(--mrl-gray-20), 1);--mrl-color-background-highlight-active: rgba(var(--mrl-gray-90), 1);--mrl-color-background-highlight-selected: rgba(var(--mrl-gray-90), 1);--mrl-color-background-highlight-emph-active: rgba(var(--mrl-gray-30), 1);--mrl-color-line: rgba(var(--mrl-gray-70), 1);--mrl-color-line-hover: rgba(var(--mrl-gray-90), 1);--mrl-color-line-active: rgba(var(--mrl-gray-100), 1);--mrl-color-line-selected: rgba(var(--mrl-gray-90), 1);--mrl-color-line-disabled: rgba(var(--mrl-gray-40), 1);--mrl-color-line-divider: rgba(var(--mrl-gray-20), 1);--mrl-color-line-divider-inverse: rgba(var(--mrl-gray-80), 1);--mrl-color-line-emph: rgba(var(--mrl-gray-20), 1);--mrl-color-line-emph-hover: rgba(var(--mrl-gray-90), 1);--mrl-color-line-emph-active: rgba(var(--mrl-black), 1);--mrl-color-line-inverse: rgba(var(--mrl-white), 1);--mrl-color-line-inverse-disabled: rgba(var(--mrl-white), 1);--mrl-color-text: rgba(var(--mrl-gray-80), 1);--mrl-color-text-hover: rgba(var(--mrl-gray-90), 1);--mrl-color-text-active: rgba(var(--mrl-gray-90), 1);--mrl-color-text-selected: rgba(var(--mrl-gray-90), 1);--mrl-color-text-disabled: rgba(var(--mrl-gray-40), 1);--mrl-color-text-disabled-inverse: rgba(var(--mrl-white), 1);--mrl-color-text-emph: rgba(var(--mrl-gray-20), 1);--mrl-color-text-emph-hover: rgba(var(--mrl-gray-90), 1);--mrl-color-text-emph-active: rgba(var(--mrl-black), 1);--mrl-color-text-highlight: rgba(var(--mrl-gray-80), 1);--mrl-color-text-highlight-hover: rgba(var(--mrl-gray-90), 1);--mrl-color-text-highlight-active: rgba(var(--mrl-white), 1);--mrl-color-text-highlight-selected: rgba(var(--mrl-white), 1);--mrl-color-text-highlight-emph: rgba(var(--mrl-gray-90), 1);--mrl-color-text-highlight-emph-hover: rgba(var(--mrl-gray-100), 1);--mrl-color-text-highlight-emph-active: rgba(var(--mrl-black), 1);--mrl-color-text-highlight-emph-selected: rgba(var(--mrl-white), 1);--mrl-color-text-inverse: rgba(var(--mrl-white), 1);--mrl-color-text-inverse-secondary: rgba(var(--mrl-gray-10), 1);--mrl-color-text-inverse-hover: rgba(var(--mrl-white), 1);--mrl-color-text-inverse-active: rgba(var(--mrl-white), 1);--mrl-color-text-inverse-selected: rgba(var(--mrl-white), 1);--mrl-color-text-02: rgba(var(--mrl-gray-90), 1);--mrl-color-text-secondary: rgba(var(--mrl-gray-70), 1);--mrl-color-text-label: rgba(var(--mrl-gray-90), 1);--mrl-color-text-heading: rgba(var(--mrl-gray-100), 1);--mrl-color-text-success: rgba(var(--mrl-gray-90), 1);--mrl-color-text-warning: rgba(var(--mrl-gray-90), 1);--mrl-color-text-error: rgba(var(--mrl-status-error), 1);--mrl-color-text-info: rgba(var(--mrl-gray-90), 1);--mrl-color-text-private: rgba(var(--mrl-gray-100), 1);--mrl-color-icon-emph-selected: rgba(var(--mrl-gray-100), 1);--mrl-color-background-inverse-active: var(--mrl-color-accent);--mrl-color-background-inverse-selected: var(--mrl-color-accent);--mrl-color-background-highlight-emph-selected: var(--mrl-color-accent);--mrl-color-line-emph-selected: var(--mrl-color-accent);--mrl-color-text-emph-selected: var(--mrl-color-accent);--mrl-color-background-page: rgb(245, 245, 245);--mrl-color-background-hover-opacity: rgba(var(--mrl-gray-30), 0.2);--mrl-color-background-inverse-hover-opacity: rgba(var(--mrl-black), 0.2)}:root{--mrl-space-stack-components: var(--mrl-spacing-06);--mrl-space-stack-controls: var(--mrl-spacing-05);--mrl-space-stack-controls-small: var(--mrl-spacing-04);--mrl-space-stack-section: var(--mrl-spacing-07);--mrl-space-stack-section-divider: var(--mrl-spacing-04);--mrl-space-stack-section-divider-small: var(--mrl-spacing-03);--mrl-space-stack-section-divider-large: var(--mrl-spacing-06);--mrl-space-stack-section-divider-label: var(--mrl-spacing-05);--mrl-space-stack-siblings: var(--mrl-spacing-04);--mrl-space-stack-related: var(--mrl-spacing-03);--mrl-space-stack-related-small: var(--mrl-spacing-02);--mrl-space-inset: var(--mrl-spacing-03);--mrl-space-inset-container: var(--mrl-spacing-08);--mrl-space-inset-container-large: var(--mrl-spacing-05);--mrl-space-inset-large: var(--mrl-spacing-05);--mrl-space-inset-control: var(--mrl-spacing-06);--mrl-space-inset-control-large: var(--mrl-spacing-05);--mrl-space-inline-related: var(--mrl-spacing-03);--mrl-space-inline-sibling: var(--mrl-spacing-04);--mrl-space-inline-sibling-small: var(--mrl-spacing-02);--mrl-space-gutter: var(--mrl-spacing-04);--mrl-space-gutter-label: var(--mrl-spacing-05);--mrl-space-offset-focus: var(--mrl-spacing-01);--mrl-space-stack-subheading: var(--mrl-spacing-05);--mrl-space-stack-title: var(--mrl-spacing-07);--mrl-space-stack-title-related: var(--mrl-spacing-05);--mrl-space-inline-sibling-xsmall: var(--mrl-space-inline-sibling-small);--mrl-space-inset-control-small: calc( var(--mrl-spacing-03) + var(--mrl-spacing-01) )}@media only screen and (min-width: 600px){:root{--mrl-space-inset-container-large: var(--mrl-spacing-08)}}:root{--mrl-line-width-border-fine: 1px;--mrl-line-width-border: var(--mrl-stroke-01);--mrl-line-width-border-selected: var(--mrl-stroke-01);--mrl-line-width-focus: var(--mrl-stroke-01);--mrl-line-width-control: var(--mrl-stroke-01);--mrl-line-width-divider: var(--mrl-stroke-01);--mrl-border-radius-tight: var(--mrl-radii-01);--mrl-border-radius-content: var(--mrl-radii-02);--mrl-border-radius-content-large: var(--mrl-radii-03);--mrl-border-radius-functional: var(--mrl-radii-03);--mrl-border-radius-functional-large: var(--mrl-radii-04);--mrl-border-radius-container: var(--mrl-radii-04);--mrl-border-radius-container-large: var(--mrl-radii-05);--mrl-border-radius-rounded: var(--mrl-radii-07);--mrl-border-radius-rounded-large: var(--mrl-radii-08);--mrl-border: var(--mrl-line-width-border) solid var(--mrl-color-line);--mrl-border-hover: var(--mrl-line-width-border) solid var(--mrl-color-line-hover);--mrl-border-active: var(--mrl-line-width-border) solid var(--mrl-color-line-active);--mrl-border-selected: var(--mrl-line-width-border-selected) solid var(--mrl-color-line-selected);--mrl-border-disabled: var(--mrl-line-width-border) solid var(--mrl-color-line-disabled);--mrl-border-emph: var(--mrl-line-width-border) solid var(--mrl-color-line-emph);--mrl-border-emph-hover: var(--mrl-line-width-border) solid var(--mrl-color-line-emph-hover);--mrl-border-emph-active: var(--mrl-line-width-border) solid var(--mrl-color-line-emph-active);--mrl-border-emph-selected: var(--mrl-line-width-border-selected) solid var(--mrl-color-line-emph-selected);--mrl-border-emph-disabled: var(--mrl-line-width-border) solid var(--mrl-color-line-emph-disabled);--mrl-border-inverse: var(--mrl-line-width-border) solid var(--mrl-color-line-inverse);--mrl-border-inverse-hover: var(--mrl-line-width-border) solid var(--mrl-color-line-inverse);--mrl-border-inverse-active: var(--mrl-line-width-border) solid var(--mrl-color-line-inverse);--mrl-border-inverse-selected: var(--mrl-line-width-border-selected) solid var(--mrl-color-line-inverse);--mrl-border-inverse-disabled: var(--mrl-line-width-border) solid var(--mrl-color-line-inverse-disabled);--mrl-border-focus: var(--mrl-line-width-focus) solid var(--mrl-color-focus);--mrl-border-divider: var(--mrl-line-width-divider) solid var(--mrl-color-line-divider)}:root{--mrl-body-font: var(--mrl-font-family-01), sans-serif;--mrl-heading-font: var(--mrl-font-family-01), sans-serif;--mrl-heading-font-alt: var(--mrl-font-family-02), sans-serif;--mrl-type-size-poster: var(--mrl-font-size-10);--mrl-type-size-poster-large: var(--mrl-font-size-11);--mrl-type-size-poster-small: var(--mrl-font-size-09);--mrl-type-size-display: var(--mrl-font-size-08);--mrl-type-size-display-large: var(--mrl-font-size-09);--mrl-type-size-display-small: var(--mrl-font-size-07);--mrl-type-size-headline: var(--mrl-font-size-05);--mrl-type-size-headline-large: var(--mrl-font-size-06);--mrl-type-size-headline-small: var(--mrl-font-size-02);--mrl-type-size-text: var(--mrl-font-size-04);--mrl-type-size-text-large: var(--mrl-font-size-05);--mrl-type-size-text-small: var(--mrl-font-size-03);--mrl-type-size-text-xsmall: var(--mrl-font-size-02);--mrl-type-size-text-xxsmall: var(--mrl-font-size-01);--mrl-type-line-height-poster: var(--mrl-line-height-04);--mrl-type-line-height-poster-large: var(--mrl-line-height-03);--mrl-type-line-height-poster-small: var(--mrl-line-height-05);--mrl-type-line-height-title: var(--mrl-line-height-04);--mrl-type-line-height-title-large: var(--mrl-line-height-06);--mrl-type-line-height-title-small: var(--mrl-line-height-06);--mrl-type-line-height-title-xsmall: var(--mrl-line-height-06);--mrl-type-line-height-title-xxsmall: var(--mrl-line-height-06);--mrl-type-line-height-display: var(--mrl-line-height-03);--mrl-type-line-height-display-large: var(--mrl-line-height-05);--mrl-type-line-height-display-small: var(--mrl-line-height-06);--mrl-type-line-height-headline: var(--mrl-line-height-09);--mrl-type-line-height-headline-large: var(--mrl-line-height-07);--mrl-type-line-height-headline-small: var(--mrl-line-height-09);--mrl-type-line-height-text: var(--mrl-line-height-09);--mrl-type-line-height-text-large: var(--mrl-line-height-10);--mrl-type-line-height-text-small: var(--mrl-line-height-08);--mrl-type-line-height-text-xsmall: var(--mrl-line-height-06);--mrl-type-line-height-text-xxsmall: var(--mrl-line-height-08);--mrl-type-line-height-interactive: var(--mrl-line-height-09);--mrl-type-line-height-interactive-large: var(--mrl-line-height-10);--mrl-type-line-height-interactive-small: var(--mrl-line-height-08);--mrl-type-line-height-interactive-xsmall: var(--mrl-line-height-06);--mrl-type-weight-poster: var(--mrl-font-weight-04);--mrl-type-weight-display: var(--mrl-font-weight-01);--mrl-type-weight-headline: var(--mrl-font-weight-04);--mrl-type-weight-title: var(--mrl-font-weight-04);--mrl-type-weight-title-secondary: var(--mrl-font-weight-02);--mrl-type-weight-text: var(--mrl-font-weight-01);--mrl-type-weight-text-bold: var(--mrl-font-weight-04);--mrl-type-weight-text-secondary: var(--mrl-font-weight-01);--mrl-type-weight-interactive: var(--mrl-font-weight-04);--mrl-type-spacing-poster: var(--mrl-letter-spacing-02);--mrl-type-spacing-poster-large: var(--mrl-letter-spacing-01);--mrl-type-spacing-poster-small: var(--mrl-letter-spacing-02);--mrl-type-spacing-display: var(--mrl-letter-spacing-03);--mrl-type-spacing-display-large: var(--mrl-letter-spacing-02);--mrl-type-spacing-display-small: var(--mrl-letter-spacing-03);--mrl-type-spacing-headline: var(--mrl-letter-spacing-03);--mrl-type-spacing-headline-large: var(--mrl-letter-spacing-03);--mrl-type-spacing-headline-small: var(--mrl-letter-spacing-04);--mrl-type-spacing-text: var(--mrl-letter-spacing-03);--mrl-type-spacing-interactive-xsmall: var(--mrl-letter-spacing-04);--mrl-type-size-toggleable-label: calc(10 / var(--mrl-baseline) * 1rem);--mrl-type-weight-toggleable-label: var(--mrl-font-weight-03)}@media screen and (min-width: 600px){:root{--mrl-type-size-poster: var(--mrl-font-size-12);--mrl-type-size-poster-large: var(--mrl-font-size-13);--mrl-type-size-poster-small: var(--mrl-font-size-11);--mrl-type-size-display: var(--mrl-font-size-09);--mrl-type-size-display-large: var(--mrl-font-size-10);--mrl-type-size-display-small: var(--mrl-font-size-08);--mrl-type-size-display-xsmall: var(--mrl-font-size-07);--mrl-type-size-headline: var(--mrl-font-size-06);--mrl-type-size-headline-large: var(--mrl-font-size-07);--mrl-type-size-headline-small: var(--mrl-font-size-04);--mrl-type-line-height-poster: var(--mrl-line-height-02);--mrl-type-line-height-poster-large: var(--mrl-line-height-02);--mrl-type-line-height-poster-small: var(--mrl-line-height-02);--mrl-type-line-height-display: var(--mrl-line-height-05);--mrl-type-line-height-display-large: var(--mrl-line-height-04);--mrl-type-line-height-display-small: var(--mrl-line-height-03);--mrl-type-line-height-headline: var(--mrl-line-height-07);--mrl-type-line-height-headline-large: var(--mrl-line-height-06);--mrl-type-line-height-headline-small: var(--mrl-line-height-03);--mrl-type-spacing-headline-small: var(--mrl-letter-spacing-03)}}:root{--mrl-shadows-lifted: var(--mrl-shadow-01);--mrl-shadows-raised: var(--mrl-shadow-02);--mrl-shadows-floating: var(--mrl-shadow-03);--mrl-shadows-hover: var(--mrl-shadow-interactive-01);--mrl-shadows-drag: var(--mrl-shadow-interactive-02)}.mrl-u-focus-wrapper{position:relative}body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,samp,small,tt,var,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;margin:0;padding:0;vertical-align:baseline}b,em,i,strike,strong,sub,sup,u{border:0;font-family:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:none}table{border-collapse:collapse;border-spacing:0}html{border:0;box-sizing:border-box;font:inherit;font-family:var(--mrl-body-font);font-size:var(--mrl-font-size, 100%);-webkit-font-smoothing:antialiased;margin:0;padding:0;vertical-align:baseline}h1,h2,h3,h4,h5,h6{font-family:var(--mrl-heading-font)}*,*::before,*::after{box-sizing:inherit}.mrl-u-space-center-horizontal{display:flex}.mrl-u-space-center-horizontal-inline{display:inline-flex}.mrl-u-space-center-vertical{align-items:center;display:flex}.mrl-u-space-center-vertical>*{display:inline-flex}.mrl-u-space-center-vertical-inline{align-items:center;display:inline-flex}.mrl-u-space-center-vertical-inline>*{display:inline-flex}.mrl-u-text-interactive-xsmall{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xsmall);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-interactive-xsmall);line-height:var(--mrl-type-line-height-interactive-xsmall)}.mrl-u-text-interactive-small{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive-small)}.mrl-u-text-interactive-medium{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive)}.mrl-u-text-interactive-large{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-large);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive-large)}.mrl-u-text-toggleable-label{font-size:var(--mrl-type-size-toggleable-label);font-weight:var(--mrl-type-weight-toggleable-label)}:root{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton);--mrl-button-border-radius: var(--mrl-border-radius-functional)}.mrl-u-preHydrateSkeleton mrl-button:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button:not(.hydrated){min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09);background:var(--mrl-button-background-color-skeleton);border-radius:var(--mrl-button-border-radius);box-shadow:none;color:rgba(0,0,0,0);display:inline-flex;font-family:var(--mrl-body-font);pointer-events:none;visibility:inherit}.mrl-u-preHydrateSkeleton mrl-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-button[kind=ghost-inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button[kind=ghost-inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button[kind=ghost-inverse]:not(.hydrated){--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}mrl-button[size=small],mrl-shadow-button[size=small]{min-height:var(--mrl-spacing-08)}mrl-icon-button[size=small]{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}mrl-button[size=large],mrl-shadow-button[size=large]{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=large]{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=xsmall][kind=ghost],mrl-icon-button[size=xsmall][kind=ghost-inverse]{min-height:var(--mrl-spacing-07);min-width:var(--mrl-spacing-07)}/*# sourceMappingURL=foundation.min.css.map */
1
+ :root{--mrl-radii-01: 2px;--mrl-radii-02: 4px;--mrl-radii-03: 8px;--mrl-radii-04: 12px;--mrl-radii-05: 16px;--mrl-radii-06: 24px;--mrl-radii-07: 32px;--mrl-radii-08: 40px;--mrl-stroke-01: 2px;--mrl-stroke-02: 2px;--mrl-stroke-03: 2px}:root{--mrl-gray-10: 250, 250, 250;--mrl-gray-20: 238, 238, 238;--mrl-gray-30: 222, 222, 222;--mrl-gray-40: 187, 187, 187;--mrl-gray-50: 158, 158, 158;--mrl-gray-60: 145, 145, 145;--mrl-gray-70: 112, 112, 112;--mrl-gray-80: 78, 78, 78;--mrl-gray-90: 47, 47, 47;--mrl-gray-100: 31, 31, 31;--mrl-blue-10: 245, 250, 255;--mrl-blue-20: 230, 244, 254;--mrl-blue-30: 205, 230, 254;--mrl-blue-40: 180, 217, 253;--mrl-blue-50: 131, 191, 252;--mrl-blue-60: 81, 143, 251;--mrl-blue-70: 55, 112, 228;--mrl-blue-80: 49, 99, 201;--mrl-blue-90: 42, 86, 176;--mrl-blue-100: 30, 61, 125;--mrl-coral-10: 255, 230, 239;--mrl-coral-20: 254, 204, 223;--mrl-coral-30: 254, 154, 191;--mrl-coral-40: 253, 103, 160;--mrl-coral-50: 253, 53, 129;--mrl-coral-60: 255, 0, 102;--mrl-coral-70: 232, 0, 90;--mrl-coral-80: 214, 0, 87;--mrl-coral-90: 192, 3, 77;--mrl-coral-100: 163, 0, 63;--mrl-red-10: 255, 245, 245;--mrl-red-20: 255, 229, 229;--mrl-red-30: 255, 204, 204;--mrl-red-40: 255, 179, 179;--mrl-red-50: 255, 128, 128;--mrl-red-60: 255, 75, 75;--mrl-red-70: 224, 41, 53;--mrl-red-80: 179, 33, 42;--mrl-red-90: 140, 26, 33;--mrl-red-100: 115, 21, 27;--mrl-tomato-10: 251, 224, 223;--mrl-tomato-20: 253, 216, 216;--mrl-tomato-30: 246, 193, 194;--mrl-tomato-40: 240, 148, 151;--mrl-tomato-50: 227, 99, 103;--mrl-tomato-60: 224, 72, 77;--mrl-tomato-70: 212, 58, 64;--mrl-tomato-80: 205, 45, 51;--mrl-tomato-90: 190, 39, 48;--mrl-tomato-100: 157, 32, 40;--mrl-tomato-desaturated: 229, 179, 182;--mrl-orange-10: 255, 231, 204;--mrl-orange-20: 254, 226, 194;--mrl-orange-30: 252, 218, 192;--mrl-orange-40: 245, 199, 146;--mrl-orange-50: 244, 158, 72;--mrl-orange-60: 229, 121, 26;--mrl-orange-70: 201, 79, 19;--mrl-orange-80: 191, 76, 18;--mrl-orange-90: 178, 68, 1;--mrl-orange-100: 147, 57, 1;--mrl-orange-desaturated: 235, 186, 142;--mrl-lemon-10: 250, 241, 193;--mrl-lemon-20: 249, 240, 190;--mrl-lemon-30: 249, 237, 174;--mrl-lemon-40: 245, 226, 127;--mrl-lemon-50: 228, 203, 73;--mrl-lemon-60: 182, 158, 35;--mrl-lemon-70: 142, 116, 23;--mrl-lemon-80: 132, 108, 21;--mrl-lemon-90: 122, 99, 16;--mrl-lemon-100: 104, 84, 13;--mrl-lemon-desaturated: 228, 215, 149;--mrl-melon-10: 227, 248, 216;--mrl-melon-20: 214, 237, 202;--mrl-melon-30: 190, 226, 171;--mrl-melon-40: 161, 214, 135;--mrl-melon-50: 122, 185, 91;--mrl-melon-60: 93, 160, 59;--mrl-melon-70: 75, 132, 46;--mrl-melon-80: 69, 121, 42;--mrl-melon-90: 71, 114, 49;--mrl-melon-100: 60, 96, 41;--mrl-melon-desaturated: 169, 208, 178;--mrl-mint-10: 220, 242, 249;--mrl-mint-20: 207, 234, 242;--mrl-mint-30: 177, 217, 231;--mrl-mint-40: 138, 199, 219;--mrl-mint-50: 89, 181, 212;--mrl-mint-60: 36, 150, 188;--mrl-mint-70: 9, 126, 165;--mrl-mint-80: 8, 118, 155;--mrl-mint-90: 1, 114, 152;--mrl-mint-100: 1, 99, 132;--mrl-mint-desaturated: 162, 203, 216;--mrl-blueberry-10: 215, 228, 255;--mrl-blueberry-20: 202, 219, 252;--mrl-blueberry-30: 187, 209, 251;--mrl-blueberry-40: 139, 175, 249;--mrl-blueberry-50: 105, 146, 226;--mrl-blueberry-60: 91, 131, 210;--mrl-blueberry-70: 64, 110, 203;--mrl-blueberry-80: 32, 89, 202;--mrl-blueberry-90: 28, 77, 175;--mrl-blueberry-100: 24, 66, 149;--mrl-blueberry-desaturated: 173, 199, 224;--mrl-grape-10: 222, 220, 249;--mrl-grape-20: 216, 216, 249;--mrl-grape-30: 207, 207, 247;--mrl-grape-40: 162, 163, 240;--mrl-grape-50: 142, 129, 228;--mrl-grape-60: 132, 108, 224;--mrl-grape-70: 114, 86, 219;--mrl-grape-80: 94, 62, 214;--mrl-grape-90: 74, 58, 182;--mrl-grape-100: 63, 49, 155;--mrl-grape-desaturated: 189, 187, 221;--mrl-dragonfruit-10: 255, 225, 243;--mrl-dragonfruit-20: 246, 213, 243;--mrl-dragonfruit-30: 230, 188, 226;--mrl-dragonfruit-40: 216, 151, 209;--mrl-dragonfruit-50: 202, 114, 193;--mrl-dragonfruit-60: 196, 100, 186;--mrl-dragonfruit-70: 186, 74, 171;--mrl-dragonfruit-80: 175, 75, 168;--mrl-dragonfruit-90: 163, 67, 157;--mrl-dragonfruit-100: 141, 58, 136;--mrl-dragonfruit-desaturated: 232, 201, 221;--mrl-truffle-10: 236, 239, 238;--mrl-truffle-20: 219, 225, 223;--mrl-truffle-30: 197, 206, 203;--mrl-truffle-40: 170, 182, 178;--mrl-truffle-50: 131, 149, 144;--mrl-truffle-60: 108, 127, 121;--mrl-truffle-70: 96, 113, 108;--mrl-truffle-80: 80, 98, 93;--mrl-truffle-90: 70, 83, 79;--mrl-truffle-100: 56, 66, 63;--mrl-truffle-desaturated: 196, 202, 200;--mrl-white: 255, 255, 255;--mrl-black: 0, 0, 0;--mrl-status-info: 49, 99, 201;--mrl-status-success: 0, 132, 63;--mrl-status-warning: 255, 170, 1;--mrl-status-error: 179, 33, 42;--mrl-black-opacity-00: rgba(var(--mrl-black), .08);--mrl-black-opacity-01: rgba(var(--mrl-black), .16);--mrl-black-opacity-02: rgba(var(--mrl-black), .24);--mrl-black-opacity-03: rgba(var(--mrl-black), .32);--mrl-black-opacity-05: rgba(var(--mrl-black), .56);--mrl-black-opacity-06: rgba(var(--mrl-black), .64);--mrl-black-opacity-08: rgba(var(--mrl-black), .80);--mrl-white-opacity-02: rgba(var(--mrl-white), .24);--mrl-white-opacity-03: rgba(var(--mrl-white), .30);--mrl-white-opacity-04: rgba(var(--mrl-white), .40);--mrl-white-opacity-06: rgba(var(--mrl-white), .60);--mrl-white-opacity-08: rgba(var(--mrl-white), .80);--mrl-status-private: var(--mrl-gray-100)}:root{--mrl-timing-m1: cubic-bezier(0.17, 0.00, 0.00, 1.00);--mrl-timing-m1r: cubic-bezier(1.00, 0.00, 0.83, 1.00);--mrl-timing-m2: cubic-bezier(0, 0.5, 0, 1);--mrl-timing-m3: cubic-bezier(0.33, 0.00, 0.67, 1.00);--mrl-timing-m4: cubic-bezier(0.00, 0.00, 0.00, 1.00);--mrl-duration-01: 17ms;--mrl-duration-02: 167ms;--mrl-duration-03: 333ms;--mrl-duration-04: 667ms;--mrl-distance-01: 4px;--mrl-distance-02: 8px}:root{--mrl-shadow-01: 0 0 0 1px rgba(var(--mrl-black), 0.08), 0 3px 4px rgba(var(--mrl-black), 0.08);--mrl-shadow-02: 0 0 0 1px rgba(var(--mrl-black), 0.08), 0 5px 8px rgba(var(--mrl-black), 0.08);--mrl-shadow-03: 0 0 0 1px rgba(var(--mrl-black), 0.08), 0 25px 20px rgba(var(--mrl-black), 0.12);--mrl-shadow-interactive-01: 0 4px 5px rgba(var(--mrl-black), 0.08);--mrl-shadow-interactive-02: 0 20px 12px rgba(var(--mrl-black), 0.20)}:root{--mrl-spacing-01: calc(2 / var(--mrl-baseline) * 1rem);--mrl-spacing-02: calc(4 / var(--mrl-baseline) * 1rem);--mrl-spacing-03: calc(8 / var(--mrl-baseline) * 1rem);--mrl-spacing-04: calc(12 / var(--mrl-baseline) * 1rem);--mrl-spacing-05: calc(16 / var(--mrl-baseline) * 1rem);--mrl-spacing-06: calc(20 / var(--mrl-baseline) * 1rem);--mrl-spacing-07: calc(24 / var(--mrl-baseline) * 1rem);--mrl-spacing-08: calc(32 / var(--mrl-baseline) * 1rem);--mrl-spacing-09: calc(40 / var(--mrl-baseline) * 1rem);--mrl-spacing-10: calc(48 / var(--mrl-baseline) * 1rem);--mrl-spacing-11: calc(64 / var(--mrl-baseline) * 1rem);--mrl-spacing-12: calc(80 / var(--mrl-baseline) * 1rem);--mrl-spacing-13: calc(96 / var(--mrl-baseline) * 1rem);--mrl-spacing-14: calc(160 / var(--mrl-baseline) * 1rem)}:root{--mrl-baseline: 16;--mrl-font-family-01: abcsocial;--mrl-font-family-02: stkbureau;--mrl-font-size-01: calc(11 / var(--mrl-baseline) * 1rem);--mrl-font-size-02: calc(12 / var(--mrl-baseline) * 1rem);--mrl-font-size-03: calc(14 / var(--mrl-baseline) * 1rem);--mrl-font-size-04: calc(16 / var(--mrl-baseline) * 1rem);--mrl-font-size-05: calc(18 / var(--mrl-baseline) * 1rem);--mrl-font-size-06: calc(20 / var(--mrl-baseline) * 1rem);--mrl-font-size-07: calc(24 / var(--mrl-baseline) * 1rem);--mrl-font-size-08: calc(32 / var(--mrl-baseline) * 1rem);--mrl-font-size-09: calc(40 / var(--mrl-baseline) * 1rem);--mrl-font-size-10: calc(48 / var(--mrl-baseline) * 1rem);--mrl-font-size-11: calc(64 / var(--mrl-baseline) * 1rem);--mrl-font-size-12: calc(80 / var(--mrl-baseline) * 1rem);--mrl-font-size-13: calc(96 / var(--mrl-baseline) * 1rem);--mrl-font-size-14: calc(120 / var(--mrl-baseline) * 1rem);--mrl-line-height-01: 0.875;--mrl-line-height-02: 1;--mrl-line-height-03: 1.125;--mrl-line-height-04: 1.167;--mrl-line-height-05: 1.2;--mrl-line-height-06: 1.33;--mrl-line-height-07: 1.4;--mrl-line-height-08: 1.45;--mrl-line-height-09: 1.5;--mrl-line-height-10: 1.56;--mrl-line-height-11: 1.75;--mrl-line-height-12: 2;--mrl-letter-spacing-01: -2% ;--mrl-letter-spacing-02: -1% ;--mrl-letter-spacing-03: 0% ;--mrl-letter-spacing-04: 1% ;--mrl-letter-spacing-05: 2% ;--mrl-font-weight-01: 400 ;--mrl-font-weight-02: 500 ;--mrl-font-weight-03: 600 ;--mrl-font-weight-04: 700 ;--mrl-font-weight-05: 800 }:root{--mrl-color-focus: rgba(var(--mrl-blue-70), 1);--mrl-color-focus-inverse: rgba(var(--mrl-white), 1);--mrl-color-shadows: rgba(var(--mrl-black), 1);--mrl-color-brand: rgba(var(--mrl-red-70), 1);--mrl-color-brand-hover: rgba(var(--mrl-red-80), 1);--mrl-color-brand-active: rgba(var(--mrl-red-90), 1);--mrl-color-accent: rgba(var(--mrl-blue-70), 1);--mrl-color-skeleton: rgba(var(--mrl-gray-20), 1);--mrl-color-skeleton-inverse: rgba(var(--mrl-white), 1);--mrl-color-background: rgba(var(--mrl-white), 1);--mrl-color-background-secondary: rgba(var(--mrl-gray-80), 1);--mrl-color-background-decorative: rgba(var(--mrl-gray-20), 1);--mrl-color-background-info: rgba(var(--mrl-status-info), 1);--mrl-color-background-success: rgba(var(--mrl-status-success), 1);--mrl-color-background-warning: rgba(var(--mrl-status-warning), 1);--mrl-color-background-error: rgba(var(--mrl-status-error), 1);--mrl-color-background-private: rgba(var(--mrl-gray-100), 1);--mrl-color-background-inverse: rgba(var(--mrl-gray-100), 1);--mrl-color-background-inverse-hover: rgba(var(--mrl-gray-90), 1);--mrl-color-background-disabled: rgba(var(--mrl-gray-40), 1);--mrl-color-background-highlight-hover: rgba(var(--mrl-gray-20), 1);--mrl-color-background-highlight-active: rgba(var(--mrl-gray-90), 1);--mrl-color-background-highlight-selected: rgba(var(--mrl-gray-90), 1);--mrl-color-background-highlight-emph-active: rgba(var(--mrl-gray-30), 1);--mrl-color-line: rgba(var(--mrl-gray-70), 1);--mrl-color-line-hover: rgba(var(--mrl-gray-90), 1);--mrl-color-line-active: rgba(var(--mrl-gray-100), 1);--mrl-color-line-selected: rgba(var(--mrl-gray-90), 1);--mrl-color-line-disabled: rgba(var(--mrl-gray-40), 1);--mrl-color-line-divider: rgba(var(--mrl-gray-20), 1);--mrl-color-line-divider-inverse: rgba(var(--mrl-gray-80), 1);--mrl-color-line-emph: rgba(var(--mrl-gray-20), 1);--mrl-color-line-emph-hover: rgba(var(--mrl-gray-90), 1);--mrl-color-line-emph-active: rgba(var(--mrl-black), 1);--mrl-color-line-inverse: rgba(var(--mrl-white), 1);--mrl-color-line-inverse-disabled: rgba(var(--mrl-white), 1);--mrl-color-text: rgba(var(--mrl-gray-80), 1);--mrl-color-text-hover: rgba(var(--mrl-gray-90), 1);--mrl-color-text-active: rgba(var(--mrl-gray-90), 1);--mrl-color-text-selected: rgba(var(--mrl-gray-90), 1);--mrl-color-text-disabled: rgba(var(--mrl-gray-40), 1);--mrl-color-text-disabled-inverse: rgba(var(--mrl-white), 1);--mrl-color-text-emph: rgba(var(--mrl-gray-20), 1);--mrl-color-text-emph-hover: rgba(var(--mrl-gray-90), 1);--mrl-color-text-emph-active: rgba(var(--mrl-black), 1);--mrl-color-text-highlight: rgba(var(--mrl-gray-80), 1);--mrl-color-text-highlight-hover: rgba(var(--mrl-gray-90), 1);--mrl-color-text-highlight-active: rgba(var(--mrl-white), 1);--mrl-color-text-highlight-selected: rgba(var(--mrl-white), 1);--mrl-color-text-highlight-emph: rgba(var(--mrl-gray-90), 1);--mrl-color-text-highlight-emph-hover: rgba(var(--mrl-gray-100), 1);--mrl-color-text-highlight-emph-active: rgba(var(--mrl-black), 1);--mrl-color-text-highlight-emph-selected: rgba(var(--mrl-white), 1);--mrl-color-text-inverse: rgba(var(--mrl-white), 1);--mrl-color-text-inverse-secondary: rgba(var(--mrl-gray-10), 1);--mrl-color-text-inverse-hover: rgba(var(--mrl-white), 1);--mrl-color-text-inverse-active: rgba(var(--mrl-white), 1);--mrl-color-text-inverse-selected: rgba(var(--mrl-white), 1);--mrl-color-text-02: rgba(var(--mrl-gray-90), 1);--mrl-color-text-secondary: rgba(var(--mrl-gray-70), 1);--mrl-color-text-label: rgba(var(--mrl-gray-90), 1);--mrl-color-text-heading: rgba(var(--mrl-gray-100), 1);--mrl-color-text-success: rgba(var(--mrl-gray-90), 1);--mrl-color-text-warning: rgba(var(--mrl-gray-90), 1);--mrl-color-text-error: rgba(var(--mrl-status-error), 1);--mrl-color-text-info: rgba(var(--mrl-gray-90), 1);--mrl-color-text-private: rgba(var(--mrl-gray-100), 1);--mrl-color-icon-emph-selected: rgba(var(--mrl-gray-100), 1);--mrl-color-background-inverse-active: var(--mrl-color-accent);--mrl-color-background-inverse-selected: var(--mrl-color-accent);--mrl-color-background-highlight-emph-selected: var(--mrl-color-accent);--mrl-color-line-emph-selected: var(--mrl-color-accent);--mrl-color-text-emph-selected: var(--mrl-color-accent);--mrl-color-background-page: rgb(245, 245, 245);--mrl-color-background-hover-opacity: rgba(var(--mrl-gray-30), 0.2);--mrl-color-background-inverse-hover-opacity: rgba(var(--mrl-black), 0.2)}:root{--mrl-space-stack-components: var(--mrl-spacing-06);--mrl-space-stack-controls: var(--mrl-spacing-05);--mrl-space-stack-controls-small: var(--mrl-spacing-04);--mrl-space-stack-section: var(--mrl-spacing-07);--mrl-space-stack-section-divider: var(--mrl-spacing-04);--mrl-space-stack-section-divider-small: var(--mrl-spacing-03);--mrl-space-stack-section-divider-large: var(--mrl-spacing-06);--mrl-space-stack-section-divider-label: var(--mrl-spacing-05);--mrl-space-stack-siblings: var(--mrl-spacing-04);--mrl-space-stack-related: var(--mrl-spacing-03);--mrl-space-stack-related-small: var(--mrl-spacing-02);--mrl-space-inset: var(--mrl-spacing-03);--mrl-space-inset-container: var(--mrl-spacing-08);--mrl-space-inset-container-large: var(--mrl-spacing-05);--mrl-space-inset-large: var(--mrl-spacing-05);--mrl-space-inset-control: var(--mrl-spacing-06);--mrl-space-inset-control-large: var(--mrl-spacing-05);--mrl-space-inline-related: var(--mrl-spacing-03);--mrl-space-inline-sibling: var(--mrl-spacing-04);--mrl-space-inline-sibling-small: var(--mrl-spacing-02);--mrl-space-gutter: var(--mrl-spacing-04);--mrl-space-gutter-label: var(--mrl-spacing-05);--mrl-space-offset-focus: var(--mrl-spacing-01);--mrl-space-stack-subheading: var(--mrl-spacing-05);--mrl-space-stack-title: var(--mrl-spacing-07);--mrl-space-stack-title-related: var(--mrl-spacing-05);--mrl-space-inline-sibling-xsmall: var(--mrl-space-inline-sibling-small);--mrl-space-inset-control-small: calc( var(--mrl-spacing-03) + var(--mrl-spacing-01) )}@media only screen and (min-width: 600px){:root{--mrl-space-inset-container-large: var(--mrl-spacing-08)}}:root{--mrl-line-width-border-fine: 1px;--mrl-line-width-border: var(--mrl-stroke-01);--mrl-line-width-border-selected: var(--mrl-stroke-01);--mrl-line-width-focus: var(--mrl-stroke-01);--mrl-line-width-control: var(--mrl-stroke-01);--mrl-line-width-divider: var(--mrl-stroke-01);--mrl-border-radius-tight: var(--mrl-radii-01);--mrl-border-radius-content: var(--mrl-radii-02);--mrl-border-radius-content-large: var(--mrl-radii-03);--mrl-border-radius-functional: var(--mrl-radii-03);--mrl-border-radius-functional-large: var(--mrl-radii-04);--mrl-border-radius-container: var(--mrl-radii-04);--mrl-border-radius-container-large: var(--mrl-radii-05);--mrl-border-radius-rounded: var(--mrl-radii-07);--mrl-border-radius-rounded-large: var(--mrl-radii-08);--mrl-border: var(--mrl-line-width-border) solid var(--mrl-color-line);--mrl-border-hover: var(--mrl-line-width-border) solid var(--mrl-color-line-hover);--mrl-border-active: var(--mrl-line-width-border) solid var(--mrl-color-line-active);--mrl-border-selected: var(--mrl-line-width-border-selected) solid var(--mrl-color-line-selected);--mrl-border-disabled: var(--mrl-line-width-border) solid var(--mrl-color-line-disabled);--mrl-border-emph: var(--mrl-line-width-border) solid var(--mrl-color-line-emph);--mrl-border-emph-hover: var(--mrl-line-width-border) solid var(--mrl-color-line-emph-hover);--mrl-border-emph-active: var(--mrl-line-width-border) solid var(--mrl-color-line-emph-active);--mrl-border-emph-selected: var(--mrl-line-width-border-selected) solid var(--mrl-color-line-emph-selected);--mrl-border-emph-disabled: var(--mrl-line-width-border) solid var(--mrl-color-line-emph-disabled);--mrl-border-inverse: var(--mrl-line-width-border) solid var(--mrl-color-line-inverse);--mrl-border-inverse-hover: var(--mrl-line-width-border) solid var(--mrl-color-line-inverse);--mrl-border-inverse-active: var(--mrl-line-width-border) solid var(--mrl-color-line-inverse);--mrl-border-inverse-selected: var(--mrl-line-width-border-selected) solid var(--mrl-color-line-inverse);--mrl-border-inverse-disabled: var(--mrl-line-width-border) solid var(--mrl-color-line-inverse-disabled);--mrl-border-focus: var(--mrl-line-width-focus) solid var(--mrl-color-focus);--mrl-border-divider: var(--mrl-line-width-divider) solid var(--mrl-color-line-divider)}:root{--mrl-body-font: var(--mrl-font-family-01), sans-serif;--mrl-heading-font: var(--mrl-font-family-01), sans-serif;--mrl-heading-font-alt: var(--mrl-font-family-02), serif;--mrl-type-size-display: var(--mrl-font-size-08);--mrl-type-size-display-large: var(--mrl-font-size-09);--mrl-type-size-display-small: var(--mrl-font-size-07);--mrl-type-size-headline: var(--mrl-font-size-05);--mrl-type-size-headline-large: var(--mrl-font-size-06);--mrl-type-size-headline-small: var(--mrl-font-size-02);--mrl-type-size-text: var(--mrl-font-size-04);--mrl-type-size-text-large: var(--mrl-font-size-05);--mrl-type-size-text-small: var(--mrl-font-size-03);--mrl-type-size-text-xsmall: var(--mrl-font-size-02);--mrl-type-size-text-xxsmall: var(--mrl-font-size-01);--mrl-type-line-height-title: var(--mrl-line-height-04);--mrl-type-line-height-title-large: var(--mrl-line-height-06);--mrl-type-line-height-title-small: var(--mrl-line-height-06);--mrl-type-line-height-title-xsmall: var(--mrl-line-height-06);--mrl-type-line-height-title-xxsmall: var(--mrl-line-height-06);--mrl-type-line-height-display: var(--mrl-line-height-03);--mrl-type-line-height-display-large: var(--mrl-line-height-05);--mrl-type-line-height-display-small: var(--mrl-line-height-06);--mrl-type-line-height-headline: var(--mrl-line-height-09);--mrl-type-line-height-headline-large: var(--mrl-line-height-07);--mrl-type-line-height-headline-small: var(--mrl-line-height-09);--mrl-type-line-height-text: var(--mrl-line-height-09);--mrl-type-line-height-text-large: var(--mrl-line-height-10);--mrl-type-line-height-text-small: var(--mrl-line-height-08);--mrl-type-line-height-text-xsmall: var(--mrl-line-height-06);--mrl-type-line-height-text-xxsmall: var(--mrl-line-height-08);--mrl-type-line-height-interactive: var(--mrl-line-height-09);--mrl-type-line-height-interactive-large: var(--mrl-line-height-10);--mrl-type-line-height-interactive-small: var(--mrl-line-height-08);--mrl-type-line-height-interactive-xsmall: var(--mrl-line-height-06);--mrl-type-weight-display: var(--mrl-font-weight-01);--mrl-type-weight-headline: var(--mrl-font-weight-04);--mrl-type-weight-title: var(--mrl-font-weight-04);--mrl-type-weight-title-secondary: var(--mrl-font-weight-02);--mrl-type-weight-text: var(--mrl-font-weight-01);--mrl-type-weight-text-bold: var(--mrl-font-weight-04);--mrl-type-weight-text-secondary: var(--mrl-font-weight-01);--mrl-type-weight-interactive: var(--mrl-font-weight-04);--mrl-type-spacing-display: var(--mrl-letter-spacing-03);--mrl-type-spacing-display-large: var(--mrl-letter-spacing-02);--mrl-type-spacing-display-small: var(--mrl-letter-spacing-03);--mrl-type-spacing-headline: var(--mrl-letter-spacing-03);--mrl-type-spacing-headline-large: var(--mrl-letter-spacing-03);--mrl-type-spacing-headline-small: var(--mrl-letter-spacing-04);--mrl-type-spacing-text: var(--mrl-letter-spacing-03);--mrl-type-spacing-interactive-xsmall: var(--mrl-letter-spacing-04);--mrl-type-size-toggleable-label: calc(10 / var(--mrl-baseline) * 1rem);--mrl-type-weight-toggleable-label: var(--mrl-font-weight-03)}@media screen and (min-width: 600px){:root{--mrl-type-size-display: var(--mrl-font-size-09);--mrl-type-size-display-large: var(--mrl-font-size-10);--mrl-type-size-display-small: var(--mrl-font-size-08);--mrl-type-size-display-xsmall: var(--mrl-font-size-07);--mrl-type-size-headline: var(--mrl-font-size-06);--mrl-type-size-headline-large: var(--mrl-font-size-07);--mrl-type-size-headline-small: var(--mrl-font-size-04);--mrl-type-line-height-display: var(--mrl-line-height-05);--mrl-type-line-height-display-large: var(--mrl-line-height-04);--mrl-type-line-height-display-small: var(--mrl-line-height-03);--mrl-type-line-height-headline: var(--mrl-line-height-07);--mrl-type-line-height-headline-large: var(--mrl-line-height-06);--mrl-type-line-height-headline-small: var(--mrl-line-height-03);--mrl-type-spacing-headline-small: var(--mrl-letter-spacing-03)}}:root{--mrl-shadows-lifted: var(--mrl-shadow-01);--mrl-shadows-raised: var(--mrl-shadow-02);--mrl-shadows-floating: var(--mrl-shadow-03);--mrl-shadows-hover: var(--mrl-shadow-interactive-01);--mrl-shadows-drag: var(--mrl-shadow-interactive-02)}.mrl-u-focus-wrapper{position:relative}body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,samp,small,tt,var,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;margin:0;padding:0;vertical-align:baseline}b,em,i,strike,strong,sub,sup,u{border:0;font-family:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:none}table{border-collapse:collapse;border-spacing:0}html{border:0;box-sizing:border-box;font:inherit;font-family:var(--mrl-body-font);font-size:var(--mrl-font-size, 100%);-webkit-font-smoothing:antialiased;margin:0;padding:0;vertical-align:baseline}h1,h2,h3,h4,h5,h6{font-family:var(--mrl-heading-font)}*,*::before,*::after{box-sizing:inherit}.mrl-u-space-center-horizontal{display:flex}.mrl-u-space-center-horizontal-inline{display:inline-flex}.mrl-u-space-center-vertical{align-items:center;display:flex}.mrl-u-space-center-vertical>*{display:inline-flex}.mrl-u-space-center-vertical-inline{align-items:center;display:inline-flex}.mrl-u-space-center-vertical-inline>*{display:inline-flex}.mrl-u-text-interactive-xsmall{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xsmall);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-interactive-xsmall);line-height:var(--mrl-type-line-height-interactive-xsmall)}.mrl-u-text-interactive-small{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive-small)}.mrl-u-text-interactive-medium{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive)}.mrl-u-text-interactive-large{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-large);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive-large)}.mrl-u-text-toggleable-label{font-size:var(--mrl-type-size-toggleable-label);font-weight:var(--mrl-type-weight-toggleable-label)}:root{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton);--mrl-button-border-radius: var(--mrl-border-radius-functional)}.mrl-u-preHydrateSkeleton mrl-button:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button:not(.hydrated){min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09);background:var(--mrl-button-background-color-skeleton);border-radius:var(--mrl-button-border-radius);box-shadow:none;color:rgba(0,0,0,0);display:inline-flex;font-family:var(--mrl-body-font);pointer-events:none;visibility:inherit}.mrl-u-preHydrateSkeleton mrl-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-button[kind=ghost-inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button[kind=ghost-inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button[kind=ghost-inverse]:not(.hydrated){--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}mrl-button[size=small],mrl-shadow-button[size=small]{min-height:var(--mrl-spacing-08)}mrl-icon-button[size=small]{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}mrl-button[size=large],mrl-shadow-button[size=large]{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=large]{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=xsmall][kind=ghost],mrl-icon-button[size=xsmall][kind=ghost-inverse]{min-height:var(--mrl-spacing-07);min-width:var(--mrl-spacing-07)}/*# sourceMappingURL=foundation.min.css.map */
package/dist/foundation.min.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../src/styles/global-variables/border.scss","../src/styles/global-variables/color.scss","../src/styles/global-variables/motion.scss","../src/styles/global-variables/shadows.scss","../src/styles/global-variables/spacing.scss","../src/styles/global-variables/typography.scss","../src/styles/contextual-variables/color.scss","../src/styles/contextual-variables/spacing.scss","../src/styles/contextual-variables/border.scss","../src/styles/contextual-variables/typography.scss","../src/styles/contextual-variables/shadows.scss","../src/styles/focus.scss","../src/styles/baseline.scss","../src/styles/spacing.scss","../src/styles/_mixins.scss","../src/styles/typography.scss","../src/styles/skeletons/button.scss"],"names":[],"mappings":"AA8BA,MAEE,qKAIA,+DCqJF,MAEE,o0IAKC,4jBAIF,0CC5KD,MAGE,qQAKA,mGAKA,8CCdF,MAEE,4aCCF,MAEE,8wBCkCF,MACC,mBACA,gCACA,gCAIC,6yBAKA,8TAKA,mJAKA,uICiEF,MAGE,4zHAKA,wTAID,gDAGA,oEACA,0ECtHD,MAGE,20CAMD,yEAGA,uFAPA,0CALD,MAME,0DCXF,MAGC,kCAIC,gPAKA,ydAiCC,02CAaD,qKC2BF,MACC,uDACA,0DACA,8DAIC,8tBAKA,05CAKA,6eAKA,+pBAKD,wEACA,8DAKD,qCACC,MAGE,qhBAKA,8iBAKA,iECvJH,MAEE,8OCtBF,qBACC,kBCKD,qXAuEC,SACA,SACA,UACA,wBAGD,+BAQC,SACA,oBACA,SACA,UACA,wBAID,8EAWC,cAGD,MAEC,gBAGD,aAEC,YAGD,wDAIC,aAGD,MACC,yBACA,iBAKD,KACC,SACA,sBACA,aACA,iCACA,qCACA,mCACA,SACA,UACA,wBAGD,kBACC,oCAGD,qBAGC,mBCtJD,+BCgHC,QANmB,KDtGpB,sCC4GC,QAHoB,YDrGrB,6BCoFC,mBACA,QAPmB,KASnB,+BACC,oBDpFF,oCCgFC,mBACA,QAJoB,YAMpB,sCACC,oBC9FD,+BDgCA,iCACA,2CACA,+CACA,0DACA,2DCpCA,8BDgCA,iCACA,0CACA,+CACA,4CACA,0DCpCA,+BDgCA,iCACA,oCACA,+CACA,4CACA,oDCpCA,8BDgCA,iCACA,0CACA,+CACA,4CACA,0DC/BD,6BDqEC,gDACA,oDEnBD,MACC,kEACA,gEAaA,wKA1CA,WA7B4B,sBAgC3B,UAhC2B,sBA4C5B,uDACA,8CACA,gBACA,oBACA,oBACA,iCACA,oBACA,mBA6BA,sbAMC,0EAMF,qDA/DC,WA5B0B,sBAgG3B,4BApEC,WA5B0B,sBA+BzB,UA/ByB,sBAqG3B,qDAzEC,WAxB0B,oDAsG3B,4BA9EC,WAxB0B,oDA2BzB,UA3ByB,oDA2G3B,0FAnFC,WAvB2B,sBA0B1B,UA1B0B","file":"foundation.min.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../src/styles/global-variables/border.scss","../src/styles/global-variables/color.scss","../src/styles/global-variables/motion.scss","../src/styles/global-variables/shadows.scss","../src/styles/global-variables/spacing.scss","../src/styles/global-variables/typography.scss","../src/styles/contextual-variables/color.scss","../src/styles/contextual-variables/spacing.scss","../src/styles/contextual-variables/border.scss","../src/styles/contextual-variables/typography.scss","../src/styles/contextual-variables/shadows.scss","../src/styles/focus.scss","../src/styles/baseline.scss","../src/styles/spacing.scss","../src/styles/_mixins.scss","../src/styles/typography.scss","../src/styles/skeletons/button.scss"],"names":[],"mappings":"AA8BA,MAEE,qKAIA,+DCsJF,MAEE,o0IAKC,gnBAIF,0CC7KD,MAGE,qQAKA,mGAKA,8CCdF,MAEE,4aCCF,MAEE,8wBCkCF,MACC,mBACA,gCACA,gCAIC,6yBAKA,8TAKA,mJAKA,uICiEF,MAGE,4zHAKA,wTAID,gDAGA,oEACA,0ECtHD,MAGE,20CAMD,yEAGA,uFAPA,0CALD,MAME,0DCXF,MAGC,kCAIC,gPAKA,ydAiCC,02CAaD,qKCMF,MACC,uDACA,0DACA,yDAIC,kkBAKA,muCAKA,ybAKA,2eAKD,wEACA,8DAKD,qCACC,MAGE,yXAKA,uXAKA,iEClIH,MAEE,8OCtBF,qBACC,kBCKD,qXAuEC,SACA,SACA,UACA,wBAGD,+BAQC,SACA,oBACA,SACA,UACA,wBAID,8EAWC,cAGD,MAEC,gBAGD,aAEC,YAGD,wDAIC,aAGD,MACC,yBACA,iBAKD,KACC,SACA,sBACA,aACA,iCACA,qCACA,mCACA,SACA,UACA,wBAGD,kBACC,oCAGD,qBAGC,mBCtJD,+BCgHC,QANmB,KDtGpB,sCC4GC,QAHoB,YDrGrB,6BCoFC,mBACA,QAPmB,KASnB,+BACC,oBDpFF,oCCgFC,mBACA,QAJoB,YAMpB,sCACC,oBC9FD,+BDgCA,iCACA,2CACA,+CACA,0DACA,2DCpCA,8BDgCA,iCACA,0CACA,+CACA,4CACA,0DCpCA,+BDgCA,iCACA,oCACA,+CACA,4CACA,oDCpCA,8BDgCA,iCACA,0CACA,+CACA,4CACA,0DC/BD,6BDqEC,gDACA,oDEnBD,MACC,kEACA,gEAaA,wKA1CA,WA7B4B,sBAgC3B,UAhC2B,sBA4C5B,uDACA,8CACA,gBACA,oBACA,oBACA,iCACA,oBACA,mBA6BA,sbAMC,0EAMF,qDA/DC,WA5B0B,sBAgG3B,4BApEC,WA5B0B,sBA+BzB,UA/ByB,sBAqG3B,qDAzEC,WAxB0B,oDAsG3B,4BA9EC,WAxB0B,oDA2BzB,UA3ByB,oDA2G3B,0FAnFC,WAvB2B,sBA0B1B,UA1B0B","file":"foundation.min.css"}
package/dist/ios-swift/Mrl.swift CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Tue, 22 Aug 2023 16:10:19 GMT
7
+ // Generated on Fri, 08 Sep 2023 16:52:45 GMT
8
8
 
9
9
 
10
10
  import UIKit
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@muraldevkit/ds-foundation","version":"2.0.1","description":"Mural's design system's Foundation package containing our design language features used across all components","license":"https://www.mural.co/terms/developer-addendum","scripts":{"copy":"npm run copy:json","copy:json":"cpy src/tokens/*.json dist/tokens/ --flat","build:minify":"npm run build:fonts:min && npm run build:foundation:min","build:transpile":"npm run build:fonts && npm run build:foundation","build:foundation":"sass src/styles/index.scss dist/foundation.css","build:foundation:min":"sass src/styles/index.scss dist/foundation.min.css --style compressed","build:fonts":"sass src/styles/fonts.scss dist/fonts.css","build:fonts:min":"sass src/styles/fonts.scss dist/fonts.min.css --style compressed","build:tokens":"style-dictionary build --config ../../node_modules/@muraldevkit/ds-utilities/lib/configs/style-dictionary.json","build:styles":"npm run build:transpile && npm run build:minify","build":"npm run clean && npm run build:tokens && npm run build:styles","postbuild":"npm run copy","clean":"rimraf dist && rimraf src/styles/_global.scss","watch":"sass src/styles/index.scss dist/foundation.css --watch","release":"npx semantic-release"},"files":["dist/","src/styles/","assets/fonts"],"publishConfig":{"access":"public"},"packageConfig":{"status":"integration-ready"},"devDependencies":{"@muraldevkit/ds-semrel-config":"1.1.0","@muraldevkit/ds-semrel-manager":"1.0.0","@muraldevkit/ds-semrel-stencil-exports":"1.0.1","@muraldevkit/ds-utilities":"1.0.5","cpy-cli":"4.2.0","rimraf":"3.0.2","sass":"1.62.1","semantic-release-monorepo":"7.0.5","style-dictionary":"3.7.2"},"release":{"extends":["semantic-release-monorepo","./config/release.config"]},"nx":{"targets":{"build":{"dependsOn":["^build"]},"inputs":["{projectRoot}/src/**/*"],"outputs":["{projectRoot}/dist"]}}}
1
+ {"name":"@muraldevkit/ds-foundation","version":"2.1.0","description":"Mural's design system's Foundation package containing our design language features used across all components","license":"https://www.mural.co/terms/developer-addendum","scripts":{"copy":"npm run copy:json","copy:json":"cpy src/tokens/*.json dist/tokens/ --flat","build:minify":"npm run build:fonts:min && npm run build:foundation:min","build:transpile":"npm run build:fonts && npm run build:foundation","build:foundation":"sass src/styles/index.scss dist/foundation.css","build:foundation:min":"sass src/styles/index.scss dist/foundation.min.css --style compressed","build:fonts":"sass src/styles/fonts.scss dist/fonts.css","build:fonts:min":"sass src/styles/fonts.scss dist/fonts.min.css --style compressed","build:tokens":"style-dictionary build --config ../../node_modules/@muraldevkit/ds-utilities/lib/configs/style-dictionary.json","build:styles":"npm run build:transpile && npm run build:minify","build":"npm run clean && npm run build:tokens && npm run build:styles","postbuild":"npm run copy","clean":"rimraf dist && rimraf src/styles/_global.scss","watch":"sass src/styles/index.scss dist/foundation.css --watch","release":"npx semantic-release"},"files":["dist/","src/styles/","assets/fonts"],"publishConfig":{"access":"public"},"packageConfig":{"status":"integration-ready"},"devDependencies":{"@muraldevkit/ds-semrel-config":"1.1.0","@muraldevkit/ds-semrel-manager":"1.0.0","@muraldevkit/ds-semrel-stencil-exports":"1.0.1","@muraldevkit/ds-utilities":"1.0.5","cpy-cli":"4.2.0","rimraf":"3.0.2","sass":"1.62.1","semantic-release-monorepo":"7.0.5","style-dictionary":"3.7.2"},"release":{"extends":["semantic-release-monorepo","./config/release.config"]},"nx":{"targets":{"build":{"dependsOn":["^build"]},"inputs":["{projectRoot}/src/**/*"],"outputs":["{projectRoot}/dist"]}}}
package/src/styles/contextual-variables/typography.scss CHANGED
@@ -3,18 +3,14 @@
3
3
  /// @group variables
4
4
  ////
5
5
 
6
- // We have 6 different use cases for text: poster, display, headlines, titles, body copy (text),
6
+ // We have 6 different use cases for text: display, headlines, titles, body copy (text),
7
7
  // and interactive UI elements. For each category, the default is the medium, [primary] variation.
8
- // For use cases that have differences between mobile and desktop (poster, display, and headline),
8
+ // For use cases that have differences between mobile and desktop (display, and headline),
9
9
  // we implement mobile as the default since our implementation follows a mobile-first philosophy
10
10
  // for performance.
11
11
 
12
12
  /* Font Size Tokens */
13
13
  $mrl-contextual-font-size-vars: (
14
- "poster": "10",
15
- "poster-large": "11",
16
- "poster-small": "09",
17
-
18
14
  "display": "08",
19
15
  "display-large": "09",
20
16
  "display-small": "07",
@@ -31,10 +27,6 @@ $mrl-contextual-font-size-vars: (
31
27
  "text-xxsmall": "01",
32
28
  );
33
29
  $mrl-contextual-font-size-vars-large-viewport: (
34
- "poster": "12",
35
- "poster-large": "13",
36
- "poster-small": "11",
37
-
38
30
  "display": "09",
39
31
  "display-large": "10",
40
32
  "display-small": "08",
@@ -47,10 +39,6 @@ $mrl-contextual-font-size-vars-large-viewport: (
47
39
 
48
40
  /* Line Height Tokens */
49
41
  $mrl-contextual-line-height-vars: (
50
- "poster": "04",
51
- "poster-large": "03",
52
- "poster-small": "05",
53
-
54
42
  "title": "04",
55
43
  "title-large": "06",
56
44
  "title-small": "06",
@@ -77,10 +65,6 @@ $mrl-contextual-line-height-vars: (
77
65
  "interactive-xsmall": "06"
78
66
  );
79
67
  $mrl-contextual-line-height-vars-large-viewport: (
80
- "poster": "02",
81
- "poster-large": "02",
82
- "poster-small": "02",
83
-
84
68
  "display": "05",
85
69
  "display-large": "04",
86
70
  "display-small": "03",
@@ -92,7 +76,6 @@ $mrl-contextual-line-height-vars-large-viewport: (
92
76
 
93
77
  /* Font Weight Tokens */
94
78
  $mrl-contextual-font-weight-vars: (
95
- "poster": "04",
96
79
  "display": "01",
97
80
  "headline": "04",
98
81
  "title": "04",
@@ -105,10 +88,6 @@ $mrl-contextual-font-weight-vars: (
105
88
 
106
89
  /* Letter Spacing Tokens */
107
90
  $mrl-contextual-letter-spacing-vars: (
108
- "poster": "02",
109
- "poster-large": "01",
110
- "poster-small": "02",
111
-
112
91
  "display": "03",
113
92
  "display-large": "02",
114
93
  "display-small": "03",
@@ -128,7 +107,7 @@ $mrl-contextual-letter-spacing-vars-large-viewport: (
128
107
  :root {
129
108
  --mrl-body-font: var(--mrl-font-family-01), sans-serif;
130
109
  --mrl-heading-font: var(--mrl-font-family-01), sans-serif;
131
- --mrl-heading-font-alt: var(--mrl-font-family-02), sans-serif;
110
+ --mrl-heading-font-alt: var(--mrl-font-family-02), serif;
132
111
 
133
112
  // Typography - Font Size
134
113
  @each $token-name, $token-value in $mrl-contextual-font-size-vars {
package/src/styles/fonts.scss CHANGED
@@ -21,13 +21,13 @@ $mrl-abc-font-weights: (
21
21
 
22
22
  /** STK Bureau Sans fonts */
23
23
  $mrl-bureau-font-weights: (
24
- "Light": 500,
24
+ "Light": 400,
25
25
  );
26
26
 
27
27
  @each $font-weight-name, $font-weight-value in $mrl-bureau-font-weights {
28
28
  // we can't use var(--mrl-font-family-02) in here
29
29
  // because of how sass handles this string value
30
30
  $font-family: stkbureau;
31
- $font-path: "#{$mrl-font-dir}/STKBureau-Sans#{$font-weight-name}.12072022";
31
+ $font-path: "#{$mrl-font-dir}/STKBureau-Serif#{$font-weight-name}.12072022";
32
32
  @include font-face($font-family, $font-path, $font-weight-value);
33
33
  }
package/src/styles/global-variables/color.scss CHANGED
@@ -11,7 +11,7 @@ $mrl-global-color-vars: (
11
11
  "gray-40": "187, 187, 187", // #bbbbbb
12
12
  "gray-50": "158, 158, 158", // #9e9e9e
13
13
  "gray-60": "145, 145, 145", // #919191
14
- "gray-70": "115, 115, 115", // #737373
14
+ "gray-70": "112, 112, 112", // #707070
15
15
  "gray-80": "78, 78, 78", // #4e4e4e
16
16
  "gray-90": "47, 47, 47", // #2f2f2f
17
17
  "gray-100": "31, 31, 31", // #1f1f1f
@@ -171,6 +171,7 @@ $mrl-global-colors-opacity: (
171
171
  "01": ".16",
172
172
  "02": ".24",
173
173
  "03": ".32",
174
+ "05": ".56",
174
175
  "06": ".64",
175
176
  "08": ".80"
176
177
  ),