@keyframes showModal{0%{transform:translate(110%)}to{transform:translate(0)}}@keyframes hideModal{0%{transform:translate(0)}to{transform:translate(110%)}}.fragment-image{aspect-ratio:var(--ratio,1);background-size:cover;display:block;position:relative;z-index:0}.fragment-image.png{background-image:none!important}.fragment-image .placeholder{background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.fragment-image.bleed{aspect-ratio:unset}.fragment-image img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:var(--pos-x) var(--pos-y);object-position:var(--pos-x) var(--pos-y);opacity:0;width:100%;user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fragment-image img.lazyloaded{opacity:1}.fragment-image img.lazyloaded+.placeholder{opacity:0}.fragment-image.isLoaded img{opacity:1}.fragment-image.isLoaded .placeholder{opacity:0}