Template:Sandbox/Aurelain/ArtifactSummary/styles.css

.artifact-summary {
    display: flex;
}

.artifact-summary .icon {
    flex-shrink:0;
}

.artifact-summary .about {
    margin-left:4px;
    flex-grow:1;
}

.artifact-summary .header {
    /*margin-bottom: 4px;*/
}

.artifact-summary .common {
    color: silver;
}

.artifact-summary .rare {
    color: #70af51;
}

.artifact-summary .rare img {
    filter: invert(66%) sepia(59%) saturate(385%) hue-rotate(56deg) brightness(84%) contrast(85%);
}

.artifact-summary .epic {
    color: #533677;
}

.artifact-summary .legendary {
    color: brown;
}