.fhead{display:flex;margin:-5px}.fhead>*{margin:5px}.fhead .title{flex:1;font-size:17px;font-weight:400;line-height:20px;align-items:center}.fhead .closer{display:block;padding:5px;opacity:.1;transition:opacity .1s linear}.fhead .closer:hover{opacity:1}.fhead .closer svg{display:block;height:10px;width:10px}.dialog form{display:flex;flex-direction:column}.dialog form>:not(:first-child){margin-top:20px}.dialog input{display:block;width:100%;border:1px solid #ccc;background-color:#f1f3f5;border-radius:3px;height:30px;padding:4px}.dialog input:focus{border-color:#111}.dialog button{display:inline-block;border:none;background-color:#111;color:#fff;padding:10px 20px;text-align:left;border-radius:3px;cursor:pointer}.dialog button.red{background-color:#f44336}.colors{display:flex;flex-wrap:wrap;margin:-5px}.colors>div{border-radius:3px;cursor:pointer;padding:1px;border:1px solid #ddd;margin:5px}.colors>div.c{border-color:#111}.colors>div>div{width:16px;height:16px;border-radius:3px}.dialog .buttons{display:flex;flex-direction:row;flex-wrap:wrap;margin:-5px}.dialog .buttons>*{margin:5px}.dialog .secretblock{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#999}.qrcode{width:200px}*{position:relative;outline:none;margin:0;padding:0;font:inherit;box-sizing:border-box;overflow-wrap:break-word}body,html{height:100%;width:100%}img{border:none}body{font-family:Roboto Condensed,sans-serif;background-color:#fff;color:#111;font-size:14px;line-height:20px}a{color:#000;text-decoration:underline}a:hover{text-decoration:none}b{font-weight:700}.click{cursor:pointer}.app{display:flex;flex-direction:column;min-height:100%}.timer{display:block;background-color:#ddd}.timer_line{display:block;background-color:#111;height:5px;transition:width .25s linear}.appq{display:block;flex:1;border:1px solid #ccc;background-color:#f1f3f5;border-radius:3px;text-align:left;height:30px;padding:4px;min-width:100px}.appq:focus{border-color:#111}header{display:flex;flex-direction:row;flex-wrap:wrap;background-color:#fff;border-bottom:1px solid #ccc;padding:10px}header>*{margin:10px}header .logo{display:flex;text-decoration:none}header .logo .icon{display:block;height:30px;width:auto}header .logo .abbr{font-size:24px;line-height:30px;font-weight:700;margin-left:10px}header .logo .abbr sup{font-size:11px;font-weight:400;line-height:20px}main{display:block;flex:1}footer{display:flex;flex-direction:row;flex-wrap:wrap;background-color:#f1f3f5;border-top:1px solid #ccc;padding:0 10px;align-items:center}footer nav{flex:1;display:flex;flex-wrap:wrap;min-width:200px;margin:5px}footer nav>*{margin:5px}footer .copy{font-size:13px;color:#666;margin:10px}footer .langs{font-size:11px;margin:10px}@media screen and (max-width:500px){header .logo .abbr{display:none}footer{flex-direction:column}footer nav{justify-content:center}}.tpad{margin-top:20px}.about{padding:20px}.codeboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:10px;background-color:#f1f3f5;border-bottom:1px solid #ccc}.codeboxes>div{display:block;padding:15px 20px;background-color:#fff;border:1px solid #ccc;border-radius:3px;transition:all .1s linear;margin:10px}.codeboxes:not(.insort)>div:hover{border-color:#111}.codeboxes .sortable-ghost{background-color:#ddd}.codeboxes .code{font-size:24px;line-height:30px;font-weight:700}.codeboxes .name{font-size:12px;text-overflow:ellipsis}.codeboxes .color{position:absolute;top:10px;left:0;bottom:10px;width:5px;border-radius:0 2px 2px 0}.codeboxes .setup{position:absolute;top:20px;right:20px;opacity:.1;transition:all .1s linear}.codeboxes .setup:hover{opacity:1}.codeboxes .setup svg{display:block;height:16px;width:auto}.codeboxes .adder{text-align:center;background-color:#ddd;color:#bbb;padding:30px;order:en}.codeboxes .adder svg{display:block;height:20px;width:auto;margin:auto}.codeboxes.insort .adder{display:none}.tabs{white-space:nowrap}.tabs,.tabs>*{display:inline-block}.tabs>*{padding:5px 10px;text-decoration:none;background-color:#d1d3d5;color:#333}.tabs>.c{background-color:#111;color:#fff}.tabs>:first-child{border-radius:3px 0 0 3px}.tabs>:last-child{border-radius:0 3px 3px 0}.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-content{line-height:inherit}.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 .2s linear}.z-notices .z-notices-enter,.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(.5)}.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}.z-dialogs-body-have-dialogs{overflow:hidden}.z-dialogs{position:relative}.z-dialogs .z-dialogs-item{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;transition:all .2s linear}.z-dialogs .z-dialogs-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);box-sizing:border-box}.z-dialogs .z-dialogs-wrap{position:relative;min-width:100%;padding:10px;box-sizing:border-box;overflow:auto}.z-dialogs .z-dialogs-dialog{position:relative;margin:auto;background-color:#fff;color:#111;padding:20px;max-width:400px;width:100%;box-sizing:border-box;border-radius:3px;transition:all .2s linear}.z-dialogs .z-dialogs-closer{position:absolute;top:0;right:0;padding:5px;cursor:pointer;color:#111;opacity:.5}.z-dialogs .z-dialogs-closer>svg{display:block;width:10px;height:10px}.z-dialogs .z-dialogs-closer:hover{opacity:1}.z-dialogs .z-dialogs-item.z-dialogs-item-hidden{opacity:0;visibility:hidden}.z-dialogs .z-dialogs-item.z-dialogs-item-hidden .z-dialogs-dialog{opacity:0;transform:scale(.5)}.z-dialogs .z-dialogs-enter-active,.z-dialogs .z-dialogs-leave-active{transition:all .2s linear}.z-dialogs .z-dialogs-enter,.z-dialogs .z-dialogs-leave-to{opacity:0}.z-dialogs .z-dialogs-enter-active .z-dialogs-dialog,.z-dialogs .z-dialogs-leave-active .z-dialogs-dialog{transition:all .2s linear}.z-dialogs .z-dialogs-enter .z-dialogs-dialog,.z-dialogs .z-dialogs-leave-to .z-dialogs-dialog{opacity:0;transform:scale(.5)}.z-dialogs .z-dialogs-item.fullpage .z-dialogs-wrap{flex:1}.z-dialogs .z-dialogs-item.fullpage .z-dialogs-dialog{max-width:none;width:100%;min-height:100%}