*{margin:0;padding:0;box-sizing:border-box;min-height:0;min-width:0;font-family:inherit}:root{--purple: #682AE9;--light: #dbdbdb;--header-link: #dbdbdb;--header-link-hover: #682AE9;--header-link-hover-icon: #dbdbdb;--header-link-active: rgba(85,85,85,1);--std-color: #dbdbdb;--bg: #0e1212;--bg-rgb: 14,18,18;--bgLight: radial-gradient(var(--bg), transparent, var(--purple) 130%);--gray: #808080;--comment: #555}html{background:var(--bg);font-family:Roboto Mono,monospace;font-size:100%;color:#888}body{min-height:100vh}body.locked{overflow:hidden}#app{overflow:hidden;margin:0 auto}.wrapper{position:relative;z-index:1;padding-bottom:20vh;min-height:100vh;transition:opacity .5s linear}.wrapper:after{content:"";display:block;position:absolute;top:50vh;bottom:50vh;left:calc(25vw - 2rem);z-index:99;width:1px;opacity:.3;background:var(--purple) linear-gradient(to bottom,var(--bg),rgba(var(--bg-rgb),0) 20vh)}section{min-height:100vh}a{text-decoration:none}button{border:0}svg title,svg desc{display:none}.body-bg{position:fixed;top:-25vh;left:-25vw;width:150vw;height:150vh;z-index:-1}.body-bg div{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .4s ease-out}.body-bg .-default{background:var(--bg);opacity:1}.body-bg .-mario{background:#0497d1}.body-bg .-admin{background:#f2f2f2}.body-bg .-confianca{background:#f1efef}.body-bg .-desbravando{background:#e3e5d0}.header-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.header-bg div{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .4s ease-out}.header-bg .-default{background:linear-gradient(to bottom,var(--bg) 3rem,rgba(var(--bg-rgb),0) 100%);opacity:1}.header-bg .-mario{background:linear-gradient(to bottom,#0497d1 3rem,#0497d100)}.header-bg .-admin{background:linear-gradient(to bottom,#f2f2f2 3rem,#f2f2f200)}.header-bg .-confianca{background:linear-gradient(to bottom,#f1efef 3rem,#f1efef00)}.header-bg .-desbravando{background:linear-gradient(to bottom,#e3e5d0 3rem,#e3e5d000)}body.-mario-bg .body-bg div,body.-mario-bg .header-bg div{opacity:0}body.-mario-bg .header-bg .-mario,body.-mario-bg .body-bg .-mario{opacity:1}body.-mario-bg .header-nav-button .dots{background:#000}body.-mario-bg .header-nav a{color:#000}body.-mario-bg .header-nav a svg,body.-mario-bg .header-breadcrumb,body.-mario-bg .header-nav-close-button{color:#411a91;fill:#411a91}body.-admin-bg .body-bg div,body.-admin-bg .header-bg div{opacity:0}body.-admin-bg .header-bg .-admin,body.-admin-bg .body-bg .-admin{opacity:1}body.-admin-bg .header-nav-button .dots{background:#555}body.-admin-bg .std,body.-admin-bg .header-nav a{color:#555}body.-confianca-bg .body-bg div,body.-confianca-bg .header-bg div{opacity:0}body.-confianca-bg .header-bg .-confianca,body.-confianca-bg .body-bg .-confianca{opacity:1}body.-confianca-bg .header-nav-button .dots{background:#555}body.-confianca-bg .std,body.-confianca-bg .header-nav a{color:#555}body.-desbravando-bg .body-bg div,body.-desbravando-bg .header-bg div{opacity:0}body.-desbravando-bg .header-bg .-desbravando,body.-desbravando-bg .body-bg .-desbravando{opacity:1}body.-desbravando-bg .header-nav-button .dots{background:#555}body.-desbravando-bg .std,body.-desbravando-bg .header-nav a{color:#555}.scene{min-height:100vh}.initial-fold{min-height:50vh}.container,.title-container{position:fixed;top:0;left:0;z-index:-1;width:100vw;height:100vh;visibility:hidden;perspective:900px;perspective-origin:50% 50vh}.title-container{padding:0 1rem 0 25vw;display:flex;flex-flow:column nowrap;align-items:flex-start;justify-content:center}.title-container .title{margin-right:0;padding-right:0}.static-container{padding:calc(50vh - 3.5rem) 0 0;margin:0 25vw;min-height:100vh;perspective:900px;perspective-origin:50% 50vh}.gap{height:25vh}.nav-ico{width:.75rem;height:.75rem;display:inline-block;vertical-align:baseline;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke:var(--light)}.nav-ico.-blank{vertical-align:middle}.nav-ico.-prev{transform:rotate(-180deg)}.nav-ico.-next{transform:rotate(90deg)}.spine{position:fixed;top:50vh;bottom:0;left:calc(25vw - 2rem);z-index:2;width:1px;background:var(--purple) linear-gradient(to top,var(--bg) 1rem,rgba(var(--bg-rgb),0) 20vh)}.spine-target{position:fixed;top:calc(50vh - 8px);left:calc(25vw - 2rem - 4px);width:9px;height:9px;z-index:2}.spine-target .circle,.spine-target .pulse{position:absolute;width:9px;height:9px;transform-origin:center;border-radius:3rem;background:transparent;border:1px solid var(--purple)}.std{max-width:42rem;font-size:1rem;line-height:1.5;color:var(--std-color);word-break:break-word;hyphens:none}.std h3{margin-bottom:1rem}.std .bt{background:var(--purple);color:var(--bg);padding:0 1rem;height:2rem;border-radius:3rem;line-height:2rem;text-decoration:none;display:inline-block}.std .bt:hover{background:var(--light)}.std .bt:hover .nav-ico{stroke:var(--gray)}.std p{margin-bottom:1rem}.std p:last-child{margin-bottom:0}.std .-big{font-size:1.8rem;line-height:1.2;vertical-align:baseline}.std .-purple{color:var(--purple)}.std .-gray{color:var(--gray)}.std .-comment{color:var(--comment)}.std .-red{color:#f0514e}.std .-green{color:#3cb878}.std .-full{display:block;margin-right:-25vw;padding-right:1rem}.std i{font-style:italic}.std b,.std strong{font-weight:700}.std a{color:var(--light);text-decoration:underline;transition:all .4s ease-out}.std a:hover{color:var(--purple)}.std .subtitle{color:var(--purple);font-size:4rem;line-height:1;margin:4rem -25vw 2rem 0;padding-right:1rem;word-spacing:-1rem;word-break:break-word;hyphens:auto}.std .subtitle s{opacity:.4;font-weight:400}.std ul{margin-bottom:1rem}.std ul:last-child{margin-bottom:0}.std li{list-style-position:outside;margin:0 0 .5rem 1rem}.std li:last-child{margin-bottom:0}.ariaLabel{display:none}.title{display:block;color:var(--light);font-size:4rem;font-weight:700;word-spacing:-.1em;letter-spacing:-.05em;word-break:break-word;hyphens:auto;margin-right:-25vw;padding-right:1rem}.title .func{color:var(--purple)}.title .params{color:var(--purple);font-weight:400;letter-spacing:-2px}#awwwards{position:fixed;z-index:999;transform:translateY(-50%);top:50%;left:0}#awwwards svg{display:block}@media screen and (max-width:1024px){.wrapper{padding-bottom:10vh}.wrapper:after{left:1rem}.static-container{margin:0 4rem 0 calc(4rem + 1px)}.title-container{padding-left:4rem}.spine{left:1rem}.spine-target{left:calc(1rem - 4px)}.title{margin-right:-4rem;font-size:3.5rem}.std .subtitle{margin-right:-4rem;font-size:3.5rem;word-spacing:unset}}@media screen and (max-width:768px){#awwwards{transform-origin:right bottom;inset:auto 0 0 auto;transform:translateZ(0)}}@media screen and (max-width:568px){.static-container{margin:0 2rem 0 calc(2rem + 1px)}.title-container{padding:0 1rem 0 2rem}.title-container .title{margin-bottom:1rem}.title{margin-right:-2rem;margin-bottom:1rem;font-size:2rem;line-height:1.1}.std .subtitle{margin-right:-2rem;font-size:2rem}#awwwards{transform:translateZ(0) scale(.7)}}#nprogress{pointer-events:none}#nprogress .bar{background:var(--purple);position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;opacity:1;transform:rotate(3deg) translateY(-4px)}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}#header{position:fixed;top:0;left:0;z-index:10;width:100%;height:8rem;padding:0 1rem 5rem}.header-container{display:flex;align-items:center;justify-content:space-between;height:3rem;max-width:80rem;margin:0 auto}.header-breadcrumb{font-size:1.2rem;font-weight:700;color:var(--purple)}.header-nav-button{flex:0 0 auto;width:3rem;height:3rem;display:flex;flex-flow:column nowrap;align-items:center;justify-content:space-between;padding:.8rem;margin-right:-1rem;background:none;border:0}.header-nav-button .label{display:none}.header-nav-button .dots{flex:0 0 auto;position:relative;width:.25rem;height:.25rem;border-radius:.25rem;background:var(--header-link);transition:all .4s cubic-bezier(.19,1,.22,1)}.header-nav{display:flex;align-items:center}.header-nav ul{display:flex;align-items:center;list-style:none}.header-nav li{flex:0 0 auto;margin-left:1rem;list-style:none}.header-nav a{height:2rem;display:flex;align-items:center;color:#dbdbdb;transition:color .4s ease-out;line-height:1}.header-nav a:hover{color:var(--header-link-hover)}.header-nav a:hover svg{fill:var(--header-link-hover-icon)}.header-nav a.router-link-exact-active{opacity:.5;cursor:default}.header-nav a svg{display:block;width:1.2rem;height:1.2rem;fill:var(--purple);position:relative;top:2px;transition:fill .4s ease-out}@media screen and (max-width:768px){.header-nav-button{transition:all 1s linear;cursor:pointer;border-radius:.5rem;background:#682ae91a;border:1px solid rgba(104,42,233,.3)}.header-nav-button:hover{background:#682ae933;border-color:#682ae980}.header-nav-button:hover .dots{background:var(--purple);transform:scale(1.1)}.header-nav-button .dots{width:.5rem;height:.5rem;background:var(--purple);box-shadow:0 0 4px #682ae966}.header-nav-close-button{position:absolute;top:0;right:0;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;padding:0;margin:0;background:none;border:0;color:var(--purple);font-size:2rem}.header-nav-close-button:hover{color:var(--light)}.header-nav{align-items:flex-end;justify-content:flex-end;position:absolute;top:0;right:0;z-index:9999;width:100vw;height:100vh;padding:8rem 1rem 4rem;text-align:right;transition:all 1s cubic-bezier(.86,0,.07,1);transform:translate3d(110%,0,0)}.header-nav ul{display:block}.header-nav li{margin:0 0 2rem;list-style:none}.header-nav li.social-link{display:inline-block;margin:0 0 0 2rem}.header-nav a{height:auto;justify-content:flex-end;font-size:3rem;font-weight:700}.header-nav a:hover{color:var(--header-link-hover)}.header-nav a:hover svg{fill:var(--header-link-hover-icon)}.header-nav a.router-link-exact-active{opacity:.5;cursor:default}.header-nav a svg{width:3rem;height:3rem;top:0}body.-open-nav .wrapper{opacity:.1!important}body.-open-nav .header-nav-button{opacity:0}body.-open-nav .header-nav{transform:translateZ(0)}}@media screen and (max-width:568px){.header-nav a{font-size:2rem}.header-nav a svg{width:2rem;height:2rem;top:0}}