.pill{white-space:nowrap;border-style:solid;border-width:1px;border-radius:9999px;justify-content:center;align-items:center;gap:.25rem;height:min-content;padding:.04rem .5rem;transition:all .15s ease-in-out;display:inline-flex;position:relative}.pill:not([class*=text-]){font-size:11px}.pill.pill-size-xxs{gap:.125rem;padding:0 .25rem;font-size:9px}.pill.pill-size-xs{gap:.1875rem;padding:.02rem .375rem;font-size:10px}.pill.pill-size-sm{gap:.1875rem;padding:.03rem .4375rem;font-size:11px}.pill.pill-size-md{gap:.3125rem;padding:.08rem .625rem;font-size:12px}.pill.pill-size-lg{gap:.375rem;padding:.12rem .75rem;font-size:13px}.pill.pill-icon{border-radius:.375rem;width:1.5rem;height:1.5rem;padding:0}.pill.pill-icon .badge-icon svg{width:1rem;height:1rem}.pill.pill-size-xxs .badge-icon svg{width:10px;height:10px}.pill.pill-size-xs .badge-icon svg{width:12px;height:12px}.pill.pill-size-sm .badge-icon svg{width:14px;height:14px}.pill.pill-size-md .badge-icon svg{width:18px;height:18px}.pill.pill-size-lg .badge-icon svg{width:20px;height:20px}.pill.pill-size-xxs .badge-team-dot{width:.25rem;height:.25rem}.pill.pill-size-xs .badge-team-dot{width:.3125rem;height:.3125rem}.pill.pill-size-sm .badge-team-dot{width:.375rem;height:.375rem}.pill.pill-size-md .badge-team-dot{width:.5rem;height:.5rem}.pill.pill-size-lg .badge-team-dot{width:.625rem;height:.625rem}.pill.clickable{cursor:pointer}.pill-outline{color:var(--color-text-muted);border:1px solid var(--color-border);background-color:#0000}.pill-outline svg{color:var(--color-text-muted)}.pill-neutral{background-color:var(--color-surface-2);color:var(--color-text-muted);border:1px solid var(--color-surface)}.pill-neutral svg{color:var(--color-text-muted)}.pill-blue{background-color:var(--color-blue-20);color:var(--color-blue);border:1px solid var(--color-blue-20)}.pill-blue svg{color:var(--color-blue)}.pill-red{background-color:var(--color-red-20);color:var(--color-red);border:1px solid var(--color-red-20)}.pill-red svg{color:var(--color-red)}.pill-red-dashed{background-color:var(--color-red-20);color:var(--color-red);border:1px dashed var(--color-red-20)}.pill-red-dashed svg{color:var(--color-red)}.pill-orange{background-color:var(--color-orange-20);color:var(--color-orange);border:1px solid var(--color-orange-20)}.pill-orange svg{color:var(--color-orange)}.pill-yellow{background-color:var(--color-yellow-20);color:var(--color-gold);border:1px solid var(--color-gold-20)}.pill-yellow svg{color:var(--color-gold)}.pill-green{background-color:var(--color-green-20);color:var(--color-green);border:1px solid var(--color-green-20)}.pill-green svg{color:var(--color-green)}.pill-primary{background-color:var(--color-primary-20);color:var(--color-primary);border:1px solid var(--color-primary-20)}.pill-primary svg{color:var(--color-primary)}.pill-gold{background-color:var(--color-gold-20);color:var(--color-gold);border:1px solid var(--color-gold-20)}.pill-gold svg{color:var(--color-gold)}.pill-cyan{background-color:var(--color-cyan-20);color:var(--color-cyan);border:1px solid var(--color-cyan-20)}.pill-cyan svg{color:var(--color-cyan)}.pill-emerald{background-color:var(--color-emerald-20);color:var(--color-emerald);border:1px solid var(--color-emerald-20)}.pill-emerald svg{color:var(--color-emerald)}.pill-sky{background-color:var(--color-sky-20);color:var(--color-sky);border:1px solid var(--color-sky-20)}.pill-sky svg{color:var(--color-sky)}.pill-rose{background-color:var(--color-rose-20);color:var(--color-rose);border:1px solid var(--color-rose-20)}.pill-rose svg{color:var(--color-rose)}.pill-purple{background-color:var(--color-purple-20);color:var(--color-purple);border:1px solid var(--color-purple-20)}.pill-purple svg{color:var(--color-purple)}.pill-lime{background-color:var(--color-lime-20);color:var(--color-lime);border:1px solid var(--color-lime-20)}.pill-lime svg{color:var(--color-lime)}.pill-teal{background-color:var(--color-teal-20);color:var(--color-teal);border:1px solid var(--color-teal-20)}.pill-teal svg{color:var(--color-teal)}.pill-amber{background-color:var(--color-amber-20);color:var(--color-amber);border:1px solid var(--color-amber-20)}.pill-amber svg{color:var(--color-amber)}.pill-indigo{background-color:var(--color-indigo-20);color:var(--color-indigo);border:1px solid var(--color-indigo-20)}.pill-indigo svg{color:var(--color-indigo)}.pill-pink{background-color:var(--color-pink-20);color:var(--color-pink);border:1px solid var(--color-pink-20)}.pill-pink svg{color:var(--color-pink)}.pill-join{pointer-events:none;background-color:inherit;border:1px solid #0000;position:absolute;top:-1px;bottom:-1px}.join-left{clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-8px}.join-center{clip-path:polygon(16px 0,100% 0,calc(100% - 8px) 100%,8px 100%);border-left:none;border-right:none;border-radius:0;margin-left:-8px;margin-right:-8px;padding-left:18px;padding-right:12px}.join-right{clip-path:polygon(16px 0,100% 0,100% 100%,8px 100%);border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-8px;padding-left:18px}.pill.pill-size-xxs.join-center{clip-path:polygon(12px 0,100% 0,calc(100% - 6px) 100%,6px 100%);margin-left:-6px;margin-right:-6px;padding-left:12px;padding-right:8px}.pill.pill-size-xs.join-center{clip-path:polygon(14px 0,100% 0,calc(100% - 7px) 100%,7px 100%);margin-left:-7px;margin-right:-7px;padding-left:14px;padding-right:10px}.pill.pill-size-sm.join-center{clip-path:polygon(15px 0,100% 0,calc(100% - 7px) 100%,7px 100%);margin-left:-7px;margin-right:-7px;padding-left:15px;padding-right:11px}.pill.pill-size-md.join-center{clip-path:polygon(18px 0,100% 0,calc(100% - 9px) 100%,9px 100%);margin-left:-9px;margin-right:-9px;padding-left:20px;padding-right:14px}.pill.pill-size-lg.join-center{clip-path:polygon(20px 0,100% 0,calc(100% - 10px) 100%,10px 100%);margin-left:-10px;margin-right:-10px;padding-left:22px;padding-right:16px}.pill.pill-size-xxs.join-right{clip-path:polygon(12px 0,100% 0,100% 100%,6px 100%);margin-left:-6px;padding-left:12px}.pill.pill-size-xs.join-right{clip-path:polygon(14px 0,100% 0,100% 100%,7px 100%);margin-left:-7px;padding-left:14px}.pill.pill-size-sm.join-right{clip-path:polygon(15px 0,100% 0,100% 100%,7px 100%);margin-left:-7px;padding-left:15px}.pill.pill-size-md.join-right{clip-path:polygon(18px 0,100% 0,100% 100%,9px 100%);margin-left:-9px;padding-left:20px}.pill.pill-size-lg.join-right{clip-path:polygon(20px 0,100% 0,100% 100%,10px 100%);margin-left:-10px;padding-left:22px}.join-overlay,.clip-path-join-left,.clip-path-join-center,.clip-path-join-right{display:none}.pill.clickable:hover{filter:brightness(.95)}