{"version":3,"file":"inputDropdown.module.mjs","names":[],"sources":["../../../../package/common/inputDropdown/inputDropdown.module.pcss"],"sourcesContent":[".inputDropdown {\n  position: relative;\n}\n\n.inputDropdownStatus {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  border: 0;\n  clip-path: inset(50%);\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n/* The list brings its own padding and its rows reach the panel edge. */\n.inputDropdownPanel {\n  padding: 0;\n}\n\n/* Chrome, placement and the portal come from the Popover this renders inside; the\n   width is this component's own, since the list sizes to the longest suggestion\n   rather than to the field. */\n.dropdown {\n  width: fit-content;\n  max-width: 15em;\n  box-sizing: border-box;\n  overflow: hidden;\n  border-radius: inherit;\n\n  &-scroll {\n    overflow: auto;\n    max-height: 12.5em;\n  }\n\n  &-empty {\n    padding: 0.5em;\n    color: var(--text-dark);\n  }\n\n  &-item {\n    padding: 0.5em;\n    z-index: 0;\n    outline: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n\n    &:hover,\n    &:focus {\n      background: var(--background-accent);\n    }\n\n    &-highlighted {\n      background: var(--background-accent);\n    }\n  }\n}\n"],"mappings":""}