.cgp-code-field{flex:auto;align-items:center;width:100%;min-width:0;display:inline-flex;position:relative}.cgp-code-field>input,input.cgp-with-scan{box-sizing:border-box;width:100%;min-width:0;padding-right:54px!important}.cgp-react-code{position:relative}button.cgp-scan-trigger{color:#003153;cursor:pointer;width:44px;min-width:44px;height:44px;min-height:44px;box-shadow:none;z-index:1;background:#f0f6fa;border:0;border-radius:8px;place-items:center;margin:0;padding:10px;display:grid;position:absolute;top:50%;right:5px;transform:translateY(-50%)}button.cgp-scan-trigger svg{width:24px;height:24px}button.cgp-scan-trigger:focus-visible{outline-offset:2px;outline:2px solid #003153}dialog.cgp-scanner{box-sizing:border-box;color:#003153;background:#fff;border:0;border-radius:18px;width:min(520px,100% - 24px);max-width:520px;max-height:calc(100dvh - 24px);margin:auto;padding:0;font-family:Arial,sans-serif;position:fixed;inset:0;overflow:auto;box-shadow:0 16px 64px #00172566}dialog.cgp-scanner::backdrop{background:#001725b8}.cgp-scanner *{box-sizing:border-box}.cgp-scanner section{padding:16px}.cgp-scanner header{background:#fff;justify-content:space-between;align-items:center;gap:8px;padding:0 0 12px;display:flex;position:static}.cgp-scanner h2{color:#003153;margin:0;font-size:20px;line-height:1.3}.cgp-scanner button{cursor:pointer;color:#003153;background:#fff;border:1px solid #c5d4df;border-radius:9px;min-height:44px;padding:11px 14px;font:600 15px/1.3 Arial,sans-serif}.cgp-scanner button:disabled{opacity:.45;cursor:default}.cgp-scanner [data-close]{padding:2px 13px;font-size:27px}.cgp-camera{background:#071925;border-radius:12px;height:clamp(180px,31dvh,300px);position:relative;overflow:hidden}.cgp-camera video,.cgp-camera canvas{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.cgp-camera [hidden],.cgp-scanner [hidden]{display:none!important}.cgp-camera [data-flash]{color:#fff;background:#003153db;border-color:#fff;border-radius:99px;padding:8px 14px;font-size:24px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.cgp-line{pointer-events:none;background:#fe0000;height:2px;position:absolute;top:15%;left:5%;right:5%;box-shadow:0 0 7px #fe0000}.cgp-scanner.is-scanning .cgp-line{animation:2s linear infinite alternate cgp-sweep}@keyframes cgp-sweep{to{top:85%}}@media (prefers-reduced-motion:reduce){.cgp-scanner.is-scanning .cgp-line{animation:none;top:50%}}.cgp-scanner [data-status]{color:#526c80;margin:10px 0;font-size:14px;line-height:1.45}.cgp-sources{gap:10px;display:flex}.cgp-sources label{text-align:center;cursor:pointer;border:1px solid #c5d4df;border-radius:9px;flex:1;padding:13px 8px;font-weight:600;position:relative}.cgp-sources input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.cgp-scanner nav{gap:0;margin:12px 0;display:flex}.cgp-scanner nav button{border-radius:0;flex:1}.cgp-scanner nav button:first-child{border-radius:8px 0 0 8px}.cgp-scanner nav button:last-child{border-radius:0 8px 8px 0}.cgp-scanner nav [aria-pressed=true],.cgp-scanner [data-use]{color:#fff;background:#003153}.cgp-result label{font-size:14px;display:block}.cgp-result input{color:#003153;background:#fff;border:1px solid #b8cddd;border-radius:8px;width:100%;margin:6px 0 10px;padding:12px;font-size:17px;display:block}.cgp-result [data-use]{width:100%;margin-bottom:10px}.cgp-scanner footer{background:#fff;flex-wrap:wrap;gap:10px;margin:0;padding:0;display:flex}.cgp-scanner footer button{flex:1}.cgp-scanner button:focus-visible{outline-offset:2px;outline:2px solid #fe0000}
