.player-pp-container {
  display: flex;
  align-items: center;
  column-gap: 1rem;
}

.player-pp-holder {
  padding: 0.125rem;
  width: 3.5334rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.5334rem;
  border-radius: 50%;
  border: 0.125rem solid #2bc6ff;
}

.player-pp-holder.red {
  border: 0.125rem solid #FB444D;
}

.player-pp-holder.black {
  border: 0.125rem solid #000;

}


.player-pp-holder.green {
  border: 0.125rem solid #026E00;

}

.player-pp-holder.purple {
  border: 0.125rem solid #9F50F0;
}

.player-pp-holder.yellow {
  border: 0.125rem solid #F68D45;

}


.admin .player-pp-holder {
  border: 0.125rem solid #FF525A;

}
.player-pp-holder img {
  border-radius: 0.6617rem;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.player-info-holder{
    display: flex;
    flex-direction: column;
}

.player-info-holder h1 {
  color: rgba(255, 255, 255, 0.74);
  leading-trim: both;
  text-edge: cap;
  font-family: SF Pro Rounded;
  font-size: 1.0754rem;
  font-style: normal;
  font-weight: 500;
  line-height: 143.836%; /* 1.5468rem */
}
.player-info-holder p {
  color: rgba(255, 255, 255, 0.74);
  leading-trim: both;
  text-edge: cap;
  font-family: SF Pro Rounded;
  font-size: 0.8272rem;
  font-style: normal;
  font-weight: 600;
  line-height: 143.836%;
}