.item-variant-icon{--item-variant-level-size:15px;position:relative;display:inline-grid;width:44px;height:44px;flex:none;place-items:center;isolation:isolate}.item-variant-icon__image{display:block;width:100%;height:100%;object-fit:contain}.item-variant-icon__fallback{display:grid;place-items:center;border-radius:9px;color:var(--accent-purple);background:var(--bg-secondary);font-weight:750}.item-variant-icon__level,.item-variant-icon__quality,.item-variant-icon__sockets{position:absolute;z-index:1;pointer-events:none}.item-variant-icon__level{top:-1px;left:-5px;color:var(--text-primary);background:0 0;font:900 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.item-variant-icon__quality{bottom:-1px;left:-5px;color:var(--text-primary);background:0 0;font:900 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.item-variant-icon__sockets{bottom:-1px;left:-5px;display:grid;width:14px;min-height:7px;grid-template-columns:repeat(2,7px);gap:1px 0;background:0 0}.item-variant-icon__sockets i{display:block;width:7px;height:7px;box-sizing:border-box;border:1px solid rgba(255,255,255,.92);border-radius:50%;background:#17191e}.item-variant-icon__sockets.is-1 i:first-child,.item-variant-icon__sockets.is-3 i:nth-child(3),.item-variant-icon__sockets.is-5 i:nth-child(5){grid-column:1/3;justify-self:center}[data-theme=dark] .item-variant-icon__sockets i{border-color:rgba(0,0,0,.78);background:#f5f5f7}