.image-element[data-v-cebf061d]{aspect-ratio:auto;aspect-ratio:var(--aspect-ratio,auto);pointer-events:none;position:relative;position:var(--image-position,relative);transition-duration:var(--transition-duration);transition-property:opacity;-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-element[data-v-cebf061d]>*{bottom:0;height:100%;left:0;margin:auto;position:absolute;right:0;top:0;width:100%;z-index:1}.image-element .picture-element[data-v-cebf061d]{opacity:0;opacity:var(--image-opacity,0);transition:opacity calc(var(--transition-duration)*2) ease-in-out}.picture-element[data-v-cebf061d]:is(.image-element .picture-element),:is(.image-element .picture-element[data-v-cebf061d])>img{aspect-ratio:auto;aspect-ratio:var(--aspect-ratio,auto);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;-o-object-position:var(--object-position,center);object-position:var(--object-position,center)}:is(.image-element .picture-element[data-v-cebf061d]) img{height:100%;width:100%}.image-element>canvas[data-v-cebf061d]{z-index:0}.image-element.loaded[data-v-cebf061d]{--image-opacity:1;--image-position:relative}