@penskemediacorp/larva-css 1.8.0-alpha.0 → 1.8.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 (120) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +199 -22
  3. package/__tests__/fixtures/expected.js +29 -0
  4. package/__tests__/lib/generators.test.js +11 -0
  5. package/build/css/algorithms.common.async.css +4 -0
  6. package/build/css/algorithms.common.inline.css +21 -0
  7. package/build/css/generic.common.inline.css +4 -0
  8. package/build/css/js.common.async.css +3 -0
  9. package/build/css/js.common.inline.css +6 -0
  10. package/build/css/utilities.common.async.css +8 -0
  11. package/build/css/utilities.common.inline.css +29 -0
  12. package/gulpfile.js +110 -82
  13. package/lib/generators.js +93 -0
  14. package/package.json +14 -6
  15. package/src/01-generic/elements.common.inline.scss +33 -1
  16. package/src/01-generic/forms.common.inline.scss +10 -0
  17. package/src/01-generic/side-skins.common.inline.scss +10 -0
  18. package/src/01-generic/typography.common.inline.scss +23 -15
  19. package/src/02-algorithms/a-buy-now/a-buy-now.common.inline.scss +112 -0
  20. package/src/02-algorithms/a-carousel-grid/a-carousel-grid.common.inline.scss +66 -0
  21. package/src/02-algorithms/a-children-border/a-children-border.common.inline.scss +43 -0
  22. package/src/02-algorithms/a-children-link-color/a-children-link-color.common.inline.scss +15 -0
  23. package/src/02-algorithms/a-children-link-decoration/a-children-link-decoration.common.inline.scss +13 -0
  24. package/src/02-algorithms/a-counter/a-counter.common.inline.scss +26 -0
  25. package/src/02-algorithms/a-crop/README.md +17 -13
  26. package/src/02-algorithms/a-crop/a-crop.common.inline.scss +96 -12
  27. package/src/02-algorithms/a-crop/a-crop.html +2 -2
  28. package/src/02-algorithms/a-floated/a-floated.common.inline.scss +32 -0
  29. package/src/02-algorithms/a-font/a-font.common.inline.scss +3 -0
  30. package/src/02-algorithms/a-glue/a-glue.common.inline.scss +63 -6
  31. package/src/02-algorithms/a-glue/a-glue.html +2 -2
  32. package/src/02-algorithms/a-grid/README.md +141 -14
  33. package/src/02-algorithms/a-grid/a-grid.common.inline.scss +53 -5
  34. package/src/02-algorithms/a-grid/a-grid.html +4 -4
  35. package/src/02-algorithms/a-hidden/a-hidden.common.inline.scss +43 -0
  36. package/src/02-algorithms/a-hover-dropup/a-hover-dropup.common.async.scss +7 -7
  37. package/src/02-algorithms/a-hover-dropup/a-hover-dropup.html +3 -3
  38. package/src/02-algorithms/a-hover-effect/a-hover-effect.common.async.scss +25 -0
  39. package/src/02-algorithms/a-hover-effect/a-hover-effect.html +16 -0
  40. package/src/02-algorithms/a-icon/a-icon.common.async.scss +28 -3
  41. package/src/02-algorithms/a-icon/a-icon.common.inline.scss +51 -73
  42. package/src/02-algorithms/a-screen-reader-only/a-screen-reader-only.common.inline.scss +30 -0
  43. package/src/02-algorithms/a-scrollable-grid/a-scrollable-grid.common.inline.scss +52 -0
  44. package/src/02-algorithms/a-show-on-hover/a-show-on-hover.common.inline.scss +16 -0
  45. package/src/02-algorithms/a-space-children/a-space-children.common.inline.scss +88 -17
  46. package/src/02-algorithms/a-truncate-ellipsis/a-truncate-ellipsis.common.async.scss +71 -0
  47. package/src/02-algorithms/a-unstyle-button/a-unstyle-button.common.inline.scss +2 -3
  48. package/src/02-algorithms/a-unstyle-link/a-unstyle-link.common.inline.scss +7 -0
  49. package/src/02-algorithms/a-unstyle-list/a-unstyle-list.common.inline.scss +1 -1
  50. package/src/02-algorithms/a-wrapper/a-wrapper.common.inline.scss +14 -2
  51. package/src/03-utilities/u-background-color.common.async.scss +15 -0
  52. package/src/03-utilities/u-background-color.common.inline.scss +37 -0
  53. package/src/03-utilities/u-border-color.common.async.scss +36 -8
  54. package/src/03-utilities/u-border-radius.common.async.scss +26 -2
  55. package/src/03-utilities/u-border.common.inline.scss +215 -4
  56. package/src/03-utilities/u-box-alignment.common.inline.scss +64 -4
  57. package/src/03-utilities/u-box-shadow.common.async.scss +34 -3
  58. package/src/03-utilities/u-color.common.async.scss +19 -21
  59. package/src/03-utilities/u-color.common.inline.scss +39 -0
  60. package/src/03-utilities/u-cursor.common.async.scss +1 -1
  61. package/src/03-utilities/u-display.common.inline.scss +87 -4
  62. package/src/03-utilities/u-filter.common.async.scss +5 -0
  63. package/src/03-utilities/u-flex.common.inline.scss +151 -9
  64. package/src/03-utilities/u-font-family.common.inline.scss +41 -17
  65. package/src/03-utilities/u-font-size.common.inline.scss +58 -5
  66. package/src/03-utilities/u-font-style.common.inline.scss +9 -0
  67. package/src/03-utilities/u-font-weight.common.inline.scss +50 -12
  68. package/src/03-utilities/u-height.common.inline.scss +38 -8
  69. package/src/03-utilities/u-left.common.inline.scss +7 -0
  70. package/src/03-utilities/u-letter-spacing.common.inline.scss +11 -0
  71. package/src/03-utilities/u-line-height.common.inline.scss +49 -13
  72. package/src/03-utilities/u-list-style.common.async.scss +3 -0
  73. package/src/03-utilities/u-margin.common.inline.scss +182 -47
  74. package/src/03-utilities/u-max-width.common.inline.scss +25 -0
  75. package/src/03-utilities/u-opacity.common.inline.scss +3 -0
  76. package/src/03-utilities/u-order.common.inline.scss +29 -2
  77. package/src/03-utilities/u-overflow.common.inline.scss +14 -2
  78. package/src/03-utilities/u-padding.common.inline.scss +157 -52
  79. package/src/03-utilities/u-position.common.inline.scss +11 -0
  80. package/src/03-utilities/u-text-align.common.inline.scss +27 -4
  81. package/src/03-utilities/u-text-decoration.common.inline.scss +11 -0
  82. package/src/03-utilities/u-text-transform.common.inline.scss +14 -2
  83. package/src/03-utilities/u-top.common.inline.scss +7 -0
  84. package/src/03-utilities/u-transform.common.inline.scss +12 -0
  85. package/src/03-utilities/u-vertical-align.common.inline.scss +7 -0
  86. package/src/03-utilities/u-whitespace.common.inline.scss +1 -1
  87. package/src/03-utilities/u-width.common.inline.scss +198 -12
  88. package/src/04-js/README.md +5 -0
  89. package/src/04-js/js-Collapsible.common.inline.scss +15 -0
  90. package/src/04-js/js-ExpandableSearch.common.async.scss +33 -0
  91. package/src/04-js/js-Flickity.common.async.scss +91 -0
  92. package/src/04-js/js-Header.common.inline.scss +73 -0
  93. package/src/04-js/js-MegaMenu.common.inline.scss +50 -0
  94. package/src/04-js/js-MobileHeightToggle.common.inline.scss +7 -5
  95. package/src/04-js/js-PopOver.common.async.scss +13 -0
  96. package/src/04-js/js-Tooltip.common.inline.scss +17 -0
  97. package/src/04-js/js-VideoShowcase.common.inline.scss +33 -0
  98. package/src/04-js/partials/expandable-search.scss +202 -0
  99. package/src/04-js/partials/flickity.scss +149 -0
  100. package/src/_generated/_a-font.scss +1027 -0
  101. package/src/larva-ui/prism.scss +127 -0
  102. package/src/setup.scss +7 -0
  103. package/stylelint.config.js +10 -11
  104. package/build/css/algorithms.common.async.scss +0 -36
  105. package/build/css/algorithms.common.inline.scss +0 -274
  106. package/build/css/generic.common.inline.scss +0 -66
  107. package/build/css/js.common.inline.scss +0 -9
  108. package/build/css/utilities.common.async.scss +0 -57
  109. package/build/css/utilities.common.inline.scss +0 -473
  110. package/holding/a-truncate-children/README.md +0 -3
  111. package/holding/a-truncate-children/a-truncate-children.browser-test.js +0 -104
  112. package/holding/a-truncate-children/a-truncate-children.css +0 -4
  113. package/holding/a-truncate-children/a-truncate-children.html +0 -15
  114. package/holding/a-truncate-children/a-truncate-children.scss +0 -5
  115. package/src/01-generic/config.common.inline.scss +0 -18
  116. package/src/02-algorithms/.DS_Store +0 -0
  117. package/src/02-algorithms/a-glue/index.js +0 -1
  118. package/src/02-algorithms/a-icon/a-icon.html +0 -20
  119. package/src/02-algorithms/a-unstyle-link/a-unstyle-link.common.async.scss +0 -5
  120. package/src/03-utilities/u-background.common.async.scss +0 -28
@@ -0,0 +1,29 @@
1
+ .lrv-u-background-color-grey-light{background-color:#ccc;background-color:var(--background-color-grey-light, #cccccc)}.lrv-u-background-color-grey-lightest{background-color:#f7f7f7;background-color:var(--background-color-grey-lightest, #f7f7f7)}.lrv-u-background-color-brand-secondary-dark{background-color:#000;background-color:var(--background-color-brand-secondary-dark, black)}.lrv-u-background-color-brand-secondary-light{background-color:#000;background-color:var(--background-color-brand-secondary-light, black)}.lrv-u-background-color-grey-dark{background-color:#6a6a6a;background-color:var(--background-color-grey-dark, #6a6a6a)}.lrv-u-background-color-grey{background-color:#8c8c8c;background-color:var(--background-color-grey, #8c8c8c)}.lrv-u-background-color-body{background-color:#fff;background-color:var(--background-color-body, white)}.lrv-u-background-color-brand-secondary{background-color:#000;background-color:var(--background-color-brand-secondary, black)}.lrv-u-background-color-black{background-color:#000;background-color:var(--background-color-black, black)}.lrv-u-background-color-brand-primary-light{background-color:#ec1c24;background-color:var(--background-color-brand-primary-light, #ec1c24)}.lrv-u-background-color-brand-primary-dark{background-color:#ec1c24;background-color:var(--background-color-brand-primary-dark, #ec1c24)}.lrv-u-background-color-white{background-color:#fff;background-color:var(--background-color-white, white)}.lrv-u-background-color-brand-primary{background-color:#ec1c24;background-color:var(--background-color-brand-primary, #ec1c24)}.lrv-u-background-color-grey-darkest{background-color:#323232;background-color:var(--background-color-grey-darkest, #323232)}.lrv-u-background-color-transparent{background-color:transparent}@media(min-width: 62.5rem){.lrv-u-background-color-grey-light\@desktop{background-color:#ccc;background-color:var(--background-color-grey-light, #cccccc)}}@media(min-width: 62.5rem){.lrv-u-background-color-grey-lightest\@desktop{background-color:#f7f7f7;background-color:var(--background-color-grey-lightest, #f7f7f7)}}@media(min-width: 62.5rem){.lrv-u-background-color-brand-secondary-dark\@desktop{background-color:#000;background-color:var(--background-color-brand-secondary-dark, black)}}@media(min-width: 62.5rem){.lrv-u-background-color-brand-secondary-light\@desktop{background-color:#000;background-color:var(--background-color-brand-secondary-light, black)}}@media(min-width: 62.5rem){.lrv-u-background-color-grey-dark\@desktop{background-color:#6a6a6a;background-color:var(--background-color-grey-dark, #6a6a6a)}}@media(min-width: 62.5rem){.lrv-u-background-color-grey\@desktop{background-color:#8c8c8c;background-color:var(--background-color-grey, #8c8c8c)}}@media(min-width: 62.5rem){.lrv-u-background-color-body\@desktop{background-color:#fff;background-color:var(--background-color-body, white)}}@media(min-width: 62.5rem){.lrv-u-background-color-brand-secondary\@desktop{background-color:#000;background-color:var(--background-color-brand-secondary, black)}}@media(min-width: 62.5rem){.lrv-u-background-color-black\@desktop{background-color:#000;background-color:var(--background-color-black, black)}}@media(min-width: 62.5rem){.lrv-u-background-color-brand-primary-light\@desktop{background-color:#ec1c24;background-color:var(--background-color-brand-primary-light, #ec1c24)}}@media(min-width: 62.5rem){.lrv-u-background-color-brand-primary-dark\@desktop{background-color:#ec1c24;background-color:var(--background-color-brand-primary-dark, #ec1c24)}}@media(min-width: 62.5rem){.lrv-u-background-color-white\@desktop{background-color:#fff;background-color:var(--background-color-white, white)}}@media(min-width: 62.5rem){.lrv-u-background-color-brand-primary\@desktop{background-color:#ec1c24;background-color:var(--background-color-brand-primary, #ec1c24)}}@media(min-width: 62.5rem){.lrv-u-background-color-grey-darkest\@desktop{background-color:#323232;background-color:var(--background-color-grey-darkest, #323232)}}
2
+ .lrv-u-border-b-1{border-bottom-width:1px}.lrv-u-border-t-1{border-top-width:1px}.lrv-u-border-l-1{border-left-width:0.0625rem}.lrv-u-border-r-1{border-right-width:0.0625rem}.lrv-u-border-t-2{border-top-width:2px}.lrv-u-border-t-3{border-top-width:3px}.lrv-u-border-b-3{border-bottom-width:3px}.lrv-u-border-t-5{border-top-width:0.3125rem}.lrv-u-border-a-1{border-width:1px}.lrv-u-border-a-2{border-width:0.125rem}.lrv-u-border-a-3{border-width:3px}.lrv-u-border-a-0{border-width:0}.lrv-u-border-a-5{border-width:0.3125rem}.lrv-u-border-t-6{border-top-width:0.375rem}.lrv-u-border-b-6{border-bottom-width:0.375rem}.lrv-u-border-r-6{border-right-width:0.375rem}.lrv-u-border-r-2{border-right-width:0.125rem}.lrv-u-border-b-2{border-bottom-width:0.125rem}.lrv-u-border-l-2{border-left-width:0.125rem}@media(max-width: 47.999rem){.lrv-u-border-l-00\@mobile-max{border-left-width:0}}@media(max-width: 47.999rem){.lrv-u-border-a-1\@mobile-max{border-width:1px}}@media(max-width: 47.999rem){.lrv-u-border-a-1\@mobile-max{border-width:1px}.lrv-u-border-l-00\@mobile-max{border-left-width:0px}.lrv-u-border-r-00\@mobile-max{border-right-width:0px}.lrv-u-border-t-1\@mobile-max{border-top-width:1px}.lrv-u-border-b-00\@mobile-max{border-bottom-width:0px}.lrv-u-border-b-1\@mobile-max{border-bottom-width:1px}}@media(max-width: 47.999rem){.lrv-u-border-t-1\@mobile-max{border-top-width:1px}}@media(min-width: 62.5rem){.lrv-u-border-t-0\@desktop{border-top-width:0px}}@media(min-width: 62.5rem){.lrv-u-border-a-0\@desktop{border-width:0}.lrv-u-border-t-3\@desktop{border-top-width:3px}.lrv-u-border-b-3\@desktop{border-bottom-width:3px}}@media(min-width: 62.5rem){.lrv-u-border-l-1\@desktop{border-left-width:1px}}@media(min-width: 62.5rem){.lrv-u-border-r-1\@desktop{border-right-width:1px}}@media(min-width: 48rem){.lrv-u-border-r-1\@tablet{border-right-width:1px}}@media(min-width: 62.5rem){.lrv-u-border-b-1\@desktop{border-bottom-width:1px}}@media(min-width: 78.75rem){.lrv-u-border-l-1\@desktop-xl{border-left-width:1px}}@media(min-width: 78.75rem){.lrv-u-border-r-1\@desktop-xl{border-right-width:1px}}@media(max-width: 78.7499rem){.lrv-u-border-t-1\@desktop-xl-max{border-top-width:0.0625rem}}@media(max-width: 78.7499rem){.lrv-u-border-t-050\@desktop-xl-max{border-top-width:0.0625rem}}@media(max-width: 47.999rem){.lrv-u-border-b-2\@mobile-max{border-bottom-width:0.125rem}}@media(min-width: 48rem){.lrv-u-border-t-1\@tablet{border-top-width:0.0625rem}}@media(min-width: 78.75rem){.lrv-u-border-t-0\@desktop-xl{border-top-width:0rem}}@media(min-width: 78.75rem){.lrv-u-border-t-1\@desktop-xl{border-top-width:0.0625rem}}@media(min-width: 48rem){.lrv-u-border-b-1\@tablet{border-bottom-width:0.0625rem}}
3
+ .lrv-u-align-items-center{align-items:center}.lrv-u-justify-content-center{justify-content:center}.lrv-u-justify-content-space-evenly{justify-content:space-evenly}.lrv-u-justify-content-space-between{justify-content:space-between}.lrv-u-align-items-start{align-items:flex-start}.lrv-u-justify-content-start{justify-content:flex-start}.lrv-u-justify-content-end{justify-content:flex-end}.lrv-u-align-items-end{align-items:flex-start}.lrv-u-align-items-stretch{align-items:stretch}@media(min-width: 62.5rem){.lrv-u-align-items-center\@desktop{align-items:center}.lrv-u-justify-content-center\@desktop{justify-content:center}.lrv-u-justify-content-space-evenly\@desktop{justify-content:space-evenly}.lrv-u-justify-content-space-between\@desktop{justify-content:space-between}.lrv-u-align-items-start\@desktop{align-items:flex-start}.lrv-u-justify-content-start\@desktop{justify-content:flex-start}.lrv-u-justify-content-end\@desktop{justify-content:flex-end}.lrv-u-align-items-end\@desktop{align-items:flex-start}}@media(min-width: 48rem){.lrv-u-justify-content-center\@tablet{justify-content:center}}
4
+ .lrv-u-color-brand-secondary{color:#000;color:var(--color-brand-secondary, black)}.lrv-u-color-black{color:#000;color:var(--color-black, black)}.lrv-u-color-brand-primary-light{color:#ec1c24;color:var(--color-brand-primary-light, #ec1c24)}.lrv-u-color-brand-primary-dark{color:#ec1c24;color:var(--color-brand-primary-dark, #ec1c24)}.lrv-u-color-white{color:#fff;color:var(--color-white, white)}.lrv-u-color-brand-primary{color:#ec1c24;color:var(--color-brand-primary, #ec1c24)}.lrv-u-color-grey-light{color:#e6e6e6;color:var(--color-grey-light, #e6e6e6)}.lrv-u-color-brand-secondary-dark{color:#000;color:var(--color-brand-secondary-dark, black)}.lrv-u-color-brand-secondary-light{color:#000;color:var(--color-brand-secondary-light, black)}.lrv-u-color-grey-dark{color:#6a6a6a;color:var(--color-grey-dark, #6a6a6a)}.lrv-u-color-grey{color:#8c8c8c;color:var(--color-grey, #8c8c8c)}@media(min-width: 62.5rem){.lrv-u-color-brand-secondary\@desktop{color:#000;color:var(--color-brand-secondary, black)}}@media(min-width: 62.5rem){.lrv-u-color-black\@desktop{color:#000;color:var(--color-black, black)}}@media(min-width: 62.5rem){.lrv-u-color-brand-primary-light\@desktop{color:#ec1c24;color:var(--color-brand-primary-light, #ec1c24)}}@media(min-width: 62.5rem){.lrv-u-color-brand-primary-dark\@desktop{color:#ec1c24;color:var(--color-brand-primary-dark, #ec1c24)}}@media(min-width: 62.5rem){.lrv-u-color-white\@desktop{color:#fff;color:var(--color-white, white)}}@media(min-width: 62.5rem){.lrv-u-color-brand-primary\@desktop{color:#ec1c24;color:var(--color-brand-primary, #ec1c24)}}@media(min-width: 62.5rem){.lrv-u-color-grey-light\@desktop{color:#e6e6e6;color:var(--color-grey-light, #e6e6e6)}}@media(min-width: 62.5rem){.lrv-u-color-brand-secondary-dark\@desktop{color:#000;color:var(--color-brand-secondary-dark, black)}}@media(min-width: 62.5rem){.lrv-u-color-brand-secondary-light\@desktop{color:#000;color:var(--color-brand-secondary-light, black)}}@media(min-width: 62.5rem){.lrv-u-color-grey-dark\@desktop{color:#6a6a6a;color:var(--color-grey-dark, #6a6a6a)}}@media(min-width: 62.5rem){.lrv-u-color-grey\@desktop{color:#8c8c8c;color:var(--color-grey, #8c8c8c)}}
5
+ .lrv-u-display-block{display:block}.lrv-u-display-contents{display:contents}.lrv-u-display-inline{display:inline}.lrv-u-display-inline-block{display:inline-block}.lrv-u-display-none{display:none}.lrv-u-display-table{display:table}.lrv-u-display-inline-flex{display:inline-flex}@media(min-width: 62.5rem){.lrv-u-display-table\@desktop{display:table}.lrv-u-display-block\@desktop{display:block}.lrv-u-display-contents\@desktop{display:contents}.lrv-u-display-inline\@desktop{display:inline}.lrv-u-display-inline-block\@desktop{display:inline-block}.lrv-u-display-none\@desktop{display:none}.lrv-u-display-inline-flex\@desktop{display:inline-flex}}@media(min-width: 78.75rem){.lrv-u-display-none\@desktop-xl{display:none}.lrv-u-display-block\@desktop-xl{display:block}}@media(max-width: 47.999rem){.lrv-u-display-none\@mobile-max{display:none}}@media(max-width: 62.499rem){.lrv-u-display-none\:first-child\@desktop-max>*:first-child{display:none}}@media(max-width: 47.999rem){.lrv-u-display-inline-block\@mobile-max{display:inline-block}}@media(max-width: 47.999rem){.lrv-u-display-block\@mobile-max{display:block}}
6
+ .lrv-u-flex{display:flex}.lrv-u-flex-grow-1{flex-grow:1}.lrv-u-flex-shrink-0{flex-shrink:0}.lrv-u-flex-wrap-wrap{flex-wrap:wrap}.lrv-u-flex-direction-column{flex-direction:column}@media(min-width: 62.5rem){.lrv-u-flex\@desktop{display:flex}.lrv-u-flex-grow-1\@desktop{flex-grow:1}.lrv-u-flex-shrink-0\@desktop{flex-shrink:0}.lrv-u-flex-wrap-wrap\@desktop{flex-wrap:wrap}.lrv-u-flex-direction-column\@desktop{flex-direction:column}}@media(min-width: 48rem){.lrv-u-flex\@tablet{display:flex}}@media(max-width: 62.499rem){.lrv-u-flex\@desktop-max{display:flex}}@media(max-width: 78.7499rem){.lrv-u-flex\@desktop-xl-max{display:flex}}@media(max-width: 78.7499rem){.lrv-u-flex-direction-row-reverse\@desktop-xl-max{flex-direction:row-reverse}}.lrv-u-flex-direction-row-reverse{flex-direction:row-reverse}@media(min-width: 78.75rem){.lrv-u-flex-direction-row\@desktop-xl{flex-direction:row}}@media(min-width: 48rem){.lrv-u-flex-direction-column\@tablet{flex-direction:column}}@media(max-width: 47.999rem){.lrv-u-flex-direction-column\@mobile-max{flex-direction:column}}@media(max-width: 62.499rem){.lrv-u-flex-direction-column\@desktop-max{flex-direction:column}}@media(min-width: 78.75rem){.lrv-u-flex-direction-column\@desktop-xl{flex-direction:column}}@media(max-width: 78.7499rem){.lrv-u-flex-direction-column\@desktop-xl-max{flex-direction:column}}@media(max-width: 47.999rem){.lrv-u-flex-wrap-wrap\@mobile-max{flex-wrap:wrap}}@media(max-width: 47.999rem){.lrv-u-flex-direction-column-reverse\@mobile-max{flex-direction:column-reverse}}@media(max-width: 78.7499rem){.lrv-u-flex-basis-100p\@desktop-xl-max{flex-basis:100%}}@media(max-width: 47.999rem){.lrv-u-flex-shrink-0\@mobile-max{flex-shrink:0}}.lrv-u-flex-basis-5p{flex-basis:5%}.lrv-u-flex-basis-10p{flex-basis:10%}.lrv-u-flex-basis-15p{flex-basis:15%}.lrv-u-flex-basis-20p{flex-basis:20%}.lrv-u-flex-basis-25p{flex-basis:25%}.lrv-u-flex-basis-30p{flex-basis:30%}.lrv-u-flex-basis-35p{flex-basis:35%}.lrv-u-flex-basis-40p{flex-basis:40%}.lrv-u-flex-basis-45p{flex-basis:45%}.lrv-u-flex-basis-50p{flex-basis:50%}.lrv-u-flex-basis-55p{flex-basis:55%}.lrv-u-flex-basis-60p{flex-basis:60%}.lrv-u-flex-basis-65p{flex-basis:65%}.lrv-u-flex-basis-70p{flex-basis:70%}.lrv-u-flex-basis-75p{flex-basis:75%}.lrv-u-flex-basis-80p{flex-basis:80%}.lrv-u-flex-basis-85p{flex-basis:85%}.lrv-u-flex-basis-90p{flex-basis:90%}.lrv-u-flex-basis-95p{flex-basis:95%}.lrv-u-flex-basis-100p{flex-basis:100%}@media(max-width: 47.999rem){.lrv-u-flex-basis-5p\@mobile-max{flex-basis:5%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-10p\@mobile-max{flex-basis:10%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-15p\@mobile-max{flex-basis:15%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-20p\@mobile-max{flex-basis:20%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-25p\@mobile-max{flex-basis:25%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-30p\@mobile-max{flex-basis:30%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-35p\@mobile-max{flex-basis:35%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-40p\@mobile-max{flex-basis:40%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-45p\@mobile-max{flex-basis:45%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-50p\@mobile-max{flex-basis:50%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-55p\@mobile-max{flex-basis:55%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-60p\@mobile-max{flex-basis:60%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-65p\@mobile-max{flex-basis:65%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-70p\@mobile-max{flex-basis:70%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-75p\@mobile-max{flex-basis:75%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-80p\@mobile-max{flex-basis:80%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-85p\@mobile-max{flex-basis:85%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-90p\@mobile-max{flex-basis:90%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-95p\@mobile-max{flex-basis:95%}}@media(max-width: 47.999rem){.lrv-u-flex-basis-100p\@mobile-max{flex-basis:100%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-5p\@desktop{flex-basis:5%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-10p\@desktop{flex-basis:10%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-15p\@desktop{flex-basis:15%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-20p\@desktop{flex-basis:20%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-25p\@desktop{flex-basis:25%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-30p\@desktop{flex-basis:30%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-35p\@desktop{flex-basis:35%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-40p\@desktop{flex-basis:40%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-45p\@desktop{flex-basis:45%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-50p\@desktop{flex-basis:50%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-55p\@desktop{flex-basis:55%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-60p\@desktop{flex-basis:60%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-65p\@desktop{flex-basis:65%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-70p\@desktop{flex-basis:70%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-75p\@desktop{flex-basis:75%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-80p\@desktop{flex-basis:80%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-85p\@desktop{flex-basis:85%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-90p\@desktop{flex-basis:90%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-95p\@desktop{flex-basis:95%}}@media(min-width: 62.5rem){.lrv-u-flex-basis-100p\@desktop{flex-basis:100%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-5p\@desktop-xl{flex-basis:5%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-10p\@desktop-xl{flex-basis:10%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-15p\@desktop-xl{flex-basis:15%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-20p\@desktop-xl{flex-basis:20%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-25p\@desktop-xl{flex-basis:25%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-30p\@desktop-xl{flex-basis:30%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-35p\@desktop-xl{flex-basis:35%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-40p\@desktop-xl{flex-basis:40%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-45p\@desktop-xl{flex-basis:45%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-50p\@desktop-xl{flex-basis:50%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-55p\@desktop-xl{flex-basis:55%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-60p\@desktop-xl{flex-basis:60%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-65p\@desktop-xl{flex-basis:65%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-70p\@desktop-xl{flex-basis:70%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-75p\@desktop-xl{flex-basis:75%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-80p\@desktop-xl{flex-basis:80%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-85p\@desktop-xl{flex-basis:85%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-90p\@desktop-xl{flex-basis:90%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-95p\@desktop-xl{flex-basis:95%}}@media(min-width: 78.75rem){.lrv-u-flex-basis-100p\@desktop-xl{flex-basis:100%}}
7
+ .lrv-u-font-family-primary{font-family:Arial,sans-serif;font-family:var(--font-family-primary, Arial, sans-serif)}.lrv-u-font-family-secondary{font-family:Arial,sans-serif;font-family:var(--font-family-secondary, Arial, sans-serif)}.lrv-u-font-family-body{font-family:Arial,sans-serif;font-family:var(--font-family-body, Arial, sans-serif)}.lrv-u-font-family-basic{font-family:Arial,sans-serif;font-family:var(--font-family-basic, Arial, sans-serif)}.lrv-u-font-family-accent{font-family:Verdana,serif;font-family:var(--font-family-accent, Verdana, serif)}.lrv-u-font-family-primary\@desktop{font-family:Arial,sans-serif;font-family:var(--font-family-primary, Arial, sans-serif)}.lrv-u-font-family-secondary\@desktop{font-family:Arial,sans-serif;font-family:var(--font-family-secondary, Arial, sans-serif)}.lrv-u-font-family-body\@desktop{font-family:Arial,sans-serif;font-family:var(--font-family-body, Arial, sans-serif)}.lrv-u-font-family-basic\@desktop{font-family:Arial,sans-serif;font-family:var(--font-family-basic, Arial, sans-serif)}.lrv-u-font-family-accent\@desktop{font-family:Verdana,serif;font-family:var(--font-family-accent, Verdana, serif)}
8
+ .lrv-u-font-size-8{font-size:.5rem}.lrv-u-font-size-10{font-size:.625rem}.lrv-u-font-size-12{font-size:.75rem}.lrv-u-font-size-14{font-size:.875rem}.lrv-u-font-size-16{font-size:1rem}.lrv-u-font-size-18{font-size:1.125rem}.lrv-u-font-size-20{font-size:1.25rem}.lrv-u-font-size-24{font-size:1.5rem}.lrv-u-font-size-28{font-size:1.75rem}.lrv-u-font-size-32{font-size:2rem}.lrv-u-font-size-36{font-size:2.25rem}.lrv-u-font-size-40{font-size:2.5rem}.lrv-u-font-size-50{font-size:3.125rem}.lrv-u-font-size-86{font-size:5.375rem}@media(max-width: 47.999rem){.lrv-u-font-size-8\@mobile-max{font-size:.5rem}}@media(max-width: 47.999rem){.lrv-u-font-size-12\@mobile-max{font-size:.75rem}}@media(max-width: 47.999rem){.lrv-u-font-size-14\@mobile-max{font-size:.875rem}}@media(max-width: 47.999rem){.lrv-u-font-size-16\@mobile-max{font-size:1rem}}@media(max-width: 47.999rem){.lrv-u-font-size-18\@mobile-max{font-size:1.125rem}}@media(max-width: 47.999rem){.lrv-u-font-size-22\@mobile-max{font-size:1.375rem}}@media(max-width: 47.999rem){.lrv-u-font-size-26\@mobile-max{font-size:1.625rem}}@media(min-width: 48rem){.lrv-u-font-size-18\@tablet{font-size:1.125rem}}@media(min-width: 48rem){.lrv-u-font-size-14\@tablet{font-size:.875rem}}@media(min-width: 48rem){.lrv-u-font-size-26\@tablet{font-size:1.625rem}}@media(min-width: 48rem){.lrv-u-font-size-28\@tablet{font-size:1.75rem}}@media(min-width: 48rem){.lrv-u-font-size-38\@tablet{font-size:2.375rem}}@media(min-width: 48rem){.lrv-u-font-size-46\@tablet{font-size:2.875rem}}@media(min-width: 62.5rem){.lrv-u-font-size-14\@desktop{font-size:.875rem}}@media(min-width: 62.5rem){.lrv-u-font-size-18\@desktop{font-size:1.125rem}}@media(min-width: 62.5rem){.lrv-u-font-size-20\@desktop{font-size:1.25rem}}@media(min-width: 62.5rem){.lrv-u-font-size-24\@desktop{font-size:1.5rem}}@media(min-width: 62.5rem){.lrv-u-font-size-26\@desktop{font-size:1.625rem}}@media(min-width: 62.5rem){.lrv-u-font-size-32\@desktop{font-size:2rem}}@media(min-width: 62.5rem){.lrv-u-font-size-36\@desktop{font-size:2.25rem}}@media(min-width: 62.5rem){.lrv-u-font-size-50\@desktop{font-size:3.125rem}}@media(min-width: 78.75rem){.lrv-u-font-size-28\@desktop-xl{font-size:1.75rem}}@media(min-width: 78.75rem){.lrv-u-font-size-56\@desktop-xl{font-size:3.5rem}}@media(min-width: 78.75rem){.lrv-u-font-size-18\@desktop-xl{font-size:1.125rem}}@media(min-width: 78.75rem){.lrv-u-font-size-32\@desktop-xl{font-size:2rem}}@media(min-width: 78.75rem){.lrv-u-font-size-28\@desktop-xl{font-size:1.75rem}}@media(min-width: 78.75rem){.lrv-u-font-size-46\@desktop-xl{font-size:2.875rem}}.lrv-u-font-size-13{font-size:0.8125rem}@media(max-width: 47.999rem){.lrv-u-font-size-13\@mobile-max{font-size:0.8125rem}}
9
+ .lrv-u-font-style-italic{font-style:italic}.lrv-u-font-style-normal{font-style:normal}
10
+ .lrv-u-font-weight-light{font-weight:300}.lrv-u-font-weight-normal{font-weight:400}.lrv-u-font-weight-bold{font-weight:700}@media(min-width: 62.5rem){.lrv-u-font-weight-light\@desktop{font-weight:300}}@media(min-width: 62.5rem){.lrv-u-font-weight-normal\@desktop{font-weight:400}}@media(min-width: 62.5rem){.lrv-u-font-weight-bold\@desktop{font-weight:700}}@media(min-width: 78.75rem){.lrv-u-font-weight-light\@desktop-xl{font-weight:300}}@media(min-width: 78.75rem){.lrv-u-font-weight-normal\@desktop-xl{font-weight:400}}@media(min-width: 78.75rem){.lrv-u-font-weight-bold\@desktop-xl{font-weight:700}}
11
+ .lrv-u-height-auto{height:auto}.lrv-u-height-16{height:1rem}.lrv-u-height-20{height:1.25rem}.lrv-u-height-24{height:1.5rem}.lrv-u-height-30{height:1.875rem}.lrv-u-height-40{height:2.5rem}.lrv-u-height-50{height:3.125rem}.lrv-u-height-100{height:6.25rem}.lrv-u-height-150{height:9.375rem}.lrv-u-height-200{height:12.5rem}.lrv-u-height-300{height:18.75rem}.lrv-u-height-20p{height:20%}.lrv-u-height-30p{height:30%}.lrv-u-height-50p{height:50%}.lrv-u-height-75p{height:75%}.lrv-u-height-100p{height:100%}.lrv-u-max-height-50{max-height:3.125rem}
12
+ @media(min-width: 62.5rem){.lrv-u-left-50p\@desktop{left:50%}}
13
+ .lrv-u-letter-spacing-015{letter-spacing:0.15rem}@media(max-width: 47.999rem){.lrv-u-letter-spacing-012\@mobile-max{letter-spacing:0.121875rem}}
14
+ .lrv-u-line-height-small{line-height:1.1}.lrv-u-line-height-normal{line-height:1.35}.lrv-u-line-height-copy{line-height:1.5}.lrv-u-line-height-large{line-height:1.85}@media(min-width: 62.5rem){.lrv-u-line-height-small\@desktop{line-height:1.1}}@media(min-width: 62.5rem){.lrv-u-line-height-normal\@desktop{line-height:1.35}}@media(min-width: 62.5rem){.lrv-u-line-height-copy\@desktop{line-height:1.5}}@media(min-width: 62.5rem){.lrv-u-line-height-large\@desktop{line-height:1.85}}@media(min-width: 78.75rem){.lrv-u-line-height-small\@desktop-xl{line-height:1.1}}@media(min-width: 78.75rem){.lrv-u-line-height-normal\@desktop-xl{line-height:1.35}}@media(min-width: 78.75rem){.lrv-u-line-height-copy\@desktop-xl{line-height:1.5}}@media(min-width: 78.75rem){.lrv-u-line-height-large\@desktop-xl{line-height:1.85}}
15
+ @media(min-width: 48rem){.lrv-u-margin-r-175\@tablet{margin-right:1.75rem}}@media(min-width: 48rem){.lrv-u-margin-t-150\@tablet{margin-top:1.5rem}}@media(min-width: 48rem){.lrv-u-margin-r-2\@tablet{margin-right:2rem}}.lrv-u-margin-l-auto{margin-left:auto}.lrv-u-margin-r-auto{margin-right:auto}.lrv-u-margin-t-auto{margin-top:auto}.lrv-u-margin-b-auto{margin-bottom:auto}.lrv-u-margin-lr-auto{margin-left:auto;margin-right:auto}.lrv-u-margin-tb-auto{margin-top:auto;margin-bottom:auto}@media(min-width: 62.5rem){.lrv-u-margin-l-auto\@desktop{margin-left:auto}.lrv-u-margin-r-auto\@desktop{margin-right:auto}.lrv-u-margin-t-auto\@desktop{margin-top:auto}.lrv-u-margin-b-auto\@desktop{margin-bottom:auto}.lrv-u-margin-lr-auto\@desktop{margin-left:auto;margin-right:auto}.lrv-u-margin-tb-auto\@desktop{margin-top:auto;margin-bottom:auto}}.lrv-u-margin-r-00{margin-right:0;margin-right:var(--spacing-00, 0)}.lrv-u-margin-l-00{margin-left:0;margin-left:var(--spacing-00, 0)}.lrv-u-margin-b-00{margin-bottom:0;margin-bottom:var(--spacing-00, 0)}.lrv-u-margin-t-00{margin-top:0;margin-top:var(--spacing-00, 0)}.lrv-u-margin-tb-00{margin-top:0;margin-top:var(--spacing-00, 0);margin-bottom:0;margin-bottom:var(--spacing-00, 0)}.lrv-u-margin-lr-00{margin-left:0;margin-left:var(--spacing-00, 0);margin-right:0;margin-right:var(--spacing-00, 0)}.lrv-u-margin-a-00{margin:0;margin:var(--spacing-00, 0)}.lrv-u-margin-r-025{margin-right:.25rem;margin-right:var(--spacing-025, 0.25rem)}.lrv-u-margin-l-025{margin-left:.25rem;margin-left:var(--spacing-025, 0.25rem)}.lrv-u-margin-b-025{margin-bottom:.25rem;margin-bottom:var(--spacing-025, 0.25rem)}.lrv-u-margin-t-025{margin-top:.25rem;margin-top:var(--spacing-025, 0.25rem)}.lrv-u-margin-tb-025{margin-top:.25rem;margin-top:var(--spacing-025, 0.25rem);margin-bottom:.25rem;margin-bottom:var(--spacing-025, 0.25rem)}.lrv-u-margin-lr-025{margin-left:.25rem;margin-left:var(--spacing-025, 0.25rem);margin-right:.25rem;margin-right:var(--spacing-025, 0.25rem)}.lrv-u-margin-a-025{margin:.25rem;margin:var(--spacing-025, 0.25rem)}.lrv-u-margin-r-050{margin-right:.5rem;margin-right:var(--spacing-050, 0.5rem)}.lrv-u-margin-l-050{margin-left:.5rem;margin-left:var(--spacing-050, 0.5rem)}.lrv-u-margin-b-050{margin-bottom:.5rem;margin-bottom:var(--spacing-050, 0.5rem)}.lrv-u-margin-t-050{margin-top:.5rem;margin-top:var(--spacing-050, 0.5rem)}.lrv-u-margin-tb-050{margin-top:.5rem;margin-top:var(--spacing-050, 0.5rem);margin-bottom:.5rem;margin-bottom:var(--spacing-050, 0.5rem)}.lrv-u-margin-lr-050{margin-left:.5rem;margin-left:var(--spacing-050, 0.5rem);margin-right:.5rem;margin-right:var(--spacing-050, 0.5rem)}.lrv-u-margin-a-050{margin:.5rem;margin:var(--spacing-050, 0.5rem)}.lrv-u-margin-r-075{margin-right:.75rem;margin-right:var(--spacing-075, 0.75rem)}.lrv-u-margin-l-075{margin-left:.75rem;margin-left:var(--spacing-075, 0.75rem)}.lrv-u-margin-b-075{margin-bottom:.75rem;margin-bottom:var(--spacing-075, 0.75rem)}.lrv-u-margin-t-075{margin-top:.75rem;margin-top:var(--spacing-075, 0.75rem)}.lrv-u-margin-tb-075{margin-top:.75rem;margin-top:var(--spacing-075, 0.75rem);margin-bottom:.75rem;margin-bottom:var(--spacing-075, 0.75rem)}.lrv-u-margin-lr-075{margin-left:.75rem;margin-left:var(--spacing-075, 0.75rem);margin-right:.75rem;margin-right:var(--spacing-075, 0.75rem)}.lrv-u-margin-a-075{margin:.75rem;margin:var(--spacing-075, 0.75rem)}.lrv-u-margin-r-1{margin-right:1rem;margin-right:var(--spacing-1, 1rem)}.lrv-u-margin-l-1{margin-left:1rem;margin-left:var(--spacing-1, 1rem)}.lrv-u-margin-b-1{margin-bottom:1rem;margin-bottom:var(--spacing-1, 1rem)}.lrv-u-margin-t-1{margin-top:1rem;margin-top:var(--spacing-1, 1rem)}.lrv-u-margin-tb-1{margin-top:1rem;margin-top:var(--spacing-1, 1rem);margin-bottom:1rem;margin-bottom:var(--spacing-1, 1rem)}.lrv-u-margin-lr-1{margin-left:1rem;margin-left:var(--spacing-1, 1rem);margin-right:1rem;margin-right:var(--spacing-1, 1rem)}.lrv-u-margin-a-1{margin:1rem;margin:var(--spacing-1, 1rem)}.lrv-u-margin-r-125{margin-right:1.25rem;margin-right:var(--spacing-125, 1.25rem)}.lrv-u-margin-l-125{margin-left:1.25rem;margin-left:var(--spacing-125, 1.25rem)}.lrv-u-margin-b-125{margin-bottom:1.25rem;margin-bottom:var(--spacing-125, 1.25rem)}.lrv-u-margin-t-125{margin-top:1.25rem;margin-top:var(--spacing-125, 1.25rem)}.lrv-u-margin-tb-125{margin-top:1.25rem;margin-top:var(--spacing-125, 1.25rem);margin-bottom:1.25rem;margin-bottom:var(--spacing-125, 1.25rem)}.lrv-u-margin-lr-125{margin-left:1.25rem;margin-left:var(--spacing-125, 1.25rem);margin-right:1.25rem;margin-right:var(--spacing-125, 1.25rem)}.lrv-u-margin-a-125{margin:1.25rem;margin:var(--spacing-125, 1.25rem)}.lrv-u-margin-r-150{margin-right:1.5rem;margin-right:var(--spacing-150, 1.5rem)}.lrv-u-margin-l-150{margin-left:1.5rem;margin-left:var(--spacing-150, 1.5rem)}.lrv-u-margin-b-150{margin-bottom:1.5rem;margin-bottom:var(--spacing-150, 1.5rem)}.lrv-u-margin-t-150{margin-top:1.5rem;margin-top:var(--spacing-150, 1.5rem)}.lrv-u-margin-tb-150{margin-top:1.5rem;margin-top:var(--spacing-150, 1.5rem);margin-bottom:1.5rem;margin-bottom:var(--spacing-150, 1.5rem)}.lrv-u-margin-lr-150{margin-left:1.5rem;margin-left:var(--spacing-150, 1.5rem);margin-right:1.5rem;margin-right:var(--spacing-150, 1.5rem)}.lrv-u-margin-a-150{margin:1.5rem;margin:var(--spacing-150, 1.5rem)}.lrv-u-margin-r-2{margin-right:2rem;margin-right:var(--spacing-2, 2rem)}.lrv-u-margin-l-2{margin-left:2rem;margin-left:var(--spacing-2, 2rem)}.lrv-u-margin-b-2{margin-bottom:2rem;margin-bottom:var(--spacing-2, 2rem)}.lrv-u-margin-t-2{margin-top:2rem;margin-top:var(--spacing-2, 2rem)}.lrv-u-margin-tb-2{margin-top:2rem;margin-top:var(--spacing-2, 2rem);margin-bottom:2rem;margin-bottom:var(--spacing-2, 2rem)}.lrv-u-margin-lr-2{margin-left:2rem;margin-left:var(--spacing-2, 2rem);margin-right:2rem;margin-right:var(--spacing-2, 2rem)}.lrv-u-margin-a-2{margin:2rem;margin:var(--spacing-2, 2rem)}@media(max-width: 47.999rem){.lrv-u-margin-r-00\@mobile-max{margin-right:0;margin-right:var(--spacing-00, 0)}.lrv-u-margin-l-00\@mobile-max{margin-left:0;margin-left:var(--spacing-00, 0)}.lrv-u-margin-b-00\@mobile-max{margin-bottom:0;margin-bottom:var(--spacing-00, 0)}.lrv-u-margin-t-00\@mobile-max{margin-top:0;margin-top:var(--spacing-00, 0)}.lrv-u-margin-tb-00\@mobile-max{margin-top:0;margin-top:var(--spacing-00, 0);margin-bottom:0;margin-bottom:var(--spacing-00, 0)}.lrv-u-margin-lr-00\@mobile-max{margin-left:0;margin-left:var(--spacing-00, 0);margin-right:0;margin-right:var(--spacing-00, 0)}.lrv-u-margin-a-00\@mobile-max{margin:0;margin:var(--spacing-00, 0)}}@media(max-width: 47.999rem){.lrv-u-margin-r-025\@mobile-max{margin-right:.25rem;margin-right:var(--spacing-025, 0.25rem)}.lrv-u-margin-l-025\@mobile-max{margin-left:.25rem;margin-left:var(--spacing-025, 0.25rem)}.lrv-u-margin-b-025\@mobile-max{margin-bottom:.25rem;margin-bottom:var(--spacing-025, 0.25rem)}.lrv-u-margin-t-025\@mobile-max{margin-top:.25rem;margin-top:var(--spacing-025, 0.25rem)}.lrv-u-margin-tb-025\@mobile-max{margin-top:.25rem;margin-top:var(--spacing-025, 0.25rem);margin-bottom:.25rem;margin-bottom:var(--spacing-025, 0.25rem)}.lrv-u-margin-lr-025\@mobile-max{margin-left:.25rem;margin-left:var(--spacing-025, 0.25rem);margin-right:.25rem;margin-right:var(--spacing-025, 0.25rem)}.lrv-u-margin-a-025\@mobile-max{margin:.25rem;margin:var(--spacing-025, 0.25rem)}}@media(max-width: 47.999rem){.lrv-u-margin-r-050\@mobile-max{margin-right:.5rem;margin-right:var(--spacing-050, 0.5rem)}.lrv-u-margin-l-050\@mobile-max{margin-left:.5rem;margin-left:var(--spacing-050, 0.5rem)}.lrv-u-margin-b-050\@mobile-max{margin-bottom:.5rem;margin-bottom:var(--spacing-050, 0.5rem)}.lrv-u-margin-t-050\@mobile-max{margin-top:.5rem;margin-top:var(--spacing-050, 0.5rem)}.lrv-u-margin-tb-050\@mobile-max{margin-top:.5rem;margin-top:var(--spacing-050, 0.5rem);margin-bottom:.5rem;margin-bottom:var(--spacing-050, 0.5rem)}.lrv-u-margin-lr-050\@mobile-max{margin-left:.5rem;margin-left:var(--spacing-050, 0.5rem);margin-right:.5rem;margin-right:var(--spacing-050, 0.5rem)}.lrv-u-margin-a-050\@mobile-max{margin:.5rem;margin:var(--spacing-050, 0.5rem)}}@media(max-width: 47.999rem){.lrv-u-margin-r-075\@mobile-max{margin-right:.75rem;margin-right:var(--spacing-075, 0.75rem)}.lrv-u-margin-l-075\@mobile-max{margin-left:.75rem;margin-left:var(--spacing-075, 0.75rem)}.lrv-u-margin-b-075\@mobile-max{margin-bottom:.75rem;margin-bottom:var(--spacing-075, 0.75rem)}.lrv-u-margin-t-075\@mobile-max{margin-top:.75rem;margin-top:var(--spacing-075, 0.75rem)}.lrv-u-margin-tb-075\@mobile-max{margin-top:.75rem;margin-top:var(--spacing-075, 0.75rem);margin-bottom:.75rem;margin-bottom:var(--spacing-075, 0.75rem)}.lrv-u-margin-lr-075\@mobile-max{margin-left:.75rem;margin-left:var(--spacing-075, 0.75rem);margin-right:.75rem;margin-right:var(--spacing-075, 0.75rem)}.lrv-u-margin-a-075\@mobile-max{margin:.75rem;margin:var(--spacing-075, 0.75rem)}}@media(max-width: 47.999rem){.lrv-u-margin-r-1\@mobile-max{margin-right:1rem;margin-right:var(--spacing-1, 1rem)}.lrv-u-margin-l-1\@mobile-max{margin-left:1rem;margin-left:var(--spacing-1, 1rem)}.lrv-u-margin-b-1\@mobile-max{margin-bottom:1rem;margin-bottom:var(--spacing-1, 1rem)}.lrv-u-margin-t-1\@mobile-max{margin-top:1rem;margin-top:var(--spacing-1, 1rem)}.lrv-u-margin-tb-1\@mobile-max{margin-top:1rem;margin-top:var(--spacing-1, 1rem);margin-bottom:1rem;margin-bottom:var(--spacing-1, 1rem)}.lrv-u-margin-lr-1\@mobile-max{margin-left:1rem;margin-left:var(--spacing-1, 1rem);margin-right:1rem;margin-right:var(--spacing-1, 1rem)}.lrv-u-margin-a-1\@mobile-max{margin:1rem;margin:var(--spacing-1, 1rem)}}@media(max-width: 47.999rem){.lrv-u-margin-r-125\@mobile-max{margin-right:1.25rem;margin-right:var(--spacing-125, 1.25rem)}.lrv-u-margin-l-125\@mobile-max{margin-left:1.25rem;margin-left:var(--spacing-125, 1.25rem)}.lrv-u-margin-b-125\@mobile-max{margin-bottom:1.25rem;margin-bottom:var(--spacing-125, 1.25rem)}.lrv-u-margin-t-125\@mobile-max{margin-top:1.25rem;margin-top:var(--spacing-125, 1.25rem)}.lrv-u-margin-tb-125\@mobile-max{margin-top:1.25rem;margin-top:var(--spacing-125, 1.25rem);margin-bottom:1.25rem;margin-bottom:var(--spacing-125, 1.25rem)}.lrv-u-margin-lr-125\@mobile-max{margin-left:1.25rem;margin-left:var(--spacing-125, 1.25rem);margin-right:1.25rem;margin-right:var(--spacing-125, 1.25rem)}.lrv-u-margin-a-125\@mobile-max{margin:1.25rem;margin:var(--spacing-125, 1.25rem)}}@media(max-width: 47.999rem){.lrv-u-margin-r-150\@mobile-max{margin-right:1.5rem;margin-right:var(--spacing-150, 1.5rem)}.lrv-u-margin-l-150\@mobile-max{margin-left:1.5rem;margin-left:var(--spacing-150, 1.5rem)}.lrv-u-margin-b-150\@mobile-max{margin-bottom:1.5rem;margin-bottom:var(--spacing-150, 1.5rem)}.lrv-u-margin-t-150\@mobile-max{margin-top:1.5rem;margin-top:var(--spacing-150, 1.5rem)}.lrv-u-margin-tb-150\@mobile-max{margin-top:1.5rem;margin-top:var(--spacing-150, 1.5rem);margin-bottom:1.5rem;margin-bottom:var(--spacing-150, 1.5rem)}.lrv-u-margin-lr-150\@mobile-max{margin-left:1.5rem;margin-left:var(--spacing-150, 1.5rem);margin-right:1.5rem;margin-right:var(--spacing-150, 1.5rem)}.lrv-u-margin-a-150\@mobile-max{margin:1.5rem;margin:var(--spacing-150, 1.5rem)}}@media(max-width: 47.999rem){.lrv-u-margin-r-2\@mobile-max{margin-right:2rem;margin-right:var(--spacing-2, 2rem)}.lrv-u-margin-l-2\@mobile-max{margin-left:2rem;margin-left:var(--spacing-2, 2rem)}.lrv-u-margin-b-2\@mobile-max{margin-bottom:2rem;margin-bottom:var(--spacing-2, 2rem)}.lrv-u-margin-t-2\@mobile-max{margin-top:2rem;margin-top:var(--spacing-2, 2rem)}.lrv-u-margin-tb-2\@mobile-max{margin-top:2rem;margin-top:var(--spacing-2, 2rem);margin-bottom:2rem;margin-bottom:var(--spacing-2, 2rem)}.lrv-u-margin-lr-2\@mobile-max{margin-left:2rem;margin-left:var(--spacing-2, 2rem);margin-right:2rem;margin-right:var(--spacing-2, 2rem)}.lrv-u-margin-a-2\@mobile-max{margin:2rem;margin:var(--spacing-2, 2rem)}}@media(min-width: 62.5rem){.lrv-u-margin-r-00\@desktop{margin-right:0;margin-right:var(--spacing-00, 0)}.lrv-u-margin-l-00\@desktop{margin-left:0;margin-left:var(--spacing-00, 0)}.lrv-u-margin-b-00\@desktop{margin-bottom:0;margin-bottom:var(--spacing-00, 0)}.lrv-u-margin-t-00\@desktop{margin-top:0;margin-top:var(--spacing-00, 0)}.lrv-u-margin-tb-00\@desktop{margin-top:0;margin-top:var(--spacing-00, 0);margin-bottom:0;margin-bottom:var(--spacing-00, 0)}.lrv-u-margin-lr-00\@desktop{margin-left:0;margin-left:var(--spacing-00, 0);margin-right:0;margin-right:var(--spacing-00, 0)}.lrv-u-margin-a-00\@desktop{margin:0;margin:var(--spacing-00, 0)}}@media(min-width: 62.5rem){.lrv-u-margin-r-025\@desktop{margin-right:.25rem;margin-right:var(--spacing-025, 0.25rem)}.lrv-u-margin-l-025\@desktop{margin-left:.25rem;margin-left:var(--spacing-025, 0.25rem)}.lrv-u-margin-b-025\@desktop{margin-bottom:.25rem;margin-bottom:var(--spacing-025, 0.25rem)}.lrv-u-margin-t-025\@desktop{margin-top:.25rem;margin-top:var(--spacing-025, 0.25rem)}.lrv-u-margin-tb-025\@desktop{margin-top:.25rem;margin-top:var(--spacing-025, 0.25rem);margin-bottom:.25rem;margin-bottom:var(--spacing-025, 0.25rem)}.lrv-u-margin-lr-025\@desktop{margin-left:.25rem;margin-left:var(--spacing-025, 0.25rem);margin-right:.25rem;margin-right:var(--spacing-025, 0.25rem)}.lrv-u-margin-a-025\@desktop{margin:.25rem;margin:var(--spacing-025, 0.25rem)}}@media(min-width: 62.5rem){.lrv-u-margin-r-050\@desktop{margin-right:.5rem;margin-right:var(--spacing-050, 0.5rem)}.lrv-u-margin-l-050\@desktop{margin-left:.5rem;margin-left:var(--spacing-050, 0.5rem)}.lrv-u-margin-b-050\@desktop{margin-bottom:.5rem;margin-bottom:var(--spacing-050, 0.5rem)}.lrv-u-margin-t-050\@desktop{margin-top:.5rem;margin-top:var(--spacing-050, 0.5rem)}.lrv-u-margin-tb-050\@desktop{margin-top:.5rem;margin-top:var(--spacing-050, 0.5rem);margin-bottom:.5rem;margin-bottom:var(--spacing-050, 0.5rem)}.lrv-u-margin-lr-050\@desktop{margin-left:.5rem;margin-left:var(--spacing-050, 0.5rem);margin-right:.5rem;margin-right:var(--spacing-050, 0.5rem)}.lrv-u-margin-a-050\@desktop{margin:.5rem;margin:var(--spacing-050, 0.5rem)}}@media(min-width: 62.5rem){.lrv-u-margin-r-075\@desktop{margin-right:.75rem;margin-right:var(--spacing-075, 0.75rem)}.lrv-u-margin-l-075\@desktop{margin-left:.75rem;margin-left:var(--spacing-075, 0.75rem)}.lrv-u-margin-b-075\@desktop{margin-bottom:.75rem;margin-bottom:var(--spacing-075, 0.75rem)}.lrv-u-margin-t-075\@desktop{margin-top:.75rem;margin-top:var(--spacing-075, 0.75rem)}.lrv-u-margin-tb-075\@desktop{margin-top:.75rem;margin-top:var(--spacing-075, 0.75rem);margin-bottom:.75rem;margin-bottom:var(--spacing-075, 0.75rem)}.lrv-u-margin-lr-075\@desktop{margin-left:.75rem;margin-left:var(--spacing-075, 0.75rem);margin-right:.75rem;margin-right:var(--spacing-075, 0.75rem)}.lrv-u-margin-a-075\@desktop{margin:.75rem;margin:var(--spacing-075, 0.75rem)}}@media(min-width: 62.5rem){.lrv-u-margin-r-1\@desktop{margin-right:1rem;margin-right:var(--spacing-1, 1rem)}.lrv-u-margin-l-1\@desktop{margin-left:1rem;margin-left:var(--spacing-1, 1rem)}.lrv-u-margin-b-1\@desktop{margin-bottom:1rem;margin-bottom:var(--spacing-1, 1rem)}.lrv-u-margin-t-1\@desktop{margin-top:1rem;margin-top:var(--spacing-1, 1rem)}.lrv-u-margin-tb-1\@desktop{margin-top:1rem;margin-top:var(--spacing-1, 1rem);margin-bottom:1rem;margin-bottom:var(--spacing-1, 1rem)}.lrv-u-margin-lr-1\@desktop{margin-left:1rem;margin-left:var(--spacing-1, 1rem);margin-right:1rem;margin-right:var(--spacing-1, 1rem)}.lrv-u-margin-a-1\@desktop{margin:1rem;margin:var(--spacing-1, 1rem)}}@media(min-width: 62.5rem){.lrv-u-margin-r-125\@desktop{margin-right:1.25rem;margin-right:var(--spacing-125, 1.25rem)}.lrv-u-margin-l-125\@desktop{margin-left:1.25rem;margin-left:var(--spacing-125, 1.25rem)}.lrv-u-margin-b-125\@desktop{margin-bottom:1.25rem;margin-bottom:var(--spacing-125, 1.25rem)}.lrv-u-margin-t-125\@desktop{margin-top:1.25rem;margin-top:var(--spacing-125, 1.25rem)}.lrv-u-margin-tb-125\@desktop{margin-top:1.25rem;margin-top:var(--spacing-125, 1.25rem);margin-bottom:1.25rem;margin-bottom:var(--spacing-125, 1.25rem)}.lrv-u-margin-lr-125\@desktop{margin-left:1.25rem;margin-left:var(--spacing-125, 1.25rem);margin-right:1.25rem;margin-right:var(--spacing-125, 1.25rem)}.lrv-u-margin-a-125\@desktop{margin:1.25rem;margin:var(--spacing-125, 1.25rem)}}@media(min-width: 62.5rem){.lrv-u-margin-r-150\@desktop{margin-right:1.5rem;margin-right:var(--spacing-150, 1.5rem)}.lrv-u-margin-l-150\@desktop{margin-left:1.5rem;margin-left:var(--spacing-150, 1.5rem)}.lrv-u-margin-b-150\@desktop{margin-bottom:1.5rem;margin-bottom:var(--spacing-150, 1.5rem)}.lrv-u-margin-t-150\@desktop{margin-top:1.5rem;margin-top:var(--spacing-150, 1.5rem)}.lrv-u-margin-tb-150\@desktop{margin-top:1.5rem;margin-top:var(--spacing-150, 1.5rem);margin-bottom:1.5rem;margin-bottom:var(--spacing-150, 1.5rem)}.lrv-u-margin-lr-150\@desktop{margin-left:1.5rem;margin-left:var(--spacing-150, 1.5rem);margin-right:1.5rem;margin-right:var(--spacing-150, 1.5rem)}.lrv-u-margin-a-150\@desktop{margin:1.5rem;margin:var(--spacing-150, 1.5rem)}}@media(min-width: 62.5rem){.lrv-u-margin-r-2\@desktop{margin-right:2rem;margin-right:var(--spacing-2, 2rem)}.lrv-u-margin-l-2\@desktop{margin-left:2rem;margin-left:var(--spacing-2, 2rem)}.lrv-u-margin-b-2\@desktop{margin-bottom:2rem;margin-bottom:var(--spacing-2, 2rem)}.lrv-u-margin-t-2\@desktop{margin-top:2rem;margin-top:var(--spacing-2, 2rem)}.lrv-u-margin-tb-2\@desktop{margin-top:2rem;margin-top:var(--spacing-2, 2rem);margin-bottom:2rem;margin-bottom:var(--spacing-2, 2rem)}.lrv-u-margin-lr-2\@desktop{margin-left:2rem;margin-left:var(--spacing-2, 2rem);margin-right:2rem;margin-right:var(--spacing-2, 2rem)}.lrv-u-margin-a-2\@desktop{margin:2rem;margin:var(--spacing-2, 2rem)}}@media(min-width: 78.75rem){.lrv-u-margin-r-00\@desktop-xl{margin-right:0;margin-right:var(--spacing-00, 0)}.lrv-u-margin-l-00\@desktop-xl{margin-left:0;margin-left:var(--spacing-00, 0)}.lrv-u-margin-b-00\@desktop-xl{margin-bottom:0;margin-bottom:var(--spacing-00, 0)}.lrv-u-margin-t-00\@desktop-xl{margin-top:0;margin-top:var(--spacing-00, 0)}.lrv-u-margin-tb-00\@desktop-xl{margin-top:0;margin-top:var(--spacing-00, 0);margin-bottom:0;margin-bottom:var(--spacing-00, 0)}.lrv-u-margin-lr-00\@desktop-xl{margin-left:0;margin-left:var(--spacing-00, 0);margin-right:0;margin-right:var(--spacing-00, 0)}.lrv-u-margin-a-00\@desktop-xl{margin:0;margin:var(--spacing-00, 0)}}@media(min-width: 78.75rem){.lrv-u-margin-r-025\@desktop-xl{margin-right:.25rem;margin-right:var(--spacing-025, 0.25rem)}.lrv-u-margin-l-025\@desktop-xl{margin-left:.25rem;margin-left:var(--spacing-025, 0.25rem)}.lrv-u-margin-b-025\@desktop-xl{margin-bottom:.25rem;margin-bottom:var(--spacing-025, 0.25rem)}.lrv-u-margin-t-025\@desktop-xl{margin-top:.25rem;margin-top:var(--spacing-025, 0.25rem)}.lrv-u-margin-tb-025\@desktop-xl{margin-top:.25rem;margin-top:var(--spacing-025, 0.25rem);margin-bottom:.25rem;margin-bottom:var(--spacing-025, 0.25rem)}.lrv-u-margin-lr-025\@desktop-xl{margin-left:.25rem;margin-left:var(--spacing-025, 0.25rem);margin-right:.25rem;margin-right:var(--spacing-025, 0.25rem)}.lrv-u-margin-a-025\@desktop-xl{margin:.25rem;margin:var(--spacing-025, 0.25rem)}}@media(min-width: 78.75rem){.lrv-u-margin-r-050\@desktop-xl{margin-right:.5rem;margin-right:var(--spacing-050, 0.5rem)}.lrv-u-margin-l-050\@desktop-xl{margin-left:.5rem;margin-left:var(--spacing-050, 0.5rem)}.lrv-u-margin-b-050\@desktop-xl{margin-bottom:.5rem;margin-bottom:var(--spacing-050, 0.5rem)}.lrv-u-margin-t-050\@desktop-xl{margin-top:.5rem;margin-top:var(--spacing-050, 0.5rem)}.lrv-u-margin-tb-050\@desktop-xl{margin-top:.5rem;margin-top:var(--spacing-050, 0.5rem);margin-bottom:.5rem;margin-bottom:var(--spacing-050, 0.5rem)}.lrv-u-margin-lr-050\@desktop-xl{margin-left:.5rem;margin-left:var(--spacing-050, 0.5rem);margin-right:.5rem;margin-right:var(--spacing-050, 0.5rem)}.lrv-u-margin-a-050\@desktop-xl{margin:.5rem;margin:var(--spacing-050, 0.5rem)}}@media(min-width: 78.75rem){.lrv-u-margin-r-075\@desktop-xl{margin-right:.75rem;margin-right:var(--spacing-075, 0.75rem)}.lrv-u-margin-l-075\@desktop-xl{margin-left:.75rem;margin-left:var(--spacing-075, 0.75rem)}.lrv-u-margin-b-075\@desktop-xl{margin-bottom:.75rem;margin-bottom:var(--spacing-075, 0.75rem)}.lrv-u-margin-t-075\@desktop-xl{margin-top:.75rem;margin-top:var(--spacing-075, 0.75rem)}.lrv-u-margin-tb-075\@desktop-xl{margin-top:.75rem;margin-top:var(--spacing-075, 0.75rem);margin-bottom:.75rem;margin-bottom:var(--spacing-075, 0.75rem)}.lrv-u-margin-lr-075\@desktop-xl{margin-left:.75rem;margin-left:var(--spacing-075, 0.75rem);margin-right:.75rem;margin-right:var(--spacing-075, 0.75rem)}.lrv-u-margin-a-075\@desktop-xl{margin:.75rem;margin:var(--spacing-075, 0.75rem)}}@media(min-width: 78.75rem){.lrv-u-margin-r-1\@desktop-xl{margin-right:1rem;margin-right:var(--spacing-1, 1rem)}.lrv-u-margin-l-1\@desktop-xl{margin-left:1rem;margin-left:var(--spacing-1, 1rem)}.lrv-u-margin-b-1\@desktop-xl{margin-bottom:1rem;margin-bottom:var(--spacing-1, 1rem)}.lrv-u-margin-t-1\@desktop-xl{margin-top:1rem;margin-top:var(--spacing-1, 1rem)}.lrv-u-margin-tb-1\@desktop-xl{margin-top:1rem;margin-top:var(--spacing-1, 1rem);margin-bottom:1rem;margin-bottom:var(--spacing-1, 1rem)}.lrv-u-margin-lr-1\@desktop-xl{margin-left:1rem;margin-left:var(--spacing-1, 1rem);margin-right:1rem;margin-right:var(--spacing-1, 1rem)}.lrv-u-margin-a-1\@desktop-xl{margin:1rem;margin:var(--spacing-1, 1rem)}}@media(min-width: 78.75rem){.lrv-u-margin-r-125\@desktop-xl{margin-right:1.25rem;margin-right:var(--spacing-125, 1.25rem)}.lrv-u-margin-l-125\@desktop-xl{margin-left:1.25rem;margin-left:var(--spacing-125, 1.25rem)}.lrv-u-margin-b-125\@desktop-xl{margin-bottom:1.25rem;margin-bottom:var(--spacing-125, 1.25rem)}.lrv-u-margin-t-125\@desktop-xl{margin-top:1.25rem;margin-top:var(--spacing-125, 1.25rem)}.lrv-u-margin-tb-125\@desktop-xl{margin-top:1.25rem;margin-top:var(--spacing-125, 1.25rem);margin-bottom:1.25rem;margin-bottom:var(--spacing-125, 1.25rem)}.lrv-u-margin-lr-125\@desktop-xl{margin-left:1.25rem;margin-left:var(--spacing-125, 1.25rem);margin-right:1.25rem;margin-right:var(--spacing-125, 1.25rem)}.lrv-u-margin-a-125\@desktop-xl{margin:1.25rem;margin:var(--spacing-125, 1.25rem)}}@media(min-width: 78.75rem){.lrv-u-margin-r-150\@desktop-xl{margin-right:1.5rem;margin-right:var(--spacing-150, 1.5rem)}.lrv-u-margin-l-150\@desktop-xl{margin-left:1.5rem;margin-left:var(--spacing-150, 1.5rem)}.lrv-u-margin-b-150\@desktop-xl{margin-bottom:1.5rem;margin-bottom:var(--spacing-150, 1.5rem)}.lrv-u-margin-t-150\@desktop-xl{margin-top:1.5rem;margin-top:var(--spacing-150, 1.5rem)}.lrv-u-margin-tb-150\@desktop-xl{margin-top:1.5rem;margin-top:var(--spacing-150, 1.5rem);margin-bottom:1.5rem;margin-bottom:var(--spacing-150, 1.5rem)}.lrv-u-margin-lr-150\@desktop-xl{margin-left:1.5rem;margin-left:var(--spacing-150, 1.5rem);margin-right:1.5rem;margin-right:var(--spacing-150, 1.5rem)}.lrv-u-margin-a-150\@desktop-xl{margin:1.5rem;margin:var(--spacing-150, 1.5rem)}}@media(min-width: 78.75rem){.lrv-u-margin-r-2\@desktop-xl{margin-right:2rem;margin-right:var(--spacing-2, 2rem)}.lrv-u-margin-l-2\@desktop-xl{margin-left:2rem;margin-left:var(--spacing-2, 2rem)}.lrv-u-margin-b-2\@desktop-xl{margin-bottom:2rem;margin-bottom:var(--spacing-2, 2rem)}.lrv-u-margin-t-2\@desktop-xl{margin-top:2rem;margin-top:var(--spacing-2, 2rem)}.lrv-u-margin-tb-2\@desktop-xl{margin-top:2rem;margin-top:var(--spacing-2, 2rem);margin-bottom:2rem;margin-bottom:var(--spacing-2, 2rem)}.lrv-u-margin-lr-2\@desktop-xl{margin-left:2rem;margin-left:var(--spacing-2, 2rem);margin-right:2rem;margin-right:var(--spacing-2, 2rem)}.lrv-u-margin-a-2\@desktop-xl{margin:2rem;margin:var(--spacing-2, 2rem)}}@media(max-width: 47.999rem){.lrv-u-margin-a-00\@mobile-max{margin:0}}@media(max-width: 47.999rem){.lrv-u-margin-t-050\@mobile-max{margin-top:.5rem}}@media(max-width: 47.999rem){.lrv-u-margin-t-1\@mobile-max{margin-top:1rem}}@media(max-width: 47.999rem){.lrv-u-margin-t-2\@mobile-max{margin-top:2rem}}@media(max-width: 47.999rem){.lrv-u-margin-r-00\@mobile-max{margin-right:0}}@media(max-width: 47.999rem){.lrv-u-margin-b-1\@mobile-max{margin-bottom:1rem}}@media(max-width: 47.999rem){.lrv-u-margin-b-050\@mobile-max{margin-bottom:.5rem}}@media(max-width: 47.999rem){.lrv-u-margin-tb-00\@mobile-max{margin-top:0;margin-bottom:0}}@media(max-width: 47.999rem){.lrv-u-margin-tb-1\@mobile-max{margin-top:1rem;margin-bottom:1rem}}@media(min-width: 48rem){.lrv-u-margin-l-1\@tablet{margin-left:1rem}}@media(min-width: 48rem){.lrv-u-margin-r-1\@tablet{margin-right:1rem}}@media(min-width: 48rem){.lrv-u-margin-r-00\@tablet{margin-right:0}}@media(min-width: 48rem){.lrv-u-margin-b-1\@tablet{margin-bottom:1rem}}@media(min-width: 48rem){.lrv-u-margin-b-2\@tablet{margin-bottom:2rem}}@media(min-width: 78.75rem){.lrv-u-margin-t-050\@desktop-xl{margin-top:.5rem}}@media(min-width: 48rem){.lrv-u-margin-l-auto\@tablet{margin-left:auto}}@media(max-width: 47.999rem){.lrv-u-margin-b-250\@mobile-max{margin-bottom:2.5rem}}@media(min-width: 78.75rem){.lrv-u-margin-t-175\@desktop-xl{margin-top:1.75rem}}
16
+ .lrv-u-max-width-100p{max-width:100%}.lrv-u-max-width-100vw{max-width:100vw}.lrv-u-max-width-150{max-width:9.375rem}.lrv-u-max-width-250{max-width:15.625rem}.lrv-u-max-width-500{max-width:31.25rem}.lrv-u-max-width-1000{max-width:62.5rem}
17
+ .lrv-u-opacity-0{opacity:0}
18
+ .lrv-u-order-n1{order:-1}.lrv-u-order-100{order:100}@media(min-width: 62.5rem){.lrv-u-order-n1\@desktop{order:-1}.lrv-u-order-100\@desktop{order:100}}@media(max-width: 47.999rem){.lrv-u-order-n1\@mobile-max{order:-1}}@media(max-width: 47.999rem){.lrv-u-order-100\@mobile-max{order:100}}
19
+ .lrv-u-overflow-auto{overflow:auto}.lrv-u-overflow-hidden{overflow:hidden}@media(max-width: 47.999rem){.lrv-u-overflow-auto\@mobile-max{overflow:auto}}
20
+ @media(min-width: 48rem){.lrv-u-padding-t-150\@tablet{padding-top:1.5rem}}.lrv-u-padding-r-00{padding-right:0;padding-right:var(--spacing-00, 0)}.lrv-u-padding-l-00{padding-left:0;padding-left:var(--spacing-00, 0)}.lrv-u-padding-b-00{padding-bottom:0;padding-bottom:var(--spacing-00, 0)}.lrv-u-padding-t-00{padding-top:0;padding-top:var(--spacing-00, 0)}.lrv-u-padding-tb-00{padding-top:0;padding-top:var(--spacing-00, 0);padding-bottom:0;padding-bottom:var(--spacing-00, 0)}.lrv-u-padding-lr-00{padding-left:0;padding-left:var(--spacing-00, 0);padding-right:0;padding-right:var(--spacing-00, 0)}.lrv-u-padding-a-00{padding:0;padding:var(--spacing-00, 0)}.lrv-u-padding-r-025{padding-right:.25rem;padding-right:var(--spacing-025, 0.25rem)}.lrv-u-padding-l-025{padding-left:.25rem;padding-left:var(--spacing-025, 0.25rem)}.lrv-u-padding-b-025{padding-bottom:.25rem;padding-bottom:var(--spacing-025, 0.25rem)}.lrv-u-padding-t-025{padding-top:.25rem;padding-top:var(--spacing-025, 0.25rem)}.lrv-u-padding-tb-025{padding-top:.25rem;padding-top:var(--spacing-025, 0.25rem);padding-bottom:.25rem;padding-bottom:var(--spacing-025, 0.25rem)}.lrv-u-padding-lr-025{padding-left:.25rem;padding-left:var(--spacing-025, 0.25rem);padding-right:.25rem;padding-right:var(--spacing-025, 0.25rem)}.lrv-u-padding-a-025{padding:.25rem;padding:var(--spacing-025, 0.25rem)}.lrv-u-padding-r-050{padding-right:.5rem;padding-right:var(--spacing-050, 0.5rem)}.lrv-u-padding-l-050{padding-left:.5rem;padding-left:var(--spacing-050, 0.5rem)}.lrv-u-padding-b-050{padding-bottom:.5rem;padding-bottom:var(--spacing-050, 0.5rem)}.lrv-u-padding-t-050{padding-top:.5rem;padding-top:var(--spacing-050, 0.5rem)}.lrv-u-padding-tb-050{padding-top:.5rem;padding-top:var(--spacing-050, 0.5rem);padding-bottom:.5rem;padding-bottom:var(--spacing-050, 0.5rem)}.lrv-u-padding-lr-050{padding-left:.5rem;padding-left:var(--spacing-050, 0.5rem);padding-right:.5rem;padding-right:var(--spacing-050, 0.5rem)}.lrv-u-padding-a-050{padding:.5rem;padding:var(--spacing-050, 0.5rem)}.lrv-u-padding-r-075{padding-right:.75rem;padding-right:var(--spacing-075, 0.75rem)}.lrv-u-padding-l-075{padding-left:.75rem;padding-left:var(--spacing-075, 0.75rem)}.lrv-u-padding-b-075{padding-bottom:.75rem;padding-bottom:var(--spacing-075, 0.75rem)}.lrv-u-padding-t-075{padding-top:.75rem;padding-top:var(--spacing-075, 0.75rem)}.lrv-u-padding-tb-075{padding-top:.75rem;padding-top:var(--spacing-075, 0.75rem);padding-bottom:.75rem;padding-bottom:var(--spacing-075, 0.75rem)}.lrv-u-padding-lr-075{padding-left:.75rem;padding-left:var(--spacing-075, 0.75rem);padding-right:.75rem;padding-right:var(--spacing-075, 0.75rem)}.lrv-u-padding-a-075{padding:.75rem;padding:var(--spacing-075, 0.75rem)}.lrv-u-padding-r-1{padding-right:1rem;padding-right:var(--spacing-1, 1rem)}.lrv-u-padding-l-1{padding-left:1rem;padding-left:var(--spacing-1, 1rem)}.lrv-u-padding-b-1{padding-bottom:1rem;padding-bottom:var(--spacing-1, 1rem)}.lrv-u-padding-t-1{padding-top:1rem;padding-top:var(--spacing-1, 1rem)}.lrv-u-padding-tb-1{padding-top:1rem;padding-top:var(--spacing-1, 1rem);padding-bottom:1rem;padding-bottom:var(--spacing-1, 1rem)}.lrv-u-padding-lr-1{padding-left:1rem;padding-left:var(--spacing-1, 1rem);padding-right:1rem;padding-right:var(--spacing-1, 1rem)}.lrv-u-padding-a-1{padding:1rem;padding:var(--spacing-1, 1rem)}.lrv-u-padding-r-125{padding-right:1.25rem;padding-right:var(--spacing-125, 1.25rem)}.lrv-u-padding-l-125{padding-left:1.25rem;padding-left:var(--spacing-125, 1.25rem)}.lrv-u-padding-b-125{padding-bottom:1.25rem;padding-bottom:var(--spacing-125, 1.25rem)}.lrv-u-padding-t-125{padding-top:1.25rem;padding-top:var(--spacing-125, 1.25rem)}.lrv-u-padding-tb-125{padding-top:1.25rem;padding-top:var(--spacing-125, 1.25rem);padding-bottom:1.25rem;padding-bottom:var(--spacing-125, 1.25rem)}.lrv-u-padding-lr-125{padding-left:1.25rem;padding-left:var(--spacing-125, 1.25rem);padding-right:1.25rem;padding-right:var(--spacing-125, 1.25rem)}.lrv-u-padding-a-125{padding:1.25rem;padding:var(--spacing-125, 1.25rem)}.lrv-u-padding-r-150{padding-right:1.5rem;padding-right:var(--spacing-150, 1.5rem)}.lrv-u-padding-l-150{padding-left:1.5rem;padding-left:var(--spacing-150, 1.5rem)}.lrv-u-padding-b-150{padding-bottom:1.5rem;padding-bottom:var(--spacing-150, 1.5rem)}.lrv-u-padding-t-150{padding-top:1.5rem;padding-top:var(--spacing-150, 1.5rem)}.lrv-u-padding-tb-150{padding-top:1.5rem;padding-top:var(--spacing-150, 1.5rem);padding-bottom:1.5rem;padding-bottom:var(--spacing-150, 1.5rem)}.lrv-u-padding-lr-150{padding-left:1.5rem;padding-left:var(--spacing-150, 1.5rem);padding-right:1.5rem;padding-right:var(--spacing-150, 1.5rem)}.lrv-u-padding-a-150{padding:1.5rem;padding:var(--spacing-150, 1.5rem)}.lrv-u-padding-r-2{padding-right:2rem;padding-right:var(--spacing-2, 2rem)}.lrv-u-padding-l-2{padding-left:2rem;padding-left:var(--spacing-2, 2rem)}.lrv-u-padding-b-2{padding-bottom:2rem;padding-bottom:var(--spacing-2, 2rem)}.lrv-u-padding-t-2{padding-top:2rem;padding-top:var(--spacing-2, 2rem)}.lrv-u-padding-tb-2{padding-top:2rem;padding-top:var(--spacing-2, 2rem);padding-bottom:2rem;padding-bottom:var(--spacing-2, 2rem)}.lrv-u-padding-lr-2{padding-left:2rem;padding-left:var(--spacing-2, 2rem);padding-right:2rem;padding-right:var(--spacing-2, 2rem)}.lrv-u-padding-a-2{padding:2rem;padding:var(--spacing-2, 2rem)}@media(max-width: 47.999rem){.lrv-u-padding-r-00\@mobile-max{padding-right:0;padding-right:var(--spacing-00, 0)}.lrv-u-padding-l-00\@mobile-max{padding-left:0;padding-left:var(--spacing-00, 0)}.lrv-u-padding-b-00\@mobile-max{padding-bottom:0;padding-bottom:var(--spacing-00, 0)}.lrv-u-padding-t-00\@mobile-max{padding-top:0;padding-top:var(--spacing-00, 0)}.lrv-u-padding-tb-00\@mobile-max{padding-top:0;padding-top:var(--spacing-00, 0);padding-bottom:0;padding-bottom:var(--spacing-00, 0)}.lrv-u-padding-lr-00\@mobile-max{padding-left:0;padding-left:var(--spacing-00, 0);padding-right:0;padding-right:var(--spacing-00, 0)}.lrv-u-padding-a-00\@mobile-max{padding:0;padding:var(--spacing-00, 0)}}@media(max-width: 47.999rem){.lrv-u-padding-r-025\@mobile-max{padding-right:.25rem;padding-right:var(--spacing-025, 0.25rem)}.lrv-u-padding-l-025\@mobile-max{padding-left:.25rem;padding-left:var(--spacing-025, 0.25rem)}.lrv-u-padding-b-025\@mobile-max{padding-bottom:.25rem;padding-bottom:var(--spacing-025, 0.25rem)}.lrv-u-padding-t-025\@mobile-max{padding-top:.25rem;padding-top:var(--spacing-025, 0.25rem)}.lrv-u-padding-tb-025\@mobile-max{padding-top:.25rem;padding-top:var(--spacing-025, 0.25rem);padding-bottom:.25rem;padding-bottom:var(--spacing-025, 0.25rem)}.lrv-u-padding-lr-025\@mobile-max{padding-left:.25rem;padding-left:var(--spacing-025, 0.25rem);padding-right:.25rem;padding-right:var(--spacing-025, 0.25rem)}.lrv-u-padding-a-025\@mobile-max{padding:.25rem;padding:var(--spacing-025, 0.25rem)}}@media(max-width: 47.999rem){.lrv-u-padding-r-050\@mobile-max{padding-right:.5rem;padding-right:var(--spacing-050, 0.5rem)}.lrv-u-padding-l-050\@mobile-max{padding-left:.5rem;padding-left:var(--spacing-050, 0.5rem)}.lrv-u-padding-b-050\@mobile-max{padding-bottom:.5rem;padding-bottom:var(--spacing-050, 0.5rem)}.lrv-u-padding-t-050\@mobile-max{padding-top:.5rem;padding-top:var(--spacing-050, 0.5rem)}.lrv-u-padding-tb-050\@mobile-max{padding-top:.5rem;padding-top:var(--spacing-050, 0.5rem);padding-bottom:.5rem;padding-bottom:var(--spacing-050, 0.5rem)}.lrv-u-padding-lr-050\@mobile-max{padding-left:.5rem;padding-left:var(--spacing-050, 0.5rem);padding-right:.5rem;padding-right:var(--spacing-050, 0.5rem)}.lrv-u-padding-a-050\@mobile-max{padding:.5rem;padding:var(--spacing-050, 0.5rem)}}@media(max-width: 47.999rem){.lrv-u-padding-r-075\@mobile-max{padding-right:.75rem;padding-right:var(--spacing-075, 0.75rem)}.lrv-u-padding-l-075\@mobile-max{padding-left:.75rem;padding-left:var(--spacing-075, 0.75rem)}.lrv-u-padding-b-075\@mobile-max{padding-bottom:.75rem;padding-bottom:var(--spacing-075, 0.75rem)}.lrv-u-padding-t-075\@mobile-max{padding-top:.75rem;padding-top:var(--spacing-075, 0.75rem)}.lrv-u-padding-tb-075\@mobile-max{padding-top:.75rem;padding-top:var(--spacing-075, 0.75rem);padding-bottom:.75rem;padding-bottom:var(--spacing-075, 0.75rem)}.lrv-u-padding-lr-075\@mobile-max{padding-left:.75rem;padding-left:var(--spacing-075, 0.75rem);padding-right:.75rem;padding-right:var(--spacing-075, 0.75rem)}.lrv-u-padding-a-075\@mobile-max{padding:.75rem;padding:var(--spacing-075, 0.75rem)}}@media(max-width: 47.999rem){.lrv-u-padding-r-1\@mobile-max{padding-right:1rem;padding-right:var(--spacing-1, 1rem)}.lrv-u-padding-l-1\@mobile-max{padding-left:1rem;padding-left:var(--spacing-1, 1rem)}.lrv-u-padding-b-1\@mobile-max{padding-bottom:1rem;padding-bottom:var(--spacing-1, 1rem)}.lrv-u-padding-t-1\@mobile-max{padding-top:1rem;padding-top:var(--spacing-1, 1rem)}.lrv-u-padding-tb-1\@mobile-max{padding-top:1rem;padding-top:var(--spacing-1, 1rem);padding-bottom:1rem;padding-bottom:var(--spacing-1, 1rem)}.lrv-u-padding-lr-1\@mobile-max{padding-left:1rem;padding-left:var(--spacing-1, 1rem);padding-right:1rem;padding-right:var(--spacing-1, 1rem)}.lrv-u-padding-a-1\@mobile-max{padding:1rem;padding:var(--spacing-1, 1rem)}}@media(max-width: 47.999rem){.lrv-u-padding-r-125\@mobile-max{padding-right:1.25rem;padding-right:var(--spacing-125, 1.25rem)}.lrv-u-padding-l-125\@mobile-max{padding-left:1.25rem;padding-left:var(--spacing-125, 1.25rem)}.lrv-u-padding-b-125\@mobile-max{padding-bottom:1.25rem;padding-bottom:var(--spacing-125, 1.25rem)}.lrv-u-padding-t-125\@mobile-max{padding-top:1.25rem;padding-top:var(--spacing-125, 1.25rem)}.lrv-u-padding-tb-125\@mobile-max{padding-top:1.25rem;padding-top:var(--spacing-125, 1.25rem);padding-bottom:1.25rem;padding-bottom:var(--spacing-125, 1.25rem)}.lrv-u-padding-lr-125\@mobile-max{padding-left:1.25rem;padding-left:var(--spacing-125, 1.25rem);padding-right:1.25rem;padding-right:var(--spacing-125, 1.25rem)}.lrv-u-padding-a-125\@mobile-max{padding:1.25rem;padding:var(--spacing-125, 1.25rem)}}@media(max-width: 47.999rem){.lrv-u-padding-r-150\@mobile-max{padding-right:1.5rem;padding-right:var(--spacing-150, 1.5rem)}.lrv-u-padding-l-150\@mobile-max{padding-left:1.5rem;padding-left:var(--spacing-150, 1.5rem)}.lrv-u-padding-b-150\@mobile-max{padding-bottom:1.5rem;padding-bottom:var(--spacing-150, 1.5rem)}.lrv-u-padding-t-150\@mobile-max{padding-top:1.5rem;padding-top:var(--spacing-150, 1.5rem)}.lrv-u-padding-tb-150\@mobile-max{padding-top:1.5rem;padding-top:var(--spacing-150, 1.5rem);padding-bottom:1.5rem;padding-bottom:var(--spacing-150, 1.5rem)}.lrv-u-padding-lr-150\@mobile-max{padding-left:1.5rem;padding-left:var(--spacing-150, 1.5rem);padding-right:1.5rem;padding-right:var(--spacing-150, 1.5rem)}.lrv-u-padding-a-150\@mobile-max{padding:1.5rem;padding:var(--spacing-150, 1.5rem)}}@media(max-width: 47.999rem){.lrv-u-padding-r-2\@mobile-max{padding-right:2rem;padding-right:var(--spacing-2, 2rem)}.lrv-u-padding-l-2\@mobile-max{padding-left:2rem;padding-left:var(--spacing-2, 2rem)}.lrv-u-padding-b-2\@mobile-max{padding-bottom:2rem;padding-bottom:var(--spacing-2, 2rem)}.lrv-u-padding-t-2\@mobile-max{padding-top:2rem;padding-top:var(--spacing-2, 2rem)}.lrv-u-padding-tb-2\@mobile-max{padding-top:2rem;padding-top:var(--spacing-2, 2rem);padding-bottom:2rem;padding-bottom:var(--spacing-2, 2rem)}.lrv-u-padding-lr-2\@mobile-max{padding-left:2rem;padding-left:var(--spacing-2, 2rem);padding-right:2rem;padding-right:var(--spacing-2, 2rem)}.lrv-u-padding-a-2\@mobile-max{padding:2rem;padding:var(--spacing-2, 2rem)}}@media(min-width: 62.5rem){.lrv-u-padding-r-00\@desktop{padding-right:0;padding-right:var(--spacing-00, 0)}.lrv-u-padding-l-00\@desktop{padding-left:0;padding-left:var(--spacing-00, 0)}.lrv-u-padding-b-00\@desktop{padding-bottom:0;padding-bottom:var(--spacing-00, 0)}.lrv-u-padding-t-00\@desktop{padding-top:0;padding-top:var(--spacing-00, 0)}.lrv-u-padding-tb-00\@desktop{padding-top:0;padding-top:var(--spacing-00, 0);padding-bottom:0;padding-bottom:var(--spacing-00, 0)}.lrv-u-padding-lr-00\@desktop{padding-left:0;padding-left:var(--spacing-00, 0);padding-right:0;padding-right:var(--spacing-00, 0)}.lrv-u-padding-a-00\@desktop{padding:0;padding:var(--spacing-00, 0)}}@media(min-width: 62.5rem){.lrv-u-padding-r-025\@desktop{padding-right:.25rem;padding-right:var(--spacing-025, 0.25rem)}.lrv-u-padding-l-025\@desktop{padding-left:.25rem;padding-left:var(--spacing-025, 0.25rem)}.lrv-u-padding-b-025\@desktop{padding-bottom:.25rem;padding-bottom:var(--spacing-025, 0.25rem)}.lrv-u-padding-t-025\@desktop{padding-top:.25rem;padding-top:var(--spacing-025, 0.25rem)}.lrv-u-padding-tb-025\@desktop{padding-top:.25rem;padding-top:var(--spacing-025, 0.25rem);padding-bottom:.25rem;padding-bottom:var(--spacing-025, 0.25rem)}.lrv-u-padding-lr-025\@desktop{padding-left:.25rem;padding-left:var(--spacing-025, 0.25rem);padding-right:.25rem;padding-right:var(--spacing-025, 0.25rem)}.lrv-u-padding-a-025\@desktop{padding:.25rem;padding:var(--spacing-025, 0.25rem)}}@media(min-width: 62.5rem){.lrv-u-padding-r-050\@desktop{padding-right:.5rem;padding-right:var(--spacing-050, 0.5rem)}.lrv-u-padding-l-050\@desktop{padding-left:.5rem;padding-left:var(--spacing-050, 0.5rem)}.lrv-u-padding-b-050\@desktop{padding-bottom:.5rem;padding-bottom:var(--spacing-050, 0.5rem)}.lrv-u-padding-t-050\@desktop{padding-top:.5rem;padding-top:var(--spacing-050, 0.5rem)}.lrv-u-padding-tb-050\@desktop{padding-top:.5rem;padding-top:var(--spacing-050, 0.5rem);padding-bottom:.5rem;padding-bottom:var(--spacing-050, 0.5rem)}.lrv-u-padding-lr-050\@desktop{padding-left:.5rem;padding-left:var(--spacing-050, 0.5rem);padding-right:.5rem;padding-right:var(--spacing-050, 0.5rem)}.lrv-u-padding-a-050\@desktop{padding:.5rem;padding:var(--spacing-050, 0.5rem)}}@media(min-width: 62.5rem){.lrv-u-padding-r-075\@desktop{padding-right:.75rem;padding-right:var(--spacing-075, 0.75rem)}.lrv-u-padding-l-075\@desktop{padding-left:.75rem;padding-left:var(--spacing-075, 0.75rem)}.lrv-u-padding-b-075\@desktop{padding-bottom:.75rem;padding-bottom:var(--spacing-075, 0.75rem)}.lrv-u-padding-t-075\@desktop{padding-top:.75rem;padding-top:var(--spacing-075, 0.75rem)}.lrv-u-padding-tb-075\@desktop{padding-top:.75rem;padding-top:var(--spacing-075, 0.75rem);padding-bottom:.75rem;padding-bottom:var(--spacing-075, 0.75rem)}.lrv-u-padding-lr-075\@desktop{padding-left:.75rem;padding-left:var(--spacing-075, 0.75rem);padding-right:.75rem;padding-right:var(--spacing-075, 0.75rem)}.lrv-u-padding-a-075\@desktop{padding:.75rem;padding:var(--spacing-075, 0.75rem)}}@media(min-width: 62.5rem){.lrv-u-padding-r-1\@desktop{padding-right:1rem;padding-right:var(--spacing-1, 1rem)}.lrv-u-padding-l-1\@desktop{padding-left:1rem;padding-left:var(--spacing-1, 1rem)}.lrv-u-padding-b-1\@desktop{padding-bottom:1rem;padding-bottom:var(--spacing-1, 1rem)}.lrv-u-padding-t-1\@desktop{padding-top:1rem;padding-top:var(--spacing-1, 1rem)}.lrv-u-padding-tb-1\@desktop{padding-top:1rem;padding-top:var(--spacing-1, 1rem);padding-bottom:1rem;padding-bottom:var(--spacing-1, 1rem)}.lrv-u-padding-lr-1\@desktop{padding-left:1rem;padding-left:var(--spacing-1, 1rem);padding-right:1rem;padding-right:var(--spacing-1, 1rem)}.lrv-u-padding-a-1\@desktop{padding:1rem;padding:var(--spacing-1, 1rem)}}@media(min-width: 62.5rem){.lrv-u-padding-r-125\@desktop{padding-right:1.25rem;padding-right:var(--spacing-125, 1.25rem)}.lrv-u-padding-l-125\@desktop{padding-left:1.25rem;padding-left:var(--spacing-125, 1.25rem)}.lrv-u-padding-b-125\@desktop{padding-bottom:1.25rem;padding-bottom:var(--spacing-125, 1.25rem)}.lrv-u-padding-t-125\@desktop{padding-top:1.25rem;padding-top:var(--spacing-125, 1.25rem)}.lrv-u-padding-tb-125\@desktop{padding-top:1.25rem;padding-top:var(--spacing-125, 1.25rem);padding-bottom:1.25rem;padding-bottom:var(--spacing-125, 1.25rem)}.lrv-u-padding-lr-125\@desktop{padding-left:1.25rem;padding-left:var(--spacing-125, 1.25rem);padding-right:1.25rem;padding-right:var(--spacing-125, 1.25rem)}.lrv-u-padding-a-125\@desktop{padding:1.25rem;padding:var(--spacing-125, 1.25rem)}}@media(min-width: 62.5rem){.lrv-u-padding-r-150\@desktop{padding-right:1.5rem;padding-right:var(--spacing-150, 1.5rem)}.lrv-u-padding-l-150\@desktop{padding-left:1.5rem;padding-left:var(--spacing-150, 1.5rem)}.lrv-u-padding-b-150\@desktop{padding-bottom:1.5rem;padding-bottom:var(--spacing-150, 1.5rem)}.lrv-u-padding-t-150\@desktop{padding-top:1.5rem;padding-top:var(--spacing-150, 1.5rem)}.lrv-u-padding-tb-150\@desktop{padding-top:1.5rem;padding-top:var(--spacing-150, 1.5rem);padding-bottom:1.5rem;padding-bottom:var(--spacing-150, 1.5rem)}.lrv-u-padding-lr-150\@desktop{padding-left:1.5rem;padding-left:var(--spacing-150, 1.5rem);padding-right:1.5rem;padding-right:var(--spacing-150, 1.5rem)}.lrv-u-padding-a-150\@desktop{padding:1.5rem;padding:var(--spacing-150, 1.5rem)}}@media(min-width: 62.5rem){.lrv-u-padding-r-2\@desktop{padding-right:2rem;padding-right:var(--spacing-2, 2rem)}.lrv-u-padding-l-2\@desktop{padding-left:2rem;padding-left:var(--spacing-2, 2rem)}.lrv-u-padding-b-2\@desktop{padding-bottom:2rem;padding-bottom:var(--spacing-2, 2rem)}.lrv-u-padding-t-2\@desktop{padding-top:2rem;padding-top:var(--spacing-2, 2rem)}.lrv-u-padding-tb-2\@desktop{padding-top:2rem;padding-top:var(--spacing-2, 2rem);padding-bottom:2rem;padding-bottom:var(--spacing-2, 2rem)}.lrv-u-padding-lr-2\@desktop{padding-left:2rem;padding-left:var(--spacing-2, 2rem);padding-right:2rem;padding-right:var(--spacing-2, 2rem)}.lrv-u-padding-a-2\@desktop{padding:2rem;padding:var(--spacing-2, 2rem)}}@media(min-width: 78.75rem){.lrv-u-padding-r-00\@desktop-xl{padding-right:0;padding-right:var(--spacing-00, 0)}.lrv-u-padding-l-00\@desktop-xl{padding-left:0;padding-left:var(--spacing-00, 0)}.lrv-u-padding-b-00\@desktop-xl{padding-bottom:0;padding-bottom:var(--spacing-00, 0)}.lrv-u-padding-t-00\@desktop-xl{padding-top:0;padding-top:var(--spacing-00, 0)}.lrv-u-padding-tb-00\@desktop-xl{padding-top:0;padding-top:var(--spacing-00, 0);padding-bottom:0;padding-bottom:var(--spacing-00, 0)}.lrv-u-padding-lr-00\@desktop-xl{padding-left:0;padding-left:var(--spacing-00, 0);padding-right:0;padding-right:var(--spacing-00, 0)}.lrv-u-padding-a-00\@desktop-xl{padding:0;padding:var(--spacing-00, 0)}}@media(min-width: 78.75rem){.lrv-u-padding-r-025\@desktop-xl{padding-right:.25rem;padding-right:var(--spacing-025, 0.25rem)}.lrv-u-padding-l-025\@desktop-xl{padding-left:.25rem;padding-left:var(--spacing-025, 0.25rem)}.lrv-u-padding-b-025\@desktop-xl{padding-bottom:.25rem;padding-bottom:var(--spacing-025, 0.25rem)}.lrv-u-padding-t-025\@desktop-xl{padding-top:.25rem;padding-top:var(--spacing-025, 0.25rem)}.lrv-u-padding-tb-025\@desktop-xl{padding-top:.25rem;padding-top:var(--spacing-025, 0.25rem);padding-bottom:.25rem;padding-bottom:var(--spacing-025, 0.25rem)}.lrv-u-padding-lr-025\@desktop-xl{padding-left:.25rem;padding-left:var(--spacing-025, 0.25rem);padding-right:.25rem;padding-right:var(--spacing-025, 0.25rem)}.lrv-u-padding-a-025\@desktop-xl{padding:.25rem;padding:var(--spacing-025, 0.25rem)}}@media(min-width: 78.75rem){.lrv-u-padding-r-050\@desktop-xl{padding-right:.5rem;padding-right:var(--spacing-050, 0.5rem)}.lrv-u-padding-l-050\@desktop-xl{padding-left:.5rem;padding-left:var(--spacing-050, 0.5rem)}.lrv-u-padding-b-050\@desktop-xl{padding-bottom:.5rem;padding-bottom:var(--spacing-050, 0.5rem)}.lrv-u-padding-t-050\@desktop-xl{padding-top:.5rem;padding-top:var(--spacing-050, 0.5rem)}.lrv-u-padding-tb-050\@desktop-xl{padding-top:.5rem;padding-top:var(--spacing-050, 0.5rem);padding-bottom:.5rem;padding-bottom:var(--spacing-050, 0.5rem)}.lrv-u-padding-lr-050\@desktop-xl{padding-left:.5rem;padding-left:var(--spacing-050, 0.5rem);padding-right:.5rem;padding-right:var(--spacing-050, 0.5rem)}.lrv-u-padding-a-050\@desktop-xl{padding:.5rem;padding:var(--spacing-050, 0.5rem)}}@media(min-width: 78.75rem){.lrv-u-padding-r-075\@desktop-xl{padding-right:.75rem;padding-right:var(--spacing-075, 0.75rem)}.lrv-u-padding-l-075\@desktop-xl{padding-left:.75rem;padding-left:var(--spacing-075, 0.75rem)}.lrv-u-padding-b-075\@desktop-xl{padding-bottom:.75rem;padding-bottom:var(--spacing-075, 0.75rem)}.lrv-u-padding-t-075\@desktop-xl{padding-top:.75rem;padding-top:var(--spacing-075, 0.75rem)}.lrv-u-padding-tb-075\@desktop-xl{padding-top:.75rem;padding-top:var(--spacing-075, 0.75rem);padding-bottom:.75rem;padding-bottom:var(--spacing-075, 0.75rem)}.lrv-u-padding-lr-075\@desktop-xl{padding-left:.75rem;padding-left:var(--spacing-075, 0.75rem);padding-right:.75rem;padding-right:var(--spacing-075, 0.75rem)}.lrv-u-padding-a-075\@desktop-xl{padding:.75rem;padding:var(--spacing-075, 0.75rem)}}@media(min-width: 78.75rem){.lrv-u-padding-r-1\@desktop-xl{padding-right:1rem;padding-right:var(--spacing-1, 1rem)}.lrv-u-padding-l-1\@desktop-xl{padding-left:1rem;padding-left:var(--spacing-1, 1rem)}.lrv-u-padding-b-1\@desktop-xl{padding-bottom:1rem;padding-bottom:var(--spacing-1, 1rem)}.lrv-u-padding-t-1\@desktop-xl{padding-top:1rem;padding-top:var(--spacing-1, 1rem)}.lrv-u-padding-tb-1\@desktop-xl{padding-top:1rem;padding-top:var(--spacing-1, 1rem);padding-bottom:1rem;padding-bottom:var(--spacing-1, 1rem)}.lrv-u-padding-lr-1\@desktop-xl{padding-left:1rem;padding-left:var(--spacing-1, 1rem);padding-right:1rem;padding-right:var(--spacing-1, 1rem)}.lrv-u-padding-a-1\@desktop-xl{padding:1rem;padding:var(--spacing-1, 1rem)}}@media(min-width: 78.75rem){.lrv-u-padding-r-125\@desktop-xl{padding-right:1.25rem;padding-right:var(--spacing-125, 1.25rem)}.lrv-u-padding-l-125\@desktop-xl{padding-left:1.25rem;padding-left:var(--spacing-125, 1.25rem)}.lrv-u-padding-b-125\@desktop-xl{padding-bottom:1.25rem;padding-bottom:var(--spacing-125, 1.25rem)}.lrv-u-padding-t-125\@desktop-xl{padding-top:1.25rem;padding-top:var(--spacing-125, 1.25rem)}.lrv-u-padding-tb-125\@desktop-xl{padding-top:1.25rem;padding-top:var(--spacing-125, 1.25rem);padding-bottom:1.25rem;padding-bottom:var(--spacing-125, 1.25rem)}.lrv-u-padding-lr-125\@desktop-xl{padding-left:1.25rem;padding-left:var(--spacing-125, 1.25rem);padding-right:1.25rem;padding-right:var(--spacing-125, 1.25rem)}.lrv-u-padding-a-125\@desktop-xl{padding:1.25rem;padding:var(--spacing-125, 1.25rem)}}@media(min-width: 78.75rem){.lrv-u-padding-r-150\@desktop-xl{padding-right:1.5rem;padding-right:var(--spacing-150, 1.5rem)}.lrv-u-padding-l-150\@desktop-xl{padding-left:1.5rem;padding-left:var(--spacing-150, 1.5rem)}.lrv-u-padding-b-150\@desktop-xl{padding-bottom:1.5rem;padding-bottom:var(--spacing-150, 1.5rem)}.lrv-u-padding-t-150\@desktop-xl{padding-top:1.5rem;padding-top:var(--spacing-150, 1.5rem)}.lrv-u-padding-tb-150\@desktop-xl{padding-top:1.5rem;padding-top:var(--spacing-150, 1.5rem);padding-bottom:1.5rem;padding-bottom:var(--spacing-150, 1.5rem)}.lrv-u-padding-lr-150\@desktop-xl{padding-left:1.5rem;padding-left:var(--spacing-150, 1.5rem);padding-right:1.5rem;padding-right:var(--spacing-150, 1.5rem)}.lrv-u-padding-a-150\@desktop-xl{padding:1.5rem;padding:var(--spacing-150, 1.5rem)}}@media(min-width: 78.75rem){.lrv-u-padding-r-2\@desktop-xl{padding-right:2rem;padding-right:var(--spacing-2, 2rem)}.lrv-u-padding-l-2\@desktop-xl{padding-left:2rem;padding-left:var(--spacing-2, 2rem)}.lrv-u-padding-b-2\@desktop-xl{padding-bottom:2rem;padding-bottom:var(--spacing-2, 2rem)}.lrv-u-padding-t-2\@desktop-xl{padding-top:2rem;padding-top:var(--spacing-2, 2rem)}.lrv-u-padding-tb-2\@desktop-xl{padding-top:2rem;padding-top:var(--spacing-2, 2rem);padding-bottom:2rem;padding-bottom:var(--spacing-2, 2rem)}.lrv-u-padding-lr-2\@desktop-xl{padding-left:2rem;padding-left:var(--spacing-2, 2rem);padding-right:2rem;padding-right:var(--spacing-2, 2rem)}.lrv-u-padding-a-2\@desktop-xl{padding:2rem;padding:var(--spacing-2, 2rem)}}.lrv-u-padding-l-3{padding-left:3rem}@media(max-width: 47.999rem){.lrv-u-padding-tb-025\@mobile-max{padding-top:.25rem;padding-bottom:.25rem}}@media(max-width: 47.999rem){.lrv-u-padding-tb-1\@mobile-max{padding-top:1rem;padding-bottom:1rem}}@media(min-width: 48rem){.lrv-u-padding-t-075\@tablet{padding-top:.75rem}}@media(min-width: 48rem){.lrv-u-padding-b-075\@tablet{padding-bottom:.75rem}}@media(min-width: 48rem){.lrv-u-padding-r-1\@tablet{padding-right:1rem}}@media(min-width: 48rem){.lrv-u-padding-r-2\@tablet{padding-right:2rem}}@media(min-width: 48rem){.lrv-u-padding-l-2\@tablet{padding-left:2rem}}@media(min-width: 48rem){.lrv-u-padding-b-3\@tablet{padding-bottom:3rem}}@media(min-width: 48rem){.lrv-u-padding-t-050\@tablet{padding-top:.5rem}}@media(min-width: 48rem){.lrv-u-padding-lr-1\@tablet{padding-right:1rem;padding-left:1rem}}@media(max-width: 62.499rem){.lrv-u-padding-tb-050\@desktop-max{padding-top:.5rem;padding-bottom:.5rem}}@media(max-width: 78.7499rem){.lrv-u-padding-b-150\@desktop-xl-max{padding-bottom:1.5rem}}@media(min-width: 48rem){.lrv-u-padding-b-150\@tablet{padding-bottom:1.5rem}}@media(min-width: 48rem){.lrv-u-padding-t-175\@tablet{padding-top:1.75rem}}@media(min-width: 62.5rem){.lrv-u-padding-tb-175\@desktop{padding-top:1.75rem;padding-bottom:1.75rem}}@media(max-width: 78.7499rem){.lrv-u-padding-t-175\@desktop-xl-max{padding-top:1.75rem}}@media(max-width: 78.7499rem){.lrv-u-padding-t-150\@desktop-xl-max{padding-top:1.5rem}}@media(min-width: 78.75rem){.lrv-u-padding-b-3\@desktop-xl{padding-bottom:3rem}}@media(min-width: 78.75rem){.lrv-u-padding-t-175\@desktop-xl{padding-top:1.75rem}}@media(min-width: 78.75rem){.lrv-u-padding-tb-250\@desktop-xl{padding-top:2.5rem;padding-bottom:2.5rem}}@media(min-width: 78.75rem){.lrv-u-padding-t-250\@desktop-xl{padding-top:2.5rem}}
21
+ .lrv-u-position-relative{position:relative}@media(min-width: 62.5rem){.lrv-u-position-absolute\@desktop{position:absolute}}
22
+ .lrv-u-text-align-right{text-align:right}.lrv-u-text-align-left{text-align:left}.lrv-u-text-align-center{text-align:center}@media(min-width: 62.5rem){.lrv-u-text-align-right\@desktop{text-align:right}.lrv-u-text-align-left\@desktop{text-align:left}.lrv-u-text-align-center\@desktop{text-align:center}}@media(max-width: 47.999rem){.lrv-u-text-align-center\@mobile-max{text-align:center}}@media(min-width: 48rem){.lrv-u-text-align-center\@tablet{text-align:center}}
23
+ .lrv-u-text-decoration-underline{text-decoration:underline;text-decoration-color:currentColor}.lrv-u-text-decoration-underline\:hover:hover{text-decoration:underline;text-decoration-color:currentColor}
24
+ .lrv-u-text-transform-uppercase{text-transform:uppercase}.lrv-u-text-transform-initial{text-transform:initial}.lrv-u-text-transform-lowercase{text-transform:lowercase}.lrv-u-text-transform-capitalize{text-transform:capitalize}
25
+ @media(min-width: 62.5rem){.lrv-u-top-n33\@desktop{top:-2.0625rem}}
26
+ .lrv-u-transform-translateY-n50p{transform:translateY(-50%)}@media(min-width: 62.5rem){.lrv-u-transform-translateX-n50p\@desktop{transform:translateX(-50%)}}
27
+ @media(max-width: 47.999rem){.lrv-u-vertical-align-middle\@mobile-max{vertical-align:middle}}
28
+ .lrv-u-whitespace-nowrap{white-space:nowrap}
29
+ .lrv-u-width-auto{width:auto}.lrv-u-width-16{width:1rem}.lrv-u-width-24{width:1.5rem}.lrv-u-width-30{width:1.875rem}.lrv-u-width-50{width:3.125rem}.lrv-u-width-100{width:6.25rem}.lrv-u-width-150{width:9.375rem}.lrv-u-width-185{width:11.5625rem}.lrv-u-width-165{width:10.3125rem}.lrv-u-width-200{width:12.5rem}.lrv-u-width-215{width:13.4375rem}.lrv-u-width-245{width:15.3125rem}.lrv-u-width-300{width:18.75rem}.lrv-u-width-20p{width:20%}.lrv-u-width-22p{width:22%}.lrv-u-width-30p{width:30%}.lrv-u-width-50p{width:50%}.lrv-u-width-70p{width:70%}.lrv-u-width-75p{width:75%}.lrv-u-width-100p{width:100%}@media(max-width: 47.999rem){.lrv-u-width-35\@mobile-max{width:2.1875rem}}@media(max-width: 47.999rem){.lrv-u-width-100\@mobile-max{width:6.25rem}}@media(max-width: 47.999rem){.lrv-u-width-100p\@mobile-max{width:100%}}@media(min-width: 62.5rem){.lrv-u-width-150\@desktop{width:9.375rem}}@media(min-width: 62.5rem){.lrv-u-width-38p\@desktop{width:38%}}@media(min-width: 62.5rem){.lrv-u-width-50p\@desktop{width:50%}}@media(min-width: 62.5rem){.lrv-u-width-75p\@desktop{width:75%}}@media(min-width: 78.75rem){.lrv-u-width-100\@desktop-xl{width:6.25rem}}@media(min-width: 78.75rem){.lrv-u-width-154\@desktop-xl{width:9.625rem}}@media only screen and (max-width: 78.75rem)and (min-width: 48rem){.lrv-u-width-177\@tablet-and-desktop-only{width:11.0625rem}}@media(min-width: 78.75rem){.lrv-u-width-36p\@desktop-xl{width:36%}}@media(min-width: 78.75rem){.lrv-u-width-64p\@desktop-xl{width:64%}}@media(min-width: 48rem){.lrv-u-width-27p\@tablet{width:27%}}@media(min-width: 48rem){.lrv-u-width-23p\@tablet{width:23%}}@media(min-width: 48rem){.lrv-u-width-52p\@tablet{width:52%}}@media(max-width: 47.999rem){.lrv-u-width-50p\@mobile-max{width:50%}}@media(max-width: 47.999rem){.lrv-u-width-33p\@mobile-max{width:33.33%}}@media(min-width: 48rem){.lrv-u-width-55p\@tablet{width:55%}}@media(min-width: 48rem){.lrv-u-width-35p\@tablet{width:35%}}@media(max-width: 47.999rem){.lrv-u-max-width-30p\@mobile-max{max-width:30%}}@media(max-width: 47.999rem){.lrv-u-width-28\@mobile-max{width:1.75rem}}@media(max-width: 47.999rem){.lrv-u-width-22p\@mobile-max{width:22%}}@media(max-width: 47.999rem){.lrv-u-width-56p\@mobile-max{width:56%}}@media(max-width: 47.999rem){.lrv-u-width-135\@mobile-max{width:8.4375rem}}@media(min-width: 48rem){.lrv-u-width-100p\@tablet{width:100%}}.lrv-u-max-width-830{max-width:51.875rem}
package/gulpfile.js CHANGED
@@ -1,95 +1,123 @@
1
- const path = require('path');
2
- const { task, src, watch, series, dest } = require('gulp');
3
- const sass = require('gulp-sass');
4
- const concat = require('gulp-concat');
5
- const gulpStylelint = require('gulp-stylelint');
6
- const rename = require('gulp-rename');
1
+ /**
2
+ * Things that are different from AMH:
3
+ * - path resolved to src/ not src/scss
4
+ * - no need to concat
5
+ * - remove lrvCssDir
6
+ *
7
+ * Potential improvement: make the config object dynamic, determine the
8
+ * dest file according to the changed file.
9
+ */
7
10
 
8
- const sassOpts = {
9
- includePaths: [
10
- path.join( __dirname, './node_modules' )
11
- ]
12
- };
11
+ const Fiber = require( 'fibers' );
12
+ const gulp = require( 'gulp' );
13
+ const path = require( 'path' );
14
+ const sass = require( 'gulp-sass' );
15
+ const concat = require( 'gulp-concat' );
16
+ const gulpStylelint = require( 'gulp-stylelint' );
17
+ const del = require( 'del' );
18
+ const { mkdirpSync, existsSync } = require( 'fs-extra' );
13
19
 
14
- function styles( done ) {
15
- // Generic
16
- src('./src/*generic/*.common.inline.scss')
17
- .pipe(gulpStylelint({
18
- failAfterError: false,
19
- reporters: [{
20
- formatter: 'string',
21
- console: true,
22
- }]
23
- }))
24
- .pipe(sass( sassOpts ).on( 'error', sass.logError) )
25
- .pipe(concat('generic.common.inline.scss'))
26
- .pipe(dest('./build/css/'));
20
+ const { generateAFontScss } = require( './lib/generators' );
27
21
 
28
- src('./src/*generic/*.common.async.scss')
29
- .pipe(sass( sassOpts ).on('error', sass.logError))
30
- .pipe(concat('generic.common.async.css'))
31
- .pipe(dest('./build/css/'));
22
+ sass.compiler = require( 'sass' );
32
23
 
33
- // Algorithms
34
- // TODO: make this more DRY
35
- src('./src/**/a-*.common.inline.scss')
36
- .pipe(gulpStylelint({
37
- failAfterError: false,
38
- reporters: [{
39
- formatter: 'string',
40
- console: true,
41
- }]
42
- }))
43
- .pipe(sass( sassOpts ).on('error', sass.logError))
44
- .pipe(concat('algorithms.common.inline.scss'))
45
- .pipe(dest('./build/css/'));
24
+ const sassOpts = {
25
+ includePaths: [ path.resolve( './node_modules' ), path.resolve( './src' ) ],
26
+ outputStyle: 'compressed',
27
+ fiber: Fiber,
28
+ };
46
29
 
47
- src('./src/**/a-*.common.async.scss')
48
- .pipe(gulpStylelint({
49
- failAfterError: false,
50
- reporters: [{
51
- formatter: 'string',
52
- console: true,
53
- }]
54
- }))
55
- .pipe(sass( sassOpts ).on('error', sass.logError))
56
- .pipe(concat('algorithms.common.async.scss'))
57
- .pipe(dest('./build/css/'));
30
+ const cssDest = './build/css/';
31
+ const scssDest = './src/_generated';
58
32
 
59
- // Utilities
60
- src('./src/**/u-*.common.inline.scss')
61
- .pipe(sass( sassOpts ).on('error', sass.logError))
62
- .pipe(concat('utilities.common.inline.scss'))
63
- .pipe(dest('./build/css/'));
33
+ const cssFiles = {
34
+ generic_inline: {
35
+ css: {
36
+ orig: [ './src/01-generic/*.common.inline.scss' ],
37
+ file: 'generic.common.inline.css',
38
+ },
39
+ },
40
+ algorithms_async: {
41
+ css: {
42
+ orig: [ './src/**/a-*.common.async.scss' ],
43
+ file: 'algorithms.common.async.css',
44
+ },
45
+ },
46
+ algorithms_inline: {
47
+ css: {
48
+ orig: [ './src/**/a-*.common.inline.scss' ],
49
+ file: 'algorithms.common.inline.css',
50
+ },
51
+ },
52
+ utilities_async: {
53
+ css: {
54
+ orig: [ './src/**/u-*.common.async.scss' ],
55
+ file: 'utilities.common.async.css',
56
+ },
57
+ },
58
+ utilities_inline: {
59
+ css: {
60
+ orig: [ './src/**/u-*.common.inline.scss' ],
61
+ file: 'utilities.common.inline.css',
62
+ },
63
+ },
64
+ js_async: {
65
+ css: {
66
+ orig: [ './src/**/js-*.common.async.scss' ],
67
+ file: 'js.common.async.css',
68
+ },
69
+ },
70
+ js_inline: {
71
+ css: {
72
+ orig: [ './src/**/js-*.common.inline.scss' ],
73
+ file: 'js.common.inline.css',
74
+ },
75
+ },
76
+ };
64
77
 
65
- src('./src/**/u-*.common.async.scss')
66
- .pipe(sass( sassOpts ).on('error', sass.logError))
67
- .pipe(concat('utilities.common.async.scss'))
68
- .pipe(dest('./build/css/'));
78
+ const generateScssFromTokens = ( done ) => {
79
+ mkdirpSync( scssDest );
80
+ generateAFontScss( scssDest );
81
+ done();
82
+ };
69
83
 
70
- // JS
71
- src('./src/**/js-*.common.inline.scss')
72
- .pipe(sass( sassOpts ).on('error', sass.logError))
73
- .pipe(concat('js.common.inline.scss'))
74
- .pipe(dest('./build/css/'));
84
+ const clean = ( done ) => {
85
+ const dirs = [ scssDest, cssDest ];
75
86
 
76
- src('./src/**/js-*.common.async.scss')
77
- .pipe(sass( sassOpts ).on('error', sass.logError))
78
- .pipe(concat('js.common.async.scss'))
79
- .pipe(dest('./build/css/'));
87
+ dirs.forEach( ( dir ) => {
88
+ if ( existsSync( dir ) ) {
89
+ del.sync( [ dir ] );
90
+ }
91
+ } );
80
92
 
81
-
82
- // If we want to handle JS-related CSS on a module-by-module basis
83
- // src('./src/**/js-*.scss')
84
- // .pipe(sass( sassOpts ).on('error', sass.logError))
85
- // .pipe(rename({
86
- // dirname: 'js',
87
- // }))
88
- // .pipe(dest('./build/css/'));
93
+ done();
94
+ };
95
+
96
+ const styles = ( done ) => {
97
+ mkdirpSync( cssDest );
89
98
 
99
+ Object.keys( cssFiles ).forEach( ( val ) => {
100
+ gulp.src( cssFiles[ val ].css.orig )
101
+ .pipe(
102
+ gulpStylelint( {
103
+ failAfterError: false,
104
+ reporters: [
105
+ {
106
+ formatter: 'string',
107
+ console: true,
108
+ },
109
+ ],
110
+ } )
111
+ )
112
+ .pipe( sass( sassOpts ).on( 'error', sass.logError ) )
113
+ .pipe( concat( cssFiles[ val ].css.file ) )
114
+ .pipe( gulp.dest( cssDest ) );
115
+ } );
90
116
  done();
91
- }
117
+ };
118
+
119
+ exports.watch = function () {
120
+ gulp.watch( './src/**/*.scss', styles );
121
+ };
92
122
 
93
- exports.default = function() {
94
- watch( './src/**/*.scss', series( styles ) );
95
- }
123
+ exports.default = gulp.series( clean, generateScssFromTokens, styles );
@@ -0,0 +1,93 @@
1
+ /**
2
+ * External dependencies.
3
+ */
4
+ const fs = require( 'fs-extra' );
5
+ const path = require( 'path' );
6
+ const { kebabify } = require( '../../larva-tokens/lib/utils' );
7
+ const fontData = require( '../../larva-tokens/lib/font-data' );
8
+
9
+ const { allSelectors, tokenProperties } = fontData;
10
+
11
+ /**
12
+ * Transform properties into CSS-friendly format.
13
+ *
14
+ * @return Array of properties in kebab-case.
15
+ */
16
+ const properties = tokenProperties.map( ( property ) => kebabify( property ) );
17
+
18
+ /**
19
+ * Form a ruleset for the selector that builds custom properties
20
+ * that correspond to tokens for the style.
21
+ *
22
+ * @param {string} selector
23
+ * @return {string} CSS ruleset for the selector.
24
+ */
25
+ const ruleset = ( selector ) => {
26
+ let css = '';
27
+
28
+ const nameSlugs = selector.split( '-' );
29
+ const family = nameSlugs[ 3 ];
30
+ const tokenBase = [ ...nameSlugs ].slice( 3, nameSlugs.length ).join( '-' );
31
+
32
+ css += `\n\t// Define this token locally; it can be defined via larva-tokens, if needed in the future.
33
+ --font-family: var( --font-family-${ family } );
34
+
35
+ font-family: var( --font-family );`;
36
+
37
+ css += '\n';
38
+
39
+ properties.forEach( ( property ) => {
40
+ css += `\t${ property }: var( --${ tokenBase }-${ property }-mobile );\n`;
41
+ } );
42
+
43
+ css += '\n';
44
+ css += '\t@media (min-width: $screen-desktop) {';
45
+ css += '\n';
46
+
47
+ properties.forEach( ( property ) => {
48
+ css += `\t\t${ property }: var( --${ tokenBase }-${ property }-desktop );\n`;
49
+ } );
50
+ css += '\t}\n';
51
+ css += '\t@media (min-width: $screen-desktop-xl) {';
52
+ css += '\n';
53
+
54
+ properties.forEach( ( property ) => {
55
+ css += `\t\t${ property }: var( --${ tokenBase }-${ property }-desktop-xl );\n`;
56
+ } );
57
+ css += '\t}';
58
+
59
+ return css;
60
+ };
61
+
62
+ /**
63
+ * Build the CSS string with rulesets for each selector.
64
+ *
65
+ * @param {Array} selectors
66
+ * @return {string} CSS to be written to a file.
67
+ */
68
+ const generate = ( selectors ) => {
69
+ let css = '';
70
+
71
+ selectors.forEach( ( selector ) => {
72
+ css += `\n.${ selector } {`;
73
+ css += ruleset( selector );
74
+ css += `\n}\n`;
75
+ } );
76
+
77
+ return css;
78
+ };
79
+
80
+ const generateAFontScss = ( directory ) => {
81
+ let css = '// Generated css from larva-tokens/lib/generators.js\n';
82
+
83
+ css += generate( allSelectors );
84
+
85
+ fs.writeFileSync( path.join( directory, `_a-font.scss` ), css );
86
+ console.log( 'Generated _a-font.scss.' ); // eslint-disable-line no-console
87
+ };
88
+
89
+ module.exports = {
90
+ generate,
91
+ ruleset,
92
+ generateAFontScss,
93
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@penskemediacorp/larva-css",
3
- "version": "1.8.0-alpha.0",
3
+ "version": "1.8.0",
4
4
  "description": "Larva CSS.",
5
5
  "author": "laras126 <laras126@gmail.com>",
6
6
  "homepage": "https://github.com/penske-media-corp/pmc-larva#readme",
@@ -15,15 +15,23 @@
15
15
  },
16
16
  "scripts": {
17
17
  "test": "../../node_modules/.bin/jest",
18
- "watch": "node node_modules/@penskemediacorp/larva/lib/watch.js"
18
+ "build": "./node_modules/.bin/gulp",
19
+ "dev": "./node_modules/.bin/gulp watch"
19
20
  },
20
21
  "bugs": {
21
22
  "url": "https://github.com/penske-media-corp/pmc-larva/issues"
22
23
  },
23
24
  "devDependencies": {
24
- "@penskemediacorp/larva-scss": "^1.8.0-alpha.0",
25
- "node-sass": "^4.12.0",
26
- "stylelint": "^10.1.0"
25
+ "@penskemediacorp/larva-scss": "^1.1.2",
26
+ "@penskemediacorp/larva-tokens": "^1.8.0",
27
+ "del": "^6.0.0",
28
+ "fibers": "^5.0.1",
29
+ "fs-extra": "^9.1.0",
30
+ "gulp": "^4.0.2",
31
+ "gulp-concat": "^2.6.1",
32
+ "gulp-sass": "^4.1.0",
33
+ "gulp-stylelint": "^13.0.0",
34
+ "sass": "^1.32.8"
27
35
  },
28
- "gitHead": "db771395f19503dd2bb4e474799f6e78898cdd99"
36
+ "gitHead": "eb52d8dbd10586e9436505dd0cd0720078ef5b77"
29
37
  }
@@ -1,6 +1,34 @@
1
+ @import 'setup';
1
2
 
2
- * {
3
+ html {
4
+ // Use whitespace and initial in custom properties to invalidate values
5
+ // for simplification of media queries.
6
+ // Explanation::
7
+ // https://lea.verou.me/2020/10/the-var-space-hack-to-toggle-multiple-values-with-one-custom-property/
8
+ // Reduced example:
9
+ // https://codepen.io/laras126/pen/ExZbvPY
10
+
11
+ --ON: initial;
12
+ --OFF: /*! whitespace toggle */;
13
+
14
+ --is-desktop: var( --OFF );
15
+ --is-desktopxl: var( --OFF );
16
+
17
+ @include pmc-breakpoint( desktop ) {
18
+ --is-desktop: var( --ON );
19
+ }
20
+
21
+ @include pmc-breakpoint( desktop-xl ) {
22
+ --is-desktopxl: var( --ON );
23
+ }
24
+ }
25
+
26
+ *,
27
+ ::before,
28
+ ::after {
3
29
  box-sizing: border-box;
30
+ border-width: 0;
31
+ border-style: solid;
4
32
  }
5
33
 
6
34
  img {
@@ -24,4 +52,8 @@ figure {
24
52
 
25
53
  svg {
26
54
  fill: currentColor;
55
+ }
56
+
57
+ cite {
58
+ font-style: normal;
27
59
  }
@@ -0,0 +1,10 @@
1
+ @import 'setup';
2
+
3
+ ::placeholder {
4
+ color: #{map-get( $TOKENS-MAP, color-grey-light )};
5
+ }
6
+
7
+ button {
8
+ padding-left: 0;
9
+ padding-right: 0;
10
+ }
@@ -0,0 +1,10 @@
1
+ @import 'setup';
2
+
3
+ // For side skin ads. This is added to `body` or to `html`.
4
+ // If the elements inside have been build responsively, everything
5
+ // should automatically adjust for the skins.
6
+ .has-side-skins {
7
+ max-width: $screen-desktop;
8
+ margin-left: auto;
9
+ margin-right: auto;
10
+ }