.base-badge-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1}.base-badge-wrapper,.base-badge__span{display:-webkit-box;display:-ms-flexbox;display:flex}.base-badge__span{gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;line-height:14px;padding:4px 8px;font:700 14px/16px Roboto,sans-serif;color:var(--font-color);border-radius:2.5em;background-color:var(--bg-color);gap:3px}.base-badge__span--gray{background-color:rgba(75,75,98,.15)}.base-badge__span--orange{background-color:rgba(255,144,0,.2);color:#ff9000}.base-badge__span--purple{background-color:rgba(178,114,253,.2);color:#b272fd}.base-badge__span--pink{background-color:rgba(253,114,216,.2);color:#fd72d8}.base-badge__span--blue{background-color:rgba(31,161,229,.2);color:#1fa1e5}.base-badge__span--green{background-color:rgba(18,190,77,.3);color:#109e41}.base-badge__span--green:hover{background-color:rgba(18,190,77,.2)}.base-badge__span--red{background-color:rgba(200,20,20,.3);color:#c81414}.base-badge__span--red:hover{background-color:rgba(200,20,20,.2)}.base-badge__span--black{background-color:#17171c;color:#fff}.base-badge__span--black:hover{background-color:#33333b}