@layer components {
  /*
   * Empty state
   */
  
  .empty {
    border: 1px solid var(--color-grey-200);
    border-radius: 0.25rem;
    text-align: center;
    padding: 1rem;
  
    .close {
      margin-top: -5px;
      float: right;
    }
  
    .empty-icon {
      margin-bottom: 1rem;
    }
  
    .empty-headline,
    .empty-text {
      margin: 1rem auto;
    }
  
    .empty-action {
      margin-top: 1rem;
    }
  }
}