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

.subtext___UairX {
  font-size: 0.8571rem;
}

.disclaimer___1jWmq {
  font-size: 0.75rem;
}

.noMargin___33CCY {
  margin: 0;
}

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

.footer___biG0T a {
  color: #696c74;
}

.logo___kuBep {
  width: 100px;
}

.logo___kuBep * {
  fill: #696c74;
}

.link___j1OfQ {
  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___j1OfQ:focus {
  outline: none;
}

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

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

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

.tooltip___2f1eu {
  align-items: center;
  background-color: #eaf7f9;
  border: 1px solid #b1d6dc;
  bottom: 0;
  display: flex;
  left: 32px;
  padding: 16px 24px;
  white-space: normal;
  width: 320px;
}

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

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

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

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

.app___28J_M {
  background-color: white;
  color: #232329;
  display: flex;
  flex-direction: column;
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-weight: 400;
  height: 100%;
  overflow: auto;
}

.viewerSide___3tbDt {
  background-color: #eff1f3;
}

.header___3Yzgc {
  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___1oJvz {
  margin-right: 16px;
  max-height: 32px;
  max-width: 155px;
}

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

.mindbodyLogo___3P2ZS {
  height: 52px;
  margin-right: 16px;
  width: auto;
}

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

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

.userButton___S42vD {
  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;
}

.userIcon___3TJuB {
  height: 24px;
}

.userIcon___3TJuB * {
  fill: #696c74;
}

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

.main___2eXgo div[tabindex='-1'] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.button___fhHxH {
  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;
  line-height: 1.429rem;
  padding: 8px 32px;
  transition: 0.2s ease-out;
  white-space: nowrap;
}

.orangeFilled___1fjIF {
  background-color: #e65926;
  color: white;
}

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

.whiteFilled___WkEG- {
  background-color: white;
  box-shadow: 0 1px 3px #d5d9de;
  color: #36b4c7;
}

.orangeOutline___1djJt {
  background-color: transparent;
  border-color: #e65926;
  color: #696c74;
}

.blueOutline___1Q4dc {
  background-color: transparent;
  border-color: #36b4c7;
  color: #696c74;
}

.button___fhHxH.hover___gkaXI,
.button___fhHxH:hover {
  background-color: transparent;
  color: #696c74;
}

.orangeFilled___1fjIF.hover___gkaXI:not([disabled]),
.orangeFilled___1fjIF:hover:not([disabled]) {
  border-color: #e65926;
}

.blueFilled___13zQ0.hover___gkaXI:not([disabled]),
.blueFilled___13zQ0:hover:not([disabled]) {
  border-color: #36b4c7;
}

.whiteFilled___WkEG-.hover___gkaXI:not([disabled]),
.whiteFilled___WkEG-:hover:not([disabled]) {
  background-color: #f8f9fb; /* Add to colors */
}

.button___fhHxH:disabled {
  background-color: #d5d9de;
  border-color: #a0a5ab;
  color: #a0a5ab;
  cursor: not-allowed;
}

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

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

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

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

.noMargin___1-uXb {
  margin: 0;
}

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

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

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

.alertIcon___1mlK- path {
  fill: #d10f0f;
}

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

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

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

.error___11aJG svg * {
  fill: #d10f0f;
}

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

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

.content___1GnIU {
  flex-grow: 1;
}

.blackText___HgTMU {
  color: #232329;
}

.aspectRatio___1CRbw {
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}

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

.formField___25n0A {
  margin-bottom: 16px;
}

.formField___25n0A.hasError___CPSWB > input,
.formField___25n0A.hasError___CPSWB > .textarea___35fBu {
  border: 1px solid #d10f0f !important;
}

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

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

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

.cover___14Huh {
  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___8UUlu {
  background-color: white;
  box-shadow: 0 4px 12px 0 rgba(35, 35, 41, 0.2);
  display: flex;
  flex-direction: column;
  height: calc(80vh - 40px);
  max-width: calc(1024px - 40px);
  width: 100%;
}

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

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

.closeIcon___1KJrw {
  height: 32px;
}

.closeIcon___1KJrw path {
  fill: #696c74;
}

.select___3z2_u {
  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%;
}

.textarea___2e_pD {
  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%;
}

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

.input___6QSnK {
  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;
  padding: 8px;
}

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

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

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

.showButton___278xl {
  color: #696c74;
}

.linkIcon___3NNot {
  width: 24px;
}

.linkIcon___3NNot * {
  stroke: #696c74;
}

.spinner___SVsoc {
  animation: rotation___2Pyzi 0.8s linear infinite;
  border-radius: 50%;
  border-right: 2px solid transparent;
  border-top: 2px solid #696c74;
  height: 100%;
  width: 100%;
}

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

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

.thumbnailButton___WEna7 {
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 0;
  width: 100%;
}

.processing___2lTdn {
  background-color: #d5d9de;
}

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

.video___3dcR0,
.image___2CZ-9 {
  background-color: #a0a5ab;
}

.hasImage___Ok7wX {
  background-color: black;
}

.thumbnailButtonIcon___HRjE5 {
  width: 25%;
}

.thumbnailButton___WEna7.image___2CZ-9 path,
.thumbnailButton___WEna7.image___2CZ-9 circle {
  stroke: #696c74;
}

.thumbnailButton___WEna7.video___3dcR0 path {
  fill: #696c74;
}

.thumbnailButton___WEna7.video___3dcR0.hasImage___Ok7wX path {
  fill: white;
}

.thumbnailButton___WEna7.failed___rqiSe .thumbnailButtonIcon___HRjE5 circle {
  stroke: #d10f0f;
}

.thumbnailButton___WEna7.failed___rqiSe .thumbnailButtonIcon___HRjE5 path {
  fill: #d10f0f;
}

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

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

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

.videoPlayer___xV9s0,
.videoPlayer___xV9s0 > video {
  height: 100%;
  width: 100%;
}

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

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

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

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

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

.progressText___2t-Da {
  font-size: 0.75rem;
}

.editor___3yMk9 {
  align-items: flex-start;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  overflow-y: scroll;
  padding: 16px 32px;
}

.leftColumn___2IGUt {
  flex-grow: 1;
  padding-right: 12px;
}

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

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

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

.uploadButton___15r8x {
  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___1bd3P {
  height: 24px;
}

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

.arrowIcon___MTbhZ {
  margin-right: 10px;
}

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

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

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

.emailIcon___1w_gk * {
  fill: white;
}

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

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

.blackText___3DszG {
  color: #232329;
}

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

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

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

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

  .rightColumn___3OyIb {
    padding-left: 0;
  }
}

.uploader___2MBZk {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow-y: scroll;
  padding: 16px 32px;
}

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

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

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

.uploadIcon___2TFT1 * {
  fill: #696c74;
}

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

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

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

.container___jPdJM {
  align-items: center;
  background: white;
  border-radius: 3px;
  bottom: -92px;
  box-shadow: 0px 1px 16px rgba(35, 35, 41, 0.25); /* bishop */
  display: flex;
  height: 76px;
  margin: 8px 16px;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  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;
}

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

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

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

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

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

.success___2vR8O {
  background-color: #218323;
}

.uploading___3tDJt {
  background-color: #0a7c8e;
}

.uploadError___1kCpj {
  background-color: #d10f0f;
}

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

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

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

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

.leftIcon___1k9p7,
.rightIcon___2L89H {
  height: 20px;
}

.leftIcon___1k9p7 *,
.rightIcon___2L89H * {
  stroke: #696c74;
}

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

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

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

.numberButton___PhPOs {
  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___PhPOs:hover {
  border-color: #36b4c7;
}

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

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

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

.loader___3liqH {
  height: 80px;
  width: 80px;
  margin: 32px;
}
.titleBar___3c_is {
  align-items: center;
  border-bottom: 1px solid #d5d9de;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 16px;
}

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

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

.shareText___UUpof {
  flex-shrink: 0;
  margin-right: 8px;
  text-align: right;
}

.primaryCTAs___HDutH {
  display: flex;
}

.liveButton___ZytD7 {
  margin-right: 16px;
}

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

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

.playIcon___v7e_y * {
  fill: #696c74;
}

.tooltipContainer___y8bVO {
  position: relative;
}

.tooltipButton___5eDNy {
  background: transparent;
  border: 0;
  outline: none;
}

.infoIcon___aqs2R {
  height: 18px;
}

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

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

.readLink___2T1AJ {
  color: #36b4c7;
}

.table___2h95q {
  width: 100%;
}

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

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

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

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

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

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

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

.thumbnailIcon___3OOvn {
  height: 24px;
}

.titleContainer___Uy8lq {
  display: flex;
  flex-direction: column;
  margin-left: 16px;
}

.titleButton___2vK00 {
  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___10ptk {
  margin-top: 8px;
}

.status___10ptk:empty {
  display: none;
}

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

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

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

.blueText___oDpbF {
  color: #36b4c7;
}

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

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

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

.linkIcon___1Jziy,
.moreIcon___2N7kj {
  width: 32px;
}

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

.linkIcon___1Jziy g,
.moreIcon___2N7kj g {
  fill: #696c74;
}

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

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

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

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

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

  .shareLink___1U-Sl {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 8px;
  }

  .shareText___UUpof {
    margin-bottom: 4px;
  }

  .tooltipContainer___y8bVO {
    display: none;
  }
}

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

.deviceControl___IHshg:not(:last-child) {
  margin-right: 24px;
}

.controlDropup___3InOW {
  align-items: center;
  border: 1px solid #d5d9de;
  border-radius: 3px;
  display: flex;
  height: 36px;
  position: relative;
  width: 64px;
}

.controlDropup___3InOW > button {
  align-items: center;
  background: transparent;
  border: 0;
  display: flex;
  height: 36px;
  justify-content: center;
  outline: none;
  width: 32px;
}

button.controlActive___R6l9d {
  background: #d5d9de;
}

.controlDropup___3InOW:not(:last-child) {
  margin-right: 8px;
}

.controlIcon___1K5KN {
  fill: #696c74;
  height: 16px;
  width: 16px;
}

.controlArrowIcon___mtjep {
  height: 16px;
  width: 16px;
}

.deviceList___3zOJ5 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}

.deviceList___3zOJ5 span {
  font-weight: bold;
  margin-bottom: 16px;
}

.deviceList___3zOJ5 button:not(:last-child) {
  margin-bottom: 8px;
}

.deviceListItem___3nmfD {
  padding: 0 0 8px 32px;
  position: relative;
}

.check___2nOMt {
  height: 12px;
  left: 5px;
  position: absolute;
  top: 2px;
}

/* Note: the parent element of the video and the videoBanner needs position: relative; */

.videoBanner___G9f8q {
  left: 0;
  padding: 32px 8px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.light___1dx7G {
  background: rgba(255, 255, 255, 0.2);
}

.dark___17sbW {
  background: rgba(0, 0, 0, 0.3);
}

.videoBanner___G9f8q p,
.videoBanner___G9f8q h1 {
  color: white;
}

@media (max-width: 768px) {
  .videoBanner___G9f8q {
    padding: 8px;
  }
}

.contentContainer___3KPNR {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

.videoContainer___--uOA {
  display: flex;
  flex-wrap: wrap;
}

.host___2fEqk {
  flex: 1 0 100%;
  order: 1;
}

.attendee___21Oqq {
  flex: 1 1 20%;
  max-width: calc((100% - 16px) / 5);
  order: 2;
}

.attendee___21Oqq:not(:nth-child(5n+6)) {
  margin-right: 4px;
}

.attendee___21Oqq p {
  margin-top: 0;
}

.streamingLink___1atyY {
  background-color: transparent;
  border: none;
  color: #696c74;
  cursor: pointer;
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 0.8571rem;
  padding: 0;
  text-decoration: underline;
}

.video___1izsw {
  background: #000;
  color: white;
  position: relative;
  width: 100%;
}

.previewVideo___1b8vg {
  position: relative;
}

.videoPlaceholder___3vyB8 {
  margin-bottom: 16px;
  position: relative;
  width: 100%;
}

.fullscreenButton___1U9Cb {
  background: transparent;
  border: 0;
  bottom: 8px;
  cursor: pointer;
  height: 32px;
  outline: none;
  padding: 0;
  position: absolute;
  right: 8px;
  visibility: hidden;
  width: 32px;
}

.fullscreenButton___1U9Cb:hover,
.video___1izsw:hover + .fullscreenButton___1U9Cb {
  visibility: visible;
}

.fullscreenControl___2Dxlm {
  position: relative;
}

.fullscreenIcon___VrSbq {
  fill: white;
}

.hostName___2iut_ p {
  margin-bottom: 0;
}

.bottomBar___1ZouL {
  display: flex;
  margin-top: 24px;
}

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

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

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

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

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

.allLevels____ANn9 {
  background-color: white;
  border-color: #d5d9de;
}

.beginner___3qBku {
  background-color: #218323;
}

.intermediate___1leOo {
  background-color: #ffc100;
}

.advanced___1mVuX {
  background-color: #d10f0f;
}

.liveStreams___2-W0m {
  display: flex;
  flex-grow: 1;
  justify-content: center;
}

.container___3dnmZ {
  border-bottom: 1px solid #d5d9de;
  display: flex;
  flex-basis: 100%;
}

/* Columns */
.leftColumn___WEaQq {
  border-right: 1px solid #d5d9de;
  flex-basis: 23%;
  flex-grow: 1;
}

.middleColumn___1MoeC {
  display: flex;
  flex-basis: 54%;
  flex-direction: column;
  flex-grow: 2;
  flex-shrink: 0;
  justify-content: space-between;
  padding: 32px;
}

.rightColumn___2ntCt {
  border-left: 1px solid #d5d9de;
  flex-basis: 23%;
  flex-grow: 1;
}

/* Collapse and expanding panels */
.collapseLeft___1gUrr,
.collapseRight___3gBFI {
  border-bottom: 1px solid #d5d9de;
  display: flex;
  justify-content: flex-end;
  padding: 8px;
}

.collapseRight___3gBFI {
  justify-content: flex-start;
}

.collapseLeft___1gUrr button,
.collapseRight___3gBFI button {
  background: transparent;
  border: 0;
  cursor: pointer;
  display: flex;
  height: 24px;
  justify-content: center;
  outline: none;
  text-align: center;
  width: 24px;
}

.collapseIcon___3POzd,
.collapseIconMobile___1v0AV {
  height: 16px;
  width: 16px;
}

.collapseIconMobile___1v0AV {
  display: none;
}

.collapsed___3Zkma {
  display: none;
}

.expandButton___2yTtZ {
  background: #eff1f3;
  border: 1px solid #d5d9de;
  cursor: pointer;
  outline: none;
}

.mobileButtonText___Ibg9- {
  color: #a0a5ab;
  display: none;
  margin-left: 8px;
}

/* Panel elments */
.videoInfo___1m18O,
.attendeesList___3kLpV {
  padding: 16px 24px;
}

.streamInfo___3XYyg {
  color: #696c74;
  display: block;
  font-size: 0.8571rem;
  line-height: 1.286rem;
  margin-bottom: 8px;
  margin-top: 16px;
}

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

.videoLink___3nyBf {
  margin-top: 16px;
}

.stats___1MWT4 {
  display: flex;
  justify-content: space-around;
}

.stat___2sgDc {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 0 16px 16px;
}

.preview___xW-0a {
  margin-bottom: 16px;
}

.middleColumn___1MoeC > div:first-child {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.attendeesHeader___3LmDx {
  border-bottom: 1px solid #d5d9de;
  padding: 16px 24px;
}

.attendeesList___3kLpV {
  display: flex;
  flex-direction: column;
  max-height: 600px;
  overflow-y: scroll;
}

.attendeesList___3kLpV span {
  margin-bottom: 8px;
}

@media (max-width: 1200px) {
  .container___3dnmZ,
  .liveStreams___2-W0m {
    flex-direction: column-reverse;
    justify-content: flex-end;
  }

  .container___3dnmZ {
    border: 0;
  }

  .leftColumn___WEaQq,
  .rightColumn___2ntCt,
  .middleColumn___1MoeC {
    border: 0;
    margin: 0 0 16px;
  }

  .collapseLeft___1gUrr,
  .collapseRight___3gBFI {
    border: 0;
    padding: 0;
    text-align: center;
  }

  .collapseLeft___1gUrr button,
  .collapseRight___3gBFI button {
    align-items: center;
    background: #eff1f3;
    border: 1px solid #d5d9de;
    height: 24px;
    padding: 0;
    width: 100%;
  }

  .expandButton___2yTtZ {
    align-items: center;
    display: flex;
    height: 24px;
    justify-content: center;
  }

  .mobileButtonText___Ibg9- {
    display: block;
  }

  .middleColumn___1MoeC {
    flex-grow: 0;
    order: 1;
    padding: 16px 24px;
  }

  .bottomBar___2s_Xg {
    align-items: center;
    flex-direction: column;
  }

  .collapseIcon___3POzd {
    display: none;
  }

  .collapseIconMobile___1v0AV {
    display: block;
  }
}

.container___N5Bb9 {
  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%;
}

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

.form___UliLl {
  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___3bkhx {
  margin-bottom: 16px;
}

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

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

.mbLogo___s3bDH * {
  fill: #696c74;
}

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

.forgotPassword___144n1 {
  align-self: center;
  margin-bottom: 16px;
}
.notAuthorized___1HlVf {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}

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

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

.noPadding___X-n4Q {
  padding: 0;
}

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

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

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

.iconPlay___1wiMq * {
  fill: #696c74;
}

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

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

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

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

.videoInfo___2ysQY {
  padding: 24px;
}

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

.heartIcon___2YTnN * {
  stroke: #696c74;
}

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

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

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

.viewAll___2xvlV button {
  flex-grow: 1;
}

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

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

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

.video___1aKQq {
  display: flex;
}

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

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

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

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

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

.rightColumn___1qDow {
  width: 55%;
}

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

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

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

  .videoButton___3X9tK {
    padding-top: 24px;
  }
}