.ds-foundations-motion{gap:var(--space-section-gap);flex-direction:column;display:flex}.ds-foundations-motion__header{gap:var(--space-inline-gap);padding-bottom:var(--space-component-gap);border-bottom:1px solid var(--color-border-default);flex-direction:column;display:flex}.ds-foundations-motion__eyebrow{font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-text-secondary)}.ds-foundations-motion__title{font-size:var(--font-size-h1);line-height:var(--line-height-h1);font-weight:var(--font-weight-heading);color:var(--color-text-primary);margin:0}.ds-foundations-motion__lead{font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-secondary);max-width:60ch}.ds-foundations-motion__code{font-family:var(--font-family-mono);font-size:inherit}.ds-motion-section-title{font-size:var(--font-size-h4);line-height:var(--line-height-h4);font-weight:var(--font-weight-heading);color:var(--color-text-primary);margin:0 0 var(--space-component-gap)}.ds-motion-durations{flex-direction:column;display:flex}.ds-duration-list{gap:var(--space-element-gap);flex-direction:column;display:flex}.ds-duration-row{gap:var(--space-element-gap);grid-template-columns:240px 1fr 72px 40px;align-items:center;display:grid}.ds-duration-row__meta{flex-direction:column;gap:2px;display:flex}.ds-duration-row__token{font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--color-text-primary)}.ds-duration-row__role{font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--color-text-secondary);opacity:.7}.ds-duration-row__track{background:var(--color-surface-tertiary);border-radius:4px;height:8px;overflow:hidden}.ds-duration-row__bar{background:var(--color-accent-default);border-radius:4px;width:0%;height:100%}.ds-duration-row__bar--playing{width:var(--target-width,100%);transition:width var(--duration,var(--duration-reveal)) var(--easing-default)}.ds-duration-row__value{font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--color-text-secondary);text-align:right}.ds-duration-row__play{border-radius:var(--border-radius-pill);border:1px solid var(--color-border-default);background:var(--color-surface-secondary);width:32px;height:32px;color:var(--color-text-secondary);font-size:var(--font-size-caption);line-height:var(--line-height-caption);cursor:pointer;transition:background var(--duration-interaction) var(--easing-default), color var(--duration-interaction) var(--easing-default);justify-content:center;align-items:center;display:flex}.ds-duration-row__play:hover{background:var(--color-accent-default);color:var(--color-accent-foreground);border-color:var(--color-accent-default)}.ds-duration-row__play:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset)}.ds-duration-row__play:disabled{opacity:.5;cursor:default}.ds-motion-easings{flex-direction:column;display:flex}.ds-easing-list{gap:var(--space-element-gap);flex-direction:column;display:flex}.ds-easing-row{gap:var(--space-element-gap);padding:var(--space-element-gap);border:1px solid var(--color-border-default);border-radius:var(--border-radius-card);background:var(--color-surface-secondary);grid-template-columns:200px 1fr;align-items:center;display:grid}.ds-easing-row__demo{height:40px;position:relative;overflow:hidden}.ds-easing-ball{background:var(--color-accent-default);width:20px;height:20px;transition-property:left;transition-duration:var(--duration-entrance);border-radius:50%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.ds-easing-ball--move{left:calc(100% - 20px)}.ds-easing-row__meta{flex-direction:column;gap:2px;display:flex}.ds-easing-row__token{font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--color-text-primary)}.ds-easing-row__label{font-size:var(--font-size-small);line-height:var(--line-height-small);color:var(--color-text-secondary)}.ds-easing-row__value{font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--color-text-secondary);opacity:.6}@media (max-width:768px){.ds-duration-row{grid-template-columns:1fr 80px 40px}.ds-duration-row__meta{grid-column:1/-1}.ds-easing-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.ds-duration-row__bar--playing{width:var(--target-width,100%);transition:none}.ds-easing-ball,.ds-duration-row__play,.ds-duration-row__play:hover{transition:none}}