@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap&subset=cyrillic,cyrillic-ext,latin-ext);

.shop-promoart:before {
	background: url(https://nxserv.gg/static/ugc/3064C2FA1CFA16B1BAA81DE62938E147D5E5FC2D.jpg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	filter: grayscale(100%) contrast(75%);
	height: 100%;
	left: 0;
	opacity: .5;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.shop-promoart {
	align-items: center;
	color: #fff;
	display: flex;
	font-size: 64px;
	height: 202px;
	justify-content: center;
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
	text-shadow: 0 0 16px #000,0 0 8px #000;
	z-index: 1;
}

@media (max-width:869px) {
	.shop-promoart {
		font-size: 36px;
		height: 100px;
	}
}

.donatehow {
	align-items: center;
	background-color: #eee;
	background-size: 50% auto;
	border-radius: 6px;
	box-shadow: 2px 4px 8px rgba(0,0,0,.8);
	box-sizing: border-box;
	color: #000;
	flex-direction: column-reverse;
	font-weight: 600;
	height: 200px;
	padding-bottom: 10px;
	text-decoration: none;
	width: 306px;
}

.donatehow,.donatehow.inactive {
	background-position: 50%;
	background-repeat: no-repeat;
	display: flex;
	margin: 5px;
}

.donatehow.inactive {
	background-color: transparent;
	background-size: 80% auto;
	box-shadow: none;
	-webkit-filter: grayscale(100%) contrast(50%) brightness(200%);
	filter: grayscale(100%) contrast(50%) brightness(200%);
	height: 120px;
	width: 180px;
}

.donatehow.inactive:hover {
	background-color: transparent!important;
}

.donatehow.inactive:active {
	background-color: transparent!important;
}

.donatehow:hover {
	background-color: #ddd;
}

.donatehow:active {
	background-color: #ccc;
}

.donatehow.empty {
	height: 0;
	padding-bottom: 0;
}

.donatehow.ru {
	background-image: url(flags43/ru.svg);
	background-size: auto 50%;
}

.donatehow.eu {
	background-image: url(flags43/fr.svg);
	background-size: auto 50%;
}

.donatehow.us {
	background-image: url(flags43/us.svg);
	background-size: auto 50%;
}

.donatehow.qiwi {
	background-image: url(shop/methods/qiwi2.png);
}

.donatehow.yandex {
	background-image: url(shop/methods/yandex2.png);
}

.donatehow.yoomoney {
	background-image: url(shop/methods/yoomoney.png);
}

.donatehow.webmoney {
	background-image: url(shop/methods/webmoney.png);
}

.donatehow.visa {
	background-image: url(shop/methods/visa.png);
}

.donatehow.mastercard {
	background-image: url(shop/methods/mastercard2.png);
}

.donatehow.mir {
	background-image: url(shop/methods/mir.png);
}

.donatehow.maestro {
	background-image: url(shop/methods/maestro.png);
}

.donatehow.paypal {
	background-image: url(shop/methods/paypal.png);
}

.donatehow.paysafecard {
	background-image: url(shop/methods/paysafecard.png);
}

.donatehow.alfaclick {
	background-image: url(shop/methods/alfabank.png);
}

.donatehow.cash {
	background-image: url(shop/methods/cash.png);
}

.donatehow.skinscash {
	background-image: url(shop/methods/skinscash.png);
}

.donatehow.neosurf {
	background-image: url(shop/methods/neosurf.png);
}

.donatehow.neteller {
	background-image: url(shop/methods/neteller.png);
}

.donatehow.bitcoin {
	background-image: url(shop/methods/bitcoin.png);
}

.donatehow.vkpay {
	background-image: url(shop/methods/vkpay.png);
	background-size: auto 50%;
}

.donatehow.bitpay {
	background-image: url(shop/methods/bitpay.svg);
}

.donatehow.amazonpay {
	background-image: url(shop/methods/amazonpay.png);
}

.donatehow.applepay {
	background-image: url(shop/methods/applepay.png);
}

.donatehow.googlepay {
	background-image: url(shop/methods/googlepay.png);
}

.donatehow.sofort {
	background-image: url(shop/methods/visa.png);
}

.donatehow.sberbank {
	background-image: url(shop/methods/alfabank.png);
	background-size: auto 15%;
}

.shop-item {
	background: rgba(0,0,0,.25);
	display: flex;
	padding: 10px;
	white-space: pre-line;
}

.shop-item+.shop-item {
	margin-top: 10px;
}

.shop-item-icon-div {
	margin-right: 10px;
}

.shop-item-icon {
	max-width: 80px;
	min-height: 80px;
	width: 80px;
}

.shopinputqiwi {
	background: none;
	border: none;
	border-bottom: 1px dashed #fff!important;
	color: #fff;
	font-family: inherit;
	font-size: inherit;
	width: auto;
}

.strikethrough {
	position: relative;
}

.strikethrough:before {
	border-color: currentcolor red red;
	border-top: 3px solid red;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	transform: rotate(-30deg);
}

.newscard+.newscard {
	margin-top: 30px;
}

.newscard {
	background-position: 50%;
	background-size: cover;
	box-shadow: 0 2px 4px rgba(0,0,0,.5);
	color: #fff;
	display: block;
	text-decoration: none;
	text-shadow: 2px 2px 2px #000,2px 2px 4px #000;
}

.newscard__inner {
	background: rgba(0,0,0,.4);
	padding: 30px;
}

.newscard__inner:hover {
	background: rgba(0,0,0,.3);
}

.axiom-news-server-row {
	margin-bottom: 30px;
	margin-top: 15px;
}

.axiom-news-server-row__title {
	align-items: center;
	display: flex;
	font-size: 23px;
	line-height: 1.1;
	text-shadow: none;
}

.axiom-news-server-row__flag {
	font-size: 25px;
	line-height: 1;
	margin-right: 7px;
}

.axiom-news-server-row__details {
	font-size: 14px;
	line-height: 1.25;
	margin-left: 32px;
	text-shadow: none;
}

.axiom-news-delete-permanent {
	background: rgba(180,25,35,.78)!important;
	border-color: rgba(255,105,115,.55)!important;
	margin-left: 8px;
}

.newscard__inner:active {
	background: rgba(0,0,0,.5);
}

img.interweave {
	max-width: 100%;
}

.rdt {
	display: inline-block;
	position: relative;
}

.rdtPicker {
	background: #fff;
	border: 1px solid #f9f9f9;
	box-shadow: 0 1px 3px rgba(0,0,0,.1);
	color: #000;
	display: none;
	margin-top: 1px;
	padding: 4px;
	position: absolute;
	width: 250px;
	z-index: 99999!important;
}

.rdtPicker .rdtTimeToggle {
	text-align: center;
}

.rdtPicker table {
	margin: 0;
	width: 100%;
}

.rdtPicker td {
	cursor: pointer;
}

.rdtPicker td.rdtToday {
	position: relative;
}

.rdtPicker td.rdtToday:before {
	border-bottom: 7px solid #428bca;
	border-left: 7px solid transparent;
	border-top-color: rgba(0,0,0,.2);
	bottom: 4px;
	content: "";
	display: inline-block;
	position: absolute;
	right: 4px;
}

.rdtPicker td.rdtActive.rdtToday:before {
	border-bottom-color: #fff;
}

.rdtPicker td span.rdtOld {
	color: #999;
}

.rdtPicker th {
	border-bottom: 1px solid #f9f9f9;
}

.rdtPicker th.rdtSwitch {
	width: 100px;
}

.rdtPicker .dow {
	border-bottom: none;
	width: 14.2857%;
}

.rdtPicker thead tr:first-child th {
	cursor: pointer;
}

.rdtPicker thead tr:first-child th:hover {
	background: #eee;
}

.rdtPicker thead button {
	height: 100%;
	width: 100%;
}

.rdtPicker tfoot {
	border-top: 1px solid #f9f9f9;
}

.rdtPicker button {
	background: none;
	border: none;
	cursor: pointer;
}

.rdtPicker button:hover {
	background-color: #eee;
}

.rdtOpen .rdtPicker {
	display: block;
}

.rdtStatic .rdtPicker {
	box-shadow: none;
	position: static;
}

.rdtPicker td,.rdtPicker th {
	height: 28px;
	text-align: center;
}

.rdtPicker .rdtTimeToggle:hover,.rdtPicker td.rdtDay:hover,.rdtPicker td.rdtHour:hover,.rdtPicker td.rdtMinute:hover,.rdtPicker td.rdtSecond:hover {
	background: #eee;
	cursor: pointer;
}

.rdtPicker td.rdtNew,.rdtPicker td.rdtOld {
	color: #999;
}

.rdtPicker td.rdtActive,.rdtPicker td.rdtActive:hover {
	background-color: #428bca;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}

.rdtPicker td.rdtDisabled,.rdtPicker td.rdtDisabled:hover {
	background: none;
	color: #999;
	cursor: not-allowed;
}

.rdtPicker td span.rdtDisabled,.rdtPicker td span.rdtDisabled:hover {
	background: none;
	color: #999;
	cursor: not-allowed;
}

.rdtPicker th.rdtNext,.rdtPicker th.rdtPrev {
	font-size: 21px;
	vertical-align: top;
}

.rdtNext span,.rdtPrev span {
	-webkit-touch-callout: none;
	display: block;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.rdtPicker th.rdtDisabled,.rdtPicker th.rdtDisabled:hover {
	background: none;
	color: #999;
	cursor: not-allowed;
}

td.rdtMonth,td.rdtYear {
	cursor: pointer;
	height: 50px;
	width: 25%;
}

td.rdtMonth:hover,td.rdtYear:hover {
	background: #eee;
}

.rdtCounters {
	display: inline-block;
}

.rdtCounters>div {
	float: left;
}

.rdtCounter {
	height: 100px;
	width: 40px;
}

.rdtCounter .rdtBtn {
	-webkit-touch-callout: none;
	cursor: pointer;
	display: block;
	height: 40%;
	line-height: 40px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.rdtCounter .rdtBtn:hover {
	background: #eee;
}

.rdtCounter .rdtCount {
	font-size: 1.2em;
	height: 20%;
}

.rdtCounterSeparator {
	line-height: 100px;
}

.rdtMilli {
	padding-left: 8px;
	vertical-align: middle;
	width: 48px;
}

.rdtMilli input {
	font-size: 1.2em;
	margin-top: 37px;
	width: 100%;
}

.notifications {
	bottom: 10px;
	left: 10px;
	pointer-events: none;
	position: fixed;
	right: 10px;
}

.notifications-balloon {
	height: auto;
	overflow: hidden;
	transition: height .3s ease-in-out;
}

.notifications-balloon-content {
	background: #8502ff;
	clear: right;
	color: #fff;
	display: inline-block;
	float: right;
	padding: 10px;
	width: auto;
}

.notifications-balloon+.notifications-balloon {
	margin-top: 5px;
}

.rules-spoiler {
	background-color: #424242;
}

.rules-spoiler-button {
	cursor: pointer;
	padding: 8px;
	-webkit-user-select: none;
	user-select: none;
}

.rules-spoiler-inner {
	background-color: #1c1c1c;
	display: none;
	padding: 8px;
}

.rules-spoiler-inner .autobr {
	display: none;
}

.rules-spoiler+.autobr {
	display: none;
}

.rules-spoiler-open .rules-spoiler-inner {
	display: block;
}

.rules-ref {
	border-bottom: 1px dashed #ff0;
	cursor: pointer;
	position: relative;
}

.rules-tooltip {
	display: none;
}

.rules-tooltip-open {
	background-color: #000;
	border-radius: 6px;
	bottom: 150%;
	color: #fff;
	display: block;
	left: 50%;
	max-width: 70vw;
	padding: 5px;
	position: absolute;
	text-align: center;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: max-content;
	z-index: 1;
}

.rules-tooltip-open:after {
	border: 5px solid transparent;
	border-top-color: #000;
	content: "";
	left: 50%;
	margin-left: -5px;
	position: absolute;
	top: 100%;
}

.guide_advice,.guide_warn {
	background: #555;
	background-position: 8px;
	background-repeat: no-repeat;
	background-size: 24px;
	border-radius: 6px;
	display: block;
	font-weight: 500;
	padding: 10px 10px 10px 40px;
}

.guide_advice {
	background-color: #689f38;
	background-image: url(/static/icons8-search.svg);
}

.guide_warn {
	background-color: #ff8f00;
	background-image: url(/static/icons8-nothing-found.svg);
}

.guide h2,.guide h3 {
	margin-bottom: 16px;
}

.guide h2+p,.guide h3+p {
	margin-top: 0;
}

.guide h3,.guide table+h2 {
	margin-top: 16px;
}

html {
	background: #30303a;
	height: 100%;
	overflow-y: scroll;
}

* {
	-ms-interpolation-mode: bicubic;
}

body {
	background: #30303a;
	display: flex;
	flex-direction: column;
	font-family: Open Sans,Tahoma,Sans-Serif;
	font-size: 16px;
	font-weight: 300;
	margin: 0;
	min-height: 100%;
}

#app,main {
	display: flex;
	flex: 1;
	min-height: 100%;
}

main {
	flex-direction: column;
}

@media (max-width:869px) {
	main {
		overflow-x: hidden;
	}
}

header {
	background: #5A2593;
	color: #fefefe;
	height: 100px;
	transition: background .2s;
}

@media (max-width:869px) {
	header {
		height: 56px;
	}
}

header .logo {
	flex: 0 0 auto;
	height: 100%;
	max-height: 100%;
}

header a.logo {
	display: flex;
	align-items: center;
	height: 100%;
}

header a.logo img.logo {
	width: auto;
	height: auto;
	max-width: 110px;
	max-height: 64px;
	object-fit: contain;
}

@media (max-width:869px) {
	header a.logo img.logo {
		max-width: 76px;
		max-height: 40px;
	}
}

header .title {
	display: inline-block;
	font-size: 32px;
	margin-left: 20px;
}

@media (max-width:869px) {
	header .logo:before {
		content: "";
		flex: 2;
	}

	header .logo:after {
		content: "";
		flex: 2;
	}
}

h1,h2,h3,h4,h5,h6 {
	display: block;
	font-weight: 200;
	margin: 0;
}

h1 {
	font-size: 32px;
	margin-bottom: 30px;
}

h1+p {
	margin-top: 0;
}

p+p {
	margin-top: 0;
}

.container {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	height: 100%;
	margin: 0 auto;
	max-width: 1200px;
	padding: 0 30px;
	width: 100%;
}

@media (max-width:869px) {
	.container {
		padding: 0 15px;
	}
}

.content {
	background: #30303a;
	background-image: url(/static/what_the_hex.png);
	color: #fff;
	flex-grow: 1;
}

.content>.container {
	display: block;
	padding: 30px;
}

@media (max-width:869px) {
	.content>.container {
		padding: 15px;
	}
}

.menu {
	background: #4C2378;
	color: #fff;
	transition: background .2s;
}

.menu span {
	font-size: 16px;
	font-weight: 400;
	padding: 4px 16px;
}

/* Le site est uniquement en francais : le selecteur i18next est retire. */
.menu>.container>.right {
	display: none!important;
}

.menu span:hover {
	background-color: #5E2E94;
	cursor: pointer;
}

.menu span:active {
	background-color: #5E2E94;
}

@media (max-width:869px) {
	.menu span {
		padding: 16px;
		width: 100%;
	}
}

.menu a {
	color: #fff;
	display: flex;
	text-decoration: none;
}

@media (max-width:869px) {
	.menu a {
		width: 100%;
	}
}

.menu .active {
	background-color: #713DA8;
}

@media (max-width:869px) {
	.menu {
		background: #3A1A5C!important;
		bottom: 0;
		left: 0;
		overflow-x: hidden;
		overflow-y: auto;
		position: fixed;
		right: 0;
		top: 0;
		transform: translateX(-100%);
		transition: transform .2s ease-in-out;
		z-index: 100;
	}

	.menu.open {
		transform: translateX(0);
	}

	.menu>.container {
		flex-direction: column;
		height: auto;
	}

	.menu .right {
		height: auto;
		margin-left: 0;
		width: 100%;
	}
}

.menu__dropdown {
	background: #3A1A5C;
	display: none;
	flex-direction: column;
	position: absolute;
	right: 0;
	top: 100%;
	white-space: nowrap;
}

.menu__dropdown_open {
	display: flex;
}

@media (max-width:869px) {
	.menu__dropdown {
		background: rgba(0,0,0,.2);
		width: 100%;
	}

	.menu__dropdown>span {
		width: auto;
	}
}

.menu__language-flag {
	border: 1px solid #fff;
	display: inline-block;
	margin: -1px;
	text-align: center;
	width: 28px;
}

.menu-button {
	background: url(/static/ic_menu_white_48px.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 36px;
	height: 56px;
	margin-left: -16px;
	width: 56px;
}

.menu-close-button {
	background: url(/static/ic_close_white_48px.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 36px;
	height: 56px;
	margin-left: auto;
	margin-right: -16px;
	width: 56px;
}

a {
	color: #aaa;
}

.right {
	align-items: center;
	display: flex;
	height: 100%;
	margin-left: auto;
}

.cards {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px;
}

.langreq {
	align-items: center;
	background: rgba(0,0,0,.5);
	box-sizing: border-box;
	display: flex;
	margin-top: auto;
	padding: 5px;
	width: 100%;
}

.langreq img {
	height: 20px;
	margin-right: 5px;
}

.avatar {
	border-radius: 100%;
	height: 40px;
	position: relative;
	width: 40px;
}

@media (min-width:670px) {
	.avatar {
		margin-right: 10px;
	}
}

.avatar img {
	border-radius: 100%;
	height: 40px;
	width: 40px;
}

.avatar-hover {
	background: #fff;
	border-radius: 100%;
	height: 100%;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity .2s;
	width: 100%;
}

.profile-link {
	align-items: center;
	color: inherit;
	display: flex;
	height: 100%;
	text-decoration: inherit;
}

.profile-link:hover .avatar-hover {
	opacity: .25;
}

.profile-head {
	display: flex;
	margin-bottom: 30px;
}

.profile-info {
	display: flex;
	flex-flow: column;
	justify-content: center;
	margin-left: 30px;
}

.profile-info>span {
	margin-top: 36px;
}

@media (max-width:869px) {
	.profile-info {
		margin-left: 0;
	}

	.profile-info>span {
		display: flex;
		flex-direction: column;
	}
}

.profile-info>span>form>a {
	margin-left: .5cm;
}

@media (max-width:869px) {
	.profile-info>span>form>a {
		margin-left: 0;
	}
}

.profile-info>span>form+form {
	margin-top: 16px;
}

@media (max-width:869px) {
	.profile-head {
		flex-direction: column;
	}

	.profile-avatar {
		text-align: center;
	}
}

.profile-avatar>a>img,.profile-avatar>img {
	border-radius: 100%;
	height: 184px;
	width: 184px;
}

@media (max-width:869px) {
	.profile-avatar>a>img,.profile-avatar>img {
		height: 100px;
		width: 100px;
	}
}

.all-inherit {
	background: red!important;
}

.button {
	-webkit-appearance: none;
	background: #eee;
	border: none;
	border-radius: 2px;
	box-shadow: 0 4px 8px rgba(0,0,0,.5),inset 0 5px 8px hsla(0,0%,50%,.4),inset 0 5px 8px hsla(0,0%,100%,.6);
	color: #000;
	cursor: pointer;
	display: inline-block;
	font-family: inherit;
	font-size: 16px;
	font-weight: 400;
	margin: auto 0;
	outline: none;
	padding: 5px 10px;
	text-decoration: none;
}

.button:hover {
	background: #ddd;
	border: none;
	cursor: pointer;
	font-family: inherit;
	font-size: 16px;
	padding: 5px 10px;
}

.button:active {
	background: #ccc;
	border: none;
	font-family: inherit;
	font-size: 16px;
	padding: 5px 10px;
}

.button.join {
	background: #8bd000;
}

.button.join:hover {
	background: #9be000;
}

.button.join:active {
	background: #7bc000;
}

.loginbox {
	background: transparent;
	border: 1px solid #fff;
	border-radius: 2px;
	color: inherit;
	cursor: pointer;
	font-family: inherit;
	font-size: 16px;
	font-weight: inherit;
	padding: 8px;
	transition: background .2s,color .2s;
}

.loginbox:hover {
	background: #fff;
	color: #4C2378;
}

footer {
	align-items: center;
	background: #222229;
	color: #fff;
	display: flex;
	margin-top: auto;
	min-height: 100px;
}

@media (max-width:869px) {
	footer .container {
		flex-direction: column;
		padding: 30px;
	}
}

.dropdown {
	background: #000;
	position: absolute;
	width: 100%;
}

.input {
	-webkit-appearance: none;
	background: rgba(0,0,0,.2);
	border: none;
	border-bottom: 1px solid rgba(0,0,0,.3)!important;
	border-radius: 2px;
	box-shadow: inset 0 2px 4px rgba(0,0,0,.2);
	box-sizing: border-box;
	color: #fff;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	outline: none;
	padding: 4px 8px;
	width: auto;
}

.input:focus {
	border-bottom: 1px solid #8d02ff!important;
}

.input-error {
	border-bottom: 1px solid #e74c3c!important;
}

textarea.input {
	padding: 8px;
}

.select {
	-webkit-appearance: none;
	background: #eee url(/static/ic_arrow_drop_down_black_24px.svg);
	background-position: right 4px center;
	background-repeat: no-repeat;
	border: none;
	border-radius: 0;
	color: #000;
	display: inline;
	font-family: inherit;
	font-size: inherit;
	height: auto;
	line-height: normal;
	margin: 0;
	outline: none;
	padding: 5px 32px 5px 10px;
	width: auto;
}

.checkbox input[type=checkbox] {
	display: none;
}

.checkbox input[type=checkbox]+span {
	border: 1px solid #fff;
	border-radius: 2px;
	box-shadow: 0 4px 8px rgba(0,0,0,.5),inset 0 2px 8px rgba(0,0,0,.4);
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	height: 22px;
	margin-right: 10px;
	vertical-align: middle;
	width: 22px;
}

.checkbox input[type=checkbox]:checked+span {
	background: #005bbb url(/static/checkbox_checked.svg);
	border: none;
}

.checkbox .auto:checked+span {
	background: #5b5b5b url(/static/checkbox_checked.svg)!important;
}

.admin-menu {
	border: 1px solid rgba(0,0,0,.2);
	box-shadow: 0 2px 4px rgba(0,0,0,.2);
	margin-right: 30px;
}

.admin-menu .element {
	align-items: center;
	display: flex;
	justify-content: center;
	padding: 15px;
}

.admin-menu .element.active {
	background-color: hsla(0,0%,100%,.5);
}

.admin-menu .element:hover {
	background-color: hsla(0,0%,100%,.6);
}

.admin-menu .element:active {
	background-color: hsla(0,0%,100%,.4);
}

.alert {
	background: #e74c3c;
	box-shadow: 0 2px 4px rgba(0,0,0,.5);
	margin-bottom: 1em;
	padding: 8px;
}

.alert,.alert a,.warning {
	color: #fff;
}

.warning {
	background: #f57f17;
	box-shadow: 0 2px 4px rgba(0,0,0,.5);
	margin-bottom: 1em;
	padding: 8px;
}

.popup,.warning a {
	color: #fff;
}

.popup {
	align-items: center;
	background: rgba(0,0,0,.7);
	bottom: 0;
	display: none;
	flex-direction: row;
	justify-content: center;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
}

.popup.open {
	display: flex;
}

.popup-close {
	background: url(/static/ic_close_white_48px.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 36px;
	cursor: pointer;
	height: 43px;
	margin-left: auto;
	width: 56px;
}

.popup-title {
	display: flex;
	flex-shrink: 0;
	font-size: 32px;
}

.popup>div {
	background: #30303a;
	box-shadow: 0 2px 4px rgba(0,0,0,.5);
	display: flex;
	flex-direction: column;
	margin: 10px;
	padding: 20px;
}

.popup-body {
	flex: 1;
	overflow: auto;
}

.footer__social {
	margin-left: 30px;
}

@media (max-width:869px) {
	.footer__social {
		margin-left: 0;
		margin-top: 30px;
	}
}

.footer__social a+a {
	margin-left: 15px;
}

.footer__social img {
	background-color: hsla(0,0%,100%,.25);
	border-radius: 100%;
	height: 44px;
	transition: background-color .2s;
	width: 44px;
}

.footer__social a:hover img {
	background-color: hsla(0,0%,100%,.5);
}

.loadingbar {
	background: linear-gradient(90deg,#8bd000,#9be000);
	box-shadow: 0 0 8px 0 #9be000;
	height: 5px;
	opacity: 0;
	position: fixed;
	top: 0;
	transition: width .3s,opacity .4s;
	width: 0;
}

.landing__bg {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.landing__bg--evocity {
	background-color: #242b35;
	background-image: url(/ldscr/darkrp.jpg);
}

.landing__bg--diagmonds {
	background: #222 url(/static/landing/diagmonds.png);
	background-size: 141px 142px;
}

.landing__bg .content,.landing__bg .menu,.landing__bg header {
	background: transparent;
}

.landing__title {
	font-size: 100px;
}

.landing__logo {
	max-height: 150px;
	max-width: 100%;
}

.landing__subtitle {
	font-size: 26px;
	text-align: center;
}

.landing__bigwords {
	display: flex!important;
	flex-direction: column;
	padding: 50px 32px 100px!important;
}

.bans {
	max-width: 100%;
}

.bans th {
	text-align: left;
}

@media (max-width:869px) {
	.bans th {
		display: none;
	}
}

.bans table {
	border-collapse: collapse;
}

.bans table tbody tr:nth-child(odd) {
	background-color: hsla(0,0%,100%,.05);
}

.bans td,
.bans th {
	padding: 8px 10px;
}

.bans td img {
	vertical-align: middle;
}

@media (max-width:869px) {
	.bans tr {
		display: flex;
		flex-direction: column;
	}

	.bans i {
		font-style: normal;
		font-weight: 600;
	}

	.bans>div {
		flex-direction: column;
	}

	.bans>div>div {
		flex-direction: column;
	}
}

@media (min-width:870px) {
	.bans i {
		display: none;
	}
}

.server {
	align-items: flex-start;
	background: linear-gradient(115deg,hsla(0,0%,100%,.115),hsla(0,0%,100%,.055));
	border: 1px solid hsla(0,0%,100%,.13);
	border-radius: 8px;
	box-shadow: 0 7px 16px rgba(0,0,0,.28),inset 0 1px 0 hsla(0,0%,100%,.035);
	box-sizing: border-box;
	-webkit-backdrop-filter: blur(9px);
	backdrop-filter: blur(9px);
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 67px;
	padding: 9px 20px;
	text-decoration: none;
	transition: background-color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;
	user-select: none;
	width: 100%;
	overflow: hidden;
	background-clip: padding-box;
	isolation: isolate;
}

.server-locked {
	background-color: rgba(32,32,32,.5);
}

.server:hover {
	background: linear-gradient(115deg,hsla(0,0%,100%,.19),hsla(0,0%,100%,.09));
	border-color: hsla(0,0%,100%,.24);
	box-shadow: 0 10px 22px rgba(0,0,0,.38),inset 0 1px 0 hsla(0,0%,100%,.08);
	transform: translateY(-2px);
}

.server:active {
	background-color: hsla(0,0%,78%,.3);
}

.content-sv {
	align-self: center;
	background-color: #141326;
	background-image: linear-gradient(90deg,rgba(15,12,45,.88),rgba(25,19,67,.67));
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid rgba(98,83,180,.13);
	border-radius: 11px;
	box-shadow: 0 10px 28px rgba(0,0,0,.6),0 0 10px rgba(47,37,114,.28);
	box-sizing: border-box;
	flex: 0 0 400px;
	height: 400px;
	margin: 28px auto;
	max-height: 400px;
	max-width: 750px;
	min-height: 400px;
	min-width: 750px;
	overflow: hidden;
	padding: 28px 26px 27px;
	width: 750px;
	background-clip: padding-box;
	isolation: isolate;
}

.content-sv.darkrp,
.content-sv.basewars {
	background-color: #1a1537;
	background-image: linear-gradient(90deg,rgba(16,12,52,.88),rgba(33,25,82,.62)),url(/static/svcards/gun.jpg);
	background-position: center;
	background-size: cover,cover;
}

.content-sv>.container {
	box-sizing: border-box;
	height: 100%;
	margin: 0!important;
	max-width: none!important;
	padding: 0!important;
	width: 100%!important;
}

.content-sv>.container>h2 {
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.15;
	margin: 3px 0 30px;
	text-align: left;
	text-shadow: 0 2px 8px rgba(0,0,0,.5);
}

.content-sv>.container>h2>span {
	font-size: 1.55em!important;
	font-weight: 400!important;
	letter-spacing: .01em;
	margin-bottom: 5px;
}

.content-sv>.container>h2 div {
	font-size: 20px;
	font-weight: 300;
}

.content-sv>.container>p {
	display: none;
}

.content-sv.terrortown {
	background-image: linear-gradient(90deg,rgba(46,28,15,.9),rgba(46,28,15,.9)),url(/static/svcards/ttt.jpg);
	background-size: cover,cover;
}

.content-sv.gmstranded {
	background-image: linear-gradient(90deg,rgba(60,87,18,.8),rgba(60,87,18,.8)),url(/static/svcards/gm_gunkanjima.jpg);
	background-size: cover,cover;
}

.content-sv.base {
	background-image: linear-gradient(90deg,hsla(219,7%,46%,.8),hsla(219,7%,46%,.8)),url(/static/svcards/base.jpg);
	background-size: cover,cover;
}

.content-sv.sandbox {
	background-image: linear-gradient(90deg,rgba(100,120,131,.8),rgba(100,120,131,.8)),url(/static/svcards/gmod_12.jpg);
	background-size: cover,cover;
}

.server+.server {
	margin-top: 10px;
}

.server-list {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	width: 100%;
}

.serverbg {
	overflow: hidden;
	position: relative;
	transform: translateZ(0);
}

.serverbg:before {
	background-color: transparent,#000;
	background-image: linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,.5)),url(/static/sv_none.jpg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover,cover;
	content: " ";
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	will-change: transform;
	z-index: -1;
}

.server-title {
	font-size: 25px;
	font-weight: 300;
	line-height: 1.08;
	white-space: nowrap;
}

.server-title,.server-title2 {
	margin: 0;
	text-align: left;
}

.server>span:nth-child(2) {
	font-size: 14px;
	line-height: 1.15;
	padding-left: 35px;
}

.server-title2 {
	font-size: 16px;
}

.server-more {
	color: hsla(0,0%,100%,.5);
	font-size: .8em;
	text-decoration: none;
}

.server-more:hover {
	color: #fff;
}

.server-flag {
	height: 23px;
	object-fit: cover;
	vertical-align: -2px;
	width: 29px;
}

@media (max-width:520px) {
	.content-sv {
		border-radius: 9px;
		flex: 0 0 auto;
		height: auto;
		margin: 14px 10px;
		max-height: none;
		max-width: none;
		min-height: 280px;
		min-width: 0;
		padding: 24px 18px;
		width: calc(100% - 20px);
	}

	.server {
		padding-left: 14px;
		padding-right: 14px;
	}

	.server-title {
		font-size: 20px;
	}

	.server>span:nth-child(2) {
		font-size: 12px;
		padding-left: 35px;
	}
}

@media (max-width:869px) {
	.hide-mobile {
		display: none!important;
	}
}

@media (min-width:870px) {
	.hide-desktop {
		display: none!important;
	}
}

.catlist {
	display: flex;
	flex-direction: column;
}

.catlist-smol {
	display: flex;
	flex-direction: row;
	margin-top: 18px;
}

@media (max-width:869px) {
	.catlist-smol {
		flex-direction: column;
	}
}

@media (min-width:870px) {
	.catlist-smol .catlist-el+.catlist-el {
		margin-left: 6px;
		margin-top: 0;
	}
}

.catlist-smol .catlist-el {
	flex: 1;
}

.catlist-el {
	align-items: center;
	background: #000;
	background: #474747;
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0,0,0,.5);
	color: #fff;
	display: flex;
	padding: 30px 20px;
	text-decoration: inherit;
}

.catlist-el:hover {
	background-color: #676767;
}

.catlist-el-icon {
	display: flex;
	font-size: 2em;
	margin-right: 20px;
}

.catlist-el-text {
	flex: 1;
}

.catlist-el-text-title {
	font-size: 1.5em;
	font-weight: 500;
}

.catlist-el-info {
	align-items: center;
	display: flex;
	flex-direction: column;
}

.catlist-el-info-number {
	font-size: 1.5em;
}

.catlist-el+.catlist-el {
	margin-top: 6px;
}

.forum-thread {
	display: flex;
	gap: 2px;
}

.forum-thread-body {
	align-items: center;
	background: #474747;
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0,0,0,.5);
	color: inherit;
	display: flex;
	flex: 1;
	padding: 5px;
	text-decoration: none;
}

.forum-thread-body a {
	align-items: inherit;
	color: inherit;
	text-decoration: inherit;
}

.forum-thread-locked>.forum-thread-body {
	background: #1c2632 repeating-linear-gradient(-45deg,transparent,transparent 4px,#27313d 0,#27313d 8px);
}

.forum-thread-locked>.forum-thread-body:hover {
	background: #212e3e repeating-linear-gradient(-45deg,transparent,transparent 4px,#2f3c4d 0,#2f3c4d 8px);
}

.forum-thread-locked>.forum-thread-body:active {
	background: #151c25 repeating-linear-gradient(-45deg,transparent,transparent 4px,#232c37 0,#232c37 8px);
}

.forum-thread-deleted>.forum-thread-body {
	background: #372727;
}

.forum-thread-deleted>.forum-thread-body:hover {
	background: #4f3838;
}

.forum-thread-deleted>.forum-thread-body:active {
	background: #322323;
}

.forum-thread-body:hover {
	background-color: #676767;
	background-image: none;
}

.forum-thread-body:active {
	background-color: #272727;
	background-image: none;
}

.forum-thread-body-left {
	border-radius: 8px 0 0 8px;
}

.forum-thread-body-right {
	border-radius: 0 8px 8px 0;
	justify-content: flex-end;
	max-width: 200px;
}

@media (max-width:869px) {
	.forum-thread-body-right {
		max-width: 110px;
	}
}

.forum-thread-pinned+.forum-thread:not(.forum-thread-pinned) {
	margin-top: 48px;
}

.forum-thread-inner {
	display: flex;
	flex: 1;
	flex-direction: column;
}

.forum-thread-inner-unread {
	font-weight: 600;
}

a.forum-thread-newposts {
	border: 1px solid #afb42b;
	border-radius: 4px;
	color: #afb42b;
	display: inline-block;
	font-size: .8em;
	margin-left: 8px;
	padding: 0 4px;
	text-decoration: none;
}

a.forum-thread-newposts:hover {
	background-color: #afb42b;
	color: #fff;
}

.forum-thread+.forum-thread {
	margin-top: 6px;
}

.forum-post {
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0,0,0,.5);
	display: flex;
	flex-direction: row;
}

@media (max-width:869px) {
	.forum-post {
		flex-direction: column;
	}
}

.forum-post+.forum-post {
	margin-top: 10px;
}

.forum-post-target {
	box-shadow: 0 0 4px #713DA8;
}

.forum-post-button {
	-webkit-appearance: none;
	background: none;
	background-image: url(/static/sforum/ic_delete_white_24px.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
	height: 32px;
	opacity: .2;
	outline: none;
	padding: 0;
	width: 32px;
}

.forum-post-button:hover {
	opacity: .8;
}

.forum-post-button:active {
	opacity: .5;
}

.forum-post-button-delete {
	background-image: url(/static/sforum/ic_delete_white_24px.svg);
}

.forum-post-button-report {
	background-image: url(/static/sforum/ic_report_white_24px.svg);
}

.forum-post-button-history {
	background-image: url(/static/sforum/ic_event_note_white_24px.svg);
}

.forum-post-button-edit {
	background-image: url(/static/sforum/ic_edit_white_24px.svg);
}

.forum-post-button-reply {
	background-image: url(/static/sforum/ic_reply_white_24px.svg);
}

.forum-post-button-translate {
	background-image: url(/static/sforum/g_translate-24px.svg);
}

.forum-post-button-translate[data-active=true] {
	background-image: url(/static/sforum/g_translate-24px-active.svg);
	opacity: 1;
}

.forum-post .poster-tools {
	visibility: hidden;
}

.forum-post:hover .poster-tools {
	visibility: visible;
}

.poster-area {
	align-items: center;
	background: #373737;
	display: flex;
	flex-direction: column;
	padding: 10px;
}

@media (min-width:870px) {
	.poster-area {
		border-radius: 8px 0 0 8px;
		width: 150px;
	}
}

@media (max-width:869px) {
	.poster-area {
		border-radius: 8px 8px 0 0;
		flex-direction: row;
		justify-content: flex-end;
	}

	.poster-area .poster-area-avatar-wrapper {
		order: -1;
	}
}

.poster-area-info {
	display: flex;
	flex-direction: column;
}

@media (min-width:870px) {
	.poster-area-info {
		align-items: center;
		text-align: center;
	}
}

@media (max-width:869px) {
	.poster-area-info {
		flex: 1;
	}
}

.poster-area-name {
	color: #fff;
	font-weight: 600;
	overflow: hidden;
	text-decoration: inherit;
	word-break: break-word;
}

.poster-area-moderator-name {
	display: block;
	max-width: 135px;
	margin-top: 3px;
	color: rgba(255,255,255,.5);
	font-size: 11px;
	font-weight: 400;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (max-width:869px) {
	.poster-area-moderator-name {
		max-width: none;
		text-align: left;
	}
}

.poster-area-avatar {
	border-radius: 100%;
	height: 90px;
	width: 90px;
}

@media (min-width:870px) {
	.poster-area-avatar {
		margin-bottom: 10px;
		margin-top: 20px;
	}
}

@media (max-width:869px) {
	.poster-area-avatar {
		height: 45px;
		margin-right: 10px;
		width: 45px;
	}
}

.poster-text-area {
	background: #474747;
	display: flex;
	flex: 1;
	flex-direction: column;
	overflow-x: auto;
	padding: 10px;
}

@media (min-width:870px) {
	.poster-text-area {
		border-radius: 0 8px 8px 0;
	}
}

@media (max-width:869px) {
	.poster-text-area {
		border-radius: 0 0 8px 8px;
	}
}

.poster-text {
	margin-bottom: 10px;
	overflow-x: auto;
	white-space: pre-line;
	word-break: break-word;
}

.poster-text h1 {
	border-bottom: 1px dotted #666;
	color: #529cde;
	font-size: 1.2em;
	margin-bottom: 4px;
}

.poster-text blockquote {
	background: rgba(0,0,0,.25);
	border-left: 5px solid rgba(0,0,0,.25);
	font-size: .9em;
	margin: 8px 0;
	padding: 12px;
}

.poster-text blockquote small {
	display: block;
	font-weight: 600;
	margin-bottom: 8px;
}

.poster-text .bb_strike {
	text-decoration: line-through;
}

.poster-text .bb_spoiler {
	background: #000;
}

.poster-text .bb_spoiler span {
	visibility: hidden;
}

.poster-text .bb_spoiler:hover span {
	visibility: visible;
}

.forumsearch__input {
	font-size: 24px;
	width: 100%;
}

.forumsearch__results {
	margin-top: 24px;
}

.forumsearch__results__element+.forumsearch__results__element {
	margin-top: 12px;
}

.forumsearch__results__element a {
	color: #fff;
	font-weight: 600;
}

.forumsearch__results__element p {
	color: green;
}

.pagination {
	display: flex;
}

.pagination button+button {
	margin-left: 2px;
}

.pagination span {
	margin-left: 2px;
	margin-right: 2px;
}

.pagination .active {
	font-weight: 600;
}

.prettyprint {
	background: #222;
	border-radius: 10px;
	margin: 0;
	overflow-x: auto;
	padding: 10px;
}

.diff-result,.prettyprint {
	font-family: Consolas,monospace;
}

.diff-result {
	color: #d3d3d3;
	white-space: pre-wrap;
	word-break: break-all;
}

.inline-thread-button {
	background-color: #737373;
	box-shadow: 0 4px 8px rgba(0,0,0,.5);
	color: #fff;
	margin: 0 0 0 10px;
	width: 50px;
}

.inline-thread-button:hover {
	background-color: #7a7a7a;
}

.inline-thread-button:active {
	background-color: #696969;
}

.unsub-button {
	background-color: #e53935;
}

.unsub-button:hover {
	background-color: #f44336;
}

.unsub-button:active {
	background-color: #d32f2f;
}

.unsub-button,.unsub-button:active,.unsub-button:hover {
	background-image: url(sforum/baseline-remove_circle-24px.svg);
	background-position: 50%;
	background-repeat: no-repeat;
}

.quick-delete,.quick-delete:active,.quick-delete:hover {
	background-image: url(sforum/ic_delete_white_24px.svg);
	background-position: 50%;
	background-repeat: no-repeat;
}

.formatting_help {
	border-collapse: collapse;
	border-spacing: 10px;
}

.formatting_help tbody tr:nth-child(odd) {
	background-color: hsla(0,0%,100%,.05);
}

.formatting_help td {
	padding: 8px;
}

.formatting_help img {
	background-color: grey;
	height: 297px;
	width: 275px;
}

@media (max-width:869px) {
	.formatting_help tr {
		display: flex;
		flex-direction: column;
	}

	.moder_highlight_settings {
		flex-direction: column!important;
		margin-top: 16px!important;
	}

	.moder_highlight_settings_lottie_placeholder {
		display: inline-block;
		height: 22px;
		vertical-align: bottom;
		width: 22px;
	}
}

.spinner {
	height: 40px;
	margin: 100px auto;
	position: relative;
	width: 40px;
}

.smallspinner {
	display: inline-block;
	height: 1em;
	margin: 0;
	width: 1em;
}

.double-bounce1,.double-bounce2 {
	-webkit-animation: sk-bounce 2s ease-in-out infinite;
	animation: sk-bounce 2s ease-in-out infinite;
	background-color: #fff;
	border-radius: 50%;
	height: 100%;
	left: 0;
	opacity: .6;
	position: absolute;
	top: 0;
	width: 100%;
}

.double-bounce2 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}

.vis-network {
	display: flex;
	flex: 1;
	flex-direction: column;
}

.vis-network canvas {
	flex: 1;
}

.ttt_help {
	color: #eee;
	font-family: Tahoma;
	text-align: center;
}

.ttt_help .big {
	font-size: 18pt!important;
	font-weight: 800!important;
	text-shadow: 2px 2px 0 #000!important;
}

.ttt_help .round {
	border-radius: 4px;
	color: #fff;
	font-size: 10pt;
	font-weight: 400;
	padding: 2px;
	text-shadow: 1px 1px 0 #000;
}

.ttt_help .traitor {
	background-color: red;
}

.ttt_help .innocent {
	background-color: green;
}

.ttt_help .missing {
	background-color: #8fbc8f;
}

.ttt_help .confirmed {
	background-color: #6b8e23;
}

.ttt_help .arrow {
	background-color: #fff;
	color: #000;
	padding-left: 2px;
}

.ttt_help .arrow:after {
	border-color: transparent transparent transparent #fff;
	border-style: solid;
	border-width: 10px 0 10px 20px;
	content: "";
	height: 0;
	position: absolute;
	width: 0;
}

.hl {
	background: rgba(0,0,0,.2);
	border: 1px solid hsla(0,0%,100%,.5);
	border-radius: 10px;
	padding: 20px;
}

.moving_gradient {
	animation-duration: 1.8s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: placeHolderShimmer;
	animation-timing-function: linear;
	background: transparent;
	background: linear-gradient(90deg,rgba(0,0,0,.05) 0,hsla(0,0%,100%,.3) 33%,rgba(0,0,0,.2) 66%);
	background-size: 1000px 640px;
	border-radius: 2px;
	display: inline-block;
	position: relative;
}

@-moz-keyframes sk-bounce {
	0%,to {
		transform: scale(0);
		-webkit-transform: scale(0);
	}

	50% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}

@-webkit-keyframes sk-bounce {
	0%,to {
		transform: scale(0);
		-webkit-transform: scale(0);
	}

	50% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}

@-o-keyframes sk-bounce {
	0%,to {
		transform: scale(0);
		-webkit-transform: scale(0);
	}

	50% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}

@keyframes sk-bounce {
	0%,to {
		transform: scale(0);
		-webkit-transform: scale(0);
	}

	50% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes placeHolderShimmer {
	0% {
		background-position: -468px 0;
	}

	to {
		background-position: 468px 0;
	}
}

@-webkit-keyframes placeHolderShimmer {
	0% {
		background-position: -468px 0;
	}

	to {
		background-position: 468px 0;
	}
}

@-o-keyframes placeHolderShimmer {
	0% {
		background-position: -468px 0;
	}

	to {
		background-position: 468px 0;
	}
}

@keyframes placeHolderShimmer {
	0% {
		background-position: -468px 0;
	}

	to {
		background-position: 468px 0;
	}
}

.react-tabs {
	-webkit-tap-highlight-color: transparent;
}

.react-tabs__tab-list {
	border-bottom: 1px solid #aaa;
	margin: 0 0 10px;
	padding: 0;
}

.react-tabs__tab {
	border: 1px solid transparent;
	border-bottom: none;
	bottom: -1px;
	cursor: pointer;
	display: inline-block;
	list-style: none;
	padding: 6px 12px;
	position: relative;
}

.react-tabs__tab--selected {
	background: #fff;
	border-color: #aaa;
	border-radius: 5px 5px 0 0;
	color: #000;
}

.react-tabs__tab--disabled {
	color: GrayText;
	cursor: default;
}

.react-tabs__tab:focus {
	border-color: #0188fe;
	box-shadow: 0 0 5px #0188fe;
	outline: none;
}

.react-tabs__tab:focus:after {
	background: #fff;
	bottom: -5px;
	content: "";
	height: 5px;
	left: -4px;
	position: absolute;
	right: -4px;
}

.react-tabs__tab-panel {
	display: none;
}

.react-tabs__tab-panel--selected {
	display: block;
}

.rc-slider {
	border-radius: 6px;
	height: 14px;
	padding: 5px 0;
	position: relative;
	touch-action: none;
	width: 100%;
}

.rc-slider,.rc-slider * {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	box-sizing: border-box;
}

.rc-slider-rail {
	background-color: #e9e9e9;
	width: 100%;
}

.rc-slider-rail,.rc-slider-track {
	border-radius: 6px;
	height: 4px;
	position: absolute;
}

.rc-slider-track {
	background-color: #abe2fb;
	left: 0;
}

.rc-slider-handle {
	background-color: #fff;
	border: 2px solid #96dbfa;
	border-radius: 50%;
	cursor: pointer;
	cursor: -webkit-grab;
	cursor: grab;
	height: 14px;
	margin-top: -5px;
	position: absolute;
	touch-action: pan-x;
	width: 14px;
}

.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
	border-color: #57c5f7;
	box-shadow: 0 0 0 5px #96dbfa;
}

.rc-slider-handle:focus {
	outline: none;
}

.rc-slider-handle-click-focused:focus {
	border-color: #96dbfa;
	box-shadow: unset;
}

.rc-slider-handle:hover {
	border-color: #57c5f7;
}

.rc-slider-handle:active {
	border-color: #57c5f7;
	box-shadow: 0 0 5px #57c5f7;
	cursor: -webkit-grabbing;
	cursor: grabbing;
}

.rc-slider-mark {
	font-size: 12px;
	left: 0;
	position: absolute;
	top: 18px;
	width: 100%;
}

.rc-slider-mark-text {
	color: #999;
	cursor: pointer;
	display: inline-block;
	position: absolute;
	text-align: center;
	vertical-align: middle;
}

.rc-slider-mark-text-active {
	color: #666;
}

.rc-slider-step {
	background: transparent;
	height: 4px;
	position: absolute;
	width: 100%;
}

.rc-slider-dot {
	background-color: #fff;
	border: 2px solid #e9e9e9;
	border-radius: 50%;
	bottom: -2px;
	cursor: pointer;
	height: 8px;
	margin-left: -4px;
	position: absolute;
	vertical-align: middle;
	width: 8px;
}

.rc-slider-dot-active {
	border-color: #96dbfa;
}

.rc-slider-dot-reverse {
	margin-right: -4px;
}

.rc-slider-disabled {
	background-color: #e9e9e9;
}

.rc-slider-disabled .rc-slider-track {
	background-color: #ccc;
}

.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-handle {
	background-color: #fff;
	border-color: #ccc;
	box-shadow: none;
	cursor: not-allowed;
}

.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-mark-text {
	cursor: not-allowed!important;
}

.rc-slider-vertical {
	height: 100%;
	padding: 0 5px;
	width: 14px;
}

.rc-slider-vertical .rc-slider-rail {
	height: 100%;
	width: 4px;
}

.rc-slider-vertical .rc-slider-track {
	bottom: 0;
	left: 5px;
	width: 4px;
}

.rc-slider-vertical .rc-slider-handle {
	margin-left: -5px;
	touch-action: pan-y;
}

.rc-slider-vertical .rc-slider-mark {
	height: 100%;
	left: 18px;
	top: 0;
}

.rc-slider-vertical .rc-slider-step {
	height: 100%;
	width: 4px;
}

.rc-slider-vertical .rc-slider-dot {
	left: 2px;
	margin-bottom: -4px;
}

.rc-slider-vertical .rc-slider-dot:first-child {
	margin-bottom: -4px;
}

.rc-slider-vertical .rc-slider-dot:last-child {
	margin-bottom: -4px;
}

.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-leave {
	animation-duration: .3s;
	animation-fill-mode: both;
	animation-play-state: paused;
	display: block!important;
}

.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active,.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active {
	animation-name: rcSliderTooltipZoomDownIn;
	animation-play-state: running;
}

.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
	animation-name: rcSliderTooltipZoomDownOut;
	animation-play-state: running;
}

.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter {
	animation-timing-function: cubic-bezier(.23,1,.32,1);
	transform: scale(0);
}

.rc-slider-tooltip-zoom-down-leave {
	animation-timing-function: cubic-bezier(.755,.05,.855,.06);
}

.rc-slider-tooltip {
	left: -9999px;
	position: absolute;
	top: -9999px;
	visibility: visible;
}

.rc-slider-tooltip,.rc-slider-tooltip * {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	box-sizing: border-box;
}

.rc-slider-tooltip-hidden {
	display: none;
}

.rc-slider-tooltip-placement-top {
	padding: 4px 0 8px;
}

.rc-slider-tooltip-inner {
	background-color: #6c6c6c;
	border-radius: 6px;
	box-shadow: 0 0 4px #d9d9d9;
	color: #fff;
	font-size: 12px;
	height: 24px;
	line-height: 1;
	min-width: 24px;
	padding: 6px 2px;
	text-align: center;
	text-decoration: none;
}

.rc-slider-tooltip-arrow {
	border-color: transparent;
	border-style: solid;
	height: 0;
	position: absolute;
	width: 0;
}

.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
	border-top-color: #6c6c6c;
	border-width: 4px 4px 0;
	bottom: 4px;
	left: 50%;
	margin-left: -4px;
}

@-moz-keyframes rcSliderTooltipZoomDownIn {
	0% {
		opacity: 0;
		transform: scale(0);
		transform-origin: 50% 100%;
	}

	to {
		transform: scale(1);
		transform-origin: 50% 100%;
	}
}

@-webkit-keyframes rcSliderTooltipZoomDownIn {
	0% {
		opacity: 0;
		transform: scale(0);
		transform-origin: 50% 100%;
	}

	to {
		transform: scale(1);
		transform-origin: 50% 100%;
	}
}

@-o-keyframes rcSliderTooltipZoomDownIn {
	0% {
		opacity: 0;
		transform: scale(0);
		transform-origin: 50% 100%;
	}

	to {
		transform: scale(1);
		transform-origin: 50% 100%;
	}
}

@keyframes rcSliderTooltipZoomDownIn {
	0% {
		opacity: 0;
		transform: scale(0);
		transform-origin: 50% 100%;
	}

	to {
		transform: scale(1);
		transform-origin: 50% 100%;
	}
}

@-moz-keyframes rcSliderTooltipZoomDownOut {
	0% {
		transform: scale(1);
		transform-origin: 50% 100%;
	}

	to {
		opacity: 0;
		transform: scale(0);
		transform-origin: 50% 100%;
	}
}

@-webkit-keyframes rcSliderTooltipZoomDownOut {
	0% {
		transform: scale(1);
		transform-origin: 50% 100%;
	}

	to {
		opacity: 0;
		transform: scale(0);
		transform-origin: 50% 100%;
	}
}

@-o-keyframes rcSliderTooltipZoomDownOut {
	0% {
		transform: scale(1);
		transform-origin: 50% 100%;
	}

	to {
		opacity: 0;
		transform: scale(0);
		transform-origin: 50% 100%;
	}
}

@keyframes rcSliderTooltipZoomDownOut {
	0% {
		transform: scale(1);
		transform-origin: 50% 100%;
	}

	to {
		opacity: 0;
		transform: scale(0);
		transform-origin: 50% 100%;
	}
}
.axiom-shop-maintenance {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 250px);
  padding: 60px 20px;
  overflow: hidden;
  box-sizing: border-box;
}

.axiom-shop-maintenance__glow {
  position: absolute;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background: rgba(30, 117, 255, .16);
  filter: blur(80px);
  pointer-events: none;
}

.axiom-shop-maintenance__card {
  position: relative;
  width: min(100%, 610px);
  padding: 52px 55px 45px;
  border: 1px solid rgba(113, 169, 255, .22);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(20, 27, 53, .94), rgba(8, 12, 28, .97));
  box-shadow: 0 24px 70px rgba(0, 0, 0, .48), inset 0 1px 0 rgba(255, 255, 255, .06);
  text-align: center;
  color: #f7f9ff;
  backdrop-filter: blur(14px);
  box-sizing: border-box;
}

.axiom-shop-maintenance__card:before {
  content: '';
  position: absolute;
	inset: 1px;
	border-radius: calc(24px - 1px);
  background: linear-gradient(115deg, rgba(31, 128, 255, .11), transparent 42%, rgba(91, 63, 210, .08));
  pointer-events: none;
}

.axiom-shop-maintenance__icon {
  position: relative;
  width: 76px;
  height: 76px;
  margin: 0 auto 25px;
  border: 1px solid rgba(89, 159, 255, .35);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(31, 128, 255, .25), rgba(57, 48, 139, .22));
  box-shadow: 0 12px 30px rgba(0, 86, 215, .2);
}

.axiom-shop-maintenance__icon span {
  position: absolute;
  left: 19px;
  width: 36px;
  height: 5px;
  border-radius: 5px;
  background: #8dbdff;
  transform: rotate(-42deg);
}

.axiom-shop-maintenance__icon span:nth-child(1) { top: 25px; }
.axiom-shop-maintenance__icon span:nth-child(2) { top: 35px; width: 28px; left: 23px; }
.axiom-shop-maintenance__icon span:nth-child(3) { top: 45px; }

.axiom-shop-maintenance__eyebrow {
  margin: 0 0 12px;
  color: #68a9ff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2.2px;
}

.axiom-shop-maintenance h1 {
  position: relative;
  margin: 0 0 18px;
  font-size: clamp(28px, 4vw, 40px);
  line-height: 1.16;
  font-weight: 600;
}

.axiom-shop-maintenance__description {
  position: relative;
  max-width: 470px;
  margin: 0 auto 25px;
  color: #aeb8cd;
  font-size: 16px;
  line-height: 1.7;
}

.axiom-shop-maintenance__status {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 30px;
  padding: 9px 15px;
  border: 1px solid rgba(255, 191, 71, .2);
  border-radius: 999px;
  background: rgba(255, 168, 31, .08);
  color: #ffd080;
  font-size: 13px;
}

.axiom-shop-maintenance__status i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffb43d;
  box-shadow: 0 0 12px rgba(255, 180, 61, .8);
  animation: axiom-maintenance-pulse 1.7s infinite;
}

.axiom-shop-maintenance__discord {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  max-width: 300px;
  min-height: 52px;
  margin: 0 auto;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 13px;
  background: linear-gradient(135deg, #5865f2, #4752c4);
  box-shadow: 0 13px 28px rgba(71, 82, 196, .28);
  color: #fff !important;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.axiom-shop-maintenance__discord:hover {
  transform: translateY(-2px);
  box-shadow: 0 17px 35px rgba(71, 82, 196, .38);
  filter: brightness(1.08);
}

.axiom-shop-maintenance__discord img { width: 24px; height: 24px; }

.axiom-shop-maintenance__note {
  position: relative;
  margin: 20px 0 0;
  color: #727e96;
  font-size: 12px;
}

@keyframes axiom-maintenance-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: .45; transform: scale(.8); }
}

@media (max-width: 600px) {
  .axiom-shop-maintenance { min-height: calc(100vh - 190px); padding: 35px 14px; }
  .axiom-shop-maintenance__card { padding: 39px 22px 32px; border-radius: 19px; }
  .axiom-shop-maintenance__description { font-size: 14px; }
  .axiom-shop-maintenance__discord { max-width: 100%; }
}

/* Boutique : déclinaison directe de la carte serveur BaseWars. */
.axiom-shop-maintenance {
  min-height: calc(100vh - 250px);
  padding: 28px 20px;
}

.axiom-shop-maintenance__glow { display: none; }

.axiom-shop-maintenance__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 750px;
  min-width: 750px;
  max-width: 750px;
  height: 400px;
  min-height: 400px;
  padding: 28px 26px 27px;
  overflow: hidden;
  border: 1px solid rgba(98,83,180,.18);
  border-radius: 11px;
  background-color: #1a1537;
  background-image: linear-gradient(90deg,rgba(16,12,52,.94),rgba(33,25,82,.67)),url(/static/svcards/gun.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover,cover;
  box-shadow: 0 10px 28px rgba(0,0,0,.6),0 0 10px rgba(47,37,114,.28);
  text-align: left;
  backdrop-filter: none;
  background-clip: padding-box;
  isolation: isolate;
}

.axiom-shop-maintenance__card:before {
  inset: 1px;
  border-radius: 9px;
  background: linear-gradient(110deg,rgba(8,6,31,.1),rgba(15,10,50,.2));
}

.axiom-shop-maintenance__icon {
  position: absolute;
  top: 27px;
  right: 28px;
  width: 48px;
  height: 48px;
  margin: 0;
  border-radius: 9px;
  background: linear-gradient(115deg,hsla(0,0%,100%,.115),hsla(0,0%,100%,.055));
  box-shadow: none;
  backdrop-filter: blur(9px);
}

.axiom-shop-maintenance__icon span { left: 11px; width: 25px; height: 4px; }
.axiom-shop-maintenance__icon span:nth-child(1) { top: 15px; }
.axiom-shop-maintenance__icon span:nth-child(2) { top: 22px; left: 14px; width: 19px; }
.axiom-shop-maintenance__icon span:nth-child(3) { top: 29px; }

.axiom-shop-maintenance__eyebrow {
  position: relative;
  margin: 0 0 7px;
  color: rgba(255,255,255,.68);
  font-size: 12px;
  letter-spacing: 1.8px;
}

.axiom-shop-maintenance h1 {
  margin: 0 0 8px;
  max-width: 560px;
  font-size: 31px;
  font-weight: 400;
  text-shadow: 0 2px 8px rgba(0,0,0,.5);
}

.axiom-shop-maintenance__description {
  margin: 0;
  max-width: 540px;
  color: rgba(255,255,255,.76);
  font-size: 14px;
  line-height: 1.55;
}

.axiom-shop-maintenance__status {
  margin: 14px 0 0;
  padding: 6px 11px;
  font-size: 12px;
}

.axiom-shop-maintenance__discord {
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
  width: 100%;
  max-width: none;
  min-height: 67px;
  margin: auto 0 0;
  padding: 9px 20px;
  box-sizing: border-box;
  border: 1px solid hsla(0,0%,100%,.13);
  border-radius: 8px;
  background: linear-gradient(115deg,hsla(0,0%,100%,.115),hsla(0,0%,100%,.055));
  box-shadow: 0 7px 16px rgba(0,0,0,.28),inset 0 1px 0 hsla(0,0%,100%,.035);
  backdrop-filter: blur(9px);
  font-size: 20px;
  font-weight: 300;
  overflow: hidden;
  background-clip: padding-box;
}

.axiom-shop-maintenance__discord:hover {
  border-color: hsla(0,0%,100%,.24);
  background: linear-gradient(115deg,hsla(0,0%,100%,.19),hsla(0,0%,100%,.09));
  box-shadow: 0 10px 22px rgba(0,0,0,.38),inset 0 1px 0 hsla(0,0%,100%,.08);
}

.axiom-shop-maintenance__discord img { width: 29px; height: 29px; }

.axiom-shop-maintenance__note {
  align-self: center;
  margin: 8px 0 0;
  color: rgba(255,255,255,.5);
  font-size: 11px;
}

@media (max-width: 790px) {
  .axiom-shop-maintenance { padding: 14px 10px; }
  .axiom-shop-maintenance__card {
    width: 100%;
    min-width: 0;
    max-width: 750px;
    height: auto;
    min-height: 360px;
    padding: 24px 18px 20px;
  }
  .axiom-shop-maintenance__icon { top: 20px; right: 18px; }
  .axiom-shop-maintenance h1 { max-width: calc(100% - 55px); font-size: 26px; }
  .axiom-shop-maintenance__description { font-size: 13px; }
  .axiom-shop-maintenance__discord { margin-top: auto; font-size: 17px; }
}

.axiom-forum-ban {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: 0;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(76,0,0,.45);
  border-radius: 0;
  background: #eb493d;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05),0 3px 10px rgba(0,0,0,.2);
  color: #fff;
}

.axiom-forum-ban__container {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  padding: 12px 20px 13px;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 1.45;
}

.axiom-forum-ban__container p { margin: 0; }
.axiom-forum-ban__container p + p { margin-top: 6px; }
.axiom-forum-ban__container b { font-weight: 600; }
.axiom-forum-ban__container a { color: #fff; font-weight: 600; text-decoration: underline; }
.axiom-forum-ban__container a:hover { color: #ffe4e1; }

@media (max-width: 600px) {
  .axiom-forum-ban__container { padding: 11px 14px 12px; font-size: 12px; }
}

.axiom-admin { width: min(1180px,calc(100% - 30px)); margin: 30px auto 50px; color: #fff; }
.axiom-admin__head { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:22px; }
.axiom-admin__head span { color:#68a9ff; font-size:11px; font-weight:700; letter-spacing:2px; }
.axiom-admin__head h1 { margin:5px 0; font-size:30px; font-weight:400; }
.axiom-admin__head p,.axiom-admin__muted { margin:0; color:rgba(255,255,255,.55); }
.axiom-admin__stats { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; margin-bottom:18px; }
.axiom-admin__stats>div,.axiom-admin__panel { border:1px solid rgba(98,83,180,.2); border-radius:10px; background:linear-gradient(135deg,rgba(28,25,63,.92),rgba(17,18,35,.94)); box-shadow:0 8px 22px rgba(0,0,0,.3); }
.axiom-admin__stats>div { padding:17px; }
.axiom-admin__stats b { display:block; font-size:24px; font-weight:400; }
.axiom-admin__stats span { color:rgba(255,255,255,.55); font-size:12px; }
.axiom-admin__grid { display:grid; grid-template-columns:1.25fr .75fr; gap:18px; }
.axiom-admin__panel { padding:20px; box-sizing:border-box; }
.axiom-admin__panel--wide { margin-top:18px; }
.axiom-admin__panel h2 { margin:0 0 17px; font-size:19px; font-weight:400; }
.axiom-admin__form { display:flex; flex-direction:column; gap:12px; }
.axiom-admin__form--inline { flex-direction:row; }
.axiom-admin__form--inline .input { flex:1; }
.axiom-admin__form label { display:flex; flex-direction:column; gap:6px; color:rgba(255,255,255,.72); font-size:13px; }
.axiom-admin__form small { color:rgba(255,255,255,.42); }
.axiom-admin__users,.axiom-admin__bans { display:flex; flex-direction:column; gap:8px; margin-top:15px; }
.axiom-admin__user,.axiom-admin__ban { display:flex; align-items:center; gap:12px; min-height:58px; padding:9px 12px; border:1px solid rgba(255,255,255,.11); border-radius:8px; background:linear-gradient(115deg,rgba(255,255,255,.08),rgba(255,255,255,.035)); box-sizing:border-box; }
.axiom-admin__user img { width:42px; height:42px; border-radius:7px; object-fit:cover; }
.axiom-admin__user>div,.axiom-admin__ban>div { display:flex; flex:1; min-width:0; flex-direction:column; gap:3px; }
.axiom-admin__user span,.axiom-admin__ban span,.axiom-admin__ban small { color:rgba(255,255,255,.52); font-size:12px; overflow:hidden; text-overflow:ellipsis; }
.axiom-admin__user small { color:rgba(255,255,255,.46); font-size:11px; }
.axiom-admin__user .select { width:auto; max-width:165px; }
.axiom-admin__roles { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-bottom:20px; }
.axiom-admin__role { display:flex; align-items:center; gap:11px; padding:11px 12px; border:1px solid rgba(255,255,255,.11); border-radius:8px; background:rgba(255,255,255,.045); }
.axiom-admin__role i { width:12px; height:38px; border-radius:4px; }
.axiom-admin__role>div { display:flex; flex:1; min-width:0; flex-direction:column; gap:3px; }
.axiom-admin__role span { color:rgba(255,255,255,.48); font-size:11px; }
.axiom-admin__role-form { padding-top:18px; border-top:1px solid rgba(255,255,255,.1); }
.axiom-admin__role-form h3 { margin:0; font-size:16px; font-weight:400; }
.axiom-admin__role-fields { display:grid; grid-template-columns:2fr 1.5fr .7fr .7fr; gap:10px; }
.axiom-admin__permissions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.axiom-admin__permissions label { display:flex; align-items:flex-start; flex-direction:row; gap:7px; padding:8px; border-radius:6px; background:rgba(255,255,255,.035); }
.axiom-admin__permissions input { margin-top:2px; }
.axiom-admin__alert { margin-bottom:15px; padding:11px 14px; border-radius:7px; }
.axiom-admin__alert--error { border:1px solid rgba(255,90,90,.35); background:rgba(180,45,45,.25); }
.axiom-admin__alert--success { border:1px solid rgba(80,210,135,.3); background:rgba(35,145,90,.2); }
.axiom-admin__head-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.axiom-admin__pagination { display:flex; align-items:center; justify-content:center; gap:14px; margin-top:20px; }
.axiom-admin__pagination span { color:rgba(255,255,255,.68); font-size:13px; }
.axiom-admin__pagination .button:disabled { cursor:not-allowed; opacity:.35; }
@media(max-width:850px){.axiom-admin__stats{grid-template-columns:repeat(2,1fr)}.axiom-admin__grid{grid-template-columns:1fr}.axiom-admin__head{align-items:flex-start;flex-direction:column}.axiom-admin__form--inline{flex-direction:column}.axiom-admin__roles{grid-template-columns:1fr}.axiom-admin__role-fields,.axiom-admin__permissions{grid-template-columns:1fr}.axiom-admin__user{align-items:stretch;flex-direction:column}.axiom-admin__user .select{max-width:none;width:100%}}

footer a.footer__social[href="/help"],
footer a.footer__social[href="/help/"] {
	display: none !important;
}

body[data-axiom-news-article="true"] .server-list,
body[data-axiom-news-article="true"] a.server:not(.axiom-news-server-row),
body[data-axiom-news-article="true"] button.axiom-news-legacy-hide {
	display: none !important;
}