.chip{align-items:center;border:1px solid transparent;border-radius:var(--chip-radius,var(--radius-md));display:inline-flex;font-variant-numeric:tabular-nums;font-weight:var(--font-weight-medium);gap:.25em;justify-content:center;padding-inline:.5em;vertical-align:middle}.chip .krafters-tooltip-content{font-size:var(--chip-font-size,var(--font-size-xs));font-weight:var(--font-weight-regular)}.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));border-width:2px;font-size:var(--chip-font-size,var(--font-size-md));padding-block:.25rem}.chip-variant--flat{background-color:var(--color-grey-bg);color:var(--color-text)}.chip-variant--flat.chip-color--accent{background-color:var(--color-accent-bg);color:var(--color-accent-text)}.chip-variant--flat.chip-color--grey{background-color:var(--color-grey-bg);color:var(--color-grey-text)}.chip-variant--flat.chip-color--red{background-color:var(--color-red-bg);color:var(--color-red-text)}.chip-variant--flat.chip-color--orange{background-color:var(--color-orange-bg);color:var(--color-orange-text)}.chip-variant--flat.chip-color--yellow{background-color:var(--color-yellow-bg);color:var(--color-yellow-text)}.chip-variant--flat.chip-color--green{background-color:var(--color-green-bg);color:var(--color-green-text)}.chip-variant--flat.chip-color--blue{background-color:var(--color-blue-bg);color:var(--color-blue-text)}.chip-variant--flat.chip-color--purple{background-color:var(--color-purple-bg);color:var(--color-purple-text)}.chip-variant--flat.chip-color--pink{background-color:var(--color-pink-bg);color:var(--color-pink-text)}.chip-variant--soft{background-color:var(--color-white);border-color:var(--color-grey-bg);color:var(--color-text)}.chip-variant--soft.chip-color--accent{border-color:var(--color-accent-bg);color:var(--color-accent-text)}.chip-variant--soft.chip-color--grey{border-color:var(--color-grey-bg);color:var(--color-grey-text)}.chip-variant--soft.chip-color--red{border-color:var(--color-red-bg);color:var(--color-red-text)}.chip-variant--soft.chip-color--orange{border-color:var(--color-orange-bg);color:var(--color-orange-text)}.chip-variant--soft.chip-color--yellow{border-color:var(--color-yellow-bg);color:var(--color-yellow-text)}.chip-variant--soft.chip-color--green{border-color:var(--color-green-bg);color:var(--color-green-text)}.chip-variant--soft.chip-color--blue{border-color:var(--color-blue-bg);color:var(--color-blue-text)}.chip-variant--soft.chip-color--purple{border-color:var(--color-purple-bg);color:var(--color-purple-text)}.chip-variant--soft.chip-color--pink{border-color:var(--color-pink-bg);color:var(--color-pink-text)}.chip-variant--outline{background-color:var(--color-white);border-color:var(--color-grey-graphic);color:var(--color-text)}.chip-variant--outline.chip-color--accent{border-color:var(--color-accent-graphic);color:var(--color-accent-text)}.chip-variant--outline.chip-color--grey{border-color:var(--color-grey-bg);color:var(--color-grey-text)}.chip-variant--outline.chip-color--red{border-color:var(--color-red-graphic);color:var(--color-red-text)}.chip-variant--outline.chip-color--orange{border-color:var(--color-orange-graphic);color:var(--color-orange-text)}.chip-variant--outline.chip-color--yellow{border-color:var(--color-yellow-graphic);color:var(--color-yellow-text)}.chip-variant--outline.chip-color--green{border-color:var(--color-green-graphic);color:var(--color-green-text)}.chip-variant--outline.chip-color--green .iconify{color:var(--color-green-graphic)}.chip-variant--outline.chip-color--blue{border-color:var(--color-blue-graphic);color:var(--color-blue-text)}.chip-variant--outline.chip-color--purple{border-color:var(--color-purple-graphic);color:var(--color-purple-text)}.chip-variant--outline.chip-color--pink{border-color:var(--color-pink-graphic);color:var(--color-pink-text)}.dark-mode .card .chip-variant--outline,.dark-mode .card .chip-variant--soft{background-color:var(--color-bg)}