.badge{--badge-size:20px;--badge-font-size:12px;--badge-icon-size:var(--badge-font-size);--badge-border-radius:calc(var(--badge-size)*.5);--badge-sm-size:30px;--badge-sm-font-size:14px;--badge-md-size:40px;--badge-md-font-size:16px;--badge-lg-size:50px;--badge-lg-font-size:20px;background:var(--primary-color);border-radius:var(--badge-border-radius);box-sizing:border-box;color:var(--secondary-color);display:inline-block;font-size:var(--badge-font-size);height:var(--badge-size);line-height:var(--badge-size);padding:0 var(--badge-border-radius);white-space:nowrap}.badge svg{height:var(--badge-icon-size);margin:calc(var(--badge-icon-size)*-.5);vertical-align:middle;width:var(--badge-icon-size)}.badge-secondary{background:var(--secondary-color);color:var(--primary-color)}.badge-light{background:none;border:1px solid var(--primary-color);color:var(--primary-color)}.badge-light.badge-secondary{border-color:var(--secondary-color);color:var(--secondary-color)}.badge-sm{--badge-size:var(--badge-sm-size);--badge-font-size:var(--badge-sm-font-size);--badge-icon-size:var(--badge-font-size);--badge-border-radius:calc(var(--badge-size)*.5)}.badge-md{--badge-size:var(--badge-md-size);--badge-font-size:var(--badge-md-font-size);--badge-icon-size:var(--badge-font-size);--badge-border-radius:calc(var(--badge-size)*.5)}.badge-lg{--badge-size:var(--badge-lg-size);--badge-font-size:var(--badge-lg-font-size);--badge-icon-size:var(--badge-font-size);--badge-border-radius:calc(var(--badge-size)*.5)}@media (min-width:576px){.badge-auto{--badge-size:var(--badge-sm-size);--badge-font-size:var(--badge-sm-font-size);--badge-icon-size:var(--badge-font-size);--badge-border-radius:calc(var(--badge-size)*.5)}}@media (min-width:768px){.badge-auto{--badge-size:var(--badge-md-size);--badge-font-size:var(--badge-md-font-size);--badge-icon-size:var(--badge-font-size);--badge-border-radius:calc(var(--badge-size)*.5)}}