:root{
  --delta-popup-bg:#071421;
  --delta-popup-bg-2:#0a1d2f;
  --delta-popup-border:rgba(148,163,184,.22);
  --delta-popup-text:#f7fafc;
  --delta-popup-muted:#9fb0c2;
  --delta-popup-gold:#d1a33a;
  --delta-popup-info:#4db5ff;
  --delta-popup-success:#38d996;
  --delta-popup-warning:#f0b94f;
  --delta-popup-danger:#ff6675;
}

.delta-popup-source,
.status,
.form-status{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.delta-popup-root{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:grid;
  place-items:center;
  padding:24px;
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease;
}

.delta-popup-root.is-open{
  opacity:1;
  pointer-events:auto;
}

.delta-popup-backdrop{
  position:absolute;
  inset:0;
  background:rgba(1,8,16,.72);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}

.delta-popup-card{
  --delta-popup-accent:var(--delta-popup-gold);
  position:relative;
  width:min(440px,calc(100vw - 32px));
  overflow:hidden;
  border:1px solid var(--delta-popup-border);
  border-radius:16px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),transparent 34%),
    linear-gradient(145deg,var(--delta-popup-bg-2),var(--delta-popup-bg));
  box-shadow:
    0 30px 90px rgba(0,0,0,.48),
    0 0 0 1px rgba(255,255,255,.018) inset,
    0 0 34px color-mix(in srgb,var(--delta-popup-accent) 12%,transparent);
  color:var(--delta-popup-text);
  transform:translateY(10px) scale(.985);
  transition:transform .2s ease;
}

.delta-popup-root.is-open .delta-popup-card{
  transform:translateY(0) scale(1);
}

.delta-popup-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:var(--delta-popup-accent);
  box-shadow:0 0 18px color-mix(in srgb,var(--delta-popup-accent) 55%,transparent);
}

.delta-popup-card[data-kind="success"]{--delta-popup-accent:var(--delta-popup-success)}
.delta-popup-card[data-kind="error"]{--delta-popup-accent:var(--delta-popup-danger)}
.delta-popup-card[data-kind="warning"]{--delta-popup-accent:var(--delta-popup-warning)}
.delta-popup-card[data-kind="info"]{--delta-popup-accent:var(--delta-popup-info)}
.delta-popup-card[data-kind="loading"]{--delta-popup-accent:var(--delta-popup-gold)}
.delta-popup-card[data-kind="confirm"]{--delta-popup-accent:var(--delta-popup-warning)}
.delta-popup-card[data-danger="true"]{--delta-popup-accent:var(--delta-popup-danger)}

.delta-popup-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:17px 20px 12px 22px;
  border-bottom:1px solid rgba(148,163,184,.11);
}

.delta-popup-brand{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
  font:700 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.15em;
  color:var(--delta-popup-muted);
}

.delta-popup-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--delta-popup-accent);
  box-shadow:0 0 12px var(--delta-popup-accent);
  flex:0 0 auto;
}

.delta-popup-close{
  width:34px;
  height:34px;
  border:1px solid rgba(148,163,184,.17);
  border-radius:9px;
  background:rgba(255,255,255,.025);
  color:#c8d3df;
  cursor:pointer;
  font:400 20px/1 sans-serif;
}

.delta-popup-close:hover,
.delta-popup-close:focus-visible{
  color:#fff;
  border-color:rgba(255,255,255,.38);
  outline:none;
}

.delta-popup-close[hidden]{
  display:none!important;
}

.delta-popup-body{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:16px;
  padding:22px 22px 18px;
}

.delta-popup-icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--delta-popup-accent) 35%,transparent);
  border-radius:13px;
  background:color-mix(in srgb,var(--delta-popup-accent) 10%,transparent);
  color:var(--delta-popup-accent);
  box-shadow:0 0 22px color-mix(in srgb,var(--delta-popup-accent) 8%,transparent);
}

.delta-popup-icon svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.delta-popup-icon.is-loading svg{
  animation:delta-popup-spin .85s linear infinite;
}

.delta-popup-copy{
  min-width:0;
}

.delta-popup-kicker{
  margin:0 0 5px;
  color:var(--delta-popup-accent);
  font:700 10px/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.delta-popup-title{
  margin:0;
  color:var(--delta-popup-text);
  font:750 20px/1.25 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:-.02em;
}

.delta-popup-message{
  margin:9px 0 0;
  color:#becbd7;
  font:500 14px/1.6 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow-wrap:anywhere;
}

.delta-popup-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  padding:0 22px 21px;
}

.delta-popup-button{
  min-height:39px;
  padding:0 16px;
  border-radius:10px;
  border:1px solid rgba(148,163,184,.22);
  background:rgba(255,255,255,.035);
  color:#e8eef5;
  cursor:pointer;
  font:750 11px/1 Inter,system-ui,sans-serif;
  letter-spacing:.08em;
}

.delta-popup-button:hover,
.delta-popup-button:focus-visible{
  border-color:rgba(255,255,255,.42);
  background:rgba(255,255,255,.065);
  outline:none;
}

.delta-popup-button.primary{
  border-color:color-mix(in srgb,var(--delta-popup-accent) 60%,transparent);
  background:color-mix(in srgb,var(--delta-popup-accent) 17%,#071421);
  color:#fff;
}

.delta-popup-progress{
  position:absolute;
  left:3px;
  right:0;
  bottom:0;
  height:2px;
  overflow:hidden;
  background:rgba(255,255,255,.035);
}

.delta-popup-progress span{
  display:block;
  height:100%;
  width:100%;
  transform-origin:left center;
  background:var(--delta-popup-accent);
}

.delta-popup-root[data-autoclose="true"] .delta-popup-progress span{
  animation:delta-popup-countdown var(--delta-popup-duration,2800ms) linear forwards;
}

@keyframes delta-popup-spin{
  to{transform:rotate(360deg)}
}

@keyframes delta-popup-countdown{
  to{transform:scaleX(0)}
}

@media (max-width:560px){
  .delta-popup-root{padding:16px}
  .delta-popup-card{width:100%;border-radius:14px}
  .delta-popup-body{grid-template-columns:44px 1fr;gap:13px;padding:19px 18px 16px}
  .delta-popup-icon{width:44px;height:44px;border-radius:11px}
  .delta-popup-icon svg{width:22px;height:22px}
  .delta-popup-title{font-size:18px}
  .delta-popup-message{font-size:13px}
  .delta-popup-top{padding:15px 16px 11px 18px}
  .delta-popup-actions{padding:0 18px 18px;flex-wrap:wrap}
  .delta-popup-button{flex:1 1 auto}
}

@media (prefers-reduced-motion:reduce){
  .delta-popup-root,
  .delta-popup-card{
    transition:none!important;
  }
  .delta-popup-icon.is-loading svg,
  .delta-popup-root[data-autoclose="true"] .delta-popup-progress span{
    animation:none!important;
  }
}