.scan-field{width:100%;position:relative}.scan-field .scan-box{border:1px solid var(--line-2);height:4rem;box-shadow:var(--hl-light), 0 1px .125rem var(--ink-6), 0 1.375rem 2.75rem -1.625rem #2e3a5e8c;-webkit-backdrop-filter:blur(.875rem)saturate(150%);backdrop-filter:blur(.875rem)saturate(150%);background:#ffffffdb;border-radius:.375rem;align-items:center;gap:.625rem;padding:.375rem .375rem .375rem 1.125rem;display:flex;position:relative}.scan-field .scan-input{flex:1;align-items:center;gap:.625rem;min-width:0;height:100%;display:flex}.scan-field .scan-input input{min-width:0;height:100%;color:var(--ink);font-family:var(--font-small);background:0 0;border:0;outline:none;flex:1;margin-left:-.5rem;padding:0;font-size:.9375rem}.scan-field .scan-lock{width:1rem;height:1rem;color:var(--ink-50);flex-shrink:0}.scan-field .scan-prefix{color:var(--ink-60);font-size:.9375rem}.scan-field .scan-btn{border-radius:.375rem;height:3.125rem;padding:0 1.125rem}@media (max-width:1023px){.scan-field .input-glow{inset:-.375rem -.625rem 1.875rem}.scan-field .scan-box{height:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;flex-direction:column;align-items:stretch;gap:.5rem;padding:0}.scan-field .scan-input{border:1px solid var(--line-2);height:3.5rem;box-shadow:var(--hl-light), 0 1.125rem 2.25rem -1.5rem #2e3a5e8c;background:#ffffffeb;border-radius:.375rem;flex:none;gap:.5rem;padding:0 .875rem}.scan-field .scan-lock{width:.9375rem;height:.9375rem}.scan-field .scan-prefix{font-size:.875rem}.scan-field .scan-btn{justify-content:center;height:3.25rem}}