/* The in-app browser pop-up (delapse-inapp-browser.php), in the Delapse sticker style: Mint Paper card, ink border and
   hard shadow, Flare Red main button, Space Mono. Layout copied from DLT/82's dlt-inapp.css. */
#dl-inapp[hidden], #dl-inapp [hidden] { display: none !important; }

.dl-inapp-pop {
  position: fixed; inset: 0; z-index: 2147483000;
  background: rgba(30, 18, 18, .78);
  display: flex; flex-direction: column; align-items: flex-end;
  padding: 0 16px 16px; overflow-y: auto;
  font-family: "Space Mono", ui-monospace, Menlo, monospace;
  -webkit-font-smoothing: antialiased;
}
.dl-inapp-pop * { box-sizing: border-box; }
.dl-inapp-pop__arrow { margin: 0 2px 4px 0; line-height: 0; animation: dlInappNudge 1.1s ease-in-out infinite; }
@keyframes dlInappNudge { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }
@media (prefers-reduced-motion: reduce) { .dl-inapp-pop__arrow { animation: none; } }

.dl-inapp-pop__card {
  align-self: center; width: 100%; max-width: 400px;
  background: #E9F9E1; color: #1E1212; border: 2px solid #1E1212; box-shadow: 8px 8px 0 #1E1212;
  padding: 24px 20px 20px; text-align: left;
}
.dl-inapp-pop__h {
  margin: 0 0 18px !important; font: 400 30px/1 "Delapse Caps", Helvetica, Arial, sans-serif !important;
  color: #1E1212 !important; text-align: center; letter-spacing: 0 !important; text-transform: uppercase !important;
}
.dl-inapp-pop__step {
  margin: 0 0 14px !important; font-size: 16px !important; line-height: 1.35 !important;
  display: flex; align-items: center; gap: 12px; color: #1E1212 !important;
}
.dl-inapp-pop__step strong { font-weight: 700; }
.dl-inapp-pop__n {
  flex: 0 0 30px; height: 30px; background: #1E1212; color: #CFE723;
  font-size: 15px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center;
}
.dl-inapp-pop__dots {
  display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 32px;
  background: #fff; border: 2px solid #1E1212; font-weight: 700; font-size: 15px; vertical-align: middle;
}
.dl-inapp-pop__ext { display: inline-block; vertical-align: -4px; margin: 0 2px; }
.dl-inapp-pop__sub {
  margin: 4px 0 20px !important; font-size: 14px !important; line-height: 1.45 !important;
  color: #1E1212 !important; text-align: center; text-wrap: balance;
}
.dl-inapp-pop .dl-inapp-pop__btn {
  display: block !important; visibility: visible !important; opacity: 1 !important;
  width: 100% !important; height: auto !important; min-height: 52px !important;
  padding: 13px !important; margin: 0 0 10px !important; border: 2px solid #1E1212 !important; border-radius: 0 !important;
  font: 700 14px/1.25 "Space Mono", ui-monospace, Menlo, monospace !important;
  letter-spacing: .06em !important; text-transform: uppercase !important; text-decoration: none !important;
  cursor: pointer; box-shadow: none !important; text-align: center !important; white-space: normal !important;
}
.dl-inapp-pop__small { display: block; font-size: 12px; font-weight: 400; letter-spacing: .02em; text-transform: none; margin-bottom: 2px; }
.dl-inapp-pop .dl-inapp-pop__btn--go { background: #DB3C1A !important; color: #E9F9E1 !important; border-right-width: 6px !important; border-bottom-width: 6px !important; }
.dl-inapp-pop .dl-inapp-pop__btn--mail { background: #1E1212 !important; color: #CFE723 !important; }
.dl-inapp-pop .dl-inapp-pop__btn--stay { background: transparent !important; color: #1E1212 !important; }
.dl-inapp-pop .dl-inapp-pop__btn:disabled { opacity: .6 !important; cursor: default; }
.dl-inapp-pop__or {
  margin: 4px 0 14px !important; font-size: 12px !important; letter-spacing: .08em; text-transform: uppercase;
  color: rgba(30, 18, 18, .7) !important; text-align: center;
}
.dl-inapp-pop .dl-inapp-pop__input {
  display: block !important; width: 100% !important; height: 52px !important; margin: 0 0 12px !important;
  padding: 0 14px !important; border: 2px solid #1E1212 !important; border-radius: 0 !important;
  background: #fff !important; color: #1E1212 !important;
  font: 400 16px "Space Mono", ui-monospace, Menlo, monospace !important;
}
.dl-inapp-pop .dl-inapp-pop__input:focus { background: #D1FDB3 !important; outline: 0; }
.dl-inapp-pop__hp { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; }
.dl-inapp-pop__tick {
  display: flex !important; align-items: flex-start; gap: 10px; margin: 0 0 16px !important;
  font-size: 14px !important; line-height: 1.4; color: #1E1212 !important; cursor: pointer;
}
.dl-inapp-pop__tick input { margin: 1px 0 0; width: 18px; height: 18px; flex: 0 0 18px; accent-color: #DB3C1A; }
.dl-inapp-pop__msg { margin: 0 0 12px !important; font-size: 13px !important; color: #DB3C1A !important; text-align: center; }