.showcase.svelte-1m8o7ig{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.panel.svelte-1m8o7ig{gap:14px;min-width:0;display:grid}.head.svelte-1m8o7ig{flex-wrap:wrap;align-items:center;gap:10px 20px;display:flex}.lead-line.svelte-1m8o7ig{color:var(--b-sand-600);margin:0;font-size:14.5px}.tabs.svelte-1m8o7ig{background:color-mix(in srgb, var(--b-sand-200) 60%, transparent);border-radius:99px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.tabs.svelte-1m8o7ig button:where(.svelte-1m8o7ig){height:40px;color:var(--b-sand-600);font:500 14.5px/1 var(--b-sans);cursor:pointer;background:0 0;border:0;border-radius:99px;padding:0 18px;transition:background-color .2s,color .2s,box-shadow .2s}.tabs.svelte-1m8o7ig button:where(.svelte-1m8o7ig):hover{color:var(--b-text)}.tabs.svelte-1m8o7ig button[aria-selected=true]:where(.svelte-1m8o7ig){background:var(--b-card);color:var(--b-text);box-shadow:var(--b-hairline)}.count.svelte-1m8o7ig{color:var(--b-muted);font:400 12px/1 var(--b-mono);margin-left:auto}.stage.svelte-1m8o7ig{background:var(--b-panel);padding:clamp(10px,2vw,24px);position:relative}.slide.svelte-1m8o7ig{box-shadow:var(--b-float);background:#fff;border-radius:6px;animation:.25s ease-out svelte-1m8o7ig-in;overflow:hidden}.slide.loading.svelte-1m8o7ig{aspect-ratio:16/9;animation:none}.failed.svelte-1m8o7ig{color:var(--b-sand-600);place-items:center;font-size:15px;display:grid}.failed.svelte-1m8o7ig a:where(.svelte-1m8o7ig){color:var(--b-text)}.nav.svelte-1m8o7ig{background:color-mix(in srgb, var(--b-card) 92%, transparent);width:40px;height:40px;box-shadow:var(--b-hairline), var(--b-float);color:var(--b-ink);cursor:pointer;opacity:0;border:0;border-radius:99px;place-items:center;margin-top:-20px;transition:opacity .2s;display:grid;position:absolute;top:50%}.stage.svelte-1m8o7ig:hover .nav:where(.svelte-1m8o7ig),.stage.svelte-1m8o7ig:focus-within .nav:where(.svelte-1m8o7ig){opacity:1}.prev.svelte-1m8o7ig{left:18px;transform:rotate(180deg)}.next.svelte-1m8o7ig{right:18px}.strip.svelte-1m8o7ig{border-top:1px solid var(--b-line);scrollbar-width:thin;gap:10px;padding:12px clamp(10px,2vw,24px) 14px;display:flex;overflow-x:auto}.thumb.svelte-1m8o7ig{box-shadow:0 0 0 1px var(--b-line);cursor:pointer;opacity:.72;background:0 0;border:0;border-radius:4px;flex:none;padding:0;transition:opacity .15s,box-shadow .15s}.thumb.svelte-1m8o7ig:hover{opacity:1}.thumb.svelte-1m8o7ig:focus-visible{outline:2px solid var(--b-accent);outline-offset:2px}.thumb.on.svelte-1m8o7ig{opacity:1;box-shadow:0 0 0 2px var(--b-ink)}.thumb.svelte-1m8o7ig .frame{border-radius:4px}.note.svelte-1m8o7ig{color:var(--b-sand-600);gap:4px;margin:0;font-size:14.5px;display:grid}.note.svelte-1m8o7ig span:where(.svelte-1m8o7ig){color:var(--b-muted);font-size:13px}@keyframes svelte-1m8o7ig-in{0%{opacity:.4}}@media (hover:none){.nav.svelte-1m8o7ig{opacity:1}}@media (width<=640px){.nav.svelte-1m8o7ig{display:none}.tabs.svelte-1m8o7ig button:where(.svelte-1m8o7ig){padding:0 12px;font-size:13.5px}}@media (prefers-reduced-motion:reduce){.slide.svelte-1m8o7ig{animation:none}}