.tl{--tl-time: 3.25rem;--tl-rail: 1.75rem;list-style:none;padding:0;margin:0}.tl-day{display:grid}.tl-day__head,.tl-entry{position:relative;display:grid;grid-template-columns:var(--tl-time) var(--tl-rail) minmax(0,1fr);column-gap:var(--space-4)}.tl-day__head:before,.tl-entry:before{content:"";position:absolute;inset-block:0;inset-inline-start:calc(var(--tl-time) + var(--space-4) + var(--tl-rail) / 2);width:1px;background:var(--rule-strong)}.tl-day:first-child .tl-day__head:before{inset-block-start:50%}.tl-day__head{align-items:center;padding-block:var(--space-6) var(--space-3)}.tl-node{grid-column:2;justify-self:center;position:relative;z-index:1;width:.95rem;height:.95rem;border-radius:50%;background:var(--paper);border:2px solid var(--ink)}.tl-day__date{grid-column:3;font-family:var(--font-serif);font-size:1.25rem;font-weight:500;line-height:1.3;display:inline}:root[dir=rtl] .tl-day__date{font-family:var(--font-persian);font-weight:700;font-size:1.125rem}.tl-day__meta{grid-column:3;font-size:.8125rem;color:var(--ink-3)}.tl-entries{list-style:none;padding:0}.tl-time{grid-column:1;justify-self:end;padding-block-start:calc(var(--space-5) - .05rem);font-size:.8125rem;color:var(--ink-3);font-variant-numeric:tabular-nums}.tl-dot{grid-column:2;justify-self:center;position:relative;z-index:1;margin-block-start:calc(var(--space-5) + .3rem);width:.6rem;height:.6rem;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px var(--paper)}.tl-card{grid-column:3;min-width:0}.tl-card .card{border-block-end:1px solid var(--rule)}.tl-entry:last-child .tl-card .card{border-block-end:0}.tl-entry:hover .tl-dot{transform:scale(1.35)}.tl-dot{transition:transform .2s ease}.tl-day.is-new{animation:tl-in .55s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i, 0) * 70ms)}@keyframes tl-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(max-width:40rem){.tl{--tl-time: 0rem;--tl-rail: 1rem}.tl-day__head,.tl-entry{column-gap:var(--space-3)}.tl-time{grid-column:3;grid-row:1;justify-self:start;padding-block-start:var(--space-4)}.tl-card{grid-row:2}.tl-dot{grid-row:1;margin-block-start:calc(var(--space-4) + .3rem)}.tl-card .card{padding-block-start:var(--space-2)}.tl-day__date{font-size:1.0625rem}}