@keyframes srfx-marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}

.page-id-4701 .srfx-pretix-liveticker {
  width: 100%;
  height: 95dvh;
}

  .page-id-4701 .srfx-pretix-liveticker__stats {
    display: grid;
    width: 100%;
    height: 100%;
    gap: 1rem;
  }

    .page-id-4701 .srfx-pretix-liveticker__stats div {
      display: flex;
      position: relative;
      font-size: calc(var(--wp--preset--font-size--xx-large) * 2) !important;
      text-transform: uppercase;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
    }

      .page-id-4701 .srfx-pretix-liveticker__stats div:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 0.25rem;
        bottom: -0.5rem;
        left: 0;
        background-color: var(--wp--preset--color--contrast) !important;
        content: '';
      }

      .page-id-4701 .srfx-pretix-liveticker__stats div.small {
        font-size: calc(var(--wp--preset--font-size--large) * 2) !important;
      }

      .page-id-4701 .srfx-pretix-liveticker__stats div p {
        width: 100%;
        padding: 0.5rem;
        background-color: var(--wp--preset--color--accent-3);
        color: var(--wp--preset--color--base);
        font-size: calc(var(--wp--preset--font-size--large) * 1) !important;
        text-transform: none;
      }

  .page-id-4701 .srfx-pretix-liveticker__progress {
    position: absolute;
    width: 100%;
    height: 2rem;
    top: 0;
    left: 0;
    background-color: var(--wp--preset--color--base) !important;
    overflow: hidden;
  }

  .page-id-4701 .srfx-pretix-liveticker__bar {
    width: 0%;
    height: 100%;
    background-color: var(--wp--preset--color--accent-1) !important;
    transition: width .1s linear;
  }

  .page-id-4701 .srfx-pretix-liveticker__text {
    display: flex;
    position: absolute;
    width: 100%;
    padding: 0.5rem 0;
    bottom: 0;
    left: 0;
    background-color: var(--wp--preset--color--accent-3) !important;
    white-space: nowrap;
    overflow: hidden;
  }

    .page-id-4701 .srfx-pretix-liveticker__text span {
      display: inline-block;
      padding-left: 50%;
      animation: srfx-marquee 40s linear infinite;
      color: var(--wp--preset--color--base) !important;
      font-size: var(--wp--preset--font-size--x-large) !important;
      text-transform: uppercase;
      will-change: transform;
    }

  /*
  .srfx-pretix-liveticker__text:hover span {
    animation-play-state: paused;
  }
  */  

.page-id-782 .srfx-pretix-liveticker {
  display: flex !important;
  width: 100%;
  flex-direction: column;
}

  .page-id-782 .srfx-pretix-liveticker__text {
    width: 100%;
    order: -1;
  }

  .page-id-782 .srfx-pretix-liveticker__stats {
    display: grid;
    width: 100%;
    height: 100%;
    gap: 0rem;
  }

    .page-id-782 .srfx-pretix-liveticker__stats div {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: space-between;
    }

      .page-id-782 .srfx-pretix-liveticker__stats div strong:after {
        content: ':';
      }