.before-after-section{background-color:var(--color-bone)}.before-after__header{text-align:center;margin-bottom:var(--space-12);max-width:640px;margin-inline:auto}.before-after__title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:400;color:var(--color-black);margin:0 0 var(--space-4);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-tight)}@media screen and (min-width:750px){.before-after__title{font-size:var(--font-size-3xl)}}.before-after__subtitle{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text-muted);margin:0;line-height:var(--line-height-body)}.before-after__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-8);grid-template-columns:1fr}@media screen and (min-width:900px){.before-after__list:has(.before-after-item:nth-child(2)){grid-template-columns:1fr 1fr}}mc-before-after{display:block;cursor:col-resize;touch-action:none}mc-before-after[data-layout=vertical]{cursor:row-resize}@media(prefers-reduced-motion:reduce){.before-after__label{transition:none}}.before-after{display:block;overflow:hidden;position:relative;width:100%;border:1px solid var(--color-taupe);background-color:var(--color-taupe)}.before-after-img{height:100%;overflow:hidden;position:absolute;top:0;left:0;width:100%}.before-after-img.foreground-img{clip-path:inset(0 0 0 var(--position))}mc-before-after[data-layout=vertical] .before-after-img.foreground-img{clip-path:inset(calc(100% - var(--position)) 0 0 0)}.before-after-img__inner{height:100%;width:100%;position:relative}.before-after-img__photo{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.placeholder-svg.before-after-img__photo{background-color:var(--color-taupe)}.before-after__label{position:absolute;z-index:10;top:var(--space-4);font-family:var(--font-label);font-size:var(--font-size-xs);font-weight:500;letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-bone);background-color:#2d2d2dd1;padding:var(--space-1) var(--space-3)}.before-after__label--before{left:var(--space-4)}.before-after__label--after{right:var(--space-4)}.before-after__handle{display:block;height:100%;position:absolute;top:0;left:var(--position);width:2px;background-color:var(--color-walnut);transform:translate(-50%);z-index:20;pointer-events:none}mc-before-after[data-layout=vertical] .before-after__handle{height:2px;width:100%;top:auto;left:0;bottom:var(--position);transform:translateY(50%)}.before-after__handle-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3.5rem;height:3.5rem;background-color:var(--color-walnut);color:var(--color-bone);border-radius:50%;padding:var(--space-2);box-sizing:border-box}mc-before-after[data-layout=vertical] .before-after__handle-icon{transform:translate(-50%,-50%) rotate(90deg)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-before-after.css.map */