.tile-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:transform .4s var(--ease-out);animation:tile-crossfade var(--cycle, 10s) ease-in-out infinite;animation-delay:calc(var(--cycle, 10s) / 4 * var(--idx, 0));-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}@media(hover:hover)and (pointer:fine){.tile:hover .tile-img{transform:translateZ(0) scale(1.06)}}@keyframes tile-crossfade{0%{opacity:0}4%{opacity:1}21%{opacity:1}29%{opacity:0}to{opacity:0}}.tile.reveal{filter:none}@media(prefers-reduced-motion:reduce){.tile-img{animation:none;opacity:0;transition:none}.tile-img:first-child{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/motion-extras-tile-crossfade.css.map */
