.qpbx-popup-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
z-index: 100000;
opacity: 0;
transition: opacity 0.25s ease;
}
.qpbx-popup-overlay.qpbx-is-active {
display: flex;
}
.qpbx-popup-overlay.qpbx-is-visible {
opacity: 1;
}
.qpbx-popup-box {
border-radius: 8px;
padding: 24px 28px;
max-width: 480px;
width: 90%;
max-height: 85vh;
overflow-y: auto;
position: relative;
transform: translateY( -10px );
transition: transform 0.25s ease;
}
.qpbx-popup-overlay.qpbx-is-visible .qpbx-popup-box {
transform: translateY( 0 );
}
.qpbx-popup-title {
margin: 0 28px 12px 0;
line-height: 1.3;
}
.qpbx-popup-content {
line-height: 1.6;
}
.qpbx-popup-content p {
margin: 0 0 1em;
}
.qpbx-popup-content ul {
margin: 0 0 1.5em 1.5em;
padding: 0;
}
.qpbx-popup-content ol {
list-style: decimal outside;
margin: 0 0 1.5em 1.5em;
padding: 0;
}
.qpbx-popup-content ul li {
list-style: disc outside;
margin-bottom: 0.5em;
}
.qpbx-popup-content ol li {
margin-bottom: 0.5em;
}
.qpbx-popup-content > *:last-child {
margin-bottom: 0;
}
.qpbx-popup-box .qpbx-popup-close {
border: none !important;
color: #767676 !important;
font-size: 18px !important;
padding: 0px!important;
}
.qpbx-popup-box .qpbx-popup-close:hover, .qpbx-popup-box .qpbx-popup-close:active, .qpbx-popup-box .qpbx-popup-close:focus {
background:none!important;
}
.qpbx-popup-close {
all: unset;
position: absolute;
top: 10px;
right: 14px;
font-size: 22px;
line-height: 1;
cursor: pointer;
color: #666;
}
.qpbx-popup-close:hover {
color: #000;
}