.wos-weapon-artwork {
    --weapon-artwork-size: 48px;
    display: inline-grid;
    position: relative;
    width: var(--weapon-artwork-size);
    height: var(--weapon-artwork-size);
    max-width: 100%;
    max-height: 100%;
    flex: 0 0 auto;
    place-items: center;
    overflow: hidden;
    vertical-align: middle;
    border: 1px solid #476383;
    border-radius: 8px;
    background: linear-gradient(145deg, #25374b, #162a40);
    color: #a5b9cf;
}
.wos-weapon-artwork[data-artwork-size="24"] { --weapon-artwork-size: 24px; border-radius: 5px; }
.wos-weapon-artwork[data-artwork-size="32"] { --weapon-artwork-size: 32px; border-radius: 6px; }
.wos-weapon-artwork[data-artwork-size="64"] { --weapon-artwork-size: 64px; }
.wos-weapon-artwork[data-artwork-size="fit"] { width: 100%; height: 100%; }
.wos-weapon-artwork img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    grid-area: 1 / 1;
}
.wos-weapon-artwork .wos-weapon-artwork__fallback,
.wos-ui .wos-weapon-artwork[data-weapon-artwork] .wos-weapon-artwork__fallback {
    width: 65%;
    height: 65%;
    grid-area: 1 / 1;
}
.wos-weapon-artwork[data-artwork-state="loaded"] .wos-weapon-artwork__fallback,
.wos-weapon-artwork[data-artwork-state="missing"] img { display: none; }
.weapon-artwork-label { display: flex; align-items: center; gap: .5rem; min-width: 0; }
.weapon-artwork-label[hidden] { display: none; }
.weapon-artwork-label > :last-child { min-width: 0; overflow-wrap: anywhere; }
.trade-builder-option.weapon-artwork-label { display: flex; }
.trade-builder-option__copy { display: grid; min-width: 0; }