.before-after{content-visibility:auto;contain-intrinsic-size:auto 500px;padding:1.875rem 1.25rem}@media(min-width: 1025px){.before-after{padding:1.875rem}}.before-after__inner{display:flex;flex-direction:column;gap:1.25rem;max-width:125rem;margin:0 auto}@media(min-width: 1025px){.before-after__inner{flex-direction:row;align-items:center;gap:2rem}}.before-after__slider{order:1;width:100%}@media(min-width: 1025px){.before-after__slider{order:2;flex:0 0 50%}}.before-after__image-container{--slider-position: 50%;position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:.625rem;touch-action:none;user-select:none}@media(min-width: 1025px){.before-after__image-container{border-radius:.80225rem}}.before-after__image-container.is-dragging{cursor:grabbing}.before-after__image-container.is-dragging .before-after__handle{cursor:grabbing}.before-after__image{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.before-after__image--after{position:relative;z-index:0}.before-after__image--before{position:absolute;inset:0;z-index:1;clip-path:inset(0 calc(100% - var(--slider-position)) 0 0)}.before-after__divider{position:absolute;top:0;bottom:0;left:var(--slider-position);z-index:3;width:0;transform:translateX(-50%);pointer-events:none}.before-after__divider::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;transform:translateX(-50%);background:#fff}.before-after__handle{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;gap:.375rem;width:4.375rem;height:4.375rem;border-radius:50%;border:none;transform:translate(-50%, -50%);cursor:grab;pointer-events:auto}.before-after__handle-arrow{display:block;width:0;height:0;border-style:solid}.before-after__handle-arrow--left{border-width:.375rem .5rem .375rem 0;border-color:rgba(0,0,0,0) #fff rgba(0,0,0,0) rgba(0,0,0,0)}.before-after__handle-arrow--right{border-width:.375rem 0 .375rem .5rem;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff}.before-after__handle-arrow--dot{width:.5rem;height:.5rem;border-radius:50%;background:#fff}.before-after__label{position:absolute;top:.75rem;z-index:4;padding:.3125rem .75rem;border:1px solid #1a0904;border-radius:.625rem;font-size:.875rem;font-weight:400;line-height:1;text-transform:capitalize;color:#251009;background:rgba(0,0,0,0);pointer-events:none}@media(min-width: 1025px){.before-after__label{top:.875rem;font-size:1rem}}.before-after__label--before{left:.75rem}@media(min-width: 1025px){.before-after__label--before{left:.875rem}}.before-after__label--after{right:.75rem}@media(min-width: 1025px){.before-after__label--after{right:.875rem}}.before-after__content{order:2;display:flex;flex-direction:column;gap:.75rem}@media(min-width: 1025px){.before-after__content{order:1;flex:1;min-width:0;gap:1.5rem;padding-right:1rem}}.before-after__subtitle{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.75rem;font-weight:500;line-height:1;text-transform:uppercase;color:#251009;white-space:nowrap}@media(min-width: 1025px){.before-after__subtitle{font-size:1.04975rem;gap:.75rem}}.before-after__subtitle-line{display:block;width:2.1875rem;height:1px;background:#251009;flex-shrink:0}@media(min-width: 1025px){.before-after__subtitle-line{width:2.729375rem}}.before-after__title{margin:0;font-size:2rem;font-weight:700;line-height:1;letter-spacing:-0.02em;text-transform:uppercase;color:#1a0904;display:none}@media(min-width: 1025px){.before-after__title{display:block;font-size:4.0625rem;letter-spacing:-0.040625rem;max-width:29.375rem}}.before-after__swatches{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem}@media(min-width: 1025px){.before-after__swatches{gap:.555625rem}}.before-after__swatch{--swatch-color: #BAB5B4;display:grid;grid-template-columns:0fr;align-items:center;flex-shrink:0;width:fit-content;min-width:2.125rem;height:2.125rem;padding:0;border:none;border-radius:50%;background-color:var(--swatch-color);cursor:pointer;overflow:hidden;transition:grid-template-columns .45s cubic-bezier(0.4, 0, 0.2, 1),padding .45s cubic-bezier(0.4, 0, 0.2, 1),border-radius .45s cubic-bezier(0.4, 0, 0.2, 1)}@media(min-width: 1025px){.before-after__swatch{min-width:2.645625rem;height:2.645625rem}}.before-after__swatch.is-active{grid-template-columns:1fr;padding:0 .75rem;border-radius:2.0625rem}.before-after__swatch.is-active .before-after__swatch-label{opacity:1;transition-delay:.08s}.before-after__swatch-label{display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;font-size:.625rem;font-weight:500;line-height:1.2;text-transform:uppercase;color:#fff;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease}@media(min-width: 1025px){.before-after__swatch-label{font-size:.75rem}}