:root{--black: #191b1f;--dark-grey: #202126;--light-grey: #9ca1ad;--white: #fff;--orange: #ffab9d;--color-background: var(--black);--color-card-background: var(--dark-grey);--color-card-foreground: var(--light-grey);--color-foreground: var(--white);--color-primary: var(--orange);--breakpoint-desktop: 1140px;--breakpoint-mobile: 768px }body,html{margin:0 auto;background-color:var(--color-background);color:var(--white);max-width:var(--breakpoint-desktop)}a{color:var(--color-primary);font-weight:700;display:inline-block;text-decoration:none}h1,h2{text-align:center}input:focus{outline:0}input[type=color]{-webkit-appearance:none;background:0 0;border:0;width:20px;height:20px;padding:0;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{-webkit-appearance:none;border:0;padding:0;margin:0}input[type=color]::-webkit-color-swatch{-webkit-appearance:none;border:0;border-radius:100px}input[type=range]{-webkit-appearance:none;height:2px;border-radius:2px;background:#9da1ac;padding:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-shadow:none;border:0;height:16px;width:16px;border-radius:50%;background:#fff!important;cursor:pointer}input[type=range]:focus{background:#ffab9d}input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 2px #ffab9d80;background:#ffab9d!important}body,html{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:400;font-size:14px}body,button,html{font-family:Roboto Mono,monospace}header+div{min-height:calc(100vh - 158px)}.home{position:relative}.home h1,.home h2{font-size:20px;margin-top:80px;margin-bottom:40px}.home .next-particle{height:calc(100vh - 120px);max-height:600px}.home label{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:20px 20px;grid-template-areas:"name output" "input input";margin-bottom:15px}.home label span{justify-self:start}.home label img{max-width:20px;max-height:20px;border-radius:2px;cursor:pointer;border:1px solid rgba(255)}.home label img,.home label output{justify-self:end;grid-area:output}.home label input{margin-top:10px;grid-area:input}.home label input[type=color]{grid-area:output;justify-self:end;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.home label input[type=file]{display:none}.home .toggle{position:absolute;cursor:pointer;right:0;top:0;height:20px;width:36px;border-radius:12px;background:#fff3}.home .toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;-webkit-transform:translateX(0);transform:translate(0);-webkit-transition:all .2s ease;transition:all .2s ease}.home .lifecycle>label,.home .monochrome>label,.home .webgl>.lifecycle,.home .webgl>label{display:none}.home .lifecycle.open>label,.home .monochrome.open>label,.home .webgl.open>.lifecycle,.home .webgl.open>label{display:grid}.home .lifecycle,.home .monochrome,.home .webgl{position:relative}.home .lifecycle>span,.home .monochrome>span,.home .webgl>span{display:inline-block;padding-bottom:20px}.home .open>.toggle:after{-webkit-transform:translateX(16px);transform:translate(16px)}.home .settings-button{color:var(--color-primary);fill:var(--color-primary);border:1px solid var(--color-primary);border-radius:999px;padding:7px;position:absolute;right:15px;cursor:pointer}.home .settings-button svg{vertical-align:-3px;padding:0 4px}.home .settings-sidebar{position:fixed;z-index:1;padding:15px;top:0;right:-30px;overflow-x:hidden;overflow-y:auto;width:0;-webkit-transition:all .5s ease;transition:all .5s ease;white-space:nowrap;background-color:var(--color-card-background);height:100vh}.home .settings-sidebar.open{width:240px;right:0}.home .settings-sidebar svg{stroke:var(--color-foreground);position:absolute;cursor:pointer;right:15px;top:15px}.home .settings-sidebar h3{margin-top:0}.home .features,.home .packages{display:grid;grid-row-gap:20px;grid-column-gap:20px;margin:0 20px}.home .features{grid-template-columns:1fr 1fr 1fr}.home .features>*,.home .packages>*{background-color:var(--color-card-background);color:var(--color-card-foreground);border-radius:3px;padding:15px;grid-column-gap:15px;display:grid;box-shadow:0 4px 12px #00000040}.home .features>*{grid-template-areas:"icon title" "icon description";grid-template-columns:24px auto}.home .features img{grid-area:icon}.home .features h3{grid-area:title;font-weight:400;color:var(--color-primary);margin:0}.home .features p{grid-area:description}.home .packages{grid-template-columns:1fr 1fr;text-align:center}.home .packages h4{font-size:16px;text-transform:uppercase}.home .packages span{font-size:56px;font-weight:700;padding:20px 0}.home .packages small{font-size:16px;vertical-align:24px;font-weight:700}.home .packages p{padding-bottom:20px}.home .packages button{margin:10px;padding:12px 40px;border:0;border-radius:3px;font-size:16px;font-weight:700;box-shadow:0 4px 25px -8px #0006;text-transform:uppercase;background-color:var(--color-card-foreground);color:var(--color-card-background);cursor:pointer}.home .packages button:hover{opacity:.85}.home .package--primary{color:var(--color-primary)}.home .package--primary button{background-color:var(--color-primary)}@media only screen and (max-width: 768px){.home .features,.home .packages{grid-template-columns:1fr}}.resend-token.is-loading{pointer-events:none;opacity:.5}.resend-token form{margin:0 auto;max-width:320px}.resend-token h1{margin-bottom:50px}.resend-token input,.resend-token label{display:block;width:100%}.resend-token input{font-size:16px;margin-top:10px;margin-bottom:20px;box-sizing:border-box;background-color:var(--color-card-background);color:var(--color-card-foreground);padding:15px;border:none}.resend-token button{position:relative;float:right;width:50%;padding:10px 20px;font-size:14px;display:block;border:0;border-radius:2px;font-family:inherit;cursor:pointer;background-color:var(--color-primary);color:var(--color-background)}.resend-token a{padding:10px 20px}.legal{padding:15px}.login.has-error label{color:var(--color-primary)}.login.is-loading{pointer-events:none;opacity:.5}.login form{margin:0 auto;max-width:320px}.login h1{margin-bottom:50px}.login input,.login label{display:block;width:100%}.login input{font-size:16px;margin-top:10px;margin-bottom:20px;box-sizing:border-box;background-color:var(--color-card-background);color:var(--color-card-foreground);padding:15px;border:none}.login button{position:relative;float:right;width:50%;font-size:14px;display:block;border:0;border-radius:2px;font-family:inherit;cursor:pointer;background-color:var(--color-primary);color:var(--color-background)}.login a,.login button{padding:10px 20px}.download{padding:15px}.download p{margin:.3em 0}.download ul{padding:0}.download li{padding:1em 0;display:block;border-bottom:1px dashed var(--color-foreground)}.download li:last-child{border-bottom:none}.download li a,.download li span{float:right;-webkit-transform:translateY(-5px);transform:translateY(-5px);padding:5px 20px;font-size:14px;display:block;border:0;border-radius:2px;background-color:var(--color-card-foreground);color:var(--color-background)}.download li a{cursor:pointer;background-color:var(--color-primary)}.download.is-loading{display:flex;flex-direction:column;justify-content:center;text-align:center}.download.is-loading>*{max-width:320px;align-self:center}.thanks{display:flex;flex-direction:column;justify-content:center;text-align:center}.thanks>*{max-width:320px;align-self:center}header{box-sizing:border-box;display:flex;width:100%;padding:0 20px}header>*{flex:1 1}header img{height:24px}header a{line-height:24px;padding-top:30px}header nav{text-align:right}header nav a{margin-left:32px}footer{box-sizing:border-box;display:flex;width:100%;padding:20px;margin-top:20px}footer>*{flex:1 1}footer nav{text-align:right}footer nav a{margin-left:32px}