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

package/lib/css/main.css

@@ -91,7 +91,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 29 Sep 2022 17:48:18 GMT
+ * Generated on Thu, 29 Sep 2022 13:46:47 GMT
  */
 
 :root,
@@ -631,7 +631,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 29 Sep 2022 17:48:18 GMT
+ * Generated on Thu, 29 Sep 2022 13:46:46 GMT
  */
 
 :root {
@@ -656,7 +656,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 29 Sep 2022 17:48:18 GMT
+ * Generated on Thu, 29 Sep 2022 13:46:46 GMT
  */
 
 :root {
@@ -671,7 +671,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 29 Sep 2022 17:48:18 GMT
+ * Generated on Thu, 29 Sep 2022 13:46:46 GMT
  */
 
 :root {
@@ -689,16 +689,16 @@ select {
   --brand-text-letterSpacing-900: -0.01em;
   --brand-text-letterSpacing-800: -0.01em;
   --brand-text-letterSpacing-700: -0.01em;
-  --brand-text-lineHeight-1000: 3.25rem;
-  --brand-text-lineHeight-900: 2.75rem;
-  --brand-text-lineHeight-800: 2.25rem;
-  --brand-text-lineHeight-700: 2.5rem;
-  --brand-text-lineHeight-600: 2rem;
-  --brand-text-lineHeight-500: 1.75rem;
-  --brand-text-lineHeight-400: 1.5rem;
-  --brand-text-lineHeight-300: 1.5rem;
-  --brand-text-lineHeight-200: 1.25rem;
-  --brand-text-lineHeight-100: 1.25rem;
+  --brand-text-lineHeight-1000: 3.25;
+  --brand-text-lineHeight-900: 2.75;
+  --brand-text-lineHeight-800: 2.25;
+  --brand-text-lineHeight-700: 2.5;
+  --brand-text-lineHeight-600: 2;
+  --brand-text-lineHeight-500: 1.75;
+  --brand-text-lineHeight-400: 1.5;
+  --brand-text-lineHeight-300: 1.5;
+  --brand-text-lineHeight-200: 1.25;
+  --brand-text-lineHeight-100: 1.25;
   --brand-text-size-1000: 3rem;
   --brand-text-size-900: 2.5rem;
   --brand-text-size-800: 2rem;
@@ -719,10 +719,10 @@ select {
   --brand-text-weight-300: var(--base-text-weight-normal);
   --brand-text-weight-200: var(--base-text-weight-normal);
   --brand-text-weight-100: var(--base-text-weight-normal);
-  --brand-heading-lineHeight-700: 2rem;
-  --brand-heading-lineHeight-600: 1.75rem;
-  --brand-heading-lineHeight-500: 1.5rem;
-  --brand-heading-lineHeight-400: 1.25rem;
+  --brand-heading-lineHeight-700: 2;
+  --brand-heading-lineHeight-600: 1.75;
+  --brand-heading-lineHeight-500: 1.5;
+  --brand-heading-lineHeight-400: 1.25;
   --brand-heading-letterSpacing-700: -0.01em;
   --brand-heading-letterSpacing-600: -0.01em;
   --brand-heading-letterSpacing-500: -0.01em;
@@ -850,7 +850,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 29 Sep 2022 17:48:18 GMT
+ * Generated on Thu, 29 Sep 2022 13:46:46 GMT
  */
 
 :root {
@@ -864,7 +864,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 29 Sep 2022 17:48:18 GMT
+ * Generated on Thu, 29 Sep 2022 13:46:46 GMT
  */
 
 :root {
@@ -882,7 +882,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 29 Sep 2022 17:48:18 GMT
+ * Generated on Thu, 29 Sep 2022 13:46:47 GMT
  */
 
 :root,
@@ -1078,7 +1078,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 29 Sep 2022 17:48:18 GMT
+ * Generated on Thu, 29 Sep 2022 13:46:47 GMT
  */
 
 :root,
@@ -1217,7 +1217,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 29 Sep 2022 17:48:18 GMT
+ * Generated on Thu, 29 Sep 2022 13:46:46 GMT
  */
 
 :root {
@@ -1227,7 +1227,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 29 Sep 2022 17:48:18 GMT
+ * Generated on Thu, 29 Sep 2022 13:46:46 GMT
  */
 
 :root {
@@ -1348,754 +1348,9 @@ 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, 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
+ * Generated on Thu, 29 Sep 2022 13:46:47 GMT
  */
 
 :root,
@@ -2200,7 +1455,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 29 Sep 2022 17:48:18 GMT
+ * Generated on Thu, 29 Sep 2022 13:46:47 GMT
  */
 
 :root,
@@ -2352,7 +1607,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 29 Sep 2022 17:48:18 GMT
+ * Generated on Thu, 29 Sep 2022 13:46:46 GMT
  */
 
 :root {
@@ -2362,7 +1617,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 29 Sep 2022 17:48:18 GMT
+ * Generated on Thu, 29 Sep 2022 13:46:47 GMT
  */
 
 :root,
@@ -2432,7 +1687,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 29 Sep 2022 17:48:18 GMT
+ * Generated on Thu, 29 Sep 2022 13:46:46 GMT
  */
 
 :root {
@@ -2451,7 +1706,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 29 Sep 2022 17:48:18 GMT
+ * Generated on Thu, 29 Sep 2022 13:46:47 GMT
  */
 
 :root,
@@ -2666,10 +1921,6 @@ 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;
 }
@@ -3150,7 +2401,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 29 Sep 2022 17:48:18 GMT
+ * Generated on Thu, 29 Sep 2022 13:46:46 GMT
  */
 
 :root {