.alerts-container,
.error-messages {
  bottom: 28px;
  max-width: 480px;
  pointer-events: none;
  position: fixed;
  right: 28px;
  width: 100%;
  z-index: 5; }
  .alerts-container ul li,
  .error-messages ul li {
    font-size: 1.6rem;
    line-height: 2rem;
    display: block;
    margin-bottom: 12px; }
    .alerts-container ul li:last-child,
    .error-messages ul li:last-child {
      margin-bottom: 0; }

.error-messages {
  background: #ffffff;
  border-left: 6px solid #f55353;
  bottom: auto;
  color: #282f50;
  left: 0;
  margin-bottom: 28px;
  margin-left: 0;
  pointer-events: all;
  position: relative; }
  .error-messages ul {
    margin: 0;
    padding: 20px 26px 20px 20px; }

.alert {
  bottom: 28px;
  margin-top: 10px;
  opacity: 0;
  padding: 20px 26px 20px 20px;
  pointer-events: none;
  position: relative;
  transform: translateY(10px);
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s;
  width: 100%; }
  .alert.alert-danger {
    border-left: 6px solid #f55353;
    bottom: auto;
    color: #ffffff;
    margin-bottom: 28px;
    margin-left: 16px;
    max-width: none;
    position: relative;
    right: auto;
    width: calc(100% - 32px); }
    .alert.alert-danger:not(.is-active) {
      display: none;
      transform: none; }
    .alert.alert-danger p,
    .alert.alert-danger ul li {
      font-size: 1.6rem;
      line-height: 2rem; }
    .alert.alert-danger li {
      display: block;
      margin-bottom: 12px; }
      .alert.alert-danger li.item--message a {
        color: #282f50; }
      .alert.alert-danger li:last-child {
        margin-bottom: 0; }
    .alert.alert-danger a {
      color: #ffffff; }
    .alert.alert-danger pre {
      font-size: 1.6rem;
      line-height: 2.4rem;
      background: #f6f6f6;
      margin: 0;
      max-height: 30vh;
      overflow-y: auto;
      padding: 20px; }
  .alert p {
    font-size: 1.6rem;
    line-height: 2rem; }
  .alert em {
    font-style: normal; }
  .alert a {
    text-decoration: underline; }
  .alert.is-active {
    opacity: 1;
    pointer-events: initial;
    transform: none; }
  .alert.alert-success, .alert.alert-warning, .alert.alert-danger {
    background: #ffffff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    color: #282f50; }
  .alert.alert-success, .alert.alert-success.alert-warning {
    border-bottom: 6px solid #71e6a0; }
  .alert.alert-warning {
    border-bottom: 6px solid #ffb961; }
  .alert .close {
    background: none;
    border: 0;
    height: 20px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px; }
    .alert .close .icon {
      height: 10px;
      margin: 5px 5px 0 0;
      transition: transform 0.2s;
      width: 10px; }
    .alert .close svg,
    .alert .close path {
      fill: #282f50; }
    .no-touchevents .alert .close:hover .icon {
      transform: scale(1.2); }
  .alert p:last-child,
  .alert ul:last-child {
    margin: 0; }

.layout-wrapper .alert.alert-danger {
  margin-left: 0; }

/*# sourceMappingURL=alerts.css.map */