/* Dawah Message States V45 */

body.public-application
.e45-page.is-error {
  background:
    radial-gradient(
      circle at 88% -15%,
      rgba(255, 197, 120, 0.22),
      transparent 35%
    ),
    radial-gradient(
      circle at -5% 115%,
      rgba(148, 83, 50, 0.28),
      transparent 42%
    ),
    linear-gradient(
      130deg,
      #35251d,
      #70422d 60%,
      #443025
    );
}

body.public-application
.e45-page.is-success {
  background:
    radial-gradient(
      circle at 88% -15%,
      rgba(213, 244, 129, 0.32),
      transparent 35%
    ),
    radial-gradient(
      circle at -5% 115%,
      rgba(36, 145, 108, 0.34),
      transparent 42%
    ),
    linear-gradient(
      130deg,
      #032f27,
      #07513f 60%,
      #093d33
    );
}

.e45-state-symbol {
  display: grid;
  width: 82px;
  height: 82px;
  place-items: center;
  margin-bottom: 20px;
  border: 1px solid rgba(255, 255, 255, 0.17);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.09);
  box-shadow:
    inset 0 1px rgba(255, 255, 255, 0.09);
}

.e45-state-symbol span {
  display: grid;
  width: 49px;
  height: 49px;
  place-items: center;
  border-radius: 50%;
  font-size: 1.55rem;
  font-weight: 850;
}

.e45-page.is-success
.e45-state-symbol span {
  background: #def69a;
  color: #07372c;
  box-shadow:
    0 0 0 8px rgba(222, 246, 154, 0.1);
}

.e45-page.is-error
.e45-state-symbol span {
  background: #ffd39d;
  color: #5a301f;
  box-shadow:
    0 0 0 8px rgba(255, 211, 157, 0.1);
}

.e45-page.is-error
.e37-brand-mark,
.e45-page.is-error
.e37-help-icon {
  color: #ffd39d;
}

.e45-page.is-error
.e37-eyebrow {
  color: #efc5a9;
}

.e45-page.is-error
.e37-primary {
  background: #ffd39d;
  color: #4d281b !important;
}

.e45-page.is-error
.e37-sun {
  background: #ffd39d;
  box-shadow:
    0 0 60px rgba(255, 211, 157, 0.24);
}

.e45-page.is-error
.e37-tree i {
  background: rgba(255, 211, 157, 0.5);
}

.e45-page.is-error
.e37-tree b {
  background: rgba(255, 211, 157, 0.18);
}

.e45-page.is-error
.e37-path i {
  border-color: rgba(255, 211, 157, 0.35);
}

.e45-link {
  box-sizing: border-box;
  text-decoration: none;
}

.e45-page
button.e37-primary {
  border: 0;
  cursor: pointer;
  font: inherit;
  font-size: 0.68rem;
  font-weight: 750;
}

@media (max-width: 620px) {
  .e45-state-symbol {
    width: 68px;
    height: 68px;
    border-radius: 20px;
  }

  .e45-state-symbol span {
    width: 42px;
    height: 42px;
    font-size: 1.35rem;
  }
}