.camera {
  position: relative;
}

.camera.expanded {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: black;
  z-index: 9999;
}

.camera > .camera-button {
    border: none;
    background: rgb(237, 237, 237);
    border-radius: 6px;
    padding: 10px;
    cursor: pointer;
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 10px;
    right: 10px;
}

.camera > .camera-button:hover {
    background: rgb(255, 255, 255);
}

.camera .camera-button > img {
    width: 24px;
}

.camera.expanded > .expand {
  display: none !important;
}

.camera:not(.expanded) > .shrink {
  display: none !important;
}