.np-circle {
  border-radius: 9999px;
  border-radius: var(--radius-full);
  width: var(--circle-size);
  height: var(--circle-size);
  flex-shrink: 0;
  --circle-border-color: var(--color-border-neutral);
  --circle-border-width: 1px;
  font-size: var(--circle-font-size);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  line-height: 1;
}
.np-circle .np-display {
  font-size: var(--circle-font-size);
}
.np-circle .tw-icon > svg {
  height: var(--circle-icon-size);
  width: var(--circle-icon-size);
}
.np-circle img,
.np-circle .wds-flag {
  border-radius: 9999px;
  border-radius: var(--radius-full);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.np-circle-border {
  position: relative;
}
.np-circle-border::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  border-radius: var(--radius-full);
  box-shadow: inset 0 0 0 var(--circle-border-width) var(--circle-border-color);
}