.wdnt {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    position: relative;

    color: var(--wdnt-color, inherit);
    background: var(--wdnt-bg, transparent);
    font-family: var(--wdnt-font, inherit);
    font-size: var(--wdnt-size, 1.35rem);
    font-weight: var(--wdnt-weight, 500);
    line-height: 1.5;

    padding: var(--wdnt-padding, 12px) 0;
    border-radius: var(--wdnt-radius, 0);
}

.wdnt-track {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    animation: wdntScroll var(--wdnt-speed, 35s) linear infinite;
    animation-direction: var(--wdnt-direction, normal);
}

.wdnt:hover .wdnt-track {
    animation-play-state: var(--wdnt-hover, paused);
}

.wdnt-item {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding-right: var(--wdnt-pause, 300px);
}

.wdnt-marker {
    display: inline-flex;
    align-items: center;
    padding: 0 var(--wdnt-space, 24px);
    flex-shrink: 0;
}

.wdnt-svg {
    height: 1em;
    width: auto;
    display: inline-block;
}

.wdnt-message {
    display: inline-block;
}

.wdnt strong,
.wdnt b {
    font-weight: 800;
}

.wdnt em,
.wdnt i {
    font-style: italic;
}

@media (max-width: 767px) {
    .wdnt {
        font-size: var(--wdnt-mobile, 16px);
    }
}

@keyframes wdntScroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}