:root {
  --navbar-height: 49px;
  --page-padding: 24px;
}

html,
body,
#root {
  font-family: 'Atlas Grotesk';
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

/**
 * This file includes font declarations that are used in DIG 2.0.
 *
 * Desktop client only requires TrueType fonts so we don't need to include alternative file types
 */

/**
 * Font: Atlas Grotesk
 * Consumed by: dig-components, spectrum-cl
 */
@font-face {
  font-family: 'Atlas Grotesk';
  src: url('/fonts/atlas_grotesk/AtlasGrotesk-Regular-Web.ttf') format('truetype');
  font-weight: 300 400;
  font-style: normal;
}

@font-face {
  font-family: 'Atlas Grotesk';
  src: url('/fonts/atlas_grotesk/AtlasGrotesk-RegularItalic-Web.ttf') format('truetype');
  font-weight: 300 400;
  font-style: italic;
}

/*
 * Supply range for Medium font declarations to avoid the browser's
 * synthetic bold, and thus preventing misusage.
 */

@font-face {
  font-family: 'Atlas Grotesk';
  src: url('/fonts/atlas_grotesk/AtlasGrotesk-Medium-Web.ttf') format('truetype');
  font-weight: 500 700;
  font-style: normal;
}

@font-face {
  font-family: 'Atlas Grotesk';
  src: url('/fonts/atlas_grotesk/AtlasGrotesk-MediumItalic-Web.ttf') format('truetype');
  font-weight: 500 700;
  font-style: italic;
}

/**
 * Font: Sharp Grotesk
 * Consumed by: dig-components, spectrum-cl
 */
@font-face {
  font-family: 'Sharp Grotesk';
  src: url('/fonts/sharp_grotesk_db/SharpGroteskDBBook20.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Sharp Grotesk';
  src: url('/fonts/sharp_grotesk_db/SharpGroteskDBBookItalic20.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Sharp Grotesk';
  src: url('/fonts/sharp_grotesk_db/SharpGroteskDBMedium20.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Sharp Grotesk';
  src: url('/fonts/sharp_grotesk_db/SharpGroteskDBMediumItalic20.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

/**
 * Sharp Grotesk 23 is not a sanctioned DIG font. Usage is solely approved for logged out web. If you find
 * yourself needing Sharp Grotesk 23 for any other purpose, please consult #design-systems.
 */

/**
 * Font: Sharp Grotesk 23 (Cyrillic supported)
 */
@font-face {
  font-family: 'Sharp Grotesk 23';
  src: url('/fonts/sharp_grotesk_23/SharpGroteskDBCyrBook23.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Sharp Grotesk 23';
  src: url('/fonts/sharp_grotesk_23/SharpGroteskDBCyrBookItalic23.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

.mT6qOAzPBMmqX3XGuy4row\=\= {
  background: var(--dig-color__background__base);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}

.O98foVNfTjh8F6MtS-xoHw\=\= {
  border: 1px solid var(--dig-color__border__subtle);
  margin-top: 12px;
  margin-bottom: 6px;
  padding: 12px 30px 6px;
}

.BZTfH1SdyJ2IySYzcUtGOA\=\= {
  margin-top: 8px;
}

._12Ga-dI78RtaLxhSzR4PrA\=\= {
  height: 400px;
  overflow: auto;
}

._5fIf0f4CPt6thpXCREXq0w\=\= {
  margin-bottom: 4px;
}

.iBfqD\+\+jFnso0YsbmZ\+5xQ\=\= {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  margin-bottom: 4px;
  padding: 0;
  color: var(--dig-color__text__base);
  /* To remove button stylings */
  border: none;
  outline: none;
  background: transparent;
}

.bP4moZ5TAO0XVrqi292rlw\=\= {
  margin-left: 25px;
}

.lOlpib8IbiUOnWcB8l4gVA\=\= {
  color: var(--dig-color__text__base);
}

.OjChPJgqVfyACk8B0-iLgw\=\= {
  display: flex;
  justify-content: space-between;
  width: 56px;
}

.bbxL9WSAKQcDduAqlpV3vQ\=\= {
  background-color: var(--dig-color__background__base);
  cursor: pointer;
  position: relative;
}

.t-QsdFMerkycxVUTnDTejA\=\= {
  border: 1px solid var(--dig-color__border__subtle);
  padding: 16px 24px;
}

.t-QsdFMerkycxVUTnDTejA\=\=:hover {
  border: 1px solid var(--dig-color__border__base);
}

.bbxL9WSAKQcDduAqlpV3vQ\=\= > form {
  width: 220px;
}

.t-QsdFMerkycxVUTnDTejA\=\= > form {
  width: 100%;
}

.dsDr-QYJM4kuO69BAAPwxw\=\= {
  border: 1px solid var(--dig-color__border__subtle);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  min-width: 240px;
  position: relative;
}

.dsDr-QYJM4kuO69BAAPwxw\=\=:hover {
  border: 1px solid var(--dig-color__border__base);
}

.RiYxqNldnx0l2rYw98w2sw\=\= {
  text-decoration: none;
  color: var(--dig-color__text__base);
  position: relative;
}

.vgZJWIl4\+VLrhVlnQ\+OiWw\=\= {
  background: var(--dig-color__background__base);
  border-top: 1px solid var(--dig-color__border__subtle);
  padding: 1em;
}

.bzKtX61UD-F0F5qS8tuCKA\=\= {
  font-family: var(--type__body__standard--fontfamily);
  font-size: var(--type__body__standard--fontsize);
  font-weight: var(--type__body__standard--fontweight_strong);
  line-height: var(--type__body__standard--lineheight);
}

.mFgwnm76dkCbBG0tqN5Jyg\=\= {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.gVanrCMfQITJhkUAQgAlfg\=\= {
  display: flex;
  align-items: center;
}

.kN4aT89um-pVQar0i4xEgg\=\= {
  position: absolute;
  z-index: 10;
  top: 8px;
  left: 8px;
  height: 20px;
  border-radius: var(--dig-radius__xsmall);
}

.ggy3LIgg20GBfl9TObP9AA\=\= {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 250px;
  text-align: left;
}

.bc0VHleClW2RbepXSVUCaw\=\= {
  margin-top: var(--info-margin);
}

.tcwfz-cuhki3tqfOLuGY0g\=\= {
  display: flex;
  align-items: center;
  align-self: flex-start;
  gap: 8px;
  margin-bottom: 10px;
}

.tcwfz-cuhki3tqfOLuGY0g\=\= .dig-Avatar {
  height: 25px;
  width: 25px;
}

.EYiqJmx5cvLRyl9WvaQ6AA\=\= {
  display: flex;
  flex-direction: column;
}

.KUx2kxT1f1ctOMerWQMBCA\=\= {
  display: flex;
  align-items: center;
  gap: 5px;
  min-height: 40px; /* Set an absolute height because we were seeing a layout shift when switching to rename */
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.MY8rq4lwv8w0KgWKy0EaIw\=\= {
  font-family: var(--type__body__standard--fontfamily);
  font-size: var(--type__body__standard--fontsize);
  font-weight: var(--type__body__standard--fontweight_strong);
  line-height: var(--type__body__standard--lineheight);
}

.da2lXsa1MrBhNdwWMBoLWQ\=\= {
  position: absolute;
  bottom: 60px;
  right: 50px;
}

.anOTA9BsKO-80tdRhqcvPQ\=\= {
  opacity: 0;
  color: var(--dig-color__text__subtle);
  flex-grow: 0;
  flex-shrink: 0;
}

.Jvk0K4sXYuOQ5JhpJyVGoQ\=\= {
  min-width: 75%;
  max-width: 100%;
}

.q65niGRHchabGHWkmSNhKQ\=\= {
  height: 26px !important;
  padding-top: 8px !important;
  font-size: 22px !important;
  font-family: var(--type__title__standard--fontfamily) !important;
}

.DWHcQmf4c1KmOMEnE7fZTg\=\= {
  font-size: 14px !important;
}

.AgFQvAKOr6wLIeBHhM4i1w\=\= {
  margin-right: 4px;
  margin-top: 4px;
}

@media (min-width: 900px) {
  .bc0VHleClW2RbepXSVUCaw\=\= {
    width: 100%;
  }
}

.dN1qUH4pcrmFfoW8nTYGwQ\=\= {
  display: flex;
}

.xzw3gR8uzaPTRTYK0\+xlMQ\=\= {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

._2flrJcPA3LSKFmSwudU6TA\=\= {
  display: flex;
  align-items: center;
  min-height: 30px;
}

.anOTA9BsKO-80tdRhqcvPQ\=\=:focus,
._2flrJcPA3LSKFmSwudU6TA\=\=:hover .anOTA9BsKO-80tdRhqcvPQ\=\= {
  opacity: 1;
  margin-top: 3px;
  margin-left: 4px;
}

.pTJMMTXSmS5mxl8mffbsww\=\= {
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background-color: var(--dig-color__disabled__base);
}

._6N1KTYcx9iCb9yGaiXu2ww\=\= {
  margin-top: 22px;
  margin-bottom: 60px;
  align-self: start;
  width: 680px;
}

.PG8N2GjZtpXKj3NvVaWzow\=\= {
  display: block;
  position: relative;
  padding-bottom: 56.25%;
}

.Pr1fQF2hmCglA-CSS0DB-g\=\= {
  background: var(--dig-color__background__subtle);
  /* These are for when we have an icon */
  display: flex;
  align-items: center;
  justify-content: center;
  /* And this is for when we have an image */
  position: absolute;
  object-fit: contain;
  height: 100%;
  width: 100%;
}

.Sq20U55ldayBUGfuoLaM1w\=\= {
  background-color: var(--dig-color__secondary__surface);
  color: var(--dig-color__secondary__base);
  padding: 1px 5px 0;
  border-radius: 2px;
  border: 1px solid var(--dig-color__border__subtle);
  position: absolute;
  bottom: 8px;
  right: 8px;
}

.ItM44TQGllJRoGSfETIVFA\=\= {
  text-align: center;
  padding: 0 24px;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  overflow: hidden;
  padding-top: 88px;
}

.fmTLTAl7rmhSNSZmQmuR4w\=\= {
  margin-bottom: 24px;
}

.-Qtlg0Ooo8LxcLLmgP2PjA\=\= {
  max-width: 960px;
  margin: 0;
}

.cZPTBkARuBJvP0ZzC1uWHw\=\= {
  max-width: 540px;
  margin: 24px 0;
}

@media only screen and (max-width: 545px) {
  .ItM44TQGllJRoGSfETIVFA\=\= {
    padding: 48px 24px;
  }
}

._2fiqN7FL-oM33AENhRbQBg\=\= {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
}

._2fiqN7FL-oM33AENhRbQBg\=\= .lDUGFCFbq4clkGO4IDgNEQ\=\= {
  margin-top: 10px;
  color: var(--color__white);
}

.aNksY32EFN-W8ePbR0TXiQ\=\= {
  width: 100%;
  padding: 20px 0;
}

.aNksY32EFN-W8ePbR0TXiQ\=\= .DvjKeP-OaTITqZ-jTvFJFw\=\= {
  width: 200px;
  height: 16px;
  margin-bottom: 10px;
}

.aNksY32EFN-W8ePbR0TXiQ\=\= .wHX8JELepnIcCgknkhVSRw\=\= {
  width: 100px;
  height: 16px;
  margin-bottom: 10px;
}

.aNksY32EFN-W8ePbR0TXiQ\=\= ._2Zbo6wUeQAToDrbcqpm8kA\=\= {
  background: var(--dig-color__background__subtle);
  /* stylelint-disable */
  background-image: linear-gradient(
    to right,
    var(--dig-color__background__subtle) 0%,
    rgba(255, 255, 255, 0.8) 20%,
    var(--dig-color__background__subtle) 50%,
    var(--dig-color__background__subtle) 70%,
    var(--dig-color__background__subtle) 100%
  );
  background-repeat: no-repeat;
  background-size: 400px 50px;
  display: inline-block;
  position: relative;
  animation: A8Ggcq6tjd7QvHRPvGJjDw\=\= 1s infinite;
}

.aNksY32EFN-W8ePbR0TXiQ\=\= .Kupa0aMSsOPNzDeAmOq9ww\=\= {
  height: 50px;
  width: 50px;
  border-radius: 25px;
}

.aNksY32EFN-W8ePbR0TXiQ\=\= .srB6qxz5nGe\+vBNuKBl-3g\=\= {
  display: inline-flex;
  flex-direction: column;
  margin-left: 8px;
  vertical-align: top;
}

.Beczaaxg7I3DAtO6jj1-Ow\=\= .MKXszNGk-9bOyTxBYqDsaw\=\= {
  position: absolute;
  bottom: 10px;
  left: 14px;
  display: block;
}

.Beczaaxg7I3DAtO6jj1-Ow\=\= .scFbSTpvdGZuo1a-w\+GWLQ\=\= {
  position: absolute;
  bottom: 10px;
  right: 14px;
  display: block;
}

.Beczaaxg7I3DAtO6jj1-Ow\=\= .N9Ck2dv8upR521MXIKMwYA\=\= {
  position: absolute;
  bottom: 40px;
  left: 18px;
  z-index: 1;
}

.Beczaaxg7I3DAtO6jj1-Ow\=\= .cby2QtP2gYx2TXXmBV5GDw\=\= {
  position: absolute;
  bottom: 45px;
  width: calc(100% - 40px);
  display: block;
  left: 20px;
  height: 3px;
}

@keyframes A8Ggcq6tjd7QvHRPvGJjDw\=\= {
  0% {
    background-position: -400px 0;
  }

  100% {
    background-position: 400px 0;
  }
}

.Beczaaxg7I3DAtO6jj1-Ow\=\= {
  position: relative;
  width: 100%;
  min-width: 293px;
  min-height: 400px;
  background: var(--color__black);
}

.\+cAud7npL4Hr8ZK\+cBpqFA\=\= {
  margin: 16px;
}

@media (prefers-color-scheme: dark) {
  .\+cAud7npL4Hr8ZK\+cBpqFA\=\= {
    background-color: var(--dig-color__primary__on-base);
  }

  .T398XfmPz59S5zcej-vRKw\=\= {
    color: var(--color__inverse__core__secondary);
  }

  .-CjD1aKGsFjTwA7TOqo9MA\=\= {
    color: var(--dig-color__secondary__base);
  }
}

@media (prefers-color-scheme: light) {
  .\+cAud7npL4Hr8ZK\+cBpqFA\=\= {
    background-color: var(--color__inverse__attention__background);
  }

  .T398XfmPz59S5zcej-vRKw\=\= {
    color: var(--color__inverse__core__primary);
  }

  .-CjD1aKGsFjTwA7TOqo9MA\=\= {
    color: var(--color__inverse__core__primary);
  }
}

.phdRL-BggCfoJAZvWCL7Sg\=\= {
  cursor: pointer;
}

.Cz-MDTpUZrqbXgSxY1K6\+A\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
}

.dig-GlobalHeader--isSticky {
  z-index: 1;
}

._3YuffIL78bBCz8j3Fmt3ZA\=\= {
  /* Positions header ontop of video overlay */
  z-index: 11;
}

.AL1TvwQIxROmWSw9VX-\+-A\=\= {
  position: absolute;
  transform: translateY(-150%);
  border: 4px dashed var(--color__inverse__core__accent);
  left: calc(50% - 200px);
  width: 200px;
  text-align: center;
  padding: 10px;
  box-shadow: var(--boxshadow__elevation1);
  background-color: var(--dig-color__primary__surface);
}

.AL1TvwQIxROmWSw9VX-\+-A\=\=:focus {
  transform: translateY(0%);
}

.L0AZ7QWnPLCX\+9RImIiizw\=\= {
  background: var(--dig-color__background__base);
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.nK-Ly5FpfyofVvtwPW1eRg\=\= {
  display: flex;
  height: calc(100% - var(--navbar-height));
  width: 100%;
}

.aslqFXF-qMQDwn8DdnK80g\=\= {
  flex: 1;
  overflow-y: auto;
  max-height: 100%;
}

.o85jwyELYqufuW8Bq-NaLg\=\= {
  background: var(--dig-color__background__base);
  padding-left: var(--spacing__unit--4);
  padding-right: var(--spacing__unit--4);
  padding-top: var(--spacing__unit--2);
}

.llPKg-emFYbshVOnrMOaWQ\=\= {
  display: inline-block;
  background-color: transparent;
  color: var(--dig-color__text__base);
  text-decoration: none;
  /* font-family: var(--dig-type__family__text); */
  font-family: var(--dig-type__family__action);
  font-weight: bold;
  letter-spacing: var(--dig-type__letterspacing__action);
  font-size: var(--dig-type__size__text__medium);
  border-radius: 5px;
  text-decoration: underline;
  text-decoration-color: var(--dig-color__border__base);
  text-underline-offset: 7px; /* Controls distance between text and underline */
  transition: text-decoration-color 0.3s ease;
}

.llPKg-emFYbshVOnrMOaWQ\=\=:hover {
  text-decoration-color: var(--dig-color__text__base);
}

.llPKg-emFYbshVOnrMOaWQ\=\=:active {
  opacity: 0.7;
}

.AAcIhH8yhQRgJ2BeOck-qg\=\= {
  margin-left: var(--spacing__unit--2);
}

.hU1vAmcT6dPU6smlM3UdXg\=\= {
  display: inline-block;
  padding-top: var(--spacing__unit--0.5);
}

/* for some reason, we need to set a width or else it stays super skinny*/
._6ZHHrJ4MS4j7-xt-WNatnw\=\= {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 220px;
}
.Rd2U5q-NJqeaLWsDZNgD\+w\=\= {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: auto;
}

.QkmEapw\+IVSpPcWAJMHdvg\=\= {
  min-width: 288px;
}

/* index.tsx */

.VAicXhjokgq0iHikVo3c2w\=\= {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-right: 1px solid var(--dig-color__border__subtle);
  height: 100%;
  width: 48px;
  background: var(--dig-color__background__subtle);
}

.IHpAiD2q8tc94nzbclsTgA\=\= {
  display: flex;
  flex-direction: column;
  margin-top: 18px;
  flex: 1;
  margin-bottom: 8px;
}

.z6OQ4p7lgVu377g0PFSqSg\=\= {
  padding-bottom: 40px;
  padding-top: 33px;
  border-top: 1px solid var(--dig-color__border__subtle);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.kg6U9SoKShAkT\+U15rp4Yw\=\= {
  width: 188px;
  margin-top: 16px;
}

.SdD4Th22WS5xbpd9MdNn-Q\=\= {
  width: 188px;
}

.UDSx86BMWozy-v0KZz-Fog\=\= {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.hOY9F6WutbCVjVK7qwJBEQ\=\= {
  flex: 1 1 1px;
  overflow-y: auto;
}

._8CQtaiHrZkceRAsBiuxX6Q\=\= {
  padding-top: 8px;
  padding-bottom: 8px;
}

.hOY9F6WutbCVjVK7qwJBEQ\=\=,
.PyQfNtLdptid7ARuF3GrNw\=\= {
  display: none;
}

.VAicXhjokgq0iHikVo3c2w\=\=:not(.qmec1ajMUWWZmFRGwQXA3w\=\=) {
  width: 236px;
}

.VAicXhjokgq0iHikVo3c2w\=\=:not(.qmec1ajMUWWZmFRGwQXA3w\=\=) .hOY9F6WutbCVjVK7qwJBEQ\=\=,
.VAicXhjokgq0iHikVo3c2w\=\=:not(.qmec1ajMUWWZmFRGwQXA3w\=\=) .PyQfNtLdptid7ARuF3GrNw\=\= {
  display: block;
}

/* item.tsx */

.fAtyJMB6nThIZFehdb7hJw\=\= {
  text-decoration: none;
}

.oYzhu-MZPy\+Z69uwQgHl0A\=\= {
  flex-shrink: 0;
  color: var(--dig-color__text__base);
}

.nOoGaXTIe\+SKUcbPhTGIRw\=\= {
  display: flex;
  align-items: center;
  padding-left: 12px;
  gap: 12px;
  cursor: pointer;
}

.\-8xQnutRmgO0W1b781TEZw\=\= {
  display: none;
  margin-top: 0;
  margin-bottom: 0;
  width: 30px;
  flex: 1 0 30px;
}

.cu1sOpVcPe4zF1b5OXM1DQ\=\= .\-8xQnutRmgO0W1b781TEZw\=\=,
.M6bUEEbVQUaOJrm65RJJeg\=\=:hover .\-8xQnutRmgO0W1b781TEZw\=\= {
  color: var(--dig-color__text__base);
}

._8MU6xpAmqk15MtbWOdZKoA\=\= {
  padding-top: 2px;
  padding-bottom: 2px;
}

.M6bUEEbVQUaOJrm65RJJeg\=\= {
  padding-top: 7px;
  padding-bottom: 7px;
}

.cu1sOpVcPe4zF1b5OXM1DQ\=\= ._8MU6xpAmqk15MtbWOdZKoA\=\=,
._8MU6xpAmqk15MtbWOdZKoA\=\=:hover {
  background: var(--dig-color__opacity__surface);
}

._8MU6xpAmqk15MtbWOdZKoA\=\= .\-8xQnutRmgO0W1b781TEZw\=\= {
  padding-left: 12px;
}

.VAicXhjokgq0iHikVo3c2w\=\=:not(.qmec1ajMUWWZmFRGwQXA3w\=\=) .\-8xQnutRmgO0W1b781TEZw\=\= {
  display: block;
}

.VAicXhjokgq0iHikVo3c2w\=\=:not(.qmec1ajMUWWZmFRGwQXA3w\=\=) .nOoGaXTIe\+SKUcbPhTGIRw\=\= {
  padding-left: var(--spacing__unit--4);
  padding-right: var(--spacing__unit--4);
}

.VAicXhjokgq0iHikVo3c2w\=\=.qmec1ajMUWWZmFRGwQXA3w\=\= .nOoGaXTIe\+SKUcbPhTGIRw\=\=:hover {
  background-color: var(--dig-color__opacity__surface);
}

.wYxRJAk33DXvO4QkzTcTTQ\=\= {
  display: flex;
  flex-direction: column;
  padding: 24px;
  border-top: 1px solid var(--dig-color__border__subtle);
  border-bottom: 1px solid var(--dig-color__border__subtle);
  gap: 12px;
}

.z7SDUxzVOyJnH4DNZKd98Q\=\= {
  border-top: none;
}

.pmHB-Im-u24ACWuI3wqJAw\=\= {
  width: fit-content;
}

.Tb9CD2uVstAYv8KGpTGw6Q\=\= {
  position: absolute;
  bottom: 16px;
  display: flex;
  justify-content: center;
  left: 0vw;
  width: 100%;
}

.o\+lZiSv74lZm84qceZnPAA\=\= {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(
    --dig-color__background__base
  ) !important; /* overwrite base button styles from video js */
}

.o\+lZiSv74lZm84qceZnPAA\=\= .dig-UIIcon {
  height: 75px;
  width: 75px;
  color: var(--dig-color__text__subtle);
}

.vjs-capture:not(.vjs-has-started) .vjs-big-play-button {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  border: none;
  background: none;
  transition: all 0.2s;
  border-radius: 0;
  display: block;
  color: var(--dig-color__background__base);
}

.vjs-capture .vjs-big-play-button:before {
  content: '';
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  background-color: var(--dig-color__secondary__base);
  opacity: 50%;
}

.vjs-big-play-button ._1zrbTfwOPQHRyRyUOqnq3A\=\= {
  height: max(20%, 160px);
  width: auto;
  transition: transform 0.2s;
  opacity: 100%;
  position: relative;
}

.vjs-capture:hover .vjs-big-play-button {
  cursor: pointer;
  background: none;
}
.vjs-capture:hover .vjs-big-play-button ._1zrbTfwOPQHRyRyUOqnq3A\=\= {
  cursor: pointer;
  transform: scale(110%);
  width: auto;
}

/* stylelint-disable-next-line selector-pseudo-class-parentheses-space-inside */
.vjs-capture:not(.vjs-audio):not(.vjs-has-started) .vjs-capture-controls {
  display: none;
}

.vjs-capture.vjs-audio .vjs-big-play-button {
  display: none;
}

.zlFqkzcC00uEjpihtW5s5A\=\= {
  height: 50px;
  width: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px 0 5px;
  bottom: 0;
  z-index: 16;
}

.zlFqkzcC00uEjpihtW5s5A\=\= .vjs-play-control {
  display: block !important;
}

.zlFqkzcC00uEjpihtW5s5A\=\= .J2suz7bqHN\+NdPwZeFOdYg\=\= {
  display: flex;
  align-items: center;
  height: 100%;
  transition: 0.1s;
  color: --color_standard_background;
  user-select: none;
}

.zlFqkzcC00uEjpihtW5s5A\=\= .MeR1kmPlidYHM5k3xZc7Yg\=\=.J2suz7bqHN\+NdPwZeFOdYg\=\= {
  display: flex;
}

.zlFqkzcC00uEjpihtW5s5A\=\= .J2suz7bqHN\+NdPwZeFOdYg\=\=:hover {
  cursor: pointer;
}

.zlFqkzcC00uEjpihtW5s5A\=\= .J2suz7bqHN\+NdPwZeFOdYg\=\=._80HFMjsamxz9Y47LnG2p3w\=\=:hover {
  transform: scale(1.1);
}

.zlFqkzcC00uEjpihtW5s5A\=\= .MeR1kmPlidYHM5k3xZc7Yg\=\=.J2suz7bqHN\+NdPwZeFOdYg\=\=._80HFMjsamxz9Y47LnG2p3w\=\=:hover {
  transform: scale(1.2);
}

.zlFqkzcC00uEjpihtW5s5A\=\= .Ik7tBEFOD-cuv21wPqQhYg\=\=.J2suz7bqHN\+NdPwZeFOdYg\=\= {
  display: flex;
}

.zlFqkzcC00uEjpihtW5s5A\=\= .Ik7tBEFOD-cuv21wPqQhYg\=\=:hover {
  cursor: pointer;
}

.zlFqkzcC00uEjpihtW5s5A\=\= .Ik7tBEFOD-cuv21wPqQhYg\=\=._80HFMjsamxz9Y47LnG2p3w\=\=:hover {
  transform: scale(1.2);
}

.zlFqkzcC00uEjpihtW5s5A\=\= .ztkQYyutpnRvWX9W\+1mAzg\=\=,
.zlFqkzcC00uEjpihtW5s5A\=\= ._8QH5WEu0r5fjuG850BMZvw\=\= {
  height: 100%;
  display: flex;
}

.zlFqkzcC00uEjpihtW5s5A\=\= .ztkQYyutpnRvWX9W\+1mAzg\=\= > *,
.zlFqkzcC00uEjpihtW5s5A\=\= ._8QH5WEu0r5fjuG850BMZvw\=\= > * {
  margin: 0 5px;
}

.zlFqkzcC00uEjpihtW5s5A\=\= .vjs-button .vjs-icon-placeholder::before {
  font-size: 20px;
  line-height: 50px;
}

.zlFqkzcC00uEjpihtW5s5A\=\= .vjs-play-control,
.zlFqkzcC00uEjpihtW5s5A\=\= .vjs-volume-control .vjs-mouse-display {
  display: none !important;
}

.zlFqkzcC00uEjpihtW5s5A\=\= .vjs-slider {
  background-color: var(--dig-color__disabled__base);
}

.zlFqkzcC00uEjpihtW5s5A\=\= .vjs-current-time,
.zlFqkzcC00uEjpihtW5s5A\=\= .vjs-time-divider,
.zlFqkzcC00uEjpihtW5s5A\=\= .vjs-duration {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  font-family: 'Atlas Grotesk Web', Atlas Grotesk, AtlasGrotesk, Helvetica, Arial, sans-serif !important;
  padding: 0 !important;
}

.zlFqkzcC00uEjpihtW5s5A\=\= .vjs-time-divider {
  margin: 0 -5px !important;
}

.ubxkkUrwQy85-senSangmg\=\= {
  background: var(--dig-color__text__subtle);
  opacity: 78%;
  height: 36px;
}

.pTDhISoeRtZ4Vulh\+pkz7g\=\= {
  margin-top: 2px;
}

.sDJN3cnsldkBOyXASU7vlw\=\= {
  opacity: 1 !important;
}

.yJCQyWMrAPhRR1Jt9YuBbA\=\= {
  min-width: 200px;
}

.yJCQyWMrAPhRR1Jt9YuBbA\=\=:hover .JfoHx4exuNFRVSzakDDvUg\=\= {
  opacity: 1;
  transition: 0.15s;
}

.yJCQyWMrAPhRR1Jt9YuBbA\=\= .JfoHx4exuNFRVSzakDDvUg\=\= {
  opacity: 0;
}

.yJCQyWMrAPhRR1Jt9YuBbA\=\= svg {
  vertical-align: text-bottom;
}

.rZbeTrWApsRazXuRKDWRtg\=\= {
  background-color: var(--dig-color__background__subtle);
}

.oM2V4uRxmYspcJBNX6lbfQ\=\= {
  position: absolute;
  /* stylelint-disable-next-line */
  background: linear-gradient(rgba(30, 25, 25, 0), rgba(30, 25, 25, 0.57));
  pointer-events: none;
  left: 0;
  bottom: 0;
  height: 50%;
  width: 100%;
}

.br2AEy9LyHynk-\+JIljtYg\=\= {
  height: 100%;
  width: 100%;
}

.br2AEy9LyHynk-\+JIljtYg\=\=:not(.pSz2L6n4UeIPK7PzV1HDOw\=\=) .-f4LS91unMqkZ8zJHhSDWw\=\= {
  opacity: 0;
  transition: 0.3s;
}

.br2AEy9LyHynk-\+JIljtYg\=\=:not(.pSz2L6n4UeIPK7PzV1HDOw\=\=):focus-within .-f4LS91unMqkZ8zJHhSDWw\=\=,
.br2AEy9LyHynk-\+JIljtYg\=\=:not(.pSz2L6n4UeIPK7PzV1HDOw\=\=):hover .-f4LS91unMqkZ8zJHhSDWw\=\= {
  opacity: 1;
}

.br2AEy9LyHynk-\+JIljtYg\=\=:not(.pSz2L6n4UeIPK7PzV1HDOw\=\=) .-f4LS91unMqkZ8zJHhSDWw\=\=.e8lp6AHM23pWNEA9MqN6OQ\=\= {
  opacity: 1;
}

.br2AEy9LyHynk-\+JIljtYg\=\=:not(.pSz2L6n4UeIPK7PzV1HDOw\=\=) .-f4LS91unMqkZ8zJHhSDWw\=\=._2dc9PQ2dzAVA\+naVaHINfw\=\= {
  opacity: 1;
}

.br2AEy9LyHynk-\+JIljtYg\=\=:not(.pSz2L6n4UeIPK7PzV1HDOw\=\=) .vjs-text-track-display {
  bottom: 0 !important;
  transition: 0.3s;
}

.br2AEy9LyHynk-\+JIljtYg\=\=:not(.pSz2L6n4UeIPK7PzV1HDOw\=\=):hover .vjs-text-track-display {
  bottom: 50px !important;
}

.br2AEy9LyHynk-\+JIljtYg\=\=:not(.pSz2L6n4UeIPK7PzV1HDOw\=\=).e8lp6AHM23pWNEA9MqN6OQ\=\=:hover .vjs-text-track-display {
  bottom: 0 !important;
}

.vjs-user-inactive.vjs-fullscreen .-f4LS91unMqkZ8zJHhSDWw\=\= {
  display: none;
}

.VPlOk02VsWfLFo8VCzbhtQ\=\= {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  /* stylelint-disable-next-line dig/var-recommended-colors */
  background: rgba(30, 25, 25, 1);
}

.IqKearDSVtyt6c5R6B7x8A\=\= {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.IqKearDSVtyt6c5R6B7x8A\=\= > .YY527yC\+uWReQs5sTjf8Zw\=\= {
  position: relative;
  bottom: -100px;
  pointer-events: auto;
  align-items: center;
}

.Cpd275JrazESDQTg2cO99A\=\= {
  flex-direction: row;
  align-items: center !important;
  background: var(--dig-color__primary-cta__base) !important;
}

.KYQQ9bJN9ZMy8h65Yp6u9A\=\= {
  text-align: center;
}

.VPlOk02VsWfLFo8VCzbhtQ\=\= > .JnvEpN9gPR\+hNwo6taQgzg\=\= {
  /* There is a videojs css selector that sets the background to none */
  background: var(--dig-Button-primary--background-color);
  margin-top: 15px;
  margin-bottom: 20px;
  font-size: 16px;
}

.VPlOk02VsWfLFo8VCzbhtQ\=\= > .dkqkrM6Y8LClZJqasiT4dw\=\= {
  font-size: var(--type__body__standard--fontsize);
}

.VPlOk02VsWfLFo8VCzbhtQ\=\= > .juHrajQMUHdu\+Bz2D46LBA\=\= {
  font-size: 24px;
  text-align: center;
  margin: 0 24px;
}

.ZrN7ZRdd3Ig6gnSgfpBP-Q\=\= {
  display: flex;
  width: 450px;
}

.BT5OAJUlkrmr6BT38OhgFQ\=\= {
  border-color: var(--color__inverse__standard__text);
  color: var(--color__inverse__standard__text);
}

._3Y6UiCCbeWJSSNE57XRsWQ\=\= {
  margin-left: 4px;
}

.HJAplrzwccn0PqqRrzO4Hw\=\= {
  display: flex;
  width: 450px;
  justify-content: space-between;
  margin: 2px 0 5px 0;
}

.HJAplrzwccn0PqqRrzO4Hw\=\= > div {
  width: 49%;
  text-align: center;
}

.HJAplrzwccn0PqqRrzO4Hw\=\= > div > button {
  width: 100%;
}

@media (max-width: 600px) {
  .HJAplrzwccn0PqqRrzO4Hw\=\= {
    width: 250px;
    justify-content: space-around;
  }
  .ZrN7ZRdd3Ig6gnSgfpBP-Q\=\= {
    width: 250px;
  }
}

@media (max-width: 500px) {
  .VPlOk02VsWfLFo8VCzbhtQ\=\= > .juHrajQMUHdu\+Bz2D46LBA\=\= {
    font-size: 18px;
    line-height: 26px;
    width: 260px;
  }
}

@media (max-width: 350px) {
  .VPlOk02VsWfLFo8VCzbhtQ\=\= > .juHrajQMUHdu\+Bz2D46LBA\=\= {
    font-size: 16px;
  }
  .VPlOk02VsWfLFo8VCzbhtQ\=\= > .JnvEpN9gPR\+hNwo6taQgzg\=\= {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
  }
}

.ecOXZtezWhVqRhOpw4xlvw\=\= {
  display: block;
  position: absolute;
  width: calc(100% - 12px);
  bottom: 50px;
  margin-left: 6px;
  z-index: 15;
}

.ecOXZtezWhVqRhOpw4xlvw\=\= .vjs-progress-control {
  width: 100% !important;
}

.ecOXZtezWhVqRhOpw4xlvw\=\= .vjs-progress-control .vjs-progress-holder {
  margin: 0 !important;
  background-color: var(--color__inverse__disabled__background) !important;
  height: 4px !important;
}

.ecOXZtezWhVqRhOpw4xlvw\=\=
  .vjs-progress-control
  .vjs-progress-holder
  .vjs-load-progress,
.ecOXZtezWhVqRhOpw4xlvw\=\=
  .vjs-progress-control
  .vjs-progress-holder
  .vjs-load-progress
  > div {
  background-color: var(--color__white) !important;
}

.ecOXZtezWhVqRhOpw4xlvw\=\=
  .vjs-progress-control
  .vjs-progress-holder
  .vjs-play-progress {
  background: var(--dig-color__primary__base) !important;
}

.ecOXZtezWhVqRhOpw4xlvw\=\=
  .vjs-progress-control
  .vjs-progress-holder
  .vjs-play-progress::before {
  color: var(--dig-color__primary__base) !important;
  font-size: 15px !important;
  z-index: 2;
}

.ecOXZtezWhVqRhOpw4xlvw\=\=
  .vjs-progress-control
  .vjs-progress-holder
  .vjs-mouse-display
  .vjs-time-tooltip,
.ecOXZtezWhVqRhOpw4xlvw\=\=
  .vjs-progress-control
  .vjs-progress-holder
  .vjs-play-progress
  .vjs-time-tooltip {
  font-family: 'Atlas Grotesk Web', Atlas Grotesk, AtlasGrotesk, Helvetica, Arial, sans-serif !important;
}

/* modified copy of https://sourcegraph.pp.dropbox.com/server/-/blob/metaserver/static/css/video/thumbnails.scss?L4 */

.hasAtLeastOneComment .gJ-pnR0nCz51gDnXpzOM5w\=\= {
  display: none;
}

.gJ-pnR0nCz51gDnXpzOM5w\=\= {
  position: absolute;
  bottom: 0px;
  background-color: var(--dig-color__background__subtle);
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  width: 128px;
  padding-bottom: 14px;
  background-clip: content-box;
  z-index: 2;
}

.vjs-progress-control:hover .gJ-pnR0nCz51gDnXpzOM5w\=\= {
  opacity: 1;
}

.kZCYjjNoQf296eiAEl9bxg\=\= {
  position: relative;
  background-color: var(--color__black);
  margin: 2px auto 0;
  height: 70px;
}

.WL0VLBWvNOBUjNsLaEQuiQ\=\= {
  color: var(--dig-color__text__base);
  font-size: 12px;
  font-family: inherit;
  font-feature-settings: 'tnum';
  font-variant-numeric: tabular-nums;
  width: 100%;
  height: 12px;
  margin: 2px auto;
}

.m8u-M1568N8AHXSiA6O8Dw\=\= {
  position: absolute;
  height: 6px;
  bottom: -2px;
  /* Center line under thumbnail */
  width: 2px;
  margin-left: 64px;
  background-color: var(--color__black);
  background-clip: content-box;
}

._3gXVz3X3a1AonTimtesRDA\=\= {
  height: 100%;
  width: calc(100% - 12px);
  margin: 0 6px;
  position: relative;
  caret-color: transparent;
}

.DKy7txREQxNen\+s2tPXWiQ\=\= {
  position: absolute;
  bottom: -26px;
  width: 44px;
  height: 32px;
  z-index: 5;
  pointer-events: auto;
  cursor: pointer;
}

.SH-TKyoRG3dj9-N4bFKQZQ\=\= {
  position: absolute;
  bottom: 0;
  padding-bottom: 8px;
  pointer-events: auto;
  z-index: 5;
  min-width: 200px; /* POPOVER_CARD_MIN_WIDTH depends on this*/
  max-width: 255;
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: space-between;
  padding-bottom: 8px;
  max-height: calc(100% - 10px);
  overflow-y: auto;
}

.WY\+NOaV218t7igz74TiM2Q\=\= {
  background-color: var(--dig-color__background__base);
  border: 1px solid var(--dig-color__border__base);
  border-radius: 6px;
  pointer-events: all;
  min-width: 200px;
  max-width: 255px; /* POPOVER_CARD_MAX_WIDTH depends on this */
  z-index: 100;
  padding: 12px;
  box-shadow: var(--boxshadow__elevation1);
  display: grid;
  grid-template-columns: [container-left] 24px [content-left] auto [container-right];
  grid-template-rows: [container-top] 26px [content-top] auto [content-bottom];
}

.TWmHaczkI8vZcYWKj4G4tg\=\= {
  position: absolute;
  bottom: 0;
  padding-bottom: 8px;
  pointer-events: auto;
  z-index: 5;
  min-width: 50px; /* POPOVER_CARD_MIN_WIDTH depends on this*/
  max-width: 231px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: space-between;
  padding-bottom: 8px;
  max-height: calc(100% - 10px);
  overflow-y: auto;
}

.I--wsjd\+UXPUy6efySHKRQ\=\= {
  background-color: var(--dig-color__background__base);
  border: 1px solid var(--dig-color__border__base);
  border-radius: 100px;
  pointer-events: all;
  max-width: 225px; /* POPOVER_CARD_MAX_WIDTH depends on this */
  z-index: 100;
  padding: 6px 8px;
  box-shadow: var(--boxshadow__elevation1);
  display: grid;
  grid-template-columns: [container-left] 24px [content-left] auto [container-right];
}

.rT9rw-0ZaN-\+39VG-hrHQA\=\= {
  grid-column: content-left / container-right;
  word-break: break-word;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.FF33Fwsw5MXqGerRH5Ir5g\=\= {
  grid-column: container-left / content-left;
  align-self: center;
}

.N26OPBA9AfrjDY8vx7HEKg\=\= {
  grid-column: container-left / content-left;
  grid-row: container-top / content-top;
  align-self: center;
}

.DPcwaCMfDx0FD8-kaFxPAw\=\= {
  grid-column: content-left / container-right;
  grid-row: container-top / content-top;
  align-self: center;
}

._3\+PMHugPUDdlJT3dZeFV\+g\=\= {
  color: var(--dig-color__text__subtle);
  margin-right: 10px;
}
.SrBJp\+Q\+uj31qvMAwTISwA\=\= {
  width: 8px;
  height: 8px;
  flex-shrink: 0;
  margin: auto 2px;
  color: var(--dig-color__text__subtle);
}

._1XtwN3-elz0mSAZT7NcBSw\=\= {
  grid-column: content-left / container-right;
  grid-row: content-top / content-bottom;
  word-break: break-word;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 5px;
}

.toVjiRmdpZ9HutcRP1ru1Q\=\= {
  margin-top: 8px;
  color: var(--dig-color__text__subtle);
}

.toVjiRmdpZ9HutcRP1ru1Q\=\=:hover {
  color: var(--dig-color__text__base);
}

.zhSmJhcBcdBo0ErzJ\+TI8g\=\= {
  position: relative;
  height: 100%;
  z-index: 3; /* ensures everything on comments is ahead of thumbnail preview*/
  width: calc(100% - 12px);
  margin: 0 6px;
}

.epOnf6wIM082VnBPTWFx9A\=\= {
  position: absolute;
  bottom: 0;
  height: 40px;
}

.zp1r7wioCt5LvFun5eP3fA\=\= {
  pointer-events: auto;
  position: absolute;
  bottom: 0;
  padding: 0;
  margin-bottom: 8px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.n2JR9FMHZ\+-2VoTjBTLX8g\=\= {
  pointer-events: auto;
  cursor: pointer;
}

.V-kjeuHVgsytfnBZIXMKwQ\=\= {
  font-size: 28px;
}

.f6pZf8VjvupNS7a0fIlsJQ\=\= {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  bottom: 0px;
  z-index: 110; /* floats above captureOverlay */
}

.Bd1LhJ-JsZyOTKHn5dlTwA\=\= {
  display: none;
}

._0v8px6ZiA8DuCGUklojjMA\=\= {
  position: relative;
  width: 100%;
  height: 100%;
}

.YGTcduf74nvNUkxH0F\+hdw\=\= {
  position: absolute;
  top: 0;
  pointer-events: none;
  width: 100%;
  height: calc(100% - 40px);
}

.kJ2RSvzJMHEJQ6WZb2bFKw\=\= {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 38px;
  opacity: 0.7;
  transition: bottom 333ms ease;
}

/* because video controls are hidden before the video starts
   comments only to move up on hover once the video starts
   flagged by .vjs-has-started on the player */

#videoJSContainer:focus-within
  .vjs-capture.vjs-has-started
  ~ .f6pZf8VjvupNS7a0fIlsJQ\=\=
  .YGTcduf74nvNUkxH0F\+hdw\=\=,
#videoJSContainer:hover
  .vjs-capture.vjs-has-started
  ~ .f6pZf8VjvupNS7a0fIlsJQ\=\=
  .YGTcduf74nvNUkxH0F\+hdw\=\= {
  height: calc(100% - 90px);
}

#videoJSContainer:focus-within
  > .vjs-capture.vjs-has-started
  ~ .f6pZf8VjvupNS7a0fIlsJQ\=\=
  .kJ2RSvzJMHEJQ6WZb2bFKw\=\=,
#videoJSContainer:hover
  > .vjs-capture.vjs-has-started
  ~ .f6pZf8VjvupNS7a0fIlsJQ\=\=
  .kJ2RSvzJMHEJQ6WZb2bFKw\=\= {
  bottom: 51px;
  opacity: 1;
}

._84IMgEKH5btZEnRo1gwBYw\=\= {
  display: flex !important;
  background-color: var(--dig-color__background__base) !important;
  width: 100%;
  min-width: 90px;
  height: 86px !important;
  justify-content: center;
  font-size: 12px;
  padding: 0;
  white-space: normal;
  line-height: normal;
  font-weight: 400;
}

._84IMgEKH5btZEnRo1gwBYw\=\= .dig-Button-content {
  gap: 6px;
}

._84IMgEKH5btZEnRo1gwBYw\=\=:hover:not(:disabled) {
  background-color: var(--dig-color__background__subtle);
}

._84IMgEKH5btZEnRo1gwBYw\=\= > span {
  flex-direction: column;
  overflow: hidden;
  height: 86px !important;
  width: 100%;
  min-width: 90px;
  padding: 0;
}

._84IMgEKH5btZEnRo1gwBYw\=\= > span > span {
  margin-right: 0 !important;
}

._84IMgEKH5btZEnRo1gwBYw\=\=:disabled > span > span {
  color: var(--dig-color__disabled__base);
}

._2oDm6BHkPM\+BVXagigHM3w\=\= {
  font-size: var(--type__body__standard--fontsize);
}

.t\+KOtlxQN-9vq58fZrkrUA\=\= {
  text-align: center;
}

.xby6-vFYigJekB6eMgTxgg\=\= {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: var(--video-padding);
  width: 107px;
  border: var(--dig-color__border__subtle) 1px solid;
  height: max-content;
  position: absolute;
  right: 16px;
  padding: 8px;
}

.r4S-CfnjT2KMhlOd-kJoTQ\=\= {
  border: 1px solid var(--dig-color__border__subtle);
  width: 68px;
  height: 0;
}

.Gc1B-ORP2A48sQrv1womvQ\=\= {
  min-width: 220px;
}

.N86aDgjCfTlDsextthmQlw\=\= {
  margin-top: 0;
}

.SuDWYPxqcnx1XOpVpt0Dxw\=\= {
  padding-top: 12px;
  display: flex;
  flex-direction: row-reverse;
}

.VOnebmPG2Lc4RQnPisDNGQ\=\= {
  position: absolute;
  left: 0px;
  top: 50%;
  width: 1px;
  height: 1px;
  visibility: hidden;
}

.cLNTUSyV8MiLRqaFGKTNtg\=\= {
  display: flex;
  justify-content: space-between;
  padding-top: 12px;
  gap: 12px;
  flex-wrap: wrap;
}

._9ajMhPG4iMe9Jwk6Ep9pgA\=\= {
  justify-content: space-between;
}

.P0iGnhxuySAWl90MKIxSNw\=\= {
  justify-content: end;
}

.JPbWP9OFtFHVsxpI9McpYg\=\= {
  display: flex;
}

.Gbbd7iCCy-Jc8TjMJJXpiw\=\= {
  display: flex;
  gap: 24px;
  margin-top: 5px;
}

.pr8ps-KOqoB8IF9T7YdcDQ\=\= {
  align-items: baseline;
  display: flex;
  gap: 12px;
}

.pr8ps-KOqoB8IF9T7YdcDQ\=\= .dnAgXbcE3x95dRj6h56-pw\=\= {
  color: var(--color__inverse__standard__text);
  font-size: var(--type__body__standard--fontsize);
  font-weight: var(--type__body__standard--fontweight_strong);
}

.pr8ps-KOqoB8IF9T7YdcDQ\=\= .Mm5NCEAlqSUY4nXUxKIgxA\=\= {
  padding-right: 28px;
}

@media (max-width: 640px) {
  .Gbbd7iCCy-Jc8TjMJJXpiw\=\= {
    order: 2;
    width: 100%;
    justify-content: center;
  }
}

.J8ypVV1cUw2MBAyE1fjoZg\=\= {
  display: flex;
  align-self: normal;
}

.P50rIbt1Tm-wuqtdzFhSZw\=\= {
  padding-top: 12px;
  display: flex;
  flex-direction: row-reverse;
}

.Ek39ZsbeL9Y8-Ujb5zNWkw\=\= {
  min-width: 300px;
}

._50XKNmEiZ4srP16WZCTPgQ\=\=,
.qzvBvYxnQ6X6EBwQEqziIQ\=\= {
  margin-top: 0;
}

._9dUy-61J04jPAN2vDkoxwA\=\= {
  padding-top: 12px;
  display: flex;
  flex-direction: row-reverse;
}

.SdhWWn70zt-m9BdT2yKaKg\=\= {
  display: flex;
  justify-content: space-between;
  padding-top: 12px;
  gap: 12px;
  flex-wrap: wrap;
}

.movRXnLu0VQ\+kmfZwZv8kg\=\= {
  align-items: baseline;
  display: flex;
  gap: 8px;
}

.LuwCTYMKLzoBQFDdAUe3hg\=\= {
  display: flex;
  align-items: center;
  gap: 12px;
}

.LuwCTYMKLzoBQFDdAUe3hg\=\= > .DqbJKbt9HsvdnqdCTqvP2A\=\= {
  color: var(--color__white);
  background-color: var(--dig-color__primary__base--state-1);
}

.J-9Ih3fOhzgM0ltKQKSMLQ\=\= {
  display: flex;
  gap: 4px;
  color: var(--dig-color__text__base);
  font-family: var(--type__body__standard--fontfamily);
  font-size: var(--type__body__standard--fontsize);
  font-weight: var(--type__body__standard--fontweight_strong); /* medium */
  line-height: var(--type__body__standard--lineheight);
}

._8\+sswrKxNpW4GM3K48fN0w\=\=,
.\+-Pr-BALXYfBrU-WJs9gxQ\=\= {
  text-align: center;
  width: 250px;
}

.M9VCkk2C4d9A4tqcZv0lKQ\=\=,
.S1smy-xjCLlV\+m6kHZV2kA\=\=,
.ypP8NAJN3HiBObIpE5TyPQ\=\= {
  display: flex;
  align-self: normal;
}

._9Pbt8YQ6rB5lJuf8X91gJg\=\= {
  padding-top: 12px;
  display: flex;
  flex-direction: row-reverse;
}

.UglzymGif\+ISYXWYltmEqg\=\= {
  display: flex;
  justify-content: space-between;
  background-color: var(--color__black);
  box-shadow: inset 0 0 0 1px var(--dig-color__primary__base);
  height: 64px;
  margin-top: 12px;
}

._3J5Ll-gJhkMwPw\+lnu39Ig\=\=.cm447dLhtqjJ6E9xd0enVA\=\=,
.OEWbkz0D0M8zNy7LZsmBIA\=\=.cm447dLhtqjJ6E9xd0enVA\=\= {
  background-color: var(--dig-color__disabled__base);
  color: var(--dig-color__secondary__surface);
  height: 42px;
  border: none;
}

.cLcz9aiUlMjFnR41WSc6iw\=\=.cm447dLhtqjJ6E9xd0enVA\=\=,
.ZddBLi7wjWHWDSGG3CWIEQ\=\=.cm447dLhtqjJ6E9xd0enVA\=\=,
.IVowBlx48l4kz-9cTYkzjQ\=\=.cm447dLhtqjJ6E9xd0enVA\=\= {
  display: none;
}

._3J5Ll-gJhkMwPw\+lnu39Ig\=\= {
  background-color: var(--dig-color__primary__base);
  margin-left: -7px;
  margin-top: 12px;
  cursor: ew-resize;
  width: 16px;
  height: 42px;
  border-radius: 4px;
  position: absolute;
  z-index: 3;
  left: 0;
  transition: left 0.2s ease-in-out;
}

.OEWbkz0D0M8zNy7LZsmBIA\=\= {
  background-color: var(--dig-color__primary__base);
  margin-right: -7px;
  margin-top: 12px;
  cursor: ew-resize;
  width: 16px;
  height: 42px;
  border-radius: 4px;
  position: absolute;
  z-index: 3;
  right: 0;
  transition: right 0.2s ease-in-out;
}

.Htwvcy\+tm1PgpV3vNo8jDQ\=\= {
  background-color: var(--dig-color__background__base);
  border-radius: 2px;
  height: 16px;
  width: 2px;
  position: absolute;
  left: 7px;
  top: 13px;
}

.cLcz9aiUlMjFnR41WSc6iw\=\= {
  background-color: var(--dig-color__primary__base);
  width: 2px;
  height: 64px;
  margin-left: 7px;
  margin-top: -12px;
}

.ZddBLi7wjWHWDSGG3CWIEQ\=\= {
  width: 2px;
  background-color: var(--dig-color__primary__base);
  height: 62px;
  position: absolute;
  margin-top: 1px;
  margin-left: -1px;
  overflow: hidden;
  z-index: 1;
}

.ZddBLi7wjWHWDSGG3CWIEQ\=\=:hover {
  margin-left: -2px;
  width: 4px;
}

.ZddBLi7wjWHWDSGG3CWIEQ\=\=.dAXXqDWaDsF4lOQOs190yQ\=\=:hover {
  margin-left: -1px;
  width: 2px;
}

.IVowBlx48l4kz-9cTYkzjQ\=\= {
  width: 2px;
  background-color: var(--color__theme__primary--lighter);
  height: 62px;
  position: absolute;
  margin-top: 1px;
  z-index: 1;
}

.JJuVQQ5MYBNA7gcGxzEUZA\=\= {
  width: 2px;
  background-color: var(--color__inverse__warning__text);
  height: 62px;
  margin-top: 1px;
  position: absolute;
  z-index: 1;
  transition: left 0.2s ease-in-out;
}

.JJuVQQ5MYBNA7gcGxzEUZA\=\=:hover {
  margin-left: -1px;
  width: 4px;
}

.JJuVQQ5MYBNA7gcGxzEUZA\=\=.dAXXqDWaDsF4lOQOs190yQ\=\=:hover {
  margin-left: 0;
  width: 2px;
}

.i5\+r1aW3DIMH2q6XCgz-sg\=\= {
  position: absolute;
  height: 64px;
  z-index: 2;
  background: var(--dig-color__text__subtle);
  transition: width 0.2s ease-in-out;
}

.jPebdvyGQ2ItsJRqu8J6ZA\=\= {
  transition: unset;
}

.diRmwuN97vcCjb4upQ1Qcw\=\= {
  overflow: hidden;
}

@media (min-width: 900px) {
  .GUy2J4cL4-BuzTf63TDK5Q\=\= {
    display: none;
  }
}

.tVeSLOcWSJ8Y47IG5pXnmA\=\= {
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.ArCe0md0Vf69IIgoWjIU9g\=\= {
  border-top: 1px solid var(--dig-color__primary__base);
  border-bottom: 1px solid var(--dig-color__primary__base);
  position: absolute;
  transform-origin: left;
}

.sZ567lvaj\+oQsENPKgfQ-Q\=\= {
  position: absolute;
  bottom: 16px;
  display: flex;
  justify-content: center;
  left: 0vw;
  width: 100%;
}

._9tqAc4dSzu3uVsW5iAxrhQ\=\= {
  margin-right: auto;
  margin-left: auto;
  margin-top: -22px;
}

._0vSA7HE5zppipiE0NxKFDQ\=\= {
  display: flex;
  justify-content: space-between;
  pointer-events: auto;
  height: 42px;
}

.tcK9Wp\+bJFajMI2dI\+-\+hQ\=\= {
  border: 1px solid var(--dig-color__border__subtle);
  background-color: var(--dig-color__background__base);
  display: flex;
  flex: 1;
  border-radius: 100px;
  margin-right: 2px;
  box-shadow: var(--boxshadow__elevation2);
}

._5SlQi2bv9n6RzlCQMMMDGw\=\= {
  display: flex;
  align-self: center;
  justify-content: center;
  margin-right: 4px;
  margin-left: 2px;
}

.X-l6Gy2xT2OuDUpmuAdOlA\=\= > span.dig-Avatar-text {
  background-color: var(--dig-color__disabled__base) !important;
}

.GC8seq2dDlxIgh0qY8NhKg\=\= {
  flex: 1;
  display: flex;
  align-items: center;
}

/* post button */
.GC8seq2dDlxIgh0qY8NhKg\=\= > button.dig-Button {
  border-radius: 100px;
  margin-right: 4px;
}

._5dF0AC2GrNrfgq\+8UoUe4g\=\= {
  background-color: var(--dig-color__background__base) !important;
  border-radius: 100px !important;
  margin-left: 6px !important;
  border: 1px solid var(--dig-color__border__subtle);
  font-size: var(--type__body__standard--fontsize) !important;
  font-weight: var(--type__body__standard--fontweight);
  box-shadow: var(--boxshadow__elevation2);
  height: 42px;
}

._5dF0AC2GrNrfgq\+8UoUe4g\=\= > * {
  padding: 9px 13px !important;
  font-size: var(--type__body__standard--fontsize) !important;
}

.DtkopmeRRrONPA9cTJUFsg\=\= {
  margin-left: 12px;
  flex: 0 0 auto;
  max-width: 40%;
}

.soqRT2QX6PBnf8l-ifO8lA\=\= {
  text-align: center;
  padding: 0 24px;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  overflow: hidden;
  padding-top: 88px;
}

.uLmkDXT7eGGpbwYBs0jKeg\=\= {
  margin-bottom: 24px;
}

.Jor35pKDRneT2qPykk4NJg\=\= {
  max-width: 960px;
  margin: 0;
}

._0DN3MOs\+jrdIHfL1MeE8HQ\=\= {
  max-width: 540px;
  margin: 24px 0;
}

@media only screen and (max-width: 545px) {
  .soqRT2QX6PBnf8l-ifO8lA\=\= {
    padding: 48px 24px;
  }
}

.y2nATVSm-wHHklAgwaDjxw\=\= {
    position: absolute;
}

.-Gp-AxeHiXwlcq2\+SvFjqA\=\={
    padding: 8px 12px;
    display: inline-block;
    background-color: var(--dig-color__background__base);
    border: 1px solid var(--dig-color__border__base);
    border-radius: 4px;
    box-shadow: var(--boxshadow__elevation2);
}
.XrdW9YNtkUneeTmqTgcHJA\=\= {
  padding-top: 18.26px;
  width: 100%;
}

._6TtXQsk9ARRDfODQauKqjg\=\= {
  padding-top: 18.26px;
  width: 100%;
}

.t6HQZP6Yma-Eqc0ZD2RhYQ\=\= {
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: none;
}

@media (min-width: 640px) {
  .t6HQZP6Yma-Eqc0ZD2RhYQ\=\= {
    display: block;
  }
}

.mORZ0esOcG4EbU1tFXgEyw\=\= {
  margin-bottom: 24px;
  width: 100%;
  min-width: 900px;
}

._4VCFl\+E5pO5e5WN0fslwvw\=\= {
  padding: 0 4px;
}

.pe\+SlcPSCEpuvZw4MKZg8A\=\= {
  padding-right: 4px;
}

._79IcVrdiAau11xL2d1CGdg\=\= {
  min-width: 292px;
  padding: 10px;
}

.hqA8TUHN408oiQxOutOMmQ\=\= {
  translate: 16px;
}

.zmpHg2pxiTN3zw-nrH6Dpw\=\= {
  margin: 0;
}
._7Wv3Vl64vGq6hm3Ppx-YMQ\=\= {
  margin: 8px 0;
}
.MEiPNRokHw3Zxs0nvxolMw\=\= {
  display: flex;
  width: 100%;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}

._4JKBblUXWsG2JxQo0-uu0A\=\= {
  margin: auto -4px;
}
.\-93j\+vF8IHRdXM33HOHYjA\=\= {
  margin-left: -4px;
}
.haXQRfvttI0FhNMAiiVxUw\=\= {
  margin-right: -4px;
}
.gHgAY9Ykc3EXR765gFVevg\=\= > span > div {
  height: 26px;
  width: 26px;
}
._24yDg4NPClVe5\+bKA-2oSg\=\= {
  width: 32px;
  padding-left: 4px;
  padding-right: 0px;
}
.hYQNhdd5HGqpj09KBGq54g\=\= > div {
  position: relative;
  top: 9px;
  width: 257px;
  background-color: var(--dig-color__background__base);
  padding-top: 6px;
}
.hYQNhdd5HGqpj09KBGq54g\=\= > div > div {
  background-color: var(--dig-color__background__base);
}
.lGQo-IQRAD6JxMNWUgA6\+w\=\= {
  margin-bottom: 8px;
  padding-left: 6px;
}
.dRAsD2IOAwnomQqNFjUBEw\=\= > div {
  width: 100vw;
  padding-top: 3px;
}
.QxmaL5SuX3fAvSBhBMOr6w\=\= > div > div {
  margin-bottom: 7px;
  padding-left: 8px;
  color: var(--dig-color__text__subtle);
  font-weight: var(--type__body__standard--fontweight_strong);
}
.xRumMakBmo52HEOQMBMYMw\=\= > div {
  color: var(--dig-color__text__subtle);
  margin-top: 8px;
  margin-bottom: 11px;
  margin-left: 16px;
}

._6J2V6GyUknjiybpoXpUxrA\=\= {
  background-color: var(--dig-color__background__subtle);
}

@media (min-width: 600px) {
  .ZMYXk8k3eyvihDPWXxoltg\=\= {
    min-width: 183px;
  }
}

.ksoa0ZGJDaqcdxhJicShdQ\=\= {
  width: 32px;
  padding-left: 4px;
  padding-right: 0px;
}

.-GmpVnraxy3uK6ZLoT9NaA\=\= > button {
  padding: 0 4px;
}

.hFJDTns8tHmgAe\+EBXeQyg\=\= {
  margin-left: 4px;
}

.yKRxyNeePGKIi7jwgVV77Q\=\= {
  color: var(--dig-color__disabled__base);
}

.BDSg--h1EB62Jg\+T1xxgtA\=\= {
  background-color: var(--dig-color__background__raised);
  border: 1px solid var(--dig-color__border__subtle);
  padding: 0 16px;
  width: 450px;
}

._1tDpWbJ3l28WPCureyUn2g\=\= {
  display: flex;
  padding-bottom: 16px;
}

.XhT3YLzeSP222eSqs0IMEA\=\= {
  display: flex;
  gap: 12px;
  padding-bottom: 16px;
}

.Db9bkzJiKdM7sXJpxi5iUw\=\= {
  width: 100%;
  height: 40px;
  background-color: var(--dig-color__secondary__surface);
  margin-left: -16px;
  padding: 0 16px;
  color: var(--dig-color__text__subtle);
  gap: 12px;
  display: flex;
  align-items: center;
}

.ua4BDlo98lYR3tg5OIAt\+w\=\= {
  color: var(--dig-color__text__subtle);
}

._6Wbl8eZ7u-jQmSXYe6-4ag\=\= {
  display: none;
}

.SFMdMzjuO6fz9\+VKR4KMfQ\=\= {
  width: 100%;
}

.GnachzFzrHHfyeZVJ4ZxUw\=\= {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 12px;
  text-align: center;
}

.tK\+LzeBsMmX2m\+KTh-8Ukw\=\= {
  position: relative;
  display: flex;
}

.NLGTZ0mqzCTdWAo8vB2AdQ\=\= {
  background-color: var(--dig-color__secondary__base);
  width: 100%;
  height: 100%;
  position: absolute;
}

.Ml2NQwD5n57PNFGbKfbRVg\=\= {
  display: flex;
  justify-content: space-between;
}

.cxyO-82B5aXmJCQ9UJ3c2A\=\= {
  gap: 8px;
  display: flex;
  align-items: baseline;
}

.q89yaxkdB4OeZBkmU9Xszw\=\= {
  background-color: var(--dig-color__opacity__surface);
  cursor: auto;
}

.cxyO-82B5aXmJCQ9UJ3c2A\=\= > .q89yaxkdB4OeZBkmU9Xszw\=\=:hover {
  background-color: var(--dig-color__opacity__surface);
}

._4DvXO9HtoilbmMxmtagLIA\=\= {
  display: flex;
  align-items: center;
  align-content: flex-start;
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

._4DvXO9HtoilbmMxmtagLIA\=\=:empty {
  margin: 0;
}

.h\+rIOU2DgknhLoctnSlxGA\=\= {
  margin-top: var(--info-margin);
}

.h\+rIOU2DgknhLoctnSlxGA\=\=:hover {
  text-decoration: none !important;
}

.h\+rIOU2DgknhLoctnSlxGA\=\=:focus {
  box-shadow: none !important;
}

._0fCLgZ9S\+YCM5Wl1OUw6rg\=\= {
  display: none;
  justify-content: center;
  align-items: center;
}

.-mnoWyCEiAK56Z\+R3Xn7fQ\=\= {
  margin-left: 4px;
}

.BqXOjIQxqM2wPoPXKU0s-w\=\= {
  margin-bottom: 9px;
}

._5-\+1j\+BCFgoMeHEmYqP-pQ\=\= > span {
  transform: translateX(0px);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

._5-\+1j\+BCFgoMeHEmYqP-pQ\=\=:hover {
  padding-left: 26px;
  padding-right: 0;
}

._0fCLgZ9S\+YCM5Wl1OUw6rg\=\=:focus > span,
._5-\+1j\+BCFgoMeHEmYqP-pQ\=\=:hover > span {
  transform: translateX(-13px);
}

._5-\+1j\+BCFgoMeHEmYqP-pQ\=\=:hover > span .iw4C6-HKdVD1S8BM88zWHA\=\= {
  display: none;
}

._5-\+1j\+BCFgoMeHEmYqP-pQ\=\=:hover > span ._0fCLgZ9S\+YCM5Wl1OUw6rg\=\= {
  display: flex;
}

.VC78Oa4iP13GlOokgSbfaw\=\= {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  float: right;
}

.AG6uiGTQNPA2Sc35i7pOXw\=\= {
  width: 50px;
  display: flex;
  flex-direction: row-reverse;
  gap: 16px;
  transition: 0.2s;
}
.AG6uiGTQNPA2Sc35i7pOXw\=\=.hTuYOR6CkBf4VBsqvIKpuA\=\= {
  width: 480px;
}
._4w8dMnCy4uzrx6KVBlNl8g\=\= {
  width: 416px;
}

.yAOpIiuu8Ik5Rvj7CTz7QA\=\= {
  display: block;
}
._7VFiu6GarscQcSB9egxsPQ\=\= {
  display: none;
}

@media screen and (max-width: 744px) {
  .VC78Oa4iP13GlOokgSbfaw\=\= {
    flex-direction: row;
    justify-content: left;
    padding: var(--spacing-unit-4);
  }
  .AG6uiGTQNPA2Sc35i7pOXw\=\= {
    height: 50px;
    padding: var(--spacing-unit-2);
    width: auto;
    flex-direction: column;
  }
  .AG6uiGTQNPA2Sc35i7pOXw\=\=.hTuYOR6CkBf4VBsqvIKpuA\=\= {
    height: auto;
    width: auto;
  }
  ._4w8dMnCy4uzrx6KVBlNl8g\=\= {
    width: auto;
  }
  .yAOpIiuu8Ik5Rvj7CTz7QA\=\= {
    display: none;
  }
  ._7VFiu6GarscQcSB9egxsPQ\=\= {
    display: block;
  }
}

.AoNYhM\+X9myUL3isBuqWpg\=\= {
  display: flex;
  height: 48px;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}

/* Transcript */
._6sKBXB\+nNsItuRdJYAz\+0Q\=\= {
  display: flex;
  flex-direction: column;
  justify-content: left;
  padding: 8px 12px;
  margin: 8px 0;
  border-radius: 8px;
  cursor: pointer;
}
._6sKBXB\+nNsItuRdJYAz\+0Q\=\=:hover,
.ZFT8RsdBZqYh1u9ZD-BpQg\=\=._6sKBXB\+nNsItuRdJYAz\+0Q\=\= {
  background-color: var(--dig-color__background__subtle);
}
.Rv4x30QofABj69buRWYHKg\=\= {
  color: var(--dig-color__text__subtle);
  /* Text/Paragraph/Standard - 14 - Regular */
  font-family: Atlas Grotesk;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
}
.ZFT8RsdBZqYh1u9ZD-BpQg\=\= .Rv4x30QofABj69buRWYHKg\=\=,
._6sKBXB\+nNsItuRdJYAz\+0Q\=\=:hover .Rv4x30QofABj69buRWYHKg\=\= {
  color: var(--dig-color__primary__base);
}
.iou9ZZiBJJLkEWz2ob77hQ\=\= {
  color: var(--dig-color__text__subtle);
  /* Text/Paragraph/Standard - 14 - Regular */
  font-family: Atlas Grotesk;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
}
.ZFT8RsdBZqYh1u9ZD-BpQg\=\= .iou9ZZiBJJLkEWz2ob77hQ\=\=,
._6sKBXB\+nNsItuRdJYAz\+0Q\=\=:hover .iou9ZZiBJJLkEWz2ob77hQ\=\= {
  color: var(--dig-color__text__base);
}
.EUhf73VEpA1HkrYMRQdCoA\=\= {
  margin-top: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.a\+MVOE6f9OLt3JZbybz6Iw\=\= {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

._89km50UqY1UDUSS3pfQaSQ\=\= {
  display: flex;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}

.XLUP6r8G6m7AsaO3MKHXIw\=\= {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-unit-5, 40px);
  align-self: stretch;
}

.rhj-DDMIj5VCXEA6NbAe6w\=\= {
  display: flex;
  height: 24px;
  align-items: center;
  gap: var(--spacing-unit-2, 16px);
  align-self: stretch;
  flex-wrap: wrap;
}

.fy67KizQYbHN\+JoTWcILXw\=\= {
  display: flex;
  align-items: center;
  gap: 2px;
}

.Dkk3lZ4LX4W6jUdYTjWWUw\=\= {
  display: grid;
  width: 100%;
  grid-template-columns: [container-left] auto [content-left] 24px [container-right];
  flex-direction: column;
}

.KiW0PgsGAH8AqtQe--TIMA\=\= {
  align-self: center;
  min-height: var(--type__body__standard--lineheight_label);
  white-space: pre-wrap;
}

.FshrBIcVdD0qAm6ByGS\+\+Q\=\= {
  display: none;
}

.Dkk3lZ4LX4W6jUdYTjWWUw\=\=:hover {
  padding: 4px 8px;
  border: 1px solid var(--dig-color__border__subtle);
  position: relative;
  /* prevent shifting */
  top: -10px;
  left: -9px;
  margin-bottom: -20px;
}

.Dkk3lZ4LX4W6jUdYTjWWUw\=\=:hover > .FshrBIcVdD0qAm6ByGS\+\+Q\=\= {
  display: block;
  margin: 4px auto;
}

.Y0vkxUBs9X4Oo5fw4tPEBg\=\= {
  align-self: stretch;
}

.Y0vkxUBs9X4Oo5fw4tPEBg\=\= > textarea {
  padding-bottom: 32px;
  height: 84px;
  z-index: 1;
}

._7BrdgmW1DBWaJb-UUodz4w\=\= {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  align-self: stretch;
  margin-top: -36px;
  margin-right: 8px;
  margin-bottom: 8px; /* prevents below section from overlapping */
  margin-left: 8px;
  align-items: top;
  position: relative;
  height: 32px;
  padding-top: 0px;
}

._3HhskEf\+vA4NUoDARM6C6Q\=\= {
  /* fix to prevent text and button collision */
  background: var(--dig-color__background__base);
}

.HOLskV7pNFD7Ut2GM9Tv0Q\=\= {
  color: var(--dig-color__text__base);
}

.uCtBEo7fdIm-3SA0zQyhMw\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
}

:root {
  --filename-padding: 65px;
  --video-padding: 32px;
  --info-margin: 12px;
  --info-height: 100px;
}

.Akk-t6xfNyf0sDrliANqtg\=\= {
  display: flex;
  height: 100%;
  flex-direction: column;
}

.VzfJ\+o2XzcBO12aqDFrbOg\=\= {
  display: flex;
  align-items: center;
  justify-content: initial;
  flex-direction: column;
  height: 100%;
  width: 100%;
  margin-top: var(--video-padding);
}

.TcWC6s-3yPr-ijtl-Lx6Jw\=\= {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: calc(100% - var(--navbar-height));
  justify-content: center;
}

.TcWC6s-3yPr-ijtl-Lx6Jw\=\=.B7ht-5SZEUEaNb3mug6dOw\=\= {
  align-items: flex-start;
}

.B7ht-5SZEUEaNb3mug6dOw\=\= > .VzfJ\+o2XzcBO12aqDFrbOg\=\= {
  padding-right: max(124px, 10%);
  padding-left: 0;
}

.B7ht-5SZEUEaNb3mug6dOw\=\= > .VzfJ\+o2XzcBO12aqDFrbOg\=\=._8cGEYz8\+eez0BNOCv7kqbg\=\= {
  padding-right: 300px;
  padding-left: 0;
}

.B7ht-5SZEUEaNb3mug6dOw\=\= > .QWpT8wYUI--ULj1cVb8uDw\=\= {
  display: initial;
}

.QWpT8wYUI--ULj1cVb8uDw\=\= {
  display: none;
}

@media (min-width: 900px) {
  .B7ht-5SZEUEaNb3mug6dOw\=\= > .VzfJ\+o2XzcBO12aqDFrbOg\=\=._8cGEYz8\+eez0BNOCv7kqbg\=\= {
    padding-right: 528px;
    padding-left: 0;
  }

  .VzfJ\+o2XzcBO12aqDFrbOg\=\=.Lp4ZjdEPkTqba-WM7jOpFw\=\= {
    justify-content: center;
    margin-top: initial;
  }
  .B7ht-5SZEUEaNb3mug6dOw\=\= > .VzfJ\+o2XzcBO12aqDFrbOg\=\= {
    padding-right: max(124px, 10%);
    padding-left: 10%;
    max-width: calc(100% - 250px);
  }
}
.ayYJ8bl-YY\+NrNzzKR8Dng\=\= {
  text-align: center;
}
.ayYJ8bl-YY\+NrNzzKR8Dng\=\= > ._2ekfAzAkFKcMMHkb5tjUhg\=\=,
.ayYJ8bl-YY\+NrNzzKR8Dng\=\= > .Mz53\+007Zu8ChOtSwfb8rw\=\= {
  display: inline-block;
}

.ayYJ8bl-YY\+NrNzzKR8Dng\=\= > .Mz53\+007Zu8ChOtSwfb8rw\=\= > img,
.ayYJ8bl-YY\+NrNzzKR8Dng\=\= > ._2ekfAzAkFKcMMHkb5tjUhg\=\= > video,
.ayYJ8bl-YY\+NrNzzKR8Dng\=\= > video {
  border: 1px solid var(--dig-color__border__subtle);
  max-width: 100%;
  width: auto;
  /* image should not overflow below the viewport height. Adding extra padding of 140px for footer elements. */
  max-height: calc(100vh - var(--navbar-height) - var(--video-padding) - 140px);
}

._4q1s6EP9GUn-Em-\+MMTq9Q\=\= {
  display: none;
}

.ENN7hDgA9-OM2GEGjoXauQ\=\= {
  display: none;
}

.Kx96Py8YEXwFzxcKaInXvA\=\= {
  display: none;
}

.aAPJz1s55uzCfjMyJfykfQ\=\= {
  display: block;
}

.ZzO-hspH1qfe24gt1KEiIQ\=\= {
  border: 1px solid var(--dig-color__border__subtle);
  position: relative;
  width: 100%;
  min-width: 293px;
  min-height: 165px;
  max-height: calc(100% - var(--navbar-height));
}

.DZpHOPscbx5i1B9NqGnbVA\=\= {
  position: relative;
  height: 35%;
  width: 95%;
  min-height: 165px;
  min-width: 293px;
  max-height: 266px;
  max-width: 834px;
}

@media (min-width: 600px) {
  .ENN7hDgA9-OM2GEGjoXauQ\=\= {
    display: block;
  }

  .aAPJz1s55uzCfjMyJfykfQ\=\= {
    display: none;
  }
}

@media (min-width: 900px) {
  .Kx96Py8YEXwFzxcKaInXvA\=\= {
    display: block;
  }
}

@media (min-width: 1280px) {
  .PjWsX8QspWgZLaYQ5h6m7A\=\= {
    top: 15px;
    color: var(--dig-color__text__base);
    width: initial;
  }
}

._0W1hXVB2Sx59c9j1aP9NWg\=\= {
  color: var(--color-white);
}

.YIUZcl6BzpxKuP5z99qHTg\=\= {
  height: 40px;
  width: 100%;
  display: block;
  margin-top: 12px;
}

._2rtwKNe2UsIUEDohrXoDag\=\= {
  margin-bottom: 24px;
  width: 100%;
}
._35c0ZFdUM69UK6LErSatoQ\=\= {
  min-width: 800px;
}

.l15W\+EcyY1aYUKFtYSGrAQ\=\= {
  margin-top: 0;
}

.IAfkHbJDLmpzJq84YFH0xw\=\= {
  padding-top: 12px;
  display: flex;
  flex-direction: row-reverse;
}

.EGW9MxjVe2j0irGhqnMTPQ\=\= {
  flex-shrink: 1;
  overflow-y: auto;
  scroll-behavior: smooth;
}

.LL\+IvhzADMYb3kIE\+e36tQ\=\= {
  display: flex;
  padding: 0 32px;
}
.iZzGJysrHbo5WxtFtVhyag\=\= .LL\+IvhzADMYb3kIE\+e36tQ\=\= {
  display: flex;
  padding: 0;
}

.og3q0QA\+U4PP9svg6f55Ig\=\= {
  margin: 0 20px;
  text-align: center;
}

.gFdZmKLSD5E3\+5PPJB\+4xg\=\= {
  border-left: 1px solid var(--dig-color__border__subtle);
  background: var(--dig-color__background__raised);
  position: absolute;
  right: 0;
  top: 48px;
  bottom: 0;
  display: flex;
  flex-direction: column;
  z-index: 11;
  width: 528px;
}

._493b09Guc8X7j5ugiHvGMw\=\= {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  overflow-x: visible;
  margin: 28px 28px;
}

.ck41vE09Ayi8jeAO999ONg\=\= {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
}

@media (max-width: 900px) {
  .gFdZmKLSD5E3\+5PPJB\+4xg\=\= {
    width: 300px;
  }
  .ck41vE09Ayi8jeAO999ONg\=\= {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }
}

.gFdZmKLSD5E3\+5PPJB\+4xg\=\=.WJXOORxSqZU6ejtEWzYXmw\=\= {
  display: none;
}

.xmFMbAP2udePXxsvVIqMkQ\=\= {
  margin-left: var(--spacing__unit--1);
}

.A4sCTilYbnMjSTRJky-hZg\=\=:hover {
  background-color: var(--dig-color__background__subtle);
  cursor: pointer;
}
.BymtpLMw\+rPiGMAjZekcFw\=\= {
  min-width: 44px;
  margin-right: 24px;
  text-align: center;
}
.cQ\+gNL-Ah3Rz4EuKlsyQ5g\=\= {
  background-color: var(--dig-color__background__subtle);
}

.cQ\+gNL-Ah3Rz4EuKlsyQ5g\=\= .BymtpLMw\+rPiGMAjZekcFw\=\= {
  color: var(--dig-color__primary__base);
}

.A4sCTilYbnMjSTRJky-hZg\=\= {
  display: flex;
  flex-direction: row;
  justify-content: right;
  padding: 16px 32px;
}
.BymtpLMw\+rPiGMAjZekcFw\=\= {
  color: var(--dig-color__text__subtle);
}
.ACtTkAjSHXDSj4FsPp8Ygg\=\= {
  width: 392px;
  color: var(--dig-color__text__subtle);
}

.cQ\+gNL-Ah3Rz4EuKlsyQ5g\=\= > .ACtTkAjSHXDSj4FsPp8Ygg\=\= {
  color: var(--dig-color__text__base);
}

.tNGg1FRgS5AWiNcb3mMUrA\=\= {
  /* height: 100%; */
  flex-shrink: 1;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
.auuRcfdUmfdEMPCJwK-Uuw\=\= {
  margin-top: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.j6WZg2unz9\+hdqeccbfLKQ\=\= {
  margin: 0 20px;
  text-align: center;
}
.Bbgax5nyAstxXyACeowRBg\=\= {
  margin: 0 88px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.l6MQV4lXQOuRA3ux2a84eg\=\= {
  width: 239px;
}
.O0aEZ1Zax9TFsJgmdoli5w\=\= {
  border-left: 1px solid var(--dig-color__border__subtle);
  background: var(--dig-color__background__raised);
  position: absolute;
  right: 0;
  top: 48px;
  bottom: 0;
  display: flex;
  flex-direction: column;
  z-index: 11;
  width: 528px;
}
._5TwGHZd9kbvAEF\+N\+uJ29w\=\= {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  overflow-x: visible;
  margin: 28px 28px;
}

.SDmBgZNGlTrIaYGrso8KrQ\=\= {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
}

@media (max-width: 900px) {
  .O0aEZ1Zax9TFsJgmdoli5w\=\= {
    width: 300px;
  }
  .SDmBgZNGlTrIaYGrso8KrQ\=\= {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }
  .SDmBgZNGlTrIaYGrso8KrQ\=\= > .bAHSTy-TGLRDFUzyBDFdRw\=\= {
    margin-top: 8px;
  }
}

.SDmBgZNGlTrIaYGrso8KrQ\=\= > .bAHSTy-TGLRDFUzyBDFdRw\=\= {
  margin-right: 4px;
}
.SDmBgZNGlTrIaYGrso8KrQ\=\= > *:first-child {
  text-align: center;
  margin: 0;
}

.O0aEZ1Zax9TFsJgmdoli5w\=\=.z0kifa3iPKV1Er9ilb5Eqg\=\= {
  display: none;
}

.g5\+hqszHBlN5WxcZO9Vfyg\=\= {
  align-items: center;
  background-color: var(--dig-color__background__subtle);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 0 16px;
  text-align: center;
  width: 100%;
}

.-Fch5i9b1OjjIEEt8y-dIQ\=\= {
  display: flex;
  flex-direction: column;
}

.\+yj21wrKN6\+Yyoe1A2TrxQ\=\= {
  margin-bottom: 8px;
}

.tJyBmHApObo-wunBHd\+IeA\=\= {
  margin-top: 0;
}

.vd\+sLH1OZSKG3Fr7ZQk8Ow\=\= {
  background: var(--dig-color__background__base);
  display: flex;
  height: 100%;
  width: 100%;
}

/* Ensures errors always fill the allotted space when rendered inside the embed */
.vd\+sLH1OZSKG3Fr7ZQk8Ow\=\= > div {
  /* This is icky, but is necessary to override the inline style added to the ContentLoadingError component  */
  height: 100% !important;
  max-height: 100%;
  min-height: 0;
}

.PBzPruXIKG2e3dvxoO5gwQ\=\= {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}

.nLBW6iAPVzHtU0HmlC9HNw\=\= {
  max-height: 100%;
  max-width: 100%;
}

._6-FsA\+99DbjVV-BNFx6V9Q\=\= {
  background: var(--dig-color__background__base);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}

.mpb0YG8kqOdfF7H6NEzVIw\=\= {
  background: var(--dig-color__background__base);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}

.M3X7VJKbxXxEYHrsIITjFQ\=\= {
  height: 250px;
  width: 250px;
}

.Ux\+r9lSwg18Av\+fRxiFk2w\=\= {
  background: var(--dig-color__background__base);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}

/* 
    This file is to overide default stiles from video-js
    read more here: https://videojs.com/guides/skins/
    styles should be prefixed by '.vjs-capture'
*/

/* Dont show captions when big play button is showing */
.vjs-capture:not(.vjs-has-started) .vjs-text-track-display {
  display: none;
}

.vjs-capture .vjs-text-track-display > div {
  /* cc holder covers whole screen with space at the bottom */
  position: absolute;
  width: 100%;
  height: 100%;
  display: table;
  margin: 0 !important;
  padding-bottom: 15px;
}

.vjs-capture .vjs-text-track-display > div > div {
  /* lock cc to bottom */
  display: table-cell;
  vertical-align: bottom;
  position: static !important;
  height: auto !important;
}

.vjs-capture .vjs-text-track-display > div > div > div {
  /* Closed Captions */
  /* selectors used because of vjs https://github.com/videojs/video.js/issues/4852#issuecomment-419723313 */
  font: 18px 'Atlas Grotesk';
  display: inline !important;
  color: var(--dig-color__secondary__surface) !important;
  background: var(--dig-color__text__subtle) !important;
  max-height: 74px;
  line-height: 38px;
  position: relative !important;
  padding: 10px 10px;
  height: auto;
  z-index: 1;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}