.before-after-section{margin:60px 0;padding:0;width:100%}.page-width{max-width:1200px;margin:0 auto;padding:0 20px}.before-after-content-wrapper{display:flex;flex-direction:row;gap:100px;align-items:center;width:100%;box-sizing:border-box}.before-after-text-col{width:500px;flex-shrink:0;padding:10px 0}.before-after-heading{font-size:5rem;line-height:1.2;text-align:center;font-family:"inherit";font-weight:500;text-align:left;margin-left:70px}.before-after-description{font-size:1.9rem;line-height:1.6;text-align:left;font-family:"inherit";color:#666;margin-left:70px;max-width:700px}.before-after-slider-col{flex-grow:1;display:flex;justify-content:flex-start}.image-comparison-container{position:relative;overflow:hidden;cursor:grab;height:auto;max-width:500px;width:100%;border-radius:12px;box-shadow:0 8px 25px #00000026;margin-left:auto;margin-right:50px}.comparison-label{position:absolute;top:15px;padding:8px 15px;background-color:#ffffffe6;color:#333;font-size:.9em;font-weight:600;border-radius:5px;z-index:4;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.before-label{left:15px}.after-label{right:15px}.image-comparison-container img{position:relative;top:0;left:0;display:block;width:100%;height:auto;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none}.image-comparison-after{position:absolute;top:0;left:0;height:100%;width:50%;overflow:hidden;z-index:2}.image-comparison-after img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.image-comparison-slider{position:absolute;top:0;left:50%;width:4px;height:100%;background-color:#ffffffe6;z-index:3;transform:translate(-50%);cursor:grab}.image-comparison-slider .handle-icon{position:absolute;top:50%;left:50%;width:48px;height:48px;border:3px solid white;border-radius:50%;background-color:#000000b3;transform:translate(-50%,-50%);cursor:grab;box-shadow:0 4px 15px #0000004d;display:flex;justify-content:center;align-items:center;gap:-8px}.image-comparison-slider .handle-icon svg{width:22px;height:22px}.image-comparison-slider:active,.image-comparison-slider.dragging{cursor:grabbing}@media (max-width: 768px){.before-after-section{margin:30px 0 60px}.before-after-content-wrapper{flex-direction:column;gap:30px}.before-after-text-col{width:100%;text-align:center;margin-bottom:10px}.before-after-heading{font-size:3rem;margin-left:0;margin-right:0;text-align:center;font-family:"inherit"}.before-after-description{font-size:2rem;font-family:"inherit";text-align:center;margin-left:0;margin-right:0;max-width:100%;padding:0 20px}.image-comparison-container{max-width:100%;margin-left:auto;margin-right:auto}}.before-after-heading[data-size=small]{font-size:3.5rem}.before-after-heading[data-size=medium]{font-size:4.5rem}.before-after-heading[data-size=large]{font-size:5.5rem}@media (max-width: 768px){.before-after-heading[data-size=small]{font-size:2.5rem}.before-after-heading[data-size=medium]{font-size:3rem}.before-after-heading[data-size=large]{font-size:3.5rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/before-after-slider.css.map */