.container-default {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    animation: slidein 3s ease-in-out forwards;
    padding: 50px;
}
.container-default .mg-bottom-14px{
  animation: slidein 3s ease-in-out forwards;
    font-size: 20px;
    font-weight: bold;
}
.container-default .mg-bottom-21px{
    padding: 50px;
    font-size: 80px;
    color: #222;
    
}
.container-default   .empty-state{
    padding: 50px;
    font-size: 20px;
    color: black;
    font-weight: bold;
    animation: slidein 3s ease-in-out forwards;
}


@keyframes slidein {
    from{
      transform: translate(-100%);
      opacity: 0;
    }
    to{
      transform: translate(0);
      opacity: 1;
    }  
  }