.badge-affect-security        { background-color: var(--affect-security); color: #fff; }
.badge-affect-reliability     { background-color: var(--affect-reliability); color: #fff; }
.badge-affect-confidentiality { background-color: var(--affect-confidentiality); color: #fff; }
.badge-affect-integrity       { background-color: var(--affect-integrity); color: #fff; }
.badge-affect-availability    { background-color: var(--affect-availability); color: #000; }
.badge-affect-authenticity    { background-color: var(--affect-authenticity); color: #000; }
.badge-affect-non-repudiation { background-color: var(--affect-non-repudiation); color: #000; }

.affect-border-security        { border-inline-start: 3px solid var(--affect-security); padding-inline-start: 8px; }
.affect-border-reliability     { border-inline-start: 3px solid var(--affect-reliability); padding-inline-start: 8px; }
.affect-border-confidentiality { border-inline-start: 3px solid var(--affect-confidentiality); padding-inline-start: 8px; }
.affect-border-integrity       { border-inline-start: 3px solid var(--affect-integrity); padding-inline-start: 8px; }
.affect-border-availability    { border-inline-start: 3px solid var(--affect-availability); padding-inline-start: 8px; }
.affect-border-authenticity    { border-inline-start: 3px solid var(--affect-authenticity); padding-inline-start: 8px; }
.affect-border-non-repudiation { border-inline-start: 3px solid var(--affect-non-repudiation); padding-inline-start: 8px; }