.animated-poster{position:absolute;width:100%;height:100%;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);gap:1px;opacity:0;transform:scale(.8);transition:opacity .5s ease-out}.animated-puzzle-piece{position:relative;width:100%;height:100%;background-size:600%;background-repeat:no-repeat;transform:scale(0);opacity:0;filter:brightness(.8);transition:all .6s cubic-bezier(.4,0,.2,1)}.animated-puzzle-piece.active{transform:scale(1);opacity:1;filter:brightness(1)}.animated-puzzle-piece:hover{transform:scale(1.1);z-index:2;filter:brightness(1.2)}.animated-movie-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.9));color:white;padding:20px;transform:translateY(100%);transition:transform .5s ease}.animated-poster.active{opacity:1;transform:scale(1)}.animated-poster.active .animated-movie-info{transform:translateY(0)}.animated-loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:animatedSpin 1s linear infinite}