{"version":3,"file":"navigation-menu-panel.css.cjs","names":[],"sources":["../../../src/overlay/navigation-menu/navigation-menu-panel.css?inline"],"sourcesContent":["@layer refine.base {\n  :host {\n    position: fixed;\n    inset: unset;\n    z-index: var(--z-popover);\n    box-sizing: border-box;\n    display: none;\n    width: min(var(--navigation-menu-panel-width, 48rem), calc(100vw - var(--size-8)));\n    max-height: min(var(--navigation-menu-panel-max-height, 42rem), calc(100dvh - var(--size-12)));\n    margin: 0;\n    overflow: auto;\n    overscroll-behavior: contain;\n    background: var(--navigation-menu-bg, var(--color-canvas));\n    border: var(--border) solid var(--navigation-menu-border-color, var(--color-divider));\n    border-radius: var(--navigation-menu-radius, var(--rounded-lg));\n    box-shadow: var(--navigation-menu-shadow, var(--shadow-xl));\n    backdrop-filter: blur(var(--navigation-menu-backdrop-blur, var(--blur-xl))) saturate(180%);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  :host(:popover-open),\n  :host([data-open]) {\n    display: block;\n  }\n\n  .content {\n    display: grid;\n    grid-template-columns: repeat(var(--navigation-menu-panel-columns, 2), minmax(0, 1fr));\n    grid-auto-rows: max-content;\n    gap: var(--size-3);\n    align-content: start;\n    padding: var(--size-5);\n  }\n\n  .footer[hidden] {\n    display: none;\n  }\n\n  ::slotted(a) {\n    min-width: 0;\n    padding: var(--size-3);\n    font-size: var(--text-sm);\n    line-height: var(--leading-normal);\n    color: var(--color-contrast-700);\n    text-decoration: none;\n    border-radius: var(--rounded-md);\n    transition:\n      background var(--transition-fast),\n      color var(--transition-fast);\n  }\n\n  ::slotted(a:hover),\n  ::slotted(a:focus-visible) {\n    color: var(--color-primary);\n    background: var(--color-contrast-100);\n  }\n\n  ::slotted(a:focus-visible) {\n    outline: var(--focus-ring);\n    outline-offset: var(--size-0-5);\n  }\n\n  ::slotted(a[slot='footer']) {\n    display: flex;\n    gap: var(--size-2);\n    align-items: center;\n    justify-content: space-between;\n    padding: var(--size-3) var(--size-5);\n    font-size: var(--text-sm);\n    font-weight: var(--font-medium);\n    color: var(--color-primary);\n    text-decoration: none;\n    border-top: var(--border) solid var(--color-divider);\n  }\n\n  ::slotted(a[slot='footer']:hover),\n  ::slotted(a[slot='footer']:focus-visible) {\n    background: var(--color-contrast-100);\n  }\n}\n"],"mappings":""}