.viewfinder-container{position:relative;width:120px;height:120px;display:flex;justify-content:center;align-items:center}.corner{position:absolute;width:20px;height:20px;border:0 solid hsla(0,0%,100%,.8);transition:all .3s ease;animation:breathe 2s ease-in-out infinite}.corner-tl{top:0;left:0;border-top-width:3px;border-left-width:3px}.corner-tr{top:0;right:0;border-top-width:3px;border-right-width:3px}.corner-bl{bottom:0;left:0;border-bottom-width:3px;border-left-width:3px}.corner-br{bottom:0;right:0;border-bottom-width:3px;border-right-width:3px}.rec-dot{width:12px;height:12px;background-color:#ef4444;border-radius:50%;margin-right:8px;animation:blink 1s infinite}.loading-text{color:#fff;font-family:monospace;font-size:14px;letter-spacing:2px;display:flex;align-items:center}@keyframes breathe{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.6}to{transform:scale(1);opacity:1}}@keyframes blink{0%{opacity:1}50%{opacity:.3}to{opacity:1}}