import n from"style-inject";var e=".list-item {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  color: var(--primary-text-color);\n  border-radius: 4px;\n  font-size: 14px;\n  line-height: 18px;\n  font-weight: 400;\n  cursor: pointer;\n}\n.list-item:focus-visible, .list-item.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209deg, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.list-item:focus:not(.focus-visible) {\n  outline: none;\n}\n.list-item:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.list-item--disabled {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.list-item--disabled:hover {\n  background-color: transparent;\n}\n.list-item--selected {\n  background-color: var(--primary-selected-color);\n}\n.list-item--selected:hover {\n  background-color: var(--primary-selected-color);\n}\n.list-item--small {\n  height: 32px;\n}\n.list-item--medium {\n  height: 40px;\n}\n.list-item--large {\n  height: 48px;\n}\n.list-item {\n  font-family: var(--font-family);\n}";n(e,{insertAt:"top"});export{e as default};
