@font-face{
    font-family:Roboto Condensed;
    src:url(/font/RobotoCondensed-Regular.woff2) format("woff2"),url(/font/RobotoCondensed-Regular.woff) format("woff");
    font-weight:400;
    font-style:normal;
    font-display:auto
}
@font-face{
    font-family:Roboto Condensed;
    src:url(/font/RobotoCondensed-Bold.woff2) format("woff2"),url(/font/RobotoCondensed-Bold.woff) format("woff");
    font-weight:700;
    font-style:normal;
    font-display:auto
}
:root{
    --main-bg: #FFFFFF;
    --main-c: #111111;
    --href-c: #000;
    --border-c: #CCC;
    --border-focus-c: #111;
    --input-bg: #f1f3f5;
    --subbody-bg: #f1f3f5;
    --btn-bg: #111;
    --btn-c: #fff;
    --btn-red-bg: #f44336;
    --btn-red-c: #fff;
    --ticker-height: 5px;
    font-family:Roboto Condensed,Arial,Helvetica,sans-serif;
    font-size:14px;
    line-height:20px;
    font-weight:400;
    color-scheme:light dark;
    background-color:var(--main-bg);
    color:var(--main-c);
    font-synthesis:none;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
button,input{
    font-family:inherit;
    font-size:inherit;
    line-height:inherit;
    font-weight:inherit
}
body{
    margin:0;
    padding:0;
    display:flex;
    flex-direction:row;
    min-width:320px;
    min-height:100vh
}
#app{
    width:100%;
    display:flex;
    flex-direction:column
}
main{
    flex:1
}
a{
    color:var(--href-c);
    text-decoration:underline
}
a:hover{
    text-decoration:none
}
.click{
    cursor:pointer
}
.tpad{
    margin-top:20px
}
.wpad{
    padding:20px
}
.bgh{
    background-color:var(--subbody-bg)
}
.bup{
    border-top:1px solid var(--border-c)
}
.bdn{
    border-bottom:1px solid var(--border-c)
}
button{
    display:inline-block;
    border:none;
    background-color:var(--btn-bg);
    color:var(--btn-c);
    padding:10px 20px;
    text-align:left;
    border-radius:3px;
    cursor:pointer
}
button.red{
    background-color:var(--btn-red-bg)
}
.dialog .fhead{
    display:flex
}
.dialog .fhead .title{
    flex:1;
    font-size:17px;
    font-weight:400;
    line-height:20px;
    align-items:center
}
.dialog .fhead .closer{
    display:block;
    padding:5px;
    opacity:.1;
    transition:opacity .1s linear
}
.dialog .fhead .closer:hover{
    opacity:1
}
.dialog .fhead .closer svg{
    display:block;
    height:10px;
    width:10px
}
.dialog{
    word-wrap:break-word
}
.dialog form{
    display:flex;
    flex-direction:column
}
.dialog form>:not(:first-child){
    margin-top:20px
}
.dialog input{
    box-sizing:border-box;
    display:block;
    width:100%;
    border:1px solid var(--border-c);
    background-color:var(--input-bg);
    border-radius:3px;
    height:30px;
    padding:4px;
    outline:none;
    transition:border .1s linear
}
.dialog input:focus{
    border-color:var(--border-focus-c)
}
.dialog .colors{
    display:flex;
    flex-wrap:wrap;
    margin:-5px
}
.dialog .colors>div{
    border-radius:3px;
    cursor:pointer;
    padding:1px;
    border:1px solid var(--border-c);
    margin:5px
}
.dialog .colors>div.c{
    border-color:var(--border-focus-c)
}
.dialog .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 .qrcode{
    width:200px
}
.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{
    box-sizing:border-box;
    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;
    transition:all .1s linear
}
.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 .2s 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-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(.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
}
body.z-dialogs-body-have-dialogs{
    overflow:hidden
}
.z-dialogs{
    position:relative
}
.z-dialogs .z-dialogs-overlay{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    background-color:#00000080
}
.z-dialogs .z-dialogs-wrap{
    position:relative;
    min-width:100%;
    max-width:100%;
    padding:10px;
    box-sizing:border-box;
    overflow:auto
}
.z-dialogs .z-dialogs-dialog{
    position:relative;
    display:block;
    background-color:#fff;
    margin:auto;
    color:#111;
    padding:20px;
    min-width:300px;
    max-width:400px;
    width:100%;
    box-sizing:border-box;
    border-radius:3px
}
.z-dialogs .z-dialogs-closer{
    position:absolute;
    top:0;
    right:0;
    padding:5px;
    cursor:pointer;
    color:#111;
    opacity:.5;
    transition:all .1s linear
}
.z-dialogs .z-dialogs-closer svg{
    display:block;
    width:10px;
    height:10px
}
.z-dialogs .z-dialogs-closer:hover{
    opacity:1
}
.z-dialogs .z-dialogs-enter-active,.z-dialogs .z-dialogs-leave-active{
    transition:all .1s linear
}
.z-dialogs .z-dialogs-enter-from,.z-dialogs .z-dialogs-leave-to{
    opacity:0
}
.z-dialogs .z-dialogs-dialog.z-dialogs-enter-from,.z-dialogs .z-dialogs-dialog.z-dialogs-leave-to{
    transform:scale(.5)
}
.qrcodes[data-v-015f0a40]{
    display:flex;
    flex-direction:row;
    gap:20px
}
.qrcodes>a[data-v-015f0a40]{
    flex:1;
    display:block
}
.codes[data-v-6e37417a]{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
    padding:20px;
    gap:20px;
    background-color:var(--subbody-bg);
    border-bottom:1px solid var(--border-c)
}
.codes[data-v-6e37417a]>*{
    transition:border .1s linear;
    display:block;
    border:1px solid var(--border-c);
    border-radius:3px;
    position:relative
}
.codes[data-v-6e37417a]>*:hover{
    border-color:var(--border-focus-c)
}
.codes .item[data-v-6e37417a]{
    padding:15px 20px;
    background-color:var(--main-bg)
}
.codes .item .code[data-v-6e37417a]{
    display:flex;
    gap:10px;
    align-items:flex-start
}
.codes .item .code span[data-v-6e37417a]{
    cursor:pointer
}
.codes .item .code .current[data-v-6e37417a]{
    font-size:24px;
    line-height:30px;
    font-weight:700
}
.codes .item .code .next[data-v-6e37417a]{
    font-size:14px;
    line-height:20px;
    margin-top:2px;
    font-weight:700;
    opacity:.2;
    transition:opacity .1s linear
}
.codes .item .code .next[data-v-6e37417a]:hover{
    opacity:1
}
.codes .item .name[data-v-6e37417a]{
    font-size:12px;
    text-overflow:ellipsis
}
.codes .item .color[data-v-6e37417a]{
    position:absolute;
    top:10px;
    left:0;
    bottom:10px;
    width:5px;
    border-radius:0 3px 3px 0
}
.codes .item .setup[data-v-6e37417a]{
    position:absolute;
    top:20px;
    right:20px;
    opacity:.1;
    transition:all .1s linear;
    cursor:pointer
}
.codes .item .setup[data-v-6e37417a]:hover{
    opacity:1
}
.codes .item .setup svg[data-v-6e37417a]{
    display:block;
    height:16px;
    width:auto
}
.codes .adder[data-v-6e37417a]{
    text-align:center;
    background-color:#ddd;
    color:#bbb;
    padding:30px;
    cursor:pointer
}
.codes .adder[data-v-6e37417a]:hover{
    color:#999
}
.codes .adder>svg[data-v-6e37417a]{
    display:block;
    height:20px;
    width:auto;
    margin:auto;
    transition:all .1s linear
}
.codes .adder:hover>svg[data-v-6e37417a]{
    transform:rotate(90deg)
}
.tickerpad[data-v-969949b5]{
    display:block;
    height:var(--ticker-height)
}
header[data-v-969949b5]{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    padding:10px
}
header .logo[data-v-969949b5]{
    display:flex;
    text-decoration:none;
    padding:5px
}
header .logo img[data-v-969949b5]{
    display:block;
    box-sizing:border-box;
    width:40px;
    height:40px;
    margin-right:5px;
    transition:all .4s linear
}
header .logo:hover img[data-v-969949b5]{
    transform:rotateY(360deg)
}
header .logo .abbr[data-v-969949b5]{
    font-size:24px;
    line-height:30px;
    font-weight:700;
    margin-top:5px
}
header .logo .sup[data-v-969949b5]{
    font-size:9px;
    line-height:20px;
    opacity:.5;
    margin-top:5px
}
header .search[data-v-969949b5]{
    flex:1;
    padding:10px
}
header .search input[data-v-969949b5]{
    box-sizing:border-box;
    border:1px solid var(--border-c);
    background-color:var(--input-bg);
    color:var(--main-c);
    border-radius:3px;
    text-align:left;
    height:30px;
    padding:4px;
    display:block;
    width:100%;
    transition:border .1s linear
}
header .search input[data-v-969949b5]:focus{
    border-color:var(--border-focus-c);
    outline:none
}
footer[data-v-bf20cf39]{
    display:flex;
    flex-direction:row;
    align-items:center;
    padding:0 10px;
    flex-wrap:wrap
}
footer .keys[data-v-bf20cf39]{
    padding:10px;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    justify-content:center
}
footer .copy[data-v-bf20cf39]{
    padding:10px;
    margin-left:auto;
    font-size:13px;
    opacity:.5
}
footer .lang[data-v-bf20cf39]{
    display:block;
    padding:10px
}
footer .lang .wrap[data-v-bf20cf39]{
    display:block;
    position:relative;
    min-width:40px
}
footer .lang .c[data-v-bf20cf39]{
    display:block;
    background-color:#d1d3d5;
    color:#333;
    padding:5px 10px;
    border-radius:3px;
    text-align:center
}
footer .lang .select[data-v-bf20cf39]{
    display:none;
    position:absolute;
    bottom:100%;
    width:100%;
    background-color:#d1d3d5;
    color:#333;
    border-radius:3px 3px 0 0;
    overflow:hidden
}
footer .lang .select>a[data-v-bf20cf39]{
    display:block;
    padding:5px 10px;
    text-decoration:none;
    color:#333;
    text-align:center
}
footer .lang .select>a[data-v-bf20cf39]:hover{
    background-color:#111;
    color:#fff
}
footer .lang .wrap:hover .c[data-v-bf20cf39]{
    border-radius:0 0 3px 3px
}
footer .lang .wrap:hover .select[data-v-bf20cf39]{
    display:block
}
@media screen and (max-width: 800px){
    footer[data-v-bf20cf39]{
        flex-direction:column;
        padding:10px
    }
    footer .copy[data-v-bf20cf39]{
        margin-left:0
    }
}
.ticker[data-v-99564429]{
    display:block;
    position:fixed;
    top:0;
    left:0;
    right:0;
    background-color:#ddd;
    height:var(--ticker-height)
}
.ticker .progress[data-v-99564429]{
    display:block;
    height:var(--ticker-height);
    background-color:#111;
    transition:width .25s linear
}
.main-enter-active[data-v-7afc8291],.main-leave-active[data-v-7afc8291]{
    transition:all .1s linear
}
.main-enter-from[data-v-7afc8291],.main-leave-to[data-v-7afc8291]{
    opacity:0;
    transform:scale(.5)
}