signal-desktop/stylesheets/components/CallingLobby.scss

// Copyright 2021 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only

.module-CallingLobby {
  &__local-preview {
    position: absolute;
    z-index: $z-index-negative;
    top: 28px;

    &--camera-is-on {
      @include lonely-local-video-preview;
      width: auto;
      height: 100%;
      max-height: calc(100% - 140px);
      opacity: 0.6;
    }

    &--camera-is-off {
      @include lonely-local-video-preview;
      width: auto;
      height: 100%;
      max-height: calc(100% - 140px);
      aspect-ratio: 4 / 3;
    }
  }

  &__camera-is-off {
    &--visible {
      opacity: 1;
    }

    &--invisible {
      opacity: 0;
    }
  }
}

.CallingLobby__Footer {
  display: flex;
  width: 100%;
  justify-content: center;
}