/* Secret-generator widget on the install guide. */
pre[data-secret-block] {
  position: relative;
}
pre[data-secret-block] [data-secret] {
  font-weight: 700;
  /* The generated value stands out from the surrounding config text. */
  color: var(--md-code-hl-string-color, #0a7);
  word-break: break-all;
}
.secret-copy {
  position: absolute;
  top: 0.4rem;
  right: 0.4rem;
  padding: 0.1rem 0.5rem;
  font-size: 0.7rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.2rem;
  background: var(--md-default-bg-color);
  color: var(--md-default-fg-color--light);
  cursor: pointer;
}
.secret-copy:hover {
  color: var(--md-default-fg-color);
}
button[data-secret-regen] {
  margin-top: 0.4rem;
  padding: 0.25rem 0.7rem;
  font-size: 0.75rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.2rem;
  background: var(--md-default-bg-color);
  color: var(--md-default-fg-color--light);
  cursor: pointer;
}
button[data-secret-regen]:hover {
  color: var(--md-default-fg-color);
}