.user-rating-avatar-target {
  position: relative;
  overflow: visible;
  --falue-rating-frame: #fff;
  --falue-rating-neutral: #91858d;
  --falue-rating-neutral-score: #211b20;
}

html[data-theme="dark"] .user-rating-avatar-target,
html.falue-night-mode .user-rating-avatar-target,
html.falue-rating-night-mode .user-rating-avatar-target,
html:has(#night-mode-css) .user-rating-avatar-target,
body[class*="night"] .user-rating-avatar-target,
.night-mode .user-rating-avatar-target {
  --falue-rating-frame: #272a33;
  --falue-rating-neutral: #e7dfe4;
  --falue-rating-neutral-score: #fff;
}

.user-rating-avatar-shell {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  padding: 0;
  color: inherit;
  font: inherit;
  line-height: 0;
  vertical-align: middle;
}

[data-user-rating-main="1"] > .profile-avatar-changer {
  right: auto;
  bottom: -2px;
  left: -2px;
  z-index: 23;
}

.user-rating-avatar-badge {
  position: absolute;
  z-index: 24;
  display: block;
  visibility: hidden;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #fff;
  font-family: "Convergence", sans-serif;
  line-height: 0;
  text-decoration: none;
  pointer-events: none;
  user-select: none;
  isolation: isolate;
}

.user-rating-avatar-badge .rating-avatar-composite-svg {
  display: block;
  width: 100%;
  min-width: 100%;
  max-width: none;
  height: 100%;
  min-height: 100%;
  max-height: none;
  overflow: visible;
  pointer-events: none;
}

.user-rating-avatar-badge .rating-avatar-theme-light {
  display: inline;
}

.user-rating-avatar-badge .rating-avatar-theme-dark {
  display: none;
}

html[data-theme="dark"] .user-rating-avatar-badge .rating-avatar-theme-light,
html.falue-night-mode .user-rating-avatar-badge .rating-avatar-theme-light,
html.falue-rating-night-mode .user-rating-avatar-badge .rating-avatar-theme-light,
html:has(#night-mode-css) .user-rating-avatar-badge .rating-avatar-theme-light,
body[class*="night"] .user-rating-avatar-badge .rating-avatar-theme-light,
.night-mode .user-rating-avatar-badge .rating-avatar-theme-light {
  display: none;
}

html[data-theme="dark"] .user-rating-avatar-badge .rating-avatar-theme-dark,
html.falue-night-mode .user-rating-avatar-badge .rating-avatar-theme-dark,
html.falue-rating-night-mode .user-rating-avatar-badge .rating-avatar-theme-dark,
html:has(#night-mode-css) .user-rating-avatar-badge .rating-avatar-theme-dark,
body[class*="night"] .user-rating-avatar-badge .rating-avatar-theme-dark,
.night-mode .user-rating-avatar-badge .rating-avatar-theme-dark {
  display: inline;
}

.user-rating-avatar-badge .user-rating-avatar-review-hit {
  position: absolute;
  z-index: 2;
  top: 49.53125%;
  left: 54.84375%;
  width: 30.625%;
  height: 30.625%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
}

.user-rating-avatar-badge .user-rating-avatar-review-hit:focus-visible {
  outline: 2px solid var(--main);
  outline-offset: 2px;
}

.user-rating-avatar-target.user-rating-avatar-composite-ready > .user-rating-avatar-badge {
  visibility: visible;
}

.user-rating-avatar-target.user-rating-avatar-composite-ready .user-rating-avatar-image {
  opacity: 0;
  box-shadow: none;
}