:root{--media-max-width:34em}.chip{background-color:var(--chip-background,none);border-radius:calc(var(--border-radius)*3);color:var(--chip-text-color,currentColor);min-width:2em;padding:calc(var(--space)/4) calc(var(--space)/2);--chip-background:color-mix(in srgb,var(--chip-color),transparent 50%);--chip-text-color:color-mix(in srgb,var(--chip-color),var(--color-foreground) 50%);--chip-border-color:color-mix(in srgb,var(--chip-color),var(--color-foreground) 0%);--chip-count-background:color-mix(in srgb,var(--chip-color),var(--color-background) 100%);--chip-count-color:color-mix(in srgb,var(--chip-color),var(--color-foreground) 50%);border:1px solid #0000;flex-shrink:0;width:fit-content;font-size:.75rem;font-weight:600;transition:background-color .2s;display:inline-flex;position:relative}[data-contrast-mode] .chip{--chip-background:var(--color-background);--chip-border-color:var(--chip-color);--chip-text-color:var(--color-foreground);--chip-count-background:color-mix(in srgb,var(--chip-color),var(--color-background) 20%);--chip-count-text:var(--color-foreground)}.chip{--alpha:.1;border-color:var(--chip-border-color,color-mix(in srgb,var(--color-background),currentColor 10%))}.chip--has-icon{padding:calc(var(--space)/4) calc(var(--space)/3*2) calc(var(--space)/4) calc(var(--space)/4)}[data-color-mode=dark] .chip{--chip-text-lightness:60%}[data-color-mode=light] .chip{--chip-text-lightness:40%}@media screen and (width<=40em){.chip--label-hide-mobile .chip__label{display:none}}@media screen and (width>=40em) and (width<=66em){.chip--label-hide-tablet .chip__label{display:none}}@media screen and (width>=40em){.chip--label-hide-desktop .chip__label{display:none}}@media screen and (width<=40em){.chip--icon-hide-mobile .chip__icon{display:none}}@media screen and (width>=40em) and (width<=66em){.chip--icon-hide-tablet .chip__icon{display:none}}@media screen and (width>=40em){.chip--icon-hide-desktop .chip__icon{display:none}}.chip__content{align-items:center;gap:calc(var(--space)/2);justify-content:center;display:flex}.chip__icon{color:var(--chip-icon-color,color-mix(in srgb,var(--color-background),currentColor 50%));font-size:1.5em;line-height:.75em}.chip__count{background-color:var(--chip-count-background);color:var(--chip-count-text);text-align:center;border-radius:.75em;min-width:1.5em;height:1.5em;padding:0 .5em;font-weight:700;line-height:1.5}