/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid}}}.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,var(--y-color-blue-100));color:var(--blue-800,var(--y-color-blue-600))}.pill.blue.fill-icon .icon path{fill:var(--blue-800,var(--y-color-blue-500))}.pill.gray{background-color:var(--gray-100,var(--y-color-gray-100));color:var(--gray-900,var(--y-color-gray-900))}.pill.gray.fill-icon .icon path{fill:var(--gray-900,var(--y-color-gray-900))}.pill.green{background-color:var(--green-200,var(--y-color-green-100));color:var(--green-800,var(--y-color-green-700))}.pill.green.fill-icon .icon path{fill:var(--green-800,var(--y-color-green-700))}.pill.orange{background-color:var(--orange-200,var(--y-color-orange-100));color:var(--orange-800,var(--y-color-orange-700))}.pill.orange.fill-icon .icon path{fill:var(--orange-800,var(--y-color-orange-700))}.pill.red{background-color:var(--red-200,var(--y-color-red-100));color:var(--red-800,var(--y-color-red-700))}.pill.red.fill-icon .icon path{fill:var(--red-800,var(--y-color-red-700))}.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,var(--y-color-blue-200));color:var(--blue-700,var(--y-color-blue-700));outline-style:var(--tw-outline-style);outline-width:1px;outline-color:color-mix(in oklab, var(--y-color-blue-400,#69a0e1) 20%, transparent)}.pill.pill-label.blue.fill-icon .icon path{fill:var(--blue-600,var(--y-color-blue-700))}.pill.pill-label.gray{background-color:var(--gray-100,var(--y-color-gray-100));color:var(--gray-700,var(--y-color-gray-700));outline-style:var(--tw-outline-style);outline-width:1px;outline-color:color-mix(in oklab, var(--y-color-gray-300,#d0d8e1) 20%, transparent)}.pill.pill-label.gray.fill-icon .icon path{fill:var(--gray-700,var(--y-color-gray-700))}.pill.pill-label.orange{background-color:var(--orange-100,var(--y-color-orange-100));color:var(--orange-700,var(--y-color-orange-700));outline-style:var(--tw-outline-style);outline-width:1px;outline-color:color-mix(in oklab, var(--y-color-orange-300,#ffd1ad) 20%, transparent)}.pill.pill-label.orange.fill-icon .icon path{fill:var(--orange-700,var(--y-color-orange-700))}.pill.pill-label.red{background-color:var(--red-100,var(--y-color-red-100));color:var(--red-700,var(--y-color-red-700));outline-style:var(--tw-outline-style);outline-width:1px;outline-color:color-mix(in oklab, var(--y-color-red-300,#f18195) 20%, transparent)}.pill.pill-label.red.fill-icon .icon path{fill:var(--red-700,var(--y-color-red-700))}.pill.pill-label.green{outline-style:var(--tw-outline-style);outline-width:1px;outline-color:color-mix(in oklab, var(--y-color-green-300,#8ae1c1) 20%, transparent)}.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}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
