.MotionDemo-module__43bk9W__demo{align-items:flex-start;gap:var(--space-8);flex-direction:column;display:flex}.MotionDemo-module__43bk9W__group{gap:var(--space-4);width:100%;color:var(--color-text-tertiary);flex-direction:column;display:flex}.MotionDemo-module__43bk9W__group ul{gap:var(--space-3);flex-direction:column;display:flex}.MotionDemo-module__43bk9W__track{gap:var(--space-2);grid-template-columns:minmax(0,1fr);display:grid}.MotionDemo-module__43bk9W__name{color:var(--color-text-primary)}.MotionDemo-module__43bk9W__value{color:var(--color-text-tertiary);text-transform:none}.MotionDemo-module__43bk9W__rail{height:var(--space-3);border-radius:var(--radius-full);background:var(--color-bg-sunken);display:block;position:relative}.MotionDemo-module__43bk9W__dot{width:var(--space-3);height:var(--space-3);border-radius:var(--radius-full);background:var(--color-bg-accent);transition-property:left;position:absolute;top:0;left:0}.MotionDemo-module__43bk9W__demo[data-played] .MotionDemo-module__43bk9W__dot{left:calc(100% - var(--space-3))}@media (min-width:768px){.MotionDemo-module__43bk9W__track{grid-template-columns:300px minmax(0,1fr);align-items:center}}