/**
 * @file
 * Visual treatment for links that open in a new tab.
 */

.new-tab-indicator {
  display: inline-block;
  width: 0.9em;
  height: 0.9em;
  margin-inline-start: 0.25em;
  vertical-align: text-top;
  background-color: currentColor;
  /*
   * The SVG is embedded to keep the module self-contained. The icon is purely
   * decorative; the accompanying visually-hidden text provides the accessible
   * warning for assistive technologies.
   */
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 3h7v7h-2V6.41l-9.29 9.3-1.42-1.42 9.3-9.29H14V3z'/%3E%3Cpath fill='black' d='M5 5h6v2H7v10h10v-4h2v6H5V5z'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 3h7v7h-2V6.41l-9.29 9.3-1.42-1.42 9.3-9.29H14V3z'/%3E%3Cpath fill='black' d='M5 5h6v2H7v10h10v-4h2v6H5V5z'/%3E%3C/svg%3E") no-repeat center / contain;
}