/* overlay */
.sep-overlay{
  position: fixed;
  inset:0;
  display:none;
  z-index:15000;
  backdrop-filter: blur(5px);
}

/* wrapper */
.sep-wrapper{
  position: fixed;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  display:none;
  z-index:15001;
}

/* popup */
.sep-popup{
  position: relative;
  padding: 18px;
  box-sizing: border-box;
  text-align: center;
  overflow: visible;
  box-shadow: 0 10px 40px rgba(0,0,0,0.35);
  background: #fff;
}

/* header */
.sep-heading{
  margin-bottom: 12px;
  font-weight: 600;
}

/* content */
.sep-content{
  width:100%;
  height:100%;
  overflow-y:auto;
  -webkit-overflow-scrolling: touch;
}

/* shapes */
.sep-shape-circle { border-radius: 50%; display:inline-block; }
.sep-shape-square { border-radius: 12px; display:inline-block; }
.sep-shape-rectangle { border-radius: 12px; display:inline-block; }
.sep-shape-fit { border-radius: 12px; display:inline-block; width:auto!important; height:auto!important; }

/* close */
.sep-close{
  position:absolute;
  top:8px;
  right:10px;
  font-size:34px;
  line-height:1;
  background:transparent;
  border:none;
  cursor:pointer;
  z-index:16000;
  padding:6px 10px;
  border-radius:50%;
  transition: color .15s ease, transform .12s ease;
  display:none;
}

/* thankyou */
.sep-thankyou{ padding:18px; font-size:1.05em; }

/* responsive adjustments */
@media (max-width:700px){
  .sep-wrapper { top:12%; transform: translate(-50%,0); }
  .sep-popup.sep-shape-circle { border-radius: 16px; width:90vw!important; height:auto!important; }
  .sep-popup { width:90vw!important; height:auto!important; padding:16px; }
}