.tx-marquee { }

.tx-marquee:hover .tx-marquee-body,
.tx-marquee:focus-within .tx-marquee-body {
    animation-play-state: paused !important;
}

.tx-marquee-default { background-color: #666666; }
.tx-marquee-alert { background-color: #aa0000; }
.tx-marquee-important { background-color: #00aa00; }

.tx-marquee-container {
    overflow: hidden;
    margin: 0;
    white-space: nowrap;
}

.tx-marquee-body {
    display: inline-block;
    padding: 1rem .25em;
    white-space: nowrap;
    word-break: keep-all;
    color: #ffffff;
    animation: marquee 10s linear infinite;
    animation-play-state: paused;
}



.tx-marquee-body > * {
    margin: 0;
    padding: 0;
}

.tx-marquee-body *,
.tx-marquee-body a,
.tx-marquee-body a:visited { color: #ffffff; }

.tx-marquee-body a {
    text-decoration: underline;
}

.tx-marquee-body a:focus {
    outline: 1px solid currentColor;
}

/* Font Sizes */
.marquee-xxl { font-size: 3rem; }
.marquee-xl { font-size: 2rem; }
.marquee-l { font-size: 1.5rem; }

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