*{-webkit-box-sizing:border-box;box-sizing:border-box}:focus{outline:1px solid #94df03}input:focus{outline-offset:unset}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{background:#0a0a18;border-left:1px solid hsla(0,0%,100%,.1)}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.4)}html{height:100%;font-size:12px}@media screen and (min-width:992px){html{font-size:14px}}@media screen and (min-width:1300px){html{font-size:16px}}body{margin:0;height:100vh;overflow-x:hidden}#app,body{display:-webkit-box;display:-ms-flexbox;display:flex}#app{font-family:Source Sans Pro,Open Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;line-height:1.5;background-color:#141422;width:100%;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}#app>main{height:100%;max-height:calc(100% - 6rem)}#app>footer{background:#2d2d38;padding:.4em 1em;position:relative;font-size:.9em;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;height:2rem;-webkit-box-shadow:0 0 1rem rgba(0,0,0,.2);box-shadow:0 0 1rem rgba(0,0,0,.2)}#app>footer svg{color:#95b556}#app>footer a{text-decoration:none}#app>footer ul{margin:0;padding:0;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#nav-menu-toggle{background:transparent;color:#94df03;height:3rem;width:3rem;font-size:2rem;border:0}@media screen and (min-width:768px){#nav-menu-toggle{display:none}}#nav{padding:.5rem;z-index:100;-webkit-box-shadow:0 0 .5rem rgba(0,0,0,.25);box-shadow:0 0 .5rem rgba(0,0,0,.25);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#nav,#nav>div{display:-webkit-box;display:-ms-flexbox;display:flex}#nav>div{-webkit-box-align:center;-ms-flex-align:center;align-items:center}#nav>div>span{opacity:.5;margin-left:.5rem}#nav .logo{height:3rem;padding:.5rem;font-size:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;text-decoration:none;-webkit-transition:all .2s;transition:all .2s;font-weight:700}#nav .logo:hover{background:hsla(0,0%,100%,.1)}#nav .logo img{height:100%;width:auto;margin-right:.5rem}#nav .nav-message{margin-left:1rem;opacity:.5;max-width:25rem;font-size:.9rem;line-height:1.2;-webkit-transition:opacity .2s;transition:opacity .2s}#nav .nav-message img{height:2rem;margin-right:.5rem}#nav .nav-message a{padding:.25rem;color:inherit;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.8rem}#nav .nav-message a code{border:1px solid hsla(0,0%,100%,.2);padding:0 .25em}#nav .nav-message:hover{opacity:.75}#nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;margin:0;padding:0;position:absolute;top:4rem;-webkit-transition:right .2s;transition:right .2s;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#000;right:-100%;width:100%;max-width:20rem;bottom:0;z-index:100}@media screen and (min-width:768px){#nav ul{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;position:relative;max-width:unset;width:auto;top:unset;right:unset;background:transparent}}#nav ul.active{right:0;display:initial}@media screen and (max-width:767px){#nav ul.top-level:not(.active){display:none}}#nav ul li{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:768px){#nav ul li{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}#nav ul li:hover{background:hsla(0,0%,100%,.1)}#nav ul li a,#nav ul li span{color:#94df03;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:700;padding:.5em 1em;text-decoration:none;text-transform:uppercase;-webkit-transition:all .2s;transition:all .2s;cursor:pointer;width:100%;font-size:1.5rem}@media screen and (min-width:768px){#nav ul li a,#nav ul li span{font-size:1rem}}#nav ul li a.router-link-exact-active,#nav ul li span.router-link-exact-active{color:#fff}#nav ul li a.tools,#nav ul li span.tools{display:none}@media screen and (min-width:768px){#nav ul li a.tools,#nav ul li span.tools{display:-webkit-box;display:-ms-flexbox;display:flex}}#nav ul li a svg,#nav ul li span svg{margin-right:.5rem;opacity:.5}#nav ul li:not(:first-child) a.router-link-active,#nav ul li:not(:first-child) span.router-link-active{color:#fff}#nav ul li>ul{position:relative;top:unset;bottom:unset;right:unset}@media screen and (min-width:768px){#nav ul li>ul{display:none;position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:100%;background:#2d2d38;z-index:100;-webkit-box-shadow:0 .5rem 1rem rgba(0,0,0,.2);box-shadow:0 .5rem 1rem rgba(0,0,0,.2)}#nav ul li>ul li:hover{background:hsla(0,0%,100%,.1)}#nav ul li>ul a{width:100%}}@media screen and (min-width:768px){#nav ul li:hover ul{display:-webkit-box;display:-ms-flexbox;display:flex}}#nav ul li.external svg{margin-right:0}@media screen and (min-width:768px){#nav ul li.external svg{opacity:1}}#nav ul li.external a{padding:0 1rem}@media screen and (min-width:768px){#nav ul li.external a{padding:.5rem 1rem;font-size:1.5rem}}#nav ul li.external a.github{color:#fff}#nav ul li.external a.discord{color:#7289da}#nav ul li.external a.patreon{color:#f96854}#nav ul li.external a span{color:inherit;padding-left:.5rem}@media screen and (min-width:768px){#nav ul li.external a span{display:none}}.vdp-datepicker .vdp-datepicker__calendar{background:#2d2d38;border:0;-webkit-box-shadow:0 0 1em rgba(0,0,0,.2);box-shadow:0 0 1em rgba(0,0,0,.2)}.vdp-datepicker .vdp-datepicker__calendar header span.prev:after{border-right-color:#fff}.vdp-datepicker .vdp-datepicker__calendar header span.next:after{border-left-color:#fff}.vdp-datepicker .vdp-datepicker__calendar header span:not(.disabled):hover{background:hsla(0,0%,100%,.2)}.vdp-datepicker .vdp-datepicker__calendar .cell:not(.blank):not(.day-header):not(.disabled):hover{border-color:#94df03}.vdp-datepicker .vdp-datepicker__calendar .cell.selected{background:#94df03}.vdp-datepicker .vdp-datepicker__calendar .disabled{opacity:.3}main.home{overflow-y:auto}main.home .container{display:-webkit-box;display:-ms-flexbox;display:flex}main.home .container.selfhosted{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}main.home .container.selfhosted .resources{width:50%}main.home .container.selfhosted .resources div{width:100%}main.home .logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:4rem 2rem;font-size:1.5em;width:100%;text-align:center}@media screen and (min-width:992px){main.home .logo{padding:4rem;width:66%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;text-align:left;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}main.home .logo div{max-width:35rem}}main.home .logo img{height:13rem;width:auto;margin-bottom:2rem}@media screen and (min-width:992px){main.home .logo img{margin-bottom:0;margin-right:2rem}}main.home .download,main.home .logo.selfhosted{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}main.home .download{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:4rem}@media screen and (min-width:992px){main.home .download{padding:4rem;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;width:34%}}main.home .download a{background:#94df03;color:#101022;font-size:1.5em;padding:1rem 2rem;text-align:center;line-height:1;text-decoration:none;border-radius:2px;-webkit-transition:background .2s;transition:background .2s}@media screen and (min-width:992px){main.home .download a{font-size:2em;margin-top:2.5rem}}main.home .download a:hover{background:#affc19}main.home .download a span{display:block;font-weight:700}main.home .download a span svg{margin-right:.5rem;opacity:.5}main.home .download a small{font-size:1rem;opacity:.75}@media screen and (min-width:992px){main.home .download a small{font-size:1.25rem}}main.home .download>small{max-width:18rem;text-align:center;opacity:.5;margin-top:1rem}@media screen and (min-width:992px){main.home .download>small{text-align:right}}.tools,.tools a{display:-webkit-box;display:-ms-flexbox;display:flex}.tools a{background:#2d2d38;color:#94df03;font:inherit;font-weight:700;-webkit-box-flex:1;-ms-flex:1;flex:1;margin:1rem;padding:2rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:2px;text-decoration:none;text-align:center}@media screen and (min-width:768px){.tools a{font-size:1.25rem}}.tools a svg{font-size:3rem;display:block;opacity:.5;color:#fff;margin-bottom:1rem}@media screen and (min-width:768px){.tools a svg{font-size:4rem}}.tools a:first-child{margin-left:0}.tools a:last-child{margin-right:0}main.notfound{overflow-y:auto}main.notfound .hero{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4rem}main.notfound .hero h1{position:relative}main.notfound .hero h1 svg{position:absolute;color:tomato;top:-.5rem;left:-7rem;font-size:6rem;z-index:1;opacity:.5}main.notfound .hero h1 span{position:relative;z-index:2}main.notfound .hero p{font-size:1.25rem}main.notfound .hero .error{color:tomato}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .3s;transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.slide-enter-to,.slide-leave{max-height:100vh;overflow:hidden}.slide-enter,.slide-leave-to{overflow:hidden;max-height:0}.container{width:100%;max-width:120rem;margin:0 auto}.hero{background:linear-gradient(-2deg,#0a0a10,#131319);display:-webkit-box;display:-ms-flexbox;display:flex}.hero .container{-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width:992px){.hero .container{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.hero h1{margin:0 0 1rem;line-height:1;font-size:2em}@media screen and (min-width:992px){.hero h1{font-size:3em}}.hero p{margin:0;opacity:.5}a{color:#94df03}a:hover{color:#affc19}.code,code{border:0;display:inline-block;font-family:Source Code Pro,monospace;padding:.2em .5em;background:rgba(0,0,0,.2);font-size:.8em;border-radius:2px;line-height:1.5}.code.true,code.true{color:#94df03}.code.false,code.false{color:tomato}.code.undefined,code.undefined{color:grey}.button{border:0;font:inherit;font-weight:700;background:#94df03;color:#101022;font-size:1.5em;padding:1rem 2rem;text-align:center;line-height:1;text-decoration:none;border-radius:2px;-webkit-transition:background .2s;transition:background .2s;cursor:pointer}@media screen and (min-width:992px){.button{font-size:2em}}.button:hover{background:#affc19}.button span{display:block;font-weight:700}.button span svg{margin-right:.5rem;opacity:.5}.button small{font-size:1rem;font-weight:400;opacity:.75}@media screen and (min-width:992px){.button small{font-size:1.25rem}}.button.demo-button{font-size:1rem;padding:.5rem 1rem}.resources{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}@media screen and (min-width:992px){.resources{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.resources>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;padding:2rem}.resources>div h2{margin-top:0}.resources>div ol,.resources>div p,.resources>div ul{margin-top:0;opacity:.75}@media screen and (min-width:992px){.resources>div{width:50%;padding:4rem}.resources>div:first-child{padding-right:2rem}.resources>div:last-child{padding-left:2rem}}.resources a.resource{display:block;background:#2d2d38;color:#94df03;padding:1.5rem;line-height:1;text-decoration:none;border-radius:2px;font-size:1.5em;-webkit-transition:background .2s;transition:background .2s;-webkit-box-shadow:0 0 1rem rgba(0,0,0,.1);box-shadow:0 0 1rem rgba(0,0,0,.1)}.resources a.resource:not(:last-child){margin-bottom:2rem}.resources a.resource:hover{background:#444454}.resources a.resource span{display:block;font-weight:700;margin-bottom:.5rem}.resources a.resource svg{margin-right:.5rem;opacity:.5}.resources a.resource small{color:#fff;opacity:.4;font-size:1rem}.lighter{opacity:.66}.tool-intro{width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tool-intro,.tool-intro>div{display:-webkit-box;display:-ms-flexbox;display:flex}.tool-intro>div{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background:linear-gradient(-2deg,#1b1c2d,#2d2d38);padding:2em;max-width:40rem;border-radius:2px}.tool-intro img{height:13rem;width:auto;margin-right:2em;-webkit-box-shadow:0 0 2rem rgba(0,0,0,.1);box-shadow:0 0 2rem rgba(0,0,0,.1);border-radius:100%}.tool-intro h1{font-size:3em;line-height:1;margin:0}.tool-intro h1+p{font-size:1.5em;margin-top:0;margin-bottom:1rem}.tool-intro p:first-of-type{margin-top:0}.tool-intro p:last-of-type{margin-bottom:0}.tool-intro ul{margin:0;margin-top:1em;padding-left:1.5em}.tool-intro ul li{margin-bottom:.25em}.tool-intro ul li:last-child{margin:0}.tool-intro svg{margin-right:.5em;opacity:.5}.tool-intro .error{margin-top:1em;color:tomato}.overlay-focus{position:fixed;top:0;left:0;bottom:0;width:100%;z-index:50;background:rgba(0,0,0,.5)}