.before-after[data-astro-cid-67ggu7zt]{width:100%;max-width:960px;margin-inline:auto}.before-after__img[data-astro-cid-67ggu7zt]{width:100%;height:auto;display:block}.before-after__label[data-astro-cid-67ggu7zt]{border-radius:var(--radius-sm);color:var(--color-surface);background-color:#2e373fd9;padding:6px 10px;display:inline-block}.before-after__caption[data-astro-cid-67ggu7zt]{margin-top:var(--spacing-sm);color:var(--color-neutral-deep)}.bg-neutral-light .before-after__caption[data-astro-cid-67ggu7zt]{color:var(--color-primary)}.on-dark .before-after__caption[data-astro-cid-67ggu7zt]{color:var(--color-surface)}.before-after__frame[data-astro-cid-67ggu7zt]{gap:var(--spacing-md);display:grid}.before-after__layer[data-astro-cid-67ggu7zt]{gap:var(--spacing-xs);justify-items:start;display:grid}.before-after__range[data-astro-cid-67ggu7zt],.before-after__divider[data-astro-cid-67ggu7zt]{display:none}html.js .before-after__frame[data-astro-cid-67ggu7zt]{isolation:isolate;background-color:var(--color-neutral-light);box-shadow:var(--shadow-card);user-select:none;display:block;position:relative;overflow:hidden}html.js .before-after__layer[data-astro-cid-67ggu7zt]{display:block;position:absolute;inset:0}html.js .before-after__img[data-astro-cid-67ggu7zt]{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}html.js .before-after__layer--after[data-astro-cid-67ggu7zt] .before-after__img[data-astro-cid-67ggu7zt]{z-index:0}html.js .before-after__layer--before[data-astro-cid-67ggu7zt] .before-after__img[data-astro-cid-67ggu7zt]{z-index:1;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}html.js .before-after__label[data-astro-cid-67ggu7zt]{top:var(--spacing-md);z-index:2;position:absolute}html.js .before-after__layer--before[data-astro-cid-67ggu7zt] .before-after__label[data-astro-cid-67ggu7zt]{left:var(--spacing-md)}html.js .before-after__layer--after[data-astro-cid-67ggu7zt] .before-after__label[data-astro-cid-67ggu7zt]{right:var(--spacing-md)}.before-after[data-astro-cid-67ggu7zt]{--x1:0;--x2:1;--x3:99;--x4:100}html.js .before-after__layer--before[data-astro-cid-67ggu7zt] .before-after__label[data-astro-cid-67ggu7zt]{opacity:clamp(0, (var(--p,50) - var(--x1)) / (var(--x2) - var(--x1)), 1)}html.js .before-after__layer--after[data-astro-cid-67ggu7zt] .before-after__label[data-astro-cid-67ggu7zt]{opacity:clamp(0, (var(--x4) - var(--p,50)) / (var(--x4) - var(--x3)), 1)}html.js .before-after__range[data-astro-cid-67ggu7zt]{z-index:3;opacity:0;cursor:ew-resize;touch-action:pan-y;appearance:none;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;display:block;position:absolute;inset:0}html.js .before-after__range[data-astro-cid-67ggu7zt]::-webkit-slider-runnable-track{background:0 0;height:100%}html.js .before-after__range[data-astro-cid-67ggu7zt]::-webkit-slider-thumb{appearance:none;background:0 0;border:0;width:48px;height:100%}html.js .before-after__range[data-astro-cid-67ggu7zt]::-moz-range-track{background:0 0;height:100%}html.js .before-after__range[data-astro-cid-67ggu7zt]::-moz-range-thumb{background:0 0;border:0;border-radius:0;width:48px;height:100%}html.js .before-after__divider[data-astro-cid-67ggu7zt]{top:0;bottom:0;left:var(--pos);z-index:4;background-color:var(--color-surface);pointer-events:none;width:2px;display:block;position:absolute;translate:-50%;box-shadow:0 0 0 1px #2e373f40}html.js .before-after__handle[data-astro-cid-67ggu7zt]{border:2px solid var(--color-tertiary);border-radius:var(--radius-full);background-color:var(--color-primary);width:48px;height:48px;color:var(--color-tertiary);box-shadow:var(--shadow-card);justify-content:center;align-items:center;transition:scale .2s,border-color .2s;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}html.js .before-after__frame[data-astro-cid-67ggu7zt]:hover .before-after__handle[data-astro-cid-67ggu7zt],html.js .before-after__range[data-astro-cid-67ggu7zt]:active~.before-after__divider[data-astro-cid-67ggu7zt] .before-after__handle[data-astro-cid-67ggu7zt]{border-color:var(--color-tertiary-bright);scale:1.06}html.js .before-after__range[data-astro-cid-67ggu7zt]:focus-visible~.before-after__divider[data-astro-cid-67ggu7zt] .before-after__handle[data-astro-cid-67ggu7zt]{box-shadow:0 0 0 3px var(--color-surface), 0 0 0 5px var(--color-primary)}@media (prefers-reduced-motion:reduce){html.js .before-after__handle[data-astro-cid-67ggu7zt]{transition:none}}