.gallery-grid-section{background:#111;overflow:hidden;height:70vh;position:relative}.gallery-grid-gradient{position:absolute;left:0;top:0;bottom:0;width:30vw;background:linear-gradient(90deg,#111111,#111111eb,#111111c7,transparent);z-index:10;pointer-events:none}.gallery-grid-blur{position:absolute;bottom:0;height:20%;width:100%;background-image:linear-gradient(#0000,#2e2e2e);-webkit-backdrop-filter:blur(16);backdrop-filter:blur(16);z-index:20}.gallery-grid-row{display:grid;grid-template-columns:repeat(18,180px);gap:20px}.gallery-grid-rows-container{display:grid;grid-template-rows:repeat(18,1fr);gap:20px;animation:translateGrid 200s linear infinite alternate}.gallery-grid-card{position:relative;transition:all .2s ease;height:180px;width:180px}.gallery-grid-card:hover{transform:translate(10px) translateY(-10px)}.gallery-grid-card:hover .gallery-grid-card-title{opacity:1}.gallery-grid-img-container{overflow:hidden;background:#d9d9d905;display:flex;justify-content:center;align-items:center;border-radius:16px;box-shadow:-70px 70px 65px #4e4e4e12,-30px 30px 30px #4949490f,-15px 15px 15px #4f4f4f0d,-10px 10px 8px #4d4d4d0a,-4px 4px 4px #49494908,-2px 2px 2px #49494905}.gallery-grid-img-container img{width:100%;transform:scale(1.7)}.gallery-grid-card-title{position:absolute;bottom:10px;left:50%;width:100%;transform:translate(-50%);text-align:center;color:#fff;font-weight:700;opacity:0;transition:all .2s ease-in}@keyframes translateGrid{0%{transform:translate(-2500px) translateY(-1800px) rotateX(20deg) rotate(-20deg) skew(20deg) translateZ(0)}to{transform:translate(700px) translateY(-600px) rotateX(20deg) rotate(-20deg) skew(20deg) translateZ(0)}}@media screen and (max-width: 1920px){@keyframes translateGrid{0%{transform:translate(-2500px) translateY(-1500px) rotateX(20deg) rotate(-20deg) skew(20deg) translateZ(0)}to{transform:translate(700px) translateY(-300px) rotateX(20deg) rotate(-20deg) skew(20deg) translateZ(0)}}}@media screen and (max-width: 900px){@keyframes translateGrid{0%{transform:translate(-2500px) translateY(-1200px) rotateX(20deg) rotate(-20deg) skew(20deg) translateZ(0)}to{transform:translate(700px) translateY(-300px) rotateX(20deg) rotate(-20deg) skew(20deg) translateZ(0)}}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/custom-gallery-grid.css.map */