@layer flow-train-route{.route-list{display:flex;flex-direction:column;gap:0;margin:6px 0 0;padding:0;list-style:none}.route-pt{position:relative;display:flex;align-items:center;gap:12px;padding:8px 0 8px 24px}.route-pt:before{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:9px;height:9px;border-radius:50%;background:var(--flow-color-surface);border:2px solid var(--flow-color-info);z-index:1}.route-pt:after{content:"";position:absolute;left:8px;top:50%;bottom:-8px;width:2px;background:var(--flow-color-border)}.route-pt:last-child:after{display:none}.route-pt-end:before{background:var(--flow-color-info)}.route-pt-time{flex-shrink:0;width:52px;font-family:var(--flow-font-mono);font-weight:var(--flow-font-weight-bold);font-size:var(--flow-font-size-secondary);color:var(--flow-color-text)}.route-pt-name{color:var(--flow-color-text-secondary);font-size:var(--flow-font-size-secondary)}.route-pt-end .route-pt-name{color:var(--flow-color-text);font-weight:var(--flow-font-weight-bold)}.route-pt-place{display:flex;min-width:0;flex-direction:column;gap:var(--flow-space-1)}.route-pt-station{color:var(--flow-color-text-muted);font-size:var(--flow-font-size-caption);line-height:var(--flow-line-caption)}.route-pt-stop{align-self:flex-start;margin:0;padding:1px 7px;border-radius:var(--flow-radius-sm);background:var(--flow-color-info-subtle);color:var(--flow-color-text-muted);font-size:var(--flow-font-size-caption);font-weight:var(--flow-font-weight-semibold);white-space:nowrap}.route-list--desktop{--route-time: 20px;--route-gap: var(--flow-space-6);display:flex;flex-direction:row;gap:0;overflow-x:auto;margin:0;padding:var(--flow-space-2) 0 var(--flow-space-3);scrollbar-width:thin}.route-list--desktop .route-pt{display:flex;flex:1 0 150px;flex-direction:column;align-items:flex-start;gap:var(--route-gap);min-width:0;padding:0 var(--flow-space-3) 0 0}.route-list--desktop .route-pt:before{top:calc(var(--route-time) + var(--route-gap) / 2 - 6.5px);left:0;transform:none}.route-list--desktop .route-pt:after{top:calc(var(--route-time) + var(--route-gap) / 2 - 1px);right:0;bottom:auto;left:9px;width:auto;height:2px}.route-list--desktop .route-pt:last-child:after{display:none}.route-list--desktop .route-pt-time{width:auto;height:var(--route-time);line-height:var(--route-time)}@media (max-width: 767px){.route-list--mobile{display:flex;flex-direction:column;gap:0;margin:0;padding:0}.route-list--mobile .route-pt{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:var(--flow-space-3);min-height:62px;padding:0 0 var(--flow-space-5) var(--flow-space-6)}.route-list--mobile .route-pt:before{top:var(--flow-space-2);left:var(--flow-space-1);transform:none}.route-list--mobile .route-pt:after{top:calc(var(--flow-space-2) + 10px);bottom:0;left:8px}.route-list--mobile .route-pt-time{width:auto}.route-list--mobile .route-pt-place{min-width:0}.route-list--mobile .route-pt-name,.route-list--mobile .route-pt-station{overflow-wrap:anywhere}}}