.chip{vertical-align:middle;border-radius:var(--chip-radius,var(--radius-md));font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;border:1px solid #0000;justify-content:center;align-items:center;gap:.25em;padding-inline:.5em;display:inline-flex}.chip .krafters-tooltip-content{font-weight:var(--font-weight-regular);font-size:var(--chip-font-size,var(--font-size-xs))}.chip .iconify{font-size:var(--chip-icon-size,larger)}.chip--capitalize .chip-text:first-letter{text-transform:capitalize}.chip-size--xs{font-size:var(--chip-font-size,var(--font-size-xxxs));gap:.125rem;padding-block:.03125rem}.chip-size--sm{font-size:var(--chip-font-size,var(--font-size-xxs));padding-block:.0625rem}.chip-size--md{font-size:var(--chip-font-size,var(--font-size-xs));padding-block:.125rem}.chip-size--lg{font-size:var(--chip-font-size,var(--font-size-sm));padding-block:.25rem}.chip-size--xl{border-radius:var(--chip-radius,var(--radius-lg));font-size:var(--chip-font-size,var(--font-size-md));border-width:2px;padding-block:.25rem}.chip-variant--flat{color:var(--color-text);background-color:var(--color-grey-bg)}.chip-variant--flat.chip-color--accent{color:var(--color-accent-text);background-color:var(--color-accent-bg)}.chip-variant--flat.chip-color--grey{color:var(--color-grey-text);background-color:var(--color-grey-bg)}.chip-variant--flat.chip-color--red{color:var(--color-red-text);background-color:var(--color-red-bg)}.chip-variant--flat.chip-color--orange{color:var(--color-orange-text);background-color:var(--color-orange-bg)}.chip-variant--flat.chip-color--yellow{color:var(--color-yellow-text);background-color:var(--color-yellow-bg)}.chip-variant--flat.chip-color--green{color:var(--color-green-text);background-color:var(--color-green-bg)}.chip-variant--flat.chip-color--blue{color:var(--color-blue-text);background-color:var(--color-blue-bg)}.chip-variant--flat.chip-color--purple{color:var(--color-purple-text);background-color:var(--color-purple-bg)}.chip-variant--flat.chip-color--pink{color:var(--color-pink-text);background-color:var(--color-pink-bg)}.chip-variant--soft{color:var(--color-text);border-color:var(--color-grey-bg);background-color:var(--color-white)}.chip-variant--soft.chip-color--accent{color:var(--color-accent-text);border-color:var(--color-accent-bg)}.chip-variant--soft.chip-color--grey{color:var(--color-grey-text);border-color:var(--color-grey-bg)}.chip-variant--soft.chip-color--red{color:var(--color-red-text);border-color:var(--color-red-bg)}.chip-variant--soft.chip-color--orange{color:var(--color-orange-text);border-color:var(--color-orange-bg)}.chip-variant--soft.chip-color--yellow{color:var(--color-yellow-text);border-color:var(--color-yellow-bg)}.chip-variant--soft.chip-color--green{color:var(--color-green-text);border-color:var(--color-green-bg)}.chip-variant--soft.chip-color--blue{color:var(--color-blue-text);border-color:var(--color-blue-bg)}.chip-variant--soft.chip-color--purple{color:var(--color-purple-text);border-color:var(--color-purple-bg)}.chip-variant--soft.chip-color--pink{color:var(--color-pink-text);border-color:var(--color-pink-bg)}.chip-variant--outline{color:var(--color-text);border-color:var(--color-grey-graphic);background-color:var(--color-white)}.chip-variant--outline.chip-color--accent{color:var(--color-accent-text);border-color:var(--color-accent-graphic)}.chip-variant--outline.chip-color--grey{color:var(--color-grey-text);border-color:var(--color-grey-bg)}.chip-variant--outline.chip-color--red{color:var(--color-red-text);border-color:var(--color-red-graphic)}.chip-variant--outline.chip-color--orange{color:var(--color-orange-text);border-color:var(--color-orange-graphic)}.chip-variant--outline.chip-color--yellow{color:var(--color-yellow-text);border-color:var(--color-yellow-graphic)}.chip-variant--outline.chip-color--green{color:var(--color-green-text);border-color:var(--color-green-graphic)}.chip-variant--outline.chip-color--green .iconify{color:var(--color-green-graphic)}.chip-variant--outline.chip-color--blue{color:var(--color-blue-text);border-color:var(--color-blue-graphic)}.chip-variant--outline.chip-color--purple{color:var(--color-purple-text);border-color:var(--color-purple-graphic)}.chip-variant--outline.chip-color--pink{color:var(--color-pink-text);border-color:var(--color-pink-graphic)}