/**
 * Styles injected into the outbound banner's own Shadow DOM root. `:host { all:
 * initial }` isolates the banner from host-page CSS; nothing here leaks out.
 */
export declare const BANNER_SHADOW_STYLES = "\n:host {\n  all: initial;\n  display: block;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n}\n*, *::before, *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n.vtilt-ob-banner {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  padding: 12px 20px;\n  font-size: 14px;\n  line-height: 1.4;\n  z-index: 2147483000;\n  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.18);\n}\n/* Overlay: fixed to the viewport edge, floats over page content (default). */\n.vtilt-ob-banner[data-mode=\"overlay\"] {\n  position: fixed;\n  left: 0;\n  right: 0;\n}\n.vtilt-ob-banner[data-mode=\"overlay\"][data-position=\"top\"] { top: 0; }\n.vtilt-ob-banner[data-mode=\"overlay\"][data-position=\"bottom\"] { bottom: 0; }\n/* Push: normal document flow \u2014 the host block takes space and shifts the page. */\n.vtilt-ob-banner[data-mode=\"push\"] { position: relative; }\n.vtilt-ob-theme-brand   { background: #6366f1; color: #ffffff; }\n.vtilt-ob-theme-neutral { background: #f1f5f9; color: #0f172a; border-bottom: 1px solid #e2e8f0; }\n.vtilt-ob-theme-dark    { background: #0f172a; color: #f8fafc; }\n.vtilt-ob-text {\n  flex: 0 1 auto;\n  max-width: 80ch;\n}\n.vtilt-ob-actions {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex: 0 0 auto;\n}\n.vtilt-ob-cta {\n  appearance: none;\n  border: 0;\n  cursor: pointer;\n  font-size: 13px;\n  font-weight: 600;\n  padding: 8px 14px;\n  border-radius: 8px;\n  background: #ffffff;\n  color: #0f172a;\n  transition: opacity 0.15s ease;\n}\n.vtilt-ob-cta:hover { opacity: 0.88; }\n.vtilt-ob-theme-neutral .vtilt-ob-cta { background: #6366f1; color: #ffffff; }\n.vtilt-ob-dismiss {\n  appearance: none;\n  border: 0;\n  cursor: pointer;\n  background: transparent;\n  color: inherit;\n  font-size: 20px;\n  line-height: 1;\n  padding: 4px 6px;\n  opacity: 0.7;\n}\n.vtilt-ob-dismiss:hover { opacity: 1; }\n@media (max-width: 640px) {\n  .vtilt-ob-banner { flex-wrap: wrap; gap: 8px; padding: 10px 14px; }\n  .vtilt-ob-text { flex: 1 1 100%; }\n}\n";