@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local(""),url(/fonts/Roboto-Regular.woff2) format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local(""),url(/fonts/Roboto-Bold.woff2) format("woff2")}*{position:relative;outline:none;margin:0;padding:0;font:inherit;box-sizing:border-box}html,body{height:100%;width:100%;overflow:hidden}body{font-family:Roboto;font-size:16px;line-height:20px}b,strong{font-weight:700}a{text-decoration:underline;color:#08d}a:hover{text-decoration:none}ul{display:block;list-style:none}ul>li{display:block;padding-left:15px}ul>li:before{content:"";position:absolute;display:block;width:4px;height:4px;background-color:#111;top:8px;left:0px}body{background-color:#f1f1f1;z-index:1}#app{display:flex;flex-direction:column;align-items:center;min-height:100%;height:100%;width:100%;overflow:auto}.stdw{max-width:1200px;width:100%;margin:auto}header{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;width:100%;background-color:#111;color:#fff}header .content{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;padding:10px 20px;align-items:center}header .content .logo{width:30px;height:30px}header .content h1{font-size:24px;line-height:30px;font-weight:400}header .content h4{font-size:14px;line-height:20px;font-weight:400;opacity:.75}footer{background-color:#e5e5e5;color:#666;font-size:13px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;width:100%}footer .content{padding:10px 20px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;width:100%;justify-content:flex-start;gap:20px}footer .content .copyrights{flex:1;text-align:right}footer .content .keys{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}footer .content a{color:#111;text-decoration:none}main{flex:1;display:flex;flex-direction:column;width:100%}.infobox{display:flex;flex-direction:column;gap:20px;margin:auto;align-items:center;justify-content:center;text-align:center;padding:20px}.flexmax{flex:1}.fullbox{width:100%;display:flex;flex-direction:column;padding:20px;gap:20px;align-items:stretch;justify-content:flex-start}.devhelp{width:100%;display:flex;flex-direction:column;padding:20px;gap:20px;align-items:stretch;justify-content:flex-start;background-color:#eee}.devhelp .devhead b{font-weight:700;cursor:pointer}.devhelp .devcontent{display:flex;flex-direction:column;gap:20px;align-items:stretch}.maindesc{color:#666;font-size:13px}button{background:#111;color:#fff;border:none;padding:10px 20px;cursor:pointer;border-radius:3px}button:disabled{background-color:#999;color:#111;cursor:default}button.big{padding:20px 40px}.click{cursor:pointer}.allwrap{word-wrap:break-word}input.text{background:#FFF;color:#111;border:1px #CCC solid;padding:9px;border-radius:3px}input.text:focus{border-color:#111}code{display:block;background-color:#ddd;padding:10px;border-left:5px #111 solid}.addform{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.addform input[type=text]{width:100%}.subscribes{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.subscribes>div{border:1px #CCC solid;padding:10px 10px 10px 40px;border-radius:3px;background-color:#fff;transition:all .1s linear}.subscribes>div:hover{border-color:#111}.subscribes>div input.title{width:100%;padding:0 30px 0 0;border:none}.subscribes>div .chan{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;opacity:.5}.subscribes>div .checker{position:absolute;top:10px;left:10px;width:20px;height:40px;background-color:#ddd;border-radius:3px;cursor:pointer;transition:all .1s linear}.subscribes>div .checker>div{display:block;position:absolute;width:16px;height:16px;bottom:2px;left:2px;background-color:#fff;border-radius:3px;transition:all .1s linear}.subscribes>div .checker.checked{background-color:#8bc34a}.subscribes>div .checker.checked>div{bottom:22px}.subscribes>div .del{position:absolute;top:10px;right:10px;padding:5px;opacity:.5;transition:all .1s linear;cursor:pointer}.subscribes>div .del:hover{opacity:1;transform:rotate(90deg)}.subscribes>div .del svg{display:block;width:10px;height:10px}.z-notices{position:fixed;top:0;right:0;max-width:400px;width:100%;padding:0 10px;box-sizing:border-box}.z-notices .z-notices-item{position:relative;background-color:#111;color:#fff;padding:20px;margin-top:10px;border-radius:3px}.z-notices .z-notices-icon{display:block;width:20px;height:20px;position:absolute;top:20px;left:20px}.z-notices .z-notices-content{line-height:inherit;text-align:left}.z-notices .z-notices-item.z-notices-with-icon .z-notices-content{padding-left:40px}.z-notices .z-notices-closer{position:absolute;top:0;right:0;padding:5px;cursor:pointer;color:#fff;opacity:.5}.z-notices .z-notices-closer>svg{display:block;width:10px;height:10px}.z-notices .z-notices-closer:hover{opacity:1}.z-notices .z-notices-timer{position:absolute;bottom:0;left:0;width:100%;height:10px;padding:3px;box-sizing:border-box}.z-notices .z-notices-timer-line{position:relative;height:100%;background-color:#fff;opacity:.35;transition:width .5s linear;border-radius:3px}.z-notices .z-notices-enter-active,.z-notices .z-notices-leave-active{transition:all .1s linear}.z-notices .z-notices-enter,.z-notices .z-notices-enter-from,.z-notices .z-notices-leave-to{padding-top:0!important;padding-bottom:0!important;line-height:0!important;margin-top:0!important;opacity:0!important;transform:scale(0)}.z-notices .z-notices-item.success{background-color:#090!important}.z-notices .z-notices-item.error{background-color:#900!important}.z-notices .z-notices-item.warn{background-color:#d60!important}.z-notices .z-notices-item.info{background-color:#06d!important}
