#aphx_errors_message.active {

  pointer-events: initial;

  opacity: 1;

}

#aphx_errors_message {

  pointer-events: none;

  transition: opacity 0.2s;

  position: fixed;

  left: 0;

  right: 0;

  bottom: 0;

  top: 0;

  background-color: rgba(0, 0, 0, 0.3);

  z-index: 9999;

  opacity: 0;

}



#aphx_errors_message .content {

  width: 90%;

  max-width: 450px;

  background-color: white;

  padding: 20px;

  position: absolute;

  right: 0;

  left: 0;

  margin: auto;

  top: 5%;

}



#aphx_errors_message .template {

  display: none;

}



#aphx_errors_message .list {

  max-height: 400px;

  overflow: auto;

  padding: 20px;

}



#aphx_errors_message .message {

  margin-bottom: 15px;

}



#aphx_errors_message h6 {

  margin-bottom: 3px;

}