.tl:where(.astro-peb7z7zq){--tl-date-row: 1.75rem;--tl-axis-row: 1.25rem;--tl-col: 20rem;--tl-clamp: 14.5rem;--tl-fade: 2rem;--tl-glass-alpha: .32;--tl-glass-edge: hsl(var(--border) / 1);padding:.85rem .9rem .5rem;border:1px solid hsl(var(--border) / 1);border-radius:calc(var(--radius) * 1.5);background-color:hsl(var(--foreground) / .04)}.dark .tl:where(.astro-peb7z7zq){--tl-glass-alpha: .5;--tl-glass-edge: hsla(0, 0%, 16%, .16)}.tl-scroll:where(.astro-peb7z7zq){overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:.35rem;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.tl-track:where(.astro-peb7z7zq){position:relative;display:flex;width:max-content}.tl-axis:where(.astro-peb7z7zq){position:absolute;inset-inline:0;top:calc(var(--tl-date-row) + var(--tl-axis-row) / 2);height:2px;border-radius:9999px;background-color:hsl(var(--muted-foreground) / .45)}.tl-year:where(.astro-peb7z7zq){display:flex;flex:none}.tl-chip:where(.astro-peb7z7zq){position:sticky;left:0;z-index:2;align-self:flex-start;flex:none;display:flex;align-items:center;height:var(--tl-axis-row);margin-top:var(--tl-date-row);padding-inline:.7rem;border:1px solid hsl(var(--primary) / .5);border-radius:9999px;background-color:hsl(var(--muted) / 1);color:hsl(var(--foreground) / 1);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.tl-poem:where(.astro-peb7z7zq){display:flex;flex-direction:column;flex:none;width:max-content;max-width:var(--tl-col);padding-inline:.6rem}.tl-date:where(.astro-peb7z7zq){display:flex;align-items:flex-end;justify-content:center;height:var(--tl-date-row);padding-bottom:.3rem;color:hsl(var(--muted-foreground) / 1);font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.tl-dot:where(.astro-peb7z7zq){position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:var(--tl-axis-row)}.tl-dot-core:where(.astro-peb7z7zq){width:.8125rem;height:.8125rem;border-radius:9999px;background-color:hsl(var(--primary) / 1);transition:transform .2s ease}.tl-card:where(.astro-peb7z7zq){display:flex;flex-direction:column;margin-top:.6rem;padding:.7rem;border:1px solid var(--tl-glass-edge);border-radius:var(--radius);background-color:hsl(var(--card) / var(--tl-glass-alpha));backdrop-filter:blur(14px) saturate(1.5);-webkit-backdrop-filter:blur(14px) saturate(1.5);transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.tl-poem:where(.astro-peb7z7zq):hover .tl-dot-core:where(.astro-peb7z7zq){transform:scale(1.35)}.tl-poem:where(.astro-peb7z7zq):hover .tl-date:where(.astro-peb7z7zq){color:hsl(var(--foreground) / 1)}.tl-poem:where(.astro-peb7z7zq):hover .tl-card:where(.astro-peb7z7zq){border-color:hsl(var(--primary) / .55);box-shadow:0 6px 18px hsl(var(--foreground) / .1)}.tl-text:where(.astro-peb7z7zq){display:flex;flex-direction:column;max-height:var(--tl-clamp);overflow:hidden;color:hsl(var(--foreground) / 1);font-size:1rem;line-height:1.55;overflow-wrap:anywhere}.tl-text:where(.astro-peb7z7zq).is-clamped{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - var(--tl-fade)),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - var(--tl-fade)),transparent)}.tl-title:where(.astro-peb7z7zq){margin-bottom:.25rem;color:hsl(var(--muted-foreground) / 1);font-size:.8125rem;font-weight:500;line-height:1.5}.tl-line:where(.astro-peb7z7zq){display:block}.tl-more:where(.astro-peb7z7zq){align-self:flex-end;display:inline-flex;align-items:center;gap:.3rem;margin-top:.5rem;padding:.15rem .5rem;border:1px solid hsl(var(--border) / 1);border-radius:calc(var(--radius) * .75);color:hsl(var(--muted-foreground) / 1);font-size:.625rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:color .2s ease,border-color .2s ease,background-color .2s ease}.tl-more:where(.astro-peb7z7zq) svg:where(.astro-peb7z7zq){transition:transform .2s ease}.tl-more:where(.astro-peb7z7zq):hover{border-color:hsl(var(--primary) / 1);color:hsl(var(--primary) / 1)}.tl-more:where(.astro-peb7z7zq):hover svg:where(.astro-peb7z7zq){transform:translate(2px)}.tl-more:where(.astro-peb7z7zq):focus-visible{outline:2px solid hsl(var(--primary) / 1);outline-offset:2px}
