.pg-colors .ratio{border:1px solid var(--line);border-radius:14px;height:70px;display:flex;overflow:hidden}.pg-colors .ratio i{font:700 var(--t-xs) / 1 var(--sans);white-space:nowrap;justify-content:center;align-items:center;display:flex}.pg-colors .ratio .r-cobalt{background:var(--cobalt);color:#fff;flex:60}.pg-colors .ratio .r-white{color:var(--ink-3);border-right:1px solid var(--line);background:#fff;flex:25}.pg-colors .ratio .r-coral{background:var(--coral);color:#fff;flex:10}.pg-colors .ratio .r-lime{background:var(--lime);color:var(--ink);flex:5}.pg-colors .pair{border-radius:12px;align-items:center;gap:14px;padding:16px 18px;font-weight:700;display:flex}.pg-colors .pair .lvl{font:700 var(--t-xs) / 1 var(--mono);white-space:nowrap;background:#fff3;border-radius:7px;margin-left:auto;padding:6px 10px}.pg-colors .role-card .dot{width:12px;height:12px;display:inline-block}