npm - @primer/react-brand - Versions diffs - 0.72.0-rc.4db5fc89 → 0.72.0-rc.65d39ab5 - Mend

@primer/react-brand 0.72.0-rc.4db5fc89 → 0.72.0-rc.65d39ab5

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 (427) hide show

package/docs/index.md CHANGED Viewed

@@ -1,6 +1,6 @@
-# Primer Brand docs (v0.72.0-rc.4db5fc89)
+# Primer Brand docs (v0.72.0-rc.65d39ab5)
-These docs are bundled with `@primer/react-brand@0.72.0-rc.4db5fc89` and match your installed version.
+These docs are bundled with `@primer/react-brand@0.72.0-rc.65d39ab5` and match your installed version.
 New here? Start with [Getting started](getting-started/index.md) for installation, global
 stylesheet and font setup. Component directories are named after their import (e.g.

package/esm/Avatar/Avatar.module-DUQdD7On.css ADDED Viewed

@@ -0,0 +1 @@

+ .Primer_Brand__Avatar-module__Avatar___VP3QQ{width:var(--base-size-40);height:var(--base-size-40);display:inline-block;overflow:hidden}.Primer_Brand__Avatar-module__Avatar--shape-circle___Yz6Zj{border-radius:var(--brand-borderRadius-full)}.Primer_Brand__Avatar-module__Avatar--shape-square___f2Rrz{border-radius:var(--brand-borderRadius-medium)}.Primer_Brand__Avatar-module__Avatar__image___ImYTc{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.Primer_Brand__Avatar-module__Avatar--size-32___P1cC2{width:var(--base-size-32);height:var(--base-size-32)}.Primer_Brand__Avatar-module__Avatar--size-40___fFZWc{width:var(--base-size-40);height:var(--base-size-40)}.Primer_Brand__Avatar-module__Avatar--size-48___ZrSSm{width:var(--base-size-48);height:var(--base-size-48)}.Primer_Brand__Avatar-module__Avatar--size-64___QMrC7{width:var(--base-size-64);height:var(--base-size-64)}.Primer_Brand__Avatar-module__Avatar--size-80___1NIGx{width:var(--base-size-80);height:var(--base-size-80)}.Primer_Brand__Avatar-module__Avatar-narrow--size-32___Dl3Q7{width:var(--base-size-32);height:var(--base-size-32)}.Primer_Brand__Avatar-module__Avatar-narrow--size-40___8KQIy{width:var(--base-size-40);height:var(--base-size-40)}.Primer_Brand__Avatar-module__Avatar-narrow--size-48___gN_Ov{width:var(--base-size-48);height:var(--base-size-48)}@media screen and (width>=48rem){.Primer_Brand__Avatar-module__Avatar-regular--size-32___Keys0{width:var(--base-size-32);height:var(--base-size-32)}.Primer_Brand__Avatar-module__Avatar-regular--size-40___bajRu{width:var(--base-size-40);height:var(--base-size-40)}.Primer_Brand__Avatar-module__Avatar-regular--size-48___f2itY{width:var(--base-size-48);height:var(--base-size-48)}.Primer_Brand__Avatar-module__Avatar-regular--size-64___6_jqI{width:var(--base-size-64);height:var(--base-size-64)}.Primer_Brand__Avatar-module__Avatar-regular--size-80___q7H8m{width:var(--base-size-80);height:var(--base-size-80)}}@media screen and (width>=80rem){.Primer_Brand__Avatar-module__Avatar-wide--size-32___g7fYr{width:var(--base-size-32);height:var(--base-size-32)}.Primer_Brand__Avatar-module__Avatar-wide--size-40___48LVl{width:var(--base-size-40);height:var(--base-size-40)}.Primer_Brand__Avatar-module__Avatar-wide--size-48___cwlSk{width:var(--base-size-48);height:var(--base-size-48)}.Primer_Brand__Avatar-module__Avatar-wide--size-64___w72xb{width:var(--base-size-64);height:var(--base-size-64)}.Primer_Brand__Avatar-module__Avatar-wide--size-80___MptXL{width:var(--base-size-80);height:var(--base-size-80)}}

package/esm/Avatar/Avatar.module.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './Avatar.module-DzfWmLu4.css';var e = {
+import './Avatar.module-DUQdD7On.css';var e = {
 	Avatar: "Primer_Brand__Avatar-module__Avatar___VP3QQ",
 	"Avatar--shape-circle": "Primer_Brand__Avatar-module__Avatar--shape-circle___Yz6Zj",
 	"Avatar--shape-square": "Primer_Brand__Avatar-module__Avatar--shape-square___f2Rrz",

package/esm/Avatar/Avatar.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Avatar.module.js","names":[],"sources":["../../src/Avatar/Avatar.module.css"],"sourcesContent":[".Avatar {\n display: inline-block;\n overflow: hidden;\n width: var(--base-size-40);\n height: var(--base-size-40);\n}\n\n.Avatar--shape-circle {\n border-radius: var(--brand-borderRadius-full);\n}\n\n.Avatar--shape-square {\n border-radius: var(--brand-borderRadius-medium);\n}\n\n.Avatar__image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.Avatar--size-32 {\n width: var(--base-size-32);\n height: var(--base-size-32);\n}\n\n.Avatar--size-40 {\n width: var(--base-size-40);\n height: var(--base-size-40);\n}\n\n.Avatar--size-48 {\n width: var(--base-size-48);\n height: var(--base-size-48);\n}\n\n.Avatar--size-64 {\n width: var(--base-size-64);\n height: var(--base-size-64);\n}\n\n.Avatar--size-80 {\n width: var(--base-size-80);\n height: var(--base-size-80);\n}\n\n.Avatar-narrow--size-32 {\n width: var(--base-size-32);\n height: var(--base-size-32);\n}\n\n.Avatar-narrow--size-40 {\n width: var(--base-size-40);\n height: var(--base-size-40);\n}\n\n.Avatar-narrow--size-48 {\n width: var(--base-size-48);\n height: var(--base-size-48);\n}\n\n@media screen and (min-width: 48rem) {\n .Avatar-regular--size-32 {\n width: var(--base-size-32);\n height: var(--base-size-32);\n }\n\n .Avatar-regular--size-40 {\n width: var(--base-size-40);\n height: var(--base-size-40);\n }\n\n .Avatar-regular--size-48 {\n width: var(--base-size-48);\n height: var(--base-size-48);\n }\n\n .Avatar-regular--size-64 {\n width: var(--base-size-64);\n height: var(--base-size-64);\n }\n\n .Avatar-regular--size-80 {\n width: var(--base-size-80);\n height: var(--base-size-80);\n }\n}\n\n@media screen and (min-width: 80rem) {\n .Avatar-wide--size-32 {\n width: var(--base-size-32);\n height: var(--base-size-32);\n }\n\n .Avatar-wide--size-40 {\n width: var(--base-size-40);\n height: var(--base-size-40);\n }\n\n .Avatar-wide--size-48 {\n width: var(--base-size-48);\n height: var(--base-size-48);\n }\n\n .Avatar-wide--size-64 {\n width: var(--base-size-64);\n height: var(--base-size-64);\n }\n\n .Avatar-wide--size-80 {\n width: var(--base-size-80);\n height: var(--base-size-80);\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"Avatar.module.js","names":[],"sources":["../../src/Avatar/Avatar.module.css"],"sourcesContent":[".Avatar {\n display: inline-block;\n overflow: hidden;\n width: var(--base-size-40);\n height: var(--base-size-40);\n}\n\n.Avatar--shape-circle {\n border-radius: var(--brand-borderRadius-full);\n}\n\n.Avatar--shape-square {\n border-radius: var(--brand-borderRadius-medium);\n}\n\n.Avatar__image {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.Avatar--size-32 {\n width: var(--base-size-32);\n height: var(--base-size-32);\n}\n\n.Avatar--size-40 {\n width: var(--base-size-40);\n height: var(--base-size-40);\n}\n\n.Avatar--size-48 {\n width: var(--base-size-48);\n height: var(--base-size-48);\n}\n\n.Avatar--size-64 {\n width: var(--base-size-64);\n height: var(--base-size-64);\n}\n\n.Avatar--size-80 {\n width: var(--base-size-80);\n height: var(--base-size-80);\n}\n\n.Avatar-narrow--size-32 {\n width: var(--base-size-32);\n height: var(--base-size-32);\n}\n\n.Avatar-narrow--size-40 {\n width: var(--base-size-40);\n height: var(--base-size-40);\n}\n\n.Avatar-narrow--size-48 {\n width: var(--base-size-48);\n height: var(--base-size-48);\n}\n\n@media screen and (min-width: 48rem) {\n .Avatar-regular--size-32 {\n width: var(--base-size-32);\n height: var(--base-size-32);\n }\n\n .Avatar-regular--size-40 {\n width: var(--base-size-40);\n height: var(--base-size-40);\n }\n\n .Avatar-regular--size-48 {\n width: var(--base-size-48);\n height: var(--base-size-48);\n }\n\n .Avatar-regular--size-64 {\n width: var(--base-size-64);\n height: var(--base-size-64);\n }\n\n .Avatar-regular--size-80 {\n width: var(--base-size-80);\n height: var(--base-size-80);\n }\n}\n\n@media screen and (min-width: 80rem) {\n .Avatar-wide--size-32 {\n width: var(--base-size-32);\n height: var(--base-size-32);\n }\n\n .Avatar-wide--size-40 {\n width: var(--base-size-40);\n height: var(--base-size-40);\n }\n\n .Avatar-wide--size-48 {\n width: var(--base-size-48);\n height: var(--base-size-48);\n }\n\n .Avatar-wide--size-64 {\n width: var(--base-size-64);\n height: var(--base-size-64);\n }\n\n .Avatar-wide--size-80 {\n width: var(--base-size-80);\n height: var(--base-size-80);\n }\n}\n"],"mappings":""}

package/esm/BreakoutBanner/{BreakoutBanner.module-DGBSJFNJ.css → BreakoutBanner.module-gfmzcUSU.css} RENAMED Viewed

	@@ -1 +1 @@
1	- .Primer_Brand__BreakoutBanner-module__BreakoutBanner___QH5la{max-width:var(--brand-breakpoint-xlarge);border-radius:var(--brand-borderRadius-large);background-repeat:no-repeat;background-color:var(--brand-BreakoutBanner-narrow-background-color,var(--brand-BreakoutBanner-background-color));background-image:var(--brand-BreakoutBanner-narrow-background-image-src,var(--brand-BreakoutBanner-background-image-src));background-size:var(--brand-BreakoutBanner-narrow-background-image-size,var(--brand-BreakoutBanner-background-image-size));background-position:50%;background-position:var(--brand-BreakoutBanner-narrow-background-image-position,var(--brand-BreakoutBanner-background-image-position,center));width:100%;margin:0 auto;display:flex;position:relative}.Primer_Brand__BreakoutBanner-module__BreakoutBanner-container___JC9dt{border-radius:var(--brand-borderRadius-xlarge);padding:var(--base-size-40) var(--base-size-24) var(--base-size-128);z-index:1;box-sizing:border-box;width:100%}.Primer_Brand__BreakoutBanner-module__BreakoutBanner-content___gZsEk{flex-direction:column;align-items:flex-start;display:flex}.Primer_Brand__BreakoutBanner-module__BreakoutBanner-container--background___Uex_J{background:var(--brand-BreakoutBanner-bgColor)}.Primer_Brand__BreakoutBanner-module__BreakoutBanner-content--center___oB7l0{text-align:center;align-items:center}.Primer_Brand__BreakoutBanner-module__BreakoutBanner__heading___9zftT{max-width:20ch}.Primer_Brand__BreakoutBanner-module__BreakoutBanner-description___nFBHL{max-width:54ch;margin-block-start:var(--base-size-16)}.Primer_Brand__BreakoutBanner-module__BreakoutBanner-linkGroup___g_h1l{margin-block-start:var(--base-size-48)}.Primer_Brand__BreakoutBanner-module__BreakoutBanner-leadingVisual___GRbZf{margin-block-end:var(--base-size-48)}@media screen and (width>=48rem){.Primer_Brand__BreakoutBanner-module__BreakoutBanner___QH5la{background-color:var(--brand-BreakoutBanner-regular-background-color,var(--brand-BreakoutBanner-background-color));background-image:var(--brand-BreakoutBanner-regular-background-image-src,var(--brand-BreakoutBanner-background-image-src));background-size:var(--brand-BreakoutBanner-regular-background-image-size,var(--brand-BreakoutBanner-background-image-size));background-position:var(--brand-BreakoutBanner-regular-background-image-position,var(--brand-BreakoutBanner-background-image-position))}.Primer_Brand__BreakoutBanner-module__BreakoutBanner-container___JC9dt{padding:var(--base-size-48)}}@media screen and (width>=80rem){.Primer_Brand__BreakoutBanner-module__BreakoutBanner___QH5la{background-color:var(--brand-BreakoutBanner-wide-background-color,var(--brand-BreakoutBanner-background-color));background-image:var(--brand-BreakoutBanner-wide-background-image-src,var(--brand-BreakoutBanner-background-image-src));background-size:var(--brand-BreakoutBanner-wide-background-image-size,var(--brand-BreakoutBanner-background-image-size));background-position:var(--brand-BreakoutBanner-wide-background-image-position,var(--brand-BreakoutBanner-background-image-position))}}
1	+ .Primer_Brand__BreakoutBanner-module__BreakoutBanner___QH5la{max-width:var(--brand-breakpoint-xlarge);border-radius:var(--brand-borderRadius-large);background-repeat:no-repeat;background-color:var(--brand-BreakoutBanner-narrow-background-color,var(--brand-BreakoutBanner-background-color));background-image:var(--brand-BreakoutBanner-narrow-background-image-src,var(--brand-BreakoutBanner-background-image-src));background-size:var(--brand-BreakoutBanner-narrow-background-image-size,var(--brand-BreakoutBanner-background-image-size));background-position:50%;background-position:var(--brand-BreakoutBanner-narrow-background-image-position,var(--brand-BreakoutBanner-background-image-position,center));width:100%;margin:0 auto;display:flex;position:relative}.Primer_Brand__BreakoutBanner-module__BreakoutBanner-container___JC9dt{border-radius:var(--brand-borderRadius-xlarge);padding:var(--base-size-40) var(--base-size-24) var(--base-size-128);z-index:1;box-sizing:border-box;width:100%}.Primer_Brand__BreakoutBanner-module__BreakoutBanner-content___gZsEk{flex-direction:column;align-items:flex-start;display:flex}.Primer_Brand__BreakoutBanner-module__BreakoutBanner-container--background___Uex_J{background:var(--brand-BreakoutBanner-bgColor)}.Primer_Brand__BreakoutBanner-module__BreakoutBanner-content--center___oB7l0{text-align:center;align-items:center}.Primer_Brand__BreakoutBanner-module__BreakoutBanner__heading___9zftT{max-width:20ch}.Primer_Brand__BreakoutBanner-module__BreakoutBanner-description___nFBHL{max-width:54ch;margin-block-start:var(--base-size-16)}.Primer_Brand__BreakoutBanner-module__BreakoutBanner-linkGroup___g_h1l{margin-block-start:var(--base-size-48)}.Primer_Brand__BreakoutBanner-module__BreakoutBanner-leadingVisual___GRbZf{margin-block-end:var(--base-size-48)}.Primer_Brand__BreakoutBanner-module__BreakoutBanner-leadingVisual___GRbZf img,.Primer_Brand__BreakoutBanner-module__BreakoutBanner-leadingVisual___GRbZf picture{display:block}@media screen and (width>=48rem){.Primer_Brand__BreakoutBanner-module__BreakoutBanner___QH5la{background-color:var(--brand-BreakoutBanner-regular-background-color,var(--brand-BreakoutBanner-background-color));background-image:var(--brand-BreakoutBanner-regular-background-image-src,var(--brand-BreakoutBanner-background-image-src));background-size:var(--brand-BreakoutBanner-regular-background-image-size,var(--brand-BreakoutBanner-background-image-size));background-position:var(--brand-BreakoutBanner-regular-background-image-position,var(--brand-BreakoutBanner-background-image-position))}.Primer_Brand__BreakoutBanner-module__BreakoutBanner-container___JC9dt{padding:var(--base-size-48)}}@media screen and (width>=80rem){.Primer_Brand__BreakoutBanner-module__BreakoutBanner___QH5la{background-color:var(--brand-BreakoutBanner-wide-background-color,var(--brand-BreakoutBanner-background-color));background-image:var(--brand-BreakoutBanner-wide-background-image-src,var(--brand-BreakoutBanner-background-image-src));background-size:var(--brand-BreakoutBanner-wide-background-image-size,var(--brand-BreakoutBanner-background-image-size));background-position:var(--brand-BreakoutBanner-wide-background-image-position,var(--brand-BreakoutBanner-background-image-position))}}

package/esm/BreakoutBanner/BreakoutBanner.module.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './BreakoutBanner.module-DGBSJFNJ.css';var e = {
+import './BreakoutBanner.module-gfmzcUSU.css';var e = {
 	BreakoutBanner: "Primer_Brand__BreakoutBanner-module__BreakoutBanner___QH5la",
 	"BreakoutBanner-container": "Primer_Brand__BreakoutBanner-module__BreakoutBanner-container___JC9dt",
 	"BreakoutBanner-content": "Primer_Brand__BreakoutBanner-module__BreakoutBanner-content___gZsEk",

package/esm/BreakoutBanner/BreakoutBanner.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BreakoutBanner.module.js","names":[],"sources":["../../src/BreakoutBanner/BreakoutBanner.module.css"],"sourcesContent":[".BreakoutBanner {\n position: relative;\n margin: 0 auto;\n display: flex;\n max-width: var(--brand-breakpoint-xlarge);\n width: 100%;\n border-radius: var(--brand-borderRadius-large);\n background-repeat: no-repeat;\n background-color: var(--brand-BreakoutBanner-narrow-background-color, var(--brand-BreakoutBanner-background-color));\n background-image: var(\n --brand-BreakoutBanner-narrow-background-image-src,\n var(--brand-BreakoutBanner-background-image-src)\n );\n background-size: var(\n --brand-BreakoutBanner-narrow-background-image-size,\n var(--brand-BreakoutBanner-background-image-size)\n );\n\n background-position: var(\n --brand-BreakoutBanner-narrow-background-image-position,\n var(--brand-BreakoutBanner-background-image-position, center)\n );\n}\n\n.BreakoutBanner-container {\n border-radius: var(--brand-borderRadius-xlarge);\n padding: var(--base-size-40) var(--base-size-24) var(--base-size-128);\n z-index: 1;\n width: 100%;\n box-sizing: border-box;\n}\n\n.BreakoutBanner-content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.BreakoutBanner-container--background {\n background: var(--brand-BreakoutBanner-bgColor);\n}\n\n.BreakoutBanner-content--center {\n align-items: center;\n text-align: center;\n}\n\n.BreakoutBanner__heading {\n max-width: 20ch;\n}\n\n.BreakoutBanner-description {\n max-width: 54ch;\n margin-block-start: var(--base-size-16);\n}\n\n.BreakoutBanner-linkGroup {\n margin-block-start: var(--base-size-48);\n}\n\n.BreakoutBanner-leadingVisual {\n margin-block-end: var(--base-size-48);\n}\n\n/* Regular /\n@media screen and (min-width: 48rem) {\n .BreakoutBanner {\n background-color: var(\n --brand-BreakoutBanner-regular-background-color,\n var(--brand-BreakoutBanner-background-color)\n );\n background-image: var(\n --brand-BreakoutBanner-regular-background-image-src,\n var(--brand-BreakoutBanner-background-image-src)\n );\n background-size: var(\n --brand-BreakoutBanner-regular-background-image-size,\n var(--brand-BreakoutBanner-background-image-size)\n );\n background-position: var(\n --brand-BreakoutBanner-regular-background-image-position,\n var(--brand-BreakoutBanner-background-image-position)\n );\n }\n\n .BreakoutBanner-container {\n padding: var(--base-size-48);\n }\n}\n\n/ Wide */\n@media screen and (min-width: 80rem) {\n .BreakoutBanner {\n background-color: var(--brand-BreakoutBanner-wide-background-color, var(--brand-BreakoutBanner-background-color));\n background-image: var(\n --brand-BreakoutBanner-wide-background-image-src,\n var(--brand-BreakoutBanner-background-image-src)\n );\n background-size: var(\n --brand-BreakoutBanner-wide-background-image-size,\n var(--brand-BreakoutBanner-background-image-size)\n );\n\n background-position: var(\n --brand-BreakoutBanner-wide-background-image-position,\n var(--brand-BreakoutBanner-background-image-position)\n );\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"BreakoutBanner.module.js","names":[],"sources":["../../src/BreakoutBanner/BreakoutBanner.module.css"],"sourcesContent":[".BreakoutBanner {\n position: relative;\n margin: 0 auto;\n display: flex;\n max-width: var(--brand-breakpoint-xlarge);\n width: 100%;\n border-radius: var(--brand-borderRadius-large);\n background-repeat: no-repeat;\n background-color: var(--brand-BreakoutBanner-narrow-background-color, var(--brand-BreakoutBanner-background-color));\n background-image: var(\n --brand-BreakoutBanner-narrow-background-image-src,\n var(--brand-BreakoutBanner-background-image-src)\n );\n background-size: var(\n --brand-BreakoutBanner-narrow-background-image-size,\n var(--brand-BreakoutBanner-background-image-size)\n );\n\n background-position: var(\n --brand-BreakoutBanner-narrow-background-image-position,\n var(--brand-BreakoutBanner-background-image-position, center)\n );\n}\n\n.BreakoutBanner-container {\n border-radius: var(--brand-borderRadius-xlarge);\n padding: var(--base-size-40) var(--base-size-24) var(--base-size-128);\n z-index: 1;\n width: 100%;\n box-sizing: border-box;\n}\n\n.BreakoutBanner-content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.BreakoutBanner-container--background {\n background: var(--brand-BreakoutBanner-bgColor);\n}\n\n.BreakoutBanner-content--center {\n align-items: center;\n text-align: center;\n}\n\n.BreakoutBanner__heading {\n max-width: 20ch;\n}\n\n.BreakoutBanner-description {\n max-width: 54ch;\n margin-block-start: var(--base-size-16);\n}\n\n.BreakoutBanner-linkGroup {\n margin-block-start: var(--base-size-48);\n}\n\n.BreakoutBanner-leadingVisual {\n margin-block-end: var(--base-size-48);\n}\n\n.BreakoutBanner-leadingVisual :is(img, picture) {\n display: block;\n}\n\n/* Regular /\n@media screen and (min-width: 48rem) {\n .BreakoutBanner {\n background-color: var(\n --brand-BreakoutBanner-regular-background-color,\n var(--brand-BreakoutBanner-background-color)\n );\n background-image: var(\n --brand-BreakoutBanner-regular-background-image-src,\n var(--brand-BreakoutBanner-background-image-src)\n );\n background-size: var(\n --brand-BreakoutBanner-regular-background-image-size,\n var(--brand-BreakoutBanner-background-image-size)\n );\n background-position: var(\n --brand-BreakoutBanner-regular-background-image-position,\n var(--brand-BreakoutBanner-background-image-position)\n );\n }\n\n .BreakoutBanner-container {\n padding: var(--base-size-48);\n }\n}\n\n/ Wide */\n@media screen and (min-width: 80rem) {\n .BreakoutBanner {\n background-color: var(--brand-BreakoutBanner-wide-background-color, var(--brand-BreakoutBanner-background-color));\n background-image: var(\n --brand-BreakoutBanner-wide-background-image-src,\n var(--brand-BreakoutBanner-background-image-src)\n );\n background-size: var(\n --brand-BreakoutBanner-wide-background-image-size,\n var(--brand-BreakoutBanner-background-image-size)\n );\n\n background-position: var(\n --brand-BreakoutBanner-wide-background-image-position,\n var(--brand-BreakoutBanner-background-image-position)\n );\n }\n}\n"],"mappings":""}

package/esm/CTABanner/CTABanner.module-CDLOww8c.css ADDED Viewed

@@ -0,0 +1 @@

+ .Primer_Brand__CTABanner-module__CTABanner___osRag{max-width:var(--brand-breakpoint-xlarge);width:100%;margin:0 auto;display:flex;position:relative}.Primer_Brand__CTABanner-module__CTABanner--shadow___bUnyT:before{content:"";inset:var(--base-size-16);filter:blur(var(--base-size-96));background:linear-gradient(to right, var(--brand-CTABanner-shadow-color-start), var(--brand-CTABanner-shadow-color-end));position:absolute;transform:translateZ(0)}.Primer_Brand__CTABanner-module__CTABanner-grid___Hm5rQ{--brand-Grid-spacing-row:0;row-gap:0;padding-inline:0}.Primer_Brand__CTABanner-module__CTABanner-grid-column--primary___m1rvk{align-items:center;display:flex}.Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___C_Sft{justify-content:center;align-items:center;display:flex}.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___iWgoA .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___C_Sft{justify-content:flex-end}.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___C4a_5 .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___C_Sft{justify-content:flex-start}@media screen and (width>=63.25rem){.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___C4a_5 .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___C_Sft{justify-content:flex-end}}@media screen and (width<=63.24rem){.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___iWgoA .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___C_Sft{justify-content:flex-start}.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___C4a_5 .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___C_Sft{order:-1;margin-block-start:0}.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___C4a_5 .Primer_Brand__CTABanner-module__CTABanner-grid-column--primary___m1rvk,.Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___C_Sft{margin-block-start:var(--base-size-24)}}.Primer_Brand__CTABanner-module__CTABanner-outer-container--border___Rhoq4{border-block:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__CTABanner-module__CTABanner-container___Tb9T1{padding:var(--base-size-64) var(--base-size-20);z-index:1;box-sizing:border-box;width:100%}.Primer_Brand__CTABanner-module__CTABanner-container--rounded___atljT{border-radius:var(--brand-borderRadius-medium)}.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___C4a_5 .Primer_Brand__CTABanner-module__CTABanner-container___Tb9T1{padding-inline:var(--base-size-20);padding-block:var(--base-size-32)}.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___iWgoA .Primer_Brand__CTABanner-module__CTABanner-container___Tb9T1{padding-inline:var(--base-size-20);padding-block:var(--base-size-40)}.Primer_Brand__CTABanner-module__CTABanner-content___T0gW9{--CTABanner-content-gap:var(--base-size-16);gap:var(--CTABanner-content-gap);flex-direction:column;align-items:flex-start;max-width:800px;margin:0 auto;display:flex}.Primer_Brand__CTABanner-module__CTABanner-content___T0gW9 img,.Primer_Brand__CTABanner-module__CTABanner-content___T0gW9 picture{display:block}.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___iWgoA .Primer_Brand__CTABanner-module__CTABanner-content___T0gW9{--CTABanner-content-gap:0}.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___C4a_5 .Primer_Brand__CTABanner-module__CTABanner-content___T0gW9,.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___iWgoA .Primer_Brand__CTABanner-module__CTABanner-content___T0gW9{max-width:576px;margin:0}.Primer_Brand__CTABanner-module__CTABanner-container--background___p6ig8{background-repeat:no-repeat;background-color:var(--brand-CTABanner-bgColor);background-image:var(--brand-CTABanner-narrow-background-image-src,var(--brand-CTABanner-background-image-src));background-size:var(--brand-CTABanner-narrow-background-image-size,var(--brand-CTABanner-background-image-size));background-position:50%;background-position:var(--brand-CTABanner-narrow-background-image-position,var(--brand-CTABanner-background-image-position,center))}.Primer_Brand__CTABanner-module__CTABanner-container--border___7xUNr{border:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__CTABanner-module__CTABanner-container--border-gridlines___aCdnk{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);max-width:534px;margin-inline:auto}.Primer_Brand__CTABanner-module__CTABanner-content--center___SCpf2{text-align:center;align-items:center}.Primer_Brand__CTABanner-module__CTABanner-description___pA_Hb{margin-bottom:var(--base-size-16)}@media screen and (width>=48rem){.Primer_Brand__CTABanner-module__CTABanner-container___Tb9T1{padding:var(--base-size-80) var(--base-size-36)}.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___C4a_5 .Primer_Brand__CTABanner-module__CTABanner-container___Tb9T1{padding:var(--base-size-36);padding-block-end:var(--base-size-48)}.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___iWgoA .Primer_Brand__CTABanner-module__CTABanner-container___Tb9T1{padding:var(--base-size-36);padding-block:var(--base-size-48)}.Primer_Brand__CTABanner-module__CTABanner-container--background___p6ig8{background-color:var(--brand-CTABanner-regular-background-color,var(--brand-CTABanner-background-color));background-image:var(--brand-CTABanner-regular-background-image-src,var(--brand-CTABanner-background-image-src));background-size:var(--brand-CTABanner-regular-background-image-size,var(--brand-CTABanner-background-image-size));background-position:var(--brand-CTABanner-regular-background-image-position,var(--brand-CTABanner-background-image-position))}}@media screen and (width>=63.25rem){.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___C4a_5 .Primer_Brand__CTABanner-module__CTABanner-content___T0gW9{--CTABanner-content-gap:var(--base-size-32)}.Primer_Brand__CTABanner-module__CTABanner-container___Tb9T1{padding:var(--base-size-96) var(--base-size-64);max-width:100%}.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___C4a_5 .Primer_Brand__CTABanner-module__CTABanner-container___Tb9T1,.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___iWgoA .Primer_Brand__CTABanner-module__CTABanner-container___Tb9T1{padding:var(--base-size-64)}}@media screen and (width>=80rem){.Primer_Brand__CTABanner-module__CTABanner-container--background___p6ig8{background-color:var(--brand-CTABanner-wide-background-color,var(--brand-CTABanner-background-color));background-image:var(--brand-CTABanner-wide-background-image-src,var(--brand-CTABanner-background-image-src));background-size:var(--brand-CTABanner-wide-background-image-size,var(--brand-CTABanner-background-image-size));background-position:var(--brand-CTABanner-wide-background-image-position,var(--brand-CTABanner-background-image-position))}}.Primer_Brand__CTABanner-module__CTABanner-image___Fsqin{width:100%;height:auto}.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___C4a_5 .Primer_Brand__CTABanner-module__CTABanner-image___Fsqin{width:100%;max-width:476px;height:auto}@media screen and (width>=63.25rem){.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___C4a_5 .Primer_Brand__CTABanner-module__CTABanner-image___Fsqin{max-width:100%;height:auto}.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___C4a_5 .Primer_Brand__CTABanner-module__CTABanner-grid-column--primary___m1rvk:has(.Primer_Brand__CTABanner-module__CTABanner-logo___uysuX){align-items:stretch}.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___C4a_5 .Primer_Brand__CTABanner-module__CTABanner-grid-column--primary___m1rvk:has(.Primer_Brand__CTABanner-module__CTABanner-logo___uysuX)>.Primer_Brand__CTABanner-module__CTABanner-content___T0gW9{flex:1}.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___C4a_5 .Primer_Brand__CTABanner-module__CTABanner-content___T0gW9:has(>.Primer_Brand__CTABanner-module__CTABanner-logo___uysuX)>.Primer_Brand__CTABanner-module__CTABanner-logo___uysuX+*{margin-block-start:auto}}.Primer_Brand__CTABanner-module__CTABanner-logo___uysuX{align-items:center;gap:var(--base-size-8);width:100%;border-block-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);padding-block-end:var(--base-size-32);display:flex}.Primer_Brand__CTABanner-module__CTABanner-logo___uysuX>svg,.Primer_Brand__CTABanner-module__CTABanner-logo___uysuX>img{height:var(--base-size-40);width:auto;display:block}.Primer_Brand__CTABanner-module__CTABanner--variant-default___LX6Wi .Primer_Brand__CTABanner-module__CTABanner-logo___uysuX{border-block-end:none;width:auto;padding-block-end:0}.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___iWgoA .Primer_Brand__CTABanner-module__CTABanner-logo___uysuX{margin-block-end:var(--base-size-24)}.Primer_Brand__CTABanner-module__CTABanner-link___iY0Se{align-self:auto}.Primer_Brand__CTABanner-module__CTABanner-heading___tWytE b{color:var(--brand-CTABanner-color-heading-emphasis);font-weight:inherit}.Primer_Brand__CTABanner-module__CTABanner-heading___tWytE code,.Primer_Brand__CTABanner-module__CTABanner-description___pA_Hb code{font-size:inherit;font-family:var(--brand-fontStack-monospace);background-color:var(--brand-color-canvas-default);padding:0 var(--base-size-4) 0;margin-inline:var(--base-size-2);border:var(--brand-borderWidth-thin) solid var(--brand-color-border-default);border-radius:var(--brand-borderRadius-small);box-shadow:var(--brand-borderWidth-thin) var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-default)}.Primer_Brand__CTABanner-module__CTABanner--bgColor-default___HxU_W .Primer_Brand__CTABanner-module__CTABanner-heading___tWytE code,.Primer_Brand__CTABanner-module__CTABanner--bgColor-default___HxU_W .Primer_Brand__CTABanner-module__CTABanner-description___pA_Hb code{background-color:var(--brand-color-canvas-subtle)}.Primer_Brand__CTABanner-module__CTABanner-description___pA_Hb code{padding:0 var(--base-size-4) 0}.Primer_Brand__CTABanner-module__CTABanner-heading___tWytE.Primer_Brand__CTABanner-module__CTABanner-heading___tWytE:has(code){line-height:2lh}@media screen and (width>=63.25rem){.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___C4a_5 .Primer_Brand__CTABanner-module__CTABanner-heading___tWytE.Primer_Brand__CTABanner-module__CTABanner-heading___tWytE:has(code){line-height:2.8lh}}.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___iWgoA .Primer_Brand__CTABanner-module__CTABanner-heading___tWytE.Primer_Brand__CTABanner-module__CTABanner-heading___tWytE:has(code){line-height:1.9lh}.Primer_Brand__CTABanner-module__CTABanner-description___pA_Hb.Primer_Brand__CTABanner-module__CTABanner-description___pA_Hb:has(code){line-height:1.25lh}.Primer_Brand__CTABanner-module__CTABanner-buttonGroup___5SMyK{margin-block-start:0;margin-block-start:calc(-1 * var(--CTABanner-content-gap,0px));padding-block-start:var(--base-size-12)}

package/esm/CTABanner/CTABanner.module.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './CTABanner.module-DZUT186Y.css';var e = {
+import './CTABanner.module-CDLOww8c.css';var e = {
 	CTABanner: "Primer_Brand__CTABanner-module__CTABanner___osRag",
 	"CTABanner--shadow": "Primer_Brand__CTABanner-module__CTABanner--shadow___bUnyT",
 	"CTABanner-grid": "Primer_Brand__CTABanner-module__CTABanner-grid___Hm5rQ",

package/esm/CTABanner/CTABanner.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CTABanner.module.js","names":[],"sources":["../../src/CTABanner/CTABanner.module.css"],"sourcesContent":[".CTABanner {\n position: relative;\n margin: 0 auto;\n display: flex;\n max-width: var(--brand-breakpoint-xlarge);\n width: 100%;\n}\n\n.CTABanner--shadow::before {\n content: '';\n position: absolute;\n inset: var(--base-size-16);\n filter: blur(var(--base-size-96));\n transform: translateZ(0);\n background: linear-gradient(\n to right,\n var(--brand-CTABanner-shadow-color-start),\n var(--brand-CTABanner-shadow-color-end)\n );\n}\n\n.CTABanner-grid {\n row-gap: 0;\n --brand-Grid-spacing-row: 0;\n padding-inline: 0;\n}\n\n.CTABanner-grid-column--primary {\n display: flex;\n align-items: center;\n}\n\n.CTABanner-grid-column--secondary {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.CTABanner--variant-minimal .CTABanner-grid-column--secondary {\n justify-content: flex-end;\n}\n\n.CTABanner--variant-balanced .CTABanner-grid-column--secondary {\n justify-content: flex-start;\n}\n\n@media screen and (min-width: 63.25rem) {\n .CTABanner--variant-balanced .CTABanner-grid-column--secondary {\n justify-content: flex-end;\n }\n}\n\n/* Stack on narrow viewports /\n@media screen and (max-width: 63.24rem) {\n .CTABanner--variant-minimal .CTABanner-grid-column--secondary {\n justify-content: flex-start;\n }\n\n .CTABanner--variant-balanced .CTABanner-grid-column--secondary {\n order: -1;\n margin-block-start: 0;\n }\n\n .CTABanner--variant-balanced .CTABanner-grid-column--primary {\n margin-block-start: var(--base-size-24);\n }\n\n .CTABanner-grid-column--secondary {\n margin-block-start: var(--base-size-24);\n }\n}\n\n.CTABanner-outer-container--border {\n border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.CTABanner-container {\n padding: var(--base-size-64) var(--base-size-20);\n z-index: 1;\n width: 100%;\n box-sizing: border-box;\n}\n\n.CTABanner-container--rounded {\n border-radius: var(--brand-borderRadius-medium);\n}\n\n.CTABanner--variant-balanced .CTABanner-container {\n padding-inline: var(--base-size-20);\n padding-block: var(--base-size-32);\n}\n\n.CTABanner--variant-minimal .CTABanner-container {\n padding-inline: var(--base-size-20);\n padding-block: var(--base-size-40);\n}\n\n.CTABanner-content {\n --CTABanner-content-gap: var(--base-size-16);\n display: flex;\n flex-direction: column;\n gap: var(--CTABanner-content-gap);\n align-items: flex-start;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.CTABanner--variant-minimal .CTABanner-content {\n --CTABanner-content-gap: 0;\n}\n\n.CTABanner--variant-balanced .CTABanner-content,\n.CTABanner--variant-minimal .CTABanner-content {\n max-width: 576px;\n margin: 0;\n}\n\n.CTABanner-container--background {\n background-repeat: no-repeat;\n background-color: var(--brand-CTABanner-bgColor);\n background-image: var(--brand-CTABanner-narrow-background-image-src, var(--brand-CTABanner-background-image-src));\n background-size: var(--brand-CTABanner-narrow-background-image-size, var(--brand-CTABanner-background-image-size));\n\n background-position: var(\n --brand-CTABanner-narrow-background-image-position,\n var(--brand-CTABanner-background-image-position, center)\n );\n}\n\n.CTABanner-container--border {\n border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.CTABanner-container--border-gridlines {\n border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n margin-inline: auto;\n max-width: 534px; / To match tablet for river /\n}\n\n.CTABanner-content--center {\n align-items: center;\n text-align: center;\n}\n\n.CTABanner-description {\n margin-bottom: var(--base-size-16);\n}\n\n/ Medium breakpoint and up /\n@media screen and (min-width: 48rem) {\n .CTABanner-container {\n padding: var(--base-size-80) var(--base-size-36);\n }\n\n .CTABanner--variant-balanced .CTABanner-container {\n padding: var(--base-size-36);\n padding-block-end: var(--base-size-48);\n }\n\n .CTABanner--variant-minimal .CTABanner-container {\n padding: var(--base-size-36);\n padding-block: var(--base-size-48);\n }\n\n .CTABanner-container--background {\n background-color: var(--brand-CTABanner-regular-background-color, var(--brand-CTABanner-background-color));\n background-image: var(--brand-CTABanner-regular-background-image-src, var(--brand-CTABanner-background-image-src));\n background-size: var(--brand-CTABanner-regular-background-image-size, var(--brand-CTABanner-background-image-size));\n background-position: var(\n --brand-CTABanner-regular-background-image-position,\n var(--brand-CTABanner-background-image-position)\n );\n }\n}\n\n/ Large breakpoint and up /\n@media screen and (min-width: 63.25rem) {\n .CTABanner--variant-balanced .CTABanner-content {\n --CTABanner-content-gap: var(--base-size-32);\n }\n .CTABanner-container {\n padding: var(--base-size-96) var(--base-size-64);\n max-width: 100%;\n }\n\n .CTABanner--variant-balanced .CTABanner-container {\n padding: var(--base-size-64);\n }\n\n .CTABanner--variant-minimal .CTABanner-container {\n padding: var(--base-size-64);\n }\n}\n\n/ Wide /\n@media screen and (min-width: 80rem) {\n .CTABanner-container--background {\n background-color: var(--brand-CTABanner-wide-background-color, var(--brand-CTABanner-background-color));\n background-image: var(--brand-CTABanner-wide-background-image-src, var(--brand-CTABanner-background-image-src));\n background-size: var(--brand-CTABanner-wide-background-image-size, var(--brand-CTABanner-background-image-size));\n\n background-position: var(\n --brand-CTABanner-wide-background-image-position,\n var(--brand-CTABanner-background-image-position)\n );\n }\n}\n\n.CTABanner-image {\n width: 100%;\n height: auto;\n}\n\n.CTABanner--variant-balanced .CTABanner-image {\n max-width: 476px;\n width: 100%;\n height: auto;\n}\n\n@media screen and (min-width: 63.25rem) {\n .CTABanner--variant-balanced .CTABanner-image {\n max-width: 100%;\n height: auto;\n }\n\n .CTABanner--variant-balanced .CTABanner-grid-column--primary:has(.CTABanner-logo) {\n align-items: stretch;\n }\n\n .CTABanner--variant-balanced .CTABanner-grid-column--primary:has(.CTABanner-logo) > .CTABanner-content {\n flex: 1;\n }\n\n .CTABanner--variant-balanced .CTABanner-content:has(> .CTABanner-logo) > .CTABanner-logo + {\n margin-block-start: auto;\n }\n}\n\n.CTABanner-logo {\n display: flex;\n align-items: center;\n gap: var(--base-size-8);\n width: 100%;\n padding-block-end: var(--base-size-32);\n border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.CTABanner-logo > svg,\n.CTABanner-logo > img {\n height: var(--base-size-40);\n width: auto;\n display: block;\n}\n\n.CTABanner--variant-default .CTABanner-logo {\n width: auto;\n padding-block-end: 0;\n border-block-end: none;\n}\n\n.CTABanner--variant-minimal .CTABanner-logo {\n margin-block-end: var(--base-size-24);\n}\n\n.CTABanner-link {\n align-self: auto;\n}\n\n/\n We use a custom token here because text-emphasized doesn't reach 4.5 contrast\n * against the default banner bgColor in light mode.\n /\n.CTABanner-heading b {\n color: var(--brand-CTABanner-color-heading-emphasis);\n font-weight: inherit;\n}\n\n.CTABanner-heading code,\n.CTABanner-description code {\n font-size: inherit;\n font-family: var(--brand-fontStack-monospace);\n background-color: var(--brand-color-canvas-default);\n padding: 0 var(--base-size-4) 0;\n margin-inline: var(--base-size-2);\n border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n border-radius: var(--brand-borderRadius-small);\n box-shadow: var(--brand-borderWidth-thin) var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-default);\n}\n\n.CTABanner--bgColor-default .CTABanner-heading code,\n.CTABanner--bgColor-default .CTABanner-description code {\n background-color: var(--brand-color-canvas-subtle);\n}\n\n.CTABanner-description code {\n padding: 0 var(--base-size-4) 0;\n}\n\n.CTABanner-heading.CTABanner-heading:has(code) {\n line-height: calc(1lh 2);\n}\n\n@media screen and (min-width: 63.25rem) {\n .CTABanner--variant-balanced .CTABanner-heading.CTABanner-heading:has(code) {\n line-height: calc(1lh * 2.8);\n }\n}\n\n.CTABanner--variant-minimal .CTABanner-heading.CTABanner-heading:has(code) {\n line-height: calc(1lh * 1.9);\n}\n\n.CTABanner-description.CTABanner-description:has(code) {\n line-height: calc(1lh * 1.25);\n}\n\n.CTABanner-buttonGroup {\n margin-block-start: calc(-1 * var(--CTABanner-content-gap, 0px));\n padding-block-start: var(--base-size-12);\n}\n"],"mappings":""}
1	+ {"version":3,"file":"CTABanner.module.js","names":[],"sources":["../../src/CTABanner/CTABanner.module.css"],"sourcesContent":[".CTABanner {\n position: relative;\n margin: 0 auto;\n display: flex;\n max-width: var(--brand-breakpoint-xlarge);\n width: 100%;\n}\n\n.CTABanner--shadow::before {\n content: '';\n position: absolute;\n inset: var(--base-size-16);\n filter: blur(var(--base-size-96));\n transform: translateZ(0);\n background: linear-gradient(\n to right,\n var(--brand-CTABanner-shadow-color-start),\n var(--brand-CTABanner-shadow-color-end)\n );\n}\n\n.CTABanner-grid {\n row-gap: 0;\n --brand-Grid-spacing-row: 0;\n padding-inline: 0;\n}\n\n.CTABanner-grid-column--primary {\n display: flex;\n align-items: center;\n}\n\n.CTABanner-grid-column--secondary {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.CTABanner--variant-minimal .CTABanner-grid-column--secondary {\n justify-content: flex-end;\n}\n\n.CTABanner--variant-balanced .CTABanner-grid-column--secondary {\n justify-content: flex-start;\n}\n\n@media screen and (min-width: 63.25rem) {\n .CTABanner--variant-balanced .CTABanner-grid-column--secondary {\n justify-content: flex-end;\n }\n}\n\n/* Stack on narrow viewports /\n@media screen and (max-width: 63.24rem) {\n .CTABanner--variant-minimal .CTABanner-grid-column--secondary {\n justify-content: flex-start;\n }\n\n .CTABanner--variant-balanced .CTABanner-grid-column--secondary {\n order: -1;\n margin-block-start: 0;\n }\n\n .CTABanner--variant-balanced .CTABanner-grid-column--primary {\n margin-block-start: var(--base-size-24);\n }\n\n .CTABanner-grid-column--secondary {\n margin-block-start: var(--base-size-24);\n }\n}\n\n.CTABanner-outer-container--border {\n border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.CTABanner-container {\n padding: var(--base-size-64) var(--base-size-20);\n z-index: 1;\n width: 100%;\n box-sizing: border-box;\n}\n\n.CTABanner-container--rounded {\n border-radius: var(--brand-borderRadius-medium);\n}\n\n.CTABanner--variant-balanced .CTABanner-container {\n padding-inline: var(--base-size-20);\n padding-block: var(--base-size-32);\n}\n\n.CTABanner--variant-minimal .CTABanner-container {\n padding-inline: var(--base-size-20);\n padding-block: var(--base-size-40);\n}\n\n.CTABanner-content {\n --CTABanner-content-gap: var(--base-size-16);\n display: flex;\n flex-direction: column;\n gap: var(--CTABanner-content-gap);\n align-items: flex-start;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.CTABanner-content :is(img, picture) {\n display: block;\n}\n\n.CTABanner--variant-minimal .CTABanner-content {\n --CTABanner-content-gap: 0;\n}\n\n.CTABanner--variant-balanced .CTABanner-content,\n.CTABanner--variant-minimal .CTABanner-content {\n max-width: 576px;\n margin: 0;\n}\n\n.CTABanner-container--background {\n background-repeat: no-repeat;\n background-color: var(--brand-CTABanner-bgColor);\n background-image: var(--brand-CTABanner-narrow-background-image-src, var(--brand-CTABanner-background-image-src));\n background-size: var(--brand-CTABanner-narrow-background-image-size, var(--brand-CTABanner-background-image-size));\n\n background-position: var(\n --brand-CTABanner-narrow-background-image-position,\n var(--brand-CTABanner-background-image-position, center)\n );\n}\n\n.CTABanner-container--border {\n border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.CTABanner-container--border-gridlines {\n border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n margin-inline: auto;\n max-width: 534px; / To match tablet for river /\n}\n\n.CTABanner-content--center {\n align-items: center;\n text-align: center;\n}\n\n.CTABanner-description {\n margin-bottom: var(--base-size-16);\n}\n\n/ Medium breakpoint and up /\n@media screen and (min-width: 48rem) {\n .CTABanner-container {\n padding: var(--base-size-80) var(--base-size-36);\n }\n\n .CTABanner--variant-balanced .CTABanner-container {\n padding: var(--base-size-36);\n padding-block-end: var(--base-size-48);\n }\n\n .CTABanner--variant-minimal .CTABanner-container {\n padding: var(--base-size-36);\n padding-block: var(--base-size-48);\n }\n\n .CTABanner-container--background {\n background-color: var(--brand-CTABanner-regular-background-color, var(--brand-CTABanner-background-color));\n background-image: var(--brand-CTABanner-regular-background-image-src, var(--brand-CTABanner-background-image-src));\n background-size: var(--brand-CTABanner-regular-background-image-size, var(--brand-CTABanner-background-image-size));\n background-position: var(\n --brand-CTABanner-regular-background-image-position,\n var(--brand-CTABanner-background-image-position)\n );\n }\n}\n\n/ Large breakpoint and up /\n@media screen and (min-width: 63.25rem) {\n .CTABanner--variant-balanced .CTABanner-content {\n --CTABanner-content-gap: var(--base-size-32);\n }\n .CTABanner-container {\n padding: var(--base-size-96) var(--base-size-64);\n max-width: 100%;\n }\n\n .CTABanner--variant-balanced .CTABanner-container {\n padding: var(--base-size-64);\n }\n\n .CTABanner--variant-minimal .CTABanner-container {\n padding: var(--base-size-64);\n }\n}\n\n/ Wide /\n@media screen and (min-width: 80rem) {\n .CTABanner-container--background {\n background-color: var(--brand-CTABanner-wide-background-color, var(--brand-CTABanner-background-color));\n background-image: var(--brand-CTABanner-wide-background-image-src, var(--brand-CTABanner-background-image-src));\n background-size: var(--brand-CTABanner-wide-background-image-size, var(--brand-CTABanner-background-image-size));\n\n background-position: var(\n --brand-CTABanner-wide-background-image-position,\n var(--brand-CTABanner-background-image-position)\n );\n }\n}\n\n.CTABanner-image {\n width: 100%;\n height: auto;\n}\n\n.CTABanner--variant-balanced .CTABanner-image {\n max-width: 476px;\n width: 100%;\n height: auto;\n}\n\n@media screen and (min-width: 63.25rem) {\n .CTABanner--variant-balanced .CTABanner-image {\n max-width: 100%;\n height: auto;\n }\n\n .CTABanner--variant-balanced .CTABanner-grid-column--primary:has(.CTABanner-logo) {\n align-items: stretch;\n }\n\n .CTABanner--variant-balanced .CTABanner-grid-column--primary:has(.CTABanner-logo) > .CTABanner-content {\n flex: 1;\n }\n\n .CTABanner--variant-balanced .CTABanner-content:has(> .CTABanner-logo) > .CTABanner-logo + {\n margin-block-start: auto;\n }\n}\n\n.CTABanner-logo {\n display: flex;\n align-items: center;\n gap: var(--base-size-8);\n width: 100%;\n padding-block-end: var(--base-size-32);\n border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.CTABanner-logo > svg,\n.CTABanner-logo > img {\n height: var(--base-size-40);\n width: auto;\n display: block;\n}\n\n.CTABanner--variant-default .CTABanner-logo {\n width: auto;\n padding-block-end: 0;\n border-block-end: none;\n}\n\n.CTABanner--variant-minimal .CTABanner-logo {\n margin-block-end: var(--base-size-24);\n}\n\n.CTABanner-link {\n align-self: auto;\n}\n\n/\n We use a custom token here because text-emphasized doesn't reach 4.5 contrast\n * against the default banner bgColor in light mode.\n /\n.CTABanner-heading b {\n color: var(--brand-CTABanner-color-heading-emphasis);\n font-weight: inherit;\n}\n\n.CTABanner-heading code,\n.CTABanner-description code {\n font-size: inherit;\n font-family: var(--brand-fontStack-monospace);\n background-color: var(--brand-color-canvas-default);\n padding: 0 var(--base-size-4) 0;\n margin-inline: var(--base-size-2);\n border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n border-radius: var(--brand-borderRadius-small);\n box-shadow: var(--brand-borderWidth-thin) var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-default);\n}\n\n.CTABanner--bgColor-default .CTABanner-heading code,\n.CTABanner--bgColor-default .CTABanner-description code {\n background-color: var(--brand-color-canvas-subtle);\n}\n\n.CTABanner-description code {\n padding: 0 var(--base-size-4) 0;\n}\n\n.CTABanner-heading.CTABanner-heading:has(code) {\n line-height: calc(1lh 2);\n}\n\n@media screen and (min-width: 63.25rem) {\n .CTABanner--variant-balanced .CTABanner-heading.CTABanner-heading:has(code) {\n line-height: calc(1lh * 2.8);\n }\n}\n\n.CTABanner--variant-minimal .CTABanner-heading.CTABanner-heading:has(code) {\n line-height: calc(1lh * 1.9);\n}\n\n.CTABanner-description.CTABanner-description:has(code) {\n line-height: calc(1lh * 1.25);\n}\n\n.CTABanner-buttonGroup {\n margin-block-start: calc(-1 * var(--CTABanner-content-gap, 0px));\n padding-block-start: var(--base-size-12);\n}\n"],"mappings":""}

package/esm/EyebrowBanner/EyebrowBanner.module-DYeTmaU9.css ADDED Viewed

@@ -0,0 +1 @@

+ .Primer_Brand__EyebrowBanner-module__EyebrowBanner___l0pH9{background:var(--brand-Eyebrowbanner-bgColor-rest);border:var(--brand-borderWidth-thin) solid var(--brand-Eyebrowbanner-borderColor-rest);padding:var(--brand-EyebrowBanner-spacing-inner-block) var(--brand-EyebrowBanner-spacing-inner-inline);border-radius:var(--brand-EyebrowBanner-borderRadius);align-self:flex-start;-webkit-text-decoration:none;text-decoration:none;display:inline-block}.Primer_Brand__EyebrowBanner-module__EyebrowBanner___l0pH9:hover{-webkit-text-decoration:none!important;text-decoration:none!important}.Primer_Brand__EyebrowBanner-module__EyebrowBanner___l0pH9:focus-visible{outline:var(--base-size-4) solid var(--brand-color-focus);outline-offset:2px;transition:none}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__inner___FT9Za{align-items:center;display:flex}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__headings___uqjq6{text-align:start;margin-inline-start:var(--brand-EyebrowBanner-spacing-inner-inline)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingVisual___jOHo0{display:flex}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingVisual___jOHo0 img,.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingVisual___jOHo0 picture,.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingVisual___jOHo0 svg{height:var(--base-size-44);width:auto;max-width:var(--base-size-44);max-height:var(--base-size-44)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingVisual___jOHo0 img,.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingVisual___jOHo0 picture{display:block}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__trailingVisual___GOWPn{display:flex}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__trailingVisual-icon___RR5Q9{color:var(--brand-color-text-default);fill:var(--brand-color-text-default);margin-inline-start:var(--base-size-20)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel___2iKJT{font-family:var(--brand-body-fontFamily);font-weight:var(--base-text-weight-medium);font-size:var(--brand-EyebrowBanner-label-size);letter-spacing:var(--brand-text-letterSpacing-200);background:linear-gradient(92deg, var(--brand-EyebrowBanner-leadingLabel-color-start,var(--brand-Eyebrowbanner-fgColor-default-start)) 12.09%, var(--brand-EyebrowBanner-leadingLabel-color-middle,var(--brand-Eyebrowbanner-fgColor-default-middle)) 42.58%, var(--brand-EyebrowBanner-leadingLabel-color-end,var(--brand-Eyebrowbanner-fgColor-default-end)) 84.96%);text-transform:uppercase;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:1em;display:flex}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-blue___Q75Z_{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-blue);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-blue);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-blue)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-blue-purple___u3vdi{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-blue-purple-start);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-blue-purple-end);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-blue-purple-end)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-coral___n4YIN{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-coral);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-coral);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-coral)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-green___0psyZ{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-green);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-green);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-green)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-green-blue___S87oT{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-green-blue-start);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-green-blue-start);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-green-blue-end)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-gray___Ul8s0{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-gray);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-gray);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-gray)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-indigo___RkbmO{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-indigo);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-indigo);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-indigo)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-lemon___Rt5d0{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-lemon);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-lemon);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-lemon)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-lime___mUr8N{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-lime);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-lime);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-lime)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-orange___5icAs{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-orange);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-orange);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-orange)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-pink___46hPx{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-pink);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-pink);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-pink)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-pink-blue___iU5FD{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-pink-blue-start);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-pink-blue-start);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-pink-blue-end)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-purple___hVcG_{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-purple);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-purple);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-purple)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-purple-red___sGvEM{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-purple-red-start);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-purple-red-start);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-purple-red-end)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-red___e5Zlr{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-red);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-red);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-red)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-red-orange___tNfqQ{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-red-orange-start);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-red-orange-start);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-red-orange-end)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-teal___sHwEi{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-teal);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-teal);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-teal)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-yellow___NED2T{--brand-EyebrowBanner-leadingLabel-color-start:var(--brand-Eyebrowbanner-fgColor-yellow);--brand-EyebrowBanner-leadingLabel-color-middle:var(--brand-Eyebrowbanner-fgColor-yellow);--brand-EyebrowBanner-leadingLabel-color-end:var(--brand-Eyebrowbanner-fgColor-yellow)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__heading___pV18r{color:var(--brand-Eyebrowbanner-heading-fgColor);font-size:var(--brand-EyebrowBanner-heading-size);display:block}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__subHeading___j_Pgs{color:var(--brand-Eyebrowbanner-subHeading-fgColor);font-size:var(--brand-EyebrowBanner-subHeading-size);display:block}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___8JXiE{width:var(--base-size-44);height:var(--base-size-44);border-radius:50%;justify-content:center;align-items:center;display:flex}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon___0DNEo svg{width:var(--base-size-20);height:var(--base-size-20)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-default___AHn0V{color:var(--brand-color-text-default)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-default___AHn0V.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___8JXiE{background-color:var(--brand-Eyebrowbanner-icon-background-default)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-blue___4OskO{color:var(--brand-Eyebrowbanner-fgColor-blue)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-blue___4OskO.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___8JXiE{background-color:var(--brand-Eyebrowbanner-icon-background-blue)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-coral___T_46y{color:var(--brand-Eyebrowbanner-fgColor-coral)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-coral___T_46y.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___8JXiE{background-color:var(--brand-Eyebrowbanner-icon-background-coral)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-green____I53I{color:var(--brand-Eyebrowbanner-fgColor-green)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-green____I53I.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___8JXiE{background-color:var(--brand-Eyebrowbanner-icon-background-green)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-gray___xzgSs{color:var(--brand-Eyebrowbanner-fgColor-gray)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-gray___xzgSs.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___8JXiE{background-color:var(--brand-Eyebrowbanner-icon-background-gray)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-indigo___WxuK_{color:var(--brand-Eyebrowbanner-fgColor-indigo)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-indigo___WxuK_.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___8JXiE{background-color:var(--brand-Eyebrowbanner-icon-background-indigo)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-lemon____AfWK{color:var(--brand-Eyebrowbanner-fgColor-lemon)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-lemon____AfWK.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___8JXiE{background-color:var(--brand-Eyebrowbanner-icon-background-lemon)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-lime___dSzH6{color:var(--brand-Eyebrowbanner-fgColor-lime)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-lime___dSzH6.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___8JXiE{background-color:var(--brand-Eyebrowbanner-icon-background-lime)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-orange___z7Hxt{color:var(--brand-Eyebrowbanner-fgColor-orange)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-orange___z7Hxt.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___8JXiE{background-color:var(--brand-Eyebrowbanner-icon-background-orange)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-pink___MUkAV{color:var(--brand-Eyebrowbanner-fgColor-pink)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-pink___MUkAV.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___8JXiE{background-color:var(--brand-Eyebrowbanner-icon-background-pink)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-purple___eX4cj{color:var(--brand-Eyebrowbanner-fgColor-purple)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-purple___eX4cj.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___8JXiE{background-color:var(--brand-Eyebrowbanner-icon-background-purple)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-red____md9b{color:var(--brand-Eyebrowbanner-fgColor-red)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-red____md9b.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___8JXiE{background-color:var(--brand-Eyebrowbanner-icon-background-red)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-teal____Mv2F{color:var(--brand-Eyebrowbanner-fgColor-teal)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-teal____Mv2F.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___8JXiE{background-color:var(--brand-Eyebrowbanner-icon-background-teal)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-yellow___oVyB6{color:var(--brand-Eyebrowbanner-fgColor-yellow)}.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-yellow___oVyB6.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___8JXiE{background-color:var(--brand-Eyebrowbanner-icon-background-yellow)}@media (prefers-reduced-motion:reduce){.Primer_Brand__EyebrowBanner-module__EyebrowBanner___l0pH9,.Primer_Brand__EyebrowBanner-module__EyebrowBanner___l0pH9:before,.Primer_Brand__EyebrowBanner-module__EyebrowBanner___l0pH9:after,.Primer_Brand__EyebrowBanner-module__EyebrowBanner___l0pH9 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

package/esm/EyebrowBanner/EyebrowBanner.module.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './EyebrowBanner.module-C8hfGfYx.css';var e = {
+import './EyebrowBanner.module-DYeTmaU9.css';var e = {
 	EyebrowBanner: "Primer_Brand__EyebrowBanner-module__EyebrowBanner___l0pH9",
 	EyebrowBanner__inner: "Primer_Brand__EyebrowBanner-module__EyebrowBanner__inner___FT9Za",
 	EyebrowBanner__headings: "Primer_Brand__EyebrowBanner-module__EyebrowBanner__headings___uqjq6",

package/esm/EyebrowBanner/EyebrowBanner.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EyebrowBanner.module.js","names":[],"sources":["../../src/EyebrowBanner/EyebrowBanner.module.css"],"sourcesContent":[".EyebrowBanner {\n display: inline-block;\n align-self: flex-start;\n text-decoration: none;\n background: var(--brand-Eyebrowbanner-bgColor-rest);\n border: var(--brand-borderWidth-thin) solid var(--brand-Eyebrowbanner-borderColor-rest);\n padding: var(--brand-EyebrowBanner-spacing-inner-block) var(--brand-EyebrowBanner-spacing-inner-inline);\n border-radius: var(--brand-EyebrowBanner-borderRadius);\n}\n\n.EyebrowBanner:hover {\n text-decoration: none !important; /* Required to override dotcom default /\n}\n\n.EyebrowBanner:focus-visible {\n transition: none;\n outline: var(--base-size-4) solid var(--brand-color-focus);\n outline-offset: 2px;\n}\n\n.EyebrowBanner__inner {\n display: flex;\n align-items: center;\n}\n\n.EyebrowBanner__headings {\n margin-inline-start: var(--brand-EyebrowBanner-spacing-inner-inline);\n text-align: start;\n}\n\n.EyebrowBanner__leadingVisual {\n display: flex;\n}\n\n.EyebrowBanner__leadingVisual img,\n.EyebrowBanner__leadingVisual picture,\n.EyebrowBanner__leadingVisual svg {\n height: var(--base-size-44);\n width: auto;\n max-width: var(--base-size-44);\n max-height: var(--base-size-44);\n}\n\n.EyebrowBanner__trailingVisual {\n display: flex;\n}\n\n.EyebrowBanner__trailingVisual-icon {\n margin-inline-start: var(--base-size-20);\n color: var(--brand-color-text-default);\n}\n\n.EyebrowBanner__trailingVisual-icon {\n fill: var(--brand-color-text-default);\n}\n\n.EyebrowBanner__leadingLabel {\n display: flex;\n font-family: var(--brand-body-fontFamily);\n font-weight: var(--base-text-weight-medium);\n font-size: var(--brand-EyebrowBanner-label-size);\n line-height: 1em; / for optical alignment /\n letter-spacing: var(--brand-text-letterSpacing-200);\n background: linear-gradient(\n 92deg,\n var(--brand-EyebrowBanner-leadingLabel-color-start, var(--brand-Eyebrowbanner-fgColor-default-start)) 12.09%,\n var(--brand-EyebrowBanner-leadingLabel-color-middle, var(--brand-Eyebrowbanner-fgColor-default-middle)) 42.58%,\n var(--brand-EyebrowBanner-leadingLabel-color-end, var(--brand-Eyebrowbanner-fgColor-default-end)) 84.96%\n );\n text-transform: uppercase;\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n\n.EyebrowBanner__leadingLabel--color-blue {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-blue);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-blue);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-blue);\n}\n\n.EyebrowBanner__leadingLabel--color-blue-purple {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-blue-purple-start);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-blue-purple-end);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-blue-purple-end);\n}\n\n.EyebrowBanner__leadingLabel--color-coral {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-coral);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-coral);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-coral);\n}\n\n.EyebrowBanner__leadingLabel--color-green {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-green);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-green);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-green);\n}\n\n.EyebrowBanner__leadingLabel--color-green-blue {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-green-blue-start);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-green-blue-start);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-green-blue-end);\n}\n\n.EyebrowBanner__leadingLabel--color-gray {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-gray);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-gray);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-gray);\n}\n\n.EyebrowBanner__leadingLabel--color-indigo {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-indigo);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-indigo);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-indigo);\n}\n\n.EyebrowBanner__leadingLabel--color-lemon {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-lemon);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-lemon);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-lemon);\n}\n\n.EyebrowBanner__leadingLabel--color-lime {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-lime);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-lime);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-lime);\n}\n\n.EyebrowBanner__leadingLabel--color-orange {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-orange);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-orange);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-orange);\n}\n\n.EyebrowBanner__leadingLabel--color-pink {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-pink);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-pink);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-pink);\n}\n\n.EyebrowBanner__leadingLabel--color-pink-blue {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-pink-blue-start);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-pink-blue-start);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-pink-blue-end);\n}\n\n.EyebrowBanner__leadingLabel--color-purple {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-purple);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-purple);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-purple);\n}\n\n.EyebrowBanner__leadingLabel--color-purple-red {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-purple-red-start);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-purple-red-start);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-purple-red-end);\n}\n\n.EyebrowBanner__leadingLabel--color-red {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-red);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-red);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-red);\n}\n\n.EyebrowBanner__leadingLabel--color-red-orange {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-red-orange-start);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-red-orange-start);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-red-orange-end);\n}\n\n.EyebrowBanner__leadingLabel--color-teal {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-teal);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-teal);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-teal);\n}\n\n.EyebrowBanner__leadingLabel--color-yellow {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-yellow);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-yellow);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-yellow);\n}\n\n.EyebrowBanner__heading {\n display: block;\n color: var(--brand-Eyebrowbanner-heading-fgColor);\n font-size: var(--brand-EyebrowBanner-heading-size);\n}\n\n.EyebrowBanner__subHeading {\n display: block;\n color: var(--brand-Eyebrowbanner-subHeading-fgColor);\n font-size: var(--brand-EyebrowBanner-subHeading-size);\n}\n\n.EyebrowBanner__icon--badge {\n width: var(--base-size-44);\n height: var(--base-size-44);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.EyebrowBanner__icon svg {\n width: var(--base-size-20);\n height: var(--base-size-20);\n}\n\n.EyebrowBanner__icon--color-default {\n color: var(--brand-color-text-default);\n}\n\n.EyebrowBanner__icon--color-default.EyebrowBanner__icon--badge {\n background-color: var(--brand-Eyebrowbanner-icon-background-default);\n}\n\n.EyebrowBanner__icon--color-blue {\n color: var(--brand-Eyebrowbanner-fgColor-blue);\n}\n\n.EyebrowBanner__icon--color-blue.EyebrowBanner__icon--badge {\n background-color: var(--brand-Eyebrowbanner-icon-background-blue);\n}\n\n.EyebrowBanner__icon--color-coral {\n color: var(--brand-Eyebrowbanner-fgColor-coral);\n}\n\n.EyebrowBanner__icon--color-coral.EyebrowBanner__icon--badge {\n background-color: var(--brand-Eyebrowbanner-icon-background-coral);\n}\n\n.EyebrowBanner__icon--color-green {\n color: var(--brand-Eyebrowbanner-fgColor-green);\n}\n\n.EyebrowBanner__icon--color-green.EyebrowBanner__icon--badge {\n background-color: var(--brand-Eyebrowbanner-icon-background-green);\n}\n\n.EyebrowBanner__icon--color-gray {\n color: var(--brand-Eyebrowbanner-fgColor-gray);\n}\n\n.EyebrowBanner__icon--color-gray.EyebrowBanner__icon--badge {\n background-color: var(--brand-Eyebrowbanner-icon-background-gray);\n}\n\n.EyebrowBanner__icon--color-indigo {\n color: var(--brand-Eyebrowbanner-fgColor-indigo);\n}\n\n.EyebrowBanner__icon--color-indigo.EyebrowBanner__icon--badge {\n background-color: var(--brand-Eyebrowbanner-icon-background-indigo);\n}\n\n.EyebrowBanner__icon--color-lemon {\n color: var(--brand-Eyebrowbanner-fgColor-lemon);\n}\n\n.EyebrowBanner__icon--color-lemon.EyebrowBanner__icon--badge {\n background-color: var(--brand-Eyebrowbanner-icon-background-lemon);\n}\n\n.EyebrowBanner__icon--color-lime {\n color: var(--brand-Eyebrowbanner-fgColor-lime);\n}\n\n.EyebrowBanner__icon--color-lime.EyebrowBanner__icon--badge {\n background-color: var(--brand-Eyebrowbanner-icon-background-lime);\n}\n\n.EyebrowBanner__icon--color-orange {\n color: var(--brand-Eyebrowbanner-fgColor-orange);\n}\n\n.EyebrowBanner__icon--color-orange.EyebrowBanner__icon--badge {\n background-color: var(--brand-Eyebrowbanner-icon-background-orange);\n}\n\n.EyebrowBanner__icon--color-pink {\n color: var(--brand-Eyebrowbanner-fgColor-pink);\n}\n\n.EyebrowBanner__icon--color-pink.EyebrowBanner__icon--badge {\n background-color: var(--brand-Eyebrowbanner-icon-background-pink);\n}\n\n.EyebrowBanner__icon--color-purple {\n color: var(--brand-Eyebrowbanner-fgColor-purple);\n}\n\n.EyebrowBanner__icon--color-purple.EyebrowBanner__icon--badge {\n background-color: var(--brand-Eyebrowbanner-icon-background-purple);\n}\n\n.EyebrowBanner__icon--color-red {\n color: var(--brand-Eyebrowbanner-fgColor-red);\n}\n\n.EyebrowBanner__icon--color-red.EyebrowBanner__icon--badge {\n background-color: var(--brand-Eyebrowbanner-icon-background-red);\n}\n\n.EyebrowBanner__icon--color-teal {\n color: var(--brand-Eyebrowbanner-fgColor-teal);\n}\n\n.EyebrowBanner__icon--color-teal.EyebrowBanner__icon--badge {\n background-color: var(--brand-Eyebrowbanner-icon-background-teal);\n}\n\n.EyebrowBanner__icon--color-yellow {\n color: var(--brand-Eyebrowbanner-fgColor-yellow);\n}\n\n.EyebrowBanner__icon--color-yellow.EyebrowBanner__icon--badge {\n background-color: var(--brand-Eyebrowbanner-icon-background-yellow);\n}\n\n/ Remove all animations, transitions and smooth scroll for people that prefer not to see them /\n@media (prefers-reduced-motion: reduce) {\n .EyebrowBanner,\n .EyebrowBanner::before,\n .EyebrowBanner::after,\n .EyebrowBanner {\n animation: none !important;\n transition: none !important;\n scroll-behavior: auto !important;\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"EyebrowBanner.module.js","names":[],"sources":["../../src/EyebrowBanner/EyebrowBanner.module.css"],"sourcesContent":[".EyebrowBanner {\n display: inline-block;\n align-self: flex-start;\n text-decoration: none;\n background: var(--brand-Eyebrowbanner-bgColor-rest);\n border: var(--brand-borderWidth-thin) solid var(--brand-Eyebrowbanner-borderColor-rest);\n padding: var(--brand-EyebrowBanner-spacing-inner-block) var(--brand-EyebrowBanner-spacing-inner-inline);\n border-radius: var(--brand-EyebrowBanner-borderRadius);\n}\n\n.EyebrowBanner:hover {\n text-decoration: none !important; /* Required to override dotcom default /\n}\n\n.EyebrowBanner:focus-visible {\n transition: none;\n outline: var(--base-size-4) solid var(--brand-color-focus);\n outline-offset: 2px;\n}\n\n.EyebrowBanner__inner {\n display: flex;\n align-items: center;\n}\n\n.EyebrowBanner__headings {\n margin-inline-start: var(--brand-EyebrowBanner-spacing-inner-inline);\n text-align: start;\n}\n\n.EyebrowBanner__leadingVisual {\n display: flex;\n}\n\n.EyebrowBanner__leadingVisual img,\n.EyebrowBanner__leadingVisual picture,\n.EyebrowBanner__leadingVisual svg {\n height: var(--base-size-44);\n width: auto;\n max-width: var(--base-size-44);\n max-height: var(--base-size-44);\n}\n\n.EyebrowBanner__leadingVisual img,\n.EyebrowBanner__leadingVisual picture {\n display: block;\n}\n\n.EyebrowBanner__trailingVisual {\n display: flex;\n}\n\n.EyebrowBanner__trailingVisual-icon {\n margin-inline-start: var(--base-size-20);\n color: var(--brand-color-text-default);\n}\n\n.EyebrowBanner__trailingVisual-icon {\n fill: var(--brand-color-text-default);\n}\n\n.EyebrowBanner__leadingLabel {\n display: flex;\n font-family: var(--brand-body-fontFamily);\n font-weight: var(--base-text-weight-medium);\n font-size: var(--brand-EyebrowBanner-label-size);\n line-height: 1em; / for optical alignment /\n letter-spacing: var(--brand-text-letterSpacing-200);\n background: linear-gradient(\n 92deg,\n var(--brand-EyebrowBanner-leadingLabel-color-start, var(--brand-Eyebrowbanner-fgColor-default-start)) 12.09%,\n var(--brand-EyebrowBanner-leadingLabel-color-middle, var(--brand-Eyebrowbanner-fgColor-default-middle)) 42.58%,\n var(--brand-EyebrowBanner-leadingLabel-color-end, var(--brand-Eyebrowbanner-fgColor-default-end)) 84.96%\n );\n text-transform: uppercase;\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n\n.EyebrowBanner__leadingLabel--color-blue {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-blue);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-blue);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-blue);\n}\n\n.EyebrowBanner__leadingLabel--color-blue-purple {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-blue-purple-start);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-blue-purple-end);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-blue-purple-end);\n}\n\n.EyebrowBanner__leadingLabel--color-coral {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-coral);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-coral);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-coral);\n}\n\n.EyebrowBanner__leadingLabel--color-green {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-green);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-green);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-green);\n}\n\n.EyebrowBanner__leadingLabel--color-green-blue {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-green-blue-start);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-green-blue-start);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-green-blue-end);\n}\n\n.EyebrowBanner__leadingLabel--color-gray {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-gray);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-gray);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-gray);\n}\n\n.EyebrowBanner__leadingLabel--color-indigo {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-indigo);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-indigo);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-indigo);\n}\n\n.EyebrowBanner__leadingLabel--color-lemon {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-lemon);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-lemon);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-lemon);\n}\n\n.EyebrowBanner__leadingLabel--color-lime {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-lime);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-lime);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-lime);\n}\n\n.EyebrowBanner__leadingLabel--color-orange {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-orange);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-orange);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-orange);\n}\n\n.EyebrowBanner__leadingLabel--color-pink {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-pink);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-pink);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-pink);\n}\n\n.EyebrowBanner__leadingLabel--color-pink-blue {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-pink-blue-start);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-pink-blue-start);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-pink-blue-end);\n}\n\n.EyebrowBanner__leadingLabel--color-purple {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-purple);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-purple);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-purple);\n}\n\n.EyebrowBanner__leadingLabel--color-purple-red {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-purple-red-start);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-purple-red-start);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-purple-red-end);\n}\n\n.EyebrowBanner__leadingLabel--color-red {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-red);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-red);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-red);\n}\n\n.EyebrowBanner__leadingLabel--color-red-orange {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-red-orange-start);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-red-orange-start);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-red-orange-end);\n}\n\n.EyebrowBanner__leadingLabel--color-teal {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-teal);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-teal);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-teal);\n}\n\n.EyebrowBanner__leadingLabel--color-yellow {\n --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-yellow);\n --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-yellow);\n --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-yellow);\n}\n\n.EyebrowBanner__heading {\n display: block;\n color: var(--brand-Eyebrowbanner-heading-fgColor);\n font-size: var(--brand-EyebrowBanner-heading-size);\n}\n\n.EyebrowBanner__subHeading {\n display: block;\n color: var(--brand-Eyebrowbanner-subHeading-fgColor);\n font-size: var(--brand-EyebrowBanner-subHeading-size);\n}\n\n.EyebrowBanner__icon--badge {\n width: var(--base-size-44);\n height: var(--base-size-44);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.EyebrowBanner__icon svg {\n width: var(--base-size-20);\n height: var(--base-size-20);\n}\n\n.EyebrowBanner__icon--color-default {\n color: var(--brand-color-text-default);\n}\n\n.EyebrowBanner__icon--color-default.EyebrowBanner__icon--badge {\n background-color: var(--brand-Eyebrowbanner-icon-background-default);\n}\n\n.EyebrowBanner__icon--color-blue {\n color: var(--brand-Eyebrowbanner-fgColor-blue);\n}\n\n.EyebrowBanner__icon--color-blue.EyebrowBanner__icon--badge {\n background-color: var(--brand-Eyebrowbanner-icon-background-blue);\n}\n\n.EyebrowBanner__icon--color-coral {\n color: var(--brand-Eyebrowbanner-fgColor-coral);\n}\n\n.EyebrowBanner__icon--color-coral.EyebrowBanner__icon--badge {\n background-color: var(--brand-Eyebrowbanner-icon-background-coral);\n}\n\n.EyebrowBanner__icon--color-green {\n color: var(--brand-Eyebrowbanner-fgColor-green);\n}\n\n.EyebrowBanner__icon--color-green.EyebrowBanner__icon--badge {\n background-color: var(--brand-Eyebrowbanner-icon-background-green);\n}\n\n.EyebrowBanner__icon--color-gray {\n color: var(--brand-Eyebrowbanner-fgColor-gray);\n}\n\n.EyebrowBanner__icon--color-gray.EyebrowBanner__icon--badge {\n background-color: var(--brand-Eyebrowbanner-icon-background-gray);\n}\n\n.EyebrowBanner__icon--color-indigo {\n color: var(--brand-Eyebrowbanner-fgColor-indigo);\n}\n\n.EyebrowBanner__icon--color-indigo.EyebrowBanner__icon--badge {\n background-color: var(--brand-Eyebrowbanner-icon-background-indigo);\n}\n\n.EyebrowBanner__icon--color-lemon {\n color: var(--brand-Eyebrowbanner-fgColor-lemon);\n}\n\n.EyebrowBanner__icon--color-lemon.EyebrowBanner__icon--badge {\n background-color: var(--brand-Eyebrowbanner-icon-background-lemon);\n}\n\n.EyebrowBanner__icon--color-lime {\n color: var(--brand-Eyebrowbanner-fgColor-lime);\n}\n\n.EyebrowBanner__icon--color-lime.EyebrowBanner__icon--badge {\n background-color: var(--brand-Eyebrowbanner-icon-background-lime);\n}\n\n.EyebrowBanner__icon--color-orange {\n color: var(--brand-Eyebrowbanner-fgColor-orange);\n}\n\n.EyebrowBanner__icon--color-orange.EyebrowBanner__icon--badge {\n background-color: var(--brand-Eyebrowbanner-icon-background-orange);\n}\n\n.EyebrowBanner__icon--color-pink {\n color: var(--brand-Eyebrowbanner-fgColor-pink);\n}\n\n.EyebrowBanner__icon--color-pink.EyebrowBanner__icon--badge {\n background-color: var(--brand-Eyebrowbanner-icon-background-pink);\n}\n\n.EyebrowBanner__icon--color-purple {\n color: var(--brand-Eyebrowbanner-fgColor-purple);\n}\n\n.EyebrowBanner__icon--color-purple.EyebrowBanner__icon--badge {\n background-color: var(--brand-Eyebrowbanner-icon-background-purple);\n}\n\n.EyebrowBanner__icon--color-red {\n color: var(--brand-Eyebrowbanner-fgColor-red);\n}\n\n.EyebrowBanner__icon--color-red.EyebrowBanner__icon--badge {\n background-color: var(--brand-Eyebrowbanner-icon-background-red);\n}\n\n.EyebrowBanner__icon--color-teal {\n color: var(--brand-Eyebrowbanner-fgColor-teal);\n}\n\n.EyebrowBanner__icon--color-teal.EyebrowBanner__icon--badge {\n background-color: var(--brand-Eyebrowbanner-icon-background-teal);\n}\n\n.EyebrowBanner__icon--color-yellow {\n color: var(--brand-Eyebrowbanner-fgColor-yellow);\n}\n\n.EyebrowBanner__icon--color-yellow.EyebrowBanner__icon--badge {\n background-color: var(--brand-Eyebrowbanner-icon-background-yellow);\n}\n\n/ Remove all animations, transitions and smooth scroll for people that prefer not to see them /\n@media (prefers-reduced-motion: reduce) {\n .EyebrowBanner,\n .EyebrowBanner::before,\n .EyebrowBanner::after,\n .EyebrowBanner {\n animation: none !important;\n transition: none !important;\n scroll-behavior: auto !important;\n }\n}\n"],"mappings":""}

package/esm/Hero/{Hero.module-DH253w6y.css → Hero.module-BfrAFYlo.css} RENAMED Viewed

	@@ -1 +1 @@
1	- .Primer_Brand__Hero-module__Hero___It6gj{flex-direction:column;display:flex}.Primer_Brand__Hero-module__Hero--variant-default___lNgHw{padding:var(--brand-Hero-narrow-padding)}.Primer_Brand__Hero-module__Hero--align-start___ouSp3{text-align:left;align-items:flex-start}.Primer_Brand__Hero-module__Hero--align-center___6FMoH{text-align:center;place-items:center}.Primer_Brand__Hero-module__Hero-grid___gXNGW{--brand-Grid-spacing-margin:0}.Primer_Brand__Hero-module__Hero-grid--contained___vfiGA{width:100%;max-width:1280px;padding:var(--base-size-32);background-color:var(--brand-Hero-bgColor-gridlineGridInner);margin-inline:auto}@container (width>=1280px){.Primer_Brand__Hero-module__Hero-grid--contained___vfiGA{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__Hero-module__Hero-grid--block-end___jU6_V,.Primer_Brand__Hero-module__Hero-grid--inline-end___o8Dtq{--brand-Grid-spacing-row:var(--base-size-40)}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero-grid--contained___vfiGA{padding:var(--base-size-64)}.Primer_Brand__Hero-module__Hero-grid--block-end___jU6_V{--brand-Grid-spacing-row:var(--base-size-80)}}.Primer_Brand__Hero-module__Hero--align-center___6FMoH .Primer_Brand__Hero-module__Hero-actions___RUotq{justify-content:center}.Primer_Brand__Hero-module__Hero--align-center___6FMoH .Primer_Brand__Hero-module__Hero-content___lpGj0{flex-direction:column;align-items:center;display:flex}.Primer_Brand__Hero-module__Hero-image___GC10l{border-radius:var(--brand-borderRadius-medium);width:100%}.Primer_Brand__Hero-module__Hero-image___GC10l>img{border-radius:inherit}.Primer_Brand__Hero-module__Hero-mediaContainer___DWFUR{flex:1;width:100%;height:100%;display:flex}.Primer_Brand__Hero-module__Hero-imageContainer--bg-subtle___RFNq3{background-color:var(--brand-color-canvas-subtle);padding:var(--base-size-32) var(--base-size-32) 0}.Primer_Brand__Hero-module__Hero-imageContainer--inline-padding-all___rgfxJ{padding:var(--base-size-32);background-color:var(--brand-color-canvas-subtle)}.Primer_Brand__Hero-module__Hero-imageWrapper___CscCA{justify-content:center;width:100%;display:flex}.Primer_Brand__Hero-module__Hero-imageWrapper--bg-subtle___8xPH_{border-block:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);background-color:var(--brand-color-canvas-subtle);padding:var(--base-size-32) var(--base-size-32) 0}.Primer_Brand__Hero-module__Hero-imageContainer--inline-bordered___g8hqZ{align-items:stretch;display:flex}.Primer_Brand__Hero-module__Hero-imageContainer--inline-bordered___g8hqZ:not(.Primer_Brand__Hero-module__Hero-imageContainer--inline-padding-none___sx3sH){background-color:var(--brand-color-canvas-subtle)}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero-imageContainer--inline-bordered___g8hqZ{min-height:calc(600px - var(--base-size-24))}.Primer_Brand__Hero-module__Hero-imageWrapper--bg-subtle___8xPH_{padding:var(--base-size-64) var(--base-size-64) 0}.Primer_Brand__Hero-module__Hero-imageContainer--inline-padding-all___rgfxJ{padding:var(--base-size-64)}}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh{width:100%;container-type:inline-size}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-media___rM3qR{max-width:1176px;margin-inline:auto;display:block;overflow:hidden}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-media--pos-block-end___6QShk:not(.Primer_Brand__Hero-module__Hero-media--padding-all___OCI0b):not(.Primer_Brand__Hero-module__Hero-media--padding-none___RyrAT){border-radius:var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0}.Primer_Brand__Hero-module__Hero-media--pos-block-end___6QShk.Primer_Brand__Hero-module__Hero-media--padding-all___OCI0b{border-radius:var(--brand-borderRadius-medium)}.Primer_Brand__Hero-module__Hero-media-item--block-end___RrUWM{border-radius:var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper___CscCA{border-block:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);width:100%}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper___CscCA:not(.Primer_Brand__Hero-module__Hero-imageWrapper--padding-none___aUnoB){background-color:var(--brand-color-canvas-subtle)}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper-inner___jk8Wg{width:100%;max-width:1280px;padding:var(--base-size-32) var(--base-size-32) 0;margin-inline:auto}@container (width>=1280px){.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper-inner--with-gridline___fixm4{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper-inner--padding-all____dGWL{padding:var(--base-size-32)}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper-inner___jk8Wg{padding:var(--base-size-64) var(--base-size-64) 0}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper-inner--padding-all____dGWL{padding:var(--base-size-64)}}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper-inner--padding-none___KoLzw{padding:0}.Primer_Brand__Hero-module__Hero-grid--bordered-inline___e_HR8{width:100%;max-width:1280px;margin-inline:auto}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero-grid--bordered-inline___e_HR8{min-height:440px}}@container (width>=1280px){.Primer_Brand__Hero-module__Hero-grid--bordered-inline___e_HR8{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh.Primer_Brand__Hero-module__Hero--image-pos-inline___fwJAZ{border-block-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__Hero-module__Hero-contentColumn--bordered-inline___2Dfrd{padding:var(--base-size-32);flex-direction:column;justify-content:center;display:flex}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero-contentColumn--bordered-inline___2Dfrd{padding:var(--base-size-64)}}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-media--pos-inline___TD4jr:not(.Primer_Brand__Hero-module__Hero-media--padding-all___OCI0b),.Primer_Brand__Hero-module__Hero-media-item--inline___3XHJG{border-radius:0}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-media--pos-inline___TD4jr.Primer_Brand__Hero-module__Hero-media--padding-all___OCI0b{align-self:center;max-width:100%;height:auto}.Primer_Brand__Hero-module__Hero-video___Ne5zN{width:100%}.Primer_Brand__Hero-module__Hero-media-item___Ia3pn{border-radius:var(--brand-borderRadius-large);width:100%}.Primer_Brand__Hero-module__Hero-label___XJftM{text-transform:uppercase;letter-spacing:1px;align-items:center;margin-block-end:calc(var(--base-size-16) - var(--base-size-2));display:flex}.Primer_Brand__Hero-module__Hero-heading___HMve3{max-width:924px;margin:0}.Primer_Brand__Hero-module__Hero-heading___HMve3 b{color:var(--brand-color-accent-primary);font-style:normal;font-weight:inherit}.Primer_Brand__Hero-module__Hero-heading--fullWidth___sJlnY{max-width:none;max-width:initial}.Primer_Brand__Hero-module__Hero-text-column--inline-gridline___gGhfi{height:100%}.Primer_Brand__Hero-module__Hero-description___7raSC{margin:var(--base-size-24) 0 0;max-width:600px}.Primer_Brand__Hero-module__Hero--variant-inline-gridline___Jwjqy .Primer_Brand__Hero-module__Hero-description___7raSC{margin-block-start:auto;padding-block-start:var(--base-size-24)}.Primer_Brand__Hero-module__Hero-actions___RUotq{align-items:center;gap:var(--base-size-8) var(--base-size-16);flex-wrap:wrap;margin-block-start:var(--base-size-28);display:flex}.Primer_Brand__Hero-module__Hero___It6gj .Primer_Brand__Hero-module__Hero-actions___RUotq>*{flex-grow:0}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-actions___RUotq{align-items:stretch;gap:var(--base-size-8) var(--base-size-12)}.Primer_Brand__Hero-module__Hero-trailing____cadc{margin-block-start:var(--base-size-32)}.Primer_Brand__Hero-module__Hero-eyebrow___mlxSE{margin-block-end:var(--base-size-32)}@media screen and (width>=34rem){.Primer_Brand__Hero-module__Hero--variant-default___lNgHw{padding:var(--brand-Hero-regular-padding)}}.Primer_Brand__Hero-module__Hero-video-poster-button___mtbvt{cursor:pointer;background:0 0;border:none;width:100%;height:100%;padding:0;font-size:0;line-height:0;display:block;position:relative}.Primer_Brand__Hero-module__Hero-video-poster-image___ZP3Q5{width:100%;height:auto;display:block}.Primer_Brand__Hero-module__Hero-video-poster-icon___PfT4p{width:var(--base-size-96);height:var(--base-size-96);z-index:1;color:var(--base-color-scale-white-0);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Primer_Brand__Hero-module__Hero-video-poster-header___13M9x{padding:var(--base-size-16) var(--base-size-24);align-items:center;gap:var(--base-size-16);height:var(--base-size-80);background:linear-gradient(#000000b3 60%,#0000);display:flex;position:absolute;inset:0 0 auto}.Primer_Brand__Hero-module__Hero-video-header-poster-icon___tlEff,.Primer_Brand__Hero-module__Hero-video-poster-text___4R755{color:var(--base-color-scale-white-0)}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3{width:100%;container-type:inline-size}.Primer_Brand__Hero-module__Hero-grid--expressive___Lq5SC{--brand-Grid-spacing-row:0;gap:0;width:100%;max-width:1280px;margin-inline:auto}@container (width>=1280px){.Primer_Brand__Hero-module__Hero-grid--expressive___Lq5SC{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__Hero-module__Hero-expressive-header-column___iq2TT{padding:var(--base-size-36);padding-inline:var(--base-size-20);border-block-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);align-items:center;padding-block-end:var(--base-size-28);display:flex}.Primer_Brand__Hero-module__Hero-expressive-body-column___Beyq_{padding:var(--base-size-32);padding-inline:var(--base-size-20);padding-block-start:var(--base-size-24)}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-description___7raSC{margin-block-start:0}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-actions___RUotq{margin-block-start:var(--base-size-28)}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-trailing____cadc{margin-block-start:var(--base-size-24)}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero-expressive-header-column___iq2TT{padding:var(--base-size-64);border-block-end:none;border-inline-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);padding-inline-end:var(--base-size-64)}.Primer_Brand__Hero-module__Hero-expressive-body-column___Beyq_{padding:var(--base-size-64);flex-direction:column;justify-content:flex-end;padding-inline-start:var(--base-size-64);display:flex}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-actions___RUotq{margin-block-start:var(--base-size-24)}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-trailing____cadc{margin-block-start:var(--base-size-20)}}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper___CscCA{border-block:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);width:100%}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper___CscCA:not(.Primer_Brand__Hero-module__Hero-imageWrapper--padding-none___aUnoB){background-color:var(--brand-color-canvas-subtle)}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper-inner___jk8Wg{width:100%;max-width:1280px;padding:var(--base-size-32) var(--base-size-32) 0;margin-inline:auto}@container (width>=1280px){.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper-inner--with-gridline___fixm4{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper-inner--padding-all____dGWL{padding:var(--base-size-32)}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper-inner___jk8Wg{padding:var(--base-size-64) var(--base-size-64) 0}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper-inner--padding-all____dGWL{padding:var(--base-size-64)}}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper-inner--padding-none___KoLzw{padding:0}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-media___rM3qR{max-width:1176px;margin-inline:auto;display:block;overflow:hidden}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-media--pos-block-end___6QShk:not(.Primer_Brand__Hero-module__Hero-media--padding-all___OCI0b):not(.Primer_Brand__Hero-module__Hero-media--padding-none___RyrAT){border-radius:var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-media--padding-none___RyrAT,.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-media--padding-none___RyrAT{border-radius:0;max-width:100%}
1	+ .Primer_Brand__Hero-module__Hero___It6gj{flex-direction:column;display:flex}.Primer_Brand__Hero-module__Hero--variant-default___lNgHw{padding:var(--brand-Hero-narrow-padding)}.Primer_Brand__Hero-module__Hero--align-start___ouSp3{text-align:left;align-items:flex-start}.Primer_Brand__Hero-module__Hero--align-center___6FMoH{text-align:center;place-items:center}.Primer_Brand__Hero-module__Hero-grid___gXNGW{--brand-Grid-spacing-margin:0}.Primer_Brand__Hero-module__Hero-grid--contained___vfiGA{width:100%;max-width:1280px;padding:var(--base-size-32);background-color:var(--brand-Hero-bgColor-gridlineGridInner);margin-inline:auto}@container (width>=1280px){.Primer_Brand__Hero-module__Hero-grid--contained___vfiGA{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__Hero-module__Hero-grid--block-end___jU6_V,.Primer_Brand__Hero-module__Hero-grid--inline-end___o8Dtq{--brand-Grid-spacing-row:var(--base-size-40)}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero-grid--contained___vfiGA{padding:var(--base-size-64)}.Primer_Brand__Hero-module__Hero-grid--block-end___jU6_V{--brand-Grid-spacing-row:var(--base-size-80)}}.Primer_Brand__Hero-module__Hero--align-center___6FMoH .Primer_Brand__Hero-module__Hero-actions___RUotq{justify-content:center}.Primer_Brand__Hero-module__Hero--align-center___6FMoH .Primer_Brand__Hero-module__Hero-content___lpGj0{flex-direction:column;align-items:center;display:flex}.Primer_Brand__Hero-module__Hero-image___GC10l{border-radius:var(--brand-borderRadius-medium);width:100%}.Primer_Brand__Hero-module__Hero-image___GC10l>img{border-radius:inherit}.Primer_Brand__Hero-module__Hero-mediaContainer___DWFUR{flex:1;width:100%;height:100%;display:flex}.Primer_Brand__Hero-module__Hero-imageContainer--bg-subtle___RFNq3{background-color:var(--brand-color-canvas-subtle);padding:var(--base-size-32) var(--base-size-32) 0}.Primer_Brand__Hero-module__Hero-imageContainer--inline-padding-all___rgfxJ{padding:var(--base-size-32);background-color:var(--brand-color-canvas-subtle)}.Primer_Brand__Hero-module__Hero-imageWrapper___CscCA{justify-content:center;width:100%;display:flex}.Primer_Brand__Hero-module__Hero-imageWrapper--bg-subtle___8xPH_{border-block:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);background-color:var(--brand-color-canvas-subtle);padding:var(--base-size-32) var(--base-size-32) 0}.Primer_Brand__Hero-module__Hero-imageContainer--inline-bordered___g8hqZ{align-items:stretch;display:flex}.Primer_Brand__Hero-module__Hero-imageContainer--inline-bordered___g8hqZ:not(.Primer_Brand__Hero-module__Hero-imageContainer--inline-padding-none___sx3sH){background-color:var(--brand-color-canvas-subtle)}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero-imageContainer--inline-bordered___g8hqZ{min-height:calc(600px - var(--base-size-24))}.Primer_Brand__Hero-module__Hero-imageWrapper--bg-subtle___8xPH_{padding:var(--base-size-64) var(--base-size-64) 0}.Primer_Brand__Hero-module__Hero-imageContainer--inline-padding-all___rgfxJ{padding:var(--base-size-64)}}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh{width:100%;container-type:inline-size}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-media___rM3qR{max-width:1176px;margin-inline:auto;display:block;overflow:hidden}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-media--pos-block-end___6QShk:not(.Primer_Brand__Hero-module__Hero-media--padding-all___OCI0b):not(.Primer_Brand__Hero-module__Hero-media--padding-none___RyrAT){border-radius:var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0}.Primer_Brand__Hero-module__Hero-media--pos-block-end___6QShk.Primer_Brand__Hero-module__Hero-media--padding-all___OCI0b{border-radius:var(--brand-borderRadius-medium)}.Primer_Brand__Hero-module__Hero-media-item--block-end___RrUWM{border-radius:var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper___CscCA{border-block:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);width:100%}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper___CscCA:not(.Primer_Brand__Hero-module__Hero-imageWrapper--padding-none___aUnoB){background-color:var(--brand-color-canvas-subtle)}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper-inner___jk8Wg{width:100%;max-width:1280px;padding:var(--base-size-32) var(--base-size-32) 0;margin-inline:auto}@container (width>=1280px){.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper-inner--with-gridline___fixm4{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper-inner--padding-all____dGWL{padding:var(--base-size-32)}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper-inner___jk8Wg{padding:var(--base-size-64) var(--base-size-64) 0}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper-inner--padding-all____dGWL{padding:var(--base-size-64)}}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper-inner--padding-none___KoLzw{padding:0}.Primer_Brand__Hero-module__Hero-grid--bordered-inline___e_HR8{width:100%;max-width:1280px;margin-inline:auto}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero-grid--bordered-inline___e_HR8{min-height:440px}}@container (width>=1280px){.Primer_Brand__Hero-module__Hero-grid--bordered-inline___e_HR8{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh.Primer_Brand__Hero-module__Hero--image-pos-inline___fwJAZ{border-block-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__Hero-module__Hero-contentColumn--bordered-inline___2Dfrd{padding:var(--base-size-32);flex-direction:column;justify-content:center;display:flex}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero-contentColumn--bordered-inline___2Dfrd{padding:var(--base-size-64)}}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-media--pos-inline___TD4jr:not(.Primer_Brand__Hero-module__Hero-media--padding-all___OCI0b),.Primer_Brand__Hero-module__Hero-media-item--inline___3XHJG{border-radius:0}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-media--pos-inline___TD4jr.Primer_Brand__Hero-module__Hero-media--padding-all___OCI0b{align-self:center;max-width:100%;height:auto}.Primer_Brand__Hero-module__Hero-video___Ne5zN{width:100%}.Primer_Brand__Hero-module__Hero-media-item___Ia3pn{border-radius:var(--brand-borderRadius-large);width:100%}.Primer_Brand__Hero-module__Hero-label___XJftM{text-transform:uppercase;letter-spacing:1px;align-items:center;margin-block-end:calc(var(--base-size-16) - var(--base-size-2));display:flex}.Primer_Brand__Hero-module__Hero-heading___HMve3{max-width:924px;margin:0}.Primer_Brand__Hero-module__Hero-heading___HMve3 b{color:var(--brand-color-accent-primary);font-style:normal;font-weight:inherit}.Primer_Brand__Hero-module__Hero-heading--fullWidth___sJlnY{max-width:none;max-width:initial}.Primer_Brand__Hero-module__Hero-text-column--inline-gridline___gGhfi{height:100%}.Primer_Brand__Hero-module__Hero-description___7raSC{margin:var(--base-size-24) 0 0;max-width:600px}.Primer_Brand__Hero-module__Hero--variant-inline-gridline___Jwjqy .Primer_Brand__Hero-module__Hero-description___7raSC{margin-block-start:auto;padding-block-start:var(--base-size-24)}.Primer_Brand__Hero-module__Hero-actions___RUotq{align-items:center;gap:var(--base-size-8) var(--base-size-16);flex-wrap:wrap;margin-block-start:var(--base-size-28);display:flex}.Primer_Brand__Hero-module__Hero___It6gj .Primer_Brand__Hero-module__Hero-actions___RUotq>*{flex-grow:0}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-actions___RUotq{align-items:stretch;gap:var(--base-size-8) var(--base-size-12)}.Primer_Brand__Hero-module__Hero-trailing____cadc{margin-block-start:var(--base-size-32)}.Primer_Brand__Hero-module__Hero-trailing____cadc img,.Primer_Brand__Hero-module__Hero-trailing____cadc picture{display:block}.Primer_Brand__Hero-module__Hero-eyebrow___mlxSE{margin-block-end:var(--base-size-32)}@media screen and (width>=34rem){.Primer_Brand__Hero-module__Hero--variant-default___lNgHw{padding:var(--brand-Hero-regular-padding)}}.Primer_Brand__Hero-module__Hero-video-poster-button___mtbvt{cursor:pointer;background:0 0;border:none;width:100%;height:100%;padding:0;font-size:0;line-height:0;display:block;position:relative}.Primer_Brand__Hero-module__Hero-video-poster-image___ZP3Q5{width:100%;height:auto;display:block}.Primer_Brand__Hero-module__Hero-video-poster-icon___PfT4p{width:var(--base-size-96);height:var(--base-size-96);z-index:1;color:var(--base-color-scale-white-0);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Primer_Brand__Hero-module__Hero-video-poster-header___13M9x{padding:var(--base-size-16) var(--base-size-24);align-items:center;gap:var(--base-size-16);height:var(--base-size-80);background:linear-gradient(#000000b3 60%,#0000);display:flex;position:absolute;inset:0 0 auto}.Primer_Brand__Hero-module__Hero-video-header-poster-icon___tlEff,.Primer_Brand__Hero-module__Hero-video-poster-text___4R755{color:var(--base-color-scale-white-0)}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3{width:100%;container-type:inline-size}.Primer_Brand__Hero-module__Hero-grid--expressive___Lq5SC{--brand-Grid-spacing-row:0;gap:0;width:100%;max-width:1280px;margin-inline:auto}@container (width>=1280px){.Primer_Brand__Hero-module__Hero-grid--expressive___Lq5SC{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__Hero-module__Hero-expressive-header-column___iq2TT{padding:var(--base-size-36);padding-inline:var(--base-size-20);border-block-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);align-items:center;padding-block-end:var(--base-size-28);display:flex}.Primer_Brand__Hero-module__Hero-expressive-body-column___Beyq_{padding:var(--base-size-32);padding-inline:var(--base-size-20);padding-block-start:var(--base-size-24)}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-description___7raSC{margin-block-start:0}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-actions___RUotq{margin-block-start:var(--base-size-28)}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-trailing____cadc{margin-block-start:var(--base-size-24)}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero-expressive-header-column___iq2TT{padding:var(--base-size-64);border-block-end:none;border-inline-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);padding-inline-end:var(--base-size-64)}.Primer_Brand__Hero-module__Hero-expressive-body-column___Beyq_{padding:var(--base-size-64);flex-direction:column;justify-content:flex-end;padding-inline-start:var(--base-size-64);display:flex}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-actions___RUotq{margin-block-start:var(--base-size-24)}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-trailing____cadc{margin-block-start:var(--base-size-20)}}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper___CscCA{border-block:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);width:100%}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper___CscCA:not(.Primer_Brand__Hero-module__Hero-imageWrapper--padding-none___aUnoB){background-color:var(--brand-color-canvas-subtle)}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper-inner___jk8Wg{width:100%;max-width:1280px;padding:var(--base-size-32) var(--base-size-32) 0;margin-inline:auto}@container (width>=1280px){.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper-inner--with-gridline___fixm4{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper-inner--padding-all____dGWL{padding:var(--base-size-32)}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper-inner___jk8Wg{padding:var(--base-size-64) var(--base-size-64) 0}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper-inner--padding-all____dGWL{padding:var(--base-size-64)}}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper-inner--padding-none___KoLzw{padding:0}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-media___rM3qR{max-width:1176px;margin-inline:auto;display:block;overflow:hidden}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-media--pos-block-end___6QShk:not(.Primer_Brand__Hero-module__Hero-media--padding-all___OCI0b):not(.Primer_Brand__Hero-module__Hero-media--padding-none___RyrAT){border-radius:var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-media--padding-none___RyrAT,.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-media--padding-none___RyrAT{border-radius:0;max-width:100%}

package/esm/Hero/Hero.module.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './Hero.module-DH253w6y.css';var e = {
+import './Hero.module-BfrAFYlo.css';var e = {
 	Hero: "Primer_Brand__Hero-module__Hero___It6gj",
 	"Hero--variant-default": "Primer_Brand__Hero-module__Hero--variant-default___lNgHw",
 	"Hero--align-start": "Primer_Brand__Hero-module__Hero--align-start___ouSp3",

package/esm/Hero/Hero.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Hero.module.js","names":[],"sources":["../../src/Hero/Hero.module.css"],"sourcesContent":[".Hero {\n display: flex;\n flex-direction: column;\n}\n\n.Hero--variant-default {\n padding: var(--brand-Hero-narrow-padding);\n}\n\n.Hero--align-start {\n align-items: flex-start;\n text-align: left;\n}\n\n.Hero--align-center {\n justify-items: center;\n align-items: center;\n text-align: center;\n}\n\n.Hero-grid {\n --brand-Grid-spacing-margin: 0;\n}\n\n.Hero-grid--contained {\n width: 100%;\n max-width: 1280px;\n margin-inline: auto;\n padding: var(--base-size-32);\n background-color: var(--brand-Hero-bgColor-gridlineGridInner); /* Unset by default - users can override if needed /\n}\n\n/ Prevents double-borders. We only apply the inline borders when the parent container is wide enough to show the full width. /\n@container (min-width: 1280px) {\n .Hero-grid--contained {\n border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n}\n\n.Hero-grid--block-end,\n.Hero-grid--inline-end {\n --brand-Grid-spacing-row: var(--base-size-40);\n}\n\n@media screen and (min-width: 63.25rem) {\n .Hero-grid--contained {\n padding: var(--base-size-64);\n }\n\n .Hero-grid--block-end {\n --brand-Grid-spacing-row: var(--base-size-80);\n }\n}\n\n.Hero--align-center .Hero-actions {\n justify-content: center;\n}\n\n.Hero--align-center .Hero-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.Hero-image {\n border-radius: var(--brand-borderRadius-medium);\n width: 100%;\n}\n\n.Hero-image > img {\n border-radius: inherit;\n}\n\n.Hero-mediaContainer {\n width: 100%;\n height: 100%;\n display: flex;\n flex: 1;\n}\n\n.Hero-imageContainer--bg-subtle {\n background-color: var(--brand-color-canvas-subtle);\n padding: var(--base-size-32) var(--base-size-32) 0;\n}\n\n.Hero-imageContainer--inline-padding-all {\n padding: var(--base-size-32);\n background-color: var(--brand-color-canvas-subtle);\n}\n\n.Hero-imageWrapper {\n width: 100%;\n display: flex;\n justify-content: center;\n}\n\n.Hero-imageWrapper--bg-subtle {\n border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n background-color: var(--brand-color-canvas-subtle);\n padding: var(--base-size-32) var(--base-size-32) 0;\n}\n\n.Hero-imageContainer--inline-bordered {\n display: flex;\n align-items: stretch;\n}\n\n.Hero-imageContainer--inline-bordered:not(.Hero-imageContainer--inline-padding-none) {\n background-color: var(--brand-color-canvas-subtle);\n}\n\n@media screen and (min-width: 63.25rem) {\n .Hero-imageContainer--inline-bordered {\n min-height: calc(600px - var(--base-size-24));\n }\n\n .Hero-imageWrapper--bg-subtle {\n padding: var(--base-size-64) var(--base-size-64) 0;\n }\n\n .Hero-imageContainer--inline-padding-all {\n padding: var(--base-size-64);\n }\n}\n\n.Hero--variant-gridline {\n container-type: inline-size;\n width: 100%;\n}\n\n/ Shared media styles for images and videos /\n.Hero--variant-gridline .Hero-media {\n max-width: 1176px;\n margin-inline: auto;\n display: block;\n overflow: hidden;\n}\n\n.Hero--variant-gridline .Hero-media--pos-block-end:not(.Hero-media--padding-all):not(.Hero-media--padding-none) {\n border-radius: var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0;\n}\n\n.Hero-media--pos-block-end.Hero-media--padding-all {\n border-radius: var(--brand-borderRadius-medium);\n}\n\n/ Applied directly to video/iframe elements for block-end position /\n.Hero-media-item--block-end {\n border-radius: var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0;\n}\n\n.Hero--variant-gridline .Hero-imageWrapper {\n border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n width: 100%;\n}\n\n.Hero--variant-gridline .Hero-imageWrapper:not(.Hero-imageWrapper--padding-none) {\n background-color: var(--brand-color-canvas-subtle);\n}\n\n.Hero--variant-gridline .Hero-imageWrapper-inner {\n width: 100%;\n max-width: 1280px;\n margin-inline: auto;\n padding: var(--base-size-32) var(--base-size-32) 0;\n}\n\n@container (min-width: 1280px) {\n .Hero--variant-gridline .Hero-imageWrapper-inner--with-gridline {\n border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n}\n\n.Hero--variant-gridline .Hero-imageWrapper-inner--padding-all {\n padding: var(--base-size-32);\n}\n\n@media screen and (min-width: 63.25rem) {\n .Hero--variant-gridline .Hero-imageWrapper-inner {\n padding: var(--base-size-64) var(--base-size-64) 0;\n }\n\n .Hero--variant-gridline .Hero-imageWrapper-inner--padding-all {\n padding: var(--base-size-64);\n }\n}\n\n.Hero--variant-gridline .Hero-imageWrapper-inner--padding-none {\n padding: 0;\n}\n\n/ GridLine variant with inline (side-by-side) layout /\n.Hero-grid--bordered-inline {\n width: 100%;\n max-width: 1280px;\n margin-inline: auto;\n}\n\n@media screen and (min-width: 63.25rem) {\n .Hero-grid--bordered-inline {\n min-height: 440px;\n }\n}\n\n@container (min-width: 1280px) {\n .Hero-grid--bordered-inline {\n border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n}\n\n.Hero--variant-gridline.Hero--image-pos-inline {\n border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n/ Text column styling for gridline inline positions /\n.Hero-contentColumn--bordered-inline {\n padding: var(--base-size-32);\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n@media screen and (min-width: 63.25rem) {\n .Hero-contentColumn--bordered-inline {\n padding: var(--base-size-64);\n }\n}\n\n/ Media styling for gridline inline positions /\n\n/ Edge-to-edge inline media (no padding) - remove border radius /\n.Hero--variant-gridline .Hero-media--pos-inline:not(.Hero-media--padding-all) {\n border-radius: 0;\n}\n\n/ Applied directly to video/iframe elements for inline position /\n.Hero-media-item--inline {\n border-radius: 0;\n}\n\n/ Padded inline media - constrain size and center /\n.Hero--variant-gridline .Hero-media--pos-inline.Hero-media--padding-all {\n max-width: 100%;\n height: auto;\n align-self: center;\n}\n\n/ Image column styling now handled by .Hero-imageContainer--inline-bordered /\n\n.Hero-video {\n width: 100%;\n}\n\n/ Base styles for video/iframe media elements /\n.Hero-media-item {\n width: 100%;\n border-radius: var(--brand-borderRadius-large);\n}\n\n.Hero-label {\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-block-end: calc(var(--base-size-16) - var(--base-size-2));\n display: flex;\n align-items: center;\n}\n\n.Hero-heading {\n margin: 0;\n max-width: 924px;\n}\n\n.Hero-heading b {\n color: var(--brand-color-accent-primary);\n font-style: normal;\n font-weight: inherit;\n}\n\n.Hero-heading--fullWidth {\n max-width: unset;\n}\n\n.Hero-text-column--inline-gridline {\n height: 100%;\n}\n\n.Hero-description {\n margin: var(--base-size-24) 0 0;\n max-width: 600px;\n}\n\n.Hero--variant-inline-gridline .Hero-description {\n padding-block-start: var(--base-size-24);\n margin-block-start: auto;\n}\n\n.Hero-actions {\n margin-block-start: var(--base-size-28);\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--base-size-8) var(--base-size-16);\n}\n\n.Hero .Hero-actions > {\n flex-grow: 0;\n}\n\n.Hero--variant-gridline-expressive .Hero-actions {\n align-items: stretch;\n gap: var(--base-size-8) var(--base-size-12);\n}\n\n.Hero-trailing {\n margin-block-start: var(--base-size-32);\n}\n\n.Hero-eyebrow {\n margin-block-end: var(--base-size-32);\n}\n\n/* Small breakpoint and up /\n@media screen and (min-width: 34rem) {\n .Hero--variant-default {\n padding: var(--brand-Hero-regular-padding);\n }\n}\n\n.Hero-video-poster-button {\n padding: 0;\n border: none;\n background: none;\n cursor: pointer;\n display: block;\n height: 100%;\n position: relative;\n line-height: 0;\n font-size: 0;\n width: 100%;\n}\n\n.Hero-video-poster-image {\n display: block;\n height: auto;\n width: 100%;\n}\n\n.Hero-video-poster-icon {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: var(--base-size-96);\n height: var(--base-size-96);\n z-index: 1;\n color: var(--base-color-scale-white-0);\n}\n\n.Hero-video-poster-header {\n position: absolute;\n inset: 0 0 auto;\n padding: var(--base-size-16) var(--base-size-24);\n background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0));\n display: flex;\n align-items: center;\n gap: var(--base-size-16);\n height: var(--base-size-80);\n}\n\n.Hero-video-header-poster-icon,\n.Hero-video-poster-text {\n color: var(--base-color-scale-white-0);\n}\n\n/ ========================================\n Gridline-Expressive Variant\n ======================================== /\n\n.Hero--variant-gridline-expressive {\n container-type: inline-size;\n width: 100%;\n}\n\n/ Grid container for expressive variant /\n.Hero-grid--expressive {\n width: 100%;\n max-width: 1280px;\n margin-inline: auto;\n gap: 0;\n --brand-Grid-spacing-row: 0;\n}\n\n@container (min-width: 1280px) {\n .Hero-grid--expressive {\n border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n}\n\n/ Header column (eyebrow, heading) /\n.Hero-expressive-header-column {\n padding: var(--base-size-36);\n padding-inline: var(--base-size-20);\n padding-block-end: var(--base-size-28);\n border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n display: flex;\n align-items: center;\n}\n\n/ Body column (description, actions, trailing) /\n.Hero-expressive-body-column {\n padding: var(--base-size-32);\n padding-inline: var(--base-size-20);\n padding-block-start: var(--base-size-24);\n}\n\n.Hero--variant-gridline-expressive .Hero-description {\n margin-block-start: 0;\n}\n\n.Hero--variant-gridline-expressive .Hero-actions {\n margin-block-start: var(--base-size-28);\n}\n\n.Hero--variant-gridline-expressive .Hero-trailing {\n margin-block-start: var(--base-size-24);\n}\n\n/ Desktop: Side-by-side layout with vertical divider /\n@media screen and (min-width: 63.25rem) {\n .Hero-expressive-header-column {\n padding: var(--base-size-64);\n padding-inline-end: var(--base-size-64);\n border-block-end: none;\n border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n\n .Hero-expressive-body-column {\n padding: var(--base-size-64);\n padding-inline-start: var(--base-size-64);\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n }\n\n .Hero--variant-gridline-expressive .Hero-actions {\n margin-block-start: var(--base-size-24);\n }\n\n .Hero--variant-gridline-expressive .Hero-trailing {\n margin-block-start: var(--base-size-20);\n }\n}\n\n/ Media wrapper styles for gridline-expressive (same as gridline) /\n.Hero--variant-gridline-expressive .Hero-imageWrapper {\n border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n width: 100%;\n}\n\n.Hero--variant-gridline-expressive .Hero-imageWrapper:not(.Hero-imageWrapper--padding-none) {\n background-color: var(--brand-color-canvas-subtle);\n}\n\n.Hero--variant-gridline-expressive .Hero-imageWrapper-inner {\n width: 100%;\n max-width: 1280px;\n margin-inline: auto;\n padding: var(--base-size-32) var(--base-size-32) 0;\n}\n\n@container (min-width: 1280px) {\n .Hero--variant-gridline-expressive .Hero-imageWrapper-inner--with-gridline {\n border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n}\n\n.Hero--variant-gridline-expressive .Hero-imageWrapper-inner--padding-all {\n padding: var(--base-size-32);\n}\n\n@media screen and (min-width: 63.25rem) {\n .Hero--variant-gridline-expressive .Hero-imageWrapper-inner {\n padding: var(--base-size-64) var(--base-size-64) 0;\n }\n\n .Hero--variant-gridline-expressive .Hero-imageWrapper-inner--padding-all {\n padding: var(--base-size-64);\n }\n}\n\n.Hero--variant-gridline-expressive .Hero-imageWrapper-inner--padding-none {\n padding: 0;\n}\n\n/ Shared media styles for gridline-expressive */\n.Hero--variant-gridline-expressive .Hero-media {\n max-width: 1176px;\n margin-inline: auto;\n display: block;\n overflow: hidden;\n}\n\n.Hero--variant-gridline-expressive\n .Hero-media--pos-block-end:not(.Hero-media--padding-all):not(.Hero-media--padding-none) {\n border-radius: var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0;\n}\n\n.Hero--variant-gridline .Hero-media--padding-none,\n.Hero--variant-gridline-expressive .Hero-media--padding-none {\n border-radius: 0;\n max-width: 100%;\n}\n"],"mappings":""}
1	+ {"version":3,"file":"Hero.module.js","names":[],"sources":["../../src/Hero/Hero.module.css"],"sourcesContent":[".Hero {\n display: flex;\n flex-direction: column;\n}\n\n.Hero--variant-default {\n padding: var(--brand-Hero-narrow-padding);\n}\n\n.Hero--align-start {\n align-items: flex-start;\n text-align: left;\n}\n\n.Hero--align-center {\n justify-items: center;\n align-items: center;\n text-align: center;\n}\n\n.Hero-grid {\n --brand-Grid-spacing-margin: 0;\n}\n\n.Hero-grid--contained {\n width: 100%;\n max-width: 1280px;\n margin-inline: auto;\n padding: var(--base-size-32);\n background-color: var(--brand-Hero-bgColor-gridlineGridInner); /* Unset by default - users can override if needed /\n}\n\n/ Prevents double-borders. We only apply the inline borders when the parent container is wide enough to show the full width. /\n@container (min-width: 1280px) {\n .Hero-grid--contained {\n border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n}\n\n.Hero-grid--block-end,\n.Hero-grid--inline-end {\n --brand-Grid-spacing-row: var(--base-size-40);\n}\n\n@media screen and (min-width: 63.25rem) {\n .Hero-grid--contained {\n padding: var(--base-size-64);\n }\n\n .Hero-grid--block-end {\n --brand-Grid-spacing-row: var(--base-size-80);\n }\n}\n\n.Hero--align-center .Hero-actions {\n justify-content: center;\n}\n\n.Hero--align-center .Hero-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.Hero-image {\n border-radius: var(--brand-borderRadius-medium);\n width: 100%;\n}\n\n.Hero-image > img {\n border-radius: inherit;\n}\n\n.Hero-mediaContainer {\n width: 100%;\n height: 100%;\n display: flex;\n flex: 1;\n}\n\n.Hero-imageContainer--bg-subtle {\n background-color: var(--brand-color-canvas-subtle);\n padding: var(--base-size-32) var(--base-size-32) 0;\n}\n\n.Hero-imageContainer--inline-padding-all {\n padding: var(--base-size-32);\n background-color: var(--brand-color-canvas-subtle);\n}\n\n.Hero-imageWrapper {\n width: 100%;\n display: flex;\n justify-content: center;\n}\n\n.Hero-imageWrapper--bg-subtle {\n border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n background-color: var(--brand-color-canvas-subtle);\n padding: var(--base-size-32) var(--base-size-32) 0;\n}\n\n.Hero-imageContainer--inline-bordered {\n display: flex;\n align-items: stretch;\n}\n\n.Hero-imageContainer--inline-bordered:not(.Hero-imageContainer--inline-padding-none) {\n background-color: var(--brand-color-canvas-subtle);\n}\n\n@media screen and (min-width: 63.25rem) {\n .Hero-imageContainer--inline-bordered {\n min-height: calc(600px - var(--base-size-24));\n }\n\n .Hero-imageWrapper--bg-subtle {\n padding: var(--base-size-64) var(--base-size-64) 0;\n }\n\n .Hero-imageContainer--inline-padding-all {\n padding: var(--base-size-64);\n }\n}\n\n.Hero--variant-gridline {\n container-type: inline-size;\n width: 100%;\n}\n\n/ Shared media styles for images and videos /\n.Hero--variant-gridline .Hero-media {\n max-width: 1176px;\n margin-inline: auto;\n display: block;\n overflow: hidden;\n}\n\n.Hero--variant-gridline .Hero-media--pos-block-end:not(.Hero-media--padding-all):not(.Hero-media--padding-none) {\n border-radius: var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0;\n}\n\n.Hero-media--pos-block-end.Hero-media--padding-all {\n border-radius: var(--brand-borderRadius-medium);\n}\n\n/ Applied directly to video/iframe elements for block-end position /\n.Hero-media-item--block-end {\n border-radius: var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0;\n}\n\n.Hero--variant-gridline .Hero-imageWrapper {\n border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n width: 100%;\n}\n\n.Hero--variant-gridline .Hero-imageWrapper:not(.Hero-imageWrapper--padding-none) {\n background-color: var(--brand-color-canvas-subtle);\n}\n\n.Hero--variant-gridline .Hero-imageWrapper-inner {\n width: 100%;\n max-width: 1280px;\n margin-inline: auto;\n padding: var(--base-size-32) var(--base-size-32) 0;\n}\n\n@container (min-width: 1280px) {\n .Hero--variant-gridline .Hero-imageWrapper-inner--with-gridline {\n border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n}\n\n.Hero--variant-gridline .Hero-imageWrapper-inner--padding-all {\n padding: var(--base-size-32);\n}\n\n@media screen and (min-width: 63.25rem) {\n .Hero--variant-gridline .Hero-imageWrapper-inner {\n padding: var(--base-size-64) var(--base-size-64) 0;\n }\n\n .Hero--variant-gridline .Hero-imageWrapper-inner--padding-all {\n padding: var(--base-size-64);\n }\n}\n\n.Hero--variant-gridline .Hero-imageWrapper-inner--padding-none {\n padding: 0;\n}\n\n/ GridLine variant with inline (side-by-side) layout /\n.Hero-grid--bordered-inline {\n width: 100%;\n max-width: 1280px;\n margin-inline: auto;\n}\n\n@media screen and (min-width: 63.25rem) {\n .Hero-grid--bordered-inline {\n min-height: 440px;\n }\n}\n\n@container (min-width: 1280px) {\n .Hero-grid--bordered-inline {\n border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n}\n\n.Hero--variant-gridline.Hero--image-pos-inline {\n border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n/ Text column styling for gridline inline positions /\n.Hero-contentColumn--bordered-inline {\n padding: var(--base-size-32);\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n@media screen and (min-width: 63.25rem) {\n .Hero-contentColumn--bordered-inline {\n padding: var(--base-size-64);\n }\n}\n\n/ Media styling for gridline inline positions /\n\n/ Edge-to-edge inline media (no padding) - remove border radius /\n.Hero--variant-gridline .Hero-media--pos-inline:not(.Hero-media--padding-all) {\n border-radius: 0;\n}\n\n/ Applied directly to video/iframe elements for inline position /\n.Hero-media-item--inline {\n border-radius: 0;\n}\n\n/ Padded inline media - constrain size and center /\n.Hero--variant-gridline .Hero-media--pos-inline.Hero-media--padding-all {\n max-width: 100%;\n height: auto;\n align-self: center;\n}\n\n/ Image column styling now handled by .Hero-imageContainer--inline-bordered /\n\n.Hero-video {\n width: 100%;\n}\n\n/ Base styles for video/iframe media elements /\n.Hero-media-item {\n width: 100%;\n border-radius: var(--brand-borderRadius-large);\n}\n\n.Hero-label {\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-block-end: calc(var(--base-size-16) - var(--base-size-2));\n display: flex;\n align-items: center;\n}\n\n.Hero-heading {\n margin: 0;\n max-width: 924px;\n}\n\n.Hero-heading b {\n color: var(--brand-color-accent-primary);\n font-style: normal;\n font-weight: inherit;\n}\n\n.Hero-heading--fullWidth {\n max-width: unset;\n}\n\n.Hero-text-column--inline-gridline {\n height: 100%;\n}\n\n.Hero-description {\n margin: var(--base-size-24) 0 0;\n max-width: 600px;\n}\n\n.Hero--variant-inline-gridline .Hero-description {\n padding-block-start: var(--base-size-24);\n margin-block-start: auto;\n}\n\n.Hero-actions {\n margin-block-start: var(--base-size-28);\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--base-size-8) var(--base-size-16);\n}\n\n.Hero .Hero-actions > {\n flex-grow: 0;\n}\n\n.Hero--variant-gridline-expressive .Hero-actions {\n align-items: stretch;\n gap: var(--base-size-8) var(--base-size-12);\n}\n\n.Hero-trailing {\n margin-block-start: var(--base-size-32);\n}\n\n.Hero-trailing :is(img, picture) {\n display: block;\n}\n\n.Hero-eyebrow {\n margin-block-end: var(--base-size-32);\n}\n\n/* Small breakpoint and up /\n@media screen and (min-width: 34rem) {\n .Hero--variant-default {\n padding: var(--brand-Hero-regular-padding);\n }\n}\n\n.Hero-video-poster-button {\n padding: 0;\n border: none;\n background: none;\n cursor: pointer;\n display: block;\n height: 100%;\n position: relative;\n line-height: 0;\n font-size: 0;\n width: 100%;\n}\n\n.Hero-video-poster-image {\n display: block;\n height: auto;\n width: 100%;\n}\n\n.Hero-video-poster-icon {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: var(--base-size-96);\n height: var(--base-size-96);\n z-index: 1;\n color: var(--base-color-scale-white-0);\n}\n\n.Hero-video-poster-header {\n position: absolute;\n inset: 0 0 auto;\n padding: var(--base-size-16) var(--base-size-24);\n background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0));\n display: flex;\n align-items: center;\n gap: var(--base-size-16);\n height: var(--base-size-80);\n}\n\n.Hero-video-header-poster-icon,\n.Hero-video-poster-text {\n color: var(--base-color-scale-white-0);\n}\n\n/ ========================================\n Gridline-Expressive Variant\n ======================================== /\n\n.Hero--variant-gridline-expressive {\n container-type: inline-size;\n width: 100%;\n}\n\n/ Grid container for expressive variant /\n.Hero-grid--expressive {\n width: 100%;\n max-width: 1280px;\n margin-inline: auto;\n gap: 0;\n --brand-Grid-spacing-row: 0;\n}\n\n@container (min-width: 1280px) {\n .Hero-grid--expressive {\n border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n}\n\n/ Header column (eyebrow, heading) /\n.Hero-expressive-header-column {\n padding: var(--base-size-36);\n padding-inline: var(--base-size-20);\n padding-block-end: var(--base-size-28);\n border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n display: flex;\n align-items: center;\n}\n\n/ Body column (description, actions, trailing) /\n.Hero-expressive-body-column {\n padding: var(--base-size-32);\n padding-inline: var(--base-size-20);\n padding-block-start: var(--base-size-24);\n}\n\n.Hero--variant-gridline-expressive .Hero-description {\n margin-block-start: 0;\n}\n\n.Hero--variant-gridline-expressive .Hero-actions {\n margin-block-start: var(--base-size-28);\n}\n\n.Hero--variant-gridline-expressive .Hero-trailing {\n margin-block-start: var(--base-size-24);\n}\n\n/ Desktop: Side-by-side layout with vertical divider /\n@media screen and (min-width: 63.25rem) {\n .Hero-expressive-header-column {\n padding: var(--base-size-64);\n padding-inline-end: var(--base-size-64);\n border-block-end: none;\n border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n\n .Hero-expressive-body-column {\n padding: var(--base-size-64);\n padding-inline-start: var(--base-size-64);\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n }\n\n .Hero--variant-gridline-expressive .Hero-actions {\n margin-block-start: var(--base-size-24);\n }\n\n .Hero--variant-gridline-expressive .Hero-trailing {\n margin-block-start: var(--base-size-20);\n }\n}\n\n/ Media wrapper styles for gridline-expressive (same as gridline) /\n.Hero--variant-gridline-expressive .Hero-imageWrapper {\n border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n width: 100%;\n}\n\n.Hero--variant-gridline-expressive .Hero-imageWrapper:not(.Hero-imageWrapper--padding-none) {\n background-color: var(--brand-color-canvas-subtle);\n}\n\n.Hero--variant-gridline-expressive .Hero-imageWrapper-inner {\n width: 100%;\n max-width: 1280px;\n margin-inline: auto;\n padding: var(--base-size-32) var(--base-size-32) 0;\n}\n\n@container (min-width: 1280px) {\n .Hero--variant-gridline-expressive .Hero-imageWrapper-inner--with-gridline {\n border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n}\n\n.Hero--variant-gridline-expressive .Hero-imageWrapper-inner--padding-all {\n padding: var(--base-size-32);\n}\n\n@media screen and (min-width: 63.25rem) {\n .Hero--variant-gridline-expressive .Hero-imageWrapper-inner {\n padding: var(--base-size-64) var(--base-size-64) 0;\n }\n\n .Hero--variant-gridline-expressive .Hero-imageWrapper-inner--padding-all {\n padding: var(--base-size-64);\n }\n}\n\n.Hero--variant-gridline-expressive .Hero-imageWrapper-inner--padding-none {\n padding: 0;\n}\n\n/ Shared media styles for gridline-expressive */\n.Hero--variant-gridline-expressive .Hero-media {\n max-width: 1176px;\n margin-inline: auto;\n display: block;\n overflow: hidden;\n}\n\n.Hero--variant-gridline-expressive\n .Hero-media--pos-block-end:not(.Hero-media--padding-all):not(.Hero-media--padding-none) {\n border-radius: var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0;\n}\n\n.Hero--variant-gridline .Hero-media--padding-none,\n.Hero--variant-gridline-expressive .Hero-media--padding-none {\n border-radius: 0;\n max-width: 100%;\n}\n"],"mappings":""}

package/esm/LogoSuite/LogoSuite.module-BCbX-lfy.css ADDED Viewed

@@ -0,0 +1 @@

+ .Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ{padding-block-end:var(--brand-LogoSuite-logobar-rowGap)}.Primer_Brand__LogoSuite-module__LogoSuite--default___mbLiN+.Primer_Brand__LogoSuite-module__LogoSuite--default___mbLiN{padding-block-start:var(--brand-LogoSuite-logobar-rowGap)}.Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ:not(:has(.Primer_Brand__LogoSuite-module__LogoSuite__description___J_Sms)) .Primer_Brand__LogoSuite-module__LogoSuite__heading___PsSGL{font-family:var(--brand-fontStack-monospace);font-weight:var(--brand-text-weight-100);font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-100);letter-spacing:var(--brand-text-letterSpacing-100);text-transform:uppercase;color:var(--brand-color-text-muted)}.Primer_Brand__LogoSuite-module__LogoSuite__heading___PsSGL+.Primer_Brand__LogoSuite-module__LogoSuite__description___J_Sms{padding-block-start:var(--base-size-16)}.Primer_Brand__LogoSuite-module__LogoSuite--start___zqwlX{text-align:left}.Primer_Brand__LogoSuite-module__LogoSuite--center___j119b,.Primer_Brand__LogoSuite-module__LogoSuite--justify___MTk0u{text-align:center}.Primer_Brand__LogoSuite-module__LogoSuite--default___mbLiN:not(.Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ+.Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ) .Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC{padding-block-start:var(--base-size-32)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC{row-gap:var(--brand-LogoSuite-logobar-rowGap);flex-wrap:wrap;justify-content:center;display:flex}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--gap-default___sGwUx{--marquee-gap:var(--brand-LogoSuite-logobar-marquee-gap-default);-moz-column-gap:var(--brand-LogoSuite-logobar-columnGap-default);column-gap:var(--brand-LogoSuite-logobar-columnGap-default)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--gap-condensed___T86E8{--marquee-gap:var(--brand-LogoSuite-logobar-marquee-gap-condensed);-moz-column-gap:var(--brand-LogoSuite-logobar-columnGap-condensed);column-gap:var(--brand-LogoSuite-logobar-columnGap-condensed)}.Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ:not(.Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ+.Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ) .Primer_Brand__LogoSuite-module__LogoSuite__heading___PsSGL:not(.Primer_Brand__LogoSuite-module__LogoSuite__heading--visually-hidden___oZzlO)+.Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC,.Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ:not(.Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ+.Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ) .Primer_Brand__LogoSuite-module__LogoSuite__description___J_Sms+.Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC{margin-block-start:var(--base-size-44);padding-block-start:0}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___iM9ru svg,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___iM9ru img,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___iM9ru a,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___yvuYR svg,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___yvuYR img,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___yvuYR a{width:auto;height:var(--base-size-32)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC img{display:block}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___iM9ru svg,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___iM9ru path{fill:var(--brand-LogoSuite-color-logo-muted)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___iM9ru img{filter:var(--brand-LogoSuite-color-logo-filter-muted)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___yvuYR svg,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___yvuYR path{fill:var(--brand-LogoSuite-color-logo-emphasis)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___yvuYR img{filter:var(--brand-LogoSuite-color-logo-filter-emphasis)}.Primer_Brand__LogoSuite-module__LogoSuite--start___zqwlX .Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC{justify-content:center}@media screen and (width>=48rem){.Primer_Brand__LogoSuite-module__LogoSuite--justify___MTk0u .Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC{justify-content:space-between}}.Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC a:focus-visible{outline:var(--brand-borderWidth-thick) solid var(--brand-color-focus);outline-offset:var(--base-size-2);border-radius:var(--base-size-4)}.Primer_Brand__LogoSuite-module__LogoSuite--hasDivider___Wj8u_{border-bottom:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-marquee___tyW6K{align-items:center;gap:var(--base-size-24);flex-direction:row;max-width:100vw;margin:auto;display:flex;position:relative}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___bUhyS{justify-content:space-around;align-items:center;gap:var(--marquee-gap);min-width:100%;animation-name:Primer_Brand__LogoSuite-module__LogobarScrollX___eGhi4;animation-duration:var(--brand-LogoSuite-logobar-marquee-default);flex-shrink:0;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:normal;animation-play-state:running;animation-fill-mode:none;display:flex}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup--speed-default___nsm9D{animation-duration:var(--brand-LogoSuite-logobar-marquee-default)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup--speed-slow___NZHrb{animation-duration:var(--brand-LogoSuite-logobar-marquee-slow)}@keyframes Primer_Brand__LogoSuite-module__LogobarScrollX___eGhi4{0%{transform:translate(0)}to{transform:translateX(calc(-100% - var(--marquee-gap)))}}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee____s6pK:hover .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___bUhyS,.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee____s6pK:focus-within .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___bUhyS{animation-play-state:paused}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee____s6pK{padding-block:var(--base-size-4);-webkit-user-select:none;user-select:none;gap:var(--marquee-gap);flex:1;min-width:0;display:flex;overflow:hidden visible;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--paused___7p9ka *{animation-play-state:paused!important}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee--focused___zizoE .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___bUhyS{animation-name:none}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___KDfie{cursor:pointer;width:var(--base-size-32);height:var(--base-size-32);border-radius:var(--base-size-48);border:none;border:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);background-color:var(--brand-LogoSuite-color-control-rest);transition:background-color var(--brand-animation-duration-faster);flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___KDfie:hover{background-color:var(--brand-LogoSuite-color-control-hover)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___KDfie:focus-visible{outline:var(--base-size-4) solid var(--brand-color-focus);outline-offset:var(--base-size-2)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___KDfie svg{width:var(--base-size-16);height:var(--base-size-16);fill:var(--brand-color-text-muted)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___KDfie path{fill:var(--brand-color-text-muted)}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16{padding:0}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__content____8K_Y{gap:0;padding-inline:0}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__textContainer___OB63e{padding:var(--base-size-20);flex-direction:column;justify-content:center;display:flex}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC{margin-block-start:auto}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__logobarContainer___RcqbC{padding:var(--base-size-32) var(--base-size-20) var(--base-size-32);flex-direction:column;justify-content:center;display:flex}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC,.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-marquee___tyW6K{width:100%;max-width:none}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__heading___PsSGL+.Primer_Brand__LogoSuite-module__LogoSuite__description___J_Sms{padding-block-start:var(--base-size-8)}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC{padding-block-start:0}@media screen and (width>=48rem){.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16{padding-inline:91px}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__logobarContainer___RcqbC{padding:var(--base-size-40)}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__content____8K_Y{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__textContainer___OB63e{border-inline-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}@media screen and (width>=64rem){.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16{padding-inline:0}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__content____8K_Y{max-width:1280px}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__textContainer___OB63e{text-align:left;padding:var(--base-size-64)}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__logobarContainer___RcqbC{padding:var(--base-size-64)}}@media screen and (width>=1281px){.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__content____8K_Y{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__logobarContainer___RcqbC:first-child{border-inline-start:none}}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___ZQbXf{position:relative;overflow:visible}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___ZQbXf:before{content:"";inset:calc(-1 * var(--base-size-16)) 0;z-index:1;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(var(--base-size-6));transition:opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);position:absolute}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___ZQbXf:hover:before,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___ZQbXf:focus-within:before{opacity:1}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___ZQbXf:hover svg,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___ZQbXf:focus-within svg,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___ZQbXf:hover img,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___ZQbXf:focus-within img{opacity:.7;transition:opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-takeoverButtonContainer___ehoEd{opacity:0;visibility:hidden;z-index:2;transition:opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___ZQbXf:hover .Primer_Brand__LogoSuite-module__LogoSuite__logobar-takeoverButtonContainer___ehoEd,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___ZQbXf:focus-within .Primer_Brand__LogoSuite-module__LogoSuite__logobar-takeoverButtonContainer___ehoEd{opacity:1;visibility:visible}

package/esm/LogoSuite/LogoSuite.module.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './LogoSuite.module-69Mthqju.css';var e = {
+import './LogoSuite.module-BCbX-lfy.css';var e = {
 	LogoSuite: "Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ",
 	"LogoSuite--default": "Primer_Brand__LogoSuite-module__LogoSuite--default___mbLiN",
 	LogoSuite__description: "Primer_Brand__LogoSuite-module__LogoSuite__description___J_Sms",

package/esm/LogoSuite/LogoSuite.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LogoSuite.module.js","names":[],"sources":["../../src/LogoSuite/LogoSuite.module.css"],"sourcesContent":[".LogoSuite {\n padding-block-end: var(--brand-LogoSuite-logobar-rowGap);\n}\n\n.LogoSuite--default + .LogoSuite--default {\n padding-block-start: var(--brand-LogoSuite-logobar-rowGap);\n}\n\n/* Small monospace heading when standalone (no description) /\n.LogoSuite:not(:has(.LogoSuite__description)) .LogoSuite__heading {\n font-family: var(--brand-fontStack-monospace);\n font-weight: var(--brand-text-weight-100);\n font-size: var(--brand-text-size-100);\n line-height: var(--brand-text-lineHeight-100);\n letter-spacing: var(--brand-text-letterSpacing-100);\n text-transform: uppercase;\n color: var(--brand-color-text-muted);\n}\n\n.LogoSuite__heading + .LogoSuite__description {\n padding-block-start: var(--base-size-16);\n}\n\n.LogoSuite--start {\n text-align: left;\n}\n\n.LogoSuite--center,\n.LogoSuite--justify {\n text-align: center;\n}\n\n.LogoSuite--default:not(.LogoSuite + .LogoSuite) .LogoSuite__logobar {\n padding-block-start: var(--base-size-32);\n}\n\n.LogoSuite__logobar {\n display: flex;\n flex-wrap: wrap;\n row-gap: var(--brand-LogoSuite-logobar-rowGap);\n justify-content: center;\n}\n\n.LogoSuite__logobar--gap-default {\n --marquee-gap: var(--brand-LogoSuite-logobar-marquee-gap-default);\n column-gap: var(--brand-LogoSuite-logobar-columnGap-default);\n}\n\n.LogoSuite__logobar--gap-condensed {\n --marquee-gap: var(--brand-LogoSuite-logobar-marquee-gap-condensed);\n column-gap: var(--brand-LogoSuite-logobar-columnGap-condensed);\n}\n\n.LogoSuite:not(.LogoSuite + .LogoSuite)\n .LogoSuite__heading:not(.LogoSuite__heading--visually-hidden)\n + .LogoSuite__logobar,\n.LogoSuite:not(.LogoSuite + .LogoSuite) .LogoSuite__description + .LogoSuite__logobar {\n padding-block-start: 0;\n margin-block-start: var(--base-size-44);\n}\n\n.LogoSuite__logobar--variant-muted svg,\n.LogoSuite__logobar--variant-muted img,\n.LogoSuite__logobar--variant-muted a,\n.LogoSuite__logobar--variant-emphasis svg,\n.LogoSuite__logobar--variant-emphasis img,\n.LogoSuite__logobar--variant-emphasis a {\n width: auto;\n height: var(--base-size-32);\n}\n\n.LogoSuite__logobar--variant-muted svg,\n.LogoSuite__logobar--variant-muted path {\n fill: var(--brand-LogoSuite-color-logo-muted);\n}\n\n.LogoSuite__logobar--variant-muted img {\n filter: var(--brand-LogoSuite-color-logo-filter-muted);\n}\n\n.LogoSuite__logobar--variant-emphasis svg,\n.LogoSuite__logobar--variant-emphasis path {\n fill: var(--brand-LogoSuite-color-logo-emphasis);\n}\n\n.LogoSuite__logobar--variant-emphasis img {\n filter: var(--brand-LogoSuite-color-logo-filter-emphasis);\n}\n\n.LogoSuite--start .LogoSuite__logobar {\n justify-content: center;\n}\n\n@media screen and (min-width: 48rem) {\n .LogoSuite--justify .LogoSuite__logobar {\n justify-content: space-between;\n }\n}\n\n.LogoSuite__logobar a:focus-visible {\n outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n outline-offset: var(--base-size-2);\n border-radius: var(--base-size-4);\n}\n\n.LogoSuite--hasDivider {\n border-bottom: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.LogoSuite__logobar--has-marquee {\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--base-size-24);\n margin: auto;\n max-width: 100vw;\n}\n\n.LogoSuite__logobar-marqueeGroup {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: space-around;\n gap: var(--marquee-gap);\n min-width: 100%;\n animation-name: LogobarScrollX;\n animation-duration: var(--brand-LogoSuite-logobar-marquee-default);\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n animation-direction: normal;\n animation-fill-mode: none;\n animation-play-state: running;\n}\n\n.LogoSuite__logobar-marqueeGroup--speed-default {\n animation-duration: var(--brand-LogoSuite-logobar-marquee-default);\n}\n\n.LogoSuite__logobar-marqueeGroup--speed-slow {\n animation-duration: var(--brand-LogoSuite-logobar-marquee-slow);\n}\n\n@keyframes LogobarScrollX {\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(calc(-100% - var(--marquee-gap)));\n }\n}\n\n.LogoSuite__logobar-marquee:hover .LogoSuite__logobar-marqueeGroup,\n.LogoSuite__logobar-marquee:focus-within .LogoSuite__logobar-marqueeGroup {\n animation-play-state: paused;\n}\n\n.LogoSuite__logobar-marquee {\n display: flex;\n overflow-x: hidden;\n overflow-y: visible;\n padding-block: var(--base-size-4);\n user-select: none;\n gap: var(--marquee-gap);\n flex: 1;\n min-width: 0;\n -webkit-mask-image: linear-gradient(\n to right,\n hsl(0 0% 0% / 0),\n hsl(0 0% 0% / 1) 20%,\n hsl(0 0% 0% / 1) 80%,\n hsl(0 0% 0% / 0)\n );\n mask-image: linear-gradient(to right, hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 20%, hsl(0 0% 0% / 1) 80%, hsl(0 0% 0% / 0));\n}\n\n.LogoSuite__logobar--paused {\n animation-play-state: paused !important;\n}\n\n.LogoSuite__logobar-marquee--focused .LogoSuite__logobar-marqueeGroup {\n animation-name: none;\n}\n\n.LogoSuite__logobar-playPauseButton {\n cursor: pointer;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--base-size-32);\n height: var(--base-size-32);\n margin: 0;\n padding: 0;\n border: none;\n border-radius: var(--base-size-48);\n border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n background-color: var(--brand-LogoSuite-color-control-rest);\n transition: background-color var(--brand-animation-duration-faster);\n}\n\n.LogoSuite__logobar-playPauseButton:hover {\n background-color: var(--brand-LogoSuite-color-control-hover);\n}\n\n.LogoSuite__logobar-playPauseButton:focus-visible {\n outline: var(--base-size-4) solid var(--brand-color-focus);\n outline-offset: var(--base-size-2);\n}\n\n.LogoSuite__logobar-playPauseButton svg {\n width: var(--base-size-16);\n height: var(--base-size-16);\n fill: var(--brand-color-text-muted);\n}\n\n.LogoSuite__logobar-playPauseButton path {\n fill: var(--brand-color-text-muted);\n}\n\n/* Gridline expressive variant styles /\n.LogoSuite--gridline-expressive {\n padding: 0;\n}\n\n.LogoSuite--gridline-expressive .LogoSuite__content {\n padding-inline: 0;\n gap: 0;\n}\n\n.LogoSuite--gridline-expressive .LogoSuite__textContainer {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: var(--base-size-20);\n}\n\n.LogoSuite--gridline-expressive .LogoSuite__logobar {\n margin-block-start: auto;\n}\n.LogoSuite--gridline-expressive .LogoSuite__logobarContainer {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: var(--base-size-32) var(--base-size-20) var(--base-size-32);\n}\n\n.LogoSuite--gridline-expressive .LogoSuite__logobar,\n.LogoSuite--gridline-expressive .LogoSuite__logobar--has-marquee {\n max-width: none;\n width: 100%;\n}\n\n.LogoSuite--gridline-expressive .LogoSuite__heading + .LogoSuite__description {\n padding-block-start: var(--base-size-8);\n}\n\n.LogoSuite--gridline-expressive .LogoSuite__logobar {\n padding-block-start: 0;\n}\n\n@media screen and (min-width: 48rem) {\n .LogoSuite--gridline-expressive {\n padding-inline: 91px;\n }\n\n .LogoSuite--gridline-expressive .LogoSuite__logobarContainer {\n padding: var(--base-size-40);\n }\n .LogoSuite--gridline-expressive .LogoSuite__content {\n border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n .LogoSuite--gridline-expressive .LogoSuite__textContainer {\n border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n}\n\n@media screen and (min-width: 64rem) {\n .LogoSuite--gridline-expressive {\n padding-inline: 0;\n }\n\n .LogoSuite--gridline-expressive .LogoSuite__content {\n max-width: 1280px;\n }\n\n .LogoSuite--gridline-expressive .LogoSuite__textContainer {\n text-align: left;\n padding: var(--base-size-64);\n }\n\n .LogoSuite--gridline-expressive .LogoSuite__logobarContainer {\n padding: var(--base-size-64);\n }\n}\n\n@media screen and (min-width: 1281px) {\n .LogoSuite--gridline-expressive .LogoSuite__content {\n border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n\n / When the logobar is the only column visible (no adjacent text), this removes start border /\n .LogoSuite--gridline-expressive .LogoSuite__logobarContainer:first-child {\n border-inline-start: none;\n }\n}\n\n.LogoSuite__logobar--has-takeover {\n position: relative;\n overflow: visible;\n}\n\n/ Glass blur overlay effect /\n.LogoSuite__logobar--has-takeover::before {\n content: '';\n position: absolute;\n inset: calc(-1 var(--base-size-16)) 0;\n z-index: 1;\n pointer-events: none;\n opacity: 0;\n backdrop-filter: blur(var(--base-size-6));\n -webkit-backdrop-filter: blur(var(--base-size-6));\n transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.LogoSuite__logobar--has-takeover:hover::before,\n.LogoSuite__logobar--has-takeover:focus-within::before {\n opacity: 1;\n}\n\n.LogoSuite__logobar--has-takeover:hover svg,\n.LogoSuite__logobar--has-takeover:focus-within svg,\n.LogoSuite__logobar--has-takeover:hover img,\n.LogoSuite__logobar--has-takeover:focus-within img {\n opacity: 0.7;\n transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.LogoSuite__logobar-takeoverButtonContainer {\n opacity: 0;\n visibility: hidden;\n z-index: 2;\n transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.LogoSuite__logobar--has-takeover:hover .LogoSuite__logobar-takeoverButtonContainer,\n.LogoSuite__logobar--has-takeover:focus-within .LogoSuite__logobar-takeoverButtonContainer {\n opacity: 1;\n visibility: visible;\n}\n"],"mappings":""}
1	+ {"version":3,"file":"LogoSuite.module.js","names":[],"sources":["../../src/LogoSuite/LogoSuite.module.css"],"sourcesContent":[".LogoSuite {\n padding-block-end: var(--brand-LogoSuite-logobar-rowGap);\n}\n\n.LogoSuite--default + .LogoSuite--default {\n padding-block-start: var(--brand-LogoSuite-logobar-rowGap);\n}\n\n/* Small monospace heading when standalone (no description) /\n.LogoSuite:not(:has(.LogoSuite__description)) .LogoSuite__heading {\n font-family: var(--brand-fontStack-monospace);\n font-weight: var(--brand-text-weight-100);\n font-size: var(--brand-text-size-100);\n line-height: var(--brand-text-lineHeight-100);\n letter-spacing: var(--brand-text-letterSpacing-100);\n text-transform: uppercase;\n color: var(--brand-color-text-muted);\n}\n\n.LogoSuite__heading + .LogoSuite__description {\n padding-block-start: var(--base-size-16);\n}\n\n.LogoSuite--start {\n text-align: left;\n}\n\n.LogoSuite--center,\n.LogoSuite--justify {\n text-align: center;\n}\n\n.LogoSuite--default:not(.LogoSuite + .LogoSuite) .LogoSuite__logobar {\n padding-block-start: var(--base-size-32);\n}\n\n.LogoSuite__logobar {\n display: flex;\n flex-wrap: wrap;\n row-gap: var(--brand-LogoSuite-logobar-rowGap);\n justify-content: center;\n}\n\n.LogoSuite__logobar--gap-default {\n --marquee-gap: var(--brand-LogoSuite-logobar-marquee-gap-default);\n column-gap: var(--brand-LogoSuite-logobar-columnGap-default);\n}\n\n.LogoSuite__logobar--gap-condensed {\n --marquee-gap: var(--brand-LogoSuite-logobar-marquee-gap-condensed);\n column-gap: var(--brand-LogoSuite-logobar-columnGap-condensed);\n}\n\n.LogoSuite:not(.LogoSuite + .LogoSuite)\n .LogoSuite__heading:not(.LogoSuite__heading--visually-hidden)\n + .LogoSuite__logobar,\n.LogoSuite:not(.LogoSuite + .LogoSuite) .LogoSuite__description + .LogoSuite__logobar {\n padding-block-start: 0;\n margin-block-start: var(--base-size-44);\n}\n\n.LogoSuite__logobar--variant-muted svg,\n.LogoSuite__logobar--variant-muted img,\n.LogoSuite__logobar--variant-muted a,\n.LogoSuite__logobar--variant-emphasis svg,\n.LogoSuite__logobar--variant-emphasis img,\n.LogoSuite__logobar--variant-emphasis a {\n width: auto;\n height: var(--base-size-32);\n}\n\n.LogoSuite__logobar img {\n display: block;\n}\n\n.LogoSuite__logobar--variant-muted svg,\n.LogoSuite__logobar--variant-muted path {\n fill: var(--brand-LogoSuite-color-logo-muted);\n}\n\n.LogoSuite__logobar--variant-muted img {\n filter: var(--brand-LogoSuite-color-logo-filter-muted);\n}\n\n.LogoSuite__logobar--variant-emphasis svg,\n.LogoSuite__logobar--variant-emphasis path {\n fill: var(--brand-LogoSuite-color-logo-emphasis);\n}\n\n.LogoSuite__logobar--variant-emphasis img {\n filter: var(--brand-LogoSuite-color-logo-filter-emphasis);\n}\n\n.LogoSuite--start .LogoSuite__logobar {\n justify-content: center;\n}\n\n@media screen and (min-width: 48rem) {\n .LogoSuite--justify .LogoSuite__logobar {\n justify-content: space-between;\n }\n}\n\n.LogoSuite__logobar a:focus-visible {\n outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n outline-offset: var(--base-size-2);\n border-radius: var(--base-size-4);\n}\n\n.LogoSuite--hasDivider {\n border-bottom: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.LogoSuite__logobar--has-marquee {\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--base-size-24);\n margin: auto;\n max-width: 100vw;\n}\n\n.LogoSuite__logobar-marqueeGroup {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: space-around;\n gap: var(--marquee-gap);\n min-width: 100%;\n animation-name: LogobarScrollX;\n animation-duration: var(--brand-LogoSuite-logobar-marquee-default);\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n animation-direction: normal;\n animation-fill-mode: none;\n animation-play-state: running;\n}\n\n.LogoSuite__logobar-marqueeGroup--speed-default {\n animation-duration: var(--brand-LogoSuite-logobar-marquee-default);\n}\n\n.LogoSuite__logobar-marqueeGroup--speed-slow {\n animation-duration: var(--brand-LogoSuite-logobar-marquee-slow);\n}\n\n@keyframes LogobarScrollX {\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(calc(-100% - var(--marquee-gap)));\n }\n}\n\n.LogoSuite__logobar-marquee:hover .LogoSuite__logobar-marqueeGroup,\n.LogoSuite__logobar-marquee:focus-within .LogoSuite__logobar-marqueeGroup {\n animation-play-state: paused;\n}\n\n.LogoSuite__logobar-marquee {\n display: flex;\n overflow-x: hidden;\n overflow-y: visible;\n padding-block: var(--base-size-4);\n user-select: none;\n gap: var(--marquee-gap);\n flex: 1;\n min-width: 0;\n -webkit-mask-image: linear-gradient(\n to right,\n hsl(0 0% 0% / 0),\n hsl(0 0% 0% / 1) 20%,\n hsl(0 0% 0% / 1) 80%,\n hsl(0 0% 0% / 0)\n );\n mask-image: linear-gradient(to right, hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 20%, hsl(0 0% 0% / 1) 80%, hsl(0 0% 0% / 0));\n}\n\n.LogoSuite__logobar--paused {\n animation-play-state: paused !important;\n}\n\n.LogoSuite__logobar-marquee--focused .LogoSuite__logobar-marqueeGroup {\n animation-name: none;\n}\n\n.LogoSuite__logobar-playPauseButton {\n cursor: pointer;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--base-size-32);\n height: var(--base-size-32);\n margin: 0;\n padding: 0;\n border: none;\n border-radius: var(--base-size-48);\n border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n background-color: var(--brand-LogoSuite-color-control-rest);\n transition: background-color var(--brand-animation-duration-faster);\n}\n\n.LogoSuite__logobar-playPauseButton:hover {\n background-color: var(--brand-LogoSuite-color-control-hover);\n}\n\n.LogoSuite__logobar-playPauseButton:focus-visible {\n outline: var(--base-size-4) solid var(--brand-color-focus);\n outline-offset: var(--base-size-2);\n}\n\n.LogoSuite__logobar-playPauseButton svg {\n width: var(--base-size-16);\n height: var(--base-size-16);\n fill: var(--brand-color-text-muted);\n}\n\n.LogoSuite__logobar-playPauseButton path {\n fill: var(--brand-color-text-muted);\n}\n\n/* Gridline expressive variant styles /\n.LogoSuite--gridline-expressive {\n padding: 0;\n}\n\n.LogoSuite--gridline-expressive .LogoSuite__content {\n padding-inline: 0;\n gap: 0;\n}\n\n.LogoSuite--gridline-expressive .LogoSuite__textContainer {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: var(--base-size-20);\n}\n\n.LogoSuite--gridline-expressive .LogoSuite__logobar {\n margin-block-start: auto;\n}\n.LogoSuite--gridline-expressive .LogoSuite__logobarContainer {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: var(--base-size-32) var(--base-size-20) var(--base-size-32);\n}\n\n.LogoSuite--gridline-expressive .LogoSuite__logobar,\n.LogoSuite--gridline-expressive .LogoSuite__logobar--has-marquee {\n max-width: none;\n width: 100%;\n}\n\n.LogoSuite--gridline-expressive .LogoSuite__heading + .LogoSuite__description {\n padding-block-start: var(--base-size-8);\n}\n\n.LogoSuite--gridline-expressive .LogoSuite__logobar {\n padding-block-start: 0;\n}\n\n@media screen and (min-width: 48rem) {\n .LogoSuite--gridline-expressive {\n padding-inline: 91px;\n }\n\n .LogoSuite--gridline-expressive .LogoSuite__logobarContainer {\n padding: var(--base-size-40);\n }\n .LogoSuite--gridline-expressive .LogoSuite__content {\n border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n .LogoSuite--gridline-expressive .LogoSuite__textContainer {\n border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n}\n\n@media screen and (min-width: 64rem) {\n .LogoSuite--gridline-expressive {\n padding-inline: 0;\n }\n\n .LogoSuite--gridline-expressive .LogoSuite__content {\n max-width: 1280px;\n }\n\n .LogoSuite--gridline-expressive .LogoSuite__textContainer {\n text-align: left;\n padding: var(--base-size-64);\n }\n\n .LogoSuite--gridline-expressive .LogoSuite__logobarContainer {\n padding: var(--base-size-64);\n }\n}\n\n@media screen and (min-width: 1281px) {\n .LogoSuite--gridline-expressive .LogoSuite__content {\n border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n\n / When the logobar is the only column visible (no adjacent text), this removes start border /\n .LogoSuite--gridline-expressive .LogoSuite__logobarContainer:first-child {\n border-inline-start: none;\n }\n}\n\n.LogoSuite__logobar--has-takeover {\n position: relative;\n overflow: visible;\n}\n\n/ Glass blur overlay effect /\n.LogoSuite__logobar--has-takeover::before {\n content: '';\n position: absolute;\n inset: calc(-1 var(--base-size-16)) 0;\n z-index: 1;\n pointer-events: none;\n opacity: 0;\n backdrop-filter: blur(var(--base-size-6));\n -webkit-backdrop-filter: blur(var(--base-size-6));\n transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.LogoSuite__logobar--has-takeover:hover::before,\n.LogoSuite__logobar--has-takeover:focus-within::before {\n opacity: 1;\n}\n\n.LogoSuite__logobar--has-takeover:hover svg,\n.LogoSuite__logobar--has-takeover:focus-within svg,\n.LogoSuite__logobar--has-takeover:hover img,\n.LogoSuite__logobar--has-takeover:focus-within img {\n opacity: 0.7;\n transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.LogoSuite__logobar-takeoverButtonContainer {\n opacity: 0;\n visibility: hidden;\n z-index: 2;\n transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.LogoSuite__logobar--has-takeover:hover .LogoSuite__logobar-takeoverButtonContainer,\n.LogoSuite__logobar--has-takeover:focus-within .LogoSuite__logobar-takeoverButtonContainer {\n opacity: 1;\n visibility: visible;\n}\n"],"mappings":""}

package/esm/MinimalFooter/{MinimalFooter.module-DPMYigso.css → MinimalFooter.module-Cl2g38SO.css} RENAMED Viewed

	@@ -1 +1 @@
1	- .Primer_Brand__MinimalFooter-module__Footer___N646_{background-color:var(--brand-footer-bg-color);position:relative}.Primer_Brand__MinimalFooter-module__Footer__container___YiFAB{max-width:1280px;max-width:var(--brand-footer-max-width,1280px);margin-left:auto;margin-right:auto;padding:0 28px}.Primer_Brand__MinimalFooter-module__Footer__terms___0JWoT{padding:var(--base-size-48) 0}.Primer_Brand__MinimalFooter-module__Footer__terms-item___G5hh9{margin-bottom:var(--base-size-24)}.Primer_Brand__MinimalFooter-module__Footer__terms-item___G5hh9 sup{font-size:var(--base-size-12);vertical-align:super;margin-right:var(--base-size-4);display:inline-block}.Primer_Brand__MinimalFooter-module__Footer__terms-item___G5hh9:last-child{margin-bottom:0}.Primer_Brand__MinimalFooter-module__Footer__social-links___VWTjM{justify-content:flex-start;align-items:center;gap:var(--base-size-16);margin:0;padding:0;list-style:none;display:flex}.Primer_Brand__MinimalFooter-module__Footer__logomarks___Sak80{border-top:var(--brand-borderWidth-thin) solid var(--brand-color-border-default);border-bottom:var(--brand-borderWidth-thin) solid var(--brand-color-border-default)}.Primer_Brand__MinimalFooter-module__Footer__logomarks___Sak80,.Primer_Brand__MinimalFooter-module__Footer__legal-and-links___2FEd5{padding-top:var(--base-size-48);padding-bottom:var(--base-size-48)}.Primer_Brand__MinimalFooter-module__Footer__social-link___eXQoF{position:relative}.Primer_Brand__MinimalFooter-module__Footer__social-link___eXQoF:before{content:"";min-width:var(--base-size-24);min-height:var(--base-size-24);display:block;position:absolute}.Primer_Brand__MinimalFooter-module__Footer__social-link___eXQoF:hover .Primer_Brand__MinimalFooter-module__Footer__social-icon___nEyso,.Primer_Brand__MinimalFooter-module__Footer__social-link___eXQoF:focus-visible .Primer_Brand__MinimalFooter-module__Footer__social-icon___nEyso{filter:var(--brand-footer-socialIcon-hoverFilter)}.Primer_Brand__MinimalFooter-module__Footer__social-icon___nEyso{width:24px;height:auto}[data-color-mode=light] .Primer_Brand__MinimalFooter-module__Footer__social-icon___nEyso{filter:brightness(95%)saturate()}.Primer_Brand__MinimalFooter-module__Footer__copyright___M5PJu{padding-bottom:var(--base-size-4);order:2;display:flex}@media screen and (width>=48rem){.Primer_Brand__MinimalFooter-module__Footer__copyright___M5PJu{order:1}}.Primer_Brand__MinimalFooter-module__Footer__links___7RcTo{order:1}@media screen and (width>=48rem){.Primer_Brand__MinimalFooter-module__Footer__links___7RcTo{order:2}}.Primer_Brand__MinimalFooter-module__Footer__link___lYG6f{color:var(--brand-color-text-muted);border-top:none;border-left:none;border-right:none;border-bottom:var(--brand-borderWidth-thin) solid transparent;background-color:inherit;cursor:pointer;padding:0 0 var(--base-size-4) 0;transition:border var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);align-self:flex-start;-webkit-text-decoration:none;text-decoration:none}.Primer_Brand__MinimalFooter-module__Footer__link___lYG6f:hover{color:var(--brand-color-text-default);border-bottom-color:var(--brand-color-text-muted);-webkit-text-decoration:none;text-decoration:none}@media (prefers-reduced-motion:reduce){.Primer_Brand__MinimalFooter-module__Footer___N646_,.Primer_Brand__MinimalFooter-module__Footer___N646_:before,.Primer_Brand__MinimalFooter-module__Footer___N646_:after,.Primer_Brand__MinimalFooter-module__Footer___N646_ *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
1	+ .Primer_Brand__MinimalFooter-module__Footer___N646_{background-color:var(--brand-footer-bg-color);position:relative}.Primer_Brand__MinimalFooter-module__Footer__container___YiFAB{max-width:1280px;max-width:var(--brand-footer-max-width,1280px);margin-left:auto;margin-right:auto;padding:0 28px}.Primer_Brand__MinimalFooter-module__Footer__terms___0JWoT{padding:var(--base-size-48) 0}.Primer_Brand__MinimalFooter-module__Footer__terms-item___G5hh9{margin-bottom:var(--base-size-24)}.Primer_Brand__MinimalFooter-module__Footer__terms-item___G5hh9 sup{font-size:var(--base-size-12);vertical-align:super;margin-right:var(--base-size-4);display:inline-block}.Primer_Brand__MinimalFooter-module__Footer__terms-item___G5hh9:last-child{margin-bottom:0}.Primer_Brand__MinimalFooter-module__Footer__social-links___VWTjM{justify-content:flex-start;align-items:center;gap:var(--base-size-16);margin:0;padding:0;list-style:none;display:flex}.Primer_Brand__MinimalFooter-module__Footer__logomarks___Sak80{border-top:var(--brand-borderWidth-thin) solid var(--brand-color-border-default);border-bottom:var(--brand-borderWidth-thin) solid var(--brand-color-border-default)}.Primer_Brand__MinimalFooter-module__Footer__logomarks___Sak80,.Primer_Brand__MinimalFooter-module__Footer__legal-and-links___2FEd5{padding-top:var(--base-size-48);padding-bottom:var(--base-size-48)}.Primer_Brand__MinimalFooter-module__Footer__social-link___eXQoF{position:relative}.Primer_Brand__MinimalFooter-module__Footer__social-link___eXQoF:before{content:"";min-width:var(--base-size-24);min-height:var(--base-size-24);display:block;position:absolute}.Primer_Brand__MinimalFooter-module__Footer__social-link___eXQoF:hover .Primer_Brand__MinimalFooter-module__Footer__social-icon___nEyso,.Primer_Brand__MinimalFooter-module__Footer__social-link___eXQoF:focus-visible .Primer_Brand__MinimalFooter-module__Footer__social-icon___nEyso{filter:var(--brand-footer-socialIcon-hoverFilter)}.Primer_Brand__MinimalFooter-module__Footer__social-icon___nEyso{width:24px;height:auto;display:block}[data-color-mode=light] .Primer_Brand__MinimalFooter-module__Footer__social-icon___nEyso{filter:brightness(95%)saturate()}.Primer_Brand__MinimalFooter-module__Footer__copyright___M5PJu{padding-bottom:var(--base-size-4);order:2;display:flex}@media screen and (width>=48rem){.Primer_Brand__MinimalFooter-module__Footer__copyright___M5PJu{order:1}}.Primer_Brand__MinimalFooter-module__Footer__links___7RcTo{order:1}@media screen and (width>=48rem){.Primer_Brand__MinimalFooter-module__Footer__links___7RcTo{order:2}}.Primer_Brand__MinimalFooter-module__Footer__link___lYG6f{color:var(--brand-color-text-muted);border-top:none;border-left:none;border-right:none;border-bottom:var(--brand-borderWidth-thin) solid transparent;background-color:inherit;cursor:pointer;padding:0 0 var(--base-size-4) 0;transition:border var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);align-self:flex-start;-webkit-text-decoration:none;text-decoration:none}.Primer_Brand__MinimalFooter-module__Footer__link___lYG6f:hover{color:var(--brand-color-text-default);border-bottom-color:var(--brand-color-text-muted);-webkit-text-decoration:none;text-decoration:none}@media (prefers-reduced-motion:reduce){.Primer_Brand__MinimalFooter-module__Footer___N646_,.Primer_Brand__MinimalFooter-module__Footer___N646_:before,.Primer_Brand__MinimalFooter-module__Footer___N646_:after,.Primer_Brand__MinimalFooter-module__Footer___N646_ *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

package/esm/MinimalFooter/MinimalFooter.module.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './MinimalFooter.module-DPMYigso.css';var e = {
+import './MinimalFooter.module-Cl2g38SO.css';var e = {
 	Footer: "Primer_Brand__MinimalFooter-module__Footer___N646_",
 	Footer__container: "Primer_Brand__MinimalFooter-module__Footer__container___YiFAB",
 	Footer__terms: "Primer_Brand__MinimalFooter-module__Footer__terms___0JWoT",

package/esm/MinimalFooter/MinimalFooter.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MinimalFooter.module.js","names":[],"sources":["../../src/MinimalFooter/MinimalFooter.module.css"],"sourcesContent":[".Footer {\n position: relative;\n background-color: var(--brand-footer-bg-color);\n}\n\n/*\n Footer shared styles\n /\n.Footer__container {\n max-width: var(--brand-footer-max-width, 1280px);\n padding: 0 28px; / should match SubdomainNavBar /\n margin-right: auto;\n margin-left: auto;\n}\n\n/\n Footer terms section\n /\n.Footer__terms {\n padding: var(--base-size-48) 0;\n}\n\n.Footer__terms-item {\n margin-bottom: var(--base-size-24);\n}\n\n.Footer__terms-item sup {\n font-size: var(--base-size-12);\n vertical-align: super;\n display: inline-block;\n margin-right: var(--base-size-4);\n}\n\n.Footer__terms-item:last-child {\n margin-bottom: 0;\n}\n\n/\n Footer social and logomarks section\n /\n.Footer__social-links {\n display: flex;\n padding: 0;\n margin: 0;\n list-style: none;\n justify-content: flex-start;\n align-items: center;\n gap: var(--base-size-16);\n}\n\n.Footer__logomarks {\n border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n border-bottom: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n}\n\n.Footer__logomarks,\n.Footer__legal-and-links {\n padding-top: var(--base-size-48);\n padding-bottom: var(--base-size-48);\n}\n\n.Footer__social-link {\n position: relative;\n}\n\n.Footer__social-link::before {\n content: '';\n display: block;\n position: absolute;\n min-width: var(--base-size-24);\n min-height: var(--base-size-24);\n}\n\n.Footer__social-link:hover .Footer__social-icon,\n.Footer__social-link:focus-visible .Footer__social-icon {\n filter: var(--brand-footer-socialIcon-hoverFilter);\n}\n\n.Footer__social-icon {\n width: 24px;\n height: auto;\n}\n\n[data-color-mode='light'] .Footer__social-icon {\n filter: brightness(95%) saturate(100%);\n}\n\n/\n Footer legal section\n /\n\n.Footer__copyright {\n display: flex;\n order: 2;\n padding-bottom: var(--base-size-4);\n}\n\n@media screen and (min-width: 48rem) {\n .Footer__copyright {\n order: 1;\n }\n}\n\n.Footer__links {\n order: 1;\n}\n\n@media screen and (min-width: 48rem) {\n .Footer__links {\n order: 2;\n }\n}\n\n.Footer__link {\n align-self: flex-start;\n color: var(--brand-color-text-muted);\n text-decoration: none;\n border-top: none;\n border-right: none;\n border-left: none;\n border-bottom: var(--brand-borderWidth-thin) solid transparent;\n background-color: inherit;\n cursor: pointer;\n padding: 0 0 var(--base-size-4) 0;\n transition: border var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);\n}\n\n.Footer__link:hover {\n color: var(--brand-color-text-default);\n border-bottom-color: var(--brand-color-text-muted);\n text-decoration: none;\n}\n\n/ Remove all animations, transitions and smooth scroll for people that prefer not to see them /\n@media (prefers-reduced-motion: reduce) {\n .Footer,\n .Footer::before,\n .Footer::after,\n .Footer {\n animation: none !important;\n transition: none !important;\n scroll-behavior: auto !important;\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"MinimalFooter.module.js","names":[],"sources":["../../src/MinimalFooter/MinimalFooter.module.css"],"sourcesContent":[".Footer {\n position: relative;\n background-color: var(--brand-footer-bg-color);\n}\n\n/*\n Footer shared styles\n /\n.Footer__container {\n max-width: var(--brand-footer-max-width, 1280px);\n padding: 0 28px; / should match SubdomainNavBar /\n margin-right: auto;\n margin-left: auto;\n}\n\n/\n Footer terms section\n /\n.Footer__terms {\n padding: var(--base-size-48) 0;\n}\n\n.Footer__terms-item {\n margin-bottom: var(--base-size-24);\n}\n\n.Footer__terms-item sup {\n font-size: var(--base-size-12);\n vertical-align: super;\n display: inline-block;\n margin-right: var(--base-size-4);\n}\n\n.Footer__terms-item:last-child {\n margin-bottom: 0;\n}\n\n/\n Footer social and logomarks section\n /\n.Footer__social-links {\n display: flex;\n padding: 0;\n margin: 0;\n list-style: none;\n justify-content: flex-start;\n align-items: center;\n gap: var(--base-size-16);\n}\n\n.Footer__logomarks {\n border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n border-bottom: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n}\n\n.Footer__logomarks,\n.Footer__legal-and-links {\n padding-top: var(--base-size-48);\n padding-bottom: var(--base-size-48);\n}\n\n.Footer__social-link {\n position: relative;\n}\n\n.Footer__social-link::before {\n content: '';\n display: block;\n position: absolute;\n min-width: var(--base-size-24);\n min-height: var(--base-size-24);\n}\n\n.Footer__social-link:hover .Footer__social-icon,\n.Footer__social-link:focus-visible .Footer__social-icon {\n filter: var(--brand-footer-socialIcon-hoverFilter);\n}\n\n.Footer__social-icon {\n display: block;\n width: 24px;\n height: auto;\n}\n\n[data-color-mode='light'] .Footer__social-icon {\n filter: brightness(95%) saturate(100%);\n}\n\n/\n Footer legal section\n /\n\n.Footer__copyright {\n display: flex;\n order: 2;\n padding-bottom: var(--base-size-4);\n}\n\n@media screen and (min-width: 48rem) {\n .Footer__copyright {\n order: 1;\n }\n}\n\n.Footer__links {\n order: 1;\n}\n\n@media screen and (min-width: 48rem) {\n .Footer__links {\n order: 2;\n }\n}\n\n.Footer__link {\n align-self: flex-start;\n color: var(--brand-color-text-muted);\n text-decoration: none;\n border-top: none;\n border-right: none;\n border-left: none;\n border-bottom: var(--brand-borderWidth-thin) solid transparent;\n background-color: inherit;\n cursor: pointer;\n padding: 0 0 var(--base-size-4) 0;\n transition: border var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);\n}\n\n.Footer__link:hover {\n color: var(--brand-color-text-default);\n border-bottom-color: var(--brand-color-text-muted);\n text-decoration: none;\n}\n\n/ Remove all animations, transitions and smooth scroll for people that prefer not to see them /\n@media (prefers-reduced-motion: reduce) {\n .Footer,\n .Footer::before,\n .Footer::after,\n .Footer {\n animation: none !important;\n transition: none !important;\n scroll-behavior: auto !important;\n }\n}\n"],"mappings":""}