.text-gray-100{color:#f1f4f6}.text-gray-200{color:#e4e8ed}.text-gray-300{color:#d0d8e1}.text-gray-400{color:#afb9c5}.text-gray-500{color:#8a95a3}.text-gray-600{color:#677380}.text-gray-700{color:#48525e}.text-gray-800{color:#2b333c}.text-gray-900{color:#13181d}.text-blue-100{color:#f1f5fd}.text-blue-200{color:#e0eaf9}.text-blue-300{color:#94beef}.text-blue-400{color:#69a0e1}.text-blue-500{color:#337ab7}.text-blue-600{color:#155f9f}.text-blue-700{color:#0d4c83}.text-blue-800{color:#22527b}.text-blue-900{color:#103554}.pill{border-radius:8px;align-content:center;align-items:center;gap:8px;padding:8px 16px;display:inline-flex;position:relative}.pill .slot{flex-grow:1;flex-shrink:1}.pill .icon{flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pill.blue{background-color:var(--blue-200,#f1f5fd);color:var(--blue-800,#155f9f)}.pill.blue.fill-icon .icon path{fill:var(--blue-800,#337ab7)}.pill.gray{background-color:var(--gray-100,#f1f4f6);color:var(--gray-900,#13181d)}.pill.gray.fill-icon .icon path{fill:var(--gray-900,#13181d)}.pill.green{background-color:var(--green-200,#edfced);color:var(--green-800,#007854)}.pill.green.fill-icon .icon path{fill:var(--green-800,#007854)}.pill.orange{background-color:var(--orange-200,#fff1e4);color:var(--orange-800,#c75e08)}.pill.orange.fill-icon .icon path{fill:var(--orange-800,#c75e08)}.pill.red{background-color:var(--red-200,#fcedf1);color:var(--red-800,#aa233b)}.pill.red.fill-icon .icon path{fill:var(--red-800,#aa233b)}.pill .tip{display:none;bottom:40px}.pill:hover .tip{display:block}.pill.pill-label{gap:6px;padding:2px 8px;font-weight:700;box-shadow:0 3px 6px #0057ff14}.pill.pill-label.blue{background-color:var(--blue-200,#e0eaf9);color:var(--blue-700,#0d4c83);outline:1px solid #60a5fa33}.pill.pill-label.blue.fill-icon .icon path{fill:var(--blue-600,#0d4c83)}.pill.pill-label.gray{background-color:var(--gray-100,#f1f4f6);color:var(--gray-700,#48525e);outline:1px solid #d1d5db33}.pill.pill-label.gray.fill-icon .icon path{fill:var(--gray-700,#48525e)}.pill.pill-label.orange{background-color:var(--orange-100,#fff1e4);color:var(--orange-700,#c75e08);outline:1px solid #fdba7433}.pill.pill-label.orange.fill-icon .icon path{fill:var(--orange-700,#c75e08)}.pill.pill-label.red{background-color:var(--red-100,#fcedf1);color:var(--red-700,#aa233b);outline:1px solid #fca5a533}.pill.pill-label.red.fill-icon .icon path{fill:var(--red-700,#aa233b)}.pill.pill-label.green{outline:1px solid #86efac33}.pill.pill-label .tip{bottom:34px}.pill.callout-pill{letter-spacing:.4px;cursor:default;border-radius:6px;gap:5px;padding:5px 10px;font-size:13px;font-weight:600;line-height:16px}.pill.callout-pill svg{width:80%}.pill.callout-pill .tip{bottom:30px}.pill.small{border-radius:6px;gap:2px;padding:4px 8px;font-size:12px;line-height:12px}.pill.small.pill-label{padding:4px;font-size:12px;line-height:10px}.pill.small.callout-pill{padding:3px 6px;font-size:12px;line-height:12px}