.popup-animated {
animation-duration: var(--woostify-animation-duration, 1.2s); }
.popup-animated.reverse {
animation-direction: reverse;
animation-fill-mode: forwards; }
@media (prefers-reduced-motion: reduce) {
.popup-animated {
animation: none; } }
.admin-bar .woostify-popup {
height: calc(100vh - 46px); }
@media screen and (min-width: 782px) {
.admin-bar .woostify-popup {
height: calc(100vh - 32px); } }
.admin-bar .woostify-popup .woostify-popup-inner article .woostify-popup-content {
max-height: calc(100vh - 46px); }
@media screen and (min-width: 782px) {
.admin-bar .woostify-popup .woostify-popup-inner article .woostify-popup-content {
max-height: calc(100vh - 32px); } }
.woostify-popup {
display: flex;
justify-content: var(--woostify-position-horizontal, center);
align-items: var(--woostify-position-vertical, center);
pointer-events: all;
background-color: var(--woostify-popup-overlay-background, rgba(0, 0, 0, 0.8));
position: fixed;
height: 100vh;
width: 100%;
bottom: 0;
left: 0;
z-index: 9999;
opacity: var(--opacity, 0);
visibility: var(--visibility, hidden); }
.woostify-popup.overlay-hide {
background-color: transparent;
pointer-events: none; }
.woostify-popup.active {
--opacity: 1;
--visibility: visible; }
.woostify-popup:not(.active) {
display: none;
pointer-events: none; }
.woostify-popup.popup-fit-to-content .woostify-popup-inner {
display: flex;
justify-content: var(--woostify-position-horizontal, center); }
.woostify-popup.popup-fit-to-screen .woostify-popup-inner {
display: flex;
justify-content: var(--woostify-position-horizontal, center); }
.woostify-popup.popup-fit-to-screen .woostify-popup-inner article {
height: 100vh; }
.woostify-popup.popup-fit-to-screen .woostify-popup-inner article .woostify-popup-content {
display: grid;
align-items: var(--woostify-position-content, center); }
.woostify-popup.popup-fit-to-custom .woostify-popup-inner {
display: flex;
justify-content: var(--woostify-position-horizontal, center); }
.woostify-popup.popup-fit-to-custom .woostify-popup-inner article {
height: var(--woostify-popup-height, 100%); }
.woostify-popup.popup-fit-to-custom .woostify-popup-inner article .woostify-popup-content {
display: grid;
align-items: var(--woostify-position-content, center); }
.woostify-popup .woostify-popup-toggle-close {
--woostify-toggle-button-size: 28px;
--woostify-toggle-button-radius: 100%;
background: var(--woostify-toggle-button-background, transparent);
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0px;
right: 10px;
z-index: 999;
cursor: pointer;
border: none;
-webkit-appearance: none;
appearance: none;
border-radius: 50%;
width: var(--woostify-toggle-button-size);
height: var(--woostify-toggle-button-size);
color: var(--woostify-toggle-button-color, #000);
transition: all 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
.woostify-popup .woostify-popup-toggle-close svg {
fill: var(--woostify-toggle-button-color, #000); }
.woostify-popup .woostify-popup-toggle-close:hover {
transform: rotate(90deg);
background: var(--woostify-toggle-button-background-hover, transparent);
color: var(--woostify-toggle-button-color-hover, #000); }
.woostify-popup .woostify-popup-toggle-close:hover svg {
fill: var(--woostify-toggle-button-color-hover, #000); }
.woostify-popup .woostify-popup-inner {
position: relative;
overflow: hidden;
width: 100%;
max-width: 100%;
max-height: 100%;
pointer-events: all; }
.woostify-popup .woostify-popup-inner article {
position: relative;
background-color: transparent;
display: flex;
width: 100%;
max-width: var(--woostify-popup-width, 400px);
max-height: 100%;
height: auto;
overflow-x: hidden;
overflow-y: hidden; }
.woostify-popup .woostify-popup-inner article .woostify-popup-content {
background-color: var(--woostify-popup-background, #ffffff);
width: 100%;
height: 100%;
max-width: 100vw;
max-height: 100vh;
display: block;
border-radius: var(--woostify-popup-border-radius, 0);
padding: var(--woostify-popup-padding, 30px);
overflow: auto; }
.woostify-popup .woostify-popup-inner article .woostify-popup-content::-webkit-scrollbar {
width: 10px; }
.woostify-popup .woostify-popup-inner article .woostify-popup-content::-webkit-scrollbar-track {
border-radius: 8px;
background-color: #e7e7e7;
border: 1px solid #cacaca;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
.woostify-popup .woostify-popup-inner article .woostify-popup-content::-webkit-scrollbar-thumb {
border-radius: 8px;
background-color: #363636; }
.woostify-popup .woostify-popup-inner article .woostify-popup-content [data-elementor-type="wp-post"] {
width: 100%; }
.woostify-popup .woostify-popup-inner article .woostify-popup-content > *:last-child {
margin-bottom: 0; }