{"version":3,"file":"Menu.module.mjs","names":[],"sources":["../../../src/components/Menu/Menu.module.css"],"sourcesContent":[".dropdown {\n  padding: 4px;\n}\n\n.label {\n  color: var(--mantine-color-dimmed);\n  font-weight: var(--mantine-font-weight-medium);\n  font-size: var(--mantine-font-size-xs);\n  padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-sm);\n  cursor: default;\n}\n\n.divider {\n  margin-top: 4px;\n  margin-bottom: 4px;\n  border-top: 1px solid;\n\n  @mixin where-light {\n    border-color: var(--mantine-color-gray-2);\n  }\n\n  @mixin where-dark {\n    border-color: var(--mantine-color-dark-4);\n  }\n}\n\n.item {\n  font-size: var(--mantine-font-size-sm);\n  width: 100%;\n  padding: calc(var(--mantine-spacing-xs) / 1.5) var(--mantine-spacing-sm);\n  border-radius: var(--popover-radius, var(--mantine-radius-default));\n  color: var(--menu-item-color, var(--mantine-color-text));\n  display: flex;\n  align-items: center;\n  user-select: none;\n\n  &:where([data-disabled], :disabled) {\n    color: var(--mantine-color-disabled-color);\n    opacity: 0.6;\n    cursor: not-allowed;\n  }\n\n  &:where(:hover, :focus, [data-menu-active]) {\n    &:where(:not(:disabled, [data-disabled])) {\n      @mixin where-light {\n        background-color: var(--menu-item-hover, var(--mantine-color-gray-1));\n      }\n\n      @mixin where-dark {\n        background-color: var(--menu-item-hover, var(--mantine-color-dark-4));\n      }\n    }\n  }\n\n  &:where([data-sub-menu-item]) {\n    padding-inline-end: 5px;\n  }\n}\n\n.search {\n  --menu-search-padding: var(--popover-padding, 4px);\n\n  margin-inline: calc(var(--menu-search-padding) * -1);\n  margin-top: calc(var(--menu-search-padding) * -1);\n  width: calc(100% + var(--menu-search-padding) * 2);\n  border-top-width: 0;\n  border-inline-width: 0;\n  border-end-start-radius: 0;\n  border-end-end-radius: 0;\n  margin-bottom: var(--menu-search-padding);\n\n  &,\n  &:focus {\n    @mixin where-light {\n      border-color: var(--mantine-color-gray-2);\n    }\n\n    @mixin where-dark {\n      border-color: var(--mantine-color-dark-4);\n    }\n  }\n\n  @mixin where-light {\n    background-color: var(--mantine-color-white);\n  }\n\n  @mixin where-dark {\n    background-color: var(--mantine-color-dark-7);\n  }\n}\n\n.itemLabel {\n  flex: 1;\n}\n\n.itemIndicator {\n  width: 12px;\n  height: 12px;\n  flex-shrink: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  margin-inline-end: 8px;\n}\n\n.itemSection {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  &:where([data-position='left']) {\n    margin-inline-end: var(--mantine-spacing-xs);\n  }\n\n  &:where([data-position='right']) {\n    margin-inline-start: var(--mantine-spacing-xs);\n  }\n}\n\n.chevron {\n  transform: rotate(-90deg);\n\n  @mixin where-rtl {\n    transform: rotate(90deg);\n  }\n}\n"],"mappings":""}