.draggable{overflow:auto;max-height:100vh;-webkit-overflow-scrolling:touch}.chrt{width:calc(400px*(1 + var(--depth)));height:calc(400px*(1 + var(--depth)));margin-left:auto;margin-right:auto}.treeType{height:3rem;margin-right:1em;cursor:pointer;font-size:larger;display:inline-flex;justify-content:center;align-items:center}.treeType,.treeType .icon,.treeType span{vertical-align:middle}.treeType .icon{font-size:2em;display:inline-block}.depth{margin-right:1em;white-space:nowrap;display:inline-flex;justify-content:center;align-items:center;vertical-align:middle}.depth button{font-size:1.5em;height:3rem}.depth select{font-size:larger;height:3rem}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}