@infobus/vue/dist/style.css

Vue components and composables for public transportation websites using GTFS data through the Infobús API

.infobus-next-trips[data-v-518e5bb3]{max-width:600px;margin:0 auto;padding:1rem}.stop-info[data-v-518e5bb3]{margin-bottom:1rem;padding:1rem;background-color:#f8f9fa;border-radius:8px}.stop-name[data-v-518e5bb3]{margin:0 0 .5rem;font-size:1.2rem;font-weight:700;color:#333}.stop-description[data-v-518e5bb3]{margin:0;color:#666;font-size:.9rem}.loading[data-v-518e5bb3]{text-align:center;padding:2rem}.spinner[data-v-518e5bb3]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin-518e5bb3 1s linear infinite;margin:0 auto 1rem}@keyframes spin-518e5bb3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error[data-v-518e5bb3]{text-align:center;padding:2rem;color:#dc3545}.error-message[data-v-518e5bb3]{margin-bottom:1rem}.retry-button[data-v-518e5bb3]{background-color:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem}.retry-button[data-v-518e5bb3]:hover{background-color:#c82333}.no-trips[data-v-518e5bb3]{text-align:center;padding:2rem;color:#666}.trips-container[data-v-518e5bb3]{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.last-updated[data-v-518e5bb3]{padding:.5rem 1rem;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;text-align:center;color:#666}.trips-list[data-v-518e5bb3]{display:flex;flex-direction:column}.trip-item[data-v-518e5bb3]{display:flex;align-items:center;padding:1rem;border-bottom:1px solid #dee2e6;transition:background-color .2s}.trip-item[data-v-518e5bb3]:hover{background-color:#f8f9fa}.trip-item[data-v-518e5bb3]:last-child{border-bottom:none}.trip-item.has-delay[data-v-518e5bb3]{border-left:4px solid #ffc107}.route-info[data-v-518e5bb3]{flex:0 0 auto;margin-right:1rem}.route-short-name[data-v-518e5bb3]{display:inline-block;padding:.25rem .5rem;background-color:#007bff;color:#fff;border-radius:4px;font-weight:700;font-size:.9rem;min-width:60px;text-align:center}.route-long-name[data-v-518e5bb3]{display:block;font-size:.8rem;color:#666;margin-top:.25rem}.trip-details[data-v-518e5bb3]{flex:1;min-width:0}.headsign[data-v-518e5bb3]{font-weight:500;color:#333;margin-bottom:.25rem}.times[data-v-518e5bb3]{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.scheduled-time[data-v-518e5bb3]{font-weight:700;color:#007bff}.estimated-time[data-v-518e5bb3]{color:#28a745;font-style:italic}.delay[data-v-518e5bb3]{color:#ffc107;font-weight:700}.accessibility[data-v-518e5bb3]{flex:0 0 auto;display:flex;gap:.5rem;font-size:1.2rem}.refresh-section[data-v-518e5bb3]{padding:1rem;text-align:center;background-color:#f8f9fa;border-top:1px solid #dee2e6}.refresh-button[data-v-518e5bb3]{background-color:#28a745;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.refresh-button[data-v-518e5bb3]:hover:not(:disabled){background-color:#218838}.refresh-button[data-v-518e5bb3]:disabled{background-color:#6c757d;cursor:not-allowed}@media (max-width: 768px){.infobus-next-trips[data-v-518e5bb3]{padding:.5rem}.trip-item[data-v-518e5bb3]{padding:.75rem}.route-info[data-v-518e5bb3]{margin-right:.75rem}}.infobus-route-map[data-v-1f953838]{max-width:800px;margin:0 auto;padding:1rem}.route-info[data-v-1f953838]{margin-bottom:1rem;padding:1rem;background-color:#f8f9fa;border-radius:8px}.route-name[data-v-1f953838]{margin:0 0 .5rem;font-size:1.2rem;font-weight:700;color:#333}.route-description[data-v-1f953838]{margin:0;color:#666;font-size:.9rem}.map[data-v-1f953838]{width:100%;height:500px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.refresh-section[data-v-1f953838]{padding:1rem;text-align:center;background-color:#f8f9fa;border-top:1px solid #dee2e6}.refresh-button[data-v-1f953838]{background-color:#28a745;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.refresh-button[data-v-1f953838]:hover:not(:disabled){background-color:#218838}.refresh-button[data-v-1f953838]:disabled{background-color:#6c757d;cursor:not-allowed}@media (max-width: 768px){.infobus-route-map[data-v-1f953838]{padding:.5rem}}