cyb/src/features/studio/components/Keywords/Keywords.module.scss

.wrapper {
  display: grid;
  align-content: flex-start;
  gap: 32px;

  @media (max-width: 768px) {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
  }
}

.tagContainer {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center;

  &.reverse {
    flex-direction: row-reverse;
  }

  .linkImg {
    width: 30px;
    height: 30px;
  }

  .arrow {
    width: 20px;
    height: 20px;
    transform: rotate(180deg);
  }
}

.containerPill {
  display: flex;
  gap: 15px 10px;
  align-content: flex-start;
  flex-flow: row wrap;
}

.overflowPill {
  display: inline-block;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
}

Neighbours