body.default-page {
	--default-accent: #4cae4c;
	--default-accent-deep: #3f9840;
	--default-accent-soft: rgba(76, 174, 76, .1);
	--default-top-start: #583230;
	--default-top-end: #360940;
	--default-panel-border: rgba(0, 0, 0, .06);
	--default-panel-bg: #fff;
	--default-panel-alt: #f7f8fa;
}

body.default-page.palette-clean {
	--default-accent: #2563eb;
	--default-accent-deep: #1d4ed8;
	--default-accent-soft: rgba(37, 99, 235, .1);
	--default-top-start: #1d4ed8;
	--default-top-end: #0f172a;
}

body.default-page.palette-teal {
	--default-accent: #00897b;
	--default-accent-deep: #00695c;
	--default-accent-soft: rgba(0, 137, 123, .11);
	--default-top-start: #00796b;
	--default-top-end: #173f3a;
}

body.default-page.palette-forest {
	--default-accent: #2f7d32;
	--default-accent-deep: #256b29;
	--default-accent-soft: rgba(47, 125, 50, .12);
	--default-top-start: #33691e;
	--default-top-end: #1b3d22;
}

body.default-page.palette-rose {
	--default-accent: #c2415d;
	--default-accent-deep: #a7354d;
	--default-accent-soft: rgba(194, 65, 93, .11);
	--default-top-start: #9f4056;
	--default-top-end: #3d2030;
}

body.default-page .myui-topbg {
	background-image: linear-gradient(135deg, var(--default-top-start) 10%, var(--default-top-end) 100%) !important;
}

body.default-page .btn-warm,
body.default-page .page em,
body.default-page .page a:hover,
body.default-page .myui-page .btn-warm,
body.default-page .badge-first,
body.default-page .pic-tag-top {
	background-color: var(--default-accent) !important;
	border-color: var(--default-accent) !important;
	color: #fff !important;
}

body.default-page a:hover,
body.default-page .text-red,
body.default-page .myui-panel__head .title:before,
body.default-page .myui-header__menu > li.active > a {
	color: var(--default-accent) !important;
}

body.default-page .myui-header__logo .logo,
body.default-page .text-logo {
	color: var(--default-accent);
}

body.default-page .myui-panel-bg,
body.default-page .myui-panel-bg2 {
	border: 1px solid var(--default-panel-border);
	background: var(--default-panel-bg);
}

.default-seo-summary,
.default-variant-board,
.default-flow-panel {
	margin-bottom: 20px;
	padding: 15px;
	border: 1px solid var(--default-panel-border);
	border-radius: 5px;
	background: var(--default-panel-bg);
}

.default-seo-summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.default-seo-summary strong {
	flex: 0 0 auto;
	color: var(--default-accent);
	font-size: 16px;
}

.default-seo-summary span {
	flex: 1 1 auto;
	color: #666;
	line-height: 1.7;
}

.default-seo-links,
.default-board-links,
.default-flow-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.default-seo-links a,
.default-board-links a,
.default-flow-links a {
	display: inline-block;
	max-width: 180px;
	padding: 6px 10px;
	border: 1px solid var(--default-panel-border);
	border-radius: 4px;
	background: var(--default-panel-alt);
	color: #555;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.default-seo-links a:hover,
.default-board-links a:hover,
.default-flow-links a:hover {
	border-color: var(--default-accent);
	background: var(--default-accent-soft);
	color: var(--default-accent) !important;
}

.default-variant-board .default-board-title,
.default-flow-panel .default-board-title {
	margin-bottom: 12px;
	font-size: 16px;
	font-weight: 600;
	color: #333;
}

.default-flow-links a strong {
	display: block;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.default-flow-links a span {
	display: block;
	margin-top: 4px;
	color: #999;
	font-size: 12px;
}

body.default-page.tpl-focus .myui-panel:first-of-type,
body.default-page.tpl-catalog .myui-screen__list,
body.default-page.tpl-rank .myui-vodlist__text {
	border-color: var(--default-accent-soft);
}

body.default-page.tpl-focus .myui-vodlist__thumb,
body.default-page.card-poster .myui-vodlist__thumb {
	box-shadow: 0 6px 18px rgba(0, 0, 0, .08);
}

body.default-page.card-compact .myui-vodlist__detail .text,
body.default-page.density-dense .myui-vodlist__detail .text {
	display: none;
}

body.default-page.card-media .myui-vodlist__box {
	border-radius: 5px;
	background: var(--default-panel-alt);
}

body.default-page.card-rank .myui-vodlist__box {
	border-bottom: 2px solid var(--default-accent-soft);
}

body.default-page.flow-rank .myui-panel__head .title,
body.default-page.tpl-rank .default-board-title {
	padding-left: 10px;
	border-left: 4px solid var(--default-accent);
}

body.default-page.flow-catalog .myui-screen__list {
	background: var(--default-panel-alt);
	border-radius: 5px;
}

body.default-page.flow-mixed .myui-panel:nth-of-type(2n) {
	background: var(--default-panel-alt);
}

body.default-page.density-air .myui-panel,
body.default-page.density-air .default-seo-summary,
body.default-page.density-air .default-variant-board,
body.default-page.density-air .default-flow-panel {
	margin-bottom: 26px;
}

body.default-page.density-air [class*=col-],
body.default-page.density-air .myui-content__list li {
	padding: 12px;
}

body.default-page.density-dense .myui-panel,
body.default-page.density-dense .default-seo-summary,
body.default-page.density-dense .default-variant-board,
body.default-page.density-dense .default-flow-panel {
	margin-bottom: 14px;
}

body.default-page.density-dense [class*=col-],
body.default-page.density-dense .myui-content__list li {
	padding: 6px;
}

body.default-page.head-compact .myui-header__top .container,
body.default-page.head-quick .myui-header__top .container {
	min-height: 50px;
}

body.default-page.head-center .myui-header__logo {
	text-align: center;
}

body.default-page.head-navfirst .myui-header__menu {
	border-bottom: 2px solid var(--default-accent-soft);
}

@media (max-width: 767px) {
	.default-seo-summary {
		display: block;
	}

	.default-seo-summary strong {
		display: block;
		margin-bottom: 8px;
	}

	.default-seo-links,
	.default-board-links,
	.default-flow-links {
		margin-top: 10px;
	}

	.default-seo-links a,
	.default-board-links a,
	.default-flow-links a {
		max-width: 48%;
	}
}

.default-headline {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 34px;
	padding: 6px 15px;
	border-bottom: 1px solid rgba(255, 255, 255, .08);
	background: rgba(0, 0, 0, .12);
	color: rgba(255, 255, 255, .84);
	line-height: 1.5;
}

.default-headline a {
	display: inline-block;
	max-width: 160px;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.default-headline span {
	color: rgba(255, 255, 255, .68);
}

.default-headline-center a {
	font-weight: 600;
	color: var(--default-accent);
}

.default-headline-nav,
.default-headline-quick,
.default-headline-compact {
	justify-content: flex-start;
	overflow-x: auto;
}

.default-headline-nav a,
.default-headline-quick a,
.default-headline-compact a {
	flex: 0 0 auto;
	padding: 3px 9px;
	border-radius: 4px;
	background: rgba(255, 255, 255, .08);
}

.default-headline-quick a:first-child,
.default-headline-compact a:first-child {
	background: var(--default-accent);
	color: #fff !important;
}

.default-section-panel,
.default-detail-variant,
.default-list-variant,
.default-detail-micro,
.default-index-profile {
	margin-bottom: 20px;
	padding: 15px;
	border: 1px solid var(--default-panel-border);
	border-radius: 5px;
	background: var(--default-panel-bg);
}

.default-section-title,
.default-detail-title,
.default-list-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
	color: #333;
	font-size: 15px;
	font-weight: 600;
}

.default-detail-title a {
	color: #999;
	font-size: 12px;
	font-weight: 400;
}

.default-section-links,
.default-detail-links,
.default-list-links,
.default-profile-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.default-section-links a,
.default-detail-links a,
.default-list-links a,
.default-profile-links a {
	display: inline-block;
	max-width: 180px;
	padding: 6px 10px;
	border: 1px solid var(--default-panel-border);
	border-radius: 4px;
	background: var(--default-panel-alt);
	color: #555;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.default-section-links a:hover,
.default-detail-links a:hover,
.default-list-links a:hover,
.default-profile-links a:hover {
	border-color: var(--default-accent);
	background: var(--default-accent-soft);
	color: var(--default-accent) !important;
}

.default-entry-grid a {
	flex: 1 1 160px;
	max-width: none;
	min-width: 0;
}

.default-entry-grid a strong,
.default-entry-grid a span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.default-entry-grid a strong {
	color: #333;
}

.default-entry-grid a span {
	margin-top: 3px;
	color: #999;
	font-size: 12px;
}

.default-mini-rank a {
	position: relative;
	padding-left: 34px;
}

.default-mini-rank a span {
	position: absolute;
	top: 50%;
	left: 9px;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	border-radius: 50%;
	background: var(--default-accent-soft);
	color: var(--default-accent);
	font-size: 12px;
	line-height: 18px;
	text-align: center;
}

.default-section-beta,
.default-section-epsilon,
.default-detail-rank,
.default-list-rank,
.default-list-card-rank,
.default-index-profile-rank,
.default-detail-micro-rank,
.default-detail-micro-flow-rank,
.default-detail-micro-card-rank {
	border-left: 3px solid var(--default-accent);
}

.default-section-gamma,
.default-detail-mixed,
.default-list-card-media,
.default-index-profile-mixed,
.default-detail-micro-media {
	background: linear-gradient(180deg, var(--default-panel-bg), var(--default-panel-alt));
}

.default-section-delta,
.default-section-zeta,
.default-detail-catalog,
.default-list-catalog,
.default-index-profile-catalog,
.default-detail-micro-catalog,
.default-profile-stack {
	background: var(--default-panel-alt);
}

.default-list-focus,
.default-index-profile-fresh,
.default-detail-micro-focus,
.default-detail-micro-fresh {
	border-top: 2px solid var(--default-accent-soft);
}

.default-detail-micro .default-detail-title {
	margin-bottom: 0;
}

.default-detail-micro .default-detail-title span {
	display: inline-block;
	max-width: 60%;
	color: #999;
	font-size: 12px;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.default-detail-micro .default-detail-links,
.default-list-card-media .default-list-links,
.default-index-profile .default-profile-links {
	margin-top: 0;
}

.default-profile-stack {
	padding-top: 12px;
	padding-bottom: 12px;
}

.default-section-panel,
.default-detail-micro {
	padding-top: 12px;
	padding-bottom: 12px;
	box-shadow: none;
}

.default-list-variant,
.default-index-profile,
.default-detail-variant {
	box-shadow: 0 4px 14px rgba(0, 0, 0, .03);
}

.default-detail-micro {
	background: var(--default-panel-alt);
}

.default-section-panel + .default-list-variant,
.default-seo-summary + .default-detail-micro,
.default-variant-board + .default-index-profile,
.default-flow-panel + .default-index-profile {
	margin-top: -8px;
}

.default-list-variant .default-list-title,
.default-index-profile .default-board-title {
	color: var(--default-accent-deep);
}

body.default-page.density-air .default-section-panel,
body.default-page.density-air .default-detail-variant,
body.default-page.density-air .default-list-variant,
body.default-page.density-air .default-detail-micro,
body.default-page.density-air .default-index-profile {
	margin-bottom: 26px;
}

body.default-page.density-dense .default-section-panel,
body.default-page.density-dense .default-detail-variant,
body.default-page.density-dense .default-list-variant,
body.default-page.density-dense .default-detail-micro,
body.default-page.density-dense .default-index-profile {
	margin-bottom: 14px;
}

@media (max-width: 767px) {
	.default-headline {
		justify-content: flex-start;
		min-height: 32px;
		overflow-x: auto;
		white-space: nowrap;
	}

	.default-section-links,
	.default-detail-links,
	.default-list-links,
	.default-profile-links {
		margin-top: 10px;
	}

	.default-section-links a,
	.default-detail-links a,
	.default-list-links a,
	.default-profile-links a {
		max-width: 48%;
	}

	.default-entry-grid a {
		flex-basis: 48%;
	}

	.default-detail-micro .default-detail-title {
		display: block;
	}

	.default-detail-micro .default-detail-title span {
		display: block;
		max-width: 100%;
		margin-top: 5px;
	}
}

/* Default header stability fixes */
body.default-page {
	--default-headline-height: 34px;
	--default-header-main-height: 60px;
	--default-header-search-height: 50px;
	--default-header-total-height: 144px;
	--default-header-hide-shift: -94px;
	padding-top: var(--default-header-total-height);
}

body.default-page.active {
	padding-top: var(--default-header-total-height);
}

body.default-page .myui-header__top {
	overflow: visible;
}

body.default-page .myui-header__top.top-fixed {
	margin-top: 0 !important;
	transform: translateY(0);
}

body.default-page .myui-header__top.top-fixed-up {
	transform: translateY(0);
}

body.default-page .myui-header__top.top-fixed-down {
	margin-top: 0 !important;
	transform: translateY(var(--default-header-hide-shift));
}

body.default-page .myui-header__top > .container > .row,
body.default-page .myui-header__search .container > .row {
	display: flex;
	align-items: center;
	min-width: 0;
}

body.default-page .myui-header__top > .container > .row {
	height: var(--default-header-main-height);
	overflow: hidden;
}

body.default-page .myui-header__top > .container > .row:before,
body.default-page .myui-header__top > .container > .row:after,
body.default-page .myui-header__search .container > .row:before,
body.default-page .myui-header__search .container > .row:after {
	display: none;
}

body.default-page .myui-header__logo,
body.default-page .myui-header__menu,
body.default-page .myui-header__user,
body.default-page .myui-header__search li,
body.default-page .myui-header__search .search-hot {
	float: none !important;
}

body.default-page .myui-header__logo {
	flex: 0 1 220px;
	min-width: 120px;
	max-width: 220px;
	padding-right: 18px;
}

body.default-page .myui-header__logo .text-logo {
	width: 100%;
	max-width: 100%;
}

body.default-page .myui-header__menu {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	min-width: 0;
	height: var(--default-header-main-height);
	padding: 0 4px;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

body.default-page .myui-header__menu::-webkit-scrollbar,
body.default-page .myui-header__search .search-hot::-webkit-scrollbar {
	display: none;
}

body.default-page .myui-header__menu > li {
	flex: 0 0 auto;
	margin-left: 24px;
}

body.default-page .myui-header__menu > li:first-child {
	margin-left: 0;
}

body.default-page .myui-header__menu > li > a {
	display: block;
	line-height: var(--default-header-main-height);
	white-space: nowrap;
}

body.default-page .myui-header__user {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: flex-end;
	min-width: 112px;
	height: var(--default-header-main-height);
	margin-left: 18px;
	white-space: nowrap;
}

body.default-page .myui-header__user > li {
	flex: 0 0 auto;
	margin-left: 18px;
}

body.default-page .myui-header__search {
	height: var(--default-header-search-height);
}

body.default-page .myui-header__search .container > .row {
	height: var(--default-header-search-height);
	overflow: hidden;
}

body.default-page .myui-header__search .container > .row > ul {
	display: flex;
	order: 1;
	flex: 0 0 auto;
	align-items: center;
	min-width: 0;
	height: var(--default-header-search-height);
}

body.default-page .myui-header__search .container > .row > ul > li {
	flex: 0 0 auto;
}

body.default-page .myui-header__search li.search-ul {
	width: 56px;
	height: var(--default-header-search-height);
	padding: 15px 18px 0;
}

body.default-page .myui-header__search li.search-select {
	display: flex;
	align-items: center;
	width: 82px;
	height: var(--default-header-search-height);
	margin-top: 0;
	padding: 0 12px 0 14px;
}

body.default-page .myui-header__search li.search-box {
	flex-basis: 260px;
	width: 260px;
	max-width: 260px;
}

body.default-page .myui-header__search li.search-box form {
	width: 100%;
}

body.default-page .myui-header__search li.search-box .form-control {
	width: 100%;
}

body.default-page .myui-header__search .search-hot {
	display: flex;
	order: 2;
	flex: 1 1 auto;
	align-items: center;
	min-width: 0;
	height: var(--default-header-search-height);
	margin-left: 18px;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	line-height: var(--default-header-search-height) !important;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

body.default-page .myui-header__search .search-hot span,
body.default-page .myui-header__search .search-hot a {
	flex: 0 0 auto;
}

body.default-page .myui-header__search .search-hot a {
	margin-left: 16px;
}

@media (max-width: 1199px) {
	body.default-page .myui-header__logo {
		flex-basis: 190px;
		max-width: 190px;
		padding-right: 14px;
	}

	body.default-page .myui-header__menu > li {
		margin-left: 18px;
	}

	body.default-page .myui-header__user {
		min-width: 104px;
		margin-left: 14px;
	}

	body.default-page .myui-header__search li.search-box {
		flex-basis: 220px;
		width: 220px;
		max-width: 220px;
	}
}

@media (max-width: 991px) {
	body.default-page .myui-header__logo {
		flex: 1 1 auto;
		max-width: none;
	}

	body.default-page .myui-header__menu {
		display: none !important;
	}

	body.default-page .myui-header__user {
		min-width: 112px;
		margin-left: 16px;
	}

	body.default-page .myui-header__search .search-hot {
		display: none !important;
	}

	body.default-page .myui-header__search .container > .row {
		justify-content: flex-start;
	}
}

@media (max-width: 767px) {
	body.default-page {
		--default-headline-height: 32px;
		--default-header-total-height: 142px;
		--default-header-hide-shift: -92px;
	}

	body.default-page .myui-header__top .container,
	body.default-page .myui-header__search .container {
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	body.default-page .myui-header__top > .container > .row {
		display: block;
		justify-content: space-between;
		position: relative;
	}

	body.default-page .myui-header__logo {
		display: block;
		width: calc(100% - 118px);
		max-width: calc(100% - 118px);
		min-width: 0;
		padding-right: 10px;
	}

	body.default-page .myui-header__user {
		position: absolute;
		top: 0;
		right: 0;
		display: flex;
		flex: none;
		width: 108px;
		min-width: 0;
		max-width: 108px;
		padding-left: 0;
		margin-right: 0 !important;
		margin-left: 4px;
	}

	body.default-page .myui-header__user > li {
		width: 36px;
		padding-right: 0;
		padding-left: 0;
		margin-left: 0;
		text-align: center;
	}

	body.default-page .myui-header__user > li > a,
	body.default-page .myui-header__user > li > a .fa {
		width: 24px;
		font-size: 20px;
		line-height: 20px;
	}

	body.default-page .myui-header__user > li .dropdown-box {
		right: 0;
	}

	body.default-page .myui-header__search .container > .row {
		display: block;
		height: var(--default-header-search-height);
		overflow: hidden;
	}

	body.default-page .myui-header__search .container > .row:before,
	body.default-page .myui-header__search .container > .row:after {
		display: table;
	}

	body.default-page .myui-header__search .container > .row > ul {
		display: block;
		width: 100%;
		height: var(--default-header-search-height);
	}

	body.default-page .myui-header__search .container > .row > ul > li {
		float: left !important;
	}

	body.default-page .myui-header__search li.search-ul {
		width: auto;
	}

	body.default-page .myui-header__search li.search-select {
		display: block;
		width: auto;
		height: auto;
		margin-top: 15px;
		padding: 0 10px 0 15px;
	}

	body.default-page .myui-header__search li.search-box {
		position: absolute;
		top: 0;
		right: 0;
		left: 120px;
		width: auto !important;
		max-width: none;
	}

	body.default-page .myui-header__search li.search-box .form-control {
		min-width: 0;
	}
}
