.before-after-effect{border:1px solid #808080;border-top:none;border-radius:0 0 .5rem .5rem}.before-after-effect summary{margin:0;color:#000;padding:1.1rem 2.3rem;font-family:var(--font-heading-family)}.before-after-effect .details-wrapper{padding:0 2.4rem}.before-after-effect .icon-close,.before-after-effect .icon-open{position:absolute;top:0;width:1.7rem;right:1.7rem;height:100%;display:flex;transition:all ease-in-out .3s}.before-after-effect .icon-close{transform:rotate(90deg);transition:all ease-in-out .3s}.before-after-effect[open] .icon-close{transform:rotate(0);transition:all ease-in-out .3s}.before-after-effect .heading{text-align:center;margin:1.2rem 0;font-weight:var(--font-body-light)}.before-after-effect img{display:block;max-width:100%}.before-after-effect .container{position:relative;overflow:hidden;border-radius:1rem;--position: 50%;margin-bottom:2.4rem}.before-after-effect .ba-image-container{height:100%;width:100%}.before-after-effect .ba-slider-image{width:100%;height:100%;object-fit:cover;object-position:left}.before-after-effect .image-before{position:absolute;top:0;right:0;bottom:0;left:0;width:var(--position)}.before-after-effect .ba-slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;opacity:0;width:100%;height:100%}.before-after-effect .slider:focus-visible~.ba-slider-button{outline:5px solid black;outline-offset:3px}.before-after-effect .ba-slider-line{position:absolute;top:0;right:0;bottom:0;left:0;width:.5rem;height:100%;background-color:#fff;left:var(--position);transform:translate(-50%);pointer-events:none}.before-after-effect .ba-slider-button{height:6rem;width:6rem;position:absolute;background-color:#fff;color:#000;padding:.5rem;border-radius:50%;display:flex;align-items:center;top:50%;left:var(--position);transform:translate(-50%,-50%);pointer-events:none;box-shadow:1px 1px 1px #08030380;justify-content:center}.ba-info-wrapper{padding-bottom:2.4rem}.ba-info-wrapper .ba-info-title{font-family:var(--font-heading-family);font-size:1.6rem;font-weight:var(--font-heading-medium);line-height:2.4rem;color:#000;margin-bottom:2rem}.ba-info-wrapper .ba-info{display:flex;flex-direction:column;gap:2.4rem}.ba-info-wrapper .ba-stack{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}.ba-stack .ba-number{background:var(--color-primary);color:#fff;font-family:var(--font-body-family);font-weight:var(--font-body-normal);font-size:2.8rem;padding:.5rem .8rem;border-radius:1rem;display:flex;justify-content:center;align-items:center;white-space:nowrap}.ba-stack .ba-text{background:#04a9980f;color:#000;font-family:var(--font-heading-family);font-weight:var(--font-heading-light);font-size:1.6rem;line-height:2.4rem;display:flex;align-items:center;grid-column:span 4;border-radius:0 1rem 1rem 0;padding:1.5rem}.filter-observer-pdp{margin-bottom:0}@media screen and (max-width: 749px){.ba-info-wrapper .ba-info{gap:1.6rem}.ba-stack .ba-number{font-size:2.3rem;padding:0}.ba-stack .ba-text{font-size:1.2rem;padding:1.5rem}.before-after-effect .ba-slider-button{height:4.4rem;width:4.4rem}}
/*# sourceMappingURL=/cdn/shop/t/2241/assets/before-after-effect.css.map */