.flockstar-mobile-preview{display:none}
@media(max-width:767px){
  .flockstar-mobile-preview:not([hidden]){display:flex;position:fixed;inset:0 0 auto;z-index:100;height:min(26svh,210px);padding:8px;background:#fff;border-bottom:1px solid #ddd;box-shadow:0 3px 12px #00000014;align-items:center;justify-content:center;touch-action:pan-y}
  .flockstar-mobile-preview__image{position:relative;height:100%;max-width:100%;aspect-ratio:var(--preview-ratio);overflow:hidden}
  .flockstar-mobile-preview__image>img{display:block;width:100%;height:100%;object-fit:contain}
  .flockstar-mobile-preview__image>svg{position:absolute;inset:0;width:100%;height:100%}
  html.flockstar-preview-visible{scroll-padding-top:calc(min(26svh,210px) + 16px)}
  body.modal-open .flockstar-mobile-preview{display:none!important}
}