animations: [
    trigger('fadeInOut', [
      transition(':enter', [
        style({
          transform: 'translateY(-30px)',
          opacity: 0,
          'max-height': 0
        }), animate( '300ms max-height', style({
          'max-height': '100px',
          transform: 'translateY(0)',
          opacity: 1
        }))
      ]),
      transition(':leave', [
        animate('300ms ease-out',
          style({
            'max-height': 0,
            opacity: 0,
            // transform: 'translateY(-30px)'
        }))
      ])
    ])
  ]