.before-after-content{width:100%}.before-after-slider{position:relative}.fade-in-bg{position:absolute;bottom:2px;right:0;z-index:0;pointer-events:none}.fade-in-bg img{max-height:474px;display:block}.before-after-content .page-width{max-width:var(--page-width, 1200px);margin:0 auto;padding:0 2rem}.before-after-content__columns{display:flex;gap:116px;margin-bottom:38px}.before-after-content__column{display:flex;flex-direction:column}.before-after-content__column.before-after-content__column--left{width:36%}.before-after-content__column.before-after-content__column--right{width:60%}.before-after-content__heading.section_main_heading,.before-after-content__subheading{margin:0;word-wrap:break-word}.before-after-content__subheading{font-weight:400;font-size:13px;line-height:22px;letter-spacing:.26px;text-transform:uppercase;margin-bottom:16px}.before-after-content__heading.section_main_heading{font-weight:400;font-style:normal;font-size:36px;line-height:41.4px;letter-spacing:0px}.before-after-content__paragraph{margin:0 0 19px;word-wrap:break-word}.before-after-content__paragraph p{font-weight:400;font-style:normal;font-size:14px;line-height:22.4px;letter-spacing:.28px;margin:0}.before-after-content__paragraph p strong{font-weight:700}.before-after-content__button-wrapper{display:flex}.before-after-content__button{text-decoration:none;cursor:pointer;border:none;text-align:center;transition:all .3s ease;padding:0 18px;min-height:40px;display:flex;justify-content:center;align-items:center}.before-after-content__button:hover{background:#868677;color:#fff;transition:all .35s ease-in-out}.before-after-content__button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.before-after-content__slider-wrapper{width:100%}.before-after-content__slider{position:relative;width:100%;overflow:hidden;border-radius:3px;background:transparent}.before-after-content__slider-container{position:relative;width:100%;height:0;padding-bottom:41.25%;overflow:hidden}.before-after-content__slider-image{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.before-after-content__slider-image--before{z-index:1}.before-after-content__slider-image--after{z-index:2;clip-path:inset(0 50% 0 0);transition:clip-path .1s ease-out}.before-after-content__slider-img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.before-after-content__slider-label{position:absolute;top:1rem;padding:.5rem 1rem;background:#000000b3;color:#fff;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;z-index:10;border-radius:4px;pointer-events:none}.before-after-content__slider-label--before{left:1rem}.before-after-content__slider-label--after{right:1rem}.before-after-content__slider-control{position:absolute;top:0;left:50%;width:3px;height:100%;background:#fff;cursor:ew-resize;z-index:10;transform:translate(-50%);transition:background-color .2s ease}.before-after-content__slider-control:hover{background:#f0f0f0}.before-after-content__slider-control:focus-visible{outline:2px solid #000;outline-offset:2px}.before-after-content__slider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:grab;transition:transform .2s ease,box-shadow .2s ease}.before-after-content__slider-handle:active{cursor:grabbing;transform:translate(-50%,-50%) scale(.95);box-shadow:0 1px 4px #0000004d}@media(hover:none)and (pointer:coarse){.before-after-content__slider-handle{width:48px;height:48px}.before-after-content__slider-control{width:3px}}@media(prefers-reduced-motion:reduce){.before-after-content__slider-image--after,.before-after-content__slider-handle{transition:none}}@media screen and (max-width:749px){.before-after-content__slider-label{font-size:.75rem;padding:.375rem .75rem;top:.5rem}.before-after-content__slider-label--before{left:.5rem}.before-after-content__slider-label--after{right:.5rem}.before-after-content__column.before-after-content__column--left,.before-after-content__button{margin:0 auto}.before-after-content__column.before-after-content__column--right,.before-after-content__column.before-after-content__column--left{width:100%}.fade-in-bg img{max-height:260px}.before-after-content__subheading{font-size:12px;line-height:22px;letter-spacing:.24px;margin-bottom:9px;text-align:center}.before-after-content__heading.section_main_heading{font-size:26px;line-height:29.9px;letter-spacing:0px;margin-bottom:10px;text-align:center}.before-after-content__paragraph{margin:0 0 18px}.before-after-content__columns{flex-direction:column;margin-bottom:25px;gap:0}.before-after-content__paragraph p{font-size:14px;line-height:22.4px;letter-spacing:.28px;text-align:center}.before-after-content__slider{border-radius:1.5px}.before-after-content__slider-container{padding-bottom:50.25%}.before-after-content__slider-control{width:2px}.before-after-content__slider-handle{width:30px;height:30px}.before-after-content__button{padding:0 16px}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/before-after-slider.css.map */