.viewfinder.svelte-2he6ex{transform-style:preserve-3d}.viewfinder.svelte-2he6ex:has(a:where(.svelte-2he6ex):focus-visible){outline:2px solid var(--focus);outline-offset:2px}.viewfinder.svelte-2he6ex:before{content:"";z-index:-1;border-radius:inherit;opacity:0;transition:opacity var(--dur-base) var(--ease-lens);background:radial-gradient(22rem circle at var(--mx,50%) var(--my,30%), color-mix(in oklab, var(--color-optic-400) 9%, transparent), transparent 70%);position:absolute;inset:0}.viewfinder.svelte-2he6ex:hover:before{opacity:1}.bracket.svelte-2he6ex{border-color:color-mix(in oklab, var(--color-ink) 30%, transparent);width:14px;height:14px;transition:translate var(--dur-base) var(--ease-lens), border-color var(--dur-base);position:absolute}.bracket-tl.svelte-2he6ex{border-top:1.5px solid;border-left:1.5px solid;top:10px;left:10px}.bracket-tr.svelte-2he6ex{border-top:1.5px solid;border-right:1.5px solid;top:10px;right:10px}.bracket-bl.svelte-2he6ex{border-bottom:1.5px solid;border-left:1.5px solid;bottom:10px;left:10px}.bracket-br.svelte-2he6ex{border-bottom:1.5px solid;border-right:1.5px solid;bottom:10px;right:10px}.viewfinder.svelte-2he6ex:hover .bracket:where(.svelte-2he6ex),.viewfinder.svelte-2he6ex:focus-within .bracket:where(.svelte-2he6ex){border-color:var(--accent)}.viewfinder.svelte-2he6ex:hover .bracket-tl:where(.svelte-2he6ex),.viewfinder.svelte-2he6ex:focus-within .bracket-tl:where(.svelte-2he6ex){translate:8px 8px}.viewfinder.svelte-2he6ex:hover .bracket-tr:where(.svelte-2he6ex),.viewfinder.svelte-2he6ex:focus-within .bracket-tr:where(.svelte-2he6ex){translate:-8px 8px}.viewfinder.svelte-2he6ex:hover .bracket-bl:where(.svelte-2he6ex),.viewfinder.svelte-2he6ex:focus-within .bracket-bl:where(.svelte-2he6ex){translate:8px -8px}.viewfinder.svelte-2he6ex:hover .bracket-br:where(.svelte-2he6ex),.viewfinder.svelte-2he6ex:focus-within .bracket-br:where(.svelte-2he6ex){translate:-8px -8px}.viewfinder.svelte-2he6ex:hover .media:where(.svelte-2he6ex)>div:where(.svelte-2he6ex){animation:svelte-2he6ex-rack-focus .52s var(--ease-lens)}@keyframes svelte-2he6ex-rack-focus{0%{filter:blur()}35%{filter:blur(3px)}to{filter:blur()}}[data-motion=reduced] .viewfinder.svelte-2he6ex .bracket:where(.svelte-2he6ex),[data-motion=reduced] .viewfinder.svelte-2he6ex:hover .media:where(.svelte-2he6ex)>div:where(.svelte-2he6ex){animation:none;translate:none}