@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);




.paragraph___bVUxt {
  color: #696c74;
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  line-height: 1.5rem;
}

.subtext___eiiJC {
  color: #232329;
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 0.8571rem;
  font-weight: 300;
}

.description___WnqUF {
  color: #232329;
  font-size: 0.8571rem;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.disclaimer___Xr7xb {
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 0.75rem;
}

.noMargin___i5L4n {
  margin: 0;
}

.blackText___V2jpY {
  color: #232329;
}

.footer___ItK5G {
  color: #696c74;
  padding: 16px;
  text-align: center;
  width: 100%;
}

.footer___ItK5G a {
  color: #696c74;
}

.logo___GDXji {
  width: 100px;
}

.logo___GDXji * {
  fill: #696c74;
}

.link___c9Zr7 {
  background-color: transparent;
  border: none;
  color: #232329;
  cursor: pointer;
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  padding: 0;
  text-decoration: none;
}

.link___c9Zr7:focus {
  outline: none;
}

.popover___Dp1V3 {
  background-color: white;
  box-shadow: 0 1px 3px 0 #a0a5ab;
  position: absolute;
  white-space: nowrap;
  z-index: 5;
}

.menu___fwmzZ {
  padding: 16px;
  right: 0;
  top: calc(100% + 8px);
}

.menu___fwmzZ.popLeft___GUbcI {
  left: 0;
  padding: 16px;
  right: initial;
  top: calc(100% + 8px);
}

.menu___fwmzZ.popUpward___W5TPA {
  bottom: calc(100% + 8px);
  left: 0;
  right: initial;
  top: initial;
}

.tooltip___h2hHO {
  align-items: center;
  background-color: #eaf7f9;
  border: 1px solid #b1d6dc;
  bottom: -50%;
  display: flex;
  left: calc(100% + 4px);
  padding: 16px 24px;
  white-space: normal;
  width: 320px;
}

/* Border of caret */
.tooltip___h2hHO::before {
  border-color: transparent #b1d6dc transparent transparent;
  border-style: solid;
  border-width: 7px;
  content: '';
  left: -14px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* Caret */
.tooltip___h2hHO::after {
  border-color: transparent #eaf7f9 transparent transparent;
  border-style: solid;
  border-width: 5px;
  content: '';
  left: -10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.flyout___jCZlC {
  padding: 16px 24px;
  right: 40px;
  top: -100px;
}

.flyout___jCZlC p:first-child {
  margin-top: 0;
}

.iconClose___VKpsE {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 4px;
  position: absolute;
  right: 0;
  top: 0;
}

.iconClose___VKpsE svg {
  height: 16px;
  width: 16px;
}

@media (max-width: 1112px) {
  /* Currently, we only have one tooltip and one flyout, so this may need to change in the future */
  .tooltip___h2hHO,
  .flyout___jCZlC {
    max-width: calc(100vw - 32px);
  }

  .tooltip___h2hHO {
    bottom: initial;
    left: initial;
    right: 0;
    top: 100%;
  }

  /* Border of caret */
  .tooltip___h2hHO::before {
    border-color: transparent transparent #b1d6dc transparent;
    border-width: 6px;
    left: initial;
    right: 10px;
    top: -12px;
    transform: translateY(0);
  }

  /* Caret */
  .tooltip___h2hHO::after {
    border-color: transparent transparent #eaf7f9 transparent;
    left: initial;
    margin-right: 3px;
    right: 8px;
    top: -9px;
    transform: translateY(0);
  }
}

.type1___o2SkF {
  color: #232329;
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 1.286rem;
  font-weight: 400;
}

.type2___MR41V {
  color: #232329;
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 2.286rem;
  font-weight: 300;
}

.type3___butRb {
  color: #232329;
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 1.714rem;
  font-weight: 300;
}

.type4___jkJ2j {
  color: #232329;
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 1.714rem;
  font-weight: 300;
  line-height: 30px;
}

.type5___QeQmK {
  color: #232329;
  display: block;
  display: -webkit-box;
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.type6___IgBJH {
  color: #232329;
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 0.625rem;
  font-weight: 300;
  line-height: 24px;
  text-transform: uppercase;
}

.type7___kVI0b {
  color: #232329;
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 1.286rem;
  font-weight: 400;
  padding-left: 1rem;
}

.type8___SnZQ8 {
  color: #232329;
  display: block;
  display: -webkit-box;
  font: normal normal bold 16px/20px Lato;
  padding-top: 1px;
  overflow: hidden;
  text-transform: capitalize;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.type9___adxbn {
  color: #2d2d2d;
  font: normal normal normal 10px/16px Lato;
  font-weight: 300;
  letter-spacing: 0.83px;
  padding-top: 6px;
  text-transform: uppercase;
}

.type10___PFJ6w {
  color: #232329;
  display: block;
  display: -webkit-box;
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 1.1rem;
  font-weight: 300;
  overflow: hidden;
  padding-bottom: 3px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.type11___BVaoe {
  color: #2d2d2d;
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 11px;
  font-weight: 300;
  padding-top: 4px;
}

.type12___iyQzc {
  color: #2d2d2d;
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 24px;
  font-weight: 100;
  margin-bottom: 0;
  padding-bottom: 6px;
}

.type13___ANnIL {
  color: #2d2d2d;
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 18px;
  font-weight: 900;
}

.type14___Hp7vl {
  color: #2d2d2d;
  display: block;
  display: -webkit-box;
  font: normal normal normal 10px/16px Lato;
  font-weight: 300;
  letter-spacing: 0.83px;
  padding-top: 1px;
  text-transform: uppercase;
}

.type15___bcxEA {
  color: #2d2d2d;
  display: block;
  display: -webkit-box;
  font: normal normal normal 12px/15px Lato;
  overflow: hidden;
  padding-top: 5px;
  text-overflow: ellipsis;
  text-transform: capitalize;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.type16___rWaJ_ {
  color: #2d2d2d;
  font: normal normal normal 10px/16px Lato;
  font-weight: 300;
  letter-spacing: 0.83px;
  max-width: 115px;
  overflow: hidden;
  padding-top: 1px;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.type17___iN7p3 {
  color: #232329;
  display: block;
  display: -webkit-box;
  font: normal normal bold 20px/24px Lato;
  overflow: hidden;
  padding-top: 1px;
  text-transform: capitalize;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.noMargin___CDch0 {
  margin: 0;
}

@media only screen and (max-width: 768px) {
  .type2___MR41V {
    font-size: 2rem;
  }
}



.cover___liuWS {
  align-items: center;
  background-color: rgba(35, 35, 41, 0.7);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  padding: 16px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
}

.modal___kn9mR {
  background-color: white;
  border-radius: 3px;
  box-shadow: 0 4px 12px 0 rgba(35, 35, 41, 0.2);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
}

.large___KSv9t {
  max-height: 80vh;
  max-width: calc(1024px - 40px);
}

.small___GNk_H {
  max-width: 50%;
  min-height: 25%;
}

.narrow___qqR03 {
  max-height: 80%;
  width: 480px;
}

.titleBar___NNxsv {
  background-color: #eff1f3;
  color: bishop;
  padding: 16px 64px;
  position: relative;
  text-align: center;
}

.closeButton___E3Mgo {
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-size: 0;
  margin-left: 20px;
  padding: 0;
  position: absolute;
  right: 20px;
  top: 20px;
}

.closeIcon___QLpWr {
  height: 32px;
}

.closeIcon___QLpWr path {
  fill: #696c74;
}

@media only screen and (max-width: 768px) {
  .small___GNk_H {
    max-height: 100%;
    max-width: 100%;
  }

  .narrow___qqR03 {
    max-height: 100%;
    max-width: 100%;
  }
}

.settings___EPmts {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow-y: scroll;
}

.container___RaO0l {
  display: flex;
  height: 100%;
  width: 100%;
}

.sidebarNav___sguHM {
  border-right: 0.5px solid #eff1f3;
  width: 20%;
}

ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;

  li {
    display: inline-block;
    margin-left: 0;
    padding-left: 0;
    width: 100%;

    a {
      display: block;
      position: relative;
    }
  }
}

.settingButton___DtDsF {
  align-items: center;
  background: transparent;
  border-color: transparent;
  color: #696c74;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  justify-content: space-between;
  outline: none;
  padding: 20px 16px;
  width: 100%;
}

.settingOption___ReLIh {
  align-items: center;
  border-bottom: 1px solid #eff1f3;
}

.selected___BT8q2 {
  background-color: #eff1f3;
  border-left: 2px solid #36b4c7;
  height: 100%;
  width: 100%;
}

.settingButton___DtDsF.hover___K7xWS,
.settingButton___DtDsF:hover {
  color: #232329;
}

.options___ejjCK {
  flex: 1 0 auto;
  padding: 24px;
}

.toggle___G0MBC {
  float: right;
}

.rightIcon___e2O7L {
  height: 16px;
  padding-right: 8px;
}

.rightIcon___e2O7L:hover {
  stroke: #232329;
}

.rightIcon___e2O7L * {
  stroke: #696c74;
}

.app___uWDhf {
  background-color: white;
  color: #232329;
  display: flex;
  flex-direction: column;
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-weight: 400;
  min-height: 100%;
  --font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}
body[data-live-stream="true"] .app___uWDhf {
  overflow: auto;
}

.viewerSide___TJgeM {
  background-color: #eff1f3;
}

.header___jIS6w {
  align-items: center;
  background-color: white;
  box-shadow: 0 1px 16px #d5d9de;
  display: flex;
  flex: none;
  justify-content: space-between;
  padding: 8px 16px 16px;
}

.studioLogo___vLlvW {
  margin-right: 16px;
  max-height: 32px;
  max-width: 155px;
}

.defaultLogo___UC4p2 {
  height: 32px;
  margin-right: 16px;
  width: auto;
}

.mindbodyLogo___YalSy {
  height: 52px;
  margin-right: 16px;
  width: auto;
  pointer-events: none;
}

.userArea___X9Xmt {
  align-items: center;
  display: flex;
  position: relative;
}

.tipsLink___gCq8a {
  color: #36b4c7;
  margin-right: 16px;
  text-decoration: none;
}

.settingsButton___Sk1XQ {
  align-items: center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-size: 0;
  justify-content: center;
  padding: 0;
}

.settingsIcon___Quird {
  height: 24px;
  padding-right: 16px;
}

.settingsIcon___Quird * {
  fill: #696c74;
}

.userButton___X746D {
  align-items: center;
  background-color: #d5d9de;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-size: 0;
  height: 40px;
  justify-content: center;
  padding: 0;
  width: 40px;
  z-index: 5;
}

.userIcon___KkxMV {
  height: 24px;
}

.userIcon___KkxMV * {
  fill: #696c74;
}

.main___XicF9 {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: center;
}

.main___XicF9 div[tabindex='-1'] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.button___S585f {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 3px;
  cursor: pointer;
  display: inline-flex;
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1.15;
  margin: 0;
  padding: 10px 24px;
  transition: 0.2s ease-out;
  white-space: nowrap;
}

.primaryFilled___vUB1U {
  background-color: #D54418;
  color: white;
}

.secondaryFilled___xU3ia {
  background-color: #107B8D;
  color: white;
}

.tertiaryFilled___p8Gz5 {
  background-color: #696C74;
  color: white;
}

.whiteFilled___lV2u4 {
  background-color: white;
  box-shadow: 0 1px 3px #d5d9de;
  color: black;
}

.whiteFilledGrayBorder___zT0SY {
  background-color: white;
  box-shadow: 0 1px 3px #d5d9de;
  color: black;
}

.redFilled___TyFgj {
  background-color: #d10f14;
  color: white;
}

.blackFilled___ZScpF {
  background-color: #151519;
}

.primaryOutline___Okbmd {
  background-color: transparent;
  border-color: #D54418;
  color: #696c74;
}

.greenFilled___KhNDS {
  background-color: #00b260;
  color: white;
}

.secondaryOutline___OCcdF {
  background-color: transparent;
  border-color: #107B8D;
  color: #696c74;
}

.tertiaryOutline____1rcL {
  background-color: transparent;
  border-color: #d5d9de;
  color: #696c74;
}

.button___S585f:disabled {
  opacity: 0.5;
}

.primaryFilled___vUB1U.hover____kWx5:not([disabled]),
.primaryFilled___vUB1U:hover:not([disabled]) {
  border-color: #D54418;
  fill: black;
}

.secondaryFilled___xU3ia.hover____kWx5:not([disabled]),
.secondaryFilled___xU3ia:hover:not([disabled]) {
  border-color: #107B8D;
  fill: black;
}

.tertiaryFilled___p8Gz5.hover____kWx5:not([disabled]),
.tertiaryFilled___p8Gz5:hover:not([disabled]) {
  border-color: #696C74;
  fill: black;
}

.whiteFilled___lV2u4.hover____kWx5:not([disabled]),
.whiteFilled___lV2u4:hover:not([disabled]) {
  background-color: #f8f9fb;
  fill: black;
}

.whiteFilledGrayBorder___zT0SY.hover____kWx5:not([disabled]),
.whiteFilledGrayBorder___zT0SY:hover:not([disabled]) {
  border-color: #cbd0d7;
  fill: black;
}

.greenFilled___KhNDS.hover____kWx5:not([disabled]),
.greenFilled___KhNDS:hover:not([disabled]) {
  border-color: #00b260;
  fill: black;
}

.redFilled___TyFgj.hover____kWx5:not([disabled]),
.redFilled___TyFgj:hover:not([disabled]) {
  border-color: #d10f14;
  fill: black;
}


.button___S585f:focus {
  outline: 0;
}

.button___S585f.hover____kWx5:not([disabled]),
.button___S585f:hover:not([disabled]) {
  background-color: white;
  color: black;
  fill: black;
}

.hover____kWx5:not([disabled]) {
  background-color: white;
  color: black;
  fill: black;
}

.disabled___DBO3F {
  opacity: .5;
  cursor: not-allowed;
}

.button___S585f.mobile___I1dbV {
  padding: 11px 8px;
}

.button___S585f > svg {
  display: inline-block;
  margin-right: 0.5rem;
  position: relative;
  width: 1rem;
}

.button___S585f.mobile___I1dbV > svg {
  margin-right: 0;
}

.button___S585f.recording____sDOb {
  margin: 4px 48px 0 47px !important;
  padding: 0;
}

.button___S585f.recordingMobile___AXwXb {
  margin: 4px 4px 0 8px !important;
  padding: 0;
}

.button___S585f.recording____sDOb > svg,
.button___S585f.recordingMobile___AXwXb > svg {
  display: inline-block;
  margin-right: 0;
  max-height: 25px;
  max-width: 25px;
  position: relative;
  width: 1.8rem;
}

.link___s3sxc {
  padding: 0;
  border: none;
  background: none;
  margin: 0;
  height: auto;
  text-decoration: underline;
}
.link___s3sxc:not([disabled]):hover {
  background: none;
  border: none;
  text-decoration: none;
}

.dialogCancelBtn___lG8IL {
  background: none;
  color: #808080;
}

.dialogCancelBtn___lG8IL.hover____kWx5:not([disabled]),
.dialogCancelBtn___lG8IL:hover:not([disabled]) {
  border-color: white;
}

.fatalError___gEFsd {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  padding: 16px 32px;
  text-align: center;
}

.alertIcon___VSiSZ {
  display: inline-block;
  height: 80px;
  margin-bottom: 24px;
}

.alertIcon___VSiSZ path {
  fill: #d10f0f;
}

.errorCode___IrqKn {
  color: #d5d9de;
  font-size: 0.7143rem;
}

.alert___Pr16f {
  align-items: center;
  background-color: #ffeae5;
  border: 1px solid #d10f0f;
  border-radius: 3px;
  display: flex;
  padding: 16px;
  width: 100%;
}

.alert___Pr16f:not(:only-child) {
  margin-bottom: 24px;
}

.alertIcon___jzNX7 {
  height: 20px;
  margin-right: 16px;
}

.cta___IIqS5 {
  font-size: 12px;
  text-align: right;
}

.error___RMxbR .cta___IIqS5 {
  margin-top: 12px;
  text-align: left;
}

.cta___IIqS5 a {
  text-decoration: none;
}

.error___RMxbR svg * {
  fill: #d10f0f;
}

.error___RMxbR .cta___IIqS5 a {
  color: #d10f0f;
}

.info___hlf8x svg * {
  fill: #36b4c7;
}

.info___hlf8x {
  background-color: #eaf7f9;
  border-color: #36b4c7;
}

.info___hlf8x .cta___IIqS5 a {
  color: #36b4c7;
}

.content___ngqKC {
  flex-grow: 1;
}

.blackText___CcWNK {
  color: #232329;
}

.closeButton___Fo4ud {
  align-self: flex-start;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.aspectRatio___SSwD6 {
  height: 100%;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}

@media (max-width: 990px) and (min-width: 765px) {
  .aspectRatio___SSwD6 {
    min-width: 350px;
  }
}

.carousel___m_rYV {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}

.gridTile___lXAJu {
  border-radius: 3px;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}

.reset___aAtch {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.spinner___xz40K {
  animation: rotation___yyJQR 0.8s linear infinite;
  border-radius: 50%;
  border-right: 2px solid transparent;
  border-top: 2px solid var(--spinner-color, #696c74);
  height: 100%;
  width: 100%;
}

@keyframes rotation___yyJQR {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.container___Ti1cg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.loader___tq5WJ {
  height: 80px;
  width: 80px;
  margin: 32px;
}
.formField___I7E0A {
  margin-bottom: 16px;
}

.formField___I7E0A.hasError___ndkyS > input,
.formField___I7E0A.hasError___ndkyS > .textarea___OPj4Z {
  border: 1px solid #d10f0f !important;
}

.label___PSRLk {
  color: #696c74;
  display: block;
  font-size: 0.8571rem;
  line-height: 1.286rem;
  margin-bottom: 4px;
}

.errorList___iRMbR {
  color: #d10f0f;
  font-size: 0.8571rem;
  margin: 10px 0 0 0;
  padding: 0;
}

.errorList___iRMbR > li {
  list-style: none;
}

.container___MP_sy {
  align-items: center;
  display: flex;
}

.checkbox___SXnHe {
  align-items: center;
  border: 1px solid #696c74;
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  height: 20px;
  justify-content: center;
  padding: 5px;
  position: relative;
  width: 24px;
}

.input___JxVwg {
  height: 100%;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.checkmark___a8tfn {
  width: 14px;
}

.checkmark___a8tfn * {
  stroke: rgba(21, 21, 25, 0.8);
}

.label___Pgy0u {
  margin-left: 10px;
}



.select___Uz7jq {
  background-color: white;
  border: 1px solid #d5d9de;
  border-radius: 3px;
  color: #232329;
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  height: 40px;
  padding: 8px;
  width: 100%;
}

.video___GSQeI {
  font: normal normal normal 12px/18px Lato !important;
}

.textarea___Dph4o {
  background-color: white;
  border: 1px solid #d5d9de;
  border-radius: 3px;
  color: #232329;
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  padding: 8px;
  resize: none;
  width: 100%;
}

.textarea___Dph4o:focus {
  outline: 0;
}

.textarea___Dph4o.black___S9rNU {
  background-color: black;
  border: none;
  border-radius: 3px;
  color: white;
  flex-grow: 1;
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  padding: 8px;
}

.container___U8SAc {
  background-color: white;
  border: 1px solid #d5d9de;
  border-radius: 3px;
  display: flex;
  width: 100%;
}

.container___U8SAc.black___jCzVa {
  border: none;
}

.input___IKsUS {
  background-color: white;
  border: none;
  border-radius: 3px;
  color: #232329;
  flex-grow: 1;
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  overflow: hidden;
  padding: 8px;
}

.input___IKsUS:focus {
  outline: 0;
}

.black___jCzVa {
  background-color: black;
  border: none;
  border-radius: 3px;
  color: white;
  flex-grow: 1;
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  padding: 8px;
}

.input___IKsUS:disabled {
  background-color: #eff1f3;
  color: #696c74;
  cursor: not-allowed;
}

.black___jCzVa:disabled {
  background-color: #232329;
  color: #696c74;
  cursor: not-allowed;
}

.black___jCzVa:focus {
  outline: 0;
}

.copyButton___p7t8p,
.showButton___C_iuD {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 8px;
}

.copyButton___p7t8p {
  border-right: 1px solid #d5d9de;
  font-size: 0;
}

.showButton___C_iuD {
  color: #696c74;
}

.copyIcon___quVrw {
  width: 20px;
}

.thumbnailButton___suMUr {
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  border: none;
  border-radius: 3px;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 0;
  width: 100%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
}

.thumbnailButton___suMUr:not(.preview___iG9ys) {
  cursor: pointer;
}

.processing___O8giM {
  background-color: #d5d9de;
}

.failed___dr6Yk {
  background-color: #ffcfc4;
  border: 1px solid #d10f0f;
}

.processingMessage___g7FS8 {
  max-width: 90%;
}

.video___zz__T,
.image___ctOCT {
  background-color: #a0a5ab;
}

.carousel___PG1Zd {
  border-radius: 2px;
  box-shadow: 0 1px 3px #d5d9de;
}

.duration___y8xMa {
  bottom: 3px;
  color: white;
  font-family: undefined;
  font-size: 11px;
  position: absolute;
  right: 4px;
  padding: 2px 4px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.55);
}

.hasImage___UBpjx {
  background-color: black;
}

.thumbnailButtonIcon___mrPQ_ {
  width: 25%;
}

.thumbnailButton___suMUr.image___ctOCT path,
.thumbnailButton___suMUr.image___ctOCT circle {
  stroke: #696c74;
}

.thumbnailButton___suMUr.video___zz__T path {
  fill: #696c74;
}

.thumbnailButton___suMUr.video___zz__T.hasImage___UBpjx path {
  fill: white;
}

.thumbnailButton___suMUr.failed___dr6Yk .thumbnailButtonIcon___mrPQ_ circle {
  stroke: #d10f0f;
}

.thumbnailButton___suMUr.failed___dr6Yk .thumbnailButtonIcon___mrPQ_ path {
  fill: #d10f0f;
}

.spinner___A1t6z {
  position: relative;
  width: 25%;
}

.spinner___A1t6z::after {
  content: '';
  display: block;
  padding-bottom: 100%;
}

.spinnerContainer___e0Csg {
  height: 100%;
  position: absolute;
  width: 100%;
}

/*! @license
 * Shaka Player
 * Copyright 2016 Google LLC
 * SPDX-License-Identifier: Apache-2.0
 */
.shaka-hidden{display:none!important}.shaka-video-container{position:relative;top:0;left:0;display:flex}.shaka-video-container .material-icons-round{font-family:'Material Icons Round';font-size:24px}.shaka-video-container *{font-family:Roboto-Regular,Roboto,sans-serif}.shaka-video-container:fullscreen{width:100%;height:100%;background-color:#000}.shaka-video-container:fullscreen .shaka-text-container{font-size:4.4vmin}.shaka-video-container:-webkit-full-screen{width:100%;height:100%;background-color:#000}.shaka-video-container:-webkit-full-screen .shaka-text-container{font-size:4.4vmin}.shaka-video-container:-moz-full-screen{width:100%;height:100%;background-color:#000}.shaka-video-container:-moz-full-screen .shaka-text-container{font-size:4.4vmin}.shaka-video-container:-ms-fullscreen{width:100%;height:100%;background-color:#000}.shaka-video-container:-ms-fullscreen .shaka-text-container{font-size:4.4vmin}.shaka-controls-container{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;padding:0;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;z-index:1}.shaka-video-container:not([shaka-controls=true]) .shaka-controls-container{display:none}.shaka-controls-container *{flex-shrink:0}.shaka-controls-container[casting=true] .shaka-fullscreen-button{display:none}.shaka-bottom-controls{width:96%;padding:0;padding-bottom:2.5%;z-index:1}.shaka-controls-button-panel{padding:0;margin:0;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;overflow:hidden;min-width:48px;font-size:12px;font-weight:400;font-style:normal;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;opacity:0;transition:opacity cubic-bezier(.4,0,.6,1) .6s}.shaka-controls-container[casting=true] .shaka-controls-button-panel,.shaka-controls-container[shown=true] .shaka-controls-button-panel{opacity:1}.shaka-controls-button-panel>*{color:#fff;height:32px;margin:1px 6px;padding:0;background:0 0;border:0;cursor:pointer}.shaka-controls-button-panel .shaka-overflow-menu-only{display:none}.shaka-play-button-container{margin:0;width:100%;height:100%;flex-shrink:1;position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center}.shaka-scrim-container{margin:0;width:100%;height:100%;flex-shrink:1;position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;transition:opacity cubic-bezier(.4,0,.6,1) .6s;background:linear-gradient(to top,#000 0,rgba(0,0,0,0) 15%)}.shaka-controls-container[casting=true] .shaka-scrim-container,.shaka-controls-container[shown=true] .shaka-scrim-container{opacity:1}.shaka-text-container{position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;bottom:0;width:100%;min-width:48px;transition:bottom cubic-bezier(.4,0,.6,1) .1s;transition-delay:.5s}.shaka-text-container span:not(.shaka-text-wrapper){display:inline;font-size:20px;line-height:1.4;background-color:rgba(0,0,0,.8);color:#fff}.shaka-text-container span.shaka-text-wrapper{display:inline;background:0 0}.shaka-controls-container[shown=true]~.shaka-text-container{bottom:15%;transition-delay:0s}.shaka-spinner-container{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;flex-shrink:1;display:flex;justify-content:center;align-items:center}.shaka-video-container:not([shaka-controls=true]) .shaka-spinner-container{display:none}.shaka-spinner{position:relative;top:0;left:0;margin:0;box-sizing:border-box;padding:7.8%;width:0;height:0;filter:drop-shadow(0 0 2px rgba(255, 255, 255, .5))}.shaka-play-button{box-sizing:border-box;padding:7.5%;width:0;height:0;margin:0;border-radius:50%;box-shadow:rgba(0,0,0,.1) 0 0 20px 0;border:none;background-size:50%;background-repeat:no-repeat;background-position:center center;background-color:rgba(255,255,255,.9);opacity:0;transition:opacity cubic-bezier(.4,0,.6,1) .6s}.shaka-controls-container[casting=true] .shaka-play-button,.shaka-controls-container[shown=true] .shaka-play-button{opacity:1}.shaka-play-button[icon=play]{background-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22%23000000%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M8%205v14l11-7z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%0A%3C%2Fsvg%3E")}.shaka-play-button[icon=pause]{background-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22%23000000%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M6%2019h4V5H6v14zm8-14v14h4V5h-4z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%0A%3C%2Fsvg%3E")}.shaka-current-time{font-size:14px;color:#fff;height:auto;cursor:pointer}.shaka-current-time[disabled]{background-color:transparent;color:#fff;cursor:default}.shaka-controls-container button:focus,.shaka-controls-container input:focus{outline:1px solid Highlight}.shaka-controls-container button:-moz-focus-inner,.shaka-controls-container input:-moz-focus-outer{outline:0;border:0}.shaka-controls-container:not(.shaka-keyboard-navigation) button:focus,.shaka-controls-container:not(.shaka-keyboard-navigation) input:focus{outline:0}.shaka-range-container{position:relative;top:0;left:0;margin:4px 6px;height:4px;border-radius:4px;background:#fff}.shaka-volume-bar-container{width:100px}.shaka-range-element{-webkit-appearance:none;background:0 0;position:absolute;top:0;left:0;right:0;bottom:0;margin:0;padding:0;width:100%;height:100%;height:12px;top:-4px;z-index:1}.shaka-range-element::-webkit-slider-runnable-track{width:100%;height:12px;background:0 0;color:transparent;border:none}.shaka-range-element::-webkit-slider-thumb{-webkit-appearance:none;border:none;border-radius:12px;height:12px;width:12px;background:#fff}.shaka-range-element::-moz-range-track{width:100%;height:12px;background:0 0;color:transparent;border:none}.shaka-range-element::-moz-range-thumb{-webkit-appearance:none;border:none;border-radius:12px;height:12px;width:12px;background:#fff}.shaka-seek-bar-container{opacity:0;transition:opacity cubic-bezier(.4,0,.6,1) .6s}.shaka-controls-container[casting=true] .shaka-seek-bar-container,.shaka-controls-container[shown=true] .shaka-seek-bar-container{opacity:1}.shaka-ad-markers{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;padding:0;width:100%;height:100%}/*!
 * @license
 * The SVG/CSS buffering spinner is based on http://codepen.io/jczimm/pen/vEBpoL
 * Some local modifications have been made.
 *
 * Copyright (c) 2016 by jczimm
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 */.shaka-spinner-svg{position:absolute;top:0;left:0;right:0;bottom:0;animation:rotate 2s linear infinite;transform-origin:center center;width:100%;height:100%;margin:0;padding:0}.shaka-spinner-path{stroke:#202124;stroke-dasharray:20,200;stroke-dashoffset:0;animation:dash 1s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.shaka-spacer{cursor:default;flex-shrink:1;flex-grow:1;margin:0}.shaka-overflow-menu,.shaka-settings-menu{overflow-x:hidden;overflow-y:auto;white-space:nowrap;background:#fff;box-shadow:0 1px 9px 0 rgba(0,0,0,.4);border-radius:2px;max-height:250px;min-width:180px;opacity:0;transition:opacity cubic-bezier(.4,0,.6,1) .6s;display:flex;flex-direction:column;position:absolute;z-index:2;right:15px;bottom:30px}.shaka-controls-container[casting=true] .shaka-overflow-menu,.shaka-controls-container[casting=true] .shaka-settings-menu,.shaka-controls-container[shown=true] .shaka-overflow-menu,.shaka-controls-container[shown=true] .shaka-settings-menu{opacity:1}.shaka-overflow-menu button,.shaka-settings-menu button{font-size:14px;background:0 0;color:#000;border:none;min-height:30px;padding:3.5px 6px;display:flex;align-items:center;cursor:pointer}.shaka-overflow-menu button:hover,.shaka-settings-menu button:hover{background:#e0e0e0}.shaka-overflow-menu button label,.shaka-settings-menu button label{cursor:pointer}.shaka-keyboard-navigation .shaka-overflow-menu button:focus,.shaka-keyboard-navigation .shaka-settings-menu button:focus{background:#e0e0e0}.shaka-overflow-menu i,.shaka-settings-menu i{padding-left:10px;padding-right:10px}.shaka-overflow-menu.shaka-low-position,.shaka-settings-menu.shaka-low-position{bottom:15px}.shaka-overflow-menu span{text-align:left}.shaka-overflow-button-label{position:relative;display:flex;flex-direction:column}.shaka-current-selection-span{color:rgba(0,0,0,.54)}.shaka-settings-menu span{margin-left:54px}.shaka-back-to-overflow-button span{margin-left:0}.shaka-back-to-overflow-button i{padding-right:20px}.shaka-auto-span{left:17px}.shaka-captions-on{color:#000}.shaka-captions-off{color:grey}.shaka-controls-container[ad-active=true]{pointer-events:none}.shaka-controls-container[ad-active=true] .shaka-bottom-controls{pointer-events:auto}.shaka-client-side-ad-container,.shaka-server-side-ad-container{position:absolute;left:0;right:0;top:0;bottom:0}.shaka-video-container[shaka-controls=true] .shaka-client-side-ad-container iframe,.shaka-video-container[shaka-controls=true] .shaka-server-side-ad-container iframe{height:90%}.shaka-server-side-ad-container{width:100%;height:100%;flex-shrink:1}.shaka-server-side-ad-container:not([ad-active=true]){pointer-events:none}.shaka-ad-controls{display:flex;flex-direction:row;z-index:1;padding-bottom:1%}.shaka-video-container:not([shaka-controls=true]) .shaka-ad-controls{display:none}.shaka-ad-controls button,.shaka-ad-controls div{color:#fff;font-size:initial}.shaka-ad-controls div:not(.shaka-skip-ad-counter){margin:1px 6px}.shaka-ad-counter,.shaka-ad-position{display:flex;justify-content:flex-end;flex-direction:column;text-shadow:1px 1px 4px #000}.shaka-skip-ad-container{position:relative;right:-2%;display:flex;flex-direction:row;margin:0}.shaka-skip-ad-button{padding:5px 15px;background:rgba(0,0,0,.7);border:none;cursor:pointer}.shaka-skip-ad-button:disabled{background:rgba(0,0,0,.3)}.shaka-skip-ad-counter{padding:5px 5px;background:rgba(0,0,0,.7);margin:0}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype')}@font-face{font-family:'Material Icons Round';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialiconsround/v65/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmM.otf) format('opentype')}.material-icons-round{font-family:'Material Icons Round';font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr}
.vodPlayer___ik6RH,
.vodPlayer___ik6RH > video {
  height: 100%;
  width: 100%;
}

.vodPlayer___ik6RH button {
  font-size: 1.286rem;
}

.smallView___vpRLJ button {
  font-size: 1rem !important;
}

.vodPlayerWrapperCasting___rS5if {
  position: relative;
}
.vodPlayerWrapperCasting___rS5if .vodPlayer___ik6RH {
  pointer-events: none !important;
}

.castVideoButton___axdWV {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  z-index: 1;
  appearance: none;
  border: none;
  background: none;
  padding: 0;
  border-radius: 50%;
  opacity: 1;
  transition: opacity .2s ease-out;
}
.castVideoButton___axdWV svg {
  width: 40px;
  height: 40px;
}
.castVideoButton___axdWV.isCurrentCastingVideo___JhvTI {
  opacity: 0;
}
.vodPlayerWrapper___ytCTd:hover .castIcon___WuCPk {
  opacity: 1;
}
.castIcon___WuCPk {
  width: 32px;
  position: absolute;
  top: 8px;
  right: 8px;
  opacity: 0;
  transition: opacity .2s ease-out;
  z-index: 1;
  background: #fff;
  border-radius: 50%;
  padding: 8px;
  width: 44px;
  height: 44px;
  cursor: pointer;
}
.castIcon___WuCPk.show___LJY0S {
  opacity: 1;
}
.chromeCastIndicator___rCUIw {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  right: 16px;
  background: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  padding: 10px;
}
.castControlsContainer___KoYtB {
  box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.3);
  min-width: 320px;
  width: 100%;
  height: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background: #fff;
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-weight: 400;
  z-index: 4;
  transition: transform 0.2s ease-out, height 0.2s ease-out;
  z-index: 5;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.castControlsContainer___KoYtB button,
.castControlsContainer___KoYtB .posterCastIcon___U3Wew {
  cursor: pointer;
}
.castControlsContainer___KoYtB.minimized___Wpdie {
  border-radius: 3px 3px 0 0;
  height: 73px !important;
  display: flex;
  flex-direction: column;
}
.castControlsContainer___KoYtB.closed___JNk9j {
  transform: translateY(100%);
}

.controlsDrawerQuickControls___CdiIN {
  width: 100%;
  max-height: 700px;
}
.minimizedControls___Jn1U1 {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.minimizedControls___Jn1U1 > button,
.controlsDrawerQuickControls___CdiIN > button,
.fullSizeControlsButtons___LQFmO > button,
.volumeButton___AHfJ8 {
  appearance: none;
  border: none;
  background: none;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.rewind___OxxjO {
  position: relative;
}
.rewindIcon___I0hXY {
  transform-origin: center;
  transform: scaleX(-1);
}
.rewindTime___SEDKI {
  position: absolute;
  top: 53%;
  left: 51%;
  transform: translate3d(-50%, -50%, 0);
  font-size: 9px;
  color: #696c74;
}

.controlsDrawerToggleButton___QcyOq {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.controlsDrawerToggleButton___QcyOq.minimized___Wpdie {
  height: 32px;
}
.controlsVideoTitle___d1aPo {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  width: 50%;
}
.controlsDrawerToggleButton___QcyOq > svg {
  transition: all 0.2s ease-out;
  transform-origin: center;
  position: relative;
}
.controlsDrawerToggleButton___QcyOq.minimized___Wpdie > svg {
  top: -3px;
  transform: rotate(180deg);
}

.title___ZZr1q {
  text-align: center;
  font-size: 16px;
  color: #232329;
}

.fullSizeControls___Xex1n {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  height: calc(100% - 44px);
  padding: 16px;
}
.posterLoading___Hf7sP {
  --spinner-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  z-index: 2;
}
.poster___QujGf {
  position: relative;
  --connected-color: #fff;
  padding-top: 56.25%;
}
.poster___QujGf:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.posterCastIcon___U3Wew {
  position: absolute;
  width: 32px;
  top: 8px;
  right: 8px;
  z-index: 3;
}
.posterCastingMessage___Dir0n {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  z-index: 2;
  font-size: 18px;
}
.poster___QujGf img {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.fullSizeControlsButtons___LQFmO {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.fullSizeControlsButtons___LQFmO > button {
  color: #696c74;
  font-size: 60px;
}
.fullSizeControlsButtons___LQFmO .rewindTime___SEDKI {
  top: 52%;
  left: 52%;
  font-size: 14px;
}

.volumeControls___QzD_w {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.volumeControls___QzD_w svg {
  width: 32px;
  height: 32px;
}
.volumeControls___QzD_w input {
  margin: 0 12px;
}
.volumeControls___QzD_w span {
  flex: 0 0 38px;
}
.timing___uIhpR {
  margin: 4px 0;
  font-size: 12px;
  display: flex;
  justify-content: space-between;
}
.seekerInput___jPGvN {
  width: 100%;
}

.controls___YMSov {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.controlsAppear___aflQL {
  transform: translateY(100%);
}
.controlsEnterActive___bcHUQ {
  bottom: 0;
  transform: translateY(0);
  transition: transform 400ms;
}
.controlsExit___iNGuq {
  transform: translateY(0);
}
.controlsExitActive___Oto47 {
  transform: translateY(100%);
  transform: translateY(0);
  transition: transform 400ms;
}

.castingMessage___p1vur {
  padding: 16px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .chromeCastIndicator___rCUIw {
    bottom: 16px !important;
  }
  .castControlsContainer___KoYtB {
    border-radius: 3px 3px 0 0;
    display: flex;
    max-width: 370px;
    max-height: 497px;
    left: 16px;
    align-items: center;
    padding: 0 16px;
  }
  .castControlsContainer___KoYtB.minimized___Wpdie {
    padding: 0;
  }
  .controlsDrawerQuickControls___CdiIN {
    flex: 0 0 32px;
  }
  .title___ZZr1q {
    flex: 1;
    height: 32px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .title___ZZr1q > div {
    max-width: 322px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .fullSizeControls___Xex1n {
    padding: 8px;
    width: 100%;
  }
  .poster___QujGf {
    margin: 0;
    overflow: hidden;
    width: 100%;
    min-height: 120px;
  }
  .poster___QujGf img {
    width: 100%;
  }
  .castingMessage___p1vur {
    display: none;
  }
}

/* Cross browser input range styling */
.castControlsContainer___KoYtB input[type="range"] {
  -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
  width: 100%; /* Specific width is required for Firefox. */
  background: transparent; /* Otherwise white in Chrome */
}

.castControlsContainer___KoYtB input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.castControlsContainer___KoYtB input[type="range"]:focus {
  outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

.castControlsContainer___KoYtB input[type="range"]::-ms-track {
  width: 100%;
  cursor: pointer;

  /* Hides the slider so custom styles can be added */
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.castControlsContainer___KoYtB input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #36b4c7;
  cursor: pointer;
  margin-top: -5px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  border: 2px solid #fff;
}

/* All the same stuff for Firefox */
.castControlsContainer___KoYtB input[type="range"]::-moz-range-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #36b4c7;
  cursor: pointer;
  border: 2px solid #fff;
}

/* All the same stuff for IE */
.castControlsContainer___KoYtB input[type="range"]::-ms-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #36b4c7;
  cursor: pointer;
  border: 2px solid #fff;
}

.castControlsContainer___KoYtB input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: #36b4c7;
  border-radius: 8px;
}

.castControlsContainer___KoYtB
  input[type="range"]:focus::-webkit-slider-runnable-track {
  background: #36b4c7;
}

.castControlsContainer___KoYtB input[type="range"]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: #36b4c7;
  border-radius: 8px;
}

.castControlsContainer___KoYtB input[type="range"]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
.castControlsContainer___KoYtB input[type="range"]::-ms-fill-lower {
  background: #36b4c7;
  border-radius: 8px;
}
.castControlsContainer___KoYtB input[type="range"]:focus::-ms-fill-lower {
  background: #36b4c7;
}
.castControlsContainer___KoYtB input[type="range"]::-ms-fill-upper {
  background: gray;
  border-radius: 8px;
}
.castControlsContainer___KoYtB input[type="range"]:focus::-ms-fill-upper {
  background: gray;
}

.bottomBar___h_J8Y {
  align-items: center;
  border-top: 1px solid #d5d9de;
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  padding: 16px 32px;
}

.progressArea___NrYqa {
  align-items: center;
  display: flex;
  flex-grow: 1;
  margin-right: 40px;
}

.progressBar___dYj99 {
  background-color: #eff1f3;
  border-radius: 5px;
  flex-grow: 1;
  height: 10px;
  margin-right: 20px;
  overflow: hidden;
}

.details___A8dcb {
  color: #232329;
  font-size: 1.5rem;
  font-weight: 300;
  padding-bottom: 16px;
}

.fill___ZYMeM {
  background-color: #36b4c7;
  height: 100%;
}

.progressText___czZn1 {
  font-size: 0.75rem;
}

.editor___jmp73 {
  align-items: flex-start;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  justify-content: center;
  overflow-y: scroll;
  padding: 16px 32px;
  position: relative;
}
.uploadingThumbnail___CeqlD {
  overflow-y: hidden;
}

.leftColumn___UwIsv {
  width: 100%;
  max-width: 517px;
  flex-grow: 1;
  padding-right: 12px;
}

.thumbnailArea___JFORq {
  display: flex;
  justify-content: space-between;
}

.thumbnailButtons___TpShG {
  width: calc(100% - 8px);
}

.thumbnailButtons___TpShG:not(:last-child) {
  margin-right: 10px;
}

.uploadButton___zdkiH {
  align-items: center;
  background-color: transparent;
  border: 1px dashed #d5d9de;
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.uploadButtonIcon___LKcXf {
  height: 24px;
}

.optionsLink___dYkPN {
  align-items: center;
  display: flex;
  margin-bottom: 20px;
}

.arrowIcon___MR0dn {
  margin-right: 10px;
}

.rightColumn___dFyGh {
  flex-basis: 40%;
  padding-left: 12px;
}

.preview___tWUGI {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  overflow: hidden;
}

.metadata___N6BJI {
  background-color: #eff1f3;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-bottom: 16px;
  padding: 16px;
  word-break: break-all;
}

.emailIcon____AfCi * {
  fill: white;
}

.shareButton___P8dyE button:not(:disabled):hover svg * {
  fill: #696c74;
}

.emailIcon____AfCi {
  height: 8px;
  margin-right: 8px;
}

.emailIcon____AfCi:hover,
.emailIcon____AfCi.hover___jYw4N {
  fill: undefined;
}

.sectionText____JroM {
  color: #696c74;
  font-size: 0.8571rem;
  line-height: 1.286rem;
  margin-top: 10px;
}

.section___j_NuY:not(:last-child) {
  margin-bottom: 10px;
}

.checkboxes___tVtMj > div > div {
  margin-bottom: 10px;
}

.distribution___h4feI {
  align-self: flex-start;
  flex-direction: row;
}

@media only screen and (max-width: 768px) {
  .leftColumn___UwIsv,
  .rightColumn___dFyGh {
    flex-basis: 100%;
  }

  .leftColumn___UwIsv {
    margin-bottom: 16px;
    padding-right: 0;
  }

  .rightColumn___dFyGh {
    padding-left: 0;
  }
}

.buttonGroup___tGPr7 {
    display: grid;
    grid-template-columns: repeat(var(--btn-count), 1fr);
}
.grouped___y8ODi > button {
    width: 100%;
    display: block;
    height: 100%;
}

.first___wHUAN > button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.middle___Zup70 > button {
    border-radius: 0;
}
.last___ztyQE > button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

@media screen and (max-width: 768px) {
    .grouped___y8ODi > button {
        white-space: normal;
        word-break: keep-all;
    }
}
.container___nYhhY {
    position: relative;
    left: 0;
    width: 100%;
    height: 100%;
}
.customThumbnailUploader___yb6aV {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ddd;
    z-index: 9999;
    overflow: scroll;
}
.button___KVQ0J {
    position: absolute;
    top: calc(var(--fromTop) + 8px);
    left: 8px;
    z-index: 9999;
    appearance: none;
    border: none;
    background: none;
    cursor: pointer;
}
.recommendedSizeMessage___fWIvP {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 50%;
    top: calc(var(--fromTop) + 2px);
    transform: translateX(-50%);
    z-index: 9999;
    /* using the same color as filestacks message */
    color: #444;
    font-size: 12px;
}

[class*="Toaster"].errorToaster___XUztu {
    z-index: 3;
    background: red;
}

.scrolled___mE0Yu .recommendedSizeMessage___fWIvP {
    display: none;
}

@media screen and (min-width: 768px) {
    .button___KVQ0J {
        left: 18px;
        top: calc(var(--fromTop) + 16px);
    }
    .withSidebar___NB3Gv .button___KVQ0J {
        left: 74px;
    }
    .recommendedSizeMessage___fWIvP {
        top: calc(var(--fromTop) + 10px);
        font-size: 16px;
    }
}

/* 
    hides filestacks back button which doesn't properly trigger onCancel event 
    because it's only called when the modal is closed which we are not using their modal 
    https://github.com/filestack/filestack-js/issues/355
*/
.customThumbnailUploader___yb6aV [class*="go-back"],
.customThumbnailUploader___yb6aV [class*="fsp-source-list__item"]:first-child [class*="fsp-source-list__label"],
.customThumbnailUploader___yb6aV [class*="fsp-mobile-menu"],
.customThumbnailUploader___yb6aV [class*="fsp-header"] {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.customThumbnailUploader___yb6aV [class*="fsp-picker--inline"] {
    min-width: 280px;
}
.customThumbnailUploader___yb6aV .withSidebar___NB3Gv [class*="fsp-header-icon"],
.customThumbnailUploader___yb6aV .withSidebar___NB3Gv [class*="fsp-header-text--visible"] {
    left: 46%;
}
.customThumbnailUploader___yb6aV [class*="fsp-drop-area-container"] {
    padding: 12px;
}
.customThumbnailUploader___yb6aV [class*="fsp-notifications__container"] {
    top: 50px;
    transform: translateX(-52%);
}
.uploader___XNEOu {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow-y: scroll;
  padding: 16px 32px;
}

.container___JeY6P {
  align-items: center;
  display: flex;
  flex-grow: 1;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.content___Mqtzh {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.uploadIcon___L87mE {
  display: inline-block;
  height: 80px;
  margin-bottom: 24px;
}

.uploadIcon___L87mE * {
  fill: #696c74;
}

.inputContainer___ifh8b {
  position: relative;
  width: 140px;
}

.input___qm3H7 {
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.button___FRrxD {
  display: flex;
  justify-content: center;
}

.container___FK_CI {
  align-items: center;
  background: white;
  border-radius: 3px;
  box-shadow: 0 1px 16px rgba(35, 35, 41, 0.25); /* bishop */
  display: flex;
  height: 76px;
  margin: 8px 16px;
  opacity: 0;
  overflow: hidden;
  transform: translate(0, 92px);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 343px;
}

.positioned___VCDZo {
  position: fixed;
  bottom: -92px;
}

.container___FK_CI.show___DPApz {
  opacity: 1;
  transform: translate(0, -92px);
}

.imageContainer___Jzn_3 {
  align-items: center;
  display: flex;
  height: 76px;
  justify-content: center;
  margin-right: 8px;
  width: 42px;
}

.title___woWRK {
  color: #232329;
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
}

.content___LNL6r {
  color: #232329;
  font-size: 0.875rem;
  line-height: 18px;
}

.icon___gONPT,
.imageContainer___Jzn_3 div {
  border-color: #fff; /* May not work well with other Toaster types */
  height: 23px;
  width: 23px;
}

.success___Vttcv {
  background-color: #218323;
}

.uploading___UdWwt, .downloading___HGer2 {
  background-color: #0a7c8e;
}

.uploadError___lElRy {
  background-color: #d10f0f;
}

.iconClose___nLa5g {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 4px;
  position: absolute;
  right: 0;
  top: 0;
}

.iconClose___nLa5g svg {
  height: 16px;
  width: 16px;
}

.paginationBar___D5ndI {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 16px;
}

.pageButton___qy10H {
  background-color: transparent;
  border: 1px solid #d5d9de;
  border-radius: 3px;
  cursor: pointer;
  font-size: 0;
  height: 40px;
  padding: 0;
  width: 40px;
}

.leftIcon___SdUKK,
.rightIcon___FwVSM {
  height: 20px;
}

.leftIcon___SdUKK *,
.rightIcon___FwVSM * {
  stroke: #696c74;
}

.hiddenArrow___qd60S,
.hiddenArrow___qd60S * {
  visibility: hidden;
}

.pageNumbers___qSpil {
  display: flex;
  margin: 0 16px;
}

.pageNumbers___qSpil span {
  align-items: center;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.numberButton___JoRqY {
  align-items: center;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 50%;
  color: #232329;
  cursor: pointer;
  display: flex;
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 1.143rem;
  height: 32px;
  justify-content: center;
  outline: none;
  width: 32px;
}

.numberButton___JoRqY:hover {
  border-color: #36b4c7;
}

.currentPage___G4q2N {
  background-color: #36b4c7;
  border-color: #36b4c7;
  color: white;
}

@media (max-width: 768px) {
  .numberButton___JoRqY,
  .pageNumbers___qSpil span {
    font-size: 1rem;
    height: 24px;
    width: 24px;
  }
}

.titleBar___dhGaX {
  align-items: center;
  border-bottom: 1px solid #d5d9de;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 16px;
}

.heading___CjZRO {
  color: #5a5e66;
  letter-spacing: 0;
  margin-right: 24px;
  opacity: 1;
  text-align: left;
}

.shareLinkContainer___NjUPc {
  align-items: center;
  display: flex;
  flex-basis: 500px;
  margin-right: 24px;
}

.shareLink___ZpqSC {
  align-items: center;
  display: flex;
  flex: 1;
}

.shareText___sq5Ct {
  margin-right: 8px;
  text-align: right;
}

.primaryCTAs___GeEHR {
  display: flex;
}

.noContent___Cg46T {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  padding: 16px 32px;
  text-align: center;
}

.playIcon___GSPzK {
  display: inline-block;
  height: 80px;
  margin-bottom: 16px;
}

.playIcon___GSPzK * {
  fill: #696c74;
}

.tooltipContainer___gj1ch {
  position: relative;
}

.tooltipButton___tzeob {
  align-items: center;
  background: transparent;
  border: 0;
  display: flex;
  justify-content: center;
  margin: 4px;
  outline: none;
  padding: 4px;
}

.infoIcon___W7IaB {
  height: 18px;
}

.tooltipIcon___P6zHm {
  flex-shrink: 0;
  height: 24px;
  margin-right: 16px;
}

.expertButton___ds4zu {
  display: flex;
  justify-content: center;
  padding-bottom: 8px;
  padding-top: 24px;
}

.paywallContainer___SURlv {
  align-items: center;
  display: flex;
  flex-grow: 1;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.paywallContent___E9iqX {
  align-items: center;
  color: #696c74;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  letter-spacing: 0;
  opacity: 1;
  padding: 16px;
  text-align: center;
}

.uploadButton___FEL8r {
  display: flex;
  justify-content: center;
}

.readLink___Y0dGJ {
  color: #36b4c7;
}

.table____z6QZ {
  width: 100%;
}

.table____z6QZ th {
  background-color: #eff1f3;
  color: #696c74;
  font-size: 0.7857rem;
  padding: 8px 16px;
  text-transform: uppercase;
}

.table____z6QZ td {
  padding: 24px 16px;
}

.table____z6QZ td,
.table____z6QZ th {
  border-bottom: 1px solid #d5d9de;
  font-weight: 400;
  text-align: left;
}

.table____z6QZ td:first-child,
.table____z6QZ th:first-child {
  width: 40%;
}

.contentContainer___Z8TOc {
  align-items: center;
  display: flex;
}

.thumbnailContainer___ksr29 {
  flex-basis: 210px;
  flex-shrink: 0;
}

.thumbnail___OhdYx {
  align-items: center;
  background-color: #d5d9de;
  border-radius: 5px;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.thumbnailIcon___Hv93t {
  height: 24px;
}

.titleContainer___A4k3t {
  display: flex;
  flex-direction: column;
  margin-left: 16px;
  word-break: break-word;
}

.titleButton___hUKzM {
  background-color: transparent;
  border: none;
  color: #232329;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font-family: lato;
  font-size: 1rem;
  font-weight: 400;
  justify-content: center;
  padding: 0;
  text-align: left;
}

.status___F2WF2 {
  margin-top: 8px;
}

.status___F2WF2:empty {
  display: none;
}

.actionCell___kZC8_ {
  white-space: nowrap;
  width: 1%;
}

.actionContainer___s8M5z {
  align-items: center;
  display: flex;
  justify-content: center;
}

.actions___l9YHo {
  display: flex;
  position: relative;
}

.blueText___ghYkm {
  color: #36b4c7;
}

.moreButton___N3Oze,
.linkButton___P1Jf1 > button {
  align-items: center;
  background: transparent;
  border: 0;
  display: flex;
  height: 32px;
  justify-content: center;
  padding: 0;
  width: 32px;
}

.moreButton___N3Oze {
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 0;
}

.linkButton___P1Jf1 {
  margin-right: 8px;
  position: relative;
}

.linkIcon___JCLAg,
.moreIcon___eSY0l {
  width: 32px;
}

.emailIcon___hSyjM {
  margin-right: 8px;
  width: 16px;
}

.emailIcon___hSyjM:hover {
  fill: black;
}

.linkIcon___JCLAg g,
.moreIcon___eSY0l g {
  fill: #696c74;
}

.toasterAllocation___euQ5Y {
  bottom: -92px;
  display: flex;
  position: fixed;
  flex-direction: column;
}

.linkAction___Hd5xh {
  color: #232329;
  letter-spacing: 0;
  margin-bottom: 8px;
  opacity: 1;
  padding: 4px;
  text-align: left;
}

.linkAction___Hd5xh:last-of-type {
  margin-bottom: 0;
}

.dialogButtonDiv___Zv_dS {
  display: flex;
  justify-content: flex-end;
}

@media only screen and (max-width: 1024px) {
  .table____z6QZ th:not(:first-child):not(:last-child),
  .table____z6QZ tr td:not(:first-child):not(:last-child) {
    display: none;
  }

  .actionContainer___s8M5z {
    justify-content: flex-end;
  }
}

@media (max-width: 768px) {
  .titleContainer___A4k3t {
    display: none;
  }

  .shareLinkContainer___NjUPc {
    align-items: flex-start;
    flex-direction: column;
    margin: 0 0 8px 0;
  }

  .shareLink___ZpqSC {
    width: 100%;
  }

  .shareText___sq5Ct {
    margin-bottom: 4px;
  }
}

@media (max-width: 480px) {
  .dialogButtonDiv___Zv_dS {
    display: block;
  }
}



.overlay___HVYod {
  align-items: center;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}

.contentContainer___ZSzqm {
  max-width: calc(100vw - 32px);
  min-width: 343px;
  position: relative;
  z-index: 5;
}

.overlayContent___AOrhJ {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: rgba(21, 21, 25, 0.8);
  border-radius: 8px;
  padding: 32px;
}

.overlayContent___AOrhJ:not(:first-child) {
  margin-top: 8px;
}

.signInContainer___gnHQ5 {
  margin-top: 36px;
}

.signInButton___az0dJ {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin: 18px;
}
.container___Lp3y0 {
  align-items: center;
  background-color: #eff1f3;
  color: #696c74;
  display: flex;
  flex-direction: column;
  flex: 1;
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-weight: 400;
  height: 100%;
  justify-content: space-between;
  overflow: scroll;
  width: 100%;
}

.loadingContainer___KNLgs {
  display: flex;
  align-items: center;
  justify-content: center;
}

.content___de1Yp {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex: none;
}

.form___gnfhg {
  background-color: white;
  border-radius: 3px;
  box-shadow: 0 1px 3px 0 #d5d9de;
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
  padding: 24px 16px;
  width: 320px;
}

.logo___iu6L5 {
  margin-bottom: 16px;
}

.heading___L2nve {
  margin-bottom: 16px;
  text-align: center;
}

.mbLogo___PX1O_ {
  padding: 32px 0;
  width: 200px;
}

.mbLogo___PX1O_ * {
  fill: #696c74;
}

.brandedLogo___ImJrB {
  margin: 0 auto 16px;
  max-height: 72px;
  max-width: 160px;
}

.forgotPassword___KLPQ5 {
  align-self: center;
  margin-bottom: 16px;
}

.staffSignIn___NBz3Y {
  align-self: center;
  margin-bottom: 16px;
}

.interface___l1rAo {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 0;
}
.notAuthorized___Tg3n5 {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.notFound___v1Las {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.card___Pvlac {
  background: white;
  border-radius: 3px;
  box-shadow: 0 1px 3px #d5d9de;
  padding: 16px 32px 16px 16px;
}

.noPadding___R7zkv {
  padding: 0;
}

@media (max-width: 768px) {
  .card___Pvlac {
    padding: 16px;
  }
}

.noContent___UlX3H {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  padding: 16px 32px;
  text-align: center;
}

.iconPlay___iwNOg {
  display: inline-block;
  height: 70px;
  margin-bottom: 24px;
}

.iconPlay___iwNOg * {
  fill: #696c74;
}

.videoDetails___snrON {
  align-items: center;
  color: #232329;
  display: flex;
  flex-wrap: wrap;
  font-size: 1.143rem;
  line-height: 19px;
  margin: 16px 0;
}

.videoDetails___snrON > div {
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  margin-right: 8px;
  -ms-word-break: break-all;
  word-break: break-all;
}

.difficulty___cto5q {
  border-radius: 3px;
  flex-shrink: 0;
  height: 16px;
  width: 16px;
  border: 1px solid transparent;
}

.allLevels___IIWJD {
  background-color: #006fbb;
}

.beginner___RN0lZ {
  background-color: #218323;
}

.intermediate___JU_pD {
  background-color: #ffc100;
}

.advanced___eEYs5 {
  background-color: #d10f0f;
}

.videoContainer___VIQWm {
  margin: 0 auto;
  max-width: 960px;
  padding: 24px 16px 32px;
  width: 100%;
}

.description___kEPg5 > p {
  margin-bottom: 8px;
  white-space: pre-wrap;
}

.titleRow___rF5ti {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}

.titleRow___rF5ti h1 {
  margin-right: 16px;
}

.videoInfo___kzhWh {
  padding: 24px;
}

.heartIcon___grE7j {
  height: 18px;
  margin-right: 8px;
  width: 18px;
}

.heartIcon___grE7j * {
  stroke: #696c74;
}

.filled___RT0Ez * {
  fill: #d10f0f;
  stroke: #d10f0f;
}

.noContent___yGfjF {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.viewAll___ou0wo {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}

.viewAll___ou0wo button {
  flex-grow: 1;
}

@media (max-width: 768px) {
  .titleRow___rF5ti {
    display: flex;
    flex-direction: column;
  }

  .titleRow___rF5ti h1 {
    margin-bottom: 16px;
  }
}

.carouselCard___ZppJE {
  background: white;
  margin: 10px;
  width: 31%;
}

.carouselCard___ZppJE:not(.preview___PqKo7) {
  cursor: pointer;
}

.videoInfo___lpTBI {
  margin-top: 4px;
}

.thumbnail___qcS0w {
  height: 150px;
  position: relative;
  width: 100%;
}

.duration___E0NeS {
  bottom: 1px;
  color: white;
  font-size: 12px;
  opacity: 0.8;
  position: absolute;
  right: 3px;
}

.thumbnail___qcS0w img{
  background-size: cover;
  border-radius: 2px;
  box-shadow: 0 1px 3px #d5d9de;
  height: 100%;
  width: 100%;
}

.topRow___CaT1D {
  display: flex;
  margin: 0px 0 -5px 0;
}

.videoDifficulty___BuRP4 {
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 13px;
  margin-bottom: 2px;
}

.favorite___CtMeE {
  cursor: pointer;
  margin-left: auto;
  outline: none;
  padding-top: 5px;
  height: 26px;
}

.heartIcon___WNBr3 {
  height: 18px;
  margin-right: 8px;
  width: 18px;
}

.heartIcon___WNBr3 * {
  outline: none;
  stroke: #696c74;
}

.filled___tmxx9 * {
  fill: #d10f0f;
  stroke: #d10f0f;
}

.heading___MNnIV {
  max-height: 40px;
}

.publisher___j8cTV {
  margin-top: 2px;
}

.uploadedDate___UHgmG {
  margin-top: -3px;
}

.allLevels___E67fH::before {
  background-color: #006fbb;
  border-radius: 7.5px;
  content: '';
  display: inline-block;
  height: 7px;
  margin: 10px 4px 0 0;
  width: 7px;
}

.beginner___y8bhO::before {
  background-color: #218323;
  border-radius: 7.5px;
  content: '';
  display: inline-block;
  height: 7px;
  margin: 8px 5px 0 0;
  width: 7px;
}

.intermediate___MxbfC::before {
  background-color: #ffc100;
  border-radius: 7.5px;
  content: '';
  display: inline-block;
  height: 7px;
  margin: 8px 5px 0 0;
  width: 7px;
}

.advanced___h95Fq::before {
  background-color: #d10f0f;
  border-radius: 7.5px;
  content: '';
  display: inline-block;
  height: 7px;
  margin: 8px 5px 0 0;
  width: 7px;
}

@media (max-width: 1000px) {
  .carouselCard___ZppJE {
    width: 100%;
  }
}

.video___LO8QW {
  height: 289px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.loading___w8OE0 {
  display: inline;
}

.carousel___ocSbN {
  display: block;
  margin: 0 0 22px 0;
  position: relative;
}

.categoryTitle___nejec {
  font-size: 18px;
  margin-bottom: 10px;
}

.carouselCard___GHiIL {
  background: white;
  border-radius: 3px;
  box-shadow: 0 1px 3px #d5d9de;
  min-height: 298px;
  overflow: hidden;
  padding: 14px 14px 4px 14px;
}

.leftIcon___JKcQd {
  font-weight: 800;
  height: 22px;
  margin-right: 4px;
  width: 22px;
}

.rightIcon___P6L2U {
  font-weight: 800;
  height: 22px;
  width: 22px;
  font-size: 18px;
}

.left___V400C {
  left: -25px;
}

.right___zWYhm {
  right: -35px
}

.circle___qUOnh {
  align-items: center;
  background-color: white;
  border: none;
  border-radius: 50%;
  box-shadow: 0 3px 6px #00000029;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  height: 48px;
  justify-content: center;
  margin-right: 10px;
  position: absolute;
  top: 47%;
  width: 48px;
}

.headingContainer___G_kj9 {
  display: flex;
  height: 55px;
}

.viewAllContainer___Jj3Rh {
  cursor: pointer;
  margin-left: auto;
  padding: 6px 0 0 0;
}

.gridTile___FIzNE {
  position: relative;
}

.videoInfo___oSDFW {
  bottom: 5px;
  position: relative;
}

.topRow___HbDAx {
  display: flex;
  margin: 8px 0 0 0;
}

.allLevels___Iv4ME::before {
  background-color: #006fbb;
  border-radius: 7.5px;
  content: '';
  display: inline-block;
  height: 7px;
  margin: 5px 5px 3px 0;
  width: 7px;
}

.beginner___GWSqn::before {
  background-color: #218323;
  border-radius: 7.5px;
  content: '';
  display: inline-block;
  height: 7px;
  margin: 6px 5px 0 0;
  width: 7px;
}

.intermediate___tl56O::before {
  background-color: #ffc100;
  border-radius: 7.5px;
  content: '';
  display: inline-block;
  height: 7px;
  margin: 6px 5px 0 0;
  width: 7px;
}

.advanced___Y78rw::before {
  background-color: #d10f0f;
  border-radius: 7.5px;
  content: '';
  display: inline-block;
  height: 7px;
  margin: 5px 5px 0 0;
  width: 7px;
}

.vidCategory___fMWTa {
  cursor: pointer;
  display: inline-block;
  margin-left: auto;
  outline: none;
  padding: 0 0 0 8px;
  position: relative;
  text-align: right;
  width: 112px;
}

.favorite___jmL4b {
  cursor: pointer;
  margin-left: auto;
  outline: none;
}

.heartIcon___gtG6p {
  height: 18px;
  margin-right: 8px;
  width: 18px;
}

.filled___Zvv6C * {
  fill: #d10f0f;
  stroke: #d10f0f;
}

.flexGrid___K32mB {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  min-height: 500px;
}

.flexGrid___K32mB .col___bz33r {
  flex-basis: calc(25% - 16px);
  margin: 8px;
  width: calc(25% - 16px);
}

.headingContainer___ICNHz {
  align-items: center;
  display: flex;
  padding: 0 8px;
}
.headingContainer___ICNHz h1 {
  padding-right: 4px;
}

.backToCategories___jAvU2 {
  cursor: pointer;
  margin-left: auto;
}

.emptyResults___vD5Qf {
  align-items: center;
  color: #107B8D;
  display: flex;
  font-family: lato;
  font-size: 18px;
  font-weight: 900;
  height: 200px;
  justify-content: center;
  width: 100%;
}

.reopenModal___Qum1M {
  background-color: perko;
  border: none;
  color: #107B8D;
  cursor: pointer;
  font-family: lato;
  font-size: 18px;
  font-weight: 900;
  padding: 4px;
  text-decoration: underline;
}

.more___pbsYK {
  align-self: center;
  cursor: pointer;
  display: flex;
  font-size: 17px;
  font-weight: 600;
  justify-content: center;
  margin-top: 1rem;
  width: 100%;
}

@media (max-width: 1024px) {
  .flexGrid___K32mB .col___bz33r {
    flex-basis: calc(33% - 16px);
    width: calc(33% - 16px);
  }

  .emptyResults___vD5Qf {
    flex-direction: column;
  }

  .noMatches___TG_El {
    order: 1;
    text-align: center;
  }

  .reopenModal___Qum1M {
    order: 2;
  }
}

@media (max-width: 768px) {
  .flexGrid___K32mB .col___bz33r {
    flex-basis: calc(50% - 16px);
    width: calc(50% - 16px);
  }
}

@media (max-width: 375px) {
  .flexGrid___K32mB .col___bz33r {
    flex-basis: calc(100% - 16px);
    width: calc(100% - 16px);
  }
}

.videosContainer___FF_oA {
  margin: 0 auto;
  max-width: 960px;
  padding: 8px 0;
  width: 100%;
}

.videosContainerGrid___USQ3Q {
  margin: 0 auto;
  max-width: 960px;
  padding: 8px 0;
  width: 100%;
}

.video___Ccrml {
  display: flex;
}

.video___Ccrml:not(:last-child) {
  margin-bottom: 32px;
}

.description___eJ3uA > p {
  color: #232329;
  font-size: 1.143rem;
}

.clearFiltersButton___cNGdb {
  background: white;
  border: none;
  color: islay;
  font: normal normal normal 14px/18px Lato;
  padding: 8px 24px;
  text-decoration: underline;
  cursor: pointer;
}
.clearFiltersButton___cNGdb:hover {
  text-decoration: none;
}

.sortOrder___IlVSk {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  padding-right: 4px;
}

.videoButton____cLFz {
  background: transparent;
  border: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  outline: none;
  text-align: left;
  width: 100%;
}

.videoButton____cLFz:not(.preview___qPgbB) {
  cursor: pointer;
}

.videoButton____cLFz h1 {
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  -ms-word-break: break-all;
  word-break: break-all;
}

.filterIcon___vTow9 {
  height: 18px;
  padding-right: 8px;
  width: 18px;
}

.leftColumn___dq2Qr {
  padding-right: 24px;
  width: 45%;
}

.rightColumn___ULE7R {
  width: 55%;
}

.flexGrid___NGGIE {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}

.flexGrid___NGGIE .col___LBi3Y {
  flex-basis: calc(25% - 16px);
  margin: 8px;
}

.headingContainer___fC6Hf {
  border-bottom: 1px solid #ccc;
  display: flex;
  padding: 8px;
}

.viewAllContainer___zfJdO {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin-left: auto;
  padding: 11px 0;
}

.viewIcon___zKoMn {
  cursor: pointer;
  margin-top: 4px;
}

.filterButton___ofNuC {
  align-items: center;
  background: white;
  border: 1px #d5d9de solid;
  border-radius: 3px;
  color: #404040;
  cursor: pointer;
  display: flex;
  font: normal normal normal 12px/18px Lato;
  height: 40px;
  justify-content: center;
  letter-spacing: 0;
  margin-right: 8px;
  min-width: 122px;
  text-align: center;
}

.selectContainer___MmOkX {
  margin-right: 8px;
  min-width: 123px;
}

.selectContainer___MmOkX select {
  cursor: pointer;
  font: normal normal normal 12px/18px Lato;
  height: 40px;
  margin: 0;
}

.filterVideoContainer___gKlTA {
  background-color: #eff1f3;
  border-top: 1px solid #ccc;
  overflow: auto;
  padding-top: 15px;
}

.filterBlock___r66Nb {
  background: white;
  cursor: pointer;
  display: flex;
  padding: 18px 0;
}

.filterBlockTitle___fvxKk {
  margin-left: 24px;
}

.filterBlockIcon___MGihN {
  margin-left: auto;
  margin-right: 10.5px;
}

.downIcon___R_po0 {
  height: 10px;
  width: 10px;
}

.filterBlockContainer___NxxAU {
  background: white;
  margin: 0 24px 16px 24px;
}

.bottomBlock___VyGT7 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: -10px 16px 0 16px;
  padding: 15px 0;
}

.smallBlock___PjqqT {
  align-content: center;
  align-items: center;
  background: #f8f9fa;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font: normal normal normal 14px Lato;
  height: 44px;
  justify-content: center;
  margin: 4px;
  text-align: center;
  text-overflow: ellipsis;
  width: 47%;
}

.vidSearch___rztY5 {
  height: 40px;
  margin-right: 8px;
}

.vidSearch___rztY5 input {
  border: none;
  border-radius: 3px;
  font: normal normal normal 12px/18px Lato;
  height: 40px;
  padding-left: 10px;
}

.filterBottomBar___EgKSx {
  background: #fff 0% 0% no-repeat padding-box;
  border-radius: 0 0 3px 3px;
  display: flex;
  flex-direction: row;
  height: 84px;
  justify-content: flex-end;
  padding: 24px 31px;
}

.submitFilters___FwvqG button {
  height: 36px;
  margin-left: 8px;
  width: 106px;
}

.selectedBlock___KWnS5 {
  background: #6c6c6c;
  color: white;
}

@media (max-width: 1024px) {
  .flexGrid___NGGIE .col___LBi3Y {
    flex-basis: calc(33% - 16px);
  }

  .headingContainer___fC6Hf {
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }

  .viewAllContainer___zfJdO {
    justify-content: center;
    margin: 0;
  }
}

@media (max-width: 768px) {
  .flexGrid___NGGIE .col___LBi3Y {
    flex-basis: calc(50% - 16px);
  }

  .viewAllContainer___zfJdO {
    justify-content: center;
    margin: 0;
  }

  .videosContainerGrid___USQ3Q {
    padding: 8px 0;
  }
}

@media (max-width: 568px) {
  .flexGrid___NGGIE .col___LBi3Y {
    flex-basis: calc(100% - 16px);
  }

  .smallBlock___PjqqT {
    margin: 1px;
    width: 49%;
  }
}

@media (max-width: 375px) {
  .videosContainer___FF_oA {
    max-width: 320px;
  }

  .videosContainerGrid___USQ3Q {
    max-width: 350px;
  }

  .video___Ccrml {
    flex-direction: column;
  }

  .rightColumn___ULE7R {
    padding-left: 0;
    width: 100%;
  }

  .leftColumn___dq2Qr {
    padding-right: 0;
    width: 100%;
  }

  .videoButton____cLFz {
    padding-top: 24px;
  }

  .smallBlock___PjqqT {
    margin: 1px;
    width: 49%;
  }
}

@media (max-width: 320px) {
  .videosContainer___FF_oA {
    max-width: 270px;
  }

  .videosContainerGrid___USQ3Q {
    max-width: 270px;
  }
}

.electronHome___twHSR {
    height: 100%;
    background-image: linear-gradient(to bottom right, #353887, #0E0F24);
    color: white;
    font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

.appLaunch___e_FPd {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 16px;
}
.appLaunch___e_FPd ul {
    text-align: left;
    position: relative;
    display: inline-block;
    padding: 18px;
}
.appLaunch___e_FPd ul li {
    padding: 4px 0;
    position: relative;
}
.appLaunch___e_FPd ul li:before {
    content: '';
    width: 6px;
    height: 6px;
    background: white;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: -12px;
}

.appLaunch___e_FPd a {
    color: white;
}

.overlay___elZTt {
    backdrop-filter: blur(8px);
    background-color: rgba(21, 21, 25, 0.8);
    border-radius: 8px;
    padding: 32px;
}

.appLaunch___e_FPd .overlay___elZTt {
    text-align: left;
    max-width: 540px;
    margin: 32px auto;
}
.launchAppButtons___Z8hIP {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.launchAppButtons___Z8hIP button {
    margin-left: 16px;
}
.unsupportedBrowser___y_OGa {
    width: 180px;
    max-width: 60%;
}
.electronHome___twHSR h1 {
    margin: 24px 0;
    font-size: 40px;
}
.instructions___gxkPm {
  width: 32%;
}
.outlineInstructions___ivBhF {
  margin-top: 48px;
  padding: 32px;
  background: rgb(255,255,255, .1);
  border-radius: 4px;
}
.outlineInstructions___ivBhF hr{
  margin: 24px 0;
}
.instructionPanel___xjegZ {
  padding: 12px;
}
.fatalErrorIcon___jj8pA {
    height: 64px;
}
.fatalErrorIcon___jj8pA path {
    fill: #d10f0f;
}
.noInternetIcon___WRmFF {
    width: 26px;
    height: 26px;
}
.closeAppButton___wh2dE {
    margin-top: 24px;
}
.pendoFeedbackSurvey___U2ApG {
    height: 20px;
}
@media (max-width: 767px) {
  .electronHome___twHSR h1 {
    font-size: 2em;
  }
  .instructions___gxkPm {
    width: 100%;
  }
}


body {
  background-color: #fff;
}
body[data-live-stream="true"] {
  background-color: #0e0f24;
}

.liveStream___RBOv1 * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.link___v7GsE {
  color: #1476fc;
}

.heading___bedCK {
  font-weight: 400;
  margin: 0;
}

.heading___bedCK.large___NmbXL {
  font-size: 1.714rem;
}

.heading___bedCK.medium___fjTMx {
  font-size: 1.143rem;
}

.heading___bedCK.small___GmCYY {
  font-size: 0.857rem;
}

.paragraph___loBPd {
  line-height: 24px;
  margin: 8px 0 0;
}

.countdown___jaMOJ {
  display: inline-block;
}

.uppercase___DJX1m {
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.clickable___JybIj {
  cursor: pointer;
}

.liveStream___RBOv1 {
  background-image: linear-gradient(to bottom right, #353887, #0e0f24);
  bottom: 0;
  color: white;
  font-size: 1.143rem;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
}

.gridContainer___nohoK {
  position: absolute;
  top: -56px;
  left: 0;
  width: 100%;
  height: calc(100% + 56px);
  z-index: 1;
  align-items: center;
  display: flex;
  justify-content: center;
}

.hostPreview___aJhuw {
  position: absolute;
  width: 100%;
  height: 100%;
}
.host___oKi_l {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.host___oKi_l,
.hostVideo___kJAM4 {
  height: 100%;
  width: 100%;
  top: -56px;
}
.host___oKi_l {
  height: calc(100% + 105px);
}

.previewVideo___hreHb {
  background-color: black;
  bottom: 0;
  font-size: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.interface___ODZEZ {
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 100%;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
}

.mouseActive___OpFxW {
  opacity: 1;
  transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
  visibility: visible;
}

.mouseInactive___MxcoM {
  opacity: 0;
  transition: visibility 0.2s ease-out, opacity 0.2s ease-out;
  visibility: hidden;
}

.pendoRecord___qp3Xy {
  width: 200px;
  position: absolute;
  left: calc(50vw - 100px);
}

.pendoRecordActive___T4WzD  {
  top: 56px;
}

.pendoRecordInactive___xCP_7 {
  top: 8px;
}

.upperControls___SnMNH {
  display: flex;
  flex: 0 0 56px;
  justify-content: space-between;
  z-index: 11;
}

.middleControls___vu_0Q {
  display: flex;
  flex-basis: auto;
  flex-grow: 1;
  justify-content: space-between;
  padding-top: 12px;
  position: relative;
  transition: height 0.2s ease-out;
  z-index: 1;
}

.participants___JnIO7 {
  background-color: #151519;
  position: relative;
}

.participantsHidden___dUvfb {
  max-height: 0;
}

.participantsToggle___g6a7b {
  background-color: #222428;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 0;
  height: 32px;
  width: 32px;
}

.participantsToggle___g6a7b:focus {
  outline: none;
}

.participantsToggleIcon___Bf6lg {
  width: 16px;
}

.navButtons___pD9lR {
  align-items: center;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: rgba(21, 21, 25, 0.8);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 32px;
  justify-content: center;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  z-index: 30000;
}

.navButtonsGrid___K9TPd {
  top: calc(50% - 24px);
}

.navButtons___pD9lR:focus {
  outline: none;
}

.navButtons___pD9lR > svg {
  height: 16px;
}

.navButtonsHidden___N0P5s {
  height: 0;
  visibility: hidden;
  width: 0;
}

.back___RhQks {
  left: 12px;
}

.next___FCHNG {
  right: 12px;
}

.participantVideos___HVVTI {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex-wrap: wrap;
  font-size: 0;
  justify-content: center;
  max-height: 100%;
  width: 100%;
}

.participantVideosHidden___nSWCA {
  max-height: 0;
  visibility: hidden;
}

.from1to1___CD_oy {
  flex-basis: 100%;
  max-width: calc((16 / 9) * 100vh);
}

.from1to2___SE9DU {
  flex-basis: 50%;
  max-width: calc((16 / 9) * 100vh);
}

.from3to4___ejb0N {
  flex-basis: 50%;
  max-width: calc((16 / 18) * 100vh);
}

.from5to9___Gwb0L {
  flex-basis: 33%;
  max-width: calc((16 / 27) * 100vh);
}

.from10to16___RfU93 {
  flex-basis: 25%;
  max-width: calc((16 / 36) * 100vh);
}

.participantVideo___GCS5S.browser___pmuSk {
  width: 20%;
}

.participantVideo___GCS5S.tablet___fouEG {
  width: 30%;
}

.participantVideo___GCS5S.mobile___qNXNm {
  width: 50%;
}

.participantVideoFix___PBU4b {
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}

.menuTopLeft___oJKYE {
  flex: 1;
  margin-left: 32px;
}

.menuTopRight___rJGAV {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  margin-right: 32px;
  padding: 8px;
}

.fatalErrorCTA___bJpu3 {
  margin-top: 24px;
}

.lowerControls___bJJ9z {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 12px 12px 0;
  position: relative;
  z-index: 2;
}

.mobileLowerControls___IoGG8 {
  pointer-events: none;
}

.lowerControlsSpacer___GYILo {
  width: 32px;
}

.hostName___inUhR {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: rgba(21, 21, 25, 0.8);
  color: white;
  flex-grow: 0;
  font-size: 1.143rem;
  max-width: 100%;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 8px 12px;
  border-radius: 3px 3px 0 0;
}

.hostName___inUhR > svg {
  height: 16px;
  padding-left: 8px;
}

.hostName___inUhR > .hostMicOff___Qg6rR {
  width: 18px;
  height: 18px;
  display: inline-block;
  padding: 0;
  vertical-align: middle;
}

.layoutToggleButton___m7M2v {
  align-items: center;
  background-color: transparent;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  font-size: 0;
  height: 32px;
  justify-content: center;
  margin-right: 8px;
  padding: 0;
  width: 32px;
  z-index: 999999 !important;
}

.layoutToggleButton___m7M2v:focus {
  outline: none;
}

.layoutIcon___qO9HF {
  width: 100%;
}

.fullscreenButton___Mktxd {
  align-items: center;
  background-color: #222428;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  font-size: 0;
  height: 32px;
  justify-content: center;
  width: 32px;
  z-index: 999999 !important;
}

.fullscreenButton___Mktxd:focus {
  outline: none;
}

.fullscreenIcon___RgMrE {
  width: 16px;
}

.bigBroadcastIcon___ZEGps {
  height: 40px;
  padding-bottom: 16px;
}

.broadcastIcon___nlYHQ {
  height: 16px;
  padding: 0 8px;
  vertical-align: middle;
}

.avatar___JqPB2 {
  align-items: center;
  background-color: #cbd0d7;
  border-radius: 50%;
  color: #080915;
  display: inline-flex;
  justify-content: center;
}

.avatar___JqPB2.large___NmbXL {
  font-size: 2.286rem;
  height: 100px;
  width: 100px;
}

.classInfoSection____BZzr {
  margin-top: 16px;
}

.classInfoType___GW204 {
  margin-bottom: 8px;
}

.controlBar___aBYy7 {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: rgba(21, 21, 25, 0.8);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  display: flex;
  flex: 0 1 auto;
  justify-content: space-between;
  padding: 8px;
  width: auto;
}
.controlBarMobile___PAuNu {
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
@media (orientation: portrait) and (max-width: 640px) {
  .controlBarMobile___PAuNu {
    flex: 1;
  }
}

.sessionControls___QYrs0 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sessionControls___QYrs0 > div {
  margin-left: 8px;
}

.sessionControls___QYrs0 > button {
  flex: 0 0 92px;
}

.sessionControls___QYrs0 > button:not(:last-child) {
  margin-right: 8px;
}

.deviceControls___G2mXe {
  display: flex;
}

.audio___yzgmm {
  display: none;
}

.fatalErrorIcon___cfYDX {
  height: 64px;
  margin-bottom: 24px;
}

.fatalErrorCode___PTJA1 {
  font-size: 0.714rem;
  margin-top: 24px;
  opacity: 0.75;
}

.livestreamDoneButtons___uxopL {
  margin-top: 24px;
  display: flex;
  justify-content: center;
}

.livestreamDoneButtons___uxopL > button {
  margin-right: 16px;
}

.feedbackArea___f2VI8 {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.pendoFeedback___sSkTh {
  /* basic styles so webpack doesn't strip this element out */
  position: static;
}

.pendoFeedbackStyles___yfSIh {
  height: 20px;
  width: 30%;
}

.feedbackLeft___OOGzW {
  flex: 1;
  height: 20px;
  width: 30%;
}

.feedbackRight___sBbSa {
  flex: 1;
  height: 20px;
  justify-content: flex-end;
  width: 30%;
}

.pendoFeedback___sSkTh:not(:empty) {
  padding-bottom: 44px;
}

.loadingOverlay___C0CwP {
  align-items: center;
  background-color: #151519;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}

.recordingLight___oca6e {
  align-items: center;
  background-color: #222428;
  border: none;
  border-radius: 8px;
  display: flex;
  left: 0;
  padding: 8px;
  position: fixed;
  top: 0;
  z-index: 2;
}

@media screen and (max-width: 640px) {
  .recordingLight___oca6e.recordingMobile___hLhLQ {
    left: initial;
    right: 0;
    width: calc(100% - 56px);
    transition: all .1s ease-out;
    transform: translateY(52px);
  }
  .recordingLight___oca6e.recordingMobile___hLhLQ.recordingInactiveMouse___IFPfZ {
    transform: translateY(0);
    width: 100%;
  }
}

.recordingLight___oca6e > svg {
  display: flex;
  height: 26px;
  width: 26px;
}

.recorderInfo___pNNLA {
  display: flex;
  padding-left: 8px;
}

.recordingErrorOverlay___JBIE_ {
  text-align: left;
  line-height: 25px;
}

.closeBar___s_Fy0 {
  margin-bottom: 25px;
  display: flex;
  justify-content: flex-end;
}

.closeButton___RnM4j {
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-size: 0;
  padding: 0;
}

.closeIcon___N2yd_ {
  height: 32px;
}

.bottomBar___TUq2J {
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
}

.recordingErrorOverlay___JBIE_ > .bottomBar___TUq2J {
  justify-content: flex-end;
}

.bottomBar___TUq2J input[type='checkbox'] {
  visibility: hidden;
}

.bottomBar___TUq2J label {
  position: relative;
  padding-left: 32px;
  margin-top: 5px;
}

.bottomBar___TUq2J .blackbox___RjU9d {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border: 1px solid;
  border-radius: 5px;
  background-color: transparent;
}

.bottomBar___TUq2J .blackbox___RjU9d:after {
  content: '';
  position: absolute;
  display: none;
}

.bottomBar___TUq2J input[type='checkbox']:checked ~ .blackbox___RjU9d:after {
  display: block;
}

.bottomBar___TUq2J .blackbox___RjU9d:after {
  left: 7px;
  bottom: 5px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 4px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.spinner___LPaHy {
  animation: rotation___MFaK3 0.8s linear infinite;
  border-radius: 50%;
  border-right: 2px solid transparent;
  border-top: 2px solid white;
  height: 72px;
  width: 72px;
}

@keyframes rotation___MFaK3 {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@media only screen and (max-width: 372px) {
  .participantsArea___oAkEb {
    width: calc(100vw - 76px);
  }
}

@media only screen and (max-width: 640px) {
  .livestreamDoneButtons___uxopL {
    flex-direction: column;
  }
  .livestreamDoneButtons___uxopL button {
    margin: 8px 0;
  }
}

.electronSpacer___RnA9v {
  margin: 8px 0;
}
.userIsSharingScreen___sXQjO {
  z-index: 2;
}
.screenShareButton___xPrnQ > span > button {
  height: 38px;
}
.screenShareButton___xPrnQ svg {
  height: 32px;
  width: 32px;
}

.hidden___cYz9w {
  display: none;
}

.container___C2h5I {
    text-align: left;
    width: 100%;
    max-width: 960px;
}
.container___C2h5I h2 {
    margin: 0;
}
.header___qQm1E {
    display: flex;
    text-align: left;
    margin-bottom: 24px;
}
.header___qQm1E h1 {
    margin-bottom: 12px;
}
.mindbodyLiveLogo___H2kLa {
    flex: 0 0 90px;
    width: 90px;
    height: 90px;
    background: #fff;
    padding: 24px;
    border-radius: 50%;
    margin: 16px 16px 0 0;
}
.downloadInfoContainer___rrHXi .downloadInfo___AwtyC  {
    padding: 40px 0;
    border-top: 1px solid #fff;
}

@media screen and (min-width: 600px) {
    .header___qQm1E {
        
    }
    .mindbodyLiveLogo___H2kLa {
        margin: 16px 16px 0 0;
    }
    .downloadInfoContainer___rrHXi .downloadInfo___AwtyC {
        padding-left: 106px;
    }
}
.container___Oe9Ad {
    font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    height: 100%;
    background-image: linear-gradient(to bottom right, #353887, #0E0F24);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container___Oe9Ad [class*="spinner"] {
    border-top-color: #fff;
}
.alertIcon___m2bBn {
    width: 80px;
}
.container___gzsVC {
    align-items: center;
    background-color: perko;
    color: hollister;
    display: flex;
    flex-direction: column;
    flex: 1;
    font-family: lato;
    font-weight: 400;
    height: 100%;
    justify-content: space-between;
    overflow: scroll;
    width: 100%;
  }
  
.fullscreenPicker___HLoHl {
	 align-items: center;
	 background-color: white;
	 box-sizing: border-box;
	 display: flex;
	 flex-direction: column;
	 margin: 0 24px;
	 padding: 0 24px 24px;
	 width: calc(100% - 48px);
}
 .signOutBar___OMe3p {
	 align-items: center;
	 display: flex;
	 height: 80px;
	 justify-content: flex-end;
	 width: 100%;
}
 .mbkitLink___RSWKo:visited {
	 color: #0a7c8e !important;
}
 .relationshipList___IebYY {
	 display: flex;
	 justify-content: center;
	 margin-top: 40px;
}
 .relationshipList___IebYY .tile___tyJdf:nth-child(3n + 2) {
	 margin-left: 24px;
}
 .relationshipList___IebYY.multiTile___xr0CO {
	 display: grid;
	 gap: 24px;
	 grid-template-columns: repeat(3, auto);
	 justify-items: center;
}
 .relationshipList___IebYY.multiTile___xr0CO .tile___tyJdf:nth-child(3n + 2) {
	 margin: 0;
}
 .tile___tyJdf {
	 align-items: center;
	 background-color: white;
	 border-radius: 3px;
	 border: 1px solid transparent;
	 box-shadow: 0 1px 3px 0 rgba(35, 35, 41, 0.2);
	 box-sizing: border-box;
	 cursor: pointer;
	 display: flex;
	 flex-direction: column;
	 height: 226px;
	 justify-content: center;
	 padding: 24px;
	 position: relative;
	 transition: border-color 0.2s ease-out;
	 width: 288px;
}
 .tile___tyJdf h5 {
	 max-width: calc(288px - 48px);
	 overflow: hidden;
	 text-align: center;
	 text-overflow: ellipsis;
	 white-space: nowrap;
}
 .tile___tyJdf:hover {
	 border-color: #36b4c7;
	 box-shadow: 0 1px 8px 3px rgba(35, 35, 41, 0.2);
}
 .tile___tyJdf:hover .relationshipIcon___ZHKVU {
	 background-color: #36b4c7;
}
 .tile___tyJdf:hover .relationshipIcon___ZHKVU p {
	 color: white;
}
 .tile___tyJdf:focus {
	 box-shadow: 0 0 0 4px rgba(96, 150, 230, 0.75);
	 outline: none;
	 transition: box-shadow 100ms ease-out;
}
 .relationshipIcon___ZHKVU {
	 align-items: center;
	 background-color: #d5d9de;
	 border-radius: 50%;
	 display: flex;
	 flex-shrink: 0;
	 height: 72px;
	 justify-content: center;
	 margin-bottom: 16px;
	 transition: background-color 0.2s ease-out;
	 width: 72px;
}
 .relationshipIcon___ZHKVU p {
	 color: #696c74;
	 text-transform: uppercase;
	 transition: color 0.2s ease-out;
}
 button.addFamilyButton___cLsCQ {
	 margin-top: 40px;
}
 .tabletMode___duDzI {
	 margin: 0;
	 width: 100%;
	 height: 100%;
}
 .tabletMode___duDzI .relationshipList___IebYY.multiTile___xr0CO {
	 gap: 16px;
}
 .tabletMode___duDzI .tile___tyJdf {
	 height: 168px;
	 padding: 16px;
	 width: 168px;
}
 .tabletMode___duDzI .tile___tyJdf h5 {
	 max-width: calc(168px - 32px);
}
 @media only screen and (max-width: 1023px) {
	 .relationshipList___IebYY.multiTile___xr0CO {
		 gap: 16px;
	}
	 .tile___tyJdf {
		 height: 168px;
		 padding: 16px;
		 width: 168px;
	}
	 .tile___tyJdf h5 {
		 max-width: calc(168px - 32px);
	}
}
 @media only screen and (max-width: 767px) {
	 .fullscreenPicker___HLoHl {
		 margin: 0;
		 padding: 0 16px 24px;
		 width: 100%;
	}
	 .tile___tyJdf {
		 height: 156px;
		 width: 156px;
	}
	 .tile___tyJdf h5 {
		 max-width: calc(156px - 32px);
	}
	 .relationshipList___IebYY.multiTile___xr0CO {
		 grid-template-columns: repeat(2, auto);
	}
	 .relationshipIcon___ZHKVU {
		 height: 48px;
		 width: 48px;
	}
	 .relationshipIcon___ZHKVU p {
		 font-size: 18px;
	}
}
 .loader___NuGdA {
	 align-items: center;
	 display: flex;
	 justify-content: center;
	 padding: 16px;
}
 
.ssoIntoMbLiveContainer___kU2mp {
    height: 100%;
    color: #fff;
    background-image: linear-gradient(to bottom right, #353887, #0E0F24);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}
.container___DrPYY {
    width: 100%;
    max-width: 992px;
    margin: 0 auto;
    text-align: left;
    padding: 0 16px;
    position: relative;
}
.container___DrPYY a {
    color: #107B8D;
    text-decoration: underline;
}
[data-clickable="true"] {
    cursor: pointer;
}
.bold___NXwur {
    font-weight: bold;
}
.nav___TSEx6 {
    border-bottom: 1px solid gray;
    margin: 0 0 16px;
}
.nav___TSEx6 a {
    display: inline-block;
    margin: 0 8px 0 0;
    padding: 0 0 4px;
    color: #232329;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 3px solid transparent;
}
.nav___TSEx6 a[aria-current="page"] {
    border-bottom: 3px solid #fe8a02;
}

.filterRow___kpu1Q {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 12px 0;
    height: 24px;
}
.filterRowHeader___Jn1eT {
    margin-bottom: 0;
}
.rowControls___yd3vf, .rowControls___yd3vf > span {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.rowControls___yd3vf svg {
    width: 24px;
    height: 24px;
}
.rowControls___yd3vf button {
    margin-right: 24px;
}
.linkButton___jTGCW {
    appearance: none;
    padding: 0;
    background: none;
    border: none;
    color: #107B8D;
    cursor: pointer;
}
.linkButton___jTGCW:disabled {
    color: #696c74;
    cursor: not-allowed;
}
a.goBackButton___BvttY {
    display: flex;
    align-items: center;
    margin: 18px 0 0 -6px;
    font-size: 12px;
    color: #232329;
    text-decoration: none;
}
.goBackButton___BvttY svg {
    width: 18px;
    height: 18px;
}

@media screen and (min-width: 769px) {
    .content___KdSVV {
        display: grid;
        grid-template-columns: 200px auto;
    }
    .nav___TSEx6 {
        margin: 0 32px 0 0;
        border-bottom: none;
        border-right: 1px solid #d5d9de;
        min-height: 300px;
    }
    .nav___TSEx6 a {
        display: block;
        margin: 24px 0;
        padding: 0 0 0 4px;
        border-bottom: none;
        border-left: 3px solid transparent;
    }
    .nav___TSEx6 a:first-child {
        margin-top: 0;
    }
    .nav___TSEx6 a[aria-current="page"] {
        border-bottom: none;
        border-left: 3px solid #fe8a02;
    }
}

.nav___TSEx6 a.disabled___hT2FG {
    color: #696c74;
    cursor: not-allowed;
}

.toggleLabel___yE5Cq {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 8px;
}
.tipsy___z39Ht {
    background: var(--tertiary-base, #696C74);
    color: var(--tertiary-foreground, #fff);
    border-radius: var(--radius, 3px);
    font-family: var(--font-family, 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif);
    padding: 8px;
    font-size: 12px;
}
.tipsy___z39Ht a, .tipsy___z39Ht button,
.tipsy___z39Ht a:hover, .tipsy___z39Ht button:hover {
    color: var(--tertiary-foreground, #fff) !important;
}

.arrow___bTVSy {
    position: absolute;
    border: 4px solid transparent;
    left: 50% !important;
    transform: translate3d(-50%, 0, 0) !important;
}
.top___FJ2r9 {
    top: 100%;
    border-top-color: var(--tertiary-base, #696C74);
}
.bottom___Qiusk {
    bottom: 100%;
    border-bottom-color: var(--tertiary-base, #696C74);
}
.container___WXkHK {
    width: 100%;
    max-width: 992px;
    margin: 0 auto;
    text-align: left;
    padding: 0 16px;
    position: relative;
}
[data-clickable="true"] {
    cursor: pointer;
}
.filterRowName___gz6Gm {
    flex: 1;
}
.goBackButton___NuzOV {
    position: absolute;
    top: 100px;
    right: 32px;
    z-index: 1;
}
.customFiltersContainer___Gw1rH hr {
    width: 100%;
}
.inputContainer___ufrd_ {
    width: 100%;
    max-width: 240px;
}
.bold___oZAdZ {
    font-weight: bold;
}
.nav___eM1WR {
    border-bottom: 1px solid gray;
    margin: 0 0 16px;
}
.nav___eM1WR a {
    display: inline-block;
    margin: 0 8px 0 0;
    padding: 0 0 4px;
    color: #232329;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 3px solid transparent;
}
.nav___eM1WR a[aria-current="page"] {
    border-bottom: 3px solid #fe8a02;
}

.filterRow___x0CZ7 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 12px 0;
    height: 24px;
}
.filterRowHeader___Kwt9r {
    margin-bottom: 0;
}
.rowControls___idNzY, .rowControls___idNzY > span {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.rowControls___idNzY svg {
    width: 24px;
    height: 24px;
}
.rowControls___idNzY button {
    margin-right: 24px;
}
.linkButton___fEK9R {
    appearance: none;
    padding: 0;
    background: none;
    border: none;
    color: #107B8D;
    cursor: pointer;
}
.linkButton___fEK9R:disabled {
    color: #696c74;
    cursor: not-allowed;
}
.addFilterOptionButton___sOppX {
    margin: 0 0 16px;
}
.addFilterOptionButton___sOppX button {
    display: flex;
    align-items: center;
    margin-bottom: 32px;
}
.addFilterOptionButton___sOppX button svg {
    margin-right: 4px;
    top: -1.5px;
    position: relative;
}
.errorList___Rs0aQ {
    color: red;
}
.filterRow___x0CZ7 input[type="checkbox"] {
    margin-right: 8px;
}
.accordion___jiBXr {
    border: none !important;
}
.accordion___jiBXr [class*="Accordion_header"] {
    padding: 0;
}
.accordion___jiBXr [class*="Accordion_header"] > svg {
    display: none;
}
.accordion___jiBXr [class*="Accordion_header"]:before {
    border: none !important;
}
.accordion___jiBXr [class*="Accordion_header"]:focus {
    box-shadow: none !important;
}
.accordion___jiBXr [class*="Accordion_paneContent"] {
    padding: 8px 16px !important;
}
.filterOptionContainer___jptvS {
    display: flex;
    align-items: flex-start;
}
.filterOptionContainer___jptvS .inputContainer___ufrd_ {
    margin: 0 12px 12px 0;
}
.cancelButton___DB3Vh {
    margin-left: 16px;
}

.bannerMessage___aXP5u [class*="Banner_content"] {
    display: flex;
    align-items: center;
}
.infoIcon___jaGRf {
    vertical-align: top;
}
.tipsyContent___ScWQ_ {
    max-width: 220px;
}
.filterContent___DWyU3 {
    padding-left: 24px;
}
@media screen and (min-width: 769px) {
    .content___KyNSD {
        display: grid;
        grid-template-columns: 200px auto;
    }
    .nav___eM1WR {
        margin: 0 32px 0 0;
        border-bottom: none;
        border-right: 1px solid #d5d9de;
        min-height: 300px;
    }
    .nav___eM1WR a {
        display: block;
        margin: 24px 0;
        padding: 0 0 0 4px;
        border-bottom: none;
        border-left: 3px solid transparent;
    }
    .nav___eM1WR a:first-child {
        margin-top: 0;
    }
    .nav___eM1WR a[aria-current="page"] {
        border-bottom: none;
        border-left: 3px solid #fe8a02;
    }
    .accordion___jiBXr [class*="Accordion_paneContent"] {
        padding: 8px 32px !important;
    }
}
/* landing page & bot */
.container___VDbx_ {
    width: 100%;
    max-width: 1020px;
    margin: 0 auto;
    position: relative;
    padding: 0 16px;
}
.centerText___kCVyj {
    display: flex;
    justify-content: center;
    align-items: center;
}
.incognitoButton___wAsJY {
    appearance: none;
    background: none;
    border: none;
    cursor: pointer;
}

/* landing page */
.landingPageText___qslIo {
    max-width: 650px;
    margin: 2rem auto;
}
.startWorkoutButton___RNZhr {
    display: flex;
    justify-content: center;
}

/* workoutbot page */
.workoutBotContainer___SIAYC {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 8px;
}

.workoutBotContainer___SIAYC aside {
    grid-row-start: 1;
    grid-column-start: 1;
}
.webcamOverlay___OGrKh div {
    height: 100%;
    width: 100%;
}
.webcamOverlay___OGrKh canvas {
    width: 100%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%) rotateY(180deg);
}

.backButton___A9Twb {
    position: absolute;
    top: 16px;
    left: 0;
}
.webcam___sDkyf {
    background: #000;
    width: 100%;
    margin: 2rem 0;
}
.repTracker____ILTQ {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 2rem;
}
.tipsy___Mlb_w {
    max-width: 250px;
}
.infoIcon___z0C2s {
    width: 24px;
    height: 24px;
    margin: 0 8px;
}
.modalContent___X1w1I {
    padding: 16px;
}
.fitnessIcon___yK5Vg {
  margin-right: 8px;
}
.textSection___kLigW {
  align-content: center;
  display: flex;
  justify-content: center;
  padding: 8px;
}

.debugText___dMPhc {
    color: green;
    background-color: #ccc;
}
.webcam___czVLG {
    transform: rotateY(180deg);
}
.container___jp41c {
    background-image: linear-gradient(to bottom right, #353887, #0E0F24);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}
.container___jp41c a {
    color: #fff;
}

.errorMessage___hvjNH {
    padding: 32px;
    max-width: 90%;
    background: #181924;
    border-radius: 8px;
    height: auto !important;
    width: auto !important;
}