.error-screen {
  display: none;

  .container {
	  display: flex;
	  align-items: center;
	  flex-direction: column;
	  justify-content: center;
	  flex-wrap: nowrap;
	  gap: $space-4;
	  padding-top: 20%;
	  max-width: 420px;
	  width: 100%;
	  margin: auto;
  }

  .icon-container {
  	color: $color-error;

  	.ph, .ph-bold {
  		font-size: 72px;
  	}
  }

  .error-title {
  	padding: $space-2 $space-3;
  }

  .error-text {
  	font-size: $font-size-base;
  	text-align: center;
  }

	&.a-show {
		display: block;
	}
}