.sj-before-after{display:grid;grid-template-columns:minmax(0,1fr)}@media screen and (min-width:741px){.sj-before-after{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sj-before-after--image-right .sj-before-after__media{order:2}.sj-before-after__media{aspect-ratio:auto;min-height:560px}}.sj-before-after__media{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;background:var(--sj-soft);user-select:none;-webkit-user-select:none;touch-action:pan-y}.sj-before-after__layer{position:absolute;top:0;right:0;bottom:0;left:0}.sj-before-after__layer img,.sj-before-after__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.sj-before-after__placeholder{background:var(--sj-soft);fill:rgba(var(--sj-ink-rgb),.25)}.sj-before-after__placeholder--after{background:var(--sj-main)}.sj-before-after__layer--after{clip-path:inset(0 0 0 var(--sj-pos, 50%))}.sj-before-after__divider{position:absolute;top:0;bottom:0;left:var(--sj-pos, 50%);z-index:2;width:4px;background:#fff;transform:translate(-2px);pointer-events:none}.sj-before-after__handle{position:absolute;top:50%;left:var(--sj-pos, 50%);z-index:3;width:58px;height:58px;border-radius:50%;background:#fff;color:var(--sj-ink);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;font-size:14px;letter-spacing:-2px;line-height:1;box-shadow:0 6px 20px rgba(var(--sj-ink-rgb),.25);pointer-events:none}.sj-before-after__media:has(.sj-before-after__range:focus-visible) .sj-before-after__handle{outline:2px solid var(--sj-ink);outline-offset:3px}.sj-before-after__label{position:absolute;top:18px;z-index:3;letter-spacing:.18em;pointer-events:none}.sj-before-after__label--before{left:18px}.sj-before-after__label--after{right:18px}.sj-before-after__range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}.sj-before-after__panel{display:flex;flex-direction:column;justify-content:center;padding:40px var(--sj-gutter) 48px}@media screen and (min-width:741px){.sj-before-after__panel{padding:56px 48px}}.sj-before-after__eyebrow{margin:0;letter-spacing:.25em}.sj-before-after__heading{margin:16px 0 32px}.sj-before-after__claims{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.sj-before-after__claim{display:flex;gap:6px 16px;align-items:baseline;flex-wrap:wrap;background:#ffffff8c;border-radius:var(--sj-radius-sm);padding:14px 18px}.sj-bg--ink .sj-before-after__claim{background:#ffffff14}.sj-before-after__claim-title{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;min-width:150px;color:var(--sj-ink)}.sj-bg--ink .sj-before-after__claim-title{color:var(--sj-main)}.sj-before-after__claim-text{font-size:13px;line-height:1.5;flex:1 1 180px}@media screen and (max-width:740px){.sj-before-after__claim{flex-direction:column;gap:4px}.sj-before-after__claim-title{min-width:0}.sj-before-after__claim-text{flex:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/sj-before-after.css.map */