:root {
	--footer-height: 62px;
}
.left-nav{
	position:absolute;
	left:0;
	top:0;
	height:100%;
}
.menu__item {
	padding: 5px 15px;
	font-weight: normal;
	font-size:16px;
	align-content:center;
	display:flex;
	flex-direction: row;
	gap: 2px;
}
.menu__item-text {
	padding:5px 10px;
}
.menu__item-img {
	width:24px;
	height:24px;
}
.menu__item-svg {
	width:24px;
	height:24px;
	padding-right:2px;
	fill: #fff;
}
.menu {
	background-color:#2f1c55;
	height:100%;
	z-index:2100;
	position:fixed;
	overflow-y: scroll;
	padding-bottom: 65px;
}
.img_avatar{
	width:120px;
	border-radius: 50%;
	margin:10px 0;
	height:120px;
	align-items:center;
	justify-content: center;
	overflow:hidden;
	background:#261F3E;
}
.point_event{
	position:absolute;
	left: 20px;
	top: 0px;
	width: 10px;
	height: 10px;
	background: #ff0000;
	border-radius: 50%;
	z-index:1;
}
.hamburger__item {
	text-decoration:none;
	display:block;
	padding:2px 0;
}
.close_menu{
	font-size:25px;
	cursor:pointer;
	border:1px solid #fff;
	border-radius:50%;
	width:30px;
	height:30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.main_content {
	width: 100%;
	max-width: 1200px;
	display: flex;
	flex-direction: column;
	margin-top: 14px;
	flex-grow: 2;
	padding: 10px;
	margin-bottom: var(--footer-height);
}
.round__block{
	background: #261F3E;
	font-size: 14px;
	border-radius: 20px;
}
.round__block::placeholder{
	font-size: 16px;
}
.btn{
	appearance: none;
	display: inline-flex;
	justify-content: center;
    align-items: center;
    padding: 6px 15px;
    border-radius: 10px;
    font-size: 14px;
	transition: background-color .18s, border-color .18s, color .18s;
    cursor: pointer;
    white-space: nowrap;
    line-height: normal;
    background-image: none;
    border: 1px solid transparent;
	text-decoration: none;
	height: max-content;
	gap: 5px;
}
.btn_xs {
	padding: 2px 5px;
    font-size: 12px;
}
.btn_s {
	padding: 5px 10px;
    font-size: 13px;
}
.btn_l {
    padding: 8px 18px;
    font-size: 14px;
}

.btn_xl {
    padding: 9px 21px;
    font-size: 16px;
}

.btn_xxl {
    padding: 12px 24px;
    font-size: 18px;
    border-radius: 6px;
}
.btn_dark_blue{
	background: linear-gradient(180deg, #362951, #1D1736);
	justify-content: space-between;
	align-items: center;
}
.btn_dark_blue .menu__item-img {
	transform: rotate(0deg);
	transition-property: transform;
	transition-duration: .5s;
}
.btn_gradient_astro {
    background: linear-gradient(270deg, #693CEE, #A742C4);
    color: #FFF;
    border-color: transparent;
	justify-content: space-between;
	align-items: center;
}
.btn_gradient_astro svg {
	fill: #fff;
}
.btn_gradient_astro .menu__item-img {
	transform: rotate(180deg);
	transition-property: transform;
	transition-duration: .5s;
}
.btn_yellow {
    background-color: #FFCD35;
    color: #212121;
    border-color: transparent;
}

.btn_gradient {
    background: linear-gradient(270deg, #693CEE, #A742C4);
    color: #FFF;
    border-color: transparent;
	transition: opacity 0.2s ease-in-out;
}
.btn_gradient:disabled {
	opacity: 0.7;
	cursor: progress;
}
.btn_border {
	border: 1px solid #9A40CC;
}

.btn_grey {
	background-color: #EDEDED;
	justify-content: space-between;
	align-items: center;
	color:#000;
}
.btn_grey:hover {
	color:#000;
}

.counter{
	width:25px;
	height:25px;
	border-radius:25px;
	background:#B11F1F;
	color: #FFF;
	text-align:center;
	padding-top:5px;
	font-size:12px;
}

.footer {
	height: var(--footer-height);
	background: linear-gradient(180deg, #362951, #1D1736);
	justify-content: space-between;
	align-items: center;
	position: fixed;
	bottom: 0;
	left: auto;
	width: 100%;
	z-index:100;
	max-width: 900px;
	margin: 20px auto 0 auto;
}
.bottom-menu__item {
	justify-content: center;
	align-items: center;
	width: 100%;
	font-size: 12px;
	color: #fff;
	gap: 4px;
	margin: 0 auto;
	cursor: pointer;
	flex-direction: column;
	position: relative;
}
.footerMobile > .bottom-menu__item {
	font-size: 0.65em;
}
.bottom-menu__item.bottom-menu__item__active > .bottom-menu__item__icons svg,
.bottom-menu__item.bottom-menu__item__active > svg {
	fill: #7E7A8C;
}
.bottom-menu__item.bottom-menu__item__active > .bm__item {
	color: #7E7A8C;
}
.bottom-menu__item:hover {
	cursor:pointer;
	color:#fff;
}
.bottom-menu__item__icons {
	position: relative;

}
.bm__item {
	position: relative;
	color:#fff;
	font-size: 10px;
}
.purple{
	color:#917AD2;
}

.h1-global {
	line-height: 1em;
}
.h1-global_clipped {
	-webkit-line-clamp: 2;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.dialog_remove{
	border-radius: 50%;
	border:1px solid #fff;
	width:25px;
	height:25px;
	display:flex;
	align-items: center;
	justify-content: center;
	margin-left:5px;
	margin-top:10px;
	cursor:pointer;
}
.header_ava {
	width:40px;
	height:40px;
	border-radius: 40px;
	margin:10px 10px 0 0;
	display: inline-block;
	background-position: center center;
	background-size: cover;
}
.header {
	/*background: #ddd;*/
	height: auto;
	min-height: 60px;
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
	overflow: hidden;
}

.header__nav {
	position: relative;
	margin-left: 10px;
}

.hamburger {
	width: 24px;
	height: 24px;
	cursor:pointer;
}
.back {
	width: 35px;
	height: 35px;
}
.header__block {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
.header h1 {
	cursor: default;
}
.header__title,
.header__subtitle {
	padding: 0;
	margin: 0;
	color: #ffffff;
	cursor: default;
}
.header__title {
	font-size: 20px;
	font-weight: 500;
}
.header__title_login {
	font-size:24px!important;
	justify-content: center!important;
	text-align: center;
}
.header__subtitle {
	font-size: 14px;
	margin-top: 2px;
}
.header__open_spoiler {
	width: 24px;
	height: 24px;
	cursor: pointer;
	border-radius: 50%;
	margin-left: 10px;
}
.header__open_spoiler img {
	width: 100%;
	height: 100%;
}

.msg_cnt {
	position: absolute;
	color: #fff;
	top: 0;
	right: 0;
	background: #FF0000;
	border-radius: 15px;
	width: 15px;
	text-align: center;
	font-size: 12px;
}
.msg_cnt__notify {
	position: absolute;
	float: left;
	display: block;
	margin: 0 auto;
	/*left: -7px;*/
	top: -40px;
	background-color: #333;
	color: #fff;
	font-weight: 400;
	font-size: 12px;
	padding: 5px;
    border-radius: 4px;
	text-align: center;
	min-width: 180px;
}
.msg_cnt__notify:after {
	position: absolute;
	content: "";
	width: 0px;
	height: 0px;
	border-style: solid;
	bottom: -8px;
	left: 50%;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	border-top: 8px solid #333333;
	border-bottom: 0;
}

.pnt_event{
	position:absolute;
	top: -1px;
	right: -1px;
	width: 15px;
	height: 15px;
	background: #ff0000;
	border-radius: 50%;
	z-index:1;
}

.results_list{
	max-height: inherit;
	overflow-y: scroll;
}
.results_list::-webkit-scrollbar {
	width: 6px;
	background-color: rgba(26, 24, 47, 0.15);
	border-radius: 5px;
}
.results_list::-webkit-scrollbar-thumb {
	background: #4b4a55;
	border-radius: 5px;
	width: 5px;
}
.lb__row{
	margin-bottom:15px;
	align-items: center;
	font-size:11px;
	cursor: pointer;
}
.leaderboard__img{
	object-fit: cover;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	min-width:60px;
}
.points{
    background: linear-gradient(90deg, #693CEE, #A742C4);
    color: #FFF;
    border-color: transparent;
	width:40px;
	height:40px;
	border-radius: 40px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	margin-left: auto;
	padding:0;
	line-height: 1;
}
.service-info-text {
  color: rgba(255,255,255,.5);
  font-weight: 400;
  font-size: 16px;
  line-height: 138%;
  margin-bottom: 30px;
}
.service-info-subtitle {
	color: rgba(255,255,255,.5);
	font-weight: 600;
	font-size: 22px;
	line-height: 150%;
	display: block;
	margin-bottom: 25px;
}
.service-info-title {
	display: block;
	font-weight: 700;
	font-size: 32px;
	line-height: 150%;
	color: rgba(255,255,255,.5);
	margin-bottom: 25px;
}
.zodiak{
	width:18px;
	height:18px;
	margin-left: 0;
	padding-left:25px!important;
}

.capricorn, .zodiak1 {
	background: url(/images/zodiak/capricorn.svg) no-repeat;
}
.aquarius, .zodiak2 {
	background: url(/images/zodiak/aquarius.svg) no-repeat;
}
.fish, .zodiak3 {
	background: url(/images/zodiak/fish.svg) no-repeat;
}
.aries, .zodiak4 {
	background: url(/images/zodiak/aries.svg) no-repeat;
}
.taurus, .zodiak5 {
	background: url(/images/zodiak/taurus.svg) no-repeat;
}
.twins, .zodiak6 {
	background: url(/images/zodiak/twins.svg) no-repeat;
}
.cancer, .zodiak7 {
	background: url(/images/zodiak/cancer.svg) no-repeat;
}
.lion, .zodiak8 {
	background: url(/images/zodiak/lion.svg) no-repeat;
}
.virgo, .zodiak9 {
	background: url(/images/zodiak/virgo.svg) no-repeat;
}
.libra, .zodiak10 {
	background: url(/images/zodiak/libra.svg) no-repeat;
}
.scorpio, .zodiak11 {
	background: url(/images/zodiak/scorpio.svg) no-repeat;
}
.sagittarius, .zodiak12 {
	background: url(/images/zodiak/sagittarius.svg) no-repeat;
}

.photo_sel{
	height:20px;
	width:100%;
	margin-right:10px;
	padding:0;
	position: relative;
}
.photo_sel__inner{
	width:100%;
	height:7px;
	bottom:0;
	position:absolute;
}
.photo_active{
	background:#fff;
}
.photo_inactive{
	background:#383745;
}
.answer_share_block{
	width: 100%;
	position: relative;
	height: 0;
	overflow: hidden;
}

.block_anketa{
	width: 100%;
	height: 60vh;
	cursor: pointer;
	aspect-ratio: 9/16;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	max-width: 400px;
	margin: 0 auto;
	border-radius: 10px;
}
@media (max-width: 320px) {
	.block_anketa{
		height:50vh !important;
		aspect-ratio: 9/10	 !important;
	}
}
.block__spoiler_about{
	background:#0E0729;
	padding:15px;
	font-size:15px;
	text-align: left;
	line-height: 140%;
}
@media (max-width: 375px) {
	.block__spoiler_about{
		font-size:15px;
	}
}
.reasons_list {
	background: #fff;
	border-radius: 25px;
	padding:5px 10px;
	font-size:15px;
}
.fancybox-button--share[data-fancybox-share] {
	display: none;
}

.lb__item__row {
	position: relative;
	display: flex;
	flex-direction: row;
	width: 100%;
	text-decoration: none;
	justify-content: flex-start;
	margin-bottom: 15px;
}
.lb__item__row:last-child {
	margin-bottom: 0;
}
.item__row__position {
	font-size: 12px;
	color: #ffffff;
	vertical-align: middle;
	align-content: center;
	width: 100%;
	max-width: 24px;
	min-width: 24px;
	text-align: center;
}

.item__row__info {
	background-color: #261F3E;
	/*background-color: #ddd;*/
	border-radius: 50px;
	width: 100%;
	padding: 10px;
	display: flex;
	flex-direction: row;
}
.item__row_avatars {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-right: 10px;
}
.item__row__heart__wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
	pointer-events: none;
}
.item__row__heart {
	width: 30px;
	height: 30px;
	position: absolute;
	border-radius: 50%;
	border: 1px solid #ffffff;
	align-self: center;
}
.item__row_avatars__wrap {
	position: relative;
	z-index: 0;
	width: 100px;
	height: 100px;
}
.item__row_avatars__img {
	border-radius: 50%;
	border: 1px solid #ffffff;
	height: 100%;
	width: 100%;

}
@media (max-width: 375px) {
	.item__row_avatars__wrap {
		width: 90px;
		height: 90px;
	}
}
@media (max-width: 320px) {
	.item__row_avatars__wrap {
		width: 60px;
		height: 60px;
	}
}


.item__row_names {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	color: #ffffff;
	font-size: 12px;
	line-height: 14px;
	align-items: center;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	gap: 3px;
}
.item__row_names__name {
	text-overflow: ellipsis;
	overflow: hidden;
	text-wrap: nowrap;
}
@media (max-width: 500px) {
	.item__row_names {
		display:none !important;
	}
}
@media (max-width: 375px) {

	.item__row_names__name {
		max-width: 45%;
	}
}
.item__row__separator {
	flex-grow: 1;
}
.item__row__points {
	display: flex;
	flex-direction: column;
	background: linear-gradient(90deg, #693CEE, #A742C4);
    color: #FFF;
	width: 100%;
	min-width: 60px;
	max-width: 60px;
	height: 100%;
	min-height: 60px;
	max-height: 60px;
	border-radius: 50%;
	font-weight: bold;
	align-items: center;
	justify-content: center;
}
.item__row__points_line1 {
	font-size: 10px;
	line-height: 10px;
}
.item__row__points_line2 {
	font-size: 16px;
	line-height: 16px;
}
.item__row__points-cont {
	text-align: center;
	align-content: start;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
	gap: 5px;
	min-width: 80px;
}

.city_selector__wrap {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	height: 100%;
	background-color: #fff;
	z-index: 9999;
	display: none;
}
.city_selector {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%
}
.city_selector__input {
	border-radius: 8px;
	font-size: 16px;
	padding: 12px 10px;
	border: none;
	outline: none;
	width: 100%;
	background-color: #ededed;
	color: #000;
	flex-grow: 1;
}
.city_selector__header {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	padding: 10px;
	background: linear-gradient(270deg, #3C4FEE, #4F3377);
}
.city_selector__icon_search {
	width: 24px;
	height: 24px;
	min-height: 24px;
	min-width: 24px;
	background-image: url(/images/search.svg);
	background-repeat: no-repeat;
	background-position: center center;
}
.city_selector__cancel {
	font-size: 16px;
	height: 100%;
	font-size: 14px;
	display: flex;
	align-items: center;
	color: #fff;
	cursor: pointer;
}
.city_selector__separator {
	width: 100%;
	height: 1px;
	background-color: #ededed;
}
.city_selector__list {
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: column;
	overflow-y: auto;
}
.city_selector__item {
	display: flex;
	flex-direction: column;
	gap: 5px;
	color: #444;
	padding: 10px 10px;
	cursor: pointer;
}
.city_selector__item__title,
.city_selector__item__subtitle {
	text-overflow: ellipsis;
	overflow: hidden;
	text-wrap: nowrap;
}
.city_selector__item__title {
	font-size: 14px;
}
.city_selector__item__subtitle {
	font-size: 12px;
}

.chats_list {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: 10px;
}
.chat_item {
	display: flex;
	flex-direction: row;
	align-items: center;
	overflow: hidden;
	/*padding: 10px;
	border-radius: 4px;
	background-color: #222;*/
	background-color: #261F3E;
	/*background-color: #ddd;*/
    border-radius: 20px;

	margin-bottom: 15px;
}
.chat_item__content {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	/*padding: 10px;*/
	border-radius: 4px;
	cursor: pointer;
	width: 100%;
}
.chat_item__controls {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}
.chat_item__controls button {
	width: 100%;
}
.chat_avatar {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin-left: 10px;
	background-position: center center;
	background-size: cover;
}
.chat_name {
	font-size: 14px;
}
.chat_members_cnt {
	font-size: 14px;
	font-weight: 500;
	color: #938f9f;
}
.chat_item__msg_new {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
}
.chat_item__msg_new[data-chat-msg-new="0"] {
	display: none;
}
.chat_item__msg_new__counter {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 22px;
	height: 22px;
	font-size: 12px;
	color: #fff;
	background-color: #ff0000;
	border-radius: 50%;
	z-index: 1;
}

#chat_form_create {
	display: none;
}
.chat_form_create {
	display: flex;
	padding: 10px;
	flex-direction: column;
}
.chat_form_create__input {
	border-radius: 6px;
	padding: 8px 12px;
	font-size: 14px;
	background-color: #fff;
	color: #000;
	margin-bottom: 10px;
}
.chat_form_create__avatar__label {
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
	margin-bottom: 20px;
}
.chat_form_create__avatar__wrap {
	overflow: hidden;
}
.chat_form_create__avatar__img {
	border-radius: 50%;
	width: 40px;
	height: 40px;
}
.chat_form_create__selected {
	border-radius: 6px;
	padding: 8px 12px;
	font-size: 14px;
	background-color: #fff;
	color: #000;
	margin-bottom: 10px;
}
.header__user_online {
	width: 10px;
	height: 10px;
	background: #00dd00;
	border-radius: 100%;
}

.new_msg[placeholder]{
	color:#fff;
}
.new_msg {
	background:#261F3E;
	padding:12px;
	border-radius: 20px;
	align-items: center;
	font-size:15px;
	border: 1px solid #693CEE;
	width:90%;
	overflow: hidden;
	max-height: 300px;
}
.btn_radius{
	width:100%;
	height:100%;
	border-radius: 50%;
	min-height: 40px;
	max-height: 40px;
	min-width: 40px;
	max-width: 40px;
	margin-left: 5px;
}
.send_msg {
	width: 100%;
	height: 100%;
	background: url(/images/send_msg.svg) no-repeat center center;
	border: none;
	cursor: pointer;
}
.send_msg:disabled {
	opacity: 0.4
}

.read,
.unread {
	background-size: cover;
	width: 20px;
	height: 20px;
	min-width: 20px;
	min-height: 20px;
}
.read {
	background-image: url(/images/check-mark_green.svg);
}
.unread {
	background-image: url(/images/check-mark_grey.svg);

}
.ava{
	width:20px;
	height:20px;
	border-radius: 50%;
	margin:0;
	display: inline-block;
	background-position: center center;
	background-size: cover;
}
.ava__header{
	width:40px;
	min-width: 40px;
	min-height: 40px;
	height:40px;
	border-radius: 50%;
	margin: 0 0 0 10px;
	background-position: center center;
	background-size: cover;
}

.show_more {
	padding:5px;
	cursor:pointer;
}
.show_more:hover{
	color:#693CEE;
}
.clip_img{
	border-radius: 4px;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 50vh;
}
.img_preview{
	height:100px;
}
.img_preview__remove{
	color:#fff;
	font-size:25px;
	position:absolute;
	right: 0;
	cursor: pointer;
	background: rgba(0, 0, 0, 0.7);
}
#files_preview{
	width:100%;
	display:none;
	padding:5px;
	flex-direction: row;
}
.back {
	width: 30px;
	height: 30px;
}
.arrow_down__cont{
	margin-left: auto;
	margin-top: 7px;
	cursor: pointer;
}
/*.arrow_down{
	width:18px;
	height:9px;
	z-index:2;
	margin-top:-15px;
}*/

.arrow_down{
	width:18px;
	height:9px;
	z-index:2;
	margin-top:-25px;
	font-size: 25px;
}

.message_menu {
	background: #fff;
	color: #000;
	position: absolute;
	z-index: 1;
	right: 10px;
	top: 20px;
	min-width: 150px;
	cursor: pointer;
	border-radius: 10px;
	display:none;
	padding:10px;

}
.message_menu a {
	color: #000;
}
.message_menu__right {

}
.message_menu__left {
	left: 10px;
}

#uploadImagePreview {
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

#messages-cont {
	flex-grow: 1;
	height: 100%;
	width: 100%;
	overflow: hidden;
	overflow-y: auto;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 0 10px 10px 0;
}

.message {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.message__in {
	align-items: start;
}

.message__out {
	align-items: end;
}

.msg {
	padding: 10px;
	width: fit-content;
	max-width: 80%;
	min-width: 30%;
	display: flex;
	gap: 5px;
	position: relative;
}
.msg_in,
.msg_out {
	border-radius: 10px;
	display: flex;
	flex-direction: column;
}
.msg_in {
	background: #330D58;
}
.msg_out {
	background: #3f3a49;
	justify-content: end;
}

.menu_item {
	font-size: 12px;
	padding: 5px 0;
}
.menu_item:hover {
	background: #ededed;
}
.msg__text {
	font-size:15px;
	line-height: 146%;
}
.msg__dt {
	font-size: 10px;
}
.msg__files {
	padding: 10px 0;
}
.msg__image {
	background-position: center center;
	aspect-ratio: 3/4;
	max-width: 450px;
	min-width: 200px;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 4px;
}
@media (max-width:400px){
	.msg__image {
		max-width: 270px;
	}
}

#chatMessages {
	height: 100%;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 10px;
}

.chat_message_wrap {
	display: flex;
	flex-direction: row;
	width: 100%;
	gap: 10px;
	align-items: start;
}

.chat_message_wrap[data-msg-in-out="0"] {
	justify-content: end;
}
.chat_message_wrap[data-msg-in-out="1"] {
	justify-content: start;
}

.chat_message_wrap[data-msg-in-out="0"] .chat_message_content {
	background-color: #3f3a49;
}
.chat_message_wrap[data-msg-in-out="1"] .chat_message_content {
	background-color: #330D58;
}

.chat_message_avatar {
	cursor: pointer;
	border-radius: 50%;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	min-height: 40px;
	min-width: 40px;
	max-height: 40px;
	max-width: 40px;
	background-position: center center;
	background-size: cover;
}

.chat_message_content {
	border-radius: 10px;
	padding: 5px 10px;
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: 5px;
	max-width: 90%;
}

.chat_message_content__header {
	font-size: 13px;
	font-weight: 700;
	color: #fff;
	width: 100%;
}
.chat_message_content__text {
	width: 100%;
	cursor: default;
	font-size: 14px;
}

.chat_message_content__files {
	width: 100%;
}

.chat_message_content__footer {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	gap: 10px;
}
.chat_message_content__reply__btn {
	font-size: 12px;
	cursor: pointer;
	padding: 2px 4px;
	border-radius: 4px;
	border: solid 1px #fff;
}
.chat_message_content__date {
	font-size: 11px;
	color: #c9c9c9;
}
.chat_message_content__date-divider {
	text-align:center;
	font-size:12px;
}

.chat_message_wrap__reply {
	/*width: 100%;*/
	padding: 5px 10px;
	border-radius: 0 4px 4px 0;
	background-color: #616161;
	border-left: 1px solid #fff;
	margin-bottom: 10px;
	max-height: 200px;
	margin-bottom: 5px;
	overflow: hidden;
}
.chat_message_content__user__reply {
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 5px;
}
.chat_message_content__text__reply {
	font-size: 12px;
}
.chat_message_content__files__reply {
	margin-bottom: 5px;
}
.chat_message_content__files__reply .msg__image {
	max-height: 200px;
	min-width: 100px;

}
.chat_message_content__footer__reply {
	display: flex;
	flex-direction: row;
	justify-content: end;
}
.form_chat_reply {
	max-height: 80px;
	overflow: hidden;
	border-left: 2px solid #fff;
	padding: 5px 10px;
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: start;
	background-color: #616161;
}
.form_chat_reply[data-chat-reply-id=""] {
	display: none;
}
.form_chat_reply .chat_message_content__text {
	text-overflow: ellipsis;
	white-space: nowrap;
	max-height: 25px;

}
.form_chat_reply .chat_message_content {
	max-width: 100%;
}
.form_chat_reply .msg__image {
	min-width: 25px;
	max-height: 25px;
	border-radius: 4px;
}
.form_chat_reply__remove {
	width: 24px;
	height: 24px;
	align-items: center;
	align-self: center;
	cursor: pointer;
	padding: 10px;
	background: url(/images/close.svg) no-repeat 2px 2px;
}
.chat_add_image {
	width: 40px;
	height: 40px;
	align-items: center;
	cursor: pointer;
	background: url(/images/clip.svg) no-repeat 2px 2px;
}

.chat_members_item {
	width: 45%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border-radius: 16px;
	border: 1px solid #ccc;
	margin: 10px 0px;
	text-align: left;
	aspect-ratio: 3/4;
	max-width: 450px;
	position: relative;
}
@media (min-width:600px) {
	.chat_members_item {
		width: 20%;
	}
}

.msg__counters {
	position: absolute;
    color: white;
    top: -10px;
    right: 0;
    background: #FF0000;
    border-radius: 15px;
    width: 20px;
	height: 20px;
    text-align: center;
    font-size: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.msg__counters[data-cnt="0"] {
	display: none;
}

.heartFooterSvg {
	width: 20px;
	height: 20px;
	animation: heartbeat 1s infinite;
	fill: red
}

.coin {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	background: #ffd700;
	background: linear-gradient(to bottom, #ffd700 0%,#eda900 100%);
	border-radius: 50%;
	color: #1f1f1f;
	text-shadow: 1px 1px 0 #e6e6e6;
	font: 18px/36px Arial;
	font-weight: bold;
	text-align: center;
	border: 5px solid #fff099;
	box-shadow: inset 1px 1px 0 #ccad00, 1.5px 1px 0 #998200;
}
.coin-30 {
	width: 30px;
	height: 30px;
}
.coin-20 {
	width: 20px;
	height: 20px;
}

.coin-animation {
	display: flex;
	position: fixed;
	bottom: 0;
	right: 50%;
	z-index: 9999999;
	animation: coin_down 3s linear infinite;
	opacity: 0;
}

  /* @-webkit-keyframes coin_down {
     0% {opacity: 0;-webkit-transform: translateY(-100%) rotate(0);
		transform: translateY(-100%)
		/* rotate(0);
	}
     /* 30% {opacity: 1}
     80% {opacity: 1}
     100% {opacity: 0;-webkit-transform: translateY(-400%) */
		/* rotate(360deg) */

		/* ;transform: translateY(-400%) */
		/* rotate(360deg);
	}
  } */
.add_post_fab {
	background: url(/images/add_photo.svg) no-repeat;
	width: 37px;
	height: 37px;
	position:absolute;
	right:10px;
	bottom:70px;
}

.trrrVideoWrap__desktop {
	background-color: #000;
	position: fixed;
	display: flex;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 999999;
}
.trrrVideoWrap__mobile {
	background-color: #000;
	position: fixed;
	display: flex;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 999999;
}
.trrrVideoWrap__hide {
	display: none;
}

.trrrVideo {
	width: 100%;
	height: 100%;
	min-height: 100% !important;
	min-width: 100% !important;
	z-index: 1 !important;
}

.modalFormAddLinkWrap {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(0,0,0,.7);
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 111
}
.modalFormAddLink {
	background-color: #fff;
	max-width: 300px;
	width: 100%;
	border-radius: 10px;
	padding: 15px;
	color: #000;
	display: flex;
	flex-direction: column
}
.modalFormAddLink svg {
	align-self: end;
	cursor: pointer;
}
.modalFormAddLinkText {
	font-size: 18px;
	line-height: 146%;
	text-align: center;
	margin-bottom: 10px;
}
.modalFormAddLinkButtons {
	display: flex;
	flex-direction: row;
	justify-content: space-between
}

.giftsWrap {
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	z-index: 11;
	display: flex;
	justify-content: center;
}
.gifts {
	border-radius: 6px;
	background-color: #fff;
	width: 100%;
	max-width: 320px;
	height: 100%;
	max-height: 70vh;
	color: #000;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.gifts__header {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.gifts__header__text {
	padding: 10px 0 10px 10px;
	font-size: 18px;
	font-weight: 500;
	flex-grow: 1;
}
.gifts__header__close {
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: 10px;
}
.gifts__text {
	margin:0 auto;
	padding:0 10px;
}
.gifts__list {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap: wrap;
	gap: 5px;
	padding: 0 10px;
	overflow-y: auto;
}
.gifts__list__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	border-radius: 4px;
	background: #eee;
	padding: 10px;
	cursor: pointer;
	transition: border ease-in-out 0.2s
}
.gifts__list__item[data-gift-selected="0"] {
	border: 2px solid #ffffff;
}
.gifts__list__item[data-gift-selected="1"] {
	border: 2px solid #9A40CC;
}
.gifts__item__img {
	border-radius: 50%;
	width: 60px;
	height: 60px;
}
.gifts__item__price {
	flex-grow: 1;
}
.gifts__footer {
	width: 100%;
	padding: 0 10px 10px 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.telegram{
	background: url(/images/social/telegram.png) no-repeat;
	font-size:16px;
	padding-left:24px;
	color:#917AD2;
	width:48px;
	height:48px;
}
.telegram2{
	background: url(/images/social/telegram.png) no-repeat;
	font-size:16px;
	padding-left:24px;
	color:#917AD2;
	width:48px;
	height:48px;
}
.whatsapp{
	background: url(/images/social/whatsapp.png) no-repeat;
	font-size:16px;
	padding-left:24px;
	color:#917AD2;
	width:48px;
	height:48px;
	border-radius: 50%;
}
.post_share-social .telegram, .post_share-social .whatsapp {
	width:28px;
	height:28px;
	background-size: cover;
	padding-left:20px;
}
.my_anketa-url {
	background: #fff;
	color: #000;
	padding: 10px;
	font-size: 16px;
	margin-top: 10px;
	width:auto;
	margin-bottom: 0px;
	overflow-wrap: break-word;
}

.icon-cont {
	position:absolute;
	top: 5px;
	right: 5px;
}
.warning-icon {
	position: relative;
	display: inline-block;
	width: 24px;
	height: 20px;
}

/* Красная рамка (большой треугольник) */
.warning-icon::before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 20px solid red;
	z-index: 1;
	left: 0px;
}

/* Белый треугольник (меньше, чтобы была рамка) */
.warning-icon::after {
	content: "";
	position: absolute;
	top: 1px; /* Смещаем вниз, чтобы рамка была видна */
	left: 2px; /* Смещаем вправо, чтобы рамка была видна */
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 18px solid #fbff74;
	z-index: 2;
}

/* Восклицательный знак */
.warning-icon span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: red;
	font-weight: bold;
	font-size: 14px;
	z-index: 3;
}

.check-icon {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: green;
	z-index:3;
}

/* Галочка (✓) */
.check-icon::before {
	content: "✓";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	font-weight: bold;
	font-size: 14px;
}

.splash_screen__wrap {
	position: fixed;
	background: linear-gradient(270deg, #693CEE, #A742C4);
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 999999;
	display: flex;
	justify-content: center;
}
.splash_screen {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 30px;
	width: 100%;
	max-width: 360px;
	height: 100%;
}
.splash_screen__main_text {
	font-size: 24px;
	line-height: 146%;
	color: #fff;
	margin-top: 20%;
}

.splash_screen__subtext {
	font-size: 20px;
	align-self: end;
	color: #000;
}
.splash_screen__footer {
	width: 100%;
	display: flex;
	justify-content: center;
}
.splash_screen__img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 3px solid #fff;
}

.animation_gradient_background {
	background: linear-gradient(-45deg, #693CEE, #A742C4, #261F3E, #261F3E, #693CEE);
	background-size: 300% 300%;
	animation: animation_gradient 10s ease infinite;
}