@import url('/camera-mobile.css?v=1');
.viewfinder-inner{position:relative!important;display:grid!important;grid-template:1fr/1fr;width:100%;min-width:0;min-height:0!important;aspect-ratio:4/3;overflow:hidden!important;contain:paint;border-radius:var(--cam-view-radius);background:#080808;box-shadow:inset 0 0 44px #000}.viewfinder-inner>*{grid-area:1/1;min-width:0;min-height:0}.live-viewfinder{position:relative!important;inset:auto!important;display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;transform:none!important;object-fit:cover;object-position:50% 50%;background:#080808;opacity:0;transition:opacity .25s ease;z-index:1}.live-camera-ready .live-viewfinder{opacity:1}.viewfinder-hud{position:relative!important;inset:auto!important;z-index:4;width:100%;height:100%;pointer-events:none}.viewfinder-hud .frame-counter{position:absolute;right:10px;bottom:9px;padding:5px 7px;border-radius:5px;background:rgba(0,0,0,.52);color:#f2eadc;font:700 10px/1 Arial,sans-serif;letter-spacing:.12em;text-shadow:0 1px 2px #000}.viewfinder-gate{position:relative!important;z-index:5;align-self:center;justify-self:center;width:min(290px,86%);max-width:290px;padding:20px;text-align:center;color:#eee5d8}.viewfinder-gate[hidden]{display:none!important}.viewfinder-gate strong{display:block;font-size:19px;font-weight:400;margin-bottom:6px}.viewfinder-gate p{margin:0 0 12px;color:#bfb3a4;font:12px/1.45 Arial,sans-serif}.viewfinder-gate button{min-height:42px;border-radius:9px;padding:9px 13px;font:700 12px Arial,sans-serif}.enable-viewfinder{border:1px solid var(--cam-metal);background:linear-gradient(180deg,var(--cam-metal-hi),var(--cam-metal));color:#191613}.native-camera-fallback{margin-top:8px;border:1px solid rgba(255,255,255,.24);background:rgba(0,0,0,.24);color:#f2eadc}.native-camera-fallback[hidden]{display:none!important}.camera-body.camera-flash:after{content:"";position:absolute;inset:0;z-index:20;background:#fff;animation:cameraFlash .18s ease-out forwards;pointer-events:none}@keyframes cameraFlash{0%{opacity:.9}100%{opacity:0}}@media(max-width:560px){.viewfinder-inner{width:100%;aspect-ratio:4/3}.viewfinder-gate{padding:14px;width:min(270px,88%)}.viewfinder-gate strong{font-size:17px}}