@primer/react-brand 0.24.1-rc.eeedf49 → 0.25.0-rc.a4c5de6

package/lib/css/main.css

@@ -89,7 +89,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:15 GMT
  */
 
 :root,
@@ -629,7 +629,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:15 GMT
  */
 
 :root {
@@ -654,7 +654,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:15 GMT
  */
 
 :root {
@@ -669,7 +669,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:15 GMT
  */
 
 :root {
@@ -796,7 +796,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:15 GMT
  */
 
 :root {
@@ -810,7 +810,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:15 GMT
  */
 
 :root {
@@ -828,7 +828,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:16 GMT
  */
 
 :root,
@@ -1181,7 +1181,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:16 GMT
  */
 
 :root,
@@ -1639,7 +1639,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:15 GMT
  */
 
 :root {
@@ -1866,7 +1866,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:16 GMT
  */
 
 :root,
@@ -2125,7 +2125,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:15 GMT
  */
 
 :root {
@@ -2151,7 +2151,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:16 GMT
  */
 
 :root,
@@ -2909,7 +2909,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:15 GMT
  */
 
 :root {
@@ -3746,7 +3746,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:15 GMT
  */
 
 :root {
@@ -3767,7 +3767,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:15 GMT
  */
 
 :root {
@@ -3777,7 +3777,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:15 GMT
  */
 
 :root {
@@ -4681,7 +4681,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:16 GMT
  */
 
 :root,
@@ -4709,7 +4709,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:16 GMT
  */
 
 :root,
@@ -4725,7 +4725,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:15 GMT
  */
 
 :root {
@@ -4865,7 +4865,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:16 GMT
  */
 
 :root,
@@ -4881,7 +4881,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:16 GMT
  */
 
 :root,
@@ -5030,7 +5030,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:15 GMT
  */
 
 :root {
@@ -5039,7 +5039,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:16 GMT
  */
 
 :root,
@@ -5053,7 +5053,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:15 GMT
  */
 
 :root {
@@ -5117,7 +5117,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:16 GMT
  */
 
 :root,
@@ -6216,7 +6216,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:15 GMT
  */
 
 :root {
@@ -6232,7 +6232,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:15 GMT
  */
 
 :root {
@@ -6444,7 +6444,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:16 GMT
  */
 
 :root,
@@ -6460,7 +6460,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:15 GMT
  */
 
 :root {
@@ -6778,7 +6778,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:16 GMT
  */
 
 :root,
@@ -7182,7 +7182,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:16 GMT
  */
 
 :root,
@@ -7360,7 +7360,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:16 GMT
  */
 
 :root,
@@ -7486,7 +7486,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:16 GMT
  */
 
 :root,
@@ -7616,7 +7616,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:15 GMT
  */
 
 :root {
@@ -7628,7 +7628,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:16 GMT
  */
 
 :root,
@@ -7989,7 +7989,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:16 GMT
  */
 
 :root,
@@ -8396,7 +8396,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:15 GMT
  */
 
 :root {
@@ -11724,9 +11724,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, 24 Aug 2023 12:48:15 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 Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:16 GMT
  */
 
 :root,
@@ -11742,7 +12183,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:15 GMT
  */
 
 :root {
@@ -11963,7 +12404,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:16 GMT
  */
 
 :root,
@@ -11977,7 +12418,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
+ * Generated on Thu, 24 Aug 2023 12:48:15 GMT
  */
 
 :root {