.index-contract-link {
  color: var(--index-accent);
  font-variant-numeric: tabular-nums;
  text-decoration: none;
}

.index-contract-link:hover {
  text-decoration: underline;
}

.index-live-preview {
  max-height: 336px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #343a35 transparent;
}

.index-live-preview > div:not(.index-preview__head) > span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-live-preview > div:not(.index-preview__head) > strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.index-live-preview button[data-approve] {
  padding: 0 7px;
}

.index-live-preview button[data-approve]:disabled {
  cursor: default;
  opacity: .55;
}

.index-live-preview button[data-approve].approved {
  border-color: rgba(198, 239, 79, .32);
  color: var(--index-accent);
}

.index-action-message {
  min-height: 15px;
}

.index-action-message.error {
  color: var(--index-error);
}

.index-action-message a {
  color: var(--index-accent);
}

.index-share-input small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}