//#region src/components/lukso-modal/style.css?inline
var style_default = "/**\n * backdrop-filter must be applied at :host level (Light DOM) because it cannot blur content\n * across the Shadow DOM boundary. pointer-events: none allows backdrop clicks while children remain interactive.\n */\n:host([is-open]) {\n  position: fixed !important;\n  inset: 0 !important;\n  width: 100vw !important;\n  height: 100vh !important;\n  z-index: 1011 !important;\n  backdrop-filter: blur(8px) !important;\n  background: rgb(196 202 206 / 60%) !important;\n  pointer-events: none !important;\n}\n\n/* Light theme backdrop */\n:host([is-open]:not([theme='dark'])) {\n  background: rgb(196 202 206 / 60%) !important;\n}\n\n/* Dark theme backdrop with reduced opacity */\n:host([is-open][theme='dark']) {\n  background: rgb(196 202 206 / 10%) !important;\n}\n\n/* Re-enable pointer events for modal content */\n:host([is-open]) > * {\n  pointer-events: auto !important;\n}\n\n/* Dialog panel custom properties — defaults are inlined as var() fallbacks\n   so inherited values from parent elements are not blocked by :host. */\n:host(:not([theme='dark'])) {\n  --lukso-modal-resolved-bg: var(--lukso-modal-bg, #f8fafb); /* neutral-98 */\n}\n\n:host([theme='dark']) {\n  --lukso-modal-resolved-bg: var(\n    --lukso-modal-dark-bg,\n    var(--lukso-modal-bg, #121b21)\n  ); /* neutral-10 */\n}\n";
//#endregion
export { style_default as default };
