/* This file is used as dependency in:
   ../../modules/marquee.module/module.html */


.pwr-marquee {
    overflow: hidden;
    padding: 20px 0;
    position: relative;
    white-space: nowrap;
}
.pwr-marquee .page-center {
    overflow: hidden !important;
}

.pwr-marquee-outer-container {
    display: inline-flex;
    user-select: none;
}
.pwr-marquee-outer-container--reverse {
    animation-direction: reverse !important;
}

.pwr-marquee-container {
    display: flex;
    align-items: center;
    flex-shrink: 0; /* Adjust the spacing between elements here */
    min-width: fit-content; /* Ensure the width fits content */
}

.pwr-marquee__item--txt .pwr-marquee-item__child {
    line-height: 1.25em;
}

.pwr-marquee__item--icon svg {
    fill: currentColor;
}

.pwr--dark.pwr-marquee .pwr-marquee__item--icon {
    color: var(--clr-text-dk);
}

.pwr--dark.pwr-marquee a.pwr-marquee__item--icon{
    color: var(--clr-link-dk);
}
.pwr--dark.pwr-marquee a.pwr-marquee__item--txt {
    color: var(--clr-link-dk);
    background-color: var(--clr-link-dk-bg);
}

.pwr--dark.pwr-marquee a.pwr-marquee__item--icon:hover{
    color: var(--clr-link-hover-dk);
}
.pwr--dark.pwr-marquee a.pwr-marquee__item--txt:hover {
    color: var(--clr-link-hover-dk);
    background-color: var(--clr-link-hover-dk-bg);
}

.pwr--light.pwr-marquee a.pwr-marquee__item--icon{
    color: var(--clr-link-lt);
}
.pwr--light.pwr-marquee a.pwr-marquee__item--txt {
    color: var(--clr-link-lt);
    background-color: var(--clr-link-lt-bg);
}

.pwr--light.pwr-marquee a.pwr-marquee__item--icon:hover{
    color: var(--clr-link-hover-lt);
}
.pwr--light.pwr-marquee a.pwr-marquee__item--txt:hover {
    color: var(--clr-link-hover-lt);
    background-color: var(--clr-link-hover-lt-bg);
}

.pwr-marquee__item--button .pwr-marquee-item__child {
    line-height: 1em;
}

@keyframes marqueespeed1 {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(calc(-1 * var(--marquee-width)), 0, 0);
    }
}