#root{display:flex;flex-direction:row;width:100%;min-height:100%}:root{font-family:sans-serif;font-weight:400;--main-background-color: #37302b;--main-target-color: #393E46;--main-accent-color: #69523f;--main-default-color: #DFD0B8;--main-contrast-color: #f1be32;--lighter-default-color: #ece3d5;--lightest-default-color: #faf6ef;--dimmed-default-color: #aea9a1;--lighter-accent-color: #846b56;--lightest-accent-color: #b8a08d;--reddish-accent-color: #845656;color:var( --main-default-color);background:url(/assets/background-wall-DC2T5Aka.jpg)}*{margin:0;padding:0;border:none;list-style-type:none;box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body{width:100%;height:100%}button{cursor:pointer;border:1px solid transparent;background-color:var(--main-accent-color);color:var(--main-default-color);transition:border-color .25s;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2px}button:hover{border:1px solid var(--lightest-accent-color);background-color:var(--lighter-accent-color);color:var(--lighter-default-color)}button:disabled{color:var(--dimmed-default-color);background-color:var(--main-accent-color);border:none;cursor:default}.window-holder{position:fixed;top:0;left:0;height:100vh;width:100vw;background:#646464e6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100}.window{background-color:var(--main-background-color);padding:20px;border-radius:10px 10px 4px 4px;max-height:80vh;max-width:450px;display:flex;flex-direction:column;gap:10px}.window header{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.window header .close-button{position:absolute;top:-20px;right:-20px;border-radius:2px 9px 2px 2px;width:25px;height:25px}.window .fields{display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--main-default-color) var(--lighter-accent-color);padding:10px;background-color:var(--main-accent-color);border:1px solid var(--lighter-accent-color);border-radius:2px;gap:8px;scrollbar-gutter:stable}.window .fields .field{display:flex;flex-direction:row;gap:8px}.window .fields .field label{flex:1;display:flex;justify-content:right;align-items:center;text-wrap:nowrap;font-size:small}.window .fields .field .control{flex:3;display:flex;justify-content:left;align-items:center;gap:5px}.window .fields .field .control button{height:20px;width:20px;border-radius:3px}.window .fields .field .control input{width:100%;padding:3px;color:var(--lighter-default-color);background-color:var(--lighter-accent-color);border:1px solid var(--lightest-accent-color);border-radius:2px}.window .fields .field .control textarea{width:100%;height:75px;min-height:60px;padding:3px;font-family:serif;color:var(--lighter-default-color);background-color:var(--lighter-accent-color);border:1px solid var(--lightest-accent-color);border-radius:2px;resize:vertical}.window .fields .field .control input:focus,.window .fields .field .control textarea:focus{outline:2px solid var(--lighter-accent-color)}.window footer{display:flex;flex-direction:row;justify-content:left;align-items:center}.window footer button{height:25px;padding:5px 10px;border-radius:3px}.window footer .left-buttons{margin-right:auto}.window footer button.critical{background-color:var(--reddish-accent-color);opacity:.5}.window footer button.critical:hover{opacity:1}@media (max-aspect-ratio: 4/5) and (max-width: 500px){.window{width:100%;max-width:none;padding:5px}.window header .close-button{top:-5px;right:-5px}}