.beforeAfter:where(.astro-IDLPOCQC){position:relative;width:100%;height:600px;border:2px solid #fff}.beforeAfter:where(.astro-IDLPOCQC) .img:where(.astro-IDLPOCQC){position:absolute;top:0;left:0;width:100%;height:100%;background-size:900px 100%}.beforeAfter:where(.astro-IDLPOCQC) .background-img:where(.astro-IDLPOCQC){background-image:var(--after)}.beforeAfter:where(.astro-IDLPOCQC) .foreground-img:where(.astro-IDLPOCQC){background-color:#e86e7e4d;background-image:var(--before);width:50%}.beforeAfter:where(.astro-IDLPOCQC) .slider:where(.astro-IDLPOCQC){position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;background:0 0;outline:0;margin:0;transition:all .2s;display:flex;justify-content:center;align-items:center}.beforeAfter:where(.astro-IDLPOCQC) .slider:where(.astro-IDLPOCQC)::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:6px;height:600px;background:#fff;cursor:pointer}.beforeAfter:where(.astro-IDLPOCQC) .slider:where(.astro-IDLPOCQC)::-moz-range-thumb{width:6px;height:600px;background:#fff;cursor:pointer}.beforeAfter:where(.astro-IDLPOCQC) .slider-button:where(.astro-IDLPOCQC){--tw-bg-opacity:1;background-color:rgb(232 110 126/var(--tw-bg-opacity));pointer-events:none;position:absolute;width:30px;height:30px;border-radius:50%;left:calc(50% - 18px);top:calc(50% - 18px);display:flex;justify-content:center;align-items:center}.beforeAfter:where(.astro-IDLPOCQC) .slider-button:where(.astro-IDLPOCQC):after,.beforeAfter:where(.astro-IDLPOCQC) .slider-button:where(.astro-IDLPOCQC):before{content:"";padding:3px;display:inline-block;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(-45deg)}.beforeAfter:where(.astro-IDLPOCQC) .slider-button:where(.astro-IDLPOCQC):before{transform:rotate(135deg)}