export declare const CAP_WIDGET_CSS = "/* ============================================\n   Mochabug Adapt Cap Widget - Premium Design\n   ============================================ */\n\n.mb-adapt-cap {\n  /* Sizing */\n  --mb-cap-border-radius: 16px;\n  --mb-cap-height: 72px;\n  --mb-cap-width: 320px;\n  --mb-cap-padding: 18px 22px;\n  --mb-cap-gap: 16px;\n\n  /* Light Mode Colors */\n  --mb-cap-bg: #ffffff;\n  --mb-cap-border-color: #e5e7eb;\n  --mb-cap-text-color: #111827;\n\n  /* Checkbox */\n  --mb-cap-checkbox-size: 30px;\n  --mb-cap-checkbox-radius: 8px;\n  --mb-cap-checkbox-border-color: #d1d5db;\n  --mb-cap-checkbox-bg: #f9fafb;\n\n  /* Spinner */\n  --mb-cap-spinner-color: #6366f1;\n  --mb-cap-spinner-bg: #e5e7eb;\n  --mb-cap-invalid-border-color: #f55b50;\n  --mb-cap-invalid-ring-color: rgba(245, 91, 80, 0.2);\n\n  /* Typography */\n  --mb-cap-font: inherit;\n\n  /* Shadows */\n  --mb-cap-shadow:\n    0 1px 3px rgba(0, 0, 0, 0.08),\n    0 4px 12px rgba(0, 0, 0, 0.05);\n  --mb-cap-shadow-hover:\n    0 4px 12px rgba(0, 0, 0, 0.1),\n    0 8px 24px rgba(0, 0, 0, 0.08);\n}\n\n/* Dark Mode */\n.mb-adapt-cap--dark {\n  --mb-cap-bg: #1f2937;\n  --mb-cap-border-color: #374151;\n  --mb-cap-text-color: #f9fafb;\n  --mb-cap-checkbox-border-color: #4b5563;\n  --mb-cap-checkbox-bg: #374151;\n  --mb-cap-spinner-color: #818cf8;\n  --mb-cap-spinner-bg: #4b5563;\n  --mb-cap-shadow:\n    0 1px 3px rgba(0, 0, 0, 0.3),\n    0 4px 12px rgba(0, 0, 0, 0.2);\n  --mb-cap-shadow-hover:\n    0 4px 12px rgba(0, 0, 0, 0.4),\n    0 8px 24px rgba(0, 0, 0, 0.3);\n}\n\n/* Container */\n.mb-adapt-cap__container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* Cap Widget \u2014 only CSS custom properties (cap.js recommended approach) */\n.mb-adapt-cap cap-widget {\n  --cap-background: var(--mb-cap-bg);\n  --cap-border-color: var(--mb-cap-border-color);\n  --cap-border-radius: var(--mb-cap-border-radius);\n  --cap-widget-height: var(--mb-cap-height);\n  --cap-widget-width: var(--mb-cap-width);\n  --cap-widget-padding: var(--mb-cap-padding);\n  --cap-gap: var(--mb-cap-gap);\n  --cap-color: var(--mb-cap-text-color);\n  --cap-checkbox-size: var(--mb-cap-checkbox-size);\n  --cap-checkbox-border: 2px solid var(--mb-cap-checkbox-border-color);\n  --cap-checkbox-border-radius: var(--mb-cap-checkbox-radius);\n  --cap-checkbox-background: var(--mb-cap-checkbox-bg);\n  --cap-checkbox-margin: 0;\n  --cap-font: var(--mb-cap-font);\n  --cap-spinner-color: var(--mb-cap-spinner-color);\n  --cap-spinner-background-color: var(--mb-cap-spinner-bg);\n  --cap-spinner-thickness: 3px;\n  --cap-invalid-border-color: var(--mb-cap-invalid-border-color);\n  --cap-invalid-ring-color: var(--mb-cap-invalid-ring-color);\n\n  display: block;\n}\n\n/* Hide Cap.js credits. Cap's shadow CSS marks credits as display:block!important,\n   so keep this in the standalone CAP stylesheet and reinforce it at runtime. */\n.mb-adapt-cap cap-widget::part(attribution),\ncap-widget::part(attribution) {\n  display: none !important;\n  visibility: hidden !important;\n  pointer-events: none !important;\n}\n\n/* Responsive */\n@media (max-width: 380px) {\n  .mb-adapt-cap {\n    --mb-cap-width: 280px;\n    --mb-cap-height: 64px;\n    --mb-cap-padding: 14px 18px;\n    --mb-cap-checkbox-size: 26px;\n  }\n}\n";