.frame-page.svelte-1l5yoqi{max-width:60rem;font-family:var(--font-ui);color:var(--ink);margin:0 auto;padding:3rem 1.5rem}.sub.svelte-1l5yoqi{color:var(--ink-soft);margin-top:-.5rem}.grid.svelte-1l5yoqi{flex-wrap:wrap;justify-content:center;gap:1.25rem;margin:2rem 0;display:flex}.frame-card.svelte-1l5yoqi{border:2px solid var(--line);background:var(--surface);border-radius:.75rem;flex:0 200px;padding:1rem;transition:border-color .15s,box-shadow .15s;position:relative}.frame-card.svelte-1l5yoqi:hover{border-color:var(--line-strong)}.frame-card.selected.svelte-1l5yoqi{border-color:var(--ember);box-shadow:0 0 0 3px color-mix(in oklch, var(--ember) 25%, transparent)}.frame-hit.svelte-1l5yoqi{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding:0;display:flex}.frame-card.svelte-1l5yoqi img:where(.svelte-1l5yoqi){object-fit:contain;border-radius:.35rem;max-height:240px}.use-backdrop.svelte-1l5yoqi{background:oklch(0% 0 0/.55);border-radius:calc(.75rem - 2px);place-items:center;display:grid;position:absolute;inset:0}.primary.svelte-1l5yoqi{background:var(--ember);color:#fff;font-size:var(--text-base);cursor:pointer;border:none;border-radius:.5rem;padding:.7rem 1.4rem;font-weight:600}@media (width<=480px){.grid.svelte-1l5yoqi{gap:1.5rem}.frame-card.svelte-1l5yoqi{flex-basis:100%;padding:.9rem}.frame-hit.svelte-1l5yoqi{gap:.35rem}.frame-card.svelte-1l5yoqi img:where(.svelte-1l5yoqi){flex:none;max-width:38%;max-height:140px}}@media (pointer:coarse){.primary.svelte-1l5yoqi{min-height:48px;padding-inline:1.6rem}}