@layer layout {
  .error-screen {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    block-size: 100%;
    padding: 1rem;

    text-align: center;
  }
  
  .error-icon {
    margin-block-end: 1rem;

    color: var(--color-neutral-400);
  }
  
  .error-title {
    margin-block-end: 0;

    font-size: var(--font-size-xl);
    
    color: var(--color-primary);
  }
  
  .error-message {
    max-inline-size: 420px;
    
    margin-block-end: 1rem;
  }
}