.before-after-slider-grid-section{width:100%}.before-after-slider-grid-heading{margin:0 0 32px;text-align:left;font-size:2em;font-weight:600;line-height:1.3}.before-after-slider-grid{display:grid;grid-template-columns:1fr;gap:24px}.before-after-slider-grid-item{width:100%}.before-after-slider-grid-media{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden}.before-after-slider-grid-media before-after-slider{display:block;width:100%;height:100%}.before-after-slider-grid-media .before-after-container,.before-after-slider-grid-media .before-after-wrapper{width:100%;height:100%;position:relative}.before-after-slider-grid-media .before-after-wrapper{overflow:hidden;cursor:col-resize;-webkit-user-select:none;user-select:none}.before-after-slider-grid-media .before-image-container,.before-after-slider-grid-media .after-image-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.before-after-slider-grid-media .before-image-container{z-index:1}.before-after-slider-grid-media .after-image-container{z-index:2;clip-path:inset(0 50% 0 0)}.before-after-slider-grid-media .before-image,.before-after-slider-grid-media .after-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.before-after-slider-grid-media .before-label,.before-after-slider-grid-media .after-label{position:absolute;top:16px;z-index:10;padding:6px 12px;background:#000000b3;color:#fff;font-size:12px;font-weight:600;text-transform:uppercase;pointer-events:none}.before-after-slider-grid-media .before-label{left:16px}.before-after-slider-grid-media .after-label{right:16px}.before-after-slider-grid-media .slider-handle{position:absolute;top:0;bottom:0;width:4px;left:50%;z-index:3;cursor:col-resize;transform:translate(-50%)}.before-after-slider-grid-media .slider-line{width:100%;height:100%;background:#fff;box-shadow:0 0 10px #00000080}.before-after-slider-grid-media .slider-button{position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%);background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#333;box-shadow:0 2px 8px #0000004d}.before-after-slider-grid-media .slider-button svg{width:22px;height:22px}.before-after-slider-product-name{margin:16px 0 0;text-align:center;font-size:18px;font-weight:600;line-height:1.4}@media screen and (min-width:769px){.before-after-slider-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:768px){.before-after-slider-grid-heading{font-size:24px;margin-bottom:24px}.before-after-slider-grid{gap:20px}.before-after-slider-grid-media{aspect-ratio:4 / 5}.before-after-slider-grid-media .before-label,.before-after-slider-grid-media .after-label{top:10px;font-size:11px;padding:5px 10px}.before-after-slider-grid-media .before-label{left:10px}.before-after-slider-grid-media .after-label{right:10px}.before-after-slider-grid-media .slider-button{width:38px;height:38px}.before-after-slider-grid-media .slider-button svg{width:20px;height:20px}.before-after-slider-product-name{font-size:16px;margin-top:12px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/before-after-slider-grid.css.map */