Medplum

.option { border-radius: var(--mantine-radius-sm); padding: 8px 12px; cursor: pointer; &:hover { background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6)); & .iconBox { color: light-dark(var(--mantine-color-black), var(--mantine-color-white)); } } } .iconBox { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: var(--mantine-radius-sm); background-color: light-dark(var(--mantine-color-gray-2), var(--mantine-color-dark-4)); color: light-dark(var(--mantine-color-gray-6), var(--mantine-color-dark-2)); }