layerpro 2.1.0 → 2.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/index.cjs +1233 -29
  2. package/index.css +486 -1
  3. package/index.js +1232 -28
  4. package/package.json +1 -1
package/index.css CHANGED
@@ -1 +1,486 @@
1
- :root{--input-background-color: #444;--input-color: white;--button-background-color: #444;--button-color: white;--inputButton-fontSize: .8em;--resize-background-color: rgba(30, 150, 255, .5);--resize-shadow: 0 0 10px rgba(30, 150, 255, .5);--dock-background-color: black;--dock-height: 35px;--dock-sideLeft: 10px;--dock-sideCenter: auto;--dock-sideRight: 10px;--dock-icon-width: 140px;--transition-time: .5s;--border-radius: 25px;--corner-size: 14px;--corner-border-radius: 50%;--hover-opacity: 1;--hover-filter: blur(3px)}#popup>[class^=popup_overflow],#popup>[class^=popup_bar_],#popup>[class^=popup_window_],#popup>[class^=popup_internal],#popup>[class^=popup_body],#popup{position:static}#popup>[class^=popup_overflow],#popup>[class^=popup_bar_],#popup>[class^=popup_window_],#popup>[class^=popup_internal],#popup>[class^=popup_body],#popup,#popup_dock{will-change:transform,opacity,top,left,height,width}#popup{position:absolute;inset:0;width:100%;height:100%}#popup .buttons{display:flex;position:absolute;left:0;right:0;bottom:0;height:40px;justify-content:space-evenly;align-items:center}#popup .buttons button{all:unset;width:100%;height:100%;border-right:2px solid #636363;background:linear-gradient(180deg,#000,#3c3c3c);overflow:hidden;position:relative;color:var(--button-color)}#popup .buttons button:last-child{border-right:none}#popup .buttons button img{filter:invert(1);opacity:.5;width:15px;height:auto;margin-top:2px}#popup .buttons button:hover{transition:all .3s ease;box-shadow:inset 0 0 5px #000;text-shadow:0 0 15px rgb(255,255,255),0 0 3px rgb(255,255,255)}#popup .popup_bar_selected{background:linear-gradient(45deg,#162858 60%,#224e918a)!important}#popup .zHigh{border-top-color:#278ed0!important;box-shadow:0 -15px 20px -10px #1e96ff80,0 0 15px #000000b3!important;border:1px solid rgba(0,0,0,.05)}#popup [class^=popup_raised_]{position:absolute;inset:0;width:100%;height:100%;background-color:#0000004d;z-index:1}#popup [class^=popup_window_]{position:absolute;inset:0;width:100%;height:100%;z-index:2;border-radius:10px;box-shadow:0 0 10px #0000004d;overflow:hidden}#popup [class^=popup_overflow_]{position:absolute;inset:auto;z-index:3;border-radius:10px;background:gray}#popup [class^=popup_bar_]{display:flex;width:100%;height:36px;background:linear-gradient(45deg,#4a4a4f 60%,#aaa);border-bottom:2px solid #555;box-shadow:0 1px 1px #888;z-index:2}#popup [class^=popup_drag_]{width:100%;padding:10px 0 0 10px;color:#eee;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#popup [class^=popup_icon_]{padding:8px 0 0 10px;color:#eee;font-size:1.1em}#popup [class^=popup_option_]{display:flex;margin-right:15px}#popup [class^=popup_option_] button{position:relative;display:inline-block;width:36px;height:28px;color:#fff;border-radius:5px;margin:4px;transition:all .3s ease;background:transparent}#popup [class^=popup_option_] button img{filter:invert(1);opacity:.5;width:15px;height:auto;margin-top:2px}#popup [class^=popup_option_] button:after{content:"";inset:0;display:block;position:absolute;background:linear-gradient(180deg,#000,#3c3c3c);border-radius:5px;z-index:-1}#popup [class^=popup_option_] button:after{opacity:0;transition:opacity .3s ease-in-out}#popup [class^=popup_option_] button:hover{background:#ffffff1a;box-shadow:inset 0 0 5px #000;text-shadow:0 0 15px rgb(255,255,255),0 0 3px rgb(255,255,255)}#popup [class^=popup_option_] button:hover:after{opacity:1}#popup [class^=popup_option_] button [class^=button_close_]:hover,#popup [class^=button_close_]:hover{background:red!important;box-shadow:inset 0 0 25px #fff,0 0 35px red!important}#popup [class^=popup_internal_]{position:absolute;inset:37px 0 0;z-index:1;background:linear-gradient(0deg,#3c3c3c,#4a4a4f)}#popup [class^=popup_body_]{position:absolute;inset:0;color:#eee;text-align:center}.popupMaxSize{position:absolute!important;width:100%!important;height:100%!important;inset:0!important;margin:0!important;padding:0!important;border-radius:0!important}#popup_dock{position:absolute;bottom:0;left:0;right:0;height:var(--dock-height);background-color:var(--dock-background-color);border-top:1px solid rgba(255,255,255,.521)}#popup_dock #popup_dock_icon{position:absolute;top:3px;left:3px;width:70px;height:var(--dock-height)}#popup_dock #popup_dock_list{position:absolute;top:3px;left:var(--dock-sideLeft);right:var(--dock-sideLeft);height:calc(var(--dock-height) - 5px);overflow-y:auto;text-align:right;display:flex;flex-direction:row;justify-content:flex-end}#popup_dock #popup_dock_list [class^=icon_]{width:var(--dock-icon-width);float:left;padding:4px;color:#fff;margin:2px 3px 0 0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;filter:saturate(400%)}#popup_dock #popup_dock_list [class^=icon_]:hover{background-color:#4d4d4d}#popup_dock #popup_dock_list [class^=icon_] span:nth-child(1){width:20%;text-align:center;color:#f60}#popup_dock #popup_dock_list [class^=icon_] span:nth-child(2){width:80%;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#popup_dock #popup_dock_list [class^=icon_] button{width:20px;height:20px;color:#fff;padding:4px;margin:0;display:flex;align-content:center;justify-content:center;font-size:.7em;border:none;background:none}#popup_dock #popup_dock_options{position:absolute;top:3px;right:10px;width:var(--dock-sideRight);height:var(--dock-height)}#popup .iconize:before,#popup .maximize:before,#popup .close:before{content:"";position:absolute;inset:0;background-repeat:no-repeat!important;background-position:center!important;background-size:50%!important;filter:invert(1);opacity:.5;margin:0;padding:0}#popup .iconize:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjAiCiAgIGhlaWdodD0iMjAiCiAgIHZpZXdCb3g9IjAgMCA1LjI5MTY2NjUgNS4yOTE2NjY4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmczNzY4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMSAoM2JmNWFlMGQyNSwgMjAyMS0wOS0yMCkiCiAgIHNvZGlwb2RpOmRvY25hbWU9Imljb25pemUuc3ZnIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzMzc2MiIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9ImJhc2UiCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEuMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6em9vbT0iNS42IgogICAgIGlua3NjYXBlOmN4PSI5LjkxMDcxNDMiCiAgICAgaW5rc2NhcGU6Y3k9IjY4LjM5Mjg1NyIKICAgICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0ibW0iCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ibGF5ZXIxIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICB1bml0cz0icHgiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMjciCiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMzc2NSI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICBpbmtzY2FwZTpsYWJlbD0iTGF5ZXIgMSIKICAgICBpbmtzY2FwZTpncm91cG1vZGU9ImxheWVyIgogICAgIGlkPSJsYXllcjEiCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtMjkxLjcwODMyKSI+CiAgICA8cmVjdAogICAgICAgcnk9IjAuNjk5MTc0MjMiCiAgICAgICB5PSIyOTMuNjkyNzgiCiAgICAgICB4PSIwLjI3NDg0NjczIgogICAgICAgaGVpZ2h0PSIxLjM5ODM0ODUiCiAgICAgICB3aWR0aD0iNC43NjI0OTk4IgogICAgICAgaWQ9InJlY3QzNzM2LTciCiAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO3N0cm9rZS13aWR0aDowLjEzMjk5MTg1IiAvPgogIDwvZz4KPC9zdmc+Cg==)!important}#popup .maximize:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjAiCiAgIGhlaWdodD0iMjAiCiAgIHZpZXdCb3g9IjAgMCA1LjI5MTY2NjUgNS4yOTE2NjY4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmczNzY4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMSAoM2JmNWFlMGQyNSwgMjAyMS0wOS0yMCkiCiAgIHNvZGlwb2RpOmRvY25hbWU9Im1heGltaXplLnN2ZyIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczM3NjIiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJiYXNlIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnpvb209IjcuOTE5NTk1OSIKICAgICBpbmtzY2FwZTpjeD0iNC45ODc2MjgyIgogICAgIGlua3NjYXBlOmN5PSIyNS4zODAwODMiCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9Im1tIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgdW5pdHM9InB4IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTM3NjUiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxnCiAgICAgaW5rc2NhcGU6bGFiZWw9IkxheWVyIDEiCiAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTI5MS43MDgzMikiPgogICAgPHJlY3QKICAgICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjAuMTQ3MDQ1NCIKICAgICAgIGlkPSJyZWN0MzczMiIKICAgICAgIHdpZHRoPSI0Ljc2MjQ5OTgiCiAgICAgICBoZWlnaHQ9IjQuNzYyNDk5OCIKICAgICAgIHg9IjAuMjkxODUyNTMiCiAgICAgICB5PSIyOTIuMDEwNDQiCiAgICAgICByeT0iMC42NjcxMjEyMyIgLz4KICA8L2c+Cjwvc3ZnPgo=)!important}#popup .close:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjAiCiAgIGhlaWdodD0iMjAiCiAgIHZpZXdCb3g9IjAgMCA1LjI5MTY2NjUgNS4yOTE2NjY4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmczNzY4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMSAoM2JmNWFlMGQyNSwgMjAyMS0wOS0yMCkiCiAgIHNvZGlwb2RpOmRvY25hbWU9ImNsb3NlLnN2ZyIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczM3NjIiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJiYXNlIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnpvb209IjcuOTE5NTk1OSIKICAgICBpbmtzY2FwZTpjeD0iNC45ODc2MjgyIgogICAgIGlua3NjYXBlOmN5PSIyNS4zODAwODMiCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9Im1tIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgdW5pdHM9InB4IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTM3NjUiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxnCiAgICAgaW5rc2NhcGU6bGFiZWw9IkxheWVyIDEiCiAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTI5MS43MDgzMikiPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjAuMTQ5MDI2NjMiCiAgICAgICBkPSJtIDAuOTY5NDI2NTUsMjkxLjk4MjY1IGMgLTAuMTczMTcsMCAtMC4zNDYzMSwwLjA2NjYgLTAuNDc5LDAuMTk5MjcgLTAuMjY1MzgsMC4yNjUzNyAtMC4yNjUzOCwwLjY5MjQ0IDAsMC45NTc4MSBsIDEuMjI0MjA5OTUsMS4yMjQxNyAtMS4yMjQyMDk5NSwxLjIyNDE3IGMgLTAuMjY1MzgsMC4yNjUzNyAtMC4yNjUzOCwwLjY5MjQ0IDAsMC45NTc4MSAwLjI2NTM4LDAuMjY1MzcgMC42OTI2MDk5NSwwLjI2NTM3IDAuOTU3OTg5OTUsMCBsIDEuMjI0MjEsLTEuMjI0MTcgMS4yMjQyMDgsMS4yMjQxNyBjIDAuMTMyNjkyLDAuMTMyNjggMC4zMDU4MywwLjE5OTI3IDAuNDc4OTkxLDAuMTk5MjcgMC4wNDMzLDAgMC4wODY3LC0wLjAwNCAwLjEyOTM3OSwtMC4wMTI1IDAuMTI3OTcxLC0wLjAyNDkgMC4yNTAxLC0wLjA4NzIgMC4zNDk2MiwtMC4xODY3NiAwLjAzMzIsLTAuMDMzMiAwLjA2MjMsLTAuMDY4NiAwLjA4NzEsLTAuMTA2MTQgMC4xNzQxNiwtMC4yNjMxOSAwLjE0NTA2OSwtMC42MTk0NiAtMC4wODcxLC0wLjg1MTY2IGwgLTEuMjI0MjA4LC0xLjIyNDE3IDEuMjI0MjA4LC0xLjIyNDE3IGMgMC4yNjUzNywtMC4yNjUzNyAwLjI2NTM3LC0wLjY5MjQ0IDAsLTAuOTU3ODEgLTAuMjY1Mzc5LC0wLjI2NTM3IC0wLjY5MjYxLC0wLjI2NTM3IC0wLjk1Nzk5LDAgbCAtMS4yMjQyMDgsMS4yMjQxNyAtMS4yMjQyMSwtMS4yMjQxNyBjIC0wLjEzMjY5LC0wLjEzMjY5IC0wLjMwNTgzLC0wLjE5OTI3IC0wLjQ3ODk4OTk1LC0wLjE5OTI3IHoiCiAgICAgICBpZD0icmVjdDM3MTUiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgogIDwvZz4KPC9zdmc+Cg==)!important}#popup>input,#popup>button,#popup>textarea,#popup>select{all:unset}.popup_alert,.popup_message,.popup_prompt,.popup_confirm{height:calc(100% - 41px);box-shadow:0 1px 1px #888;overflow:auto;padding:20px;word-break:break-all}.popup_alert input[type=text],.popup_message input[type=text],.popup_prompt input[type=text],.popup_confirm input[type=text]{position:relative;width:90%;height:35px;padding:5px;font-size:1.05em;border:2px solid rgba(0,0,0,.3);border-radius:6px;color:#ddd;background-color:#4a4a4f}.popup_window___alert #a___alert,.popup_window___alert #a___message,.popup_window___message #a___alert,.popup_window___message #a___message{width:100%!important}.popup_window___prompt #a___alert,.popup_window___prompt #b___alert,.popup_window___prompt #a___message,.popup_window___prompt #b___message,.popup_window___confirm #a___alert,.popup_window___confirm #b___alert,.popup_window___confirm #a___message,.popup_window___confirm #b___message{width:50%!important}.resize_0,.resize_1,.resize_2,.resize_3{position:absolute;background-color:var(--resize-background-color);border-radius:var(--border-radius);opacity:0;z-index:5000;transition:var(--transition-time)}.resize_0{top:-4px;left:0;width:100%;height:10px;cursor:n-resize}.resize_1{top:0;right:-4px;width:10px;height:100%;cursor:e-resize}.resize_2{bottom:-4px;left:0;width:100%;height:10px;cursor:n-resize}.resize_3{top:0;left:-4px;width:10px;height:100%;cursor:e-resize}.resize_corner_0,.resize_corner_1,.resize_corner_2,.resize_corner_3{position:absolute;background-color:var(--resize-background-color);border-radius:var(--border-radius);opacity:0;z-index:5000;transition:var(--transition-time);width:var(--corner-size);height:var(--corner-size);border-radius:var(--corner-border-radius)}.resize_corner_0{top:-4px;left:-4px;cursor:nw-resize}.resize_corner_1{top:-4px;right:-4px;cursor:ne-resize}.resize_corner_2{bottom:-4px;right:-4px;cursor:nw-resize}.resize_corner_3{bottom:-4px;left:-4px;cursor:ne-resize}.resize_0:hover,.resize_1:hover,.resize_2:hover,.resize_3:hover,.resize_corner_0:hover,.resize_corner_1:hover,.resize_corner_2:hover,.resize_corner_3:hover{opacity:var(--hover-opacity);filter:var(--hover-filter);box-shadow:var(--resize-shadow);transition:var(--transition-time)}#popup ::-webkit-scrollbar{width:10px;scroll-behavior:smooth}#popup ::-webkit-scrollbar-track{-webkit-border-radius:2px;border-radius:2px;margin:5px}#popup ::-webkit-scrollbar-thumb{-webkit-border-radius:2px;border-radius:2px;background:#1e96ff!important}
1
+ /* styles/index.scss */
2
+ :root {
3
+ --input-background-color: #444;
4
+ --input-color: white;
5
+ --button-background-color: #444;
6
+ --button-color: white;
7
+ --inputButton-fontSize: .8em;
8
+ --resize-background-color: rgba(30, 150, 255, .5);
9
+ --resize-shadow: 0 0 10px rgba(30, 150, 255, .5);
10
+ --dock-background-color: black;
11
+ --dock-height: 35px;
12
+ --dock-sideLeft: 10px;
13
+ --dock-sideCenter: auto;
14
+ --dock-sideRight: 10px;
15
+ --dock-icon-width: 140px;
16
+ --transition-time: .5s;
17
+ --border-radius: 25px;
18
+ --corner-size: 14px;
19
+ --corner-border-radius: 50%;
20
+ --hover-opacity: 1;
21
+ --hover-filter: blur(3px);
22
+ }
23
+ #popup > [class^=popup_overflow],
24
+ #popup > [class^=popup_bar_],
25
+ #popup > [class^=popup_window_],
26
+ #popup > [class^=popup_internal],
27
+ #popup > [class^=popup_body],
28
+ #popup {
29
+ position: static;
30
+ }
31
+ #popup > [class^=popup_overflow],
32
+ #popup > [class^=popup_bar_],
33
+ #popup > [class^=popup_window_],
34
+ #popup > [class^=popup_internal],
35
+ #popup > [class^=popup_body],
36
+ #popup,
37
+ #popup_dock {
38
+ will-change:
39
+ transform,
40
+ opacity,
41
+ top,
42
+ left,
43
+ height,
44
+ width;
45
+ }
46
+ #popup {
47
+ position: absolute;
48
+ top: 0;
49
+ left: 0;
50
+ right: 0;
51
+ bottom: 0;
52
+ width: 100%;
53
+ height: 100%;
54
+ }
55
+ #popup .buttons {
56
+ display: flex;
57
+ position: absolute;
58
+ left: 0;
59
+ right: 0;
60
+ bottom: 0;
61
+ height: 40px;
62
+ justify-content: space-evenly;
63
+ align-items: center;
64
+ }
65
+ #popup .buttons button {
66
+ all: unset;
67
+ width: 100%;
68
+ height: 100%;
69
+ border-right: 2px solid #636363;
70
+ background:
71
+ linear-gradient(
72
+ 180deg,
73
+ #000 0%,
74
+ rgb(60, 60, 60) 100%);
75
+ overflow: hidden;
76
+ position: relative;
77
+ color: var(--button-color);
78
+ }
79
+ #popup .buttons button:last-child {
80
+ border-right: none;
81
+ }
82
+ #popup .buttons button img {
83
+ filter: invert(1);
84
+ opacity: 0.5;
85
+ width: 15px;
86
+ height: auto;
87
+ margin-top: 2px;
88
+ }
89
+ #popup .buttons button:hover {
90
+ transition: all 0.3s ease;
91
+ box-shadow: inset 0 0 5px rgb(0, 0, 0);
92
+ text-shadow: 0 0 15px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255);
93
+ }
94
+ #popup .popup_bar_selected {
95
+ background:
96
+ linear-gradient(
97
+ 45deg,
98
+ #162858 60%,
99
+ rgba(34, 78, 145, 0.5411764706) 100%) !important;
100
+ }
101
+ #popup .zHigh {
102
+ border-top-color: #278ed0 !important;
103
+ box-shadow: 0 -15px 20px -10px rgba(30, 150, 255, 0.5), 0 0 15px rgba(0, 0, 0, 0.7) !important;
104
+ border: 1px solid rgba(0, 0, 0, 0.05);
105
+ }
106
+ #popup [class^=popup_raised_] {
107
+ position: absolute;
108
+ inset: 0;
109
+ width: 100%;
110
+ height: 100%;
111
+ background-color: rgba(0, 0, 0, 0.3);
112
+ z-index: 1;
113
+ }
114
+ #popup [class^=popup_window_] {
115
+ position: absolute;
116
+ inset: 0;
117
+ width: 100%;
118
+ height: 100%;
119
+ z-index: 2;
120
+ border-radius: 10px;
121
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
122
+ overflow: hidden;
123
+ }
124
+ #popup [class^=popup_overflow_] {
125
+ position: absolute;
126
+ inset: auto;
127
+ z-index: 3;
128
+ border-radius: 10px;
129
+ background: gray;
130
+ }
131
+ #popup [class^=popup_bar_] {
132
+ display: flex;
133
+ width: 100%;
134
+ height: 36px;
135
+ background:
136
+ linear-gradient(
137
+ 45deg,
138
+ #4a4a4f 60%,
139
+ #AAA 100%);
140
+ border-bottom: 2px solid #555;
141
+ box-shadow: 0 1px 1px #888;
142
+ z-index: 2;
143
+ }
144
+ #popup [class^=popup_drag_] {
145
+ width: 100%;
146
+ padding: 10px 0 0 10px;
147
+ color: #eee;
148
+ text-overflow: ellipsis;
149
+ white-space: nowrap;
150
+ overflow: hidden;
151
+ }
152
+ #popup [class^=popup_icon_] {
153
+ padding: 8px 0 0 10px;
154
+ color: #eee;
155
+ font-size: 1.1em;
156
+ }
157
+ #popup [class^=popup_option_] {
158
+ display: flex;
159
+ margin-right: 15px;
160
+ }
161
+ #popup [class^=popup_option_] button {
162
+ position: relative;
163
+ display: inline-block;
164
+ width: 36px;
165
+ height: 28px;
166
+ color: white;
167
+ border-radius: 5px;
168
+ margin: 4px;
169
+ transition: all 0.3s ease;
170
+ background: transparent;
171
+ }
172
+ #popup [class^=popup_option_] button img {
173
+ filter: invert(1);
174
+ opacity: 0.5;
175
+ width: 15px;
176
+ height: auto;
177
+ margin-top: 2px;
178
+ }
179
+ #popup [class^=popup_option_] button:after {
180
+ content: "";
181
+ inset: 0;
182
+ display: block;
183
+ position: absolute;
184
+ background:
185
+ linear-gradient(
186
+ 180deg,
187
+ #000 0%,
188
+ rgb(60, 60, 60) 100%);
189
+ border-radius: 5px;
190
+ z-index: -1;
191
+ }
192
+ #popup [class^=popup_option_] button:after {
193
+ opacity: 0;
194
+ transition: opacity 0.3s ease-in-out;
195
+ }
196
+ #popup [class^=popup_option_] button:hover {
197
+ background: rgba(255, 255, 255, 0.1);
198
+ box-shadow: inset 0 0 5px rgb(0, 0, 0);
199
+ text-shadow: 0 0 15px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255);
200
+ }
201
+ #popup [class^=popup_option_] button:hover::after {
202
+ opacity: 1;
203
+ }
204
+ #popup [class^=popup_option_] button [class^=button_close_]:hover {
205
+ background: rgb(255, 0, 0) !important;
206
+ box-shadow: inset 0 0 25px rgb(255, 255, 255), 0 0 35px rgb(255, 0, 0) !important;
207
+ }
208
+ #popup [class^=button_close_]:hover {
209
+ background: rgb(255, 0, 0) !important;
210
+ box-shadow: inset 0 0 25px rgb(255, 255, 255), 0 0 35px rgb(255, 0, 0) !important;
211
+ }
212
+ #popup [class^=popup_internal_] {
213
+ position: absolute;
214
+ inset: 37px 0 0 0;
215
+ z-index: 1;
216
+ background:
217
+ linear-gradient(
218
+ 0deg,
219
+ rgb(60, 60, 60) 0%,
220
+ #4a4a4f 100%);
221
+ }
222
+ #popup [class^=popup_body_] {
223
+ position: absolute;
224
+ inset: 0;
225
+ color: #eee;
226
+ text-align: center;
227
+ }
228
+ .popupMaxSize {
229
+ position: absolute !important;
230
+ width: 100% !important;
231
+ height: 100% !important;
232
+ inset: 0 !important;
233
+ margin: 0 !important;
234
+ padding: 0 !important;
235
+ border-radius: 0 !important;
236
+ }
237
+ #popup_dock {
238
+ position: absolute;
239
+ bottom: 0;
240
+ left: 0;
241
+ right: 0;
242
+ height: var(--dock-height);
243
+ background-color: var(--dock-background-color);
244
+ border-top: 1px solid rgba(255, 255, 255, 0.521);
245
+ }
246
+ #popup_dock #popup_dock_icon {
247
+ position: absolute;
248
+ top: 3px;
249
+ left: 3px;
250
+ width: 70px;
251
+ height: var(--dock-height);
252
+ }
253
+ #popup_dock #popup_dock_list {
254
+ position: absolute;
255
+ top: 3px;
256
+ left: var(--dock-sideLeft);
257
+ right: var(--dock-sideLeft);
258
+ height: calc(var(--dock-height) - 5px);
259
+ overflow-y: auto;
260
+ text-align: right;
261
+ display: flex;
262
+ flex-direction: row;
263
+ justify-content: flex-end;
264
+ }
265
+ #popup_dock #popup_dock_list [class^=icon_] {
266
+ width: var(--dock-icon-width);
267
+ float: left;
268
+ padding: 4px;
269
+ color: white;
270
+ margin: 2px 3px 0 0;
271
+ display: flex;
272
+ flex-direction: row;
273
+ flex-wrap: nowrap;
274
+ justify-content: flex-start;
275
+ filter: saturate(400%);
276
+ }
277
+ #popup_dock #popup_dock_list [class^=icon_]:hover {
278
+ background-color: rgb(77, 77, 77);
279
+ }
280
+ #popup_dock #popup_dock_list [class^=icon_] span:nth-child(1) {
281
+ width: 20%;
282
+ text-align: center;
283
+ color: #F60;
284
+ }
285
+ #popup_dock #popup_dock_list [class^=icon_] span:nth-child(2) {
286
+ width: 80%;
287
+ text-align: left;
288
+ text-overflow: ellipsis;
289
+ white-space: nowrap;
290
+ overflow: hidden;
291
+ }
292
+ #popup_dock #popup_dock_list [class^=icon_] button {
293
+ width: 20px;
294
+ height: 20px;
295
+ color: white;
296
+ padding: 4px;
297
+ margin: 0;
298
+ display: flex;
299
+ align-content: center;
300
+ justify-content: center;
301
+ font-size: 0.7em;
302
+ border: none;
303
+ background: none;
304
+ }
305
+ #popup_dock #popup_dock_options {
306
+ position: absolute;
307
+ top: 3px;
308
+ right: 10px;
309
+ width: var(--dock-sideRight);
310
+ height: var(--dock-height);
311
+ }
312
+ #popup .iconize:before,
313
+ #popup .maximize:before,
314
+ #popup .close:before {
315
+ content: "";
316
+ position: absolute;
317
+ inset: 0;
318
+ background-repeat: no-repeat !important;
319
+ background-position: center !important;
320
+ background-size: 50% !important;
321
+ filter: invert(1);
322
+ opacity: 0.5;
323
+ margin: 0;
324
+ padding: 0;
325
+ }
326
+ #popup .iconize:before {
327
+ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjAiCiAgIGhlaWdodD0iMjAiCiAgIHZpZXdCb3g9IjAgMCA1LjI5MTY2NjUgNS4yOTE2NjY4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmczNzY4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMSAoM2JmNWFlMGQyNSwgMjAyMS0wOS0yMCkiCiAgIHNvZGlwb2RpOmRvY25hbWU9Imljb25pemUuc3ZnIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzMzc2MiIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9ImJhc2UiCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEuMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6em9vbT0iNS42IgogICAgIGlua3NjYXBlOmN4PSI5LjkxMDcxNDMiCiAgICAgaW5rc2NhcGU6Y3k9IjY4LjM5Mjg1NyIKICAgICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0ibW0iCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ibGF5ZXIxIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICB1bml0cz0icHgiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMjciCiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMzc2NSI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICBpbmtzY2FwZTpsYWJlbD0iTGF5ZXIgMSIKICAgICBpbmtzY2FwZTpncm91cG1vZGU9ImxheWVyIgogICAgIGlkPSJsYXllcjEiCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtMjkxLjcwODMyKSI+CiAgICA8cmVjdAogICAgICAgcnk9IjAuNjk5MTc0MjMiCiAgICAgICB5PSIyOTMuNjkyNzgiCiAgICAgICB4PSIwLjI3NDg0NjczIgogICAgICAgaGVpZ2h0PSIxLjM5ODM0ODUiCiAgICAgICB3aWR0aD0iNC43NjI0OTk4IgogICAgICAgaWQ9InJlY3QzNzM2LTciCiAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO3N0cm9rZS13aWR0aDowLjEzMjk5MTg1IiAvPgogIDwvZz4KPC9zdmc+Cg==) !important;
328
+ }
329
+ #popup .maximize:before {
330
+ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjAiCiAgIGhlaWdodD0iMjAiCiAgIHZpZXdCb3g9IjAgMCA1LjI5MTY2NjUgNS4yOTE2NjY4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmczNzY4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMSAoM2JmNWFlMGQyNSwgMjAyMS0wOS0yMCkiCiAgIHNvZGlwb2RpOmRvY25hbWU9Im1heGltaXplLnN2ZyIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczM3NjIiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJiYXNlIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnpvb209IjcuOTE5NTk1OSIKICAgICBpbmtzY2FwZTpjeD0iNC45ODc2MjgyIgogICAgIGlua3NjYXBlOmN5PSIyNS4zODAwODMiCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9Im1tIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgdW5pdHM9InB4IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTM3NjUiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxnCiAgICAgaW5rc2NhcGU6bGFiZWw9IkxheWVyIDEiCiAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTI5MS43MDgzMikiPgogICAgPHJlY3QKICAgICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjAuMTQ3MDQ1NCIKICAgICAgIGlkPSJyZWN0MzczMiIKICAgICAgIHdpZHRoPSI0Ljc2MjQ5OTgiCiAgICAgICBoZWlnaHQ9IjQuNzYyNDk5OCIKICAgICAgIHg9IjAuMjkxODUyNTMiCiAgICAgICB5PSIyOTIuMDEwNDQiCiAgICAgICByeT0iMC42NjcxMjEyMyIgLz4KICA8L2c+Cjwvc3ZnPgo=) !important;
331
+ }
332
+ #popup .close:before {
333
+ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjAiCiAgIGhlaWdodD0iMjAiCiAgIHZpZXdCb3g9IjAgMCA1LjI5MTY2NjUgNS4yOTE2NjY4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmczNzY4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjEuMSAoM2JmNWFlMGQyNSwgMjAyMS0wOS0yMCkiCiAgIHNvZGlwb2RpOmRvY25hbWU9ImNsb3NlLnN2ZyIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczM3NjIiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJiYXNlIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnpvb209IjcuOTE5NTk1OSIKICAgICBpbmtzY2FwZTpjeD0iNC45ODc2MjgyIgogICAgIGlua3NjYXBlOmN5PSIyNS4zODAwODMiCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9Im1tIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgdW5pdHM9InB4IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTM3NjUiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxnCiAgICAgaW5rc2NhcGU6bGFiZWw9IkxheWVyIDEiCiAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTI5MS43MDgzMikiPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjAuMTQ5MDI2NjMiCiAgICAgICBkPSJtIDAuOTY5NDI2NTUsMjkxLjk4MjY1IGMgLTAuMTczMTcsMCAtMC4zNDYzMSwwLjA2NjYgLTAuNDc5LDAuMTk5MjcgLTAuMjY1MzgsMC4yNjUzNyAtMC4yNjUzOCwwLjY5MjQ0IDAsMC45NTc4MSBsIDEuMjI0MjA5OTUsMS4yMjQxNyAtMS4yMjQyMDk5NSwxLjIyNDE3IGMgLTAuMjY1MzgsMC4yNjUzNyAtMC4yNjUzOCwwLjY5MjQ0IDAsMC45NTc4MSAwLjI2NTM4LDAuMjY1MzcgMC42OTI2MDk5NSwwLjI2NTM3IDAuOTU3OTg5OTUsMCBsIDEuMjI0MjEsLTEuMjI0MTcgMS4yMjQyMDgsMS4yMjQxNyBjIDAuMTMyNjkyLDAuMTMyNjggMC4zMDU4MywwLjE5OTI3IDAuNDc4OTkxLDAuMTk5MjcgMC4wNDMzLDAgMC4wODY3LC0wLjAwNCAwLjEyOTM3OSwtMC4wMTI1IDAuMTI3OTcxLC0wLjAyNDkgMC4yNTAxLC0wLjA4NzIgMC4zNDk2MiwtMC4xODY3NiAwLjAzMzIsLTAuMDMzMiAwLjA2MjMsLTAuMDY4NiAwLjA4NzEsLTAuMTA2MTQgMC4xNzQxNiwtMC4yNjMxOSAwLjE0NTA2OSwtMC42MTk0NiAtMC4wODcxLC0wLjg1MTY2IGwgLTEuMjI0MjA4LC0xLjIyNDE3IDEuMjI0MjA4LC0xLjIyNDE3IGMgMC4yNjUzNywtMC4yNjUzNyAwLjI2NTM3LC0wLjY5MjQ0IDAsLTAuOTU3ODEgLTAuMjY1Mzc5LC0wLjI2NTM3IC0wLjY5MjYxLC0wLjI2NTM3IC0wLjk1Nzk5LDAgbCAtMS4yMjQyMDgsMS4yMjQxNyAtMS4yMjQyMSwtMS4yMjQxNyBjIC0wLjEzMjY5LC0wLjEzMjY5IC0wLjMwNTgzLC0wLjE5OTI3IC0wLjQ3ODk4OTk1LC0wLjE5OTI3IHoiCiAgICAgICBpZD0icmVjdDM3MTUiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgogIDwvZz4KPC9zdmc+Cg==) !important;
334
+ }
335
+ #popup > input,
336
+ #popup > button,
337
+ #popup > textarea,
338
+ #popup > select {
339
+ all: unset;
340
+ }
341
+ .popup_alert,
342
+ .popup_message,
343
+ .popup_prompt,
344
+ .popup_confirm {
345
+ height: calc(100% - 41px);
346
+ box-shadow: 0 1px 1px #888;
347
+ overflow: auto;
348
+ padding: 20px;
349
+ word-break: break-all;
350
+ }
351
+ .popup_alert input[type=text],
352
+ .popup_message input[type=text],
353
+ .popup_prompt input[type=text],
354
+ .popup_confirm input[type=text] {
355
+ position: relative;
356
+ width: 90%;
357
+ height: 35px;
358
+ padding: 5px;
359
+ font-size: 1.05em;
360
+ border: 2px solid rgba(0, 0, 0, 0.3);
361
+ border-radius: 6px;
362
+ color: #ddd;
363
+ background-color: #4a4a4f;
364
+ }
365
+ .popup_window___alert #a___alert,
366
+ .popup_window___alert #a___message,
367
+ .popup_window___message #a___alert,
368
+ .popup_window___message #a___message {
369
+ width: 100% !important;
370
+ }
371
+ .popup_window___prompt #a___alert,
372
+ .popup_window___prompt #b___alert,
373
+ .popup_window___prompt #a___message,
374
+ .popup_window___prompt #b___message,
375
+ .popup_window___confirm #a___alert,
376
+ .popup_window___confirm #b___alert,
377
+ .popup_window___confirm #a___message,
378
+ .popup_window___confirm #b___message {
379
+ width: 50% !important;
380
+ }
381
+ .resize_0,
382
+ .resize_1,
383
+ .resize_2,
384
+ .resize_3 {
385
+ position: absolute;
386
+ background-color: var(--resize-background-color);
387
+ border-radius: var(--border-radius);
388
+ opacity: 0;
389
+ z-index: 5000;
390
+ transition: var(--transition-time);
391
+ }
392
+ .resize_0 {
393
+ top: -4px;
394
+ left: 0;
395
+ width: 100%;
396
+ height: 10px;
397
+ cursor: n-resize;
398
+ }
399
+ .resize_1 {
400
+ top: 0;
401
+ right: -4px;
402
+ width: 10px;
403
+ height: 100%;
404
+ cursor: e-resize;
405
+ }
406
+ .resize_2 {
407
+ bottom: -4px;
408
+ left: 0;
409
+ width: 100%;
410
+ height: 10px;
411
+ cursor: n-resize;
412
+ }
413
+ .resize_3 {
414
+ top: 0;
415
+ left: -4px;
416
+ width: 10px;
417
+ height: 100%;
418
+ cursor: e-resize;
419
+ }
420
+ .resize_corner_0,
421
+ .resize_corner_1,
422
+ .resize_corner_2,
423
+ .resize_corner_3 {
424
+ position: absolute;
425
+ background-color: var(--resize-background-color);
426
+ border-radius: var(--border-radius);
427
+ opacity: 0;
428
+ z-index: 5000;
429
+ transition: var(--transition-time);
430
+ width: var(--corner-size);
431
+ height: var(--corner-size);
432
+ border-radius: var(--corner-border-radius);
433
+ }
434
+ .resize_corner_0 {
435
+ top: -4px;
436
+ left: -4px;
437
+ cursor: nw-resize;
438
+ }
439
+ .resize_corner_1 {
440
+ top: -4px;
441
+ right: -4px;
442
+ cursor: ne-resize;
443
+ }
444
+ .resize_corner_2 {
445
+ bottom: -4px;
446
+ right: -4px;
447
+ cursor: nw-resize;
448
+ }
449
+ .resize_corner_3 {
450
+ bottom: -4px;
451
+ left: -4px;
452
+ cursor: ne-resize;
453
+ }
454
+ .resize_0:hover,
455
+ .resize_1:hover,
456
+ .resize_2:hover,
457
+ .resize_3:hover,
458
+ .resize_corner_0:hover,
459
+ .resize_corner_1:hover,
460
+ .resize_corner_2:hover,
461
+ .resize_corner_3:hover {
462
+ opacity: var(--hover-opacity);
463
+ filter: var(--hover-filter);
464
+ box-shadow: var(--resize-shadow);
465
+ transition: var(--transition-time);
466
+ }
467
+ #popup {
468
+ }
469
+ #popup ::-webkit-scrollbar {
470
+ width: 10px;
471
+ scroll-behavior: smooth;
472
+ }
473
+ #popup {
474
+ }
475
+ #popup ::-webkit-scrollbar-track {
476
+ -webkit-border-radius: 2px;
477
+ border-radius: 2px;
478
+ margin: 5px;
479
+ }
480
+ #popup {
481
+ }
482
+ #popup ::-webkit-scrollbar-thumb {
483
+ -webkit-border-radius: 2px;
484
+ border-radius: 2px;
485
+ background: rgb(30, 150, 255) !important;
486
+ }