.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}:root{--win-bg: #c0c0c0;--win-text: #000000;--win-gray-light: #dfdfdf;--win-gray-dark: #808080;--win-darkest: #000000;--win-white: #ffffff;--win-blue: #000080;--win-blue-light: #1084d0;--status-online: #008000;--status-offline: #800000}body{background-color:#3a6ea5;font-family:Tahoma,"MS Sans Serif",sans-serif;font-size:11px;margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden}.window{background-color:var(--win-bg);border-top:2px solid var(--win-white);border-left:2px solid var(--win-white);border-right:2px solid var(--win-darkest);border-bottom:2px solid var(--win-darkest);box-shadow:1px 1px 0 var(--win-darkest);padding:2px;display:flex;flex-direction:column}.title-bar{background:linear-gradient(90deg,var(--win-blue),var(--win-blue-light));color:#fff;padding:2px 4px;font-weight:700;display:flex;justify-content:space-between;align-items:center;height:18px}.title-bar-controls button{width:16px;height:14px;font-size:9px;line-height:10px;margin-left:2px;padding:0;background:var(--win-bg);border-top:1px solid var(--win-white);border-left:1px solid var(--win-white);border-right:1px solid var(--win-darkest);border-bottom:1px solid var(--win-darkest);font-family:inherit;font-weight:700}.window-body{padding:2px;flex-grow:1;display:flex;flex-direction:column;overflow:visible;min-height:0}input[type=text],input[type=password]{border-top:2px solid var(--win-darkest);border-left:2px solid var(--win-darkest);border-right:2px solid var(--win-white);border-bottom:2px solid var(--win-white);background:white;padding:3px;font-family:inherit;font-size:11px;outline:none}button.retro-btn{background:var(--win-bg);border-top:2px solid var(--win-white);border-left:2px solid var(--win-white);border-right:2px solid var(--win-darkest);border-bottom:2px solid var(--win-darkest);padding:4px 12px;cursor:pointer;font-family:inherit;font-size:11px}button.retro-btn:active{border-top:2px solid var(--win-darkest);border-left:2px solid var(--win-darkest);border-right:2px solid var(--win-white);border-bottom:2px solid var(--win-white);padding:5px 11px 3px 13px}::-webkit-scrollbar{width:16px;background:var(--win-bg)}::-webkit-scrollbar-thumb{background:var(--win-bg);border-top:1px solid var(--win-white);border-left:1px solid var(--win-white);border-right:1px solid var(--win-darkest);border-bottom:1px solid var(--win-darkest)}::-webkit-scrollbar-button{background:var(--win-bg);border-top:1px solid var(--win-white);border-left:1px solid var(--win-white);border-right:1px solid var(--win-darkest);border-bottom:1px solid var(--win-darkest);height:16px}.inset-box{border-top:2px solid var(--win-darkest);border-left:2px solid var(--win-darkest);border-right:2px solid var(--win-white);border-bottom:2px solid var(--win-white);background:white}@media (max-width: 600px){.window{width:96%!important;height:80vh!important;left:2%!important;top:5vh!important;margin:0!important;position:fixed!important;display:flex!important;flex-direction:column!important}.title-bar-controls button{width:24px;height:20px}button.retro-btn{padding:8px 16px}.window-body div{padding:8px 5px!important}input,textarea,select{font-size:14px!important}}