/* Curved looping text along an SVG path.
   Animation runs via requestAnimationFrame in the component.
   Color resolves from --fetchly-curved-loop-color if the Webflow site sets it,
   otherwise inherits from the parent's text color via currentColor. */

.K5NqM73hH_mlxoNf18g9 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: inherit;
  box-sizing: border-box;
  touch-action: pan-y;
}

.K5NqM73hH_mlxoNf18g9 *,
.K5NqM73hH_mlxoNf18g9 *::before,
.K5NqM73hH_mlxoNf18g9 *::after {
  box-sizing: border-box;
}

.eqHli0oHNKGJ9sLANXYR {
  width: 100%;
  aspect-ratio: 100 / 12;
  overflow: visible;
  display: block;
  fill: var(--fetchly-curved-loop-color, currentColor);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}

@media (prefers-reduced-motion: reduce) {
  /* The animation loop runs in JS via requestAnimationFrame and cannot be
     paused from CSS, but we soften the visual by hinting that motion should
     be subtle. The Designer can drop velocity to 0 for a fully static curve. */
  .K5NqM73hH_mlxoNf18g9 {
    will-change: auto;
  }
}