@font-face {
	font-family: 'Inter-Regular';
	src: url('../fonts/Inter-Regular.otf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'candara';
	src: url('../fonts/candara.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'georgia';
	src: url('../fonts/georgia.ttf');
	font-weight: normal;
	font-style: normal;
}
html, body{
	margin: 0;
	padding: 0;
	font-family: Inter-Regular;
	color: #d3d3d3;
	font-size: 14px;
	background: linear-gradient(90deg, #11131a 20px, transparent 1%) center, linear-gradient(#11131a 20px, transparent 1%) center, #191a23;
	-moz-background: linear-gradient(90deg, #15192a 20px, transparent 1%) center, linear-gradient(#15192a 20px, transparent 1%) center, #0f111c;
	-webkit-background: linear-gradient(90deg, #15192a 20px, transparent 1%) center, linear-gradient(#15192a 20px, transparent 1%) center, #0f111c;
	-o-background: linear-gradient(90deg, #15192a 20px, transparent 1%) center, linear-gradient(#15192a 20px, transparent 1%) center, #0f111c;
	background-size: 22px 22px;
}
a{
	text-decoration: none;
}
h1, h2, h3, h4, h5{
	/*color: #bf3b11;*/
	color: #9fbf63;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
h1 {
	font-size: 28px;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}
h2{
	font-size: 21px;
	margin: 0;
}
h3 {
    /*color: #e35d0b;*/
    color: #dd6e37;
}
b{
	color: #fff;
}
.site {
	display: flex;
	margin: 1% auto;
	width: 96%;
	border: 5px solid rgb(255 255 255 / 1%);
	padding: 10px;
	background: #15161c;
	box-shadow: 1px 1px 11px 5px rgb(0 0 0 / 20%);
	border-radius: 10px;
}
.logo {
    text-align: center;
    margin: 0 auto;
    background: rgb(0 0 0 / 20%);
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 1em;
		display: block;
		transition: 0.2s;
}
.logo:hover {
    background: rgb(0 0 0 / 51%);
}

.logo img{
	width: 160px;
	transition: 0.2s;
}
.logo:hover img{
	transform: scale(1.1);
}
.menu{
	border-right: 2px solid rgb(255 255 255 / 2%);
	padding-right: 10px;
	width: 15%;
	position: relative;
}
.menu_links{
	position: sticky;
	top: 1%;
}
.menu_item {
	display: block;
	color: #d3dbcc;
	width: calc(100% - 20px);
	padding: 8px;
	border-radius: 50px;
	background: rgb(117 117 217 / 10%);
	margin: 1px 0px;
	text-align: center;
	font-size: 15px;
	letter-spacing: 1px;
	transition: 0.2s;
	font-family: Inter-Regular;
}
.menu_item:hover {
    background: rgb(53 55 83);
    color: #00abd5;
		box-shadow: -3px 0px #00abd5, 3px 0px #00abd5;
}
.menu--active {
	background: #1c0c0c !important;
	/*color: #e35d0b;*/
	color: #1bf5ba;
	box-shadow: -3px 0px #e9bf5c, 3px 0px #e9bf5c;
	position: relative;
}
.menu--active::after {
	position: absolute;
	display: inline-flex;
	top: 50%;
	right: 15px;
	transform: translate(0, -50%);
	background-image: url(../img/menuactive.svg);
	background-size: 18px 18px;
	height: 18px;
	width: 18px;
	opacity: 0.5;
}
.menu_title {
    display: block;
    margin-bottom: 10px;
    color: #d37fe3;
	font-size: 18px;
    padding: 25px 0px 0px 0px;
}
.content {
	padding: 0px 10px;
	width: calc(85% - 20px);
}
.desc {
    font-size: 14px;
    margin-bottom: 20px;
    display: block;
    background: rgb(135 112 77 / 14%);
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #3f3b32;
    color: #d7c2a7;
}
.desc_green {
    font-size: 14px;
    margin-bottom: 20px;
    display: block;
    background: rgb(78 127 77 / 14%);
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #323f34;
    color: #c3e7c6;
}
.desc_ore {
    font-size: 14px;
    margin-bottom: 20px;
    display: block;
    background: rgb(49 40 28 / 14%);
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #3f3b32;
    color: #cb8b33;
}
.items_block {
	padding: 5px; 
	margin: 5px 0px;
	border-radius: 10px;
	border: 1px dashed rgb(255 255 255 / 6%);
	transition: 0.2s;
}
.items_block_title {
	display: flex;
	justify-content: space-between;
	font-weight: normal;
	background: #35305d;
	padding: 10px;
	border-radius: 10px;
	/* text-transform: uppercase; */
	letter-spacing: 1px;
	cursor: pointer;
	font-family: verdana;
	font-size: 14px;
	color: #fff;
}
.info_c {
	cursor: auto;
	color: #f3ee00;
}
.info_s {
	cursor: auto;
	color: #19ff00;
}
.items_block_title img {
	width: 18px;
	opacity: 0.25;
	transition: 0.2s;

}
.title_icon{
	transform: rotate(-90deg);
}
details[open] .title_icon{
	transform: rotate(0deg);
	opacity: 0.6;
}
.items_block_title:hover > img {
	opacity: 0.9;
}
.items_bar {
	background: rgb(181 36 11 / 50%);
}
.item_list{
	margin-top: 10px;
}
.item_item {
	display: flex;
	align-items: center;
	background: rgb(255 255 255 / 2%);
	padding: 2px 5px;
	margin: 1px;
	border-radius: 5px;
	transition: 0.2s;
	border: 1px solid rgb(255 255 255 / 2%);
}

.item_item img {
	margin-right: 5px;
	padding: 1px;
	background: rgb(0 0 0 / 10%);
	border: 1px solid #ffffff21;
	transition: 0.2s;
}
span.item_name {
	color: #fff;/*ffaa00*/
	transition: 0.2s;
}
span.item_level {
	color: #eba73d;/*5053e1|9597e3*/
	margin-left: 5px;
	font-size: 12px;
	margin-top: 3px;
}
span.learn_lv {
	font-weight: bold;
	color: #20815b;/*6bbf91|20815b*/
	margin-left: 5px;
	font-size: 12px;
}
.item_item:hover {
	background: rgb(255 255 255 / 5%);
}
.item_item:hover .item_name {
	color: #9ed34b;/*efeb37|5fff8a|33ddc7|e3337a*/
}
.item_item:hover img {
	border: 1px solid #9ed34b;
}
.links {
	display: flex;
	justify-content: center;
	margin: 20px 0px;
}
.links > .btn {
	color: #dbdbdb;
	margin: 0px 5px;
	background: #1e2029;
	min-width: 120px;
	padding: 10px;
	border-radius: 20px;
	text-align: center;
	box-shadow: 0 0 10px 2px rgb(0 0 0 / 10%);
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.2s;
}
.btn:hover {
	background: #3a3c47;
}
.btn img{
	width: 16px;
	margin-right: 5px;
	opacity: 0.3;
}
.item_main {
	display: flex;
	align-items: center;
	width: 300px;
}
.item_desc {
	color: #c3c7c3e7;
	font-size: 12px;
	width: 390px;
	text-align: center;
}
.item_desc2 {
	color: #c3c7c3e7;
	margin-left: 20px;
	font-size: 12px;
	border-left: 1px solid rgb(255 255 255 / 25%);
	padding-left: 20px;
	width: 215px;
	text-align: center;
}
.item_desc3 {
	color: #c3c7c3e7;
	font-size: 12px;
}
.item_desc4 {
	color: #c3c7c3e7;
	font-size: 12px;
	border-left: 1px solid rgb(255 255 255 / 25%);
	padding-left: 20px;
	display: flex;
	align-items: center;
}
.item_desc4 .item_icon {
	margin: 5px;
}
.item_item--active{
	color: #ff4500 !important;
}
.ipos{
	margin-bottom: -6px;
}

.mobmenu {
	background: #00000052;
	display: block;
	margin: 0 auto;
	padding: 5px;
	border-radius: 10px;
	margin-bottom: 20px;
}

.mobmenu_over{
	display: block !important;
}
.mobmenu span{
	width: 26px;
	height: 3px;
	background: #fff;
	display: block;
	border-radius: 50px;
	text-align: center;
	margin: 4px auto;
}
.mobmenu_active{
	display: block !important;
}
.mobmenu_active span{
	background: #e9bf5c;
}
.mobmenu_active span:nth-child(2){
	background: #e9bf5c;
	width: 30px;
}
.mobmenu{
	display: none;
}
.page_content::-webkit-scrollbar {
	width: 0.7em;
	height: 0.5em;
}

.page_content::-webkit-scrollbar-thumb {
	background: #c05e0f;
	border-radius: 10px;
}

.page_content::-webkit-scrollbar-track {
	background: rgba(254, 205, 121, 0.2);
	border-radius: 10px;
}
.page_content {
	/* max-height: 730px; */
	padding: 0px 20px;
	overflow: auto;
	color: #9da9af;
	scrollbar-face-color: #c05e0f;
	scrollbar-track-color: rgba(254, 205, 121, 0.2);
}
.menu_lang {
	display: flex;
	color: #fff;
	align-items: center;
	background: #fff;
	padding: 4px;
	border-radius: 10px;
	background: rgb(0 0 0 / 20%);
	text-align: center;
	justify-content: center;
}
.menu_lang_desc{
	margin-right: 5px;
	color: #5d5d5d;
}
.menu_lang_langs{
	display: flex;
	align-items: center;
}
.menu_lang_item {
	display: flex;
	align-items: center;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0px 2px;
	background: rgb(255 255 255 / 10%);
	padding: 1px 6px;
	border-radius: 10px;
	transition: 0.2s;
}
.menu_lang_item span{
	margin-left: 2px;
	color: #8b8b8b;
	font-size: 12px;
}
.menu_lang_item:hover {
	background: rgb(243 138 45 / 30%);
}
.lang--active {
	background: rgb(243 138 45 / 20%);
}
span.menu_category {
	color: #75c175;
	font-size: 18px;
	font-family: Perpetua-Bold;
	margin-top: 20px;
	display: block;
}
@media screen and (max-height: 900px) {
	/* .page_content {
		max-height: 540px;
	} */
}
@media screen and (max-height: 790px) {
	/* .page_content {
		max-height: 460px;
	} */
}
@media screen and (max-width: 1281px) {
	.content {
		padding: 0px 10px;
		width: calc(100% - 270px);
	}
	.menu{
		width: 250px;
	}
}
@media screen and (max-width: 1025px) {
	.mobmenu{
		display: block;
	}
	.site {
		flex-direction: column;
	}
	.content {
		width: auto;
		margin-top: 10px;
		background: rgb(255 255 255 / 5%);
		padding: 10px;
		border-radius: 10px;
	}
	.menu{
		width: 100%;
		display: none;
		padding: 0;
		border: none;
	}
	.item_item {
		display: flex;
		flex-direction: column;
	}
	.item_desc {
		border-left: none;
		padding-left: 0;
		margin-top: 4px;
		width: 100%;
	}
	.menu_item {
		width: auto;
		margin: 1px auto;
	}
	.item_main {
		width: 100%;
		justify-content: flex-start;
	}
}
@media screen and (max-width: 481px) {
	.site{
		padding: 0px;
		box-shadow: none;
		margin: 0 auto;
	}

	.links {
		display: block;
		margin: 20px 0px;
	}
	.links > .btn {
		margin: 2px 5px;
		box-shadow: none;
	}
}
.item-icon {
	min-width: 32px;
	min-height: 32px;
	position: relative;
	margin-right: 12px;
	display: inline-block;
}
.item-name__small .item-icon {
	margin-right: 4px;
}

.item-name__small .item-icon img {
	width: 16px;
	height: 16px;
}

.item-icon .item-icon_panel {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
}
.list {
	padding: 10px;
	background: #1a1b23;
	border-radius: 5px;
	list-style: none;
	line-height: 25px;
	border: 1px dashed #313247;
}
.list li{
	 position: relative;
	 background: rgb(255 255 255 / 2%);
    padding: 5px 5px 5px 30px;
    margin: 1px;
    border-radius: 5px;
    transition: 0.2s;
    border: 1px solid rgb(255 255 255 / 2%);
}
.list b{
	color: #fff;
	font-weight: normal;
}
.list li:after {
    content: "";
    width: 16px;
    position: absolute;
    left: 15px;
    top: 8px;
    transform: translate(-50%, 0%);
		opacity: 0.2;
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZThlNjBlIiBkPSJNMjAuMjcsNC43NGE0LjkzLDQuOTMsMCwwLDEsMS41Miw0LjYxLDUuMzIsNS4zMiwwLDAsMS00LjEsNC41MSw1LjEyLDUuMTIsMCwwLDEtNS4yLTEuNSw1LjUzLDUuNTMsMCwwLDAsNi4xMy0xLjQ4QTUuNjYsNS42NiwwLDAsMCwyMC4yNyw0Ljc0Wk0xMi4zMiwxMS41M2E1LjQ5LDUuNDksMCwwLDAtMS40Ny02LjJBNS41Nyw1LjU3LDAsMCwwLDQuNzEsMy43Miw1LjE3LDUuMTcsMCwwLDEsOS41MywyLjIsNS41Miw1LjUyLDAsMCwxLDEzLjksNi40NSw1LjI4LDUuMjgsMCwwLDEsMTIuMzIsMTEuNTNaTTE5LjIsMjAuMjlhNC45Miw0LjkyLDAsMCwxLTQuNzIsMS40OSw1LjMyLDUuMzIsMCwwLDEtNC4zNC00LjA1QTUuMiw1LjIsMCwwLDEsMTEuNiwxMi41YTUuNiw1LjYsMCwwLDAsMS41MSw2LjEzQTUuNjMsNS42MywwLDAsMCwxOS4yLDIwLjI5Wk0zLjc5LDE5LjM4QTUuMTgsNS4xOCwwLDAsMSwyLjMyLDE0YTUuMyw1LjMsMCwwLDEsNC41OS00LDUsNSwwLDAsMSw0LjU4LDEuNjEsNS41NSw1LjU1LDAsMCwwLTYuMzIsMS42OUE1LjQ2LDUuNDYsMCwwLDAsMy43OSwxOS4zOFpNMTIuMjMsMTJhNS4xMSw1LjExLDAsMCwwLDMuNjYtNSw1Ljc1LDUuNzUsMCwwLDAtMy4xOC02LDUsNSwwLDAsMSw0LjQyLDIuMyw1LjIxLDUuMjEsMCwwLDEsLjI0LDUuOTJBNS40LDUuNCwwLDAsMSwxMi4yMywxMlpNMTEuNzYsMTJhNS4xOCw1LjE4LDAsMCwwLTMuNjgsNS4wOSw1LjU4LDUuNTgsMCwwLDAsMy4xOSw1Ljc5Yy0xLC4zNS0yLjktLjQ2LTQtMS42OEE1LjUxLDUuNTEsMCwwLDEsMTEuNzYsMTJaTTIzLDEyLjYzYTUuMDcsNS4wNywwLDAsMS0yLjM1LDQuNTIsNS4yMyw1LjIzLDAsMCwxLTUuOTEuMiw1LjI0LDUuMjQsMCwwLDEtMi42Ny00Ljc3LDUuNTEsNS41MSwwLDAsMCw1LjQ1LDMuMzNBNS41Miw1LjUyLDAsMCwwLDIzLDEyLjYzWk0xLDExLjIzYTUsNSwwLDAsMSwyLjQ5LTQuNSw1LjIzLDUuMjMsMCwwLDEsNS44MS0uMDYsNS4zLDUuMywwLDAsMSwyLjYxLDQuNzRBNS41Niw1LjU2LDAsMCwwLDYuNTYsOC4wNiw1LjcxLDUuNzEsMCwwLDAsMSwxMS4yM1oiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgZHVyPSIxLjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgdHlwZT0icm90YXRlIiB2YWx1ZXM9IjAgMTIgMTI7MzYwIDEyIDEyIi8+PC9wYXRoPjwvc3ZnPg==");
    /*content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M12 22c-4.714 0-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12s0-7.071 1.464-8.536C4.93 2 7.286 2 12 2s7.071 0 8.535 1.464C22 4.93 22 7.286 22 12s0 7.071-1.465 8.535C19.072 22 16.714 22 12 22m0-4.25a.75.75 0 0 0 .75-.75v-6a.75.75 0 0 0-1.5 0v6c0 .414.336.75.75.75M12 7a1 1 0 1 1 0 2a1 1 0 0 1 0-2' clip-rule='evenodd'/%3E%3C/svg%3E");*/
}
.list nz{
	 position: relative;
	 background: rgb(255 255 255 / 2%);
	display: block;
    color: #ade7ef;
    padding: 5px 5px 5px 30px;
    margin: 1px;
    border-radius: 5px;
    transition: 0.2s;
    border: 1px solid rgb(255 255 255 / 7%);
}
.list nz:after {
    content: "";
    width: 16px;
    position: absolute;
    left: 15px;
    top: 8px;
    transform: translate(-50%, -0%);
		opacity: 0.9;
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZjkwMDMwIiBkPSJNMTIsMjFMMTUuNiwxNi4yQzE0LjYsMTUuNDUgMTMuMzUsMTUgMTIsMTVDMTAuNjUsMTUgOS40LDE1LjQ1IDguNCwxNi4yTDEyLDIxIiBvcGFjaXR5PSIwIj48YW5pbWF0ZSBpZD0ic3ZnU3Bpbm5lcnNXaWZpRmFkZTAiIGZpbGw9ImZyZWV6ZSIgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgYmVnaW49IjA7c3ZnU3Bpbm5lcnNXaWZpRmFkZTEuZW5kKzAuMnMiIGR1cj0iMC4yNXMiIHZhbHVlcz0iMDsxIi8+PGFuaW1hdGUgaWQ9InN2Z1NwaW5uZXJzV2lmaUZhZGUxIiBmaWxsPSJmcmVlemUiIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGJlZ2luPSJzdmdTcGlubmVyc1dpZmlGYWRlMy5lbmQrMC41cyIgZHVyPSIwLjFzIiB2YWx1ZXM9IjE7MCIvPjwvcGF0aD48cGF0aCBmaWxsPSIjZjkwMDMwIiBkPSJNMTIsOUM5LjMsOSA2LjgxLDkuODkgNC44LDExLjRMNi42LDEzLjhDOC4xLDEyLjY3IDkuOTcsMTIgMTIsMTJDMTQuMDMsMTIgMTUuOSwxMi42NyAxNy40LDEzLjhMMTkuMiwxMS40QzE3LjE5LDkuODkgMTQuNyw5IDEyLDlaIiBvcGFjaXR5PSIwIj48YW5pbWF0ZSBpZD0ic3ZnU3Bpbm5lcnNXaWZpRmFkZTIiIGZpbGw9ImZyZWV6ZSIgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgYmVnaW49InN2Z1NwaW5uZXJzV2lmaUZhZGUwLmVuZCIgZHVyPSIwLjI1cyIgdmFsdWVzPSIwOzEiLz48YW5pbWF0ZSBmaWxsPSJmcmVlemUiIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGJlZ2luPSJzdmdTcGlubmVyc1dpZmlGYWRlMy5lbmQrMC41cyIgZHVyPSIwLjFzIiB2YWx1ZXM9IjE7MCIvPjwvcGF0aD48cGF0aCBmaWxsPSIjZjkwMDMwIiBkPSJNMTIsM0M3Ljk1LDMgNC4yMSw0LjM0IDEuMiw2LjZMMyw5QzUuNSw3LjEyIDguNjIsNiAxMiw2QzE1LjM4LDYgMTguNSw3LjEyIDIxLDlMMjIuOCw2LjZDMTkuNzksNC4zNCAxNi4wNSwzIDEyLDMiIG9wYWNpdHk9IjAiPjxhbmltYXRlIGlkPSJzdmdTcGlubmVyc1dpZmlGYWRlMyIgZmlsbD0iZnJlZXplIiBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiBiZWdpbj0ic3ZnU3Bpbm5lcnNXaWZpRmFkZTIuZW5kIiBkdXI9IjAuMjVzIiB2YWx1ZXM9IjA7MSIvPjxhbmltYXRlIGZpbGw9ImZyZWV6ZSIgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgYmVnaW49InN2Z1NwaW5uZXJzV2lmaUZhZGUzLmVuZCswLjVzIiBkdXI9IjAuMXMiIHZhbHVlcz0iMTswIi8+PC9wYXRoPjwvc3ZnPg==");
}
.list ns{
	 position: relative;
	 background: rgb(255 255 255 / 2%);
	display: block;
    color: #e4e5cf;
    padding: 5px 5px 5px 30px;
    margin: 1px;
    border-radius: 5px;
    transition: 0.2s;
    border: 1px solid rgb(255 255 255 / 7%);
}
.list ns:after {
    content: "";
    width: 16px;
    position: absolute;
    left: 15px;
    top: 8px;
    transform: translate(-50%, -0%);
		opacity: 0.9;
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij48Zz48Y2lyY2xlIGN4PSIxMiIgY3k9IjMiIHI9IjEiIGZpbGw9IiNmNDAiPjxhbmltYXRlIGlkPSJzdmdTcGlubmVyczEyRG90c1NjYWxlUm90YXRlMCIgYXR0cmlidXRlTmFtZT0iciIgYmVnaW49IjA7c3ZnU3Bpbm5lcnMxMkRvdHNTY2FsZVJvdGF0ZTIuZW5kLTAuNXMiIGNhbGNNb2RlPSJzcGxpbmUiIGR1cj0iMC42cyIga2V5U3BsaW5lcz0iLjI3LC40MiwuMzcsLjk5Oy41MywwLC42MSwuNzMiIHZhbHVlcz0iMTsyOzEiLz48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNi41IiBjeT0iNC4yMSIgcj0iMSIgZmlsbD0iI2Y0MCI+PGFuaW1hdGUgaWQ9InN2Z1NwaW5uZXJzMTJEb3RzU2NhbGVSb3RhdGUxIiBhdHRyaWJ1dGVOYW1lPSJyIiBiZWdpbj0ic3ZnU3Bpbm5lcnMxMkRvdHNTY2FsZVJvdGF0ZTAuYmVnaW4rMC4xcyIgY2FsY01vZGU9InNwbGluZSIgZHVyPSIwLjZzIiBrZXlTcGxpbmVzPSIuMjcsLjQyLC4zNywuOTk7LjUzLDAsLjYxLC43MyIgdmFsdWVzPSIxOzI7MSIvPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjcuNSIgY3k9IjQuMjEiIHI9IjEiIGZpbGw9IiNmNDAiPjxhbmltYXRlIGlkPSJzdmdTcGlubmVyczEyRG90c1NjYWxlUm90YXRlMiIgYXR0cmlidXRlTmFtZT0iciIgYmVnaW49InN2Z1NwaW5uZXJzMTJEb3RzU2NhbGVSb3RhdGU0LmJlZ2luKzAuMXMiIGNhbGNNb2RlPSJzcGxpbmUiIGR1cj0iMC42cyIga2V5U3BsaW5lcz0iLjI3LC40MiwuMzcsLjk5Oy41MywwLC42MSwuNzMiIHZhbHVlcz0iMTsyOzEiLz48L2NpcmNsZT48Y2lyY2xlIGN4PSIxOS43OSIgY3k9IjcuNSIgcj0iMSIgZmlsbD0iI2Y0MCI+PGFuaW1hdGUgaWQ9InN2Z1NwaW5uZXJzMTJEb3RzU2NhbGVSb3RhdGUzIiBhdHRyaWJ1dGVOYW1lPSJyIiBiZWdpbj0ic3ZnU3Bpbm5lcnMxMkRvdHNTY2FsZVJvdGF0ZTEuYmVnaW4rMC4xcyIgY2FsY01vZGU9InNwbGluZSIgZHVyPSIwLjZzIiBrZXlTcGxpbmVzPSIuMjcsLjQyLC4zNywuOTk7LjUzLDAsLjYxLC43MyIgdmFsdWVzPSIxOzI7MSIvPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjQuMjEiIGN5PSI3LjUiIHI9IjEiIGZpbGw9IiNmNDAiPjxhbmltYXRlIGlkPSJzdmdTcGlubmVyczEyRG90c1NjYWxlUm90YXRlNCIgYXR0cmlidXRlTmFtZT0iciIgYmVnaW49InN2Z1NwaW5uZXJzMTJEb3RzU2NhbGVSb3RhdGU2LmJlZ2luKzAuMXMiIGNhbGNNb2RlPSJzcGxpbmUiIGR1cj0iMC42cyIga2V5U3BsaW5lcz0iLjI3LC40MiwuMzcsLjk5Oy41MywwLC42MSwuNzMiIHZhbHVlcz0iMTsyOzEiLz48L2NpcmNsZT48Y2lyY2xlIGN4PSIyMSIgY3k9IjEyIiByPSIxIiBmaWxsPSIjZjQwIj48YW5pbWF0ZSBpZD0ic3ZnU3Bpbm5lcnMxMkRvdHNTY2FsZVJvdGF0ZTUiIGF0dHJpYnV0ZU5hbWU9InIiIGJlZ2luPSJzdmdTcGlubmVyczEyRG90c1NjYWxlUm90YXRlMy5iZWdpbiswLjFzIiBjYWxjTW9kZT0ic3BsaW5lIiBkdXI9IjAuNnMiIGtleVNwbGluZXM9Ii4yNywuNDIsLjM3LC45OTsuNTMsMCwuNjEsLjczIiB2YWx1ZXM9IjE7MjsxIi8+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMyIgY3k9IjEyIiByPSIxIiBmaWxsPSIjZjQwIj48YW5pbWF0ZSBpZD0ic3ZnU3Bpbm5lcnMxMkRvdHNTY2FsZVJvdGF0ZTYiIGF0dHJpYnV0ZU5hbWU9InIiIGJlZ2luPSJzdmdTcGlubmVyczEyRG90c1NjYWxlUm90YXRlOC5iZWdpbiswLjFzIiBjYWxjTW9kZT0ic3BsaW5lIiBkdXI9IjAuNnMiIGtleVNwbGluZXM9Ii4yNywuNDIsLjM3LC45OTsuNTMsMCwuNjEsLjczIiB2YWx1ZXM9IjE7MjsxIi8+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTkuNzkiIGN5PSIxNi41IiByPSIxIiBmaWxsPSIjZjQwIj48YW5pbWF0ZSBpZD0ic3ZnU3Bpbm5lcnMxMkRvdHNTY2FsZVJvdGF0ZTciIGF0dHJpYnV0ZU5hbWU9InIiIGJlZ2luPSJzdmdTcGlubmVyczEyRG90c1NjYWxlUm90YXRlNS5iZWdpbiswLjFzIiBjYWxjTW9kZT0ic3BsaW5lIiBkdXI9IjAuNnMiIGtleVNwbGluZXM9Ii4yNywuNDIsLjM3LC45OTsuNTMsMCwuNjEsLjczIiB2YWx1ZXM9IjE7MjsxIi8+PC9jaXJjbGU+PGNpcmNsZSBjeD0iNC4yMSIgY3k9IjE2LjUiIHI9IjEiIGZpbGw9IiNmNDAiPjxhbmltYXRlIGlkPSJzdmdTcGlubmVyczEyRG90c1NjYWxlUm90YXRlOCIgYXR0cmlidXRlTmFtZT0iciIgYmVnaW49InN2Z1NwaW5uZXJzMTJEb3RzU2NhbGVSb3RhdGVhLmJlZ2luKzAuMXMiIGNhbGNNb2RlPSJzcGxpbmUiIGR1cj0iMC42cyIga2V5U3BsaW5lcz0iLjI3LC40MiwuMzcsLjk5Oy41MywwLC42MSwuNzMiIHZhbHVlcz0iMTsyOzEiLz48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNi41IiBjeT0iMTkuNzkiIHI9IjEiIGZpbGw9IiNmNDAiPjxhbmltYXRlIGlkPSJzdmdTcGlubmVyczEyRG90c1NjYWxlUm90YXRlOSIgYXR0cmlidXRlTmFtZT0iciIgYmVnaW49InN2Z1NwaW5uZXJzMTJEb3RzU2NhbGVSb3RhdGU3LmJlZ2luKzAuMXMiIGNhbGNNb2RlPSJzcGxpbmUiIGR1cj0iMC42cyIga2V5U3BsaW5lcz0iLjI3LC40MiwuMzcsLjk5Oy41MywwLC42MSwuNzMiIHZhbHVlcz0iMTsyOzEiLz48L2NpcmNsZT48Y2lyY2xlIGN4PSI3LjUiIGN5PSIxOS43OSIgcj0iMSIgZmlsbD0iI2Y0MCI+PGFuaW1hdGUgaWQ9InN2Z1NwaW5uZXJzMTJEb3RzU2NhbGVSb3RhdGVhIiBhdHRyaWJ1dGVOYW1lPSJyIiBiZWdpbj0ic3ZnU3Bpbm5lcnMxMkRvdHNTY2FsZVJvdGF0ZWIuYmVnaW4rMC4xcyIgY2FsY01vZGU9InNwbGluZSIgZHVyPSIwLjZzIiBrZXlTcGxpbmVzPSIuMjcsLjQyLC4zNywuOTk7LjUzLDAsLjYxLC43MyIgdmFsdWVzPSIxOzI7MSIvPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjEyIiBjeT0iMjEiIHI9IjEiIGZpbGw9IiNmNDAiPjxhbmltYXRlIGlkPSJzdmdTcGlubmVyczEyRG90c1NjYWxlUm90YXRlYiIgYXR0cmlidXRlTmFtZT0iciIgYmVnaW49InN2Z1NwaW5uZXJzMTJEb3RzU2NhbGVSb3RhdGU5LmJlZ2luKzAuMXMiIGNhbGNNb2RlPSJzcGxpbmUiIGR1cj0iMC42cyIga2V5U3BsaW5lcz0iLjI3LC40MiwuMzcsLjk5Oy41MywwLC42MSwuNzMiIHZhbHVlcz0iMTsyOzEiLz48L2NpcmNsZT48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGR1cj0iNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiB0eXBlPSJyb3RhdGUiIHZhbHVlcz0iMzYwIDEyIDEyOzAgMTIgMTIiLz48L2c+PC9zdmc+");
}
.color_eva {
    color: #f5ed75;
}
.color_warning {
    color: #ffca00;
}
.material-symbols-light--swords::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='m18.839 20.696l-3.06-3.054l-2.2 2.2l-.277-.276q-.46-.46-.46-1.137t.46-1.137l4.09-4.09q.46-.46 1.137-.46t1.137.46l.276.277l-2.2 2.2l3.054 3.06q.243.242.243.565t-.243.565l-.827.827q-.242.242-.565.242t-.565-.242M21 5.477L9.958 16.538l.74.735q.46.46.46 1.137t-.46 1.136l-.277.277l-2.2-2.2l-3.06 3.054q-.242.242-.565.242t-.565-.242l-.827-.827q-.242-.242-.242-.565t.242-.566l3.054-3.06l-2.2-2.2l.277-.276q.46-.46 1.136-.46q.677 0 1.137.46l.754.76L18.423 2.9H21zM7.642 10.139L3 5.477V2.9h2.577L10.2 7.542z'/%3E%3C/svg%3E") !important;
}
.game-icons--sword-smithing::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M29.438 59.375c-3.948.032-7.903.093-11.875.188a587 587 0 0 0 13.062 8.124C126.162 123.92 230.69 151.4 340.5 180.594c.022.006.04.025.063.03c.02.006.043-.004.062 0c1.87.498 3.72 1.003 5.594 1.5l.155-.53a34.35 34.35 0 0 0 15-2.065l-12.5 46.595l18.063 4.813L383 170.968c25.828 1.312 50.508 6.867 74.28 15.845c-1.065 11.948 2.73 21.82 9.814 23.718c8.71 2.335 19.136-8.313 23.28-23.78c1.27-4.742 1.78-9.366 1.657-13.594l.345-1.28c-.136-.008-.27-.025-.406-.032c-.56-8.924-4.116-15.77-9.876-17.313c-6.808-1.823-14.666 4.304-19.75 14.44c-25.275-3.725-49.624-10.894-72.47-23.69l16.345-60.968l-18.033-4.843l-12.093 45.155a35.4 35.4 0 0 0-11.938-9.313l.094-.374C250.12 83.98 144.89 58.446 29.437 59.374zm161.25 44.25c55.52-.002 105.272 12.492 159.656 27.03c8.536.55 15.094 7.463 15.094 16.157c0 9.06-7.127 16.22-16.188 16.22c-2.4 0-4.653-.5-6.688-1.407c-56.172-15.04-109.352-27.786-157.406-57.97c1.85-.027 3.694-.03 5.53-.03zm-46.22 164.25v20.344H55.532c15.996 38.806 51.258 65.428 88.94 74.28v32.97h58.56c-12.115 30.534-33.527 55.682-58.5 77.592h-25.436v18.72H403.44v-18.72H376c-28.728-21.894-50.024-47.016-61.594-77.593h63.656V366.31c19.75-6.995 39.5-19.54 59.25-36.718c-19.806-17.518-39.235-27.25-59.25-31.938v-29.78H144.47z'/%3E%3C/svg%3E") !important;
}
.infotable {
    background: #1a1b23;
    border-radius: 5px;
		border: 1px dashed #313247;
		padding: 10px;
		margin: 5px 0px;
}
.infotable_block {
    display: flex;
    justify-content: center;
    border-radius: inherit;
    margin-bottom: 3px;
    border: 1px solid #272733;
    padding: 1px;
		transition: 0.2s;
}
.infotable_block:hover {
    border: 1px solid #3b3b3b;
    background: #222643;
}
.infotable_item {
    width: -webkit-fill-available;
    text-align: center;
    background: rgb(51 51 67 / 50%);
    margin: 1px;
    padding: 6px;
    border-radius: 5px;
}
.infotable_item.percent {
    color: #ff7800;
}
.fullimg {
    margin: 10px 0px;
    border-radius: 5px;
    background: rgb(31 32 47);
    padding: 8px;
    /* border: 1px solid #262739; */
    box-shadow: 0 0 20px rgb(0 0 0 / 25%);
}
.img_medium{
	max-height: 300px;
}
.img_sm{
	max-height: 270px;
}
.img_center {
    text-align: center;
    margin: 0 auto;
    background: #1b1d27;
    border-radius: 5px;
    margin: 5px;
}
.flex_center{
	display: flex !important;
	align-items: center;
	justify-content: center;
}
.par {
    background: rgb(0 0 0 / 20%);
    padding: 10px;
    border-left: 2px solid #810eff;
    border-radius: 5px;
}
.info_block {
    background: rgb(26 27 35);
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #3e3c8b;
    margin: 10px 0px;
}
.info_block p{
	margin: 0;
	margin-bottom: 10px;
}
.text_info{
	color: #329e44;
	font-size: 12px;
}
.text_grd{
	color: #2ae9e1;
	font-size: 12px;
}
.text_grn{
	color: #329e44;
}
.text_low_red{
	color: #f16f6f;
}
.text_ore{
	color: #bf3b11;
}
.text_main{
	color: #1fa1e1;
	font-weight: bold;
}
.text_sc{
	color: #efec5e;
}
.text_white{
	color: #fff;
	font-weight: bold;
}
.text_orange{
	color: #ffa600;
	font-weight: bold;
}
.text_purp {
  color: #ba72e3;
}
.text_green{
	color: #20815b;
	font-weight: bold;
}
.text_blood{
  color: #c92121;
  font-weight: bold;
}
.text_red{
	color: #d43c3c;
	font-weight: bold;
}
.talisman{
	display: flex;
	align-items: center;
	background: rgb(255 255 255 / 2%);
	padding: 2px 5px;
	margin: 1px;
	border-radius: 5px;
	transition: 0.2s;
	border: 1px solid rgb(255 255 255 / 2%);
}
.talisman:hover {
	background: rgb(255 255 255 / 5%);
}
.talisman:hover .talisman_item span{
	color: #9ed34b;/*efeb37|5fff8a|33ddc7|e3337a*/
}
.talisman:hover img {
	border: 1px solid #9ed34b;
}
.talisman_item{
	display: flex;
	align-items: center;
	min-width: 150px;
	width: 20%;
	overflow: hidden;
}
.talisman_item img {
    margin-right: 5px;
    padding: 1px;
    background: rgb(0 0 0 / 10%);
    border: 1px solid #ffffff21;
    transition: 0.2s;
}
.list_talisman{
	  padding: 5px;
    margin: 5px 0px;
    border-radius: 10px;
    border: 1px dashed rgb(255 255 255 / 6%);
    transition: 0.2s;
}
.talisman_info{
	margin-left: 20px;
	border-left: 1px solid rgb(255 255 255 / 6%);
	padding-left: 20px;
}
.talisman_yellow{
	background: #776e27;
}
.talisman_blue{
	background: #30445d;
}
.talisman_red{
	background: #5d3030;
}
.talisman_green{
	background: #395d30;
}
.talisman_white{
	background: #4f4e4e; /* 7f7c7c */
}
.talisman_uniq {
  background: #58305d;
}
.content_flex{
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
}
.block_imginfo {
    width: 105px;
    text-align: center;
    background: rgb(0 0 0 / 20%);
    margin: 1px;
    padding: 5px 10px;
    border-radius: 5px;
}
.item_el{
	display: inline-flex;
	align-items: center;
}
.item_el img {
    margin-right: 5px;
    padding: 1px;
    background: rgb(0 0 0 / 10%);
    border: 1px solid #ffffff21;
    transition: 0.2s;
		opacity: 1;
		width: 32px;
}
.item_el p{
	font-size: 14px;
	margin: 0;
	padding: 0;
}
.item_el_title{
	background: rgb(31 32 47);
	text-transform: none;
}
.spoiler_a {
    background: #0b5151;
		text-transform: none;
}
.spoiler_un {
    background: #4d0404;
		text-transform: none;
}
.spoiler_un2 {
    background: #510b35;
    text-transform: none;
    background: linear-gradient(90deg, #9b2666 10px, transparent 1%) center, linear-gradient(#9b2666 10px, transparent 1%) center, #191a23;
    background-size: 11px 11px;
}
.item_grade {
    background: rgb(0 0 0 / 50%);
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 10px;
    border: 1px solid rgb(255 255 255 / 70%);
}

.img-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    overflow: auto;
}

.img-modal-content {
    margin: auto;
    display: block;
    max-width: 90%;
    max-height: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.close-modal {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
}

.close-modal:hover {
    color: #bbb;
}

.click-to-zoom {
    cursor: pointer;
    transition: 0.3s;
}

.click-to-zoom:hover {
    opacity: 0.7;
}