[data-initial="D"] { --initial-image: var(--ripa-initials-D, url(../img/ripa/initials/D.svg)); }
[data-initial="E"] { --initial-image: var(--hypner-initials-E, url(../img/hypner/initials/E.svg)); }
[data-initial="F"] { --initial-image: var(--hypner-initials-F, url(../img/hypner/initials/F.svg)); }
[data-initial="L"] { --initial-image: var(--hypner-initials-L, url(../img/hypner/initials/L.svg)); }
[data-initial="O"] { --initial-image: var(--hypner-initials-O, url(../img/hypner/initials/O.svg)); }
[data-initial="R"] { --initial-image: var(--hypner-initials-R, url(../img/hypner/initials/R.svg)); }
[data-initial="T"] { --initial-image: var(--hypner-initials-T, url(../img/hypner/initials/T.svg)); }
[data-initial="V"] { --initial-image: var(--hypner-initials-V, url(../img/hypner/initials/V.svg)); }

:is([data-initial="D"], [data-initial="E"], [data-initial="F"], [data-initial="L"], [data-initial="O"], [data-initial="R"], [data-initial="T"], [data-initial="V"]) .initial-letter {
  width: var(--initial-size);
  height: var(--initial-size);
  margin: 0.2em 0.35em 0 0;
  font-size: 1em;
  line-height: var(--initial-size);
  color: transparent;
  background-color: var(--accent);
  -webkit-mask: var(--initial-image) center / contain no-repeat;
  mask: var(--initial-image) center / contain no-repeat;
}