*{box-sizing:border-box}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}body,html{margin:0;padding:0}body{font-size:16px}.container{width:1040px;max-width:100%;margin:0 auto;padding:0 15px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#f9f9f9}a{transition:.3s ease-in-out}hr{border:none;border-bottom:1px solid #dee}.page{background-color:#724fd4;background-image:linear-gradient(#724fd4,#5d3abe 60%,#43229e);margin-bottom:1.5rem}.page header{font-size:.75rem;padding:.7em 0;border-bottom:1px solid #5d3abe}.page header .container{display:flex;justify-content:space-between;align-items:center}.page header a{font-size:1.1em;color:#b49ff3;text-decoration:none}.page header .brand a{font-family:arial;font-weight:700;text-transform:uppercase;letter-spacing:2px}.page header .brand a span{display:inline-block;width:40px;height:40px;line-height:40px;font-weight:400;margin-right:1em;text-align:center}.page header .brand a span img{max-width:100%;vertical-align:middle;opacity:1;border-radius:100%}.page header .brand a:hover img{opacity:1}.page header .menu a{display:inline-block;margin-left:25px;font-weight:600;font-weight:400}.page header .menu a:hover{color:#fff}.page header .menu a.active{color:#fff;font-weight:700}.page .intro{text-align:center;color:#fff;min-height:80vh;display:flex;justify-content:center;align-items:center;padding:15px}.page .intro:not(.intro-subpage) p{width:850px;margin:0 auto;max-width:100%;line-height:1.5;font-size:1.1em;font-weight:300;color:#c4e4db;padding:.4em 0 2em}.page .intro.intro-subpage{display:block;padding:15px;text-align:left;background-color:#fff;color:#333}.page .intro h1{font-size:2.5em;margin:.3em 0}.page .intro ol{font-size:1rem}.page .intro ol li{margin-bottom:10px;border-bottom:1px dotted #eee;padding-bottom:10px}.page .intro ol li:after{content:"";clear:both;height:0}.page .intro ol li a{display:block;text-decoration:none;color:#333}.page .intro ol li a:hover{color:#724fd4;text-indent:5px}footer{text-align:center;margin:1.5rem 0}footer,footer a{color:#888}code{background-color:#f9f2f4;border-radius:3px;color:#c7254e;display:inline-block;font-family:Inconsolata,Monaco,Consolas,Andale Mono,Bitstream Vera Sans Mono,Courier New,Courier,monospace;margin:0 .2rem;padding:0 .4rem;white-space:nowrap;word-wrap:break-word;color:#e83e8c;font-size:87.5%}@media (max-width:768px){.page header .brand a{font-size:0}.page .intro:not(.intro-subpage) p{display:block;width:100%}}.wrapper{background-color:#f3f3f3;color:#333;min-height:100vh;padding:30px}.wrapper.wrapper--hasScrollView{position:fixed;z-index:5;width:100%;height:100%;overflow:hidden}.wrapper.wrapper--hasScrollView .scrollview{width:calc(100% - 40px)}.wrapper.wrapper--normal{position:fixed;z-index:5;width:calc(100% - 60px);height:100%;overflow:hidden}.app-hr{margin:30px 0;display:block;unicode-bidi:-webkit-isolate;unicode-bidi:isolate;-webkit-margin-before:.5em;margin-block-start:.5em;-webkit-margin-after:.5em;margin-block-end:.5em;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;overflow:hidden;border-bottom:1px inset #c2c2c2}.btn-max-w{margin-bottom:15px}.app-btn-s1{border:1px solid #713ada!important;background:#713ada!important;color:#fff!important;font-size:28px!important}.app-btn-s1:hover{background:#5f29c4!important}.app-btn-s1.app-btn-s1--secondary{border:1px solid #713ada!important;background:transparent!important;color:#713ada!important}.app-btn-s1.app-btn-s1--secondary:hover{background:#eee!important}.app-item{margin-bottom:30px;border-bottom:1px solid #c2c2c2;padding-bottom:20px;position:relative}.app-item-imgbtn{border:none!important;padding:0!important;margin:0!important;background:none!important;border-radius:0!important;line-height:1!important;position:absolute;z-index:1;right:0;top:10px;opacity:.3;transition:.1s ease-in-out}.app-item-imgbtn:after{display:none!important}.app-item-imgbtn .app-item-imgbtn__img{width:35px;height:35px}.app-item-imgbtn.app-item-imgbtn--active{opacity:1;transform:scale(1.2)}.app-code-spacing{display:inline-block;width:5px}.app-code-highlight{color:#ba0e0e}.app-preview-img{margin-top:30px}.app-detail-info{word-break:break-word}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em;font-size:13px!important}code,code[class*=language-],div,kbd,pre[class*=language-],samp{font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace!important}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;text-shadow:0 1px rgba(0,0,0,.3);font-size:1em;text-align:left;white-space:div;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}:not(div)>code[class*=language-],pre[class*=language-]{background:#272822}:not(div)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}div[data-line]{position:relative;padding:1em 0 1em 3em}.line-highlight{position:absolute;left:0;right:0;padding-left:0;padding-bottom:inherit;padding-right:0;padding-top:inherit;margin-top:1em;background:hsla(24,20%,50%,.08);background:linear-gradient(90deg,hsla(24,20%,50%,.1) 70%,hsla(24,20%,50%,0));pointer-events:none;line-height:inherit;white-space:div}@media print{.line-highlight{-webkit-print-color-adjust:exact;color-adjust:exact}}.line-highlight:before,.line-highlight[data-end]:after{content:attr(data-start);position:absolute;top:.4em;left:.6em;min-width:1em;padding:0 .5em;background-color:hsla(24,20%,50%,.4);color:#f5f2f0;font:700 65%/1.5 sans-serif;text-align:center;vertical-align:.3em;border-radius:999px;text-shadow:none;box-shadow:0 1px #fff}.line-highlight[data-end]:after{content:attr(data-end);top:auto;bottom:.4em}.line-numbers .line-highlight:after,.line-numbers .line-highlight:before{content:none}div[id].linkable-line-numbers span.line-numbers-rows{pointer-events:all}div[id].linkable-line-numbers span.line-numbers-rows>span:before{cursor:pointer}div[id].linkable-line-numbers span.line-numbers-rows>span:hover:before{background-color:hsla(0,0%,50%,.2)}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;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}span.inline-color-wrapper{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyIDIiPjxwYXRoIGZpbGw9ImdyYXkiIGQ9Ik0wIDBoMnYySDB6Ii8+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0wIDBoMXYxSDB6TTEgMWgxdjFIMXoiLz48L3N2Zz4=");background-position:50%;background-size:110%;display:inline-block;height:1.333ch;width:1.333ch;margin:0 .333ch;box-sizing:border-box;border:1px solid #fff;outline:1px solid rgba(0,0,0,.5);overflow:hidden}span.inline-color{display:block;height:120%;width:120%}