:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #f7df1eaa)}.card{padding:2em}.warning{font-size:12px;background-color:maroon;border-radius:3px;margin-top:3px;padding:3px}.read-the-docs{color:#888}.screen_inp_wrap{text-align:left}input{margin:2px}button,input{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;margin-bottom:3px}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button.isScreen:before{content:"\1f4fa  "}button.following{background-color:#005000}div#leftbar{position:fixed;top:0;right:0;cursor:col-resize;z-index:999999;height:100vh;padding:50vh 0;user-select:none}div#leftbar span#resize{font-weight:bolder;font-size:21px;color:#fff}hr{border:1px solid;margin:19px 0}#playerlist button{display:list-item;margin:0 auto 3px}.screen_size{width:143px}::-webkit-scrollbar{background:transparent;transition:box-shadow .3s cubic-bezier(.4,0,.2,1) 0ms;border-radius:16px;background-color:#1e223199;box-shadow:#0003 0 2px 1px -1px,#00000024 0 1px 1px,#0000001f 0 1px 3px;backdrop-filter:blur(10px);background-image:linear-gradient(rgba(255,255,255,.05),rgba(255,255,255,.05))}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,0);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgba(187,153,255,.5)}html{color:#fff;transition:box-shadow .3s cubic-bezier(.4,0,.2,1) 0ms;border-radius:16px;background-color:#1e223199;box-shadow:#0003 0 2px 1px -1px,#00000024 0 1px 1px,#0000001f 0 1px 3px;backdrop-filter:blur(10px);background-image:linear-gradient(rgba(255,255,255,.05),rgba(255,255,255,.05));overflow-y:scroll}input{display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:relative;min-width:40px;width:-webkit-fill-available;color:#fff;border-radius:16px;background-color:transparent;text-align:left;margin:0;border-style:solid;border-width:1px;overflow:hidden;min-width:0%;border-color:#ffffff3b}button{display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0px;margin:0 0 3px;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:500;font-size:.875rem;line-height:1.75;letter-spacing:.02857em;text-transform:uppercase;min-width:64px;padding:5px 15px;border-radius:16px;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border-color .25s cubic-bezier(.4,0,.2,1) 0ms,color .25s cubic-bezier(.4,0,.2,1) 0ms;border:1px solid rgba(187,153,255,.5);color:#b9f;width:100%}button:hover{text-decoration:none;background-color:#bb99ff14;border:1px solid rgb(187,153,255)}button.dimmedBtn{border:1px solid rgba(255,255,255,.25);color:#ffffff40}button.dimmedBtn:hover{border:1px solid rgba(255,255,255,.75);color:#ffffffbf}button.following{background-color:#00af00;color:#fff;border:1px rgb(0,175,0) solid}button.following:hover{background-color:#00af00;color:#afffaf;border:1px rgb(255,255,255) solid}button.not_following,button.red{background-color:#af0000;color:#fff;border:1px rgb(175,0,0) solid}button.not_following:hover,button.red:hover{background-color:#af0000;color:#ffafaf;border:1px rgb(255,255,255) solid}.custom-select{position:relative}.custom-select select{display:none}.select-selected{background-color:transparent}.select-selected:after{position:absolute;content:"";top:14px;right:10px;width:0;height:0;border:6px solid transparent;border-color:#fff transparent transparent transparent}.select-selected.select-arrow-active:after{border-color:transparent transparent #fff transparent;top:7px}.select-items div,.select-selected{color:#fff;padding:8px 16px;border:1px solid transparent;border-color:transparent transparent rgba(255,255,255,1) transparent;cursor:pointer;user-select:none}.select-selected{margin-bottom:7px}.select-items div{border-color:transparent;background-color:#1e2231bf;box-shadow:#0003 0 2px 4px -1px,#00000024 0 4px 5px,#0000001f 0 1px 10px;backdrop-filter:blur(30px);background-image:linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.08))}.select-items{position:absolute;background-color:#1e2231;border:0;border-color:transparent;border-radius:16px;top:100%;left:0;right:0;z-index:99}.select-hide{display:none}.select-items div:hover{background-color:#0000001a}.same-as-selected{background-color:(187,153,255,.16)}span[contenteditable=true]:before{content:"\270f\fe0f  "}span[contenteditable=true]{border-bottom:1px solid rgb(187,153,255)}