@primer/react-brand 0.4.0 → 0.5.0-rc.01a1264

package/lib/css/main.css

@@ -91,7 +91,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 15 Sep 2022 13:18:10 GMT
+ * Generated on Thu, 29 Sep 2022 17:48:18 GMT
  */
 
 :root,
@@ -631,7 +631,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 15 Sep 2022 13:18:10 GMT
+ * Generated on Thu, 29 Sep 2022 17:48:18 GMT
  */
 
 :root {
@@ -656,7 +656,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 15 Sep 2022 13:18:10 GMT
+ * Generated on Thu, 29 Sep 2022 17:48:18 GMT
  */
 
 :root {
@@ -671,7 +671,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 15 Sep 2022 13:18:10 GMT
+ * Generated on Thu, 29 Sep 2022 17:48:18 GMT
  */
 
 :root {
@@ -850,7 +850,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 15 Sep 2022 13:18:10 GMT
+ * Generated on Thu, 29 Sep 2022 17:48:18 GMT
  */
 
 :root {
@@ -864,7 +864,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 15 Sep 2022 13:18:10 GMT
+ * Generated on Thu, 29 Sep 2022 17:48:18 GMT
  */
 
 :root {
@@ -872,17 +872,17 @@ select {
   --brand-borderRadius-large: 0.75rem;
   --brand-borderRadius-medium: 0.375rem;
   --brand-borderRadius-small: 0.1875rem;
-  --brand-borderWidth-thick: max(4px, 0.25rem);
-  --brand-borderWidth-normal: max(2px, 0.125rem);
+  --brand-borderWidth-thicker: max(4px, 0.25rem);
+  --brand-borderWidth-thick: max(2px, 0.125rem);
   --brand-borderWidth-thin: max(1px, 0.0625rem);
+  --brand-borderInset-thicker: inset 0 0 0 var(--brand-borderWidth-thicker);
   --brand-borderInset-thick: inset 0 0 0 var(--brand-borderWidth-thick);
-  --brand-borderInset-normal: inset 0 0 0 var(--brand-borderWidth-normal);
   --brand-borderInset-thin: inset 0 0 0 var(--brand-borderWidth-thin);
 }
 
 /**
  * Do not edit directly
- * Generated on Thu, 15 Sep 2022 13:18:10 GMT
+ * Generated on Thu, 29 Sep 2022 17:48:18 GMT
  */
 
 :root,
@@ -1078,7 +1078,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 15 Sep 2022 13:18:11 GMT
+ * Generated on Thu, 29 Sep 2022 17:48:18 GMT
  */
 
 :root,
@@ -1217,7 +1217,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 15 Sep 2022 13:18:10 GMT
+ * Generated on Thu, 29 Sep 2022 17:48:18 GMT
  */
 
 :root {
@@ -1227,7 +1227,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 15 Sep 2022 13:18:10 GMT
+ * Generated on Thu, 29 Sep 2022 17:48:18 GMT
  */
 
 :root {
@@ -1348,9 +1348,754 @@ select {
   }
 }
 
+/*
+ * Main styles for the subdomain navigation bar.
+ */
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___JNpcK {
+  position: relative;
+  z-index: 90;
+  font-weight: 550;
+  background: var(--brand-SubdomainNavBar-canvas-default);
+  -webkit-backdrop-filter: blur(16px);
+  backdrop-filter: blur(16px);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+  transition: background-color 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+  height: 75px;
+}
+
+/*
+ * Outer container
+ */
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-outer-container___aE8uv {
+  z-index: 90;
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-outer-container--fixed___ZhyZf {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+}
+
+/*
+ * Inner container
+ */
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container___kdy5Y {
+  display: flex;
+  padding: 4px 28px;
+  max-width: 1280px;
+  margin: 0 auto;
+}
+
+@media screen and (min-width: 768px) {
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container___kdy5Y {
+    padding: 4px 32px;
+  }
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container--search-open___nhMNU {
+  -webkit-animation: Primer_Brand__SubdomainNavBar-module__fade-out___fhdxi 150ms;
+          animation: Primer_Brand__SubdomainNavBar-module__fade-out___fhdxi 150ms;
+}
+
+/*
+ * Logo and title area
+ */
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title-area___W8IC5 {
+  display: inline-flex;
+  list-style-type: none;
+  align-items: center;
+  gap: 16px;
+  padding: 0;
+  margin: 0;
+  max-width: 230px;
+  color: var(--brand-color-text-default);
+  padding: var(--base-size-16) 0;
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-logo-mark___pMn2_ {
+  color: var(--brand-color-text-default);
+  position: relative;
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-back-arrow___OOrj8 {
+  position: absolute;
+  left: calc(-32px + 5px);
+  opacity: 0;
+  transition: opacity 0.3s, transform 0.3s ease;
+  transform: translateX(5px);
+  color: var(--brand-color-text-muted);
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-logo-mark___pMn2_:hover .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-back-arrow___OOrj8 {
+  opacity: 1;
+  transform: translateX(0);
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title-separator___djrH2 {
+  color: var(--brand-color-text-muted);
+  font-weight: var(--base-text-weight-semibold);
+  font-size: var(--base-size-32);
+  line-height: 29px;
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-logo-mark___pMn2_ svg {
+  width: 32px;
+  height: 32px;
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title___Zm_g2 {
+  font-family: var(--brand-heading-fontFamily);
+  font-weight: var(--base-text-weight-semibold);
+  font-size: var(--base-size-24);
+  line-height: var(--base-size-32);
+  color: var(--brand-color-text-default);
+  text-decoration: none;
+  padding-right: var(--base-size-16);
+}
+
+/*
+ * Primary navigation link area
+ */
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav___rZwCn {
+  display: inline-flex;
+  list-style-type: none;
+  align-items: center;
+  padding: 0;
+  margin: 0;
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
+  list-style-type: none;
+}
+
+@media screen and (max-width: 767px) {
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
+    display: none;
+  }
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list--visible___ZeoFv {
+    display: block;
+    margin: 0;
+    padding: 0;
+    position: absolute;
+    top: 75px;
+    left: 0;
+    right: 0;
+    z-index: 2;
+    background-color: var(--brand-color-canvas-default);
+    width: 100vw;
+    height: calc(100vh - 75px);
+    -webkit-animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
+            animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
+    -webkit-animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
+            animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
+  }
+}
+
+@media screen and (min-width: 768px) {
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    max-width: 150px;
+    padding: 0;
+    margin: 0 24px 0 0;
+    /* overflow: hidden; */
+  }
+}
+@media screen and (min-width: 850px) {
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
+    max-width: 320px;
+  }
+}
+
+@media screen and (min-width: 1024px) {
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
+    max-width: 250px;
+  }
+}
+
+@media screen and (min-width: 1280px) {
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
+    max-width: 520px;
+    margin-right: 80px;
+  }
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___sz8e9 {
+  white-space: nowrap;
+}
+
+@media screen and (max-width: 767px) {
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list--visible___ZeoFv .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item--visible___oDmLP {
+    -webkit-animation-name: Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ;
+            animation-name: Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ;
+    -webkit-animation-duration: 500ms;
+            animation-duration: 500ms;
+    -webkit-animation-delay: calc(var(--animation-order) * 80ms);
+            animation-delay: calc(var(--animation-order) * 80ms);
+    -webkit-animation-fill-mode: both;
+            animation-fill-mode: both;
+    -webkit-animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
+            animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
+  }
+}
+
+@media screen and (min-width: 768px) {
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item--visible___oDmLP {
+    order: 0;
+    visibility: visible;
+    opacity: 1;
+  }
+
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item--invisible___NioAh {
+    order: 100;
+    visibility: hidden;
+    pointer-events: none;
+  }
+
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item--overflow___FXC7u {
+    order: 99;
+    position: relative;
+    right: 0;
+  }
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc {
+  position: relative;
+  display: block;
+  color: var(--brand-color-text-default);
+  font-family: var(--brand-heading-fontFamily);
+  font-weight: var(--base-text-weight-normal);
+  font-size: var(--base-size-20);
+  line-height: var(--base-size-20);
+  padding: var(--base-size-8) var(--base-size-16) var(--base-size-16) var(--base-size-28);
+  text-decoration: none;
+}
+
+@media screen and (max-width: 767px) {
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:first-child {
+    padding-top: var(--base-size-24);
+  }
+}
+
+@media screen and (min-width: 768px) {
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc {
+    font-family: var(--brand-heading-fontFamily);
+    font-weight: var(--base-text-weight-semibold);
+    font-size: var(--base-size-16);
+    line-height: var(--base-size-16);
+    padding: var(--base-size-16) var(--base-size-24);
+  }
+
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc::after {
+    content: '';
+    position: absolute;
+    bottom: 10px;
+    left: 0;
+    width: 100%;
+    height: 2px;
+    background-color: var(--brand-SubdomainNavBar-border-nav-default);
+    opacity: 0;
+    transition: opacity 300ms, transform 300ms;
+    opacity: 1;
+    transform: scale(0);
+    transform-origin: center;
+  }
+
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:hover::after,
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:focus::after {
+    opacity: 1;
+    transform: translate3d(0, 0.2em, 0);
+    transform: scale(0.4);
+  }
+
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:active::after {
+    background-color: var(--brand-SubdomainNavBar-border-nav-pressed);
+    transform: scale(0.6);
+  }
+
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc {
+    transition: background-color cubic-bezier(0.16, 1, 0.3, 1) 250ms;
+    background-color: var(--brand-SubdomainNavBar-canvas-overflow-default);
+    color: var(--brand-SubdomainNavBar-fg-overflow-default);
+  }
+
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc::after {
+    display: none;
+  }
+
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:hover {
+    background-color: var(--brand-SubdomainNavBar-canvas-overflow-hover);
+  }
+
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:focus,
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc.Primer_Brand__SubdomainNavBar-module__focus-visible___LbPb7 {
+    box-shadow: inset 0px 0px 0px 2px var(--brand-color-focus);
+    outline: none;
+  }
+
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:focus,
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:focus-visible {
+    box-shadow: inset 0px 0px 0px 2px var(--brand-color-focus);
+    outline: none;
+  }
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-more-link___GR7D2 {
+  display: none;
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-more-link___GR7D2[aria-expanded='true']:hover::after,
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-more-link___GR7D2[aria-expanded='true']:focus::after {
+  display: none;
+}
+
+@media screen and (min-width: 768px) {
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-more-link___GR7D2 {
+    cursor: pointer;
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
+    border: none;
+    background-color: transparent;
+    display: inline-flex;
+    align-items: center;
+    gap: var(--base-size-4);
+  }
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu___RXj_t {
+  position: absolute;
+  right: 0;
+  top: var(--base-size-48);
+  background-color: var(--base-color-scale-white-0);
+  border-radius: var(--brand-borderRadius-large);
+  -webkit-animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 0.25s, Primer_Brand__SubdomainNavBar-module__enlarge-shadow___pfcD5 250ms forwards;
+          animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 0.25s, Primer_Brand__SubdomainNavBar-module__enlarge-shadow___pfcD5 250ms forwards;
+  -webkit-animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
+          animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
+  box-shadow: 0px 8px 24px rgba(1, 4, 9, 0.15);
+  overflow: hidden;
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-list___EbzqG {
+  display: grid;
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+  width: -webkit-max-content;
+  width: -moz-max-content;
+  width: max-content;
+}
+
+/*
+ * Toolbar actions area for search and mobile menu
+ */
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-trigger___WyUIj {
+  display: flex;
+  align-items: center;
+  margin-left: auto;
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R,
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J {
+  cursor: pointer;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  background-color: transparent;
+  border: var(--brand-borderWidth-thick) solid transparent;
+  color: var(--brand-color-text-default);
+  width: calc(48px - var(--brand-borderWidth-thick));
+  height: calc(48px - var(--brand-borderWidth-thick));
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: border 250ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 250ms ease;
+  border-radius: var(--brand-borderRadius-medium);
+  box-shadow: 0 0 0 2px transparent;
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R svg,
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J svg {
+  width: 24px;
+  height: 24px;
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J {
+  display: inline-block;
+  align-self: center;
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF {
+  width: 22px;
+  height: 2px;
+  background-color: var(--brand-color-text-default);
+  margin: var(--base-size-4) auto;
+  border-radius: var(--brand-borderRadius-large);
+  display: block;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF {
+    transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
+    transition-duration: 500ms;
+    transition-property: opacity, transform;
+  }
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF:nth-of-type(1) {
+  transform-origin: bottom right;
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF:nth-of-type(3) {
+  transform-origin: top right;
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button--close___I0UtT .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF:nth-of-type(1) {
+  transform: rotate(-45deg) translateY(-3px);
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button--close___I0UtT .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF:nth-of-type(2) {
+  opacity: 0;
+  transform: scale(0);
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button--close___I0UtT .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF:nth-of-type(3) {
+  transform: rotate(45deg) translateY(3px);
+}
+
+@media screen and (min-width: 768px) {
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R:hover,
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J:hover {
+    border: var(--brand-borderWidth-thick) solid var(--brand-SubdomainNavBar-border-button-hover);
+  }
+
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R:active,
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J:active {
+    box-shadow: 0 0 0 1px var(--brand-SubdomainNavBar-border-button-hover);
+  }
+
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-mobile-menu-button___CTbHW {
+    display: none;
+  }
+
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog-control-area___KlFbq .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R,
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog-control-area___KlFbq .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J {
+    display: inline-flex;
+    width: 48px;
+  }
+
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R {
+    margin: 0 var(--base-size-16) 0 auto;
+  }
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area___MbQys {
+  display: inline-flex;
+  gap: var(--base-size-16);
+  align-items: center;
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area-inner___dbpYv {
+  display: flex;
+  gap: 16px;
+}
+
+@media screen and (max-width: 768px) {
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area___MbQys {
+    display: none;
+  }
+
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area--visible___fLvbf {
+    display: flex;
+    position: absolute;
+    left: 0;
+    z-index: 99;
+    width: 100%;
+    bottom: calc(calc(-100vh - 75px) - -150px);
+    height: auto;
+    -webkit-animation-name: Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ;
+            animation-name: Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ;
+    -webkit-animation-duration: 500ms;
+            animation-duration: 500ms;
+    -webkit-animation-delay: calc(10 * 80ms);
+            animation-delay: calc(10 * 80ms);
+    -webkit-animation-fill-mode: both;
+            animation-fill-mode: both;
+    -webkit-animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
+            animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
+  }
+
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container--search-open___nhMNU .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area--visible___fLvbf {
+    display: none;
+  }
+
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area-inner___dbpYv {
+    width: 100%;
+    flex-direction: column;
+
+    margin: 24px;
+  }
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-cta-button___g_9BM {
+  height: 48px; /*TODO: investigate why this is shorter than medium default height*/
+  white-space: nowrap;
+}
+
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-cta-button--secondary___P0FJH {
+    display: none;
+  }
+}
+
+@media screen and (min-width: 1024px) {
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-cta-button--secondary___P0FJH {
+    display: inline-flex;
+  }
+}
+
+/*
+ * Search dialog control area
+ */
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-form___zoZB5 {
+  display: flex;
+  width: 100%;
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___yqQl5 {
+  position: absolute;
+}
+
+@media screen and (max-width: 767px) {
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___yqQl5 {
+    top: 0;
+    left: 0;
+    right: 0;
+    background: var(--brand-SubdomainNavBar-canvas-search);
+    -webkit-backdrop-filter: blur(100px);
+    backdrop-filter: blur(100px);
+    height: 100vh;
+    width: 100vw;
+    z-index: 99;
+    -webkit-animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 300ms;
+            animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 300ms;
+    -webkit-animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
+            animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
+  }
+}
+
+@media screen and (min-width: 768px) {
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___yqQl5 {
+    position: absolute;
+    top: 0;
+    bottom: 1px;
+    width: 100vw;
+    left: 0;
+    right: 0;
+    background-color: var(--brand-SubdomainNavBar-canvas-search);
+  }
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___yqQl5 .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-trigger___WyUIj .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R {
+  margin-right: 0;
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog-control-area___KlFbq {
+  height: 74px;
+  background: var(--brand-SubdomainNavBar-canvas-default);
+  -webkit-backdrop-filter: blur(16px);
+  backdrop-filter: blur(16px);
+  padding: var(--base-size-12) var(--base-size-28);
+  display: flex;
+  align-items: center;
+  -webkit-animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
+          animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
+  gap: var(--base-size-4);
+}
+
+@media screen and (min-width: 768px) {
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog-control-area___KlFbq {
+    max-width: 570px;
+    margin: 0 auto;
+  }
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-text-input___kDY_0 {
+  border-color: transparent;
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-results-container___kow2P {
+  -webkit-animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
+          animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
+  padding: var(--base-size-24);
+  background-color: var(--base-color-scale-white-0);
+  border-radius: var(--brand-borderRadius-large);
+  box-shadow: 0px 8px 24px rgba(1, 4, 9, 0.15);
+  max-height: 514px;
+  height: 70vh;
+  max-width: 570px;
+  margin: 0 auto;
+  width: 80%;
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-results___haCH9 {
+  overflow-y: scroll;
+  list-style: none;
+  padding: 0 var(--base-size-24) 0 0;
+  margin: 0;
+  height: 90%;
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-results-heading___FTzyR {
+  display: block;
+  font-weight: var(--brand-heading-weight-600);
+  font-size: var(--base-size-20);
+  line-height: var(--base-size-24);
+  margin-bottom: var(--base-size-20);
+  padding: 0 var(--base-size-8);
+  color: var(--base-color-scale-black-0);
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item___YZV9z {
+  padding: var(--base-size-16) var(--base-size-8);
+  border-bottom: solid 1px
+    #b7bfc7;
+  border-bottom: solid var(--brand-borderWidth-thin, 1px)
+    var(--brand-SubdomainNavBar-search-results-border-default, #b7bfc7);
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item-heading___ErnwN a {
+  display: block;
+  color: var(--base-color-scale-black-0);
+  text-decoration: none;
+  margin: 0 0 var(--base-size-12);
+  font-size: var(--base-size-16);
+}
+
+.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item-desc___Rb5Tm {
+  color: var(--base-color-scale-black-0);
+}
+
+/*
+ * Reusable animations
+ */
+@-webkit-keyframes Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g {
+  0% {
+    opacity: 0;
+    transform: translateY(-20px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g {
+  0% {
+    opacity: 0;
+    transform: translateY(-20px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@-webkit-keyframes Primer_Brand__SubdomainNavBar-module__fade-out___fhdxi {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+
+@keyframes Primer_Brand__SubdomainNavBar-module__fade-out___fhdxi {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+
+@-webkit-keyframes Primer_Brand__SubdomainNavBar-module__enlarge-shadow___pfcD5 {
+  0% {
+    scale: 0.98;
+    box-shadow: 0px 8px 0 rgba(1, 4, 9, 0.15);
+  }
+  100% {
+    scale: 1;
+    box-shadow: 0px 8px 24px rgba(1, 4, 9, 0.15);
+  }
+}
+
+@keyframes Primer_Brand__SubdomainNavBar-module__enlarge-shadow___pfcD5 {
+  0% {
+    scale: 0.98;
+    box-shadow: 0px 8px 0 rgba(1, 4, 9, 0.15);
+  }
+  100% {
+    scale: 1;
+    box-shadow: 0px 8px 24px rgba(1, 4, 9, 0.15);
+  }
+}
+
+@-webkit-keyframes Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ {
+  0% {
+    opacity: 0;
+    transform: scale(0.6) translateY(-8px);
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+@keyframes Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ {
+  0% {
+    opacity: 0;
+    transform: scale(0.6) translateY(-8px);
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
 /**
  * Do not edit directly
- * Generated on Thu, 15 Sep 2022 13:18:11 GMT
+ * Generated on Thu, 29 Sep 2022 17:48:18 GMT
+ */
+
+:root,
+[data-color-mode="light"] {
+  --brand-SubdomainNavBar-canvas-default: hsl(var(--base-color-scale-white-0-hsl) / 50%);
+  --brand-SubdomainNavBar-canvas-search: var(--base-color-scale-white-0);
+  --brand-SubdomainNavBar-canvas-overflow-default: var(--base-color-scale-white-0);
+  --brand-SubdomainNavBar-canvas-overflow-hover: var(--base-color-scale-gray-0);
+  --brand-SubdomainNavBar-fg-overflow-default: var(--brand-color-fg-default);
+  --brand-SubdomainNavBar-border-nav-default: var(--base-color-scale-gray-9);
+  --brand-SubdomainNavBar-border-nav-pressed: var(--base-color-scale-black-0);
+  --brand-SubdomainNavBar-border-button-hover: var(--base-color-scale-black-0);
+}
+
+[data-color-mode="dark"] {
+  --brand-SubdomainNavBar-canvas-default: hsl(var(--base-color-scale-gray-9-hsl) / 50%);
+  --brand-SubdomainNavBar-canvas-search: var(--base-color-scale-black-0);
+  --brand-SubdomainNavBar-canvas-overflow-default: var(--base-color-scale-white-0);
+  --brand-SubdomainNavBar-canvas-overflow-hover: var(--base-color-scale-gray-0);
+  --brand-SubdomainNavBar-fg-overflow-default: var(--brand-color-text-onEmphasis);
+  --brand-SubdomainNavBar-border-nav-default: var(--base-color-scale-gray-3);
+  --brand-SubdomainNavBar-border-nav-pressed: var(--base-color-scale-white-0);
+  --brand-SubdomainNavBar-border-button-hover: var(--base-color-scale-white-0);
+}
+
+/**
+ * Do not edit directly
+ * Generated on Thu, 29 Sep 2022 17:48:18 GMT
  */
 
 :root,
@@ -1455,7 +2200,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 15 Sep 2022 13:18:11 GMT
+ * Generated on Thu, 29 Sep 2022 17:48:18 GMT
  */
 
 :root,
@@ -1507,11 +2252,11 @@ select {
 }
 
 .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__focus-visible___NWNew {
-  outline: var(--brand-borderWidth-normal) solid var(--brand-color-focus);
+  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
 }
 
 .Primer_Brand__Accordion-module__Accordion__summary___NUIYc:focus-visible {
-  outline: var(--brand-borderWidth-normal) solid var(--brand-color-focus);
+  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
 }
 
 .Primer_Brand__Accordion-module__Accordion__summary___NUIYc::before,
@@ -1607,7 +2352,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 15 Sep 2022 13:18:10 GMT
+ * Generated on Thu, 29 Sep 2022 17:48:18 GMT
  */
 
 :root {
@@ -1617,7 +2362,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 15 Sep 2022 13:18:11 GMT
+ * Generated on Thu, 29 Sep 2022 17:48:18 GMT
  */
 
 :root,
@@ -1687,7 +2432,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 15 Sep 2022 13:18:10 GMT
+ * Generated on Thu, 29 Sep 2022 17:48:18 GMT
  */
 
 :root {
@@ -1706,7 +2451,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 15 Sep 2022 13:18:11 GMT
+ * Generated on Thu, 29 Sep 2022 17:48:18 GMT
  */
 
 :root,
@@ -1755,7 +2500,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
   align-items: center;
   background-color: var(--brand-control-checkbox-bg-default);
   border: solid 1px var(--brand-control-color-border-default);
-  border: solid var(--brand-borderWidth-normal, 1px) var(--brand-control-color-border-default);
+  border: solid var(--brand-borderWidth-thick, 1px) var(--brand-control-color-border-default);
   border-radius: var(--brand-borderRadius-small);
   cursor: pointer;
   display: inline-flex;
@@ -1921,6 +2666,10 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
   transition-property: border;
 }
 
+.Primer_Brand__TextInput-module__TextInput-wrapper--invisible___cKDcl {
+  border-color: transparent;
+}
+
 .Primer_Brand__TextInput-module__TextInput-wrapper--fullWidth___eclO4 {
   display: flex;
 }
@@ -2399,3 +3148,289 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
   }
 }
 
+/**
+ * Do not edit directly
+ * Generated on Thu, 29 Sep 2022 17:48:18 GMT
+ */
+
+:root {
+  --brand-controlStack-large-gap-spacious: var(--base-size-12);
+  --brand-controlStack-large-gap-condensed: var(--base-size-8);
+  --brand-controlStack-large-gap-auto: var(--base-size-8);
+  --brand-controlStack-medium-gap-spacious: var(--base-size-12);
+  --brand-controlStack-medium-gap-condensed: var(--base-size-8);
+  --brand-controlStack-small-gap-spacious: var(--base-size-16);
+  --brand-controlStack-small-gap-condensed: var(--base-size-8);
+  --brand-stack-gap-spacious: var(--base-size-48);
+  --brand-stack-gap-normal: var(--base-size-24);
+  --brand-stack-gap-condensed: var(--base-size-16);
+  --brand-stack-padding-spacious: var(--base-size-48);
+  --brand-stack-padding-normal: var(--base-size-24);
+  --brand-stack-padding-condensed: var(--base-size-16);
+  --brand-control-xlarge-gap: var(--base-size-8);
+  --brand-control-xlarge-paddingInline-spacious: var(--base-size-16);
+  --brand-control-xlarge-paddingInline-normal: var(--base-size-12);
+  --brand-control-xlarge-lineBoxHeight: var(--base-size-20);
+  --brand-control-xlarge-size: var(--base-size-48);
+  --brand-control-large-gap: var(--base-size-8);
+  --brand-control-large-paddingInline-spacious: var(--base-size-16);
+  --brand-control-large-paddingInline-normal: var(--base-size-12);
+  --brand-control-large-paddingBlock: calc((var(--brand-control-large-size) - var(--brand-control-large-lineBoxHeight)) / 2);
+  --brand-control-large-lineBoxHeight: var(--base-size-20);
+  --brand-control-medium-gap: var(--base-size-8);
+  --brand-control-medium-paddingInline-spacious: var(--base-size-16);
+  --brand-control-medium-paddingInline-normal: var(--base-size-12);
+  --brand-control-medium-paddingInline-condensed: var(--base-size-8);
+  --brand-control-medium-paddingBlock: calc((var(--brand-control-medium-size) - var(--brand-control-medium-lineBoxHeight)) / 2);
+  --brand-control-medium-lineBoxHeight: var(--base-size-20);
+  --brand-control-small-gap: var(--base-size-4);
+  --brand-control-small-paddingInline-normal: var(--base-size-12);
+  --brand-control-small-paddingInline-condensed: var(--base-size-8);
+  --brand-control-small-lineBoxHeight: var(--base-size-20);
+  --brand-control-small-size: var(--base-size-28);
+  --brand-control-xsmall-gap: var(--base-size-4);
+  --brand-control-xsmall-paddingInline-spacious: var(--base-size-12);
+  --brand-control-xsmall-paddingInline-normal: var(--base-size-8);
+  --brand-control-xsmall-paddingInline-condensed: var(--base-size-4);
+  --brand-control-xsmall-lineBoxHeight: var(--base-size-20);
+  --brand-control-xsmall-size: var(--base-size-24);
+  --brand-control-minTarget-coarse: var(--base-size-44);
+  --brand-control-minTarget-fine: var(--base-size-16);
+  --brand-control-xlarge-paddingBlock: calc((var(--brand-control-xlarge-size) - var(--brand-control-xlarge-lineBoxHeight)) / 2);
+  --brand-control-small-paddingBlock: calc((var(--brand-control-small-size) - var(--brand-control-small-lineBoxHeight)) / 2);
+  --brand-control-xsmall-paddingBlock: calc((var(--brand-control-xsmall-size) - var(--brand-control-xsmall-lineBoxHeight)) / 2);
+}
+
+.Primer_Brand__Stack-module__Stack___tASKe {
+  display: flex;
+}
+
+/*
+ * Direction
+ */
+.Primer_Brand__Stack-module__Stack--vertical___CFzE7 {
+  flex-direction: column;
+}
+
+.Primer_Brand__Stack-module__Stack--horizontal___YJFas {
+  flex-direction: row;
+}
+
+.Primer_Brand__Stack-module__Stack-narrow--vertical___GDT_Z {
+  flex-direction: column;
+}
+
+.Primer_Brand__Stack-module__Stack-narrow--horizontal___Co6IL {
+  flex-direction: row;
+}
+
+@media screen and (min-width: 48rem) {
+  .Primer_Brand__Stack-module__Stack-regular--vertical___TMpL8 {
+    flex-direction: column;
+  }
+
+  .Primer_Brand__Stack-module__Stack-regular--horizontal___WDLyR {
+    flex-direction: row;
+  }
+}
+
+@media screen and (min-width: 80rem) {
+  .Primer_Brand__Stack-module__Stack-wide--vertical___G1Eu6 {
+    flex-direction: column;
+  }
+
+  .Primer_Brand__Stack-module__Stack-wide--horizontal___cvxh3 {
+    flex-direction: row;
+  }
+}
+
+/*
+ * Gap and padding
+ */
+.Primer_Brand__Stack-module__Stack--gap-condensed___Xe9jx {
+  gap: var(--brand-stack-gap-condensed);
+}
+
+.Primer_Brand__Stack-module__Stack--gap-normal___JEO7_ {
+  gap: var(--brand-stack-gap-normal);
+}
+
+.Primer_Brand__Stack-module__Stack--gap-spacious___w5ugZ {
+  gap: var(--brand-stack-gap-spacious);
+}
+
+.Primer_Brand__Stack-module__Stack-narrow--gap-condensed___zwHUG {
+  gap: var(--brand-stack-gap-condensed);
+}
+
+.Primer_Brand__Stack-module__Stack-narrow--gap-normal___smNw5 {
+  gap: var(--brand-stack-gap-normal);
+}
+
+.Primer_Brand__Stack-module__Stack-narrow--gap-spacious___TX17G {
+  gap: var(--brand-stack-gap-spacious);
+}
+
+.Primer_Brand__Stack-module__Stack--padding-condensed___mo7Aq {
+  padding: var(--brand-stack-padding-condensed);
+}
+
+.Primer_Brand__Stack-module__Stack--padding-normal___ySRTI {
+  padding: var(--brand-stack-padding-normal);
+}
+
+.Primer_Brand__Stack-module__Stack--padding-spacious___REyye {
+  padding: var(--brand-stack-padding-spacious);
+}
+
+.Primer_Brand__Stack-module__Stack-narrow--padding-condensed___f1f4j {
+  padding: var(--brand-stack-padding-condensed);
+}
+
+.Primer_Brand__Stack-module__Stack-narrow--padding-normal___TQe_D {
+  padding: var(--brand-stack-padding-normal);
+}
+
+.Primer_Brand__Stack-module__Stack-narrow--padding-spacious___YeMDB {
+  padding: var(--brand-stack-padding-spacious);
+}
+
+@media screen and (min-width: 48rem) {
+  .Primer_Brand__Stack-module__Stack-regular--gap-condensed___ZYYsD {
+    gap: var(--brand-stack-gap-condensed);
+  }
+
+  .Primer_Brand__Stack-module__Stack-regular--gap-normal___dRchQ {
+    gap: var(--brand-stack-gap-normal);
+  }
+
+  .Primer_Brand__Stack-module__Stack-regular--gap-spacious___oMqRv {
+    gap: var(--brand-stack-gap-spacious);
+  }
+
+  .Primer_Brand__Stack-module__Stack-regular--padding-condensed___WxLyH {
+    padding: var(--brand-stack-padding-condensed);
+  }
+
+  .Primer_Brand__Stack-module__Stack-regular--padding-normal___oKpGh {
+    padding: var(--brand-stack-padding-normal);
+  }
+
+  .Primer_Brand__Stack-module__Stack-regular--padding-spacious___pL7HW {
+    padding: var(--brand-stack-padding-spacious);
+  }
+}
+
+@media screen and (min-width: 80rem) {
+  .Primer_Brand__Stack-module__Stack-wide--gap-condensed___TB7xm {
+    gap: var(--brand-stack-gap-condensed);
+  }
+
+  .Primer_Brand__Stack-module__Stack-wide--gap-normal___Et9_A {
+    gap: var(--brand-stack-gap-normal);
+  }
+
+  .Primer_Brand__Stack-module__Stack-wide--gap-spacious___WXQyb {
+    gap: var(--brand-stack-gap-spacious);
+  }
+
+  .Primer_Brand__Stack-module__Stack-wide--padding-condensed___heIOO {
+    padding: var(--brand-stack-padding-condensed);
+  }
+
+  .Primer_Brand__Stack-module__Stack-wide--padding-normal___Pdr2C {
+    padding: var(--brand-stack-padding-normal);
+  }
+
+  .Primer_Brand__Stack-module__Stack-wide--padding-spacious___d_AmA {
+    padding: var(--brand-stack-padding-spacious);
+  }
+}
+
+/*
+ * Vertical alignment
+ */
+
+.Primer_Brand__Stack-module__Stack-align-items--flex-end___uVO0Z {
+  align-items: flex-end;
+}
+
+.Primer_Brand__Stack-module__Stack-align-items--flex-start___oOMm1 {
+  align-items: flex-start;
+}
+
+.Primer_Brand__Stack-module__Stack-align-items--center___V0mGA {
+  align-items: center;
+}
+
+/*
+ * Horizontal alignment
+ */
+
+.Primer_Brand__Stack-module__Stack-justify-content--flex-end___L3cnp {
+  justify-content: flex-end;
+}
+
+.Primer_Brand__Stack-module__Stack-justify-content--flex-start___a0eKB {
+  justify-content: flex-start;
+}
+
+.Primer_Brand__Stack-module__Stack-justify-content--center___lKA8y {
+  justify-content: center;
+}
+
+.Primer_Brand__Stack-module__Stack-justify-content--space-between___svQNm {
+  justify-content: space-between;
+}
+
+.Primer_Brand__Stack-module__Stack-justify-content--space-evenly___RtktN {
+  justify-content: space-evenly;
+}
+
+.Primer_Brand__Stack-module__Stack-justify-content--space-around___hDnDE {
+  justify-content: space-around;
+}
+
+.Primer_Brand__Testimonial-module__Testimonial___UUywT {
+  display: grid;
+  grid-gap: var(--base-size-16);
+  gap: var(--base-size-16);
+  font-family: var(--brand-fontStack-sansSerif);
+  color: var(--brand-color-text-default);
+}
+
+.Primer_Brand__Testimonial-module__Testimonial___UUywT::before {
+  content: '“';
+  font-size: var(--base-size-48);
+  line-height: var(--base-size-48);
+  font-weight: var(--base-text-weight-extrabold);
+  height: 45px;
+}
+
+.Primer_Brand__Testimonial-module__Testimonial--center___NyPe5 {
+  text-align: center;
+}
+
+.Primer_Brand__Testimonial-module__Testimonial-quote___QXF1F {
+  font-family: var(--brand-fontStack-sansSerif);
+  margin-top: calc(var(--base-size-16) * -1); /* negate grid gap */
+  display: block;
+}
+
+.Primer_Brand__Testimonial-module__Testimonial-from___Kfj__ {
+  font-family: var(--brand-fontStack-monospace);
+}
+
+.Primer_Brand__Testimonial-module__Testimonial-avatar-image___XNlGZ {
+  display: inline-block;
+  overflow: hidden;
+  line-height: 1;
+  vertical-align: middle;
+  border-radius: 50%;
+}
+
+.Primer_Brand__Testimonial-module__Testimonial--center___NyPe5 .Primer_Brand__Testimonial-module__Testimonial-logo-image___KQQfi {
+  margin-left: auto;
+  margin-right: auto;
+}
+