.b24-before-after{position:relative;width:100%;padding-top:var(--b24-ba-desktop-padding-top)!important;padding-right:clamp(20px,4vw,72px);padding-bottom:var(--b24-ba-desktop-padding-bottom)!important;padding-left:clamp(20px,4vw,72px);overflow:visible;background:transparent!important;color:var(--b24-ba-text-colour)}.b24-before-after *,.b24-before-after *:before,.b24-before-after *:after{box-sizing:border-box}.b24-before-after:before,.b24-before-after:after{display:none!important;content:none!important}.b24-before-after__container{width:100%;max-width:var(--b24-ba-section-width);margin:0 auto}.b24-before-after__layout{display:grid;grid-template-columns:minmax(0,var(--b24-ba-image-width)) minmax(0,1fr);gap:0;align-items:stretch;min-height:600px;overflow:hidden;border:1px solid rgba(38,71,52,.08);border-radius:var(--b24-ba-card-radius);background:var(--b24-ba-card-background);box-shadow:0 18px 48px #19372812,0 4px 14px #1937280a}.b24-before-after--card .b24-before-after__layout{padding:0}.b24-before-after--image-right .b24-before-after__media{grid-column:2;grid-row:1}.b24-before-after--image-right .b24-before-after__content{grid-column:1;grid-row:1}.b24-before-after__media{position:relative;width:100%;min-width:0;height:100%;align-self:stretch;overflow:hidden}.b24-before-after__comparison{position:relative;width:100%;height:100%}.b24-before-after__image-shell{position:relative;width:100%;height:100%;min-height:600px;overflow:hidden;isolation:isolate;border:0;border-radius:0;background:#e5eee9;box-shadow:none}.b24-before-after__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.b24-before-after__image--before{z-index:1}.b24-before-after__image--after{z-index:2;width:100%;height:100%;clip-path:inset(0 calc(100% - var(--b24-ba-position)) 0 0)}.b24-before-after__photo,.b24-before-after__placeholder,.b24-before-after__placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%!important;min-width:100%!important;max-width:none!important;height:100%!important;object-fit:cover;object-position:center center}.b24-before-after__image--after .b24-before-after__photo,.b24-before-after__image--after .b24-before-after__placeholder,.b24-before-after__image--after .b24-before-after__placeholder-svg{width:100%!important;min-width:100%!important;max-width:none!important;height:100%!important}.b24-before-after__placeholder{background:#dfe9e4}.b24-before-after__placeholder-svg{fill:#26473424}.b24-before-after__label{position:absolute;top:24px;z-index:5;display:inline-flex;min-height:36px;align-items:center;justify-content:center;padding:8px 15px;border:0;border-radius:999px;background:#ffffffe6;box-shadow:0 7px 18px #17372717;color:#264734;font-size:12px;font-weight:800;line-height:1;letter-spacing:.09em;text-transform:uppercase;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none}.b24-before-after__label--before{left:24px}.b24-before-after__label--after{right:24px}.b24-before-after__divider{position:absolute;top:0;bottom:0;left:var(--b24-ba-position);z-index:6;width:3px;background:#fffffff5;box-shadow:0 0 12px #26473429;transform:translate(-50%);pointer-events:none}.b24-before-after__handle{position:absolute;top:50%;left:50%;display:flex;width:54px;height:54px;align-items:center;justify-content:center;border:4px solid #ffffff;border-radius:50%;background:var(--b24-ba-accent-colour);box-shadow:0 11px 25px #a83a1345,0 4px 10px #2647341f;color:#fff;transform:translate(-50%,-50%);transition:box-shadow .2s ease,transform .2s ease}.b24-before-after__handle-icon{display:block;width:28px;height:18px}.b24-before-after__comparison:hover .b24-before-after__handle{box-shadow:0 14px 30px #a83a1354,0 5px 12px #26473426;transform:translate(-50%,-50%) scale(1.05)}.b24-before-after__range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;appearance:none;-webkit-appearance:none;touch-action:pan-y}.b24-before-after__range::-webkit-slider-thumb{width:64px;height:64px;cursor:ew-resize;appearance:none;-webkit-appearance:none}.b24-before-after__range::-moz-range-thumb{width:64px;height:64px;border:0;cursor:ew-resize}.b24-before-after__image-shell:has(.b24-before-after__range:focus-visible){outline:3px solid var(--b24-ba-accent-colour);outline-offset:-3px}.b24-before-after__content{display:flex;min-width:0;align-items:center;padding:clamp(48px,5vw,82px) clamp(40px,5vw,78px)}.b24-before-after__content-inner{width:100%;max-width:620px}.b24-before-after__eyebrow{margin:0 0 12px;color:var(--b24-ba-accent-colour);font-size:13px;font-weight:800;line-height:1.2;letter-spacing:.12em;text-transform:uppercase}.b24-before-after__heading{max-width:620px;margin:0 0 28px;color:var(--b24-ba-heading-colour);font-family:forma-djr-display,sans-serif;font-size:clamp(32px,2.45vw,44px);font-weight:800;line-height:1.02;letter-spacing:.4px;text-wrap:balance;text-transform:uppercase}.b24-before-after__heading p{margin:0}.b24-before-after__accent{display:block;width:92px;height:5px;margin:-13px 0 28px;border-radius:999px;background:var(--b24-ba-accent-colour);transform:rotate(-2deg);transform-origin:left center}.b24-before-after__body{max-width:610px;color:var(--b24-ba-text-colour);font-size:clamp(16px,1.05vw,18px);font-weight:400;line-height:1.62;letter-spacing:0;word-spacing:.001em;font-feature-settings:"kern" 1;font-kerning:normal}.b24-before-after__body>*:first-child{margin-top:0}.b24-before-after__body>*:last-child{margin-bottom:0}.b24-before-after__body p{margin:0 0 15px}.b24-before-after__body ul,.b24-before-after__body ol{margin:18px 0 0;padding-left:22px}.b24-before-after__body a{color:var(--b24-ba-heading-colour);font-weight:700;text-underline-offset:3px}.b24-before-after__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.b24-before-after__button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:12px;padding:14px 28px;border:2px solid var(--b24-ba-button-background);border-radius:9px;background:var(--b24-ba-button-background);box-shadow:0 10px 22px #2647341c;color:var(--b24-ba-button-text);font-size:16px;font-weight:700;line-height:1.2;text-align:center;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.b24-before-after__button:hover{border-color:var(--b24-ba-button-hover-background);background:var(--b24-ba-button-hover-background);box-shadow:0 14px 28px #2647342b;color:var(--b24-ba-button-hover-text);transform:translateY(-2px)}.b24-before-after__button:focus-visible{outline:3px solid var(--b24-ba-accent-colour);outline-offset:4px}.b24-before-after__button-arrow{display:inline-flex;align-items:center;justify-content:center;font-size:21px;font-weight:400;line-height:1;transition:transform .2s ease}.b24-before-after__button:hover .b24-before-after__button-arrow{transform:translate(4px)}.b24-before-after__trust{display:flex;align-items:center;gap:9px;margin-top:17px;color:var(--b24-ba-trust-colour);font-size:13px;font-weight:650;line-height:1.45}.b24-before-after__trust-icon{display:flex;flex:0 0 22px;width:22px;height:22px;align-items:center;justify-content:center;border-radius:50%;background:#26473417;color:var(--b24-ba-heading-colour)}.b24-before-after__trust-icon svg{display:block;width:14px;height:14px}@media screen and (max-width:1199px){.b24-before-after__layout,.b24-before-after__image-shell{min-height:540px}.b24-before-after__content{padding:clamp(40px,4.5vw,60px) clamp(32px,4vw,52px)}.b24-before-after__heading{font-size:clamp(30px,3.4vw,40px)}.b24-before-after__body{font-size:16px}}@media screen and (max-width:899px){.b24-before-after{padding-top:var(--b24-ba-mobile-padding-top)!important;padding-right:20px;padding-bottom:var(--b24-ba-mobile-padding-bottom)!important;padding-left:20px}.b24-before-after__layout,.b24-before-after--card .b24-before-after__layout{display:flex;min-height:0;flex-direction:column;overflow:hidden;border-radius:min(var(--b24-ba-card-radius),22px)}.b24-before-after--image-right .b24-before-after__media,.b24-before-after--image-right .b24-before-after__content{grid-column:auto;grid-row:auto}.b24-before-after--image-right .b24-before-after__media{order:1}.b24-before-after--image-right .b24-before-after__content{order:2}.b24-before-after__media,.b24-before-after__comparison{width:100%;height:auto}.b24-before-after__image-shell{width:100%;height:auto;min-height:0;aspect-ratio:var(--b24-ba-image-aspect-ratio)}.b24-before-after__content{width:100%;padding:40px 34px 44px}.b24-before-after__content-inner{width:100%;max-width:none}.b24-before-after__heading{max-width:600px;margin-bottom:25px;font-size:clamp(30px,7vw,39px);line-height:1.02}.b24-before-after__accent{width:88px;margin-top:-11px;margin-bottom:25px}.b24-before-after__body{max-width:none;font-size:16px;line-height:1.58}}@media screen and (max-width:549px){.b24-before-after{padding-right:16px;padding-left:16px}.b24-before-after__content{padding:32px 22px 36px}.b24-before-after__label{top:13px;min-height:31px;padding:7px 11px;font-size:10px}.b24-before-after__label--before{left:13px}.b24-before-after__label--after{right:13px}.b24-before-after__handle{width:46px;height:46px;border-width:3px}.b24-before-after__handle-icon{width:24px;height:16px}.b24-before-after__eyebrow{margin-bottom:10px;font-size:12px}.b24-before-after__heading{margin-bottom:23px;font-size:clamp(27px,8vw,34px)}.b24-before-after__accent{width:80px;height:4px;margin-top:-9px;margin-bottom:23px}.b24-before-after__actions{margin-top:24px}.b24-before-after__button{width:100%;min-height:52px;padding:13px 22px}.b24-before-after__trust{align-items:flex-start;font-size:12px}}@media(prefers-reduced-motion:reduce){.b24-before-after__handle,.b24-before-after__button,.b24-before-after__button-arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/b24-before-after.css.map */