owncast/web/components/ui/Content/Content.module.scss

.root {
  display: grid;
  grid-template-columns: 1fr auto;
}

.mobileChat {
  position: relative;
  display: block;
  top: 0px;
  width: 100%;
}

.leftCol {
  display: grid;
}
.lowerRow {
  position: relative;
  display: grid;
}

.buttonsLogoTitleSection {
  margin-left: 1.5vw;
  margin-right: 1.5vw;
}

.pageContentSection {
  background-color: var(--theme-background-secondary);
  border-radius: var(--theme-rounded-corners);
  margin: 1vw;
  padding: 1vw;
  width: 100%;
}

.logoTitleSection {
  display: flex;
  flex-direction: row;
}

.titleSection {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  margin-left: 10px;

  .title {
    font-size: 2.5vw;
    font-weight: bold;
    color: var(--theme-text-primary);
  }

  .subtitle {
    font-size: 1.6vw;
    font-weight: bold;
  }
}

.loadingSpinner {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 999999;
}

@media (min-width: 768px) {
  .mobileChat {
    display: none;
  }
}