@baseline-banner/vue/dist/index.css

Vue component for checking web feature baseline compatibility

.baseline-checker[data-v-1c5d87da]{border:1px solid #e2e8f0;border-radius:8px;padding:1rem;margin:1rem 0;background:#f8fafc}.error-message[data-v-1c5d87da]{color:#ef4444;font-weight:500;text-align:center;padding:1rem}.loading-message[data-v-1c5d87da]{color:#6b7280;font-weight:500;text-align:center;padding:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.loading-message[data-v-1c5d87da]:after{content:"";width:16px;height:16px;border:2px solid #e5e7eb;border-top:2px solid #6b7280;border-radius:50%;animation:spin-1c5d87da 1s linear infinite}@keyframes spin-1c5d87da{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.feature-header[data-v-1c5d87da]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.feature-name[data-v-1c5d87da]{margin:0;color:#1f2937;font-size:1.25rem;font-weight:600}.baseline-badge[data-v-1c5d87da]{padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.baseline-badge.high[data-v-1c5d87da]{background-color:#dcfce7;color:#15803d;border:1px solid #22c55e}.baseline-badge.low[data-v-1c5d87da]{background-color:#fef3c7;color:#d97706;border:1px solid #f59e0b}.baseline-badge.limited[data-v-1c5d87da]{background-color:#fee2e2;color:#dc2626;border:1px solid #ef4444}.baseline-badge.unknown[data-v-1c5d87da]{background-color:#f1f5f9;color:#64748b;border:1px solid #94a3b8}.feature-description[data-v-1c5d87da]{color:#4b5563;margin:.5rem 0;line-height:1.5}.availability-info[data-v-1c5d87da]{margin-top:.75rem;font-size:.875rem;color:#6b7280}.availability-date[data-v-1c5d87da]{margin-bottom:.25rem}