.custom-before-after{background:var(--custom-ba-background, #f7f3ec);color:var(--custom-ba-text-color, #4a3728)}.custom-before-after__header{margin-bottom:2.8rem;text-align:center}.custom-before-after__eyebrow{margin:0 0 1rem;font-size:1.3rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.65}.custom-before-after__heading{margin:0 0 1rem;color:inherit;font-family:var(--font-heading-family, serif);font-size:3.2rem;font-weight:400;line-height:1.15}.custom-before-after__text{margin:0;font-size:1.5rem;line-height:1.6;opacity:.8}.custom-before-after__frame{position:relative;display:block;max-width:92rem;margin:0 auto;aspect-ratio:4 / 3;border-radius:1.6rem;overflow:hidden;touch-action:pan-y}.custom-before-after__layer{position:absolute;top:0;right:0;bottom:0;left:0}.custom-before-after__layer--after{clip-path:inset(0 0 0 var(--custom-ba-position, 50%))}.custom-before-after__image{display:block;width:100%;height:100%;object-fit:cover}.custom-before-after__tag{position:absolute;bottom:1.6rem;padding:.6rem 1.4rem;border-radius:10rem;background:#1810088c;color:#f7f3ec;font-size:1.2rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;pointer-events:none}.custom-before-after__tag--before{left:1.6rem}.custom-before-after__tag--after{right:1.6rem}.custom-before-after__divider{position:absolute;top:0;bottom:0;left:var(--custom-ba-position, 50%);width:.2rem;background:#f7f3ec;transform:translate(-50%);pointer-events:none}.custom-before-after__handle{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;gap:.3rem;width:4.4rem;height:4.4rem;border-radius:50%;background:#f7f3ec;color:#4a3728;transform:translate(-50%,-50%);box-shadow:0 .4rem 1.6rem #18100859}.custom-before-after__handle svg{width:1rem;height:1rem}.custom-before-after__handle svg:first-child{transform:rotate(90deg)}.custom-before-after__handle svg:last-child{transform:rotate(-90deg)}.custom-before-after__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:none;background:transparent;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}.custom-before-after__range:focus-visible~.custom-before-after__divider .custom-before-after__handle,.custom-before-after__frame:has(.custom-before-after__range:focus-visible) .custom-before-after__handle{outline:.3rem solid #4a3728;outline-offset:.2rem}.custom-before-after__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:4.4rem;height:100vh}.custom-before-after__range::-moz-range-thumb{width:44px;height:1000px;border:none;background:transparent}@media screen and (min-width:750px){.custom-before-after__frame{aspect-ratio:16 / 9}.custom-before-after__heading{font-size:4.4rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/custom-before-after.css.map */