ShubhraSaha/context-selector-pro-flow

1@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');2 3* {4    box-sizing: border-box;5    margin: 0;6    padding: 0;7}8 9body {10    font-family: 'Inter', sans-serif;11    -webkit-font-smoothing: antialiased;12    -moz-osx-font-smoothing: grayscale;13}14 15/* Animation for panel */16@keyframes slideDown {17    from {18        opacity: 0;19        transform: translateY(-10px);20    }21    to {22        opacity: 1;23        transform: translateY(0);24    }25}26 27#contextPanel {28    animation: slideDown 150ms ease-out forwards;29}30 31/* Tab styling */32.tab-btn {33    transition: all 150ms ease;34}35 36.tab-btn.active-tab {37    border-bottom-color: #2563EB;38    color: #E6E6E6;39}40 41/* Product card styling */42.product-card {43    transition: all 150ms ease;44    border: 1px solid #2B2C2F;45}46 47.product-card:hover {48    border-color: #2563EB;49    transform: translateY(-2px);50}51 52.product-card.selected {53    border-color: #2563EB;54    background-color: rgba(37, 99, 235, 0.08);55}56 57/* Chip buttons */58.chip-btn {59    transition: all 150ms ease;60}61 62.chip-btn:hover {63    border-color: #2563EB;64    color: #E6E6E6;65}66 67/* Scrollbar styling */68::-webkit-scrollbar {69    width: 6px;70    height: 6px;71}72 73::-webkit-scrollbar-track {74    background: #1E1F23;75    border-radius: 3px;76}77 78::-webkit-scrollbar-thumb {79    background: #2B2C2F;80    border-radius: 3px;81}82 83::-webkit-scrollbar-thumb:hover {84    background: #3B3C3F;85}86 87/* Focus styles */88button:focus, input:focus, textarea:focus, select:focus {89    outline: 2px solid #2563EB;90    outline-offset: 2px;91}