@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100&display=swap');


.pagedMaker-modal {

  font-family: "Jost";
  font-weight: 200;
    font-size: 0.9em;
  display: grid;
  position: fixed;
  margin: auto;
  height: 90vh;
  width: 90vw;
  top: 5vh;
  left: 5vw;
  /* border: 2px solid black; */
  grid-template-columns: 1fr 5fr;
  padding: 0;
  background: white;
  z-index: 99999999999999999999999999999;
  background: white;
  border: 3px solid black;
  box-shadow: 0 0 0 10vw rgba(0,0,0,0.6);
}

.pagedMaker-modal .logo {
    height: 40px;
}

.close {
    position: absolute;
    right: 2em;
    top: 2em;
}

.hidden {
  display: none;
}

.blocked {
     overflow: hidden;
}

input::after  {
    content: attr(value);
    display: inline-block;
    background: orange;
    color: white;
}


.pagedMaker-modal .item {
    margin-bottom: 2em;
}

.pagedMaker-modal label  {
    text-transform: uppercase;
    display: block;
}

.preview {
}

iframe {
    border: none;
  height: 100%;
  width: 100%;
}

.pagedMaker-modal .form {
    padding: 2em;
    background: lightcyan;
}