.search[data-v-72dd4bf6]{background:var(--foreground);color:var(--background);border-radius:12px;padding:clamp(8px,1.2vw,14px);box-shadow:0 40px 70px -40px #0009}.search-bar[data-v-72dd4bf6]{justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:0 6px clamp(8px,1vw,12px);line-height:1.25;display:flex}.search-label[data-v-72dd4bf6]{font-size:clamp(1rem,1.6vw,1.2rem);font-weight:800;font-stretch:110%;display:block}.search-count[data-v-72dd4bf6]{display:block}.search-count[data-v-72dd4bf6],.search-face[data-v-72dd4bf6]{color:#b8b8b2;font-size:.9rem}.search-face[data-v-72dd4bf6]{align-items:center;gap:10px;font-weight:600;display:flex}.search-slot[data-v-72dd4bf6]{border:2px dashed #6c6c68;border-radius:50%;flex:none;width:46px;height:46px;transition:border-color .3s;overflow:hidden}.search-slot img[data-v-72dd4bf6]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:scale .45s cubic-bezier(.2,.9,.3,1.3);scale:0}.search:not([data-state=idle]) .search-slot[data-v-72dd4bf6]{border:3px solid var(--brand)}.search:not([data-state=idle]) .search-slot img[data-v-72dd4bf6]{scale:1}.search-grid[data-v-72dd4bf6]{position:relative;overflow:hidden}.search-tile[data-v-72dd4bf6]{left:var(--x);top:var(--y);width:var(--w);height:var(--h);padding:clamp(2px,.3vw,4px);transition:left .8s cubic-bezier(.3,.8,.2,1),top .8s cubic-bezier(.3,.8,.2,1),width .8s cubic-bezier(.3,.8,.2,1),height .8s cubic-bezier(.3,.8,.2,1),opacity .45s cubic-bezier(.3,.8,.2,1),scale .45s cubic-bezier(.3,.8,.2,1);position:absolute}.search-tile img[data-v-72dd4bf6]{-o-object-fit:cover;object-fit:cover;border-radius:3px;width:100%;height:100%}.search-tile[data-v-72dd4bf6]:after{content:"";border:3px solid var(--brand);opacity:0;border-radius:3px;transition:opacity .3s;position:absolute;inset:clamp(2px,.3vw,4px)}.search-grid[data-v-72dd4bf6]:after{content:"";border-right:3px solid var(--brand);opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#ffd21f4d);width:90px;margin-left:-90px;position:absolute;top:0;bottom:0;left:0}[data-state=scan] .search-grid[data-v-72dd4bf6]:after{animation:3s linear .1s both search-sweep-72dd4bf6}[data-state=scan] .search-tile[data-v-72dd4bf6]:not(.match){opacity:.22;transition-delay:calc(var(--sx)*3s + .1s)}[data-state=scan] .match[data-v-72dd4bf6]:after{opacity:1;transition-delay:calc(var(--sx)*3s + .1s)}[data-state=found] .search-tile[data-v-72dd4bf6]:not(.match){opacity:0;scale:.8}[data-state=found] .match[data-v-72dd4bf6]{left:var(--rx);top:var(--ry);width:var(--rw);height:var(--rh);transition-delay:calc(var(--k)*50ms)}[data-state=found] .match[data-v-72dd4bf6]:after{opacity:1}@keyframes search-sweep-72dd4bf6{0%{opacity:1;left:0}96%{opacity:1}to{opacity:0;left:100%}}.demo-note[data-v-72dd4bf6]{color:var(--muted-foreground);text-align:center;margin-top:16px;font-size:.85rem}@media (width<=700px){.search-face span[data-v-72dd4bf6]{display:none}}@media (prefers-reduced-motion:reduce){.search-slot img[data-v-72dd4bf6],.search-tile[data-v-72dd4bf6],.search-tile[data-v-72dd4bf6]:after{transition:none}.search-grid[data-v-72dd4bf6]:after{animation:none}}