shtml{position:relative;height:100%;overflow:hidden}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;xmin-height:100vh;xoverflow:hidden;background:#00f;position:fixed;position:relative}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{xoverflow:visible}body{background:#fff;width:100%;height:100vh}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.App{display:flex;flex-direction:column;height:100vh;overflow:hidden}.App-pane{width:100%;max-width:1400px;margin:auto;display:flex;height:calc(100vh - 50px);flex:1 1;position:relative;z-index:0}.controls{position:absolute;bottom:20px;left:20px}.button{margin:10px;padding:5px 10px;text-align:center;background:#444;color:#fff;font-size:18px;font-weight:700;cursor:pointer;width:120px}.mesh-container{position:relative;width:100%}.plane3d{position:absolute;pointer-events:none;-webkit-transform-origin:top left;transform-origin:top left}.plane3d .holder{pointer-events:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#222;color:#fff;cursor:pointer}.plane3d .holder.category{background:none}.plane3d .holder.site{box-shadow:5px 5px 15px rgba(32,32,32,.75);border:1px solid rgba(119,68,204,0)}.plane3d .holder.site.cousin,.plane3d .holder.site.neighbor{border:4px solid #ff8000}.plane3d .holder.site.selected{border:3px solid #ff8000;box-shadow:none}.plane3d .holder img{margin-bottom:-3px}.plane3d .holder .category-div{color:#eee;font-size:20px;line-height:18px;font-weight:700;text-shadow:2px 2px 4px #202020;padding:3px;width:150px;text-align:center}.plane3d .holder.neighbor .category-div,.plane3d .holder.selected .category-div{font-size:28px;line-height:26px;color:#fff;width:192px}.plane3d .holder.weakNeighbor .category-div{font-size:24px;line-height:22px;color:#fff}.plane3d .holder.selected .category-div{text-align:left;width:350px}.plane3d.at-target,.plane3d .holder.selected{pointer-events:none}.plane3d.at-target{opacity:0}.content-pane{position:relative;left:100%;border-left:1px solid #888;background:rgba(32,32,32,.75);box-sizing:border-box;flex:0 0 620px;z-index:2000;color:#fff;padding:20px 20px 0;-webkit-transition:left .5s;transition:left .5s;display:flex;flex-direction:column}.content-pane.active{left:0}.content-pane .site-title{font-weight:700;font-size:40px;margin-bottom:20px;flex:0 0}.content-pane .body-holder{display:inline-block;width:100%;flex:1 1}.content-pane .site-holder{overflow:auto}.content-pane.category .site-holder{margin-top:150px;margin-left:20px}.content-pane .site-body{font-size:24px;padding-right:20px}.content-pane .site-body p:first-child{margin-top:0}.content-pane .image-credit,.content-pane .ref-holder{margin-top:10px;margin-left:5px;font-size:16px;line-height:20px;font-style:italic}.content-pane .image-credit div,.content-pane .ref-holder div{padding-top:5px}.content-pane .image-credit a,.content-pane .ref-holder a{color:#fff}.content-pane .image-credit a:visited,.content-pane .ref-holder a:visited{color:#ddf}.content-pane .image-credit a:hover,.content-pane .ref-holder a:hover{color:#88f}.content-pane .ref-div{margin-left:30px}.content-pane img{float:left;width:244px;position:relative;margin-right:25px;margin-bottom:10px;border:6px solid #ff8000;opacity:0}.content-pane img.at-target{opacity:1}.content-pane .panel-close{position:absolute;top:30px;right:27px;cursor:pointer;stroke-width:3px;stroke:#aaa}.content-pane .panel-close:hover{stroke:#fff}.content-pane.mobile-portrait{flex:0 0 360px}.jsonreader label{cursor:pointer}.jsonreader .jsonreader-input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.jsonreader .default-label{cursor:pointer;padding:5px;border:1px solid #000;margin:5px}.tile-history{position:absolute;top:10px;left:250px;right:75px;z-index:2;overflow:hidden}.tile-history .tile-frame{display:flex;position:relative;left:0}.tile-history .tile-frame.animating{left:-42px;-webkit-transition:left 1s;transition:left 1s}.tile-history .tile-image{height:30px;margin:0 5px;border:1px solid #fff;background:#000;cursor:pointer}.Nav-bar{height:50px;color:#fff;background:#0a3161;border-bottom:1px solid #888;position:relative;box-shadow:0 3px 3px rgba(0,0,0,.5);z-index:1}.Nav-bar .nav-holder{position:relative;width:100%;max-width:1400px;margin:auto;flex:0 0 50px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:15px 25px;color:#aaa;font-weight:700}.Nav-bar a{text-decoration:none;cursor:pointer;color:#aaa}.Nav-bar a:visited{color:#aaa}.Nav-bar a:hover{color:#ddd}.Nav-bar .nav-burger{width:24px;height:14px;border-top:2px solid #aaa;border-bottom:2px solid #aaa;cursor:pointer}.Nav-bar .nav-burger .middle-bar{height:6px;border-bottom:2px solid #aaa;pointer-events:none}.Nav-bar .select-list{position:absolute;top:53px;right:25px;border:1px solid #aaa;color:#fff;font-size:16px;background:#222;font-weight:700}.Nav-bar .select-list.hidden{display:none}.Nav-bar .select-list .select-item{padding:5px 10px;box-sizing:border-box;cursor:pointer}.Nav-bar .select-list .select-item a{text-decoration:none;cursor:pointer;color:#fff}.Nav-bar .select-list .select-item a:hover,.Nav-bar .select-list .select-item a:visited{color:#fff}.Nav-bar .select-list .select-item.break{height:10px;border-bottom:1px solid #888;pointer-events:none}.Nav-bar .select-list .select-item:hover{background:#444}.Nav-bar .nav-holder.mobile .nav-burger,.Nav-bar .nav-holder.mobile .select-list{display:none}.title-page{position:absolute;top:50px;right:20px;color:#fff;width:550px;z-index:3000;font-size:27px;font-weight:500;text-shadow:3px 3px 5px #000;background:rgba(0,0,0,.6);padding:22px;border:1px solid #888;opacity:0;pointer-events:none}.title-page.ready{-webkit-transition:opacity .25s;transition:opacity .25s}.title-page.active{-webkit-transition:opacity 1s;transition:opacity 1s;opacity:1}.mobile-content-pane{position:relative;left:100%;height:calc(100vh - 50px);background:rgba(32,32,32,.9);box-sizing:border-box;flex:0 0 720px;z-index:2000;color:#fff;padding:20px 20px 0;-webkit-transition:left .5s;transition:left .5s;pointer-events:auto;flex-direction:column}.mobile-content-pane.active{left:0;display:flex}.mobile-content-pane .content-holder{box-sizing:border-box;overflow:auto}.mobile-content-pane .site-title{font-weight:700;font-size:18px;margin-bottom:10px;flex:0 0}.mobile-content-pane .body-holder{display:inline-block;width:100%;flex:1 1}.mobile-content-pane .site-holder{overflow:auto}.mobile-content-pane.category .site-holder{margin-top:150px;margin-left:20px}.mobile-content-pane .site-body{font-size:14px;padding-right:20px}.mobile-content-pane .site-body p:first-child{margin-top:0}.mobile-content-pane .image-credit,.mobile-content-pane .ref-holder{margin-top:10px;margin-left:5px;font-size:10px;line-height:14px;font-style:italic}.mobile-content-pane .image-credit a,.mobile-content-pane .ref-holder a{color:#fff}.mobile-content-pane .image-credit a:visited,.mobile-content-pane .ref-holder a:visited{color:#ddf}.mobile-content-pane .image-credit a:hover,.mobile-content-pane .ref-holder a:hover{color:#88f}.mobile-content-pane .ref-div{margin-left:20px}.mobile-content-pane img{float:left;width:122px;position:relative;margin-right:25px;margin-bottom:10px;border:6px solid #fff;opacity:0}.mobile-content-pane img.at-target{opacity:1}.mobile-content-pane .panel-close{position:absolute;top:17px;right:17px;cursor:pointer;stroke-width:3px;stroke:#aaa}.mobile-content-pane .panel-close:hover{stroke:#fff}.mobile-content-pane.mobile-portrait{flex:0 0 360px}.mobile-display{position:relative;height:100vh;background:#222;box-sizing:border-box}.mobile-display .mobile-chip{height:70px;width:70px;object-fit:cover;margin:5px}.mobile-display .site-menu-holder{height:calc(100vh - 50px);overflow:auto}.mobile-display .site-menu{display:flex;flex-wrap:wrap;margin:auto;width:322px;padding-bottom:120px}.mobile-display .mobile-content-holder{position:absolute;top:0;left:0;pointer-events:none;width:100%;height:calc(100vh - 50px)}.mobile-display .cat-chip{color:#fff}.mobile-display .cat-chip-holder .chip-row{display:flex;margin:auto;width:322px}.tester-main{background:green;xoverflow:scroll;height:120vh}.tester-main .tester-content{color:#fff;background:red}
/*# sourceMappingURL=main.409c97c4.chunk.css.map */