<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">*
{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: Arial;
	scrollbar-width: thin;
	scrollbar-color: #fff6 #0002;
}

*::-webkit-scrollbar, html *::-webkit-scrollbar
{
	height: 1em;
	width: 1em;
}

.*::-webkit-scrollbar-track
{
	background: #0002;
}

.*::-webkit-scrollbar-thumb
{
	background-color: #fff6;
	border-radius: .5em;
}

input:focus, input:focus-visible, select:focus, textarea:focus, button:focus
{
	outline: none !important;
	box-shadow: none !important;
}

body
{
	color: #fff;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	width: 80%;
	margin: 1em 10% 1em 10%;
	background-color: #000;
}

.panel
{
	background-color: #0008;
	border-radius: .5em;
}

input[type=text], input[type=number]
{
	background-color: #0004;
	border-radius: .5em;
	outline: none;
	border: 0;
	height: 2em;
	width: 100%;
	color: #fff;
	padding: .5em;
	appearance: none;
	-o-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: textfield;
}

input[type=text]:hover, input[type=number]:hover, textarea:hover
{
	background-color: #0006;
}

input[type=text]:invalid, input[type=number]:invalid
{
	background-color: #f446 !important;
}

input[type=text]:disabled, input[type=number]:disabled
{
	cursor: not-allowed;
}

.button, button, input[type=button], input[type=submit]
{
	background-color: #0008;
	border-radius: .5em;
	outline: none;
	border: 0;
	height: 3em;
	width: 100%;
	color: #fff;
	font-weight: bold;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.button:hover, button:hover, input[type=button]:hover, input[type=submit]:hover
{
	background-color: #000a;
	cursor: pointer;
}

textarea
{
	background-color: #0004;
	border-radius: .5em;
	outline: none;
	border: 0;
	width: 100%;
	color: #fff;
	padding: .5em;
	resize: vertical;
	appearance: none;
	-o-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: textfield;
	font-size: .8em;
	min-height: 8em;
}

a
{
	color: #fffa;
	text-decoration: none;
}

a:hover
{
	color: #ffff;
}

header
{
	height: 3em;
	display: flex;
    align-items: center;
	margin-bottom: 1em;
	position: relative;
	z-index: 5;
}

header .profile
{
	position: absolute;
	bottom: .5em;
	right: .5em;
	top: .5em;
	white-space: nowrap;
}

header .profile img
{
	position: absolute;
	bottom: 0;
	right: 0;
	top: 0;
	width: 2em;
	height: 2em;
	border-radius: .5em;
}

header .profile a
{
	position: absolute;
	right: 2.5em;
	top: 0;
	color: #fffb;
}

header .profile a:hover
{
	color: #fff;
}

header .profile .balance
{
	top: 1.5em;
	right: 3.4em;
	font-size: .75em;
	color: #fff9;
}

header .project-name
{
	margin: 0em 1em;
	font-weight: 800;
	text-transform: uppercase;
}

header nav
{
    list-style: none;
	list-style-type: none;
}

header nav li
{
	display: inline-block;
	position: relative;
	text-align: center;
	min-width: 8em;
}

header nav &gt; ul &gt; li &gt; ul
{
	top: 100%;
	left: 0;
	right: 0;
	display: none;
	position: absolute;
	background-color: #000a;
	border-radius: 0 0 .75em .75em;
}

header nav ul li:hover &gt; ul
{
	display: inherit;
}

header nav &gt; ul &gt; li:hover &gt; a
{
	color: #fff;
}

header nav &gt; ul &gt; li:hover
{
	background-color: #0004;
	border-radius: .75em .75em 0 0;
	line-height: 3em;
	cursor: default;
}

header nav &gt; ul &gt; li &gt; ul
{
	line-height: 1em;
}

header nav &gt; ul &gt; li &gt; ul &gt; li
{
	margin-bottom: .75em;
}

header nav &gt; ul &gt; li &gt; ul &gt; li &gt; a
{
	padding: .5em;
}

header .button-login
{
	background-color: #6b6a;
	margin: .5em .5em;
	padding: .4em 1em;
	border-radius: .5em;
	text-shadow: none;
	color: #fff;
	position: absolute;
	bottom: 0;
	right: 0;
	top: 0;
}

header .button-login:hover
{
	background-color: #6b6;
}

header .pinned-buttons
{
	height: 100%;
	margin-left: 3em;
}

header .pinned-button
{
	height: 100%;
	width: 3em;
	padding: 1em;
	cursor: pointer;
}

header .pinned-button:hover
{
	background-color: #0004;
}

.button-logout
{
	background-color: #f44a;
	padding: .4em 1em;
	border-radius: .5em;
	text-shadow: none;
	color: #fff;
	width: 100%;
	text-align: center;
	font-weight: bold;
}

.button-logout:hover
{
	background-color: #f44;
}

.slideshow-backgrounds
{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -99;
}

.slideshow-background
{
	position: absolute;
	top: 0; left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-color: #000;
	background-image: url(/images/backgrounds/0.jpg);
	z-index: -100;
}

.slideshow-background-clon
{
	display: none;
	z-index: -101;
}

footer
{
	position: relative;
	margin-top: 1em;
	align-items: center;
	text-align: center;
	padding: .75em;
}

footer nav
{
    list-style: none;
	margin-bottom: .5em;
}

footer nav li
{
	display: inline-block;
	margin: 0 1em;
	font-size: .6em;
	text-transform: uppercase;
}

footer .icons
{
	height: 1.25em;
}

footer .icons img
{
	height: 100%;
	margin: 0em .5em;
	opacity: .25;
}

footer .icons img:hover
{
	opacity: .75;
}

footer p
{
	position: absolute;
	bottom: 1em;
	right: 1em;
	color: #fff3;
	text-shadow: none;
	font-size: .6em;
}

.toast-containers
{
	position: fixed;
	top: 0;
	right: 1em;
	width: 20%;
	pointer-events: none;
	z-index: 999;
}

.toast-container
{
	margin-top: 1em;
	border-radius: .5em;
	padding: .5em;
	position: relative;
	background-color: #0008;
	display: table;
	width: 100%;
}

.toast-container p
{
	color: #fff;
	font-size: .8em;
	text-align: center;
}

.sponsorship-text
{
	position: relative;
}

.sponsorship-text:after, .sponsorship-text:before
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 50px;
	height: 50px;
	background-image: 
	radial-gradient(rgba(255,255,255,1), rgba(255,255,255,0) 30%),
	linear-gradient(45deg, rgba(0,0,0,0) 49%, rgba(255,255,255, .4) 50%, rgba(0,0,0,0) 51%),
	linear-gradient(135deg, rgba(0,0,0,0) 49%, rgba(255,255,255, .4) 50%, rgba(0,0,0,0) 51%);
	-webkit-animation: sponsorship-text 20s linear infinite;
	animation: sponsorship-text 20s linear infinite;
	transform: scale(0, 0) rotate(0deg);
}

.sponsorship-text:before
{
	top: -10%;
	right: 0;
	left: auto;
	-webkit-animation-delay: 10s;
	animation-delay: 10s;
}

@-webkit-keyframes sponsorship-text
{
 2% { transform: scale(1, 1) rotate(80deg); }
 4% { transform: scale(0, 0) rotate(160deg); }
 100% { transform: scale(0, 0) rotate(0deg); }
}

@keyframes sponsorship-text
{
	2% { transform: scale(1, 1) rotate(80deg); }
	4% { transform: scale(0, 0) rotate(160deg); }
	100% { transform: scale(0, 0) rotate(0deg); }
}

.hint-text
{
	position: absolute;
	top:0;
	left: 0;
	max-width: 20em;
	z-index: 11;
	color: #fffc;
	/* opacity: .7; */
	font-size: .7em;
	display: none;
	pointer-events: none;
	background-color: #000a;
	border-radius: .5em;
	padding: .5em;
	text-shadow: none;
}

.hint-text::after
{
	content: ''; 
    position: absolute;
    left: -1em;
	top: .55em;
	border: .5em solid transparent;
	border-right: .5em solid #000a; 
}

.panel-modal-background
{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #0008;
	z-index: 10;
}

.font-color-curator
{
	color: #ee6 !important;
}

.font-color-moderator
{
	color: #6e6 !important;
}

.font-color-administrator
{
	color: #e66 !important;
}

.font-color-developer
{
	color: #6ee !important;
}</pre></body></html>