.typstmate-symbols {
  position: fixed;
  left: var(--preview-left, 0);
  top: var(--preview-top, 0);
  z-index: 200;
  background: var(--background-secondary);
  padding: 2px 3px;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgb(0 0 0 / 0.18);
  user-select: none;
  transition: opacity 0.13s;
  opacity: 0.97;
  border: 1px solid var(--background-modifier-border);

  display: flex;
  flex-direction: column;
  max-height: 600px;
  overflow-y: auto;
  box-sizing: border-box;
}

.typstmate-symbols .item {
  cursor: pointer;
  padding: 4px 6px;
  border-bottom: 1px solid var(--background-modifier-border);
}

.typstmate-symbols .item.bookmark {
  font-weight: bold;
}

/*
 * LaTeX には base と variant の区別がないため substring を variant として扱う
 */
.typstmate-symbols .item.variant:not(.selected),
.typstmate-symbols .item.substring.latex:not(.selected) {
  opacity: 0.5;
}

.typstmate-symbols .item.substring.typst:not(.selected) {
  opacity: 0.2;
}

.typstmate-symbols .item.selected {
  background-color: var(--nav-item-background-selected);
}
