.ba_main{display:flex;place-items:center;flex-wrap:wrap;gap:30px;max-width:100%;width:100%;margin:0 auto}img{display:block;max-width:100%}.container{display:grid;position:relative;overflow:hidden;--position: 50%;width:100%;margin:0 auto}.image-container{max-width:100%}.before_badge{z-index:99!important;position:absolute;bottom:15px;left:15px;background:#fff;padding:0 5px;color:#000}.after_badge{z-index:99!important;position:absolute;bottom:15px;right:15px;background:#fff;padding:0 5px;color:#000}.slider-image{width:100%;height:100%;object-fit:cover;object-position:left;max-height:100%}.image-before{position:absolute;top:0;right:0;bottom:0;left:0;width:var(--position)}.ba-slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;opacity:0;width:100%;height:100%}.ba-slider:focus-visible~.slider-button{outline:5px solid black;outline-offset:3px}.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-slider-button{position:absolute;background-color:#ffffffb5!important;color:#000;padding:.5rem;border-radius:100vw;display:grid;place-items:center;top:50%;left:var(--position);transform:translate(-50%,-50%);pointer-events:none;box-shadow:1px 1px 1px #08030380;width:10px;height:40px}.image-container .mobile-image{display:none}@media only screen and (max-width: 768px){.image-container .desktop-image{display:none}.image-container .mobile-image{display:block}.container{width:100%}.slider-image,.image-container{height:100vh}}
/*# sourceMappingURL=/cdn/shop/t/114/assets/tr-before-after-section.css.map */