list-item

Those are CSS custom properties (variables) likely used by a UI/animation system. Brief explanation:

• –sd-animation: sd-fadeIn;
  • Specifies the animation name or type (here “sd-fadeIn”), which the system maps to keyframes or predefined animation behavior.
• –sd-duration: 250ms;
  • Duration of the animation — 250 milliseconds.
• –sd-easing: ease-in;
  • Timing function controlling acceleration (starts slow, speeds up).

How they’d be used in CSS:

• The component’s stylesheet reads these variables and applies them to animation properties, for example:
  animation-name: var(–sd-animation);animation-duration: var(–sd-duration);animation-timing-function: var(–sd-easing);

• Or the system could map the animation token (sd-fadeIn) to keyframes, e.g.:
  @keyframes sd-fadeIn {from { opacity: 0; transform: translateY(4px); }  to   { opacity: 1; transform: translateY(0); }}

Notes:

• p]:inline” data-streamdown=“list-item”>Include vendor prefixes if supporting older browsers, and ensure the animation name/keyframes exist.