/* SOLVEN TEAM: premium, compact viewer count in upper-right of creator image. */
html body.sv-team-page #team-content :is(#team-creators,#team-mini) .sv-ref-photo-status:not(.is-live),
html body.sv-team-page #team-content :is(#team-creators,#team-mini) .ct-live:not(.is-live) {
  color: #ffb1b6;
}
html body.sv-team-page #team-content :is(#team-creators,#team-mini) .ct-photo {
  position: relative;
}
html body.sv-team-page #team-content :is(#team-creators,#team-mini) .sv-twitch-viewers {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 12 !important;
  box-sizing: border-box;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 23px;
  padding: 4px 8px;
  border: 1px solid rgba(78, 214, 122, .59);
  border-radius: 6px;
  background: linear-gradient(135deg, rgba(7, 34, 19, .98), rgba(8, 24, 16, .94));
  box-shadow: 0 1px 9px rgba(0, 0, 0, .36), inset 0 1px 0 rgba(129, 255, 166, .10);
  color: #d4ffe2;
  font: 800 10px/1 Arial, Helvetica, sans-serif;
  letter-spacing: .01em;
  white-space: nowrap;
  pointer-events: none;
}
html body.sv-team-page #team-content :is(#team-creators,#team-mini) .sv-twitch-viewers::before {
  content: '';
  display: block;
  flex: none;
  width: 13px;
  height: 13px;
  background: #9df5bb;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-6.5 10-6.5S22 12 22 12s-3.5 6.5-10 6.5S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-6.5 10-6.5S22 12 22 12s-3.5 6.5-10 6.5S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
}
@media (max-width: 520px) {
  html body.sv-team-page #team-content :is(#team-creators,#team-mini) .sv-twitch-viewers {
    top: 6px !important;
    right: 6px !important;
    padding: 4px 6px;
    font-size: 9px;
  }
}
