.trail-text {
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 9999;
  visibility: hidden;
  transform: translate(-50%, -50%) scale(0);
  will-change: transform, left, top;
}
.trail-text__title-wrap {
  position: relative;
  display: inline-block;
  z-index: 1;
  max-width: 100%;
}
.trail-text__title {
  position: relative;
  overflow: visible;
  font-family: var(--basic-font);
  font-weight: 900;
  font-size: clamp(20px, 6.5vw, 42px);
  line-height: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  background: linear-gradient(180deg, #F9F104 0%, #FEDD09 52%, #FF8401 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
  margin: 0;
}
.trail-text__title::before {
  content: attr(data-text);
  position: absolute;
  inset: 0;
  z-index: -1;
  color: transparent;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 -1px 0 rgb(255, 139, 7), 0 1px 0 rgb(252, 249, 21), 0 3px 3px rgba(28, 35, 67, 0.8), 0 0 10px rgba(24, 26, 61, 0.95);
}

.trail-text--visible {
  visibility: visible;
}