.scanner{z-index:95;color:#fff;padding:calc(var(--bar-top) + 8px) var(--safe-right) calc(var(--safe-bottom) + 10px) var(--safe-left);touch-action:none;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#fff;--text-2:#ffffff9e;--text-3:#ffffff6b;--separator:#ffffff17;--fill:#82869638;--fill-2:#ffffff1f;--fill-3:#ffffff14;--card-solid:#151821;--glass-tint:#1a1d2680;--glass-tint-thick:#161921bd;--glass-tint-thin:#282c3a4d;--glass-edge-top:#fff3;--glass-edge-bottom:#ffffff0a;--glass-rim-a:#ffffff5c;--glass-rim-b:#ffffff0a;--glass-stroke:#ffffff0f;--glass-sheen:#ffffff1a;--noise-opacity:.06;--lg-tint:#ffffff0f;--lg-tint-clear:#ffffff14;--lg-tint-bar:#12141c80;--lg-shadow-c:0 0 0;--lg-shadow-a:.5;--lg-press-glow:#fff3;--lg-spec-o:.7;background:#0b0c10;flex-direction:column;display:flex;position:fixed;inset:0}.scanner__top,.scanner__bar{position:relative}.scanner__top .icon-btn--glass{--lg:0}.scanner__top .icon-btn--glass.icon-btn--glass{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffff1f}.scanner__top .icon-btn--glass.icon-btn--glass:before,.scanner__top .icon-btn--glass.icon-btn--glass:after{display:none}.scanner__top{margin:0 var(--gutter);z-index:2;border-radius:99px;align-items:center;gap:12px;padding:6px;display:flex}.scanner__top,.scanner__bar,.scanner__busy{-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);background:#16181eb8;box-shadow:inset 0 0 0 .5px #ffffff1a}.scanner__top[data-lg=on],.scanner__bar[data-lg=on],.scanner__busy[data-lg=on]{--lg-tint:#0a0b0eb3;--lg-rest-bg:#0a0b0eb3;--lg-blur:16px;--lg-spec-o:.7}.scanner__title{text-align:center;flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.scanner__title>span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.scanner__title .t-foot{color:var(--text-2)}.scanner__stage{flex:1;min-height:0;position:relative}.scanner__editor{touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.scanner__photo{pointer-events:none;border-radius:4px;position:absolute}.scanner__overlay{pointer-events:none;position:absolute;inset:0}.scanner__outline{fill:#0a84ff1f;stroke:#0a84ff;stroke-width:2.5px;stroke-linejoin:round}.scanner__handle{touch-action:none;cursor:grab;background:0 0;border-radius:99px;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute}.scanner__handle:after{content:"";transition:transform var(--dur-snappy) var(--spring-snappy);background:#fff;border-radius:99px;position:absolute;inset:11px;box-shadow:0 0 0 3px #0a84ff,0 2px 8px #00000073}.scanner__handle.is-active:after{transform:scale(1.35)}.scanner__loupe{pointer-events:none;background-repeat:no-repeat;border-radius:99px;width:96px;height:96px;margin-top:-48px;margin-left:-48px;position:absolute;box-shadow:0 0 0 3px #fff,0 8px 24px #00000080}.scanner__loupe:after{content:"";border-radius:99px;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #0a84ff}.scanner__pages{padding:18px var(--gutter);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));align-content:start;gap:14px;display:grid;position:absolute;inset:0;overflow-y:auto}.scanner__page{flex-direction:column;gap:6px;margin:0;display:flex;position:relative}.scanner__page img{aspect-ratio:8.5/11;object-fit:contain;background:#fff;border-radius:12px;width:100%;display:block;box-shadow:0 0 0 .5px #ffffff2e,0 6px 18px #0006}.scanner__page figcaption{font-variant-numeric:tabular-nums;color:#ffffffb3;text-align:center;font-size:12.5px;font-weight:600}.scanner__page-x{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#14161c9e;border:0;border-radius:99px;place-items:center;width:30px;height:30px;padding:0;display:grid;position:absolute;top:6px;right:6px}.scanner__page-x[data-lg=on]{--lg-tint:#14161c8c;--lg-rest-bg:#14161c8c}.scanner__page-x:not([data-lg=on]){transition:transform var(--dur-snappy) var(--spring-snappy)}.scanner__page-x:not([data-lg=on]):active{transition-duration:90ms;transform:scale(.94)}.scanner__empty{text-align:center;color:#fff9;grid-column:1/-1;margin-top:30vh}.scanner__busy{border-radius:99px;align-items:center;gap:10px;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;margin:auto;padding:12px 18px;font-weight:600;display:inline-flex;position:absolute;inset:0}.scanner__bar{margin:10px var(--gutter) 0;z-index:2;border-radius:28px;flex-direction:column;gap:12px;padding:12px;display:flex}.scanner__bar:empty{display:none}.scanner__actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.scanner__actions>.btn:nth-child(3){grid-column:1/-1}.scanner__actions .btn{--_px:14px;min-width:0}.scanner__cam{position:absolute;inset:0;overflow:hidden}.scanner__video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.scanner__live-outline{fill:#0a84ff33;stroke:#0a84ff;stroke-width:3px;stroke-linejoin:round;opacity:0;transition:opacity .2s}.scanner__flash{pointer-events:none;background:#fff;position:absolute;inset:0}.scanner__hint{text-align:center;color:#ffffffeb;text-shadow:0 1px 2px #000000b3,0 0 14px #0000008c;text-wrap:balance;pointer-events:none;font-size:14px;font-weight:600;line-height:1.35;position:absolute;top:12px;left:16px;right:16px}.scanner__auto{color:#fff;min-width:72px;height:40px;font:inherit;cursor:pointer;transition:background-color .2s ease, color .2s ease, transform var(--dur-snappy) var(--spring-snappy);background:#ffffff24;border:0;border-radius:99px;padding:0 14px;font-size:14px;font-weight:650}.scanner__auto.is-on{color:#111;background:#ffd60a}.scanner__auto:active{transition-duration:90ms;transform:scale(.94)}.scanner__auto:focus-visible,.scanner__page-x:focus-visible{outline-offset:2px;outline:2px solid #0a84ff}.scanner__controls{grid-template-columns:1fr auto 1fr;align-items:center;min-height:80px;display:grid}.scanner__controls>:first-child{justify-self:start}.scanner__controls>:last-child{justify-self:end}.scanner__shutter{border-radius:99px;place-items:center;width:76px;height:76px;display:grid;position:relative}.scanner__shutter svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.scanner__shutter-track{fill:none;stroke:#fff;stroke-width:4px}.scanner__shutter-hold{fill:none;stroke:#ffd60a;stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset .15s linear}.scanner__shutter-dot{width:60px;height:60px;transition:transform var(--dur-snappy) var(--spring-snappy);background:#fff;border-radius:99px}.scanner__shutter:active .scanner__shutter-dot{transform:scale(.88)}.scanner__thumb{background:#fff;border-radius:8px;place-items:center;width:48px;height:62px;display:grid;position:relative;box-shadow:0 0 0 2px #ffffffe6,0 4px 14px #00000080}.scanner__thumb.is-empty{box-shadow:none;background:#ffffff24}.scanner__thumb img{object-fit:cover;border-radius:8px;width:100%;height:100%}.scanner__thumb-busy{background:#00000073;border-radius:8px;place-items:center;display:grid;position:absolute;inset:0}.scanner__count{color:#fff;background:#0a84ff;border-radius:99px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:700;display:grid;position:absolute;top:-8px;right:-8px}.scanner__page-open{cursor:pointer;width:100%;transition:transform var(--dur-snappy) var(--spring-snappy);background:0 0;border:0;border-radius:12px;padding:0;display:block}.scanner__page-open:active{transform:scale(.97)}.scanner__page-open:focus-visible{outline-offset:3px;outline:2px solid #0a84ff}@media (prefers-reduced-motion:reduce){.scanner__page-open{transition:none}}.scanner__nocam{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:0 32px;display:flex;position:absolute;inset:0}.scanner__nocam .t-foot{color:#ffffffa6;max-width:300px}.scanner__nocam-actions{flex-direction:column;gap:10px;width:min(100%,280px);margin-top:8px;display:flex}.scanner__viewer{inset:8px var(--gutter);touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;overflow:hidden}.scanner__view-img{object-fit:contain;transform-origin:0 0;pointer-events:none;will-change:transform;width:100%;height:100%;position:absolute;inset:0}.scanner__view-img.is-settling{transition:transform .24s var(--spring-snappy)}.scanner__actions.is-three{grid-template-columns:1fr 1fr 1fr}.scanner__actions.is-three>.btn:nth-child(3){grid-column:auto}.scanner__actions.is-three .btn{--_px:6px;font-size:15px}.scanner__actions.is-three .btn .btn__content{gap:5px}.scanner .seg{background:#ffffff1f;box-shadow:inset 0 0 0 .5px #ffffff1f}.scanner .seg__item{color:#ffffffc7}:root .scanner .seg .seg__thumb{--lg-rest-bg:#ffffff42;--lg-tint:#fff3;--lg-blur:0px;box-shadow:none;background:#ffffff42}.scanner .seg__item.is-active{color:#fff}
