.scanner-shell.svelte-1syloxu{--scanner-accent:oklch(82% .18 75)}.camera-shade.svelte-1syloxu{background:linear-gradient(#000000e6 0 4rem,#0000 4rem calc(100% - 4rem),#000000e6 calc(100% - 4rem) 100%)}.reticle.svelte-1syloxu{z-index:3;aspect-ratio:1;border-radius:var(--radius-xl);width:min(68vw,310px);filter:drop-shadow(0 0 14px color-mix(in oklch, var(--scanner-accent) 58%, transparent));pointer-events:none;position:absolute;inset:50%;translate:-50% -50%}.reticle.svelte-1syloxu:after{content:"";border:1px solid color-mix(in oklch, var(--primary-foreground) 22%, transparent);border-radius:var(--radius-lg);position:absolute;inset:.75rem}.reticle.svelte-1syloxu span:where(.svelte-1syloxu){border-color:var(--scanner-accent);border-style:solid;width:3.25rem;height:3.25rem;position:absolute}.reticle.svelte-1syloxu span:where(.svelte-1syloxu):first-child{border-radius:var(--radius-2xl) 0 0;border-width:4px 0 0 4px;top:0;left:0}.reticle.svelte-1syloxu span:where(.svelte-1syloxu):nth-child(2){border-radius:0 var(--radius-2xl) 0 0;border-width:4px 4px 0 0;top:0;right:0}.reticle.svelte-1syloxu span:where(.svelte-1syloxu):nth-child(3){border-radius:0 0 var(--radius-2xl);border-width:0 4px 4px 0;bottom:0;right:0}.reticle.svelte-1syloxu span:where(.svelte-1syloxu):nth-child(4){border-radius:0 0 0 var(--radius-2xl);border-width:0 0 4px 4px;bottom:0;left:0}.scanner-overlay-camera.svelte-1sldvdy .scanner-shell,.scanner-overlay-camera.svelte-1sldvdy .scanner-frame{border:0;border-radius:0;height:100svh;min-height:100svh}
