@keyframes showModal{0%{transform:translate(110%)}to{transform:translate(0)}}@keyframes hideModal{0%{transform:translate(0)}to{transform:translate(110%)}}.ui-fragments-image{aspect-ratio:var(--ratio,1);background-size:cover;display:block;position:relative;z-index:0}.ui-fragments-image.png{background-image:none!important}.ui-fragments-image .placeholder{background-size:cover;height:100%;left:0;position:absolute;top:0;transition:opacity .3s cubic-bezier(.32,.94,.6,1);width:100%;z-index:-1}.ui-fragments-image.bleed{aspect-ratio:unset}.ui-fragments-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;transition:opacity .5s cubic-bezier(.32,.94,.6,1);width:100%;user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.ui-fragments-image img.lazyloaded{opacity:1}.ui-fragments-image img.lazyloaded+.placeholder{opacity:0}.ui-fragments-image.isLoaded img{opacity:1}.ui-fragments-image.isLoaded .placeholder{opacity:0}