.browser.svelte-18szsp{position:relative;margin:0;overflow:hidden;border-radius:14px;border:1px solid color-mix(in srgb,var(--color-base-content) 14%,transparent);background:var(--color-base-200);box-shadow:0 1px color-mix(in srgb,white 10%,transparent) inset,var(--float-shadow)}.browser-bar.svelte-18szsp{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid color-mix(in srgb,var(--color-base-content) 10%,transparent);background:color-mix(in srgb,var(--color-base-300) 55%,var(--color-base-200))}.browser-dots.svelte-18szsp{display:flex;gap:7px;flex:1 1 0}.browser-dots.svelte-18szsp i:where(.svelte-18szsp){width:11px;height:11px;border-radius:999px;background:#ff5f57}.browser-dots.svelte-18szsp i:where(.svelte-18szsp):nth-child(2){background:#febc2e}.browser-dots.svelte-18szsp i:where(.svelte-18szsp):nth-child(3){background:#28c840}.browser-url.svelte-18szsp{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:60%;padding:5px 16px;border-radius:999px;background:color-mix(in srgb,var(--color-base-100) 80%,transparent);color:color-mix(in srgb,var(--color-base-content) 60%,transparent);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-url-text.svelte-18szsp{min-width:0;overflow:hidden;text-overflow:ellipsis}.browser-spacer.svelte-18szsp{flex:1 1 0}@media(max-width:680px){.browser.svelte-18szsp{border-radius:10px;transform:none}.browser-bar.svelte-18szsp{padding:8px 10px;gap:8px}.browser-dots.svelte-18szsp i:where(.svelte-18szsp){width:9px;height:9px}.browser-url.svelte-18szsp{max-width:72%;padding:4px 10px;font-size:.6875rem}}html:not([data-theme=saasstartertheme-light]) .shot-light.svelte-18szsp,html[data-theme=saasstartertheme-light] .shot-dark.svelte-18szsp{display:none!important}.slides.svelte-18szsp{position:relative;display:grid}.expand.svelte-18szsp{position:absolute;bottom:12px;right:12px;z-index:1;display:grid;place-items:center;width:38px;height:38px;border:1px solid color-mix(in srgb,var(--color-primary) 45%,transparent);border-radius:10px;background:color-mix(in srgb,var(--color-primary) 22%,var(--color-base-100));color:var(--color-primary);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 16px -8px #0006;cursor:pointer;transition:transform .16s ease}.expand.svelte-18szsp:hover{transform:scale(1.06)}@media(max-width:640px){.expand.svelte-18szsp{display:none}}.slides.svelte-18szsp img:where(.svelte-18szsp){grid-area:1 / 1;display:block;width:100%;height:100%;object-fit:cover;object-position:left top;opacity:0;transition:opacity .5s ease}.slides.svelte-18szsp img.active:where(.svelte-18szsp){opacity:1}.thumbs.svelte-18szsp{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:16px}.thumbs.svelte-18szsp button:where(.svelte-18szsp){padding:0;overflow:hidden;aspect-ratio:16 / 10;border:2px solid color-mix(in srgb,var(--color-base-content) 14%,transparent);border-radius:8px;background:var(--color-base-200);box-shadow:var(--float-shadow);cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.thumbs.svelte-18szsp button:where(.svelte-18szsp):hover{transform:translateY(-1px)}.thumbs.svelte-18szsp button.active:where(.svelte-18szsp){border-color:var(--color-primary);box-shadow:var(--float-shadow)}.thumbs.svelte-18szsp img:where(.svelte-18szsp){display:block;width:100%;height:100%;object-fit:cover;object-position:left top}.lightbox.svelte-18szsp{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:56px 72px;border:0;background:color-mix(in srgb,var(--color-base-100) 94%,transparent);place-items:center}.lightbox[open].svelte-18szsp{display:grid}.lightbox.svelte-18szsp::backdrop{background:transparent}.lightbox.svelte-18szsp img:where(.svelte-18szsp){grid-area:1 / 1;max-width:100%;max-height:calc(100dvh - 112px);width:auto;height:auto;border-radius:12px;border:1px solid color-mix(in srgb,var(--color-base-content) 14%,transparent);box-shadow:var(--float-shadow)}.lightbox.captioned.svelte-18szsp img:where(.svelte-18szsp){max-height:calc(100dvh - 184px);margin-bottom:72px}.lb-caption.svelte-18szsp{position:fixed;left:50%;bottom:24px;transform:translate(-50%);width:min(720px,calc(100vw - 48px));text-align:center}.lb-caption.svelte-18szsp strong:where(.svelte-18szsp){display:block;color:var(--color-base-content);font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:700}.lb-caption.svelte-18szsp span:where(.svelte-18szsp){display:block;margin-top:4px;color:color-mix(in srgb,var(--color-base-content) 70%,transparent);font-size:.95rem}.lb-btn.svelte-18szsp{position:fixed;display:grid;place-items:center;width:44px;height:44px;border:1px solid color-mix(in srgb,var(--color-base-content) 14%,transparent);border-radius:999px;background:var(--color-base-100);color:var(--color-base-content);cursor:pointer}.lb-close.svelte-18szsp{top:16px;right:16px}.lb-prev.svelte-18szsp,.lb-next.svelte-18szsp{top:50%;transform:translateY(-50%)}.lb-prev.svelte-18szsp{left:16px}.lb-next.svelte-18szsp{right:16px}@media(max-width:680px){.thumbs.svelte-18szsp{gap:6px;margin-top:10px}}
