[data-avatar-display] > [data-avatar-display-image] {
  color: #fff4d4;
}

[data-avatar-display] > [data-avatar-display-fallback] {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  color: #f0d68f;
  background: #172454;
}

[data-avatar-display].avatar-starlight > [data-avatar-display-fallback] {
  color: #f4d98b;
  background: #132159;
}

[data-avatar-display].avatar-archive > [data-avatar-display-fallback] {
  color: #f7edcf;
  background: #731f2a;
}

[data-avatar-display] > [data-avatar-display-fallback] > svg {
  width: 76%;
  height: 76%;
}

[data-avatar-display] > [data-avatar-display-image][hidden],
[data-avatar-display] > [data-avatar-display-fallback][hidden] {
  display: none !important;
}