body{transition:all .3s}body.show-console{overflow:hidden}body.show-console>:not(#consoler){-webkit-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);-ms-filter:blur(3px);filter:blur(3px)}body.show-console #consoler{width:100%;height:100%}body.show-console #consoler .dialog-mask{height:100%}body.show-console #consoler .status{bottom:62%}body.show-console #consoler .logs{opacity:1}@media (max-width:420px){.show-console #consoler{width:100%}}#consoler{font-size:11px;overflow:hidden}#consoler .dialog-mask{height:0;width:100%;bottom:0;left:0;position:absolute;overflow:hidden;transition:all .3s}#consoler .dialog{transition-delay:0s;border-top:5px solid rgba(0,0,0,0.1);height:60%;width:100%;overflow:hidden;position:absolute;bottom:0;left:0}#consoler .logs{height:100%;overflow:auto}#consoler .logs ul{padding:0;margin:0;list-style:none}#consoler .logs pre{margin:0;word-wrap:break-word}#consoler .logs pre .object{color:blue}#consoler .status{padding:10px;text-align:right;background:#f7f7f7;transition:all .3s;border:1px solid #ddd;border-radius:20px;position:absolute;bottom:10px;right:10px}#consoler .status>*{display:inline-block}#consoler .log-item{background:#fff;border-bottom:1px solid #e7e7e7;padding:2px 8px;line-height:1.4em}#consoler .log-item:first-child{border-radius:4px 4px 0 0}#consoler .log-item.warn{background:#ffffe5;border-color:#ffecb3}#consoler .log-item.debug{border-color:#ccf}#consoler .log-item.error{background:#ffe5e5;border-color:#fcc}#consoler .log-item.log,#consoler .status .log{color:#666}#consoler .log-item.warn,#consoler .status .warn{color:#f93}#consoler .log-item.info,#consoler .status .info{color:#80bfff}#consoler .log-item.debug,#consoler .status .debug{color:blue}#consoler .log-item.success,#consoler .status .success{color:green}#consoler .log-item.error,#consoler .status .error{color:red}#consoler .status .type-status{display:inline-block;margin-right:6px}