/* Gravity Forms confirmation content; native dialog supplies focus trapping and Escape. */
.cro-confirmation { display: flex; flex-direction: column; gap: 24px; color: var(--cro-muted); font: 400 18px/28px Manrope, sans-serif; }
.cro-confirmation p, .cro-confirmation h3 { margin: 0; }
.cro-confirmation .cro-confirmation-label { font: 800 14px/20px Manrope, sans-serif; }
.cro-confirmation h3 { color: var(--cro-text); font: 600 24px/34px Unbounded, sans-serif; }
.cro-confirmation:not(dialog) [data-cro-close] { display: none; }
.cro-success-dialog:not([open]) { display: none; }
.cro-success-dialog { width: 600px; max-width: calc(100vw - 48px); max-height: calc(100dvh - 48px); margin: auto; padding: 40px; border: 0; border-radius: 16px; background: var(--cro-surface); overflow-y: auto; }
.cro-success-dialog::backdrop { background: #0009; }
.cro-success-dialog [data-cro-close] { display: block; width: 100%; padding: 20px 60px 20px 24px; min-height: 64px; border: 0; border-radius: 8px; color: var(--cro-onAccent); background: var(--cro-accent) url('../images/arrow-right-dark.svg') right 24px center/24px no-repeat; font: 600 16px/24px Manrope, sans-serif; text-align: left; cursor: pointer; }
@media (max-width: 767px) {
    .cro-success-dialog { width: 342px; padding: 24px; }
    .cro-confirmation { font-size: 16px; line-height: 26px; }
    .cro-confirmation h3 { font-size: 20px; line-height: 28px; font-weight: 400; }
}