.attchip{position:relative;overflow:hidden}
.attchip.pend{opacity:1}
.attchip.pend::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:var(--up-pct,0%);background:var(--gold);color:var(--on-gold);transition:width .2s linear}
.attchip.pend .att-nm{opacity:.75}
.attchip.fail{border-color:var(--bad);color:var(--bad)}
.attchip .att-nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}
@media (max-width:760px){ .attchip .att-nm{max-width:200px} }