html,body{padding:0;margin:0}html{overflow-y:scroll}body{font-size:16px;color:#2c3e50;font-family:'PingFang SC', 'Roboto', 'Helvetica Neue', sans-serif}.can-hide{display:none}i.i{display:inline-block;width:1em;height:1em;background:no-repeat center;transition:all .2s}a{font-weight:500;text-decoration:none}a,p a code{color:#00a99d}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}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}strong{font-weight:700}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25}.line-number,code,kbd{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width: 419px){h1{font-size:1.9rem}}.sidebar-open .sidebar-mask{display:block}.body{box-sizing:border-box;min-height:100vh;padding:3.6rem 0 0;background:url("/assets/images/2.jpg") no-repeat top;background-size:cover}@media (max-width: 959px){.sidebar{font-size:15px;width:16.4rem}}@media (min-width: 720px){.no-sidebar .sidebar{display:none}.no-sidebar .page{padding-left:0}}@media (max-width: 719px){.sidebar{top:0;padding-top:3.6rem;transform:translateX(-100%)}.no-navbar .sidebar{padding-top:0}}:root{--entryWidth: 17.625rem;--entryColumns: 4}ul.entries{display:flex;max-width:1400px;flex-wrap:wrap;margin:0 auto}ul.entries>li.entry{display:flex;width:var(--entryWidth);height:var(--entryWidth);margin:3.25rem calc((100% - var(--entryWidth) * var(--entryColumns)) / (var(--entryColumns) * 2));background:#fff;border-radius:.125rem;transition:all .2s;transform-origin:center;animation:.4s entryFadeIn ease-out;box-shadow:0 10px 50px rgba(0,0,0,0.2)}ul.entries>li.entry>a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;border-radius:.125rem;background:#fff;color:#333;transition:all .2s}ul.entries>li.entry>a>i.i{display:block;width:32%;height:32%;margin:1em 0 1.5em}ul.entries>li.entry>a>em{font-style:normal}ul.entries>li.entry:hover{box-shadow:0 20px 50px rgba(0,133,124,0.6)}ul.entries>li.entry:hover>a{background:#00b8ab;color:#fff}ul.entries>li.entry:hover>a>i.i{filter:brightness(0) invert(1)}@keyframes entryFadeIn{0%{transform:scale(0);opacity:0}80%{transform:scale(1.1);opacity:1}82%{transform:scale(0.9)}85%{transform:scale(1.05)}89%{transform:scale(0.95)}92%{transform:scale(1.025)}to{transform:scale(1)}}@media (max-width: 1366px){:root{--entryWidth: 20vw}ul.entries{max-width:none}}@media (max-width: 1024px){:root{--entryWidth: 25vw;--entryColumns: 3}}@media (max-width: 719px){:root{--entryWidth: 35vw;--entryColumns: 2}}@media (max-width: 480px){:root{--entryWidth: 70vw;--entryColumns: 1}}:root{--sbarPaddingLeft: 3.5rem}.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}}.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;transition:transform .2s ease;box-shadow:1px 0 3px rgba(0,0,0,0.15)}.sidebar .sidebar-links{padding:1.5rem 0}.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:700}.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-mask{top:0;left:0;position:fixed;z-index:9;width:100vw;height:100vh;display:none;background:rgba(0,0,0,0.3)}.sidebar-heading{color:#999;transition:color .15s ease;font-size:1.1em;font-weight:700;padding:0 var(--sbarPaddingLeft);margin-top:0;margin-bottom:.5rem}.sidebar-heading i.i{left:-.25em;position:relative;margin:0 0 .2em -1em;font-size:1.25em;vertical-align:middle}.sidebar-heading.open,.sidebar-heading:hover{color:inherit}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:#00a99d}a.sidebar-link.active{font-weight:700;color:#00a99d;border-left-color:#00a99d;background:rgba(0,169,157,0.1)}.sidebar-group{margin:.25em 0}.sidebar-group a.sidebar-link{padding-left:calc(var(--sbarPaddingLeft) + .5rem)}.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}@media (max-width: 719px){.sidebar{top:0 !important}.sidebar .nav-links{display:block}.sidebar .nav-links .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{top:calc(1rem - 2px)}.sidebar-links{padding:1rem 0}.sidebar-open .sidebar{transform:translateX(0)}.no-navbar .sidebar{padding-top:0}}.search-box{flex:0 0 auto;vertical-align:top;display:inline-block;position:relative;margin-right:1rem}.search-box input{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/images/1.svg") 0.6rem 0.5rem no-repeat;background-size:1rem}.search-box input:focus{cursor:auto;border-color:#00a99d}.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{display:block;white-space:normal;color:#00a99d}.search-box .suggestion a .page-title{font-weight:700}.search-box .suggestion a .header{font-size:.9em;margin-left:.25em}.search-box .suggestion:hover,.search-box .suggestion.focused{background-color:#f3f4f5}.search-box .suggestion:hover a,.search-box .suggestion.focused a{color:#00a99d}@media (max-width: 959px){.search-box input{cursor:pointer;width:0;border-color:transparent;position:relative}.search-box input:focus{left:0;width:10rem;cursor:text}}@media (max-width: 959px) and (min-width: 719px){.search-box .suggestions{left:0}}@media (max-width: 719px){.search-box{margin-right:0}.search-box input{left:1rem}.search-box .suggestions{right:0}}@media (max-width: 419px){.search-box .suggestions{width:calc(100vw - 4rem)}.search-box input:focus{width:8rem}}nav.nav{z-index:20;top:0;left:0;right:0;position:fixed;height:3.6rem;padding:.7rem 1.5rem;line-height:2.2rem;background-color:#fff;box-sizing:border-box;box-shadow:0 1px 3px rgba(0,0,0,0.15)}nav.nav a{display:inline-block}nav.nav .logo{top:-0.15em;position:relative;display:inline-flex;align-items:center;font-size:1.3rem;font-weight:700;color:#2c3e50;text-decoration:none}nav.nav .logo>b{top:1px;position:relative;flex:0 0 0;display:inline-flex;height:1em;align-items:center;padding:.25em .5em;font-weight:normal;font-size:13px;border-radius:3px;background:#eee;color:#222}nav.nav .logo>b::before{content:'developers'}nav.nav .links{padding-left:1.5rem;box-sizing:border-box;background-color:#fff;white-space:nowrap;font-size:.9rem;position:absolute;right:1.5rem;top:.7rem;display:flex}nav.nav .links .navs{flex:1}@media (max-width: 719px){nav.nav{padding-left:4rem}nav.nav .links{padding-left:1.5rem}nav.nav .search-box{margin-right:0}nav.nav .search-box input{left:1rem}nav.nav .logo>b::before{content:'dev'}}.page{padding:0 0 2rem 20rem}.content:not(.custom){max-width:740px;padding:2rem 2.5rem}.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: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}ol{list-style:none}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}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}.no-navbar .content:not(.custom)>h1,.no-navbar h2,.no-navbar h3,.no-navbar h4,.no-navbar h5,.no-navbar h6{margin-top:1.5rem;padding-top:0}.no-navbar .sidebar{top:0}.no-navbar .custom-layout{padding-top:0}#markdown-toc{position:fixed;left:1140px;top:120px;list-style:none}#table-of-contents{position:fixed;left:1140px;top:80px}@media (max-width: 1366px){.content:not(.custom){max-width:none;padding-right:260px}#markdown-toc,#table-of-contents{width:200px;left:auto;right:2em}}@media (max-width: 959px){#markdown-toc,#table-of-contents{position:static}.content:not(.custom){padding:2rem}.sidebar{font-size:15px;width:16.4rem}.page{padding-left:16.4rem}}@media (max-width: 419px){h1{font-size:1.9rem}.content:not(.custom){padding:1.5rem}}@media (max-width: 719px){.page{padding-left:0}}@media (max-width: 419px){.content div[class*=language-]{margin:.85rem -1.5rem;border-radius:0}}.content code{color:#476582;padding:.25rem .5rem;margin:0;font-size:.85em;background-color:rgba(27,31,35,0.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,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:rgba(255,255,255,0.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,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:rgba(255,255,255,0.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:0.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,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-py]:before{content:"py"}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"}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;-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:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}code .c{color:#999;font-style:italic}code .err{color:#F00000;background-color:#F0A0A0}code .k{color:#cc99cd}code .cm{color:#999;font-style:italic}code .cp{color:#4c8317}code .c1{color:#999;font-style:italic}code .cs{color:#cc99cd;font-style:italic}code .gd{color:#e2777a}code .ge{font-style:italic}code .gr{color:#f8c555}code .gh{color:#000080;font-weight:bold}code .gi{color:green}code .go{color:#888}code .gp{color:#555}code .gs{font-weight:bold}code .gu{color:#800080;font-weight:bold}code .gt{color:#f8c555}code .kc{color:#f8c555}code .kd{color:#cc99cd}code .kn{color:#e2777a}code .kp{color:#cc99cd}code .kr{color:#cc99cd}code .kt{color:#999}code .m{color:#f08d49}code .s{color:#7ec699}code .na{color:#7ec699}code .nb{color:#cc99cd}code .nc{color:#f8c555;text-decoration:underline}code .no{color:#f8c555}code .nd{color:#888}code .ni{color:#67cdcc;font-weight:bold}code .nf{color:#6196cc}code .nn{color:#e2777a;text-decoration:underline}code .nt{color:#e2777a;font-weight:bold}code .nv{color:#7ec699}code .ow{color:#cc99cd}code .w{color:#bbb}code .mf{color:#f08d49}code .mh{color:#f08d49}code .mi{color:#f08d49}code .mo{color:#f08d49}code .sb{color:#7ec699}code .sc{color:#7ec699}code .sd{color:#7ec699}code .s2{color:#7ec699}code .se{color:#7ec699}code .sh{color:#7ec699}code .si{color:#7ec699}code .sx{color:#7ec699}code .sr{color:#f08d49}code .s1{color:#7ec699}code .ss{color:#cc99cd}code .bp{color:#cc99cd}code .vc{color:#f8c555}code .vg{color:#f8c555}code .vi{color:#f8c555}code .il{color:#f08d49}