/*!
 * Copyright Zendesk, Inc.
 *
 * Use of this source code is governed under the Apache License, Version 2.0
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */

.c-tag{display:inline-flex;align-items:center;overflow:hidden;font-weight:600}

.c-tag--round{justify-content:center}

.c-tag>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.c-tag--pill>*,.c-tag--round>*{text-align:center}

.c-tag__avatar{flex-shrink:0}

.c-tag{border-radius:2px;max-width:100%;min-width:calc(1ch + 16px);padding:0 8px;height:20px;line-height:1.66667;font-size:12px}

.c-tag--sm{min-width:calc(1ch + 8px);padding-left:4px;padding-right:4px;height:16px;line-height:1.6;font-size:10px}

.c-tag--lg{border-radius:4px;min-width:calc(1ch + 24px);padding-left:12px;padding-right:12px;height:32px;line-height:2.66667}

.c-tag--pill{border-radius:9999px;min-width:30px}

.c-tag--pill.c-tag--sm{padding-left:6px;padding-right:6px;min-width:24px}

.c-tag--pill.c-tag--lg{min-width:48px}

.c-tag--round{border-radius:50%;min-width:20px;padding:0}

.c-tag--round.c-tag--sm{min-width:16px}

.c-tag--round.c-tag--lg{min-width:32px}

.c-tag>*{width:100%;min-width:1ch}

.c-tag--pill>*{min-width:14px}

.c-tag--pill.c-tag--sm>*{min-width:12px}

.c-tag--pill.c-tag--lg>*{min-width:24px}

.c-tag--round>*{min-width:inherit}

.c-tag__avatar{margin-inline-start:-6px;margin-inline-end:4px;border-radius:2px;width:16px;height:16px;min-width:16px; font-size:0}

.c-tag--lg .c-tag__avatar{margin-inline-start:-8px;margin-inline-end:8px;border-radius:3px;width:24px;height:24px;min-width:24px}

.c-tag--pill .c-tag__avatar{border-radius:50%}

.c-tag--round .c-tag__avatar,.c-tag--sm .c-tag__avatar{display:none}

.c-tag{background-color:#e8eaec;color:#293239}

.c-tag--blue{background-color:#1f73b7;color:#fff}

.c-tag--green{background-color:#037f52;color:#fff}

.c-tag--grey{background-color:#5c6970;color:#fff}

.c-tag--kale{background-color:#16494f;color:#fff}

.c-tag--red{background-color:#cd3642;color:#fff}

.c-tag--yellow{background-color:#fca347;color:#4c2c17}

.c-tag--dark{background-color:#39434b;color:#d8dcde}

.c-tag--dark.c-tag--blue{background-color:#2694d6;color:#151a1e}

.c-tag--dark.c-tag--green{background-color:#26a178;color:#151a1e}

.c-tag--dark.c-tag--grey{background-color:#d8dcde;color:#151a1e}

.c-tag--dark.c-tag--kale{background-color:#6ba4a5;color:#151a1e}

.c-tag--dark.c-tag--red{background-color:#eb5c69;color:#151a1e}

.c-tag--dark.c-tag--yellow{background-color:#fca347;color:#151a1e}