.before-after__container{border-radius:var(--main-border-radius);overflow:hidden;padding:3rem 1.5rem;--swiper-pagination-color: #B3DDE8;--swiper-pagination-bullet-inactive-color: var(--azure);--swiper-pagination-bullet-size: 6px;--swiper-pagination-bullet-inactive-opacity: 1}.before-after__content p{margin:.5rem 0}.before-after__content small{font-size:.8em}.before-after__slider-nav{display:flex;justify-content:center;flex-wrap:wrap;margin:2rem 0 1rem}.before-after__nav-button{display:inline-block;background-color:transparent;transition:all .2s ease;border:1px solid rgba(0,0,0,.15);border-radius:100px;margin-right:.5rem;margin-bottom:1rem;font-family:var(--font-accent);cursor:pointer;font-size:1.25rem;padding:.4rem 1.75rem .5rem;letter-spacing:4%}.before-after__card{display:flex;border-radius:var(--main-border-radius);overflow:hidden}.before-after__card-left,.before-after__card-right{position:relative;width:50%}:is(.before-after__card-left,.before-after__card-right) img{aspect-ratio:12/11;object-fit:cover;width:100%;height:100%}.before-after__label{position:absolute;left:2rem;top:1.5rem;color:#fff}.before-after .swiper-pagination-bullet-active{width:2.5rem;border-radius:50px}.before-after .swiper-pagination{bottom:-5px}.before-after .swiper--wrapper{display:none}.before-after .swiper--wrapper.active{display:block}.before-after__disclamier{font-size:.8em;padding:1rem}@media screen and (min-width:990px){.before-after__container{padding:4rem 3rem}.before-after__slider-nav{display:flex;justify-content:center;margin:4rem 0}.before-after__nav-button{position:relative;border-radius:0;margin:0;font-size:1.6rem;padding:.5rem 1rem;border:none;border-bottom:1px solid rgba(0,0,0,.15)}.before-after__content{max-width:65rem;margin:0 auto 1.5rem}.before-after__nav-button.active:before{content:"";display:inline-block;position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--teal)}.before-after__disclamier{padding:3rem}}@media screen and (min-width:1440px){.before-after__container{padding:6rem 10rem}}@media screen and (max-width:989px){.before-after__nav-button.active{background-color:#ffffffb3}.before-after .swiper-nav{top:33%}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/section-before-after.css.map */