.pill{isolation:isolate;white-space:nowrap;background-color:#0000;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:before{content:"";border-radius:inherit;background-color:var(--color-foreground);z-index:0;pointer-events:none;position:absolute;inset:0}.pill:after{content:"";border-radius:inherit;background-color:var(--pill-tint,transparent);z-index:0;pointer-events:none;position:absolute;inset:0}.pill .badge-icon,.pill .badge-label{z-index:1;color:var(--pill-accent);position:relative}.pill:not(.pill-outline){color:var(--pill-accent);border-color:var(--pill-accent)}.pill:not(.pill-outline) svg{color:var(--pill-accent)}.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;place-items:center;width:1.5rem;height:1.5rem;padding:0;display:inline-grid}.pill.pill-icon .badge-icon,.pill.pill-icon .badge-label{grid-area:1/1}.pill.pill-icon .badge-label.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.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}.group:hover .pill:not(.pill-outline){color:var(--pill-accent)!important;border-color:var(--pill-accent)!important}.group:hover .pill:not(.pill-outline) svg,.group:hover .pill:not(.pill-outline) .badge-label{color:var(--pill-accent)!important}.pill-outline:before,.pill-outline:after{content:none}.pill-outline{color:var(--color-text-muted);border:1px solid var(--color-border)}.pill-outline svg{color:var(--color-text-muted)}.pill-neutral{--pill-accent:var(--color-text-muted);--pill-tint:color-mix(in srgb,var(--color-gray-500)20%,transparent)}.pill-blue{--pill-accent:var(--color-blue);--pill-tint:var(--color-blue-20)}.pill-red{--pill-accent:var(--color-red);--pill-tint:var(--color-red-20)}.pill-red-dashed{--pill-accent:var(--color-red);--pill-tint:var(--color-red-20);border-style:dashed}.pill-orange{--pill-accent:var(--color-orange);--pill-tint:var(--color-orange-20)}.pill-yellow{--pill-accent:var(--color-gold);--pill-tint:var(--color-yellow-20)}.pill-green{--pill-accent:var(--color-green);--pill-tint:var(--color-green-20)}.pill-primary{--pill-accent:var(--color-primary);--pill-tint:var(--color-primary-20)}.pill-gold{--pill-accent:var(--color-gold);--pill-tint:var(--color-gold-20)}.pill-cyan{--pill-accent:var(--color-cyan);--pill-tint:var(--color-cyan-20)}.pill-emerald{--pill-accent:var(--color-emerald);--pill-tint:var(--color-emerald-20)}.pill-sky{--pill-accent:var(--color-sky);--pill-tint:var(--color-sky-20)}.pill-rose{--pill-accent:var(--color-rose);--pill-tint:var(--color-rose-20)}.pill-purple{--pill-accent:var(--color-purple);--pill-tint:var(--color-purple-20)}.pill-lime{--pill-accent:var(--color-lime);--pill-tint:var(--color-lime-20)}.pill-teal{--pill-accent:var(--color-teal);--pill-tint:var(--color-teal-20)}.pill-amber{--pill-accent:var(--color-amber);--pill-tint:var(--color-amber-20)}.pill-indigo{--pill-accent:var(--color-indigo);--pill-tint:var(--color-indigo-20)}.pill-pink{--pill-accent:var(--color-pink);--pill-tint:var(--color-pink-20)}.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)}