.rank-select{position:relative}.rank-select-trigger{display:flex;align-items:center;gap:8px;width:100%;font-family:Inter,sans-serif;font-size:13px;background:var(--navy-2);border:1px solid var(--line);border-radius:6px;padding:8px 12px;color:var(--white);cursor:pointer}.rank-select-trigger img{width:20px;height:20px;object-fit:contain;flex-shrink:0}.rank-select-trigger span:not(.nav-caret){flex:1;text-align:left}.rank-select-placeholder{color:#f5f7ff73}.rank-select-trigger.open{border-color:var(--cyan)}.rank-select-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:30;width:220px;max-height:320px;overflow-y:auto;background:var(--navy-2);border:1px solid var(--line);border-radius:8px;padding:6px;display:flex;flex-direction:column;gap:2px;box-shadow:0 12px 30px #0006}.rank-select-option{display:flex;align-items:center;gap:8px;background:none;border:none;border-radius:6px;padding:6px 8px;font-family:Inter,sans-serif;font-size:13px;color:var(--white);cursor:pointer;text-align:left}.rank-select-option img{width:20px;height:20px;object-fit:contain;flex-shrink:0}.rank-select-option:hover{background:#54d8ff1a}.rank-select-option.active{color:var(--cyan)}