.lips-modal { display:none; position:fixed; inset:0; z-index:99999; }
.lips-modal.is-open { display:block; }

.lips-modal__overlay{
  position:absolute; inset:0;
  background: rgba(0,0,0,0.55);
}

.lips-modal__dialog{
  position:relative;
  width:min(980px, calc(100% - 24px));
  margin: 40px auto;
  background:#fff;
  border-radius: 16px;
  overflow:hidden;
  box-shadow: 0 18px 60px rgba(0,0,0,.35);
}

.lips-modal__close{
  position:absolute; top:10px; right:10px;
  width:36px; height:36px;
  border-radius: 999px;
  border:0;
  background: rgba(0,0,0,0.08);
  cursor:pointer;
  font-size: 22px;
  line-height: 36px;
}

.lips-modal__body{ padding: 0; }

body.lips-modal-open { overflow:hidden; }