.changelog-nav{--sidebar-item-radius:10px;flex-direction:column;gap:1px;display:flex;position:relative}.changelog-nav-group[data-open=true]+.changelog-nav-group{margin-bottom:2px}.changelog-nav-group:has(+.changelog-nav-group[data-open=true]){margin-bottom:2px}.changelog-nav-row{width:100%;font:inherit;color:var(--color-text-2);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:6px 10px;font-size:13px;text-decoration:none;transition:color .15s;display:flex}.changelog-nav-row:hover,.changelog-nav-row[data-active=true]{color:var(--color-text-1)}.changelog-nav-row[data-soon=true]:not([data-active=true]){opacity:.5}.changelog-nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.changelog-nav-badge{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--color-text-3);background:linear-gradient(148deg, color-mix(in srgb, var(--color-text-1) 7%, transparent), color-mix(in srgb, var(--color-text-1) 2%, transparent));border-radius:7px;flex-shrink:0;align-items:center;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:600;line-height:1.5;transition:color .18s,background .18s;display:inline-flex;position:relative}.changelog-nav-badge:before{content:"";border:1px solid color-mix(in srgb, var(--color-text-1) 22%, var(--color-border));border-radius:inherit;box-shadow:inset 0 -6px 8px -5px color-mix(in srgb, var(--color-text-1) 12%, transparent);pointer-events:none;opacity:.6;transition:opacity .18s,border-color .18s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(144deg,#000,#0000 72%);mask-image:linear-gradient(144deg,#000,#0000 72%)}@supports (corner-shape:superellipse(1.5)){.changelog-nav-badge,.changelog-nav-badge:before{corner-shape:superellipse(1.5);border-radius:9px}}.changelog-nav-badge-part{--ease-liquid:cubic-bezier(.22, .9, .24, 1);transition:grid-template-columns .42s var(--ease-liquid);grid-template-columns:1fr;display:grid;position:relative;-webkit-mask-image:linear-gradient(#0000,#000 28% 72%,#0000);mask-image:linear-gradient(#0000,#000 28% 72%,#0000)}.changelog-nav-badge-part>span{--shift:0%;white-space:nowrap;opacity:1;filter:blur();min-width:0;transform:translateY(var(--shift)) scaleX(1);transition:opacity .3s var(--ease-liquid) 80ms, filter .34s var(--ease-liquid) 80ms, transform .42s var(--ease-liquid) 60ms;overflow:hidden}.changelog-nav-badge-part[data-full=true],.changelog-nav-row:hover .changelog-nav-badge-part:not([data-full=true]){grid-template-columns:0fr}.changelog-nav-badge-part[data-full=true]>span,.changelog-nav-row:hover .changelog-nav-badge-part:not([data-full=true])>span{opacity:0;filter:blur(3px);transform:translateY(var(--shift)) scaleX(.72);transition-delay:0s}.changelog-nav-badge-part[data-full=true]>span{--shift:80%}.changelog-nav-row:hover .changelog-nav-badge-part:not([data-full=true])>span{--shift:-80%}.changelog-nav-row:hover .changelog-nav-badge-part[data-full=true]{grid-template-columns:1fr}.changelog-nav-row:hover .changelog-nav-badge-part[data-full=true]>span{--shift:0%;opacity:1;filter:blur();transform:translateY(0)scaleX(1)}.changelog-nav-row:hover .changelog-nav-badge,.changelog-nav-row[data-active=true] .changelog-nav-badge{color:var(--color-accent);background:linear-gradient(148deg, color-mix(in srgb, var(--color-accent) 20%, transparent), color-mix(in srgb, var(--color-accent) 7%, transparent))}.changelog-nav-row:hover .changelog-nav-badge:before,.changelog-nav-row[data-active=true] .changelog-nav-badge:before{border-color:color-mix(in srgb, var(--color-accent) 55%, transparent);box-shadow:inset 0 -6px 8px -5px color-mix(in srgb, var(--color-accent) 35%, transparent);opacity:1}@media (prefers-reduced-motion:reduce){.changelog-nav-badge-part,.changelog-nav-badge-part>span{filter:none;transition:none;transform:none}}.changelog-nav-meta{font-variant-numeric:tabular-nums;color:var(--color-text-3);flex-shrink:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.changelog-nav-row[data-active=true] .changelog-nav-meta{color:var(--color-accent)}.changelog-nav-sub-wrap{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.22,1,.36,1),opacity .24s;display:grid}.changelog-nav-sub-wrap[data-open=true]{opacity:1;grid-template-rows:1fr}.changelog-nav-sub-wrap>.changelog-nav-sub{min-height:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.changelog-nav-sub-wrap{transition:none}}.changelog-nav-sub{border-left:1px solid var(--color-border);flex-direction:column;gap:1px;margin:1px 0 2px 19px;padding-left:9px;list-style:none;display:flex}.changelog-nav-row[data-sub=true]{color:var(--color-text-3);padding:5px 10px;font-size:12px}.changelog-nav-row[data-sub=true][data-active=true]{color:var(--color-text-1)}.changelog-nav-row[data-sub=true] .changelog-product-icon{--icon-size:16px}
.changelog-sidebar{width:280px;top:calc(var(--header-height) + 24px);flex-direction:column;flex-shrink:0;gap:16px;display:flex;position:sticky}.changelog-sidebar-versions{isolation:isolate;--sidebar-item-radius:18px;border-radius:20px;flex-direction:column;padding:12px;display:flex;position:relative}.changelog-sidebar-versions:before{content:"";border-radius:inherit;border:1px solid color-mix(in srgb, var(--color-text-1) 14%, var(--color-border));box-shadow:inset 0 -12px 16px -8px color-mix(in srgb, var(--color-text-1) 5%, transparent);pointer-events:none;z-index:-1;opacity:.4;position:absolute;inset:0;-webkit-mask-image:linear-gradient(144deg,#000,#0000 65%);mask-image:linear-gradient(144deg,#000,#0000 65%)}.changelog-sidebar-versions ul{flex-direction:column;gap:2px;list-style:none;display:flex}.changelog-sidebar-item{align-items:flex-start;gap:6px;padding:10px;display:flex}.changelog-sidebar-item-icon{flex-shrink:0;padding-top:2px;display:flex}.changelog-sidebar-item-icon .changelog-product-icon{--icon-size:13px}.changelog-sidebar-item-summary{-webkit-line-clamp:2;min-width:0;color:var(--color-text-3);-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.changelog-sidebar-empty{color:var(--color-text-3);padding:8px 10px;font-size:13px}@media (max-width:860px){.changelog-sidebar{width:100%;position:static}}