:root{--border-radius:5px;--ui-border-radius:3px;--background-color:#000000bf;--hover-color:#464646bf;--outdated-color:#802d2dbf}*{font-family:sans-serif;font-size:1em;line-height:1.3em}h1{font-size:2em}h2{margin:0;padding:.5em 0;font-size:1.5em}select,input,button,textarea,.button{border-radius:var(--ui-border-radius);padding:5px;font-size:.8em}#background{filter:blur(8px);z-index:-1;background-image:url(/bpservers/assets/background-DTwO26h_.jpg);background-size:cover;width:100%;height:100%;position:fixed;top:0;left:0}body{color:#ddd;background-color:#333;margin:10px 20px}a{color:#6495ed;text-decoration:none}.details{margin:10px 0}.details .summary{background-color:var(--background-color);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--border-radius);border:1px solid var(--hover-color);padding:10px;transition:all .2s}.details .summary:hover{background-color:var(--hover-color)}.details.details.open .summary,.details[open] .summary{border-radius:var(--border-radius) var(--border-radius) 0 0;border-width:1px 1px 0}.details-content{grid-template-rows:0fr;transition:grid-template-rows .3s ease-out;display:grid}.details-inner{flex-direction:column;display:flex;overflow:hidden}.details-inner>*{padding:0 10px}.details-inner>:first-child{padding-top:10px}.details-inner>:last-child{padding-bottom:10px}.details.open .details-content,.details[open] .details-content{border:1px solid var(--hover-color);border-radius:0 0 var(--border-radius) var(--border-radius);background:var(--background-color);grid-template-rows:1fr}.content{border-radius:0 0 var(--border-radius) var(--border-radius);background-color:#282828;flex-direction:column;padding:10px;display:flex}.content>div{margin:2px 0}button,.button{color:#fff;cursor:pointer;background-color:#292993;border-style:none;width:fit-content;padding:7px;font-weight:700;transition:all .2s;display:block}button:hover,.button:hover{background-color:#4242cf}.title{background:var(--background-color);border-radius:var(--border-radius) var(--border-radius) 0 0;flex-direction:row;justify-content:space-between;align-items:center;padding:0 1rem;display:flex}.subtitle{background:var(--background-color);padding:.5em 1rem}table{border-spacing:0;width:100%}tr{background-color:var(--background-color);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}tr:hover{background-color:var(--hover-color)}tr.outdated:hover{background-color:var(--outdated-color)}tr.serverInfo{background-color:var(--background-color);cursor:default;-webkit-user-select:auto;user-select:auto}tr.serverInfo:hover{background-color:var(--background-color)}tr.serverInfo td{padding:0}.info{grid-template-rows:0fr;transition:grid-template-rows .3s ease-out;display:grid}tr.serverInfo.show .info{border:1px solid var(--hover-color);border-width:1px 0;grid-template-rows:1fr}.info .inner{text-align:left;padding:0;transition:all .3s;overflow:hidden}tr.serverInfo.show .info .inner{padding:.5em 1em}td{width:0;padding:.5em 1em}td.name{width:max-content}td:not(.name){text-align:center}tr.info td{text-align:left!important}tr.force-borders td:first-child,tr:last-child td:first-child{border-bottom-left-radius:var(--border-radius)}tr.force-borders td:last-child,tr:last-child td:last-child{border-bottom-right-radius:var(--border-radius)}tr:last-child .info{border-radius:0 0 var(--border-radius) var(--border-radius)}.icon{border-radius:var(--ui-border-radius);height:1em}.filters{background-color:var(--background-color);padding:.5em 1em}.filters div{flex-flow:row;justify-content:flex-start;align-items:center;display:flex}.filters div:not(:first-child){margin-top:1em}input{background-color:var(--background-color);cursor:pointer;border:none;margin:0 2em 0 .5em}select{background-color:var(--background-color);color:#fff;cursor:pointer;border:none;margin:0 2em 0 .5em;font-weight:700}select.no-margin{margin:0 .5em}select:focus{outline:none}input[type=radio]{display:none}label{flex-direction:row;align-items:center;display:flex}label input[type=checkbox]{display:none}label .checkmark{background-color:var(--background-color);border:1px solid var(--hover-color);border-radius:var(--ui-border-radius);width:1em;height:1em;margin:0 2em 0 .5em;transition:all .2s;display:inline-block}label:hover input[type=checkbox]~.checkmark{background-color:var(--hover-color)}label .checkmark:after{content:"";border-radius:calc((var(--ui-border-radius) / 3) * 2);display:none;position:absolute}label input[type=checkbox]:checked~.checkmark:after{display:block}label .checkmark:after{background:#fff;width:.5em;height:.5em;margin:.25em}.label-button{cursor:pointer;color:var(--background-color);-webkit-user-select:none;user-select:none;-webkit-text-stroke:1px var(--hover-color);text-stroke:1px var(--hover-color);margin:0 .1em;font-size:calc(1em + 4px);transition:all .2s}input[type=radio]:hover+label{color:var(--hover-color)}input[type=radio]:checked+label{color:#fff;text-shadow:0 0 15px #ffffff4d}.news{cursor:help;-webkit-user-select:none;user-select:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:2px}.valid{color:#0f0}.invalid{color:red}.modal-background{z-index:1;background-color:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}.modal{z-index:2;background-color:var(--background-color);border-radius:var(--border-radius);width:80%;height:80%;padding:10px 20px;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:3px 3px 20px #0000004d}.modal>.modal-content{height:calc(100% - 80px);overflow:auto}.modal>.close{cursor:pointer;font-size:xx-large;transition:all .2s;position:absolute;top:calc(10px + .75rem);right:20px;overflow:hidden}.modal>.close:hover{color:#fff}.loading{--s:50px;--_d:calc(.353 * var(--s));width:calc(var(--s) + var(--_d));top:calc(50% - (var(--s) / 2 + var(--_d) / 2));left:calc(50% - (var(--s) / 2 + var(--_d) / 2));aspect-ratio:1;display:grid;position:absolute}.loading:before,.loading:after{content:"";clip-path:polygon(var(--_d) 0, 100% 0, 100% calc(100% - var(--_d)), calc(100% - var(--_d)) 100%, 0 100%, 0 var(--_d));background:conic-gradient(from -90deg at calc(100% - var(--_d)) var(--_d), #fff 135deg, #666 0 270deg, #ababab 0);grid-area:1/1;animation:2s infinite spin}.loading:after{animation-delay:-1s}.info-tooltip{cursor:help;font-weight:700}#tooltip{color:#000;pointer-events:none;opacity:0;background:#ebebeb;padding:5px;transition:all .2s;position:absolute}#tooltip.fadeIn{opacity:1}@keyframes spin{0%{filter:brightness();transform:translate(0)}25%{filter:brightness();transform:translate(75px)}50%{filter:brightness(.25);transform:translate(75px,75px)}75%{filter:brightness(.25);transform:translateY(75px)}to{filter:brightness();transform:translate(0)}}
