.frame.svelte-1hexxrd{gap:var(--space-2);margin:0;display:grid}.image.svelte-1hexxrd{aspect-ratio:var(--ratio);background:var(--color-surface);outline:none;position:relative;overflow:hidden}.tone-amber.svelte-1hexxrd{background:radial-gradient(40% 55% at 50% 58%,#1e120ad9,#0000 70%),radial-gradient(circle at 70% 20%,#f6c27f,#0000 55%),linear-gradient(160deg,#e9a15c,#6b3a22 70%,#1d120c)}.tone-dusk.svelte-1hexxrd{background:radial-gradient(38% 52% at 45% 60%,#0c0c18d9,#0000 70%),radial-gradient(circle at 20% 15%,#c88aa0,#0000 50%),linear-gradient(170deg,#5d5f8f,#2b2540 65%,#0e0d16)}.tone-granite.svelte-1hexxrd{background:radial-gradient(36% 50% at 55% 60%,#0f0f0fd9,#0000 70%),radial-gradient(circle at 80% 10%,#d8d2c8,#0000 45%),linear-gradient(150deg,#9b948a,#4a4640 60%,#151413)}.tone-pine.svelte-1hexxrd{background:radial-gradient(40% 52% at 48% 62%,#08100cd9,#0000 70%),radial-gradient(circle at 25% 20%,#c9d3a0,#0000 45%),linear-gradient(165deg,#5f7a55,#26372a 65%,#0c130e)}.bracket.svelte-1hexxrd{border:0 solid var(--color-accent);opacity:0;width:1.25rem;height:1.25rem;transition:opacity var(--duration-fast) var(--ease-focus), transform var(--duration-base) var(--ease-focus);position:absolute}.tl.svelte-1hexxrd{border-top-width:2px;border-left-width:2px;top:.75rem;left:.75rem;transform:translate(-6px,-6px)}.tr.svelte-1hexxrd{border-top-width:2px;border-right-width:2px;top:.75rem;right:.75rem;transform:translate(6px,-6px)}.bl.svelte-1hexxrd{border-bottom-width:2px;border-left-width:2px;bottom:.75rem;left:.75rem;transform:translate(-6px,6px)}.br.svelte-1hexxrd{border-bottom-width:2px;border-right-width:2px;bottom:.75rem;right:.75rem;transform:translate(6px,6px)}.image.svelte-1hexxrd:hover .bracket:where(.svelte-1hexxrd),.image.svelte-1hexxrd:focus-visible .bracket:where(.svelte-1hexxrd){opacity:1;transform:none}figcaption.svelte-1hexxrd{justify-content:space-between;gap:var(--space-3);opacity:.7;transition:opacity var(--duration-base) var(--ease-focus);flex-wrap:wrap;display:flex}.frame.svelte-1hexxrd:hover figcaption:where(.svelte-1hexxrd),.frame.svelte-1hexxrd:focus-within figcaption:where(.svelte-1hexxrd){opacity:1}.counter.svelte-1hexxrd{white-space:nowrap;color:var(--color-text);margin-left:auto}