.before-after-image-slider{padding-bottom:32px;padding-top:20px}.before-after-image-slider img{width:100%}.before-after-image-slider .carousel-cell{background:#fff;border-radius:16px;margin:auto;padding:22px 8px;width:66%;max-width:660px;opacity:.3}.before-after-image-slider .carousel-cell.is-selected{opacity:1}.product-btn{width:100%}.before-after-image-slider a{color:#000;text-decoration:none}.before-after-image-slider a .title:hover{text-decoration:underline}.before-after-image-slider a .title,.before-after-image-slider a .price{margin:0}.before-after-image-slider .flickity-button.flickity-prev-next-button.previous,.before-after-image-slider .flickity-button.flickity-prev-next-button.next{width:68px;height:68px;padding:0 23px;border-radius:12px;border:.5px solid #032531;background:#fff;color:#032531}.before-after-image-slider .flickity-prev-next-button .flickity-button-icon{max-width:23px;max-height:16px;top:50%;left:50%;transform:translate(-50%,-50%)}.before-after-image-slider .flickity-button-icon path{stroke:#032531;fill:transparent;stroke-width:1.5px}.before-after-image-slider .flickity-button.flickity-prev-next-button.next .flickity-button-icon path{transform:rotate(180deg) translate(-23px,-16px)}.before-after-image-slider:focus-visible,.before-after-image-slider .carousel:focus-visible{outline:unset;outline-offset:unset;box-shadow:unset}.image-group-before-after{display:flex;width:100%;align-items:flex-start;justify-content:center}.image-before-after{position:relative}.image-before-after img{width:100%;height:100%}.image-before-after .media{background-color:transparent}.image-group-before-after .image-before,.image-group-before-after .image-after{width:50%}.image-before-after-badge{height:40px;width:170px;padding:13px 24px;border-radius:30px;border:.5px solid #032531;background:#fff;font-family:Publico Banner Web;font-size:20px;font-weight:300;line-height:20px;letter-spacing:0em;text-align:center;line-height:.8;position:absolute;left:50%;transform:translate(-50%);top:-20px;z-index:1}.before-after-image-slider .flickity-page-dots .dot{width:40px;height:10px;margin:0 3px;border-radius:10px;opacity:.15}.before-after-image-slider .flickity-page-dots .dot.is-selected{opacity:1}.before-after-image-slider .flickity-page-dots{transform:translateY(0)}@media only screen and (min-width: 767px){.before-after-image-slider .flickity-prev-next-button.previous{left:calc(50% - 364px)}.before-after-image-slider .flickity-prev-next-button.next{right:calc(50% - 364px)}}@media screen and (max-width: 1400px){.section-before-after{overflow:hidden}}.custom-before-after-top-wrapper{display:flex;align-items:flex-end;gap:30px;margin-bottom:1.5rem}.custom-before-after-top-wrapper .collection__title.title-wrapper.title-wrapper--no-top-margin{max-width:500px;margin-bottom:0}.custom-before-after-top-wrapper h2.title.inline-richtext{line-height:1.2;max-width:350px;font-size:40px!important}.custom-before-after-top-wrapper .collection__description{max-width:400px;line-height:1.5;color:#07070799}.custom-before-after-top-wrapper a.button.button--primary{min-width:200px!important;font-weight:400!important}@media only screen and (max-width: 767px){.before-after-image-slider .carousel-cell{padding:22px 4px;width:94%}.image-before-after-badge{height:26px;width:120px;padding:8px 16px;border-radius:30px;font-size:13px;line-height:14px;line-height:.8;top:-13px}.before-after-image-slider .flickity-page-dots .dot{width:32px;height:8px}.before-after-image-slider{padding-bottom:20px;padding-top:0}.before-after-image-slider .flickity-page-dots{transform:translateY(-12px)}.custom-before-after-top-wrapper h2.title.inline-richtext{line-height:1.2;max-width:300px;font-size:32px!important;font-weight:400!important}.custom-before-after-top-wrapper{align-items:self-start;flex-direction:column;gap:20px;margin-bottom:8rem}.before-after-image-slider .flickity-button.flickity-prev-next-button.previous,.before-after-image-slider .flickity-button.flickity-prev-next-button.next{border:unset;background:transparent}.before-after-image-slider .flickity-prev-next-button{top:-10%}.before-after-image-slider .flickity-prev-next-button.next{left:90px}.before-after-image-slider .flickity-prev-next-button.previous{left:0}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/custom-before-after-image-slider.css.map */