.before-after__header{text-align:center;margin-bottom:2.5rem}.before-after__heading{margin:0 0 .5rem}.before-after__description{margin:0;opacity:.7;font-size:1.1rem;font-weight:300}.before-after__container{position:relative;width:100%;max-width:1400px;margin:0 auto;-webkit-user-select:none;user-select:none;cursor:ew-resize}.before-after__wrapper{position:relative;width:100%;aspect-ratio:21 / 9;max-height:80vh;overflow:hidden;border-radius:12px;box-shadow:0 25px 80px #0000001f}.before-after__image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.before-after__image-wrapper--before{z-index:1}.before-after__image-wrapper--after{z-index:2;clip-path:inset(0 calc(var(--slider-position, 50%)) 0 0)}.before-after__image{width:100%;height:100%;object-fit:cover;display:block}.before-after__label{position:absolute;top:2rem;padding:.6rem 1.4rem;background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;border-radius:100px;border:1px solid rgba(255,255,255,.25);z-index:15;pointer-events:none;opacity:1;transition:all .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.3)}.before-after__label--before{right:2rem;left:auto}.before-after__label--after{left:2rem;right:auto}.before-after__container:active .before-after__label{opacity:.8;transform:translateY(2px)}.before-after__slider{position:absolute;top:0;bottom:0;left:var(--slider-position, 50%);width:2px;background:#fffc;transform:translate(-50%);z-index:20;box-shadow:0 0 20px #0003}.before-after__slider-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:grab;box-shadow:0 4px 25px #00000040;transition:all .3s cubic-bezier(.23,1,.32,1)}.before-after__slider-button:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 35px #00000059}.before-after__slider-button:active{cursor:grabbing;transform:translate(-50%,-50%) scale(.95)}.before-after__slider-icon{width:26px;height:20px;color:#222;display:block}.before-after__placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);display:flex;align-items:center;justify-content:center;position:relative}.before-after__placeholder svg{width:25%;height:25%;fill:#bbb;opacity:.4}.before-after__placeholder--after{background:linear-gradient(135deg,#e0e0e0,#f5f5f5)}@media screen and (max-width:749px){.before-after__wrapper{aspect-ratio:16 / 9;border-radius:8px;max-height:60vh}.before-after__label{top:1.2rem;padding:.5rem 1.1rem;font-size:.7rem;letter-spacing:.15em;font-weight:600}.before-after__label--before{right:1.2rem;left:auto}.before-after__label--after{left:1.2rem;right:auto}.before-after__slider-button{width:44px;height:44px}.before-after__slider-icon{width:24px;height:18px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-before-after.css.map */