.ucp-popup{
  position:fixed;
  inset:0;
  z-index:999999;
  display:grid;
  place-items:center;
  padding:24px;
  visibility:hidden;
  opacity:0;
  transition:opacity .24s ease,visibility .24s ease;
}
.ucp-popup.is-open{visibility:visible;opacity:1}
.ucp-overlay{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:var(--ucp-overlay,rgba(0,0,0,.32));
  backdrop-filter:blur(var(--ucp-blur,8px));
  -webkit-backdrop-filter:blur(var(--ucp-blur,8px));
  cursor:pointer;
}
.ucp-dialog{
  position:relative;
  z-index:1;
  width:min(var(--ucp-max-width,680px),92vw);
  opacity:0;
  transform:translateY(16px) scale(.965);
  transition:opacity .24s ease,transform .24s ease;
}
.ucp-popup.is-open .ucp-dialog{opacity:1;transform:translateY(0) scale(1)}
.ucp-card-image{
  display:block;
  width:100%;
  height:auto;
  border-radius:12px;
  box-shadow:0 28px 80px rgba(0,0,0,.34);
}
.ucp-close{
  position:absolute;
  top:-16px;
  right:-16px;
  z-index:2;
  width:40px;
  height:40px;
  border:0;
  border-radius:50%;
  background:#fff;
  color:#222;
  font:400 30px/38px Arial,sans-serif;
  cursor:pointer;
  box-shadow:0 7px 24px rgba(0,0,0,.25);
}
.ucp-close:hover{transform:scale(1.05)}
body.ucp-lock{overflow:hidden}
.understand-card-trigger{cursor:pointer}
@media(max-width:767px){
  .ucp-popup{padding:16px}
  .ucp-dialog{width:94vw}
  .ucp-close{top:-12px;right:-4px}
}
@media(prefers-reduced-motion:reduce){.ucp-popup,.ucp-dialog{transition:none}}