*{margin:0;padding:0}html{height:100%}h1{color:#111;font-size:24px;line-height:1.5em;margin:0 0 12px}p{margin:0 0 10px}a{border-bottom:1px solid #ccc;color:#888;text-decoration:none}a:hover{border-bottom-color:#888}.body--ready .overlay{-webkit-transition:opacity .7s cubic-bezier(.694,.0482,.335,1),-webkit-transform .7s cubic-bezier(.694,.0482,.335,1);transition:opacity .7s cubic-bezier(.694,.0482,.335,1),-webkit-transform .7s cubic-bezier(.694,.0482,.335,1);transition:transform .7s cubic-bezier(.694,.0482,.335,1),opacity .7s cubic-bezier(.694,.0482,.335,1);transition:transform .7s cubic-bezier(.694,.0482,.335,1),opacity .7s cubic-bezier(.694,.0482,.335,1),-webkit-transform .7s cubic-bezier(.694,.0482,.335,1)}.ui{bottom:10%;left:50%;margin-left:-150px;position:absolute;text-align:center;width:300px}.commands-item,button,input{background-color:#ebecf0;border:0;border-radius:320px;font-size:16px;outline:0;padding:0 16px;text-shadow:1px 1px 0 #fff}.ui-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border-radius:32px;-webkit-box-shadow:inset 2px 2px 5px #babecc,inset -5px -5px 10px #fff;box-shadow:inset 2px 2px 5px #babecc,inset -5px -5px 10px #fff;-webkit-box-sizing:border-box;box-sizing:border-box;color:#61677c;font-size:24px;font-weight:700;height:50px;text-align:center;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;width:100%}.ui-input,.ui-input:focus{border:none;border-bottom:2px solid #fff}.ui-input:focus{-webkit-box-shadow:inset 1px 1px 2px #babecc,inset -1px -1px 2px #fff;box-shadow:inset 1px 1px 2px #babecc,inset -1px -1px 2px #fff;outline:none}.ui-return{display:none;position:absolute;right:-64px;top:0}.go-home{left:40px;margin-bottom:20px;padding:5px 15px;position:absolute;top:40px}button{-webkit-box-shadow:-5px -5px 20px #fff,5px 5px 20px #babecc;box-shadow:-5px -5px 20px #fff,5px 5px 20px #babecc;color:#61677c;cursor:pointer;font-weight:700;font-weight:600;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.commands-item:hover,button:focus,button:hover{-webkit-box-shadow:-2px -2px 5px #fff,2px 2px 5px #babecc;box-shadow:-2px -2px 5px #fff,2px 2px 5px #babecc}.commands-item:hover,button:active{-webkit-box-shadow:inset 1px 1px 2px #babecc,inset -1px -1px 2px #fff;box-shadow:inset 1px 1px 2px #babecc,inset -1px -1px 2px #fff}.ui--enter button{display:block}.ui--wide{left:0;margin-left:12%;width:76%}.ui--wide button{right:-20px}.help{cursor:pointer;font-size:13px;font-weight:700;height:25px;line-height:25px;position:absolute;right:40px;text-align:center;top:40px}.help:hover{opacity:1}.overlay{height:490px;left:50%;margin:-260px 0 0 -275px;opacity:0;position:absolute;top:50%;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);width:550px}.overlay--visible{opacity:1;-webkit-transform:rotateY(0);transform:rotateY(0)}.ui-details,.ui-share{background:#000;opacity:.9;z-index:2}.ui-details-content,.ui-share-content{padding:100px 50px}.commands{cursor:pointer;list-style:none;margin:0;padding:0}.commands-item{-webkit-box-shadow:-5px -5px 20px #fff,5px 5px 20px #babecc;box-shadow:-5px -5px 20px #fff,5px 5px 20px #babecc;color:#61677c;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:1px;line-height:22px;margin-top:10px;padding:20px;text-transform:uppercase;-webkit-transition:opacity .1s cubic-bezier(.694,.0482,.335,1),-webkit-transform .1s cubic-bezier(.694,.0482,.335,1);transition:opacity .1s cubic-bezier(.694,.0482,.335,1),-webkit-transform .1s cubic-bezier(.694,.0482,.335,1);transition:transform .1s cubic-bezier(.694,.0482,.335,1),opacity .1s cubic-bezier(.694,.0482,.335,1);transition:transform .1s cubic-bezier(.694,.0482,.335,1),opacity .1s cubic-bezier(.694,.0482,.335,1),-webkit-transform .1s cubic-bezier(.694,.0482,.335,1);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.commands-item--gap{margin-top:9px}.commands-item:hover{opacity:1}.commands-item:hover .commands-item-action{background:#333}.commands-item a,.commands-item-mode{display:inline-block}.commands-item-mode{color:#ccc;font-style:italic;margin-left:3px}.commands-item-title{display:inline-block;width:150px}.commands-item-info{color:#aaa;display:inline-block;font-size:14px;font-weight:400;letter-spacing:0;text-transform:none;width:300px}.commands-item-action{background:#90c9d1;border-radius:3px;color:#000;display:inline-block;font-size:10px;line-height:10px;margin-top:3px;padding:5px 10px 4px;text-transform:uppercase}.commands-item:first-child{margin-top:0}.twitter-share{position:absolute;right:20px;top:4px}.tabs-panel{display:none}.tabs-panel--active{display:block}.tab-panel{left:0;position:absolute;top:0;width:100%}.touch .ui-input{display:none}@media screen and (max-width:500px){.overlay{margin:-200px 0 0 -145px;width:300px}.commands-item{padding:10px}.commands-item-title{width:100px}.commands-item-info{width:150px}}*{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;font-family:monospace;outline:none}body,html{background:#ebecf0!important;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{margin:0}.ant-card{background:#ebecf0!important}.ant-input,body,button,p,select,textarea{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;letter-spacing:-.2px}.ant-input,button,textarea{border:0!important;font-size:16px;outline:0;padding:5px 10px}label{display:block;margin-bottom:24px;width:100%}.ant-input,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#ebecf0!important;-webkit-box-shadow:inset 2px 2px 5px #babecc,inset -5px -5px 10px #fff!important;box-shadow:inset 2px 2px 5px #babecc,inset -5px -5px 10px #fff!important;-webkit-box-sizing:border-box;box-sizing:border-box;color:#61677c!important;margin-right:16px/2;-webkit-transition:shadow .2s ease-in-out!important;transition:shadow .2s ease-in-out!important;width:100%}.ant-input:hover,textarea:hover{border:none}.ant-input:focus,textarea:focus{border:none!important;-webkit-box-shadow:inset 1px 1px 2px #babecc,inset -1px -1px 2px #fff!important;box-shadow:inset 1px 1px 2px #babecc,inset -1px -1px 2px #fff!important}.ant-card .ant-card-actions{background-color:transparent}h1,h2,h3,h4,h5,h6{font-weight:inherit;margin:0!important}.shadow_not_active{border-radius:3px!important;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.circle,.shadow,.shadow_not_active,button{-webkit-box-shadow:-5px -5px 20px #fff,5px 5px 20px #babecc!important;box-shadow:-5px -5px 20px #fff,5px 5px 20px #babecc!important;color:#61677c;cursor:pointer;font-weight:700;font-weight:600}.circle,.shadow,button{-ms-flex-negative:0;flex-shrink:0;-webkit-transition:shadow .2s ease-in-out;transition:shadow .2s ease-in-out}.circle:hover,.shadow:hover,button:hover{-webkit-box-shadow:-2px -2px 5px #fff,2px 2px 5px #babecc!important;box-shadow:-2px -2px 5px #fff,2px 2px 5px #babecc!important}.circle:active,.shadow:active,button:active{-webkit-box-shadow:inset 1px 1px 2px #babecc,inset -1px -1px 2px #fff!important;box-shadow:inset 1px 1px 2px #babecc,inset -1px -1px 2px #fff!important}.circle .icon,.shadow .icon,button .icon{margin-right:16px/2}.circle.unit,.shadow.unit,button.unit{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:16px/2;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:19.2px;height:48px;justify-content:center;line-height:0;margin:0 16px/2;width:48px}.circle.unit .icon,.shadow.unit .icon,button.unit .icon{margin-right:0}.circle.red,.shadow.red,button.red{color:#ae1100;display:block;width:100%}.circle img,.shadow img,button img{vertical-align:middle}.ant-picker-datetime-panel button{-webkit-box-shadow:none!important;box-shadow:none!important}.ant-card{background-color:#ebecf0;margin:3px}.ant-card .ant-card-head{border:none!important}.ant-card .ant-card-body{padding:24px 10px}.ant-card-bordered{border:none!important}.p-20{padding:20px}.m-r-20{margin-right:20px}.m-l-20{margin-left:20px}.tc{text-align:center}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:hsla(0,0%,49%,.322);border-radius:5px;-webkit-transition:all .5s;transition:all .5s}::-webkit-scrollbar-thumb:hover{background:#757575c2}::-webkit-scrollbar-track{background:transparent;border:none;border-radius:5px}.ant-card-bordered .ant-card-cover{margin:0!important}.ant-card-actions{background-color:transparent}.circle{background-color:#ebecf0;border-radius:100%!important;display:inline-block;height:40px;left:40px;line-height:40px;margin:0 5px 0 0;padding:0;text-align:center;top:40px;width:40px}canvas{max-width:100%}@media screen and (max-width:500px){.circle,.shadow,.shadow_not_active{-webkit-box-shadow:-2px -2px 10px #fff,2px 2px 10px #babecc!important;box-shadow:-2px -2px 10px #fff,2px 2px 10px #babecc!important}}