:root{--slider-button-size:76px;--slider-thumb-width:0.65rem}@media screen and (max-width:768px){:root{--slider-button-size:48px;--slider-thumb-width:0.5rem}}.before-after{height:100%;width:100%}.before-after__container{aspect-ratio:var(--ratio-widescreen);border-radius:8px;filter:drop-shadow(6px 6px 20px rgba(0,0,0,.08));overflow:hidden;position:relative;width:100%}.before-after__container .img{height:100%;left:0;object-fit:cover;object-position:left;position:absolute;top:0;width:100%}.before-after__container .foreground-img{-webkit-clip-path:inset(0 99% 0 0);clip-path:inset(0 99% 0 0)}.before-after__container .before-after__slider{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;display:flex;height:100%;justify-content:center;margin:0;outline:none;position:absolute;transition:all .2s;width:100%}.before-after__container .before-after__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--lilac-accent);cursor:pointer;height:1000px;pointer-events:none;touch-action:pan-x;width:var(--slider-thumb-width)}.before-after__container .before-after__slider::-moz-range-thumb{background:var(--lilac-accent);cursor:pointer;height:100%;pointer-events:none;touch-action:pan-x;width:var(--slider-thumb-width)}.before-after__container .before-after__slider-button{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='78' height='77' fill='none' viewBox='0 0 78 77'%3E%3Cpath fill='%23573DDC' fill-rule='evenodd' d='M39 76.54c21.109 0 38.22-17.112 38.22-38.22C77.22 17.214 60.109.102 39 .102 17.894.101.782 17.213.782 38.321S17.893 76.54 39.001 76.54' clip-rule='evenodd'/%3E%3Cpath fill='%23FAF9F7' fill-rule='evenodd' d='M31.539 29.367a1.67 1.67 0 0 0-2.332 0l-7.59 7.45a1.595 1.595 0 0 0 0 2.288l7.59 7.45a1.67 1.67 0 0 0 2.332 0 1.595 1.595 0 0 0 0-2.288l-6.417-6.314 6.417-6.298a1.61 1.61 0 0 0 0-2.288M44.992 46.54a1.67 1.67 0 0 0 2.332 0l7.59-7.45a1.595 1.595 0 0 0 0-2.29l-7.59-7.45a1.67 1.67 0 0 0-2.332 0 1.595 1.595 0 0 0 0 2.29l6.417 6.313-6.417 6.298a1.61 1.61 0 0 0 0 2.288' clip-rule='evenodd'/%3E%3C/svg%3E");height:var(--slider-button-size);left:calc(0% - var(--slider-button-size)/2);pointer-events:none;position:absolute;top:calc(50% - var(--slider-button-size)/2);width:var(--slider-button-size)}@media screen and (max-width:1200px){.before-after__content{padding-left:0!important}}