Connection
Base URL, credentials and a reachable server.
Product
Product features · Reduced-motion CSS
01
Check both preference states and keyboard focus, preserving the status text when movement is disabled.
Selection
A model available through the configured endpoint.
Capabilities
Context limits and tool support are determined by the model and server.
Reduced-motion CSS
● ● ●MotionHearth●
A concrete starting point · Reduced-motion CSS ×
@keyframes mark-slide {
to { transform: translateX(12px); }
}
.motion-mark { animation: mark-slide 1.2s linear infinite; }
.status:focus-visible { outline: 2px solid currentColor; }
@media (prefers-reduced-motion: reduce) {
.motion-mark { animation: none; transform: none; }
}✳Stop a decorative CSS animation when reduced motion is requested.
✓ ChangesReview before applying ↗
Illustrative workspace