/* Static paper-figure styles. Motion lives in paper-motion.js. */

.paper-fig {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0;
}

.paper-fig text {
    font-family: var(--font-family-primary);
    fill: var(--color-ink, #111111);
}

figcaption.paper-cap {
    color: var(--color-ink-muted, rgba(0, 0, 0, 0.62));
    font-size: 0.9em;
    margin: 0;
}

[data-motion] [data-part] {
    transform-box: fill-box;
    transform-origin: center;
}

[data-motion="schedule"] [data-part="hand"] {
    transform-box: view-box;
    transform-origin: 52px 86px;
}

[data-motion="trigger"] [data-part="clock-hand"] {
    transform-box: fill-box;
    transform-origin: 0 0;
}

[data-motion="trig-cron"] [data-part="hand"] {
    transform-box: view-box;
    transform-origin: 72px 80px;
}

[data-motion="trig-heartbeat"] [data-part="beat"],
[data-motion="trig-heartbeat"] [data-part="pulse"] {
    transform-box: fill-box;
    transform-origin: center;
}

[data-motion="ontology"] [data-part="edge"] {
    stroke-dasharray: 5 7;
}