.build-log{--log-date:7.5rem;--log-node:1.125rem;display:grid;position:relative}.build-log-entry{grid-template-columns:var(--log-node) minmax(0, 1fr);grid-template-areas:"node date""node body";column-gap:1.25rem;padding-bottom:2.75rem;display:grid;position:relative}.build-log-entry:last-child{padding-bottom:0}.build-log-entry:before{content:"";top:.5rem;bottom:-.5rem;left:calc(var(--log-node) / 2 - .5px);background:linear-gradient(to bottom, color-mix(in oklch, var(--orb-2) 55%, var(--line)), var(--line) 40%);width:1px;position:absolute}.build-log-entry:last-child:before{content:none}.build-log-date{color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;grid-area:date;font-size:.9375rem;font-weight:600}.build-log-body{grid-area:body;margin-top:.5rem}.build-log-node{z-index:1;width:var(--log-node);height:var(--log-node);background:radial-gradient(circle at 35% 30%, var(--orb-core) 0 12%, var(--orb-1) 30%, var(--orb-2) 62%, var(--orb-3) 100%);box-shadow:0 0 0 4px var(--background), 0 0 0 5px color-mix(in oklch, var(--orb-2) 35%, transparent);border-radius:9999px;grid-area:node;margin-top:.1rem;position:relative}.bg-band .build-log-node{box-shadow:0 0 0 4px var(--surface-band), 0 0 0 5px color-mix(in oklch, var(--orb-2) 35%, transparent)}.build-log-node[data-newest]:after{content:"";border-radius:inherit;border:1px solid color-mix(in oklch, var(--orb-1) 70%, transparent);opacity:0;position:absolute;inset:-5px}@media (prefers-reduced-motion:no-preference){.build-log-node[data-newest]:after{animation:build-log-pulse 2.8s var(--ease-out) infinite}}@keyframes build-log-pulse{0%{opacity:.9;transform:scale(.8)}70%,to{opacity:0;transform:scale(1.9)}}@media (min-width:768px){.build-log-entry{grid-template-columns:var(--log-date) var(--log-node) minmax(0, 1fr);grid-template-areas:"date node body";column-gap:1.5rem}.build-log-entry:before{left:calc(var(--log-date) + 1.5rem + var(--log-node) / 2 - .5px)}.build-log-date{text-align:right;padding-top:.05rem}.build-log-body{margin-top:-.15rem}}.build-log-tag{--kind:var(--orb-2);border:1px solid color-mix(in oklch, var(--kind) 45%, var(--line));background:color-mix(in oklch, var(--kind) 10%, transparent);letter-spacing:.06em;text-transform:uppercase;color:var(--foreground);border-radius:9999px;align-items:center;gap:.45rem;padding:.15rem .65rem;font-size:.875rem;font-weight:600;display:inline-flex}.build-log-tag:before{content:"";background:var(--kind);border-radius:9999px;width:.4rem;height:.4rem}[data-kind=shipped]{--kind:var(--live)}[data-kind=fix]{--kind:var(--preview)}[data-kind=test]{--kind:var(--orb-2)}[data-kind=all]{--kind:var(--orb-1)}.build-log-chip{--kind:var(--orb-2);border:1px solid var(--line);background:var(--card);min-height:2.75rem;color:var(--text-2);transition:border-color .16s var(--ease-out), background-color .16s var(--ease-out), color .16s var(--ease-out);border-radius:9999px;align-items:center;gap:.55rem;padding:0 1rem;font-size:.9375rem;font-weight:600;display:inline-flex}.build-log-chip:hover{border-color:color-mix(in oklch, var(--kind) 55%, var(--line));color:var(--foreground)}.build-log-chip[aria-pressed=true]{border-color:color-mix(in oklch, var(--kind) 70%, var(--line));background:color-mix(in oklch, var(--kind) 16%, var(--card));color:var(--foreground)}