.route{--track:2.25rem;list-style:none;margin:var(--space-4) 0 var(--space-3);padding:0;display:grid;grid-template-columns:auto minmax(2.5rem,1fr) auto minmax(5rem,2.6fr) auto minmax(2.5rem,1fr) auto;grid-template-rows:auto var(--track) auto;column-gap:0.35rem}.rt{grid-row:1 / 4;display:grid;grid-template-rows:subgrid;justify-items:center;text-align:center;min-inline-size:0}.rt-top{align-self:end;padding-block-end:0.15rem}.rt-track{position:relative;inline-size:100%;block-size:var(--track)}.rt-bot{font-size:var(--text-xs);color:var(--text-muted);line-height:1.35;padding-block-start:0.25rem}.rt-home{min-inline-size:2.2rem}.rt-home .rt-top{display:grid;justify-items:center;line-height:1.2}.rt-home .rt-track::after{content:"";position:absolute;inset-inline-start:50%;inset-block-end:0.5rem;inline-size:0.6rem;block-size:0.6rem;margin-inline-start:-0.3rem;border-radius:50%;background:var(--text);box-shadow:0 0 0 4px color-mix(in srgb,var(--text) 10%,transparent)}.rt-airport{font-size:var(--text-sm);font-weight:650;color:var(--text)}.rt-iata{font-size:var(--text-xs);color:var(--text-muted);font-weight:650;letter-spacing:0.04em}.rt-city{font-family:var(--font-display);font-size:var(--text-lg);font-weight:650;line-height:1.15;letter-spacing:-0.015em;color:var(--text);overflow-wrap:break-word;hyphens:manual}.rt-gate{padding-inline:0.15rem}.rt-gate .rt-track::after{content:"";position:absolute;inset-inline-start:50%;inset-block-end:0.25rem;z-index:1;inline-size:1.2rem;block-size:1.2rem;margin-inline-start:-0.6rem;border-radius:50%;background:var(--bg-elevated);border:0.28rem solid var(--color-primary)}.rt-gate.is-same .rt-track::after{background:var(--color-primary)}.rt-fly .rt-track::before{content:"";position:absolute;inset-inline:-0.6rem;inset-block:0.45rem 0.85rem;border:2px dashed var(--ink-line);border-block-end:0;border-radius:50% 50% 0 0 / 100% 100% 0 0}.plane{position:absolute;inset-inline-start:50%;inset-block-start:0;inline-size:1rem;block-size:1rem;margin-inline-start:-0.5rem;fill:var(--text);transform:rotate(90deg)}:dir(rtl) .plane{transform:rotate(-90deg)}.rt-land .rt-track::before{content:"";position:absolute;inset-inline:-0.75rem;inset-block-end:0.55rem;block-size:0.65rem;border-radius:var(--radius-full);background:repeating-linear-gradient(90deg,transparent 0 0.55rem,color-mix(in srgb,var(--bg-elevated) 60%,transparent) 0.55rem 0.7rem),var(--land)}.rt-ground{color:var(--land-ink);font-weight:650;font-size:var(--text-sm);max-inline-size:26ch}.is-loop .rt-land .rt-track::before{background:transparent;border:2px dotted var(--land)}.is-hop .rt-land .rt-track::before{background:repeating-linear-gradient(90deg,var(--land) 0 0.9rem,transparent 0.9rem 1.5rem)}.plane.is-hop{inset-block:auto 0.35rem;inline-size:1.15rem;block-size:1.15rem;margin-inline-start:-0.575rem;background:var(--bg-elevated);border-radius:50%;padding:0.1rem}.rt-visits{position:absolute;inset-inline:0;inset-block-start:-0.2rem;display:flex;justify-content:space-evenly;pointer-events:none}.rt-visit{display:grid;justify-items:center;gap:0.1rem}.rt-visit-name{font-size:var(--text-xs);font-weight:650;color:var(--on-info);background:var(--bg-elevated);padding-inline:0.2rem;white-space:nowrap;line-height:1.2}.rt-visit-dot{inline-size:0.7rem;block-size:0.7rem;border-radius:50%;background:var(--bg-elevated);border:0.18rem solid var(--on-info)}@media (max-width:720px){.route{column-gap:0.25rem;grid-template-columns:auto minmax(1.2rem,1fr) minmax(0,auto) minmax(2rem,1.3fr) minmax(0,auto) minmax(1.2rem,1fr) auto;grid-template-rows:auto var(--track) auto auto}.rt{display:contents}.rt>*{justify-self:center;text-align:center}.rt>.rt-top{grid-row:1}.rt>.rt-track{grid-row:2}.rt>.rt-bot{grid-row:3}.rt:nth-child(1)>*{grid-column:1}.rt:nth-child(2)>*{grid-column:2}.rt:nth-child(3)>*{grid-column:3}.rt:nth-child(4)>*{grid-column:4}.rt:nth-child(5)>*{grid-column:5}.rt:nth-child(6)>*{grid-column:6}.rt:nth-child(7)>*{grid-column:7}.rt.rt-land>.rt-bot{grid-row:4;grid-column:1 / -1;max-inline-size:none;padding-block-start:0.5rem;font-size:var(--text-sm)}.rt-city{font-size:var(--text-base);max-inline-size:6.5rem}.rt-gate .rt-when{display:none}.rt-airport{display:none}.long{font-size:0}.rt-visit-name{display:none}.rt-visits{inset-block-start:0.25rem}}@container card (max-width:19rem){.route{grid-template-columns:0 0 auto minmax(2rem,1fr) auto 0 0;column-gap:0}.rt-home>*,.rt-fly>*{visibility:hidden}.rt-home .rt-top,.rt-fly .rt-bot{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);visibility:visible}.rt-gate{padding-inline:0.4rem}.rt-city{max-inline-size:5.5rem}}