.showcase.svelte-1l49ouf{position:relative;width:100%}.showcase.row.svelte-1l49ouf{aspect-ratio:var(--showcase-aspect, 16 / 10)}.showcase.case.svelte-1l49ouf{container:showcase / inline-size;--padx: 6cqw;--pady: 3.5cqw}.showcase.hero.svelte-1l49ouf{height:100%}.comp-compact.svelte-1l49ouf{display:none}@container showcase (max-width: 640px){.comp-full.svelte-1l49ouf:not(:only-child){display:none}.comp-compact.svelte-1l49ouf{display:block}}.stage.svelte-1l49ouf{position:absolute;inset:9% 7%;container-type:size;display:grid;place-items:center}.hero.svelte-1l49ouf .stage:where(.svelte-1l49ouf){inset:0}.hero.svelte-1l49ouf .composition:where(.svelte-1l49ouf){width:min(100cqw,calc(100cqh * var(--ar)),calc(var(--cap) * 1.4))}.case.svelte-1l49ouf .stage:where(.svelte-1l49ouf){position:static;container-type:normal;padding:var(--pady) var(--padx)}.composition.svelte-1l49ouf{--cu: calc(100cqw / var(--wc));position:relative;container-type:inline-size;width:min(100cqw,calc(100cqh * var(--ar)),var(--cap));aspect-ratio:var(--ar)}.case.svelte-1l49ouf .composition:where(.svelte-1l49ouf){width:min(calc(100cqw - 2 * var(--padx)),var(--cap),calc((85vh - 2 * var(--pady)) * var(--ar)))}.web.svelte-1l49ouf,.phone.svelte-1l49ouf{position:absolute;left:calc(var(--x) * var(--cu));top:calc(var(--y) * var(--cu));box-shadow:var(--shadow-screen)}img.svelte-1l49ouf{display:block;width:100%;height:auto;object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.web.svelte-1l49ouf{width:calc(82 * var(--cu));overflow:hidden;border-radius:var(--radius-screen);line-height:0}.phone.svelte-1l49ouf{--pw: calc(23 * var(--cu));--bezel: calc(var(--pw) * .018);--r: calc(var(--pw) * .14);width:var(--pw);box-sizing:border-box;padding:var(--bezel);border-radius:var(--r);background:#0b0b0c;line-height:0}.phone.svelte-1l49ouf img:where(.svelte-1l49ouf){border-radius:calc(var(--r) - var(--bezel))}