button { margin: 6px 6px 6px 0; }

.panel { margin-top: 10px; }

.env-panel { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }

.env-meta { color: #555; }

.env-actions { display: flex; gap: 8px; flex-wrap: wrap; }

.env-actions button { width: auto; min-width: 96px; }

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

.user { padding: 20px; }

.video {
  display: flex;
  background: black;
  position: relative;
  border: 1px solid #e6e8ef;
  border-radius: 10px;
  height: 200px;
  width: 200px;
  margin: 10px 0;
  overflow: hidden;
}

.video-local {
  display: flex;
  background: black;
  position: absolute;
  border: 1px solid #e6e8ef;
  border-radius: 6px;
  height: 40px;
  width: 40px;
  top: 150px;
  left: 10px;
  transform: scaleX(-1);
  overflow: hidden;
}