.technologies {
  flex-wrap: wrap;
  gap: var(--space-1);
}

.technology {
  background-color: var(--color-primary);
  padding: var(--space-1);
  text-wrap: nowrap;
  border-radius: var(--radius-lg);

  .dark & {
    background-color: var(--color-primary-dark);
  }

  &.active {
    background-color: var(--color-danger);

    .dark & {
      background-color: var(--color-danger-dark);
    }
  }
}