.sys-curve-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px;margin:24px 0 40px}.sys-curve-card{background:white;border:1px solid var(--sys-rule);display:flex;flex-direction:column}.sys-curve-stage{padding:24px 20px 32px;border-bottom:1px solid var(--sys-rule);position:relative}.sys-curve-svg{width:100%;height:120px;display:block}.sys-curve-svg path{stroke:var(--orange);stroke-width:2;fill:none}.sys-curve-svg .axis{stroke:var(--sys-rule-strong);stroke-width:1;stroke-dasharray:2 3}.sys-curve-meta{padding:16px 20px 20px;display:flex;flex-direction:column;gap:6px}.sys-curve-name{font-family:var(--font-display);font-weight:500;font-size:15px;letter-spacing:-.005em}.sys-curve-token{font-family:var(--sys-mono);font-size:11px;color:var(--sys-dim);font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums;word-break:break-all}.sys-curve-use{font-family:var(--font-body);font-size:13px;line-height:1.45;color:var(--sys-muted);margin-top:6px}.sys-curve-demo{width:16px;height:16px;background:var(--orange);border-radius:50%;margin-top:12px;position:relative;animation:sys-curve-slide 2.4s infinite}@keyframes sys-curve-slide{0%,to{transform:translateX(0)}50%{transform:translateX(calc(100% + 180px))}}.sys-curve-card.expo .sys-curve-demo{animation-timing-function:cubic-bezier(.16,1,.3,1)}.sys-curve-card.smooth .sys-curve-demo{animation-timing-function:cubic-bezier(.25,.46,.45,.94)}.sys-curve-card.snappy .sys-curve-demo{animation-timing-function:cubic-bezier(.32,.72,0,1)}.sys-curve-card.spring .sys-curve-demo{animation-timing-function:cubic-bezier(.34,1.56,.64,1)}.sys-duration-list{border-top:1px solid var(--sys-rule);margin:24px 0 40px}.sys-duration-list,.sys-duration-row{border-bottom:1px solid var(--sys-rule)}.sys-duration-row{display:grid;grid-template-columns:130px 1fr 80px;grid-gap:24px;gap:24px;padding:14px 0;align-items:center}.sys-duration-row:last-child{border-bottom:none}.sys-duration-token{font-family:var(--sys-mono);font-size:12px;color:var(--sys-dim);font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums}.sys-duration-bar{background:rgba(232,105,42,.18);border-left:2px solid var(--orange);height:12px;display:block;position:relative}.sys-duration-bar:after{content:"";position:absolute;right:-2px;top:-3px;bottom:-3px;width:2px;background:var(--orange)}.sys-duration-ms{font-family:var(--sys-mono);font-size:12px;color:var(--sys-muted);text-align:right;font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums}