/* Append an "opens in new tab" arrow icon to external links in the docs body.
   The icon uses a CSS mask filled with currentcolor, so it follows the link's
   color in both the light and dark palettes. */
.md-content a[href^="http"]::after {
  content: "";
  display: inline-block;
  width: 0.65em;
  height: 0.65em;
  margin-left: 0.2em;
  vertical-align: baseline;
  background-color: currentcolor;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3m-2 16H5V5h7V3H5c-1.11 0-2 .9-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2v7Z"/></svg>');
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}