.badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .625rem;border-radius:0;font-weight:500;font-size:.75rem;line-height:1;text-transform:none;letter-spacing:.02em;transition:all .15s ease-in-out;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid rgba(0,0,0,0);animation:fadeInUp .2s ease-out}.badge--small{padding:.125rem .375rem;font-size:.65rem}.badge--medium{padding:.25rem .625rem;font-size:.75rem}.badge--large{padding:.375rem .875rem;font-size:.85rem}.badge--primary{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 25%,transparent)}.badge--secondary{background:color-mix(in srgb,var(--text-muted) 10%,transparent);color:var(--text-muted);border-color:color-mix(in srgb,var(--text-muted) 25%,transparent)}.badge--danger,.badge--success,.badge--warning{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 25%,transparent)}.badge--info{background:color-mix(in srgb,var(--text-muted) 10%,transparent);color:var(--text-muted);border-color:color-mix(in srgb,var(--text-muted) 25%,transparent)}.badge:hover{transform:translateY(-1px);background:color-mix(in srgb,currentColor 8%,transparent)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}