.gg-container{--main-color:#000;--secondary-color:#111;--txt-color:#fff;--img-bg-color:rgba(240, 240, 240, 0.9);--backdrop-color:rgba(240, 240, 240, 0.9);--gap-length:2px;--row-height:200px;--column-width:220px;margin-top:1rem}.gg-container [data-theme=dark]{--main-color:#ddd;--secondary-color:#eee;--txt-color:#111;--img-bg-color:rgba(20, 20, 20, 0.9);--backdrop-color:rgba(30, 30, 30, 0.9)}.gg-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--column-width),1fr));grid-auto-rows:var(--row-height);grid-gap:var(--gap-length);margin:20px 0}.gg-box img{object-fit:cover;cursor:pointer;width:100%;height:100%;transition:.4s}.gg-box img:hover{opacity:.95}#gg-screen{position:fixed;width:100%;height:100%;top:0;left:0;background:var(--backdrop-color);z-index:9999;text-align:center}#gg-screen .gg-image{height:100%;display:inline-flex;justify-content:center;align-items:center}#gg-screen .gg-image img{max-width:100%;max-height:100%;margin:0 auto}.gg-btn{width:35px;height:35px;background:var(--main-color);color:var(--txt-color);text-align:center;line-height:35px;cursor:pointer;-moz-transition:all .4s ease;-o-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease;font-size:20px;box-sizing:border-box;padding-left:2px;position:fixed;bottom:10px}.gg-close{top:10px;right:10px}.gg-next{bottom:50%;right:20px}.gg-prev{bottom:50%;left:20px}.gg-close,.gg-next,.gg-prev{background:rgba(30,30,30,.6);height:60px;width:60px;display:flex;justify-content:center;align-items:center;border-radius:50%;transition:.2s}.gg-close:hover,.gg-next:hover,.gg-prev:hover{background:rgba(30,30,30,.3);cursor:pointer}.gg-close i,.gg-next i,.gg-prev i{color:#fff;transition:.2s;font-size:40px}@media (max-width:768px){.gg-box{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-auto-rows:calc(var(--row-height) - 15vh);margin:10px 0}.gg-close i,.gg-next i,.gg-prev i{font-size:30px}.gg-next{right:10px;bottom:10px}.gg-prev{left:10px;bottom:10px}.gg-close,.gg-next,.gg-prev{background:rgba(30,30,30,.7);height:50px;width:50px}}@media (max-width:450px){.gg-box{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}}