/* /Shared/TruckAnimation.razor.rz.scp.css */
.truck[b-4z8lw6kfvq] {
    --truck-body: #5B4FE9;
    --truck-body-dark: #4438CC;
    --truck-cab: #3F34BF;
    --truck-sky: #EEF1FF;
    --truck-trail: #8F86F5;
    display: block;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 11px;
}

.truck.stopped[b-4z8lw6kfvq] {
    --truck-body: #1E9E64;
    --truck-body-dark: #178553;
    --truck-cab: #136E45;
    --truck-sky: #EAF8F1;
}

.sky[b-4z8lw6kfvq] {
    fill: var(--truck-sky);
}

.road[b-4z8lw6kfvq] {
    fill: #35344A;
}

.road-edge[b-4z8lw6kfvq] {
    fill: #54536E;
}

.road-dash[b-4z8lw6kfvq] {
    stroke: #fff;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-dasharray: 10 8;
}

.cargo[b-4z8lw6kfvq] {
    fill: var(--truck-body);
}

.cargo-top[b-4z8lw6kfvq] {
    fill: rgba(255, 255, 255, .24);
}

.cargo-stripe[b-4z8lw6kfvq] {
    fill: #FFC34D;
}

.cargo-door[b-4z8lw6kfvq] {
    fill: none;
    stroke: var(--truck-body-dark);
    stroke-width: 1;
}

.cab[b-4z8lw6kfvq] {
    fill: var(--truck-cab);
}

.window[b-4z8lw6kfvq] {
    fill: #DDEBFF;
}

.handle[b-4z8lw6kfvq] {
    fill: rgba(255, 255, 255, .7);
}

.headlight[b-4z8lw6kfvq] {
    fill: #FFD768;
}

.chassis[b-4z8lw6kfvq] {
    fill: #23223A;
}

.tyre[b-4z8lw6kfvq] {
    fill: #1C1B2C;
}

.tread[b-4z8lw6kfvq] {
    fill: none;
    stroke: #55546E;
    stroke-width: 1;
    stroke-dasharray: 2 1.6;
}

.hub[b-4z8lw6kfvq] {
    fill: #E3E2EF;
}

.spokes[b-4z8lw6kfvq] {
    fill: none;
    stroke: #1C1B2C;
    stroke-width: 1;
    stroke-linecap: round;
}

.trunk[b-4z8lw6kfvq] {
    fill: #A9A6C2;
}

.crown[b-4z8lw6kfvq] {
    fill: #BFE6D2;
}

.crown.alt[b-4z8lw6kfvq] {
    fill: #D3EEDF;
}

.lamp[b-4z8lw6kfvq] {
    fill: #A9A6C2;
}

.cloud ellipse[b-4z8lw6kfvq] {
    fill: #fff;
}

.speed line[b-4z8lw6kfvq] {
    stroke: var(--truck-trail);
    stroke-width: 1.5;
    stroke-linecap: round;
}

.puffs circle[b-4z8lw6kfvq] {
    fill: #B4B2C9;
}

.beam[b-4z8lw6kfvq] {
    fill: #FFE08A;
    opacity: .3;
}

.badge circle[b-4z8lw6kfvq] {
    fill: var(--truck-body);
    stroke: #fff;
    stroke-width: 1.6;
}

.badge path[b-4z8lw6kfvq] {
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.moving .road-dash[b-4z8lw6kfvq] {
    animation: road-run-b-4z8lw6kfvq .3s linear infinite;
}

.moving .wheel[b-4z8lw6kfvq] {
    transform-box: fill-box;
    transform-origin: center;
    animation: wheel-spin-b-4z8lw6kfvq .54s linear infinite;
}

.moving .body[b-4z8lw6kfvq] {
    animation: body-bounce-b-4z8lw6kfvq .42s ease-in-out infinite alternate;
}

.moving .tree[b-4z8lw6kfvq] {
    animation: pass-by-b-4z8lw6kfvq 2.1s linear infinite;
}

.moving .tree-b[b-4z8lw6kfvq] {
    animation-delay: -.8s;
}

.moving .tree-c[b-4z8lw6kfvq] {
    animation-delay: -1.5s;
}

.moving .cloud[b-4z8lw6kfvq] {
    animation: pass-by-b-4z8lw6kfvq 7s linear infinite;
}

.moving .cloud-b[b-4z8lw6kfvq] {
    animation-delay: -3.5s;
}

.moving .speed line[b-4z8lw6kfvq] {
    animation: speed-line-b-4z8lw6kfvq .7s ease-out infinite;
}

.moving .speed .s2[b-4z8lw6kfvq] {
    animation-delay: -.25s;
}

.moving .speed .s3[b-4z8lw6kfvq] {
    animation-delay: -.45s;
}

.moving .puffs circle[b-4z8lw6kfvq] {
    transform-box: fill-box;
    transform-origin: center;
    animation: exhaust-b-4z8lw6kfvq 1s ease-out infinite;
}

.moving .puffs .p2[b-4z8lw6kfvq] {
    animation-delay: -.5s;
}

.moving .beam[b-4z8lw6kfvq] {
    animation: beam-glow-b-4z8lw6kfvq 1.3s ease-in-out infinite alternate;
}

@keyframes road-run-b-4z8lw6kfvq {
    to {
        stroke-dashoffset: 18;
    }
}

@keyframes wheel-spin-b-4z8lw6kfvq {
    to {
        transform: rotate(360deg);
    }
}

@keyframes body-bounce-b-4z8lw6kfvq {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-.7px);
    }
}

@keyframes pass-by-b-4z8lw6kfvq {
    from {
        transform: translateX(110px);
    }

    to {
        transform: translateX(-16px);
    }
}

@keyframes speed-line-b-4z8lw6kfvq {
    0% {
        opacity: 0;
        transform: translateX(7px);
    }

    35% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translateX(-7px);
    }
}

@keyframes exhaust-b-4z8lw6kfvq {
    0% {
        opacity: .8;
        transform: translateX(0) scale(.6);
    }

    100% {
        opacity: 0;
        transform: translateX(-11px) translateY(-3px) scale(1.9);
    }
}

@keyframes beam-glow-b-4z8lw6kfvq {
    from {
        opacity: .18;
    }

    to {
        opacity: .42;
    }
}

@media (prefers-reduced-motion: reduce) {
    .moving .road-dash[b-4z8lw6kfvq],
    .moving .wheel[b-4z8lw6kfvq],
    .moving .body[b-4z8lw6kfvq],
    .moving .tree[b-4z8lw6kfvq],
    .moving .cloud[b-4z8lw6kfvq],
    .moving .speed line[b-4z8lw6kfvq],
    .moving .puffs circle[b-4z8lw6kfvq],
    .moving .beam[b-4z8lw6kfvq] {
        animation: none;
    }

    .moving .scenery[b-4z8lw6kfvq],
    .moving .speed[b-4z8lw6kfvq],
    .moving .puffs[b-4z8lw6kfvq] {
        display: none;
    }
}