.changelog-head{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;padding-top:36px;display:grid}.changelog-kicker{grid-column:1/-1}.changelog-title{grid-area:2/1/auto/-1;margin-top:22px}.changelog-lead{z-index:1;grid-area:3/1/auto/8;margin-top:24px;position:relative}.changelog-rail{--s1:calc((100% + 24px) / 3);grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;margin-top:clamp(56px,6vw,88px);padding-block:60px clamp(96px,10vw,152px);display:grid;position:relative}.changelog-line{position:absolute;top:0}.changelog-line[data-line=done]{--dx:0;--dy:1;width:var(--s1);background:var(--text);transform-origin:0;height:2px;left:0}.changelog-line[data-line=ahead]{left:var(--s1);border-top:2px dashed var(--hairline-strong);height:0;right:0}.changelog-node{background:var(--text);width:14px;height:14px;position:absolute}.changelog-node[data-node=start]{top:-6px;left:0}.changelog-station{position:relative}.changelog-station .changelog-node{top:-66px;left:-6px}.changelog-station[data-station=pending]{grid-column:5/9}.changelog-station[data-station=pending] .changelog-node{background:var(--accent)}.changelog-station[data-station=coming]{grid-column:9/13}.changelog-station[data-station=coming] .changelog-node{border:2px solid var(--hairline-strong);background:var(--bg)}.changelog-station-title{font-size:var(--text-h2);line-height:var(--text-h2--line-height);letter-spacing:var(--text-h2--letter-spacing);font-weight:var(--text-h2--font-weight);max-width:11ch}.changelog-station .r7-body{font-size:var(--text-body);line-height:var(--text-body--line-height);letter-spacing:var(--text-body--letter-spacing);margin-top:16px}.changelog-station .r7-body+.r7-body{margin-top:12px}.changelog-station .r7-actions{margin-top:26px}.changelog-link{color:var(--accent);margin-top:14px}@keyframes changelog-draw{0%{transform:scale(var(--dx), var(--dy))}}@keyframes changelog-arrive{0%{opacity:var(--r7-from,1);transform:translateY(16px)}}@media (prefers-reduced-motion:no-preference){.changelog-kicker{animation:r7-soft .6s var(--ease-enter) backwards}.changelog-title>span:first-child{--lx:-.12em;--ly:0;animation:r7-line 1s var(--ease-enter) backwards}.changelog-title>span:nth-child(2){--lx:.12em;--ly:0;animation:r7-line 1.1s var(--ease-enter) 90ms backwards}.changelog-title>span:nth-child(3){--lx:0;--ly:.24em;animation:r7-line 1.2s var(--ease-enter) .18s backwards}.changelog-lead{animation:r7-soft .7s var(--ease-enter) .38s backwards}.changelog-node[data-node=start]{--ss:1.8;animation:r7-stamp .3s var(--ease-burst) .5s backwards}.changelog-line[data-line=done]{animation:changelog-draw .9s var(--ease-state) .56s backwards}.changelog-station[data-station=pending] .changelog-node{--ss:2;animation:r7-stamp .32s var(--ease-burst) 1.46s backwards}.changelog-station[data-station=pending]>:not(.changelog-node){animation:r7-soft .6s var(--ease-enter) calc(1.5s + var(--n,0) * 90ms) backwards}.changelog-station>:nth-child(3){--n:1}.changelog-station>:nth-child(4){--n:2}.changelog-station>:nth-child(5){--n:3}.changelog-line[data-line=ahead]{animation:r7-fade .7s var(--ease-state) 1.8s backwards}.changelog-station[data-station=coming] .changelog-node{animation:r7-fade .4s var(--ease-enter) 2.1s backwards}.changelog-station[data-station=coming]>:not(.changelog-node){animation:changelog-arrive .5s var(--ease-enter) calc(2.05s + var(--n,0) * 90ms) backwards}}@media not all and (min-width:768px){.changelog-head{padding-top:24px;display:block}.changelog-title{margin-top:16px}.changelog-lead{margin-top:22px}.changelog-rail{margin-top:36px;padding:0 0 80px 30px;display:block}.changelog-line[data-line=done]{--dx:1;--dy:0;transform-origin:top;width:2px;height:44px;left:0}.changelog-line[data-line=ahead]{border-top:0;border-left:2px dashed var(--hairline-strong);width:0;height:auto;inset:44px auto 80px 0}.changelog-node[data-node=start]{top:-6px;left:-6px}.changelog-station{padding-top:38px}.changelog-station .changelog-node{top:38px;left:-36px}.changelog-station+.changelog-station{margin-top:56px}}
