/* Guest Preview - approved borderless phone picture */
body {
  background:#f4f6f8 !important;
}
.review-shell {
  width:min(100%,470px);
}
.review-shell .phone {
  border:0 !important;
  border-radius:40px !important;
  box-shadow:none !important;
  overflow:hidden;
}
.review-shell .phone::before {
  display:none !important;
}
.placeholder[data-page="signup"] {
  background:
    linear-gradient(180deg,rgba(0,22,39,.48),rgba(0,22,39,.84)),
    url('/guest-assets/hero-home.jpg') center / cover no-repeat !important;
  color:#fff;
  padding-top:42px;
}
.placeholder[data-page="signup"] h1 {
  margin-top:23px;
}
.guest-code-help {
  margin:0 0 6px !important;
  font-size:14px;
  text-align:center;
}
.guest-code-link {
  border:0;
  background:transparent;
  color:#fff;
  font-weight:800;
  text-decoration:underline;
  cursor:pointer;
  padding:5px;
}
.guest-links {
  justify-content:center !important;
  text-align:center;
  margin-top:20px;
}
#guestCodeDialog {
  width:min(390px,calc(100vw - 30px));
  max-height:calc(100vh - 36px);
  overflow:auto;
  border:0;
  border-radius:15px;
  padding:23px;
  background:#fff;
  color:#0a3553;
  box-shadow:0 25px 65px rgba(0,20,40,.35);
}
#guestCodeDialog::backdrop {
  background:rgba(0,24,43,.68);
}
#guestCodeDialog h2 {
  margin:15px 0 15px;
  font-size:23px;
  line-height:1.2;
  color:#083b5d;
}
#guestCodeDialog .guest-code-description {
  font-size:14px;
  line-height:1.5;
  margin:0 0 20px;
}
#guestCodeDialog label {
  font-size:13px;
  font-weight:650;
  margin-bottom:6px;
}
#guestCodeEmail {
  width:100%;
  margin-bottom:12px;
}
#guestCodeChallenge {
  min-height:70px;
  margin:10px 0;
}
#guestCodeStatus {
  min-height:42px;
  font-size:13px;
  line-height:1.45;
  color:#355a77;
}
#sendGuestCode {
  display:block;
  width:100%;
  min-height:48px;
  border:0;
  border-radius:12px;
  background:#0870e5;
  color:#fff;
  font-weight:800;
  cursor:pointer;
}
#sendGuestCode:disabled {
  opacity:.55;
  cursor:default;
}
.guest-code-close {
  float:right;
  border:1px solid #aaa;
  background:#f5f5f5;
  color:#222;
  font-size:12px;
  padding:5px 9px;
  cursor:pointer;
}
@media(max-width:520px) {
  .review-shell .phone {
    border-radius:0 !important;
  }
  #guestCodeDialog {
    padding:18px;
  }
}