:root{
	--main-grad:linear-gradient(131deg, #e70489, #ff8856);
}
.shadow {box-shadow: 0px 15px 20px #e8161636; }
.t-shadow {text-shadow: 0px 2px 2px rgba(115, 115, 180, 0.4);}
.b-grad {background:linear-gradient(131deg, #e70489, #ff8856); color:white}
.b-grad-light {background:linear-gradient(131deg, #e7048982, #ff885682);; color:white}
.radius-4 {border-radius: 4pt;}
.radius-max {border-radius:50pt;}
.bb-grad {position:relative;}
.bb-grad:after {
	left: 0;
    bottom: 0;
    content: '';
    display: block;
    width: 100%;
    height: 2pt;
    background: linear-gradient(131deg, #e70489, #ff8856);
    position: absolute;
}
.svgmh {max-height: 9pt;}
.thumb-button {
	
    display: flex;
   }
* {
	outline:none;
	-webkit-tap-highlight-color: transparent; 
	}
/* Cera Thin */
@font-face {
  font-family: "CrpT";
  src: url('/fonts/CeraRoundPro-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
}
/* Cera Light */
@font-face {
  font-family: "CrpT";
  src: url('/fonts/CeraRoundPro-Light.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
}

/* Cera Regular */
@font-face {
  font-family: "CrpT";
  src: url('/fonts/CeraRoundPro-Regular.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}
/* Cera Medium */
@font-face {
  font-family: "CrpT";
  src: url('/fonts/CeraRoundPro-Medium.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
/* Cera Bold */
@font-face {
  font-family: "CrpT";
  src: url('/fonts/CeraRoundPro-Bold.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}
/* Cera Black */
@font-face {
  font-family: "CrpT";
  src: url('/fonts/CeraRoundPro-Black.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}
input, button, select {font-family:CrpT;font-weight: 200;}
html, body {
	height: fill-available;
    height: -webkit-fill-available;
	font-family:CrpT;
	font-weight:200;
	font-size: 10pt;
	overflow: hidden;
}
body {
	min-height: 100vh;
    min-height: fill-available;
    min-height: -webkit-fill-available;
	margin:0;
	position: relative;
}
#vvv {display:none; z-index:9; opacity:0; transition:0.2s;}
#vvv, #authorize, #registration, #main, #settings, #edit_profile, #load_user, .comments_block {width:100%; height:100%; position:absolute; background: white;}
#load_user {
	
	top: 100%;
    left: 0!important;
    z-index: 2;}
#authorize, #registration {
	transition:0.2s;
	display: flex;
    z-index: 1;
    background: white;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: column;
}
input, select{transition:0.2s}
input:focus, select:focus{
	box-shadow: 0 0 0 2px #ff0057;
	border: 1pt solid #ff0057;
}
.auth_container {position:relative}
#auth_password {font-family: 'Roboto Mono', monospace; color:transparent; caret-color: black;background:transparent}
#auth_mask {
	font-family: 'Roboto Mono', monospace;
	font-weight: bold;
    text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black;}
#authorize .top_nav, #registration .top_nav {justify-content: flex-end;}
#authorize .top_nav svg, #registration .top_nav svg {fill:black}
#authorize form, #registration form {max-width:80%}
#authorize form input, #registration form input{
	margin: 5pt auto;
    box-sizing: border-box;
    width: 100%;
    height: 30pt;
    border: 1pt solid #0000001c;
    border-radius: 15pt;
    padding: 0 10pt;
}
a {color: #ff00a5;
    font-weight: 400;
	text-decoration:none}
#registration input[type="checkbox"]{display:none}
#registration input[type="checkbox"] + label {
	margin-top:10pt;
	display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: nowrap;
}
#registration input[type="checkbox"] + label:before {
	padding: 10px;
    margin-right: 15px;
    font-weight: bold;
    border-radius: 6px;
    width: 20px;
    content: "";
    border: 1pt solid #0000001c;
    display: flex;
    height: 20px;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
#registration input[type="checkbox"]:checked + label:before {
	padding: 10px;
    margin-right: 15px;
    font-weight: bold;
    border-radius: 6px;
    width: 20px;
    content: "\2713";
    border: 1pt solid #0000001c;
    display: flex;
    height: 20px;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
#registration .err_show {
	color: white;
    margin-top: 10px;
    padding: 10px;
    display: block;
    background: #ff4064;
	animation:1.2s linear blink;
}
@keyframes blink {
	0%{background:#ff4064}
	25%{background:#ffc1cd}
	50%{background:#ff4064}
	75%{background:#ffc1cd}
	100%{background:#ff4064}
}
#authorize .additionals {
	padding: 15pt 5pt;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	justify-content: space-between;}
#authorize .additionals div {padding: 6pt;}
#authorize .additionals .signup {
    color: #ff00a5;
    font-weight: 400;
	}
#authorize  form .forgot { 
	text-align:center;
	}
.w100 {width:100%}
.interface {
	transition:0.2s;
	z-index: 2;
	color: white;
    box-sizing: border-box;
    height: calc(100% - 90pt);
    width: 100%;
    position: absolute;
    fill: white;
    display: flex;
    top: 30pt;
    flex-direction: column;
    align-items: flex-end;
    padding: 10pt;
    justify-content: flex-end;
}
.interface .right_i {
	position:relative;
	display: flex;
    height: -webkit-fill-available;
    flex-direction: column;
    justify-content: center;}
.interface .right_i .comments div, .interface .right_i div {
	margin: 3pt 0;
	padding: 4pt;
	font-size:8pt;
	display: flex;
    flex-direction: column;
    align-items: center;
	}
/*.interface .right_i svg {
	overflow:visible;
	width: 20pt;
    height: 22pt;
}*/	
.favourites svg, .user_favourites svg {transition:0.2s;}
.fav_tapped svg stop:first-child{
	stop-color:#e70489;
	
}
.fav_tapped svg stop:last-child{
	stop-color:#fa5f6f;
}
.interface .right_i span {margin:3pt 0;}
.interface .right_i .comments {
	display:flex;
	flex-direction: column;
    align-items: center;}
/* Right hand interface styles */
.righthand {
	top: 80pt;
    width: fit-content;
    right: 0;
    padding: 0 10pt 0 0!important;
    height: fit-content;}
.righthand .right_i{
	margin-bottom:0;
	display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.righthand .right_i .like_buttons, .lefthand .right_i .like_buttons {
	width:unset!important;
	margin:5pt 0!important;
}
.righthand .right_i .like_buttons span, .lefthand .right_i .like_buttons span {margin:5pt 0}

/* Left hand interface styles */

.lefthand {
	align-items: flex-start!important; 
	top: 80pt;
    width: fit-content;
    right: 0;
    padding: 0 10pt 0 0!important;
    height: fit-content;}
.lefthand .right_i{
	margin-bottom:0;
	display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.accept {
	border:none;
	display: flex;
    box-sizing: border-box;
    padding: 9pt;
    position: absolute;
    margin: 20pt 10%;
    width: 80%;
    height: 34pt;
    bottom: 0;
    left: 0;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
.accept svg {fill:white; height:100%; margin-right:10pt}
/* Settings page styles */
#settings, #edit_profile, #load_user {
	background:white;
	visibility:hidden;
	padding: 5pt;
    left: 100%;
    transition: 0.2s;
    box-sizing: border-box;
	z-index: 8;}
#settings .top_nav, #edit_profile .top_nav, #load_user .top_nav {position:relative}
#settings .top_nav div, #edit_profile .top_nav div, #load_user .top_nav div {align-items: center;}
#settings .top_nav svg, #edit_profile .top_nav svg, #load_user .top_nav svg, .comments_block .top_nav svg {fill:black; width: 16pt; height: 16pt;}
#settings .top_nav, #edit_profile .top_nav, #load_user .top_nav, .comments_block .top_nav {}
#settings .profile .avatar, #load_user .profile .avatar{
	position:relative;
	transition:0.3s;
	border: 4pt solid #e0e5f1;
    border-radius: 50%;
    width: 60pt;
    height: 60pt;
    overflow: hidden;
    box-sizing: border-box;}
#settings .profile .avatar img, #load_user .profile .avatar img{width:100%; height:100%}
#settings .profile, #load_user .profile {
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
}
#settings .profile .profile_data, #load_user .profile .profile_data {
	display: flex;
    margin-left: 10pt;
    width: calc(100% - 70pt);
    flex-direction: column;
    align-items: stretch;}
#settings .profile .profile_data div, #load_user .profile .profile_data div {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}
#settings .profile .profile_data div span:first-child, #load_user .profile .profile_data div span:first-child {width:45pt; margin-right:5pt;color:grey}
#settings .profile .profile_data div svg, #load_user .profile .profile_data div svg {
	height: 12pt;
    margin-left: 5pt;
    padding: 4pt;
}
#settings #my_media .details, #load_user #my_media .details {
	background: #0000004d;
    color: white;
    padding: 5pt 0;
    font-size: 8pt;
    font-weight: 400;
    width: 100%;
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;
    left: 0;
    bottom: 0;
    justify-content: space-evenly;
}
.det_trash {
	display: flex;
    background: #f34975;
    width: 20pt;
    position: absolute;
    top: 5pt;
    right: 5pt;
    box-sizing: border-box;
    height: 20pt;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}
.det_trash svg {
	
    height: 9pt;
    fill: white;}
#settings #my_media .details .det, #load_user #my_media .details .det {
	
    align-items: center;
    
}
#load_user #my_media .details .det {justify-content: flex-end;}
#settings #my_media .details .det svg, #load_user #my_media .details .det svg {
	width: 12pt;
    margin-right: 3pt;
    fill: white;
}
#settings .tab_header, #load_user .tab_header {
	margin-bottom: 5pt;
	border-bottom: 3pt solid #f6f9ff;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;}
#settings .tab_header > div, #load_user .tab_header > div {
	padding: 10pt;
    width: 33.33333%;
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;}

#settings .tab_header > div svg, #load_user .tab_header > div svg {
	transition:0.2s;
	width: 15pt;
    fill: #e0e5f1;
    height: 15pt;}
#settings .tab_header > div svg stop {
	transition: .3s ease;}
#settings .tab_header > div.active svg {fill:black}
#settings .tab_header .runner {
	padding: 0;
	justify-content: flex-start;
    width: 100%;
    margin-bottom: -2pt;
    height: 2pt;}
#settings .tab_header .runner > div {
	transition: 0.4s;
	margin-left: calc(100% / 6 - 14pt);
    background: var(--main-grad);
    border-radius: 5pt;
    width: 28pt;
    height: 100%;
	}

#edit_profile .interfaces {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	justify-content: space-around;
}
#edit_profile .interfaces div {
	text-align: center;
    width: calc(30% - 15pt);
	}
#edit_profile .interfaces input[type="radio"] {
    display: none;
}
#edit_profile .interfaces input[type="radio"]:checked+label span{
	background: radial-gradient(#bdcbeb 35%, transparent 40%);
}
#edit_profile .interfaces label span{
	transition:0.3s;
	display: block;
    background: white;
    width: 15pt;
    margin: 5pt auto;
    border: 1pt solid #e0e5f1;
    height: 15pt;
    border-radius: 10pt;
}
#settings .block, #edit_profile .block, #load_user .block {margin:10pt 15pt}
#edit_profile .block .inner {
	margin-bottom: 10pt;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
#edit_profile .block .inner label {color: #9198a8;}
#edit_profile .block .inner input[type="text"],
#edit_profile .block .inner input[type="email"],
#edit_profile .block .inner input[type="password"] ,
#edit_profile .block .inner input[type="date"], 
#edit_profile .block .inner select {
	outline:none;
	width: 100%;
	box-sizing:border-box;
	background:white;
	text-indent: 40pt;
	height: 30pt;
    border-radius: 5pt;
    border: 1pt solid #e0e5f1;
	-webkit-appearance: none;
	-moz-appearance: none;}
#edit_profile .block .inner .inp {position:relative;margin: 2pt 0;height: 30pt;}
#edit_profile .block .inner .inp svg{
	box-sizing: border-box;
    fill: #e0e5f1;
    padding: 9pt;
    position: absolute;
    height: 30pt;
	width: 35pt;
    border-right: 1pt solid #e0e5f1;
}
#settings .block .setting_name {
	box-sizing: border-box;
	text-transform: uppercase;
	text-align: left;
    width: 100%;
    padding: 5pt;}
#settings .nickname, #profile .nickname, #load_user .nickname {
	display: flex;
    font-weight: bold;
    padding-top: 5pt;
    align-items: center;
    flex-direction: row;}
#profile .nickname .grey_button {
	margin-left: 5pt;
    font-size: 8pt;
	border-radius: 3pt;
    padding: 3pt 8pt;}
#settings .grey_button, #load_user .grey_button{
	background: #e0e5f1;
    border-radius: 5pt;
    padding: 5pt 15pt;	
}
#load_user .grey_button {margin-left:10pt; font-weight: 200;}
#settings .buttons, #load_user .buttons {
	margin-top:5pt;
	width: 100%;
    display: flex;
	justify-content: space-evenly;
}
#settings .grid_container .profile_tabs, #load_user .grid_container .profile_tabs {height: calc(100% - 24pt);}
#settings .grid_container, #load_user .grid_container {
	background:white;
	z-index:1;
	transition: 0.3s;
    width: 100%;
    height: calc(100% - 160pt);
    bottom: 0;
    left: 0;
    position: absolute;}
#load_user .grid_container {height: calc(100% - 175pt);}
#settings .grid, #load_user .grid {
	position: relative;
	height: calc(100% - 60px);
	align-content: flex-start;
	transition: 0.2s;
	overflow-y:scroll;
	padding: 0.25%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;}
#settings .grid_container .slide, #load_user .grid_container .slide {
	padding: 7pt 30%;
    background: #e0e5f136;
    margin-top: 5pt;
}
#settings .grid_container .slide div, #load_user .grid_container .slide div {
	background: #e0e5f1;
    border-radius: 2pt;
    height: 3pt;
}
#settings .grid .thumb, #load_user .grid .thumb {position:relative; background: #e0e5f1;}
#settings .grid .thumb, #load_user .grid .thumb {
	margin-right: 1pt;
	margin-bottom:1pt;
	overflow: hidden;
    display: flex;
    width: 33%;
    height: 130pt;
    align-content: center;
    justify-content: center;
    flex-direction: row;
    align-items: center;
	}
#settings .grid .thumb:nth-child(3n), #load_user .grid .thumb:nth-child(3n){margin-right:0}
#settings .grid div img, #load_user .grid div img {width:100%}
.top_nav {
	left:0; 
	top:0;
	z-index:2;
	height:38pt;
	padding: 5pt 8pt;
	
    box-sizing: border-box;
	position:fixed;
	width:100%;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: center;
    align-items: stretch;
}
.top_nav div {
	display: flex;
    height: 28pt;
    flex-direction: row;
    align-items: stretch;
    flex-wrap: nowrap;
}

.top_nav div svg {padding:6pt; fill:white; min-width: 15pt;}
.top_nav .unhide_ui {}
.top_nav svg {padding:5pt}
#main #content, #main #user_content {
	scroll-snap-type: y mandatory;
	overflow-y: scroll;
    width: 100%;
    height: 100%;}
#main #user_content {transform: scale(0.8);z-index: 9;transition:0.2s}
#main #content::-webkit-scrollbar, #main #user_content::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#main #content, #main #user_content {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
#main #content .post, #main #user_content .post {background:black; height:100%; position:relative ; scroll-snap-align: start;overflow: hidden;}
#main #content .media, #main #user_content .media {
	display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;}
#main #content .media .blur, #main #user_content .media .blur, .blur {
    top: -15%;
    left: -15%;
    height: 130%;
    width: 130%!important;
    position: absolute;
    z-index: 0;
    filter: blur(25px);
}
#main #content .media_content, #main #user_content .media_content {
	width: 100%;
    z-index: 1;
    position: relative;
    display: block;
    margin: auto 0;}
#main #content .author_comment, #main #user_content .author_comment {
	z-index: 2;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    transition: 0.2s;
    width: calc(100% - 20pt);
    color: white;
    font-size: 10pt;
    margin: 10pt;
    position: absolute;
    box-sizing: border-box;
    bottom: 0;
}
.report {font-weight:bold; padding: 5pt 0;}
#main #content .author_comment a, #main #user_content .author_comment a {
	
	text-decoration:none;
	color:white;
	font-weight:bold;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;}
#main #content .author_comment a img, #main #user_content .author_comment a img {
	margin-right: 5pt;
    width: 30pt;
    border-radius: 50%;
	height: 30pt;}
#main #content .author_comment .com_text_button, #main #user_content .author_comment .com_text_button {
	display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;}
#main #content .author_comment .com_text_button div:first-child, #main #user_content .author_comment .com_text_button div:first-child {
	
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	width: calc(100% - 40pt);
	text-shadow: 0px 1px 5px #00000069;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
#main #content .author_comment .more, #main #user_content .author_comment .more {
	font-weight: bold;
	
	overflow:hidden;
    padding: 2pt 7pt;
}
#main #content .like_buttons, #main #user_content .like_buttons {
	position:relative;
	display: flex;
    margin: 0 20%;
    justify-content: space-between;
    width: 60%;
}
#main #content .like.checked, #main #user_content .like.checked {
	box-shadow: 0 0 10px 1px #ff6198;
    background: var(--main-grad);
}
#main #content .like.checked svg, #main #user_content .like.checked svg{fill:white;}
#main #content .dislike.checked {
	box-shadow: 0 0 10px 1px #ff6198;
    background: var(--main-grad);
}
#main #content .like, #main #user_content .like {position:relative; background: white;padding-top: 11pt!important;}
#main #content .default .like_count, #main #user_content .default .like_count,
#main #content .lefthand .like_count, #main #user_content .lefthand .like_count {
	font-weight: bold;
    left: 50px;
    border: 1px solid #ffffff4d;
    border-radius: 20pt;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: unset;
    width: unset;
    padding: 5pt 9pt;
    font-size: 7pt;
    padding-left: 15pt;
    background: #00000070;
    position: absolute;
    z-index: -1;
    bottom: calc(50% - 13px);}
#main #content .righthand .like_count {
	right:43px;
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
	padding-right: 20pt;
}
#main #content .like svg, #main #user_content .like svg {fill:black}
#main #content .dislike, #main #user_content .dislike {background: linear-gradient(315deg, #db4988, #fb6b74); background: #00000054;padding-top: 13pt!important;}
#main #content .like_buttons div, #main #user_content .like_buttons div {
	padding:12pt;
	box-sizing:border-box;
	width: 45pt;
    height: 45pt;
    border-radius: 50%;
}

/*Media Slider styles*/
.slider {
	height: 100%;
	position: relative;
	overflow-x: scroll;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	scroll-snap-type: x mandatory;}
.slider .item {
	min-width: 100vw;
    position: relative;
    scroll-snap-align: center;
    overflow: hidden;}
.slider .item img{width:100vw; height:100vh}
.set_nav {
	text-align: center;
    right: 0;
    left: 0;
    position: absolute;
    bottom: 60px;
    z-index: 8;}

/* The dots/bullets/indicators */
.set_nav span {
  cursor: pointer;
  height: 10px;
  width: 10px;
  margin: 0 3px;
  background-color: #ffffff63;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.set_nav .active {
  background-color: white;
}
/* Text comments styles*/
.comments_block .top_nav {padding:10pt}
.comments_block {
	display: flex;
	padding: 0 5pt;
	overflow-y:scroll;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 6;
	flex-direction: column;
    justify-content: space-between;
}
.comments_block .comments_list {
	padding-bottom: 50pt;
	margin-top: 38pt;
    overflow-x: scroll;
    height: calc(100% - 76pt);}
.comments_block .comment {
	padding:10pt;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
.comments_block .owner {justify-content:flex-end}
.comments_block .comment .avatar {
	position:relative;
	margin-right: 10pt;
	overflow: hidden;
    width: 30pt;
    border-radius: 50%;
    height: 30pt}
.comments_block .comment .avatar img {width:100%; height:100%}
.comments_block .comment .comment_data {
	display: flex;
    width: calc(100% - 40pt);
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
	}
.comments_block .owner .comment_data {
	background: #caecff;
	width: calc(100% - 20pt);}
.comments_block .comment .comment_data .nickname {font-weight:bold; position:relative}
.comments_block .comment .comment_data .time {font-size:8pt; color:#00000057}
.comments_block .comment .comment_data .text, .comments_block .comment .comment_data .voice {margin-top:5pt; width: 100%;}
.comments_block .comment .actions {
	margin-top: 4pt;
	display: flex;
    flex-direction: row;
	align-items: center;
    justify-content: space-between;}
.comments_block .comment .actions > div {
	color: grey;
    font-size: 8pt;
    font-weight: bold;}
.comments_block .comment .actions div:last-child {
	font-weight: inherit;
	font-size: inherit;
	width: 45pt;
    display: flex;
    flex-direction: row;
    align-items: center;
	position: relative;
}
.comments_block .comment .actions div:last-child .hearts {
	height: 16pt;
    width: 30pt;
    margin: 0 3pt;
}
.like_count {justify-content: center;}
.comments_block .comment .actions div:last-child .hearts svg {transition:0.2s}
.comments_block .comment .actions div:last-child svg {
	position:absolute;
	width: 16pt;
    }
.comments_block .comment .accordion {
	margin-top: 5pt;
}
.comments_block .level2 {padding: 10pt 0;}
.comments_block .level2 .avatar {
	height: 20pt;
    width: 20pt;}
.comments_block .level2 .comment_data {width: calc(100% - 30pt);}
.comments_block .comment input {display:none}
.comments_block .comment .tab {
  width: 100%;
  
  overflow: hidden;
}
.comments_block .comment .tab-label {
	font-weight: 300;
  display: flex;
  justify-content: space-between;
	font-size:8pt;
 -webkit-tap-highlight-color: transparent; 
color:grey;
  cursor: pointer;
  /* Icon */
}
.comments_block .comment .tab-label:hover {
  
}
.comments_block .comment .tab-label::after {
  content: "❯";
 padding:0 3pt;
  text-align: center;
  transition: all 0.35s;
  transform: rotate(90deg);
}
.comments_block .comment .answers {
  max-height: 0;

  color: #2c3e50;
  background: white;
  transition: all 0.35s;
}
.comments_block .comment .tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #2c3e50;
  cursor: pointer;
}
.comments_block .comment .tab-close:hover {
 
}

.comments_block .comment input:checked + .tab-label {
  
}
.comments_block .comment input:checked + .tab-label::after {
  transform: rotate(-90deg);
}
.comments_block .comment input:checked ~ .answers {
  max-height: 100vh;
 
}
.answers_opened{max-height: 100vh!important;}
.comments_block .send_comment {
	overflow: hidden;
	position:absolute;
	left:0;
	bottom:0; 
	background:white;
	padding: 10pt;
	height:55pt; 
	width:100%; 
	box-sizing:border-box;}
.comments_block .send_comment.send_audio, .comments_block .send_comment form {
	display: flex;
    width: 100%;
    flex-direction: row;
    align-items: stretch;
}
.comments_block .send_comment.send_audio div, .comments_block .send_comment form input {
	
	justify-content: center;
	box-sizing: border-box;
	width: calc(100% - 30pt);
    padding: 0 10pt;
    border-radius: 18pt;
    border: 1pt solid #e0e0e0;
}
.comments_block .send_comment form .comlabel {
	border: 1pt solid #e0e0e0;
    border-radius: 25pt;
    display: flex;
    box-sizing: border-box;
    width: calc(100% - 30pt);
    padding: 0 10pt;
    text-align: center;
    flex-direction: row;
    align-items: center;
}
.comments_block .send_comment form .comlabel .sound_indicate {
	display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;}
.comments_block .send_comment form .comlabel .sound_indicate .started {margin:0 10pt}
.comments_block .send_comment form .comlabel .sound_indicate .sound_bar {
	height: 3pt;
    background: linear-gradient(90deg, #7490ad 0%, #d9e2ec 0%);
    width: inherit;
    border-radius: 2pt;
}
.comments_block .send_comment form .comlabel .loader {
	height:25pt;
	display:flex;
	align-items:center;
}
.comments_block .send_comment form .comlabel .loader .stroke {
	display:block;
	position:relative;
	background:#7490ad;
	height:100%;
	width:2pt;
	border-radius:2pt;
	margin:0 2pt;
	animation: animate 0.7s linear infinite;
}
.mask:after {
	border-radius: 100pt;
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:linear-gradient(90deg, #d9dee3, #eceff3, #d9dee3);
	background-size: 200%;
	animation: loading 1.5s linear infinite;
}
@keyframes animate{
	50%{
		height:20%;
	}
	100%{
		height:100%;
	}
}
@-webkit-keyframes animate{
	50%{
		-webkit-height:20%;
	}
	100%{
		-webkit-height:100%;
	}
}
@keyframes loading{
	0% {
		background-position: 0;
	}
	50%{
		background-position: -100%;
	}
	100%{
		background-position: -200%;
	}
}
@-webkit-keyframes loading{
	0% {
		-webkit-background-position: 0;
	}
	50%{
		-webkit-background-position: -100%;
	}
	100%{
		-webkit-background-position: -200%;
	}
}
@keyframes tap_like_comment{
	0% {
		transform: scale(0.7);
	}
	50%{
		transform: scale(1.3);
	}
	100%{
		transform: scale(1);
	}
}
@-webkit-keyframes tap_like_comment{
	0% {
		-webkit-transform: scale(0.7);
	}
	50%{
		-webkit-transform: scale(1.3);
	}
	100%{
		-webkit-transform: scale(1);
	}
}
@keyframes tap_button{
	0% {
		transform: scale(0.7);
	}
	70%{
		transform: scale(1.3);
	}
	100%{
		transform: scale(1);
	}
}
@-webkit-keyframes tap_button{
	0% {
		-webkit-transform: scale(0.7);
	}
	70%{
		-webkit-transform: scale(1.3);
	}
	100%{
		-webkit-transform: scale(1);
	}
}
.comments_block .send_comment form .comlabel .loader .stroke:nth-child(1) {animation-delay: 0s;}
.comments_block .send_comment form .comlabel .loader .stroke:nth-child(2) {animation-delay: 0.3s;}
.comments_block .send_comment form .comlabel .loader .stroke:nth-child(3) {animation-delay: 0.6s;}
.comments_block .send_comment form .comlabel .loader .stroke:nth-child(4) {animation-delay: 0.9s;}
.comments_block .send_comment form .comlabel .loader .stroke:nth-child(5) {animation-delay: 0.6s;}
.comments_block .send_comment form .comlabel .loader .stroke:nth-child(6) {animation-delay: 0.3s;}
.comments_block .send_comment form .comlabel .loader .stroke:nth-child(7) {animation-delay: 0s;}
.comments_block .send_comment form .send, .comments_block .send_comment.send_audio div {
	transition:0.3s;
	display: flex;
    box-sizing: border-box;
    padding: 8pt;
    margin-left: 5pt;
    width: 35pt;
    border: none;
    height: 35pt;
    flex-direction: row;
    justify-content: center;
	align-items:center;
	}
.comments_block .send_comment.send_audio div {position:absolute;}
.comments_block .send_comment.send_audio #stop_record {opacity:0; visibility:hidden}
.audio_bg_1 {
	fill: white;
    position: absolute;
    filter: drop-shadow(0px -1px 5px rgba(115, 115, 215, 0.2));
    top: 5px;}
.send_audio {
	transition:0.3s;
	justify-content: center;
	background: linear-gradient(0deg, #ffe8ee, transparent 90%)!important;}
.audio_comments {
	height: calc(100% - 55pt)!important;
}
.audio-record-timer {
	transition:0.3s;
	height: unset!important;
    margin-left: 0!important;
    font-weight: 400;
    font-size: 16pt;
    background: unset!important;
    margin-top: 30pt;
	color:white;
}
.comments_block .send_comment form .send svg, .comments_block .send_comment.send_audio div svg {fill:white;height: 100%;}
/* Comments page styles */
.comments_block {
	background:white;
	visibility:hidden;
	padding: 5pt;
    top: 100%;
    transition: 0.2s;
    box-sizing: border-box;
	z-index: 8;}
.comments_block .comment .comment_data .voice {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
	justify-content: space-between;}
.comments_block .comment .comment_data .voice .playpause {position: relative; height: 25pt; width: 35pt;}
.comments_block .comment .comment_data .voice .playpause button{
	position: absolute;
    width: 25pt;
    padding: 7pt;
    display: flex;
    height: 25pt;
    border: none;
    justify-content: center;
    align-items: center;
}
.heart_set {fill:#ff2b72}
.no_comments {
	color: #c5d4e4;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.comments_block .comment .comment_data .voice .playpause .pause_audio {visibility:hidden;}
.comments_block .comment .comment_data .voice .playpause button svg {fill:white; height:100%;}
.comments_block .comment .comment_data .voice .voice_duration {
	width:30pt;
	text-align:center;
    color: #a8b8c9;
    font-weight: 400;
    font-size: 8pt;
}
.comments_block .comment .comment_data .voice .progress_bar {position:relative; width: fit-content;}
.comments_block .comment .comment_data .voice .progress_bar svg {
	display: block;
	width: 100%;
    }
.comments_block .comment .comment_data .voice .progress_bar .voice_nav {
	left: 0;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;}

.swiper,
swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
:host(.swiper-vertical) > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
swiper-slide,
swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight swiper-slide {
  height: auto;
}
:host(.swiper-autoheight) .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
:host(.swiper-3d.swiper-css-mode) .swiper-wrapper {
  perspective: 1200px;
}
:host(.swiper-3d) .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
:host(.swiper-css-mode) > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
:host(.swiper-css-mode) > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > swiper-slide {
  scroll-snap-align: start start;
}
:host(.swiper-horizontal.swiper-css-mode) > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
:host(.swiper-vertical.swiper-css-mode) > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
:host(.swiper-centered) > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered > swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-centered.swiper-horizontal > swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
:host(.swiper-centered.swiper-horizontal) > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
:host(.swiper-centered.swiper-vertical) > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper-virtual swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
:host(.swiper-virtual.swiper-css-mode) .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
:host(.swiper-virtual.swiper-css-mode.swiper-horizontal) .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
:host(.swiper-virtual.swiper-css-mode.swiper-vertical) .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
:host(.swiper-rtl) .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-prev:after,
:host(.swiper-rtl) .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
:host(.swiper-rtl) .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
:host(.swiper-rtl) .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-lock {
  display: none;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  /*ADD_HOST*/
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
:host(.swiper-rtl) .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  -ms-touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}
/* a11y */
.swiper .swiper-notification,
swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
:host(.swiper-free-mode) > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
:host(.swiper-grid) > .swiper-wrapper {
  flex-wrap: wrap;
}
:host(.swiper-grid-column) > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade swiper-slide swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube {
  overflow: visible;
}
.swiper-cube swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube swiper-slide swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube swiper-slide-next + swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-flip {
  overflow: visible;
}
.swiper-flip swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip swiper-slide swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-creative swiper-slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper-cards {
  overflow: visible;
}
.swiper-cards swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
}
.profile-box {
	width: 30%;
	display: flex;
    flex-direction: column;
    align-items: center;
}
.profile-box span:first-child {
	font-weight: bold;
    font-size: 12pt;}
.profile-box span:last-child {
    font-size: 8pt;}

.stop_audio_record {
	padding: 6pt!important;
    margin: 0!important;
    background: white!important;
    height: 0!important;
    width: 0!important;
    border-radius: 1pt!important}
.svg-shadow {filter: drop-shadow(0px 1px 2px rgba(115, 115, 180, 0.3));}
.reply_to {
	font-size: 8pt;
    z-index: 2;
    display: none;
    left: 15pt;
    position: absolute;
    padding: 1pt 5pt;
    bottom: 47pt;
    background: white;
   
}
.cancel {
	font-weight: 500;
    color: #bfbfbf;
	margin-left: 2pt;
	}
.cancel:before {
	content: "";
    background: #bfbfbf;
    display: inline-block;
    width: 3pt;
    border-radius: 5pt;
    height: 3pt;
    margin: 1.2pt 5pt;
}
.lightbox {
	display: flex;
    align-items: center;
    justify-content: center;
	visibility:hidden;
	opacity:0;
	transition:0.2s;
	position: fixed;
    width: 100%;
    height: 100%;
    z-index: 101;
    background: #0000008c;
    top: 0;
    left: 0;
}
.lightbox .box {
	width: 75%;
	border-radius: 4pt;
    padding-top: 0;
    background: white;
}
.lightbox .box .header {
	font-weight: 400;
    height: 30pt;
    border-bottom: 1pt solid #e6e6e6;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.lightbox .box .header span, .lightbox .box .header div, .lightbox .box .content {padding:10pt}
.lightbox .box .header svg {height:100%}
.lightbox .box .content {
	display: flex;
    flex-direction: column;
    align-items: center;}
.lightbox .box .content input[type="text"] {
	padding: 7pt;
    margin: 5pt;
    box-sizing: border-box;
    width: 100%;
    border: none;
    background: #f0f2f6;
    border-radius: 5pt;
}
.lightbox .box .content > span {margin-bottom:5pt}
.lightbox .box .content > div {
	width: 100%;
    display: flex;
    justify-content: space-around;}
.lightbox .box .content > div div {
	text-align: center;
    margin: 5pt 10pt;
    flex: 1;}
.lightbox .box .content > div div:last-child {
	background: #f5f5f5;
    color: black;
}	
.lightbox .box .content > div div:first-of-type {
	background:var(--main-grad); color:white;
}

.text_comment_actions .box .content > div {flex-direction: column;}
.text_comment_actions .box .content > div div {background: #f5f5f5!important; color: black!important;}
.lightbox .box .content .button {
	color: white;
    border-radius: 4pt;
    font-weight: 400;
    margin-top: 5pt;
    background: #00adff;
    padding: 10pt 15pt;
}
.sub_user div {
	width:unset!important; 
	height:unset!important;
	overflow: unset!important;
    }
.sub_user {
	align-items: center;
	margin-bottom: 10pt;
    padding: 0 20pt;
    display: flex!important;
    width: 100%!important;
    height: 40pt!important;
    justify-content: space-between!important;
}
.sub_user .avatar {
	margin-right: 10pt;
	overflow: hidden!important;
	height: 30pt!important;
    width: 30pt!important;
    border-radius: 50%;
}
.sub_user .misc {
	display: flex;
    width: calc(100% - 35pt)!important;
    flex-direction: row;
    align-items: center;
    width: calc(100% - 35pt)!important;
}
.sub_user .misc .labels {
	display:flex;
	align-items: flex-start!important;
    flex-direction: column!important;
    height: 24pt!important;
    width: calc(100% - -72pt)!important;
    justify-content: space-between!important;
    flex-wrap: wrap;
    align-content: flex-start!important;
}
.sub_user .misc .labels span:first-child {font-weight: bold;}
.sub_user .misc .labels span:last-child {font-size: 8pt;}
.sub_user .misc .unsubscribe {
	font-size: 8pt;
	font-weight: 400;
    color: #a0a6b3;}
.userSwiper {
	position: absolute!important;
   top:0;
   opacity:0;
   visibility:hidden;
    width: 100%;
    height: 100%;
}
.swiper  .top_nav {position:absolute}
.like_liked {
	background:var(--main-grad)!important;
	box-shadow: 0 0 15px 0px #ff6198}
.like_liked svg {fill:white!important}
.fav_author {
	display: flex;
    position: absolute;
    color: white;
    bottom: 0;
    padding: 5pt;
    left: 0;
    flex-direction: row;
    align-items: center;
    font-weight: bold;
    font-size: 8pt;
}
.fav_author .avatar {
	overflow:hidden;
	width: 20pt;
    height: 20pt;
    margin-right: 5pt;
    border-radius: 50%;
}
.fav_author .avatar img {
	width: 100%;
    height: 100%;}
@media screen and (device-aspect-ratio: 2/3) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 10pt; }
}

/* Fix Input Zoom on iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 10pt; }
}

/* Fix Input Zoom on iPhone 6, iPhone 6s, iPhone 7  */
@media screen and (device-aspect-ratio: 375/667) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"], 
    input[type="tel"], input[type="url"]{ font-size: 10pt; }
}

/* Fix Input Zoom on iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus, iPhone 8, iPhone X, XS, XS Max  */
@media screen and (device-aspect-ratio: 9/16) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="tel"], input[type="url"]{ font-size: 10pt; }
}
/* Loader styles */
.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds {
	transition:0.2s;
	background: white;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;}
.lds-dual-ring {
  display: inline-block;
  width: 50px;
  height: 50px;
}
.lds-dual-ring:after {
  content: " ";
    display: block;
    width: 42px;
    height: 42px;
    margin: 0px;
    border-radius: 50%;
    border: 4px solid #e0e5f1;
    border-color: #e0e5f1 transparent #e0e5f1 transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.my-single-post {
	display:flex;
	background:black;
	z-index:3;
	visibility:hidden;
	opacity:0;
	transition:0.2s;
	transform:scale(0.8);
	color:white;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.my-single-post img {
	z-index: 0;
	width: 100%;
    margin: auto 0;}
.my-single-post .data-block {
	justify-content: space-between;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	
}
.my-single-post .data-block .data {
	box-shadow: 0 0 1px 1px #0000007d;
	background: #000000bf;
	margin-top:1px;
	padding: 20pt;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    box-sizing: border-box;}
	.my-single-post .data-block .data span {padding-top: 5pt;}
.my-single-post .half {width:calc(50% - 0.5px)}
.my-single-post .full {width:100%}
.my-single-post svg {fill:white;max-height: 20pt;}
.v-controls {
	top: -30pt;
    left: 0;
    display: flex;
    position: absolute;
    width: 100vw;
    height: 100vh;
    justify-content: center;
    align-items: center;}
.v-controls .fict-click{
	width: calc(100% - 50px);
    position: absolute;
    left: 0;
    top: 38pt;}
.v-controls svg{
	z-index:1;
	visibility:hidden;
	fill: white;
    width: 45pt;
	}
.unmute {
	
	position: absolute;
    bottom: 0;
    width: calc(100% - 10pt);
    height: 50px;
}
.unmute svg {fill:white}
.unmute .icon_muted {display:block}
.unmute .icon_unmuted {display:none}
.like_details_block {
	visibility:hidden;
	transition:0.2s;
	width: 100%;
    height: 100%;
    background: white;
    top: 100%;
    left: 0;
    position: absolute;}
.like_details_block .stat_block {
	overflow-y: scroll;
    height: calc(100% - 50pt);
    padding: 0 15pt;}
.like_details_block .stat_block > div {
	margin: 15pt;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
	align-items: center;
}
.like_details_block .stat_block .big {font-size: 20pt;margin-top: 0;}
.like_details_block .stat_block .normal {font-size: 12pt;}
.like_details_block svg {
	margin-right:5pt;
	width: 25pt;
    height: 25pt;}
.like_details_block #age-chart {
	transform:rotate(-90deg);
	margin: 0 10%;
    width: 80%;}
.like_details_block .age_stats {flex-wrap: wrap!important;}
.like_details_block .age_stats .age_color {
	display: flex;
    margin: 5pt 0;
    width: 50%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.like_details_block .age_stats .age_color:before {
	margin-right: 8pt;
	content:'';
	width:10pt;
	height:10pt;
	border-radius:5pt;
	display: inline-block;
}
.like_details_block .age_stats .age1:before {background:#f34975}
.like_details_block .age_stats .age2:before {background:#f789a5}
.like_details_block .age_stats .age3:before {background:#f9a8bd}
.like_details_block .age_stats .age4:before {background:#fcd7e1}
.like_details_block .age_stats .age1 .big-span {color:#f34975}
.like_details_block .age_stats .age2 .big-span {color:#f789a5}
.like_details_block .age_stats .age3 .big-span {color:#f9a8bd}
.like_details_block .age_stats .age4 .big-span {color:#fcd7e1}

.like_details_block .age_stats .big-span {
	width: 100%;
    margin-top: 5pt;
    margin-left: 10pt;
    font-size: 20pt;
    font-weight: 500;
    text-align: center;
}
.gallery {
	position: absolute;
    top: 60pt;
    right: 25pt;
}
.censorship {
	transition:0.2s;
	position: absolute;
    top: 95pt;
    right: 25pt;}
.censorship.censored svg{fill:#f34975}
.gallery svg, .censorship svg {
	fill: white;
    width: 17pt;
	height:17pt;
}
.make_avatar_block {
	transition:0.2s;
	z-index:-1;
	transform:scale(0.8);
	left: 0;
    background: white;
    width: 100%;
    position: absolute;

    visibility: hidden;
    top: 0px;
    height: 100%; 
}
/*!
 * Cropper v2.3.3
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright (c) 2014-2016 Fengyuan Chen and contributors
 * Released under the MIT license
 *
 * Date: 2016-08-10T08:58:55.176Z
 */
.cropper-container {
  font-size: 0;
  line-height: 0;

  position: relative;

  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  direction: ltr !important;
}

.cropper-container img {
  display: block;

  width: 100%;
  min-width: 0 !important;
  max-width: none !important;
  height: 100%;
  min-height: 0 !important;
  max-height: none !important;

  image-orientation: 0deg !important;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cropper-wrap-box {
  overflow: hidden;
}

.cropper-drag-box {
  opacity: 0;
  background-color: #fff;

  filter: alpha(opacity=0);
}

.cropper-modal {
  opacity: .5;
  background-color: #000;

  filter: alpha(opacity=50);
}

.cropper-view-box {
  display: block;
  overflow: hidden;
	border: 4pt solid #ff0067;
	border-radius: 50%;
  width: 100%;
  height: 100%;

  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, .75);
}

.cropper-dashed {
  position: absolute;

  display: none;

  opacity: .5;
  border: 0 dashed #eee;

  filter: alpha(opacity=50);
}

.cropper-dashed.dashed-h {
  top: 33.33333%;
  left: 0;

  width: 100%;
  height: 33.33333%;

  border-top-width: 1px;
  border-bottom-width: 1px;
}

.cropper-dashed.dashed-v {
  top: 0;
  left: 33.33333%;

  width: 33.33333%;
  height: 100%;

  border-right-width: 1px;
  border-left-width: 1px;
}

.cropper-center {
  position: absolute;
  top: 50%;
  left: 50%;

  display: block;

  width: 0;
  height: 0;

  opacity: .75;

  filter: alpha(opacity=75);
}

.cropper-center:before,
.cropper-center:after {
  position: absolute;

  display: block;

  content: ' ';

  background-color: #eee;
}

.cropper-center:before {
  top: 0;
  left: -3px;

  width: 7px;
  height: 1px;
}

.cropper-center:after {
  top: -3px;
  left: 0;

  width: 1px;
  height: 7px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  position: absolute;

  display: block;

  width: 100%;
  height: 100%;

  opacity: .1;

  filter: alpha(opacity=10);
}

.cropper-face {
  top: 0;
  left: 0;

  
}

.cropper-line {
	display: none;
  background-color: #39f;
}

.cropper-line.line-e {
  top: 0;
  right: -3px;

  width: 5px;

  cursor: e-resize;
}

.cropper-line.line-n {
  top: -3px;
  left: 0;

  height: 5px;

  cursor: n-resize;
}

.cropper-line.line-w {
  top: 0;
  left: -3px;

  width: 5px;

  cursor: w-resize;
}

.cropper-line.line-s {
  bottom: -3px;
  left: 0;

  height: 5px;

  cursor: s-resize;
}

.cropper-point {
  width: 5px;
  height: 5px;
	display: none;
  opacity: .75;
  background-color: #39f;

  filter: alpha(opacity=75);
}

.cropper-point.point-e {
  top: 50%;
  right: -3px;

  margin-top: -3px;

  cursor: e-resize;
}

.cropper-point.point-n {
  top: -3px;
  left: 50%;

  margin-left: -3px;

  cursor: n-resize;
}

.cropper-point.point-w {
  top: 50%;
  left: -3px;

  margin-top: -3px;

  cursor: w-resize;
}

.cropper-point.point-s {
  bottom: -3px;
  left: 50%;

  margin-left: -3px;

  cursor: s-resize;
}

.cropper-point.point-ne {
  top: -3px;
  right: -3px;

  cursor: ne-resize;
}

.cropper-point.point-nw {
  top: -3px;
  left: -3px;

  cursor: nw-resize;
}

.cropper-point.point-sw {
  bottom: -3px;
  left: -3px;

  cursor: sw-resize;
}

.cropper-point.point-se {
  right: -3px;
  bottom: -3px;

  width: 20px;
  height: 20px;

  cursor: se-resize;

  opacity: 1;

  filter: alpha(opacity=100);
}

.cropper-point.point-se:before {
  position: absolute;
  right: -50%;
  bottom: -50%;

  display: block;

  width: 200%;
  height: 200%;

  content: ' ';

  opacity: 0;
  background-color: #39f;

  filter: alpha(opacity=0);
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    width: 15px;
    height: 15px;
  }
}

@media (min-width: 992px) {
  .cropper-point.point-se {
    width: 10px;
    height: 10px;
  }
}

@media (min-width: 1200px) {
  .cropper-point.point-se {
    width: 5px;
    height: 5px;

    opacity: .75;

    filter: alpha(opacity=75);
  }
}

.cropper-invisible {
  opacity: 0;

  filter: alpha(opacity=0);
}

.cropper-bg {
	background: black;
  /*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');*/
}

.cropper-hide {
  position: absolute;

  display: block;

  width: 0;
  height: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}
.crop-buttons {
	position: absolute;
    width: 60%;
    display: flex;
    bottom: 25pt;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    left: 20%;
}
.btnCrop, .crop_close {
	padding: 15pt;
    display: flex;
    background: #ffffff2b;
   
    z-index: 9;
    width: 50pt;
    height: 50pt;
    border-radius: 50%;
    bottom: 20pt;
    left: calc(50% - 25pt);
    border: none;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
.crop_close{
	padding: 17pt;
	}
.btnCrop svg, .crop_close svg{fill:white}
#btnCrop {display:none}
.fileInput{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;}
#fileInput{display:none}
.report-box input[type="textarea"]{
	border-radius: 4pt;
    border: 1pt solid #e5e5e5;
    width: calc(100% - 20pt);
    box-sizing: border-box;
    padding: 5pt;
	display:none;
}
.report-box input[type="radio"]{
	display:none;
}
.report-box label {
	width: calc(100% - 20pt);
	transition: 0.2s;
    text-indent: 10pt;
    padding: 3pt 0pt;
    border-left: 3pt solid white;
    margin: 5pt 0;
}
.report-box input[type="radio"]:checked + label {
    font-weight: 500;
    border-left: 2.5pt solid #f44a6c;
}
.report-box #reason6:checked + label + input[type="textarea"] {
	display:initial;
}
.restore_block, .disabled_acc {
	font-size: 16px;
    box-sizing: border-box;
    display: flex;
    padding: 30px;
    width: 100%;
    height: calc(100% - 70pt);
    justify-content: center;
    align-items: center;
    flex-direction: column;
    line-height: 22px;
    text-align: center;
}
.disabled_acc {margin-top:35vh}
.restore_block a {
	margin-top: 50px;
    border-radius: 10px;
    color: white;
    padding: 10px 20px;
    background: var(--main-grad);
}