:root{--white-color:#fff;--background-color:#eee}body{background-color:var(--background-color)}.gallery{--size:min(60vmin,400px);width:var(--size);height:var(--size);border:6px solid var(--white-color);background-color:var(--white-color);grid-template-rows:50% 50%;grid-template-columns:1fr 1fr;gap:6px;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 10px rgba(0,0,0,.133),0 20px 40px -20px rgba(0,0,0,.267)}.gallery img{width:100%;height:100%;object-fit:cover}.gallery img:nth-child(1){grid-area:1/1;justify-self:end;animation-name:moveHorizontal,shrinkHorizontal;animation-duration:8.5s,2s;animation-timing-function:ease,ease-in;animation-iteration-count:1,1;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:.5s,9s;animation-fill-mode:forwards}.gallery img:nth-child(2){grid-area:1/2;justify-self:end;animation:shrinkHorizontal 2s 11s forwards}.gallery img:nth-child(3){object-position:0 0;grid-area:2/1/auto/3;align-self:end;animation-name:moveVertical,shrinkVertical;animation-duration:5s,3s;animation-timing-function:ease,ease;animation-iteration-count:1,1;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:1s,5s;animation-fill-mode:forwards}.gallery img:nth-child(4){width:0;grid-area:1/1/auto/3;align-self:start;justify-self:center;animation-name:growHorizontal,moveHorizontal,shrinkVertical;animation-duration:2.25s,4s,2s;animation-timing-function:ease,ease,ease;animation-iteration-count:1,1,1;animation-direction:normal,normal,normal;animation-play-state:running,running,running;animation-delay:11s,14s,18s;animation-fill-mode:forwards}.gallery img:nth-child(5){width:0;grid-area:2/1;align-self:end;justify-self:start;animation-name:growHorizontal,moveVertical,shrinkHorizontal;animation-duration:2.5s,4s,2s;animation-timing-function:ease,ease,ease;animation-iteration-count:1,1,1;animation-direction:normal,normal,normal;animation-play-state:running,running,running;animation-delay:7.5s,12.5s,17s;animation-fill-mode:forwards}.gallery img:nth-child(6){width:0;grid-area:2/2;align-self:end;justify-self:end;animation-name:growHorizontal,shrinkHorizontal;animation-duration:2s,2s;animation-timing-function:ease,ease;animation-iteration-count:1,1;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:8s,17s;animation-fill-mode:forwards}.gallery img:nth-child(7){width:0;object-position:0 0;grid-area:1/1/3/3;align-self:end;justify-self:end;animation-name:growHorizontal,moveHorizontal;animation-duration:2s,16s;animation-timing-function:ease,ease;animation-iteration-count:1,1;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:20s,21.5s;animation-fill-mode:forwards}@keyframes moveHorizontal{to{object-position:100% 0}}@keyframes moveVertical{to{object-position:0 100%}}@keyframes shrinkVertical{to{height:0}}@keyframes shrinkHorizontal{to{width:0}}@keyframes growHorizontal{to{width:100%}}@keyframes growHorizontal2{to{width:70%}}@keyframes growVertical{to{height:100%}}@keyframes growAll{to{width:100%;height:100%}}
/*# sourceMappingURL=animated-mini-gallery-page.47fa6e3a.css.map */