:where([data-theme] .bz-before-after){flex-direction:column;gap:2rem;display:flex}:where([data-theme] .bz-before-after__header){flex-direction:column;gap:.75rem;max-width:48rem;display:flex}:where([data-theme] .bz-before-after__eyebrow){letter-spacing:.06em;font-size:.875rem;font-weight:600}:where([data-theme] .bz-before-after__heading){font-family:var(--font-heading);overflow-wrap:anywhere;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.25rem);line-height:1.2}:where([data-theme] .bz-before-after__text){line-height:1.6}:where([data-theme] .bz-before-after__stage){--bz-before-after-ratio:3 / 2;isolation:isolate;aspect-ratio:var(--bz-before-after-ratio);border-radius:var(--radius);background:var(--color-muted);cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}:where([data-theme] .bz-before-after__stage[data-aspect=square]){--bz-before-after-ratio:1}:where([data-theme] .bz-before-after__stage[data-aspect=portrait]){--bz-before-after-ratio:4 / 5}:where([data-theme] .bz-before-after__image){object-fit:cover;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}:where([data-theme] .bz-before-after__before){clip-path:inset(0 calc(100% - var(--bz-before-after-position,50%)) 0 0);position:absolute;inset:0}:where([data-theme] .bz-before-after__label){background:var(--color-background);max-width:calc(50% - 2rem);color:var(--color-foreground);letter-spacing:.12em;text-transform:uppercase;pointer-events:none;padding:.25rem .625rem;font-size:.75rem;font-weight:700;line-height:1.4;position:absolute;top:1rem}:where([data-theme] .bz-before-after__label--before){left:1rem}:where([data-theme] .bz-before-after__label--after){right:1rem}:where([data-theme] .bz-before-after__divider){inset-block:0;left:var(--bz-before-after-position,50%);background:var(--color-background);pointer-events:none;width:1px;position:absolute;transform:translate(-50%)}:where([data-theme] .bz-before-after__handle){top:50%;left:var(--bz-before-after-position,50%);background:var(--color-background);width:2.75rem;height:2.75rem;color:var(--color-foreground);cursor:ew-resize;border-radius:9999px;justify-content:center;align-items:center;transition:transform .15s ease-out;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 6px #0003}:where([data-theme] .bz-before-after__handle:hover),:where([data-theme] .bz-before-after__stage[data-dragging] .bz-before-after__handle){transform:translate(-50%,-50%)scale(1.08)}:where([data-theme] .bz-before-after__handle-icon){width:1.125rem;height:1.125rem}@media (prefers-reduced-motion:reduce){:where([data-theme] .bz-before-after__handle){transition:none}}