#popupContainer *,#popupContainer ::after,#popupContainer ::before{box-sizing:border-box}#popupContainer{display:none;visibility:hidden;position:fixed;inset:0px;width:100%;height:100%;z-index:2000000;background-color:rgba(0,0,0,.8);padding:100px 20px;overflow-y:auto;display:flex;align-items:flex-start;justify-content:center;cursor:pointer}#popupContainer.visible{display:flex;visibility:visible}.popup-content-box{position:relative;z-index:2;background-color:#fff;max-width:550px;width:100%;border-radius:6px;box-shadow:0 4px 15px rgba(0,0,0,.2);display:flex;flex-direction:column;overflow:visible;margin:0;cursor:default}.popup-image-area{order:1;position:relative;line-height:0}.popup-image-area img{display:block;max-width:100%;height:auto;border-radius:3px}.popup-close-area-bottom{order:2;width:100%;padding:12px 15px;line-height:1;flex-shrink:0;text-align:center;background-color:#f5f5f5;border-top:1px solid #eee;margin-top:15px;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.close-button{display:inline-block;cursor:pointer;border:none;background-color:transparent;padding:0;vertical-align:middle;font-family:inherit;transition:opacity .2s,color .2s,background-color .2s,transform .2s}.close-button-x{position:absolute;top:-10px;right:-10px;z-index:5;width:30px;height:30px;border-radius:50%;background-color:rgba(255,255,255,.9);box-shadow:0 1px 4px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#555;line-height:1;padding:0}.close-button-x:hover{background-color:#fff;color:#000;transform:scale(1.1);opacity:1}.close-button-text{background-color:#666;color:#fff;padding:9px 22px;border-radius:4px;font-size:14px;font-weight:500}.close-button-text:hover{background-color:#444;opacity:1}body.popup-open{overflow:hidden}