.skeleton-ui-tile{width:100%;position:relative;overflow:hidden}.skeleton-ui-tile .skeleton-ui-image{aspect-ratio:4/5;width:100%;position:relative;background:-webkit-gradient(linear, left top, right top, color-stop(25%, rgba(224,224,224,0.8)), color-stop(50%, rgba(240,240,240,0.8)), color-stop(75%, rgba(224,224,224,0.8)));background:-webkit-linear-gradient(left, rgba(224,224,224,0.8) 25%, rgba(240,240,240,0.8) 50%, rgba(224,224,224,0.8) 75%);background:-o-linear-gradient(left, rgba(224,224,224,0.8) 25%, rgba(240,240,240,0.8) 50%, rgba(224,224,224,0.8) 75%);background:linear-gradient(90deg, rgba(224,224,224,0.8) 25%, rgba(240,240,240,0.8) 50%, rgba(224,224,224,0.8) 75%);-webkit-background-size:200% 100%;background-size:200% 100%;-webkit-animation:skeleton-loading 1.2s ease-in-out infinite;animation:skeleton-loading 1.2s ease-in-out infinite;-webkit-transition:opacity 0.5s ease;-o-transition:opacity 0.5s ease;transition:opacity 0.5s ease}.skeleton-ui-tile .skeleton-ui-image picture{height:100%;width:100%;display:block}.skeleton-ui-tile .skeleton-ui-image picture img{width:100%;height:100%;opacity:0;-o-object-fit:cover;object-fit:cover}.skeleton-ui-tile .skeleton-ui-image picture img.lazyloaded,.skeleton-ui-tile .skeleton-ui-image picture img.preloaded{background:none;-webkit-animation:none;animation:none;opacity:1}@-webkit-keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}

/*# sourceMappingURL=productSkeleton.css.map */