a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.svg-inline--fa,svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;transform:scale(.25);transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;transform:scale(.25);transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;transform:scale(.25);transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;transform:scale(.25);transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;transform:scale(.25);transform-origin:top left}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor)}.svg-inline--fa .fa-secondary,.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.fad.fa-inverse{color:#fff}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;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%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border-color:#29d transparent transparent #29d;border-style:solid;border-width:2px;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}code[class*=language-],pre[class*=language-]{color:var(--ice);background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:var(--black-ops)}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:var(--ice)}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:var(--peach)}.token.function-name{color:var(--felicia)}.token.boolean,.token.function,.token.number{color:var(--bandit)}.token.class-name,.token.constant,.token.property,.token.symbol{color:var(--pac-man)}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:var(--cuddle)}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:var(--legend)}.token.entity,.token.operator,.token.url{color:var(--mega)}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green;color:var(--egg)}:root{--hue-shift:0deg;--black-ops-h:calc(var(--hue-shift));--black-ops-s:0%;--black-ops-l:0%;--black-ops-hsl:var(--black-ops-h),var(--black-ops-s),var(--black-ops-l);--black-ops:hsl(var(--black-ops-hsl));--ice-h:calc(240deg + var(--hue-shift));--ice-s:100%;--ice-l:97.0588235294%;--ice-hsl:var(--ice-h),var(--ice-s),var(--ice-l);--ice:hsl(var(--ice-hsl));--white-h:calc(var(--hue-shift));--white-s:0%;--white-l:100%;--white-hsl:var(--white-h),var(--white-s),var(--white-l);--white:hsl(var(--white-hsl));--transparent-h:calc(var(--hue-shift));--transparent-s:0%;--transparent-l:0%;--transparent-hsl:var(--transparent-h),var(--transparent-s),var(--transparent-l);--transparent:hsl(var(--transparent-hsl));--twitch-purple-h:calc(264.32432deg + var(--hue-shift));--twitch-purple-s:100%;--twitch-purple-l:63.7254901961%;--twitch-purple-hsl:var(--twitch-purple-h),var(--twitch-purple-s),var(--twitch-purple-l);--twitch-purple:hsl(var(--twitch-purple-hsl));--smoke-h:calc(240deg + var(--hue-shift));--smoke-s:28.5714285714%;--smoke-l:86.2745098039%;--smoke-hsl:var(--smoke-h),var(--smoke-s),var(--smoke-l);--smoke:hsl(var(--smoke-hsl));--jiggle-h:calc(296deg + var(--hue-shift));--jiggle-s:100%;--jiggle-l:85.2941176471%;--jiggle-hsl:var(--jiggle-h),var(--jiggle-s),var(--jiggle-l);--jiggle:hsl(var(--jiggle-hsl));--widow-h:calc(254.28571deg + var(--hue-shift));--widow-s:100%;--widow-l:83.5294117647%;--widow-hsl:var(--widow-h),var(--widow-s),var(--widow-l);--widow:hsl(var(--widow-hsl));--worm-h:calc(var(--hue-shift));--worm-s:81.8181818182%;--worm-l:89.2156862745%;--worm-hsl:var(--worm-h),var(--worm-s),var(--worm-l);--worm:hsl(var(--worm-hsl));--peach-h:calc(354deg + var(--hue-shift));--peach-s:96.1538461538%;--peach-l:69.4117647059%;--peach-hsl:var(--peach-h),var(--peach-s),var(--peach-l);--peach:hsl(var(--peach-hsl));--isabelle-h:calc(52.06612deg + var(--hue-shift));--isabelle-s:98.3739837398%;--isabelle-l:75.8823529412%;--isabelle-hsl:var(--isabelle-h),var(--isabelle-s),var(--isabelle-l);--isabelle:hsl(var(--isabelle-hsl));--pac-man-h:calc(40.125deg + var(--hue-shift));--pac-man-s:100%;--pac-man-l:68.6274509804%;--pac-man-hsl:var(--pac-man-h),var(--pac-man-s),var(--pac-man-l);--pac-man:hsl(var(--pac-man-hsl));--droid-h:calc(155deg + var(--hue-shift));--droid-s:85.7142857143%;--droid-l:86.2745098039%;--droid-hsl:var(--droid-h),var(--droid-s),var(--droid-l);--droid:hsl(var(--droid-hsl));--felicia-h:calc(196.78322deg + var(--hue-shift));--felicia-s:74.0932642487%;--felicia-l:62.1568627451%;--felicia-hsl:var(--felicia-h),var(--felicia-s),var(--felicia-l);--felicia:hsl(var(--felicia-hsl));--wipe-out-h:calc(172.5deg + var(--hue-shift));--wipe-out-s:100%;--wipe-out-l:39.2156862745%;--wipe-out-hsl:var(--wipe-out-h),var(--wipe-out-s),var(--wipe-out-l);--wipe-out:hsl(var(--wipe-out-hsl));--sonic-h:calc(232.72727deg + var(--hue-shift));--sonic-s:100%;--sonic-l:32.3529411765%;--sonic-hsl:var(--sonic-h),var(--sonic-s),var(--sonic-l);--sonic:hsl(var(--sonic-hsl));--dragon-h:calc(282.85714deg + var(--hue-shift));--dragon-s:94.5945945946%;--dragon-l:36.2745098039%;--dragon-hsl:var(--dragon-h),var(--dragon-s),var(--dragon-l);--dragon:hsl(var(--dragon-hsl));--nights-h:calc(276deg + var(--hue-shift));--nights-s:65.2173913043%;--nights-l:22.5490196078%;--nights-hsl:var(--nights-h),var(--nights-s),var(--nights-l);--nights:hsl(var(--nights-hsl));--cuddle-h:calc(310.90909deg + var(--hue-shift));--cuddle-s:95.652173913%;--cuddle-l:54.9019607843%;--cuddle-hsl:var(--cuddle-h),var(--cuddle-s),var(--cuddle-l);--cuddle:hsl(var(--cuddle-hsl));--osu-h:calc(322.10526deg + var(--hue-shift));--osu-s:100%;--osu-l:37.2549019608%;--osu-hsl:var(--osu-h),var(--osu-s),var(--osu-l);--osu:hsl(var(--osu-hsl));--bandit-h:calc(24deg + var(--hue-shift));--bandit-s:100%;--bandit-l:50.9803921569%;--bandit-hsl:var(--bandit-h),var(--bandit-s),var(--bandit-l);--bandit:hsl(var(--bandit-hsl));--sniper-h:calc(var(--hue-shift));--sniper-s:95.4545454545%;--sniper-l:56.862745098%;--sniper-hsl:var(--sniper-h),var(--sniper-s),var(--sniper-l);--sniper:hsl(var(--sniper-hsl));--lightning-h:calc(60deg + var(--hue-shift));--lightning-s:95.7446808511%;--lightning-l:53.9215686275%;--lightning-hsl:var(--lightning-h),var(--lightning-s),var(--lightning-l);--lightning:hsl(var(--lightning-hsl));--egg-h:calc(121.2deg + var(--hue-shift));--egg-s:100%;--egg-l:49.0196078431%;--egg-hsl:var(--egg-h),var(--egg-s),var(--egg-l);--egg:hsl(var(--egg-hsl));--ko-h:calc(75.29412deg + var(--hue-shift));--ko-s:100%;--ko-l:50%;--ko-hsl:var(--ko-h),var(--ko-s),var(--ko-l);--ko:hsl(var(--ko-hsl));--legend-h:calc(156deg + var(--hue-shift));--legend-s:100%;--legend-l:70.5882352941%;--legend-hsl:var(--legend-h),var(--legend-s),var(--legend-l);--legend:hsl(var(--legend-hsl));--mega-h:calc(180deg + var(--hue-shift));--mega-s:100%;--mega-l:49.0196078431%;--mega-hsl:var(--mega-h),var(--mega-s),var(--mega-l);--mega:hsl(var(--mega-hsl));--zero-h:calc(220deg + var(--hue-shift));--zero-s:100%;--zero-l:55.8823529412%;--zero-hsl:var(--zero-h),var(--zero-s),var(--zero-l);--zero:hsl(var(--zero-hsl));--transparent:transparent;--gutter:2rem}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;text-overflow:ellipsis;text-rendering:optimizeLegibility}@media(prefers-reduced-motion:reduce){*,:after,:before{-webkit-animation-duration:.1ms!important;animation-duration:.1ms!important;-webkit-animation-delay:.1ms!important;animation-delay:.1ms!important;transition-duration:.1ms!important;transition-delay:.1ms!important}}body,html{height:100vh;margin:0;padding:0;width:100vw}html{background-color:var(--main-background-color);color:var(--text-color);font-size:10px;overflow-x:hidden}body{font-family:Open Sans;font-size:18px;line-height:1.5;transition-duration:.2s;transition-property:font-size}body #__next{display:grid;grid-template-areas:"brand banner" "area-nav main";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;height:100%}.example-wrapper+.example-wrapper,.example-wrapper+blockquote,.example-wrapper+figure,.example-wrapper+h2,.example-wrapper+h3,.example-wrapper+h4,.example-wrapper+h5,.example-wrapper+h6,.example-wrapper+ol,.example-wrapper+p,.example-wrapper+pre,.example-wrapper+svg,.example-wrapper+table,.example-wrapper+ul,blockquote+.example-wrapper,blockquote+blockquote,blockquote+figure,blockquote+h2,blockquote+h3,blockquote+h4,blockquote+h5,blockquote+h6,blockquote+ol,blockquote+p,blockquote+pre,blockquote+svg,blockquote+table,blockquote+ul,figure+.example-wrapper,figure+blockquote,figure+figure,figure+h2,figure+h3,figure+h4,figure+h5,figure+h6,figure+ol,figure+p,figure+pre,figure+svg,figure+table,figure+ul,h2+.example-wrapper,h2+blockquote,h2+figure,h2+h2,h2+h3,h2+h4,h2+h5,h2+h6,h2+ol,h2+p,h2+pre,h2+svg,h2+table,h2+ul,h3+.example-wrapper,h3+blockquote,h3+figure,h3+h2,h3+h3,h3+h4,h3+h5,h3+h6,h3+ol,h3+p,h3+pre,h3+svg,h3+table,h3+ul,h4+.example-wrapper,h4+blockquote,h4+figure,h4+h2,h4+h3,h4+h4,h4+h5,h4+h6,h4+ol,h4+p,h4+pre,h4+svg,h4+table,h4+ul,h5+.example-wrapper,h5+blockquote,h5+figure,h5+h2,h5+h3,h5+h4,h5+h5,h5+h6,h5+ol,h5+p,h5+pre,h5+svg,h5+table,h5+ul,h6+.example-wrapper,h6+blockquote,h6+figure,h6+h2,h6+h3,h6+h4,h6+h5,h6+h6,h6+ol,h6+p,h6+pre,h6+svg,h6+table,h6+ul,ol+.example-wrapper,ol+blockquote,ol+figure,ol+h2,ol+h3,ol+h4,ol+h5,ol+h6,ol+ol,ol+p,ol+pre,ol+svg,ol+table,ol+ul,p+.example-wrapper,p+blockquote,p+figure,p+h2,p+h3,p+h4,p+h5,p+h6,p+ol,p+p,p+pre,p+svg,p+table,p+ul,pre+.example-wrapper,pre+blockquote,pre+figure,pre+h2,pre+h3,pre+h4,pre+h5,pre+h6,pre+ol,pre+p,pre+pre,pre+svg,pre+table,pre+ul,svg+.example-wrapper,svg+blockquote,svg+figure,svg+h2,svg+h3,svg+h4,svg+h5,svg+h6,svg+ol,svg+p,svg+pre,svg+svg,svg+table,svg+ul,table+.example-wrapper,table+blockquote,table+figure,table+h2,table+h3,table+h4,table+h5,table+h6,table+ol,table+p,table+pre,table+svg,table+table,table+ul,ul+.example-wrapper,ul+blockquote,ul+figure,ul+h2,ul+h3,ul+h4,ul+h5,ul+h6,ul+ol,ul+p,ul+pre,ul+svg,ul+table,ul+ul{margin-top:var(--gutter)}a,button{color:inherit}button{background-color:var(--transparent);background-image:none;border:none;border-radius:0;cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:1rem var(--gutter);transition-duration:.1s;transition-property:background-color}code{background-color:var(--smoke);display:inline-block;font-family:Source Code Pro;padding:0 .5rem}em{font-style:italic}h1,h2,h3,h4,h5,h6{font-weight:700}h2{border-bottom:.1rem solid var(--black-ops)}h1{font-size:2em}h2{font-size:1.8em}h3{font-size:1.6em}h4{font-size:1.4em}h5{font-size:1.2em}h6{font-size:1em}img{flex-shrink:0;max-width:100%}main{background-color:var(--ice);grid-area:main;overflow:auto}nav{background-color:var(--black-ops);color:var(--white);display:flex}nav ol,nav ul{display:flex;margin-top:0}nav a,nav li{display:flex}nav a{align-items:center;background-color:transparent;padding:var(--gutter);text-decoration:none;transition-duration:.1s;transition-property:background-color}nav a:hover{background-color:var(--nights)}pre[class*=language-]{counter-reset:line-counter;padding-left:0;text-overflow:clip}pre[class*=language-] code{padding-left:0}pre[class*=language-] code>div{counter-increment:line-counter}pre[class*=language-] code>div:before{background-color:var(--black-ops);border-right:.1rem solid currenColor;color:#999;content:counter(line-counter);display:inline-block;left:0;margin-right:1.5rem;padding-right:1.5rem;position:-webkit-sticky;position:sticky;text-align:right;width:3em}section{padding:0 max(10rem,calc(50% - 500px))}section:first-child{margin-top:10rem}section:last-child{margin-bottom:10rem}section+section{margin-top:10rem}strong{font-weight:700}table{text-align:left;width:100%}td,th{padding:.5rem 1rem}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}th{border-bottom:.1rem solid var(--black-ops);font-weight:700}td{border-bottom:.1rem solid var(--smoke)}.area-nav{grid-area:area-nav;overflow:auto;position:-webkit-sticky;position:sticky;top:0}.area-nav,.area-nav ol,.area-nav ul{flex-direction:column}.area-nav>ol>li+li{margin-top:var(--gutter)}.area-nav li{flex-direction:column}.area-nav a,.area-nav header{width:100%}.area-nav header{align-items:center;display:flex;font-weight:700;padding:1rem var(--gutter);position:relative}.area-nav header:after{background-image:linear-gradient(90deg,var(--transparent),var(--dragon) 50%);content:"";display:block;height:.1rem;left:0;position:absolute;right:0;top:100%}.area-nav a{padding-bottom:1rem;padding-top:1rem;position:relative}.area-nav a:after{background-image:linear-gradient(90deg,var(--transparent),hsla(var(--smoke-h),var(--smoke-s),var(--smoke-l),.2) 50%);content:"";display:block;height:.1rem;left:0;position:absolute;right:0;top:100%}[role=banner]{background-color:var(--nights);display:flex;grid-area:banner;position:relative}[role=banner]:after{background-image:linear-gradient(180deg,var(--black-ops),var(--transparent));content:"";display:block;height:.5rem;left:0;opacity:.3;position:absolute;right:0;top:100%}[role=banner] nav{background-color:var(--transparent);flex-grow:1}[role=banner] nav ol+ol,[role=banner] nav ol+ul,[role=banner] nav ul+ol,[role=banner] nav ul+ul{margin-left:auto}[role=banner] svg{margin-right:1rem}[role=banner] a:hover{background-color:var(--dragon)}.brand{align-items:center;display:flex;font-size:2em;padding:1rem var(--gutter);white-space:nowrap}.brand span{display:flex;align-items:baseline}#__next>.brand{background-color:var(--nights);color:var(--white);grid-area:brand}.example-wrapper{display:flex;flex-direction:column}.example-wrapper menu{background-color:var(--dragon);color:var(--white);display:flex}.example-wrapper menu>*{margin:0}.example-wrapper menu ul{display:flex}.example-wrapper menu .meta{margin-left:auto}.example-wrapper menu .meta li{padding:1rem var(--gutter)}.example-wrapper menu button.active{background-color:var(--black-ops)}.example-wrapper menu button:hover{background-color:var(--nights)}.example-wrapper pre{margin-bottom:0;margin-top:0}.example-wrapper footer{font-size:.8em;text-align:right}section.hero{--hero-margin:calc(var(--gutter)*-1);align-items:center;background-color:var(--nights);color:var(--white);display:flex;justify-content:space-between;margin-bottom:10rem;margin-top:0;padding:10rem max(10rem,calc(50% - 500px))}section.hero h2{border:none}section.hero #mote{font-size:10em;margin-right:4rem}section.hero .call-to-action{display:flex;flex-direction:column;max-width:70%}section.hero .button{align-self:flex-start;background-color:var(--black-ops);display:inline-block;margin-top:var(--gutter);padding:var(--gutter) 4rem;text-decoration:none}section.hero .button [data-icon]{margin-left:var(--gutter)}@-webkit-keyframes mote-blink{0%{transform:scaleY(1)}95%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes mote-blink{0%{transform:scaleY(1)}95%{transform:scaleY(1)}to{transform:scaleY(0)}}@-webkit-keyframes mote-eyes-get-sad{0%{transform:translate(0) scaleY(1)}10%{transform:translate(7%,-10%) scaleY(1)}17%{transform:translate(10%,-10%) scaleY(1)}20%{transform:translate(7%,-9%) scaleY(1)}27%{transform:translate(10%,-9%) scaleY(1)}30%{transform:translate(7%,-8%) scaleY(1)}37%{transform:translate(10%,-8%) scaleY(1)}40%{transform:translate(7%,-20%) scaleY(1.2)}60%{--sadness-level:0;transform:translate(7%,-20%) scaleY(1.2)}to{--sadness-level:30;transform:translateY(30%) scaleY(.6)}}@keyframes mote-eyes-get-sad{0%{transform:translate(0) scaleY(1)}10%{transform:translate(7%,-10%) scaleY(1)}17%{transform:translate(10%,-10%) scaleY(1)}20%{transform:translate(7%,-9%) scaleY(1)}27%{transform:translate(10%,-9%) scaleY(1)}30%{transform:translate(7%,-8%) scaleY(1)}37%{transform:translate(10%,-8%) scaleY(1)}40%{transform:translate(7%,-20%) scaleY(1.2)}60%{--sadness-level:0;transform:translate(7%,-20%) scaleY(1.2)}to{--sadness-level:30;transform:translateY(30%) scaleY(.6)}}@-webkit-keyframes mote-eyes-wander{0%{transform:translateX(0)}90%{transform:translateX(0)}95%{transform:translateX(-10%)}to{transform:translateX(-10%)}}@keyframes mote-eyes-wander{0%{transform:translateX(0)}90%{transform:translateX(0)}95%{transform:translateX(-10%)}to{transform:translateX(-10%)}}@-webkit-keyframes mote-search{0%{transform:translate(0) scaleX(1) scaleY(1)}8%{transform:translate(0) scaleX(1) scaleY(1)}10%{transform:translateY(2rem) scaleX(1.2) scaleY(.8)}11%{transform:translate(calc(var(--jump-distance)/2*1rem),calc(var(--jump-height)*-1rem)) scaleX(.8) scaleY(1.2)}12%{transform:translate(calc(var(--jump-distance)*1rem),2rem) scaleX(1.2) scaleY(.8)}14%{transform:translate(calc(var(--jump-distance)*1rem)) scaleX(1) scaleY(1)}34%{transform:translate(calc(var(--jump-distance)*1rem)) scaleX(1) scaleY(1)}35%{transform:translate(calc(var(--jump-distance)*1rem)) scaleX(-1) scaleY(1)}36%{transform:translate(calc(var(--jump-distance)*1rem)) scaleX(-1) scaleY(1)}38%{transform:translate(calc(var(--jump-distance)*1rem),2rem) scaleX(-1.2) scaleY(.8)}39%{transform:translate(calc(var(--jump-distance)/2*1rem),calc(var(--jump-height)*-1rem)) scaleX(-.8) scaleY(1.2)}40%{transform:translateY(2rem) scaleX(-1.2) scaleY(.8)}42%{transform:translate(0) scaleX(-1) scaleY(1)}43%{transform:translate(0) scaleX(-1) scaleY(1)}44%{transform:translateY(2rem) scaleX(-1.2) scaleY(.8)}45%{transform:translate(calc(var(--jump-distance)/2*-1rem),calc(var(--jump-height)*-1rem)) scaleX(-.8) scaleY(1.2)}46%{transform:translate(calc(var(--jump-distance)*-1rem),2rem) scaleX(-1.2) scaleY(.8)}48%{transform:translate(calc(var(--jump-distance)*-1rem)) scaleX(-1) scaleY(1)}78%{transform:translate(calc(var(--jump-distance)*-1rem)) scaleX(-1) scaleY(1)}79%{transform:translate(calc(var(--jump-distance)*-1rem)) scaleX(1) scaleY(1)}81%{transform:translate(calc(var(--jump-distance)*-1rem)) scaleX(1) scaleY(1)}82%{transform:translate(calc(var(--jump-distance)*-1rem),2rem) scaleX(1.2) scaleY(.8)}83%{transform:translate(calc(var(--jump-distance)/2*-1rem),calc(var(--jump-height)*-1rem)) scaleX(.8) scaleY(1.2)}84%{transform:translateY(2rem) scaleX(1.2) scaleY(.8)}86%{transform:translate(0) scaleX(1) scaleY(1)}to{transform:translate(0) scaleX(1) scaleY(1)}}@keyframes mote-search{0%{transform:translate(0) scaleX(1) scaleY(1)}8%{transform:translate(0) scaleX(1) scaleY(1)}10%{transform:translateY(2rem) scaleX(1.2) scaleY(.8)}11%{transform:translate(calc(var(--jump-distance)/2*1rem),calc(var(--jump-height)*-1rem)) scaleX(.8) scaleY(1.2)}12%{transform:translate(calc(var(--jump-distance)*1rem),2rem) scaleX(1.2) scaleY(.8)}14%{transform:translate(calc(var(--jump-distance)*1rem)) scaleX(1) scaleY(1)}34%{transform:translate(calc(var(--jump-distance)*1rem)) scaleX(1) scaleY(1)}35%{transform:translate(calc(var(--jump-distance)*1rem)) scaleX(-1) scaleY(1)}36%{transform:translate(calc(var(--jump-distance)*1rem)) scaleX(-1) scaleY(1)}38%{transform:translate(calc(var(--jump-distance)*1rem),2rem) scaleX(-1.2) scaleY(.8)}39%{transform:translate(calc(var(--jump-distance)/2*1rem),calc(var(--jump-height)*-1rem)) scaleX(-.8) scaleY(1.2)}40%{transform:translateY(2rem) scaleX(-1.2) scaleY(.8)}42%{transform:translate(0) scaleX(-1) scaleY(1)}43%{transform:translate(0) scaleX(-1) scaleY(1)}44%{transform:translateY(2rem) scaleX(-1.2) scaleY(.8)}45%{transform:translate(calc(var(--jump-distance)/2*-1rem),calc(var(--jump-height)*-1rem)) scaleX(-.8) scaleY(1.2)}46%{transform:translate(calc(var(--jump-distance)*-1rem),2rem) scaleX(-1.2) scaleY(.8)}48%{transform:translate(calc(var(--jump-distance)*-1rem)) scaleX(-1) scaleY(1)}78%{transform:translate(calc(var(--jump-distance)*-1rem)) scaleX(-1) scaleY(1)}79%{transform:translate(calc(var(--jump-distance)*-1rem)) scaleX(1) scaleY(1)}81%{transform:translate(calc(var(--jump-distance)*-1rem)) scaleX(1) scaleY(1)}82%{transform:translate(calc(var(--jump-distance)*-1rem),2rem) scaleX(1.2) scaleY(.8)}83%{transform:translate(calc(var(--jump-distance)/2*-1rem),calc(var(--jump-height)*-1rem)) scaleX(.8) scaleY(1.2)}84%{transform:translateY(2rem) scaleX(1.2) scaleY(.8)}86%{transform:translate(0) scaleX(1) scaleY(1)}to{transform:translate(0) scaleX(1) scaleY(1)}}#mote{--angriness-level:0;--sadness-level:0;--jump-distance:10;--jump-height:5;display:inline-block;fill:currentColor;margin-right:1rem;overflow:visible}#mote #eyes,#mote #left,#mote #right{-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;transition-duration:1s;transition-property:all}#mote #eyes{-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-name:mote-eyes-wander;animation-name:mote-eyes-wander;transform:translateY(0) scaleY(1)}#mote #left,#mote #right{-webkit-animation-duration:2.3s;animation-duration:2.3s;-webkit-animation-name:mote-blink;animation-name:mote-blink;transform-origin:70% 70%}#mote #left{-webkit-clip-path:polygon(0 calc(var(--sadness-level)*1%),100% calc(var(--angriness-level)*1%),100% 100%,0 100%);clip-path:polygon(0 calc(var(--sadness-level)*1%),100% calc(var(--angriness-level)*1%),100% 100%,0 100%)}#mote #right{-webkit-clip-path:polygon(0 calc(var(--angriness-level)*1%),100% calc(var(--sadness-level)*1%),100% 100%,0 100%);clip-path:polygon(0 calc(var(--angriness-level)*1%),100% calc(var(--sadness-level)*1%),100% 100%,0 100%)}#mote[data-emotion=sad] #eyes{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:mote-eyes-get-sad;animation-name:mote-eyes-get-sad}#mote[data-emotion=sad] #eyes *{-webkit-animation:none;animation:none}#mote[data-action=search]{-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-timing-function:cubic-bezier(.52,.12,.63,.94);animation-timing-function:cubic-bezier(.52,.12,.63,.94);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:mote-search;animation-name:mote-search}.profile-card{align-items:flex-start;background-color:var(--nights);color:var(--white)}.profile-card tbody,.profile-card tr{width:100%}.profile-card td,.profile-card th{padding:1rem}.profile-card th{background-color:var(--black-ops);border-bottom-color:#444;width:auto}.profile-card td{border-bottom-color:var(--dragon);font-size:.8em;width:100%}.profile-card td.avatar{padding:0}.profile-card img{display:block;min-width:100%}.profile-card .contributions{display:grid;grid-gap:1rem;grid-template-columns:repeat(auto-fit,minmax(1em,10%))}.profile-grid{display:grid;grid-gap:var(--gutter);grid-template-columns:repeat(auto-fit,minmax(10rem,25%))}.simulator{bottom:0;box-shadow:0 0 1rem var(--black-ops);position:absolute;right:var(--gutter);width:40vw}.simulator>div{display:grid;grid-template-areas:"header header" "channel-list channel" "channel-list form";grid-template-columns:25% 1fr;grid-template-rows:auto 1fr auto;max-height:40vh;overflow:hidden}.simulator header{align-items:center;background-color:var(--nights);color:var(--white);display:flex;grid-area:header;position:relative}.simulator header button,.simulator header h2{padding:.5rem 1rem}.simulator header h2{border:none;font-size:1em}.simulator header menu{margin-left:auto}.simulator .channel-list{align-items:stretch;background-color:var(--black-ops);border-right:.1rem solid hsla(var(--smoke-h),var(--smoke-s),var(--smoke-l),.3);display:flex;flex-direction:column;grid-area:channel-list}.simulator .channel-list button{background-color:var(--transparent);color:var(--smoke);padding:.5rem 1rem;text-align:left;width:100%}.simulator .channel-list button.active{color:var(--dragon)}.simulator .channel{align-content:stretch;background-color:var(--black-ops);border-top:.1rem solid hsla(var(--smoke-h),var(--smoke-s),var(--smoke-l),.3);color:var(--white);flex-grow:1;grid-area:channel;overflow:auto;position:relative}.simulator .channel aside{background-color:var(--nights);font-size:.7em;left:0;position:-webkit-sticky;position:sticky;right:0;top:0;z-index:1}.simulator .channel aside ol{display:flex}.simulator .channel aside li{padding:.5rem 1rem}.simulator .channel .messages{display:flex;flex-direction:column;flex-grow:1;flex-shrink:0;justify-content:flex-end;min-height:100%}.simulator .channel .message{display:grid;grid-gap:1rem;grid-template-columns:auto 1fr;padding:1rem}.simulator .channel .message time{opacity:.5}.simulator .channel .emote{max-height:2ex}.simulator .channel .message-details{font-size:.8em;opacity:.5}.simulator .channel .highlight{background-color:hsla(0,0%,100%,.15);border-left:.5rem solid var(--wipe-out)}.simulator .channel .accent{color:var(--wipe-out)}.simulator .channel .system p{opacity:.5;font-style:italic}.simulator form{background-color:var(--black-ops);border-top:.1rem solid hsla(var(--smoke-h),var(--smoke-s),var(--smoke-l),.3);color:var(--white);display:grid;flex-shrink:1;grid-area:form;grid-template-columns:1fr auto;position:relative}.simulator .autocomplete{bottom:100%;display:flex;flex-direction:column;justify-content:flex-end;left:0;position:absolute;right:0;top:0}.simulator .autocomplete button{background-color:var(--black-ops);padding:0 1rem;text-align:left;width:100%}.simulator .autocomplete button.active{background-color:var(--dragon)}.simulator input{background-color:hsla(0,0%,100%,.15);border:none;border-radius:none;color:var(--white);font-family:inherit;font-size:inherit;margin:0;padding:1rem}.simulator button{background-color:var(--nights);color:var(--white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wordmark{font-family:Source Code Pro,monospace}