.custom-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,50,100,.6);opacity:0;transition:opacity .3s;z-index:99998;display:none}.custom-popup-overlay.show{display:block;opacity:1}.custom-popup-modal{position:fixed;background:#fff;z-index:99999;overflow:hidden;transform:scale(.8);opacity:0;transition:transform .3s ease,opacity .3s ease;border-radius:8px;box-shadow:0 5px 25px rgba(0,0,0,.2);display:none}.custom-popup-modal.open{transform:scale(1);opacity:1;display:block}.custom-popup-modal.variant-1{border:4px solid #0072ff}.custom-popup-modal.variant-2{border-radius:5% 0;box-shadow:0 0 20px #00c6ff}.custom-popup-modal.variant-3{border-top:6px solid #005fcc}.custom-popup-modal.variant-4{box-shadow:inset 0 0 20px rgba(0,0,0,.2)}.custom-popup-modal.variant-5{border:2px dashed #0072ff}.custom-popup-header{height:50px;background:#0072ff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;position:relative;cursor:move;user-select:none}.custom-popup-close{position:absolute;top:50%;right:15px;transform:translateY(-50%);font-size:28px;line-height:1;color:#fff;cursor:pointer;font-weight:300;transition:transform .2s}.custom-popup-close:hover{transform:translateY(-50%) scale(1.1)}.custom-popup-modal iframe{border:none;width:100%;height:calc(100% - 50px)}.custom-popup-modal.dragging iframe{pointer-events:none}.custom-popup-button{padding:0 16px;border:none;color:#fff;border-radius:4px;cursor:pointer;transition:opacity .2s;height:40px;line-height:40px}.custom-popup-button:hover{opacity:.9}@media(max-width:768px){.custom-popup-modal{width:90vw !important;height:80vh !important}}