.evolve-before-after{--evolve-ba-divider:#af9150;--evolve-ba-handle:#f9f9f9;--evolve-ba-label:#404041;--evolve-ba-frame:#dddddc;margin:0}.evolve-before-after__title{color:#404041;font-family:"Playfair Display",Georgia,serif;font-size:clamp(24px,2.4vw,36px);font-weight:400;margin:0 0 20px}.evolve-before-after__stage{aspect-ratio:var(--evolve-ba-ratio,4 / 3);border:1px solid var(--evolve-ba-frame);overflow:hidden;position:relative}.evolve-before-after__image{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.evolve-before-after__after{clip-path:inset(0 calc(100% - var(--evolve-ba-position)) 0 0);inset:0;position:absolute}.evolve-before-after__divider{background:var(--evolve-ba-divider);height:100%;left:var(--evolve-ba-position);position:absolute;top:0;transform:translateX(-50%);width:1px}.evolve-before-after__divider span{align-items:center;background:var(--evolve-ba-handle);border:1px solid var(--evolve-ba-divider);border-radius:50%;color:var(--evolve-ba-divider);display:flex;font:16px/1 sans-serif;height:42px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:42px}.evolve-before-after__label{background:rgb(249 249 249 / 88%);color:var(--evolve-ba-label);font:600 9px/1 Helvetica,Arial,sans-serif;letter-spacing:.14em;padding:8px 10px;position:absolute;text-transform:uppercase;top:14px}.evolve-before-after__label--before{left:14px}.evolve-before-after__label--after{right:14px}.evolve-before-after__range{cursor:ew-resize;height:100%;inset:0;opacity:0;position:absolute;width:100%}.evolve-before-after__range:focus-visible{opacity:1;outline:2px solid var(--evolve-ba-divider);outline-offset:-3px}.evolve-before-after figcaption{color:#686868;font:12px/1.6 Helvetica,Arial,sans-serif;margin-top:12px}
.evolve-before-after--placeholder{align-items:center;background:#f6f2e9;border:1px solid #dddddc;display:flex;flex-direction:column;justify-content:center;min-height:clamp(260px,36vw,460px);padding:40px;text-align:center}.evolve-before-after__placeholder-mark{align-items:center;border:1px solid #af9150;border-radius:50%;color:#af9150;display:flex;font:18px/1 sans-serif;height:48px;justify-content:center;margin-bottom:18px;width:48px}.evolve-before-after--placeholder p{color:#666;font:14px/1.7 Helvetica,Arial,sans-serif;margin:0;max-width:470px}