.changelog{display:flex;flex-direction:column}.changelog-timeline{overflow-x:auto;overflow-y:hidden;width:min(100%,64rem);align-self:center;padding:.5rem .5rem 1rem;margin-bottom:1.2rem}.changelog-timeline__track{position:relative;display:flex;justify-content:space-between;min-width:max-content;gap:1rem;margin:0;padding:0;list-style:none}.changelog-timeline__track:before,.changelog-timeline__track:after{content:"";position:absolute;top:.8rem;left:3.25rem;height:2px}.changelog-timeline__track:before{right:3.25rem;background:rgba(var(--accent-rgb),.2)}.changelog-timeline__track:after{width:calc((100% - 6.5rem) * var(--progress) / 100%);background:var(--accent);box-shadow:0 0 8px rgba(var(--accent-rgb),.7);transition:width .6s cubic-bezier(.33,1,.68,1)}.changelog-timeline__item{flex:1 0 6.5rem;display:flex;justify-content:center}.changelog-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:0 .4rem;border:none;background:none;color:#fff;font:inherit;cursor:pointer}.changelog-node__dot{width:1.1rem;height:1.1rem;margin-top:.25rem;border-radius:50%;box-sizing:border-box;border:2px solid rgba(var(--accent-rgb),.5);background:var(--bg);transition:transform .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.changelog-node--done .changelog-node__dot{border-color:var(--accent)}.changelog-node__version{font-weight:700;opacity:.75;transition:color .3s ease,opacity .3s ease}.changelog-node__date{font-size:.75rem;opacity:.55;white-space:nowrap}.changelog-node:hover .changelog-node__dot{transform:scale(1.2);box-shadow:0 0 8px rgba(var(--accent-rgb),.6)}.changelog-node:hover .changelog-node__version,.changelog-node--active .changelog-node__version{color:var(--accent);opacity:1}@keyframes changelogPulse{0%,to{box-shadow:0 0 6px rgba(var(--accent-rgb),.9),0 0 rgba(var(--accent-rgb),.45)}50%{box-shadow:0 0 12px rgba(var(--accent-rgb),.9),0 0 0 7px rgba(var(--accent-rgb),0)}}.changelog-node--active .changelog-node__dot{background:var(--accent);transform:scale(1.35);animation:changelogPulse 1.8s ease-in-out infinite}.changelog-stage{--card-w: min(44rem, 78vw);--gap: 1.5rem;position:relative;overflow:hidden;padding:.8rem 0 1.5rem;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}.changelog-rail{display:flex;align-items:flex-start;gap:var(--gap);margin-left:50%;transform:translate(calc(-1 * (var(--selected) * (var(--card-w) + var(--gap)) + var(--card-w) / 2)));transition:transform .6s cubic-bezier(.33,1,.68,1)}.changelog-card{flex:0 0 var(--card-w);box-sizing:border-box;padding:1.4rem 1.6rem;border-radius:1rem;border:1px solid rgba(var(--accent-rgb),.3);background:rgba(var(--bg-rgb),.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:calc(1 - (min(var(--abs),2)*.35));transform:scale(calc(1 - (min(var(--abs),2)*.08)));filter:blur(calc(min(var(--abs),2)*1.5px));cursor:pointer;transition:transform .6s cubic-bezier(.33,1,.68,1),opacity .6s ease,filter .6s ease,border-color .4s ease,box-shadow .4s ease}.changelog-card:not(.changelog-card--active):hover{opacity:calc(1 - (min(var(--abs),2)/4));border-color:rgba(var(--accent-rgb),.6)}.changelog-card--active{cursor:default;border-color:rgba(var(--accent-rgb),.7);box-shadow:0 0 16px rgba(var(--accent-rgb),.4)}@keyframes changelogLine{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.changelog-card--active .changelog-card__changes li{animation:changelogLine .45s ease-out both;animation-delay:var(--delay)}.changelog-card__badge{padding:.2rem .75rem;border-radius:2rem;background:var(--accent);color:#000;font-weight:700}.changelog-card__new{padding:.15rem .6rem;border-radius:2rem;border:1px solid rgba(var(--accent-rgb),.6);color:var(--accent);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.changelog-card__wayback{display:inline-flex;align-items:center;gap:.4rem;margin-left:auto;padding:.2rem .6rem;border:1px solid rgba(var(--accent-rgb),.3);border-radius:4px;color:var(--accent);font-size:.8rem;text-decoration:none}.changelog-card__changes{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.4rem}.changelog-card__changes li::marker{color:var(--accent)}@media(max-width:768px){.changelog-stage{--card-w: 86vw;--gap: .8rem}.changelog-card{padding:1.1rem}}
