.section--before-after-text{padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom);overflow:hidden}.before-after-text__grid{display:grid;gap:2rem}.before-after-text__content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.5rem}.before-after-text__heading{margin:0;line-height:1.2}.before-after-text__subheading{margin:0;font-family:var(--font-instrument-serif-italic);line-height:normal}.before-after-text__heading{margin-bottom:5rem}.before-after-text__description{margin-bottom:30px}.before-after-text__description p{font-size:1.6rem;font-family:Inter,sans-serif}.before-after-text__button{border-radius:30px;padding:25px 50px;font-size:1.6rem}.before-after-slider{display:block;position:relative;overflow:hidden;border-radius:var(--block-radius, 8px);-webkit-user-select:none;user-select:none;--percent: 70%}.before-after-slider__item{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.before-after-slider__item--before{z-index:10;clip-path:inset(0 calc(100% - var(--percent)) 0 0)}.before-after-slider__item--after{z-index:5;position:relative;height:auto}.before-after-slider__label{position:absolute;top:1rem;left:1rem;z-index:20;background:#ffffffe6;color:#000;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;pointer-events:none}.before-after-slider__item--after .before-after-slider__label{left:auto;right:1rem}.before-after-slider__handle{position:absolute;top:0;height:100%;left:var(--percent);width:80px;transform:translate(-50%);z-index:30;cursor:ew-resize;background:transparent;border:none;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.before-after-slider__handle:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:10px;background:#fff;transform:translate(-50%);z-index:1}.before-after-slider__handle-text{width:80px;height:80px;background:#fff;border-radius:50%;position:relative;top:auto;left:auto;transform:none;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000001a;font-size:14px;font-weight:700;letter-spacing:.1em;z-index:2;text-transform:uppercase}.before-after-slider__image{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;top:0;left:0}.before-after-slider__media.media{display:block;position:relative;overflow:hidden}.before-after-slider__media{max-height:500px}@media screen and (min-width: 768px){.before-after-text__grid{grid-template-columns:1fr 1.5fr;align-items:center;gap:4rem}.layout--image_first .before-after-text__grid{grid-template-columns:1.5fr 1fr}.layout--image_first .before-after-text__content{order:2}.layout--image_first .before-after-text__media{order:1}.before-after-text__subheading{font-size:8.5rem}}@media screen and (max-width: 767px){.before-after-text__grid{gap:2rem}.before-after-text__subheading{font-size:25px}.before-after-text__heading{margin-bottom:2rem}.before-after-slider__media{max-height:325px}}
/*# sourceMappingURL=/cdn/shop/t/107/assets/before-after-with-text.css.map */