@font-face {
	font-family: Roboto;
	font-style: normal;
	font-display: swap;
	font-weight: 400;
	src: url('fonts/roboto-v30-latin_cyrillic-regular.eot');
	src: local(''), url('fonts/roboto-v30-latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v30-latin_cyrillic-regular.woff2') format('woff2'), url('fonts/roboto-v30-latin_cyrillic-regular.woff') format('woff'), url('fonts/roboto-v30-latin_cyrillic-regular.ttf') format('truetype'), url('fonts/roboto-v30-latin_cyrillic-regular.svg#Roboto') format('svg')
}

@font-face {
	font-family: Roboto;
	font-style: italic;
	font-display: swap;
	font-weight: 400;
	src: url('fonts/roboto-v30-latin_cyrillic-italic.eot');
	src: local(''), url('fonts/roboto-v30-latin_cyrillic-italic.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v30-latin_cyrillic-italic.woff2') format('woff2'), url('fonts/roboto-v30-latin_cyrillic-italic.woff') format('woff'), url('fonts/roboto-v30-latin_cyrillic-italic.ttf') format('truetype'), url('fonts/roboto-v30-latin_cyrillic-italic.svg#Roboto') format('svg')
}

@font-face {
	font-family: Roboto;
	font-style: normal;
	font-display: swap;
	font-weight: 500;
	src: url('fonts/roboto-v30-latin_cyrillic-500.eot');
	src: local(''), url('fonts/roboto-v30-latin_cyrillic-500.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v30-latin_cyrillic-500.woff2') format('woff2'), url('fonts/roboto-v30-latin_cyrillic-500.woff') format('woff'), url('fonts/roboto-v30-latin_cyrillic-500.ttf') format('truetype'), url('fonts/roboto-v30-latin_cyrillic-500.svg#Roboto') format('svg')
}

@font-face {
	font-family: Roboto;
	font-style: italic;
	font-display: swap;
	font-weight: 500;
	src: url('fonts/roboto-v30-latin_cyrillic-500italic.eot');
	src: local(''), url('fonts/roboto-v30-latin_cyrillic-500italic.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v30-latin_cyrillic-500italic.woff2') format('woff2'), url('fonts/roboto-v30-latin_cyrillic-500italic.woff') format('woff'), url('fonts/roboto-v30-latin_cyrillic-500italic.ttf') format('truetype'), url('fonts/roboto-v30-latin_cyrillic-500italic.svg#Roboto') format('svg')
}

@font-face {
	font-family: Roboto;
	font-style: normal;
	font-display: swap;
	font-weight: 700;
	src: url('fonts/roboto-v30-latin_cyrillic-700.eot');
	src: local(''), url('fonts/roboto-v30-latin_cyrillic-700.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v30-latin_cyrillic-700.woff2') format('woff2'), url('fonts/roboto-v30-latin_cyrillic-700.woff') format('woff'), url('fonts/roboto-v30-latin_cyrillic-700.ttf') format('truetype'), url('fonts/roboto-v30-latin_cyrillic-700.svg#Roboto') format('svg')
}

@font-face {
	font-family: Roboto;
	font-style: italic;
	font-display: swap;
	font-weight: 700;
	src: url('fonts/roboto-v30-latin_cyrillic-700italic.eot');
	src: local(''), url('fonts/roboto-v30-latin_cyrillic-700italic.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v30-latin_cyrillic-700italic.woff2') format('woff2'), url('fonts/roboto-v30-latin_cyrillic-700italic.woff') format('woff'), url('fonts/roboto-v30-latin_cyrillic-700italic.ttf') format('truetype'), url('fonts/roboto-v30-latin_cyrillic-700italic.svg#Roboto') format('svg')
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0
}

body {
	background-color: var(--body-bg);
	line-height: 21px;
	height: 100%;
	max-height: 400px;
	margin: auto;
	max-width: 1400px;
	font-size: 15px
}

.body,
.fullstory__detail,
.fullstory__img,
.fullstory__info,
.post__block__img {
	position: relative
}

a {
	text-decoration: none;
	outline: 0
}

#dle-content {
	display: contents
}

svg {
	width: 24px;
	height: 24px;
	vertical-align: -7px
}

#edit__profile,
.profile__btn {
	cursor: pointer
}

.profile__msg {
	display: flex;
	justify-content: center;
	padding: 10px;
	gap: 10px;
	align-content: center
}

.profile__msg a {
	display: inline-block;
	padding: 10px 20px;
	color: var(--sidebar-post-font-title);
	border-radius: 10px;
	background: #86868666;
}

.dmenu__overlay.show,
.overlay.show,
.profile__overlay.show {
	opacity: 1;
	pointer-events: all
}

.f__btn {
	background-image: linear-gradient(-25deg, #ff9460 0, #f4416f 100%)
}

.profile__detail {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	padding: 25px 0;
	text-align: center
}

.profile__detail__item {
	display: grid
}

.profile__detail__item__l1 {
	color: var(--main-post-subtitle);
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 500
}

.full__back {
	display: inline-block;
	color: var(--sidebar-link);
	position: relative;
	margin-bottom: 15px;
	margin-left: -10px;
}

.full__back svg {
	width: 29px;
	height: 29px;
	vertical-align: -9px;
}

.full__back:hover svg {
	color: #ff4949;
}

.fullstory__desc,
.fullstory__title,
.profile__detail__item__l2 {
	color: var(--sidebar-post-font-title);
}

.cover__post__subtitle,
.cover__post__title,
.fullstory__subtitle,
.fullstory__title,
.post__block__detail a,
.post__block__title,
.sidebar__post__title {
	white-space: nowrap;
	text-overflow: ellipsis
}

.cover__post__btn,
.cover__post__subtitle,
.cover__post__title {
	left: 20px;
	z-index: 2;
	overflow: hidden
}

.play__modal,
.play__overlay {
	z-index: 11;
	width: 100%;
	visibility: hidden
}

.profile__modal,
.profile__overlay {
	z-index: 11;
	transition: .3s ease-in-out;
	backdrop-filter: blur(10px)
}

.cover__post__btn svg,
.post__block__detail a svg {
	width: 55px;
	height: 55px;
	top: -10px;
	opacity: .3;
	right: -12px;
	filter: drop-shadow(2px 2px 2px #6f000069)
}

.cover__post img,
.fullstory__img img,
.player__block div img,
.post__block__img img,
.profile__info__avatar img,
.sidebar__post__img img {
	top: -50%;
	bottom: -50%;
	right: -50%;
	left: -50%
}

.profile__info__avatar {
	display: flex;
	justify-content: center;
	width: 110px;
	height: 110px;
	position: relative;
	/*! overflow:hidden; */
	left: 50%;
	transform: translate(-50%);
	border-radius: 100%;
	margin-bottom: 15px
}

.profile__info__avatar img {
	position: absolute;
	margin: auto;
	width: 100%;
	border-radius: 100%;
}

.no-overflow {
    overflow: initial;
}

#play__close svg,
.favmod svg {
	width: 30px;
	height: 30px
}

.f__btn,
.search__block .search__in,
body {
	font-family: Roboto, sans-serif
}

.favmod .favmod-unset,
.favmod.active .favmod-add,
.filter__block,
.hide__dp,
.theme-switch input {
	display: none;
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px
}

.alert {
	display: block;
	padding: 15px;
	background-color: var(--alert-bg);
	margin: 20px;
	border-radius: 7px;
	color: var(--alert-font)
}

.main__container,
.sidebar__l,
.sidebar__r {
	background-color: var(--main-bg);
	min-height: 100vh;
}

.main__content {
	display: block;
	background-color: var(--main-bg);
	position: relative;
	overflow: hidden;
	padding-bottom: 10vh;
}

#edit__profile,
.cover__post__btn,
.post__block__detail a,
.profile__btn,
.sidebar__logo span {
	background: linear-gradient(-25deg, #ff9460 0, #f4416f 100%);
}

.navigation span, .navigation a:hover {
	background-color: #ff5357;
}

.main__grid {
	display: grid;
	grid-template-columns: 240px 1fr 300px;
	min-height: 800px
}

.main__posts__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 15px;
	padding: 15px 20px 20px
}

.main__title {
	display: block;
	padding: 20px 0 0 20px;
	font-size: 17px;
	font-weight: 500;
	color: var(--sidebar-title)
}

.main__subtitle {
	display: block;
	padding: 10px 20px 0 20px;
	font-size: 15px;
	color: var(--sidebar-title)
}

.favmod {
	opacity: 1;
	position: absolute;
	top: 35px;
	right: 35px
}

.favmod svg {
	vertical-align: bottom;
	filter: drop-shadow(0 0 3px #00000070)
}

.favmod.active,
.favmod:hover {
	opacity: 1
}

.favmod.active:hover {
	opacity: .7
}

.favmod-add,
.favmod-unset {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff
}

.favmod.active .favmod-unset {
	display: block;
	color: #fff
}

.cover__block,
.profile__block {
	display: block;
	padding: 20px
}

.cover__post__title {
	font-size: 20px;
	color: #fff;
	position: absolute;
	bottom: 83px;
	font-weight: 500;
	max-width: 80%;
}

.cover__post__subtitle {
	font-size: 13px;
	color: #ffffffcf;
	position: absolute;
	bottom: 60px;
	font-weight: 400;
	max-width: 63%
}

.cover__post__btn,
.fullstory__desc .tit,
.fullstory__title {
	font-weight: 500;
	display: block
}

.cover__post__subtitle a {
	color: #ffffffcf
}

.cover__post__btn {
	font-size: 15px;
	color: #fff;
	position: absolute;
	bottom: 20px;
	padding: 6px 10px;
	border-radius: 5px;
	width: 125px
}

.cover__post,
.fullstory,
.fullstory__block {
	position: relative;
	display: block
}

.cover__post__btn svg {
	position: absolute
}

.cover__post {
	width: 100%;
	overflow: hidden;
	height: 0;
	padding: 25% 0
}

.cover__post img,
.fullstory__img img {
	position: absolute;
	margin: auto;
	width: 100%;
	object-fit: cover;
	height: 100%;
}

.cover__post:before {
	height: 100%;
	position: absolute;
	content: "";
	background-image: linear-gradient(30deg, #000 0, #0000 100%);
	width: 100%;
	z-index: 1;
	top: 0;
}

.fullstory__desc {
	display: block;
	padding: 20px;
	line-height: 1.5;
	background-color: #88888814;
	border-top: 1px solid #88888830;
	border-bottom: 1px solid #88888830;
}

.fullstory__desc .tit {
	font-size: 17px;
	margin-bottom: 10px
}

.fullstory__franchise {
	display: block;
	padding: 20px;
	line-height: 1.5;
	border-top: 1px solid #88888830;
}

.fullstory__franchise .tit {
	font-size: 17px;
	margin-bottom: 10px;
	font-weight: 500;
	color: var(--sidebar-post-font-title);
}

.fullstory {
	padding: 20px;
	overflow: hidden
}

.fullstory__img div:first-child {
	overflow: hidden;
	padding: 70% 0;
	height: 0;
	border-radius: 7px;
	filter: blur(10px) brightness(1.3);
	position: absolute;
	top: 0;
	z-index: 4;
	width: 100%
}

.fullstory__img div:nth-child(2n) {
	position: relative;
	overflow: hidden;
	padding: 70% 0;
	height: 0;
	border-radius: 7px;
	top: 0;
	z-index: 5
}

.navigation a,
.navigation span {
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center
}

.play__overlay {
	top: 0;
	left: 0;
	pointer-events: none;
	position: fixed;
	height: 100%;
	background-color: var(--main-bg);
}

.play__modal,
.profile__modal {
	left: 50%;
	transform: translate(-50%, 0)
}

.play__overlay.show {
	visibility: visible;
	display: block;
	pointer-events: all;
	overflow-y: auto
}

.play__modal {
	position: absolute;
	top: 10%;
	max-width: 95%;
	visibility: hidden;
	width: 85rem
}

.play__modal iframe {
	width: 100%;
	height: 35rem;
	border-radius: 10px
}

.play__modal.open {
	visibility: visible
}

#play__close {
	position: absolute;
	color: #fff;
	top: 12px;
	right: 12px;
	background: #3a3a3a;
	padding: 5px 0;
	border-radius: 7px;
	cursor: pointer;
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	z-index: 1111
}

.fullstory__info {
	display: grid;
	position: relative;
	overflow: hidden
}

.fullstory__title {
	overflow: hidden;
	width: 93%;
	font-size: 19px;
	margin-bottom: 3px
}

.fullstory__subtitle,
.post__block__title {
	width: 100%;
	overflow: hidden
}

.fullstory__subtitle {
	color: var(--main-post-subtitle);
	display: block;
	font-weight: 400;
	font-size: 15px;
	margin-bottom: 20px
}

.fullstory__item {
	display: flex;
	color: var(--sidebar-post-font-subtitle);
	font-size: 11px
}

.fullstory__detail {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

#edit__profile,
.fullstory__detail {
	color: #fff;
	margin-top: 10px
}

.fullstory__detail__i {
	display: grid;
	grid-template-columns: 1fr;
	margin-bottom: 10px;
	font-size: 15px
}

.profile__info__name,
.profile__modal__title {
	font-size: 18px;
	display: block;
	text-align: center
}

.profile__contact {
	display: grid;
	padding: 20px;
}

.profile__contact__title {
	font-size: 18px;
	color: var(--sidebar-post-font-subtitle);
	margin-bottom: 10px;
	font-weight: 500;
}

.profile__contact__item a {
	color: var(--sidebar-post-font-title);
}

.fullstory__detail__i1 {
	color: var(--main-post-subtitle);
	font-weight: 500;
	text-transform: uppercase;
	font-size: 12px;
	opacity: .8
}

.fullstory__detail__i2 {
	max-width: 95%;
}

.fullstory__detail .fullstory__detail__i2 a,
.fullstory__detail__i2,
.profile__info__name,
.soc__list {
	color: var(--sidebar-post-font-title)
}

.fullstory__detail__i2 a {
	border-bottom: 1px dashed;
	white-space: nowrap;
}

.fullstory__detail__b {
	display: block;
	padding: 10px 0
}

.fullstory__detail__b a {
	display: inline-block;
	background-color: var(--sidebar-post-item-bg);
	color: var(--sidebar-post-item-font);
	border-radius: 5px;
	padding: 3px 12px;
	font-size: 14px;
	margin-bottom: 5px
}

.fullstory__alert {
	display: block;
	padding: 12px;
	color: #ff6c6c;
	border-radius: 7px;
	margin-top: 25px;
	text-align: center;
	border: 2px solid #ff6c6c
}

.bar__menu,
.navigation a,
.post__block {
	background-color: var(--main-post-bg)
}

.profile__info__name {
	font-weight: 500
}

.profile__info__login {
	display: block;
	color: var(--main-post-subtitle);
	text-align: center
}

#edit__profile {
	display: inline-block;
	padding: 10px 20px;
	border-radius: 10px
}

.profile__modal {
	padding: 20px;
	background-color: var(--modal-bg);
	position: absolute;
	top: -30vw;
	opacity: 0;
	width: 90%;
	max-width: 380px;
	border-radius: 10px;
	visibility: hidden
}

.dmenu__overlay,
.overlay,
.profile__overlay {
	top: 0;
	left: 0;
	pointer-events: none;
	opacity: 0
}

.profile__modal.open {
	opacity: 1;
	visibility: visible;
	top: 20%
}

.profile__user__col {
	display: grid;
	grid-template-columns: 175px 1fr;
	line-height: 35px;
	color: var(--sidebar-post-font-title);
}

.profile__user input[type=password],
.profile__user input[type=text] {
	display: block;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	border: 0;
	background-color: #6d6d6d33;
	border-radius: 7px;
	font-size: 15px;
	margin-bottom: 10px;
	color: var(--sidebar-post-font-title)
}

.profile__user input[type=file] {
	display: block;
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	background: #6d6d6d33;
	padding: 7px 10px;
	border-radius: 7px;
	font-size: 15px;
	color: var(--sidebar-post-font-title)
}

.profile__modal__title {
	padding-bottom: 20px;
	color: var(--sidebar-post-font-title)
}

.profile__user {
	padding: 20px;
}

.profile__btn {
	padding: 10px;
	display: block
}

.profile__btn {
	margin-top: 20px;
	width: 130px;
	border: 0;
	border-radius: 7px;
	font-size: 15px;
	color: var(--sidebar-post-font-title);
	background: #86868666;
}

.profile__overlay {
	position: fixed;
	height: 100%;
	background-color: #00000057;
	width: 100%
}

.soc__title {
	font-size: 18px;
	color: var(--sidebar-post-font-title);
	display: block;
	padding: 10px 0;
}

.navigation {
	font-size: 15px;
	color: var(--sidebar-post-font-title);
	display: flex;
	padding: 20px;
	gap: 7px;
	justify-content: center;
	flex-wrap: wrap;
}

.navigation a,
.navigation span,
.post__block {
	display: block;
	border-radius: 7px
}

.navigation a {
	color: var(--sidebar-link)
}

.sidebar__logo span {
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent 
}

.navigation span {
	color: #fff
}

.post__block {
	padding: 15px;
	overflow: hidden;
	position: relative
}

.post__block__img div:first-child {
	overflow: hidden;
	padding: 55% 0;
	height: 0;
	border-radius: 7px;
	filter: blur(20px);
	position: absolute;
	top: 5px;
	z-index: 4;
	width: 100%;
	opacity: .8;
}

.post__block__img div:nth-child(2n) {
	position: relative;
	overflow: hidden;
	padding: 50% 0;
	height: 0;
	border-radius: 7px;
	top: 0;
	z-index: 5
}

.post__block__img img {
	position: absolute;
	margin: auto;
	object-fit: cover;
	width: 100%;
	height: 100%;
	font-size: 0
}

.post__block__info {
	display: grid
}

.post__block__detail a,
.post__block__title {
	font-size: 14px;
	display: block;
	font-weight: 500
}

.post__block__title {
	color: var(--main-post-title);
	padding: 10px 0 0;
	position: relative;
	z-index: 4
}

.post__block__subtitle {
	display: flex;
	color: var(--main-post-subtitle);
	font-size: 12px;
	font-weight: 500;
	padding-bottom: 10px;
	justify-content: space-between;
	position: relative;
	z-index: 4
}

.post__block__subtitle svg {
	width: 16px;
	height: 16px;
	vertical-align: -3px;
	margin-right: 3px;
	color: var(--star-color)
}

.post__block__detail,
.post__block__detail a {
	color: #fff;
	position: relative
}

.post__block__detail a {
	padding: 6px 10px;
	border-radius: 5px;
	overflow: hidden;
	text-align: inherit
}

.post__block__detail a svg {
	position: absolute
}

.bar__menu {
	display: flex;
	justify-content: space-between;
	position: fixed;
	z-index: 9;
	width: 100%;
	top: 0;
	margin: auto 0;
	align-items: center;
	background-color: var(--bar-menu-bg);
	backdrop-filter: blur(10px)
}

.bar__menu__btn {
	display: inline-block;
	border: 0;
	background-color: transparent;
	color: var(--sidebar-title);
	cursor: pointer;
	font-size: 15px;
	padding: 15px
}

.sidebar__title {
	display: block;
	padding: 15px 0;
	color: var(--sidebar-title);
	font-size: 17px;
	font-weight: 500
}

.sidebar__logo {
	color: var(--main-post-title);
	display: block;
	font-weight: 500;
}

.sidebar__link {
	color: var(--sidebar-post-font-title);
	display: block;
	font-weight: 500
}

.sidebar__l {
	display: block;
	background-color: var(--main-bg);
	border-right: 1px solid #88888830;
}

.sidebar__logo {
	padding: 25px 0 10px 0;
	font-size: 28px;
	text-align: center
}

.sidebar__block {
	margin-bottom: 5px;
	display: block;
	padding: 10px;
}

.sidebar__block .wide {
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
}

.sidebar__block button {
	width: 100%;
	background-color: #8282822e;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
}

.sidebar__block .login_form_links {
	margin-top: 10px;
	margin-bottom: 10px;
	display: flex;
	justify-content:  space-between;
	font-size: 14px;
	padding: 0 5px;
}

.sidebar__block .login_form_links a {
	color: var(--sidebar-title);
}

.sidebar__block ul {
	padding: 0 5px;
}

.sidebar__block li {
	list-style-type: none;
}

.sidebar__link {
	padding: 7px;
	font-weight: 500;
	border-radius: 7px;
}

.sidebar__link:hover {
	background-color: #82828238;
}

.sidebar__link svg {
	vertical-align: -6px;
	margin-right: 12px;
	background-color: #84848429;
	padding: 4px;
	width: 30px;
	height: 30px;
	border-radius: 5px;
	vertical-align: -9px;
	color: var(--main-post-subtitle);
}

.player__block div img,
.sidebar__post__img img {
	margin: auto;
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-size: 0
}

.sidebar__link:hover svg {
	color: var(--sidebar-post-font-title);
	background-color: #8686866e;
}

.sidebar__r {
	display: block;
	padding: 15px;
	background-color: var(--main-bg);
	border-left: 1px solid #88888830;
}

.search__block .filter__btn,
.search__block .search__btn,
.search__block .search__in,
.sidebar__post {
	background-color: var(--sidebar-post-bg);
}

.sidebar__post {
	display: grid;
	grid-template-columns: 65px 1fr;
	padding: 10px;
	grid-gap: 10px;
	margin-bottom: 10px;
	border-radius: 7px;
	overflow: hidden;
	background-color: #6d6d6d33;
}

.sidebar__post__img {
	position: relative
}

.sidebar__post__img div:first-child {
	overflow: hidden;
	padding: 60% 0;
	height: 0;
	border-radius: 7px;
	filter: blur(8px);
	position: absolute;
	top: 0;
	z-index: 4;
	width: 100%
}

.sidebar__post__img div:nth-child(2n) {
	position: relative;
	overflow: hidden;
	padding: 60% 0;
	height: 0;
	border-radius: 7px;
	top: 0;
	z-index: 5
}

.sidebar__post__info {
	display: grid
}

.sidebar__post__title {
	color: var(--sidebar-post-font-title);
	display: block;
	overflow: hidden;
	width: 95%;
	font-weight: 500;
	font-size: 14px
}

.sidebar__post__item {
	display: flex;
	color: var(--sidebar-post-font-subtitle);
	font-size: 11px
}

.sidebar__post__detail {
	color: #fff;
	position: relative
}

.sidebar__post__detail a {
	color: var(--sidebar-post-item-font);
	font-size: 11px;
	display: inline-block;
	padding: 0 7px;
	border-radius: 5px;
	background-color: #8282822e;
	font-weight: 500
}

.player__block {
	display: block;
	padding: 20px 20px 0;
	position: relative
}

.player__block .btn__fav {
	display: inline-block;
	position: absolute;
	top: 40px;
	right: 40px;
	border: 2px solid #fff;
	padding: 5px;
	border-radius: 7px;
	opacity: .8
}

.player__block .btn__fav svg {
	width: 24px;
	height: 24px;
	color: #fff
}

.player__block .btn__play {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 50%;
	color: #000;
	transform: translate(50%, -20%);
	cursor: pointer;
	background-color: #ffffffc4;
	padding: 10px 15px;
	border-radius: 7px;
	font-size: 14px;
	backdrop-filter: blur(10px);
	box-shadow: 0 0 10px 0 #00000038;
	text-transform:  uppercase;
	line-height: 20px;
}

.player__block .btn__play:hover {
	background-color: #fff
}

.player__block .btn__play svg {
	width: 80px;
	height: 80px;
	filter: drop-shadow(0 0 10px #000)
}

.player__block div {
	padding: 25% 0;
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	border-radius: 10px;
	background: var(--sidebar-post-bg)
}

.player__block iframe {
	width: 100%;
	height: 380px;
	border: 0;
	border-radius: 10px;
	background-color: var(--sidebar-bg)
}

.dmenu__overlay,
.overlay {
	position: fixed;
	right: 0;
	bottom: 0;
	background-color: #28282891;
	z-index: 10;
	backdrop-filter: blur(8px) grayscale()
}

.search__block {
	display: grid;
	padding: 10px 0;
	grid-template-columns: 1fr 37px 37px
}

.search__block .search__btn {
	border: 0;
	cursor: pointer;
	color: var(--sidebar-title);
	background-color: #86868630;
}

.search__block .filter__btn {
	border: 0;
	cursor: pointer;
	color: var(--sidebar-title);
	border-radius: 0 7px 7px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #86868630;
}

.f__btn {
	border: 0;
	cursor: pointer;
	color: #fff;
	border-radius: 7px;
	padding: 10px;
	font-size: 15px;
	width: 100% !important;
	font-weight: 500
}

.search__block svg {
	width: 20px;
	height: 20px
}

.search__block .search__in {
	display: block;
	width: 100%;
	padding: 10px 12px;
	border: 0;
	font-size: 14px;
	box-sizing: border-box;
	color: var(--sidebar-title);
	border-radius: 7px 0 0 7px;
	background-color: #86868630;
}

.filter__block input[type=checkbox]:checked,
.filter__block input[type=checkbox]:not(:checked) {
	position: absolute;
	left: -9999px
}

.filter__block input[type=checkbox]:checked+label,
.filter__block input[type=checkbox]:not(:checked)+label {
	display: inline-block;
	position: relative;
	line-height: 20px;
	cursor: pointer;
	background-color: #dfdfdf;
	user-select: none;
	padding: 5px 10px;
	border-radius: 5px;
	margin-bottom: 5px;
	text-align: right;
	max-width: 110px;
	width: 100%
}

.filter__block input[type=checkbox]:checked+label {
	background-color: #999
}

.filter__block input[type=checkbox]:checked+label:before {
	content: "-";
	position: absolute;
	left: 10px
}

.filter__block input[type=checkbox]:not(:checked)+label:before {
	content: "+";
	position: absolute;
	left: 10px
}

.mylists-tabs {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	list-style: none;
	font-size: 14px;
	padding: 15px 0 5px
}

.mylists-tabs a {
	padding: 10px;
	width: 100%;
	text-align: center;
	color: var(--main-post-subtitle);
	background-color: var(--sidebar-bg)
}

.mylists-tabs a.active {
	color: var(--sidebar-post-font-title);
	font-weight: 500
}

.btn-up {
	position: fixed;
	background-color: #5c5c5c70;
	left: 70px;
	bottom: 20px;
	border-radius: 10px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity 0.15s ease-in-out, transform 0.3s ease-in-out;
	color: var(--sidebar-link);
	width: 40px;
	height: 40px;
	opacity: 1;
	transform: translateY(0);
	backdrop-filter: blur(10px);
}

.btn-up_hide {
	display: none;
}

.btn-up_hiding {
	opacity: 0;
	transform: translateY(100px);
}

.btn-up-icon {
	width: 40px;
	height: 40px;
	fill: currentcolor;
}

@media screen and (max-width:768px) {
	
	.fullstory__detail {
		grid-template-columns: 1fr;
	}
	
	.profile__user__col {
		grid-template-columns: 1fr;
	}

	.cover__post {
		padding: 35% 0
	}

	.main__posts__grid,
	.mylists-tabs {
		grid-template-columns: repeat(2, 1fr)
	}
	
	.post__block {padding: 12px;}

	.fullstory,
	.fullstory__detail__i,
	.main__grid,
	.profile__detail {
		grid-template-columns: 1fr
	}

	.sidebar__l,
	.sidebar__r {
		position: fixed;
		z-index: 11;
		height: 100%;
		top: 0;
		overflow-y: auto;
		padding-bottom: 10vh;
	}

	.play__modal iframe {
		height: 320px
	}

	.main__content {
		padding-top: 40px;
		padding-bottom: 75px;
	}

	.profile__detail {
		padding-top: 20px;
		text-align: left;
		grid-gap: 15px
	}

	.sidebar__logo {
		display: flex;
		padding: 10px 22px;
		font-size: 25px;
		color: var(--sidebar-link);
		margin-bottom: 0;
		font-weight: 500;
		text-align: center
	}

	.sidebar__l {
		left: -100%;
		width: 70%
	}

	.sidebar__l.open {
		left: 0;
		background-color: var(--sidebar-bg);
	}

	.sidebar__r {
		right: -100%;
		width: 300px;
		overflow-y: auto
	}

	.sidebar__r.open {
		right: 0;
		background-color: var(--sidebar-bg);
	}

	.fullstory {
		border-radius: 0
	}

	.fullstory__block {
		padding: 0;
		margin-top: -3px
	}

	.fullstory__img {
		margin-top: 10px;
		margin-left: 75px;
		margin-right: 75px
	}

	.player__block iframe {
		height: 240px !important
	}

	.hide__dp {
		display: block;
	}

	.hide__sm {
		display: none
	}
}

.theme-switch-wrapper {
	display: flex;
	align-items: center
}

.switcher,
.theme-switch {
	cursor: pointer;
	position: relative;
	display: inline-block
}

.theme-switch-wrapper em {
	margin-left: 10px;
	font-size: 1rem
}

.theme-switch {
	width: 40px;
	height: 40px;
	padding: 7px 0;
	position: fixed;
	left: 20px;
	bottom: 20px;
	background-color: #5c5c5c70;
	border-radius: 10px;
	backdrop-filter: blur(10px)
}

.switcher svg {
	position: absolute !important;
	width: 22px;
	height: 22px;
	top: 50%;
	transform: translate(10px, -50%);
	color: var(--sidebar-link);
	pointer-events: none;
}

.switcher {
	bottom: 0;
	left: -1px;
	right: 0;
	top: 2px;
	width: 24px;
	height: 24px
}

.switcher:before {
	background-color: var(--333);
	position: absolute;
	transition: .4s;
	width: 92px;
	font-size: 11px
}

.feather-moon {
	opacity: 0;
	left: 9px;
	bottom: 9px;
	transform: translateX(4px)
}

.feather-sun,
input:checked+.switcher .feather-moon {
	opacity: 1;
	transform: translateX(0)
}

.feather-sun {
	right: 10px;
	bottom: 9px
}

input:checked+.switcher .feather-sun {
	opacity: 0;
	transform: translateX(-4px)
}

:root {
	--body-bg: #acacac;
	--sidebar-bg: #f2f2f2;
	--sidebar-title: #333;
	--sidebar-link: #2d2d2d;
	--sidebar-post-bg: #dfdfdf;
	--sidebar-post-font-title: #000;
	--sidebar-post-font-subtitle: #000;
	--sidebar-post-item-font: #4d4d4d;
	--sidebar-post-item-bg: #c6c6c6;
	--bar-menu-bg: #ffffff82;
	--main-btn-watch-bg: #000;
	--main-btn-watch-font: #000;
	--main-bg: #fff;
	--main-post-bg: #dfdfdf;
	--main-post-title: #222;
	--main-post-subtitle: #686868;
	--main-cover-bg: #000;
	--main-cover-title: #000;
	--star-color: #ff6c00;
	--alert-bg: #ff00001c;
	--alert-font: #6d3e3e;
	--modal-bg: #fff;
	--modal-font: #fff;
	--pl-btn: #e6e6e6;
	--pl-btn-active: #b9b9b9;
	--pl-icon-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M1.18164 12C2.12215 6.87976 6.60812 3 12.0003 3C17.3924 3 21.8784 6.87976 22.8189 12C21.8784 17.1202 17.3924 21 12.0003 21C6.60812 21 2.12215 17.1202 1.18164 12ZM12.0003 17C14.7617 17 17.0003 14.7614 17.0003 12C17.0003 9.23858 14.7617 7 12.0003 7C9.23884 7 7.00026 9.23858 7.00026 12C7.00026 14.7614 9.23884 17 12.0003 17ZM12.0003 15C10.3434 15 9.00026 13.6569 9.00026 12C9.00026 10.3431 10.3434 9 12.0003 9C13.6571 9 15.0003 10.3431 15.0003 12C15.0003 13.6569 13.6571 15 12.0003 15Z'%3E%3C/path%3E%3C/svg%3E");
	--pl-icon-eye-active: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI4IDI4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4NCiAgICANCiAgICA8dGl0bGU+aWNvbi8yOC9pY29uLWV5ZTwvdGl0bGU+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogICAgPGRlZnM+Cg08L2RlZnM+DQogICAgPGcgaWQ9Im91dCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+DQogICAgICAgIDxwYXRoIGQ9Ik0xNCw1LjI1IEM4LjE2NjY2NjY3LDUuMjUgMy4xODUsOC44NzgzMzMzMyAxLjE2NjY2NjY3LDE0IEMzLjE4NSwxOS4xMjE2NjY3IDguMTY2NjY2NjcsMjIuNzUgMTQsMjIuNzUgQzE5LjgzMzMzMzMsMjIuNzUgMjQuODE1LDE5LjEyMTY2NjcgMjYuODMzMzMzMywxNCBDMjQuODE1LDguODc4MzMzMzMgMTkuODMzMzMzMyw1LjI1IDE0LDUuMjUgTDE0LDUuMjUgTDE0LDUuMjUgWiBNMTQsMTkuODMzMzMzMyBDMTAuNzgsMTkuODMzMzMzMyA4LjE2NjY2NjY3LDE3LjIyIDguMTY2NjY2NjcsMTQgQzguMTY2NjY2NjcsMTAuNzggMTAuNzgsOC4xNjY2NjY2NyAxNCw4LjE2NjY2NjY3IEMxNy4yMiw4LjE2NjY2NjY3IDE5LjgzMzMzMzMsMTAuNzggMTkuODMzMzMzMywxNCBDMTkuODMzMzMzMywxNy4yMiAxNy4yMiwxOS44MzMzMzMzIDE0LDE5LjgzMzMzMzMgTDE0LDE5LjgzMzMzMzMgTDE0LDE5LjgzMzMzMzMgWiBNMTQsMTAuNSBDMTIuMDYzMzMzMywxMC41IDEwLjUsMTIuMDYzMzMzMyAxMC41LDE0IEMxMC41LDE1LjkzNjY2NjcgMTIuMDYzMzMzMywxNy41IDE0LDE3LjUgQzE1LjkzNjY2NjcsMTcuNSAxNy41LDE1LjkzNjY2NjcgMTcuNSwxNCBDMTcuNSwxMi4wNjMzMzMzIDE1LjkzNjY2NjcsMTAuNSAxNCwxMC41IEwxNCwxMC41IEwxNCwxMC41IFoiIGlkPSJwYXRoIiBmaWxsPSIjMDAwMDAwIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4KDTwvcGF0aD4NCiAgICA8L2c+DQo8L3N2Zz4=");
	--pl-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='28' height='28'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath fill='gray' d='M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z'/%3E%3C/svg%3E");
	--pl-arrow-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='28' height='28'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath fill='gray' d='M10.828 12l4.95 4.95-1.414 1.414L8 12l6.364-6.364 1.414 1.414z'/%3E%3C/svg%3E")
}

:root[data-theme=dark] {
	--body-bg: #0f0f0f;
	--sidebar-bg: #181818;
	--sidebar-title: #e8e8e8;
	--sidebar-link: #ececec;
	--sidebar-post-bg: #242424;
	--sidebar-post-font-subtitle: #b9b9b9;
	--sidebar-post-font-title: #e1e1e1;
	--sidebar-post-item-font: #868686;
	--sidebar-post-item-bg: #393939;
	--bar-menu-bg: #222222a3;
	--main-btn-watch-bg: #000;
	--main-btn-watch-font: #000;
	--main-bg: #222;
	--main-post-bg: #313131;
	--main-post-title: #ececec;
	--main-post-subtitle: #8c8c8c;
	--main-cover-bg: #000;
	--main-cover-title: #000;
	--star-color: #ffc94a;
	--alert-bg: #ff9e9e1c;
	--alert-font: #8c6d6d;
	--modal-bg: #313131;
	--modal-font: #fff;
	--pl-btn: #373737;
	--pl-btn-active: #4b4b4b;
	--pl-icon-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M1.18164 12C2.12215 6.87976 6.60812 3 12.0003 3C17.3924 3 21.8784 6.87976 22.8189 12C21.8784 17.1202 17.3924 21 12.0003 21C6.60812 21 2.12215 17.1202 1.18164 12ZM12.0003 17C14.7617 17 17.0003 14.7614 17.0003 12C17.0003 9.23858 14.7617 7 12.0003 7C9.23884 7 7.00026 9.23858 7.00026 12C7.00026 14.7614 9.23884 17 12.0003 17ZM12.0003 15C10.3434 15 9.00026 13.6569 9.00026 12C9.00026 10.3431 10.3434 9 12.0003 9C13.6571 9 15.0003 10.3431 15.0003 12C15.0003 13.6569 13.6571 15 12.0003 15Z'%3E%3C/path%3E%3C/svg%3E");
	--pl-icon-eye-active: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI4IDI4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4NCiAgICANCiAgICA8dGl0bGU+aWNvbi8yOC9pY29uLWV5ZTwvdGl0bGU+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogICAgPGRlZnM+Cg08L2RlZnM+DQogICAgPGcgaWQ9Im91dCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+DQogICAgICAgIDxwYXRoIGQ9Ik0xNCw1LjI1IEM4LjE2NjY2NjY3LDUuMjUgMy4xODUsOC44NzgzMzMzMyAxLjE2NjY2NjY3LDE0IEMzLjE4NSwxOS4xMjE2NjY3IDguMTY2NjY2NjcsMjIuNzUgMTQsMjIuNzUgQzE5LjgzMzMzMzMsMjIuNzUgMjQuODE1LDE5LjEyMTY2NjcgMjYuODMzMzMzMywxNCBDMjQuODE1LDguODc4MzMzMzMgMTkuODMzMzMzMyw1LjI1IDE0LDUuMjUgTDE0LDUuMjUgTDE0LDUuMjUgWiBNMTQsMTkuODMzMzMzMyBDMTAuNzgsMTkuODMzMzMzMyA4LjE2NjY2NjY3LDE3LjIyIDguMTY2NjY2NjcsMTQgQzguMTY2NjY2NjcsMTAuNzggMTAuNzgsOC4xNjY2NjY2NyAxNCw4LjE2NjY2NjY3IEMxNy4yMiw4LjE2NjY2NjY3IDE5LjgzMzMzMzMsMTAuNzggMTkuODMzMzMzMywxNCBDMTkuODMzMzMzMywxNy4yMiAxNy4yMiwxOS44MzMzMzMzIDE0LDE5LjgzMzMzMzMgTDE0LDE5LjgzMzMzMzMgTDE0LDE5LjgzMzMzMzMgWiBNMTQsMTAuNSBDMTIuMDYzMzMzMywxMC41IDEwLjUsMTIuMDYzMzMzMyAxMC41LDE0IEMxMC41LDE1LjkzNjY2NjcgMTIuMDYzMzMzMywxNy41IDE0LDE3LjUgQzE1LjkzNjY2NjcsMTcuNSAxNy41LDE1LjkzNjY2NjcgMTcuNSwxNCBDMTcuNSwxMi4wNjMzMzMzIDE1LjkzNjY2NjcsMTAuNSAxNCwxMC41IEwxNCwxMC41IEwxNCwxMC41IFoiIGlkPSJwYXRoIiBmaWxsPSIjZmZmZmZmIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4KDTwvcGF0aD4NCiAgICA8L2c+DQo8L3N2Zz4=");
	--pl-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='28' height='28'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath fill='white' d='M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z'/%3E%3C/svg%3E");
	--pl-arrow-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='28' height='28'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath fill='white' d='M10.828 12l4.95 4.95-1.414 1.414L8 12l6.364-6.364 1.414 1.414z'/%3E%3C/svg%3E")
}