:root {
	/* fonts */
	--font-0: "Open Sans", "PT Sans", Tahoma, Arial, sans-serif;
	--font-1: "Jost", "PT Sans", Tahoma, Arial, sans-serif;
	--font-ico: "gwi";

	/* color palette */
	--color-0-rgb: rgb(255, 255, 255);
	--color-0: 255, 255, 255;
	--color-1-rgb: rgb(197, 177, 216);
	--color-1: 197, 177, 216;
	--color-2-rgb: rgb(87, 48, 140);
	--color-2: 87, 48, 140;
	--color-3-rgb: rgb(255, 161, 0);
	--color-3: 255, 161, 0;
	--color-4-rgb: rgb(255, 229, 173);
	--color-4: 255, 229, 173;

	--color-accent-rgb: rgb(141, 59, 255);
	--color-accent: 141, 59, 255;
	--color-accent-hover-rgb: rgb(158, 89, 255);
	--color-accent-hover: 158, 89, 255;
	--color-accent-active-rgb: rgb(177, 121, 255);
	--color-accent-active: 177, 121, 255;
	--color-accent-2-rgb: rgb(255, 161, 0);
	--color-accent-2: 255, 161, 0;
	--color-accent-2-hover-rgb: rgb(255, 136, 0);
	--color-accent-2-hover: 255, 136, 0;

	--input-border-heavy: rgba(var(--color-1), 0.2);
	--input-border-light: rgba(var(--color-1), 0.2);

	--bg-1: #231d2e;
	--bg-2: #19161c;
	--bg-3: #0e0c10;
}

:root {
	--color-admin: #b32020;
	--color-admin-hover: #c92c2c;
	--color-admin-active: #d44747;

	--color-pride: #d78800;
	--color-pride-hover: #f6a61b;
	--color-pride-active: #ffba45;

	--color-old-continental: #8b5824;
	--color-old-continental-hover: #ad6f31;
	--color-old-continental-active: #c2803f;

	--color-event: #97991b;
	--color-event-hover: #b4b62f;
	--color-event-active: #d1d33e;

	--color-news: #3b80ff;
	--color-news-hover: #5b95ff;
	--color-news-active: #79a8ff;

	--color-updates: #6a892c;
	--color-updates-hover: #82a43e;
	--color-updates-active: #a7cf57;

	--color-features: #b51e97;
	--color-features-hover: #c930aa;
	--color-features-active: #e13fc0;

	--color-mimimir: #bf963e;
	--color-mimimir-hover: #e1b65b;
	--color-mimimir-active: #f4c96c;

	--color-season-1: rgb(141, 59, 255);
	--color-season-1-hover: rgb(158, 89, 255);
	--color-season-1-active: rgb(177, 121, 255);
}

* {
	scrollbar-width: thin;
	scrollbar-color: rgb(141, 59, 255) rgb(23, 13, 37);
}

html {
	background-color: #151219;
}

body {
	background-color: #151219;
	background-image: url(../images/bg/bg.jpg);
	background-size: max(2130px, 100%) auto;
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
	z-index: 0;
}

a {
	color: rgba(var(--color-accent-2), 1);
	text-decoration: none;
}

a:hover {
	color: rgba(var(--color-accent-2-hover), 1);
	text-decoration: underline;
}

.gwi_ftc-feature:before,
.gwi_ftc-9:before {
	content: "\e938";
}
.gwi_ftc-mimir:before,
.gwi_ftc-10:before {
	content: "\e939";
}
.gwi_ftc-updates:before,
.gwi_ftc-update:before,
.gwi_ftc-8:before {
	content: "\e93a";
}
.gwi_ftc-pride:before,
.gwi_ftc-3:before {
	content: "\e93b";
}
.gwi_ftc-s1:before,
.gwi_ftc-11:before {
	content: "\e93c";
}

.gwi_ftc-circle-solid:before,
.gwi_ftc-5:before {
	content: "\e93e";
}
.gwi_ftc-event:before,
.gwi_ftc-6:before {
	content: "\e93f";
}
.gwi_ftc-news:before,
.gwi_ftc-7:before {
	content: "\e940";
}
.gwi_ftc-crown:before,
.gwi_ftc-100:before {
	content: "\e93d";
}

/* btn */

.btn {
	--btn-icon-color: #25143c;
	display: inline-flex;
	padding: 6px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	border-radius: 4px;
	box-shadow: inset 0 0 0 1px rgb(197, 156, 255);
	background: rgba(var(--color-accent), 1);
	color: rgba(var(--color-0), 1);
	font-family: var(--font-1);
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition: 0.2s all;
	box-sizing: border-box;
}

.btn__icon {
	color: var(--btn-icon-color);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.16em;
}

.btn__text {
	color: rgba(var(--color-0), 1);
}

.btn:hover {
	color: rgba(var(--color-0), 1);
	text-decoration: none;
	box-shadow: inset 0 0 0 2px rgb(197, 156, 255);
	background: rgba(var(--color-accent-hover), 1);
}

.btn:active {
	color: rgba(var(--color-0), 1);
	text-decoration: none;
	box-shadow: inset 0 0 0 2px rgb(197, 156, 255);
	background: rgba(var(--color-accent-active), 1);
}

.btn_color_100 {
	box-shadow: inset 0 0 0 1px #ff9b9b;
	background: var(--color-admin);
}

.btn_color_100:hover {
	box-shadow: inset 0 0 0 2px #ff9b9b;
	background: var(--color-admin-hover);
}

.btn_color_100:active {
	box-shadow: inset 0 0 0 2px #ff9b9b;
	background: var(--color-admin-active);
}

.btn_color_3 {
	box-shadow: inset 0 0 0 1px #ffbb29;
	background: var(--color-pride);
}

.btn_color_3:hover {
	box-shadow: inset 0 0 0 2px #ffbb29;
	background: var(--color-pride-hover);
}

.btn_color_3:active {
	box-shadow: inset 0 0 0 2px #ffbb29;
	background: var(--color-pride-active);
}

.btn_color_5 {
	box-shadow: inset 0 0 0 1px #b69878;
	background: var(--color-old-continental);
}

.btn_color_5:hover {
	box-shadow: inset 0 0 0 2px #b69878;
	background: var(--color-old-continental-hover);
}

.btn_color_5:active {
	box-shadow: inset 0 0 0 2px #b69878;
	background: var(--color-old-continental-active);
}

.btn_color_6 {
	box-shadow: inset 0 0 0 1px #cacc53;
	background: var(--color-event);
}

.btn_color_6:hover {
	box-shadow: inset 0 0 0 2px #cacc53;
	background: var(--color-event-hover);
}

.btn_color_6:active {
	box-shadow: inset 0 0 0 2px #cacc53;
	background: var(--color-event-active);
}

.btn_color_7 {
	box-shadow: inset 0 0 0 1px #91b8ff;
	background: var(--color-news);
}

.btn_color_7:hover {
	box-shadow: inset 0 0 0 2px #91b8ff;
	background: var(--color-news-hover);
}

.btn_color_7:active {
	box-shadow: inset 0 0 0 2px #91b8ff;
	background: var(--color-news-active);
}

.btn_color_8 {
	box-shadow: inset 0 0 0 1px #b3d66c;
	background: var(--color-updates);
}

.btn_color_8:hover {
	box-shadow: inset 0 0 0 2px #b3d66c;
	background: var(--color-updates-hover);
}

.btn_color_8:active {
	box-shadow: inset 0 0 0 2px #b3d66c;
	background: var(--color-updates-active);
}

.btn_color_9 {
	box-shadow: inset 0 0 0 1px #e772cf;
	background: var(--color-features);
}

.btn_color_9:hover {
	box-shadow: inset 0 0 0 2px #e772cf;
	background: var(--color-features-hover);
}

.btn_color_9:active {
	box-shadow: inset 0 0 0 2px #e772cf;
	background: var(--color-features-active);
}

.btn_color_10 {
	box-shadow: inset 0 0 0 1px #f1d496;
	background: var(--color-mimimir);
}

.btn_color_10:hover {
	box-shadow: inset 0 0 0 2px #f1d496;
	background: var(--color-mimimir-hover);
}

.btn_color_10:active {
	box-shadow: inset 0 0 0 2px #f1d496;
	background: var(--color-mimimir-active);
}

.btn_color_11 {
	box-shadow: inset 0 0 0 1px #c59cff;
	background: var(--color-season-1);
}

.btn_color_11:hover {
	box-shadow: inset 0 0 0 2px #c59cff;
	background: var(--color-season-1-hover);
}

.btn_color_11:active {
	box-shadow: inset 0 0 0 2px #c59cff;
	background: var(--color-season-1-active);
}

.userBanner {
	--userBanner-icon-color: #25143c;

	display: inline-flex;
	padding: 6px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	border-radius: 4px;
	box-shadow: inset 0 0 0 1px rgb(197, 156, 255);
	background: rgba(var(--color-accent), 1);
	color: rgba(var(--color-0), 1) !important;
	font-family: var(--font-1);
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	transition: 0.2s all;
	box-sizing: border-box;
	text-shadow: none !important;
	text-transform: none !important;
	min-height: 34px;
}

.userBanner.userBanner--red {
	box-shadow: inset 0 0 0 1px #ff9b9b;
	background: var(--color-admin);
}

.userBanner.userBanner--red .userBanner-before {
	color: var(--userBanner-icon-color);
}

.userBanner.userBanner--red .userBanner-before:before {
	font-family: var(--font-ico) !important;
	content: "\e93d";
	font-size: 1.4em;
	margin: 0;
	width: auto;
}

.userBanner.userBanner--staff {
	box-shadow: inset 0 0 0 1px rgb(197, 156, 255);
	background: rgba(var(--color-accent), 1);
}

.memberHeader-banners,
.memberHeader-blurb {
	margin-top: 3px;
	display: flex;
	gap: 3px;
	align-items: center;
	flex-wrap: wrap;
}

.username {
	font-weight: 600;
}

/* button.button--primary */

.button,
a.button {
	padding-top: 7px;
	padding-bottom: 7px;
	min-height: 35px;
	background: rgb(64, 51, 89);
	color: rgba(var(--color-0), 1);
	border-color: rgba(var(--color-1), 0.2);
	text-decoration: none;
}

.button:hover,
a.button:hover,
.button:active,
a.button:active,
.button:focus,
a.button:focus,
.button:not(.button--splitTrigger):hover,
a.button:not(.button--splitTrigger):hover {
	background: rgb(55, 46, 71);
	color: rgba(var(--color-0), 1);
	border-color: rgba(var(--color-1), 0.2);
	text-decoration: none;
}

.button:not(.button--splitTrigger):hover,
a.button:not(.button--splitTrigger):hover,
.button.button--splitTrigger > .button-text:hover,
a.button.button--splitTrigger > .button-text:hover,
.button.button--splitTrigger > .button-menu:hover,
a.button.button--splitTrigger > .button-menu:hover,
.button:not(.button--splitTrigger):focus,
a.button:not(.button--splitTrigger):focus,
.button.button--splitTrigger > .button-text:focus,
a.button.button--splitTrigger > .button-text:focus,
.button.button--splitTrigger > .button-menu:focus,
a.button.button--splitTrigger > .button-menu:focus,
.button:not(.button--splitTrigger):active,
a.button:not(.button--splitTrigger):active,
.button.button--splitTrigger > .button-text:active,
a.button.button--splitTrigger > .button-text:active,
.button.button--splitTrigger > .button-menu:active,
a.button.button--splitTrigger > .button-menu:active {
	background: rgba(var(--color-accent-hover), 1);
}

.button.button--link,
a.button.button--link {
	background: rgb(35, 29, 46);
	color: rgba(var(--color-1), 1);
	border-color: rgba(var(--color-1), 0.2);
}

.button.button--link:hover,
a.button.button--link:hover,
.button.button--link:active,
a.button.button--link:active,
.button.button--link:focus,
a.button.button--link:focus {
	text-decoration: none;
	background: rgb(55, 46, 71);
}

.button.button--primary,
a.button.button--primary {
	background: rgba(var(--color-accent), 1);
	border-color: rgba(var(--color-accent), 1);
	color: rgba(var(--color-0), 1);
	font-family: var(--font-1);
	box-shadow: none;
	text-shadow: none;
	display: inline-flex;
	padding: 8px 16px;
	justify-content: center;
	align-items: center;
	gap: 6px;
	border-radius: 4px;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.1;
	text-decoration: none;
	transition: 0.2s all;
	box-sizing: border-box;
	text-transform: uppercase;
}

.button.button--icon--reply > .button-text::before,
a.button.button--icon--reply > .button-text::before {
	content: "\f3e5";
	width: auto;
	display: inline-block;
	text-align: center;
	font-size: 1.1em;
	margin-right: 6px;
	position: relative;
	top: -1px;
}

.button.button--primary:not(.button--splitTrigger):hover,
a.button.button--primary:not(.button--splitTrigger):hover,
.button.button--primary.button--splitTrigger > .button-text:hover,
a.button.button--primary.button--splitTrigger > .button-text:hover,
.button.button--primary.button--splitTrigger > .button-menu:hover,
a.button.button--primary.button--splitTrigger > .button-menu:hover,
.button.button--primary:not(.button--splitTrigger):focus,
a.button.button--primary:not(.button--splitTrigger):focus,
.button.button--primary.button--splitTrigger > .button-text:focus,
a.button.button--primary.button--splitTrigger > .button-text:focus,
.button.button--primary.button--splitTrigger > .button-menu:focus,
a.button.button--primary.button--splitTrigger > .button-menu:focus,
.button.button--primary:not(.button--splitTrigger):active,
a.button.button--primary:not(.button--splitTrigger):active,
.button.button--primary.button--splitTrigger > .button-text:active,
a.button.button--primary.button--splitTrigger > .button-text:active,
.button.button--primary.button--splitTrigger > .button-menu:active,
a.button.button--primary.button--splitTrigger > .button-menu:active,
.button.button--primary:hover,
a.button.button--primary:hover {
	background: rgba(var(--color-accent-hover), 1);
}

.formSubmitRow-controls .button,
.block-footer-controls .button {
	background: rgba(var(--color-accent), 1);
	border-color: rgba(var(--color-accent), 1);
	color: rgba(var(--color-0), 1);
	font-family: var(--font-1);
	box-shadow: none;
	text-shadow: none;
	display: inline-flex;
	padding: 8px 16px;
	justify-content: center;
	align-items: center;
	gap: 6px;
	border-radius: 4px;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.1;
	text-decoration: none;
	transition: 0.2s all;
	box-sizing: border-box;
	text-transform: uppercase;
}

.formSubmitRow-controls .button:hover,
.formSubmitRow-controls .button:not(.button--splitTrigger):hover,
.formSubmitRow-controls a.button:not(.button--splitTrigger):hover,
.block-footer-controls .button:hover,
.block-footer-controls .button:not(.button--splitTrigger):hover,
.block-footer-controls a.button:not(.button--splitTrigger):hover {
	background: rgba(var(--color-accent-hover), 1);
	text-decoration: none;
}

/* header */

.p-header {
	background-color: transparent;
	margin: -50px 0 0;
}

.p-header-inner {
	padding: 20px 10px 0;
}
.p-header-logo--image {
	margin: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0;
}
.p-header-content {
	min-height: 180px;
	box-sizing: border-box;
	padding-bottom: 30px;
}
.p-header-welcome {
	font-family: var(--font-1);
	font-weight: 700;
	text-align: center;
	margin: 0;
	font-size: 32px;
	text-transform: uppercase;
	color: rgba(var(--color-accent-2), 1);
}

.p-body-header {
	margin-bottom: 30px;
}

.p-title-value {
	font-family: var(--font-1);
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.1;
	text-transform: uppercase;
	color: rgba(var(--color-0), 1);
}

.notices {
	margin: 20px 0 0;
}

.notice.notice--accent {
	color: rgba(var(--color-0), 1);
	background: var(--bg-1);
}

/* page */

.p-pageWrapper {
	background: transparent;
	position: relative;
	z-index: 2;
}

.p-body-main:not(:has(.message--article)) {
	border-radius: 10px;
	background: var(--bg-1);
	padding: 24px;
	box-sizing: border-box;
}

@media (max-width: 650px) {
	.p-body-main:not(:has(.message--article)) {
		padding: 16px 12px;
	}
}

.p-body-main--withSidebar {
}

.p-body-contentCol,
.p-body-sidebarCol:empty {
	display: none;
}

.p-body-main--withSidebar .p-body-content {
	padding-right: 20px;
}

@media (max-width: 900px) {
	.p-body-main--withSidebar .p-body-content {
		padding-right: 0;
	}
}

.p-body-sidebar {
	width: 216px;
}

/* blockStatus */

.p-description {
	color: rgba(var(--color-0), 1);
	font-family: var(--font-1);
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 1;

	text-transform: uppercase;
}

.blockStatus {
	box-sizing: border-box;
	padding: 10px;
	border-radius: 10px;
	background: var(--bg-3);
	border: 0;
	color: rgba(var(--color-0), 1);
	font-family: var(--font-1);
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 1;
}

.blockStatus-message--locked:before {
	font-family: var(--font-ico) !important;
	content: "\e92d";
	width: auto;
	font-size: 1.3em;
	color: rgba(var(--color-1), 1);
	margin-right: 10px;
	position: relative;
	top: 1px;
	height: 7px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

/* sidebar */

#sidebar {
}

#sidebar .block-minorHeader {
	padding: 0;
	color: rgba(var(--color-0), 1);
	font-family: var(--font-0);
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	text-transform: none;
	text-align: left;
	margin-bottom: 20px;
}

#sidebar .block-minorHeader:before,
#sidebar .block-minorHeader:after {
	content: none;
}

#sidebar .block-body {
	padding: 0;
	border-radius: 0;
}

/* porta */

.porta-layout-grid {
	margin: 0;
	gap: 24px;
}

.porta-layout-grid .porta-article-item {
	margin: 0;
}

/* porta-article */

.porta-article-item {
	min-height: 190px;
	position: relative;
	z-index: 0;
	box-sizing: border-box;
	overflow: hidden;
	border-radius: 10px;
	/* padding: 16px; */
}

.porta-article-item--placeholder {
	display: none;
}

.porta-article-item .porta-article-container {
	height: 100%;
	box-sizing: border-box;
	padding-top: 80px;
}

.porta-article-item .porta-header-image {
	border-radius: 10px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.porta-article-item .porta-header-image:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	pointer-events: none;
	background: rgba(21, 14, 32, 0.45);
	transition: 0.3s all;
}

.porta-article-link:hover ~ .porta-article-container .porta-header-image:after {
	background: rgba(21, 14, 32, 0);
}

.porta-article-item .porta-header-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.porta-article-item .message-inner.with-avatar {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 5;
	margin: 0;
}

@media (max-width: 650px) {
	.porta-article-item .message-inner.with-avatar {
		display: none;
	}
}

.porta-article-item .avatar {
	width: 46px;
	height: 46px;
	border: 1px solid #c5b1d8;
	right: 16px;
	bottom: 16px;
	top: auto;
	left: auto;
}

.porta-article-item .avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.porta-article-item .porta-article-link {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-decoration: none;
	z-index: 2;
}

.porta-header-overlay {
	display: none !important;
}

.porta-c-content {
	margin-top: auto;
	position: relative;
	box-sizing: border-box;
	padding: 16px;
	z-index: 0;
}

.porta-c-content-overlay {
	position: absolute;
	top: -10px;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(
		to top,
		rgba(0, 0, 0, 0.8),
		rgba(21, 18, 25, 0) 100%
	);
	z-index: -1;
}

.porta-c-info {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px 12px;
	color: rgba(var(--color-0), 1);
	font-family: var(--font-1);
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 1;
	text-transform: uppercase;
}

.porta-c-info-item {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 2px 6px;
}

.porta-c-info-item-ico {
	color: rgba(var(--color-1), 1);
	font-size: 1.4em;
}

.porta-c-info-item-content {
}

.porta-c-title {
	color: #fff;
	font-family: var(--font-1);
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.1;
	text-transform: uppercase;
	margin: 12px 0 0 0;
}

/* artcl-cats */

.artcl-cats {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 5;
	/* pointer-events: none; */
}

.artcl-cat {
	pointer-events: all;
}

/* .portaNav */

.portaNav a.portaNav-link {
	display: flex;
	text-decoration: none;
	align-items: center;
	margin: 10px;
	flex: 1;
	color: #f2f2f2;
	padding: 12px;
	transition: 0.2s all;
	border-radius: 10px;
	border: 0;
	background: var(--bg-3);
}

.portaNav a.portaNav-link:hover {
	border: 0;
	background: #1f1b24;
}

.portaNav a.portaNav-link.portaNav-link--next {
	text-align: right;
}

.portaNav a.portaNav-link .portaNav-hint {
	color: rgba(var(--color-0), 1);
	font-family: var(--font-1);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 1;
}

.portaNav a.portaNav-link .portaNav-title {
	color: rgba(var(--color-accent-2), 1);
	font-family: var(--font-1);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 1;
}

.portaNav a.portaNav-link .contentRow-figure {
	display: none;
}

.portaNav a.portaNav-link .porta-header-image,
.portaNav a.portaNav-link .porta-header-medio {
	border-radius: 10px;
	overflow: hidden;
}

.portaNav-category {
	font-weight: 700;
	display: block;
	color: rgba(var(--color-accent-2), 1);
	background: var(--bg-3);
	border-radius: 6px;
	padding: 8px 12px;
	line-height: 1;
}

.portaNav-category:hover {
	background: #1f1b24;
	text-decoration: none;
	color: rgba(var(--color-accent-2), 1);
}

/* category list */

#sidebar .block:has(.categoryList) {
	padding: 24px;
	box-sizing: border-box;
	border-radius: 10px;
	background: var(--bg-2);
}

.categoryList-item {
}

/* ctgr */

.ctgr {
}

.ctgr__item {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	color: rgba(var(--color-0), 1);
	font-family: var(--font-1);
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	box-sizing: border-box;
	padding: 12px 0;
}

.ctgr__item:hover {
	text-decoration: none;
	color: rgba(var(--color-accent-2), 1);
}

.ctgr__indicator {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: rgba(var(--color-0), 1);
	flex-shrink: 0;
}

.ctgr__indicator_cat_3 {
	/* Pride */
	background-color: var(--color-pride);
}

.ctgr__indicator_cat_5 {
	/* Old Continental */
	background-color: var(--color-old-continental);
}

.ctgr__indicator_cat_6 {
	/* event */
	background-color: var(--color-event);
}

.ctgr__indicator_cat_7 {
	/* news */
	background-color: var(--color-news);
}

.ctgr__indicator_cat_8 {
	/* Updates */
	background-color: var(--color-updates);
}

.ctgr__indicator_cat_9 {
	/* Features */
	background-color: var(--color-features);
}

.ctgr__indicator_cat_10 {
	/* mimimir */
	background-color: var(--color-mimimir);
}

.ctgr__indicator_cat_11 {
	/* Season 1 */
	background-color: var(--color-season-1);
}

.ctgr__name {
	flex-grow: 1;
}

.ctgr__count {
}

.ctgr__separator {
	height: 1px;
	background-color: rgba(var(--color-1), 0.3);
	margin: 16px 0;
}

/* discordbnr */

.discordbnr {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 18px;
	height: 124px;
	width: 100%;
	background-color: #8d3bff;
	background-size: auto 100%;
	background-position: center center;
	background-repeat: no-repeat;
	text-align: center;
	text-decoration: none;
	color: rgba(var(--color-0), 1);
	border-radius: 10px;
	transition: 0.3s all;
	position: relative;
	z-index: 0;
	overflow: hidden;
}

.discordbnr:after {
	display: block;
	content: "";
	aspect-ratio: 195 / 124;
	height: 100%;
	width: auto;
	background-image: url(../images/discord/discord.svg);
	background-position: center center;
	background-size: contain;
	opacity: 0.2;
	transition: 0.3s all;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: -1;
	transform: translateX(-50%);
}

.discordbnr:hover:after {
	opacity: 0.5;
	transform: translateX(-50%) scale(1.13);
}

.discordbnr:hover {
	text-decoration: none;
	color: rgba(var(--color-0), 1);
	background-size: auto 106%;
}

.discordbnr__text {
	color: rgba(var(--color-0), 1);
	text-align: center;
	font-family: var(--font-0);
	font-size: 21px;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
}

.discordbnr__btn {
	color: rgba(var(--color-0), 1);
	font-family: var(--font-1);
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 6px 12px;
	gap: 10px;
	border-radius: 3px;
	background: rgba(var(--color-3), 1);
}

/* p-nav */

.p-nav-list .p-navEl {
}

.p-nav-list .p-navEl-link {
	color: rgba(var(--color-1), 1);
	font-family: var(--font-1);
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 3px;
	line-height: 1;
	transition: 0.2s all;
}

.p-nav-list .p-navEl-link:hover {
	color: rgba(var(--color-0), 1);
	text-decoration: none;
	background: rgba(var(--color-accent), 1);
}

.p-nav-list .p-navEl:not(.is-selected):not(.is-menuOpen):hover,
.p-nav-list .p-navEl:not(.is-selected):not(.is-menuOpen) .p-navEl-link:hover,
.p-nav-list
	.p-navEl:not(.is-selected):not(.is-menuOpen)
	.p-navEl-splitTrigger:hover {
	color: rgba(var(--color-0), 1);
	text-decoration: none;
	background: rgba(var(--color-accent), 1);
	border-radius: 3px;
}

.p-nav-list .p-navEl.is-selected .p-navEl-link,
.p-nav-list .p-navEl.is-selected .p-navEl-link:hover {
	background: none;
	color: rgba(var(--color-0), 1);
	padding: 10px;
}

.p-nav-list .p-navEl.is-selected .p-navEl-link:hover {
	background: rgba(var(--color-accent), 1);
	border-radius: 3px;
}

.p-nav-list .p-navEl-link,
.p-nav-list .p-navEl-splitTrigger {
	padding: 10px;
}

/* hScroller-scroll */

.p-nav .hScroller-scroll.is-calculated {
	padding: 0 0 30px 0;
	margin-bottom: -18px;
}

/* p-nav */

.p-nav-opposite {
	display: flex;
	justify-content: center;
	align-items: center;
}

.p-nav-opposite .p-navgroup {
	display: flex;
	justify-content: center;
	align-items: center;
}

.p-navSticky.p-navSticky--primary.is-sticky .p-nav {
	background: var(--bg-1);
}

.p-navgroup-link.badgeContainer {
	opacity: 1;
}

.p-navgroup-link.p-navgroup-link--user .avatar {
	width: 32px;
	height: 32px;
	font-size: 13px;
	box-sizing: border-box;
	border: 1px solid #453f4b;
}

.p-navgroup-link i:after {
	width: auto !important;
	color: rgba(var(--color-1), 1) !important;
	transition: 0.2s all;
}

.p-navgroup-link:hover i:after {
	color: rgba(var(--color-accent), 1) !important;
}

.p-navgroup-link.p-navgroup-link--conversations i:after {
	font-family: var(--font-ico) !important;
	content: "\e94d";
}

.p-navgroup-link.p-navgroup-link--alerts i:after {
	font-family: var(--font-ico) !important;
	content: "\e950";
}

.p-navgroup-link.p-navgroup-link--search i:after {
	font-family: var(--font-ico) !important;
	content: "\e954";
}

.p-navgroup-link.p-navgroup-link--moderatortools i:after {
	font-family: var(--font-ico) !important;
	content: "\e93d";
}

.p-navgroup-link:hover {
	background: transparent;
}

/* .p-footer */

.p-footer {
	background: var(--bg-3);
	color: rgba(var(--color-1), 1);
	font-family: var(--font-1);
}

.p-footer:before {
	display: none;
}

.innadril-footer.p-footer .p-footer-copyright p,
.p-footer-copyright {
	font-size: 14px;
	font-weight: 400;
}

.innadril-footer.p-footer
	.p-footer-copyright
	.block
	.block-container
	.block-minorHeader {
	font-family: inherit;
	color: rgba(var(--color-0), 1);
	font-size: 14px;
	padding: 0;
	text-align: center;
}

.innadril-footer.p-footer
	.p-footer-copyright
	.block
	.block-container
	.block-row {
	background: transparent;
}

.p-footer-linkList > li a {
	color: rgba(var(--color-1), 1);
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.1;
	font-family: var(--font-1);
}

.p-footer-linkList > li a:hover {
	color: rgba(var(--color-0), 1);
	text-decoration: none;
}

/* button--scroll */

.button.button--scroll,
a.button.button--scroll {
	background: rgba(var(--color-accent), 0.8);
	padding: 5px 8px;
	box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.25);
	border: 0;
	color: rgba(var(--color-0), 1);
}

.button.button--scroll:hover,
a.button.button--scroll:hover,
.button.button--scroll:focus,
a.button.button--scroll:focus,
.button.button--scroll:active,
a.button.button--scroll:active {
	background: rgba(var(--color-accent-hover), 1);
	box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.25);
	color: rgba(var(--color-0), 1);
}

/* .button:not(.button--splitTrigger):hover,
a.button:not(.button--splitTrigger):hover,
.button.button--splitTrigger > .button-text:hover,
a.button.button--splitTrigger > .button-text:hover,
.button.button--splitTrigger > .button-menu:hover,
a.button.button--splitTrigger > .button-menu:hover,
.button:not(.button--splitTrigger):focus,
a.button:not(.button--splitTrigger):focus,
.button.button--splitTrigger > .button-text:focus,
a.button.button--splitTrigger > .button-text:focus,
.button.button--splitTrigger > .button-menu:focus,
a.button.button--splitTrigger > .button-menu:focus,
.button:not(.button--splitTrigger):active,
a.button:not(.button--splitTrigger):active,
.button.button--splitTrigger > .button-text:active,
a.button.button--splitTrigger > .button-text:active,
.button.button--splitTrigger > .button-menu:active,
a.button.button--splitTrigger > .button-menu:active {
	background: rgba(var(--color-accent), 1);
} */

/* .memberTooltip-header */

.memberTooltip {
	border-radius: 10px;
	border: 1px solid #3d3049;

	background: #231d2e;
}

.memberTooltip-header {
}

/* block */

.block-row.is-mod-selected {
	background: #272132;
}

.block-row-custom {
	margin: 10px 0;
}

.block-textHeader {
	color: rgba(var(--color-0), 1);
	font-family: var(--font-0);
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
}

.block.block--messages .message,
.block.block--messages .block-row {
	border-radius: 10px;
	background: var(--bg-1);
	color: rgba(var(--color-0), 1);
	font-size: 16px;
}

.block.block--messages .message ul {
	color: rgba(var(--color-1), 1);
}

.block.block--messages .message ul.message-attribution-opposite--list {
	font-size: 16px;
}

.message-articleUserInfo {
	background: var(--bg-1);
	border-top: 1px solid #2b2631;
}

.message-articleUserInfo .contentRow-figure {
	width: 70px;
}

.message-articleUserInfo .contentRow-main {
	padding-left: 20px;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.message-articleUserInfo .contentRow .avatar.avatar--m {
	width: 70px;
	height: 70px;
}

.block.block--messages .message-cell.message-cell--main .message-footer a {
	color: rgba(var(--color-accent-2), 1);
}

.block.block--messages
	.message-cell.message-cell--main
	.message-footer
	a:hover {
	color: rgba(var(--color-accent-2-hover), 1);
}

.block.block--messages .message-cell.message-cell--main .message-attribution {
	border: 0;
	padding-bottom: 15px;
}

.block.block--messages .message-cell {
	margin: 0;
	box-sizing: border-box;
	padding: 24px;
}

.block.block--messages .message-cell.message-cell--user,
.block.block--messages .message-cell.message-cell--action {
	border-right: 1px solid rgba(var(--color-1), 0.1);
}

.block.block--messages
	.message-cell.message-cell--main
	.message-footer
	.actionBar-action.actionBar-action--inlineMod
	label {
	color: #c5b1d8;
}

.message-actionBar .actionBar-set.actionBar-set--external {
	margin-right: 0;
}

.message-body,
.porta-article .message .message-body {
	font-family: var(--font-0);
	margin: 0;
}

.block.js-quickReply .block-container,
.block.js-quickReply .block-container .block-body {
	background: var(--bg-1);
}

.message-cell.message-cell--user,
.message-cell.message-cell--action {
	background: var(--bg-1);
	border-right: 1px solid rgba(var(--color-1), 0.1);
}

.block.js-quickReply .message-cell--user,
.block.js-quickReply .message-cell--action {
	/* border-right: 1px solid rgba(var(--color-1), 0.1); */
	border-right: 0;
}

.block.js-quickReply .block-container .fr-box.fr-basic {
	border-color: rgba(var(--color-1), 0.2);
}

.fr-box.fr-basic {
	/* background: var(--bg-1); */
	background: #1c1621;
}

.fr-box.fr-basic.is-focused {
	background: #140f18;
}

.fr-box.fr-basic .fr-toolbar.fr-top {
	background: rgba(178, 147, 208, 0.1);
}

.block.js-quickReply .block-container .fr-box.fr-basic .fr-toolbar .fr-btn-grp {
	border-color: transparent;
}

.fr-toolbar .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn,
.fr-modal .fr-command.fr-btn {
	color: rgba(var(--color-1), 1);
}

.fr-desktop .fr-command:hover,
.fr-desktop .fr-command:focus,
.fr-desktop .fr-command.fr-btn-hover,
.fr-desktop .fr-command.fr-expanded {
	color: rgba(var(--color-0), 1);
}

.fr-desktop .fr-command.fr-selected:not(.fr-table-cell),
.fr-desktop .fr-command:active,
.fr-toolbar .fr-command.fr-btn.fr-active:not(.fr-disabled) {
	color: rgba(var(--color-0), 1);
}

.input:focus,
.input.is-focused,
.inputGroup:focus-within,
#XF .fr-box.fr-basic.is-focused,
.codeEditor.CodeMirror.CodeMirror-focused {
	--input-border-heavy: rgba(var(--color-1), 0.2);
	--input-border-light: rgba(var(--color-1), 0.2);
}

.fr-box.fr-basic.is-focused .fr-element,
.fr-box.fr-basic .fr-element {
	color: rgba(var(--color-0), 1);
}

.fr-command.fr-btn + .fr-dropdown-menu {
	background: #141118;
}

.fr-box.fr-basic.is-preview,
.fr-box.fr-basic.is-preview .fr-toolbar .fr-btn-grp.rte-tab--preview {
	background: var(--bg-1);
	border-color: var(--bg-1);
}

.fr-toolbar .fr-btn-grp.rte-tab--preview {
	border: 0;
}

/* bb */

hr.custom-hr {
	border: 0;
	border-top: 1px solid #2b2631;
	margin: 20px 0;
}

.bbWrapper hr {
	border-top: 1px solid #2b2631;
}

.message-body .bbWrapper a {
	color: rgba(var(--color-accent-2), 1);
	font-weight: 600;
	text-decoration: underline;
}

.message-body .bbWrapper a:hover {
	color: rgba(var(--color-accent-2-hover), 1);
	font-weight: 600;
	text-decoration: none;
}

.message-attribution-opposite a:hover {
	text-decoration: none;
	color: rgba(var(--color-accent), 1);
}

.bookmarkLink.bookmarkLink--highlightable.is-bookmarked:hover,
.bookmarkLink.bookmarkLink--highlightable.is-bookmarked {
	color: #00ba00;
}

.block.block--messages .message-cell.message-cell--main .message-footer a,
.block.js-quickReply .block-container .button--link {
	background: rgba(var(--color-1), 1);
	border-color: rgba(var(--color-1), 1);
	color: #000000;
	text-decoration: none;
}

.block.block--messages .message-cell.message-cell--main .message-footer a:hover,
.block.js-quickReply .block-container .button--link:hover {
	background: rgba(var(--color-accent), 1);
	border-color: rgba(var(--color-accent), 1);
	color: #ffffff;
	text-decoration: none;
}

.bbCodeBlock {
	background: rgba(var(--color-1), 0.08);
	border-left: 3px solid #c5b1d8;
	color: #bdbdbd;
}

.message-responseRow {
	border: 0;
	background: transparent;
}

a.reaction:hover .reaction-text,
a.reaction:focus .reaction-text {
	text-decoration: none;
}

.message-newIndicator,
a.message-newIndicator {
	color: #000;
	background: #00ba00;
}

/* Table */

.bbTable {
	border-radius: 10px;
	background: var(--bg-2);
	border: 0;
	padding: 10px 18px;
}

.fr-view blockquote > table,
.fr-view > table,
.bbTable > table {
	border-collapse: separate;
	border-spacing: 12px;
}

/* .fr-element table td,
.fr-element table th, */
.fr-view blockquote > table > thead > tr > td,
.fr-view blockquote > table > tbody > tr > td,
.fr-view blockquote > table > thead > tr > th,
.fr-view blockquote > table > tbody > tr > th,
.fr-view > table > thead > tr > td,
.fr-view > table > tbody > tr > td,
.fr-view > table > thead > tr > th,
.fr-view > table > tbody > tr > th,
.bbTable > table > thead > tr > td,
.bbTable > table > tbody > tr > td,
.bbTable > table > thead > tr > th,
.bbTable > table > tbody > tr > th {
	border-radius: 4px;
	background: #2c2736;
	color: rgba(var(--color-0), 1);
	font-size: 14px;
	border: 0;
	padding: 16px;
}

.fr-view blockquote > table > thead > tr > th,
.fr-view blockquote > table > tbody > tr > th,
.fr-view > table > thead > tr > th,
.fr-view > table > tbody > tr > th,
.bbTable > table > thead > tr > th,
.bbTable > table > tbody > tr > th {
	background: transparent;
	color: rgba(var(--color-0), 1);
	font-size: 14px;
	font-weight: 700;
	text-align: left;
	padding: 0 16px;
	border: 0;
	background: transparent;
}

.fr-view blockquote > table > thead > tr > th,
.fr-view blockquote > table > tbody > tr > th,
.fr-view > table > thead > tr > th,
.fr-view > table > tbody > tr > th {
	background: rgba(var(--color-1), 0.05);
	padding-top: 6px;
	padding-bottom: 6px;
}

.fr-element table td.fr-selected-cell,
.fr-element table th.fr-selected-cell {
	border: 0;
	outline: 1px solid rgba(var(--color-accent), 1);
}

.fr-view blockquote {
	color: rgba(var(--color-1), 1);
	background: rgba(var(--color-1), 0.05);
	border-left: 3px solid rgba(var(--color-1), 1);
}

/* other */

.inlineModBar {
	background: var(--bg-1);
}

.dataList-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	background: #0a07147d;
}

.dataList-cell {
	vertical-align: middle;
	padding: 10px 10px;
	border-bottom: 1px solid #0b0b0b;
}

.dataList-row.dataList-row--header .dataList-cell {
	font-size: 12px;
	color: rgba(var(--color-0), 1);
	background: #0a0714;
	border-bottom: 1px solid #2d2d2d;
}

.dataList-cell.dataList-cell--alt,
.dataList-cell.dataList-cell--action {
	background: #0a0714;
}

.dataList-cell.dataList-cell--action.dataList-cell--alt:hover,
.dataList-cell.dataList-cell--link.dataList-cell--alt:hover,
.dataList-cell.dataList-cell--action.dataList-cell--action:hover,
.dataList-cell.dataList-cell--link.dataList-cell--action:hover {
	background: #201c2d;
}

.block-container {
	color: rgba(var(--color-0), 1);
}

.block-footer {
	background: #0a0714;
}

.block-header,
.block-minorHeader {
	background: transparent;
	color: rgba(var(--color-0), 1);
	font-family: var(--font-1);
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.2;
	border: 0;
	padding: 0;
	margin-bottom: 20px;
	text-align: left;
}

.block-minorHeader:before,
.block-minorHeader:after {
	content: none;
}

.block-body + .block-minorHeader {
	padding: 0;
	margin-top: 40px;
	border: 0;
}

.block-body {
	border-radius: 6px;
	box-sizing: border-box;
	padding: 16px;
	background: var(--bg-2);
}

.blockLink.is-selected,
.blockLink {
	color: rgba(var(--color-1), 1);
	font-family: var(--font-1);
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	background: var(--bg-2);
	border-radius: 3px;
	text-decoration: none;
	border: 0;
	box-sizing: border-box;
	padding: 7px 10px;
}

.blockLink.is-selected,
.blockLink:hover {
	color: rgba(var(--color-0), 1);
	text-decoration: none;
	border: 0;
	background: rgba(var(--color-accent), 0.3);
}

.blockLink.is-selected,
.blockLink.is-selected:hover {
	background: rgba(var(--color-accent), 1);
}

/* overlay */

.overlay {
	background: var(--bg-1);
	color: rgba(var(--color-1), 1);
}

.overlay-title {
	background: rgba(var(--color-1), 0.1);
	color: rgba(var(--color-0), 1);
	font-weight: 700;
	font-size: 20px;
}

.overlay-titleCloser {
	color: rgba(var(--color-0), 1);
}

.overlay-container {
	background: rgba(0, 0, 0, 0.64);
}

.blockMessage {
	background: var(--bg-1);
}

.formRow > dt {
	background: transparent;
	border-color: rgba(var(--color-1), 0.03);
}

.formRowSep {
	border-color: rgba(var(--color-1), 0.03);
}

.formSubmitRow-bar {
	background: rgba(var(--color-1), 0.1);
}

.input {
	background: var(--bg-3);
	border: 1px solid rgba(var(--color-1), 0.5);
	border-radius: 3px;
	font-size: 14px;
	font-weight: 400;
	font-family: var(--font-0);
}

.input:focus {
	background: #1c1621;
	border: 1px solid rgba(var(--color-1), 1);
}

.input[disabled] {
	color: rgba(var(--color-1), 0.5);
	background: var(--bg-3);
	border-color: var(--bg-3);
}

.inputGroup.inputGroup--joined .inputGroup-text {
	--input-border-heavy: rgba(var(--color-1), 0.5);
	--input-border-light: rgba(var(--color-1), 0.5);
}

.input.input--number[disabled] ~ .inputNumber-button {
	cursor: default;
	color: rgba(var(--color-1), 1);
	background: var(--bg-3);
}

.block-formSectionHeader {
	box-sizing: border-box;
	padding-top: 20px;
	padding-bottom: 20px;
	color: rgba(var(--color-0), 1);
	font-family: var(--font-0);
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	text-transform: none;
	border: 0;
}

.formRow {
	color: rgba(var(--color-0), 1);
}

.formRow > dt {
	color: rgba(var(--color-1), 1);
	text-transform: uppercase;
	font-family: var(--font-1);
	font-size: 12px;
	font-weight: 700;
}

.formRow .formRow-label {
	color: rgba(var(--color-1), 1);
}

.inputChoices-explain,
.formRow .formRow-explain {
	color: rgba(var(--color-1), 0.8);
}

/* .menu-link */

.menu-linkRow {
}

/* .block-body {
	border-radius: 6px;
	box-sizing: border-box;
	padding: 16px;
	background: #19161c;
} */

.menu-linkRow.is-selected,
.menu-linkRow {
	color: rgba(var(--color-1), 1);
	font-family: var(--font-1);
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	background: transparent;
	border-radius: 3px;
	text-decoration: none;
	border: 0;
	box-sizing: border-box;
	padding: 7px 10px;
}

.menu-linkRow.is-selected,
.menu-linkRow:hover,
.menu-linkRow:focus {
	color: rgba(var(--color-0), 1);
	text-decoration: none;
	border: 0;
	background: rgba(var(--color-accent), 0.3);
}

.menu-linkRow.is-selected,
.menu-linkRow.is-selected:hover,
.menu-linkRow:hover.is-selected,
.menu-linkRow:focus.is-selected {
	background: rgba(var(--color-accent), 1);
}

/* mbr  */

.mbr {
	background: var(--bg-2);
	border-radius: 10px;
	box-sizing: border-box;
	padding: 32px;
	position: relative;
	z-index: 0;
	overflow: hidden;
	display: flex;
}

.mbr .memberProfileBanner {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	border: 0;
	box-shadow: none;
	border-radius: 0;
	opacity: 0.4;
}

.mbr_bnr .memberProfileBanner {
	display: flex;
}

.mbr__inner {
	gap: 24px;
	display: grid;
	grid-template-columns: 130px 1fr 25%;
	width: 100%;
}

.mbr__avatar {
	flex-shrink: 0;
}

.avatar {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	vertical-align: top;
	overflow: hidden;
	border: 1px solid #453f4b;
}

.avatar.avatar--l {
	width: 130px;
	height: 130px;
}

.avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	background-color: var(--bg-3);
}

.avatarWrapper-update span {
	font-size: 14px;
}

.mbr__body {
	display: grid;
	gap: 20px;
}

.mbr__namebox {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 6px;
}

.mbr .username {
	color: rgba(var(--color-0), 1);
	font-family: var(--font-1);
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
}

.mbr .username--style3 {
	color: rgba(var(--color-0), 1);
}

.mbr .username--invisible {
	color: #999;
}

.mbr .username--banned {
	text-decoration: line-through;
}

.mbr__badges {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
}

.mbr__meta {
	color: rgba(var(--color-0), 1);
	font-family: var(--font-1);
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.1;
	display: grid;
	gap: 8px;
}

.mbr__meta-label {
	color: rgba(var(--color-1), 1);
}

.mbr__meta-value {
}

.mbr__aside {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	text-align: right;
	gap: 10px;
}

/* .mbr__btns {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	position: absolute;
	right: 4px;
	top: 4px;
} */

.mbr__stats,
.pStats {
	margin-top: auto;
	border-radius: 10px;
	background: var(--bg-3);
	box-sizing: border-box;
	padding: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 24px;
	text-align: left;
}

.mbr__stats .pairs.pairs--rows {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 3px;
	margin: 0;
	padding: 0;
}

.pairs.pairs--rows.pairs--rows--centered > dt,
.pairs.pairs--rows.pairs--rows--centered > dd {
	text-align: left;
	color: rgba(var(--color-0), 1);
	font-family: var(--font-1);
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 1;
}

.pairs.pairs--rows.pairs--rows--centered > dt {
	color: rgba(var(--color-1), 1);
}

.mbrcontrols {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 24px;
	margin-bottom: 24px;
}

/* .block-tabHeader */

.block-tabHeader {
	border: 0;
}

.block-tabHeader a.tabs-tab {
	border-radius: 10px;
	background: var(--bg-3);
	display: flex;
	padding: 12px 16px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	line-height: 1;
	color: rgba(var(--color-0), 1);
	font-family: var(--font-1);
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	border: 0;
}

.block-tabHeader .tabs-tab:hover {
	color: #ebaa52;
	background: #876e3a;
}

.block-tabHeader .tabs-tab:not(.is-readonly):hover {
	color: rgba(var(--color-0), 1);
	background: rgba(var(--color-accent), 1);
}

.block-tabHeader .tabs-tab.is-active,
.block-tabHeader .tabs-tab.is-active:hover {
	background: rgba(var(--color-accent-2), 1);
	color: rgba(var(--color-0), 1);
	font-weight: 700;
}

.block-tabHeader a.tabs-tab:focus-visible {
	border: 0;
	box-shadow: none;
	outline: 1px solid rgba(var(--color-accent-2), 1);
}

/* hScroller-scroll */

.hScroller-scroll {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
	padding: 1px;
	box-sizing: border-box;
}

.hScroller-scroll.is-calculated {
	padding: 1px;
	box-sizing: border-box;
	margin-bottom: 14px;
	padding-bottom: 10px;
	overflow-x: auto;
}

.mbra-body {
	display: grid;
	gap: 24px;
}

.mbra-body .block-row.block-row--separated {
	padding: 0;
}

.mbra-body .block-row.block-row--separated + .block-row {
	border-color: #342d3d;
	padding-top: 24px;
}

.mbra-body .block-textHeader {
	margin-bottom: 24px;
}

.mbra-body .contentRow-figure {
	min-width: 50px;
	color: rgba(var(--color-0), 1);
	font-size: 39px;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
}

.mbra-body .contentRow-main {
	margin: auto 0;
	padding-left: 16px;
	box-sizing: border-box;
}

.mbra-body .contentRow-header {
	font-size: 14px;
	font-weight: 700;
	color: rgba(var(--color-0), 1);
}

.mbra-body .contentRow-minor {
	font-size: 14px;
	font-weight: 400;
	color: rgba(var(--color-0), 1);
}

.mbra-body .contentRow-extra {
	font-size: 14px;
	font-weight: 700;
	color: rgba(var(--color-0), 1);
}

/* contentRow */

.contentRow-title {
	font-size: 14px;
}
.contentRow-title a {
	color: rgba(var(--color-1), 1);
}

.contentRow-snippet {
	color: rgba(var(--color-0), 1);
	font-size: 16px;
}

.contentRow-minor {
	color: rgba(var(--color-1), 1);
	font-size: 14px;
}

/* editorPlaceholder */

.editorPlaceholder .editorPlaceholder-placeholder .input {
	border-radius: 3px;
	background: var(--bg-3);
	border: 0;
}

.editorPlaceholder-placeholder .u-muted {
	color: rgba(var(--color-1), 0.5);
}

.editorPlaceholder .editorPlaceholder-placeholder .input span::before {
	font-family: var(--font-ico);
	content: "\e948";
}

/* menu */

.menu-content {
	border-radius: 10px;
	border: 1px solid #3d3049;
	background: #231d2e;
	box-sizing: border-box;
	padding: 24px;
}

.menu.menu--wide {
	width: 430px;
}

/* .menu-tabHeader */

.menu-tabHeader {
	border: 0;
	background: transparent;
}

.menu-tabHeader,
.menu-tabHeader .hScroller {
	width: 100%;
}

.menu-tabHeader .hScroller-scroll {
	gap: 0;
	padding-bottom: 0;
	border-bottom: 1px solid rgba(var(--color-1), 0.3);
	margin: 0 !important;
}

.menu-tabHeader .tabs-tab {
	color: rgba(var(--color-1), 1);
	font-family: var(--font-1);
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	border-radius: 3px;
	border: 0;
	min-width: calc(50%);
	text-align: center;
}

@media (max-width: 500px) {
	.menu-tabHeader .tabs-tab {
		min-width: 0;
	}
}

.menu-tabHeader .tabs-tab.is-active {
	color: rgba(var(--color-0), 1);
	border-color: rgba(var(--color-accent), 1);
	background: rgba(var(--color-accent), 1);
	border: 0;
}

/* menu-header */

.menu-header {
	color: rgba(var(--color-0), 1);
	font-family: var(--font-1);
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	padding: 0 0 10px 0;
	background: transparent;
	border-bottom: 1px solid rgba(var(--color-1), 0.3);
	margin-bottom: 20px;
}

.menu-footer {
	margin-top: 20px;
	padding: 10px 0 0 0;
	background: transparent;
	border-top: 1px solid rgba(var(--color-1), 0.3);
}

.menu-row-custom {
	margin: 10px 0;
}

/* umenu */

.umenu {
	margin: 16px 0;
}

.umenu__head {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 10px;
}

.umenu__avabox .avatar {
	flex-shrink: 0;
	width: 55px;
	height: auto;
	aspect-ratio: 1/1;
	border: 1px solid rgba(var(--color-1), 1);
	box-sizing: border-box;
}

.umenu__avabox .avatarWrapper-update span {
	font-size: 8px;
}

.umenu__box {
	flex-grow: 1;
}

.umenu__name,
.umenu__name .username {
	/* color: rgba(var(--color-0), 1); */
	font-family: var(--font-1);
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 133%;
}

.umenu__info {
	/* background: var(--bg-2);
	box-sizing: border-box;
	padding:  5px 12px;
	border-radius: 6px; */
	color: rgba(var(--color-1), 1);
	line-height: 1;
}

.umenu__stats,
.stats {
	margin-top: 16px;
	border-radius: 10px;
	background: var(--bg-2);
	box-sizing: border-box;
	display: flex;
	padding: 18px;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	gap: 24px;
	text-align: left;
}

.menu-c-form-box textarea.input {
	border-radius: 3px;
	background: var(--bg-3);
	border: 0;
	box-sizing: border-box;
	padding: 12px;
}

.menu-c-form-box .u-hidden.u-hidden--transition.is-active {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.menu-custom-separator {
	margin: 12px 0;
	padding: 0;
	border: none;
	border-top: 1px solid rgba(var(--color-1), 0.3);
}

/* listPlainCustom */

.listPlainCustom__item {
	--icon-color: rgba(var(--color-1), 1);

	display: inline-flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 2px;
	color: rgba(var(--color-1), 1);
	font-family: var(--font-1);
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1;
}

.listPlainCustom__item_icon_red {
	--icon-color: #b32020;
}

.listPlainCustom__item-icon {
	font-size: 18px;
	width: 20px;
	flex-shrink: 0;
	position: relative;
	z-index: 0;
	top: 2px;
	color: var(--icon-color);
}

.listPlainCustom__item-content {
	box-sizing: border-box;
	padding: 6px 10px;
}

.listPlainCustom__item:hover {
	--icon-color: rgba(var(--color-0), 1);
	text-decoration: none;
	color: rgba(var(--color-0), 1);
}

.listPlainBox {
	display: grid;
	grid-template-columns: 1fr 160px;
}

@media (max-width: 500px) {
	.listPlainBox {
		display: grid;
		grid-template-columns: 1fr;
	}
}

.formRow .iconic > i,
.inputGroup .iconic > i,
.inputChoices .iconic > i,
.block-footer .iconic > i,
.dataList-cell .iconic > i,
.message-cell--extra .iconic > i,
.formRow.dataList-cell--fa > a > i,
.inputGroup.dataList-cell--fa > a > i,
.inputChoices.dataList-cell--fa > a > i,
.block-footer.dataList-cell--fa > a > i,
.dataList-cell.dataList-cell--fa > a > i,
.message-cell--extra.dataList-cell--fa > a > i,
.formRow .iconic svg,
.inputGroup .iconic svg,
.inputChoices .iconic svg,
.block-footer .iconic svg,
.dataList-cell .iconic svg,
.message-cell--extra .iconic svg,
.formRow.dataList-cell--fa > a svg,
.inputGroup.dataList-cell--fa > a svg,
.inputChoices.dataList-cell--fa > a svg,
.block-footer.dataList-cell--fa > a svg,
.dataList-cell.dataList-cell--fa > a svg,
.message-cell--extra.dataList-cell--fa > a svg {
	color: rgba(var(--color-1), 1);
}

.iconic > input[type="checkbox"] + i::before {
	content: "";
	display: inline-block;
	border-radius: 3px;
	border: 1px solid #332b42;
	background: #231d2e;
	width: 17px;
	height: 17px;
	top: 1px;
	left: 0;
}

.iconic > input:checked + i::before {
	opacity: 1;
}

.iconic > input[type="checkbox"] + i::after {
	content: "";
	display: inline-block;
	background-color: transparent;
	background-image: url(../images/icons/check.svg);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	width: 13px;
	height: 9px;
	top: 7px;
	left: 4px;
}

.inputChoices > .inputChoices-choice {
	padding-left: 30px;
}

.iconic .iconic-label::before {
	content: "";
	display: inline-block;
	width: auto;
	margin-right: 14px;
}

.inputDate .inputDate-icon {
	color: rgba(var(--color-1), 1);
}

.block-filterBar {
	border-bottom: 0;
	background: rgba(var(--color-1), 0.1);
	color: #fff;
	margin-bottom: 5px;
	border-radius: 6px;
}

@media (min-width: 650px) {
	.block-container:not(.block-container--noStripRadius) > :last-child,
	.block-bottomRadiusContent,
	.block-container:not(.block-container--noStripRadius)
		> .block-body:last-child
		> .blockLink:last-child,
	.block-container:not(.block-container--noStripRadius)
		> .tabPanes:last-child
		> [role="tabpanel"]
		> :last-child,
	.block-container:not(.block-container--noStripRadius)
		> .tabPanes:last-child
		> [role="tabpanel"]
		> .block-body
		> :last-child {
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
	}
}

.block-filterBar a {
	color: rgba(var(--color-0), 1);
}

/* tooltip */

.tooltip.tooltip--bookmark,
.tooltip.tooltip--share {
	width: 380px;
}

.tooltip--bookmark .tooltip-content,
.tooltip--member .tooltip-content,
.tooltip--share .tooltip-content {
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35);
	border-radius: 10px;
	border-top-right-radius: 10px;
	border: 1px solid #3d3049;
	background: #231d2e;
	box-sizing: border-box;
	padding: 24px;
}

.tooltip-content .block-header,
.tooltip-content .block-minorHeader {
	color: rgba(var(--color-0), 1);
	font-family: var(--font-1);
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	padding: 0 0 10px 0;
	background: transparent;
	border-bottom: 1px solid rgba(var(--color-1), 0.3);
	margin-bottom: 20px;
}

.tooltip-content .block-body {
	border-radius: 0;
	box-sizing: border-box;
	padding: 0;
	background: transparent;
}

.tooltip--member.tooltip--top .tooltip-arrow::after,
.tooltip--bookmark.tooltip--top .tooltip-arrow::after {
	border-top-color: #231d2e;
}

.tooltip--member.tooltip--top .tooltip-arrow::after,
.tooltip--bookmark.tooltip--top .tooltip-arrow::after {
	border-top-color: #231d2e;
}

.tooltip--member.tooltip--bottom .tooltip-arrow::after,
.tooltip--bookmark.tooltip--bottom .tooltip-arrow::after {
	border-bottom-color: #231d2e;
}

.tooltip-content .memberTooltip {
	border-radius: 0;
	border: 0;
	background: transparent;
}

.tooltip-content .memberTooltip-header {
	padding: 0;
	border: 0;
}

.memberTooltip-actions {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	padding: 0 !important;
	margin-top: 12px;
}

.memberTooltip-actions .buttonGroup {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0;
}

.memberTooltip-actions .buttonGroup::before,
.memberTooltip-actions .buttonGroup::after {
	display: none;
}

.memberTooltip-actions .buttonGroup .button {
	color: rgba(var(--color-1), 1);
	font-family: var(--font-1);
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	background: transparent;
	border-radius: 3px !important;
	text-decoration: none;
	border: 0;
	box-sizing: border-box;
	padding: 7px 10px;
}

.memberTooltip-actions .buttonGroup .button:hover {
	color: rgba(var(--color-0), 1);
	text-decoration: none;
	border: 0;
	background: rgba(var(--color-accent), 0.3);
}

/* mbrmeta */

.mbrmeta {
	color: rgba(var(--color-0), 1);
	font-family: var(--font-1);
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.1;
	display: grid;
	gap: 3px;
}

.mbrmeta_mt {
	margin-top: 8px;
}

.mbrmeta_mb {
	margin-bottom: 8px;
}

.mbrmeta__label {
	color: rgba(var(--color-1), 1);
}

.mbrmeta__value {
}

/* rcts */

.rcts-header {
	background: transparent;
	border: 0;
	margin-bottom: 16px;
}

.rcts-header .hScroller-scroll {
	gap: 0;
	padding-bottom: 0;
	border-bottom: 1px solid rgba(var(--color-1), 0.3);
	margin: 0 !important;
	width: 100%;
}

.rcts-header .tabs-tab {
	color: rgba(var(--color-1), 1);
	font-family: var(--font-1);
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	border-radius: 3px;
	border: 0;
	min-width: calc(50%);
	text-align: center;
}

@media (max-width: 500px) {
	.rcts-header .tabs-tab {
		min-width: 0;
	}
}

.rcts-header .tabs-tab.is-active {
	color: rgba(var(--color-0), 1);
	border-color: rgba(var(--color-accent), 1);
	background: rgba(var(--color-accent), 1);
	border: 0;
}

.rcts-header .reaction--1 .reaction-text {
	color: rgba(var(--color-0), 1);
}

/* pageNav */

.pageNav-page,
.pageNav-jump {
	color: rgba(var(--color-1), 1);
	background: var(--bg-2);
}

.pageNav-page:hover,
.pageNav-page:active,
.pageNav-jump:hover,
.pageNav-jump:active {
	color: rgba(var(--color-0), 1);
	background: rgba(var(--color-2), 1);
}

.pageNav-page:hover a,
.pageNav-page:active a,
.pageNav-jump:hover a,
.pageNav-jump:active a {
	text-decoration: none;
	color: rgba(var(--color-0), 1);
}

.pageNav-page.pageNav-page--current,
.pageNav-page.pageNav-page--current:hover {
	background: rgba(var(--color-accent), 1);
	color: rgba(var(--color-0), 1);
	border: 1px solid transparent;
}

.pageNav-page.pageNav-page--current:hover a {
	text-decoration: none;
	color: rgba(var(--color-0), 1);
}

/* prfx */

.prfx {
}

.prfx {
	--prfx-icon-color: #25143c;
	display: inline-flex;
	padding: 0 6px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	border-radius: 4px;
	box-shadow: inset 0 0 0 1px rgb(197, 156, 255);
	background: rgba(var(--color-accent), 1) !important;
	color: rgba(var(--color-0), 1) !important;
	font-family: var(--font-1);
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 2;
	text-decoration: none;
	cursor: pointer;
	transition: 0.2s all;
	box-sizing: border-box;
	border: 0 !important;
	text-transform: none !important;
	text-shadow: none !important;
}

.prfx:before {
	font-family: var(--font-ico);
	color: var(--prfx-icon-color);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.16em;
	margin-right: 4px;
}

.prfx:hover {
	color: rgba(var(--color-0), 1);
	text-decoration: none;
	box-shadow: inset 0 0 0 2px rgb(197, 156, 255);
	background: rgba(var(--color-accent-hover), 1);
}

.prfx:active {
	color: rgba(var(--color-0), 1);
	text-decoration: none;
	box-shadow: inset 0 0 0 2px rgb(197, 156, 255);
	background: rgba(var(--color-accent-active), 1);
}

.prfx_pride {
	box-shadow: inset 0 0 0 1px #ffbb29;
	background: var(--color-pride) !important;
}

.prfx_pride:hover {
	box-shadow: inset 0 0 0 2px #ffbb29;
	background: var(--color-pride-hover) !important;
}

.prfx_pride:active {
	box-shadow: inset 0 0 0 2px #ffbb29;
	background: var(--color-pride-active) !important;
}

.prfx_pride:before {
	content: "\e93b";
}

.prfx_old-continental {
	box-shadow: inset 0 0 0 1px #b69878;
	background: var(--color-old-continental) !important;
}

.prfx_old-continental:hover {
	box-shadow: inset 0 0 0 2px #b69878;
	background: var(--color-old-continental-hover) !important;
}

.prfx_old-continental:active {
	box-shadow: inset 0 0 0 2px #b69878;
	background: var(--color-old-continental-active) !important;
}

.prfx_old-continental:before {
	content: "\e93e";
}

.prfx_event {
	box-shadow: inset 0 0 0 1px #cacc53;
	background: var(--color-event) !important;
}

.prfx_event:hover {
	box-shadow: inset 0 0 0 2px #cacc53;
	background: var(--color-event-hover) !important;
}

.prfx_event:active {
	box-shadow: inset 0 0 0 2px #cacc53;
	background: var(--color-event-active) !important;
}

.prfx_event:before {
	content: "\e93f";
}

.prfx_news {
	box-shadow: inset 0 0 0 1px #91b8ff;
	background: var(--color-news) !important;
}

.prfx_news:hover {
	box-shadow: inset 0 0 0 2px #91b8ff;
	background: var(--color-news-hover) !important;
}

.prfx_news:active {
	box-shadow: inset 0 0 0 2px #91b8ff;
	background: var(--color-news-active) !important;
}

.prfx_news:before {
	content: "\e940";
}

.prfx_updates {
	box-shadow: inset 0 0 0 1px #b3d66c;
	background: var(--color-updates) !important;
}

.prfx_updates:hover {
	box-shadow: inset 0 0 0 2px #b3d66c;
	background: var(--color-updates-hover) !important;
}

.prfx_updates:active {
	box-shadow: inset 0 0 0 2px #b3d66c;
	background: var(--color-updates-active) !important;
}

.prfx_updates:before {
	content: "\e93a";
}

.prfx_features {
	box-shadow: inset 0 0 0 1px #e772cf;
	background: var(--color-features) !important;
}

.prfx_features:hover {
	box-shadow: inset 0 0 0 2px #e772cf;
	background: var(--color-features-hover) !important;
}

.prfx_features:active {
	box-shadow: inset 0 0 0 2px #e772cf;
	background: var(--color-features-active) !important;
}

.prfx_features:before {
	content: "\e938";
}

.prfx_mimimir {
	box-shadow: inset 0 0 0 1px #f1d496;
	background: var(--color-mimimir) !important;
}

.prfx_mimimir:hover {
	box-shadow: inset 0 0 0 2px #f1d496;
	background: var(--color-mimimir-hover) !important;
}

.prfx_mimimir:active {
	box-shadow: inset 0 0 0 2px #f1d496;
	background: var(--color-mimimir-active) !important;
}

.prfx_mimimir:before {
	content: "\e939";
}

.prfx_season-1 {
	box-shadow: inset 0 0 0 1px #c59cff;
	background: var(--color-season-1) !important;
}

.prfx_season-1:hover {
	box-shadow: inset 0 0 0 2px #c59cff;
	background: var(--color-season-1-hover) !important;
}

.prfx_season-1:active {
	box-shadow: inset 0 0 0 2px #c59cff;
	background: var(--color-season-1-active) !important;
}

.prfx_season-1:before {
	content: "\e93c";
}

/* char */

.char {
	position: absolute;
}

.char_1 {
	top: 235px;
	left: calc(50% - 150px);
	transform: translateX(-100%);
	width: 1091px;
	aspect-ratio: 1091 / 1884;
	z-index: -1;
	pointer-events: none;
	background-color: transparent;
	background-image: url(../images/bg/char-1.webp);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.char_2 {
	top: 364px;
	left: calc(50% + 70px);
	width: 1048px;
	aspect-ratio: 1048 / 1810;
	z-index: -1;
	pointer-events: none;
	background-color: transparent;
	background-image: url(../images/bg/char-2.webp);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.char-box {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: -1;
}

/* .u-bottomFixer */

.u-bottomFixer {
	position: fixed;
	left: 0;
	right: 0;
}