body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}*,div{box-sizing:border-box}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button{font-size:calc(10px + 2vmin)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#3f3f46;border-radius:2rem}::-webkit-scrollbar-thumb{background:#52525b;border-radius:2rem}::-webkit-scrollbar-thumb:hover{background:#71717a}.body{width:100%;height:calc(100vh - 16px);max-width:100vw;max-height:100vh;background-color:#27272a;color:#fff;display:flex;justify-content:center;overflow-y:auto}body{overflow:hidden}.container{display:flex;flex-direction:column;align-items:center;margin-top:16px;margin-bottom:16px;padding:8px;width:1500px;max-width:100vw}.container h1{display:inline-block;text-align:left;margin:0 0 16px;width:100%;background-color:#18181b;text-transform:uppercase;font-weight:300;letter-spacing:.45em;border-radius:6px;padding:8px 32px;filter:drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06))}.container h1:not(:first-child){margin-top:64px}.container .action:not(:first-child){margin-top:32px}.container .subHeading{cursor:pointer;display:flex;justify-content:space-between;align-items:center;text-align:left;margin:0 0 8px;width:100%;background-color:#27272a;font-weight:300;letter-spacing:.45em;border-radius:6px;padding:8px;filter:drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06))}.container .subHeading svg{margin-right:32px}.notConnected{position:absolute;top:0;left:0;right:0;padding:12px;background-color:#dc2626;z-index:100;box-shadow:0 5px 2px #dc2626}.savedContainer{position:absolute;right:8px;top:8px;padding:12px 32px;border-radius:6px;background-color:#059669;transition:opacity .2s ease-out}.container>div{width:100%}.container .action{width:100%;background-color:#18181b;border-radius:6px;padding:8px;filter:drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06))}.container table{background-color:#18181b;border-radius:6px;padding:8px;filter:drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06))}.container td,th{text-align:left;padding:4px}.container th{font-size:14pt;padding-right:16px}.container .actions tr:hover,.container .bossList tr:nth-child(odd):hover,.container .bossList tr:nth-child(odd):hover+tr{background-color:#ffffff1a}.container input[type=text],.container input[type=button],.container input[type=submit],.container input[type=number],.container select{border:none;padding:6px 10px;color:#fff;border-radius:3px;width:100%;border:1px solid #3f3f46;background-color:#3f3f46}.container input[type=button],.container input[type=submit]{cursor:pointer}.container input:hover{background-color:#52525b}.container input:active{background-color:#71717a}.container input:invalid{border:1px solid #dc2626}.container input:focus{outline:none}.container input[type=button].danger{background-color:#dc2626;border-color:#dc2626}.container input[type=button].danger:hover{background-color:#ef4444;border-color:#ef4444}.container input[type=button].danger:active{background-color:#f87171;border-color:#f87171}div h2,div h3{font-size:inherit;font-weight:inherit;margin:0}.setting select{text-transform:uppercase}.setting>div{width:100%;display:flex;gap:8px;text-align:left;padding:4px}.setting:hover{background-color:#ffffff1a}.actions hr{border-color:#18181b;margin:16px 0}.actions hr:last-child{display:none!important}.setting>div div h3{font-size:15pt;font-weight:300;letter-spacing:.2em}.setting>div div{display:flex;flex-direction:column;align-items:start;gap:4px}.setting>div>div:not(:first-child,:nth-child(2)){flex:1}*{box-sizing:border-box}#webview{text-shadow:-2px 0 black,0 2px black,2px 0 black,0 -2px black}img{transition:opacity .35s ease-in-out;-webkit-filter:drop-shadow(0px 5px 5px #222);filter:drop-shadow(0px 5px 5px #222)}#progressBar{transition:width .35s ease-in-out}