/* Animations */
.blink {
    animation-name: blinker;
    animation-duration: 2.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes blinker {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.spin {
    animation-name: spin;
    animation-duration: 10000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    display: inline-block;
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.marquee span {
    width: max-content;
    display: inline-block;
    animation: marquee 25s linear infinite;
    padding-left: 100%;
}

.marquee span:hover {
  animation-play-state: paused
}

@keyframes marquee {
    0% { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

/* Dumb Safari Filter for dumb safari being dumb */
@supports (-webkit-backdrop-filter: blur(1px)) {
    .marquee span {
        width: 100%;
        animation: marquee-basic 40s linear infinite;
        padding-left: unset;
    }
    @keyframes marquee-basic {
        0% { transform: translate(100%, 0); }
        100% { transform: translate(-100%, 0); }
    }
}