@layer seed-components {
  .seed-tag-group__separator {
    color: var(--seed-color-palette-gray-600);
    font-weight: var(--seed-font-weight-regular);
    white-space: pre;
    user-select: none;
  }

  .seed-tag-group__separator--size_t2 {
    font-size: var(--seed-font-size-t2);
    line-height: var(--seed-line-height-t2);
  }

  .seed-tag-group__separator--size_t3 {
    font-size: var(--seed-font-size-t3);
    line-height: var(--seed-line-height-t3);
  }

  .seed-tag-group__separator--size_t4 {
    font-size: var(--seed-font-size-t4);
    line-height: var(--seed-line-height-t4);
  }

  .seed-tag-group__root--truncate_true {
    --tag-group-item-display: inline-flex;
    --tag-group-item-overflow: hidden;
    --tag-group-item-text-overflow: ellipsis;
    --tag-group-item-white-space: nowrap;
    align-items: center;
    max-width: 100%;
    display: inline-flex;
  }

  .seed-tag-group__root--truncate_false {
    --tag-group-item-display: inline;
    --tag-group-item-overflow: visible;
    --tag-group-item-text-overflow: clip;
    --tag-group-item-white-space: normal;
    font-size: 0;
    display: inline-block;
  }

  .seed-tag-group__separator--truncate_false {
    vertical-align: middle;
  }

  .seed-tag-group__root--size_t2-truncate_false {
    line-height: var(--seed-line-height-t2);
  }

  .seed-tag-group__root--size_t3-truncate_false {
    line-height: var(--seed-line-height-t3);
  }

  .seed-tag-group__root--size_t4-truncate_false {
    line-height: var(--seed-line-height-t4);
  }
}