:root{--popup-header-text-color:#2d73b3;--popup-box-shadow:0 7px 30px -7px rgba(0,0,0,0.4);--popup-default-background-color:#fff;--popup-dark-theme-background-color:#fff;--popup-dark-theme-head-color:#eee;--popup-cancel-background-color:#eee;--popup-cancel-background-color-hover:#ccc;--popup-cancel-border-color:#f4f4f4;--popup-cancel-text-color:#777;--popup-cancel-text-color-hover:#444;--popup-padding-less-parent:0 25px}.popup-container:not(:empty){z-index:101;display:flex;width:100vw;height:100vh;position:fixed;align-items:center;justify-content:center;top:0;left:0;overflow:hidden}.popup{display:grid;position:fixed;z-index:1001;transform:translate(-50%,-50%);left:50%;top:50%;max-width:95%;min-width:70%;max-height:95%;min-height:50%;border-radius:6px;padding:10px 20px;box-shadow:var(--popup-box-shadow);height:80%;grid-template-rows:40px 1fr 70px;grid-template-columns:100%;grid-gap:0;background:var(--popup-default-background-color)}.popup.dark-theme{background:var(--base-color-52)}.popup-top{height:100%;width:100%;display:flex;padding-top:0;align-items:flex-start;position:relative}.popup-contents{overflow:auto;height:100%}.popup-bottom{display:flex;padding:0;height:100%;width:100%;align-items:center;justify-content:flex-end;border-top:1px solid #eee;background:#f9f9f9}.popup.dark-theme .popup-bottom{background:transparent}.popup.pad-less{padding:0}.popup.pad-less .popup-top{padding:var(--popup-padding-less-parent);align-items:center;border-radius:6px 6px 0 0;padding-top:2px}.popup.pad-less .popup-bottom{padding:var(--popup-padding-less-parent);border-radius:0 0 6px 6px}.popup.pad-less .popup-contents{padding:var(--popup-padding-less-parent)}.popup.area-head .popup-top{background-color:var(--base-color-56)}.popup .close-icon-container{height:32px;width:32px;cursor:pointer;position:absolute;border-radius:30px;opacity:0.4;right:4px;top:5px;z-index:5;font-size:26px;line-height:1.1;padding-left:1px;color:#aaa}.popup .close-icon-container:hover{opacity:1;background:rgba(100,100,100,0.15);border-radius:4px}.close-icon,.popup-top .close-icon{height:30px;width:30px;cursor:pointer;position:absolute;border-radius:30px;opacity:0.8;right:6px;top:4px;z-index:5}.close-icon:before,.close-icon:after,.popup-top .close-icon:before,.popup-top .close-icon:after{height:20px;width:1px;content:'';cursor:pointer;position:absolute;top:5px;left:14px;background-color:#999}.close-icon:before,.popup-top .close-icon:before{transform:rotate(45deg)}.close-icon:after,.popup-top .close-icon:after{transform:rotate(-45deg)}.close-icon:hover,.popup-top .close-icon:hover{opacity:1}.area-head .close-icon:hover,.light .close-icon:hover,.area-head .popup-top .close-icon:hover,.light .popup-top .close-icon:hover{opacity:1;background-color:rgba(200,200,200,0.3)}.popup-top h2{color:#ddd;font-size:1.2rem;font-weight:400;letter-spacing:0;margin:0}.dark-theme .popup-top h2{color:var(--popup-dark-theme-head-color)}.popup.crop-window{width:100%;height:100%;min-width:unset;max-width:unset}@media screen and (min-width:900px){.popup.crop-window{width:90%;min-width:900px;max-width:1100px}}.popup input[type="text"]{background-color:#fff;border:1px solid #ddd;padding:6px 10px;border-radius:3px;font-size:1.2rem}.popup input[type="text"]:hover{border-color:#999;background-color:#f1ffff}