@import "/assets/reset.css";
@import "/assets/fonts.css";
@import "/assets/themes/white/wiki-page.min.css";
@import "/assets/themes/white/wiki-index.min.css";
/* version 22.07.2024 */

.header, .footer{
	padding: 48px 0px;
	font-family: rounded,sans-serif,arial;
}
.content h3{
	font-family: rounded,sans-serif,arial;
}
.navigation-wrap{
	margin-bottom: 48px;
}
.navigation{
	display: flex;
	flex-wrap: wrap;
}
.socials{
	position: relative;
}
.navigation .socials *{
	font-size: 32px;
	line-height: 50px;
	height: 48px;
}
.navigation ul{
	display: flex;
	flex-wrap: wrap;
	flex-grow: 1;
	gap: 24px;
	margin: 0px;
	padding: 0px;
}
.navigation ul li{
	display: inline-block;
}
.navigation-primary i{
	display: none;
}
.navigation ul li a{
	display: block;
	font-size: 20px;
	line-height: 50px;
	height: 48px;
	text-decoration: none;
	color: #FFF;
	font-size: 20px;
	line-height: 53px;
	height: 48px;
	padding: 0px !important;
	font-family: rounded,sans-serif,arial;
}
.navigation ul li a:hover{
	color: #f48;
}
/**/
.header h1{
	padding: 0px;
	margin: 0px;
	line-height: 50px;
	height: 48px;
	font-size: 2rem !important;
	transition: all .3s;
}
.header .title a:hover h1{
	filter: drop-shadow(0px 2px 1px rgb(0 0 0 /0.25));
	scale: 1.03;
	transition: all .3s;
}
.header .title a{
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	width: 100%;
	text-decoration: none;
	color: #FFF;
}
.header .title a *{
	display: inline-block;
}
.header .title a .logo{
	background-image: url(/assets/images/logo.png);
	background-repeat: no-repeat;
	width: 48px;
	height: 48px;
	display: inline-block;
}
/**/
.placeholder{
	background-repeat: no-repeat;
	background-position: center;
	height: 340px;
	background-size: contain;
}
.placeholder-404{
	background-image: url(/assets/images/404.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 512px;
}
.planbox{
	cursor: pointer;
	display: block;
	box-sizing: border-box;
	color: #000;
	text-decoration: none;
	background-color: #FFF;
	padding: 10px;
	border-radius: 10px;
	height: 100%;
	box-shadow: 0px 10px 16px #00000050;
}
.planbox i{
	text-align: center;
	width: 100%;
	font-size: 64px;
	text-shadow: 10px 10px 0px #EA6399;
	color: #63B7EA;
}
.planbox h4{
	text-align: center;
	width: 100%;
	margin: 24px 0px;
}
a.disabled{
	opacity: 0.5;
}
a.disabled:hover{
	color: #000 !important;
}
.footer ul{
	padding: 0px;
	margin: 0px;
}
.footer a{
	display: block;
	box-sizing: border-box;
	padding: 10px;
	border-radius: 44px;
	background-color: #EEE;
	color: #000;
	margin-bottom: 10px;
	text-align: center;
	text-decoration: none;
}
.bigbutton{
	display: block;
	box-sizing: border-box;
	color: #FFF !important;
	cursor: pointer;
	padding: 16px;
	width: 100%;
	font-size: 22px;
	text-decoration: none;
	text-align: center;
	background-color: #EA6399;
	border-radius: 8px;
	background: -moz-linear-gradient(45deg, #7db9e8 0%, #ea6399 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #7db9e8 0%,#ea6399 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #7db9e8 0%,#ea6399 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	transition: 0.3s;
}
.bigbutton:hover{
	filter: contrast(130%);
	background: -moz-linear-gradient(45deg, #7db9e8 0%, #ea6399 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #7db9e8 0%,#ea6399 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #7db9e8 0%,#ea6399 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	transition: 0.3s;
}
.article{
	padding: 24px;
    border-radius: 10px;
    background-color: #FFF;
	box-shadow: 0px 10px 16px #00000050;
	max-width: 60rem;
}
.article p{
	font-size: 18px;
}
.article ul > li, .mce-content-body ul > li{
	list-style: disc !important;
}
.article h3 a{
	text-decoration: none;
	color: #000;
}
.article h3 a:hover{
	color: #f48;
}
.article-content img{
	width: 100% !important;
	height: auto !important;
}
.attachments{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	box-sizing: border-box;
}
.attachments *{
	height: 300px;
	width: 25%;
	box-sizing: border-box;
	flex-grow: 1;
	background-position: center;
	background-size: cover;
	max-width: 425px;
}
.mobile-menu-button{
	cursor: pointer;
	position: absolute !important;
	left: 0px;
	display: none !important;
}
@media screen and (max-width: 1200px)
{
	.attachments *{
		width: 40%;
	}
}
@media screen and (max-width: 992px)
{
	.attachments *{
		width: 100%;
	}
	.placeholder-404{
		height: auto;
		background: unset;
	}
}
@media screen and (max-width: 800px)
{
	.header{
		padding: 24px 0px;
	}
}
@media screen and (max-width: 767px)
{
	.placeholder{
		background-position: center !important;
	}
	.mobile-nodraw{
		display: none !important;
	}
	.mobile-menu-button{
		position: absolute;
		left: 0px;
		display: block !important;
	}
	.navigation-wrap{
		background-color: #1265A1;
	}
	.navigation-wrap *{
		color: #FFF !important;
	}
	.navigation-primary i{
		display: block;
		line-height: 48px;
	}
	.navigation-primary span{
		display: none;
	}
}
.tox-edit-area{
	padding: 10px !important;
}
.userbar{
	font-size: 18px;
	line-height: 32px;
	display: flex;
	flex-wrap: wrap;
	gap:  10px;
	justify-content: right;
	align-items: center;
}
.userbar a{
	font-size: 18px;
	cursor: pointer;
	text-decoration: none;
	color: #000;
}
.userbar .button{
	color: #FFF;
	padding: 0px 10px;
	border-radius: 4px;
	background-color: #EA6399;
}
.selectbox{
	cursor: pointer;
	position: relative;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 2px solid #000;
}
.selectbox.selected::after{
	position: absolute;
	content: ' ';
	top: 4px;
	left: 4px;
	width: 20px;
	height: 20px;
	background-color: #000;
	border-radius: 50%;
}
.select *{
	vertical-align: top;
}
.select label{
	line-height: 32px;
	padding: 0px 10px;
}
.navigator{
	background-color: #FFF;
	border-radius: 4px;
	padding: 0px 8px;
	box-shadow: 0px 10px 16px #00000050;
}
.navigator > *{
	line-height: 24px;
	text-decoration: none;
	color: #000;
	display: inline-block;
	padding: 8px;
}
.article-frame{
	padding: 16px;
	background-color: #FFF;
	border-radius: 4px;
	position: relative;
}
.article-frame .admin{
	position: absolute;
	right: 16px;
}
#article_time > select{
	width: 44px;
	padding: 0px;
}
#article_time > select:nth-child(3){
	width: 64px;
}
.statistics i{
	width: 64px;
	height: 64px;
	line-height: 64px;
}
.statistics i.little{
	font-size: 32px;
}
.statistics i.big{
	font-size: 48px;
}
.block{
	cursor: pointer;
	display: block;
	border: 1px solid #e8e8e8;
	border-radius: 8px;
	box-shadow: 0px 4px 8px #00000021;
	padding: 24px 0px !important;
	transition: box-shadow 0.3s;
}
.block:hover{
	box-shadow: 0px 4px 10px #00000052;
}

.abdl-page-body{
	background-image: url(/assets/images/background-1280.webp), url(/assets/images/pattern.webp);
	background-position: center top, top left;
	background-size: contain, auto;
	background-repeat: no-repeat, repeat !important;
	background-color: #005108;
	min-height: 900px;
}
@media (max-width: 1280px) {
	.abdl-page-body {
	  background-image: url(/assets/images/background-1280.webp), url(/assets/images/pattern.webp);
	}
}
@media (max-width: 1024px) {
	.abdl-page-body {
	  background-image: url(/assets/images/background-1024.webp), url(/assets/images/pattern.webp);
	}
}
@media (max-width: 800px) {
	.abdl-page-body {
	  background-image: url(/assets/images/background-800.webp), url(/assets/images/pattern.webp);
	}
}
@media (max-width: 600px) {
	.abdl-page-body {
	  background-image: url(/assets/images/background-600.webp), url(/assets/images/pattern.webp);
	}
}

.wiki-index .item{
	padding: 8px 0px;
	cursor: pointer;
	display: block;
	border: 2px solid #DDD;
	border-radius: 8px;
	text-align: center;
	text-decoration: none;
	color: #000 !important;
}
.wiki-index .item img{
	padding: 10px;
}
.wiki-index .item:hover{
	filter: contrast(110%);
}
.wiki-index .item:hover img{
	filter: opacity(1);
}
.wiki-index .item-nomore{
	border-color: #FF000080;
	color: #FF000080 !important;
}
.wiki-index .item-nomore h6{
	text-decoration: line-through;
}
.wiki-index .item-nomore img{
	filter: opacity(0.5);
}
.wiki-index .drops, .wiki-page .drops{
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 80%;
	height: 32px;
	max-width: 200px;
	margin: 0px auto;
}
.wiki-brands{
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin-top: 10px;
}
.wiki-brands a{
	padding: 10px;
	border: 1px solid #f48;
	cursor: pointer !important;
	color: #f48 !important;
}
.wiki-brands a.selected{
	background-color: #f48 !important;
	color: #FFF !important;
}
.wiki-page .drops{
	background-position: left;
	background-size: 100%;
}
.wiki-page .infobox{
	padding: 8px;
	border: 2px solid #DDD;
	border-radius: 8px;
}
.wiki-search{
	margin-top: 10px;
}
.wiki-search button, .wiki-search input{
	width: 100%;
	line-height: 41px;
	height: 41px;
	box-sizing: border-box;
	padding: 0px 10px;
	border: 1px solid #999;
	border-radius: 8px;
}

.infobox .purchase-options{
    display: flex;
    width: 100%;
    gap:10px;
    flex-wrap: wrap;
    margin-top:10px;
}

.purchase-options > a{
    background-color: #999;
    color: #FFF;
    text-decoration: none;
    width: 100%;
    text-align: center;
    display: block;
    line-height: 42px;
    border-radius: 4px;
}

.purchase-options .ozon{
    background-color: #005bff;
}

.purchase-options .wb{
    background-color: #cb11ab;
}

.article-hashtags{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 10px;
}
.article-hashtags a{
	text-decoration: none;
	display: block;
	line-height: 26px;
	padding: 0px 10px;
	border-radius: 4px;
	height: 28px;
	color: #f48;
	background-color: #ff448810;
}
.article-hashtags a:hover{
	background-color: #ff448830;
}

.article-frame button, .article-frame select, .article-frame input{
	cursor: pointer;
	border-radius: 6px;
	border: 1px solid #777;
	text-align: center;
	line-height: 32px;
	height: 32px;
	padding: 0px 10px;
	background-color: #FFF;
}
.article-frame button:hover{
	border: 1px solid #000;
}

/* Dark Mode Switcher */

.darkmode-switcher{
	position: relative;
	margin-right: 10px;
	display: inline-block;
	height: 26px;
	width: 40px;
	border-radius: 13px;
	background-color: #EEE;
}
.darkmode-switcher::after{
	content: " ";
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background-color: #FFF;
	position: absolute;
	top: 2px;
	right: 2px;
}
.footer-reset a{
    display: inline-block !important;
    background: transparent !important;
    text-decoration: underline;
    margin: 0px;
    padding: 0px;
}
.diaper-block{
	position: relative;
}
.badge{
	z-index: 100;
	position: absolute;
	bottom: -10px;
	right: 0px;
	height: 32px;
	line-height: 32px;
	width: 32px;
	font-size: 32px;
	display: block;
	color: #FFF;
	padding: 0px;
	color:#EA6399;
}
.badge:hover{
	color:#63B7EA;
}
.mobile-menu{
	font-size: 32px;
	line-height: 53px;
	height: 48px;
	max-width: 100vw;
}
@media screen and (orientation: landscape)
{
    .mobile-menu {
        display: none !important;
    }
}
[data-role="streamBody"]
{
	background: white;
	border-radius: var(--radius-1);
	padding: 1rem;
}
[data-role="primaryNavBar"] {
	filter: drop-shadow(0px 2px 3px rgb(0 0 0 /0.2));
}
#elUserNav {
	filter: drop-shadow(0px 2px 1px rgb(0 0 0 /0.25));
	color: white;
}