.note-template-picker {
  min-width: 260px;
  max-width: 360px;
}

.note-template-picker-list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-height: 260px;
  margin-top: 0.5rem;
  overflow-y: auto;
}

.note-template-picker-item {
  display: block;
  width: 100%;
  padding: 0.35rem 0.5rem;
  color: var(--vz-body-color);
  text-align: left;
  white-space: pre-line;
  background: transparent;
  border: 0;
  border-radius: 0.25rem;
}

.note-template-picker-item:hover,
.note-template-picker-item:focus,
.note-template-picker-item.is-active {
  color: var(--vz-primary);
  background: var(--vz-light);
  outline: 0;
}

.popover .popover-body .note-template-picker-list {
  max-height: min(260px, 55vh);
}