/*!
 * Repoevo Site v1.0.0
 * (c) 2026 Repoevo — https://repoevo.com/
 * Licensed under GPL-2.0-or-later
 */
.rp-wrap { display: flex; flex-direction: column; gap: 8px; } .rp-card { display: flex; align-items: center; gap: 16px; padding: 16px 20px; background: rgba(255, 255, 255, 0.03); border: 0.5px solid rgba(255, 255, 255, 0.06); border-radius: 12px; text-decoration: none; color: inherit; transition: border-color 0.2s, background 0.2s; } .rp-card:hover { border-color: rgba(108, 95, 232, 0.35); background: rgba(108, 95, 232, 0.06); } .rp-pos { font-size: 12px; font-weight: 600; color: #6B6B8A; width: 22px; text-align: center; flex-shrink: 0; } .rp-pos.gold { color: #F59E0B; } .rp-pos.silver { color: #9CA3AF; } .rp-pos.bronze { color: #CD7C2F; } .rp-icon { width: 36px; height: 36px; border-radius: 8px; background: rgba(108, 95, 232, 0.15); flex-shrink: 0; overflow: hidden; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; color: #A99BF5; } .rp-icon img { width: 100%; height: 100%; object-fit: cover; border-radius: 8px; } .rp-info { flex: 1; min-width: 0; } .rp-name { font-size: 14px; font-weight: 500; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 4px; } .rp-meta { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } .rp-badge { font-size: 11px; color: #6B6B8A; } .rp-badge b { color: #fff; font-weight: 500; } .rp-right { display: flex; align-items: center; gap: 12px; flex-shrink: 0; } .rp-score { text-align: right; } .rp-score-val { font-size: 15px; font-weight: 600; color: #A99BF5; line-height: 1; } .rp-score-lbl { font-size: 10px; color: #6B6B8A; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 2px; } .rp-trend { width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; flex-shrink: 0; } .rp-new { background: rgba(96, 165, 250, 0.12); color: #60A5FA; font-size: 9px; letter-spacing: 0.3px; } .rp-up { background: rgba(52, 211, 153, 0.12); color: #34D399; } .rp-down { background: rgba(248, 113, 113, 0.12); color: #F87171; } .rp-stable { background: rgba(255, 255, 255, 0.05); color: #6B6B8A; } .rp-ranking-wrap { display: flex; flex-direction: column; gap: 16px; } .rp-search-wrap { position: relative; } .rp-search { width: 100%; padding: 12px 16px; background: rgba(255, 255, 255, 0.04); border: 0.5px solid rgba(255, 255, 255, 0.1); border-radius: 10px; color: #fff; font-size: 14px; outline: none; transition: border-color 0.2s; box-sizing: border-box; } .rp-search:focus { border-color: rgba(108, 95, 232, 0.5); } .rp-search::placeholder { color: #6B6B8A; }