.tag{--bg-color: #ecf0f4;--bg-hover-color: #dde3e6;--bg-active-color: #ced5d8;--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: #485a71}.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: #ecf0f4;--bg-hover-color: #dde3e6;--bg-active-color: #ced5d8}.tag--amaranth,.tag--danger{--bg-color: #fee8ea;--bg-hover-color: #fdced2;--bg-active-color: #fcb3b9}.tag--error{--bg-color: #f8e0ee;--bg-hover-color: #ecb3d7;--bg-active-color: #e596c7}.tag--havelock-blue{--bg-color: #e5e9f9;--bg-hover-color: #bfcbf1;--bg-active-color: #a6b7eb}.tag--jaffa,.tag--warning{--bg-color: #fdeee3;--bg-hover-color: #f9d6bc;--bg-active-color: #f7c6a2}.tag--ocean-blue{--bg-color: #e5f5f8;--bg-hover-color: #c6eaf1;--bg-active-color: #a7dee9}.tag--orchid{--bg-color: #f6e5f9;--bg-hover-color: #ecc7f2;--bg-active-color: #e2a8ea}.tag--shamrock,.tag--success{--bg-color: #d9f2e5;--bg-hover-color: #ade3c7;--bg-active-color: #80d3a9}.tag--sharpay{--bg-color: #f8e0ee;--bg-hover-color: #ecb3d7;--bg-active-color: #e596c7}.tag--sky-blue{--bg-color: #e2ecf7;--bg-hover-color: #c0d5ed;--bg-active-color: #9dbee3}.tag--white{--bg-color: #ffffff;--bg-hover-color: #f8f8fa;--bg-active-color: #edeef2}.tag--disabled{--bg-color: #edeef2;--bg-hover-color: #edeef2;--bg-active-color: #e2e3e8;--text-color: #b8b8bd}button .tag{font-family:var(--font-primary, inherit);font-variant:tabular-nums}