.badge{display:inline-block;font-size:14px;height:18px;line-height:18px;border-radius:3px;padding:0 6px;color:#fff;margin-right:5px;background-color:#42b983}.badge.middle{vertical-align:middle}.badge.top{vertical-align:top}.badge.green,.badge.tip{background-color:#42b983}.badge.error{background-color:#da5961}.badge.warn,.badge.warning,.badge.yellow{background-color:#e7c000}#nprogress{pointer-events:none}#nprogress .bar{background:#3eaf7c;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 #3eaf7c,0 0 5px #3eaf7c;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:2px solid transparent;border-top-color:#3eaf7c;border-left-color:#3eaf7c;border-radius:50%;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}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.content code{color:#476582;padding:.25rem .5rem;margin:0;font-size:.85em;background-color:rgba(27,31,35,.05);border-radius:3px}.content pre,.content pre[class*=language-]{line-height:1.4;padding:1.25rem 1.5rem;margin:.85rem 0;background-color:#282c34;border-radius:6px;overflow:auto}.content pre[class*=language-] code,.content pre code{color:#fff;padding:0;background-color:transparent;border-radius:0}div[class*=language-]{position:relative;background-color:#282c34;border-radius:6px}div[class*=language-] .highlight-lines{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-top:1.3rem;position:absolute;top:0;left:0;width:100%;line-height:1.4}div[class*=language-] .highlight-lines .highlighted{background-color:rgba(0,0,0,.66)}div[class*=language-] pre,div[class*=language-] pre[class*=language-]{background:transparent;position:relative;z-index:1}div[class*=language-]:before{position:absolute;z-index:3;top:.8em;right:1em;font-size:.75rem;color:hsla(0,0%,100%,.4)}div[class*=language-]:not(.line-numbers-mode) .line-numbers-wrapper{display:none}div[class*=language-].line-numbers-mode .highlight-lines .highlighted{position:relative}div[class*=language-].line-numbers-mode .highlight-lines .highlighted:before{content:" ";position:absolute;z-index:3;left:0;top:0;display:block;width:3.5rem;height:100%;background-color:rgba(0,0,0,.66)}div[class*=language-].line-numbers-mode pre{padding-left:4.5rem;vertical-align:middle}div[class*=language-].line-numbers-mode .line-numbers-wrapper{position:absolute;top:0;width:3.5rem;text-align:center;color:hsla(0,0%,100%,.3);padding:1.25rem 0;line-height:1.4}div[class*=language-].line-numbers-mode .line-numbers-wrapper .line-number,div[class*=language-].line-numbers-mode .line-numbers-wrapper br{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div[class*=language-].line-numbers-mode .line-numbers-wrapper .line-number{position:relative;z-index:4;font-size:.85em}div[class*=language-].line-numbers-mode:after{content:"";position:absolute;z-index:2;top:0;left:0;width:3.5rem;height:100%;border-radius:6px 0 0 6px;border-right:1px solid rgba(0,0,0,.66);background-color:#282c34}div[class~=language-js]:before{content:"js"}div[class~=language-ts]:before{content:"ts"}div[class~=language-html]:before{content:"html"}div[class~=language-md]:before{content:"md"}div[class~=language-vue]:before{content:"vue"}div[class~=language-css]:before{content:"css"}div[class~=language-sass]:before{content:"sass"}div[class~=language-scss]:before{content:"scss"}div[class~=language-less]:before{content:"less"}div[class~=language-stylus]:before{content:"stylus"}div[class~=language-go]:before{content:"go"}div[class~=language-java]:before{content:"java"}div[class~=language-c]:before{content:"c"}div[class~=language-sh]:before{content:"sh"}div[class~=language-yaml]:before{content:"yaml"}div[class~=language-javascript]:before{content:"js"}div[class~=language-typescript]:before{content:"ts"}div[class~=language-markup]:before{content:"html"}div[class~=language-markdown]:before{content:"md"}div[class~=language-json]:before{content:"json"}div[class~=language-ruby]:before{content:"rb"}div[class~=language-python]:before{content:"py"}div[class~=language-bash]:before{content:"sh"}.custom-block .custom-block-title{font-weight:600;margin-bottom:-.4rem}.custom-block.danger,.custom-block.tip,.custom-block.warning{padding:.1rem 1.5rem;border-left-width:.5rem;border-left-style:solid;margin:1rem 0}.custom-block.tip{background-color:#f3f5f7;border-color:#42b983}.custom-block.warning{background-color:rgba(255,229,100,.3);border-color:#e7c000;color:#6b5900}.custom-block.warning .custom-block-title{color:#b29400}.custom-block.warning a{color:#2c3e50}.custom-block.danger{background-color:#ffe6e6;border-color:#c00;color:#4d0000}.custom-block.danger .custom-block-title{color:#900}.custom-block.danger a{color:#2c3e50}.arrow{display:inline-block;width:0;height:0}.arrow.up{border-bottom:6px solid #ccc}.arrow.down,.arrow.up{border-left:4px solid transparent;border-right:4px solid transparent}.arrow.down{border-top:6px solid #ccc}.arrow.right{border-left:6px solid #ccc}.arrow.left,.arrow.right{border-top:4px solid transparent;border-bottom:4px solid transparent}.arrow.left{border-right:6px solid #ccc}.content:not(.custom){max-width:740px;margin:0 auto;padding:2rem 2.5rem}@media (max-width:959px){.content:not(.custom){padding:2rem}}@media (max-width:419px){.content:not(.custom){padding:1.5rem}}.table-of-contents .badge{vertical-align:middle}body,html{padding:0;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;color:#2c3e50}.page{padding-left:20rem}.navbar{z-index:20;right:0;height:3.6rem;background-color:#fff;box-sizing:border-box;border-bottom:1px solid #eaecef}.navbar,.sidebar-mask{position:fixed;top:0;left:0}.sidebar-mask{z-index:9;width:100vw;height:100vh;display:none}.sidebar{font-size:15px;background-color:#fff;width:20rem;position:fixed;z-index:10;margin:0;top:3.6rem;left:0;bottom:0;box-sizing:border-box;border-right:1px solid #eaecef;overflow-y:auto}.content:not(.custom)>:first-child{margin-top:3.6rem}.content:not(.custom) a:hover{text-decoration:underline}.content:not(.custom) p.demo{padding:1rem 1.5rem;border:1px solid #ddd;border-radius:4px}.content:not(.custom) img{max-width:100%}.content.custom{padding:0;margin:0}.content.custom img{max-width:100%}a{font-weight:500;text-decoration:none}a,p a code{color:#3eaf7c}p a code{font-weight:400}kbd{background:#eee;border:.15rem solid #ddd;border-bottom:.25rem solid #ddd;border-radius:.15rem;padding:0 .15em}blockquote{font-size:1.2rem;color:#999;border-left:.25rem solid #dfe2e5;margin-left:0;padding-left:1rem}ol,ul{padding-left:1.2em}strong{font-weight:600}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25}.content:not(.custom)>h1,.content:not(.custom)>h2,.content:not(.custom)>h3,.content:not(.custom)>h4,.content:not(.custom)>h5,.content:not(.custom)>h6{margin-top:-3.1rem;padding-top:4.6rem;margin-bottom:0}.content:not(.custom)>h1:first-child,.content:not(.custom)>h2:first-child,.content:not(.custom)>h3:first-child,.content:not(.custom)>h4:first-child,.content:not(.custom)>h5:first-child,.content:not(.custom)>h6:first-child{margin-top:-1.5rem;margin-bottom:1rem}.content:not(.custom)>h1:first-child+.custom-block,.content:not(.custom)>h1:first-child+p,.content:not(.custom)>h1:first-child+pre,.content:not(.custom)>h2:first-child+.custom-block,.content:not(.custom)>h2:first-child+p,.content:not(.custom)>h2:first-child+pre,.content:not(.custom)>h3:first-child+.custom-block,.content:not(.custom)>h3:first-child+p,.content:not(.custom)>h3:first-child+pre,.content:not(.custom)>h4:first-child+.custom-block,.content:not(.custom)>h4:first-child+p,.content:not(.custom)>h4:first-child+pre,.content:not(.custom)>h5:first-child+.custom-block,.content:not(.custom)>h5:first-child+p,.content:not(.custom)>h5:first-child+pre,.content:not(.custom)>h6:first-child+.custom-block,.content:not(.custom)>h6:first-child+p,.content:not(.custom)>h6:first-child+pre{margin-top:2rem}h1:hover .header-anchor,h2:hover .header-anchor,h3:hover .header-anchor,h4:hover .header-anchor,h5:hover .header-anchor,h6:hover .header-anchor{opacity:1}h1{font-size:2.2rem}h2{font-size:1.65rem;padding-bottom:.3rem;border-bottom:1px solid #eaecef}h3{font-size:1.35rem}a.header-anchor{font-size:.85em;float:left;margin-left:-.87em;padding-right:.23em;margin-top:.125em;opacity:0}a.header-anchor:hover{text-decoration:none}.line-number,code,kbd{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ol,p,ul{line-height:1.7}hr{border:0;border-top:1px solid #eaecef}table{border-collapse:collapse;margin:1rem 0;display:block;overflow-x:auto}tr{border-top:1px solid #dfe2e5}tr:nth-child(2n){background-color:#f6f8fa}td,th{border:1px solid #dfe2e5;padding:.6em 1em}.custom-layout{padding-top:3.6rem}.theme-container.sidebar-open .sidebar-mask{display:block}.theme-container.no-navbar .content:not(.custom)>h1,.theme-container.no-navbar h2,.theme-container.no-navbar h3,.theme-container.no-navbar h4,.theme-container.no-navbar h5,.theme-container.no-navbar h6{margin-top:1.5rem;padding-top:0}.theme-container.no-navbar .sidebar{top:0}.theme-container.no-navbar .custom-layout{padding-top:0}@media (min-width:720px){.theme-container.no-sidebar .sidebar{display:none}.theme-container.no-sidebar .page{padding-left:0}}@media (max-width:959px){.sidebar{font-size:15px;width:16.4rem}.page{padding-left:16.4rem}}@media (max-width:719px){.sidebar{top:0;padding-top:3.6rem;transform:translateX(-100%);transition:transform .2s ease}.page{padding-left:0}.theme-container.sidebar-open .sidebar{transform:translateX(0)}.theme-container.no-navbar .sidebar{padding-top:0}}@media (max-width:419px){h1{font-size:1.9rem}.content div[class*=language-]{margin:.85rem -1.5rem;border-radius:0}}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}: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:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.sidebar ul{padding:0;margin:0;list-style-type:none}.sidebar a{display:inline-block}.sidebar .nav-links{display:none;border-bottom:1px solid #eaecef;padding:.5rem 0 .75rem 0}.sidebar .nav-links a{font-weight:600}.sidebar .nav-links .nav-item,.sidebar .nav-links .repo-link{display:block;line-height:1.25rem;font-size:1.1em;padding:.5rem 0 .5rem 1.5rem}.sidebar .sidebar-links{padding:1.5rem 0}@media (max-width:719px){.sidebar .nav-links{display:block}.sidebar .nav-links .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{top:calc(1rem - 2px)}.sidebar .sidebar-links{padding:1rem 0}}.sidebar-group:not(.first){margin-top:1em}.sidebar-group .sidebar-group{padding-left:.5em}.sidebar-group:not(.collapsable) .sidebar-heading{cursor:auto;color:inherit}.sidebar-heading{color:#999;transition:color .15s ease;cursor:pointer;font-size:1.1em;font-weight:700;padding:0 1.5rem;margin-top:0;margin-bottom:.5rem}.sidebar-heading.open,.sidebar-heading:hover{color:inherit}.sidebar-heading .arrow{position:relative;top:-.12em;left:.5em}.sidebar-heading:.open .arrow{top:-.18em}.sidebar-group-items{transition:height .1s ease-out;overflow:hidden}.sidebar .sidebar-sub-headers{padding-left:1rem;font-size:.95em}a.sidebar-link{font-weight:400;display:inline-block;color:#2c3e50;border-left:.25rem solid transparent;padding:.35rem 1rem .35rem 1.25rem;line-height:1.4;width:100%;box-sizing:border-box}a.sidebar-link:hover{color:#3eaf7c}a.sidebar-link.active{font-weight:600;color:#3eaf7c;border-left-color:#3eaf7c}.sidebar-group a.sidebar-link{padding-left:2rem}.sidebar-sub-headers a.sidebar-link{padding-top:.25rem;padding-bottom:.25rem;border-left:none}.sidebar-sub-headers a.sidebar-link.active{font-weight:500}.page-edit,.page-nav{max-width:740px;margin:0 auto;padding:2rem 2.5rem}@media (max-width:959px){.page-edit,.page-nav{padding:2rem}}@media (max-width:419px){.page-edit,.page-nav{padding:1.5rem}}.page{padding-bottom:2rem}.page-edit{padding-top:1rem;padding-bottom:1rem;overflow:auto}.page-edit .edit-link{display:inline-block}.page-edit .edit-link a{color:#4e6e8e;margin-right:.25rem}.page-edit .last-updated{float:right;font-size:.9em}.page-edit .last-updated .prefix{font-weight:500;color:#4e6e8e}.page-edit .last-updated .time{font-weight:400;color:#aaa}.page-nav{padding-top:1rem;padding-bottom:0}.page-nav .inner{min-height:2rem;margin-top:0;border-top:1px solid #eaecef;padding-top:1rem;overflow:auto}.page-nav .next{float:right}@media (max-width:719px){.page-edit .edit-link{margin-bottom:.5rem}.page-edit .last-updated{font-size:.8em;float:none;text-align:left}}.navbar{padding:.7rem 1.5rem;line-height:2.2rem;position:relative}.navbar a,.navbar img,.navbar span{display:inline-block}.navbar .logo{height:2.2rem;min-width:2.2rem;margin-right:.8rem;vertical-align:top}.navbar .site-name{font-size:1.3rem;font-weight:600;color:#2c3e50;position:relative}.navbar .links{font-size:.9rem;position:absolute;right:1.5rem;top:.7rem}@media (max-width:719px){.navbar{padding-left:4rem}.navbar .can-hide{display:none}}.nav-links{display:inline-block}.nav-links a{line-height:1.4rem;color:inherit}.nav-links a.router-link-active,.nav-links a:hover{color:#3eaf7c}.nav-links .nav-item{position:relative;display:inline-block;margin-left:1.5rem;line-height:2rem}.nav-links .repo-link{margin-left:1.5rem}@media (max-width:719px){.nav-links .nav-item,.nav-links .repo-link{margin-left:0}}@media (min-width:719px){.nav-links a.router-link-active,.nav-links a:hover{color:#2c3e50}.nav-item>a:not(.external).router-link-active,.nav-item>a:not(.external):hover{margin-bottom:-2px;border-bottom:2px solid #46bd87}}.dropdown-wrapper{cursor:pointer}.dropdown-wrapper .dropdown-title{display:block}.dropdown-wrapper .dropdown-title:hover{border-color:transparent}.dropdown-wrapper .dropdown-title .arrow{vertical-align:middle;margin-top:-1px;margin-left:.4rem}.dropdown-wrapper .nav-dropdown .dropdown-item{color:inherit;line-height:1.7rem}.dropdown-wrapper .nav-dropdown .dropdown-item h4{margin:.45rem 0 0;border-top:1px solid #eee;padding:.45rem 1.5rem 0 1.25rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper{padding:0;list-style:none}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper .dropdown-subitem{font-size:.9em}.dropdown-wrapper .nav-dropdown .dropdown-item a{display:block;line-height:1.7rem;position:relative;border-bottom:none;font-weight:400;margin-bottom:0;padding:0 1.5rem 0 1.25rem}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active,.dropdown-wrapper .nav-dropdown .dropdown-item a:hover{color:#3eaf7c}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{content:"";width:0;height:0;border-left:5px solid #3eaf7c;border-top:3px solid transparent;border-bottom:3px solid transparent;position:absolute;top:calc(50% - 2px);left:9px}.dropdown-wrapper .nav-dropdown .dropdown-item:first-child h4{margin-top:0;padding-top:0;border-top:0}@media (max-width:719px){.dropdown-wrapper.open .dropdown-title{margin-bottom:.5rem}.dropdown-wrapper .nav-dropdown{transition:height .1s ease-out;overflow:hidden}.dropdown-wrapper .nav-dropdown .dropdown-item h4{border-top:0;margin-top:0;padding-top:0}.dropdown-wrapper .nav-dropdown .dropdown-item>a,.dropdown-wrapper .nav-dropdown .dropdown-item h4{font-size:15px;line-height:2rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem{font-size:14px;padding-left:1rem}}@media (min-width:719px){.dropdown-wrapper{height:1.8rem}.dropdown-wrapper:hover .nav-dropdown{display:block!important}.dropdown-wrapper .dropdown-title .arrow{border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #ccc;border-bottom:0}.dropdown-wrapper .nav-dropdown{display:none;height:auto!important;box-sizing:border-box;max-height:calc(100vh - 2.7rem);overflow-y:auto;position:absolute;top:100%;right:0;background-color:#fff;padding:.6rem 0;border:1px solid #ddd;border-bottom-color:#ccc;text-align:left;border-radius:.25rem;white-space:nowrap;margin:0}}.dropdown-enter,.dropdown-leave-to{height:0!important}.search-box{display:inline-block;position:relative;margin-right:.5rem}.search-box input{cursor:text;width:10rem;color:#4e6e8e;display:inline-block;border:1px solid #cfd4db;border-radius:2rem;font-size:.9rem;line-height:2rem;padding:0 .5rem 0 2rem;outline:none;transition:all .2s ease;background:#fff url(/assets/img/search.83621669.svg) .6rem .5rem no-repeat;background-size:1rem}.search-box input:focus{cursor:auto;border-color:#3eaf7c}.search-box .suggestions{background:#fff;width:20rem;position:absolute;top:1.5rem;border:1px solid #cfd4db;border-radius:6px;padding:.4rem;list-style-type:none}.search-box .suggestions.align-right{right:0}.search-box .suggestion{line-height:1.4;padding:.4rem .6rem;border-radius:4px;cursor:pointer}.search-box .suggestion a{color:#5d82a6}.search-box .suggestion a .page-title{font-weight:600}.search-box .suggestion a .header{font-size:.9em;margin-left:.25em}.search-box .suggestion.focused{background-color:#f3f4f5}.search-box .suggestion.focused a{color:#3eaf7c}@media (max-width:959px){.search-box input{cursor:pointer;width:0;border-color:transparent;position:relative;left:1rem}.search-box input:focus{cursor:text;left:0;width:10rem}}@media (max-width:959px) and (min-width:719px){.search-box .suggestions{left:0}}@media (max-width:719px){.search-box{margin-right:0}.search-box .suggestions{right:0}}@media (max-width:419px){.search-box .suggestions{width:calc(100vw - 4rem)}.search-box input:focus{width:8rem}}.sidebar-button{display:none;width:1.25rem;height:1.25rem;position:absolute;padding:.6rem;top:.6rem;left:1rem}.sidebar-button .icon{display:block;width:1.25rem;height:1.25rem}@media (max-width:719px){.sidebar-button{display:block}}.home{padding:3.6rem 2rem 0;max-width:960px;margin:0 auto}.home .hero{text-align:center}.home .hero img{max-height:280px;display:block;margin:3rem auto 1.5rem}.home .hero h1{font-size:3rem}.home .hero .action,.home .hero .description,.home .hero h1{margin:1.8rem auto}.home .hero .description{max-width:35rem;font-size:1.6rem;line-height:1.3;color:#6a8bad}.home .hero .action-button{display:inline-block;font-size:1.2rem;color:#fff;background-color:#3eaf7c;padding:.8rem 1.6rem;border-radius:4px;transition:background-color .1s ease;box-sizing:border-box;border-bottom:1px solid #389d70}.home .hero .action-button:hover{background-color:#4abf8a}.home .features{border-top:1px solid #eaecef;padding:1.2rem 0;margin-top:2.5rem;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:stretch;justify-content:space-between}.home .feature{flex-grow:1;flex-basis:30%;max-width:30%}.home .feature h2{font-size:1.4rem;font-weight:500;border-bottom:none;padding-bottom:0;color:#3a5169}.home .feature p{color:#4e6e8e}.home .footer{padding:2.5rem;border-top:1px solid #eaecef;text-align:center;color:#4e6e8e}@media (max-width:719px){.home .features{flex-direction:column}.home .feature{max-width:100%;padding:0 2.5rem}}@media (max-width:419px){.home{padding-left:1.5rem;padding-right:1.5rem}.home .hero img{max-height:210px;margin:2rem auto 1.2rem}.home .hero h1{font-size:2rem}.home .hero .action,.home .hero .description,.home .hero h1{margin:1.2rem auto}.home .hero .description{font-size:1.2rem}.home .hero .action-button{font-size:1rem;padding:.6rem 1.2rem}.home .feature h2{font-size:1.25rem}}.s05-01[data-v-416b2686],.s05-01[data-v-79711af5],.s05-02[data-v-051beef4],.s05-04[data-v-9763abf6],.s05-05[data-v-1324fab0],.s06-01[data-v-9fe2ab9c],.s06-02[data-v-73abb822],.s06-03[data-v-334372e1],.s06-04[data-v-981a851e],.s06-05[data-v-1d72a9d4],.s06-06[data-v-fc1d6572],.s06-07[data-v-44de46ef],.s06-08[data-v-62f7c714],.s06-09[data-v-a67ff844],.s06-10[data-v-52f4e275],.s06-11[data-v-2c6b66e0],.s06-12[data-v-4e8b992c],.s06-13[data-v-78c87fba],.s06-14[data-v-180c294a],.s06-15[data-v-54754614]{width:520px;height:200px;margin:15px 0;background:#fff;box-shadow:0 0 2px 2px #eee}.s04-01[data-v-8973aa56],.s04-02[data-v-1f95dfdd],.s04-03[data-v-5f3ccd30],.s04-04[data-v-1de88422],.s04-04[data-v-384211ba]{width:720px;height:300px;margin:15px 0;background:#fff;box-shadow:0 0 2px 2px #eee}.s02-polyline[data-v-32bbaa02],.s02-rect[data-v-158ec027],.s03-01[data-v-d977dabc],.s03-02[data-v-bdae1c22],.s03-03[data-v-8d3e0588]{width:740px;height:100px;margin:15px 0;background:#fff;box-shadow:0 0 2px 2px #eee}.icon.outbound{color:#aaa;display:inline-block}.s02-circle[data-v-383169df],.s02-ellipse[data-v-34d56834],.s02-line[data-v-acbc1ffc]{width:740px;height:100px;margin:15px 0;background:#fff;box-shadow:0 0 2px 2px #eee}.s01[data-v-02886c55]{width:700px;height:350px;border-radius:4px;background:#a53f3c}.svg-wrapper[data-v-02886c55]{height:60px;margin:0 auto;position:relative;top:50%;text-align:center;transform:translateY(-50%);width:420px}.shape[data-v-02886c55]{fill:transparent;stroke-dasharray:140 540;stroke-dashoffset:-474;stroke-width:6px;stroke:#ff0}.text[data-v-02886c55]{color:#fff;font-family:Roboto Condensed;font-size:28px;letter-spacing:5px;line-height:32px;position:relative;top:-48px;left:-10px}@keyframes draw-data-v-02886c55{0%{stroke-dasharray:140 540;stroke-dashoffset:-474;stroke-width:8px}to{stroke-dasharray:760;stroke-dashoffset:0;stroke-width:3px}}.svg-wrapper:hover .shape[data-v-02886c55]{animation:.5s draw-data-v-02886c55 linear forwards}.s06[data-v-41af8167]{width:500px;height:200px;margin:15px 0;background:#fff;box-shadow:0 0 2px 2px #eee}#target[data-v-41af8167]{transform-origin:130px 100px;transform:perspective(800px) rotate3d(1,1,0,0);animation:run-data-v-41af8167 5s infinite}@keyframes run-data-v-41af8167{0%{transform:rotate3d(1,1,0,45deg)}to{transform:rotate3d(1,1,0,1turn)}}.s06[data-v-95f21402]{width:500px;height:200px;margin:15px 0;background:#fff;box-shadow:0 0 2px 2px #eee}#target1[data-v-95f21402]{transform-origin:100px 70px;transform:rotate(30deg)}#target2[data-v-95f21402]{transform-origin:350px 95px;transform:rotate(30deg)}.s06[data-v-1dc2d8f8],.s06[data-v-97d5c05c],.s06[data-v-2486df78],.s06[data-v-428423c2],.s06[data-v-aefa1756],.s06[data-v-dd1912a2]{width:500px;height:200px;margin:15px 0;background:#fff;box-shadow:0 0 2px 2px #eee}.s06[data-v-5f1b7ca0]{width:100px;height:200px;margin:15px 0;background:#fff;box-shadow:0 0 2px 2px #eee}.s06[data-v-7e2a3fae],.s06[data-v-31629071]{width:500px}.s06[data-v-7e2a3fae],.s06[data-v-31629071],.s06[data-v-e17e6b70]{height:200px;margin:15px 0;background:#fff;box-shadow:0 0 2px 2px #eee}.s06[data-v-e17e6b70]{width:100px}.s06[data-v-33bb3442]{width:500px}.s06[data-v-33bb3442],.s06[data-v-d710d33c]{height:200px;margin:15px 0;background:#fff;box-shadow:0 0 2px 2px #eee}.s06[data-v-d710d33c]{width:300px}.s06[data-v-1cecda71]{width:75px;height:50px}.s06[data-v-1cecda71],.s06[data-v-622fa7e0]{margin:15px 0;background:#fff;box-shadow:0 0 2px 2px #eee}.s06[data-v-622fa7e0]{width:300px;height:200px}.s06[data-v-2e80f1aa]{width:150px;height:100px;margin:15px 0;background:#fff;box-shadow:0 0 2px 2px #eee}.wrap[data-v-2c87895b]{position:relative;width:500px;height:200px;margin:15px 0}canvas[data-v-2c87895b]{width:500px;height:200px;box-shadow:0 0 2px 3px #eee}.btn[data-v-2c87895b]{position:absolute;right:15px;bottom:10px;width:60px;height:25px;border-radius:3px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:12px;cursor:pointer;background-color:#ff5777}.fillRule[data-v-2c87895b]{position:absolute;left:150px;bottom:15px;color:red}.wrap[data-v-64a03312]{position:relative;width:500px;height:200px;margin:15px 0}canvas[data-v-64a03312]{width:500px;height:200px;box-shadow:0 0 2px 3px #eee}.btn[data-v-64a03312]{position:absolute;right:15px;bottom:10px;width:60px;height:25px;border-radius:3px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:12px;cursor:pointer;background-color:#ff5777}.wrap[data-v-eab284e6]{position:relative;width:500px;height:200px;margin:15px 0}canvas[data-v-eab284e6]{width:500px;height:200px;box-shadow:0 0 2px 3px #eee}.rangeGroup[data-v-eab284e6]{position:absolute;right:15px;top:50px}.wrap[data-v-2a283407]{position:relative;width:500px;height:200px;margin:15px 0}canvas[data-v-2a283407]{width:500px;height:200px;box-shadow:0 0 2px 3px #eee}.pattern-radio[data-v-2a283407]{position:absolute;top:20px;left:30px;color:red}.wrap[data-v-750f6898]{position:relative;width:500px;height:200px;margin:15px 0}canvas[data-v-750f6898]{width:500px;height:200px;box-shadow:0 0 2px 3px #eee}.rangeGroup[data-v-750f6898]{position:absolute;right:15px;top:30px}.bxPoint[data-v-750f6898]{margin-top:10px}.btn[data-v-750f6898]{position:absolute;right:15px;bottom:10px;width:60px;height:25px;border-radius:3px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:12px;cursor:pointer;background-color:#ff5777}.ar[data-v-750f6898],.axPoint[data-v-750f6898],.ayPoint[data-v-750f6898],.br[data-v-750f6898],.bxPoint[data-v-750f6898],.byPoint[data-v-750f6898]{line-height:1}.wrap[data-v-06014670]{position:relative;width:500px;height:200px;margin:15px 0}canvas[data-v-06014670]{width:500px;height:200px;box-shadow:0 0 2px 3px #eee}.rangeGroup[data-v-06014670]{position:absolute;right:15px;top:30px}.bxPoint[data-v-06014670]{margin-top:20px}.btn[data-v-06014670]{position:absolute;right:15px;bottom:10px;width:60px;height:25px;border-radius:3px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:12px;cursor:pointer;background-color:#ff5777}.wrap[data-v-47225a75]{position:relative;width:500px;height:200px;margin:15px 0}canvas[data-v-47225a75]{width:500px;height:200px;box-shadow:0 0 2px 3px #eee}.slidecontainer[data-v-47225a75]{position:absolute;right:15px;bottom:30px;width:120px;height:30px;outline:none;opacity:.7;appearance:none}.slider[data-v-47225a75]:hover{opacity:1}.wrap[data-v-f88af12c]{position:relative;width:500px;height:200px;margin:15px 0}canvas[data-v-f88af12c]{width:500px;height:200px;box-shadow:0 0 2px 3px #eee}.btn[data-v-f88af12c]{position:absolute;right:15px;bottom:10px;width:60px;height:25px;border-radius:3px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:12px;cursor:pointer;background-color:#ff5777}.wrap[data-v-cbc7d91e]{position:relative;width:500px;height:200px;margin:15px 0}canvas[data-v-cbc7d91e]{width:500px;height:200px;box-shadow:0 0 2px 3px #eee}.btn[data-v-cbc7d91e]{position:absolute;right:30px;bottom:30px}.btn2[data-v-cbc7d91e]{position:absolute;right:30px;bottom:70px}.wrap[data-v-3ed7e5e4]{position:relative;width:500px;height:200px;margin:15px 0}canvas[data-v-3ed7e5e4]{width:500px;height:200px;box-shadow:0 0 2px 3px #eee}.btn[data-v-3ed7e5e4]{position:absolute;right:30px;bottom:30px}.wrap[data-v-9ab61d32]{position:relative;width:500px;height:200px;margin:15px 0}canvas[data-v-9ab61d32]{width:500px;height:200px;box-shadow:0 0 2px 3px #eee}.btn[data-v-9ab61d32]{position:absolute;right:30px;bottom:30px}.wrap[data-v-031c198e]{position:relative;width:500px;height:200px;margin:15px 0}canvas[data-v-031c198e]{width:500px;height:200px;box-shadow:0 0 2px 3px #eee}.btn[data-v-031c198e]{position:absolute;right:30px;bottom:30px}canvas[data-v-6e755520],canvas[data-v-58e79988]{width:500px;height:200px;margin:15px 0;box-shadow:0 0 2px 3px #eee}canvas[data-v-f2214a22]{width:400px;height:300px;margin:15px 0;box-shadow:0 0 2px 3px #eee}canvas[data-v-105b1e6f]{width:550px;height:330px;margin:15px 0;box-shadow:0 0 2px 3px #eee}canvas[data-v-fcb14b5e]{width:250px;height:150px}canvas[data-v-164890c0],canvas[data-v-fcb14b5e]{margin:15px 0;box-shadow:0 0 2px 3px #eee}.c05{display:flex;align-items:center}.c05 .ctrls{margin-left:20px}.c05 .camera{width:200px;height:200px;perspective-origin:50%;perspective:300px}.c05 .space{position:relative;width:100%;height:100%;transform-origin:center center -50px;transform-style:preserve-3d;transform:translateY(60deg)}.c05 .space div{position:absolute;width:100px;height:100px;font-size:22px;color:#fff;text-align:center;line-height:100px}.front{background:rgba(255,0,0,.8);transform-origin:center center;transform:translateX(50px) translateY(50px)}.back{background:rgba(0,255,0,.8);transform-origin:center center;transform:translateX(50px) translateY(50px) translateZ(-100px) rotateY(180deg)}.left{background:rgba(239,95,167,.8);transform-origin:right center;transform:translateX(-50px) translateY(50px) rotateY(-90deg)}.right{background:rgba(0,0,255,.8);transform-origin:left center;transform:translateX(150px) translateY(50px) rotateY(90deg)}.top{background:rgba(0,255,255,.8);transform-origin:bottom center;transform:translateX(50px) translateY(-50px) rotateX(90deg)}.bottom{background:rgba(255,100,50,.8);transform-origin:top center;transform:translateX(50px) translateY(150px) rotateX(-90deg)}.c04{display:flex;flex-direction:row;align-items:center}.c04 .camera{width:200px;height:200px;margin-right:20px;perspective:500px;perspective-origin:50%}.c04 .space{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform-origin:center center 29px}.c04 .space div{position:absolute;width:0;height:0;border-width:0 50px 87px;border-style:solid;opacity:.9}.box1{border-color:transparent transparent #ff0;transform-origin:center bottom;transform:translateX(50px) translateY(50px) rotateX(-90deg)}.box2{border-color:transparent transparent red;transform-origin:center bottom;transform:translateX(50px) translateY(50px) rotateX(-19.5deg)}.box3{border-color:transparent transparent #0f0;transform-origin:left bottom;transform:translateX(50px) translateY(50px) rotateY(-60deg) rotateX(19.5deg);transition:all .2s}.box4{border-color:transparent transparent #00f;transform-origin:right bottom;transform:translateX(50px) translateY(50px) rotateY(60deg) rotateX(19.5deg)}.c03{position:relative;width:800px;height:200px;margin:20px 0;border-radius:3px;box-shadow:0 0 15px 8px #eee}.c03,.wrapper{display:flex;align-items:center}.wrapper{justify-content:center;width:160px;height:120px;margin-left:20px}.three{width:0;height:50;border-style:solid;border-width:0;border-color:red #0f0 #00f #ff0;transition:all 3s}.color,.controls{display:flex;flex-direction:column}.color{margin-left:30px}.color .type{padding:10px 40px}.color p,.controls p{display:flex;margin:0}.color p span,.controls p span{display:block;width:120px;height:30px;margin-right:10px;text-align:right}.color p span{width:160px}p{padding:0;margin:2px}.c02{display:flex;flex-direction:row;position:relative;width:600px;height:200px;margin-top:20px}.c02 .ctrls{margin-left:20px}.c02 .camera{width:200px;height:200px;perspective:500px;perspective-origin:50%}.c02 .space{width:100%;height:100%;border:1px dashed red;transform-style:preserve-3d}.c02 .box{width:100px;height:100px;background:#f55777;transform:translateX(50px) translateY(50px)}.c01{width:400px;height:200px}.a,.c01{position:relative}.a{width:0;height:0;border-width:0 50px 87px;border-style:solid;border-color:transparent transparent #095;animation:a 20s infinite linear alternate}.a:after,.a:before{position:absolute;content:"";border-width:0;border-style:solid}.a:before{animation:ab 20s infinite linear alternate}.a:after{animation:af 20s infinite linear alternate}@keyframes a{0%,5%{width:0;height:0;border-width:0 50px 87px;border-color:transparent transparent #095}23%{width:0;height:0;border-width:0 50px 0;border-color:transparent transparent #c00}42%{width:0;height:0;border-width:0 81px 59px;border-color:transparent transparent #069}61%{width:100px;height:0;border-width:0 50px 87px;border-color:transparent transparent #f80}80%{width:0;height:0;border-width:0 90px 43px;border-color:transparent transparent #09c}95%,to{width:100px;height:0;border-width:0 71px 71px;border-color:transparent transparent #f69}}@keyframes ab{0%,5%{top:87px;left:-50px;width:100px;height:0;background:#095;border-width:0;border-color:#095 transparent transparent}22.99%{top:0;left:-50px;width:100px;height:100px;background:#c00;border-width:0;border-color:#c00 transparent transparent}23%{top:0;left:-50px;width:100px;height:0;background:none;border-width:100px 0 0;border-color:#c00 transparent transparent}42%{top:59px;left:-81px;width:100px;height:0;background:none;border-width:95px 31px 0;border-color:#069 transparent transparent}61%{top:87px;left:-50px;width:100px;height:0;border-width:87px 50px 0;border-color:#f80 transparent transparent}80%{top:140px;left:-112px;width:100px;height:0;border-width:78px 62px 0;border-color:#09c transparent transparent}95%,to{top:171px;left:-71px;width:100px;height:0;border-width:71px 71px 0;border-color:#f69 transparent transparent}}@keyframes af{0%,61%{top:87px;left:-50px;width:200px;height:0;border-width:0;background:none;border-color:transparent transparent #f80}80%{top:43px;left:-112px;width:180px;height:0;border-width:0 22px 99px;background:none;border-style:solid;border-color:transparent transparent #09c}95%,to{top:71px;left:-71px;width:242px;height:0;border-width:0 0 100px;background:none;border-style:solid;border-color:transparent transparent #f69}}.s02-polygon[data-v-35692cca]{width:740px;height:100px;margin:15px 0;background:#fff;box-shadow:0 0 2px 2px #eee}