* { box-sizing:border-box; }
html, body.treaty-sign-page {
  margin:0;
  width:100%;
  height:100%;
  overflow:hidden;
  background:#fff;
  font-family:Arial,Helvetica,sans-serif;
}
body.treaty-sign-page .treaty-shell {
  position:fixed;
  inset:0;
  display:flex;
  flex-direction:column;
  background:#fff;
}
body.treaty-sign-page .treaty-rainbow {
  height:7px;
  display:grid;
  grid-template-columns:repeat(7,1fr);
  flex:0 0 7px;
}
body.treaty-sign-page .treaty-rainbow span:nth-child(1){background:#e53935}
body.treaty-sign-page .treaty-rainbow span:nth-child(2){background:#fb8c00}
body.treaty-sign-page .treaty-rainbow span:nth-child(3){background:#fdd835}
body.treaty-sign-page .treaty-rainbow span:nth-child(4){background:#43a047}
body.treaty-sign-page .treaty-rainbow span:nth-child(5){background:#1e88e5}
body.treaty-sign-page .treaty-rainbow span:nth-child(6){background:#3949ab}
body.treaty-sign-page .treaty-rainbow span:nth-child(7){background:#8e24aa}
body.treaty-sign-page .treaty-frame-wrap {
  position:relative;
  flex:1;
  min-height:0;
  background:#fff;
}
body.treaty-sign-page .treaty-loading {
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:24px;
  color:#333;
  background:#fff;
  z-index:0;
}
body.treaty-sign-page .treaty-loading img {
  width:110px;
  height:110px;
  object-fit:cover;
  border-radius:20px;
  display:block;
  margin:0 auto 16px;
}
body.treaty-sign-page .treaty-frame {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  background:#fff;
  z-index:1;
}