.App{background-color:var(--color-background);display:grid;grid-template-areas:"Content" "ProgressBar";grid-template-rows:1fr auto;height:100vh;width:100vw}.App__Content{grid-area:Content;min-height:0;min-width:0}.App .MapView,.App .TileTypeList{border:1px solid var(--color-border)}.App .ProgressBar{grid-area:ProgressBar;height:1rem}.EditorWindow{display:grid;grid-template-areas:"left header right" "left main right" "bottom bottom bottom";grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto}.EditorWindow__MainContent{grid-area:main}.EditorWindow__LeftSidebar{grid-area:left}.EditorWindow__RightSidebar{grid-area:right}.EditorWindow__Footer{grid-area:bottom}.EditorWindow__Header{grid-area:header}.EditorWindow__DragHandle{cursor:move}.EditorWindow__DragHandle:hover{cursor:hand}.EditorWindow__DragHandle:active{cursor:grabbing}.Typography{max-width:40em}.Typography h1{font-size:1.5rem}.Typography h2{font-size:1.25rem}.Typography h3,.Typography h4,.Typography h5,.Typography h6{font-size:1rem}.Typography h1,.Typography h2,.Typography h3,.Typography h4,.Typography h5,.Typography h6{line-height:1;margin-bottom:.5em;margin-top:1em}.Typography p{font-size:1rem;line-height:1.15}.Typography dl,.Typography ol,.Typography p,.Typography ul{margin-top:.5em}.Button{background-color:var(--color-background);border:1px solid var(--color-border);padding:.5rem}.Button:not(:disabled){cursor:pointer}.Button:disabled{border-color:var(--color-disabled);color:var(--color-disabled)}.Button--destructive{border-color:var(--color-destructive);color:var(--color-destructive)}.FontAwesomeButton{align-items:center;aspect-ratio:1;display:flex;justify-content:center}.BufferedInput{display:flex}.BufferedInput__Input{flex-grow:1}.MapView{--color-grid:var(--color-border);position:relative}.MapView__Canvas{height:100%;left:0;position:absolute;top:0;width:100%}.MapView__Controls{align-items:center;background-color:var(--color-background);box-shadow:0 0 2rem var(--color-background);display:flex;gap:1rem;justify-content:center;opacity:.6;padding:.5rem;position:absolute;transition:opacity .2s}.MapView__Controls--Side{flex-direction:column;right:1rem;top:1rem}.MapView__Controls--Top{top:0}.MapView__Controls--Bottom,.MapView__Controls--Top{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:auto}.MapView__Controls--Bottom{bottom:0}.MapView__Controls:hover{opacity:1}.MapView__Control{font-size:1.5rem;height:2em;width:2em}.Resizable{--draghandle-width:10px;display:grid;grid-template-areas:"left top right" "left center right" "left bottom right";grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto}.Resizable__Content{display:grid;grid-area:center;min-height:0;min-width:0}.Resizable__Handle{background-color:var(--color-highlight-background-solid)}.Resizable--bottom .Resizable__Handle,.Resizable--top .Resizable__Handle{cursor:ns-resize;height:var(--draghandle-width)}.Resizable--left .Resizable__Handle,.Resizable--right .Resizable__Handle{cursor:ew-resize;width:var(--draghandle-width)}.Resizable--top .Resizable__Handle{grid-area:top}.Resizable--bottom .Resizable__Handle{grid-area:bottom}.Resizable--left .Resizable__Handle{grid-area:left}.Resizable--right .Resizable__Handle{grid-area:right}.ConnectionSelector{align-items:center;display:flex}.ConnectionSelector__Value{border:1px solid var(--color-border);display:flex;flex-grow:1;padding:.5rem;position:relative}.ConnectionSelector__Button{cursor:pointer;display:flex;flex-grow:1}.ConnectionSelector__Button__Text{flex-grow:1}.ConnectionSelector__Menu{background-color:var(--color-background);border:1px solid var(--color-border);left:-1px;overflow-y:scroll;padding:.5rem 0;position:absolute;top:100%;width:calc(100% + 2px);z-index:1}.ConnectionSelector__MenuItem{cursor:pointer;padding:.5rem}.ConnectionSelector__MenuItem:hover{background-color:var(--color-highlight-background)}.Hidden{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.TabbedPanel{align-items:stretch;display:flex}.TabbedPanel__Tabs{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.TabbedPanel__Tab{border:1px solid var(--color-border);border-bottom-left-radius:.5rem;border-right:none;border-top-left-radius:.5rem;margin-right:-1px;padding:.25rem .5rem .25rem 1rem}.TabbedPanel__Tab--active{background-color:var(--color-background);z-index:1}.TabbedPanel__Content{border:1px solid var(--color-border);flex-grow:1}.TileEditor{grid-gap:1rem;display:grid;gap:1rem;grid-template-areas:"image info images" "image info images";grid-template-columns:auto 1fr 1fr;grid-template-rows:auto 1fr}.TileEditor--Empty{width:100%}.TileEditor--Empty,.TileEditor__Image{border:1px solid var(--color-border);height:100%;padding:1rem}.TileEditor__Image{aspect-ratio:1/1;grid-area:image}.TileEditor__ImageContainer{background-color:#fff;height:100%;width:100%}.TileEditor__ImageContainer>img{-ms-interpolation-mode:nearest-neighbor;height:100%;image-rendering:-moz-crisp-edges;image-rendering:pixelated;object-fit:contain;width:100%}.TileEditor__Properties{grid-area:images}.TileEditor__Connections{grid-gap:.5rem;align-content:flex-start;align-items:center;display:grid;gap:.5rem;grid-template-columns:auto 1fr;padding:.5rem}.TileEditor__Connections .ConnectionSelector{display:contents}.TileEditor__Info{display:flex;flex-direction:column;gap:1rem;grid-area:info;margin-bottom:.5rem}.TileEditor__Name{font-size:2rem}.TileEditor__Description{flex-grow:1;resize:none}.TileImageSelector{align-items:stretch;display:grid;justify-content:stretch}.TileImageSelector__Images{grid-gap:.5rem;align-content:flex-start;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(3rem,1fr));overflow-y:scroll;padding:.5rem}.TileImageSelector__ImageContainer>img{-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:pixelated;max-height:3rem;max-width:3rem;object-fit:contain;width:100%}.TileImageSelector__ImageDelete{align-items:center;background-color:var(--color-background);border:1px solid var(--color-destructive);border-radius:50%;color:var(--color-destructive);cursor:pointer;display:flex;font-size:.75em;height:2em;justify-content:center;position:absolute;right:0;top:0;-webkit-transform:translate(30%,-30%);transform:translate(30%,-30%);width:2em}.TileImageSelector__ImageDelete:hover{background-color:var(--color-destructive);color:var(--color-background)}.TileImageSelector__Image{aspect-ratio:1/1;border:1px dashed transparent;cursor:pointer;padding:.5rem;position:relative;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}.TileImageSelector__Image--selected{background-color:var(--color-highlight-background);border-color:var(--color-border)}.TileImageSelector__DropZone{align-items:center;border:1px dashed var(--color-border);display:grid;justify-content:center;margin:.5rem}.TileImageSelector__DropZone--isDraggingOver{background-color:var(--color-highlight-background)}.TileTypeList{grid-gap:.5rem;align-content:flex-start;display:grid;gap:.5rem;overflow-y:scroll;padding:.5rem}.TileTypeList__AddNew{aspect-ratio:auto;height:4rem}.TileTypeList__Tile{background-color:var(--color-background);border:1px dashed transparent;cursor:pointer;display:grid;grid-template-areas:"image name" "image description";grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}.TileTypeList__Tile--selected{background-color:var(--color-highlight-background);border-color:var(--color-border)}.TileTypeList__Image{aspect-ratio:1/1;grid-area:image;height:4rem;padding:.5rem}.TileTypeList__ImageContainer{background-color:#fff;height:100%;width:100%}.TileTypeList__ImageContainer>img{-ms-interpolation-mode:nearest-neighbor;height:100%;image-rendering:-moz-crisp-edges;image-rendering:pixelated;object-fit:contain;width:100%}:root{--font-normal:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-fixed-width:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;--color-background:#121212;--color-text:#eaeaea;--color-border:var(--color-text);--color-highlight-background:#60606080;--color-highlight-background-solid:#606060;--color-disabled:#888;--color-destructive:#f44;box-sizing:border-box;color:#eaeaea;color:var(--color-text)}@media(prefers-color-scheme:light){:root{--color-background:#eaeaea;--color-text:#121212;--color-highlight-background:#a0a0a080;--color-highlight-background-solid:#a0a0a0;--color-destructive:#800}}*,:after,:before{background-color:transparent;box-sizing:inherit;color:inherit;font-family:inherit;font-size:inherit}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;background-color:var(--color-background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-normal);margin:0;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-family:var(--font-fixed-width)}::-webkit-scrollbar{width:1rem}::-webkit-scrollbar-track{background:#121212;background:var(--color-background);border-left:1px solid #eaeaea;border-left:1px solid var(--color-border)}::-webkit-scrollbar-thumb{border-bottom:1px solid #eaeaea;border-bottom:1px solid var(--color-border);border-top:1px solid #eaeaea;border-top:1px solid var(--color-border)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#60606080;background:var(--color-highlight-background)}input,textarea{border:none}
/*# sourceMappingURL=main.a667c3ac.css.map*/