.bdn-camera-scan-button{width:34px;height:34px;padding:7px;display:grid;place-items:center;flex:0 0 34px;color:#1473df;background:#e8f3ff;border:0;border-radius:9px;cursor:pointer}.bdn-camera-scan-button:hover{color:#fff;background:#1677ef}.bdn-camera-scan-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.barcode-modal-backdrop{position:fixed;inset:0;z-index:4000;padding:18px;display:grid;place-items:center;background:rgba(5,14,28,.78);backdrop-filter:blur(10px)}.barcode-scanner-modal{width:min(600px,100%);overflow:hidden;color:#182a43;background:#fff;border:1px solid rgba(255,255,255,.25);border-radius:22px;box-shadow:0 35px 100px rgba(0,0,0,.42)}.barcode-scanner-modal>header{padding:18px 20px;display:flex;align-items:center;justify-content:space-between}.barcode-scanner-modal header span{color:#1677ef;font-size:10px;font-weight:850;letter-spacing:.12em}.barcode-scanner-modal h2{margin:3px 0;font-size:22px}.barcode-scanner-modal header p{margin:0;color:#74849a;font-size:12px}.barcode-scanner-modal header button{width:38px;height:38px;color:#66778d;background:#edf2f8;border:0;border-radius:11px;font-size:23px}.barcode-camera-stage{position:relative;height:min(58vh,430px);overflow:hidden;background:#07111f}.barcode-camera-stage video{width:100%;height:100%;object-fit:cover}.barcode-camera-shade{position:absolute;inset:0;background:radial-gradient(ellipse 62% 31% at 50% 50%,transparent 0 96%,rgba(2,9,19,.64) 100%)}.barcode-target{position:absolute;left:12%;right:12%;top:35%;height:30%;border:1px solid rgba(255,255,255,.25);border-radius:15px}.barcode-target i{position:absolute;width:34px;height:34px;border-color:#45a0ff;border-style:solid}.barcode-target i:nth-child(1){left:-2px;top:-2px;border-width:4px 0 0 4px;border-radius:13px 0 0}.barcode-target i:nth-child(2){right:-2px;top:-2px;border-width:4px 4px 0 0;border-radius:0 13px 0 0}.barcode-target i:nth-child(3){left:-2px;bottom:-2px;border-width:0 0 4px 4px;border-radius:0 0 0 13px}.barcode-target i:nth-child(4){right:-2px;bottom:-2px;border-width:0 4px 4px 0;border-radius:0 0 13px}.barcode-target span{position:absolute;left:4%;right:4%;top:50%;height:2px;background:#42a0ff;box-shadow:0 0 16px #1689ff;animation:barcode-line 1.8s ease-in-out infinite}.barcode-camera-loading{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;color:#fff;background:rgba(5,14,27,.7)}.barcode-camera-loading b{width:34px;height:34px;border:3px solid #45617e;border-top-color:#3a9cff;border-radius:50%;animation:barcode-spin .7s linear infinite}.barcode-scanner-modal>footer{padding:15px 18px;display:flex;justify-content:flex-end;gap:9px}.barcode-scanner-modal>small{padding:0 18px 16px;display:block;color:#7b899b;text-align:center}.barcode-scanner-error{margin:12px 18px 0;padding:11px;color:#bd2937;background:#ffedf0;border-radius:10px;font-size:12px}html.bdn-dark-panels .barcode-scanner-modal{color:#edf5ff;background:#122034;border-color:#2c4058}html.bdn-dark-panels .barcode-scanner-modal header button{color:#c3d1e2;background:#1d3048}@keyframes barcode-line{0%,100%{transform:translateY(-45px);opacity:.55}50%{transform:translateY(45px);opacity:1}}@keyframes barcode-spin{to{transform:rotate(360deg)}}@media(max-width:650px){.barcode-modal-backdrop{padding:0;place-items:end center}.barcode-scanner-modal{width:100%;border-radius:22px 22px 0 0}.barcode-camera-stage{height:52vh}.barcode-scanner-modal>footer{display:grid;grid-template-columns:1fr 1fr}.barcode-scanner-modal>footer .primary-button{grid-column:1/-1}.bdn-camera-scan-button{width:40px;height:40px;flex-basis:40px}}
html.bdn-dark-panels .bdn-camera-scan-button {
    color: #82baff !important;
    background: #16283e !important;
    border: 1px solid #2a4565 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

html.bdn-dark-panels .bdn-camera-scan-button:hover,
html.bdn-dark-panels .bdn-camera-scan-button:focus-visible {
    color: #ffffff !important;
    background: #1677ef !important;
    border-color: #55a0ff !important;
}