/* "Powered by Velorex. Studio" credit. Used unchanged by every free tool in the suite.
   The wordmark is the Velorex Studio logo: gradient V, plain "elorex", accent dot, spaced STUDIO.
   It uses the tool's own text colour (currentColor), so it works on dark and light backgrounds.
   No web font is loaded: the display font is used when the tool has one, otherwise the system font. */
.vx-powered {
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  color: inherit;
  text-decoration: none;
  line-height: 1;
  border-radius: 6px;
}
.vx-powered:focus-visible {
  outline: 2px solid #7c5cff;
  outline-offset: 4px;
}
.vx-powered-by {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  opacity: 0.6;
}
.vx-powered-mark {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
}
.vx-powered-mark b {
  font-family: "Outfit", "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.vx-v {
  background: linear-gradient(120deg, #2ad4ff, #7c5cff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.vx-d {
  color: #7c5cff;
}
.vx-powered-sub {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.34em;
  text-transform: uppercase;
  opacity: 0.6;
  transition: opacity 0.2s;
}
.vx-powered:hover .vx-powered-sub,
.vx-powered:focus-visible .vx-powered-sub {
  opacity: 1;
}