.tag{--bg-color: var(--cool-grey-200);--bg-hover-color: var(--cool-grey-300);--bg-active-color: var(--cool-grey-400);--text-color: #363a3e;color:var(--text-color);border-radius:var(--border-radius-pill);font-weight:var(--font-weight-medium);font-size:12px;line-height:18px;width:fit-content;padding:var(--spacing-half) var(--spacing-2);background-color:var(--bg-color);transition:background-color .2s;display:inline-block;white-space:nowrap}.tag+.tag{margin-left:var(--spacing-2)}.tag--text-white{--text-color: #ffffff}.tag--icon{padding:var(--spacing-1) var(--spacing-2) var(--spacing-half) var(--spacing-2)}.tag__content{display:inline-flex;align-items:center;color:var(--text-color)}.tag__left-icon{margin-right:var(--spacing-1);width:auto}.tag__left-icon path{fill:#363a3e}.tag__close-icon{margin-left:var(--spacing-1);cursor:pointer;height:7px;width:auto;margin-bottom:-10px;--close-icon-color: var(--cool-blue-600)}.tag__close-icon path{transition:fill .2s;fill:var(--close-icon-color)}.tag__close-icon:active{--close-icon-color: #363a3e}a>.tag,.tag--clickable{cursor:pointer}a>.tag:hover,.tag--clickable:hover{background-color:var(--bg-hover-color)}a>.tag:active,.tag--clickable:active{background-color:var(--bg-active-color)}.tag--mystic-grey,.tag--neutral{--bg-color: var(--cool-grey-200);--bg-hover-color: var(--cool-grey-300);--bg-active-color: var(--cool-grey-400)}.tag--amaranth,.tag--danger{--bg-color: var(--amaranth-200);--bg-hover-color: var(--amaranth-300);--bg-active-color: var(--amaranth-400)}.tag--error{--bg-color: var(--sharpay-200);--bg-hover-color: var(--sharpay-300);--bg-active-color: var(--sharpay-400)}.tag--havelock-blue{--bg-color: var(--havelock-blue-200);--bg-hover-color: var(--havelock-blue-300);--bg-active-color: var(--havelock-blue-400)}.tag--jaffa,.tag--warning{--bg-color: var(--jaffa-200);--bg-hover-color: var(--jaffa-300);--bg-active-color: var(--jaffa-400)}.tag--ocean-blue{--bg-color: var(--ocean-blue-200);--bg-hover-color: var(--ocean-blue-300);--bg-active-color: var(--ocean-blue-400)}.tag--orchid{--bg-color: var(--orchid-200);--bg-hover-color: var(--orchid-300);--bg-active-color: var(--orchid-400)}.tag--shamrock,.tag--success{--bg-color: var(--shamrock-200);--bg-hover-color: var(--shamrock-300);--bg-active-color: var(--shamrock-400)}.tag--sharpay{--bg-color: var(--sharpay-200);--bg-hover-color: var(--sharpay-300);--bg-active-color: var(--sharpay-400)}.tag--sky-blue{--bg-color: var(--sky-blue-200);--bg-hover-color: var(--sky-blue-300);--bg-active-color: var(--sky-blue-400)}.tag--white{--bg-color: #ffffff;--bg-hover-color: var(--true-grey-100);--bg-active-color: var(--true-grey-200)}.tag--disabled{--bg-color: var(--true-grey-200);--bg-hover-color: var(--true-grey-200);--bg-active-color: var(--true-grey-300);--text-color: var(--true-grey-500)}button .tag{font-family:var(--font-primary, inherit);font-variant:tabular-nums}