.motion-study{container-type:inline-size;container-name:motion-study;font-size:var(--font-size-secondary);line-height:var(--line-height-secondary)}.motion-study-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:stretch}.motion-curve-panel{display:grid;align-content:start;gap:calc(2 * var(--space-unit,4px));min-width:0;border-top:1px solid rgb(0 0 0/var(--rule-opacity,.07))}.motion-curve-panel,.motion-stage{padding:var(--space-panel-mobile,16px);box-sizing:border-box}.motion-curve-label{color:var(--ink-muted);font-size:var(--font-size-caption,12px);line-height:var(--line-height-caption,20px)}.motion-study .motion-curve svg{max-height:164px}.motion-explanation{margin-top:var(--space-paragraph,16px)}@media (min-width:1024px){@container motion-study (min-width: 360px){.motion-study-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.motion-curve-panel{border-top:0;border-inline-start:1px solid rgb(0 0 0/var(--rule-opacity,.07))}.motion-explanation{margin-top:var(--space-panel,24px)}}}@media (min-width:1024px){@container motion-study (min-width: 560px){.motion-curve-panel,.motion-stage{padding:var(--space-panel,24px)}.motion-study .motion-stage-label{top:var(--space-panel,24px);left:var(--space-panel,24px)}.motion-study .motion-curve svg{max-height:190px}}}.motion-stage{display:grid;place-items:center;position:relative;min-width:0;min-height:200px;overflow:hidden}.motion-stage-label{position:absolute;top:var(--space-panel-mobile,16px);left:var(--space-panel-mobile,16px);color:var(--ink-muted);font-size:var(--font-size-caption);line-height:var(--line-height-caption)}.motion-model{position:relative;width:72%;padding:16px;box-sizing:border-box;background:var(--surface-base);border-radius:var(--radius-surface)}.motion-model>span{display:block;font-size:14px;line-height:20px;margin-bottom:16px}.motion-model i{display:block;height:4px;margin-block:8px;background:var(--control-rest)}.motion-model i:last-child{width:60%}.motion-stage[data-kind=mobile] .motion-model{top:auto;bottom:0;height:160px;transform:translate(-50%)}.motion-facts .content-table th:first-child{width:25%}.motion-facts .motion-duration{font:inherit;color:inherit}.motion-study .motion-explanation p{margin:16px 0 0}.motion-explanation>output{display:block;margin-top:16px;font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--ink-muted)}.motion-study .motion-explanation>:last-child{margin-bottom:0}.motion-note{font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--ink-muted)}.motion-stage[data-kind=focus] .motion-model{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.motion-stage[data-kind=mobile] .motion-model{position:absolute;left:50%}.motion-study .motion-use-case{margin:0 0 16px;font-size:var(--font-size-secondary,16px);line-height:var(--line-height-secondary,24px)}.motion-model .motion-confirmation-detail{margin:0;color:var(--ink-muted);font-size:12px;line-height:20px}.motion-stage[data-kind=fade] .motion-model>span{margin-bottom:4px}