.github-fork-ribbon{position:fixed;top:0;right:0;width:12.1em;height:12.1em;overflow:hidden;z-index:1;pointer-events:none;font-size:13px;text-decoration:none;text-indent:-999999px}.github-fork-ribbon.fixed{position:fixed}.github-fork-ribbon:after,.github-fork-ribbon:before{position:absolute;display:block;width:15.38em;height:1.54em;top:3.23em;right:-3.23em;box-sizing:content-box;transform:rotate(45deg)}.github-fork-ribbon:before{content:"";padding:.38em 0;background-color:#42b983;background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.15));box-shadow:0 .15em .23em 0 rgba(0,0,0,.5);pointer-events:auto}.github-fork-ribbon:after{content:attr(title);color:#fff;font:700 1em Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.54em;text-decoration:none;text-shadow:0 -.08em rgba(0,0,0,.5);text-align:center;text-indent:0;padding:.15em 0;margin:.15em 0;border-width:.08em 0;border-style:dotted;border-color:#fff;border-color:hsla(0,0%,100%,.7)}.github-fork-ribbon.left-top:after,.github-fork-ribbon.left-top:before{right:auto;left:-3.23em;transform:rotate(-45deg)}*,:after,:before{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{background:#eee}body{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif}a{-webkit-text-decoration-skip:objects;color:#42b983;background:0 0;cursor:pointer;transition:color .2s ease}a,a:active,a:hover{text-decoration:none}a:active,a:hover{outline:0}ol,ul{list-style:none}.fade-enter-active,.fade-leave-active{transition:all .2s ease}.fade-enter,.fade-leave-active{opacity:0}.wrapper{background:#eee;padding:1px}.wrapper .logo{margin:10px auto;height:80px;text-align:center}.wrapper .logo img{width:80px;transition:all .7s cubic-bezier(0,.51,.69,1.15);transform:rotate(0) scale(10);transform-origin:center center;opacity:0}.wrapper .logo img.load{transform:rotate(3turn) scale(1);opacity:1}.wrapper .ui-name{font-size:2.2rem;text-align:center}.wrapper .ui-name i{font-style:normal}.wrapper .ui-name i:nth-child(1){color:#f06}.wrapper .ui-name i:nth-child(2){color:#0089ce}.wrapper .ui-name i:nth-child(3){color:#f1d800}.wrapper .ui-name i:nth-child(4){color:#00d39a}.wrapper .ui-name i:nth-child(5){color:#94e827}.wrapper .wrapper-container{background:#fcfcfc;width:90%;margin:10px auto 20px;border-radius:6px;box-shadow:0 1px 1px 0 rgba(0,0,0,.1);overflow:hidden}.wrapper .wrapper-content{padding:20px}.wrapper .wrapper-content .demo-link{font-size:1rem;color:#42b983}.wrapper .wrapper-content .demo-link:hover{text-decoration:underline}.wrapper .wrapper-content table{margin-bottom:30px}.wrapper .wrapper-content code{width:100%;margin-bottom:20px;background:#e1e1e1;font-size:1rem;transition:all .5s ease}.wrapper .wrapper-content code:hover{box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.3)}@media (max-width:600px){.wrapper .logo{margin:10px 0;height:40px}.wrapper .logo img{width:40px}.wrapper .ui-name{font-size:1.7rem}.wrapper .wrapper-container{width:98%;margin:15px 0 10px}.wrapper .wrapper-navigate li{text-align:center}.wrapper .wrapper-navigate li div{font-size:13.5px;text-align:left}.wrapper .wrapper-navigate li a{padding-left:5px;font-size:12px}.wrapper .wrapper-navigate li a .icon{margin:auto;width:20px}.wrapper .wrapper-navigate li a span{display:none}}nav{font-size:14px;padding:15px}nav a{display:-ms-flexbox;display:flex;position:relative;padding:10px 0 10px 10px;color:#525558;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}nav a.active,nav a.v-link-active,nav a:hover{color:#42b983}nav a .material-icons{margin-right:5px;min-width:20px;font-size:20px}nav a span{line-height:24px}nav div{font-size:16px;margin:8px 0}@media (max-width:700px){nav{padding:0}nav a{font-size:12px}}.markup{position:relative}.markup:after{position:absolute;right:1rem;transition:opacity .2s ease-in;content:attr(data-lang);color:rgba(0,0,0,.3);font-size:1rem;font-weight:700;top:.5rem}.hljs{color:#424242}.hljs .hljs-tag,.hljs .hljs-variable{color:#ab47bc}.hljs .hljs-attr,.hljs .hljs-keyword{color:#2196f3}.hljs .hljs-literal,.hljs .hljs-number,.hljs .hljs-string{color:#e57373}.demo[data-v-01179a1b]{font-size:1.2rem}.github a[data-v-01179a1b]{display:inline-block;height:25px;line-height:25px;vertical-align:middle;font-size:1.2rem}.github a[data-v-01179a1b]:hover{text-decoration:underline}.github img[data-v-01179a1b]{width:60px}a[data-v-01179a1b]{font-size:1.15rem}