.img-wrap,.img-wrap img{display:block}.js .grid::after,.preview{pointer-events:none;top:0}.js .grid::after,.preview::before{content:'';top:0;left:0}.clone,.original{-webkit-backface-visibility:hidden}.grid{position:relative;margin:0 auto}.js .grid::after{position:absolute;width:100%;height:100%;background:url(images/loading.svg) 50% 75px no-repeat #F3F8FB;background-size:60px auto;-webkit-transition:opacity .3s;transition:opacity .3s}.js .grid--loaded::after{opacity:0}.grid__item{width:270px;padding:10px}.grid__item--current{opacity:0!important}.img-wrap:focus,.img-wrap:hover{outline:0}.img-wrap img{max-width:100%;border:1px solid #ededed;background:#fff}.preview{position:fixed;z-index:1000;left:0;display:-ms-flex;display:-webkit-flex;display:flex;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;width:100%;height:75%}.preview::before{position:fixed;width:100vw;height:100vh;opacity:0;background-image:url(../images/dots.png);background-color:#fff;-webkit-transition:opacity .6s;transition:opacity .6s}.preview--open{pointer-events:auto}.preview--open::before{opacity:1}.clone{position:fixed;z-index:110;-webkit-transition:-webkit-transform .5s;transition:transform .5s}.original{position:relative;z-index:120;display:block;margin:auto 0;object-fit:contain;-webkit-transition:opacity .2s;transition:opacity .2s}.preview--open .animate{-webkit-transition:-webkit-transform .6s,opacity .2s;transition:transform .6s,opacity .2s}.animate{-webkit-transition:-webkit-transform .3s,opacity .2s;transition:transform .3s,opacity .2s}.description{color:#222}.js .description--grid{display:none}.description--preview{font-size:1.3em;position:absolute;top:100%;left:0;z-index:140;display:-ms-flex;display:-webkit-flex;display:flex;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width:100%;height:25vh;text-align:center;padding:0;opacity:0;-webkit-transition:opacity .8s,-webkit-transform .8s;transition:opacity .8s,transform .8s;-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1);-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}.preview--open .description--preview{opacity:1;-webkit-transition-delay:.2s;transition-delay:.2s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.action{font-size:1.7em;margin:0;padding:0;cursor:pointer;vertical-align:top;color:#ccc;border:none;background:0 0}.action:focus,.action:hover{color:#333;outline:0}.action--close{position:fixed;z-index:150;top:0;right:0;padding:1em;opacity:0;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;-webkit-transform:scale3d(.6,.6,1);transform:scale3d(.6,.6,1)}.preview--image-loaded .action--close{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}.text-hidden{position:absolute;display:block;overflow:hidden;width:0;height:0;color:transparent}