.before-after[data-astro-cid-xucoonnw]{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}.before-after__viewport[data-astro-cid-xucoonnw]{position:relative;overflow:hidden;aspect-ratio:var(--before-after-aspect-ratio);border:var(--surface-border);border-radius:var(--radius-card);background:var(--color-bg-surface)}.before-after__image[data-astro-cid-xucoonnw]{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}.before-after__after-layer[data-astro-cid-xucoonnw]{position:absolute;inset:0;overflow:hidden;clip-path:inset(0 0 0 var(--before-after-position))}.before-after__divider[data-astro-cid-xucoonnw]{position:absolute;top:0;bottom:0;left:var(--before-after-position);width:1px;background:color-mix(in srgb,var(--color-bg-surface) 86%,var(--color-brand));box-shadow:0 0 0 1px color-mix(in srgb,var(--color-brand) 22%,transparent),0 0 18px color-mix(in srgb,var(--color-bg) 36%,transparent);transform:translate(-.5px);z-index:2;cursor:ew-resize;touch-action:none}.before-after__handle[data-astro-cid-xucoonnw]{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;gap:.25rem;width:2.75rem;height:2.75rem;border:1px solid color-mix(in srgb,var(--color-border) 78%,var(--color-bg-surface));border-radius:9999px;background:color-mix(in srgb,var(--color-bg-surface) 92%,transparent);color:var(--color-text-secondary);box-shadow:0 .75rem 1.75rem color-mix(in srgb,var(--color-text) 18%,transparent),inset 0 1px color-mix(in srgb,white 60%,transparent);transform:translate(-50%,-50%);backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.before-after__handle[data-astro-cid-xucoonnw]:before,.before-after__handle[data-astro-cid-xucoonnw]:after{content:"";width:.45rem;height:.45rem;border-top:2px solid currentColor;border-left:2px solid currentColor}.before-after__handle[data-astro-cid-xucoonnw]:before{transform:rotate(-45deg)}.before-after__handle[data-astro-cid-xucoonnw]:after{transform:rotate(135deg)}.before-after__handle-grip[data-astro-cid-xucoonnw]{width:1px;height:1rem;border-radius:9999px;background:color-mix(in srgb,currentColor 42%,transparent)}.before-after__range[data-astro-cid-xucoonnw]{position:absolute;inset:0;width:calc(100% + 2.75rem);height:100%;left:-1.375rem;margin:0;appearance:none;background:transparent;cursor:ew-resize;z-index:10}.before-after__range[data-astro-cid-xucoonnw]:focus{outline:none}.before-after__range[data-astro-cid-xucoonnw]::-webkit-slider-thumb{appearance:none;width:2.75rem;height:2.75rem;border:0;border-radius:9999px;background:transparent;box-shadow:none;cursor:ew-resize;transition:transform .1s ease}.before-after__range[data-astro-cid-xucoonnw]:active::-webkit-slider-thumb{transform:scale(1.06)}.before-after__range[data-astro-cid-xucoonnw]::-moz-range-thumb{width:2.75rem;height:2.75rem;border:0;border-radius:9999px;background:transparent;box-shadow:none;cursor:ew-resize;transition:transform .1s ease}.before-after__range[data-astro-cid-xucoonnw]:active::-moz-range-thumb{transform:scale(1.06)}.before-after__viewport[data-astro-cid-xucoonnw]:has(.before-after__range:focus-visible) .before-after__handle[data-astro-cid-xucoonnw]{outline:2px solid var(--color-brand);outline-offset:2px}.before-after__viewport[data-astro-cid-xucoonnw]:has(.before-after__range:active) .before-after__handle[data-astro-cid-xucoonnw]{border-color:color-mix(in srgb,var(--color-brand) 50%,var(--color-border));box-shadow:0 .85rem 2rem color-mix(in srgb,var(--color-text) 22%,transparent),0 0 0 .25rem color-mix(in srgb,var(--color-brand) 12%,transparent),inset 0 1px color-mix(in srgb,white 60%,transparent);transform:translate(-50%,-50%) scale(1.04)}.before-after__range[data-astro-cid-xucoonnw]::-webkit-slider-runnable-track{background:transparent;border:none}.before-after__range[data-astro-cid-xucoonnw]::-moz-range-track{background:transparent;border:none}.before-after__caption[data-astro-cid-xucoonnw]{color:var(--color-text-muted);font-size:.9rem;line-height:1.4}.before-after__badge[data-astro-cid-xucoonnw]{position:absolute;top:.75rem;z-index:1;border:1px solid var(--color-border);border-radius:9999px;background:color-mix(in srgb,var(--color-bg-surface) 88%,transparent);color:var(--color-text-strong);font-size:.75rem;font-weight:600;line-height:1;letter-spacing:.06em;text-transform:uppercase;padding:.4rem .65rem}.before-after__badge--before[data-astro-cid-xucoonnw]{left:.75rem}.before-after__badge--after[data-astro-cid-xucoonnw]{right:.75rem}