.b-before-after{--ba-accent:var(--wp--preset--color--sage)}.b-before-after--navy{--ba-accent:var(--wp--preset--color--navy)}.b-before-after--gold{--ba-accent:var(--wp--preset--color--gold)}.b-before-after__viewport{aspect-ratio:4/5;background-color:var(--wp--preset--color--card);border:1px solid var(--wp--custom--color--border);border-radius:var(--wp--custom--radius--xl);box-shadow:var(--wp--custom--shadow--soft);cursor:ew-resize;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}@media(min-width:768px){.b-before-after__viewport{aspect-ratio:5/4}}.b-before-after__layer{inset:0;position:absolute}.b-before-after__layer--before{overflow:hidden}.b-before-after__image{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%;-webkit-user-drag:none}.b-before-after__label{backdrop-filter:blur(4px);border-radius:var(--wp--custom--radius--full);font-size:.7rem;font-weight:500;letter-spacing:.18em;padding:.25rem .75rem;pointer-events:none;position:absolute;text-transform:uppercase;top:1rem}.b-before-after__label--before{background-color:color-mix(in srgb,var(--wp--preset--color--base) 85%,transparent);color:var(--wp--preset--color--contrast);left:1rem}.b-before-after__label--after{background-color:color-mix(in srgb,var(--wp--preset--color--contrast) 85%,transparent);color:var(--wp--preset--color--base);right:1rem}.b-before-after__divider{background-color:color-mix(in srgb,var(--wp--preset--color--base) 90%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--wp--preset--color--contrast) 8%,transparent);inset-block:0;pointer-events:none;position:absolute;width:1px;z-index:1}.b-before-after__handle{align-items:center;background-color:var(--wp--preset--color--base);border:1px solid var(--wp--custom--color--border);border-radius:var(--wp--custom--radius--full);box-shadow:var(--wp--custom--shadow--soft);color:var(--wp--preset--color--contrast);cursor:ew-resize;display:flex;height:2.75rem;justify-content:center;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .2s ease;width:2.75rem;z-index:2}.b-before-after__handle:hover{transform:translate(-50%,-50%) scale(1.05)}.b-before-after__handle:focus-visible{outline:2px solid var(--ba-accent);outline-offset:2px}.b-before-after__viewport--empty{background-image:linear-gradient(to bottom right,var(--wp--preset--color--sage-soft),var(--wp--preset--color--card),var(--wp--preset--color--base));cursor:default}.b-before-after--navy .b-before-after__viewport--empty{background-image:linear-gradient(to bottom right,var(--wp--preset--color--navy-soft),var(--wp--preset--color--card),var(--wp--preset--color--base))}.b-before-after--gold .b-before-after__viewport--empty{background-image:linear-gradient(to bottom right,var(--wp--preset--color--gold-soft),var(--wp--preset--color--card),var(--wp--preset--color--base))}.b-before-after__empty{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;text-align:center}.b-before-after__empty-rule{background-color:color-mix(in srgb,var(--wp--preset--color--gold) 60%,transparent);display:block;height:1px;margin:0 auto .75rem;width:3rem}.b-before-after__empty-label{color:var(--wp--custom--color--meta)}.b-before-after__ring{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--wp--preset--color--gold) 15%,transparent);inset:0;pointer-events:none;position:absolute}@media(prefers-reduced-motion:reduce){.b-before-after__handle{transition:none}.b-before-after__handle:hover{transform:translate(-50%,-50%)}}
/*# sourceMappingURL=block_before-after.css.map*/