.ci {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: var(--bs-body-color);
}

.ci-2x {
    width: 2rem;
    height: 2rem;
}

.ci-sword {
    -webkit-mask-image: url(/images/icons/sword.svg);
    mask-image: url(/images/icons/sword.svg);
}

.ci-swords {
    -webkit-mask-image: url(/images/icons/swords.svg);
    mask-image: url(/images/icons/swords.svg);
}