.web-camera-container{margin-top:2rem;margin-bottom:2rem;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #ccc;border-radius:4px;width:100%;.camera-button{margin-bottom:2rem}.camera-box{.camera-shutter{opacity:0;width:450px;height:337.5px;background-color:#fff;position:absolute;&.flash{opacity:1}}}.camera-shoot{margin:1rem 0;button{height:60px;width:60px;display:flex;align-items:center;justify-content:center;border-radius:100%;img{height:35px;-o-object-fit:cover;object-fit:cover}}}.camera-loading{overflow:hidden;min-height:150px;margin:3rem 0 0 -1.2rem;ul{z-index:999999;margin:0}.loader-circle{display:block;height:14px;margin:0 auto;top:50%;left:100%;transform:translateY(-50%);transform:translateX(-50%);padding:0;li{display:block;float:left;width:10px;height:10px;line-height:10px;padding:0;position:relative;margin:0 0 0 4px;background:#999;animation:preload 1s infinite;top:-50%;border-radius:100%;&:nth-child(2){animation-delay:.2s}&:nth-child(3){animation-delay:.4s}}}}@keyframes preload{0%{opacity:1}50%{opacity:.4}to{opacity:1}}}