.showcase-row.svelte-1uha8ag{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;margin-top:5rem;padding-inline:clamp(1.5rem,4vw,4rem)}.theme-stack__frames.svelte-1uha8ag{position:relative;aspect-ratio:16 / 10;isolation:isolate;width:100%;max-width:56rem;margin-inline:auto}.theme-frame.svelte-1uha8ag{position:absolute;inset:0;margin:0;overflow:hidden;border:1px solid color-mix(in oklch,var(--border) 70%,transparent);border-radius:.5rem;background:transparent;padding:0;color:inherit;box-shadow:0 14px 30px -18px #00000059;-webkit-mask-image:linear-gradient(to bottom,black 0%,black 76%,rgb(0 0 0 / .38) 100%);mask-image:linear-gradient(to bottom,#000 0% 76%,#00000061);cursor:pointer;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1),border-color .2s ease}.theme-frame.svelte-1uha8ag:focus-visible{outline:2px solid var(--ring);outline-offset:.35rem}.theme-frame.svelte-1uha8ag img:where(.svelte-1uha8ag){display:block;width:100%;height:100%;object-fit:cover;object-position:top left}.theme-frame--light.svelte-1uha8ag{z-index:1;transform:translate(-9%,10%) scale(.93) rotate(-1.2deg)}.theme-frame--dark.svelte-1uha8ag{z-index:2;transform:translate(3%,-2%) scale(.96)}.theme-stack__frames[data-active-theme=light].svelte-1uha8ag .theme-frame--light:where(.svelte-1uha8ag),.theme-stack__frames[data-active-theme=dark].svelte-1uha8ag .theme-frame--dark:where(.svelte-1uha8ag){z-index:4;transform:translate(2%,-1%) scale(.98) rotate(0);box-shadow:0 40px 60px -28px #0006}.theme-stack__frames[data-active-theme=light].svelte-1uha8ag .theme-frame--dark:where(.svelte-1uha8ag){z-index:1;transform:translate(11%,-8%) scale(.9) rotate(1.2deg);opacity:.86}.theme-stack__frames[data-active-theme=dark].svelte-1uha8ag .theme-frame--light:where(.svelte-1uha8ag){z-index:1;transform:translate(-9%,10%) scale(.93) rotate(-1.2deg);opacity:.86}@media(prefers-color-scheme:light){.theme-stack__frames.svelte-1uha8ag:not([data-active-theme]) .theme-frame--light:where(.svelte-1uha8ag){z-index:2;transform:translate(2%,-1%) scale(.98)}.theme-stack__frames.svelte-1uha8ag:not([data-active-theme]) .theme-frame--dark:where(.svelte-1uha8ag){z-index:1;transform:translate(11%,-8%) scale(.9) rotate(1.2deg);opacity:.86}}@media(max-width:640px){.showcase-row.svelte-1uha8ag{margin-top:4rem}}@media(prefers-reduced-motion:reduce){.theme-frame.svelte-1uha8ag{transition:none}}