.case-media.svelte-g6cybu{display:grid;gap:.5rem;align-items:center}.case-media.is-vertical.svelte-g6cybu{max-width:28rem;margin-inline:auto}.frame.svelte-g6cybu{position:relative;overflow:hidden;background:var(--surface-grey, #efefef)}.frame.is-center.svelte-g6cybu{aspect-ratio:4 / 3}.frame.is-side.svelte-g6cybu{display:none;aspect-ratio:1}.case-media.is-vertical.svelte-g6cybu .frame.is-center:where(.svelte-g6cybu){aspect-ratio:9 / 16}.still.svelte-g6cybu,.preview.svelte-g6cybu{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform 1.15s cubic-bezier(.22,1,.36,1)}.preview.svelte-g6cybu,.group.svelte-g6cybu:hover .frame.has-video:where(.svelte-g6cybu) .still:where(.svelte-g6cybu){opacity:0}.group.svelte-g6cybu:hover .preview:where(.svelte-g6cybu){opacity:1}.group.svelte-g6cybu:hover .still:where(.svelte-g6cybu),.group.svelte-g6cybu:hover .preview:where(.svelte-g6cybu){transform:scale(1.045)}.play.svelte-g6cybu{pointer-events:none;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#ffffffe6;font-size:2.25rem;opacity:.8;transition:opacity .7s cubic-bezier(.22,1,.36,1)}.group.svelte-g6cybu:hover .play:where(.svelte-g6cybu){opacity:0}@media (min-width: 768px){.case-media.svelte-g6cybu:not(.is-vertical){grid-template-columns:minmax(0,1fr) minmax(0,1.85fr) minmax(0,1fr)}.frame.is-side.svelte-g6cybu{display:block}}@media (prefers-reduced-motion: reduce){.still.svelte-g6cybu,.preview.svelte-g6cybu,.play.svelte-g6cybu{transition:none}}