/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
 line-height: 1.15;
 -webkit-text-size-adjust: 100%;
}
details,
main {
 display: block;
}
h1 {
 font-size: 2em;
 margin: 0.67em 0;
}
hr {
 box-sizing: content-box;
 height: 0;
 overflow: visible;
}
code,
kbd,
pre,
samp {
 font-family: monospace, monospace;
 font-size: 1em;
}
a {
 background-color: transparent;
}
abbr[title] {
 border-bottom: none;
 text-decoration: underline;
 text-decoration: underline dotted;
}
b,
strong {
 font-weight: bolder;
}
small {
 font-size: 80%;
}
sub,
sup {
 font-size: 75%;
 line-height: 0;
 position: relative;
 vertical-align: baseline;
}
sub {
 bottom: -0.25em;
}
sup {
 top: -0.5em;
}
img {
 border-style: none;
 max-width: 100%;
 height: auto;
}
button,
input,
optgroup,
select,
textarea {
 font-family: inherit;
 font-size: 100%;
 line-height: 1.15;
 margin: 0;
}
button,
input {
 overflow: visible;
}
.btn {
    background: rgba(112, 0, 255, 1);
    color: rgba(29, 27, 37, 1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    border-radius: 32px;
    padding: 15px 45px;
	color: #fff;
}
button,
select {
 text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
 -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
 border-style: none;
 padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
 outline: ButtonText dotted 1px;
}
fieldset {
 padding: 0.35em 0.75em 0.625em;
}
legend {
 box-sizing: border-box;
 color: inherit;
 display: table;
 max-width: 100%;
 padding: 0;
 white-space: normal;
}
progress {
 vertical-align: baseline;
}
textarea {
 overflow: auto;
}
[type="checkbox"],
[type="radio"] {
 box-sizing: border-box;
 padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
 height: auto;
}
[type="search"] {
 -webkit-appearance: textfield;
 outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
::-webkit-file-upload-button {
 -webkit-appearance: button;
 font: inherit;
}
summary {
 display: list-item;
}
[hidden],
template {
 display: none;
}
html {
 width: 100%;
 height: 100%;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
*,
:after,
:before {
 -webkit-box-sizing: inherit;
 box-sizing: inherit;
}
body {
 width: 375px;
 height: 100vh;
 margin: 0 auto;
 padding: 0;
 font-family: "Unbounded", sans-serif;
 font-weight: 400;
 font-style: normal;
 font-size: 16px;
 line-height: normal;
 background: url(/img/BGG.png) center center;
 background-size:cover;
}
.container {
 width: 100%;
 padding: 0 20px;
}
a,
a:focus,
button,
button:focus,
input,
input:focus {
 outline: 0;
 text-decoration: none;
}
ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
.tabbar {
	position: fixed;
	z-index: 5000;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 375px;
	padding: 7px 20px 24px;
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}
.tooltip-match {
	position: absolute;
	background: url(/web/img/Tooltip.png);
	width: 375px;
	height: 104px;
	text-align: center;
	color: #fff;
	top: -70px;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: 0.1599999964237213px;
	text-align: center;
	left: -34px;
}
.tabbar__link .tooltip-match span {
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: 0.1599999964237213px;
	text-align: center;
	margin-top: 21px;
	display: block;
}
.tabbar__icon.match-icon {
	position: relative;
}

.tabbar__menu {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: stretch;
 -ms-flex-align: stretch;
 align-items: stretch;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
}
.tabbar__link {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 text-decoration: none;
}
.tabbar__link span {
 color: #3b384b;
 text-align: center;
 font-size: 12px;
 font-weight: 500;
 line-height: 15px;
}
.tabbar__link.current .tabbar__icon img.default {
 display: none;
}
.tabbar__link.current .tabbar__icon img.active {
 display: block;
}
.tabbar__link.current span {
 color: rgba(29, 27, 37, 1);
}
.tabbar__icon {

}
.tabbar__icon img {
 width: 100%;
 height: 100%;
 -o-object-fit: contain;
 object-fit: contain;
 display: block;
 position: relative;
  z-index: 999;
}
.tabbar__icon img.default {
	box-shadow: 1px 1px 3px #ccc;
	border-radius: 50%;
}
.tabbar__icon img.active {
 display: none;
}
.survey {
 position: relative;
 width: 375px;
 margin: 0 auto;
}
.survey__header {
	position: fixed;
	z-index: 4000;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%);
	-ms-transform: translate(-50%);
	transform: translate(-50%);
	width: 375px;
	padding: 16px 20px;
	display: flex;
	justify-content: space-between;
	background: url(/web/img/Progress.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.survey::before {
	content: "";
	position: fixed;
	z-index: 10;
	top: 57px;
	left: 50%;
	-webkit-transform: translate(-50%);
	-ms-transform: translate(-50%);
	transform: translate(-50%);
	width: 375px;
	height: 189px;
}
.survey::after {
	content: "";
	position: fixed;
	z-index: 10;
	bottom: 79px;
	left: 50%;
	-webkit-transform: translate(-50%);
	-ms-transform: translate(-50%);
	transform: translate(-50%);
	width: 375px;
	height: 189px;
}
.survey__title {
	margin: 0;
	color: rgb(29, 27, 37);
	text-align: left;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
}
.survey__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    gap: 16px;
    width: auto;
    height: 100vh;
    overflow-x: scroll;
    padding-top: calc(50vh - 147px);
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: calc(50vh - 147px);
}
.survey__row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 0;
	opacity: 1;
	background: #fff;
	border: 12px solid rgb(213, 213, 213);
	border-radius: 42px;
	padding: 5px;
	max-width: 305px;
}
.survey__row.current {
	position: relative;
	z-index: 100;
	opacity: 1;
	border: 12px solid rgb(213, 213, 213);
	border-radius: 42px;
	padding: 5px;
	top: -36px; 
	scroll-margin-right: 26px;
}
.survey-btn {
	width: 100%;
	cursor: pointer;
}
.survey-btn label {
 display: block;
}
.survey-btn[data-side="left"] label img {
	border-radius: 32px 32px 0 0;
}
.survey-btn[data-side="right"] label img {
	border-radius: 0 0 32px 32px;
}
.survey-btn__img {
 position: relative;
 height: 218px;
 border-bottom: none;
}
.survey-btn__img img {
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
 object-fit: cover;
 display: block;
}
.survey-btn__img::after {
	content: "";
	position: absolute;
	z-index: 10;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50px;
}
.survey-btn__name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: space-around;
	position: relative;
	width: 100%;
	height: 50px;
	padding: 5px 0;
	color: rgba(29, 27, 37, 1);
	text-align: center;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: 18px;
	text-transform: uppercase;
}
.gray {
	margin: 0 10px;
	margin: 0 5px;
}
.survey__row.current .survey-btn__img {
	/* height: 254px; */
}
.survey-btn input {
 display: none;
}
.survey-btn input:checked + label {
 -webkit-box-shadow: none;
 box-shadow: none;
}
.survey-btn input:checked + label .survey-btn__img {
}
.survey-btn input + label .survey-btn__img::after {
	background: url(/web/icons/Select-Icon-q.png);
	background-repeat: no-repeat;
	left: 15px;
	top: 15px;
	width: 44px;
  height: 44px;
}

.survey__row.selected .survey-btn input + label .survey-btn__img::after {
	background: url(/web/icons/icon-close.png);
	background-repeat: no-repeat;
	left: 15px;
	top: 15px;
	width: 44px;
 	height: 44px;
}

.survey__row.selected .survey-btn[data-side="right"] input + label .survey-btn__img::after {
	right: 15px;
	bottom: 15px;
	left: unset;
	top: unset;
}

.survey-btn[data-side="right"] input + label .survey-btn__img::after {
right: 15px;
	bottom: 15px;
	left: unset;
	top: unset;
}
.survey-btn input:checked + label .survey-btn__img::after {
	background: url(/web/icons/Select-Icon.png);
	background-repeat: no-repeat;
	left: 15px;
	top: 15px;
	width: 44px;
  height: 44px;
}

.survey-btn[data-side="right"] input:checked + label .survey-btn__img::after {
	background: url(/web/icons/Select-Icon.png);
	background-repeat: no-repeat;
	right: 15px;
	bottom: 15px;
	left: unset;
	top: unset;
}
.survey-btn input:checked + label .survey-btn__name {
 background: #00fff0;
 color: #1d1b25;
}
.survey-btn input:checked + label .survey-btn__name::before {
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
 background: url(../icons/check.svg) center/contain no-repeat;
}
.survey-btn:nth-child(2) .survey-btn__name::before {
 left: 7px;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
}
.survey-btn.notselect label {
 -webkit-box-shadow: none;
 box-shadow: none;
}
.survey-btn.notselect .survey-btn__img {
 border-color: #1d1b25;
 background: #1d1b25;
}
.survey-btn.notselect .survey-btn__img img {
 opacity: 0.2;
 -webkit-filter: grayscale(1);
 filter: grayscale(1);
}
.survey-btn.notselect .survey-btn__img::after {
 background: -webkit-gradient(linear, left bottom, left top, from(#211e2c), to(rgba(33, 30, 44, 0)));
 background: linear-gradient(0deg, #211e2c 0, rgba(33, 30, 44, 0) 100%);
}
.survey-btn.notselect .survey-btn__name {
 background: #1d1b25;
 color: #3b384b;
}
.survey-btn.notselect .survey-btn__name::before {
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
 background: url(../icons/across2.svg) center/contain no-repeat;
}
.match {
 position: relative;
 width: 375px;
 margin: 0 auto;
}
.match__header {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 375px;
	padding: 16px 20px 14px;
	background: #fff;
}
.match__top {
    padding-bottom: 9px;
    border-bottom: 5px solid rgba(213, 213, 213, 1);
    text-align: left;
}
.match__title {
    margin: 0;
    color: rgba(29, 27, 37, 1);
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}
.match__subtitle {
    margin: 4px 0 0;
    color: rgba(29, 27, 37, 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 10px;
}
.match__subtitle span {
 font-weight: 700;
 color: rgba(112, 0, 255, 1);
}
.match__search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    padding-top: 17px;
    position: relative;
}
.search {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 56px;
    border-radius: 8px;
    overflow: hidden;
}
.search.open {
 overflow: visible;
}
.search__form {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 position: absolute;
 z-index: 10;
 top: 0;
 left: 0;
 width: 335px;
 height: 56px;
 padding: 12px;
 border-radius: 8px;
 background: rgba(247, 247, 245, 1);
 border: 2px solid rgba(213, 213, 213, 1);
}
.search__btn {
 width: 32px;
 height: 32px;
 padding: 0;
 border: none;
 border-radius: 0;
 background: 0 0;
}
.search__btn img {
 width: 100%;
 height: 100%;
 -o-object-fit: contain;
 object-fit: contain;
}
.search__input {
 width: calc(100% - 47px);
 height: 32px;
 padding: 0 8px;
 border: none;
 background: 0 0;
 color: rgba(29, 27, 37, 1);
 font-size: 15px;
 font-weight: 500;
}
.search__close {
 display: none;
 width: 15px;
 height: 15px;
}
.search__close img {
 width: 100%;
 height: 100%;
 -o-object-fit: contain;
 object-fit: contain;
}
.filter-btn {
    width: 32px;
    height: 32px;
    margin-bottom: 2px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 30px;
    z-index: 99;
}
.filter-btn img {
 width: 100%;
 height: 100%;
 -o-object-fit: contain;
 object-fit: contain;
}
.sort {
 width: 32px;
 height: 32px;
 margin-left: 8px;
 margin-bottom: 2px;
 cursor: pointer;
}
.sort img {
 width: 100%;
 height: 100%;
 -o-object-fit: contain;
 object-fit: contain;
 -webkit-transition: 0.3s linear;
 transition: 0.3s linear;
}
.sort.asc img {
 -webkit-transform: rotateX(180deg);
 transform: rotateX(180deg);
}
.restrict {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 position: fixed;
 z-index: 100;
 top: 0;
 left: 50%;
 width: 375px;
 height: 100vh;
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 transform: translateX(-50%);
}
.restrict__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6px;
    width: 333px;
    padding: 20px;
    border-radius: 36px;
    background: #fff;
    color: rgba(29, 27, 37, 1);
    border: 12px solid rgba(213, 213, 213, 1);
}
.restrict__header {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 gap: 6px;
 color: rgba(29, 27, 37, 1);
}
.restrict__header img {
 width: 18px;
 height: 18px;
}
.restrict__header span {
    color: rgba(29, 27, 37, 1);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
}
.restrict__text {
    margin: 0;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: rgba(29, 27, 37, 1);
    margin-bottom: 25px;
}
.restrict__text span {
color: rgba(29, 27, 37, 1);
 font-weight: 700;
}
.users {
 padding: 166px 20px 88px;
}
.users__wrap {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 gap: 15px 16px;
 padding: 20px 0;
}
.users__empty {
	position: fixed;
	z-index: 100;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #3b384b;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
}
.card {
 display: block;
 width: calc(50% - 8px);
}
.card__img {
 position: relative;
 height: 154px;
 border-radius: 8px 8px 0 0;
 overflow: hidden;
}
.card__img img {
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
 object-fit: cover;
}
.card__img::after {
 content: "";
 position: absolute;
 z-index: 1;
 left: 0;
 bottom: 0;
 width: 100%;
 height: 50px;
}
.card__info {
	padding: 16px 4px 8px;
	border-radius: 0 0 8px 8px;
	background: #fff;
}
.card__name {
	margin: 0;
	color: rgba(29, 27, 37, 1);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
}
.card__city {
	margin: 0 0 4px;
	color: #646280;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
}
.card__prc {
	margin: 5px 0 0 0;
	color: rgba(112, 0, 255, 1);
	text-align: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 30px;
}
.tags {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 gap: 10px;
 padding-top: 8px;
}
.tags__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 4px;
	height: 32px;
	padding: 4px 5px 4px 8px;
	border-radius: 4px;
	background: #fff;
	border: 1px solid rgba(33, 30, 44, 0.14);
}
.tags__item span {
	color: rgba(33, 30, 44, 0.42);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 14px;
}
.tags__close {
 width: 16px;
 height: 16px;
}
.tags__close img {
 width: 100%;
 height: 100%;
 -o-object-fit: contain;
 object-fit: contain;
}
.filter {
 position: fixed;
 z-index: 6000;
 top: 0;
 left: -101%;
 width: 100%;
 height: 100vh;
 border-radius: 24px 24px 0 0;
 overflow-y: auto;
background: #fff;
 -webkit-transition: 0.3s linear;
 transition: 0.3s linear;
}
.filter.open {
 left: 0;
}
.filter__header {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -webkit-box-align: end;
 -ms-flex-align: end;
 align-items: flex-end;
 padding: 16px 20px;
 border-bottom: 2px solid #211e2c;
}
.filter__title {
 margin: 0;
 color: rgba(29, 27, 37, 1);
 text-align: center;
 font-size: 20px;
 font-style: normal;
 font-weight: 700;
 line-height: 24px;
}
.filter__close {
 width: 30%;
 padding-bottom: 2px;
}
.filter__close a {
 color: rgba(112, 0, 255, 1);
 font-size: 15px;
 font-style: normal;
 font-weight: 500;
 line-height: 18px;
}
.filter__rst {
 width: 30%;
 padding-bottom: 2px;
 text-align: right;
}
.filter__rst button {
 padding: 0;
 border: none;
 border-radius: 0;
 background: 0 0;
 color: #646280;
 font-size: 15px;
 font-style: normal;
 font-weight: 500;
 line-height: 18px;
}
.filter__section {
 padding: 6px 20px 10px;
 border-bottom: 2px solid #211e2c;
}
.filter__label {
 display: block;
 margin-bottom: 12px;
 color: rgba(29, 27, 37, 1);
 font-size: 15px;
 font-style: normal;
 font-weight: 700;
 line-height: 18px;
}
.filter__footer {
 padding: 32px 20px 45px;
}
.filter__btn {
	width: 100%;
	height: 42px;
	margin-bottom: 16px;
	border: none;
	border-radius: 4px;
	background: rgba(112, 0, 255, 1);
	color: #fff;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
}
.filter__group {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-pack: start;
 -ms-flex-pack: start;
 justify-content: flex-start;
 gap: 32px;
 position: relative;
}
.filter__group::before {
 content: "";
 position: absolute;
 top: 50%;
 left: 66px;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
 width: 16px;
 height: 2px;
 background: #646280;
}
.filter__input {
	width: 58px;
	height: 42px;
	border: 1px solid rgba(33, 30, 44, 0.14);
	border-radius: 4px;
	background: #fff;
	color: rgba(33, 30, 44, 5);
	text-align: center;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
}
.stat-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	width: 100%;
	height: 42px;
	border-radius: 4px;
	background: #3b384b;
	color: #fff;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
}
.stat-link img {
 position: absolute;
 top: 50%;
 right: 17px;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
 width: 16px;
 height: 18px;
}
.select {
 display: block;
 width: 100%;
 position: relative;
}
.new-select {
	/* display: -webkit-box; */
	/* display: -ms-flexbox; */
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	height: 36px;
	border: 1px solid rgba(33, 30, 44, 0.14);
	padding: 0 40px 0 13px;
	text-align: left;
	color: rgba(33, 30, 44, 0.42);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	border-radius: 4px;
	background: #fff;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.new-select::after {
 content: "";
 position: absolute;
 top: calc(50% - 8px);
 right: 18px;
 width: 17px;
 height: 16px;
 background-image: url(../icons/chevron.svg);
 background-repeat: no-repeat;
 background-position: left center;
 background-size: contain;
 -webkit-transition: 0.3s linear;
 transition: 0.3s linear;
}
.new-select.on {
 border-radius: 4px 4px 0 0;
}
.new-select.on::after {
 -webkit-transform: rotateX(180deg);
 transform: rotateX(180deg);
}
.new-select__list {
	position: absolute;
	z-index: 10;
	top: 35px;
	left: 0;
	width: 100%;
	max-height: 260px;
	overflow-y: auto;
	padding: 8px 13px 12px;
	background: #fff;
	border-radius: 0 0 4px 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-left: 1px solid rgba(33, 30, 44, 0.14);
	border-bottom: 1px solid rgba(33, 30, 44, 0.14);
	border-right: 1px solid rgba(33, 30, 44, 0.14);
}
.new-select__item {
 display: block;
 margin-bottom: 12px;
 color: rgba(29, 27, 37, 1);
 font-size: 15px;
 font-style: normal;
 font-weight: 500;
 line-height: 18px;
}
.new-select__item:last-child {
 margin-bottom: 0;
}
.stats {
 padding: 156px 20px 88px;
}
.stats__wrap {
 padding: 24px 0;
}
.stats__item {
 margin-bottom: 16px;
}
.stats__item:last-child {
 margin-bottom: 0;
}
.stats__empty {
 position: fixed;
 z-index: 100;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 color: #3b384b;
 text-align: center;
 font-size: 18px;
 font-weight: 500;
}
.choice {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 height: 72px;
 padding: 0 8px 0 9px;
}
.choice__left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	gap: 4px;
	width: 50%;
	padding-right: 7px;
}
.choice__left .choice__text {
 text-align: right;
}
.choice__left.noactive .choice__name {
 color: #3b384b;
}
.choice__left.noactive .choice__pie {
 background: #3b384b;
}
.choice__left.noactive .choice__pie img {
 opacity: 0.2;
 -webkit-filter: grayscale(1);
 filter: grayscale(1);
}
.choice__left.noactive .choice__pie::before {
 display: none;
}
.choice__right {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-wrap: nowrap;
 flex-wrap: nowrap;
 gap: 4px;
 width: 50%;
 padding-left: 7px;
 border-left: 1px solid #646280;
}
.choice__right.noactive .choice__name {
 color: #3b384b;
}
.choice__right.noactive .choice__pie {
 background: #3b384b;
}
.choice__right.noactive .choice__pie img {
 opacity: 0.2;
 -webkit-filter: grayscale(1);
 filter: grayscale(1);
}
.choice__right.noactive .choice__pie::before {
 display: none;
}
.choice__pie {
 -webkit-box-flex: 0;
 -ms-flex: none;
 flex: none;
 position: relative;
 width: 56px;
 height: 56px;
 border-radius: 50%;
 background: #646280;
}
.choice__pie::before {
 content: "";
 position: absolute;
 z-index: 1;
 border-radius: 50%;
 inset: 0;
 background: background: rgba(112, 0, 255, 1);
 -webkit-transform: rotate(180deg);
 -ms-transform: rotate(180deg);
 transform: rotate(180deg);
}
.choice__pie img {
 position: absolute;
 z-index: 10;
 top: 2px;
 left: 2px;
 width: calc(100% - 4px);
 height: calc(100% - 4px);
 border-radius: 50%;
}
.choice__text {
 font-size: 13px;
 font-style: normal;
 font-weight: 700;
 line-height: 16px;
}
.choice__name {
 margin: 0;
 color: rgba(29, 27, 37, 1);
}
.choice__prc {
 margin: 0;
 color: rgba(112, 0, 255, 1);
}
.user {
 position: relative;
 width: 375px;
 margin: 0 auto;
}
.user__header {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%);
	-ms-transform: translate(-50%);
	transform: translate(-50%);
	width: 375px;
	padding: 8px 20px;
	border-bottom: 1px solid #3b384b;
	background: none;
}
.user__top {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 margin-bottom: 16px;
 padding-bottom: 10px;
 border-bottom: 2px solid #211e2c;
}
.user__back {
 display: block;
 width: 16px;
 height: 16px;
}
.user__back img {
 width: 100%;
 height: 100%;
 -o-object-fit: contain;
 object-fit: contain;
}
.user__name {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 gap: 8px;
}
.user__name img {
 width: 40px;
 height: 40px;
 border-radius: 50%;
 -o-object-fit: cover;
 object-fit: cover;
}
.user__name span {
 color: rgba(29, 27, 37, 1);
 font-size: 15px;
 font-style: normal;
 font-weight: 700;
 line-height: 18px;
}
.user__title {
 margin: 0 0 4px;
 color: rgba(29, 27, 37, 1);
 text-align: center;
 font-size: 20px;
 font-style: normal;
 font-weight: 700;
 line-height: 24px;
}
.user__title span {
 color: rgba(112, 0, 255, 1);
}
.user__subtitle {
 margin: 0;
 color: rgba(29, 27, 37, 1);
 text-align: center;
 font-size: 12px;
 font-style: normal;
 font-weight: 500;
 line-height: 15px;
}
.user__subtitle span {
 color: rgba(112, 0, 255, 1);
}
.user__footer {
 position: fixed;
 z-index: 100;
 bottom: 0;
 left: 50%;
 -webkit-transform: translate(-50%);
 -ms-transform: translate(-50%);
 transform: translate(-50%);
 width: 375px;
 height: 143px;
 background: none;
}
.share {
 display: block;
 width: 24px;
 height: 24px;
}
.share img {
 width: 100%;
 height: 100%;
 -o-object-fit: contain;
 object-fit: contain;
}
.msg-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 335px;
	height: 48px;
	margin: 0 auto;
	border-radius: 4px;
	background: rgba(112, 0, 255, 1);
	color: #fff;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 18px;
	border: 0 none;
}
.user-survey {
 padding: 160px 20px;
}
.user-survey__day {
 margin-bottom: 16px;
}
.user-survey__day:last-child {
 margin-bottom: 0;
}
.user-survey__date {
 margin: 0 0 8px;
 color: #646280;
 text-align: center;
 font-size: 12px;
 font-style: normal;
 font-weight: 500;
 line-height: normal;
}
.user-survey__item {
 margin-bottom: 16px;
}
.user-survey__item:last-child {
 margin-bottom: 0;
}
.user-survey__empty {
 position: fixed;
 z-index: 100;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 width: 100%;
 color: #3b384b;
 text-align: center;
 font-size: 18px;
 font-weight: 500;
}
.chat {
 position: relative;
 width: 375px;
 margin: 0 auto;
}
.chat__header {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%);
	-ms-transform: translate(-50%);
	transform: translate(-50%);
	width: 375px;
	background: #fff;
}
.chat__title {
	margin: 0;
	padding: 16px 20px;
	color: rgba(29, 27, 37, 1);
	text-align: left;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
}
.chat-search {
 padding: 0 20px;
}
.chat-search__form {
 display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 10;
  top: 0;
  left: 0;
  width: 335px;
  height: 56px;
  padding: 12px;
  border-radius: 8px;
  background: rgba(247, 247, 245, 1);
  border: 2px solid rgba(213, 213, 213, 1);
}
.chat-search__btn {
 width: 32px;
 height: 32px;
 padding: 0;
 border: none;
 border-radius: 0;
 background: 0 0;
}
.chat-search__btn img {
 width: 100%;
 height: 100%;
 -o-object-fit: contain;
 object-fit: contain;
}
.chat-search__input {
 width: calc(100% - 32px);
 height: 32px;
 padding: 0 8px;
 border: none;
 background: 0 0;
 color: rgba(29, 27, 37, 1);
 font-size: 15px;
 font-weight: 500;
}
.chat__counts {
	margin-top: 0;
	padding-left: 20px;
	font-size: 14px;
}
.chat__counts-num {
	color: rgba(112, 0, 255, 1);
}
.msgs {
 padding: 125px 20px 88px;
}
.msgs__wrap {
 padding: 24px 0;
}
.msgs__empty {
 position: fixed;
 z-index: 100;
 top: 50%;
 left: 0;
 width: 100%;
 color: #3b384b;
 text-align: center;
 font-size: 18px;
 font-weight: 500;
}
.msgs__item {
 margin-bottom: 8px;
}
.msgs__item:last-child {
 margin-bottom: 0;
}
.chat-item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 9px;
	width: 100%;
	height: 72px;
	padding-left: 73px;
	border-radius: 4px;
	background: #fff;
}
.chat-item__avatar {
 position: absolute;
 top: 8px;
 left: 8px;
 width: 56px;
 height: 56px;
}
.chat-item__avatar img {
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
 object-fit: cover;
 border-radius: 50%;
}
.chat-item__avatar.is-online::after {
	content: "";
	position: absolute;
	z-index: 1;
	right: 6px;
	bottom: -2px;
	width: 12px;
	height: 12px;
	border: 1px solid #fff;
	border-radius: 50%;
	background: rgba(112, 0, 255, 1);
}
.chat-item__row {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-wrap: nowrap;
 flex-wrap: nowrap;
 gap: 15px;
 padding-right: 16px;
}
.chat-item__user {
font-family: Montserrat;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
 color: rgba(29, 27, 37, 1);
font-size: 13px;
font-weight: 700;
line-height: 16px;
text-align: left;
}

.chat-item__right {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 gap: 4px;
 -webkit-box-flex: 0;
 -ms-flex: none;
 flex: none;
}
.chat-item__time {
font-family: Montserrat;
color: rgba(29, 27, 37, 1);
font-size: 12px;
font-weight: 500;
line-height: 15px;
text-align: left;
}
.chat-item__text {
font-family: Montserrat;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
 color: rgba(29, 27, 37, 1);
font-size: 12px;
font-weight: 500;
line-height: 15px;
text-align: left;
}
.chat-item__text span {
 color: #646280;
}
.chat-item__badge {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 min-width: 16px;
 height: 16px;
 padding: 0 6px;
 border-radius: 8px;
 background: rgba(59, 56, 75, 1);
 color: rgba(213, 213, 213, 1);
 font-size: 12px;
 font-style: normal;
 font-weight: 500;
 line-height: 1;
 -webkit-transform: translateY(-5px);
 -ms-transform: translateY(-5px);
 transform: translateY(-5px);
}
.chat-item__status {
 width: 16px;
 height: 16px;
}
.chat-item__status img {
 width: 100%;
 height: 100%;
 -o-object-fit: contain;
 object-fit: contain;
 display: block;
 -webkit-transform: translateY(-1px);
 -ms-transform: translateY(-1px);
 transform: translateY(-1px);
}
.messanger {
 position: relative;
 width: 375px;
 margin: 0 auto;
}
.messanger__header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: space-between;
	position: fixed;
	z-index: 100;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%);
	-ms-transform: translate(-50%);
	transform: translate(-50%);
	width: 375px;
	padding: 16px 20px 8px;
	border-bottom: 1px solid rgb(213, 213, 213);
	background: #fff;
}
.messanger__back {
	position: absolute;
	z-index: 10;
	top: calc(50% - 22px);
	display: block;
	width: 44px;
	height: 44px;
	right: 20px;
}
.messanger__back img {
 width: 100%;
 height: 100%;
 -o-object-fit: contain;
 object-fit: contain;
 display: block;
}
.new-message {
	position: fixed;
	z-index: 6000;
	bottom: 0;
	left: 50%;
	-webkit-transform: translate(-50%);
	-ms-transform: translate(-50%);
	transform: translate(-50%);
	width: 375px;
	padding: 17px 20px 30px;
	border-top: 2px solid rgb(213, 213, 213);
	background: rgb(242, 242, 242);
}
.new-message__form {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-wrap: nowrap;
 flex-wrap: nowrap;
 gap: 8px;
}
.new-message__img {
 -webkit-box-flex: 0;
 -ms-flex: none;
 flex: none;
 width: 32px;
 height: 32px;
 cursor: pointer;
}
.new-message__img img {
 width: 100%;
 height: 100%;
 -o-object-fit: contain;
 object-fit: contain;
}
.new-message__btn {
 -webkit-box-flex: 0;
 -ms-flex: none;
 flex: none;
 width: 32px;
 height: 32px;
 padding: 0;
 border: none;
 background: 0 0;
}
.new-message__btn img {
 width: 100%;
 height: 100%;
 -o-object-fit: contain;
 object-fit: contain;
}
.new-message__input {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	height: 40px;
	padding: 0 12px;
	border: none;
	border-radius: 4px;
	background: none;
	color: rgba(29, 27, 37, 1);
	font-size: 14px;
	font-weight: 400;
	max-width: 270px;
}
.messanger__header .person {
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 8px;
}
.profile-header__top .person {
 display: block;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 gap: 8px;
}
.person__avatar {
font-size: 20px;
font-weight: 700;
line-height: 24px;
}
.person__avatar img {
	width: 56px;
	height: 56px;
	border-radius: 50%;
}
.person__avatar.is-online::after {
 content: "";
 position: absolute;
 z-index: 1;
 right: 4px;
 bottom: 0;
 width: 10px;
 height: 10px;
 border: 2px solid #1d1b25;
 border-radius: 50%;
 background: #00fff0;
}
.person__name {
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: left;
color: rgba(112, 0, 255, 1);
margin-top: 10px;

}
.messanger__header .person__name {
	font-size: 20px;
	font-weight: 700;
	line-height: 25px;
	text-align: left;
	color: rgba(29, 27, 37, 1);
}
.bubbles {
 height: 100vh;
 overflow-y: auto;
 padding: 97px 20px 80px;
}
.bubbles__empty {
 position: fixed;
 z-index: 100;
 top: 50%;
 left: 0;
 width: 100%;
 color: #3b384b;
 text-align: center;
 font-size: 18px;
 font-weight: 500;
}
.bubbles__date-group {
 padding-bottom: 16px;
}
.bubbles__date {
 margin-bottom: 8px;
 color: rgba(100, 98, 128, 1);
 text-align: left;
 font-size: 12px;
 font-style: normal;
 font-weight: 400;
 line-height: 15px;
}
.bubbles__group {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 gap: 20px;
 margin-bottom: 16px;
}
.bubbles__group.is-out {
 -webkit-box-pack: end;
 -ms-flex-pack: end;
 justify-content: flex-end;
}
.bubbles__group.is-out .bubbles__wrap {
 max-width: 300px;
 padding: 0;
}
.bubbles__group.is-out .bubble {
 -webkit-box-align: end;
 -ms-flex-align: end;
 align-items: flex-end;
}
.bubbles__group.is-out .bubble__content {
 background: rgba(29, 27, 37, 1);
 color: #fff;
}
.bubbles__group.is-out .bubble__content:first-child::before {
 left: auto;
 right: -5px;
 background: rgba(29, 27, 37, 1);
}
.bubbles__group.is-out .bubble__info {
 -webkit-box-pack: end;
 -ms-flex-pack: end;
 justify-content: flex-end;
}
.bubbles__group:last-child {
 margin-bottom: 0;
}
.bubbles__avatar {
 -webkit-box-flex: 0;
 -ms-flex: none;
 flex: none;
 width: 32px;
 height: 32px;
 border-radius: 50%;
 overflow: hidden;
}
.bubbles__avatar img {
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
 object-fit: cover;
 display: block;
}
.bubbles__wrap {
 max-width: 266px;
 padding-left: 7px;
}
.bubble {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-align: start;
 -ms-flex-align: start;
 align-items: flex-start;
 gap: 2px;
 margin-bottom: 8px;
}
.bubble:first-child .bubble__content::before {
 content: "";
 position: absolute;
 left: -5px;
 top: 9px;
 width: 12px;
 height: 12px;
 background: #211e2c;
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
}
.bubble:last-child {
 margin-bottom: 0;
}
.bubble__content {
	position: relative;
	padding: 8px;
	border-radius: 4px;
	background: rgba(29, 27, 37, 1);
	color: #fff;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 15px;
}
.bubble__content img {
 display: block;
 border-radius: 4px;
 aspect-ratio: 1;
 -o-object-fit: cover;
 object-fit: cover;
}
.bubble__content p {
 margin: 0 0 15px;
}
.bubble__content p:last-child {
 margin-bottom: 0;
}
.bubble__info {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-align: end;
 -ms-flex-align: end;
 align-items: flex-end;
 gap: 2px;
}
.bubble__time {
 color: rgba(100, 98, 128, 1);
 font-size: 10px;
 font-style: normal;
 font-weight: 500;
 line-height: 12px;
 font-family: "Montserrat";
}
.bubble__status {
 width: 12px;
 height: 12px;
 margin-bottom: 1px;
}
.bubble__status img {
 width: 100%;
 height: 100%;
 -o-object-fit: contain;
 object-fit: contain;
 display: block;
}
.nosend {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-pack: end;
 -ms-flex-pack: end;
 justify-content: flex-end;
 position: fixed;
 z-index: 7000;
 top: 0;
 left: 50%;
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 transform: translateX(-50%);
 width: 375px;
 height: 100vh;
 padding: 20px;
 background: rgba(33, 30, 44, 0.5);
}
.nosend__cansel {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 width: 100%;
 height: 44px;
 margin-top: 20px;
 border-radius: 14px;
 background: #211e2c;
 -webkit-backdrop-filter: blur(40px);
 backdrop-filter: blur(40px);
 color: rgba(29, 27, 37, 1);
 font-size: 17px;
 font-style: normal;
 font-weight: 400;
}
.nosend__repeat {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 width: 100%;
 height: 45px;
 border-bottom: 1px solid #3b384b;
 border-radius: 14px 14px 0 0;
 background: #211e2c;
 -webkit-backdrop-filter: blur(40px);
 backdrop-filter: blur(40px);
 color: rgba(29, 27, 37, 1);
 font-size: 17px;
 font-style: normal;
 font-weight: 400;
}
.nosend__del {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 width: 100%;
 height: 44px;
 border-radius: 0 0 14px 14px;
 background: #211e2c;
 -webkit-backdrop-filter: blur(40px);
 backdrop-filter: blur(40px);
 color: rgba(112, 0, 255, 1);
 font-size: 17px;
 font-style: normal;
 font-weight: 400;
}
.photo {
 display: none;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-pack: end;
 -ms-flex-pack: end;
 justify-content: flex-end;
 position: fixed;
 z-index: 7000;
 top: 0;
 left: 50%;
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 transform: translateX(-50%);
 width: 375px;
 height: 100vh;
 padding: 20px;
 background: rgba(33, 30, 44, 0.5);
}
.photo__cansel {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 width: 100%;
 height: 44px;
 margin-top: 20px;
 border-radius: 14px;
 background: #211e2c;
 -webkit-backdrop-filter: blur(40px);
 backdrop-filter: blur(40px);
 color: rgba(29, 27, 37, 1);
 font-size: 17px;
 font-style: normal;
 font-weight: 400;
}
.photo__load {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 width: 100%;
 height: 45px;
 border-bottom: 1px solid #3b384b;
 border-radius: 14px 14px 0 0;
 background: #211e2c;
 -webkit-backdrop-filter: blur(40px);
 backdrop-filter: blur(40px);
 color: rgba(29, 27, 37, 1);
 font-size: 17px;
 font-style: normal;
 font-weight: 400;
}
.photo__picture {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 width: 100%;
 height: 44px;
 border-radius: 0 0 14px 14px;
 background: #211e2c;
 -webkit-backdrop-filter: blur(40px);
 backdrop-filter: blur(40px);
 color: rgba(29, 27, 37, 1);
 font-size: 17px;
 font-style: normal;
 font-weight: 400;
}
.profile {
 position: relative;
 width: 375px;
 margin: 0 auto;
}
.profile .user-survey {
 padding-top: 155px;
 padding-bottom: 112px;
}
.profile-header {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%);
	-ms-transform: translate(-50%);
	transform: translate(-50%);
	width: 375px;
	padding: 16px 20px;
	border-bottom: 1px solid rgba(213, 213, 213, 1);
	background: #fff;
}
.profile-header__top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: flex-start;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	margin-bottom: 16px;
	padding-bottom: 10px;
}
.profile-header__link {
 color: rgba(112, 0, 255, 1);
 font-size: 15px;
 font-style: normal;
 font-weight: 500;
 line-height: 18px;
}
.profile-header__title {
 margin: 0;
 color: rgba(29, 27, 37, 1);
 text-align: center;
 font-size: 20px;
 font-style: normal;
 font-weight: 700;
 line-height: 24px;
}
.settings {
 height: 100vh;
 padding: 155px 20px 350px;
 overflow-y: auto;
}
.settings__img {
 width: 120px;
 height: 120px;
 margin: 0 auto 16px;
 border-radius: 50%;
 background: url(../web/icons/bg-photo.svg) center/cover no-repeat;
 overflow: hidden;
 cursor: pointer;
}
.settings__img img {
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
 object-fit: cover;
 display: block;
}
.settings__group {
 margin-bottom: 16px;
}
.settings__group:last-child {
 margin-bottom: 0;
}
.settings__group label {
	display: block;
	margin-bottom: 12px;
	color: rgba(33, 30, 44, 0.72);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
}
.settings__group > input {
	width: 100%;
	height: 36px;
	padding: 0 12px;
	border-radius: 8px;
	border: 1px solid rgba(33, 30, 44, 0.14);
	background: #fff;
	color: rgba(33, 30, 44, 0.72);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
}
.settings__group > input::-webkit-input-placeholder {
 opacity: 1;
 color: #3b384b;
}
.settings__group > input::-moz-placeholder {
 opacity: 1;
 color: #3b384b;
}
.settings__group > input:-moz-placeholder {
 opacity: 1;
 color: #3b384b;
}
.settings__row {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 gap: 12px;
}
.settings__row input {
	width: 100%;
	height: 36px;
	padding: 0 12px;
	border-radius: 8px;
	border: 1px solid rgba(33, 30, 44, 0.14);
	background: #fff;
	color: rgba(33, 30, 44, 0.72);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
}
.settings__row input::-webkit-input-placeholder {
 opacity: 1;
 color: #3b384b;
}
.settings__row input::-moz-placeholder {
 opacity: 1;
 color: #3b384b;
}
.settings__row input:-moz-placeholder {
 opacity: 1;
 color: #3b384b;
}
.settings__row span {
	color: rgba(33, 30, 44, 0.72);
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	line-height: 10px;
}

.tabbar__icon span.countUnread {
    position: absolute;
    top: 8px;
    right: 19px;
    z-index: 999;
    background: #7000ff;
    color: #fff;
    border-radius: 50%;
    padding: 3px 8px;
}