.badge{align-items:center;background-color:var(--theme-badge-default,#393939);border-radius:2.5rem;color:var(--theme-badge-text,#fff);display:inline-block;display:inline-flex;font-size:.75rem;font-weight:500;gap:.5rem;line-height:.75rem;padding:.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top}.badge .icon{height:.75rem;line-height:.75rem}.badge .icon img{height:1rem;width:1rem}.badge.icon-and-text>.icon{margin-right:.1rem}.badge .icon{align-items:center;display:inline-flex}.badge .icon img{display:block;margin:0;pointer-events:none}.badge .icon.activity-icon{margin-right:.3rem}.badge.primary{background-color:var(--theme-primary,#002241)}.badge.primary,.badge.secondary{color:var(--theme-badge-text,#fff)}.badge.secondary{background-color:var(--theme-secondary,#00529b)}.badge.accent{background-color:var(--theme-badge-accent,#0e75d2);color:var(--theme-badge-text,#fff)}.badge.light{background-color:var(--theme-badge-light,#f4f4f4);color:var(--theme-badge-text-alt,#000)}.badge.dark{background-color:var(--theme-badge-dark,#393939);color:var(--theme-badge-text,#fff)}.badge.highlight{background-color:var(--theme-badge-highlight,#30a071);color:var(--theme-badge-text-alt,#000)}.badge.live{background-color:var(--theme-badge-live,#e51937);color:var(--theme-badge-text,#fff)}.badge.onDemand{background-color:var(--theme-badge-ondemand,#e0e0e0);color:var(--theme-badge-text-alt,#000)}.badge.upcoming{background-color:var(--theme-badge-upcoming,#162c68)}.badge.featured,.badge.upcoming{color:var(--theme-badge-text,#fff)}.badge.featured{background-color:var(--theme-badge-featured,#7f8ab0)}.badge.small{font-size:.5rem;gap:.25rem;line-height:.5rem;padding:.25rem}.badge.small .icon{height:.5rem;line-height:.5rem}.badge.small .icon img{height:1rem;width:1rem}.badge.large{font-size:1rem;gap:.5rem;line-height:1rem;padding:.25rem}.badge.large .icon{height:1rem;line-height:1rem}.badge.large .icon img{height:1.25rem;width:1.25rem}.badge.xl{font-size:1.25rem;gap:.5rem;line-height:1.25rem;padding:.25rem}.badge.xl .icon{height:1.25rem;line-height:1.25rem}.badge.xl .icon img{height:1.25rem;width:1.25rem}.badge.bordered{border:1px solid hsla(0,0%,100%,.7)}.badge.squared{border-radius:.25rem}.badge.icon-only{flex-grow:1;justify-content:center;padding:0}.badge.icon-only .icon{display:flex}