@primer/react-brand 0.17.0-rc.c0b291e → 0.17.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 (153) hide show
  1. package/lib/Card/Card.d.ts +11 -1
  2. package/lib/Grid/Grid.d.ts +69 -0
  3. package/lib/Grid/Grid.visual.spec.d.ts +1 -0
  4. package/lib/Grid/index.d.ts +1 -0
  5. package/lib/Image/Image.d.ts +3 -1
  6. package/lib/Label/Label.d.ts +1 -1
  7. package/lib/SubdomainNavBar/SubdomainNavBar.d.ts +1 -1
  8. package/lib/Testimonial/Testimonial.d.ts +6 -1
  9. package/lib/constants.d.ts +2 -0
  10. package/lib/css/main.css +1032 -52
  11. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
  12. package/lib/design-tokens/css/tokens/base/colors/color-scales.css +1 -1
  13. package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
  14. package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
  15. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +1 -1
  16. package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
  17. package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +1 -1
  18. package/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes.css +1 -1
  19. package/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css +1 -1
  20. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
  21. package/lib/design-tokens/css/tokens/functional/components/card/base.css +1 -1
  22. package/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes.css +57 -1
  23. package/lib/design-tokens/css/tokens/functional/components/card/colors.css +29 -1
  24. package/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes.css +1 -1
  25. package/lib/design-tokens/css/tokens/functional/components/control/base.css +1 -1
  26. package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
  27. package/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes.css +1 -1
  28. package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
  29. package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +1 -1
  30. package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
  31. package/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css +1 -1
  32. package/lib/design-tokens/css/tokens/functional/components/footer/colors.css +1 -1
  33. package/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes.css +13 -0
  34. package/lib/design-tokens/css/tokens/functional/components/grid/colors.css +8 -0
  35. package/lib/design-tokens/css/tokens/functional/components/grid/grid.css +25 -0
  36. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
  37. package/lib/design-tokens/css/tokens/functional/components/image/base.css +1 -1
  38. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
  39. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
  40. package/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes.css +3 -3
  41. package/lib/design-tokens/css/tokens/functional/components/label/colors.css +2 -2
  42. package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
  43. package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +1 -1
  44. package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
  45. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  46. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  47. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  48. package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
  49. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -8
  50. package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
  51. package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +1 -1
  52. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  53. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
  54. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +1 -1
  55. package/lib/design-tokens/js/module/tokens/functional/components/card/base.js +1 -1
  56. package/lib/design-tokens/js/module/tokens/functional/components/card/colors.js +539 -1
  57. package/lib/design-tokens/js/module/tokens/functional/components/control/base.js +1 -1
  58. package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
  59. package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
  60. package/lib/design-tokens/js/module/tokens/functional/components/footer/colors.js +1 -1
  61. package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js +31 -0
  62. package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.js +121 -0
  63. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
  64. package/lib/design-tokens/js/module/tokens/functional/components/image/base.js +1 -1
  65. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
  66. package/lib/design-tokens/js/module/tokens/functional/components/label/colors.js +5 -5
  67. package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
  68. package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
  69. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  70. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  71. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  72. package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
  73. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  74. package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
  75. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
  76. package/lib/design-tokens/js/tokens/base/colors/color-scales.js +1 -1
  77. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  78. package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
  79. package/lib/design-tokens/js/tokens/functional/colors/global.js +1 -1
  80. package/lib/design-tokens/js/tokens/functional/components/card/base.js +1 -1
  81. package/lib/design-tokens/js/tokens/functional/components/card/colors.js +30 -2
  82. package/lib/design-tokens/js/tokens/functional/components/control/base.js +1 -1
  83. package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
  84. package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
  85. package/lib/design-tokens/js/tokens/functional/components/footer/colors.js +1 -1
  86. package/lib/design-tokens/js/tokens/functional/components/grid/colors.js +6 -0
  87. package/lib/design-tokens/js/tokens/functional/components/grid/grid.js +8 -0
  88. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
  89. package/lib/design-tokens/js/tokens/functional/components/image/base.js +1 -1
  90. package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
  91. package/lib/design-tokens/js/tokens/functional/components/label/colors.js +2 -2
  92. package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
  93. package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
  94. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  95. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  96. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  97. package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
  98. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  99. package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
  100. package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
  101. package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +1 -1
  102. package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +1 -1
  103. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  104. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  105. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
  106. package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
  107. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
  108. package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
  109. package/lib/design-tokens/ts/tokens/functional/components/card/base.d.ts +1 -1
  110. package/lib/design-tokens/ts/tokens/functional/components/card/base.js +1 -1
  111. package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts +35 -1
  112. package/lib/design-tokens/ts/tokens/functional/components/card/colors.js +35 -1
  113. package/lib/design-tokens/ts/tokens/functional/components/control/base.d.ts +1 -1
  114. package/lib/design-tokens/ts/tokens/functional/components/control/base.js +1 -1
  115. package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
  116. package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
  117. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
  118. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
  119. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.d.ts +1 -1
  120. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.js +1 -1
  121. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.d.ts +15 -0
  122. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.js +14 -0
  123. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts +17 -0
  124. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.js +16 -0
  125. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
  126. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
  127. package/lib/design-tokens/ts/tokens/functional/components/image/base.d.ts +1 -1
  128. package/lib/design-tokens/ts/tokens/functional/components/image/base.js +1 -1
  129. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
  130. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
  131. package/lib/design-tokens/ts/tokens/functional/components/label/colors.d.ts +1 -1
  132. package/lib/design-tokens/ts/tokens/functional/components/label/colors.js +2 -2
  133. package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
  134. package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
  135. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
  136. package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
  137. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  138. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  139. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  140. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  141. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  142. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  143. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
  144. package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
  145. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  146. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  147. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
  148. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
  149. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
  150. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
  151. package/lib/index.d.ts +1 -0
  152. package/lib/index.js +1 -1
  153. package/package.json +1 -1
package/lib/css/main.css CHANGED
@@ -89,7 +89,7 @@ select {
89
89
 
90
90
  /**
91
91
  * Do not edit directly
92
- * Generated on Mon, 24 Apr 2023 14:39:36 GMT
92
+ * Generated on Thu, 27 Apr 2023 09:42:24 GMT
93
93
  */
94
94
 
95
95
  :root,
@@ -629,7 +629,7 @@ select {
629
629
 
630
630
  /**
631
631
  * Do not edit directly
632
- * Generated on Mon, 24 Apr 2023 14:39:36 GMT
632
+ * Generated on Thu, 27 Apr 2023 09:42:24 GMT
633
633
  */
634
634
 
635
635
  :root {
@@ -654,7 +654,7 @@ select {
654
654
 
655
655
  /**
656
656
  * Do not edit directly
657
- * Generated on Mon, 24 Apr 2023 14:39:36 GMT
657
+ * Generated on Thu, 27 Apr 2023 09:42:24 GMT
658
658
  */
659
659
 
660
660
  :root {
@@ -669,7 +669,7 @@ select {
669
669
 
670
670
  /**
671
671
  * Do not edit directly
672
- * Generated on Mon, 24 Apr 2023 14:39:36 GMT
672
+ * Generated on Thu, 27 Apr 2023 09:42:24 GMT
673
673
  */
674
674
 
675
675
  :root {
@@ -733,13 +733,6 @@ select {
733
733
  --brand-fontStack-sansSerifAlt: "Alliance2", "Alliance2HeaderFallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
734
734
  --brand-fontStack-sansSerif: "Mona Sans", "MonaSansFallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
735
735
  --brand-fontStack-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
736
- --base-text-weight-heavy: 900;
737
- --base-text-weight-extrabold: 800;
738
- --base-text-weight-bold: 700;
739
- --base-text-weight-semibold: 600;
740
- --base-text-weight-medium: 500;
741
- --base-text-weight-normal: 400;
742
- --base-text-weight-light: 300;
743
736
  --brand-heading-fontFamily: var(--brand-fontStack-sansSerif);
744
737
  --brand-body-fontFamily: var(--brand-fontStack-sansSerif);
745
738
  }
@@ -848,7 +841,7 @@ select {
848
841
 
849
842
  /**
850
843
  * Do not edit directly
851
- * Generated on Mon, 24 Apr 2023 14:39:36 GMT
844
+ * Generated on Thu, 27 Apr 2023 09:42:24 GMT
852
845
  */
853
846
 
854
847
  :root {
@@ -862,7 +855,7 @@ select {
862
855
 
863
856
  /**
864
857
  * Do not edit directly
865
- * Generated on Mon, 24 Apr 2023 14:39:36 GMT
858
+ * Generated on Thu, 27 Apr 2023 09:42:24 GMT
866
859
  */
867
860
 
868
861
  :root {
@@ -880,7 +873,7 @@ select {
880
873
 
881
874
  /**
882
875
  * Do not edit directly
883
- * Generated on Mon, 24 Apr 2023 14:39:36 GMT
876
+ * Generated on Thu, 27 Apr 2023 09:42:24 GMT
884
877
  */
885
878
 
886
879
  :root,
@@ -1182,7 +1175,7 @@ select {
1182
1175
 
1183
1176
  /**
1184
1177
  * Do not edit directly
1185
- * Generated on Mon, 24 Apr 2023 14:39:36 GMT
1178
+ * Generated on Thu, 27 Apr 2023 09:42:24 GMT
1186
1179
  */
1187
1180
 
1188
1181
  :root,
@@ -1632,7 +1625,7 @@ select {
1632
1625
 
1633
1626
  /**
1634
1627
  * Do not edit directly
1635
- * Generated on Mon, 24 Apr 2023 14:39:36 GMT
1628
+ * Generated on Thu, 27 Apr 2023 09:42:24 GMT
1636
1629
  */
1637
1630
 
1638
1631
  :root {
@@ -1653,7 +1646,7 @@ select {
1653
1646
 
1654
1647
  /**
1655
1648
  * Do not edit directly
1656
- * Generated on Mon, 24 Apr 2023 14:39:36 GMT
1649
+ * Generated on Thu, 27 Apr 2023 09:42:24 GMT
1657
1650
  */
1658
1651
 
1659
1652
  :root {
@@ -1900,6 +1893,11 @@ select {
1900
1893
  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
1901
1894
  display: none;
1902
1895
  }
1896
+
1897
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list--invisible___HnkQO {
1898
+ display: none;
1899
+ }
1900
+
1903
1901
  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list--visible___ZeoFv {
1904
1902
  display: block;
1905
1903
  margin: 0;
@@ -1928,15 +1926,22 @@ select {
1928
1926
  /* overflow: hidden; */
1929
1927
  }
1930
1928
  }
1929
+
1930
+ @media screen and (min-width: 768px) {
1931
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
1932
+ max-width: 100px;
1933
+ }
1934
+ }
1935
+
1931
1936
  @media screen and (min-width: 850px) {
1932
1937
  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
1933
- max-width: 320px;
1938
+ max-width: 200px;
1934
1939
  }
1935
1940
  }
1936
1941
 
1937
1942
  @media screen and (min-width: 1024px) {
1938
1943
  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
1939
- max-width: 340px;
1944
+ max-width: 300px;
1940
1945
  }
1941
1946
  }
1942
1947
 
@@ -2262,12 +2267,6 @@ select {
2262
2267
  white-space: nowrap;
2263
2268
  }
2264
2269
 
2265
- @media screen and (min-width: 48rem) and (max-width: 1023px) {
2266
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-cta-button--secondary___P0FJH {
2267
- display: none;
2268
- }
2269
- }
2270
-
2271
2270
  @media screen and (min-width: 1024px) {
2272
2271
  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-cta-button--secondary___P0FJH {
2273
2272
  display: inline-flex;
@@ -2451,7 +2450,7 @@ select {
2451
2450
 
2452
2451
  /**
2453
2452
  * Do not edit directly
2454
- * Generated on Mon, 24 Apr 2023 14:39:36 GMT
2453
+ * Generated on Thu, 27 Apr 2023 09:42:25 GMT
2455
2454
  */
2456
2455
 
2457
2456
  :root,
@@ -2479,7 +2478,7 @@ select {
2479
2478
 
2480
2479
  /**
2481
2480
  * Do not edit directly
2482
- * Generated on Mon, 24 Apr 2023 14:39:36 GMT
2481
+ * Generated on Thu, 27 Apr 2023 09:42:25 GMT
2483
2482
  */
2484
2483
 
2485
2484
  :root,
@@ -2596,12 +2595,12 @@ select {
2596
2595
 
2597
2596
  /**
2598
2597
  * Do not edit directly
2599
- * Generated on Mon, 24 Apr 2023 14:39:36 GMT
2598
+ * Generated on Thu, 27 Apr 2023 09:42:25 GMT
2600
2599
  */
2601
2600
 
2602
2601
  :root,
2603
2602
  [data-color-mode="light"] {
2604
- --brand-Label-color-default: var(--base-color-scale-blue-5);
2603
+ --brand-Label-color-default: var(--brand-color-text-default);
2605
2604
  --brand-Label-color-blue: var(--base-color-scale-blue-5);
2606
2605
  --brand-Label-color-blue-purple-start: var(--base-color-scale-blue-5);
2607
2606
  --brand-Label-color-blue-purple-end: var(--base-color-scale-purple-5);
@@ -2628,7 +2627,7 @@ select {
2628
2627
  }
2629
2628
 
2630
2629
  [data-color-mode="dark"] {
2631
- --brand-Label-color-default: var(--base-color-scale-blue-4);
2630
+ --brand-Label-color-default: var(--brand-color-text-default);
2632
2631
  --brand-Label-color-blue: var(--base-color-scale-blue-0);
2633
2632
  --brand-Label-color-blue-purple-start: var(--base-color-scale-blue-2);
2634
2633
  --brand-Label-color-blue-purple-end: var(--base-color-scale-purple-3);
@@ -2710,7 +2709,7 @@ select {
2710
2709
  }
2711
2710
 
2712
2711
  .Primer_Brand__Label-module__Label--color-default___YCx2l {
2713
- --brand-Label-color: var(--brand-color-text-default);
2712
+ --brand-Label-color: var(--brand-Label-color-default);
2714
2713
  }
2715
2714
 
2716
2715
  .Primer_Brand__Label-module__Label--color-blue___lZSxf {
@@ -2829,7 +2828,7 @@ select {
2829
2828
 
2830
2829
  /**
2831
2830
  * Do not edit directly
2832
- * Generated on Mon, 24 Apr 2023 14:39:36 GMT
2831
+ * Generated on Thu, 27 Apr 2023 09:42:25 GMT
2833
2832
  */
2834
2833
 
2835
2834
  :root,
@@ -2986,7 +2985,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
2986
2985
 
2987
2986
  /**
2988
2987
  * Do not edit directly
2989
- * Generated on Mon, 24 Apr 2023 14:39:36 GMT
2988
+ * Generated on Thu, 27 Apr 2023 09:42:24 GMT
2990
2989
  */
2991
2990
 
2992
2991
  :root {
@@ -2996,7 +2995,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
2996
2995
 
2997
2996
  /**
2998
2997
  * Do not edit directly
2999
- * Generated on Mon, 24 Apr 2023 14:39:36 GMT
2998
+ * Generated on Thu, 27 Apr 2023 09:42:25 GMT
3000
2999
  */
3001
3000
 
3002
3001
  :root,
@@ -3066,7 +3065,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
3066
3065
 
3067
3066
  /**
3068
3067
  * Do not edit directly
3069
- * Generated on Mon, 24 Apr 2023 14:39:36 GMT
3068
+ * Generated on Thu, 27 Apr 2023 09:42:24 GMT
3070
3069
  */
3071
3070
 
3072
3071
  :root {
@@ -3085,7 +3084,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
3085
3084
 
3086
3085
  /**
3087
3086
  * Do not edit directly
3088
- * Generated on Mon, 24 Apr 2023 14:39:36 GMT
3087
+ * Generated on Thu, 27 Apr 2023 09:42:25 GMT
3089
3088
  */
3090
3089
 
3091
3090
  :root,
@@ -4028,7 +4027,7 @@ Fixes safari bug where outline doesn't respect border-radius
4028
4027
 
4029
4028
  /**
4030
4029
  * Do not edit directly
4031
- * Generated on Mon, 24 Apr 2023 14:39:36 GMT
4030
+ * Generated on Thu, 27 Apr 2023 09:42:24 GMT
4032
4031
  */
4033
4032
 
4034
4033
  :root {
@@ -4553,12 +4552,24 @@ Fixes safari bug where outline doesn't respect border-radius
4553
4552
  justify-items: center;
4554
4553
  }
4555
4554
 
4555
+ .Primer_Brand__Testimonial-module__Testimonial--size-large___pF70c {
4556
+ gap: var(--base-size-24);
4557
+ }
4558
+
4556
4559
  .Primer_Brand__Testimonial-module__Testimonial-quote___QXF1F {
4557
4560
  font-family: var(--brand-fontStack-sansSerif);
4561
+ font-size: var(--brand-text-size-300);
4558
4562
  margin-top: calc(var(--base-size-16) * -1); /* negate grid gap */
4559
4563
  display: block;
4560
4564
  }
4561
4565
 
4566
+ .Primer_Brand__Testimonial-module__Testimonial--size-large___pF70c .Primer_Brand__Testimonial-module__Testimonial-quote___QXF1F {
4567
+ font-size: var(--brand-text-size-700);
4568
+ font-weight: var(--base-text-weight-semibold);
4569
+ letter-spacing: var(--brand-text-letterSpacing-900);
4570
+ line-height: 1.2; /* requires custom line-height */
4571
+ }
4572
+
4562
4573
  .Primer_Brand__Testimonial-module__Testimonial-from___Kfj__ {
4563
4574
  font-family: var(--brand-fontStack-monospace);
4564
4575
  }
@@ -4570,7 +4581,7 @@ Fixes safari bug where outline doesn't respect border-radius
4570
4581
 
4571
4582
  /**
4572
4583
  * Do not edit directly
4573
- * Generated on Mon, 24 Apr 2023 14:39:36 GMT
4584
+ * Generated on Thu, 27 Apr 2023 09:42:25 GMT
4574
4585
  */
4575
4586
 
4576
4587
  :root,
@@ -4880,7 +4891,7 @@ Fixes safari bug where outline doesn't respect border-radius
4880
4891
 
4881
4892
  /**
4882
4893
  * Do not edit directly
4883
- * Generated on Mon, 24 Apr 2023 14:39:36 GMT
4894
+ * Generated on Thu, 27 Apr 2023 09:42:25 GMT
4884
4895
  */
4885
4896
 
4886
4897
  :root,
@@ -5279,7 +5290,7 @@ html {
5279
5290
 
5280
5291
  /**
5281
5292
  * Do not edit directly
5282
- * Generated on Mon, 24 Apr 2023 14:39:36 GMT
5293
+ * Generated on Thu, 27 Apr 2023 09:42:25 GMT
5283
5294
  */
5284
5295
 
5285
5296
  :root,
@@ -5460,7 +5471,7 @@ html {
5460
5471
 
5461
5472
  /**
5462
5473
  * Do not edit directly
5463
- * Generated on Mon, 24 Apr 2023 14:39:36 GMT
5474
+ * Generated on Thu, 27 Apr 2023 09:42:25 GMT
5464
5475
  */
5465
5476
 
5466
5477
  :root,
@@ -5580,7 +5591,7 @@ html {
5580
5591
 
5581
5592
  /**
5582
5593
  * Do not edit directly
5583
- * Generated on Mon, 24 Apr 2023 14:39:36 GMT
5594
+ * Generated on Thu, 27 Apr 2023 09:42:24 GMT
5584
5595
  */
5585
5596
 
5586
5597
  :root {
@@ -5592,22 +5603,76 @@ html {
5592
5603
 
5593
5604
  /**
5594
5605
  * Do not edit directly
5595
- * Generated on Mon, 24 Apr 2023 14:39:36 GMT
5606
+ * Generated on Thu, 27 Apr 2023 09:42:25 GMT
5596
5607
  */
5597
5608
 
5598
5609
  :root,
5599
5610
  [data-color-mode="light"] {
5600
5611
  --brand-Card-background-default: var(--brand-color-canvas-default);
5612
+ --brand-Card-icon-background-default: var(--base-color-scale-gray-0);
5613
+ --brand-Card-icon-background-blue: var(--base-color-scale-blue-0);
5614
+ --brand-Card-icon-background-coral: var(--base-color-scale-coral-0);
5615
+ --brand-Card-icon-background-green: var(--base-color-scale-green-0);
5616
+ --brand-Card-icon-background-gray: var(--base-color-scale-gray-0);
5617
+ --brand-Card-icon-background-indigo: var(--base-color-scale-indigo-0);
5618
+ --brand-Card-icon-background-lemon: var(--base-color-scale-lemon-0);
5619
+ --brand-Card-icon-background-lime: var(--base-color-scale-lime-0);
5620
+ --brand-Card-icon-background-orange: var(--base-color-scale-orange-0);
5621
+ --brand-Card-icon-background-pink: var(--base-color-scale-pink-0);
5622
+ --brand-Card-icon-background-purple: var(--base-color-scale-purple-0);
5623
+ --brand-Card-icon-background-red: var(--base-color-scale-red-0);
5624
+ --brand-Card-icon-background-teal: var(--base-color-scale-teal-0);
5625
+ --brand-Card-icon-background-yellow: var(--base-color-scale-yellow-0);
5626
+ --brand-Card-icon-color-default: var(--brand-color-scale-gray-5);
5627
+ --brand-Card-icon-color-blue: var(--base-color-scale-blue-5);
5628
+ --brand-Card-icon-color-coral: var(--base-color-scale-coral-5);
5629
+ --brand-Card-icon-color-green: var(--base-color-scale-green-5);
5630
+ --brand-Card-icon-color-gray: var(--base-color-scale-gray-6);
5631
+ --brand-Card-icon-color-indigo: var(--base-color-scale-indigo-5);
5632
+ --brand-Card-icon-color-lemon: var(--base-color-scale-lemon-5);
5633
+ --brand-Card-icon-color-lime: var(--base-color-scale-lime-5);
5634
+ --brand-Card-icon-color-orange: var(--base-color-scale-orange-5);
5635
+ --brand-Card-icon-color-pink: var(--base-color-scale-pink-5);
5636
+ --brand-Card-icon-color-purple: var(--base-color-scale-purple-5);
5637
+ --brand-Card-icon-color-red: var(--base-color-scale-red-5);
5638
+ --brand-Card-icon-color-teal: var(--base-color-scale-teal-5);
5639
+ --brand-Card-icon-color-yellow: var(--base-color-scale-yellow-5);
5601
5640
  }
5602
5641
 
5603
5642
  [data-color-mode="dark"] {
5604
5643
  --brand-Card-background-default: var(--brand-color-canvas-subtle);
5644
+ --brand-Card-icon-background-default: var(--base-color-scale-gray-8);
5645
+ --brand-Card-icon-background-blue: var(--base-color-scale-blue-8);
5646
+ --brand-Card-icon-background-coral: var(--base-color-scale-coral-8);
5647
+ --brand-Card-icon-background-green: var(--base-color-scale-green-8);
5648
+ --brand-Card-icon-background-gray: var(--base-color-scale-gray-8);
5649
+ --brand-Card-icon-background-indigo: var(--base-color-scale-indigo-8);
5650
+ --brand-Card-icon-background-lemon: var(--base-color-scale-lemon-8);
5651
+ --brand-Card-icon-background-lime: var(--base-color-scale-lime-8);
5652
+ --brand-Card-icon-background-orange: var(--base-color-scale-orange-8);
5653
+ --brand-Card-icon-background-pink: var(--base-color-scale-pink-8);
5654
+ --brand-Card-icon-background-purple: var(--base-color-scale-purple-8);
5655
+ --brand-Card-icon-background-red: var(--base-color-scale-red-8);
5656
+ --brand-Card-icon-background-teal: var(--base-color-scale-teal-8);
5657
+ --brand-Card-icon-background-yellow: var(--base-color-scale-yellow-8);
5658
+ --brand-Card-icon-color-default: var(--brand-color-scale-gray-3);
5659
+ --brand-Card-icon-color-blue: var(--base-color-scale-blue-3);
5660
+ --brand-Card-icon-color-coral: var(--base-color-scale-coral-3);
5661
+ --brand-Card-icon-color-green: var(--base-color-scale-green-3);
5662
+ --brand-Card-icon-color-gray: var(--base-color-scale-gray-3);
5663
+ --brand-Card-icon-color-indigo: var(--base-color-scale-indigo-3);
5664
+ --brand-Card-icon-color-lemon: var(--base-color-scale-lemon-3);
5665
+ --brand-Card-icon-color-lime: var(--base-color-scale-lime-3);
5666
+ --brand-Card-icon-color-orange: var(--base-color-scale-orange-3);
5667
+ --brand-Card-icon-color-pink: var(--base-color-scale-pink-3);
5668
+ --brand-Card-icon-color-purple: var(--base-color-scale-purple-3);
5669
+ --brand-Card-icon-color-red: var(--base-color-scale-red-3);
5670
+ --brand-Card-icon-color-teal: var(--base-color-scale-teal-3);
5671
+ --brand-Card-icon-color-yellow: var(--base-color-scale-yellow-3);
5605
5672
  }
5606
5673
 
5607
5674
  .Primer_Brand__Card-module__Card___ByGEk {
5608
5675
  max-width: var(--brand-Card-maxWidth);
5609
- display: flex;
5610
- flex-direction: column;
5611
5676
  text-decoration: none;
5612
5677
  color: var(--brand-color-text-default);
5613
5678
  background-color: var(--brand-Card-background-default);
@@ -5616,30 +5681,187 @@ html {
5616
5681
  border-radius: var(--brand-borderRadius-medium);
5617
5682
  padding: var(--base-size-32);
5618
5683
  transition: transform var(--brand-Card-animation-duration) var(--brand-Card-animation-easing);
5684
+ display: grid;
5685
+ grid-template-columns: 1fr 1fr;
5686
+ grid-template-areas:
5687
+ 'icon icon'
5688
+ 'label label'
5689
+ 'heading heading'
5690
+ 'description description'
5691
+ 'action action';
5692
+ flex: auto;
5693
+ grid-template-rows: auto auto auto 1fr;
5694
+ }
5695
+
5696
+ .Primer_Brand__Card-module__Card--has-icon___vBmET {
5697
+ grid-template-areas:
5698
+ 'icon label'
5699
+ 'heading heading'
5700
+ 'description description'
5701
+ 'action action';
5702
+ }
5703
+
5704
+ .Primer_Brand__Card-module__Card--has-icon___vBmET .Primer_Brand__Card-module__Card__label___EAot7 {
5705
+ justify-self: flex-end;
5706
+ }
5707
+
5708
+ .Primer_Brand__Card-module__Card--has-icon___vBmET .Primer_Brand__Card-module__Card__label___EAot7,
5709
+ .Primer_Brand__Card-module__Card--has-icon___vBmET .Primer_Brand__Card-module__Card__icon___H4tc9 {
5710
+ align-self: center;
5619
5711
  }
5620
5712
 
5621
5713
  .Primer_Brand__Card-module__Card___ByGEk:hover {
5622
5714
  transform: scale3d(1.025, 1.025, 1);
5623
5715
  }
5624
5716
 
5717
+ .Primer_Brand__Card-module__Card__icon___H4tc9 {
5718
+ margin-bottom: var(--base-size-16);
5719
+ grid-area: icon;
5720
+ }
5721
+
5722
+ .Primer_Brand__Card-module__Card__icon--badge___p6riH {
5723
+ width: var(--base-size-44);
5724
+ height: var(--base-size-44);
5725
+ border-radius: 50%;
5726
+ display: flex;
5727
+ align-items: center;
5728
+ justify-content: center;
5729
+ }
5730
+
5625
5731
  .Primer_Brand__Card-module__Card__label___EAot7 {
5626
- margin-bottom: var(--base-size-24);
5732
+ margin-bottom: var(--base-size-16);
5733
+ grid-area: label;
5627
5734
  }
5628
5735
 
5629
5736
  .Primer_Brand__Card-module__Card__heading___INFhp {
5630
5737
  margin-bottom: var(--base-size-20);
5738
+ grid-area: heading;
5631
5739
  }
5632
5740
 
5633
5741
  .Primer_Brand__Card-module__Card__description___KN9CH {
5634
5742
  margin-bottom: var(--base-size-48);
5743
+ grid-area: description;
5635
5744
  }
5636
5745
 
5637
5746
  .Primer_Brand__Card-module__Card__action___C6sRY {
5747
+ grid-area: action;
5638
5748
  margin-top: auto;
5639
5749
  display: inline-flex;
5640
5750
  align-items: center;
5641
5751
  }
5642
5752
 
5753
+ .Primer_Brand__Card-module__Card__icon--color-default___Y2DUV {
5754
+ color: var(--brand-Card-icon-color-default);
5755
+ }
5756
+
5757
+ .Primer_Brand__Card-module__Card__icon--color-default___Y2DUV.Primer_Brand__Card-module__Card__icon--badge___p6riH {
5758
+ background-color: var(--brand-Card-icon-background-default);
5759
+ }
5760
+
5761
+ .Primer_Brand__Card-module__Card__icon--color-blue___NuYV8 {
5762
+ color: var(--brand-Card-icon-color-blue);
5763
+ }
5764
+
5765
+ .Primer_Brand__Card-module__Card__icon--color-blue___NuYV8.Primer_Brand__Card-module__Card__icon--badge___p6riH {
5766
+ background-color: var(--brand-Card-icon-background-blue);
5767
+ }
5768
+
5769
+ .Primer_Brand__Card-module__Card__icon--color-coral___rYl0b {
5770
+ color: var(--brand-Card-icon-color-coral);
5771
+ }
5772
+
5773
+ .Primer_Brand__Card-module__Card__icon--color-coral___rYl0b.Primer_Brand__Card-module__Card__icon--badge___p6riH {
5774
+ background-color: var(--brand-Card-icon-background-coral);
5775
+ }
5776
+
5777
+ .Primer_Brand__Card-module__Card__icon--color-green___xz7Vq {
5778
+ color: var(--brand-Card-icon-color-green);
5779
+ }
5780
+
5781
+ .Primer_Brand__Card-module__Card__icon--color-green___xz7Vq.Primer_Brand__Card-module__Card__icon--badge___p6riH {
5782
+ background-color: var(--brand-Card-icon-background-green);
5783
+ }
5784
+
5785
+ .Primer_Brand__Card-module__Card__icon--color-gray___gYwWP {
5786
+ color: var(--brand-Card-icon-color-gray);
5787
+ }
5788
+
5789
+ .Primer_Brand__Card-module__Card__icon--color-gray___gYwWP.Primer_Brand__Card-module__Card__icon--badge___p6riH {
5790
+ background-color: var(--brand-Card-icon-background-gray);
5791
+ }
5792
+
5793
+ .Primer_Brand__Card-module__Card__icon--color-indigo___xHafP {
5794
+ color: var(--brand-Card-icon-color-indigo);
5795
+ }
5796
+
5797
+ .Primer_Brand__Card-module__Card__icon--color-indigo___xHafP.Primer_Brand__Card-module__Card__icon--badge___p6riH {
5798
+ background-color: var(--brand-Card-icon-background-indigo);
5799
+ }
5800
+
5801
+ .Primer_Brand__Card-module__Card__icon--color-lemon___KT2Uh {
5802
+ color: var(--brand-Card-icon-color-lemon);
5803
+ }
5804
+
5805
+ .Primer_Brand__Card-module__Card__icon--color-lemon___KT2Uh.Primer_Brand__Card-module__Card__icon--badge___p6riH {
5806
+ background-color: var(--brand-Card-icon-background-lemon);
5807
+ }
5808
+
5809
+ .Primer_Brand__Card-module__Card__icon--color-lime___P9pP0 {
5810
+ color: var(--brand-Label-color-lime);
5811
+ }
5812
+
5813
+ .Primer_Brand__Card-module__Card__icon--color-lime___P9pP0.Primer_Brand__Card-module__Card__icon--badge___p6riH {
5814
+ background-color: var(--brand-Card-icon-background-lime);
5815
+ }
5816
+
5817
+ .Primer_Brand__Card-module__Card__icon--color-orange___s1gIr {
5818
+ color: var(--brand-Card-icon-color-orange);
5819
+ }
5820
+
5821
+ .Primer_Brand__Card-module__Card__icon--color-orange___s1gIr.Primer_Brand__Card-module__Card__icon--badge___p6riH {
5822
+ background-color: var(--brand-Card-icon-background-orange);
5823
+ }
5824
+
5825
+ .Primer_Brand__Card-module__Card__icon--color-pink___I7Qpw {
5826
+ color: var(--brand-Card-icon-color-pink);
5827
+ }
5828
+
5829
+ .Primer_Brand__Card-module__Card__icon--color-pink___I7Qpw.Primer_Brand__Card-module__Card__icon--badge___p6riH {
5830
+ background-color: var(--brand-Card-icon-background-pink);
5831
+ }
5832
+
5833
+ .Primer_Brand__Card-module__Card__icon--color-purple___G0J2O {
5834
+ color: var(--brand-Card-icon-color-purple);
5835
+ }
5836
+
5837
+ .Primer_Brand__Card-module__Card__icon--color-purple___G0J2O.Primer_Brand__Card-module__Card__icon--badge___p6riH {
5838
+ background-color: var(--brand-Card-icon-background-purple);
5839
+ }
5840
+
5841
+ .Primer_Brand__Card-module__Card__icon--color-red___lGSe1 {
5842
+ color: var(--brand-Card-icon-color-red);
5843
+ }
5844
+
5845
+ .Primer_Brand__Card-module__Card__icon--color-red___lGSe1.Primer_Brand__Card-module__Card__icon--badge___p6riH {
5846
+ background-color: var(--brand-Card-icon-background-red);
5847
+ }
5848
+
5849
+ .Primer_Brand__Card-module__Card__icon--color-teal___CsA4p {
5850
+ color: var(--brand-Card-icon-color-teal);
5851
+ }
5852
+
5853
+ .Primer_Brand__Card-module__Card__icon--color-teal___CsA4p.Primer_Brand__Card-module__Card__icon--badge___p6riH {
5854
+ background-color: var(--brand-Card-icon-background-teal);
5855
+ }
5856
+
5857
+ .Primer_Brand__Card-module__Card__icon--color-yellow___RP8rx {
5858
+ color: var(--brand-Card-icon-color-yellow);
5859
+ }
5860
+
5861
+ .Primer_Brand__Card-module__Card__icon--color-yellow___RP8rx.Primer_Brand__Card-module__Card__icon--badge___p6riH {
5862
+ background-color: var(--brand-Card-icon-background-yellow);
5863
+ }
5864
+
5643
5865
  .Primer_Brand__SectionIntro-module__SectionIntro___RduRB {
5644
5866
  display: flex;
5645
5867
  flex-direction: column;
@@ -5678,7 +5900,7 @@ html {
5678
5900
 
5679
5901
  /**
5680
5902
  * Do not edit directly
5681
- * Generated on Mon, 24 Apr 2023 14:39:36 GMT
5903
+ * Generated on Thu, 27 Apr 2023 09:42:25 GMT
5682
5904
  */
5683
5905
 
5684
5906
  :root,
@@ -5852,6 +6074,769 @@ html {
5852
6074
  fill: var(--base-color-scale-gray-3);
5853
6075
  }
5854
6076
 
6077
+ /**
6078
+ * Do not edit directly
6079
+ * Generated on Thu, 27 Apr 2023 09:42:24 GMT
6080
+ */
6081
+
6082
+ :root {
6083
+ --grid-spacing-margin: var(--base-size-16);
6084
+ --grid-spacing-column-gap: var(--base-size-16);
6085
+ --grid-spacing-row: var(--base-size-16);
6086
+ }
6087
+
6088
+ @media (min-width: 768px) {
6089
+ :root {
6090
+ --grid-spacing-margin: var(--base-size-40);
6091
+ --grid-spacing-column-gap: var(--base-size-32);
6092
+ --grid-spacing-row: var(--base-size-24);
6093
+ }
6094
+ }
6095
+
6096
+ @media (min-width: 1280px) {
6097
+ :root {
6098
+ --grid-spacing-margin: var(--base-size-16);
6099
+ --grid-spacing-column-gap: var(--base-size-48);
6100
+ }
6101
+ }
6102
+
6103
+ /**
6104
+ * Do not edit directly
6105
+ * Generated on Thu, 27 Apr 2023 09:42:25 GMT
6106
+ */
6107
+
6108
+ :root,
6109
+ [data-color-mode="light"] {
6110
+ --grid-column-bgColor-overlay: hsl(var(--base-color-scale-red-4-hsl) / 30%);
6111
+ }
6112
+
6113
+ [data-color-mode="dark"] {
6114
+ --grid-column-bgColor-overlay: hsl(var(--base-color-scale-pink-2-hsl) / 30%);
6115
+ }
6116
+
6117
+ .Primer_Brand__Grid-module__Grid___q48mT {
6118
+ display: grid;
6119
+ grid-template-columns: repeat(12, minmax(0, 1fr));
6120
+ grid-row-gap: var(--grid-spacing-row);
6121
+ grid-column-gap: var(--grid-spacing-column-gap);
6122
+ padding-left: var(--grid-spacing-margin);
6123
+ padding-right: var(--grid-spacing-margin);
6124
+ max-width: 1280px;
6125
+ margin: 0 auto;
6126
+ }
6127
+
6128
+ .Primer_Brand__Grid-module__Grid___q48mT + .Primer_Brand__Grid-module__Grid___q48mT {
6129
+ margin-top: var(--grid-spacing-row);
6130
+ }
6131
+
6132
+ .Primer_Brand__Grid-module__Grid___q48mT .Primer_Brand__Grid-module__Grid___q48mT {
6133
+ padding-left: 0;
6134
+ padding-right: 0;
6135
+ margin: 0;
6136
+ }
6137
+
6138
+ .Primer_Brand__Grid-module__Grid__column___HTpsw {
6139
+ grid-column: auto / span 12;
6140
+ }
6141
+
6142
+ .Primer_Brand__Grid-module__Grid--has-overlay___M9Cs0 .Primer_Brand__Grid-module__Grid__column___HTpsw {
6143
+ background-color: var(--grid-column-bgColor-overlay);
6144
+ min-height: var(--base-size-24);
6145
+ }
6146
+
6147
+ /**
6148
+ * Non-responsive, default values
6149
+ */
6150
+ .Primer_Brand__Grid-module__Grid__column--span-1___T7v1_ {
6151
+ grid-column: auto / span 1;
6152
+ }
6153
+
6154
+ .Primer_Brand__Grid-module__Grid__column--span-2___r4qRu {
6155
+ grid-column: auto / span 2;
6156
+ }
6157
+
6158
+ .Primer_Brand__Grid-module__Grid__column--span-3___Tnlwe {
6159
+ grid-column: auto / span 3;
6160
+ }
6161
+
6162
+ .Primer_Brand__Grid-module__Grid__column--span-4___Q9jA0 {
6163
+ grid-column: auto / span 4;
6164
+ }
6165
+
6166
+ .Primer_Brand__Grid-module__Grid__column--span-5___UpILx {
6167
+ grid-column: auto / span 5;
6168
+ }
6169
+
6170
+ .Primer_Brand__Grid-module__Grid__column--span-6___vUUep {
6171
+ grid-column: auto / span 6;
6172
+ }
6173
+
6174
+ .Primer_Brand__Grid-module__Grid__column--span-7___lfMLa {
6175
+ grid-column: auto / span 7;
6176
+ }
6177
+
6178
+ .Primer_Brand__Grid-module__Grid__column--span-8___qarGZ {
6179
+ grid-column: auto / span 8;
6180
+ }
6181
+
6182
+ .Primer_Brand__Grid-module__Grid__column--span-9___L2waY {
6183
+ grid-column: auto / span 9;
6184
+ }
6185
+
6186
+ .Primer_Brand__Grid-module__Grid__column--span-10___VRJQp {
6187
+ grid-column: auto / span 10;
6188
+ }
6189
+
6190
+ .Primer_Brand__Grid-module__Grid__column--span-11___pjEQO {
6191
+ grid-column: auto / span 11;
6192
+ }
6193
+
6194
+ .Primer_Brand__Grid-module__Grid__column--span-12___Tn1Hg {
6195
+ grid-column: auto / span 12;
6196
+ }
6197
+
6198
+ .Primer_Brand__Grid-module__Grid__column--start-1___jF8hC {
6199
+ grid-column-start: 1;
6200
+ }
6201
+
6202
+ .Primer_Brand__Grid-module__Grid__column--start-2___S9EWU {
6203
+ grid-column-start: 2;
6204
+ }
6205
+
6206
+ .Primer_Brand__Grid-module__Grid__column--start-3___GwcI1 {
6207
+ grid-column-start: 3;
6208
+ }
6209
+
6210
+ .Primer_Brand__Grid-module__Grid__column--start-4___BIVqR {
6211
+ grid-column-start: 4;
6212
+ }
6213
+
6214
+ .Primer_Brand__Grid-module__Grid__column--start-5___yTruZ {
6215
+ grid-column-start: 5;
6216
+ }
6217
+
6218
+ .Primer_Brand__Grid-module__Grid__column--start-6___FAtcW {
6219
+ grid-column-start: 6;
6220
+ }
6221
+
6222
+ .Primer_Brand__Grid-module__Grid__column--start-7___Jnzaq {
6223
+ grid-column-start: 7;
6224
+ }
6225
+
6226
+ .Primer_Brand__Grid-module__Grid__column--start-8___CLuiS {
6227
+ grid-column-start: 8;
6228
+ }
6229
+
6230
+ .Primer_Brand__Grid-module__Grid__column--start-9___hhyfE {
6231
+ grid-column-start: 9;
6232
+ }
6233
+
6234
+ .Primer_Brand__Grid-module__Grid__column--start-10___ojxEo {
6235
+ grid-column-start: 10;
6236
+ }
6237
+
6238
+ .Primer_Brand__Grid-module__Grid__column--start-11___oBenU {
6239
+ grid-column-start: 11;
6240
+ }
6241
+
6242
+ .Primer_Brand__Grid-module__Grid__column--start-12___wQnvA {
6243
+ grid-column-start: 12;
6244
+ }
6245
+
6246
+ /**
6247
+ * Responsive style overrides
6248
+ */
6249
+
6250
+ /* XSMALL breakpoint */
6251
+ @media screen and (min-width: 0) {
6252
+ /* XSMALL span */
6253
+ .Primer_Brand__Grid-module__Grid__column--xsmall-span-1___srexO {
6254
+ grid-column: auto / span 1;
6255
+ }
6256
+
6257
+ .Primer_Brand__Grid-module__Grid__column--xsmall-span-2___XrAnt {
6258
+ grid-column: auto / span 2;
6259
+ }
6260
+
6261
+ .Primer_Brand__Grid-module__Grid__column--xsmall-span-3___Aps_z {
6262
+ grid-column: auto / span 3;
6263
+ }
6264
+
6265
+ .Primer_Brand__Grid-module__Grid__column--xsmall-span-4___OSsWO {
6266
+ grid-column: auto / span 4;
6267
+ }
6268
+
6269
+ .Primer_Brand__Grid-module__Grid__column--xsmall-span-5___ShR77 {
6270
+ grid-column: auto / span 5;
6271
+ }
6272
+
6273
+ .Primer_Brand__Grid-module__Grid__column--xsmall-span-6___V4QJq {
6274
+ grid-column: auto / span 6;
6275
+ }
6276
+
6277
+ .Primer_Brand__Grid-module__Grid__column--xsmall-span-7___DtdFA {
6278
+ grid-column: auto / span 7;
6279
+ }
6280
+
6281
+ .Primer_Brand__Grid-module__Grid__column--xsmall-span-8___e5M5o {
6282
+ grid-column: auto / span 8;
6283
+ }
6284
+
6285
+ .Primer_Brand__Grid-module__Grid__column--xsmall-span-9___sdZ5a {
6286
+ grid-column: auto / span 9;
6287
+ }
6288
+
6289
+ .Primer_Brand__Grid-module__Grid__column--xsmall-span-10___YuS1a {
6290
+ grid-column: auto / span 10;
6291
+ }
6292
+
6293
+ .Primer_Brand__Grid-module__Grid__column--xsmall-span-11____RxYR {
6294
+ grid-column: auto / span 11;
6295
+ }
6296
+
6297
+ .Primer_Brand__Grid-module__Grid__column--xsmall-span-12___brXS7 {
6298
+ grid-column: auto / span 12;
6299
+ }
6300
+
6301
+ /* XSMALL start */
6302
+ .Primer_Brand__Grid-module__Grid__column--xsmall-start-1___Y9JJq {
6303
+ grid-column-start: 1;
6304
+ }
6305
+
6306
+ .Primer_Brand__Grid-module__Grid__column--xsmall-start-2___ruZTF {
6307
+ grid-column-start: 2;
6308
+ }
6309
+
6310
+ .Primer_Brand__Grid-module__Grid__column--xsmall-start-3___yEBif {
6311
+ grid-column-start: 3;
6312
+ }
6313
+
6314
+ .Primer_Brand__Grid-module__Grid__column--xsmall-start-4___QPFc2 {
6315
+ grid-column-start: 4;
6316
+ }
6317
+
6318
+ .Primer_Brand__Grid-module__Grid__column--xsmall-start-5___WAqd0 {
6319
+ grid-column-start: 5;
6320
+ }
6321
+
6322
+ .Primer_Brand__Grid-module__Grid__column--xsmall-start-6___T1rhy {
6323
+ grid-column-start: 6;
6324
+ }
6325
+
6326
+ .Primer_Brand__Grid-module__Grid__column--xsmall-start-7___uMQT1 {
6327
+ grid-column-start: 7;
6328
+ }
6329
+
6330
+ .Primer_Brand__Grid-module__Grid__column--xsmall-start-8___LUADA {
6331
+ grid-column-start: 8;
6332
+ }
6333
+
6334
+ .Primer_Brand__Grid-module__Grid__column--xsmall-start-9___CBnBu {
6335
+ grid-column-start: 9;
6336
+ }
6337
+
6338
+ .Primer_Brand__Grid-module__Grid__column--xsmall-start-10___EPRyw {
6339
+ grid-column-start: 10;
6340
+ }
6341
+
6342
+ .Primer_Brand__Grid-module__Grid__column--xsmall-start-11___UbCAy {
6343
+ grid-column-start: 11;
6344
+ }
6345
+
6346
+ .Primer_Brand__Grid-module__Grid__column--xsmall-start-12___gYCaa {
6347
+ grid-column-start: 12;
6348
+ }
6349
+ }
6350
+
6351
+ /* SMALL breakpoint */
6352
+ @media screen and (min-width: 34rem) {
6353
+ /* SMALL start */
6354
+ .Primer_Brand__Grid-module__Grid__column--small-span-1___rBTjf {
6355
+ grid-column: auto / span 1;
6356
+ }
6357
+
6358
+ .Primer_Brand__Grid-module__Grid__column--small-span-2___SHQM3 {
6359
+ grid-column: auto / span 2;
6360
+ }
6361
+
6362
+ .Primer_Brand__Grid-module__Grid__column--small-span-3___cbAS8 {
6363
+ grid-column: auto / span 3;
6364
+ }
6365
+
6366
+ .Primer_Brand__Grid-module__Grid__column--small-span-4___tv973 {
6367
+ grid-column: auto / span 4;
6368
+ }
6369
+
6370
+ .Primer_Brand__Grid-module__Grid__column--small-span-5___EBkra {
6371
+ grid-column: auto / span 5;
6372
+ }
6373
+
6374
+ .Primer_Brand__Grid-module__Grid__column--small-span-6___OYZPl {
6375
+ grid-column: auto / span 6;
6376
+ }
6377
+
6378
+ .Primer_Brand__Grid-module__Grid__column--small-span-7___ymqG4 {
6379
+ grid-column: auto / span 7;
6380
+ }
6381
+
6382
+ .Primer_Brand__Grid-module__Grid__column--small-span-8___qy9wb {
6383
+ grid-column: auto / span 8;
6384
+ }
6385
+
6386
+ .Primer_Brand__Grid-module__Grid__column--small-span-9___hWJAx {
6387
+ grid-column: auto / span 9;
6388
+ }
6389
+
6390
+ .Primer_Brand__Grid-module__Grid__column--small-span-10___apy3R {
6391
+ grid-column: auto / span 10;
6392
+ }
6393
+
6394
+ .Primer_Brand__Grid-module__Grid__column--small-span-11___tsz0q {
6395
+ grid-column: auto / span 11;
6396
+ }
6397
+
6398
+ .Primer_Brand__Grid-module__Grid__column--small-span-12___NdAWP {
6399
+ grid-column: auto / span 12;
6400
+ }
6401
+
6402
+ /* SMALL start */
6403
+ .Primer_Brand__Grid-module__Grid__column--small-start-1___epLTD {
6404
+ grid-column-start: 1;
6405
+ }
6406
+
6407
+ .Primer_Brand__Grid-module__Grid__column--small-start-2___wlXcD {
6408
+ grid-column-start: 2;
6409
+ }
6410
+
6411
+ .Primer_Brand__Grid-module__Grid__column--small-start-3___YFtvP {
6412
+ grid-column-start: 3;
6413
+ }
6414
+
6415
+ .Primer_Brand__Grid-module__Grid__column--small-start-4___SOC6v {
6416
+ grid-column-start: 4;
6417
+ }
6418
+
6419
+ .Primer_Brand__Grid-module__Grid__column--small-start-5___EVXuW {
6420
+ grid-column-start: 5;
6421
+ }
6422
+
6423
+ .Primer_Brand__Grid-module__Grid__column--small-start-6___t1yYl {
6424
+ grid-column-start: 6;
6425
+ }
6426
+
6427
+ .Primer_Brand__Grid-module__Grid__column--small-start-7___MDozK {
6428
+ grid-column-start: 7;
6429
+ }
6430
+
6431
+ .Primer_Brand__Grid-module__Grid__column--small-start-8___CR0Zw {
6432
+ grid-column-start: 8;
6433
+ }
6434
+
6435
+ .Primer_Brand__Grid-module__Grid__column--small-start-9___W0svP {
6436
+ grid-column-start: 9;
6437
+ }
6438
+
6439
+ .Primer_Brand__Grid-module__Grid__column--small-start-10___vxEwX {
6440
+ grid-column-start: 10;
6441
+ }
6442
+
6443
+ .Primer_Brand__Grid-module__Grid__column--small-start-11___orcQZ {
6444
+ grid-column-start: 11;
6445
+ }
6446
+
6447
+ .Primer_Brand__Grid-module__Grid__column--small-start-12___o4V7W {
6448
+ grid-column-start: 12;
6449
+ }
6450
+ }
6451
+
6452
+ /* MEDIUM breakpoint */
6453
+ @media screen and (min-width: 48rem) {
6454
+ /* MEDIUM start */
6455
+ .Primer_Brand__Grid-module__Grid__column--medium-span-1___BiHOE {
6456
+ grid-column: auto / span 1;
6457
+ }
6458
+
6459
+ .Primer_Brand__Grid-module__Grid__column--medium-span-2___nANvY {
6460
+ grid-column: auto / span 2;
6461
+ }
6462
+
6463
+ .Primer_Brand__Grid-module__Grid__column--medium-span-3___GpBD0 {
6464
+ grid-column: auto / span 3;
6465
+ }
6466
+
6467
+ .Primer_Brand__Grid-module__Grid__column--medium-span-4___zBxBa {
6468
+ grid-column: auto / span 4;
6469
+ }
6470
+
6471
+ .Primer_Brand__Grid-module__Grid__column--medium-span-5___CnPWN {
6472
+ grid-column: auto / span 5;
6473
+ }
6474
+
6475
+ .Primer_Brand__Grid-module__Grid__column--medium-span-6___DACuh {
6476
+ grid-column: auto / span 6;
6477
+ }
6478
+
6479
+ .Primer_Brand__Grid-module__Grid__column--medium-span-7___R2Isv {
6480
+ grid-column: auto / span 7;
6481
+ }
6482
+
6483
+ .Primer_Brand__Grid-module__Grid__column--medium-span-8___KI5ir {
6484
+ grid-column: auto / span 8;
6485
+ }
6486
+
6487
+ /* MEDIUM start */
6488
+ .Primer_Brand__Grid-module__Grid__column--medium-start-1___bCFG1 {
6489
+ grid-column-start: 1;
6490
+ }
6491
+
6492
+ .Primer_Brand__Grid-module__Grid__column--medium-start-2___ZxYOX {
6493
+ grid-column-start: 2;
6494
+ }
6495
+
6496
+ .Primer_Brand__Grid-module__Grid__column--medium-start-3___aPUJ0 {
6497
+ grid-column-start: 3;
6498
+ }
6499
+
6500
+ .Primer_Brand__Grid-module__Grid__column--medium-start-4___VTIjA {
6501
+ grid-column-start: 4;
6502
+ }
6503
+
6504
+ .Primer_Brand__Grid-module__Grid__column--medium-start-5___ccI5l {
6505
+ grid-column-start: 5;
6506
+ }
6507
+
6508
+ .Primer_Brand__Grid-module__Grid__column--medium-start-6___Yc14i {
6509
+ grid-column-start: 6;
6510
+ }
6511
+
6512
+ .Primer_Brand__Grid-module__Grid__column--medium-start-7___HOZSW {
6513
+ grid-column-start: 7;
6514
+ }
6515
+
6516
+ .Primer_Brand__Grid-module__Grid__column--medium-start-8___G8VdF {
6517
+ grid-column-start: 8;
6518
+ }
6519
+
6520
+ .Primer_Brand__Grid-module__Grid__column--medium-start-9___Ebcy8 {
6521
+ grid-column-start: 9;
6522
+ }
6523
+
6524
+ .Primer_Brand__Grid-module__Grid__column--medium-start-10___dY7pN {
6525
+ grid-column-start: 10;
6526
+ }
6527
+
6528
+ .Primer_Brand__Grid-module__Grid__column--medium-start-11___hVffM {
6529
+ grid-column-start: 11;
6530
+ }
6531
+
6532
+ .Primer_Brand__Grid-module__Grid__column--medium-start-12___N3mIQ {
6533
+ grid-column-start: 12;
6534
+ }
6535
+ }
6536
+
6537
+ /* LARGE breakpoint */
6538
+ @media screen and (min-width: 63.25rem) {
6539
+ /* LARGE start */
6540
+ .Primer_Brand__Grid-module__Grid__column--large-span-1___Nfkto {
6541
+ grid-column: auto / span 1;
6542
+ }
6543
+
6544
+ .Primer_Brand__Grid-module__Grid__column--large-span-2___GyGH4 {
6545
+ grid-column: auto / span 2;
6546
+ }
6547
+
6548
+ .Primer_Brand__Grid-module__Grid__column--large-span-3___iwGxK {
6549
+ grid-column: auto / span 3;
6550
+ }
6551
+
6552
+ .Primer_Brand__Grid-module__Grid__column--large-span-4___eJREG {
6553
+ grid-column: auto / span 4;
6554
+ }
6555
+
6556
+ .Primer_Brand__Grid-module__Grid__column--large-span-5___rCJ_b {
6557
+ grid-column: auto / span 5;
6558
+ }
6559
+
6560
+ .Primer_Brand__Grid-module__Grid__column--large-span-6___JNphY {
6561
+ grid-column: auto / span 6;
6562
+ }
6563
+
6564
+ .Primer_Brand__Grid-module__Grid__column--large-span-7___TySdj {
6565
+ grid-column: auto / span 7;
6566
+ }
6567
+
6568
+ .Primer_Brand__Grid-module__Grid__column--large-span-8___dkJwh {
6569
+ grid-column: auto / span 8;
6570
+ }
6571
+
6572
+ .Primer_Brand__Grid-module__Grid__column--large-span-9___aamnY {
6573
+ grid-column: auto / span 9;
6574
+ }
6575
+
6576
+ .Primer_Brand__Grid-module__Grid__column--large-span-10___nH4Bt {
6577
+ grid-column: auto / span 10;
6578
+ }
6579
+
6580
+ .Primer_Brand__Grid-module__Grid__column--large-span-11___mDo3B {
6581
+ grid-column: auto / span 11;
6582
+ }
6583
+
6584
+ .Primer_Brand__Grid-module__Grid__column--large-span-12___zSL6d {
6585
+ grid-column: auto / span 12;
6586
+ }
6587
+
6588
+ /* LARGE start */
6589
+ .Primer_Brand__Grid-module__Grid__column--large-start-1___Hc53V {
6590
+ grid-column-start: 1;
6591
+ }
6592
+
6593
+ .Primer_Brand__Grid-module__Grid__column--large-start-2____RsQ_ {
6594
+ grid-column-start: 2;
6595
+ }
6596
+
6597
+ .Primer_Brand__Grid-module__Grid__column--large-start-3___DN5KJ {
6598
+ grid-column-start: 3;
6599
+ }
6600
+
6601
+ .Primer_Brand__Grid-module__Grid__column--large-start-4___iKrrW {
6602
+ grid-column-start: 4;
6603
+ }
6604
+
6605
+ .Primer_Brand__Grid-module__Grid__column--large-start-5___t3K5k {
6606
+ grid-column-start: 5;
6607
+ }
6608
+
6609
+ .Primer_Brand__Grid-module__Grid__column--large-start-6___uFIIO {
6610
+ grid-column-start: 6;
6611
+ }
6612
+
6613
+ .Primer_Brand__Grid-module__Grid__column--large-start-7___YeqWt {
6614
+ grid-column-start: 7;
6615
+ }
6616
+
6617
+ .Primer_Brand__Grid-module__Grid__column--large-start-8___fmHfg {
6618
+ grid-column-start: 8;
6619
+ }
6620
+
6621
+ .Primer_Brand__Grid-module__Grid__column--large-start-9___UIwRf {
6622
+ grid-column-start: 9;
6623
+ }
6624
+
6625
+ .Primer_Brand__Grid-module__Grid__column--large-start-10___rOnsb {
6626
+ grid-column-start: 10;
6627
+ }
6628
+
6629
+ .Primer_Brand__Grid-module__Grid__column--large-start-11___oPN0R {
6630
+ grid-column-start: 11;
6631
+ }
6632
+
6633
+ .Primer_Brand__Grid-module__Grid__column--large-start-12___tZLO7 {
6634
+ grid-column-start: 12;
6635
+ }
6636
+ }
6637
+
6638
+ /* XLARGE breakpoint */
6639
+ @media screen and (min-width: 80rem) {
6640
+ /* XLARGE span */
6641
+ .Primer_Brand__Grid-module__Grid__column--xlarge-span-1___VzjSN {
6642
+ grid-column: auto / span 1;
6643
+ }
6644
+
6645
+ .Primer_Brand__Grid-module__Grid__column--xlarge-span-2___p1QuZ {
6646
+ grid-column: auto / span 2;
6647
+ }
6648
+
6649
+ .Primer_Brand__Grid-module__Grid__column--xlarge-span-3___xvbnJ {
6650
+ grid-column: auto / span 3;
6651
+ }
6652
+
6653
+ .Primer_Brand__Grid-module__Grid__column--xlarge-span-4___D_9gq {
6654
+ grid-column: auto / span 4;
6655
+ }
6656
+
6657
+ .Primer_Brand__Grid-module__Grid__column--xlarge-span-5___AWQN4 {
6658
+ grid-column: auto / span 5;
6659
+ }
6660
+
6661
+ .Primer_Brand__Grid-module__Grid__column--xlarge-span-6___FY68d {
6662
+ grid-column: auto / span 6;
6663
+ }
6664
+
6665
+ .Primer_Brand__Grid-module__Grid__column--xlarge-span-7___PDVrC {
6666
+ grid-column: auto / span 7;
6667
+ }
6668
+
6669
+ .Primer_Brand__Grid-module__Grid__column--xlarge-span-8___Np3vn {
6670
+ grid-column: auto / span 8;
6671
+ }
6672
+
6673
+ .Primer_Brand__Grid-module__Grid__column--xlarge-span-9___QnUTm {
6674
+ grid-column: auto / span 9;
6675
+ }
6676
+
6677
+ .Primer_Brand__Grid-module__Grid__column--xlarge-span-10___GPYff {
6678
+ grid-column: auto / span 10;
6679
+ }
6680
+
6681
+ .Primer_Brand__Grid-module__Grid__column--xlarge-span-11____dXqr {
6682
+ grid-column: auto / span 11;
6683
+ }
6684
+
6685
+ .Primer_Brand__Grid-module__Grid__column--xlarge-span-12___Faxbf {
6686
+ grid-column: auto / span 12;
6687
+ }
6688
+
6689
+ /* XLARGE start */
6690
+ .Primer_Brand__Grid-module__Grid__column--xlarge-start-1___8hqMz {
6691
+ grid-column-start: 1;
6692
+ }
6693
+
6694
+ .Primer_Brand__Grid-module__Grid__column--xlarge-start-2___aiylo {
6695
+ grid-column-start: 2;
6696
+ }
6697
+
6698
+ .Primer_Brand__Grid-module__Grid__column--xlarge-start-3___Iuufu {
6699
+ grid-column-start: 3;
6700
+ }
6701
+
6702
+ .Primer_Brand__Grid-module__Grid__column--xlarge-start-4___ynfkD {
6703
+ grid-column-start: 4;
6704
+ }
6705
+
6706
+ .Primer_Brand__Grid-module__Grid__column--xlarge-start-5___smnkV {
6707
+ grid-column-start: 5;
6708
+ }
6709
+
6710
+ .Primer_Brand__Grid-module__Grid__column--xlarge-start-6___Z4EoQ {
6711
+ grid-column-start: 6;
6712
+ }
6713
+
6714
+ .Primer_Brand__Grid-module__Grid__column--xlarge-start-7___NCAWz {
6715
+ grid-column-start: 7;
6716
+ }
6717
+
6718
+ .Primer_Brand__Grid-module__Grid__column--xlarge-start-8___CZ8J_ {
6719
+ grid-column-start: 8;
6720
+ }
6721
+
6722
+ .Primer_Brand__Grid-module__Grid__column--xlarge-start-9___yhpyy {
6723
+ grid-column-start: 9;
6724
+ }
6725
+
6726
+ .Primer_Brand__Grid-module__Grid__column--xlarge-start-10___E5Jou {
6727
+ grid-column-start: 10;
6728
+ }
6729
+
6730
+ .Primer_Brand__Grid-module__Grid__column--xlarge-start-11___OGVVw {
6731
+ grid-column-start: 11;
6732
+ }
6733
+
6734
+ .Primer_Brand__Grid-module__Grid__column--xlarge-start-12____kw0D {
6735
+ grid-column-start: 12;
6736
+ }
6737
+ }
6738
+
6739
+ /* XXLARGE breakpoint */
6740
+ @media screen and (min-width: 90rem) {
6741
+ /* XXLARGE span */
6742
+ .Primer_Brand__Grid-module__Grid__column--xxlarge-span-1___K9YLn {
6743
+ grid-column: auto / span 1;
6744
+ }
6745
+
6746
+ .Primer_Brand__Grid-module__Grid__column--xxlarge-span-2___FoOLk {
6747
+ grid-column: auto / span 2;
6748
+ }
6749
+
6750
+ .Primer_Brand__Grid-module__Grid__column--xxlarge-span-3___AvRFb {
6751
+ grid-column: auto / span 3;
6752
+ }
6753
+
6754
+ .Primer_Brand__Grid-module__Grid__column--xxlarge-span-4___wmisc {
6755
+ grid-column: auto / span 4;
6756
+ }
6757
+
6758
+ .Primer_Brand__Grid-module__Grid__column--xxlarge-span-5___oSh5q {
6759
+ grid-column: auto / span 5;
6760
+ }
6761
+
6762
+ .Primer_Brand__Grid-module__Grid__column--xxlarge-span-6___zg0Yr {
6763
+ grid-column: auto / span 6;
6764
+ }
6765
+
6766
+ .Primer_Brand__Grid-module__Grid__column--xxlarge-span-7___CxtNE {
6767
+ grid-column: auto / span 7;
6768
+ }
6769
+
6770
+ .Primer_Brand__Grid-module__Grid__column--xxlarge-span-8___r4GdW {
6771
+ grid-column: auto / span 8;
6772
+ }
6773
+
6774
+ .Primer_Brand__Grid-module__Grid__column--xxlarge-span-9___mfOCW {
6775
+ grid-column: auto / span 9;
6776
+ }
6777
+
6778
+ .Primer_Brand__Grid-module__Grid__column--xxlarge-span-10___xjus8 {
6779
+ grid-column: auto / span 10;
6780
+ }
6781
+
6782
+ .Primer_Brand__Grid-module__Grid__column--xxlarge-span-11___AZC4h {
6783
+ grid-column: auto / span 11;
6784
+ }
6785
+
6786
+ .Primer_Brand__Grid-module__Grid__column--xxlarge-span-12___DjdAU {
6787
+ grid-column: auto / span 12;
6788
+ }
6789
+
6790
+ /* XXLARGE start */
6791
+ .Primer_Brand__Grid-module__Grid__column--xxlarge-start-1___HFYSu {
6792
+ grid-column-start: 1;
6793
+ }
6794
+
6795
+ .Primer_Brand__Grid-module__Grid__column--xxlarge-start-2___dBj41 {
6796
+ grid-column-start: 2;
6797
+ }
6798
+
6799
+ .Primer_Brand__Grid-module__Grid__column--xxlarge-start-3___BX9bn {
6800
+ grid-column-start: 3;
6801
+ }
6802
+
6803
+ .Primer_Brand__Grid-module__Grid__column--xxlarge-start-4___FwEd9 {
6804
+ grid-column-start: 4;
6805
+ }
6806
+
6807
+ .Primer_Brand__Grid-module__Grid__column--xxlarge-start-5____pwv6 {
6808
+ grid-column-start: 5;
6809
+ }
6810
+
6811
+ .Primer_Brand__Grid-module__Grid__column--xxlarge-start-6___u1opn {
6812
+ grid-column-start: 6;
6813
+ }
6814
+
6815
+ .Primer_Brand__Grid-module__Grid__column--xxlarge-start-7___GuJAv {
6816
+ grid-column-start: 7;
6817
+ }
6818
+
6819
+ .Primer_Brand__Grid-module__Grid__column--xxlarge-start-8___Z7ZFc {
6820
+ grid-column-start: 8;
6821
+ }
6822
+
6823
+ .Primer_Brand__Grid-module__Grid__column--xxlarge-start-9___CcH1u {
6824
+ grid-column-start: 9;
6825
+ }
6826
+
6827
+ .Primer_Brand__Grid-module__Grid__column--xxlarge-start-10___sck1f {
6828
+ grid-column-start: 10;
6829
+ }
6830
+
6831
+ .Primer_Brand__Grid-module__Grid__column--xxlarge-start-11___VvIqo {
6832
+ grid-column-start: 11;
6833
+ }
6834
+
6835
+ .Primer_Brand__Grid-module__Grid__column--xxlarge-start-12___MKYFP {
6836
+ grid-column-start: 12;
6837
+ }
6838
+ }
6839
+
5855
6840
  .Primer_Brand__Image-module__Image__container___acBJi {
5856
6841
  display: inline-block;
5857
6842
  }
@@ -5862,11 +6847,6 @@ html {
5862
6847
  display: inline-block;
5863
6848
  }
5864
6849
 
5865
- /* Ratio Classes */
5866
- .Primer_Brand__Image-module__Image--___qlfMD {
5867
- display: inline-block;
5868
- }
5869
-
5870
6850
  .Primer_Brand__Image-module__Image--aspect-ratio-custom___gXFxx {
5871
6851
  aspect-ratio: var(--brand-Image-ratio-custom);
5872
6852
  }