body{font-family:PT Sans, DejaVu Sans, Arial, sans;background-color:#005CA3;padding:0 40px;font-size:16px;color:#D8E9FD}a:link,a:visited{color:#F9DC5C}h1{font-size:36px}section.content{width:100%;margin:auto}@media screen and (min-width: 480px){section.content{width:1200px}}code.inline{font-family:monospace;padding:2px 4px;color:#c7254e;background-color:#f9f2f4;border-radius:4px}.header{display:flex;flex-direction:column;width:100%;margin:100px 0}@media screen and (min-width: 480px){.header{flex-direction:row}}.header__left{width:100%;text-align:left}@media screen and (min-width: 480px){.header__left{width:500px}}.header__title{margin:0}.header__tagline{font-style:italic;text-align:left;margin:16px 0}.header__right{flex:1}.header__logo{margin:auto}.logo-link svg{width:100px}.demo{display:flex;width:100%;flex-direction:column}@media screen and (min-width: 480px){.demo{flex-direction:row}}.demo__preview{padding-top:20px}@media screen and (min-width: 480px){.demo__preview{width:800px}}.demo__preview-explanation{margin:25px 0 10px 0}.demo__marketing{flex:1;padding-left:0;margin-top:50px}@media screen and (min-width: 480px){.demo__marketing{padding-left:50px;margin-top:0}}.demo__features{padding-left:0;padding-top:20px;border-top:1px solid white}.demo__features li{list-style-type:square;list-style-position:inside;margin:4px 0}@media screen and (min-width: 480px){.demo__features{border:none;padding:0}}#demo__get-started{margin:10px 0}.demo__get-started{background-color:#23241f;border-style:2px solid #D8E9FD;display:block;margin:40px 0;padding:1em;text-align:center;text-decoration:none;width:12em;background:linear-gradient(to bottom, #444, #333);border-color:#555 #222 #222 #555;border-radius:4px;border-width:1px;font-size:120%;font-weight:bold;text-shadow:black 1px 1px 2px}.demo__twitter{display:flex;margin-top:35px;height:20px}.demo__twitter svg{height:20px}.demo__twitter a{line-height:20px}.attribution{margin-top:100px}

.vtv-root{display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;width:100%;min-width:250px;overflow:hidden;font-size:16px;font-family:monospace;border-radius:5px}@media screen and (min-width: 480px){.vtv-root{flex-direction:row;height:400px;margin:auto}}

.vtv__code-panel{display:flex;flex:1;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;height:400px;max-height:400px;overflow:hidden}@media screen and (min-width: 480px){.vtv__code-panel{height:auto}}

.vtv__code-panel-header{display:flex;align-items:center;justify-content:flex-start;height:30px;padding:5px 10px;color:#EBEDEF;background-color:#525154}.vtv__code-panel-action{margin-left:10px}.vtv__code-panel-action:before{display:inline-block;height:100%;vertical-align:middle;content:''}.vtv__code-panel-action>button{display:inline-block;vertical-align:middle}.vtv__code-panel-action button{background-color:transparent;border:none;cursor:pointer}.vtv__code-panel-action--active{border-radius:2px;box-shadow:inset 0 0 10px #444}


.vtv__code-path{flex-grow:1;overflow-x:auto;line-height:30px;white-space:nowrap}

.vtv__wrap-text-toggle button svg{width:24px;height:24px}.vtv__wrap-text-toggle button svg path{stroke:#23241f}.vtv__wrap-text-toggle button svg path:last-child{fill:#23241f}.vtv__wrap-text-toggle.vtv__code-panel-action--active button svg path{stroke:#EBEDEF}.vtv__wrap-text-toggle.vtv__code-panel-action--active button svg path:last-child{fill:#EBEDEF}

.vtv__code{height:100%;overflow-y:auto;font-size:14px;line-height:1.3}.vtv__code>pre{height:100%;margin:0}.vtv__code>pre>code{box-sizing:border-box;height:100%;padding-left:10px !important}


.vtv__code-loading{padding:10px}

.vtv--invalid{padding:10px;color:red}

.vtv__tree{box-sizing:border-box;min-width:200px;height:200px;margin:0;padding:20px 0;overflow-x:auto;color:#000;white-space:nowrap;background-color:#EBEDEF}@media screen and (min-width: 480px){.vtv__tree{width:200px;height:auto}}.vtv__tree-node{display:flex;align-items:stretch;justify-content:flex-start;box-sizing:border-box;height:30px;margin:0;padding:6px 0;cursor:pointer}.vtv__tree-node:hover{background-color:#DBDDE0}.vtv__tree-node span{line-height:18px}.vtv__tree-node svg{margin-right:7px}



.vtv__tree-node--file.selected{background-color:#DBDDE0}

