.static-mockup-fit{aspect-ratio:1280/840;width:100%;position:relative;container-type:inline-size}.static-mockup-frame{box-sizing:border-box;background:var(--surface-1);border:1px solid var(--edge);transform-origin:0 0;width:1280px;height:840px;transform:scale(calc(.078125cqw / 1px));border-radius:15px;position:absolute;top:0;left:0;overflow:hidden}.static-preview-image{margin:72px 0;overflow-x:clip}.static-preview-image .static-preview-image__content{box-sizing:border-box;max-width:1560px;margin:0 auto;padding:0 18px}.static-preview-image .static-preview-image__content>.static-mockup,.static-preview-image .static-preview-image__content>img{width:100%;height:auto;box-shadow:var(--shadow-3);background-color:var(--surface-0);border-radius:15px;display:block}@supports (animation-timeline:view()){.static-preview-image .static-preview-image__content>.static-mockup,.static-preview-image .static-preview-image__content>img{animation:linear both preview-float;animation-timeline:view()}}.static-preview-image.static-preview-image--perspective{position:relative}.static-preview-image.static-preview-image--perspective:after{content:"";background:linear-gradient(to bottom,transparent 0,var(--surface-0) 80%,var(--surface-0) 100%);height:40%;position:absolute;bottom:-72px;left:0;right:0}.static-preview-image.static-preview-image--space{margin-top:144px}@media (width>=960px){.static-preview-image .static-preview-image__content{padding:0 36px}}@media (width>=1280px){.static-preview-image .static-preview-image__content{padding:0 72px}}@media (prefers-reduced-motion:reduce){.static-preview-image .static-preview-image__content>.static-mockup,.static-preview-image .static-preview-image__content>img{animation:none}}