.preview-section.svelte-ka26mi{background:linear-gradient(to bottom,transparent 150px,var(--colour-white) 150px);padding:0 0 var(--space-16) 0;margin-top:-150px;overflow:hidden;position:relative}.preview-container.svelte-ka26mi{max-width:140%;width:140%;margin-left:-20%;position:relative;z-index:2}.preview-container.svelte-ka26mi:before{content:"";display:block;padding-top:calc((100% - 2 * var(--space-12)) / 6 + var(--space-12))}.preview-slot.svelte-ka26mi{position:absolute;top:var(--space-12);left:0;width:calc((100% - 2 * var(--space-12)) / 3);aspect-ratio:2 / 1;transition:transform 1.2s cubic-bezier(.16,1,.3,1),top 1.2s cubic-bezier(.16,1,.3,1);will-change:transform,top}.preview-slot[data-pos="0"].svelte-ka26mi{transform:translate(0);top:var(--space-12)}.preview-slot[data-pos="1"].svelte-ka26mi{transform:translate(calc(100% + var(--space-12)));top:0}.preview-slot[data-pos="2"].svelte-ka26mi{transform:translate(calc(200% + 2 * var(--space-12)));top:var(--space-12)}@keyframes svelte-ka26mi-preview-wrap-out{0%{transform:translate(calc(200% + 2 * var(--space-12)));top:var(--space-12)}to{transform:translate(calc(300% + 3 * var(--space-12)));top:var(--space-12)}}@keyframes svelte-ka26mi-preview-wrap-in{0%{transform:translate(calc(-100% - var(--space-12)));top:var(--space-12)}to{transform:translate(0);top:var(--space-12)}}.preview-slot.wrapping.svelte-ka26mi{animation:svelte-ka26mi-preview-wrap-out 1.2s cubic-bezier(.16,1,.3,1) forwards;transition:none}.preview-slot.incoming.svelte-ka26mi{animation:svelte-ka26mi-preview-wrap-in 1.2s cubic-bezier(.16,1,.3,1) forwards;transition:none}.preview-screenshot.svelte-ka26mi{width:100%;height:100%;object-fit:contain;object-position:top;border-radius:12px 12px 0 0;box-shadow:-10px -10px 30px #00000040}.preview-placeholder.svelte-ka26mi{width:100%;height:100%;background-color:var(--colour-charcoal);border-radius:12px 12px 0 0;box-shadow:-10px -10px 30px #00000040;display:flex;align-items:center;justify-content:center;border:2px dashed var(--colour-mint)}.placeholder-label.svelte-ka26mi{font-family:var(--font-body);font-size:1rem;color:var(--colour-mint);opacity:.6}@media(prefers-reduced-motion:reduce){.preview-slot.svelte-ka26mi{transition:none;animation:none}}@media(max-width:1024px){.preview-container.svelte-ka26mi{width:150%;max-width:150%;margin-left:-25%}}@media(max-width:900px){.preview-container.svelte-ka26mi{width:160%;max-width:160%;margin-left:-30%}}@media(max-width:768px){.preview-slot.svelte-ka26mi:nth-child(n+2){display:none}.preview-container.svelte-ka26mi{display:flex;flex-direction:column;width:100%;max-width:100%;margin-left:0;gap:var(--space-6)}.preview-container.svelte-ka26mi:before{content:none}.preview-slot.svelte-ka26mi,.preview-slot[data-pos="1"].svelte-ka26mi,.preview-slot[data-pos="2"].svelte-ka26mi,.preview-slot.wrapping.svelte-ka26mi,.preview-slot.incoming.svelte-ka26mi{position:static;width:100%;top:0;transform:none;transition:none;animation:none}}