.is-root-container .popup-builder-modal.pbb844db3 { background: #fff; background-image: radial-gradient(#999 5%, transparent 0); background-size: 50px 20px; border: 1px solid #80808063; align-items: flex-end; justify-content: flex-end; } .popup-builder-modal.pbb844db3 { background: transparent; right: 0; bottom: 0; } .popup-builder-modal.pbb844db3 .popup-builder-content { display: flex; align-items: center; box-shadow: 0px 10px 20px -10px #090b0f4d; overflow: auto; } .popup-builder-modal.pbb844db3 .popup-builder-content-credit { top: -32px; bottom: unset; } .popup-builder-modal.pbb844db3 { max-width: 500px; } .is-root-container .popup-builder-modal.pbb844db3 .popup-builder-container { margin: 20px; } body:not(:has(.is-root-container .popup-builder-modal.pbb844db3)) .popup-builder-modal.pbb844db3 { margin: 20px; } .popup-builder-modal.pbb844db3 .popup-builder-container { width: 500px; } .popup-builder-modal.pbb844db3 .popup-builder-content { background: var(--wp--preset--color--white, #ffffff) ; height: 200px; border-radius: 10px; padding: 32px 18px 35px 18px; } @media (max-width: 1024px) { .popup-builder-modal.pbb844db3 .popup-builder-content { background: var(--wp--preset--color--white, #ffffff) ; } } @media (max-width: 768px) { .popup-builder-modal.pbb844db3 { max-width: 300px; } .popup-builder-modal.pbb844db3 .popup-builder-container { width: 300px; } .popup-builder-modal.pbb844db3 .popup-builder-content { background: var(--wp--preset--color--white, #ffffff) ; } }