/* The product name in the brand's lettering: Fairwater Script, the script in
   the logo, outlined into eddy-wordmark.svg (no font file: the font is
   licensed). Write it as <span class="eddy">Eddy</span> wherever "Eddy" shows
   on a page. The word stays in the page for screen readers, search and copy;
   the mask paints the wordmark in the text colour, so it works on the dark
   home page and the light guides alike. 1.2em tall, with its baseline on the
   text's (the SVG's baseline is 205 of 276 down). Keep <title>, meta, og:,
   alt and aria-label text plain. */
.eddy {
  display: inline-block;
  width: 2.352em;
  height: 1.2em;
  vertical-align: -0.309em;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  letter-spacing: normal;
  flex: none;
  background-color: currentColor;
  -webkit-mask: url("eddy-wordmark.svg") center / contain no-repeat;
  mask: url("eddy-wordmark.svg") center / contain no-repeat;
}
/* Windows high contrast drops background colours: show the word instead. */
@media (forced-colors: active) {
  .eddy { width: auto; height: auto; vertical-align: baseline; overflow: visible; text-indent: 0; background: none; -webkit-mask: none; mask: none; }
}