/* Stat Marquee — Janitorial Service, by SEO Dogs */

.djs-mq {
    --djs-mq-fade: 0px;
    overflow: hidden;
    width: 100%;
}

.djs-mq[data-fade="1"] {
    -webkit-mask-image: linear-gradient(
        to right,
        transparent 0,
        #000 var(--djs-mq-fade),
        #000 calc(100% - var(--djs-mq-fade)),
        transparent 100%
    );
    mask-image: linear-gradient(
        to right,
        transparent 0,
        #000 var(--djs-mq-fade),
        #000 calc(100% - var(--djs-mq-fade)),
        transparent 100%
    );
}

.djs-mq__track {
    display: flex;
    width: max-content;
    will-change: transform;
}

.djs-mq__copy {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 90px;
    padding-right: 90px;
}

.djs-mq__item {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 16px;
}

.djs-mq__num {
    display: inline-block;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.djs-mq__label {
    display: inline-block;
    white-space: nowrap;
}

/* The editor renders the widget inside an iframe that can be narrower than the
   track; without this the preview clips oddly while being dragged. */
.elementor-editor-active .djs-mq {
    max-width: 100%;
}

@media (prefers-reduced-motion: reduce) {
    .djs-mq__track {
        transform: none !important;
    }
}