.eb-push-toggle-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
}

.eb-push-toggle{
  appearance:none !important;
  -webkit-appearance:none !important;
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:0 !important;
  background:transparent !important;
  padding:4px !important;
  margin:0;
  cursor:pointer;
  box-shadow:none !important;
  text-shadow:none !important;
  background-image:none !important;
}

.eb-push-toggle[disabled]{
  opacity:.65;
  cursor:wait;
}

.eb-push-toggle__icon{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(14,165,233,.12);
  color:#0EA5E9;
  font-size:19px;
  line-height:1;
}

.eb-push-toggle__switch{
  width:52px;
  height:28px;
  display:inline-flex;
  align-items:center;
  padding:3px;
  border-radius:999px;
  border:1px solid #d1d5db;
  background:#ffffff;
  box-sizing:border-box;
  transition:background .18s ease,border-color .18s ease;
}

.eb-push-toggle__knob{
  width:20px;
  height:20px;
  border-radius:999px;
  background:#d1d5db;
  box-shadow:0 1px 3px rgba(0,0,0,.18);
  transform:translateX(0);
  transition:transform .18s ease,background .18s ease;
}

.eb-push-toggle.is-subscribed .eb-push-toggle__switch{
  background:#22c55e;
  border-color:#22c55e;
}

.eb-push-toggle.is-subscribed .eb-push-toggle__knob{
  background:#ffffff;
  transform:translateX(24px);
}

.eb-push-toggle:hover .eb-push-toggle__icon,
.eb-push-toggle:focus .eb-push-toggle__icon{
  background:rgba(14,165,233,.18);
}

.eb-push-popup{
  position:fixed;
  inset:0;
  background:rgba(17,24,39,.45);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  z-index:99999;
}

.eb-push-popup__box{
  width:min(100%,420px);
  background:#fff;
  border-radius:22px;
  padding:22px;
  box-shadow:0 18px 55px rgba(15,23,42,.22);
  position:relative;
  font-family:inherit;
}

.eb-push-popup__icon{
  width:64px;
  height:64px;
  margin:0 auto 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(14,165,233,.12);
  color:#0EA5E9;
  font-size:30px;
  line-height:1;
}

.eb-push-popup__title{
  font-size:20px;
  font-weight:800;
  line-height:1.25;
  text-align:center;
  color:#0f172a;
  margin:0 0 8px;
}

.eb-push-popup__text{
  font-size:14px;
  line-height:1.55;
  color:#475569;
  text-align:center;
  margin:0 0 18px;
}

.eb-push-popup__actions{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.eb-push-popup__action{
  appearance:none !important;
  -webkit-appearance:none !important;
  width:100%;
  min-height:44px;
  border-radius:14px;
  font-weight:800;
  cursor:pointer;
  transition:none;
  box-shadow:none !important;
  text-shadow:none !important;
  background-image:none !important;
  filter:none !important;
}

.eb-push-popup__action--primary,
.eb-push-popup__action--primary:hover,
.eb-push-popup__action--primary:focus,
.eb-push-popup__action--primary:active{
  background:#0EA5E9 !important;
  border:1px solid #0EA5E9 !important;
  color:#ffffff !important;
}

.eb-push-popup__action--secondary,
.eb-push-popup__action--secondary:hover,
.eb-push-popup__action--secondary:focus,
.eb-push-popup__action--secondary:active{
  background:#ffffff !important;
  border:1px solid #d1d5db !important;
  color:#64748b !important;
}

@media (max-width:480px){
  .eb-push-popup{
    align-items:flex-end;
  }
  .eb-push-popup__box{
    border-radius:22px 22px 18px 18px;
  }
}