.actions-panel{left:0;right:0;bottom:0;position:fixed;max-width:1200px;margin:0 auto;top:0;z-index:500;pointer-events:none}.actions-panel nav{position:absolute;top:30px;left:0;width:180px;bottom:0;background:transparent;pointer-events:all;display:flex;flex-direction:column;align-items:flex-start;overflow-y:auto}.actions-panel a.logo{display:inline-flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;font-weight:600;color:#333}.actions-panel a.logo img{display:block;width:120px;border-radius:10px;margin:0 10px}.actions-panel section{width:100%;padding:10px}.actions-panel section header{text-transform:uppercase;font-size:13px;letter-spacing:.04em;font-weight:600;color:#999;padding-bottom:13px;padding-top:18px}.actions-panel section a{padding:5px 0;display:block;text-decoration:none;color:#333;font-size:14px}.actions-panel section a.active--exact{color:#30b8ce;font-weight:600;font-size:15px}article{max-width:1200px;padding-left:210px;padding-top:30px;padding-right:20px;margin:0 auto 50px}@media (max-width:750px){.actions-panel{display:none}.actions-panel a.logo{position:fixed;right:20px;top:40px}.actions-panel a.logo img{width:35px}.actions-panel section{display:none}article{padding-left:20px}article .live-code{width:100%;display:flex;flex-direction:column;align-items:center}article .live-code .demo{position:relative;margin-bottom:1em}article .live-code pre{width:100%}article .live-code code{font-size:.85em}}code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px #fff;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}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}*{box-sizing:border-box}body{font-family:Fira Sans,sans-serif;margin:0}article{color:#333}article ol,article p,article ul{line-height:150%;max-width:800px}article h1:not(:first-child){padding-top:50px}article h1{font-size:2em;font-weight:600}article h2{font-size:1.5em;margin-top:3em}article h3{font-size:1em;margin-top:3em}article a{color:#449dad}article strong{font-weight:600}article table{border-collapse:collapse;margin:20px}article table th{text-align:left;font-weight:400;color:#888;text-transform:uppercase;font-weight:600;font-size:.8em;border-bottom:1px solid #ccc}article table td,article table th{padding:10px 40px 10px 0}article blockquote{margin:2em 0;border-left:5px solid #c9e5e9;padding:0 0 0 10px;font-style:italic}article header{background:#e4f2f4;color:#6ca7af;font-weight:600;text-transform:uppercase;letter-spacing:.025em;font-size:.85em;padding:20px;border-radius:3px;margin-bottom:50px}article pre,article pre[class*=language-]{padding:10px;margin:2em 0;font-size:15px;max-width:800px}article code,article code[class*=language-],article pre[class*=language-]{font-family:Inconsolata,monospace}article code{background:#eee;padding:3px}article pre code{padding:0}article ul code{color:#d63200;background:#f8f8f8}article ul li{margin-bottom:.5em}article .live-code pre{margin:0;background:none;line-height:150%;padding:0}article .live-code pre .line-numbers-rows{margin-top:-.5em;line-height:150%;border-right:none}article footer{margin-top:80px;padding-top:20px;border-top:1px solid #aed9e0}@media (max-width:500px){article{font-size:.85em}article h1:not(:first-child){padding-top:30px}}.live-code{margin:2em 0;position:relative}.live-code .demo{position:absolute;top:0;right:0;height:300px;width:300px;border:none;border-radius:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.live-code .demo canvas:focus{outline:none}.live-code.big{display:flex;flex-direction:column-reverse}.live-code.big .demo{position:relative;width:100%;margin-top:1em}footer nav{display:none;border-bottom:1px solid #aed9e0;padding-bottom:1em;margin-bottom:2em;text-align:center}footer nav a{display:inline-block;padding:5px;text-transform:uppercase;white-space:nowrap}@media (max-width:750px){footer{text-align:center}footer nav{display:block;padding-left:2em;padding-right:2em}footer p{padding:0 2em}}