.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}}}.preview{width:100%;min-height:300px;max-height:500px}.image-profile{width:auto;min-height:100px;max-height:250px}img[data-v-440bd011]{-o-object-fit:cover!important;object-fit:cover!important}input[type=file][data-v-440bd011]{display:none}.custom-file-upload[data-v-440bd011]{border:1px solid #ccc;display:inline-block;padding:6px 12px;cursor:pointer}