/* Generated premium icons for React-rendered profile cards. */
[data-dd-profile-icon-host] {
  --dd-profile-icon-url: none;
  position: relative !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  min-height: 54px !important;
  max-width: 54px !important;
  max-height: 54px !important;
  overflow: visible !important;
  isolation: isolate !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  font-size: 0 !important;
}

[data-dd-profile-icon-host]::before {
  content: "";
  position: absolute;
  inset: 5px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 38% 24%, rgba(255, 229, 145, 0.40), transparent 42%),
    linear-gradient(145deg, rgba(42, 28, 13, 0.92), rgba(25, 14, 45, 0.92));
  border: 1px solid rgba(245, 176, 35, 0.48);
  box-shadow:
    0 0 22px rgba(245, 176, 35, 0.18),
    inset 0 1px 0 rgba(255, 237, 184, 0.20);
  z-index: 0;
}

[data-dd-profile-icon-host][data-dd-profile-icon-kind="invite"]::before {
  border-color: rgba(68, 182, 255, 0.42);
  background:
    radial-gradient(circle at 34% 24%, rgba(120, 217, 255, 0.38), transparent 43%),
    linear-gradient(145deg, rgba(11, 30, 68, 0.94), rgba(22, 13, 48, 0.92));
  box-shadow:
    0 0 22px rgba(68, 182, 255, 0.18),
    inset 0 1px 0 rgba(210, 242, 255, 0.16);
}

[data-dd-profile-icon-host] > svg,
[data-dd-profile-icon-host] > img:not(.dd-profile-generated-icon-img),
[data-dd-profile-icon-host] > span:not(.dd-profile-generated-icon),
[data-dd-profile-icon-host] > div:not(.dd-profile-generated-icon) {
  opacity: 0 !important;
  visibility: hidden !important;
}

.dd-profile-generated-icon {
  position: absolute !important;
  inset: -8px !important;
  z-index: 2 !important;
  display: block !important;
  pointer-events: none !important;
  background-image: var(--dd-profile-icon-url) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  filter:
    drop-shadow(0 0 8px rgba(255, 205, 78, 0.48))
    drop-shadow(0 8px 14px rgba(0, 0, 0, 0.32)) !important;
}

[data-dd-profile-icon-host][data-dd-profile-icon-kind="invite"] .dd-profile-generated-icon {
  inset: -7px !important;
  filter:
    drop-shadow(0 0 8px rgba(97, 204, 255, 0.42))
    drop-shadow(0 8px 14px rgba(0, 0, 0, 0.32)) !important;
}

.dd-profile-inline-icon-wrap {
  display: inline-grid !important;
  place-items: center !important;
  width: 54px !important;
  height: 54px !important;
  margin-right: 12px !important;
  vertical-align: middle !important;
}