/* Self-hosted GDPR consent banner. Loaded eagerly from so it paints before any third-party content. Equal-prominence buttons (EDPB/CNIL). */ #rc-consent-banner { position: fixed; left: 0; right: 0; bottom: 0; z-index: 2147483646; padding: 12px; display: flex; justify-content: center; pointer-events: none; font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; } #rc-consent-banner .rc-consent-card { pointer-events: auto; max-width: 920px; width: 100%; background: #1b1f24; color: #f5f7fa; border: 1px solid #2c333c; border-radius: 12px; padding: 16px 20px; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35); display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; } #rc-consent-banner .rc-consent-text { flex: 1 1 320px; font-size: 14px; line-height: 1.45; } #rc-consent-banner .rc-consent-text strong { display: block; font-size: 15px; margin-bottom: 4px; } #rc-consent-banner .rc-consent-text p { margin: 0; color: #c8cfda; } #rc-consent-banner .rc-consent-text a { color: #7cc3ff; text-decoration: underline; } #rc-consent-banner .rc-consent-actions { display: flex; gap: 8px; flex-shrink: 0; } #rc-consent-banner .rc-consent-btn { appearance: none; -webkit-appearance: none; border: 1px solid #4a5260; background: #2a313b; color: #f5f7fa; font: inherit; font-weight: 600; font-size: 14px; padding: 10px 18px; border-radius: 8px; cursor: pointer; min-width: 120px; } #rc-consent-banner .rc-consent-btn:hover, #rc-consent-banner .rc-consent-btn:focus-visible { background: #343c47; outline: 2px solid #7cc3ff; outline-offset: 2px; } @media (max-width: 560px) { #rc-consent-banner .rc-consent-actions { width: 100%; } #rc-consent-banner .rc-consent-btn { flex: 1 1 0; min-width: 0; } }