/* New motion category only. Existing card shell, tokens and transport retain ownership. */
.motion-card-visual-v32{position:relative;display:block;inline-size:100%;block-size:100%;min-inline-size:0;min-block-size:0;max-inline-size:100%;max-block-size:100%;overflow:hidden;pointer-events:none;background:transparent}
.motion-card-visual-v32>.motion-card-canvas-v32{position:absolute;inset:0;display:block;inline-size:100%;block-size:100%;min-inline-size:0;min-block-size:0;max-inline-size:100%;max-block-size:100%;object-fit:contain;margin:0;transform:none!important;filter:none;box-shadow:none;pointer-events:none}
.motion-example-v32{min-inline-size:0;max-inline-size:100%}
.motion-example-v32 .practice-v17-canvas{display:block;inline-size:100%;block-size:auto;max-inline-size:100%;object-fit:contain}
.motion-example-v32 .motion-v32-conditions{display:flex;flex-wrap:wrap;gap:8px;min-inline-size:0;max-inline-size:100%;margin:16px 0 0}
.motion-example-v32 .motion-v32-conditions[hidden]{display:none}
.motion-example-v32 .motion-v32-condition-label{flex-basis:100%;font:inherit;font-size:12px;line-height:1.5;letter-spacing:normal;color:var(--muted,#6e716b);margin:0}
.motion-example-v32 .motion-v32-conditions button{display:inline-flex;align-items:center;justify-content:center;min-inline-size:44px;min-block-size:44px;max-inline-size:100%;padding:8px 14px;font:inherit;line-height:1.5;white-space:normal;overflow-wrap:anywhere;border:1px solid var(--line,#c5c7c0);border-radius:999px;background:transparent;color:var(--ink,#242528)}
.motion-example-v32 .motion-v32-conditions button[aria-pressed=true]{color:var(--canvas,#fafaf8);background:var(--ink,#242528);border-color:var(--ink,#242528)}
.motion-example-v32 .motion-v32-conditions button:focus-visible{outline:2px solid var(--ink,#242528);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.motion-card-visual-v32 *,.motion-example-v32 .motion-v32-conditions *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}