/*
 * Frontend styles for the persona-wrapper block.
 *
 * The wrapper renders ALL persona-conditional variants in the HTML so the
 * page can be safely served from a page cache. The resolver script then
 * reveals the matching variant for the current visitor.
 *
 * To prevent a flash of the default variant before JavaScript runs, every
 * variant is hidden by default. The resolver adds the `kp-active` class to
 * the matching variant (and uses a MutationObserver so this happens before
 * the browser paints the wrapper). A <noscript> fallback (printed once in
 * <head>) shows the default variant when JavaScript is disabled.
 */
.persona-wrapper > .persona-conditional {
    display: none;
}

.persona-wrapper > .persona-conditional.kp-active {
    display: block;
}
