.ba_main{display:flex;place-items:center;flex-wrap:wrap;gap:30px;padding:0 5rem;max-width:1800px;width:100%;margin:50px auto}.ba_main img{display:block;max-width:100%}.ba_main .container{display:grid;position:relative;overflow:hidden;border-radius:5px;justify-items:center;line-height:2;--position: 50%;text-align:center}.ba_main .image-container{max-width:1800px}.ba_main .ba_badge{z-index:99;position:absolute;bottom:15px;background:#fff;padding:0 5px;border-radius:5px;color:#000}.ba_main .before_badge{left:15px}.ba_main .after_badge{right:15px}.ba_main .slider-image{width:100%;height:100%;object-fit:cover;object-position:left;max-height:500px}.ba_main .image-before{position:absolute;top:0;right:0;bottom:0;left:0;width:var(--position)}.ba_main .image-before.grayscale{filter:grayscale(100%)}.ba_main .desktop-image{display:block}.ba_main .mobile-image{display:none}@media only screen and (max-width: 768px){.ba_main .desktop-image{display:none}.ba_main .mobile-image{display:block}}.ba_main .before_img:not(:has(.mobile-image)) .desktop-image,.ba_main .after_img:not(:has(.mobile-image)) .desktop-image{display:block!important}.ba_main .ba-slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;opacity:0;width:100%;height:100%}.ba_main .ba-slider:focus-visible~.slider-button{outline:5px solid black;outline-offset:3px}.ba_main .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}.ba_main .slider-button{position:absolute;background-color:#fff;color:#000;padding:.5rem;border-radius:100%;width:50px;height:50px;display:grid;place-items:center;top:50%;left:var(--position);transform:translate(-50%,-50%);pointer-events:none;box-shadow:1px 1px 1px #08030380;align-content:center}.before_after-paragraph{padding:2px}@media only screen and (max-width: 768px){.ba_main .container{width:100%}.ba_main{padding:0 20px}.ba_main .slider-button{width:40px;height:40px;align-content:center}h3.before_after-heading{font-size:24px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-before-after.css.map */