/* Exclusive shared-component styles. Global and layout rules stay shared. */

.mbk-chip.tag {
cursor: pointer;
}

.mbk-chip.tag svg {
color: var(--chrome-muted);
  flex-shrink: 0;
}

.mbk-chip.tag:hover {
background: rgba(79, 120, 100, 0.1);
}

.mbk-chip.tag.active {
background: var(--mbk-sage);
  border-color: var(--mbk-sage);
  color: #fff;
}

.mbk-chip.tag.active svg {
color: #fff;
}

.mbk-chip.tag:active {
box-shadow: inset 0 1px 2px rgba(20, 28, 22, 0.14);
  transform: translateY(1px);
}