.before-after__grid{display:grid;grid-template-columns:repeat(var(--columns),1fr);justify-content:space-between;gap:30px;align-items:center}@media screen and (max-width: 767px){.before-after__grid:not(.swiper){grid-template-columns:repeat(1,1fr)}}img{display:block;max-width:100%}.before-after__image__container{position:absolute;top:0;left:0;width:100%;height:100%}.before-after__image{display:grid;place-content:center;position:relative;overflow:hidden;border-radius:16px;--position: 50%;aspect-ratio:calc(var(--image_aspect_ratio) / 100)}.before-after__img{width:100%;height:100%;object-fit:cover;object-position:left}.before-after__image--before{position:absolute;top:0;right:0;bottom:0;left:0;width:var(--position)}.before-after__image-slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;opacity:0;padding:0;width:100%;height:100%}.before-after__image-slider:focus-visible~.before-after__image-slider-button{outline:5px solid black;outline-offset:3px}.before-after__image-slider-line{position:absolute;top:0;right:0;bottom:0;left:0;width:.2rem;height:100%;background-color:#fff;left:var(--position);transform:translate(-50%);pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:space-between;z-index:2}.before-after__image-slider-button{position:absolute;display:grid;place-items:center;top:50%;left:var(--position);transform:translate(-50%,-50%);pointer-events:none}.before-label,.after-label{position:absolute;top:90%;transform:translateY(-50%);font-size:1.1rem;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.7);pointer-events:none;display:inline-block;font-family:var(--FONT-STACK-HEADING);font-weight:400;z-index:2}.before-label{position:absolute;top:90%;left:-10vw}.after-label{position:absolute;top:90%;right:-10vw}@media screen and (Max-width: 767px){.before-label{left:-30vw}.after-label{right:-30vw}}.before-after__image:before{content:"";position:absolute;right:0;top:auto;bottom:0;left:0;width:100%;height:20%;background:linear-gradient(to top,#00000059,#0000);pointer-events:none;z-index:1}.before-after__mobile-controls{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px;position:relative;margin-top:30px}.before-after__mobile-controls .swiper-button,.before-after__mobile-controls .before-after__pagination{display:inline-block;position:relative;cursor:pointer;top:inherit;bottom:inherit;left:inherit;right:inherit}.before-after__mobile-controls .swiper-button{width:25px;height:25px;border:1px solid #0000002e;border-radius:50%;display:flex;align-items:center;justify-content:center}.before-after__mobile-controls .before-after__pagination{width:auto}.before-after__mobile-controls .swiper-pagination-bullet{background-color:transparent;border:1px solid #000;width:16px;height:16px;border-radius:10px}.before-after__mobile-controls .swiper-pagination-bullet-active{background-color:#000;width:25px}
/*# sourceMappingURL=/cdn/shop/t/76/assets/before-after.css.map */