/* Presentation only. Font size and line height remain under the caller's control. */
.mv-wordmark {
  position: relative;
  display: inline-block;
  isolation: isolate;
  vertical-align: baseline;
  white-space: nowrap;
}

.mv-wordmark .mv-wordmark-text {
  position: relative;
  z-index: 1;
  display: inline;
  color: #fff;
  font-family: 'Arial Black', 'Bahnschrift', Arial, Helvetica, sans-serif;
  font-size: inherit;
  font-weight: 900;
  line-height: inherit;
  letter-spacing: .055em;
  white-space: nowrap;
  text-shadow: none;
}

.mv-wordmark .mv-wordmark-v {
  position: relative;
  font: inherit;
  letter-spacing: inherit;
  color: #7231ff;
  text-shadow: 0 0 1px #d3c5ff, 0 0 4px #9659ffbd, 0 0 11px #7837ffb3,
    0 0 25px #4900ffb0, 0 0 48px #3600b873;
}

.mv-wordmark .mv-wordmark-canvas {
  position: absolute;
  z-index: 0;
  display: block;
  pointer-events: none;
  user-select: none;
  background: transparent;
  contain: strict;
}

.mv-wordmark .mv-wordmark-canvas[hidden] { display: none; }

/* Shadow/filter ink adds haze without adding an overflow-producing layout box. */
.mv-wordmark:not([data-mv-renderer="webgl"]) .mv-wordmark-v::before {
  content: '';
  position: absolute;
  inset: .12em .05em;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse, #7231ff3b, #7231ff08 60%, transparent 75%);
  box-shadow: 0 -.55em .65em .24em #7231ff24, 0 -1.05em .95em .3em #7231ff12;
  filter: blur(.25em);
}