/* Dahls authentication pages. */
:is(body#authentication, body#registration) #wrapper {
  background: #f2efe9 !important;
  height: 100svh;
}

.mh-login {
  border-color: #d9d0c0;
  box-shadow: 0 18px 55px rgba(28, 24, 20, 0.1);
}

.mh-login__benefits {
  background: linear-gradient(145deg, #56726f 0%, #405854 100%);
}

.mh-login__benefits::before,
.mh-login__benefits::after {
  background: radial-gradient(circle at center, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0) 70%);
}

.mh-login__eyebrow {
  color: #1c1814;
  background: #f3ebdb;
}

.mh-login__hero,
.mh-login__perks strong {
  color: #ffffff;
}

:is(body#authentication, body#registration) .mh-login__lede,
:is(body#authentication, body#registration) .mh-login__perks small {
  color: rgba(255, 255, 255, 0.9) !important;
}

.mh-login__perk-icon {
  color: #f3ebdb;
  background: rgba(243, 235, 219, 0.16);
  box-shadow: none;
}

.mh-login__title {
  color: #1c1814;
}

.mh-login__form-wrap .btn-primary,
.mh-login__form-wrap #submit-login,
.mh-login__form-wrap button[type="submit"] {
  background: #1c1814 !important;
}

.mh-login__register-btn {
  color: #1c1814;
  border-color: #1c1814;
}

.mh-login__register-btn:hover {
  color: #ffffff;
  background: #1c1814;
}

.mh-login--register .mh-login__form-inner {
  max-width: 400px;
}