.demo.svelte-8oo6bd{--t:8s}.viewfinder.svelte-8oo6bd{--vf:var(--brand);--vf-len:22px}.row.svelte-8oo6bd{border-bottom:1px solid var(--line);border-radius:.75rem;grid-template-columns:2.4rem 1fr auto;align-items:center;gap:.75rem;padding:.5rem;font-size:13px;display:grid}.thumb.svelte-8oo6bd{background:repeating-linear-gradient(to bottom, transparent 0 5px, color-mix(in oklab, var(--ink) 14%, transparent) 5px 6px) 6px 7px / calc(100% - 12px) calc(100% - 12px) no-repeat, var(--paper);height:2.6rem;box-shadow:0 0 0 1px var(--line);border-radius:4px}.sweep.svelte-8oo6bd{inset-inline:0;background:linear-gradient(to bottom, transparent, color-mix(in oklab, var(--brand) 20%, transparent) 85%, var(--brand) 99%);border-bottom:2px solid var(--brand);height:30%;filter:drop-shadow(0 2px 6px color-mix(in oklab, var(--brand) 70%, transparent));animation:svelte-8oo6bd-sweep var(--t) var(--ease-in-out) infinite;position:absolute;top:0;transform:translateY(-110%)}@keyframes svelte-8oo6bd-sweep{0%{opacity:1;transform:translateY(-110%)}38%{opacity:1;transform:translateY(340%)}44%,to{opacity:0;transform:translateY(340%)}}.hl.svelte-8oo6bd{animation:svelte-8oo6bd-hl1 var(--t) var(--ease-out) infinite;border-radius:3px;box-shadow:0 0 0 1.5px #0000}.hl-1.svelte-8oo6bd{animation-name:svelte-8oo6bd-hl1}.hl-2.svelte-8oo6bd{animation-name:svelte-8oo6bd-hl2}.hl-3.svelte-8oo6bd{animation-name:svelte-8oo6bd-hl3}.hl-4.svelte-8oo6bd{animation-name:svelte-8oo6bd-hl4}@keyframes svelte-8oo6bd-hl1{0%,6%{background:0 0;box-shadow:0 0 0 1.5px #0000}10%,88%{background:color-mix(in oklab, var(--brand) 16%, transparent);box-shadow:0 0 0 1.5px var(--brand)}96%,to{background:0 0;box-shadow:0 0 0 1.5px #0000}}@keyframes svelte-8oo6bd-hl2{0%,24%{background:0 0;box-shadow:0 0 0 1.5px #0000}28%,88%{background:color-mix(in oklab, var(--brand) 16%, transparent);box-shadow:0 0 0 1.5px var(--brand)}96%,to{background:0 0;box-shadow:0 0 0 1.5px #0000}}@keyframes svelte-8oo6bd-hl3{0%,28%{background:0 0;box-shadow:0 0 0 1.5px #0000}32%,88%{background:color-mix(in oklab, var(--brand) 16%, transparent);box-shadow:0 0 0 1.5px var(--brand)}96%,to{background:0 0;box-shadow:0 0 0 1.5px #0000}}@keyframes svelte-8oo6bd-hl4{0%,32%{background:0 0;box-shadow:0 0 0 1.5px #0000}36%,88%{background:color-mix(in oklab, var(--brand) 16%, transparent);box-shadow:0 0 0 1.5px var(--brand)}96%,to{background:0 0;box-shadow:0 0 0 1.5px #0000}}.newrow.svelte-8oo6bd{animation:svelte-8oo6bd-open var(--t) var(--ease-out) infinite;grid-template-rows:0fr;display:grid}.newrow.svelte-8oo6bd>.row:where(.svelte-8oo6bd){min-height:0;animation:svelte-8oo6bd-pad var(--t) var(--ease-out) infinite;padding-block:0;overflow:hidden}@keyframes svelte-8oo6bd-open{0%,42%{grid-template-rows:0fr}50%,92%{grid-template-rows:1fr}to{grid-template-rows:0fr}}@keyframes svelte-8oo6bd-pad{0%,42%{border-bottom-color:#0000;padding-block:0}50%,92%{border-bottom-color:var(--line);padding-block:.5rem}to{padding-block:0}}.f.svelte-8oo6bd{animation:svelte-8oo6bd-f var(--t) var(--ease-out) infinite}.f-2.svelte-8oo6bd{animation-name:svelte-8oo6bd-f2}.f-3.svelte-8oo6bd{animation-name:svelte-8oo6bd-f3}.f-4.svelte-8oo6bd{animation-name:svelte-8oo6bd-f4}@keyframes svelte-8oo6bd-f{0%,50%{opacity:0;transform:translateY(-8px)}55%,90%{opacity:1;transform:none}96%,to{opacity:0}}@keyframes svelte-8oo6bd-f2{0%,54%{opacity:0;transform:translateY(-8px)}59%,90%{opacity:1;transform:none}96%,to{opacity:0}}@keyframes svelte-8oo6bd-f3{0%,58%{opacity:0;transform:translateY(-8px)scale(.9)}64%,90%{opacity:1;transform:none}96%,to{opacity:0}}@keyframes svelte-8oo6bd-f4{0%,64%{opacity:0;scale:.5}69%,90%{opacity:1;scale:1}96%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.sweep.svelte-8oo6bd{display:none}.hl.svelte-8oo6bd,.f.svelte-8oo6bd,.newrow.svelte-8oo6bd,.newrow.svelte-8oo6bd>.row:where(.svelte-8oo6bd){animation:none}.hl.svelte-8oo6bd{background:color-mix(in oklab, var(--brand) 16%, transparent);box-shadow:0 0 0 1.5px var(--brand)}.newrow.svelte-8oo6bd{grid-template-rows:1fr}.newrow.svelte-8oo6bd>.row:where(.svelte-8oo6bd){padding-block:.5rem}}