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