.scroll-preview{display:block;overflow:hidden;position:relative;aspect-ratio:1440/1000;background:#f7f4ee;width:100%}
.scroll-preview>img{display:block!important;width:100%!important;height:auto!important;max-width:none;object-fit:initial!important;transform:translateY(0);transition:transform .45s ease-out;pointer-events:none}
@media(prefers-reduced-motion:no-preference){.is-previewing .scroll-preview>img{transform:translateY(var(--preview-travel,0));transition:transform var(--preview-duration,8s) cubic-bezier(.25,.1,.25,1)}}
[data-motion="off"] .scroll-preview>img{transform:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.scroll-preview>img{transform:none!important;transition:none!important}}
.design-window .frame-crop.scroll-preview{height:auto;aspect-ratio:1440/1000}
.m-example-row>a>.scroll-preview{margin-bottom:18px}
.m-window>.scroll-preview{aspect-ratio:1440/1000}
.mini-site.preview-mini{padding:0;background:#fff;border:6px solid white}.mini-site.preview-mini img{width:100%;height:auto;max-height:none;object-fit:initial;margin:0;border-radius:0}.preview-mini .scroll-preview{aspect-ratio:4/5}
.preview-hint{font-size:12px;color:#736776;line-height:1.7}.gallery-head .logo img{border-radius:8px}
