html,body,#root{width:100%;height:100%;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center}:root{--border: #b6e5ff;--footer: #f0f0f0;--message: #ffffff;--color: #000000;--trim: #707070}*{outline:none}.dialog-wrapper{width:100%;height:100%;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;z-index:999}.dialog-window{background-color:#e3c4ff;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;border:1px solid var(--color);overflow:hidden;position:fixed;max-width:600px;min-width:150px;min-height:150px;xmin-height:fit-content}.parent{display:grid;grid-template-columns:4px auto 4px;grid-template-rows:4px 21px auto 40px 4px;grid-column-gap:0px;grid-row-gap:0px;flex:1;width:100%;border-radius:8px;xoverflow:hidden}#div1{grid-area:1 / 1 / 2 / 2}#div2{grid-area:1 / 2 / 2 / 3}#div3{grid-area:1 / 3 / 2 / 4}#div4{grid-area:2 / 1 / 3 / 2}#div5{grid-area:2 / 2 / 3 / 3}#div6{grid-area:2 / 3 / 3 / 4}#div7{grid-area:3 / 1 / 4 / 2}#div8{grid-area:3 / 2 / 4 / 3}#div9{grid-area:3 / 3 / 4 / 4}#div10{grid-area:4 / 1 / 5 / 2}#div11{grid-area:4 / 2 / 5 / 3}#div12{grid-area:4 / 3 / 5 / 4}#div13{grid-area:5 / 1 / 6 / 2}#div14{grid-area:5 / 2 / 6 / 3}#div15{grid-area:5 / 3 / 6 / 4}#div1,#div4,#div7,#div10,#div13,#div3,#div6,#div9,#div12,#div15{xwidth:10px;background-color:var(--border);cursor:ew-resize}#div1,#div2,#div3,#div13,#div14,#div15{xheight:10px;background-color:var(--border);cursor:ns-resize}#div11{background-color:var(--footer);display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}#div8{background-color:var(--message);border-radius:2px 2px 0 0}#div5{background-color:var(--border);display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-left:4px;padding-bottom:4px;xpadding-right:4px;cursor:grab}#div8{border:1px solid var(--color);border-bottom:none;padding:4px;display:flex;justify-content:center;align-items:center;flex-direction:column}#div11{border:1px solid var(--color);border-top:none;border-radius:0 0 2px 2px}.close{font-weight:700;height:20px;width:20px;xbackground-color:red;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--color)}.title{width:100%;color:var(--color)}#div3,#div13{cursor:ne-resize}#div1,#div15{cursor:nw-resize}.message{text-align:center;width:calc(100% - 32px);xheight:100%;display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;margin:16px;color:var(--color)}#ok,#cancel,#submit{height:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--footer);border:1px solid var(--trim);border-radius:2px;color:var(--color)}#ok:hover,#cancel:hover{background-color:var(--border);xborder:1px solid #3c7fb1}#popup_input{margin:0 16px 16px;width:calc(100% - 32px);max-width:200px;border:1px solid var(--trim);background-color:var(--message);border-radius:2px}