@primer/react-brand 0.34.0 → 0.34.1-rc.0b5aebd

package/lib/Card/Card.d.ts

@@ -33,6 +33,10 @@ export type CardProps = {
      * */
     ctaText?: string;
     hasBorder?: boolean;
+    /**
+     * Fills the width of the parent container and removes the default max-width.
+     */
+    fullWidth?: boolean;
 } & Omit<BaseProps<HTMLDivElement>, 'animate'> & Omit<React.ComponentPropsWithoutRef<'div'>, 'onMouseEnter' | 'onMouseLeave' | 'onFocus' | 'onBlur'> & Pick<React.ComponentPropsWithoutRef<'a'>, 'onMouseEnter' | 'onMouseLeave' | 'onFocus' | 'onBlur'>;
 type CardImageProps = ImageProps;
 declare function CardImage({ className, ...rest }: CardImageProps): JSX.Element;

package/lib/css/main.css

@@ -89,7 +89,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,
@@ -367,7 +367,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root {
@@ -392,7 +392,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root {
@@ -408,7 +408,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root {
@@ -540,7 +540,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root {
@@ -554,7 +554,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root {
@@ -573,7 +573,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,
@@ -963,7 +963,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,
@@ -1549,7 +1549,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root {
@@ -1776,7 +1776,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,
@@ -2060,7 +2060,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root {
@@ -2087,7 +2087,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,
@@ -2845,7 +2845,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root {
@@ -3688,7 +3688,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root {
@@ -3709,7 +3709,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root {
@@ -3720,7 +3720,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root {
@@ -4655,7 +4655,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,
@@ -4683,7 +4683,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,
@@ -4699,7 +4699,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root {
@@ -4823,7 +4823,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,
@@ -4839,7 +4839,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,
@@ -5085,7 +5085,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root {
@@ -5094,7 +5094,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,
@@ -5112,7 +5112,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root {
@@ -5243,7 +5243,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,
@@ -6344,7 +6344,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root {
@@ -6358,7 +6358,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,
@@ -6596,7 +6596,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,
@@ -6612,7 +6612,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root {
@@ -6930,7 +6930,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,
@@ -7371,7 +7371,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,
@@ -7560,7 +7560,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,
@@ -7699,7 +7699,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,
@@ -7829,7 +7829,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root {
@@ -7840,7 +7840,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,
@@ -7930,6 +7930,11 @@ html {
   height: 100%;
 }
 
+.Primer_Brand__Card-module__Card--fullWidth___j46z5 {
+  max-width: none;
+  max-width: initial;
+}
+
 .Primer_Brand__Card-module__Card--variant-minimal___lq45H {
   padding: 0;
 }
@@ -8276,7 +8281,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,
@@ -8825,7 +8830,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root {
@@ -8836,7 +8841,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,
@@ -13070,7 +13075,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root {
@@ -13088,7 +13093,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,
@@ -13124,23 +13129,23 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,
 [data-color-mode="light"] {
-  --brand-LogoSuite-color-logo-muted: var(--brand-color-text-muted);
-  --brand-LogoSuite-color-logo-emphasis: var(--brand-color-text-default);
+  --brand-LogoSuite-color-logo-muted: brightness(0) saturate(100%) invert(37%) sepia(7%) saturate(778%) hue-rotate(171deg) brightness(96%) contrast(91%);
+  --brand-LogoSuite-color-logo-emphasis: brightness(0) saturate(100%) invert(12%) sepia(20%) saturate(450%) hue-rotate(172deg) brightness(100%) contrast(91%);
 }
 
 [data-color-mode="dark"] {
-  --brand-LogoSuite-color-logo-muted: var(--brand-color-text-muted);
-  --brand-LogoSuite-color-logo-emphasis: var(--brand-color-text-default);
+  --brand-LogoSuite-color-logo-muted: brightness(0) saturate(100%) invert(61%) sepia(8%) saturate(430%) hue-rotate(171deg) brightness(94%) contrast(92%);
+  --brand-LogoSuite-color-logo-emphasis: brightness(0) saturate(100%) invert(91%) sepia(2%) saturate(2455%) hue-rotate(193deg) brightness(107%) contrast(98%);
 }
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root {
@@ -13194,25 +13199,29 @@ html {
 }
 
 .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z svg,
+.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z img,
 .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z a {
   width: auto;
   height: var(--base-size-40);
 }
 
 .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb svg,
+.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb img,
 .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb a {
   width: auto;
   height: var(--base-size-48);
 }
 
 .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z svg,
-.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z path {
-  fill: var(--brand-LogoSuite-color-logo-muted);
+.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z path,
+.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z img {
+  filter: var(--brand-LogoSuite-color-logo-muted);
 }
 
 .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb svg,
-.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb path {
-  fill: var(--brand-LogoSuite-color-logo-emphasis);
+.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb path,
+.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb img {
+  filter: var(--brand-LogoSuite-color-logo-emphasis);
 }
 
 .Primer_Brand__LogoSuite-module__LogoSuite--start___Kk6GC .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm {
@@ -13388,7 +13397,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,
@@ -13402,7 +13411,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root {
@@ -13416,7 +13425,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root {
@@ -13435,7 +13444,7 @@ html {
   display: grid;
   width: 100%;
   grid-template-columns: repeat(12, minmax(0, 1fr));
-  grid-auto-rows: var(--base-size-80);
+  grid-auto-rows: minmax(var(--base-size-80), max-content);
   grid-gap: var(--brand-Bento-gap-small);
   position: relative;
 }
@@ -15595,7 +15604,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root {
@@ -15619,7 +15628,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,
@@ -16073,7 +16082,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root {
@@ -16470,7 +16479,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root {
@@ -16479,7 +16488,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,
@@ -16730,7 +16739,7 @@ html {
     display: flex;
     gap: var(--base-size-24);
     z-index: 1;
-    width: 100%;
+    flex-grow: 1;
   }
 
   .Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
@@ -16824,7 +16833,16 @@ html {
     width: var(--brand-SubNav-width-subMenu);
   }
 
-  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__sub-menu___UENed {
+  .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW:hover .Primer_Brand__SubNav-module__SubNav__sub-menu___UENed,
+  .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW.Primer_Brand__SubNav-module__focus-visible___mbLRX .Primer_Brand__SubNav-module__SubNav__sub-menu___UENed {
+    visibility: visible;
+    opacity: 1;
+    transform: scale(1) translateY(0);
+    box-shadow: var(--brand-SubNav-shadow);
+  }
+
+  .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW:hover .Primer_Brand__SubNav-module__SubNav__sub-menu___UENed,
+  .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW:focus-visible .Primer_Brand__SubNav-module__SubNav__sub-menu___UENed {
     visibility: visible;
     opacity: 1;
     transform: scale(1) translateY(0);
@@ -16892,7 +16910,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root {
@@ -16901,7 +16919,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,
@@ -17356,7 +17374,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,
@@ -17457,7 +17475,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,
@@ -17793,7 +17811,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/base/colors/light.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/base/size/size.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/base/typography/typography.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/animation/base.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/functional/colors/global.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/functional/components/bento/base.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Sun, 12 May 2024 15:17:14 GMT
+ * Generated on Mon, 17 Jun 2024 14:56:24 GMT
  */
 
 :root {