.demo-media.svelte-ysxq8k{overflow:hidden}.demo-inline-iframe.svelte-ysxq8k{position:absolute;inset:0;z-index:1;width:100%;height:100%;border:0;display:block}.demo-back-btn.svelte-ysxq8k{position:absolute;top:.5rem;right:.5rem;z-index:2;display:grid;place-items:center;width:2rem;height:2rem;border-radius:.5rem;border:1px solid var(--color-border-strong);background:var(--color-surface-2);color:var(--color-text-dim);cursor:pointer;transition:color .15s ease,border-color .15s ease}.demo-back-btn.svelte-ysxq8k:hover{color:var(--color-text);border-color:#45454f}.demo-play-btn.svelte-ysxq8k{position:absolute;left:50%;top:50%;z-index:20;transform:translate(-50%,-50%);width:3rem;height:3rem;border:none;padding:0;margin:0;cursor:pointer;border-radius:9999px;background:var(--color-accent);color:var(--color-accent-ink);display:grid;place-items:center;transition:background .2s ease}.demo-play-btn.svelte-ysxq8k:hover{background:var(--color-accent-hover)}.demo-play-btn__ring.svelte-ysxq8k{display:none}.demo-play-btn__icon.svelte-ysxq8k{width:1.25rem;height:1.25rem;margin-left:2px}.line-clamp-2.svelte-11ja2cl{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.media.svelte-11ja2cl img{transition:transform .4s ease}article.svelte-11ja2cl:hover .media:where(.svelte-11ja2cl) img{transform:scale(1.04)}.media-glow.svelte-11ja2cl{position:absolute;inset:0;z-index:20;pointer-events:none;background:linear-gradient(to top,var(--color-surface) 0%,transparent 30%);opacity:.6}.add-btn.svelte-11ja2cl{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;padding:.5rem 1rem;border-radius:999px;font-family:var(--font-display);font-size:.8125rem;font-weight:700;background:linear-gradient(135deg,var(--color-accent),#4c8dff);color:var(--color-accent-ink);transition:filter .2s ease,box-shadow .2s ease}.add-btn.svelte-11ja2cl:hover:not(:disabled){filter:brightness(1.12);box-shadow:0 8px 20px -8px color-mix(in srgb,var(--color-accent) 65%,transparent)}.add-btn.svelte-11ja2cl:disabled{opacity:.5}.in-cart-link.svelte-11ja2cl{display:inline-flex;align-items:center;gap:.375rem;flex-shrink:0;padding:.5rem 1rem;font-family:var(--font-display);font-size:.8125rem;font-weight:700;color:var(--color-accent);border:1px solid color-mix(in srgb,var(--color-accent) 35%,transparent);background:color-mix(in srgb,var(--color-accent) 10%,transparent);border-radius:999px}.in-cart-link.svelte-11ja2cl:hover{background:color-mix(in srgb,var(--color-accent) 16%,transparent)}
