@font-face{font-family:"PixelMix";src:local("PixelMix"),url(/procgen-skill-tree/static/media/pixelmix.43079f34.ttf) format("truetype")}@font-face{font-family:"PixelMix";src:local("PixelMix"),url(/procgen-skill-tree/static/media/pixelmix_bold.8628f266.ttf) format("truetype")}body,button{font-family:"PixelMix",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box;overflow-anchor:none}.App{text-align:center}.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-header{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}.entire-area{height:100%;background-color:#000;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.button-zone,.entire-area{width:100%;position:absolute}.button-zone{bottom:0;z-index:300}.debug-overlay{position:relative;top:1px;left:1px;width:0;height:0;z-index:300}@-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)}}.text{position:absolute;width:100px;font-size:11px;color:#fff;left:400px}.tab-content-body,.text{text-align:left}.details{margin-bottom:4px}.details summary{cursor:pointer}.details-body div{margin-left:8px;margin-top:4px}.details-body .final-total{text-align:right;margin-right:8px}.game-area{overflow-x:scroll;overflow-y:scroll;background-color:var(--background-black);width:var(--app-size-width);height:var(--app-size-height)}.hidden-scrollbars{scrollbar-width:none;-ms-overflow-style:none}.hidden-scrollbars::-webkit-scrollbar{display:none}.hex-half-block{width:calc(var(--grid-width)*0.5);height:var(--grid-height)}.hex-block-row{display:block;float:left;min-width:-webkit-max-content;min-width:max-content}.hex-block{float:left;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.hex-full-block{width:var(--grid-width);height:var(--grid-height)}.hex-center{border-style:solid;border-width:var(--border-width);border-radius:50%;z-index:5}.marked-square{border-radius:0}.node-allocated{background-color:var(--deemphasized-black)}.node-unallocated{background-color:var(--active-purple)}.border-unimportant{border-color:var(--border-unimportant-black)}.border-important{border-color:var(--border-important-white)}.node-available{cursor:pointer}.hex-center-text-wrapper{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin-top:calc(var(--border-width)*-1);margin-left:calc(var(--border-width)*-1)}.hex-center-size-small{width:calc(var(--hex-center-radius)*1);height:calc(var(--hex-center-radius)*1)}.hex-center-size-medium{width:calc(var(--hex-center-radius)*2);height:calc(var(--hex-center-radius)*2)}.empty-positioned{height:0;width:0;position:relative}.absolute-positioned{position:absolute}.hover-only{display:none}.hex-center-lock:hover+div .hover-only,.hex-center:hover+div .hover-only{display:block}.hover-only-2{display:none}.hex-block:hover .hover-only-2{display:block}.node-tooltip-wrapper{z-index:15}.node-tooltip{border-style:solid;width:-webkit-max-content;width:max-content;padding:calc(var(--border-width)*2);background:var(--border-important-white);position:absolute;margin-left:calc(var(--hex-center-radius)*0);margin-top:calc(var(--hex-center-radius)*0.5)}.question{margin-top:calc(var(--hex-center-radius)*-1);margin-left:calc(var(--hex-center-radius)*0.125);color:var(--text-readable-white);cursor:pointer}.hex-center-lock{z-index:10;margin-left:calc(var(--hex-center-radius)*-2);top:var(--hex-center-radius);width:calc(var(--hex-center-radius)*2);height:calc(var(--hex-center-radius)*3)}.hex-center-lock-left,.hex-center-lock-right{z-index:10;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:calc(var(--hex-center-radius)*2);height:calc(var(--hex-center-radius)*1);background-color:var(--active-purple);border:var(--border-width) solid var(--border-unimportant-black)}.hex-center-lock-right{margin-top:var(--hex-center-radius)}.tiny-text{color:var(--text-readable-white);font-size:small;max-width:calc(var(--hex-center-radius)*1.5);overflow:hidden;cursor:default}.selection-cursor-wrapper{z-index:1}.selection-cursor{margin-left:calc(var(--hex-center-radius)*-2.375);margin-top:calc(var(--hex-center-radius)*-1);width:calc(var(--hex-center-radius)*0.25);height:calc(var(--hex-center-radius)*2);border-right-style:solid;border:calc(var(--border-width)*2) solid var(--border-important-white);border-right:calc(var(--border-width)*2) none var(--border-important-white);-webkit-animation:blinker 1s ease-in infinite;animation:blinker 1s ease-in infinite}@-webkit-keyframes blinker{50%{opacity:.25}}@keyframes blinker{50%{opacity:.25}}.hud-top-zone{position:absolute;width:100%;z-index:50;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.hud-text-box{background-color:rgba(0,0,0,.5019607843137255);color:#888;margin-left:16px;margin-right:16px;border-width:2px;width:-webkit-max-content;width:max-content;padding:4px;cursor:default}.hud-top-button{cursor:pointer}.hud-top-button:disabled{cursor:auto}.button-1{margin-left:16px}.button-2{margin-right:16px}.hud-text-box-tooltip{background-color:rgba(0,0,0,.5019607843137255);margin-top:4px;margin-left:24px;border-width:2px;width:-webkit-max-content;width:max-content;padding:4px;cursor:default}.transparent-text{color:transparent}.hud-text-box:hover .hover-only{display:block}.sidebar-header{display:-webkit-flex;display:flex;margin-bottom:8px;-webkit-justify-content:space-between;justify-content:space-between}.sidebar-header-gap{width:8px}.sidebar-header-button{text-align:right}.sidebar-header-button:last-child{margin-left:auto}.sidebar-header-button:hover{font-weight:700;cursor:pointer;color:inherit}.layout{height:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:35%;padding:8px;top:0;-webkit-flex:1 0 auto;flex:1 0 auto;overflow-y:auto;-webkit-flex-direction:column;flex-direction:column;background-color:hsla(0,0%,53.3%,.8);z-index:100}.layout,.right-sidebar{position:fixed;left:auto;right:0}.left-sidebar{position:fixed;left:0;right:auto}.tab-label-container{margin-right:-8px;margin-left:-8px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;margin-bottom:8px}.tab-label-container:after,.tab-label-container:before{content:"";width:4px;border-bottom-style:solid;border-bottom-width:2px}.tab-label-container:after{-webkit-flex-grow:1;flex-grow:1}.tab-label{-webkit-flex:0 1 auto;flex:0 1 auto;border-style:solid solid none;border-width:2px;border-radius:8px 8px 0 0;padding:4px}.tab-label:hover{font-weight:700;cursor:pointer;color:inherit}.inactive{color:rgba(0,0,0,.4);border-bottom-style:solid;border-bottom-color:#000}
/*# sourceMappingURL=main.e6caebf3.chunk.css.map */