.iaop-modal {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 100000;
}
.iaop-modal .iaop-backdrop {
opacity: 0.3;
background-color: #000;
display: block;
position: absolute;
width: 100vw;
height: 100vh;
z-index: 100000;
top: 0;
left: 0;
}
.iaop-modal .iaop-pane {
position: absolute;
top: 10vw;
left: 10vh;
width: 80vw;
height: 70vh;
z-index: 100001;
background-color: #d3d1d0;
border-radius: 16px;
display: block;
}
.iaop-modal .iaop-close {
z-index: 100002;
color: #000;
background-color: #e3e1e0;
font-size: 16px;
padding: 3px;
border-radius: 12px;
top: 10px;
right: 10px;
position: absolute;
cursor: pointer;
line-height: 14px;
display: block;
width: 24px;
height: 24px;
border: 1px solid #888;
}
.iaop-modal .iaop-close:hover {
color: #888;
}
.iaop-content {
padding: 20px;
}
.iaop-modal .iaop-content > * {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.iao-popout-title {
font-size: 18px;
text-align: center;
font-weight: bold;
margin-top: 1em;
margin-bottom: 1em;
}
.iao-popout-body {
font-size: 14px;
line-height: 1.5em;
margin-top: 1em;
margin-bottom: 1em;
text-align: center;
}