// @import '_variables.scss';
// @import '_utils.scss';
// @import '_animation.scss';
// @import '_common.scss';

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

.UppyWebcam-videoContainer {
  width: 70%;
  height: 80%;
  position: relative;
  overflow: hidden;
}

.UppyWebcam-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
}

// .UppyWebcam-canvas {
//   display: none;
// }

.UppyWebcam-buttonContainer {
  position: absolute;
  bottom: 30px;
  right: 30px;
}

.UppyWebcam-recordButton .UppyIcon {
  width: 50%;
  height: 50%;
  position: relative;
  top: -1px;
}

// @import '_variables.scss';
// @import '_utils.scss';
// @import '_animation.scss';
// @import '_common.scss';

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

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

.UppyWebcam-video {
  max-width: 100%;
  max-height: 100%;
}

// .UppyWebcam-canvas {
//   display: none;
// }

.UppyWebcam-buttonContainer {
  position: absolute;
  bottom: 30px;
  right: 30px;
}

.UppyWebcam-recordButton .UppyIcon {
  width: 50%;
  height: 50%;
  position: relative;
  top: -1px;
}

Make the webcam video fill the available space as much as possible
Make the webcam video fill the available space as much as possible
