.scanner{z-index:2147483000;color:#fff;animation:fade-in .16s var(--ease-out) both;background:#000;grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0}.scanner__video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scanner__frame{aspect-ratio:1;opacity:.5;width:min(68vw,300px);transition:opacity .24s var(--ease-out);pointer-events:none;border-radius:28px;position:absolute;top:45%;left:50%;translate:-50% -50%;box-shadow:0 0 0 100vmax #00000073,inset 0 0 0 3px #ffffffeb}.scanner__frame[data-live]{opacity:1}.scanner__top{padding:calc(var(--safe-top,0px) + 14px) 16px 0;justify-content:flex-end;display:flex;position:relative}.scanner__close{color:#fff;-webkit-backdrop-filter:blur(12px);background:#ffffff2e;border-radius:99px;place-items:center;width:40px;height:40px;display:grid}.scanner__bottom{padding:0 24px calc(var(--safe-bottom,0px) + 28px);text-align:center;grid-row:3;justify-items:center;gap:14px;display:grid;position:relative}.scanner__text{max-width:320px;font-size:var(--t-body);text-shadow:0 1px 8px #0009;line-height:1.4}.scanner__photo{color:#000;background:#ffffffeb}