.before-after-section-v2:has(.dark-background){background:linear-gradient(180deg,#585858,#383838);color:var(--brand-white)}.before-after-section-v2:has(.dark-background) .section-heading--title{color:var(--brand-white)}.before-after-section-v2:has(.dark-background) ul li:before{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="path-1-inside-1_10295_3683" fill="white"><path d="M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z"/></mask><path d="M12 24V23C5.92487 23 1 18.0751 1 12H0H-1C-1 19.1797 4.8203 25 12 25V24ZM24 12H23C23 18.0751 18.0751 23 12 23V24V25C19.1797 25 25 19.1797 25 12H24ZM12 0V1C18.0751 1 23 5.92487 23 12H24H25C25 4.8203 19.1797 -1 12 -1V0ZM12 0V-1C4.8203 -1 -1 4.8203 -1 12H0H1C1 5.92487 5.92487 1 12 1V0Z" fill="white" fill-opacity="0.3" mask="url(%23path-1-inside-1_10295_3683)"/><path d="M15.4514 8.89862L16.1633 9.61151L16.2522 9.70038L16.1633 9.78827L10.7746 15.1769L10.6867 15.0881L7.83614 12.2385L7.74825 12.1496L8.54903 11.3488L8.63789 11.2609L10.7746 13.3976L15.2736 8.89862L15.3625 8.81073L15.4514 8.89862Z" fill="white" stroke="white" stroke-width="0.25"/></svg>')!important}.before-after-section-v2 .before-after-v2--wrapper{height:100%;width:100%;display:flex;flex-direction:column;gap:var(--content-gap-lg)}.before-after-section-v2 .before-after-v2--blocks{display:flex;flex-direction:row;gap:var(--grid-gap-md)}@media (max-width: 1232px){.before-after-section-v2 .before-after-v2--blocks{flex-direction:column}.before-after-section-v2 .before-after-v2--blocks:has(.before-after-v2--text){flex-direction:column-reverse}.before-after-section-v2 .before-after-v2--blocks:has(.before-after-v2--text) .before-after-v2--block-heading{display:none}.before-after-section-v2 .before-after-v2--blocks:has(.before-after-v2--text) .mobile-heading{display:block}}@media (max-width: 749px){.before-after-section-v2 .before-after-v2--blocks{gap:var(--grid-gap-sm)}}.before-after-section-v2 .before-after-v2--blocks:has(.before-after-v2--text){gap:var(--grid-gap-lg)}@media (max-width: 749px){.before-after-section-v2 .before-after-v2--blocks:has(.before-after-v2--text){gap:var(--grid-gap-lg)}}.before-after-section-v2 .before-after-v2--blocks .mobile-heading{display:none;color:var(--brand-white);margin-bottom:var(--grid-gap-lg)}.before-after-section-v2 .before-after-v2--block{flex:1 1 50%}.comparison-v2{position:relative;overflow:hidden;border-radius:16px;aspect-ratio:638 / 479;cursor:ew-resize;user-select:none;-webkit-user-select:none;touch-action:pan-y pinch-zoom}@media (max-width: 1232px){.comparison-v2{aspect-ratio:4 / 3}}@media (max-width: 749px){.comparison-v2{border-radius:12px}}.comparison-v2:focus-within{outline:2px solid var(--brand-black, #000);outline-offset:4px}.comparison-v2__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.comparison-v2__image picture,.comparison-v2__image img{width:100%;height:100%;object-fit:cover;display:block}.comparison-v2__image--after{z-index:1}.comparison-v2__image--before{z-index:2;will-change:clip-path}.comparison-v2__label{position:absolute;bottom:20px;z-index:5;display:flex;align-items:center;justify-content:center;padding:8px 16px;background:#fffffff2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--brand-black, #000);border-radius:100px;font-family:PP Neue Montreal,system-ui,sans-serif;font-weight:500;font-size:12px;line-height:1;letter-spacing:.02em;text-transform:uppercase;transition:opacity .3s ease;pointer-events:none}@media (max-width: 749px){.comparison-v2__label{padding:6px 12px;font-size:10px;bottom:16px}}.comparison-v2__label--before{left:20px}@media (max-width: 749px){.comparison-v2__label--before{left:16px}}.comparison-v2__label--after{right:20px}@media (max-width: 749px){.comparison-v2__label--after{right:16px}}.comparison-v2__handle{position:absolute;top:0;bottom:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%);cursor:ew-resize;outline:none;will-change:left}.comparison-v2__handle:focus-visible .comparison-v2__handle-grip{box-shadow:0 4px 24px #0003,0 0 0 3px var(--brand-black, #000),0 0 0 5px #ffffff80}.comparison-v2__handle-line{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#ffffffe6;transform:translate(-50%);box-shadow:0 0 10px #00000026,0 0 20px #0000001a;transition:width .2s ease,background .2s ease}.comparison-v2__handle-grip{position:relative;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffffd9;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1.5px solid rgba(255,255,255,.6);box-shadow:0 4px 24px #00000026,0 1px 3px #0000001a,inset 0 1px #ffffff80;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease,background .2s ease}@media (max-width: 749px){.comparison-v2__handle-grip{width:44px;height:44px}}.comparison-v2__handle-icon{width:24px;height:24px;color:var(--brand-black, #000);opacity:.8;transition:opacity .2s ease}@media (max-width: 749px){.comparison-v2__handle-icon{width:20px;height:20px}}.comparison-v2__handle:hover .comparison-v2__handle-grip,.comparison-v2__handle--active .comparison-v2__handle-grip{transform:scale(1.08);background:#fffffff2;box-shadow:0 8px 32px #0003,0 2px 8px #0000001a,inset 0 1px #fff9}.comparison-v2__handle:hover .comparison-v2__handle-icon,.comparison-v2__handle--active .comparison-v2__handle-icon{opacity:1}.comparison-v2__handle:hover .comparison-v2__handle-line,.comparison-v2__handle--active .comparison-v2__handle-line{width:4px;background:#fff}.comparison-v2--dragging{cursor:ew-resize}.comparison-v2--dragging .comparison-v2__handle-grip{transform:scale(1.12)}.comparison-v2--animate-in{opacity:0;transform:translateY(30px)}.comparison-v2--animate-in .comparison-v2__image--before{clip-path:inset(0 100% 0 0)!important}.comparison-v2--animate-in .comparison-v2__handle{opacity:0;left:0%!important}.comparison-v2--visible{opacity:1;transform:translateY(0);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.comparison-v2--visible .comparison-v2__image--before{transition:clip-path .8s cubic-bezier(.4,0,.2,1) .2s!important}.comparison-v2--visible .comparison-v2__handle{opacity:1;transition:opacity .4s ease .6s,left .8s cubic-bezier(.4,0,.2,1) .2s!important}@media (prefers-reduced-motion: reduce){.comparison-v2,.comparison-v2__image--before,.comparison-v2__handle,.comparison-v2__handle-grip,.comparison-v2__handle-line,.comparison-v2__label{transition:none!important}.comparison-v2--animate-in{opacity:1;transform:none}.comparison-v2--animate-in .comparison-v2__handle{opacity:1}}.before-after-v2--text{display:flex;flex-direction:column;gap:var(--text-gap-lg)}.before-after-v2--text .before-after-v2--block-heading{color:var(--brand-white)}.before-after-v2--text .before-after-v2--block-text{display:flex;flex-direction:column;gap:var(--text-gap-lg)}.before-after-v2--text .before-after-v2--block-text h1,.before-after-v2--text .before-after-v2--block-text h2,.before-after-v2--text .before-after-v2--block-text h3,.before-after-v2--text .before-after-v2--block-text h4,.before-after-v2--text .before-after-v2--block-text h5,.before-after-v2--text .before-after-v2--block-text h6{color:var(--brand-white);margin:0}.before-after-v2--text .before-after-v2--block-text p{font-family:PP Neue Montreal,system-ui,sans-serif;font-weight:400;line-height:150%;letter-spacing:0;font-size:20px;margin:0}@media (max-width: 749px){.before-after-v2--text .before-after-v2--block-text p{font-size:16px}}.before-after-v2--text .before-after-v2--block-text ul{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:var(--content-gap-sm);margin:0}.before-after-v2--text .before-after-v2--block-text ul li{position:relative;padding-left:36px;margin-bottom:0;font-family:PP Neue Montreal,system-ui,sans-serif;font-weight:400;letter-spacing:0;line-height:150%;font-size:16px}@media (max-width: 749px){.before-after-v2--text .before-after-v2--block-text ul li{font-size:14px}}.before-after-v2--text .before-after-v2--block-text ul li:before{content:"";position:absolute;left:0;top:.2em;width:24px;height:24px;background-size:contain;background-repeat:no-repeat;background-position:center;display:inline-block;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="path-1-inside-1_10295_3683" fill="black"><path d="M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z"/></mask><path d="M12 24V23C5.92487 23 1 18.0751 1 12H0H-1C-1 19.1797 4.8203 25 12 25V24ZM24 12H23C23 18.0751 18.0751 23 12 23V24V25C19.1797 25 25 19.1797 25 12H24ZM12 0V1C18.0751 1 23 5.92487 23 12H24H25C25 4.8203 19.1797 -1 12 -1V0ZM12 0V-1C4.8203 -1 -1 4.8203 -1 12H0H1C1 5.92487 5.92487 1 12 1V0Z" fill="black" fill-opacity="0.3" mask="url(%23path-1-inside-1_10295_3683)"/><path d="M15.4514 8.89862L16.1633 9.61151L16.2522 9.70038L16.1633 9.78827L10.7746 15.1769L10.6867 15.0881L7.83614 12.2385L7.74825 12.1496L8.54903 11.3488L8.63789 11.2609L10.7746 13.3976L15.2736 8.89862L15.3625 8.81073L15.4514 8.89862Z" fill="black" stroke="black" stroke-width="0.25"/></svg>')}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/*# sourceMappingURL=/cdn/shop/t/62/assets/before-after-section-v2.css.map */