@charset "UTF-8";@font-face{font-family:Programma;src:url(../programma-bold.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:FontAwesome;src:url(../fa-regular-400.woff2) format("woff2");font-weight:400;font-display:swap}:root{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #1e1e1e;--button-bg: #2f4f4f;--light-bg: #4c4c4c;--text: #a0adc0;--button-text: #66cdaa;--accent: #5a8ad8;--red: #ed5f5e;--green: #78b756;--scrollbar: rgba(255, 255, 255, .4) transparent;--scrollbar-hover: rgba(255, 255, 255, .5)}*{font-family:Programma;font-size:1rem;margin:0;cursor:default;box-sizing:border-box}html{font-size:1rem;-webkit-text-size-adjust:100%;text-size-adjust:100%;width:100%;height:100dvh;height:-webkit-fill-available}body{background:var(--bg);color:var(--text);margin:0;position:relative}body:before{content:"";position:fixed;inset:0;background:url(../wepps-icon.svg) no-repeat center;background-size:30vmin;opacity:.08;pointer-events:none;z-index:0}body>*{position:relative;z-index:1}h1{font-size:2rem;margin-bottom:10px}h2{font-size:1.5rem;margin-bottom:10px}button{appearance:none;cursor:pointer;background-color:var(--button-bg);border-radius:10px;border-width:0;color:var(--button-text);padding:10px}button:disabled{background-color:var(--light-bg);cursor:not-allowed;color:var(--bg)}a{color:var(--accent);cursor:pointer}audio{display:block}:popover-open{top:calc(50dvh - 100px);left:calc(50% - 175px);width:350px;height:200px;padding:0 10px;border-radius:10px;border-width:0;background-color:var(--light-bg);color:var(--text)}:popover-open h2{padding:10px 0 0}:popover-open p{padding:5px 0}:popover-open footer{padding:5px 0;text-align:center}::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#loading-blocker{position:fixed;width:100%;height:100dvh;height:-webkit-fill-available;z-index:9999;display:none;left:0;right:0;background:transparent;pointer-events:all}:popover-open+#loading-blocker{display:block}.pwa-updatealert{padding:20px;background-color:var(--button-bg);color:var(--button-text);opacity:1;transition:opacity .6s}.pwa-actionbtn{margin-left:15px;color:var(--button-text);font-weight:700;float:right;line-height:20px;cursor:pointer;transition:.3s}.pwa-actionbtn:hover{color:var(--bg)}#app-content{position:absolute;top:0;left:0;height:calc(100dvh - 1rem - 38px);width:100%;overflow:auto;scrollbar-width:auto;scrollbar-color:var(--scrollbar)}#app-content::-webkit-scrollbar{width:12px}#app-content::-webkit-scrollbar-track{background:transparent}#app-content::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:8px}#app-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.box{float:left;width:350px;padding:10px}@media(max-width:800px){.box{width:100%}}.full p,.box p{margin:0;padding:5px 0;word-wrap:break-word}.full p:first-child{padding-top:0}.full,table{width:100%}.full{float:left;padding:10px}table{border:0}.commslog-header{width:100px}.commslog-server{background-color:var(--red);color:var(--bg);width:100px}.commslog-client{background-color:var(--green);color:var(--bg);width:100px}.commslog-data{width:calc(100% - 200px)}div.scrollmenu{text-transform:uppercase;position:fixed;bottom:0;width:calc(100% - 20px);overflow:auto;white-space:nowrap;margin:0 10px 10px}div.scrollmenu span{display:inline-block;color:var(--text);text-align:center;padding:14px;text-decoration:none}div.scrollmenu span:hover{cursor:pointer}.menuitem-active{background-color:var(--light-bg)}input[type=checkbox]{display:none}input[type=checkbox]+span{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}input[data-type=check]+span:before{font-family:FontAwesome;width:1em;height:1em;margin-right:.3em;display:inline-block;content:"";color:var(--red);transition:all .5s ease}input[data-type=check]:checked+span:before{content:"";color:var(--button-text)}input[data-type=switch]+span:before{font-family:FontAwesome;width:1em;height:1em;margin-right:.3em;display:inline-block;content:"";color:var(--red);transition:all .5s ease}input[data-type=switch]:checked+span:before{content:"";color:var(--button-text)}