.before-after__grid{display:grid;gap:3rem;align-items:center}@media screen and (min-width:990px){.before-after__grid{grid-template-columns:1fr 1.2fr;gap:5rem}.before-after__grid--image-first .before-after__text{order:2}}.before-after__text{text-align:center}.before-after__heading{margin:0 0 1.5rem}.before-after__line{margin:.4rem 0;font-size:1.6rem}.before-after{display:block;--ba-pos: var(--ba-start, 50%)}.before-after__media{position:relative;overflow:hidden;border-radius:var(--media-radius, 12px);aspect-ratio:4 / 5;background:rgba(var(--color-foreground),.04)}.before-after__img,.before-after__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.before-after__placeholder svg{width:100%;height:100%}.before-after__placeholder--before{filter:brightness(.85) saturate(.6)}.before-after__before-wrap{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc(100% - var(--ba-pos)) 0 0)}.before-after__label{position:absolute;top:1.2rem;padding:.4rem 1rem;font-size:1.2rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:rgb(var(--color-button));color:rgb(var(--color-button-text));border-radius:4px;z-index:2;pointer-events:none}.before-after__label--before{left:1.2rem}.before-after__label--after{right:1.2rem}.before-after__handle{position:absolute;top:0;bottom:0;left:var(--ba-pos);width:2px;background:#fff;transform:translate(-50%);z-index:3;pointer-events:none;box-shadow:0 0 8px #0000004d}.before-after__handle-knob{position:absolute;top:50%;left:50%;width:4.4rem;height:4.4rem;transform:translate(-50%,-50%);border-radius:50%;background:#fff;color:#30251f;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #00000040}.before-after__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:4;-webkit-appearance:none;appearance:none}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-before-after.css.map */