.container-selfie{max-width:500px;margin:auto}.photo-video{width:100%;height:auto}.mobile-photo img{width:350px;height:auto}.min-height-selfie{height:300px}.web-camera-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.web-camera-container .camera-button{margin-bottom:2rem}.web-camera-container .camera-box .camera-shutter{opacity:0;width:450px;height:337.5px;background-color:#fff;position:absolute}.web-camera-container .camera-box .camera-shutter.flash{opacity:1}.web-camera-container .camera-shoot{margin:1rem 0}.web-camera-container .camera-loading .loader-circle{display:block;height:14px;margin:0 auto;top:50%;left:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:0}.web-camera-container .camera-loading .loader-circle li{display:block;float:left;width:10px;height:10px;line-height:10px;padding:0;position:relative;margin:0 0 0 4px;background:#999;-webkit-animation:preload 1s infinite;animation:preload 1s infinite;top:-50%;border-radius:100%}.web-camera-container .camera-loading .loader-circle li:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.web-camera-container .camera-loading .loader-circle li:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes preload{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes preload{0%{opacity:1}50%{opacity:.4}to{opacity:1}}