.before-after-proof{display:flex;flex-direction:column;gap:var(--spacing-6)}.before-after-proof__header{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);text-align:center}.before-after-proof__badge{display:inline-flex;align-items:center;gap:var(--spacing-2);margin:0;padding:4px 16px;border:1px solid rgb(var(--text-color) / .15);border-radius:var(--rounded-full);font-size:14px;font-weight:500;color:rgb(var(--bap-label, var(--accent)))}.before-after-proof__badge:before{content:"";width:8px;height:8px;flex-shrink:0;border-radius:var(--rounded-full);background-color:rgb(var(--bap-accent, var(--accent)))}.before-after-proof__heading{margin:0}.before-after-proof__grid{display:flex;flex-direction:column;gap:16px;width:100%;max-width:var(--bap-grid-max-width, none);margin:0 auto;padding:0;list-style:none}.before-after-proof__item{width:100%}.before-after-proof__compare{--before-after-initial-drag-position: 50%;display:block;aspect-ratio:4 / 3.5;border-radius:16px;overflow:hidden}.before-after-proof__media{margin:0;height:100%}.before-after-proof__media .before-after-proof__image,.before-after-proof__media .before-after-proof__placeholder{display:block;width:100%;height:100%;object-fit:cover}.before-after-proof__label{margin:0;padding:3px 12px;border-radius:var(--rounded-full);background-color:rgb(var(--text-color) / .6);color:rgb(var(--background));font-size:var(--text-sm);font-weight:500}.before-after-proof .before-after__cursor{min-width:44px;appearance:none;-webkit-appearance:none;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:inherit}.before-after-proof .before-after__cursor:focus-visible{outline:2px solid rgb(var(--accent));outline-offset:2px}.before-after-proof__handle-bg{fill:rgb(var(--background))}.before-after-proof__handle-arrows{stroke:rgb(var(--text-color))}.shopify-section--before-after-proof .section{padding-block-start:var(--bap-padding-top-mobile, 20px);padding-block-end:var(--bap-padding-bottom-mobile, 32px)}@media screen and (min-width:700px){.before-after-proof{gap:30px}.before-after-proof__grid{flex-direction:row;flex-wrap:wrap;gap:30px}.before-after-proof__item{width:calc(50% - 15px)}.shopify-section--before-after-proof .section{padding-block-start:var(--bap-padding-top, 40px);padding-block-end:var(--bap-padding-bottom, 40px)}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/before-after-proof.css.map */