@charset "utf-8";

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.badge { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; background-color: rgb(50, 50, 50); border-radius: 4px; color: rgb(248, 248, 248); font-family: BrownBold, sans-serif; font-size: 1.4rem; font-weight: 700; line-height: 125%; padding: 3.5px 8px; text-transform: lowercase; width: fit-content; }

.badge--small { font-size: 1.2rem; padding: 2.5px 8px; }

.badge--medium { font-size: 1.4rem; padding: 3.5px 8px; }

.badge--large { font-size: 1.8rem; padding: 5px 8px; }

.badge--x-large { font-size: 2.4rem; padding: 5px 12px; }

.badge--dark { background-color: rgb(250, 251, 255); color: rgb(32, 32, 32); }

.badge--premium { background-color: rgb(255, 195, 0); color: rgb(32, 32, 32); }

.badge--outlined { background-color: transparent; border: 1px solid rgb(50, 50, 50); color: rgb(32, 32, 32); }

.badge--outlined.badge--dark { border: 1px solid rgb(250, 251, 255); color: rgb(248, 248, 248); }

.badge--live { background-color: rgb(230, 30, 0); color: rgb(255, 255, 255); }

.badge__prefix { color: rgb(255, 195, 0); margin-right: 2px; }

.badge--x-large .badge__prefix { margin-right: 4px; }

.badge--live .badge__prefix, .badge--premium .badge__prefix { color: rgb(255, 255, 255); }