@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap);body,html{box-sizing:border-box;height:100%;margin:0;width:100%}body{font-family:Lato,sans-serif;letter-spacing:.25px;overflow-x:hidden;padding:2px}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}a{color:inherit}.tree{border-radius:5px}.header{align-items:center;box-sizing:border-box;color:#fff;display:flex;height:auto;justify-content:space-between;padding:0 50px;width:100%}.header h4:not(:last-of-type){margin-bottom:10px}.header .header-block{background-color:rgba(0,0,0,.8);display:flex;flex-direction:column;height:auto;justify-content:center;margin:75px 0;padding:25px}.header .header-block:not(:last-of-type){margin-right:25px}.header .key{align-items:center;background-color:#9fc4ff;border:2px solid #fff;box-sizing:border-box;color:rgba(0,0,0,.7);display:flex;font-size:14px;font-weight:700;justify-content:center;letter-spacing:2px;padding:7px 15px;text-transform:uppercase;width:250px}.header .key:not(:last-of-type){margin-bottom:15px}.header img{margin-bottom:25px;max-height:100px}.header h1{margin-bottom:5px}.header h3{font-size:18px;font-weight:400}.sections{background-color:#1d233c;overflow-x:auto;overflow-y:hidden}.sections,section{border-top:2px solid #fff;position:relative}section{box-sizing:border-box;min-height:400px;padding:50px;width:100%}section h2{color:rgba(0,0,0,.7);font-size:15px;left:20px;letter-spacing:2px;position:absolute;text-transform:uppercase;top:20px}.edit-cover{align-items:flex-end;background-color:#fff;bottom:0;box-sizing:border-box;display:flex;height:2px;justify-content:flex-end;left:0;padding-right:75px;position:fixed;width:100%;z-index:9999}.edit,.submit{align-items:center;background-color:#000;border:2px solid #fff;color:#fff;display:flex;font-size:12px;font-weight:700;height:50px;justify-content:center;letter-spacing:1px;margin-left:15px;padding:0 15px;text-transform:uppercase;transition:.5s;white-space:nowrap;width:110px}.edit:only-child,.submit:only-child{margin-left:0}.edit:hover,.submit:hover{cursor:pointer;padding-bottom:10px;transition:.25s}.edit i,.submit i{font-size:10px;margin-left:5px}.reset{color:#fff;cursor:pointer;position:absolute;top:-90px}.reset i{font-size:14px}.reset:hover{color:#eee;cursor:pointer}.submit-cover{display:flex;flex-direction:column}.submit-cover .submit.disabled{opacity:.5;pointer-events:none}.submit-cover input{border:2px solid #fff;box-sizing:border-box;font-family:Lato,sans-serif;font-size:14px;height:25px;letter-spacing:.25px;margin-bottom:2px;margin-left:15px;padding:5px;width:144px}.submit-cover input:focus{outline:0}.editing .sections{box-shadow:inset 0 0 0 4px red}.editing .node-height{padding-bottom:500px}.edit-inputs{display:flex;flex-direction:column}.edit-inputs label{font-size:12px;font-weight:700;margin-bottom:5px;text-align:left;text-transform:uppercase}.nodes{display:inline-block;left:75px;min-width:calc(100% - 75px);padding-bottom:65px;position:relative;top:0}.nodes .axis-block{display:flex;justify-content:center;overflow:hidden;pointer-events:none;position:absolute;-webkit-transform:translateX(-75px);transform:translateX(-75px);transition:.25s}.nodes .axis-block.axis-x p{margin-top:10px}.nodes .axis-block.axis-y{align-items:end;justify-content:flex-start}.nodes .axis-block.axis-y p{margin:15px}.nodes .axis-block p{color:#fff;text-align:center}.nodes .node{background-color:#9ec4ff;border:2px solid #fff;color:rgba(0,0,0,.7);display:inline-block;margin-right:100px;padding:12px 15px;position:absolute;text-align:center;transition:.2s;white-space:nowrap;z-index:1}.nodes .node.highlight{border-color:#fdffb6}.nodes .node.top{z-index:999}.nodes .node input,.nodes .node select{border:none;font-family:Lato,sans-serif;padding:5px 10px}.nodes .node input:not(:last-child),.nodes .node select:not(:last-child){margin-bottom:10px}.nodes .node input:focus,.nodes .node select:focus{outline:0}.nodes .node .highlight-icon{color:#fdffb6;position:absolute;right:-10px;top:-10px}.nodes .node .edit-icons{display:flex;left:50%;position:absolute;top:-35px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.nodes .node .edit-icons i{align-items:center;background-color:#000;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:12px;height:20px;justify-content:center;margin:0 5px;transition:.5s;width:20px}.nodes .node .edit-icons i:hover{-webkit-transform:scale(1.1);transform:scale(1.1);transition:.25s}@-webkit-keyframes iShow{0%{opacity:0}to{opacity:1}}@keyframes iShow{0%{opacity:0}to{opacity:1}}.nodes .node i.caret{align-items:center;-webkit-animation:iShow .5s forwards;animation:iShow .5s forwards;-webkit-animation-delay:3.3s;animation-delay:3.3s;color:#fff;display:flex;font-size:20px;height:12px;justify-content:center;left:-8px;margin-top:-1px;opacity:0;position:absolute}.nodes .node:hover{cursor:pointer;-webkit-filter:brightness(105%);filter:brightness(105%)}svg{overflow:visible;pointer-events:none;position:absolute}.footer{align-items:center;background-color:#000;border-bottom:2px solid #fff;border-top:2px solid #fff;clear:both;color:#fff;display:flex;font-size:14px;height:50px;justify-content:center;width:100%}.footer p{padding:0 15px}.success{align-items:center;background-color:rgba(0,0,0,.9);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999999}.success h1,.success p{color:#fff}.success .success-buttons{margin-top:50px}.success .success-buttons button{background-color:transparent;border:1px solid #fff;color:#fff;font-size:16px;margin:0 7.5px;padding:10px;text-decoration:none}.success .success-buttons button:hover{cursor:pointer}@-webkit-keyframes fade{0%{background-color:transparent}to{background-color:rgba(0,0,0,.9)}}@keyframes fade{0%{background-color:transparent}to{background-color:rgba(0,0,0,.9)}}@-webkit-keyframes grow{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes grow{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.overlay{-webkit-animation:fade .2s;animation:fade .2s;background-color:rgba(0,0,0,.9)}.overlay .node-info{-webkit-animation:grow .2s;animation:grow .2s;background-color:#1d233c;border:2px solid #fff;box-sizing:border-box;height:60%;padding:75px;position:relative;width:60%}.overlay .node-info span{color:#fff;display:flex;position:absolute;right:37.5px;top:37.5px}.overlay .node-info span i{margin:3px 5px 0 0}.overlay .node-info span:hover{cursor:pointer}@media screen and (max-width:790px){.header{flex-direction:column;height:auto;padding:25px 0}.header .header-block{margin:0 0 25px!important;width:300px}.header .header-block .key{width:100%}.edit-cover{justify-content:center;padding-right:0}.overlay .node-info{height:90%;padding:25px;width:90%}.overlay .node-info span{right:25px;top:25px}.overlay .node-info h1{font-size:24px;padding-right:100px}}