/* Temas deste componente. Os VARs PHP são resolvidos no rebuild. */
:root, [data-theme="light"] {
    --exit-contact-popup-var_font_color: _VAR_font_color_;
    --exit-contact-popup-var_others: _VAR_others_;
    --exit-contact-popup-var_others_dark: _VAR_others_dark_;
    --exit-contact-popup-bg-color: #ffffff;
    --exit-contact-popup-site-others: var(--exit-contact-popup-var_others);
    --exit-contact-popup-site-others-dark: var(--exit-contact-popup-var_others_dark);
    --exit-contact-popup-site-font-color: var(--exit-contact-popup-var_font_color);
    --exit-contact-popup-color-border-333333: #333333;
    --exit-contact-popup-color-border-999999: #999999;
    --exit-contact-popup-color-border-cccccc: #cccccc;
    --exit-contact-popup-color-shadow-rgba-0-0-0--25: rgba(0,0,0,.25);
    --exit-contact-popup-color-surface-999999: #999999;
    --exit-contact-popup-color-surface-cccccc: #cccccc;
    --exit-contact-popup-color-surface-ffffff: var(--exit-contact-popup-bg-color);
    --exit-contact-popup-color-surface-rgba-0-0-0--6: rgba(0,0,0,.6);
    --exit-contact-popup-color-surface-transparent: transparent;
    --exit-contact-popup-color-text-333333: #333333;
    --exit-contact-popup-color-text-b00020: #b00020;
    --exit-contact-popup-color-text-ffffff: #ffffff;
}

[data-theme="dark"] {
    --exit-contact-popup-var_font_color: color-mix(in srgb, _VAR_font_color_ 10%, #ffffff 90%);
    --exit-contact-popup-var_others: _VAR_others_;
    --exit-contact-popup-var_others_dark: _VAR_others_dark_;
    --exit-contact-popup-bg-color: #151a23;
    --exit-contact-popup-color-border-999999: #465369;
    --exit-contact-popup-color-border-cccccc: #465369;
    --exit-contact-popup-color-surface-999999: #303b4c;
    --exit-contact-popup-color-surface-cccccc: #303b4c;
    --exit-contact-popup-color-surface-ffffff: var(--exit-contact-popup-bg-color);
    --exit-contact-popup-color-text-333333: #e7eaf0;
}

.exit-contact-popup[hidden], .exit-contact-popup [hidden] { display: none !important; }
.exit-contact-popup { position: fixed; inset: 0; z-index: 2147483647; display: flex; align-items: center; justify-content: center; padding: 16px; box-sizing: border-box; background: var(--exit-contact-popup-color-surface-rgba-0-0-0--6); }
.exit-contact-panel { position: relative; box-sizing: border-box; width: min(460px, 100%); max-height: calc(100dvh - 32px); overflow-y: auto; padding: 24px; border-radius: 8px; background: var(--exit-contact-popup-color-surface-ffffff); color: var(--exit-contact-popup-site-font-color, var(--exit-contact-popup-color-text-333333)); box-shadow: 0 12px 35px var(--exit-contact-popup-color-shadow-rgba-0-0-0--25); }
.exit-contact-panel h3 { margin: 0 36px 8px 0; font-size: 22px; line-height: 1.3; }
.exit-contact-panel p { margin: 0 0 18px; font-size: 15px; line-height: 1.4; }
.exit-contact-close { position: absolute; top: 10px; right: 10px; width: 36px; height: 36px; padding: 0; border: 0; background: var(--exit-contact-popup-color-surface-transparent); color: inherit; font-size: 28px; cursor: pointer; }
#exit-contact-form { display: flex; flex-direction: column; gap: 8px; }
#exit-contact-form label { font-size: 14px; }
#exit-contact-form > input { box-sizing: border-box; width: 100%; min-width: 0; min-height: 46px; margin: 0 0 8px; padding: 10px 12px; border: 1px solid var(--exit-contact-popup-color-border-cccccc); border-radius: 4px; background: var(--exit-contact-popup-color-surface-ffffff); color: inherit; font: inherit; }
.exit-contact-confirm { padding: 12px 20px; border: 1px solid var(--exit-contact-popup-site-others, var(--exit-contact-popup-color-border-cccccc)); border-radius: 4px; background: var(--exit-contact-popup-site-others, var(--exit-contact-popup-color-surface-cccccc)); color: var(--exit-contact-popup-color-text-ffffff); font: inherit; cursor: pointer; }
.exit-contact-confirm:hover { background: var(--exit-contact-popup-site-others-dark, var(--exit-contact-popup-color-surface-999999)); border-color: var(--exit-contact-popup-site-others-dark, var(--exit-contact-popup-color-border-999999)); }
.exit-contact-confirm:disabled { opacity: .6; cursor: default; }
.exit-contact-popup :focus-visible { outline: 2px solid var(--exit-contact-popup-site-others, var(--exit-contact-popup-color-border-333333)); outline-offset: 3px; }
.exit-contact-feedback { margin: 16px 0 0 !important; }
.exit-contact-feedback[data-error="true"] { color: var(--exit-contact-popup-color-text-b00020); }
.exit-contact-honeypot { display: none; }