html{--SimsvMainColor:#3BB0FE!important;}

#loadingLayer{position:fixed;z-index:20;inset:0;transition:opacity .3s;}
#loadingLayer[hidden]{display:block!important;opacity:0;pointer-events:none;}
#loadingBar{position:fixed;transition:width .2s linear;height:2px;border-bottom-right-radius:2px;background:#3BB0FE;box-shadow:0 0 20px 0 #0192FF33;}

.headerTop{display:flex;align-items:center;justify-content:center;padding:10px 25px 0 25px;height:60px;}
.headerTop .appLogo{display:flex;align-items:center;}
.headerTop .appLogo>img{height:35px;}
.headerTop .appLogo>img.text{height:25px;margin-left:5px;}
.headerLinks{position:sticky;top:0;width:100%;border-bottom:1px solid #ECECEE;padding:0 max(calc(50vw - 600px), 5px);background:#F9F9FBEE;backdrop-filter:blur(20px);display:flex;align-items:center;z-index:10;white-space:nowrap;overflow:scroll;}
.headerLinks>.clickable{margin:5px 0;padding:5px 15px;border-radius:30px;display:inline-block;}
.headerLinks>.separator{flex-grow:1;}

.float{position:fixed;border-radius:5px 0 0 5px;background:white;right:0;bottom:150px;z-index:20;padding:15px 10px 10px 10px;text-align:center;font-size:.8em;box-shadow:0 2px 20px rgba(52,173,254,0.1)}
.float img{width:60px;height:60px;pointer-events:all}

footer{display:flex;flex-direction:column;align-items:center;width:100%;background:#3BB0FE;white-space:nowrap;color:white;font-size:.9em;padding:20px 0;}
footer>img{filter:brightness(114514);height:25px;margin:0 2px 5px 2px;}
footer>div{display:flex;align-items:center;}
footer>div>a{color:white;}
footer>div>a::before{background:white;}

#app{min-height:calc(100vh - 200px);}
#app .pageTitle{font-size:1.7rem;margin-bottom:15px;position:relative;display:inline-block;text-align:center;width:100%;padding-top:50px;}
#app .pageTitle::after{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:90px;height:4px;background:#3BB0FE;border-radius:2px;}