.itemIllustration{display:block;position:relative;width:100%;height:100%;min-width:0;min-height:0}
.itemIllustration>img,.itemIllustration>svg:not(.itemGenderMarker){display:block;width:100%;height:100%;object-fit:contain}
.itemIllustration>.itemGenderMarker,.labIcon>.itemGenderMarker{position:absolute;left:2px;bottom:2px;width:28%;min-width:14px;max-width:24px;height:auto;z-index:2;pointer-events:none;filter:drop-shadow(0 1px 1px #17232e88)}
.labIcon{position:relative}
.saleStopped .productArt:has(.itemGenderMarker){filter:none}
.saleStopped .itemIllustration>:not(.itemGenderMarker){filter:grayscale(1)}

/* Broad colored jewel light; the outer corners are tinted instead of black. */
.itemIllustration.itemAura{isolation:isolate;overflow:hidden;border-radius:3px;background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--item-aura) 76%,#edf3f8) 0%,color-mix(in srgb,var(--item-aura) 66%,#253043) 38%,color-mix(in srgb,var(--item-aura) 46%,#1b2434) 74%,color-mix(in srgb,var(--item-aura) 34%,#18202c) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--item-aura) 65%,#344151),inset 0 0 10px color-mix(in srgb,var(--item-aura) 22%,transparent);pointer-events:none;transition:opacity .12s ease-out}
.itemAura:before,.itemAura:after{content:"";position:absolute;pointer-events:none;z-index:0}
.itemAura:before{inset:-28%;border-radius:50%;background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--item-aura) 64%,transparent),transparent 86%),radial-gradient(ellipse at 38% 38%,color-mix(in srgb,var(--item-aura) 34%,transparent),transparent 84%);opacity:.95}
.itemAura:after{inset:0;z-index:2;opacity:.55;background:radial-gradient(ellipse 1px 2px at 18% 28%,#fff9,transparent),radial-gradient(ellipse 1px 1px at 83% 72%,var(--item-aura),transparent),radial-gradient(ellipse 2px 1px at 74% 16%,#fff7,transparent);box-shadow:inset 0 0 8px color-mix(in srgb,var(--item-aura) 11%,transparent)}
.itemAura>.itemAuraArt{position:relative;z-index:1;display:block;width:100%;height:100%;min-width:0;min-height:0;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--item-aura) 58%,transparent)) drop-shadow(0 1px 1px #000)}
.itemAuraArt>img,.itemAuraArt>svg{display:block;width:100%;height:100%;object-fit:contain}
.itemIllustration.itemAura .itemAuraArt>.cdItemArt{width:100%;height:100%;aspect-ratio:1}
.itemAura>.itemGenderMarker{z-index:3}
.itemIllustration.itemAuraPending{opacity:0}
.itemIllustration.itemArtFailed{background:transparent;box-shadow:none;transition:none}
.itemArtFailed:before,.itemArtFailed:after{display:none}
.saleStopped .itemAura>.itemAuraArt{filter:grayscale(1)}
@media(prefers-reduced-motion:no-preference){:is(.productArt,.characterEquipmentSlot,.userCharacterItemIcon,.catalogArt):is(:hover,:focus-visible) .itemAura:before{animation:itemAuraBreathe 2.8s ease-in-out infinite}}
@keyframes itemAuraBreathe{0%,100%{opacity:.65}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.itemIllustration.itemAura{transition:none}}