Inacinho/global-election-simulator
0
1@tailwind base;2@tailwind components;3@tailwind utilities;4 5/* Custom styles for election simulator */6.candidate-color-preview {7 width: 20px;8 height: 20px;9 border-radius: 50%;10 display: inline-block;11 margin-right: 10px;12 border: 1px solid #ccc;13}14 15.region-card {16 transition: all 0.3s ease;17}18 19.region-card:hover {20 transform: translateY(-3px);21 box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);22}23 24.turnout-slider::-webkit-slider-thumb {25 appearance: none;26 height: 20px;27 width: 20px;28 border-radius: 50%;29 background: #4f46e5;30 cursor: pointer;31}32 33.turnout-slider::-moz-range-thumb {34 height: 20px;35 width: 20px;36 border-radius: 50%;37 background: #4f46e5;38 cursor: pointer;39 border: none;40}41 42.candidate-bar {43 height: 30px;44 border-radius: 4px;45 display: flex;46 align-items: center;47 padding: 0 10px;48 color: white;49 font-weight: 500;50 transition: width 0.5s ease;51}52 53.result-table th {54 background-color: #f3f4f6;55}56 57.result-table tr:nth-child(even) {58 background-color: #f9fafb;59}60 61.coalition-tag {62 display: inline-block;63 padding: 2px 8px;64 border-radius: 12px;65 font-size: 0.8rem;66 font-weight: 500;67}68 69.country-card {70 cursor: pointer;71 transition: all 0.2s ease;72}73 74.country-card:hover {75 transform: scale(1.03);76}77 78.country-card.active {79 border: 2px solid #4f46e5;80 box-shadow: 0 4px 6px -1px rgba(79, 70, 229, 0.2);81}