.webcam03-button{width:60px;height:60px;border-radius:50%;border:3px solid black;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;box-shadow:0 6px 10px #00000080;position:relative}.webcam03-button svg{pointer-events:none}.webcam03-button:after{content:"";position:absolute;inset:-15px}.webcam03-button:active:not(:disabled){transform:scale(.92)!important;box-shadow:0 2px 4px #0006}.webcam03-button:disabled{border:3px solid gray;opacity:.2;cursor:not-allowed;box-shadow:none;transform:none!important}@media(hover:hover){.webcam03-button:hover:not(:disabled){transform:scale(1.1)}}@media(hover:none){.webcam03-button:hover{transform:none}}.webcam03-button-camera-switch{background-color:#40ff4099}.webcam03-button-take-photo{background-color:#ffff4099}.webcam03-button-start-recording{background-color:#ff5c5c99}.webcam03-button-stop-recording{background-color:#ff404099;animation:webcam03-button-recording-pulse 1s infinite}.webcam03-button-config{position:absolute;top:10px;right:10px;background-color:#80808099}@keyframes webcam03-button-recording-pulse{0%{box-shadow:0 0 #ff0000b3}70%{box-shadow:0 0 0 10px #f000}to{box-shadow:0 0 #f000}}.webcam03-zoom-indicator{position:absolute;top:10px;left:50%;transform:translate(-50%);color:#fff;padding:8px 16px;border-radius:20px;font-family:sans-serif;font-size:1.2rem;font-weight:700;pointer-events:none;z-index:100;background-color:#000000b3;border:1px solid rgba(255,255,255,.2);text-shadow:0 2px 4px rgba(0,0,0,1)}.webcam03-button-code-reader{background-color:#add8e699;transition:background-color .3s ease}.webcam03-button-code-reader.active{background-color:#007bffe5;border-color:#fff;box-shadow:0 0 15px #007bffcc}.webcam03-recording-time{position:absolute;top:10px;left:10px;pointer-events:none;color:#f66;font-weight:700;padding:3px;border:2px solid #f66;border-radius:20px}.webcam03-code-reader-waiting{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px 40px;background-color:#000000d9;color:#fff;border-radius:20px;z-index:31;font-size:16px;font-weight:700;text-align:center;border:1px solid #0f0;overflow:hidden}.webcam03-code-reader-waiting-background{position:absolute;inset:0;background:linear-gradient(#0f00,#0f06,#0f00);background-size:100% 200%;animation:qr-scan-line 1.5s linear infinite;pointer-events:none;z-index:-1}.webcam03-code-reader-waiting-spin{display:inline-block;width:35px;height:35px;border:3px solid rgba(0,255,0,.2);border-top-color:#0f0;border-radius:50%;animation:qr-spin 1.5s linear infinite;margin-bottom:10px}.webcam03-code-reader-waiting-spin-2{width:100;height:100%;border-radius:50%}.webcam03-code-reader-waiting-text{text-shadow:0 0 8px #0f0}@keyframes qr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes qr-scan-line{0%{background-position:0% -100%}to{background-position:0% 100%}}.webcam03-error{position:absolute;top:15px;left:50%;transform:translate(-50%);padding:10px 20px;background-color:#f44336e6;color:#fff;border-radius:10px;z-index:20;text-align:center}.webcam03-qr-dialog-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.webcam03-qr-dialog{color:#000;background:linear-gradient(135deg,#fff9c4,#fffde7);padding:24px;text-align:center;border-radius:16px;border:black 3px solid;box-shadow:0 8px 32px #0000004d;min-width:45%;max-width:90%;max-height:80%;overflow-y:auto;animation:webcam03-qr-dialog-appear .2s ease-out}@keyframes webcam03-qr-dialog-appear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.webcam03-qr-dialog-text{font-size:14px;word-break:break-all;margin-bottom:20px;line-height:1.5;font-weight:500}.webcam03-qr-dialog-controls{display:flex;flex-direction:column;gap:12px}.webcam03-qr-dialog-button{padding:12px 20px;border-radius:10px;border:black 3px solid;cursor:pointer;font-size:16px;font-weight:700;background:#fff;transition:transform .1s ease,background-color .2s ease}.webcam03-qr-dialog-button:active{transform:scale(.95)}@media(hover:hover){.webcam03-qr-dialog-button:hover:not(:disabled){transform:scale(1.05);background-color:#f0f0f0}}.webcam03-camera-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:15px 30px;background-color:#000000b3;color:#fff;border-radius:30px;z-index:30;font-size:16px;font-weight:700;pointer-events:none;display:flex;align-items:center;text-align:center;border:1px solid white;white-space:nowrap}*{margin:0;padding:0;border:0;box-sizing:border-box}body{margin:0;padding:0;overflow:hidden;color:#fff;background-color:#000;font-family:sans-serif}:root{--safe-inset-top: 0px;--safe-inset-bottom: 0px;--safe-inset-left: 0px;--safe-inset-right: 0px}@supports (padding: env(safe-area-inset-bottom)){:root{--safe-inset-top: env(safe-area-inset-top);--safe-inset-bottom: env(safe-area-inset-bottom);--safe-inset-left: env(safe-area-inset-left);--safe-inset-right: env(safe-area-inset-right)}}#root{position:fixed;top:var(--safe-inset-top, 0px);left:var(--safe-inset-left, 0px);right:var(--safe-inset-right, 0px);bottom:var(--safe-inset-bottom, 0px)}