uppy/src/scss/_webcam.scss

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

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

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

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

// .uppy-Webcam-canvas {
//   display: none;
// }

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

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

.uppy-Webcam-permissons {
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column wrap;
  height: 100%;
}

.uppy-Webcam-permissons p {
  line-height: 1.4;
}

.uppy-Webcam-Title {
  font-size: 22px;
  line-height: 1.35;
  font-weight: 300;
  margin-bottom: 30px;
  padding: 0 15px;
  max-width: 500px;
  text-align: center;
}