*{margin:0;border:0;padding:0;outline:0;box-sizing:border-box;font-family:sans-serif;font-size:1rem}:root{--panel-text: black;--panel-background: #efefef;--main-window-gradient-top: #afafaf;--main-window-gradient-bottom: #7f7f7f;--border-color: black;--control-label-text: black;--control-label-text-hover: white;--control-label-background: #cfcfcf;--control-label-background-hover: #3f3f3f;--control-input-text: black;--control-input-text-hover: white;--control-input-background: white;--control-input-background-hover: black;--control-input-background-disabled: #7f7f7f;--control-input-accent: #7fcfff;--top-panel-height: 2.5rem;--side-panel-width: 16rem;--main-panel-padding: 2rem;background-color:#cfcfcf}:root.dark{--panel-text: #afafaf;--panel-background: #1f1f1f;--main-window-gradient-top: #2f2f2f;--main-window-gradient-bottom: #1f1f1f;--border-color: #7f7f7f;--control-label-text: white;--control-label-text-hover: black;--control-label-background: #3f3f3f;--control-label-background-hover: #cfcfcf;--control-input-text: white;--control-input-text-hover: black;--control-input-background: black;--control-input-background-hover: white;--control-input-background-disabled: #7f7f7f;--control-input-accent: #4f1f9f;--control-input-accent-checked: #8f2fff;background-color:black}input:disabled{background-color:var(--control-input-background-disabled)}html,body,#content{min-height:100%;height:100%}#content{padding-top:var(--top-panel-height)}#content #leftPanel{float:left;border-right:solid 1px var(--border-color)}#content #leftPanel #layerList table{border:solid 1px var(--border-color);border-collapse:collapse;width:100%}#content #leftPanel #layerList table thead{border-bottom:solid 1px var(--border-color);background-color:var(--control-label-background)}#content #leftPanel #layerList table thead th.layerCurrent{width:1rem}#content #leftPanel #layerList table thead th.layerName{width:calc(100% - 5rem)}#content #leftPanel #layerList table thead th.layerVisible{width:1rem}#content #leftPanel #layerList table thead th.layerMove{width:3rem}#content #leftPanel #layerList table thead th:not(:last-child){border-right:solid 1px var(--border-color)}#content #leftPanel #layerList table tr td{padding:.125rem .25rem;text-align:center}#content #leftPanel #layerList table tr td:not(:last-child){border-right:solid 1px var(--control-label-background)}#content #leftPanel #layerList table tr:not(:last-child){border-bottom:solid 1px var(--control-label-background)}#content #rightPanel{float:right;border-left:solid 1px var(--border-color)}#content #leftPanel,#content #rightPanel{padding:.5rem;width:var(--side-panel-width);height:100%;color:var(--panel-text);background-color:var(--panel-background);overflow-y:auto}#content #leftPanel h1,#content #rightPanel h1{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;border-bottom:solid 1px var(--border-color)}#content #leftPanel p,#content #rightPanel p{display:block;position:relative;width:100%;max-height:1rem;overflow:hidden;transition:max-height 0s 0s ease-out}#content #leftPanel p::before,#content #rightPanel p::before{content:"?";display:block;position:absolute;top:0;left:0;padding-right:.5rem;width:100%;height:1rem;background:linear-gradient(to bottom, transparent, var(--panel-background)),linear-gradient(to right, transparent, var(--panel-background));text-align:right;opacity:1;z-index:1;box-sizing:border-box;transition:opacity .25s .75s ease-out}#content #leftPanel p:hover,#content #rightPanel p:hover{max-height:100%;transition-delay:.25s}#content #leftPanel p:hover::before,#content #rightPanel p:hover::before{opacity:0;transition-delay:0s}#content #leftPanel>:not(:first-child),#content #rightPanel>:not(:first-child){margin-top:.5rem}#content #mainPanel{display:flex;float:right;padding:var(--main-panel-padding);width:calc(100% - calc(var(--side-panel-width) * 2));height:100%;background:linear-gradient(180deg, var(--main-window-gradient-top), var(--main-window-gradient-bottom));overflow:auto;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;justify-items:center}#content #mainPanel:empty::after{content:"Welcome!\APress \"New Map\" to make a new map,\Aor press \"Load Map\" and choose a file from your hard drive.";display:inline-block;border:solid 1px var(--border-color);padding:1rem;color:var(--panel-text);background-color:var(--panel-background);line-height:1.5rem;text-align:center;white-space:pre}#content #mainPanel #display,#content #mainPanel .display{margin:var(--main-panel-padding);border:solid 1px var(--border-color);background-color:black;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor;flex:none;cursor:crosshair}#topPanel{position:fixed;top:0;left:0;border-bottom:solid 1px var(--border-color);padding:.125rem .25rem;width:100%;height:var(--top-panel-height);color:var(--panel-text);background-color:var(--panel-background);line-height:2rem;vertical-align:top;white-space:normal;overflow-x:auto}#topPanel span{display:inline-block;margin:0 .25rem;height:2rem;line-height:2rem;vertical-align:top;white-space:nowrap}#topPanel span:empty{border-left:solid 1px var(--border-color)}#topPanel span:first-child{margin-left:0}#topPanel span:last-child{margin-right:0}#topPanel span>*{display:inline-block;border:solid 1px var(--border-color);padding:0 .25rem;height:2rem}#topPanel span label{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;border-right:none;color:var(--control-label-text);background-color:var(--control-label-background);line-height:inherit;vertical-align:top}#topPanel span input[type="number"]{width:3.5rem}#topPanel span input[type="range"]{width:5rem}#topPanel span:hover label{background-color:var(--control-label-background-hover);color:var(--control-label-text-hover)}#topPanel span:hover input:not(:disabled){background-color:var(--control-input-background-hover);color:var(--control-input-text-hover)}#topPanel input,#content input{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;border:solid 1px var(--border-color);padding:0 .25rem;height:2rem;color:var(--control-input-text);background-color:var(--control-input-background);line-height:2rem;text-decoration:none;vertical-align:top}#topPanel input:not([type="text"]),#content input:not([type="text"]){cursor:pointer}#topPanel input:not([type="text"]):not(:disabled):hover,#content input:not([type="text"]):not(:disabled):hover{background-color:var(--control-input-background-hover);color:var(--control-input-text-hover)}#topPanel input:not([type="text"]):checked,#content input:not([type="text"]):checked{background-color:var(--control-input-background-hover);color:var(--control-input-text-hover)}#topPanel input:not([type="text"]):checked:hover,#content input:not([type="text"]):checked:hover{background-color:var(--control-input-accent-checked)}#topPanel input[type="button"],#content input[type="button"]{background-color:var(--control-input-accent)}#topPanel input[type="button"]:not(:disabled):hover,#content input[type="button"]:not(:disabled):hover{background-color:var(--control-input-background-hover);color:var(--control-input-text-hover)}#topPanel input[type="button"]+input[type="button"],#content input[type="button"]+input[type="button"]{border-left:none}#topPanel input[type="radio"],#content input[type="radio"]{border-radius:50%}#topPanel input[type="checkbox"],#topPanel input[type="radio"],#content input[type="checkbox"],#content input[type="radio"]{width:1rem;height:1rem;vertical-align:top}.lookLikeAButton{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;border:solid 1px var(--border-color);padding:0 .25rem;height:2rem;color:var(--control-input-text);background-color:var(--control-input-background);line-height:2rem;text-decoration:none;vertical-align:top;background-color:var(--control-input-accent);height:2rem}.lookLikeAButton:not([type="text"]){cursor:pointer}.lookLikeAButton:not([type="text"]):not(:disabled):hover{background-color:var(--control-input-background-hover);color:var(--control-input-text-hover)}.lookLikeAButton:not([type="text"]):checked{background-color:var(--control-input-background-hover);color:var(--control-input-text-hover)}.lookLikeAButton:not([type="text"]):checked:hover{background-color:var(--control-input-accent-checked)}.lookLikeAButton:not(:disabled):hover{background-color:var(--control-input-background-hover);color:var(--control-input-text-hover)}#content label{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;display:inline-block;padding-left:.5rem;height:1rem;line-height:1rem;vertical-align:top}
