.gallery-container{margin:0 auto}.gallery-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}@media screen and (min-width:990px){.gallery-header{margin-bottom:48px}}.gallery-right,.gallery-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-4-5)}.gallery-right{grid-template-columns:repeat(2,1fr)}@media screen and (min-width:990px){.gallery-right,.gallery-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-6)}}.gallery-left{position:relative;overflow:hidden;background-color:#f4f4f4;min-height:400px;width:100%}@media screen and (min-width:990px){.gallery-left{min-height:500px}}@media screen and (min-width:990px){.gallery-left{min-height:600px}}.gallery-slider{position:absolute;top:0;left:50%;width:4px;height:100%;background-color:#fff;transform:translate(-50%);cursor:ew-resize;z-index:10}.gallery-comparison{position:relative;width:100%;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none}.gallery-img-wrapper{position:relative;width:100%;height:100%}.gallery-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.gallery-img-after{clip-path:inset(0 0 0 50%)}.gallery-placeholder{width:100%;height:100%;min-height:400px;display:flex;align-items:center;justify-content:center;background-color:#f4f4f4}.gallery-placeholder svg{width:80px;height:80px;opacity:.3}.gallery-item{position:relative;overflow:hidden;background-color:#f4f4f4}@media screen and (max-width:989px){.gallery-item{flex:0 0 85%;scroll-snap-align:center}.gallery-item--wide{grid-column:1 / -1}}@media screen and (min-width:990px){.gallery-item{min-height:300px}}@media screen and (min-width:990px){.gallery-item--wide{grid-column:span 2}}.gallery-static-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.gallery-item:hover .gallery-static-img{transform:scale(1.05)}.gallery-item-placeholder{width:100%;height:100%;min-height:250px;display:flex;align-items:center;justify-content:center;background-color:#f4f4f4}.gallery-item-placeholder svg{width:60px;height:60px;opacity:.3}.gallery-container .before-after,.gallery-container .before-after>div,.gallery-container .before-after>div>picture{height:100%;display:block}.gallery-container .before-after>div>picture img{min-height:100%;object-fit:cover}
/*# sourceMappingURL=/cdn/shop/t/136/assets/section-gallery.css.map */