#debug { display: none }
.modal { background: var(--background); padding: 2rem; border: 1px solid var(--border) }
html {  -moz-osx-font-smoothing: grayscale;  -webkit-font-smoothing: antialiased;  text-rendering: optimizeLegibility }
#copyright { display: block; font-size: 75%; letter-spacing: .2px; text-transform: uppercase; margin: 1rem 0 0; text-align: center; }
table { width: 100% } img { max-width: 100% }
body { line-height: 1 }
input, select, textarea { box-sizing: border-box; color: inherit; font-size: inherit; font-family: inherit; padding: 0.25em 0.5em; border: 0 }
button, .button { line-height: 1 }
button:hover, .button:hover { cursor: pointer }
.modcp_nav_item, .usercp_nav_item { background: none } .modcp_nav_item::before, .usercp_nav_item::before { 
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	color: var(--text);
    font: var(--fa-font-solid); font-size: 50%; content: "\f005";  margin-left: -1.5rem; margin-right: .5rem; text-decoration: none; }
.usercp_nav_item.usercp_nav_usergroups { display: none }


span[alt="[+]"]::before, 
span[alt="[-]"]::before { 
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
}
span[alt="[+]"]::before {
    content: "\f06e"; 
}
span[alt="[-]"]::before { 
    content: "\f070";
}

fieldset { border: 1px solid var(--border) }


@media(min-width:900px) {
	.flex { display: flex; gap: 1rem }
	.fill>* { flex: 1 } .full { flex: 1 }
}