.mrqetext {
  position: relative;
  overflow: hidden;
  --offset: 20vw;
  --move-initial: calc(-25% + var(--offset));
  --move-final: calc(-50% + var(--offset)); }
  .mrqetext__inner {
    width: fit-content;
    display: flex;
    position: relative;
    transform: translate3d(var(--move-initial), 0, 0);
    animation: marquee 10s linear infinite;
    animation-play-state: running; }
  .mrqetext span {
    color: #f2f5f9;
    font-size: 28vw;
    height: 32vw;
    padding: 0 2vw;
    font-weight: 700;
    white-space: nowrap; }

@keyframes marquee {
  0% {
    transform: translate3d(var(--move-initial), 0, 0); }
  100% {
    transform: translate3d(var(--move-final), 0, 0); } }