@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,wght@0,400;0,600;1,400;1,600&display=swap');

#devogram-citation {
  font-family: "Source Serif 4", Georgia, serif;
  float: right;
  display: inline-flex;
  align-items: center;
  gap: .35em;
  margin-inline: 1em;
  font-size: 1.1em;
  font-weight: 600;
  opacity: 1;
  transition: opacity .35s ease-in-out;
}

.devogram-citation-text {
  font-size: 1.05em;
  font-style: italic;
}

.devogram-citation-author {
  font-size: .9em;
  font-weight: 500;
  font-style: normal;
}

#devogram-citation.is-changing { opacity: 0; }

#devogram-citation small { margin-inline-start: .4em; }

#devogram-citation button {
  min-width: 2.2em;
  min-height: 2em;
  border: 1px solid #9aa4b2;
  box-shadow: none;
  border-radius: 3px;
  background: #fff;
  color: #364152;
  cursor: pointer;
  font-family: sans-serif;
  font-size: .85em;
  line-height: 1;
  padding: .3em .45em;
}

#devogram-citation button:hover:not(:disabled) {
  background: #e9eef5;
}

#devogram-citation button:focus,
#devogram-citation button:focus-visible {
  box-shadow: none;
  outline: 1px solid #9aa4b2;
  outline-offset: 1px;
}

#devogram-citation button:disabled {
  cursor: default;
  opacity: .45;
}

#devogram-citation .devogram-citation-controls {
  display: inline-flex;
  gap: .25em;
  margin-inline-start: .5em;
}

#devogram-citation .devogram-citation-remove {
  color: #b42318;
}