.app.bar,.app .bar{padding:0;margin:0;width:100vw;position:fixed;left:0;border-radius:0;display:none;z-index:100001;}.app.bar,.app .bar{background-color:var(--red-60);}.app.bar.bottom,.app .bar.bottom{bottom:0;}.app.bar.top,.app .bar.top{bottom:0;}.app.bar ul,.app .bar ul{padding:0;margin:0;display:inline-block;width:100%;position:relative;background-color:inherit;}.app.bar ul li::before,.app .bar ul li::before{display:none;user-select:none;pointer-events:none;}.app.bar ul li,.app .bar ul li{list-style-type:none;list-style-position:outside;float:left;}.app.bar ul li a,.app .bar ul li a{padding:14px 14px 12px;display:block;}.app.bar ul li i,.app .bar ul li i{width:30px;height:30px;background-color:var(--red-100);}.app.bar ul li.selected i,.app .bar ul li.selected i{background-color:var(--red-10);}.app.bar ul li.right,.app .bar ul li.right{float:right;}.app.bar.bottom ul li.center,.app .bar.bottom ul li.center{position:absolute;left:calc(50% - 32px);background-color:inherit;border-radius:50%;top:-12px;padding:2px;}.app.bar.bottom ul li.center a, .app .bar.bottom ul li.center a{padding:24px 15px 0;}.app.onclick,.app .onclick{width:100vw;height:100vh;background-color:var(--white-60);color:var(--black-60);position:fixed;z-index:100000;align-items:center;display:none;justify-content:center;left:0;top:0;text-align:center;}.app.onclick.clicked,.app .onclick.clicked{display:flex;}@media only screen and (max-width:600px){.app.bar, .app .bar{ display:block;}}