@layer properties,theme,base;@layer components{.zh-era-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in oklab, var(--color-base-100) 90%, transparent);border-block:1px solid var(--color-base-300);z-index:10;position:sticky;top:0}.zh-era-head{margin-bottom:2rem}.zh-timeline{--year:4.25rem;--gap:1.5rem;gap:2.25rem;display:grid;position:relative}.zh-timeline:before{background:var(--color-base-300);content:"";bottom:.5rem;left:calc(var(--year) + var(--gap) / 2);width:1px;position:absolute;top:.5rem}.zh-timeline-event{column-gap:var(--gap);grid-template-columns:var(--year) minmax(0, 1fr);display:grid;position:relative}.zh-timeline-event:before{background:var(--color-base-100);border:2px solid var(--color-primary);content:"";height:.75rem;left:calc(var(--year) + var(--gap) / 2);border-radius:999px;width:.75rem;transition:background-color .16s,transform .16s;position:absolute;top:.45rem;transform:translate(-50%)}.zh-timeline-event:has(.zh-timeline-year[data-repeat]):before{border-width:1.5px;width:.5rem;height:.5rem;top:.55rem}.zh-timeline-event:hover:before,.zh-timeline-event:target:before{background:var(--color-accent);border-color:var(--color-accent);transform:translate(-50%)scale(1.25)}.zh-timeline-year{text-align:right;padding-top:.1rem}.zh-timeline-year[data-repeat]>*{visibility:hidden}.zh-timeline-text{color:color-mix(in oklab, var(--color-base-content) 78%, transparent);margin-top:.4rem;font-size:.9375rem;line-height:1.6}.zh-timeline-text .zh-prose{line-height:inherit}.zh-timeline-event:target .zh-timeline-body{border-radius:var(--radius-box);animation:2.4s ease-out zh-arrived}@keyframes zh-arrived{0%{background:color-mix(in oklab, var(--color-accent) 12%, transparent);box-shadow:0 0 0 .75rem color-mix(in oklab, var(--color-accent) 12%, transparent)}}@media (min-width:40rem){.zh-timeline{--year:6rem;--gap:2.5rem}.zh-era-head{padding-left:calc(var(--year,6rem) + var(--gap,2.5rem))}}@media (prefers-reduced-motion:reduce){.zh-timeline-event:target .zh-timeline-body{animation:none}}}@layer utilities,daisyui;
@layer properties,theme,base;@layer components{.zh-road{height:3.25rem;position:relative}.zh-road-line,.zh-road-driven{border-radius:999px;height:.3rem;position:absolute;top:.85rem;left:0}.zh-road-line{background:repeating-linear-gradient(90deg, color-mix(in oklab, var(--color-base-content) 22%, transparent) 0 .9rem, transparent .9rem 1.35rem);right:0}.zh-road-driven{background:var(--color-road-national);width:calc(var(--share) * 100%);animation:1.8s cubic-bezier(.45,0,.2,1) .3s both zh-drive}.zh-road-car{color:var(--color-road-national);left:calc(var(--share) * 100%);animation:1.8s cubic-bezier(.45,0,.2,1) .3s both zh-car;position:absolute;top:-.1rem;transform:translate(-50%)}.zh-road-stop{font-size:var(--text-sm);white-space:nowrap;position:absolute;top:1.6rem}.zh-road-stop:before{background:var(--color-base-100);content:"";border:2px solid;border-radius:999px;width:.7rem;height:.7rem;position:absolute;top:-1.05rem;left:50%;transform:translate(-50%)}.zh-road-kyiv{left:0;transform:translate(-.35rem)}.zh-road-kyiv:before{left:.7rem}.zh-road-here{color:var(--color-accent);left:calc(var(--share) * 100%);font-weight:700;transform:translate(-50%)}.zh-road-odesa{right:0;transform:translate(.35rem)}.zh-road-odesa:before{left:auto;right:.35rem;transform:none}@keyframes zh-car{0%{left:0}}@media (prefers-reduced-motion:reduce){.zh-road-driven,.zh-road-car{animation:none}}}@layer utilities,daisyui;