/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Layout styling je komplet ve wwwroot/css/tacho.css (podle tachoconsulting-animated.html).
   Tohle necháváme schválně prázdné, ať se nic nepere. */
/* /Components/Shared/TachoLogo.razor.rz.scp.css */
.tacho-logo[b-zgkrex7evm] {
    position: relative;
    display: inline-block;
    max-width: 100%;
    line-height: 0;
}

    .tacho-logo img[b-zgkrex7evm] {
        width: 100%;
        height: auto;
        display: block;
    }

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

.tacho-logo .wheel[b-zgkrex7evm] {
    position: absolute;
    inset: 0;
    transform-origin: 19.4% 60.5%;
    animation: spin-b-zgkrex7evm var(--spin, 8s) linear infinite;
    will-change: transform;
    z-index: 1;
}

.tacho-logo .base[b-zgkrex7evm] {
    position: relative;
    z-index: 2;
}

.tacho-logo.pause:hover .wheel[b-zgkrex7evm] {
    animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
    .tacho-logo .wheel[b-zgkrex7evm] {
        animation: none;
    }
}