@primer/react-brand 0.24.0 → 0.25.0-rc.4635e10

package/lib/css/main.css

@@ -89,7 +89,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:48 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:40 GMT
  */
 
 :root,
@@ -629,7 +629,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:48 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:40 GMT
  */
 
 :root {
@@ -654,7 +654,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:48 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:40 GMT
  */
 
 :root {
@@ -669,7 +669,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:48 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:40 GMT
  */
 
 :root {
@@ -796,7 +796,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:48 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:39 GMT
  */
 
 :root {
@@ -810,7 +810,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:48 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:39 GMT
  */
 
 :root {
@@ -828,7 +828,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:48 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:40 GMT
  */
 
 :root,
@@ -855,7 +855,7 @@ select {
   --brand-color-canvas-overlay: var(--base-color-scale-white-0);
   --brand-color-canvas-inset: var(--base-color-scale-gray-0);
   --brand-color-canvas-subtle: var(--base-color-scale-gray-0);
-  --brand-color-border-default: var(--base-color-scale-gray-2);
+  --brand-color-border-default: var(--base-color-scale-gray-3);
   --brand-color-border-muted: hsl(var(--base-color-scale-gray-2-hsl) / 99.7%);
   --brand-color-border-subtle: hsl(var(--base-color-scale-gray-1-hsl) / 99.7%);
   --brand-color-focus: var(--base-color-scale-blue-5);
@@ -1181,36 +1181,62 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:49 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:40 GMT
  */
 
 :root,
 [data-color-mode="light"] {
-  --brand-Button-background-base: var(--base-color-scale-gray-9);
-  --brand-Button-background-overlay: linear-gradient(180deg, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0) 100%), var(--base-color-scale-black-0);
-  --brand-Button-background-disabled: var(--base-color-scale-gray-4);
-  --brand-Button-fg-primary-disabled: var(--base-color-scale-gray-2);
-  --brand-Button-fg-secondary-disabled: var(--base-color-scale-gray-3);
-  --brand-Button-shadow-primary-default: inset 0 0 0 1px var(--base-color-scale-black-0);
-  --brand-Button-shadow-primary-hover: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02);
-  --brand-Button-shadow-secondary-default: inset 0 0 0 1px var(--brand-color-border-default);
-  --brand-Button-shadow-secondary-hover: inset 0 0 0 2px var(--brand-color-neutral-emphasisPlus);
-  --brand-Button-shadow-subtle-hover: inset 0 0 0 2px var(--brand-color-neutral-emphasisPlus);
-  --brand-Button-shadow-focus: var(--brand-color-focus);
+  --brand-button-primary-bgColor-rest: var(--base-color-scale-black-0);
+  --brand-button-primary-bgColor-hover: var(--base-color-scale-gray-8);
+  --brand-button-primary-bgColor-active: var(--base-color-scale-gray-8);
+  --brand-button-primary-bgColor-disabled: var(--base-color-scale-gray-4);
+  --brand-button-primary-borderColor-rest: var(--base-color-scale-black-0);
+  --brand-button-primary-borderColor-hover: var(--base-color-scale-gray-8);
+  --brand-button-primary-borderColor-active: var(--base-color-scale-gray-8);
+  --brand-button-primary-borderColor-disabled: var(--base-color-scale-gray-4);
+  --brand-button-primary-fgColor-rest: var(--brand-color-text-onEmphasis);
+  --brand-button-primary-fgColor-disabled: var(--base-color-scale-gray-2);
+  --brand-button-primary-shadow-active: inset 0px 1px 0px 0px var(--brand-button-primary-borderColor-active);
+  --brand-button-secondary-bgColor-rest: transparent;
+  --brand-button-secondary-bgColor-hover: hsl(var(--base-color-scale-gray-3-hsl) / 20%);
+  --brand-button-secondary-bgColor-active: hsl(var(--base-color-scale-gray-3-hsl) / 40%);
+  --brand-button-secondary-borderColor-rest: var(--brand-color-border-default);
+  --brand-button-secondary-borderColor-hover: var(--base-color-scale-gray-9);
+  --brand-button-secondary-borderColor-active: var(--base-color-scale-gray-9);
+  --brand-button-secondary-fgColor-rest: var(--brand-color-text-default);
+  --brand-button-secondary-fgColor-disabled: var(--base-color-scale-gray-3);
+  --brand-button-subtle-borderColor-rest: transparent;
+  --brand-button-subtle-borderColor-hover: var(--base-color-scale-gray-9);
+  --brand-button-subtle-borderColor-active: var(--base-color-scale-gray-9);
+  --brand-button-subtle-fgColor-rest: var(--brand-color-text-default);
+  --brand-button-subtle-fgColor-disabled: var(--base-color-scale-gray-3);
 }
 
 [data-color-mode="dark"] {
-  --brand-Button-background-base: var(--base-color-scale-gray-0);
-  --brand-Button-background-overlay: linear-gradient(180deg, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0) 100%), var(--base-color-scale-white-0);
-  --brand-Button-background-disabled: var(--base-color-scale-gray-4);
-  --brand-Button-fg-primary-disabled: var(--base-color-scale-gray-2);
-  --brand-Button-fg-secondary-disabled: var(--base-color-scale-gray-4);
-  --brand-Button-shadow-primary-default: inset 0 0 0 1px var(--base-color-scale-white-0);
-  --brand-Button-shadow-primary-hover: 0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);
-  --brand-Button-shadow-secondary-default: inset 0 0 0 1px hsl(var(--base-color-scale-white-0-hsl) / 25%);
-  --brand-Button-shadow-secondary-hover: inset 0 0 0 2px var(--base-color-scale-white-0);
-  --brand-Button-shadow-subtle-hover: inset 0 0 0 2px var(--base-color-scale-white-0);
-  --brand-Button-shadow-focus: var(--brand-color-focus);
+  --brand-button-primary-bgColor-rest: var(--base-color-scale-white-0);
+  --brand-button-primary-bgColor-hover: var(--base-color-scale-gray-0);
+  --brand-button-primary-bgColor-active: var(--base-color-scale-gray-0);
+  --brand-button-primary-bgColor-disabled: var(--base-color-scale-gray-4);
+  --brand-button-primary-borderColor-rest: var(--base-color-scale-white-0);
+  --brand-button-primary-borderColor-hover: var(--base-color-scale-white-0);
+  --brand-button-primary-borderColor-active: var(--base-color-scale-white-0);
+  --brand-button-primary-borderColor-disabled: var(--base-color-scale-gray-4);
+  --brand-button-primary-fgColor-rest: var(--brand-color-text-onEmphasis);
+  --brand-button-primary-fgColor-disabled: var(--base-color-scale-gray-2);
+  --brand-button-primary-shadow-active: inset 0px 1px 0px 0px var(--brand-button-primary-borderColor-active);
+  --brand-button-secondary-bgColor-rest: transparent;
+  --brand-button-secondary-bgColor-hover: hsl(var(--base-color-scale-gray-3-hsl) / 20%);
+  --brand-button-secondary-bgColor-active: hsl(var(--base-color-scale-gray-3-hsl) / 40%);
+  --brand-button-secondary-borderColor-rest: var(--brand-color-border-default);
+  --brand-button-secondary-borderColor-hover: var(--base-color-scale-white-0);
+  --brand-button-secondary-borderColor-active: var(--base-color-scale-white-0);
+  --brand-button-secondary-fgColor-rest: var(--brand-color-text-default);
+  --brand-button-secondary-fgColor-disabled: var(--base-color-scale-gray-4);
+  --brand-button-subtle-borderColor-rest: transparent;
+  --brand-button-subtle-borderColor-hover: var(--base-color-scale-white-0);
+  --brand-button-subtle-borderColor-active: var(--base-color-scale-white-0);
+  --brand-button-subtle-fgColor-rest: var(--brand-color-text-default);
+  --brand-button-subtle-fgColor-disabled: var(--base-color-scale-gray-4);
 }
 
 .Primer_Brand__Button-module__Button___lDruK {
@@ -1225,9 +1251,9 @@ select {
   justify-content: center;
   transition: box-shadow var(--brand-animation-duration-faster);
   text-decoration: none;
-  border-radius: 6px;
+  border-radius: var(--brand-control-medium-borderRadius);
   cursor: pointer;
-  border: none;
+  border: solid var(--brand-borderWidth-thick) transparent;
   background: none;
   display: inline-flex;
   gap: var(--brand-control-medium-gap);
@@ -1237,10 +1263,23 @@ select {
   text-decoration: none;
 }
 
-.Primer_Brand__Button-module__Button___lDruK:focus:not(.Primer_Brand__Button-module__Button___lDruK[disabled]) {
-  outline: none;
-  box-shadow: 0 0 0 2px var(--brand-color-canvas-default), 0 0 0 5px var(--brand-color-focus);
+.Primer_Brand__Button-module__Button___lDruK.Primer_Brand__Button-module__focus-visible___kmhRj:not(.Primer_Brand__Button-module__Button___lDruK[disabled]) {
+  transition: none;
+  outline: 4px solid var(--brand-color-focus);
+  outline-offset: 2px;
+}
+
+.Primer_Brand__Button-module__Button___lDruK:focus-visible:not(.Primer_Brand__Button-module__Button___lDruK[disabled]) {
   transition: none;
+  outline: 4px solid var(--brand-color-focus);
+  outline-offset: 2px;
+}
+
+.Primer_Brand__Button-module__Button--disabled___Ba17E,
+.Primer_Brand__Button-module__Button--disabled___Ba17E:hover,
+.Primer_Brand__Button-module__Button--disabled___Ba17E:focus {
+  cursor: not-allowed;
+  outline: none;
 }
 
 .Primer_Brand__Button-module__Button__text___Z3ocU {
@@ -1260,70 +1299,127 @@ select {
   display: flex;
 }
 
-.Primer_Brand__Button-module__Button--label___lUBc0.Primer_Brand__Button-module__Button-label--disabled___ZBpbj,
-.Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy {
-  color: var(--brand-Button-fg-primary-disabled);
+/* optically adjust arrow to align with the end (right) padding */
+/* reduce gap between label and arrow */
+[dir="ltr"] .Primer_Brand__Button-module__Button-arrow___SkJXQ {
+  margin-right: calc(var(--base-size-4) * -1);
 }
-
-.Primer_Brand__Button-module__Button--primary___xIC7G .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
-.Primer_Brand__Button-module__Button--primary___xIC7G .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy {
-  color: var(--brand-Button-fg-primary-disabled);
+[dir="rtl"] .Primer_Brand__Button-module__Button-arrow___SkJXQ {
+  margin-left: calc(var(--base-size-4) * -1);
 }
-
-.Primer_Brand__Button-module__Button--secondary___akMC2 .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
-.Primer_Brand__Button-module__Button--subtle___UMmi9 .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
-.Primer_Brand__Button-module__Button--subtle___UMmi9 .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy,
-.Primer_Brand__Button-module__Button--secondary___akMC2 .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy {
-  color: var(--brand-Button-fg-secondary-disabled);
+[dir="ltr"] .Primer_Brand__Button-module__Button-arrow___SkJXQ {
+  margin-left: calc(var(--base-size-8) * -1);
+}
+[dir="rtl"] .Primer_Brand__Button-module__Button-arrow___SkJXQ {
+  margin-right: calc(var(--base-size-8) * -1);
 }
 
+/* primary */
+
 .Primer_Brand__Button-module__Button--primary___xIC7G {
-  color: var(--brand-color-text-onEmphasis);
-  background-color: var(--brand-Button-background-base);
-  background: var(--brand-Button-background-overlay);
+  color: var(--brand-button-primary-fgColor-rest);
+  background-color: var(--brand-button-primary-bgColor-rest);
+  border: solid var(--brand-borderWidth-thin) var(--brand-button-primary-borderColor-rest);
 }
 
-.Primer_Brand__Button-module__Button--primary___xIC7G:not(.Primer_Brand__Button-module__Button___lDruK[disabled]):not(.Primer_Brand__Button-module__Button___lDruK[aria-disabled='true']):hover {
-  box-shadow: var(--brand-Button-shadow-primary-hover);
+.Primer_Brand__Button-module__Button--primary___xIC7G:not(.Primer_Brand__Button-module__Button___lDruK[disabled]):not(.Primer_Brand__Button-module__Button___lDruK[aria-disabled='true']):not([aria-expanded='true']):hover {
+  background-color: var(--brand-button-primary-bgColor-hover);
+  border-color: var(--brand-button-primary-borderColor-hover);
 }
 
-.Primer_Brand__Button-module__Button--primary___xIC7G.Primer_Brand__Button-module__Button--disabled___Ba17E {
-  background-color: var(--base-color-scale-gray-4);
+.Primer_Brand__Button-module__Button--primary___xIC7G:not(.Primer_Brand__Button-module__Button___lDruK[disabled]):not(.Primer_Brand__Button-module__Button___lDruK[aria-disabled='true']):active,
+.Primer_Brand__Button-module__Button--primary___xIC7G[aria-expanded='true'] {
+  background-color: var(--brand-button-primary-bgColor-active);
+  border-color: var(--brand-button-primary-borderColor-active);
+  box-shadow: var(--brand-button-primary-shadow-active);
 }
 
 .Primer_Brand__Button-module__Button--label-primary___Leisi {
-  color: var(--brand-color-text-onEmphasis);
+  color: var(--brand-button-primary-fgColor-rest);
 }
 
+.Primer_Brand__Button-module__Button--primary___xIC7G:disabled,
+.Primer_Brand__Button-module__Button--primary___xIC7G[aria-disabled='true'],
+.Primer_Brand__Button-module__Button--primary___xIC7G.Primer_Brand__Button-module__Button--disabled___Ba17E {
+  background-color: var(--brand-button-primary-bgColor-disabled);
+  border-color: var(--brand-button-primary-borderColor-disabled);
+}
+
+.Primer_Brand__Button-module__Button--primary___xIC7G:disabled .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
+.Primer_Brand__Button-module__Button--primary___xIC7G[aria-disabled='true'] .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
+.Primer_Brand__Button-module__Button--primary___xIC7G.Primer_Brand__Button-module__Button--disabled___Ba17E .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
+.Primer_Brand__Button-module__Button--primary___xIC7G:disabled .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy,
+.Primer_Brand__Button-module__Button--primary___xIC7G[aria-disabled='true'] .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy,
+.Primer_Brand__Button-module__Button--primary___xIC7G.Primer_Brand__Button-module__Button--disabled___Ba17E .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy,
 .Primer_Brand__Button-module__Button--label-primary___Leisi.Primer_Brand__Button-module__Button-label--disabled___ZBpbj {
-  color: var(--brand-Button-fg-primary-disabled);
+  color: var(--brand-button-primary-fgColor-disabled);
 }
 
+/* secondary */
+
 .Primer_Brand__Button-module__Button--secondary___akMC2 {
-  color: var(--brand-color-text-default);
-  box-shadow: var(--brand-Button-shadow-secondary-default);
-  transition: box-shadow 200ms;
+  transition: background-color, border-color 200ms;
+  border-color: var(--brand-button-secondary-borderColor-rest);
+}
+
+.Primer_Brand__Button-module__Button--secondary___akMC2:not(.Primer_Brand__Button-module__Button___lDruK[disabled]):not(.Primer_Brand__Button-module__Button___lDruK[aria-disabled='true']):not([aria-expanded='true']):hover {
+  background-color: var(--brand-button-secondary-bgColor-hover);
+  border-color: var(--brand-button-secondary-borderColor-hover);
 }
 
-.Primer_Brand__Button-module__Button--secondary___akMC2:not(.Primer_Brand__Button-module__Button___lDruK[disabled]):not(.Primer_Brand__Button-module__Button___lDruK[aria-disabled='true']):hover {
-  box-shadow: var(--brand-Button-shadow-secondary-hover);
+.Primer_Brand__Button-module__Button--secondary___akMC2:not(.Primer_Brand__Button-module__Button___lDruK[disabled]):not(.Primer_Brand__Button-module__Button___lDruK[aria-disabled='true']):active,
+.Primer_Brand__Button-module__Button--secondary___akMC2[aria-expanded='true'] {
+  background-color: var(--brand-button-secondary-bgColor-active);
+  border-color: var(--brand-button-secondary-borderColor-active);
 }
 
-.Primer_Brand__Button-module__Button--label-secondary___DRJoJ.Primer_Brand__Button-module__Button-label--disabled___ZBpbj,
-.Primer_Brand__Button-module__Button--label-secondary___DRJoJ.Primer_Brand__Button-module__Button-label--disabled___ZBpbj,
-.Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy {
-  color: var(--brand-Button-fg-secondary-disabled);
+.Primer_Brand__Button-module__Button--label-secondary___DRJoJ {
+  color: var(--brand-button-secondary-fgColor-rest);
 }
 
+.Primer_Brand__Button-module__Button--secondary___akMC2 .Primer_Brand__Button-module__Button__icon-visual___zR2Hi,
+.Primer_Brand__Button-module__Button--secondary___akMC2 .Primer_Brand__Button-module__Button-arrow___SkJXQ {
+  color: var(--brand-button-secondary-fgColor-rest);
+}
+
+.Primer_Brand__Button-module__Button--secondary___akMC2:disabled .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
+.Primer_Brand__Button-module__Button--secondary___akMC2[aria-disabled='true'] .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
+.Primer_Brand__Button-module__Button--secondary___akMC2.Primer_Brand__Button-module__Button--disabled___Ba17E .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
+.Primer_Brand__Button-module__Button--secondary___akMC2:disabled .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy,
+.Primer_Brand__Button-module__Button--secondary___akMC2[aria-disabled='true'] .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy,
+.Primer_Brand__Button-module__Button--secondary___akMC2.Primer_Brand__Button-module__Button--disabled___Ba17E .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy,
+.Primer_Brand__Button-module__Button--label-secondary___DRJoJ.Primer_Brand__Button-module__Button-label--disabled___ZBpbj {
+  color: var(--brand-button-secondary-fgColor-disabled);
+}
+
+/* subtle */
+
 .Primer_Brand__Button-module__Button--subtle___UMmi9 {
   color: var(--brand-color-text-default);
-  transition: box-shadow 200ms;
+  border-color: var(--brand-button-subtle-borderColor-rest);
+  transition: background-color, border-color var(--brand-animation-duration-faster);
 }
 
 .Primer_Brand__Button-module__Button--subtle___UMmi9:hover:not(.Primer_Brand__Button-module__Button___lDruK[disabled]) {
-  box-shadow: var(--brand-Button-shadow-subtle-hover);
+  border-color: var(--brand-button-subtle-borderColor-hover);
+}
+
+.Primer_Brand__Button-module__Button--label-subtle___RRaqm {
+  color: var(--brand-button-subtle-fgColor-rest);
+}
+
+.Primer_Brand__Button-module__Button--subtle___UMmi9:disabled .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
+.Primer_Brand__Button-module__Button--subtle___UMmi9[aria-disabled='true'] .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
+.Primer_Brand__Button-module__Button--subtle___UMmi9.Primer_Brand__Button-module__Button--disabled___Ba17E .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
+.Primer_Brand__Button-module__Button--subtle___UMmi9:disabled .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy,
+.Primer_Brand__Button-module__Button--subtle___UMmi9[aria-disabled='true'] .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy,
+.Primer_Brand__Button-module__Button--subtle___UMmi9.Primer_Brand__Button-module__Button--disabled___Ba17E .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy,
+.Primer_Brand__Button-module__Button--label-subtle___RRaqm.Primer_Brand__Button-module__Button-label--disabled___ZBpbj {
+  color: var(--brand-button-subtle-fgColor-disabled);
 }
 
+/* size */
+
 .Primer_Brand__Button-module__Button--size-medium___EyCyw {
   height: var(--brand-control-medium-size);
   padding: var(--brand-control-medium-paddingBlock) var(--brand-control-medium-paddingInline-spacious);
@@ -1332,21 +1428,17 @@ select {
 .Primer_Brand__Button-module__Button--size-large___REN1l {
   height: var(--brand-control-large-size);
   padding: var(--brand-control-large-paddingBlock) var(--brand-control-large-paddingInline-spacious);
+  border-radius: var(--brand-control-large-borderRadius);
 }
 
-.Primer_Brand__Button-module__Button--block___F5RXs {
-  width: 100%;
-}
-
-.Primer_Brand__Button-module__Button--disabled___Ba17E,
-.Primer_Brand__Button-module__Button--disabled___Ba17E:hover,
-.Primer_Brand__Button-module__Button--disabled___Ba17E:focus {
-  cursor: not-allowed;
-  outline: none;
+.Primer_Brand__Button-module__Button--size-large___REN1l .Primer_Brand__Button-module__Button__icon-visual___zR2Hi,
+.Primer_Brand__Button-module__Button--size-large___REN1l .Primer_Brand__Button-module__Button-arrow___SkJXQ {
+  height: var(--base-size-20);
+  width: var(--base-size-20);
 }
 
-.Primer_Brand__Button-module__Button--disabled___Ba17E:not(.Primer_Brand__Button-module__Button--secondary___akMC2) {
-  box-shadow: none;
+.Primer_Brand__Button-module__Button--block___F5RXs {
+  width: 100%;
 }
 
 @media (forced-colors: active) {
@@ -1639,7 +1731,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:48 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:39 GMT
  */
 
 :root {
@@ -1866,7 +1958,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:49 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:41 GMT
  */
 
 :root,
@@ -2125,7 +2217,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:48 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:40 GMT
  */
 
 :root {
@@ -2151,7 +2243,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:49 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:41 GMT
  */
 
 :root,
@@ -2909,15 +3001,15 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:48 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:39 GMT
  */
 
 :root {
   --brand-control-animation-easing: var(--brand-animation-easing-glide);
   --brand-control-animation-duration: 80ms;
   --brand-control-border-radius: var(--brand-borderRadius-medium);
-  --brand-control-large-paddingBlock: 1.125rem;
-  --brand-control-large-size: 3.5rem;
+  --brand-control-large-size: 3.75rem;
+  --brand-control-medium-borderRadius: var(--brand-borderRadius-medium);
   --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);
@@ -2934,17 +3026,19 @@ select {
   --brand-box-spacing-spacious: var(--base-size-48);
   --brand-box-spacing-normal: var(--base-size-24);
   --brand-box-spacing-condensed: var(--base-size-16);
+  --brand-control-large-borderRadius: var(--base-size-8);
   --brand-control-large-gap: var(--base-size-16);
   --brand-control-large-paddingInline-spacious: var(--base-size-32);
   --brand-control-large-paddingInline-normal: var(--base-size-20);
   --brand-control-large-paddingInline-condensed: var(--base-size-16);
+  --brand-control-large-paddingBlock: var(--base-size-20);
   --brand-control-large-lineBoxHeight: var(--base-size-20);
-  --brand-control-medium-gap: var(--base-size-8);
-  --brand-control-medium-paddingInline-spacious: var(--base-size-24);
+  --brand-control-medium-gap: var(--base-size-12);
+  --brand-control-medium-paddingInline-spacious: var(--base-size-28);
   --brand-control-medium-paddingInline-normal: var(--base-size-16);
   --brand-control-medium-paddingInline-condensed: var(--base-size-12);
-  --brand-control-medium-paddingBlock: var(--base-size-12);
-  --brand-control-medium-lineBoxHeight: var(--base-size-20);
+  --brand-control-medium-paddingBlock: var(--base-size-16);
+  --brand-control-medium-lineBoxHeight: var(--base-size-16);
   --brand-control-medium-size: var(--base-size-48);
   --brand-control-minTarget-coarse: var(--base-size-44);
   --brand-control-minTarget-fine: var(--base-size-16);
@@ -3746,7 +3840,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:48 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:40 GMT
  */
 
 :root {
@@ -3767,7 +3861,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:48 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:40 GMT
  */
 
 :root {
@@ -3777,7 +3871,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:48 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:40 GMT
  */
 
 :root {
@@ -4345,6 +4439,7 @@ select {
   display: flex;
   align-items: center;
   margin-left: auto;
+  min-width: 0;
 }
 .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-trigger___WyUIj {
   display: flex;
@@ -4449,11 +4544,13 @@ select {
   display: inline-flex;
   gap: var(--base-size-16);
   align-items: center;
+  min-width: 0;
 }
 
 .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area-inner___dbpYv {
   display: flex;
   gap: 16px;
+  min-width: 0;
 }
 
 @media screen and (max-width: 48rem) {
@@ -4484,14 +4581,14 @@ select {
   .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area-inner___dbpYv {
     width: 100%;
     flex-direction: column;
-
     margin: 24px;
+    min-width: 0;
   }
 }
 
 .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-cta-button___g_9BM {
-  height: 48px; /*TODO: investigate why this is shorter than medium default height*/
   white-space: nowrap;
+  min-width: 0;
 }
 
 @media screen and (min-width: 1024px) {
@@ -4681,7 +4778,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:49 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:41 GMT
  */
 
 :root,
@@ -4709,7 +4806,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:49 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:41 GMT
  */
 
 :root,
@@ -4725,7 +4822,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:48 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:40 GMT
  */
 
 :root {
@@ -4865,7 +4962,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:49 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:41 GMT
  */
 
 :root,
@@ -4881,7 +4978,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:49 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:40 GMT
  */
 
 :root,
@@ -5030,7 +5127,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:48 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:39 GMT
  */
 
 :root {
@@ -5039,7 +5136,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:49 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:40 GMT
  */
 
 :root,
@@ -5053,7 +5150,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:48 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:40 GMT
  */
 
 :root {
@@ -5117,7 +5214,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:49 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:41 GMT
  */
 
 :root,
@@ -5433,7 +5530,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
  */
 
 .Primer_Brand__TextInput-module__TextInput-wrapper--medium___K9iTj {
-  height: 2.5rem;
+  height: var(--brand-control-medium-size);
 }
 
 .Primer_Brand__TextInput-module__TextInput--medium___kJrew {
@@ -5449,7 +5546,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 }
 
 .Primer_Brand__TextInput-module__TextInput-wrapper--large___lga4f {
-  height: 3rem;
+  height: var(--brand-control-large-size);
 }
 
 /*
@@ -5757,7 +5854,6 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 .Primer_Brand__Select-module__Select-wrapper--medium___xjmMc {
   height: var(--brand-control-medium-size);
-  height: 2.5rem;
 }
 
 [dir="ltr"] .Primer_Brand__Select-module__Select-wrapper--medium___xjmMc::after {
@@ -5779,13 +5875,14 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 .Primer_Brand__Select-module__Select--medium___kckBr {
   font-weight: var(--brand-text-weight-100);
   font-size: var(--brand-text-size-100);
-  padding-left: 10px;
-  padding-right: 10px;
+  padding-left: var(--brand-control-medium-paddingInline-condensed);
+  padding-right: var(--brand-control-medium-paddingInline-condensed);
+  padding-top: 0;
+  padding-bottom: 0;
 }
 
 .Primer_Brand__Select-module__Select-wrapper--large___Q4_2q {
   height: var(--brand-control-large-size);
-  height: 3rem;
 }
 
 [dir="ltr"] .Primer_Brand__Select-module__Select-wrapper--large___Q4_2q::after {
@@ -5807,8 +5904,10 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 .Primer_Brand__Select-module__Select--large___A7u6F {
   font-weight: var(--brand-text-weight-200);
   font-size: var(--brand-text-size-200);
-  padding-left: 12px;
-  padding-right: 12px;
+  padding-left: var(--brand-control-large-paddingInline-condensed);
+  padding-right: var(--brand-control-large-paddingInline-condensed);
+  padding-top: 0;
+  padding-bottom: 0;
 }
 
 /*
@@ -6216,7 +6315,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:48 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:40 GMT
  */
 
 :root {
@@ -6232,7 +6331,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:48 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:40 GMT
  */
 
 :root {
@@ -6444,7 +6543,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:49 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:41 GMT
  */
 
 :root,
@@ -6460,7 +6559,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:48 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:40 GMT
  */
 
 :root {
@@ -6778,7 +6877,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:49 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:41 GMT
  */
 
 :root,
@@ -7182,7 +7281,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:49 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:41 GMT
  */
 
 :root,
@@ -7360,7 +7459,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:49 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:41 GMT
  */
 
 :root,
@@ -7486,7 +7585,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:49 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:40 GMT
  */
 
 :root,
@@ -7616,7 +7715,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:48 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:39 GMT
  */
 
 :root {
@@ -7628,7 +7727,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:49 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:40 GMT
  */
 
 :root,
@@ -7989,7 +8088,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:49 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:41 GMT
  */
 
 :root,
@@ -8018,17 +8117,9 @@ html {
 }
 
 .Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG {
-  border-radius: var(--base-size-48);
-}
-
-.Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG:focus:not(.Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG[disabled]),
-.Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG.Primer_Brand__ActionMenu-module__focus-visible___hVXW3:not(.Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG[disabled]) {
-  box-shadow: 0 0 0 3px var(--brand-color-focus);
-}
-
-.Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG:focus:not(.Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG[disabled]),
-.Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG:focus-visible:not(.Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG[disabled]) {
-  box-shadow: 0 0 0 3px var(--brand-color-focus);
+  /* avoid specificity issues */
+  --brand-control-medium-borderRadius: var(--brand-borderRadius-full);
+  --brand-control-large-borderRadius: var(--brand-borderRadius-full);
 }
 
 .Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG > span:first-of-type {
@@ -8038,10 +8129,6 @@ html {
   white-space: nowrap;
 }
 
-.Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG:hover {
-  border-color: var(--brand-ActionMenu-color-border-hover);
-}
-
 .Primer_Brand__ActionMenu-module__ActionMenu__menu____B9HP {
   position: absolute;
   z-index: 100;
@@ -8049,7 +8136,7 @@ html {
   margin-top: var(--base-size-8);
   visibility: hidden;
   background-color: var(--brand-color-canvas-default);
-  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
+  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
   border-radius: var(--brand-borderRadius-large);
   max-height: 460px;
   overflow-y: auto;
@@ -8128,15 +8215,6 @@ html {
   transition: none;
 }
 
-.Primer_Brand__ActionMenu-module__ActionMenu__button--active___HOEZK {
-  border-color: var(--brand-ActionMenu-color-border-active) !important;
-  box-shadow: 0 0 0 3px var(--brand-ActionMenu-color-border-active) !important;
-}
-
-.Primer_Brand__ActionMenu-module__ActionMenu__button--active___HOEZK {
-  transition: none;
-}
-
 .Primer_Brand__ActionMenu-module__ActionMenu__item-leadingVisual___UWjE1 {
   display: flex;
   min-width: var(--base-size-16);
@@ -8148,6 +8226,12 @@ html {
 
 .Primer_Brand__ActionMenu-module__ActionMenu__item-text___K_1vl {
   grid-area: text / text;
+  /* display grid collapses the text line box height for optical alignment */
+  display: grid;
+}
+
+.Primer_Brand__ActionMenu-module__ActionMenu__item-text___K_1vl > span {
+  line-height: var(--brand-control-medium-lineBoxHeight);
 }
 
 .Primer_Brand__ActionMenu-module__ActionMenu__item-icon___JyMwz {
@@ -8396,7 +8480,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:48 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:40 GMT
  */
 
 :root {
@@ -11724,9 +11808,450 @@ html {
   border-style: none;
 }
 
+/* ---------------------------------------------------------- */
+/* VideoPlayer Contents                                       */
+/* ---------------------------------------------------------- */
+/* Table of contents:                                         */
+/* 1. Container                                               */
+/* 2. Player                                                  */
+/* 2. Center Play Button                                      */
+/* 4. Title                                                   */
+/* 5. Controls                                                */
+/* 6. Range Element                                           */
+/* 7. Tooltip                                                 */
+/* 8. Captions                                                */
+/* ---------------------------------------------------------- */
+
+/* ---------------------------------------------------------- */
+/* 1. Container                                               */
+/* ---------------------------------------------------------- */
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__container___WmQho {
+  width: 100%;
+  position: relative;
+  overflow: hidden;
+}
+
+/* ---------------------------------------------------------- */
+/* 2. Player                                                  */
+/* ---------------------------------------------------------- */
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer___iNxEw {
+  width: 100%;
+  border-radius: var(--brand-borderRadius-medium);
+  display: block;
+}
+
+/* ---------------------------------------------------------- */
+/* 3. Center Play Button                                      */
+/* ---------------------------------------------------------- */
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__playButton___qff0F {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: transparent;
+  border: none;
+  z-index: 1;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__playButtonInner___FpXVO {
+  height: var(--brand-VideoPlayer-playButton-height);
+  width: var(--brand-VideoPlayer-playButton-width);
+  display: inline-block;
+  padding: var(--brand-VideoPlayer-playButton-padding);
+  box-sizing: content-box;
+  background: var(--base-color-scale-blue-5);
+  border-radius: 50%;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__playButtonInner___FpXVO > svg {
+  margin-left: 0.3125rem;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__playButton___qff0F:focus {
+  border: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
+  box-shadow: 0 0 0 2px var(--brand-color-focus);
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__playButton___qff0F svg {
+  cursor: pointer;
+  color: var(--base-color-scale-gray-0);
+}
+
+/* ---------------------------------------------------------- */
+/* 4. Title                                                   */
+/* ---------------------------------------------------------- */
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__title___F1E2j {
+  transition: var(--brand-VideoPlayer-transition);
+  top: -10px;
+  opacity: 0;
+  position: absolute;
+  border-radius: var(--brand-borderRadius-medium);
+  left: 0;
+  width: 100%;
+  z-index: 2;
+  padding: var(--base-size-16) var(--base-size-24);
+  color: var(--base-color-scale-gray-0);
+  display: grid;
+  align-items: center;
+  justify-content: start;
+  grid-gap: 10px;
+  grid-template-columns: auto auto;
+  background: hsl(var(--base-color-scale-black-0-hsl) / 80%);
+  background: linear-gradient(hsl(var(--base-color-scale-black-0-hsl) / 40%), rgba(0, 0, 0, 0));
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__showOverlays___aMQQ6 .Primer_Brand__VideoPlayer-module__VideoPlayer__title___F1E2j {
+  top: 0;
+  opacity: 1;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__overlays___xv3Xi:hover .Primer_Brand__VideoPlayer-module__VideoPlayer__title___F1E2j {
+  top: 0;
+  opacity: 1;
+}
+
+/* ---------------------------------------------------------- */
+/* 5. Controls                                                */
+/* ---------------------------------------------------------- */
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI {
+  transition: var(--brand-VideoPlayer-transition);
+  bottom: -58px;
+  position: absolute;
+  z-index: 2;
+  width: 100%;
+  pointer-events: none;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__controlsWrapper___Kpqo7 {
+  display: grid;
+  grid-gap: var(--base-size-16);
+  align-items: center;
+  grid-template-columns: auto 2fr auto auto auto auto auto;
+  opacity: 0;
+  border-bottom-right-radius: var(--brand-borderRadius-medium);
+  border-bottom-left-radius: var(--brand-borderRadius-medium);
+  left: 0;
+  width: 100%;
+  background: hsl(var(--base-color-scale-black-0-hsl) / 80%);
+  background: linear-gradient(rgba(0, 0, 0, 0), hsl(var(--base-color-scale-black-0-hsl) / 40%));
+  padding: var(--base-size-16) var(--base-size-24);
+  pointer-events: all;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__container--small___TxAd8 .Primer_Brand__VideoPlayer-module__VideoPlayer__controlsWrapper___Kpqo7 {
+  grid-template-columns: auto 2fr auto auto auto auto;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI:focus,
+.Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI[focus-within] {
+  bottom: 0;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI:focus,
+.Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI:focus-within {
+  bottom: 0;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI:focus .Primer_Brand__VideoPlayer-module__VideoPlayer__controlsWrapper___Kpqo7,
+.Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI[focus-within] .Primer_Brand__VideoPlayer-module__VideoPlayer__controlsWrapper___Kpqo7 {
+  opacity: 1;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI:focus .Primer_Brand__VideoPlayer-module__VideoPlayer__controlsWrapper___Kpqo7,
+.Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI:focus-within .Primer_Brand__VideoPlayer-module__VideoPlayer__controlsWrapper___Kpqo7 {
+  opacity: 1;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__showOverlays___aMQQ6 .Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI {
+  bottom: 0;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__showOverlays___aMQQ6 .Primer_Brand__VideoPlayer-module__VideoPlayer__controlsWrapper___Kpqo7 {
+  opacity: 1;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__overlays___xv3Xi:hover .Primer_Brand__VideoPlayer-module__VideoPlayer__controlsWrapper___Kpqo7 {
+  opacity: 1;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__overlays___xv3Xi:hover .Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI {
+  bottom: 0;
+  opacity: 1;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__iconControl___Tw7A4 {
+  width: auto;
+  background: none;
+  border: none;
+  cursor: pointer;
+  height: 24px;
+  box-sizing: content-box;
+  position: relative;
+  padding: 0;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__iconControl___Tw7A4.Primer_Brand__VideoPlayer-module__focus-visible___AKGlH {
+  border-color: var(--brand-color-focus);
+  outline: none;
+  box-shadow: 0 0 0 2px var(--brand-color-focus);
+  opacity: 1;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__iconControl___Tw7A4:focus-visible {
+  border-color: var(--brand-color-focus);
+  outline: none;
+  box-shadow: 0 0 0 2px var(--brand-color-focus);
+  opacity: 1;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__iconControl___Tw7A4 svg {
+  color: var(--base-color-scale-gray-0);
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__iconControl___Tw7A4:hover .Primer_Brand__VideoPlayer-module__VideoPlayer__tooltip___mtg_l {
+  opacity: 1;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__progressTime___GvTKs {
+  width: 100%;
+  color: var(--base-color-scale-gray-0);
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__totalTime___nWILS {
+  display: inline-block;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__container--small___TxAd8 .Primer_Brand__VideoPlayer-module__VideoPlayer__totalTime___nWILS {
+  display: none;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__progressBar___wYSPx {
+  width: 100%;
+  height: 6px;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__closedCaption___PAvgt {
+  border-radius: var(--brand-borderRadius-medium);
+  padding: 1px 5px;
+  border: 2px solid var(--base-color-scale-gray-0);
+  background: var(--base-color-scale-gray-0);
+  position: relative;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__ccOff___svmJL {
+  background-color: transparent;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__ccText___xIu2v {
+  color: var(--base-color-scale-black-0);
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__ccOff___svmJL .Primer_Brand__VideoPlayer-module__VideoPlayer__ccText___xIu2v {
+  color: var(--base-color-scale-gray-0);
+}
+
+/* ---------------------------------------------------------- */
+/* 6. Range Element                                           */
+/* ---------------------------------------------------------- */
+.Primer_Brand__VideoPlayer-module__VideoPlayer__range___Tmjbg {
+  position: relative;
+  width: 100%;
+  min-width: var(--brand-VideoPlayer-range-minWidth);
+  height: var(--brand-VideoPlayer-range-height);
+  background-color: var(--base-color-scale-gray-0);
+  border-radius: var(--brand-VideoPlayer-range-borderRadius);
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__container--small___TxAd8 .Primer_Brand__VideoPlayer-module__VideoPlayer__volumeBar___HOmXb {
+  display: none;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__range___Tmjbg:hover .Primer_Brand__VideoPlayer-module__VideoPlayer__tooltip___mtg_l {
+  opacity: 1;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeInput____wivl {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  z-index: 1;
+  display: block;
+  width: 100%;
+  height: var(--brand-VideoPlayer-range-height);
+  margin: 0;
+  cursor: pointer;
+  background: transparent;
+  position: absolute;
+  top: 0;
+  opacity: 0;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeInput____wivl.Primer_Brand__VideoPlayer-module__focus-visible___AKGlH {
+  border-color: var(--brand-color-focus);
+  outline: none;
+  box-shadow: 0 0 0 2px var(--brand-color-focus);
+  opacity: 1;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeInput____wivl:focus-visible {
+  border-color: var(--brand-color-focus);
+  outline: none;
+  box-shadow: 0 0 0 2px var(--brand-color-focus);
+  opacity: 1;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__range___Tmjbg:hover .Primer_Brand__VideoPlayer-module__VideoPlayer__rangeInput____wivl {
+  opacity: 1;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeInput____wivl::-moz-range-track,
+.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeInput____wivl::-webkit-slider-runnable-track {
+  background: transparent;
+  border: none;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___dDpNK {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  overflow: hidden;
+  background: hsl(var(--base-color-scale-gray-0-hsl) / 50%);
+  border: 0;
+  border-radius: var(--brand-VideoPlayer-range-borderRadius);
+  width: 100%;
+  position: absolute;
+  height: var(--brand-VideoPlayer-range-height);
+  top: 0;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___dDpNK::-webkit-progress-bar {
+  background-color: hsl(var(--base-color-scale-gray-0-hsl) / 50%);
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___dDpNK::-webkit-progress-value {
+  background-color: var(--base-color-scale-blue-5);
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___dDpNK::-moz-progress-bar {
+  background: var(--base-color-scale-blue-5);
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___dDpNK::-ms-fill-lower {
+  background-color: var(--base-color-scale-blue-5);
+  border: none;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___dDpNK::-ms-fill-upper {
+  background-color: hsl(var(--base-color-scale-gray-0-hsl) / 50%);
+  border: none;
+}
+
+/* ---------------------------------------------------------- */
+/* 7. Tooltip                                                 */
+/* ---------------------------------------------------------- */
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__tooltip___mtg_l {
+  position: absolute;
+  bottom: 100%;
+  z-index: 2;
+  width: 10px;
+  height: 10px;
+  margin-bottom: var(--base-size-16);
+  pointer-events: none;
+  opacity: 0;
+  transform: translate3d(0%, 50%, 0);
+  transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),
+    transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__tooltip___mtg_l::before {
+  position: absolute;
+  bottom: -4px;
+  left: 0;
+  width: 10px;
+  height: 10px;
+  content: '';
+  background: var(--base-color-scale-white-0);
+  border-radius: var(--brand-borderRadius-small);
+  transform: rotate(45deg);
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__tooltipContent___BoAqV {
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  z-index: -1;
+  background: white;
+  box-shadow: 0 4px 4px hsl(var(--base-color-scale-black-0-hsl) / 20%);
+  transform: translate3d(-50%, 0, 0);
+  padding: var(--brand-VideoPlayer-tooltip-padding);
+  border-radius: var(--brand-borderRadius-medium);
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__tooltipText____Syz7 {
+  color: var(--brand-InlineLink-color-rest);
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__controlTextColor___YMFpe {
+  color: var(--base-color-scale-white-0);
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__shiftTooltipRight___iLKlO .Primer_Brand__VideoPlayer-module__VideoPlayer__tooltip___mtg_l {
+  transform: translateX(10px);
+}
+
+/* ---------------------------------------------------------- */
+/* 8. Captions                                                */
+/* ---------------------------------------------------------- */
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__captions___dI9Jv {
+  width: 90%;
+  margin: var(--brand-VideoPlayer-closedCaption-margin);
+  display: grid;
+  justify-content: center;
+  pointer-events: none;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__captions__empty___q_s3l {
+  display: none;
+}
+
+.Primer_Brand__VideoPlayer-module__VideoPlayer__captionText___e2su6 {
+  color: var(--base-color-scale-white-0);
+  text-align: center;
+  background: hsl(var(--base-color-scale-black-0-hsl) / 50%);
+  padding: var(--brand-VideoPlayer-closedCaption-text-padding);
+  border-radius: var(--brand-borderRadius-medium);
+  display: inline-block;
+}
+
+/**
+ * Do not edit directly
+ * Generated on Thu, 31 Aug 2023 13:49:40 GMT
+ */
+
+:root {
+  --brand-VideoPlayer-tooltip-padding: 0.3125rem;
+  --brand-VideoPlayer-transition: all var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
+  --brand-VideoPlayer-range-minWidth: 4.6875rem;
+  --brand-VideoPlayer-range-borderRadius: 0.1875rem;
+  --brand-VideoPlayer-range-height: 0.375rem;
+  --brand-VideoPlayer-playButton-padding: 1.5625rem;
+  --brand-VideoPlayer-playButton-width: 1.5rem;
+  --brand-VideoPlayer-playButton-height: 1.5rem;
+  --brand-VideoPlayer-closedCaption-text-padding: 0.625rem;
+  --brand-VideoPlayer-closedCaption-margin: 0 auto 15px auto;
+}
+
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:49 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:41 GMT
  */
 
 :root,
@@ -11742,7 +12267,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:48 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:40 GMT
  */
 
 :root {
@@ -11963,7 +12488,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:49 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:41 GMT
  */
 
 :root,
@@ -11977,7 +12502,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 21 Aug 2023 13:26:48 GMT
+ * Generated on Thu, 31 Aug 2023 13:49:40 GMT
  */
 
 :root {