.cl-timeline{--cl-node-x:.625rem;--cl-progress:0px;--cl-glow:var(--color-accent);position:relative}.cl-timeline[data-on-upcoming]{--cl-glow:#f59e0b}@media (min-width:768px){.cl-timeline{--cl-node-x:1.25rem}}.cl-spine,.cl-spine-fill{inset-inline-start:var(--cl-node-x);pointer-events:none;border-radius:2px;width:2px;position:absolute;top:1rem;bottom:0;translate:-50%}[dir=rtl] .cl-spine,[dir=rtl] .cl-spine-fill{translate:50%}.cl-spine{background:repeating-linear-gradient(180deg, var(--color-border-hover) 0 6px, transparent 6px 11px);opacity:.7}.cl-spine-fill{height:var(--cl-progress);background:linear-gradient(180deg, color-mix(in oklab, var(--cl-glow) 30%, transparent), var(--cl-glow));box-shadow:0 0 12px color-mix(in oklab, var(--cl-glow) 55%, transparent);bottom:auto}.cl-spine-head{inset-inline-start:var(--cl-node-x);top:calc(1rem + var(--cl-progress));pointer-events:none;z-index:11;background:var(--cl-glow);width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in oklab, var(--cl-glow) 22%, transparent), 0 0 22px 4px color-mix(in oklab, var(--cl-glow) 70%, transparent);border-radius:999px;position:absolute;translate:-50% -50%}.cl-spine-head,.cl-spine-fill{transition:background-color .3s,box-shadow .3s}[dir=rtl] .cl-spine-head{translate:50% -50%}.cl-node{inset-inline-start:calc(var(--cl-node-x) - .5rem);z-index:10;background:var(--color-bg);width:1rem;height:1rem;box-shadow:0 0 0 2px var(--color-border-hover);border-radius:999px;place-items:center;display:grid;position:absolute;top:2rem}.cl-node:after{content:"";background:var(--color-border-hover);border-radius:999px;width:.4rem;height:.4rem}[data-passed] .cl-node{box-shadow:0 0 0 2px var(--color-accent)}[data-passed] .cl-node:after{background:var(--color-accent)}[data-active] .cl-node{box-shadow:0 0 0 2px var(--color-accent), 0 0 0 6px color-mix(in oklab, var(--color-accent) 22%, transparent), 0 0 18px color-mix(in oklab, var(--color-accent) 70%, transparent)}[data-upcoming] .cl-node,[data-upcoming][data-active] .cl-node{box-shadow:0 0 0 2px #f59e0bcc,0 0 16px #f59e0b73}[data-upcoming] .cl-node:after{background:#f59e0b}@media (prefers-reduced-motion:no-preference){.cl-node,.cl-node:after{transition:box-shadow .3s,background-color .3s}[data-upcoming] .cl-node{animation:2.6s ease-in-out infinite cl-pulse}}@keyframes cl-pulse{0%,to{box-shadow:0 0 0 2px #f59e0bb3,0 0 #f59e0b59}50%{box-shadow:0 0 0 2px #f59e0bb3,0 0 0 8px #f59e0b00}}.cl-card{transition:box-shadow .3s,opacity .3s}.cl-latest:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:0 0 0 1.5px color-mix(in oklab, var(--color-accent) 70%, transparent), 0 0 48px -8px color-mix(in oklab, var(--color-accent) 40%, transparent);position:absolute;inset:0}.cl-upcoming{background-image:repeating-linear-gradient(135deg, transparent 0 14px, #f59e0b0d 14px 15px), var(--pv2-card-glow), var(--pv2-card-bg)}li[data-active] .cl-card{box-shadow:0 0 0 1px color-mix(in oklab, var(--color-accent) 35%, transparent), 0 18px 48px -24px color-mix(in oklab, var(--color-accent) 45%, transparent)}.cl-anchor{opacity:0;transition:opacity .15s}.cl-heading:hover .cl-anchor,.cl-anchor:focus-visible{opacity:1}@media (hover:none){.cl-anchor{opacity:.55}}.cl-filter button{position:relative}.cl-filter button[aria-pressed=true]{background:color-mix(in oklab, var(--color-accent) 16%, var(--color-surface));border-color:color-mix(in oklab, var(--color-accent) 60%, transparent);color:var(--color-text)}.cl-timeline[data-filter=new] [data-kind]:not([data-kind=new]),.cl-timeline[data-filter=improved] [data-kind]:not([data-kind=improved]),.cl-timeline[data-filter=fixed] [data-kind]:not([data-kind=fixed]),.cl-timeline[data-filter=security] [data-kind]:not([data-kind=security]),.cl-timeline[data-filter=new] li[data-release]:not([data-kinds~=new]),.cl-timeline[data-filter=improved] li[data-release]:not([data-kinds~=improved]),.cl-timeline[data-filter=fixed] li[data-release]:not([data-kinds~=fixed]),.cl-timeline[data-filter=security] li[data-release]:not([data-kinds~=security]){display:none}
