.badge{align-items:center;gap:8px;padding:4px 8px;display:inline-flex}
.badge.primary{background:var(--bdtoowt)}
.badge.primary .badge-icon svg{fill:var(--bdtoowg)}
.badge.secondary{border-color:var(--bdtoow3);background:var(--bdtoow3)}
.badge.secondary .badge-text{color:var(--bdtoowg)}
.badge.secondary .badge-icon svg{fill:var(--bdtoowg)}
.badge.tertiary{border-color:var(--bdtoow7);background:var(--bdtoow7)}
.badge.tertiary .badge-text{color:var(--bdtoowg)}
.badge.tertiary .badge-icon svg{fill:var(--bdtoowg)}
.badge.premium{border-color:var(--bdtoowb);background:var(--bdtoowb)}
.badge.premium .badge-text{color:var(--bdtoowi)}
.badge.premium .badge-icon svg{fill:var(--bdtoowi)}
.badge.blue{background:var(--bdtoowt)}
.badge.blue .badge-text{color:var(--bdtoowi)}
.badge.blue .badge-icon svg{fill:var(--bdtoowi)}
.badge.quaternary{border-color:var(--bdtoowc);background:var(--bdtoowc)}
.badge.quaternary .badge-text{color:var(--bdtoowg)}
.badge.quaternary .badge-icon svg{fill:var(--bdtoowg)}
.badge.accent{border-color:var(--bdtoowe);background:var(--bdtoowe)}
.badge.accent .badge-text{color:var(--bdtoowg)}
.badge.accent .badge-icon svg{fill:var(--bdtoowg)}
.badge.success{border-color:var(--bdtoow19);background:var(--bdtoow19)}
.badge.success .badge-text{color:var(--bdtoowg)}
.badge.success .badge-icon svg{fill:var(--bdtoowg)}
.badge.success-soft{background:var(--bdtoowx)}
.badge.success-soft .badge-text{color:var(--bdtoow16)}
.badge.success-soft .badge-icon svg{fill:var(--bdtoow16)}
.badge.warning{border-color:var(--bdtoow1d);background:var(--bdtoow1d)}
.badge.warning .badge-text{color:var(--bdtoowg)}
.badge.warning .badge-icon svg{fill:var(--bdtoowg)}
.badge.warning-soft{background:var(--bdtoowu)}
.badge.warning-soft .badge-text{color:var(--bdtoowl)}
.badge.warning-soft .badge-icon svg{fill:var(--bdtoowl)}
.badge.error{border-color:var(--bdtoow1f);background:var(--bdtoow1f)}
.badge.error .badge-text{color:var(--bdtoowg)}
.badge.error .badge-icon svg{fill:var(--bdtoowg)}
.badge.info{border-color:var(--bdtoow1b);background:var(--bdtoow1b)}
.badge.info .badge-text{color:var(--bdtoowg)}
.badge.info .badge-icon svg{fill:var(--bdtoowg)}
.badge.white{border-color:var(--bdtoowg);background:var(--bdtoowg)}
.badge.white .badge-text{color:var(--bdtoow0)}
.badge.white .badge-icon svg{fill:var(--bdtoow0)}
.badge.dark{border-color:var(--bdtoowl);background:var(--bdtoowl)}
.badge.dark .badge-text{color:var(--bdtoowg)}
.badge.dark .badge-icon svg{fill:var(--bdtoowg)}
.badge.gray-dark{border-color:var(--bdtoown);background:var(--bdtoown)}
.badge.gray-dark .badge-text{color:var(--bdtoowg)}
.badge.gray-dark .badge-icon svg{fill:var(--bdtoowg)}
.badge.gray{background:var(--bdtoowr)}
.badge.gray .badge-text{color:var(--bdtoowl)}
.badge.gray .badge-icon svg{fill:var(--bdtoowl)}
.badge.positive{border-color:var(--bdtoow15);background:var(--bdtoow15)}
.badge.positive .badge-text{color:var(--bdtoowg)}
.badge.positive .badge-icon svg{fill:var(--bdtoowg)}
.badge.favorite{border-color:var(--bdtoowi);background:var(--bdtoowg)}
.badge.favorite .badge-text{color:var(--bdtoowi)}
.badge.favorite .badge-icon svg{fill:var(--bdtoowi)}
.badge.rounded{border-radius:4px}
.badge.bordered{border:1px solid var(--border-color)}
.badge.border-primary{border:1px solid var(--bdtoowt)}
.badge.border-secondary{border:1px solid var(--bdtoow3)}
.badge.border-tertiary{border:1px solid var(--bdtoow7)}
.badge.border-quaternary{border:1px solid var(--bdtoowc)}
.badge.border-success{border:1px solid var(--bdtoow19)}
.badge.border-dark{border:1px solid var(--bdtoowl)}
.badge.border-gray{border:1px solid var(--bdtoowm)}
.badge.border-premium{border:1px solid var(--bdtoowb)}