:root {
  --vi-elm-external-color: #1e73be;
  --vi-elm-icon-size: 0.95em;
  --vi-elm-icon-gap: 0.18em;
}

a.vi-elm-external {
  text-decoration-skip-ink: auto;
}

/* Color mode: all external links get color */
html.vi-elm-mode-color a.vi-elm-external,
html.vi-elm-mode-both a.vi-elm-external {
  color: var(--vi-elm-external-color);
}

/* Interdiction mode: only interdicted links get color */
html.vi-elm-mode-interdiction a.vi-elm-interdicted {
  color: var(--vi-elm-external-color);
}

/* Icon styles - shared */
.vi-elm-icon-after::after {
  content: "";
  display: inline-block;
  width: var(--vi-elm-icon-size);
  height: var(--vi-elm-icon-size);
  margin-left: var(--vi-elm-icon-gap);
  vertical-align: -0.12em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%203h7v7%22/%3E%3Cpath%20d%3D%22M10%2014L21%203%22/%3E%3Cpath%20d%3D%22M21%2014v7h-7%22/%3E%3Cpath%20d%3D%22M3%2010V3h7%22/%3E%3Cpath%20d%3D%22M3%2021h7v-7%22/%3E%3Cpath%20d%3D%22M14%2021h-4%22/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%203h7v7%22/%3E%3Cpath%20d%3D%22M10%2014L21%203%22/%3E%3Cpath%20d%3D%22M21%2014v7h-7%22/%3E%3Cpath%20d%3D%22M3%2010V3h7%22/%3E%3Cpath%20d%3D%22M3%2021h7v-7%22/%3E%3Cpath%20d%3D%22M14%2021h-4%22/%3E%3C/svg%3E") no-repeat center / contain;
  opacity: 0.9;
}

/* Icon mode: all external links get icon */
html.vi-elm-mode-icon a.vi-elm-external::after,
html.vi-elm-mode-both a.vi-elm-external::after {
  content: "";
  display: inline-block;
  width: var(--vi-elm-icon-size);
  height: var(--vi-elm-icon-size);
  margin-left: var(--vi-elm-icon-gap);
  vertical-align: -0.12em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%203h7v7%22/%3E%3Cpath%20d%3D%22M10%2014L21%203%22/%3E%3Cpath%20d%3D%22M21%2014v7h-7%22/%3E%3Cpath%20d%3D%22M3%2010V3h7%22/%3E%3Cpath%20d%3D%22M3%2021h7v-7%22/%3E%3Cpath%20d%3D%22M14%2021h-4%22/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%203h7v7%22/%3E%3Cpath%20d%3D%22M10%2014L21%203%22/%3E%3Cpath%20d%3D%22M21%2014v7h-7%22/%3E%3Cpath%20d%3D%22M3%2010V3h7%22/%3E%3Cpath%20d%3D%22M3%2021h7v-7%22/%3E%3Cpath%20d%3D%22M14%2021h-4%22/%3E%3C/svg%3E") no-repeat center / contain;
  opacity: 0.9;
}

/* Interdiction mode: only interdicted links get icon */
html.vi-elm-mode-interdiction a.vi-elm-interdicted::after {
  content: "";
  display: inline-block;
  width: var(--vi-elm-icon-size);
  height: var(--vi-elm-icon-size);
  margin-left: var(--vi-elm-icon-gap);
  vertical-align: -0.12em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%203h7v7%22/%3E%3Cpath%20d%3D%22M10%2014L21%203%22/%3E%3Cpath%20d%3D%22M21%2014v7h-7%22/%3E%3Cpath%20d%3D%22M3%2010V3h7%22/%3E%3Cpath%20d%3D%22M3%2021h7v-7%22/%3E%3Cpath%20d%3D%22M14%2021h-4%22/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%203h7v7%22/%3E%3Cpath%20d%3D%22M10%2014L21%203%22/%3E%3Cpath%20d%3D%22M21%2014v7h-7%22/%3E%3Cpath%20d%3D%22M3%2010V3h7%22/%3E%3Cpath%20d%3D%22M3%2021h7v-7%22/%3E%3Cpath%20d%3D%22M14%2021h-4%22/%3E%3C/svg%3E") no-repeat center / contain;
  opacity: 0.9;
}