.route-preview-sequence{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;padding:.75rem;border-bottom:1px solid #dee2e6;background:#fff;max-height:180px;overflow:auto}.route-preview-step{border:1px solid currentColor;border-radius:.375rem;padding:.25rem .5rem;font-weight:700;font-size:.875rem}.route-preview-step.active{outline:2px solid #212529;outline-offset:2px}.route-preview-step:focus-visible{outline:3px solid #212529;outline-offset:2px}.route-preview-step.route-preview-installation{color:#084298;background:#cfe2ff}.route-preview-step.route-preview-repair{color:#873d00;background:#ffe5d0}.route-preview-step.route-preview-start{color:#0f5132;background:#d1e7dd}.route-preview-date{flex-basis:100%;font-size:.875rem;font-weight:600}.route-preview-arrow{color:#495057;font-weight:700}.route-preview-step.route-preview-unconfirmed{color:#664d03;background:#fff3cd;border-style:dashed}.route-preview-legend{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.route-preview-notice{padding:.75rem 1rem;background:#f8f9fa;border-bottom:1px solid #dee2e6;font-size:.875rem;white-space:pre-line}.route-preview-notice.has-unconfirmed{background:#fff3cd;color:#664d03}@media(max-width:575.98px){.route-preview-step{min-height:44px}.route-preview-sequence{max-height:240px}}