.markdown a {
  color: var(--post-link-text-color);
  text-decoration: var(--post-content-link-text-decoration);
}

.markdown a:hover {
  color: var(--post-link-text-color-hover);
  text-decoration: var(--post-content-link-text-decoration-hover);
}

.markdown .inlineQuoteLink a {
  color: var(--post-quotelink-text-color);
  text-decoration: var(--post-quotelink-text-decoration);
}

.markdown .inlineQuoteLink a:hover {
  color: var(--post-quotelink-text-color-hover);
  text-decoration: var(--post-quotelink-text-decoration-hover);
}

.inlineQuoteLinkResolving {
  cursor: progress;
  opacity: 0.75;
  pointer-events: none;
}

.externalQuotePreviewState {
  min-width: 220px;
  padding: 8px 12px;
}

.externalQuotePreviewError {
  color: #a40000;
}

.embedButton {
  color: var(--button-desktop-text-color);
  text-transform: capitalize;
}

.embedButton:hover {
  cursor: pointer;
  color: var(--button-desktop-text-color-hover);
}

.spoiler {
  background-color: black;
  color: black;
  width: fit-content;
}

.spoiler:hover {
  color: white;
}

.floatingEmbed {
  background-color: #d6daf0;
  border: 1px solid #b7c5d9;
  padding: 2px;
}

.inline {
  display: inline;
}
