.m-p-g__thumbs{position:relative;display:flex;flex-wrap:wrap}.m-p-g__thumbs-img{vertical-align:bottom;cursor:pointer;height:210px!important;flex:25%;max-width:20%;padding:0 10px 10px 0;z-index:1;position:relative;filter:brightness(100%);-webkit-tap-highlight-color:#fff0;will-change:opacity,transform;transition:all .5s cubic-bezier(.23,1,.32,1)}.m-p-g__thumbs-img.active{z-index:50}.m-p-g__thumbs-img.layout-completed{opacity:1}.m-p-g__thumbs-img.hide{opacity:0}.m-p-g__thumbs-img:hover{filter:brightness(110%)}.m-p-g__fullscreen{position:fixed;z-index:100;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;background:#fff0;visibility:hidden;transition:background .25s ease-out,visibility .01s .5s linear;will-change:background,visibility;backface-visibility:hidden}.m-p-g__fullscreen.active{transition:background .25s ease-out,visibility .01s 0s linear;visibility:visible;background:rgb(0 0 0/.95)}.m-p-g__fullscreen-img{pointer-events:none;position:absolute;transform-origin:left top;top:50%;left:50%;max-height:100vh;max-width:100%;visibility:hidden;will-change:visibility;transition:opacity .5s ease-out}.m-p-g__fullscreen-img.active{visibility:visible;opacity:1!important;transition:transform .5s cubic-bezier(.23,1,.32,1),opacity .5s ease-out}.m-p-g__fullscreen-img.almost-active{opacity:0;transform:translate3d(0,0,0)!important}.m-p-g__controls{position:fixed;top:0;left:0;width:100%;z-index:200;height:20vh;background:linear-gradient(to top,transparent 0%,rgb(0 0 0/.55) 100%);opacity:0;visibility:hidden;transition:all .5s cubic-bezier(.23,1,.32,1)}.m-p-g__controls.active{opacity:1;visibility:visible}.m-p-g__controls-close,.m-p-g__controls-arrow{appearance:none;border:none;background:0 0}.m-p-g__controls-close:focus,.m-p-g__controls-arrow:focus{outline:none}.m-p-g__controls-arrow{position:absolute;z-index:1;top:0;width:20%;height:100vh;display:flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:#fff0;opacity:1}.m-p-g__controls-arrow--prev{left:0;padding-left:3vw;justify-content:flex-start}.m-p-g__controls-arrow--next{right:0;padding-right:3vw;justify-content:flex-end}.m-p-g__controls-close{position:absolute;top:5vh;right:3vw;z-index:5;cursor:pointer;-webkit-tap-highlight-color:#fff0}.m-p-g__btn{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:rgb(255 255 255/.07);transition:all .25s ease-out}.m-p-g__btn:hover{background:rgb(255 255 255/.15)}