.sw-chip {
  align-items: center;
  border-radius: 1px;
  box-sizing: border-box;
  display: inline-flex;
  font-size: 0.75em;
  gap: var(--rhythm-1);
  height: var(--rhythm-4);
  max-width: 100%;
  padding: 0 var(--rhythm-2);
  white-space: nowrap;

  &.closeable {
    padding-left: var(--rhythm-2);
    padding-right: var(--rhythm-0_5);
  }

  &.clickable {
    cursor: pointer;
  }

  span {
    flex: 1 1 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
