@primer/react-brand 0.17.0-rc.89bfa48 → 0.17.0-rc.adbeb64

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 (151) hide show
  1. package/lib/Card/Card.d.ts +10 -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/Label/Label.d.ts +1 -1
  6. package/lib/SubdomainNavBar/SubdomainNavBar.d.ts +1 -1
  7. package/lib/constants.d.ts +2 -0
  8. package/lib/css/main.css +1020 -47
  9. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
  10. package/lib/design-tokens/css/tokens/base/colors/color-scales.css +1 -1
  11. package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
  12. package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
  13. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +1 -1
  14. package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
  15. package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +1 -1
  16. package/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes.css +1 -1
  17. package/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css +1 -1
  18. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
  19. package/lib/design-tokens/css/tokens/functional/components/card/base.css +1 -1
  20. package/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes.css +57 -1
  21. package/lib/design-tokens/css/tokens/functional/components/card/colors.css +29 -1
  22. package/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes.css +1 -1
  23. package/lib/design-tokens/css/tokens/functional/components/control/base.css +1 -1
  24. package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
  25. package/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes.css +1 -1
  26. package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
  27. package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +1 -1
  28. package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
  29. package/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css +1 -1
  30. package/lib/design-tokens/css/tokens/functional/components/footer/colors.css +1 -1
  31. package/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes.css +13 -0
  32. package/lib/design-tokens/css/tokens/functional/components/grid/colors.css +8 -0
  33. package/lib/design-tokens/css/tokens/functional/components/grid/grid.css +25 -0
  34. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
  35. package/lib/design-tokens/css/tokens/functional/components/image/base.css +1 -1
  36. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
  37. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
  38. package/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes.css +3 -3
  39. package/lib/design-tokens/css/tokens/functional/components/label/colors.css +2 -2
  40. package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
  41. package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +1 -1
  42. package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
  43. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  44. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  45. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  46. package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
  47. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -8
  48. package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
  49. package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +1 -1
  50. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  51. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
  52. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +1 -1
  53. package/lib/design-tokens/js/module/tokens/functional/components/card/base.js +1 -1
  54. package/lib/design-tokens/js/module/tokens/functional/components/card/colors.js +539 -1
  55. package/lib/design-tokens/js/module/tokens/functional/components/control/base.js +1 -1
  56. package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
  57. package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
  58. package/lib/design-tokens/js/module/tokens/functional/components/footer/colors.js +1 -1
  59. package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js +31 -0
  60. package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.js +121 -0
  61. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
  62. package/lib/design-tokens/js/module/tokens/functional/components/image/base.js +1 -1
  63. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
  64. package/lib/design-tokens/js/module/tokens/functional/components/label/colors.js +5 -5
  65. package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
  66. package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
  67. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  68. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  69. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  70. package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
  71. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  72. package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
  73. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
  74. package/lib/design-tokens/js/tokens/base/colors/color-scales.js +1 -1
  75. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  76. package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
  77. package/lib/design-tokens/js/tokens/functional/colors/global.js +1 -1
  78. package/lib/design-tokens/js/tokens/functional/components/card/base.js +1 -1
  79. package/lib/design-tokens/js/tokens/functional/components/card/colors.js +30 -2
  80. package/lib/design-tokens/js/tokens/functional/components/control/base.js +1 -1
  81. package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
  82. package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
  83. package/lib/design-tokens/js/tokens/functional/components/footer/colors.js +1 -1
  84. package/lib/design-tokens/js/tokens/functional/components/grid/colors.js +6 -0
  85. package/lib/design-tokens/js/tokens/functional/components/grid/grid.js +8 -0
  86. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
  87. package/lib/design-tokens/js/tokens/functional/components/image/base.js +1 -1
  88. package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
  89. package/lib/design-tokens/js/tokens/functional/components/label/colors.js +2 -2
  90. package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
  91. package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
  92. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  93. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  94. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  95. package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
  96. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  97. package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
  98. package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
  99. package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +1 -1
  100. package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +1 -1
  101. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  102. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  103. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
  104. package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
  105. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
  106. package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
  107. package/lib/design-tokens/ts/tokens/functional/components/card/base.d.ts +1 -1
  108. package/lib/design-tokens/ts/tokens/functional/components/card/base.js +1 -1
  109. package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts +35 -1
  110. package/lib/design-tokens/ts/tokens/functional/components/card/colors.js +35 -1
  111. package/lib/design-tokens/ts/tokens/functional/components/control/base.d.ts +1 -1
  112. package/lib/design-tokens/ts/tokens/functional/components/control/base.js +1 -1
  113. package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
  114. package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
  115. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
  116. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
  117. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.d.ts +1 -1
  118. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.js +1 -1
  119. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.d.ts +15 -0
  120. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.js +14 -0
  121. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts +17 -0
  122. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.js +16 -0
  123. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
  124. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
  125. package/lib/design-tokens/ts/tokens/functional/components/image/base.d.ts +1 -1
  126. package/lib/design-tokens/ts/tokens/functional/components/image/base.js +1 -1
  127. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
  128. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
  129. package/lib/design-tokens/ts/tokens/functional/components/label/colors.d.ts +1 -1
  130. package/lib/design-tokens/ts/tokens/functional/components/label/colors.js +2 -2
  131. package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
  132. package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
  133. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
  134. package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
  135. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  136. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  137. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  138. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  139. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  140. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  141. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
  142. package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
  143. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  144. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  145. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
  146. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
  147. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
  148. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
  149. package/lib/index.d.ts +1 -0
  150. package/lib/index.js +1 -1
  151. 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 Tue, 25 Apr 2023 13:31:17 GMT
92
+ * Generated on Wed, 26 Apr 2023 13:16:13 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 Tue, 25 Apr 2023 13:31:16 GMT
632
+ * Generated on Wed, 26 Apr 2023 13:16:13 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 Tue, 25 Apr 2023 13:31:16 GMT
657
+ * Generated on Wed, 26 Apr 2023 13:16:13 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 Tue, 25 Apr 2023 13:31:17 GMT
672
+ * Generated on Wed, 26 Apr 2023 13:16:13 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 Tue, 25 Apr 2023 13:31:16 GMT
844
+ * Generated on Wed, 26 Apr 2023 13:16:12 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 Tue, 25 Apr 2023 13:31:16 GMT
858
+ * Generated on Wed, 26 Apr 2023 13:16:12 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 Tue, 25 Apr 2023 13:31:17 GMT
876
+ * Generated on Wed, 26 Apr 2023 13:16:13 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 Tue, 25 Apr 2023 13:31:17 GMT
1178
+ * Generated on Wed, 26 Apr 2023 13:16:13 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 Tue, 25 Apr 2023 13:31:16 GMT
1628
+ * Generated on Wed, 26 Apr 2023 13:16:12 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 Tue, 25 Apr 2023 13:31:16 GMT
1649
+ * Generated on Wed, 26 Apr 2023 13:16:12 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 Tue, 25 Apr 2023 13:31:17 GMT
2453
+ * Generated on Wed, 26 Apr 2023 13:16:13 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 Tue, 25 Apr 2023 13:31:17 GMT
2481
+ * Generated on Wed, 26 Apr 2023 13:16:13 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 Tue, 25 Apr 2023 13:31:17 GMT
2598
+ * Generated on Wed, 26 Apr 2023 13:16:13 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 Tue, 25 Apr 2023 13:31:17 GMT
2831
+ * Generated on Wed, 26 Apr 2023 13:16:13 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 Tue, 25 Apr 2023 13:31:16 GMT
2988
+ * Generated on Wed, 26 Apr 2023 13:16:12 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 Tue, 25 Apr 2023 13:31:17 GMT
2998
+ * Generated on Wed, 26 Apr 2023 13:16:13 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 Tue, 25 Apr 2023 13:31:16 GMT
3068
+ * Generated on Wed, 26 Apr 2023 13:16:12 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 Tue, 25 Apr 2023 13:31:17 GMT
3087
+ * Generated on Wed, 26 Apr 2023 13:16:13 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 Tue, 25 Apr 2023 13:31:16 GMT
4030
+ * Generated on Wed, 26 Apr 2023 13:16:12 GMT
4032
4031
  */
4033
4032
 
4034
4033
  :root {
@@ -4582,7 +4581,7 @@ Fixes safari bug where outline doesn't respect border-radius
4582
4581
 
4583
4582
  /**
4584
4583
  * Do not edit directly
4585
- * Generated on Tue, 25 Apr 2023 13:31:17 GMT
4584
+ * Generated on Wed, 26 Apr 2023 13:16:13 GMT
4586
4585
  */
4587
4586
 
4588
4587
  :root,
@@ -4892,7 +4891,7 @@ Fixes safari bug where outline doesn't respect border-radius
4892
4891
 
4893
4892
  /**
4894
4893
  * Do not edit directly
4895
- * Generated on Tue, 25 Apr 2023 13:31:17 GMT
4894
+ * Generated on Wed, 26 Apr 2023 13:16:13 GMT
4896
4895
  */
4897
4896
 
4898
4897
  :root,
@@ -5291,7 +5290,7 @@ html {
5291
5290
 
5292
5291
  /**
5293
5292
  * Do not edit directly
5294
- * Generated on Tue, 25 Apr 2023 13:31:17 GMT
5293
+ * Generated on Wed, 26 Apr 2023 13:16:13 GMT
5295
5294
  */
5296
5295
 
5297
5296
  :root,
@@ -5472,7 +5471,7 @@ html {
5472
5471
 
5473
5472
  /**
5474
5473
  * Do not edit directly
5475
- * Generated on Tue, 25 Apr 2023 13:31:17 GMT
5474
+ * Generated on Wed, 26 Apr 2023 13:16:13 GMT
5476
5475
  */
5477
5476
 
5478
5477
  :root,
@@ -5592,7 +5591,7 @@ html {
5592
5591
 
5593
5592
  /**
5594
5593
  * Do not edit directly
5595
- * Generated on Tue, 25 Apr 2023 13:31:16 GMT
5594
+ * Generated on Wed, 26 Apr 2023 13:16:12 GMT
5596
5595
  */
5597
5596
 
5598
5597
  :root {
@@ -5604,22 +5603,76 @@ html {
5604
5603
 
5605
5604
  /**
5606
5605
  * Do not edit directly
5607
- * Generated on Tue, 25 Apr 2023 13:31:17 GMT
5606
+ * Generated on Wed, 26 Apr 2023 13:16:13 GMT
5608
5607
  */
5609
5608
 
5610
5609
  :root,
5611
5610
  [data-color-mode="light"] {
5612
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);
5613
5640
  }
5614
5641
 
5615
5642
  [data-color-mode="dark"] {
5616
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);
5617
5672
  }
5618
5673
 
5619
5674
  .Primer_Brand__Card-module__Card___ByGEk {
5620
5675
  max-width: var(--brand-Card-maxWidth);
5621
- display: flex;
5622
- flex-direction: column;
5623
5676
  text-decoration: none;
5624
5677
  color: var(--brand-color-text-default);
5625
5678
  background-color: var(--brand-Card-background-default);
@@ -5628,30 +5681,187 @@ html {
5628
5681
  border-radius: var(--brand-borderRadius-medium);
5629
5682
  padding: var(--base-size-32);
5630
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;
5631
5711
  }
5632
5712
 
5633
5713
  .Primer_Brand__Card-module__Card___ByGEk:hover {
5634
5714
  transform: scale3d(1.025, 1.025, 1);
5635
5715
  }
5636
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
+
5637
5731
  .Primer_Brand__Card-module__Card__label___EAot7 {
5638
- margin-bottom: var(--base-size-24);
5732
+ margin-bottom: var(--base-size-16);
5733
+ grid-area: label;
5639
5734
  }
5640
5735
 
5641
5736
  .Primer_Brand__Card-module__Card__heading___INFhp {
5642
5737
  margin-bottom: var(--base-size-20);
5738
+ grid-area: heading;
5643
5739
  }
5644
5740
 
5645
5741
  .Primer_Brand__Card-module__Card__description___KN9CH {
5646
5742
  margin-bottom: var(--base-size-48);
5743
+ grid-area: description;
5647
5744
  }
5648
5745
 
5649
5746
  .Primer_Brand__Card-module__Card__action___C6sRY {
5747
+ grid-area: action;
5650
5748
  margin-top: auto;
5651
5749
  display: inline-flex;
5652
5750
  align-items: center;
5653
5751
  }
5654
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
+
5655
5865
  .Primer_Brand__SectionIntro-module__SectionIntro___RduRB {
5656
5866
  display: flex;
5657
5867
  flex-direction: column;
@@ -5690,7 +5900,7 @@ html {
5690
5900
 
5691
5901
  /**
5692
5902
  * Do not edit directly
5693
- * Generated on Tue, 25 Apr 2023 13:31:17 GMT
5903
+ * Generated on Wed, 26 Apr 2023 13:16:13 GMT
5694
5904
  */
5695
5905
 
5696
5906
  :root,
@@ -5864,6 +6074,769 @@ html {
5864
6074
  fill: var(--base-color-scale-gray-3);
5865
6075
  }
5866
6076
 
6077
+ /**
6078
+ * Do not edit directly
6079
+ * Generated on Wed, 26 Apr 2023 13:16:13 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 Wed, 26 Apr 2023 13:16:13 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
+
5867
6840
  .Primer_Brand__Image-module__Image__container___acBJi {
5868
6841
  display: inline-block;
5869
6842
  }