xenforo css rank

.userBanner {
  font-size: 75%;
  font-size: 11px;
  font-weight: 600;
  font-style: normal;
  padding: 1px 8px;
  padding: 2px 20px;
  border: 1px solid transparent;
  border-radius: 50px 0px 50px 0px;
  font-family: 'Poppins Medium', sans-serif;
  letter-spacing: 0.5px;
  text-align: center;
  display: inline-block;
}
.userBanner strong {
  font-weight: inherit;
}
.userBanner.userBanner--hidden {
  background: none;
  border: none;
  box-shadow: none;
}
.userBanner.userBanner--staff,
.userBanner.userBanner--primary {
  color: #54595a;
  background: #f7f8f9;
  border-color: #dadfe3;
  color: #ffffff;
  background: #78d3aa;
  border-color: #52c692;
  border-radius: 0px;
  border-color: #78d3aa;
}
.userBanner.userBanner--accent {
  color: #5bffb5;
  background: #363e40;
  border-color: #1f2324;
  border-radius: 0px;
  border-color: #78d3aa;
}
.userBanner.userBanner--red {
  color: #ffffff;
  background: #d80000;
  border-color: #a50000;
  border-radius: 0px;
}
.userBanner.userBanner--green {
  color: #ffffff;
  background: #008000;
  border-color: #004d00;
  border-radius: 0px;
}
.userBanner.userBanner--olive {
  color: #ffffff;
  background: #808000;
  border-color: #4d4d00;
  border-radius: 0px;
}
.userBanner.userBanner--lightGreen {
  color: #000000;
  background: #ccf9c8;
  border-color: #a1f49a;
  border-radius: 0px;
  border-color: #bee8ba;
}
.userBanner.userBanner--blue {
  color: #ffffff;
  background: #0008e3;
  border-color: #0006b0;
  border-radius: 0px;
}
.userBanner.userBanner--royalBlue {
  color: #ffffff;
  background: #4169e1;
  border-color: #214cce;
  border-radius: 0px;
}
.userBanner.userBanner--skyBlue {
  color: #ffffff;
  background: #7cc3e0;
  border-color: #53b0d6;
  border-radius: 0px;
}
.userBanner.userBanner--gray {
  color: #ffffff;
  background: #808080;
  border-color: #676767;
  border-radius: 0px;
}
.userBanner.userBanner--silver {
  color: #000000;
  background: #c0c0c0;
  border-color: #a7a7a7;
  border-radius: 0px;
}
.userBanner.userBanner--yellow {
  color: #000000;
  background: #ffff91;
  border-color: #ffff5e;
  border-radius: 0px;
  border-color: #e6e687;
}
.userBanner.userBanner--orange {
  color: #000000;
  background: #ffcb00;
  border-color: #cca200;
  border-radius: 0px;
}
.userBanner.userBanner--tpm {
  color: #ffffff;
  background: #808080;
  border-color: #676767;
  border-radius: 0px;
}