/* Add these rules to the bottom of style.css */

.component-inline-svg {
    display: block;
    width: 112px;
    height: 58px;
    pointer-events: none;
}

.component-inline-svg > svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.motor-rotor {
    transform-box: fill-box;
    transform-origin: center;
}

.placed-component.motor-running .motor-rotor {
    animation:
        motor-rotor-spin
        var(--motor-duration, 0.65s)
        linear
        infinite;
}

@keyframes motor-rotor-spin {
    to {
        transform: rotate(360deg);
    }
}
