@keyframes ngparamarquee {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(-100%, 0, 0); }
}

.ngparamarquee {
    background-color: var(--ngparamarquee-backgroundcolor, transparent);
    box-shadow: var(--ngparamarquee-box-shadow, none);
    border-radius: var(--ngparamarquee-border-radius, 0);
    color: var(--ngparamarquee-text-color);
    user-select: none;
    font-size: var(--ngparamarquee-text-size);
    text-rendering: optimizeSpeed;
}

.ngparamarquee a, .ngparamarquee a:hover {
    color: var(--ngparamarquee-text-color);
    text-decoration: underline;
}

.ngparamarquee-container {
    overflow: hidden;
    position: relative;
    padding: var(--ngparamarquee-padding);
    border-radius: var(--ngparamarquee-border-radius, 0);
    background-color: var(--ngparamarquee-backgroundcolor);
    text-wrap: nowrap;
}

.ngparamarquee:hover .ngparamarquee-content,
.ngparamarquee:focus-within .ngparamarquee-content {
    animation-play-state: paused !important;
}

.ngparamarquee-content {
    transform: translate3d(0, 0, 0);
    background-color: var(--ngparamarquee-backgroundcolor, transparent);
    animation: ngparamarquee var(--ngparamarquee-speed) linear infinite;
    min-width: 100%;
    display: inline-block;
    text-wrap: nowrap;
}

.ngparamarquee-endless .ngparamarquee-content {
    padding-right: 20px;
}
.ngparamarquee-inandout .ngparamarquee-content {
    padding-left: 100%;
}


.ngparamarquee-left {
    width: 10%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: linear-gradient(90deg, var(--ngparamarquee-backgroundcolor, transparent) 10%, var(--ngparamarquee-backgroundcolor-transparent, transparent) 100%);
}

.ngparamarquee-right {
    width: 10%;
    height: 100%;
    top: 0;
    right: 0;
    position: absolute;
    background: linear-gradient(90deg, var(--ngparamarquee-backgroundcolor-transparent, transparent) 0%, var(--ngparamarquee-backgroundcolor, transparent) 90%);
}