.ax-before-after__inner{display:flex;flex-direction:column;gap:3.2rem}@media(min-width:750px){.ax-before-after__inner{align-items:center;flex-direction:row;gap:6rem}}.ax-before-after__content{flex:1 1 45%;min-width:0}.ax-before-after__media-col{flex:1 1 55%;min-width:0}.ax-before-after__items{list-style:none;margin:0;padding:0}.ax-before-after__item{border-bottom:1px solid hsla(0,3%,8%,.15);padding:2.4rem 0}.ax-before-after__item:first-child{padding-top:0}.ax-before-after__item:last-child{border-bottom:0;padding-bottom:0}.ax-before-after__title{color:rgb(var(--color-foreground-title));font-family:var(--font-heading-family);font-size:calc(var(--font-heading-scale)*2rem);font-weight:500;margin:0 0 1.2rem;text-transform:uppercase}.ax-before-after__text{color:rgb(var(--color-foreground));font-size:calc(var(--font-body-scale)*1.4rem);margin:0}.ax-before-after__text>*{margin:0}.ax-before-after__media{--ax-ba-pos:50%;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.ax-before-after__image{display:block;height:auto;width:100%}.ax-before-after__image--base{position:relative;z-index:1}.ax-before-after__layer{clip-path:inset(0 calc(100% - var(--ax-ba-pos)) 0 0);inset:0;overflow:hidden;position:absolute;z-index:1}.ax-before-after__layer .ax-before-after__image{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.ax-before-after__label{background:hsla(0,3%,8%,.55);border-radius:999px;color:#fff;font-family:var(--font-body-family);font-size:calc(var(--font-body-scale)*1.2rem);font-weight:500;letter-spacing:.02em;padding:.4rem 1.2rem;pointer-events:none;position:absolute;text-transform:uppercase;top:1.6rem;z-index:1}.ax-before-after__label--before{left:1.6rem}.ax-before-after__label--after{right:1.6rem}.ax-before-after__handle{align-items:center;background:transparent;border:0;cursor:ew-resize;display:flex;justify-content:center;left:var(--ax-ba-pos);padding:0;touch-action:none;width:4rem;z-index:2}.ax-before-after__handle,.ax-before-after__handle:before{bottom:0;position:absolute;top:0;transform:translateX(-50%)}.ax-before-after__handle:before{background:#fff;box-shadow:0 0 0 1px hsla(0,3%,8%,.1);content:"";left:50%;width:2px}.ax-before-after__handle-knob{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px hsla(0,3%,8%,.2);color:#141313;display:flex;gap:.2rem;height:4rem;justify-content:center;position:relative;width:4rem}.ax-before-after__handle-knob svg{flex-shrink:0;height:1rem;width:1rem}