{"version":3,"file":"navigation-menu-item.css.cjs","names":[],"sources":["../../../src/overlay/navigation-menu/navigation-menu-item.css?inline"],"sourcesContent":["@layer refine.base {\n  :host {\n    display: inline-flex;\n  }\n\n  .trigger {\n    all: unset;\n    box-sizing: border-box;\n    display: inline-flex;\n    gap: var(--size-1);\n    align-items: center;\n    min-height: var(--_touch-target, var(--size-9));\n    padding: var(--size-1-5) var(--size-2-5);\n    font-size: var(--text-sm);\n    font-weight: var(--font-medium);\n    color: var(--navbar-item-color, var(--color-contrast-700));\n    cursor: pointer;\n    border-radius: var(--rounded-md);\n  }\n\n  .trigger:hover,\n  .trigger[aria-expanded='true'] {\n    color: var(--color-primary);\n    background: var(--color-contrast-100);\n  }\n\n  .trigger:focus-visible {\n    outline: var(--focus-ring);\n    outline-offset: var(--size-0-5);\n  }\n\n  .trigger:disabled {\n    cursor: not-allowed;\n    opacity: 0.6;\n  }\n\n  ::slotted(ore-icon) {\n    flex: none;\n    transition: transform var(--transition-fast);\n  }\n\n  :host([aria-expanded='true']) ::slotted(ore-icon) {\n    transform: rotate(180deg);\n  }\n}\n"],"mappings":""}