html {
  margin: 0;
  padding: 0;
  height: 100%;
  cursor: default;
}
body {
  margin: 0;
  padding: 0;
  position: relative;
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  font-family: 'Montserrat', 'Arial', 'Helvetica', 'Nimbus Sans L', sans-serif;
  color: #303030;
  background: #F7F7F7;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  min-width: 320px;
  min-height: 100%;
  display: grid;
  grid-template-rows: 1fr auto;
  padding-top: 88px;
  box-sizing: border-box;
}
body.fullscreen-page {
  max-height: 100%;
  height: 100%;
  padding-top: 64px;
  grid-template-rows: 100% auto;
}
body.fullscreen-page footer {
  margin-top: 20px;
}
@media only screen and (max-width: 999px) {
  body.fullscreen-page footer {
    margin-top: 10px;
  }
}
body.fullscreen-page main {
  display: grid;
  grid-template-rows: auto 1fr;
  max-height: 100%;
  overflow: hidden;
}
body.fullscreen-page main .container {
  display: grid;
  align-items: stretch;
  max-height: 100%;
  overflow: hidden;
}
body.intro-page {
  padding: 0;
}
body.is-locked {
  width: 100%;
  padding-right: 0;
  overflow-y: scroll;
}
a {
  outline: 0;
  color: #BA37D0;
  text-decoration-line: underline;
  text-underline-offset: 5px;
}
a:hover {
  text-decoration: none;
}
img {
  border: 0;
  max-width: 100%;
}
form,
fieldset {
  margin: 0;
  padding: 0;
  border: 0 none;
}
figure {
  margin: 0;
}
h1 {
  font-size: 26px;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 24px;
}
h2 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 600;
  margin: 0 0 28px 0;
}
@media only screen and (max-width: 999px) {
  h2 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 767px) {
  h2 {
    font-size: 24px;
    line-height: 30px;
  }
}
h3 {
  font-size: 26px;
  line-height: 32px;
  font-weight: 600;
  margin: 0 0 20px 0;
}
@media only screen and (max-width: 999px) {
  h3 {
    font-size: 24px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  h3 {
    font-size: 20px;
    line-height: 26px;
  }
}
p {
  margin: 24px 0;
}
p:first-child {
  margin-top: 0;
}
p:last-child {
  margin-bottom: 0;
}
.block + .block {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .block + .block {
    margin-top: 40px;
  }
}
.break-word {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
}
.center {
  text-align: center;
}
.container {
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .container {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.cover {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.margin:first-child {
  margin-top: 0;
}
.margin:last-child {
  margin-bottom: 0;
}
.empty {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 100%;
  width: 100%;
  color: #777;
  font-family: Montserrat, sans-serif;
  font-size: 46px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  opacity: 0.3;
}
@media only screen and (max-width: 767px) {
  .empty {
    font-size: 38px;
  }
}
@media only screen and (max-width: 480px) {
  .empty {
    font-size: 28px;
  }
}
.version {
  position: fixed;
  z-index: 1000;
  font-size: 12px;
  color: red;
  top: 5px;
  left: 5px;
  pointer-events: none;
}
header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100;
  background: #FFF;
  box-shadow: 0 3px 25px rgba(0, 0, 0, 0.07);
}
header .button {
  flex: 0 0 auto;
  margin-right: 30px;
  order: 5;
  min-height: 42px;
}
@media only screen and (max-width: 1100px) {
  header .button {
    margin-right: 24px;
  }
}
@media only screen and (max-width: 767px) {
  header .button {
    display: none;
  }
}
@media only screen and (max-width: 999px) {
  header .button > span {
    display: none;
  }
}
header .container {
  display: flex;
  align-items: center;
  height: 64px;
}
header .container:after {
  display: block;
  content: '';
  flex: 1 1 auto;
  min-width: 0;
  order: 3;
}
header .logo {
  width: 196px;
  height: 50px;
  flex: 0 0 auto;
  margin-right: 40px;
  background: url('../img/logo.svg') no-repeat;
  background-size: 196px 50px;
  display: block;
  order: 1;
}
@media only screen and (max-width: 1100px) {
  header .logo {
    margin-right: 24px;
  }
}
@media only screen and (max-width: 767px) {
  header .logo {
    width: 42px;
    margin-right: 24px;
  }
}
.header-bar {
  margin: 0 13px 0 0;
  padding: 0;
  list-style-type: none;
  align-items: center;
  display: flex;
  order: 4;
}
.header-bar > li {
  flex: 0 1 auto;
  padding-left: 20px;
  width: 33px;
  border-left: 1px solid #F2F2F2;
  height: 32px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1100px) {
  .header-bar > li {
    padding-left: 10px;
    border: 0;
  }
}
.header-bar > li:first-child {
  padding: 0;
  border: 0;
}
.header-bar > li > a,
.header-bar > li > div {
  flex: 0 0 auto;
  display: block;
  width: 20px;
  height: 20px;
  text-decoration: none;
  position: relative;
}
.header-bar > li > a:before,
.header-bar > li > div:before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  transform: translate(-50%, -50%);
  transition: background 0.2s ease;
}
.header-bar > li > a > span,
.header-bar > li > div > span {
  position: absolute;
  top: -12px;
  left: 12px;
  min-width: 16px;
  height: 16px;
  font-size: 10px;
  line-height: 16px;
  color: #FFF;
  font-weight: bold;
  background: #BA37D0;
  border-radius: 8px;
  text-align: center;
}
.header-bar .header-bar-chat:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2017%2014%22%3E%3Cpath%20fill%3D%22%23303030%22%20d%3D%22M6.67%2C9.23l-.28%2C3.91a1.13%2C1.13%2C0%2C0%2C0%2C.44-.1%2C1.06%2C1.06%2C0%2C0%2C0%2C.35-.28L9.06%2C11%2C13%2C13.81c.72.39%2C1.22.19%2C1.42-.65L17%2C1.28c.23-1-.37-1.47-1.08-1.2L.8%2C5.78c-1%2C.4-1%2C1-.18%2C1.23L4.48%2C8.19l8.68-5c.42-.28.8-.12.49.15Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.header-bar .header-bar-chat:before {
  width: 17px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2017%2014%22%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M6.67%2C9.23l-.28%2C3.91a1.13%2C1.13%2C0%2C0%2C0%2C.44-.1%2C1.06%2C1.06%2C0%2C0%2C0%2C.35-.28L9.06%2C11%2C13%2C13.81c.72.39%2C1.22.19%2C1.42-.65L17%2C1.28c.23-1-.37-1.47-1.08-1.2L.8%2C5.78c-1%2C.4-1%2C1-.18%2C1.23L4.48%2C8.19l8.68-5c.42-.28.8-.12.49.15Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.header-bar .header-bar-fav:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2015%22%3E%3Cpath%20fill%3D%22%23303030%22%20d%3D%22M1.07%2C5.4A3.66%2C3.66%2C0%2C0%2C1%2C4.59%2C1C6.71.87%2C7.75%2C3.34%2C8%2C3.82l0%2C0H8v0c1-2.6%2C2.77-2.71%2C3.4-2.77a3.24%2C3.24%2C0%2C0%2C1%2C3.5%2C4c-.65%2C4.09-7%2C8.7-7%2C8.7S1.89%2C9.79%2C1.07%2C5.4Z%22%2F%3E%3Cpath%20fill%3D%22%23303030%22%20d%3D%22M8%2C15l-.57-.37C7.16%2C14.46%2C1%2C10.36.09%2C5.6h0A4.65%2C4.65%2C0%2C0%2C1%2C.91%2C1.91%2C4.86%2C4.86%2C0%2C0%2C1%2C4.52%2C0%2C3.85%2C3.85%2C0%2C0%2C1%2C8%2C1.82%2C4.44%2C4.44%2C0%2C0%2C1%2C11.3%2C0a4.35%2C4.35%2C0%2C0%2C1%2C3.6%2C1.34%2C4.44%2C4.44%2C0%2C0%2C1%2C1%2C3.87c-.72%2C4.45-7.12%2C9.16-7.39%2C9.36ZM2.05%2C5.21c.6%2C3.16%2C4.43%2C6.23%2C5.89%2C7.3%2C1.93-1.53%2C5.58-4.9%2C6-7.6a2.48%2C2.48%2C0%2C0%2C0-.5-2.14%2C2.4%2C2.4%2C0%2C0%2C0-1.91-.71A2.73%2C2.73%2C0%2C0%2C0%2C9%2C4.18l-.11.29-.51.39H7.71L7.13%2C4.5%2C7%2C4.19C6.56%2C3.14%2C5.78%2C2%2C4.67%2C2.05A2.93%2C2.93%2C0%2C0%2C0%2C2.5%2C3.16%2C2.58%2C2.58%2C0%2C0%2C0%2C2.05%2C5.21Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.header-bar .header-bar-fav:before {
  width: 17px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2015%22%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M1.07%2C5.4A3.66%2C3.66%2C0%2C0%2C1%2C4.59%2C1C6.71.87%2C7.75%2C3.34%2C8%2C3.82l0%2C0H8v0c1-2.6%2C2.77-2.71%2C3.4-2.77a3.24%2C3.24%2C0%2C0%2C1%2C3.5%2C4c-.65%2C4.09-7%2C8.7-7%2C8.7S1.89%2C9.79%2C1.07%2C5.4Z%22%2F%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M8%2C15l-.57-.37C7.16%2C14.46%2C1%2C10.36.09%2C5.6h0A4.65%2C4.65%2C0%2C0%2C1%2C.91%2C1.91%2C4.86%2C4.86%2C0%2C0%2C1%2C4.52%2C0%2C3.85%2C3.85%2C0%2C0%2C1%2C8%2C1.82%2C4.44%2C4.44%2C0%2C0%2C1%2C11.3%2C0a4.35%2C4.35%2C0%2C0%2C1%2C3.6%2C1.34%2C4.44%2C4.44%2C0%2C0%2C1%2C1%2C3.87c-.72%2C4.45-7.12%2C9.16-7.39%2C9.36ZM2.05%2C5.21c.6%2C3.16%2C4.43%2C6.23%2C5.89%2C7.3%2C1.93-1.53%2C5.58-4.9%2C6-7.6a2.48%2C2.48%2C0%2C0%2C0-.5-2.14%2C2.4%2C2.4%2C0%2C0%2C0-1.91-.71A2.73%2C2.73%2C0%2C0%2C0%2C9%2C4.18l-.11.29-.51.39H7.71L7.13%2C4.5%2C7%2C4.19C6.56%2C3.14%2C5.78%2C2%2C4.67%2C2.05A2.93%2C2.93%2C0%2C0%2C0%2C2.5%2C3.16%2C2.58%2C2.58%2C0%2C0%2C0%2C2.05%2C5.21Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.header-bar .header-bar-notifications:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2015%22%3E%3Cpath%20fill%3D%22%23303030%22%20d%3D%22M.7%2C13v-1.4A1.39%2C1.39%2C0%2C0%2C0%2C2%2C10.16V5.73A3.61%2C3.61%2C0%2C0%2C1%2C5.82%2C2.07c3.36%2C0%2C4.16%2C2%2C4.16%2C3.53v4.8s-.1%2C1.16%2C1.32%2C1.16V13Z%22%2F%3E%3Cpath%20fill%3D%22%23303030%22%20d%3D%22M0%2C13.68V10.86l.66%2C0a.65.65%2C0%2C0%2C0%2C.68-.67V5.73A5%2C5%2C0%2C0%2C1%2C2.57%2C2.59%2C4.32%2C4.32%2C0%2C0%2C1%2C5.82%2C1.34c3.58%2C0%2C4.85%2C2.2%2C4.85%2C4.26v4.8a.42.42%2C0%2C0%2C0%2C.09.29.79.79%2C0%2C0%2C0%2C.54.15H12v2.83Zm1.39-1.54v.09l9.22%2C0a1.74%2C1.74%2C0%2C0%2C1-.89-.54%2C1.9%2C1.9%2C0%2C0%2C1-.44-1.32V5.6c0-1-.45-2.81-3.46-2.81A2.88%2C2.88%2C0%2C0%2C0%2C2.73%2C5.73v4.43A2%2C2%2C0%2C0%2C1%2C1.39%2C12.14Z%22%2F%3E%3Cpath%20fill%3D%22%23303030%22%20d%3D%22M7%2C2.17V1.79A1.07%2C1.07%2C0%2C0%2C0%2C6.73%2C1%2C1%2C1%2C0%2C0%2C0%2C5.27%2C1%2C1.07%2C1.07%2C0%2C0%2C0%2C5%2C1.79v.35ZM7.06%2C13a1.36%2C1.36%2C0%2C0%2C1-.37.94%2C1.27%2C1.27%2C0%2C0%2C1-.9.38%2C1.25%2C1.25%2C0%2C0%2C1-.89-.38A1.36%2C1.36%2C0%2C0%2C1%2C4.53%2C13%22%2F%3E%3Cpath%20fill%3D%22%23303030%22%20d%3D%22M5.79%2C15a1.92%2C1.92%2C0%2C0%2C1-1.39-.6A2.08%2C2.08%2C0%2C0%2C1%2C3.83%2C13H5.22a.59.59%2C0%2C0%2C0%2C.17.42.56.56%2C0%2C0%2C0%2C.81%2C0A.63.63%2C0%2C0%2C0%2C6.36%2C13h1.4a2.09%2C2.09%2C0%2C0%2C1-.58%2C1.45A1.89%2C1.89%2C0%2C0%2C1%2C5.79%2C15ZM7.73%2C2.91%2C4.27%2C2.85V1.79A1.87%2C1.87%2C0%2C0%2C1%2C4.77.51a1.74%2C1.74%2C0%2C0%2C1%2C2.46%2C0%2C1.87%2C1.87%2C0%2C0%2C1%2C.5%2C1.28Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.header-bar .header-bar-notifications:before {
  width: 12px;
  height: 15px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2015%22%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M.7%2C13v-1.4A1.39%2C1.39%2C0%2C0%2C0%2C2%2C10.16V5.73A3.61%2C3.61%2C0%2C0%2C1%2C5.82%2C2.07c3.36%2C0%2C4.16%2C2%2C4.16%2C3.53v4.8s-.1%2C1.16%2C1.32%2C1.16V13Z%22%2F%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M0%2C13.68V10.86l.66%2C0a.65.65%2C0%2C0%2C0%2C.68-.67V5.73A5%2C5%2C0%2C0%2C1%2C2.57%2C2.59%2C4.32%2C4.32%2C0%2C0%2C1%2C5.82%2C1.34c3.58%2C0%2C4.85%2C2.2%2C4.85%2C4.26v4.8a.42.42%2C0%2C0%2C0%2C.09.29.79.79%2C0%2C0%2C0%2C.54.15H12v2.83Zm1.39-1.54v.09l9.22%2C0a1.74%2C1.74%2C0%2C0%2C1-.89-.54%2C1.9%2C1.9%2C0%2C0%2C1-.44-1.32V5.6c0-1-.45-2.81-3.46-2.81A2.88%2C2.88%2C0%2C0%2C0%2C2.73%2C5.73v4.43A2%2C2%2C0%2C0%2C1%2C1.39%2C12.14Z%22%2F%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M7%2C2.17V1.79A1.07%2C1.07%2C0%2C0%2C0%2C6.73%2C1%2C1%2C1%2C0%2C0%2C0%2C5.27%2C1%2C1.07%2C1.07%2C0%2C0%2C0%2C5%2C1.79v.35ZM7.06%2C13a1.36%2C1.36%2C0%2C0%2C1-.37.94%2C1.27%2C1.27%2C0%2C0%2C1-.9.38%2C1.25%2C1.25%2C0%2C0%2C1-.89-.38A1.36%2C1.36%2C0%2C0%2C1%2C4.53%2C13%22%2F%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M5.79%2C15a1.92%2C1.92%2C0%2C0%2C1-1.39-.6A2.08%2C2.08%2C0%2C0%2C1%2C3.83%2C13H5.22a.59.59%2C0%2C0%2C0%2C.17.42.56.56%2C0%2C0%2C0%2C.81%2C0A.63.63%2C0%2C0%2C0%2C6.36%2C13h1.4a2.09%2C2.09%2C0%2C0%2C1-.58%2C1.45A1.89%2C1.89%2C0%2C0%2C1%2C5.79%2C15ZM7.73%2C2.91%2C4.27%2C2.85V1.79A1.87%2C1.87%2C0%2C0%2C1%2C4.77.51a1.74%2C1.74%2C0%2C0%2C1%2C2.46%2C0%2C1.87%2C1.87%2C0%2C0%2C1%2C.5%2C1.28Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.header-links {
  margin: 0;
  padding: 0;
  list-style-type: none;
  align-items: center;
  display: flex;
  order: 2;
}
@media only screen and (max-width: 479px) {
  .header-links {
    display: none;
  }
}
.header-links > li {
  flex: 0 1 auto;
}
.header-links > li + li {
  margin-left: 27px;
}
@media only screen and (max-width: 999px) {
  .header-links > li + li {
    margin-left: 20px;
  }
}
.header-links > li > .header-link {
  display: block;
  font-weight: 600;
  text-decoration: none;
  color: #777;
  padding-left: 30px;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 999px) {
  .header-links > li > .header-link {
    padding: 0;
  }
}
.header-links > li > .header-link:hover {
  color: #BA37D0;
}
.header-links > li > .header-link:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: '';
}
@media only screen and (max-width: 999px) {
  .header-links > li > .header-link:before {
    position: relative;
    top: 0;
    display: block;
    transform: none;
  }
}
@media only screen and (max-width: 999px) {
  .header-links > li > .header-link > span {
    display: none;
  }
}
.header-links .header-links-filter:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M20%2C17.52H11.23V15.88H20Zm-13.7%2C0H0V15.88H6.3ZM20%2C10.88H17.68V9.25H20Zm-7.25%2C0H0V9.25H12.75ZM20%2C4.24H7.76V2.61H20Zm-17.17%2C0H0V2.61H2.83Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M5.29%2C6.6A3.3%2C3.3%2C0%2C1%2C1%2C8.57%2C3.3%2C3.29%2C3.29%2C0%2C0%2C1%2C5.29%2C6.6Zm0-5A1.67%2C1.67%2C0%2C1%2C0%2C7%2C3.3%2C1.66%2C1.66%2C0%2C0%2C0%2C5.29%2C1.63Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M15.22%2C13.36a3.3%2C3.3%2C0%2C1%2C1%2C3.28-3.3A3.29%2C3.29%2C0%2C0%2C1%2C15.22%2C13.36Zm0-5a1.67%2C1.67%2C0%2C1%2C0%2C1.65%2C1.66A1.66%2C1.66%2C0%2C0%2C0%2C15.22%2C8.4Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M8.77%2C20A3.3%2C3.3%2C0%2C1%2C1%2C12%2C16.7%2C3.29%2C3.29%2C0%2C0%2C1%2C8.77%2C20Zm0-5a1.67%2C1.67%2C0%2C1%2C0%2C1.65%2C1.67A1.66%2C1.66%2C0%2C0%2C0%2C8.77%2C15Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.header-links .header-links-filter:before {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%23777%22%20d%3D%22M20%2C17.52H11.23V15.88H20Zm-13.7%2C0H0V15.88H6.3ZM20%2C10.88H17.68V9.25H20Zm-7.25%2C0H0V9.25H12.75ZM20%2C4.24H7.76V2.61H20Zm-17.17%2C0H0V2.61H2.83Z%22%2F%3E%3Cpath%20fill%3D%22%23777%22%20d%3D%22M5.29%2C6.6A3.3%2C3.3%2C0%2C1%2C1%2C8.57%2C3.3%2C3.29%2C3.29%2C0%2C0%2C1%2C5.29%2C6.6Zm0-5A1.67%2C1.67%2C0%2C1%2C0%2C7%2C3.3%2C1.66%2C1.66%2C0%2C0%2C0%2C5.29%2C1.63Z%22%2F%3E%3Cpath%20fill%3D%22%23777%22%20d%3D%22M15.22%2C13.36a3.3%2C3.3%2C0%2C1%2C1%2C3.28-3.3A3.29%2C3.29%2C0%2C0%2C1%2C15.22%2C13.36Zm0-5a1.67%2C1.67%2C0%2C1%2C0%2C1.65%2C1.66A1.66%2C1.66%2C0%2C0%2C0%2C15.22%2C8.4Z%22%2F%3E%3Cpath%20fill%3D%22%23777%22%20d%3D%22M8.77%2C20A3.3%2C3.3%2C0%2C1%2C1%2C12%2C16.7%2C3.29%2C3.29%2C0%2C0%2C1%2C8.77%2C20Zm0-5a1.67%2C1.67%2C0%2C1%2C0%2C1.65%2C1.67A1.66%2C1.66%2C0%2C0%2C0%2C8.77%2C15Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.header-links .header-links-mood:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M9.07%2C4.87a2.89%2C2.89%2C0%2C0%2C0-1.91.7%2C2.22%2C2.22%2C0%2C0%2C0-.9%2C1.84H7.82a1%2C1%2C0%2C0%2C1%2C.38-.85A1.19%2C1.19%2C0%2C0%2C1%2C9%2C6.23a1%2C1%2C0%2C0%2C1%2C1.11%2C1.09%2C1.11%2C1.11%2C0%2C0%2C1-.3.79l-.93.94a1.74%2C1.74%2C0%2C0%2C0-.42.66c-.08.17%2C0%2C.42%2C0%2C.76v.65H9.53v-.44a1.24%2C1.24%2C0%2C0%2C1%2C.31-.8c.06-.07.17-.15.27-.25s.24-.21.38-.35L10.84%2C9a5.79%2C5.79%2C0%2C0%2C0%2C.38-.44%2C2%2C2%2C0%2C0%2C0%2C.43-1.29%2C2.19%2C2.19%2C0%2C0%2C0-.72-1.74A2.77%2C2.77%2C0%2C0%2C0%2C9.07%2C4.87Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M9%2C11.72a1%2C1%2C0%2C0%2C0-.7.29.89.89%2C0%2C0%2C0-.28.67.88.88%2C0%2C0%2C0%2C.29.67%2C1%2C1%2C0%2C0%2C0%2C.7.27.94.94%2C0%2C0%2C0%2C.69-.28.88.88%2C0%2C0%2C0%2C.29-.67A.9.9%2C0%2C0%2C0%2C9.67%2C12%2C1%2C1%2C0%2C0%2C0%2C9%2C11.72Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M9%2C0a9%2C9%2C0%2C1%2C0%2C9%2C9A9%2C9%2C0%2C0%2C0%2C9%2C0ZM9%2C16.41A7.41%2C7.41%2C0%2C1%2C1%2C16.41%2C9%2C7.41%2C7.41%2C0%2C0%2C1%2C9%2C16.41Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.header-links .header-links-mood:before {
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23777%22%20d%3D%22M9.07%2C4.87a2.89%2C2.89%2C0%2C0%2C0-1.91.7%2C2.22%2C2.22%2C0%2C0%2C0-.9%2C1.84H7.82a1%2C1%2C0%2C0%2C1%2C.38-.85A1.19%2C1.19%2C0%2C0%2C1%2C9%2C6.23a1%2C1%2C0%2C0%2C1%2C1.11%2C1.09%2C1.11%2C1.11%2C0%2C0%2C1-.3.79l-.93.94a1.74%2C1.74%2C0%2C0%2C0-.42.66c-.08.17%2C0%2C.42%2C0%2C.76v.65H9.53v-.44a1.24%2C1.24%2C0%2C0%2C1%2C.31-.8c.06-.07.17-.15.27-.25s.24-.21.38-.35L10.84%2C9a5.79%2C5.79%2C0%2C0%2C0%2C.38-.44%2C2%2C2%2C0%2C0%2C0%2C.43-1.29%2C2.19%2C2.19%2C0%2C0%2C0-.72-1.74A2.77%2C2.77%2C0%2C0%2C0%2C9.07%2C4.87Z%22%2F%3E%3Cpath%20fill%3D%22%23777%22%20d%3D%22M9%2C11.72a1%2C1%2C0%2C0%2C0-.7.29.89.89%2C0%2C0%2C0-.28.67.88.88%2C0%2C0%2C0%2C.29.67%2C1%2C1%2C0%2C0%2C0%2C.7.27.94.94%2C0%2C0%2C0%2C.69-.28.88.88%2C0%2C0%2C0%2C.29-.67A.9.9%2C0%2C0%2C0%2C9.67%2C12%2C1%2C1%2C0%2C0%2C0%2C9%2C11.72Z%22%2F%3E%3Cpath%20fill%3D%22%23777%22%20d%3D%22M9%2C0a9%2C9%2C0%2C1%2C0%2C9%2C9A9%2C9%2C0%2C0%2C0%2C9%2C0ZM9%2C16.41A7.41%2C7.41%2C0%2C1%2C1%2C16.41%2C9%2C7.41%2C7.41%2C0%2C0%2C1%2C9%2C16.41Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.header-nav-button {
  flex: 0 0 auto;
  order: 7;
  margin: 0 0 0 29px;
  padding: 0;
  outline: 0;
  cursor: pointer;
  border: 0;
  background: none;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  display: block;
  width: 26px;
  height: 16px;
  position: relative;
}
@media only screen and (max-width: 1100px) {
  .header-nav-button {
    margin-left: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .header-nav-button {
    margin-left: 16px;
  }
}
.header-nav-button:hover > span {
  background: #BA37D0;
}
.header-nav-button > span {
  position: absolute;
  width: 26px;
  height: 2px;
  border-radius: 2px;
  background: #303030;
  left: 0;
  transition: background 0.2s ease;
}
.header-nav-button > span:nth-child(1) {
  top: 0;
}
.header-nav-button > span:nth-child(2) {
  top: 7px;
}
.header-nav-button > span:nth-child(3) {
  top: 14px;
}
.header-user {
  flex: 0 0 auto;
  order: 6;
  display: flex;
  align-items: center;
  padding-right: 15px;
  position: relative;
  cursor: default;
  gap: 15px;
}
@media only screen and (max-width: 767px) {
  .header-user {
    padding-right: 8px;
  }
}
.header-user.manager {
  cursor: pointer;
}
.header-user.manager:hover:after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%205%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M4.15%2C5a.83.83%2C0%2C0%2C1-.58-.24L.26%2C1.5A.89.89%2C0%2C0%2C1%2C.23.27a.82.82%2C0%2C0%2C1%2C1.19%2C0L4.12%2C2.9%2C6.55.27a.82.82%2C0%2C0%2C1%2C1.19%2C0%2C.89.89%2C0%2C0%2C1%2C0%2C1.23l-3%2C3.26A.86.86%2C0%2C0%2C1%2C4.17%2C5Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.header-user.manager:hover > h1 {
  color: #BA37D0;
}
.header-user.manager:after {
  position: absolute;
  right: 0;
  top: 50%;
  content: '';
  transform: translateY(-50%);
  width: 8px;
  height: 5px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%205%22%3E%3Cpath%20fill%3D%22%23303030%22%20d%3D%22M4.15%2C5a.83.83%2C0%2C0%2C1-.58-.24L.26%2C1.5A.89.89%2C0%2C0%2C1%2C.23.27a.82.82%2C0%2C0%2C1%2C1.19%2C0L4.12%2C2.9%2C6.55.27a.82.82%2C0%2C0%2C1%2C1.19%2C0%2C.89.89%2C0%2C0%2C1%2C0%2C1.23l-3%2C3.26A.86.86%2C0%2C0%2C1%2C4.17%2C5Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
  transition: background 0.2s ease;
}
.header-user > h1 {
  font-size: 17px;
  line-height: 22px;
  font-weight: bold;
  margin: 0;
  flex: 0 0 auto;
  display: block;
  transition: color 0.2s ease;
}
@media only screen and (max-width: 767px) {
  .header-user > h1 {
    display: none;
  }
}
.header-user > .no-user-img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  margin-right: 10px;
  flex: 0 0 auto;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20stroke%3D%22%23777%22%20d%3D%22M16%207C16%209.20914%2014.2091%2011%2012%2011C9.79086%2011%208%209.20914%208%207C8%204.79086%209.79086%203%2012%203C14.2091%203%2016%204.79086%2016%207Z%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0D%0A%3Cpath%20stroke%3D%22%23777%22%20d%3D%22M12%2014C8.13401%2014%205%2017.134%205%2021H19C19%2017.134%2015.866%2014%2012%2014Z%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
  background-size: 60%;
  background-position: center;
  background-color: #F3F5F7;
}
.header-user > picture > img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: block;
}
.fullscreen-page footer {
  display: none;
}
footer {
  margin-top: 50px;
  position: relative;
  background: #FFF;
  color: #777;
}
.intro + footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 5;
  background: rgba(0, 0, 0, 0.5);
  color: rgba(255, 255, 255, 0.7);
}
footer a {
  color: #777;
  text-decoration: none;
}
.intro + footer a {
  color: rgba(255, 255, 255, 0.7);
}
footer a:hover {
  text-decoration: underline;
}
footer .container {
  padding-top: 15px;
  padding-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  footer .container {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.footer-copyright {
  position: absolute;
  left: 40px;
  top: 16px;
  line-height: 19px;
}
@media only screen and (max-width: 1400px) {
  .footer-copyright {
    left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-copyright {
    position: relative;
    left: 0;
    top: 0;
    margin-top: 24px;
    font-size: 12px;
    line-height: 16px;
  }
}
.footer-nav {
  overflow: hidden;
}
.footer-nav > ul {
  margin: -4px -24px;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (max-width: 1200px) {
  .footer-nav > ul {
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 999px) {
  .footer-nav > ul {
    margin: -4px -12px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-nav > ul {
    justify-content: center;
  }
}
.footer-nav > ul > li {
  margin: 4px 24px;
  flex: 0 1 auto;
}
@media only screen and (max-width: 999px) {
  .footer-nav > ul > li {
    margin: 4px 12px;
  }
}
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.button {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  color: #FFF;
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  text-align: center;
  min-height: 44px;
  font-family: 'Montserrat', 'Arial', 'Helvetica', 'Nimbus Sans L', sans-serif;
  padding: 6px 25px;
  background: linear-gradient(91.72deg, #8449C1 0%, #BB36D0 100%);
  text-decoration: none;
  border-radius: 8px;
  -webkit-appearance: none;
  overflow: visible;
  box-sizing: border-box;
  outline: 0;
  margin: 0;
  cursor: pointer;
  border: 0;
  height: auto;
  transition: opacity 0.2s ease;
}
.button:hover {
  opacity: 0.9;
}
.button.button-back {
  padding-left: 32px;
  padding-right: 32px;
  min-width: 140px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .button.button-back {
    padding: 0;
    width: 44px;
    height: 44px;
    min-width: 0;
  }
}
.button.button-back.button-transparent:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%207%2012%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M6.07%2C12a1%2C1%2C0%2C0%2C1-.65-.26L.29%2C6.9a.9.9%2C0%2C0%2C1%2C0-1.29L5.39.28a1%2C1%2C0%2C0%2C1%2C1.32%2C0%2C.91.91%2C0%2C0%2C1%2C0%2C1.3L2.24%2C6.21l4.47%2C4.21a.91.91%2C0%2C0%2C1%2C0%2C1.3A.92.92%2C0%2C0%2C1%2C6.07%2C12Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.button.button-back.button-transparent:before {
  transition: background 0.2s ease;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%207%2012%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M6.07%2C12a1%2C1%2C0%2C0%2C1-.65-.26L.29%2C6.9a.9.9%2C0%2C0%2C1%2C0-1.29L5.39.28a1%2C1%2C0%2C0%2C1%2C1.32%2C0%2C.91.91%2C0%2C0%2C1%2C0%2C1.3L2.24%2C6.21l4.47%2C4.21a.91.91%2C0%2C0%2C1%2C0%2C1.3A.92.92%2C0%2C0%2C1%2C6.07%2C12Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.button.button-back:before {
  position: absolute;
  left: 14px;
  top: 50%;
  content: '';
  width: 7px;
  height: 12px;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%207%2012%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M6.07%2C12a1%2C1%2C0%2C0%2C1-.65-.26L.29%2C6.9a.9.9%2C0%2C0%2C1%2C0-1.29L5.39.28a1%2C1%2C0%2C0%2C1%2C1.32%2C0%2C.91.91%2C0%2C0%2C1%2C0%2C1.3L2.24%2C6.21l4.47%2C4.21a.91.91%2C0%2C0%2C1%2C0%2C1.3A.92.92%2C0%2C0%2C1%2C6.07%2C12Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
@media only screen and (max-width: 767px) {
  .button.button-back:before {
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 767px) {
  .button.button-back > span {
    display: none;
  }
}
.button.button-black-transparent {
  background: rgba(0, 0, 0, 0.5);
  transition: background 0.2s ease;
}
.button.button-black-transparent:hover {
  background: #000;
}
.button.button-block {
  width: 100%;
  display: flex;
  padding-left: 15px;
  padding-right: 15px;
}
.button.button-block-on:before {
  flex: 0 0 auto;
  margin-right: 10px;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23FFF%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M7%2C14a7%2C7%2C0%2C1%2C1%2C7-7A7%2C7%2C0%2C0%2C1%2C7%2C14ZM7%2C1.65A5.35%2C5.35%2C0%2C1%2C0%2C12.35%2C7%2C5.36%2C5.36%2C0%2C0%2C0%2C7%2C1.65Z%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%226.18%22%20y%3D%220.82%22%20width%3D%221.65%22%20height%3D%2212.35%22%20transform%3D%22translate(-2.9%207)%20rotate(-45)%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.button.button-chat:before {
  flex: 0 0 auto;
  margin-right: 10px;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M10.31%2C16a1%2C1%2C0%2C0%2C1-.45-.11%2C1.08%2C1.08%2C0%2C0%2C1-.43-.39v0L6.2%2C9.65.53%2C6.58A1.09%2C1.09%2C0%2C0%2C1%2C.1%2C6.13%2C1%2C1%2C0%2C0%2C1%2C0%2C5.56%2C1%2C1%2C0%2C0%2C1%2C.23%2C5%2C1%2C1%2C0%2C0%2C1%2C.71%2C4.7L14.63.05A1.06%2C1.06%2C0%2C0%2C1%2C15.7.31%2C1%2C1%2C0%2C0%2C1%2C16%2C.8a1%2C1%2C0%2C0%2C1%2C0%2C.57L11.3%2C15.29a1%2C1%2C0%2C0%2C1-.33.48%2C1%2C1%2C0%2C0%2C1-.54.22Zm-.39-1.17ZM2.08%2C5.77l5.19%2C2.8%2C3%2C5.36L14.3%2C1.7Zm13-4.34Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M6.74%2C9.84a.74.74%2C0%2C0%2C1-.52-.22.73.73%2C0%2C0%2C1%2C0-1L14.68.31a.73.73%2C0%2C0%2C1%2C1%2C0%2C.74.74%2C0%2C0%2C1%2C0%2C1L7.25%2C9.63A.73.73%2C0%2C0%2C1%2C6.74%2C9.84Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.button.button-download:before {
  flex: 0 0 auto;
  margin-right: 12px;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M1.52%2C16a1.52%2C1.52%2C0%2C0%2C1-1.06-.42%2C1.43%2C1.43%2C0%2C0%2C1-.46-1V8.34a.81.81%2C0%2C0%2C1%2C.82-.79.81.81%2C0%2C0%2C1%2C.82.79v6.08H14.36V8.34a.82.82%2C0%2C0%2C1%2C1.64%2C0v6.2a1.46%2C1.46%2C0%2C0%2C1-.45%2C1%2C1.58%2C1.58%2C0%2C0%2C1-1.07.42h-13Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M8%2C12.11a.85.85%2C0%2C0%2C1-.58-.23L4.44%2C9a.77.77%2C0%2C0%2C1%2C0-1.12.84.84%2C0%2C0%2C1%2C1.16%2C0L8%2C10.2l2.4-2.31a.84.84%2C0%2C0%2C1%2C1.16%2C0%2C.77.77%2C0%2C0%2C1%2C0%2C1.12l-3%2C2.87A.85.85%2C0%2C0%2C1%2C8%2C12.11Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M8%2C12.11a.8.8%2C0%2C0%2C1-.82-.79V.79a.82.82%2C0%2C0%2C1%2C1.64%2C0V11.32A.8.8%2C0%2C0%2C1%2C8%2C12.11Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.button.button-fav:before {
  flex: 0 0 auto;
  margin-right: 10px;
  content: '';
  width: 16px;
  height: 15px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2015%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M8%2C15l-.53-.34C7.2%2C14.49%2C1%2C10.37.09%2C5.58h0A4.63%2C4.63%2C0%2C0%2C1%2C.88%2C1.93%2C4.84%2C4.84%2C0%2C0%2C1%2C4.49%2C0%2C3.85%2C3.85%2C0%2C0%2C1%2C8%2C1.91%2C4.37%2C4.37%2C0%2C0%2C1%2C11.34%2C0a4.29%2C4.29%2C0%2C0%2C1%2C3.59%2C1.35%2C4.45%2C4.45%2C0%2C0%2C1%2C1%2C3.83c-.72%2C4.48-7.17%2C9.22-7.44%2C9.42ZM1.91%2C5.21c.56%2C3%2C4.16%2C6.11%2C6%2C7.46%2C2-1.53%2C5.72-5%2C6.17-7.77a2.55%2C2.55%2C0%2C0%2C0-.52-2.19%2C2.44%2C2.44%2C0%2C0%2C0-2-.76A2.84%2C2.84%2C0%2C0%2C0%2C8.9%2C4.14l-.1.27-.48.36H7.71l-.52-.37L7.1%2C4.15C6.61%2C3.06%2C5.81%2C1.86%2C4.62%2C1.94A3%2C3%2C0%2C0%2C0%2C2.36%2C3.11a2.69%2C2.69%2C0%2C0%2C0-.45%2C2.1Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.button.button-filter:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M8.66%2C15a.66.66%2C0%2C0%2C1-.33-.09l-2.9-1.6a.68.68%2C0%2C0%2C1-.35-.6V8.35L.18%2C3A.67.67%2C0%2C0%2C1%2C0%2C2.58V.68A.68.68%2C0%2C0%2C1%2C.68%2C0H14.32a.66.66%2C0%2C0%2C1%2C.48.2.7.7%2C0%2C0%2C1%2C.2.49l0%2C1.54a.65.65%2C0%2C0%2C1%2C0%2C.42.69.69%2C0%2C0%2C1-.2.41L9.34%2C8.37v6a.71.71%2C0%2C0%2C1-.33.59A.73.73%2C0%2C0%2C1%2C8.66%2C15ZM6.44%2C12.31%2C8%2C13.16V8.08a.7.7%2C0%2C0%2C1%2C.2-.49L12.77%2C3.1H2.09L6.26%2C7.62a.65.65%2C0%2C0%2C1%2C.18.46ZM1.36%2C1.74H13.62V1.36H1.36Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.button.button-filter:before {
  flex: 0 0 auto;
  margin-right: 12px;
  content: '';
  width: 15px;
  height: 15px;
  transition: background 0.2s ease;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M8.66%2C15a.66.66%2C0%2C0%2C1-.33-.09l-2.9-1.6a.68.68%2C0%2C0%2C1-.35-.6V8.35L.18%2C3A.67.67%2C0%2C0%2C1%2C0%2C2.58V.68A.68.68%2C0%2C0%2C1%2C.68%2C0H14.32a.66.66%2C0%2C0%2C1%2C.48.2.7.7%2C0%2C0%2C1%2C.2.49l0%2C1.54a.65.65%2C0%2C0%2C1%2C0%2C.42.69.69%2C0%2C0%2C1-.2.41L9.34%2C8.37v6a.71.71%2C0%2C0%2C1-.33.59A.73.73%2C0%2C0%2C1%2C8.66%2C15ZM6.44%2C12.31%2C8%2C13.16V8.08a.7.7%2C0%2C0%2C1%2C.2-.49L12.77%2C3.1H2.09L6.26%2C7.62a.65.65%2C0%2C0%2C1%2C.18.46ZM1.36%2C1.74H13.62V1.36H1.36Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.button.button-google {
  min-height: 40px;
  background: linear-gradient(91.69deg, #D95433 0%, #EF7A5D 100.9%);
}
.button.button-google:before {
  flex: 0 0 auto;
  margin-right: 12px;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M3.55%2C9.67%2C3%2C11.75l-2%2C0A8.06%2C8.06%2C0%2C0%2C1%2C0%2C8%2C8%2C8%2C0%2C0%2C1%2C.89%2C4.32h0l1.82.33L3.5%2C6.46A4.88%2C4.88%2C0%2C0%2C0%2C3.24%2C8%2C4.63%2C4.63%2C0%2C0%2C0%2C3.55%2C9.67Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M15.86%2C6.51A8.1%2C8.1%2C0%2C0%2C1%2C16%2C8a8.37%2C8.37%2C0%2C0%2C1-.17%2C1.67A8%2C8%2C0%2C0%2C1%2C13%2C14.24h0l-2.28-.12-.33-2a4.73%2C4.73%2C0%2C0%2C0%2C2-2.44H8.18V6.51h7.68Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M13%2C14.24h0A8%2C8%2C0%2C0%2C1%2C1%2C11.79l2.6-2.12a4.75%2C4.75%2C0%2C0%2C0%2C6.85%2C2.44Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M13.11%2C1.84%2C10.52%2C4A4.81%2C4.81%2C0%2C0%2C0%2C8%2C3.24%2C4.76%2C4.76%2C0%2C0%2C0%2C3.5%2C6.45L.89%2C4.32h0A8%2C8%2C0%2C0%2C1%2C13.11%2C1.84Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.button.button-gray {
  background: #F3F5F7;
  transition: background 0.2s ease, color 0.2s ease;
  color: #BA37D0;
}
.button.button-gray:hover {
  background: #BA37D0;
  color: #FFF;
}
.button.button-limit-conversation:before {
  flex: 0 0 auto;
  margin-right: 10px;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M.77.1H.9a.72.72%2C0%2C0%2C1%2C.46.22l14.31%2C14.3a.75.75%2C0%2C0%2C1%2C.23.47v.14a.75.75%2C0%2C0%2C1-.67.67H15.1a.8.8%2C0%2C0%2C1-.48-.23L11.3%2C12.34a9.3%2C9.3%2C0%2C0%2C1-2.43.55%2C1.33%2C1.33%2C0%2C0%2C0-.4%2C0L4.22%2C15.77a.78.78%2C0%2C0%2C1-.37.13H3.74a.77.77%2C0%2C0%2C1-.52-.28.76.76%2C0%2C0%2C1-.16-.49v-3.6A6.81%2C6.81%2C0%2C0%2C1%2C.77%2C9.11%2C5.57%2C5.57%2C0%2C0%2C1%2C.1%2C6.72V6.44A5.43%2C5.43%2C0%2C0%2C1%2C.92%2C3.67a6.31%2C6.31%2C0%2C0%2C1%2C.73-1L.32%2C1.36A.72.72%2C0%2C0%2C1%2C.1.91V.77A.75.75%2C0%2C0%2C1%2C.77.1ZM2.71%2C3.76A4.45%2C4.45%2C0%2C0%2C0%2C1.61%2C6a4%2C4%2C0%2C0%2C0%2C.52%2C2.51%2C5.58%2C5.58%2C0%2C0%2C0%2C2%2C1.93.74.74%2C0%2C0%2C1%2C.39.66v2.66L7.66%2C11.7a1%2C1%2C0%2C0%2C1%2C.65-.26%2C8%2C8%2C0%2C0%2C0%2C1.81-.28L2.83%2C3.88Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M15.1%2C16a1%2C1%2C0%2C0%2C1-.55-.26L13%2C14.23l-1.77-1.77A9.48%2C9.48%2C0%2C0%2C1%2C8.88%2C13H8.72a.66.66%2C0%2C0%2C0-.21%2C0L6.69%2C14.25l-2.41%2C1.6a1%2C1%2C0%2C0%2C1-.42.15H3.74a.87.87%2C0%2C0%2C1-.59-.32A.8.8%2C0%2C0%2C1%2C3%2C15.13V11.58A6.8%2C6.8%2C0%2C0%2C1%2C.69%2C9.16%2C5.66%2C5.66%2C0%2C0%2C1%2C0%2C6.72V6.44A5.46%2C5.46%2C0%2C0%2C1%2C.84%2C3.62a5.43%2C5.43%2C0%2C0%2C1%2C.68-.92L.25%2C1.43A.85.85%2C0%2C0%2C1%2C0%2C.93V.77A.86.86%2C0%2C0%2C1%2C.76%2C0H.9a.85.85%2C0%2C0%2C1%2C.53.25l8%2C7.94%2C6.36%2C6.36a.89.89%2C0%2C0%2C1%2C.26.52v.16a.86.86%2C0%2C0%2C1-.76.77ZM.77.2A.65.65%2C0%2C0%2C0%2C.2.78V.91a.68.68%2C0%2C0%2C0%2C.18.38L1.79%2C2.7l-.06.07a6%2C6%2C0%2C0%2C0-.73%2C1A5.31%2C5.31%2C0%2C0%2C0%2C.2%2C6.44v.28A5.42%2C5.42%2C0%2C0%2C0%2C.86%2C9.07a6.68%2C6.68%2C0%2C0%2C0%2C2.25%2C2.37l.05%2C0v3.66a.64.64%2C0%2C0%2C0%2C.59.67h.1a.72.72%2C0%2C0%2C0%2C.32-.11l2.41-1.6%2C1.83-1.23a.89.89%2C0%2C0%2C1%2C.3-.06h.14a9.14%2C9.14%2C0%2C0%2C0%2C2.41-.54l.06%2C0%2C0%2C0%2C1.81%2C1.82%2C1.51%2C1.51a.72.72%2C0%2C0%2C0%2C.42.2h.12a.65.65%2C0%2C0%2C0%2C.57-.58v-.13a.7.7%2C0%2C0%2C0-.2-.4L9.24%2C8.33%2C1.29.39A.63.63%2C0%2C0%2C0%2C.89.2ZM4.45%2C14v-.18q0-.63%2C0-1.26c0-.46%2C0-.93%2C0-1.4a.67.67%2C0%2C0%2C0-.33-.58%2C5.49%2C5.49%2C0%2C0%2C1-2.06-2A4%2C4%2C0%2C0%2C1%2C1.52%2C6%2C4.4%2C4.4%2C0%2C0%2C1%2C2.63%2C3.7l.07-.07.07.06a.74.74%2C0%2C0%2C1%2C.13.12L6.14%2C7.05l4%2C4%2C.13.12-.17%2C0a8.28%2C8.28%2C0%2C0%2C1-1.83.28h0a1%2C1%2C0%2C0%2C0-.56.24l-1.25.84L4.6%2C13.86ZM2.72%2C3.9A4.22%2C4.22%2C0%2C0%2C0%2C1.71%2C6a3.85%2C3.85%2C0%2C0%2C0%2C.51%2C2.44%2C5.39%2C5.39%2C0%2C0%2C0%2C2%2C1.89.84.84%2C0%2C0%2C1%2C.44.75v2.47l1.72-1.14%2C1.25-.83a1.14%2C1.14%2C0%2C0%2C1%2C.67-.27h0a9.08%2C9.08%2C0%2C0%2C0%2C1.61-.24L6%2C7.19%2C2.76%2C4Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M7.71.1h.43a9.42%2C9.42%2C0%2C0%2C1%2C3.73.82%2C7.54%2C7.54%2C0%2C0%2C1%2C2.49%2C1.8%2C6%2C6%2C0%2C0%2C1%2C1.28%2C2.15%2C5.29%2C5.29%2C0%2C0%2C1%2C.26%2C1.48V6.6a5.47%2C5.47%2C0%2C0%2C1-.14%2C1.14%2C5.9%2C5.9%2C0%2C0%2C1-1.69%2C2.9.74.74%2C0%2C0%2C1-.67.16.73.73%2C0%2C0%2C1-.51-.44A.77.77%2C0%2C0%2C1%2C13%2C9.63c.08-.1.18-.19.27-.29a4.36%2C4.36%2C0%2C0%2C0%2C1-1.91%2C3.9%2C3.9%2C0%2C0%2C0-.16-2.34A4.9%2C4.9%2C0%2C0%2C0%2C12.5%2C3%2C7.23%2C7.23%2C0%2C0%2C0%2C9.07%2C1.65%2C8.22%2C8.22%2C0%2C0%2C0%2C5.42%2C2a1.41%2C1.41%2C0%2C0%2C1-.57.14.74.74%2C0%2C0%2C1-.64-.47A.76.76%2C0%2C0%2C1%2C4.4.85%2C1.4%2C1.4%2C0%2C0%2C1%2C4.84.63%2C9.65%2C9.65%2C0%2C0%2C1%2C7.71.1Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M13.58%2C10.92a.65.65%2C0%2C0%2C1-.2%2C0%2C.83.83%2C0%2C0%2C1-.46-1.33l.15-.17.12-.12a4.32%2C4.32%2C0%2C0%2C0%2C1-1.87%2C3.71%2C3.71%2C0%2C0%2C0-.16-2.28%2C4.75%2C4.75%2C0%2C0%2C0-1.61-2A7%2C7%2C0%2C0%2C0%2C9.05%2C1.75a8%2C8%2C0%2C0%2C0-3.6.34l-.11.05a1.05%2C1.05%2C0%2C0%2C1-.49.1.82.82%2C0%2C0%2C1-.73-.54A.82.82%2C0%2C0%2C1%2C4.34.78a1%2C1%2C0%2C0%2C1%2C.4-.21l.06%2C0A9.64%2C9.64%2C0%2C0%2C1%2C7.71%2C0h.43a9.48%2C9.48%2C0%2C0%2C1%2C3.77.83%2C7.85%2C7.85%2C0%2C0%2C1%2C2.53%2C1.82%2C6.06%2C6.06%2C0%2C0%2C1%2C1.29%2C2.19A5.54%2C5.54%2C0%2C0%2C1%2C16%2C6.35V6.6a5.94%2C5.94%2C0%2C0%2C1-.14%2C1.16%2C5.94%2C5.94%2C0%2C0%2C1-1.73%2C3A.81.81%2C0%2C0%2C1%2C13.58%2C10.92ZM8%2C1.48a10.13%2C10.13%2C0%2C0%2C1%2C1.09.07%2C7.31%2C7.31%2C0%2C0%2C1%2C3.48%2C1.38%2C5%2C5%2C0%2C0%2C1%2C1.68%2C2.13%2C4%2C4%2C0%2C0%2C1%2C.17%2C2.4%2C4.6%2C4.6%2C0%2C0%2C1-1.07%2C2l-.12.13-.15.15a.65.65%2C0%2C0%2C0%2C.35%2C1%2C.66.66%2C0%2C0%2C0%2C.58-.14%2C5.8%2C5.8%2C0%2C0%2C0%2C1.66-2.85A5%2C5%2C0%2C0%2C0%2C15.8%2C6.6V6.35a5.11%2C5.11%2C0%2C0%2C0-.26-1.45%2C5.87%2C5.87%2C0%2C0%2C0-1.25-2.11A7.45%2C7.45%2C0%2C0%2C0%2C11.83%2C1%2C9.26%2C9.26%2C0%2C0%2C0%2C8.14.2H7.71A9.18%2C9.18%2C0%2C0%2C0%2C4.87.73l-.06%2C0a1.08%2C1.08%2C0%2C0%2C0-.34.17.64.64%2C0%2C0%2C0-.17.71A.65.65%2C0%2C0%2C0%2C4.86%2C2%2C.77.77%2C0%2C0%2C0%2C5.27%2C2l.12%2C0A8%2C8%2C0%2C0%2C1%2C8%2C1.48Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.button.button-mail:before {
  flex: 0 0 auto;
  margin-right: 10px;
  content: '';
  width: 16px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23FFF%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M14.54%2C14H1.46A1.43%2C1.43%2C0%2C0%2C1%2C0%2C12.59V1.41A1.43%2C1.43%2C0%2C0%2C1%2C1.46%2C0H14.54A1.43%2C1.43%2C0%2C0%2C1%2C16%2C1.41V12.59A1.43%2C1.43%2C0%2C0%2C1%2C14.54%2C14ZM1.46%2C1.4V12.59H14.54V1.41H1.46Z%22%2F%3E%3Cpolygon%20class%3D%22cls%22%20points%3D%228.32%207.83%200.48%201.23%201.43%200.17%208.29%205.95%2014.56%200.39%2015.54%201.42%208.32%207.83%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.button.button-pause:before {
  flex: 0 0 auto;
  margin-right: 8px;
  content: '';
  width: 7px;
  height: 10px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%2012%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M1%2C0H1A1%2C1%2C0%2C0%2C1%2C2%2C1V11a1%2C1%2C0%2C0%2C1-1%2C1H1a1%2C1%2C0%2C0%2C1-1-1V1A1%2C1%2C0%2C0%2C1%2C1%2C0Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M7%2C0H7A1%2C1%2C0%2C0%2C1%2C8%2C1V11a1%2C1%2C0%2C0%2C1-1%2C1H7a1%2C1%2C0%2C0%2C1-1-1V1A1%2C1%2C0%2C0%2C1%2C7%2C0Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.button.button-plus {
  position: relative;
  cursor: pointer;
}
.button.button-plus:before {
  flex: 0 0 auto;
  margin-right: 10px;
  content: '';
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2013%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M6.53%2C13h0a1%2C1%2C0%2C0%2C1-1-1l0-4.59L1%2C7.45H1a1%2C1%2C0%2C0%2C1-1-1H0a1%2C1%2C0%2C0%2C1%2C1-1l4.61%2C0L5.61%2C1a1%2C1%2C0%2C0%2C1%2C1-1h0a1%2C1%2C0%2C0%2C1%2C1%2C1l0%2C4.46%2C4.46%2C0h0a1%2C1%2C0%2C0%2C1%2C1%2C1h0a1%2C1%2C0%2C0%2C1-1%2C1l-4.48%2C0%2C0%2C4.61A1%2C1%2C0%2C0%2C1%2C6.53%2C13Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.button.button-remove:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M10.94%2C12a1%2C1%2C0%2C0%2C1-.75-.31L6%2C7.45%2C1.81%2C11.69a1.07%2C1.07%2C0%2C0%2C1-1.5%2C0%2C1%2C1%2C0%2C0%2C1%2C0-1.49l4.2-4.26L.42%2C1.8a1%2C1%2C0%2C0%2C1-.31-.74A1%2C1%2C0%2C0%2C1%2C.42.31a1.06%2C1.06%2C0%2C0%2C1%2C1.5%2C0L6%2C4.44%2C10.08.31A1.06%2C1.06%2C0%2C0%2C1%2C11.59%2C1.8L7.49%2C5.94l4.2%2C4.26a1%2C1%2C0%2C0%2C1%2C.31.74%2C1%2C1%2C0%2C0%2C1-.31.75A1.05%2C1.05%2C0%2C0%2C1%2C10.94%2C12Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.button.button-remove:before {
  flex: 0 0 auto;
  margin-right: 14px;
  content: '';
  width: 12px;
  height: 12px;
  transition: background 0.2s ease;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M10.94%2C12a1%2C1%2C0%2C0%2C1-.75-.31L6%2C7.45%2C1.81%2C11.69a1.07%2C1.07%2C0%2C0%2C1-1.5%2C0%2C1%2C1%2C0%2C0%2C1%2C0-1.49l4.2-4.26L.42%2C1.8a1%2C1%2C0%2C0%2C1-.31-.74A1%2C1%2C0%2C0%2C1%2C.42.31a1.06%2C1.06%2C0%2C0%2C1%2C1.5%2C0L6%2C4.44%2C10.08.31A1.06%2C1.06%2C0%2C0%2C1%2C11.59%2C1.8L7.49%2C5.94l4.2%2C4.26a1%2C1%2C0%2C0%2C1%2C.31.74%2C1%2C1%2C0%2C0%2C1-.31.75A1.05%2C1.05%2C0%2C0%2C1%2C10.94%2C12Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.button.button-reply:before {
  flex: 0 0 auto;
  margin-right: 10px;
  content: '';
  width: 18px;
  height: 15px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2010%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M4.94%2C6.3H10L7.56%2C8.9a.57.57%2C0%2C0%2C0%2C0%2C.79.51.51%2C0%2C0%2C0%2C.75%2C0L11.7%2C6.13a.57.57%2C0%2C0%2C0%2C0-.79L8.31%2C1.78a.51.51%2C0%2C0%2C0-.75%2C0%2C.57.57%2C0%2C0%2C0%2C0%2C.79L10%2C5.18H4.94A3.83%2C3.83%2C0%2C0%2C1%2C1.21%2C1.26V.7A.54.54%2C0%2C0%2C0%2C.68.15.55.55%2C0%2C0%2C0%2C.14.7v.56A4.93%2C4.93%2C0%2C0%2C0%2C4.94%2C6.3Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M7.94%2C10h0a.61.61%2C0%2C0%2C1-.47-.21.72.72%2C0%2C0%2C1%2C0-1L9.7%2C6.44H4.94A5.06%2C5.06%2C0%2C0%2C1%2C0%2C1.26V.7A.69.69%2C0%2C0%2C1%2C.68%2C0a.69.69%2C0%2C0%2C1%2C.67.7v.56A3.69%2C3.69%2C0%2C0%2C0%2C4.94%2C5H9.7L7.46%2C2.68a.72.72%2C0%2C0%2C1%2C0-1%2C.64.64%2C0%2C0%2C1%2C.47-.21h0a.68.68%2C0%2C0%2C1%2C.48.21l3.39%2C3.56a.75.75%2C0%2C0%2C1%2C0%2C1L8.42%2C9.79A.64.64%2C0%2C0%2C1%2C7.94%2C10ZM.68.29A.4.4%2C0%2C0%2C0%2C.29.7v.56A4.77%2C4.77%2C0%2C0%2C0%2C4.94%2C6.15h5.44L7.66%2C9a.44.44%2C0%2C0%2C0%2C0%2C.59.38.38%2C0%2C0%2C0%2C.28.12h0a.37.37%2C0%2C0%2C0%2C.27-.12L11.6%2C6a.44.44%2C0%2C0%2C0%2C0-.59L8.21%2C1.88a.42.42%2C0%2C0%2C0-.27-.12h0a.47.47%2C0%2C0%2C0-.28.12.44.44%2C0%2C0%2C0%2C0%2C.59l2.72%2C2.85H4.94A4%2C4%2C0%2C0%2C1%2C1.06%2C1.26V.7A.4.4%2C0%2C0%2C0%2C.68.29Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.button.button-telegram {
  position: relative;
  min-height: 40px;
  background: #54a9eb;
}
.button.button-telegram > div {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.01;
}
.button.button-telegram:before {
  flex: 0 0 auto;
  margin-right: 12px;
  content: '';
  width: 21px;
  height: 17px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2017%2014%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M6.67%2C9.23l-.28%2C3.91a1.13%2C1.13%2C0%2C0%2C0%2C.44-.1%2C1.06%2C1.06%2C0%2C0%2C0%2C.35-.28L9.06%2C11%2C13%2C13.81c.72.39%2C1.22.19%2C1.42-.65L17%2C1.28c.23-1-.37-1.47-1.08-1.2L.8%2C5.78c-1%2C.4-1%2C1-.18%2C1.23L4.48%2C8.19l8.68-5c.42-.28.8-.12.49.15Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.button.button-transparent {
  background: none;
  border: 2px solid #BA37D0;
  padding: 5px 23px;
  color: #BA37D0;
  transition: background 0.2s ease, color 0.2s ease;
}
.button.button-transparent:hover {
  background: #BA37D0;
  color: #FFF;
}
.button.button-wallet:before {
  flex: 0 0 auto;
  margin-right: 10px;
  content: '';
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M8.17.25A1.9%2C1.9%2C0%2C0%2C1%2C9.51%2C0a1.82%2C1.82%2C0%2C0%2C1%2C1.22.87c.69%2C1.18%2C1.37%2C2.36%2C2%2C3.55H14.1A1.88%2C1.88%2C0%2C0%2C1%2C16%2C6.35v7.76a1.89%2C1.89%2C0%2C0%2C1-.56%2C1.34%2C1.85%2C1.85%2C0%2C0%2C1-1.33.54H2.27a2.78%2C2.78%2C0%2C0%2C1-1-.12A1.87%2C1.87%2C0%2C0%2C1%2C0%2C14.17v-9a.77.77%2C0%2C0%2C1%2C.39-.62ZM9%2C1.54%2C3.67%2C4.46H11C10.5%2C3.52%2C10%2C2.59%2C9.43%2C1.67A.36.36%2C0%2C0%2C0%2C9%2C1.54ZM1.51%2C6c0%2C2.73%2C0%2C5.45%2C0%2C8.18a.35.35%2C0%2C0%2C0%2C.35.35H14.14a.35.35%2C0%2C0%2C0%2C.35-.35c0-.31%2C0-.62%2C0-.93H10.74A1.9%2C1.9%2C0%2C0%2C1%2C9%2C11.78%2C3.82%2C3.82%2C0%2C0%2C1%2C8.92%2C11V9.1A1.84%2C1.84%2C0%2C0%2C1%2C9.5%2C7.76a1.9%2C1.9%2C0%2C0%2C1%2C1.21-.52h3.78c0-.28%2C0-.56%2C0-.85a.48.48%2C0%2C0%2C0-.07-.29A.37.37%2C0%2C0%2C0%2C14.1%2C6H1.51Zm8.92%2C3.11c0%2C.75%2C0%2C1.51%2C0%2C2.26a.36.36%2C0%2C0%2C0%2C.35.37h3.72c0-1%2C0-2%2C0-2.95H10.78A.34.34%2C0%2C0%2C0%2C10.43%2C9.07Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.button.button-user:before {
  flex: 0 0 auto;
  margin-right: 10px;
  content: '';
  width: 16px;
  height: 18px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2013%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M6%2C6.41a3.22%2C3.22%2C0%2C0%2C1-3.24-3.2%2C3.24%2C3.24%2C0%2C0%2C1%2C6.48%2C0A3.22%2C3.22%2C0%2C0%2C1%2C6%2C6.41ZM6%2C1.09A2.12%2C2.12%2C0%2C1%2C0%2C8.14%2C3.21%2C2.13%2C2.13%2C0%2C0%2C0%2C6%2C1.09Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M12%2C13H0v-.55A5.83%2C5.83%2C0%2C0%2C1%2C1.76%2C8.26a6%2C6%2C0%2C0%2C1%2C8.48%2C0A5.83%2C5.83%2C0%2C0%2C1%2C12%2C12.45ZM1.13%2C11.91h9.73A4.82%2C4.82%2C0%2C0%2C0%2C9.46%2C9%2C4.93%2C4.93%2C0%2C0%2C0%2C2.54%2C9%2C4.81%2C4.81%2C0%2C0%2C0%2C1.13%2C11.91Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.button-link {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  color: #BA37D0;
  font-size: 15px;
  line-height: 19px;
  padding: 0;
  font-weight: 600;
  text-align: center;
  font-family: 'Montserrat', 'Arial', 'Helvetica', 'Nimbus Sans L', sans-serif;
  background: none;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  overflow: visible;
  box-sizing: border-box;
  outline: 0;
  margin: 0;
  cursor: pointer;
  border: 0;
  height: auto;
  text-decoration-line: underline;
  text-underline-offset: 5px;
  transition: opacity 0.2s ease;
}
.button-link:hover {
  text-decoration: none;
}
.button-link.button-link-add {
  padding-left: 32px;
  position: relative;
  font-size: 16px;
  line-height: 24px;
  text-underline-offset: 7px;
}
.button-link.button-link-add > i {
  position: absolute;
  left: 0;
  top: 1px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: linear-gradient(91.72deg, #8449C1 0%, #BB36D0 100%);
}
.button-link.button-link-add > i:before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2013%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M6.53%2C13h0a1%2C1%2C0%2C0%2C1-1-1l0-4.59L1%2C7.45H1a1%2C1%2C0%2C0%2C1-1-1H0a1%2C1%2C0%2C0%2C1%2C1-1l4.61%2C0L5.61%2C1a1%2C1%2C0%2C0%2C1%2C1-1h0a1%2C1%2C0%2C0%2C1%2C1%2C1l0%2C4.46%2C4.46%2C0h0a1%2C1%2C0%2C0%2C1%2C1%2C1h0a1%2C1%2C0%2C0%2C1-1%2C1l-4.48%2C0%2C0%2C4.61A1%2C1%2C0%2C0%2C1%2C6.53%2C13Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
  width: 10px;
  height: 10px;
}
.button-link.button-link-unblock {
  position: relative;
  padding-left: 24px;
}
.button-link.button-link-unblock:before {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23BA37D0%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M7%2C14a7%2C7%2C0%2C1%2C1%2C7-7A7%2C7%2C0%2C0%2C1%2C7%2C14ZM7%2C1.65A5.35%2C5.35%2C0%2C1%2C0%2C12.35%2C7%2C5.36%2C5.36%2C0%2C0%2C0%2C7%2C1.65Z%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%226.18%22%20y%3D%220.82%22%20width%3D%221.65%22%20height%3D%2212.35%22%20transform%3D%22translate(-2.9%207)%20rotate(-45)%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
  width: 14px;
  height: 14px;
}
input.textfield {
  height: 44px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
textarea.textfield {
  resize: none;
  overflow: auto;
  height: 100px;
}
textarea.textfield.autosize {
  height: auto;
  min-height: 100px;
}
.textfield {
  border-radius: 8px;
  background: #F3F5F7;
  border: 1px solid #F3F5F7;
  width: 100%;
  box-sizing: border-box;
  display: block;
  margin: 0;
  outline: 0;
  padding: 11px 17px;
  font-size: 15px;
  line-height: 20px;
  font-family: 'Montserrat', 'Arial', 'Helvetica', 'Nimbus Sans L', sans-serif;
  font-weight: 500;
  color: #303030;
  -webkit-appearance: none;
  height: 44px;
  transition: border-color 0.2s ease;
}
.textfield::-webkit-input-placeholder {
  opacity: 1;
  color: #999;
}
.textfield::-moz-placeholder {
  opacity: 1;
  color: #999;
}
.textfield:-ms-input-placeholder {
  color: #999;
}
.textfield:focus {
  border-color: #BA37D0;
}
.textfield.over-bg {
  background: #FFF;
  border-color: #FFF;
}
.textfield.over-bg:focus {
  border-color: #FFF;
}
.user-main .textfield {
  background: rgba(255, 255, 255, 0.75);
  border-color: #FFF;
  color: #303030;
}
.user-main .textfield::-webkit-input-placeholder {
  opacity: 1;
  color: rgba(48, 48, 48, 0.45);
}
.user-main .textfield::-moz-placeholder {
  opacity: 1;
  color: rgba(48, 48, 48, 0.45);
}
.user-main .textfield:-ms-input-placeholder {
  color: rgba(48, 48, 48, 0.45);
}
@supports (backdrop-filter: blur(4px)) {
  .user-main .textfield {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.45);
    backdrop-filter: blur(4px);
    color: #FFF;
  }
  .user-main .textfield::-webkit-input-placeholder {
    opacity: 1;
    color: rgba(255, 255, 255, 0.45);
  }
  .user-main .textfield::-moz-placeholder {
    opacity: 1;
    color: rgba(255, 255, 255, 0.45);
  }
  .user-main .textfield:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.45);
  }
}
.user-main .textfield:focus {
  border-color: #BA37D0;
}
.textfield.error {
  border: 1px solid #de173b;
  color: #de173b;
}
.textfield.number-arrow-hide::-webkit-inner-spin-button,
.textfield.number-arrow-hide::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  appearance: none;
  margin: 0;
}
.textfield-clear {
  position: relative;
}
.textfield-clear > button {
  margin: 0;
  padding: 0;
  outline: 0;
  cursor: pointer;
  border: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 20px;
  top: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%23AAAAAA%22%20d%3D%22M10.94%2C12a1%2C1%2C0%2C0%2C1-.75-.31L6%2C7.45%2C1.81%2C11.69a1.07%2C1.07%2C0%2C0%2C1-1.5%2C0%2C1%2C1%2C0%2C0%2C1%2C0-1.49l4.2-4.26L.42%2C1.8a1%2C1%2C0%2C0%2C1-.31-.74A1%2C1%2C0%2C0%2C1%2C.42.31a1.06%2C1.06%2C0%2C0%2C1%2C1.5%2C0L6%2C4.44%2C10.08.31A1.06%2C1.06%2C0%2C0%2C1%2C11.59%2C1.8L7.49%2C5.94l4.2%2C4.26a1%2C1%2C0%2C0%2C1%2C.31.74%2C1%2C1%2C0%2C0%2C1-.31.75A1.05%2C1.05%2C0%2C0%2C1%2C10.94%2C12Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
  transition: background 0.2s ease;
}
.textfield-clear > button:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M10.94%2C12a1%2C1%2C0%2C0%2C1-.75-.31L6%2C7.45%2C1.81%2C11.69a1.07%2C1.07%2C0%2C0%2C1-1.5%2C0%2C1%2C1%2C0%2C0%2C1%2C0-1.49l4.2-4.26L.42%2C1.8a1%2C1%2C0%2C0%2C1-.31-.74A1%2C1%2C0%2C0%2C1%2C.42.31a1.06%2C1.06%2C0%2C0%2C1%2C1.5%2C0L6%2C4.44%2C10.08.31A1.06%2C1.06%2C0%2C0%2C1%2C11.59%2C1.8L7.49%2C5.94l4.2%2C4.26a1%2C1%2C0%2C0%2C1%2C.31.74%2C1%2C1%2C0%2C0%2C1-.31.75A1.05%2C1.05%2C0%2C0%2C1%2C10.94%2C12Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.textfield-clear .textfield {
  padding-right: 46px;
}
.textfield-clear .file-input {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.textfield-clear .file-input.error {
  border: 1px solid #de173b;
  color: #de173b;
}
.textfield-clear.file-input-holder {
  border-radius: 8px;
  background: #F3F5F7;
  border: 1px solid #F3F5F7;
  width: 100%;
  box-sizing: border-box;
  display: block;
  margin: 0;
  outline: 0;
  padding: 11px 17px;
  font-size: 15px;
  line-height: 20px;
  font-family: 'Montserrat', 'Arial', 'Helvetica', 'Nimbus Sans L', sans-serif;
  font-weight: 500;
  color: #303030;
  -webkit-appearance: none;
  height: 44px;
}
.textfield-clear.file-input-holder .file-selected {
  display: block;
  overflow: hidden;
  min-width: auto;
  white-space: nowrap;
  width: 100%;
  padding-right: 20px;
  box-sizing: border-box;
  text-overflow: ellipsis;
}
.textfield-clear.file-input-holder.error {
  border: 1px solid #de173b;
  color: #de173b;
}
.form fieldset {
  position: relative;
  width: 100%;
  min-width: 100%;
  margin: 22px 0;
}
.form fieldset:first-child {
  margin-top: 0;
}
.form fieldset:last-child {
  margin-bottom: 0;
}
.form fieldset > label {
  color: #444;
  display: block;
  line-height: 19px;
  margin-bottom: 12px;
  font-weight: 600;
}
.form .button {
  min-width: 160px;
}
.form-cols {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 25px;
  margin-bottom: -22px;
}
@media only screen and (max-width: 999px) {
  .form-cols {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .form-cols {
    display: block;
  }
}
.form-cols fieldset {
  margin: 0 0 22px 0;
}
.form-row {
  margin: -7px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.form-row .form-row-box {
  flex: 0 1 auto;
  margin: 7px;
}
.form-title {
  color: #444;
  line-height: 19px;
  margin-bottom: 12px;
  font-weight: 600;
}
.form-title .form-title-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: -5px -8px;
}
.form-title .form-title-row .form-title-box {
  margin: 5px 8px;
  flex: 0 1 auto;
}
.box {
  background: #FFF;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  border-radius: 8px;
}
.box.open-box.is-opened h2 {
  color: #BA37D0;
}
.box.open-box.is-opened .box-content {
  display: block;
}
.box.open-box.is-opened .box-header .close-btn {
  transform: translateY(-50%) rotate(180deg);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%205%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M4.15%2C5a.83.83%2C0%2C0%2C1-.58-.24L.26%2C1.5A.89.89%2C0%2C0%2C1%2C.23.27a.82.82%2C0%2C0%2C1%2C1.19%2C0L4.12%2C2.9%2C6.55.27a.82.82%2C0%2C0%2C1%2C1.19%2C0%2C.89.89%2C0%2C0%2C1%2C0%2C1.23l-3%2C3.26A.86.86%2C0%2C0%2C1%2C4.17%2C5Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
  background-size: 14px 8px;
  background-position: center;
}
.box.open-box.is-opened .box-header .close-btn:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%205%22%3E%3Cpath%20fill%3D%22%23AAA%22%20d%3D%22M4.15%2C5a.83.83%2C0%2C0%2C1-.58-.24L.26%2C1.5A.89.89%2C0%2C0%2C1%2C.23.27a.82.82%2C0%2C0%2C1%2C1.19%2C0L4.12%2C2.9%2C6.55.27a.82.82%2C0%2C0%2C1%2C1.19%2C0%2C.89.89%2C0%2C0%2C1%2C0%2C1.23l-3%2C3.26A.86.86%2C0%2C0%2C1%2C4.17%2C5Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
  background-size: 14px 8px;
  background-position: center;
}
.box.open-box:hover h2 {
  color: #BA37D0;
}
.box.open-box .box-content {
  display: none;
}
.box.open-box .box-header {
  position: relative;
  padding-right: 82px;
  cursor: pointer;
}
@media only screen and (max-width: 999px) {
  .box.open-box .box-header {
    padding-right: 50px;
  }
}
.box.open-box .box-header .close-btn {
  width: 34px;
  height: 28px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%205%22%3E%3Cpath%20fill%3D%22%23AAA%22%20d%3D%22M4.15%2C5a.83.83%2C0%2C0%2C1-.58-.24L.26%2C1.5A.89.89%2C0%2C0%2C1%2C.23.27a.82.82%2C0%2C0%2C1%2C1.19%2C0L4.12%2C2.9%2C6.55.27a.82.82%2C0%2C0%2C1%2C1.19%2C0%2C.89.89%2C0%2C0%2C1%2C0%2C1.23l-3%2C3.26A.86.86%2C0%2C0%2C1%2C4.17%2C5Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
  background-size: 14px 8px;
  background-position: center;
}
@media only screen and (max-width: 999px) {
  .box.open-box .box-header .close-btn {
    right: 10px;
  }
}
.box.open-box .box-header .close-btn:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%205%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M4.15%2C5a.83.83%2C0%2C0%2C1-.58-.24L.26%2C1.5A.89.89%2C0%2C0%2C1%2C.23.27a.82.82%2C0%2C0%2C1%2C1.19%2C0L4.12%2C2.9%2C6.55.27a.82.82%2C0%2C0%2C1%2C1.19%2C0%2C.89.89%2C0%2C0%2C1%2C0%2C1.23l-3%2C3.26A.86.86%2C0%2C0%2C1%2C4.17%2C5Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
  background-size: 14px 8px;
  background-position: center;
}
.box.popup-content {
  border-radius: 0;
  box-shadow: none;
}
.box + .box,
.grid + .box {
  margin-top: 24px;
}
@media only screen and (max-width: 767px) {
  .box + .box,
  .grid + .box {
    margin-top: 20px;
  }
}
.box + .grid {
  margin-top: 12px;
}
@media only screen and (max-width: 767px) {
  .box + .grid {
    margin-top: 10px;
  }
}
.box-content {
  padding: 35px;
}
@media only screen and (max-width: 767px) {
  .box-content {
    padding: 20px;
  }
}
.box-header + .box-content {
  padding-top: 0;
}
.box-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  min-height: 106px;
  padding: 10px 20px;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .box-header {
    padding: 10px;
    min-height: 80px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .box-header {
    height: 1px;
  }
}
.box-header.box-header-align-left {
  justify-content: flex-start;
}
.box-header.box-header-align-left .sex {
  margin-left: 63px;
}
@media only screen and (max-width: 999px) {
  .box-header.box-header-align-left .sex {
    margin: 0;
  }
}
.box-header h2 {
  margin: 0 15px;
  flex: 0 1 auto;
  transition: color 0.2s ease;
}
@media only screen and (max-width: 767px) {
  .box-header h2 {
    margin: 0 10px;
  }
}
.box-header .box-header-item {
  flex: 0 0 auto;
  margin: 5px 15px;
}
@media only screen and (max-width: 767px) {
  .box-header .box-header-item {
    margin: 5px 10px;
    flex: 0 1 auto;
  }
}
.box-header .box-header-item:nth-child(3) {
  flex: 1 1 auto;
  min-width: 0;
}
@media only screen and (max-width: 539px) {
  .box-header .box-header-item:nth-child(3) {
    flex: 1 1 100%;
    max-width: none;
  }
}
.box-header .box-header-item > h2 {
  margin: 0;
}
.box-header .box-header-item > h2 + span {
  font-size: 14px;
  line-height: 17px;
  margin-top: 2px;
  display: block;
  color: #777;
}
.sex {
  display: flex;
  justify-content: space-between;
  width: 104px;
}
.sex > label {
  width: 46px;
  height: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50%;
  overflow: hidden;
}
.sex > label > input {
  position: absolute;
  left: -99999px;
}
.sex > label > input:checked + span {
  background: linear-gradient(91.72deg, #8449C1 0%, #BB36D0 100%);
  border: 0;
}
.sex > label > span {
  width: 46px;
  height: 46px;
  display: block;
  border-radius: 50%;
  box-sizing: border-box;
  border: 1px solid #E8E8E8;
  position: relative;
}
.sex > label > span:before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  transform: translate(-50%, -50%);
  height: 21px;
}
.sex .sex-female > input:checked + span:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2021%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23FFF%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M6.5%2C12.92A6.46%2C6.46%2C0%2C1%2C1%2C13%2C6.46%2C6.49%2C6.49%2C0%2C0%2C1%2C6.5%2C12.92Zm0-11.3a4.85%2C4.85%2C0%2C1%2C0%2C4.88%2C4.84A4.87%2C4.87%2C0%2C0%2C0%2C6.5%2C1.62Z%22%2F%3E%3Cpolygon%20class%3D%22cls%22%20points%3D%227.31%2021%205.69%2021%205.69%2016.87%201.63%2016.87%201.63%2015.25%205.69%2015.25%205.69%2012.12%207.31%2012.12%207.31%2015.25%2011.38%2015.25%2011.38%2016.87%207.31%2016.87%207.31%2021%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.sex .sex-female > span:before {
  width: 13px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2021%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23C2C2C2%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M6.5%2C12.92A6.46%2C6.46%2C0%2C1%2C1%2C13%2C6.46%2C6.49%2C6.49%2C0%2C0%2C1%2C6.5%2C12.92Zm0-11.3a4.85%2C4.85%2C0%2C1%2C0%2C4.88%2C4.84A4.87%2C4.87%2C0%2C0%2C0%2C6.5%2C1.62Z%22%2F%3E%3Cpolygon%20class%3D%22cls%22%20points%3D%227.31%2021%205.69%2021%205.69%2016.87%201.63%2016.87%201.63%2015.25%205.69%2015.25%205.69%2012.12%207.31%2012.12%207.31%2015.25%2011.38%2015.25%2011.38%2016.87%207.31%2016.87%207.31%2021%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.sex .sex-male > input:checked + span:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2021%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23FFF%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M7.79%2C21A7.71%2C7.71%2C0%2C0%2C1%2C0%2C13.38%2C7.71%2C7.71%2C0%2C0%2C1%2C7.79%2C5.76a7.71%2C7.71%2C0%2C0%2C1%2C7.78%2C7.62A7.71%2C7.71%2C0%2C0%2C1%2C7.79%2C21Zm0-13.68a6.14%2C6.14%2C0%2C0%2C0-6.2%2C6.06%2C6.14%2C6.14%2C0%2C0%2C0%2C6.2%2C6.06A6.14%2C6.14%2C0%2C0%2C0%2C14%2C13.38%2C6.14%2C6.14%2C0%2C0%2C0%2C7.79%2C7.32Z%22%2F%3E%3Cpolygon%20class%3D%22cls%22%20points%3D%2213.28%208.65%2012.16%207.55%2018.29%201.55%2014.14%201.55%2014.14%200%2021%200%2021%206.71%2019.41%206.71%2019.41%202.65%2013.28%208.65%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.sex .sex-male > span:before {
  width: 21px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2021%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23C2C2C2%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M7.79%2C21A7.71%2C7.71%2C0%2C0%2C1%2C0%2C13.38%2C7.71%2C7.71%2C0%2C0%2C1%2C7.79%2C5.76a7.71%2C7.71%2C0%2C0%2C1%2C7.78%2C7.62A7.71%2C7.71%2C0%2C0%2C1%2C7.79%2C21Zm0-13.68a6.14%2C6.14%2C0%2C0%2C0-6.2%2C6.06%2C6.14%2C6.14%2C0%2C0%2C0%2C6.2%2C6.06A6.14%2C6.14%2C0%2C0%2C0%2C14%2C13.38%2C6.14%2C6.14%2C0%2C0%2C0%2C7.79%2C7.32Z%22%2F%3E%3Cpolygon%20class%3D%22cls%22%20points%3D%2213.28%208.65%2012.16%207.55%2018.29%201.55%2014.14%201.55%2014.14%200%2021%200%2021%206.71%2019.41%206.71%2019.41%202.65%2013.28%208.65%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.range {
  position: relative;
  padding-top: 25px;
  height: 20px;
  max-width: 396px;
  width: 100%;
}
@media only screen and (max-width: 539px) {
  .range {
    max-width: none;
  }
}
.range .range-box {
  position: relative;
  height: 20px;
}
.range .range-box:before {
  position: absolute;
  left: 0;
  top: 8px;
  height: 3px;
  width: 100%;
  border-radius: 4px;
  background: #E7ECF0;
  content: '';
  z-index: 1;
}
.range .ui-slider-handle {
  width: 20px;
  height: 20px;
  cursor: pointer;
  border-radius: 50%;
  position: absolute;
  top: 0;
  background: linear-gradient(91.72deg, #8449C1 0%, #BB36D0 100%);
  box-shadow: 0 4px 10px rgba(144, 118, 221, 0.18);
  z-index: 3;
  outline: 0;
  transform: translateX(-10px);
}
.range .ui-slider-handle:before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 4px;
  height: 4px;
  background: #FFF;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.range .ui-slider-handle > i {
  position: absolute;
  left: 50%;
  top: -25px;
  color: #444;
  font-style: normal;
  font-weight: 600;
  transform: translateX(-50%);
}
.range .ui-slider-range {
  position: absolute;
  top: 8px;
  background: #BA37D0;
  height: 3px;
  z-index: 2;
}
.up {
  position: fixed;
  z-index: 50;
  right: 42px;
  bottom: 42px;
  margin: 0;
  padding: 0;
  outline: 0;
  cursor: pointer;
  border-radius: 50%;
  background: #FFF;
  border: 0;
  -webkit-appearance: none;
  width: 50px;
  height: 50px;
  box-shadow: 0 8px 25px rgba(186, 55, 208, 0.1);
  transition: box-shadow 0.2s ease;
  /*
    &:before {
        position: absolute;
        left: -2px;
        top: -2px;
        width: 54px;
        height: 54px;
        content: '';
        z-index: 1;
        background: url('../img/up-curve.svg') no-repeat;
        background-size: 100% 100%;
        border-radius: 50%;
    }
    */
  /*
    .curva{
        position: relative;
        display: block;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: @white url('../img/up.svg') no-repeat center center;
        background-size: 18px 10px;
        content: '';
        z-index: 2;
    }
    */
}
.up:hover {
  box-shadow: 0 8px 25px rgba(186, 55, 208, 0.3);
}
.up .curva {
  position: absolute;
  left: -2px;
  top: -2px;
  width: 54px;
  height: 54px;
  content: '';
  z-index: 1;
  background: blue;
  transform: rotate(30deg);
  transform-origin: 110px 110px;
  transition: all 0.3s;
}
.up:after {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #FFF url('../img/up.svg') no-repeat center center;
  background-size: 18px 10px;
  content: '';
  z-index: 2;
}
.line-clamp {
  overflow: hidden;
  max-height: 96px;
}
@supports (-webkit-line-clamp: 4) {
  .line-clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    max-height: none;
  }
}
.line-clamp.is-opened {
  max-height: none;
  -webkit-line-clamp: unset;
  display: block;
}
.line-clamp.is-opened + .more-link > span {
  display: none;
}
.line-clamp.is-opened + .more-link > span + span {
  display: block;
}
.line-clamp + .more-link {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  margin-top: 18px;
}
.more-link {
  cursor: pointer;
}
.grid {
  display: flex;
  margin: -12px;
  align-items: stretch;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .grid {
    margin: -10px;
  }
}
@media only screen and (max-width: 479px) {
  .grid {
    display: block;
  }
}
.grid + .grid {
  margin-top: 12px;
}
@media only screen and (max-width: 767px) {
  .grid + .grid {
    margin-top: 10px;
  }
}
.grid-box {
  display: flex;
  align-items: stretch;
  padding: 12px;
  box-sizing: border-box;
  flex: 1;
  min-width: 400px;
}
@media only screen and (max-width: 767px) {
  .grid-box {
    padding: 10px;
  }
}
@media only screen and (max-width: 479px) {
  .grid-box {
    min-width: 0;
  }
}
.grid-box .box {
  flex: 1 1 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.i-table {
  border-collapse: collapse;
}
@media only screen and (max-width: 479px) {
  .i-table,
  .i-table > tbody {
    display: block;
  }
}
.box .i-table {
  margin-right: -10px;
}
@media only screen and (max-width: 479px) {
  .i-table tr {
    display: block;
  }
  .i-table tr + tr {
    margin-top: 20px;
  }
}
.i-table tr:first-child > td {
  padding-top: 0;
}
.i-table tr > td {
  vertical-align: top;
  padding: 9px 0 0 9px;
}
@media only screen and (max-width: 479px) {
  .i-table tr > td {
    padding: 0;
    display: block;
  }
}
.i-table tr > td:first-child {
  padding-left: 0;
}
.i-table-title {
  position: relative;
  overflow: hidden;
  padding-right: 12px;
}
@media only screen and (max-width: 479px) {
  .i-table-title {
    padding: 0;
    color: #777;
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 1px;
  }
}
.i-table-title:after {
  position: absolute;
  left: 0;
  bottom: 7px;
  width: 100%;
  height: 1px;
  content: '';
  border-bottom: 2px dotted #D1CFD3;
  z-index: 1;
}
@media only screen and (max-width: 479px) {
  .i-table-title:after {
    display: none;
  }
}
.i-table-title:before {
  position: absolute;
  left: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  content: '';
  border-radius: 50%;
  background: #D1CFD3;
  z-index: 3;
}
@media only screen and (max-width: 479px) {
  .i-table-title:before {
    display: none;
  }
}
.i-table-title > span {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  background: #FFF;
  position: relative;
  z-index: 2;
  padding: 0 8px 0 15px;
}
@media only screen and (max-width: 479px) {
  .i-table-title > span {
    padding: 0;
    display: block;
  }
}
.media-gallery.popup {
  padding: 55px 0;
}
@media only screen and (max-width: 1440px) {
  .media-gallery.popup {
    padding: 20px 0;
  }
}
@media only screen and (max-width: 767px) {
  .media-gallery.popup {
    padding-top: 0;
  }
}
.media-gallery .popup-close {
  right: 30px;
  top: 30px;
  width: 40px;
  height: 40px;
  z-index: 2;
}
@media only screen and (max-width: 1440px) {
  .media-gallery .popup-close {
    right: 10px;
    top: 10px;
  }
}
.media-gallery .popup-close:hover {
  background: #777;
}
.media-gallery .popup-close:before {
  width: 14px;
  height: 14px;
}
.media-gallery-about {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  line-height: 19px;
  padding: 0 100px;
}
@media only screen and (max-width: 1440px) {
  .media-gallery-about {
    padding: 0 57px;
  }
}
@media only screen and (max-width: 767px) {
  .media-gallery-about {
    padding: 0 10px;
    font-size: 12px;
    line-height: 16px;
  }
}
.media-gallery-about .media-gallery-caption {
  flex: 0 1 auto;
  color: rgba(255, 255, 255, 0.7);
  margin-right: 20px;
}
.media-gallery-about .media-gallery-count {
  flex: 0 0 auto;
  color: rgba(255, 255, 255, 0.34);
}
.media-gallery-box {
  flex: 1 1 100%;
  margin: 0 auto;
  display: grid;
  grid-template-rows: 1fr auto;
  grid-gap: 25px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1440px) {
  .media-gallery-box {
    grid-gap: 20px;
  }
}
.media-gallery-object {
  overflow: hidden;
  max-height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: center;
  position: relative;
  padding: 0 100px;
}
@media only screen and (max-width: 1440px) {
  .media-gallery-object {
    padding: 0 57px;
  }
}
@media only screen and (max-width: 767px) {
  .media-gallery-object {
    padding: 0;
  }
}
.media-gallery-object.media-gallery-locked img {
  filter: blur(5px);
}
.media-gallery-object > picture {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.media-gallery-object > picture > img {
  max-height: 100%;
  display: block;
  margin: 0 auto;
}
.media-gallery-object .media-gallery-video {
  aspect-ratio: 3/2;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.media-gallery-object .media-gallery-lock {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.media-gallery-object .media-gallery-lock:before {
  width: 104px;
  height: 128px;
  display: block;
  margin: 0 auto 48px;
  content: '';
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20104%20128%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23FFF%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M98.19%2C128H5.81A5.81%2C5.81%2C0%2C0%2C1%2C0%2C122.2V51.32a5.81%2C5.81%2C0%2C0%2C1%2C5.81-5.8H98.19a5.81%2C5.81%2C0%2C0%2C1%2C5.81%2C5.8V122.2A5.81%2C5.81%2C0%2C0%2C1%2C98.19%2C128ZM5.81%2C49.51A1.81%2C1.81%2C0%2C0%2C0%2C4%2C51.32V122.2A1.81%2C1.81%2C0%2C0%2C0%2C5.81%2C124H98.19A1.81%2C1.81%2C0%2C0%2C0%2C100%2C122.2V51.32a1.81%2C1.81%2C0%2C0%2C0-1.81-1.81Z%22%2F%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M82.71%2C49.51H21.29V30.63A30.73%2C30.73%2C0%2C0%2C1%2C73.72%2C9a30.38%2C30.38%2C0%2C0%2C1%2C9%2C21.66Zm-57.42-4H78.71V30.63a26.73%2C26.73%2C0%2C0%2C0-45.6-18.84%2C26.44%2C26.44%2C0%2C0%2C0-7.82%2C18.84Z%22%2F%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M52%2C103A11.53%2C11.53%2C0%2C1%2C1%2C63.56%2C91.47%2C11.56%2C11.56%2C0%2C0%2C1%2C52%2C103Zm0-19.08a7.55%2C7.55%2C0%2C1%2C0%2C7.56%2C7.55A7.56%2C7.56%2C0%2C0%2C0%2C52%2C83.92Z%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%2250%22%20y%3D%22101.02%22%20width%3D%224%22%20height%3D%2213.26%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
@media only screen and (max-width: 767px) {
  .media-gallery-object .media-gallery-lock:before {
    margin-bottom: 24px;
    width: 52px;
    height: 64px;
  }
}
.media-gallery-object .media-gallery-lock .button {
  min-height: 60px;
  font-weight: 500;
  display: inline-flex;
}
@media only screen and (max-width: 767px) {
  .media-gallery-object .media-gallery-lock .button {
    min-height: 40px;
    font-size: 12px;
    line-height: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.media-gallery-object .media-gallery-lock .button > span {
  flex: 1 1 100%;
  display: block;
}
.media-gallery-object .media-gallery-play {
  margin: 0;
  padding: 0;
  outline: 0;
  cursor: pointer;
  border: 0;
  border-radius: 8px;
  -webkit-appearance: none;
  width: 80px;
  height: 74px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: rgba(0, 0, 0, 0.6);
  transform: translate(-50%, -50%);
  transition: background 0.2s ease;
}
@media only screen and (max-width: 767px) {
  .media-gallery-object .media-gallery-play {
    width: 40px;
    height: 37px;
  }
}
.media-gallery-object .media-gallery-play:hover {
  background: #BA37D0;
}
.media-gallery-object .media-gallery-play:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '';
  width: 18px;
  height: 22px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2022%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M1.65%2C22a1.65%2C1.65%2C0%2C0%2C1-.8-.21%2C1.57%2C1.57%2C0%2C0%2C1-.61-.59A1.73%2C1.73%2C0%2C0%2C1%2C0%2C20.38V1.65A1.69%2C1.69%2C0%2C0%2C1%2C.23.81%2C1.7%2C1.7%2C0%2C0%2C1%2C.87.2%2C1.61%2C1.61%2C0%2C0%2C1%2C1.71%2C0a1.65%2C1.65%2C0%2C0%2C1%2C.83.26l14.7%2C9.35a1.69%2C1.69%2C0%2C0%2C1%2C.56.6A1.72%2C1.72%2C0%2C0%2C1%2C18%2C11a1.66%2C1.66%2C0%2C0%2C1-.2.79%2C1.54%2C1.54%2C0%2C0%2C1-.56.6L2.53%2C21.75a1.67%2C1.67%2C0%2C0%2C1-.86.25ZM2.44%2C3.09V18.91L14.87%2C11Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
@media only screen and (max-width: 767px) {
  .media-gallery-object .media-gallery-play:before {
    width: 12px;
    height: 14px;
  }
}
.media-gallery-object .media-gallery-next {
  right: 34px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2017%2032%22%3E%3Cpath%20fill%3D%22rgba%28202,%20203,%20210,%200.55%29%22%20d%3D%22M1.5%2C32a1.48%2C1.48%2C0%2C0%2C1-1-.42A1.57%2C1.57%2C0%2C0%2C1%2C.41%2C29.4l13-14L.46%2C2.65A1.56%2C1.56%2C0%2C0%2C1%2C.42.47a1.47%2C1.47%2C0%2C0%2C1%2C2.12%2C0l14%2C13.79a1.57%2C1.57%2C0%2C0%2C1%2C.05%2C2.17l-14%2C15.13A1.48%2C1.48%2C0%2C0%2C1%2C1.5%2C32Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
@media only screen and (max-width: 1440px) {
  .media-gallery-object .media-gallery-next {
    right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .media-gallery-object .media-gallery-next {
    right: 10px;
  }
}
.media-gallery-object .media-gallery-next:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2017%2032%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M1.5%2C32a1.48%2C1.48%2C0%2C0%2C1-1-.42A1.57%2C1.57%2C0%2C0%2C1%2C.41%2C29.4l13-14L.46%2C2.65A1.56%2C1.56%2C0%2C0%2C1%2C.42.47a1.47%2C1.47%2C0%2C0%2C1%2C2.12%2C0l14%2C13.79a1.57%2C1.57%2C0%2C0%2C1%2C.05%2C2.17l-14%2C15.13A1.48%2C1.48%2C0%2C0%2C1%2C1.5%2C32Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.media-gallery-object .media-gallery-prev {
  left: 34px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2017%2032%22%3E%3Cpath%20fill%3D%22rgba%28202,%20203,%20210,%200.55%29%22%20d%3D%22M15.5%2C32a1.48%2C1.48%2C0%2C0%2C0%2C1-.42%2C1.57%2C1.57%2C0%2C0%2C0%2C.06-2.18l-13-14L16.54%2C2.65a1.56%2C1.56%2C0%2C0%2C0%2C0-2.18%2C1.47%2C1.47%2C0%2C0%2C0-2.12%2C0L.46%2C14.22a1.57%2C1.57%2C0%2C0%2C0-.05%2C2.17l14%2C15.13A1.48%2C1.48%2C0%2C0%2C0%2C15.5%2C32Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
@media only screen and (max-width: 1440px) {
  .media-gallery-object .media-gallery-prev {
    left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .media-gallery-object .media-gallery-prev {
    left: 10px;
  }
}
.media-gallery-object .media-gallery-prev:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2017%2032%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M15.5%2C32a1.48%2C1.48%2C0%2C0%2C0%2C1-.42%2C1.57%2C1.57%2C0%2C0%2C0%2C.06-2.18l-13-14L16.54%2C2.65a1.56%2C1.56%2C0%2C0%2C0%2C0-2.18%2C1.47%2C1.47%2C0%2C0%2C0-2.12%2C0L.46%2C14.22a1.57%2C1.57%2C0%2C0%2C0-.05%2C2.17l14%2C15.13A1.48%2C1.48%2C0%2C0%2C0%2C15.5%2C32Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.media-gallery-object .media-gallery-next,
.media-gallery-object .media-gallery-prev {
  margin: 0;
  padding: 0;
  outline: 0;
  cursor: pointer;
  border: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  width: 17px;
  height: 32px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background 0.2s ease;
}
.media-gallery-link {
  background: #000;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  padding: 35px;
  min-height: 258px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
  text-decoration: none;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .media-gallery-link {
    min-height: 180px;
  }
}
.grid-box .media-gallery-link {
  flex: 1 1 100%;
  max-width: 100%;
}
.media-gallery-link:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  content: '';
  background: rgba(0, 0, 0, 0.4);
}
.media-gallery-link > i {
  flex: 0 0 auto;
  min-width: 30px;
  height: 30px;
  border-radius: 15px;
  background: #FFF;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  font-weight: bold;
  color: #BA37D0;
  font-style: normal;
  position: relative;
  z-index: 5;
}
.media-gallery-link > picture {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.media-gallery-link > picture > img {
  object-fit: cover;
  border-radius: 8px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.media-gallery-link > span {
  font-weight: 600;
  font-size: 26px;
  line-height: 32px;
  display: block;
  flex: 0 1 auto;
  margin-right: 14px;
  color: #FFF;
  position: relative;
  z-index: 5;
}
.person {
  background: #FFF;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  overflow: hidden;
  display: block;
  text-decoration: none;
}
.person-comments {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
  line-height: 17px;
  color: #777;
}
.person-comments > a,
.person-comments .person-comment {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  box-sizing: border-box;
  position: relative;
  padding-left: 23px;
  text-decoration: underline;
  color: #777;
  text-underline-offset: 0;
  cursor: pointer;
}
.person-comments > a:hover,
.person-comments .person-comment:hover {
  text-decoration: none;
}
.person-comments > a:before,
.person-comments .person-comment:before {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  transform: translateY(-50%);
  width: 14px;
  height: 13px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2013%22%3E%3Cpath%20fill%3D%22%23777%22%20d%3D%22M3.53%2C13a.67.67%2C0%2C0%2C1-.24%2C0c-.62-.21-.54-1-.43-1.88%2C0-.24.06-.62.06-.82A5.41%2C5.41%2C0%2C0%2C1%2C0%2C5.66C0%2C2.54%2C3.14%2C0%2C7%2C0s7%2C2.54%2C7%2C5.65-3.18%2C5.67-7%2C5.67a6.77%2C6.77%2C0%2C0%2C1-1-.07c-.08.05-.56.48-.84.74C4.49%2C12.56%2C4%2C13%2C3.53%2C13ZM7%2C1.09c-3.26%2C0-5.91%2C2.05-5.91%2C4.57A4.39%2C4.39%2C0%2C0%2C0%2C3.61%2C9.4c.49.27.42.91.33%2C1.8%2C0%2C.12%2C0%2C.27%2C0%2C.42.18-.14.37-.31.51-.44.76-.68%2C1.21-1.06%2C1.7-1%2C.3%2C0%2C.6.05.9.06%2C3.26%2C0%2C5.91-2.05%2C5.91-4.58S10.26%2C1.09%2C7%2C1.09Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.person-comments > time {
  flex: 0 0 auto;
  display: block;
}
.person-image {
  padding-bottom: 100%;
  position: relative;
  background: url("../img/no-profile-picture-icon.svg") no-repeat center / cover;
}
.person-image:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 18%;
  content: '';
  z-index: 2;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  opacity: 0.6;
}
.person-image > picture {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.person-image > picture > img {
  object-fit: cover;
  border-radius: 8px 8px 0 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.person-image .person-media {
  position: absolute;
  left: 20px;
  bottom: 10px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
  z-index: 4;
}
.person-image .person-media > li {
  font-size: 14px;
  line-height: 18px;
  color: #FFF;
  flex: 0 0 auto;
  padding-left: 20px;
  position: relative;
}
.person-image .person-media > li + li {
  margin-left: 16px;
}
.person-image .person-media > li:before {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  transform: translateY(-50%);
}
.person-image .person-media .person-photo:before {
  width: 14px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2012%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M12.25%2C1.71H10.58L10%2C.57A1.28%2C1.28%2C0%2C0%2C0%2C9%2C0H5.11A1.31%2C1.31%2C0%2C0%2C0%2C4%2C.57L3.5%2C1.71H1.75A1.78%2C1.78%2C0%2C0%2C0%2C0%2C2.86v8S.88%2C12%2C1.75%2C12h10.5c.93%2C0%2C1.75-1.14%2C1.75-1.14v-8A1.69%2C1.69%2C0%2C0%2C0%2C12.25%2C1.71ZM7%2C10.29A3.47%2C3.47%2C0%2C0%2C1%2C3.5%2C6.86%2C3.46%2C3.46%2C0%2C0%2C1%2C7%2C3.43a3.46%2C3.46%2C0%2C0%2C1%2C3.5%2C3.43A3.47%2C3.47%2C0%2C0%2C1%2C7%2C10.29ZM7%2C4.57A2.29%2C2.29%2C0%2C1%2C0%2C9.33%2C6.86%2C2.3%2C2.3%2C0%2C0%2C0%2C7%2C4.57Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.person-image .person-media .person-video:before {
  width: 14px;
  height: 11px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2011%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M13.13%2C11h0L9.92%2C7.64V9.77A1.2%2C1.2%2C0%2C0%2C1%2C8.75%2C11H1.17A1.2%2C1.2%2C0%2C0%2C1%2C0%2C9.77V1.22A1.2%2C1.2%2C0%2C0%2C1%2C1.17%2C0H8.75A1.2%2C1.2%2C0%2C0%2C1%2C9.92%2C1.22V3.37L13.13%2C0h0A.9.9%2C0%2C0%2C1%2C14%2C.92v9.15A.9.9%2C0%2C0%2C1%2C13.13%2C11Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.person-image .person-mood {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 44px;
  height: 44px;
  z-index: 3;
}
.person-image .person-remove {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 44px;
  height: 44px;
  z-index: 3;
  margin: 0;
  padding: 0;
  outline: 0;
  cursor: pointer;
  border: 0;
  border-radius: 50%;
  -webkit-appearance: none;
  background: #BA37D0;
  transition: background 0.2s ease;
}
.person-image .person-remove:hover {
  background: #000;
}
.person-image .person-remove:before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M10.94%2C12a1%2C1%2C0%2C0%2C1-.75-.31L6%2C7.45%2C1.81%2C11.69a1.07%2C1.07%2C0%2C0%2C1-1.5%2C0%2C1%2C1%2C0%2C0%2C1%2C0-1.49l4.2-4.26L.42%2C1.8a1%2C1%2C0%2C0%2C1-.31-.74A1%2C1%2C0%2C0%2C1%2C.42.31a1.06%2C1.06%2C0%2C0%2C1%2C1.5%2C0L6%2C4.44%2C10.08.31A1.06%2C1.06%2C0%2C0%2C1%2C11.59%2C1.8L7.49%2C5.94l4.2%2C4.26a1%2C1%2C0%2C0%2C1%2C.31.74%2C1%2C1%2C0%2C0%2C1-.31.75A1.05%2C1.05%2C0%2C0%2C1%2C10.94%2C12Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.person-main {
  padding: 18px 20px 20px 20px;
}
.person-main .person-main-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.person-main .person-main-row .person-name {
  flex: 0 1 auto;
  margin-right: 15px;
}
.person-main .person-main-row .person-profile {
  flex: 0 0 auto;
  position: relative;
  padding-left: 20px;
  font-size: 13px;
  color: #444;
  text-decoration: none;
  cursor: pointer;
}
.person-main .person-main-row .person-profile:hover {
  text-decoration: underline;
}
.person-main .person-main-row .person-profile:before {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  transform: translateY(-50%);
  width: 12px;
  height: 13px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2013%22%3E%3Cpath%20fill%3D%22%23444%22%20d%3D%22M6%2C6.41a3.22%2C3.22%2C0%2C0%2C1-3.24-3.2%2C3.24%2C3.24%2C0%2C0%2C1%2C6.48%2C0A3.22%2C3.22%2C0%2C0%2C1%2C6%2C6.41ZM6%2C1.09A2.12%2C2.12%2C0%2C1%2C0%2C8.14%2C3.21%2C2.13%2C2.13%2C0%2C0%2C0%2C6%2C1.09Z%22%2F%3E%3Cpath%20fill%3D%22%23444%22%20d%3D%22M12%2C13H0v-.55A5.83%2C5.83%2C0%2C0%2C1%2C1.76%2C8.26a6%2C6%2C0%2C0%2C1%2C8.48%2C0A5.83%2C5.83%2C0%2C0%2C1%2C12%2C12.45ZM1.13%2C11.91h9.73A4.82%2C4.82%2C0%2C0%2C0%2C9.46%2C9%2C4.93%2C4.93%2C0%2C0%2C0%2C2.54%2C9%2C4.81%2C4.81%2C0%2C0%2C0%2C1.13%2C11.91Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.person-main .person-name {
  line-height: 20px;
  font-size: 15px;
  color: #444;
  font-weight: 600;
  margin: 0;
}
.person-main .person-name.is-online {
  padding-left: 18px;
  position: relative;
}
.person-main .person-name.is-online:before {
  position: absolute;
  left: 0;
  top: 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: '';
  background: #40C897;
}
.person-main .person-text {
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  color: #777;
  margin-top: 10px;
}
.persons {
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 24px;
}
.person-info {
  box-sizing: border-box;
  display: grid;
  grid-template-rows: auto 1fr 40px;
}
.person-info-buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}
.person-info-buttons .button {
  padding-left: 5px;
  padding-right: 5px;
}
.person-info-interests {
  margin-bottom: 12px;
}
.person-info-interests > strong {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 18px;
}
.person-info-interests .interest > input:checked + .interest-content > span {
  color: #444;
}
.person-info-interests .interest-content > i {
  width: 36px;
  height: 36px;
  margin-right: 5px;
}
.person-info-interests .interest-content > span {
  font-size: 12px;
  line-height: 16px;
}
.person-info-interests .interest-more > i {
  width: 36px;
  height: 36px;
  margin-right: 5px;
}
.person-info-interests .interest-more > i:after {
  width: 2px;
  height: 14px;
}
.person-info-interests .interest-more > i:before {
  width: 14px;
  height: 2px;
}
.person-info-interests .interest-more > span {
  font-size: 12px;
  line-height: 16px;
}
.person-info-interests .interests {
  grid-gap: 8px;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 767px) {
  .person-info-interests .interests {
    grid-gap: 8px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.person-info-text {
  margin-bottom: 12px;
  overflow: hidden;
  max-height: 108px;
  font-size: 14px;
  line-height: 18px;
}
@supports (-webkit-line-clamp: 6) {
  .person-info-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    max-height: none;
  }
}
.panel-top {
  padding-bottom: 24px;
  margin: -8px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.panel-top.popup {
  flex-wrap: nowrap;
  margin: 0;
  padding: 10px;
  justify-content: center;
}
@media only screen and (min-width: 1099px) {
  .panel-top.popup {
    display: block;
    position: static;
    height: auto;
    box-sizing: border-box;
    opacity: 1;
    visibility: visible;
    z-index: 1;
    padding: 0;
    margin: 0 0 24px 0;
    background: none;
    transition: none;
    will-change: unset;
  }
  .panel-top.popup .form .button {
    margin: 0;
  }
  .panel-top.popup .popup-bottom {
    display: none;
  }
  .panel-top.popup .popup-box {
    max-height: none;
    background: none;
    box-shadow: none;
    border-radius: 0;
    overflow: visible;
    margin: 0;
    position: static;
  }
  .panel-top.popup .popup-close {
    display: none;
  }
  .panel-top.popup .popup-content {
    padding: 0;
    margin: -8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
  .panel-top.popup .popup-header {
    display: none;
  }
}
.panel-top-box {
  flex: 0 1 auto;
  margin: 8px;
}
.panel-top-box > a {
  font-weight: 600;
}
.panel-top-box > h1 {
  margin: 0;
}
.panel-top-box .button,
.panel-top-box .panel-top-field {
  min-width: 203px;
}
.panel-top-box .search {
  min-width: 375px;
}
@media only screen and (max-width: 479px) {
  .panel-top-box .search {
    min-width: 0;
    width: 100%;
  }
}
.panel-top-count {
  min-width: 26px;
  height: 26px;
  line-height: 26px;
  border-radius: 13px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  font-size: 13px;
  display: block;
  background: #BA37D0;
  margin-left: -3px;
}
.panel-top-side {
  flex: 0 1 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.panel-top-side.tablet-only {
  display: none;
}
@media only screen and (max-width: 1100px) {
  .panel-top-side.tablet-only {
    display: flex;
  }
}
.panel-top-wallet {
  position: relative;
  font-weight: 600;
  padding-left: 28px;
}
.panel-top-wallet:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23303030%22%20d%3D%22M8.17.25A1.9%2C1.9%2C0%2C0%2C1%2C9.51%2C0a1.82%2C1.82%2C0%2C0%2C1%2C1.22.87c.69%2C1.18%2C1.37%2C2.36%2C2%2C3.55H14.1A1.88%2C1.88%2C0%2C0%2C1%2C16%2C6.35v7.76a1.89%2C1.89%2C0%2C0%2C1-.56%2C1.34%2C1.85%2C1.85%2C0%2C0%2C1-1.33.54H2.27a2.78%2C2.78%2C0%2C0%2C1-1-.12A1.87%2C1.87%2C0%2C0%2C1%2C0%2C14.17v-9a.77.77%2C0%2C0%2C1%2C.39-.62ZM9%2C1.54%2C3.67%2C4.46H11C10.5%2C3.52%2C10%2C2.59%2C9.43%2C1.67A.36.36%2C0%2C0%2C0%2C9%2C1.54ZM1.51%2C6c0%2C2.73%2C0%2C5.45%2C0%2C8.18a.35.35%2C0%2C0%2C0%2C.35.35H14.14a.35.35%2C0%2C0%2C0%2C.35-.35c0-.31%2C0-.62%2C0-.93H10.74A1.9%2C1.9%2C0%2C0%2C1%2C9%2C11.78%2C3.82%2C3.82%2C0%2C0%2C1%2C8.92%2C11V9.1A1.84%2C1.84%2C0%2C0%2C1%2C9.5%2C7.76a1.9%2C1.9%2C0%2C0%2C1%2C1.21-.52h3.78c0-.28%2C0-.56%2C0-.85a.48.48%2C0%2C0%2C0-.07-.29A.37.37%2C0%2C0%2C0%2C14.1%2C6H1.51Zm8.92%2C3.11c0%2C.75%2C0%2C1.51%2C0%2C2.26a.36.36%2C0%2C0%2C0%2C.35.37h3.72c0-1%2C0-2%2C0-2.95H10.78A.34.34%2C0%2C0%2C0%2C10.43%2C9.07Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
  width: 16px;
  height: 16px;
  content: '';
}
.panel-bottom {
  padding-top: 30px;
  margin: -20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .panel-bottom {
    display: block;
    padding: 0;
    margin: 30px 0 0 0;
  }
}
.panel-bottom-box {
  flex: 0 0 auto;
  margin: 20px;
}
@media only screen and (max-width: 767px) {
  .panel-bottom-box {
    margin: 0;
    text-align: center;
  }
  .panel-bottom-box + .panel-bottom-box {
    margin-top: 30px;
  }
}
.panel-bottom-box .button {
  min-width: 160px;
}
.pager {
  margin: -11px;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .pager {
    margin: -10px;
  }
}
.pager > li {
  margin: 11px;
  flex: 0 0 auto;
  line-height: 19px;
  font-weight: 500;
  color: #777;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .pager > li {
    margin: 10px;
  }
}
.pager > li > a {
  color: #777;
  text-decoration: none;
}
.pager > li > a:hover {
  color: #BA37D0;
}
.pager > li > span {
  color: #BA37D0;
  cursor: default;
  position: relative;
}
.pager > li > span:before {
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background: #BA37D0;
  content: '';
}
.pager .pager-next {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2014%22%3E%3Cpath%20fill%3D%22%23AAA%22%20d%3D%22M7.07%2C14a1%2C1%2C0%2C0%2C1-.7-.27L.31%2C8A1%2C1%2C0%2C0%2C1%2C0%2C7.32V7.23a1%2C1%2C0%2C0%2C1%2C.5-.86L6.34.31a1%2C1%2C0%2C0%2C1%2C1.41%2C0%2C1%2C1%2C0%2C0%2C1%2C0%2C1.39L3.38%2C6.24H17a1%2C1%2C0%2C1%2C1%2C0%2C2H3.43L7.76%2C12.3a1%2C1%2C0%2C0%2C1%2C0%2C1.4A1%2C1%2C0%2C0%2C1%2C7.07%2C14Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.pager .pager-next:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2014%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M7.07%2C14a1%2C1%2C0%2C0%2C1-.7-.27L.31%2C8A1%2C1%2C0%2C0%2C1%2C0%2C7.32V7.23a1%2C1%2C0%2C0%2C1%2C.5-.86L6.34.31a1%2C1%2C0%2C0%2C1%2C1.41%2C0%2C1%2C1%2C0%2C0%2C1%2C0%2C1.39L3.38%2C6.24H17a1%2C1%2C0%2C1%2C1%2C0%2C2H3.43L7.76%2C12.3a1%2C1%2C0%2C0%2C1%2C0%2C1.4A1%2C1%2C0%2C0%2C1%2C7.07%2C14Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.pager .pager-prev {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2014%22%3E%3Cpath%20fill%3D%22%23AAA%22%20d%3D%22M10.93%2C14a1%2C1%2C0%2C0%2C0%2C.7-.27L17.69%2C8A1%2C1%2C0%2C0%2C0%2C18%2C7.32V7.23a1%2C1%2C0%2C0%2C0-.5-.86L11.66.31a1%2C1%2C0%2C0%2C0-1.41%2C0%2C1%2C1%2C0%2C0%2C0%2C0%2C1.39l4.41%2C4.58H1a1%2C1%2C0%2C1%2C0%2C0%2C2H14.57L10.24%2C12.3a1%2C1%2C0%2C0%2C0%2C0%2C1.4A1%2C1%2C0%2C0%2C0%2C10.93%2C14Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.pager .pager-prev:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2014%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M10.93%2C14a1%2C1%2C0%2C0%2C0%2C.7-.27L17.69%2C8A1%2C1%2C0%2C0%2C0%2C18%2C7.32V7.23a1%2C1%2C0%2C0%2C0-.5-.86L11.66.31a1%2C1%2C0%2C0%2C0-1.41%2C0%2C1%2C1%2C0%2C0%2C0%2C0%2C1.39l4.41%2C4.58H1a1%2C1%2C0%2C1%2C0%2C0%2C2H14.57L10.24%2C12.3a1%2C1%2C0%2C0%2C0%2C0%2C1.4A1%2C1%2C0%2C0%2C0%2C10.93%2C14Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.pager .pager-next,
.pager .pager-prev {
  width: 18px;
  height: 14px;
  display: block;
  transition: background 0.2s ease;
}
.pager .pager-next.disabled,
.pager .pager-prev.disabled {
  opacity: 0.35;
  cursor: default;
}
.table {
  width: 100%;
  border-collapse: collapse;
  line-height: 19px;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .table {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .table > tbody {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .table > tbody > tr {
    display: block;
    border-top: 6px solid #F7F7F7;
    background: #FFF;
  }
}
.table > tbody > tr > td {
  padding: 16px 35px 16px 0;
  background: #FFF;
  border-top: 6px solid #F7F7F7;
}
@media only screen and (max-width: 999px) {
  .table > tbody > tr > td {
    padding-right: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .table > tbody > tr > td {
    display: block;
    border: 0;
    border: none;
    padding: 10px;
  }
  .table > tbody > tr > td:nth-child(even) {
    background: rgba(247, 247, 247, 0.2);
  }
}
.table > tbody > tr > td:first-child {
  padding-left: 35px;
}
@media only screen and (max-width: 999px) {
  .table > tbody > tr > td:first-child {
    padding-left: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .table > tbody > tr > td:first-child {
    padding: 20px 10px 10px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .table > tbody > tr > td:last-child {
    padding: 10px 10px 20px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .table > tbody > tr > td[data-title]:before {
    content: attr(data-title);
    display: block;
    margin-bottom: 2px;
    font-size: 12px;
    line-height: 16px;
    color: #777;
  }
}
@media only screen and (max-width: 767px) {
  .table > thead {
    display: none;
  }
}
.table > thead > tr > th {
  background: #BA37D0;
  font-weight: 600;
  text-align: left;
  color: #FFF;
  padding: 16px 35px 16px 0;
}
@media only screen and (max-width: 999px) {
  .table > thead > tr > th {
    padding-right: 24px;
  }
}
.table > thead > tr > th:first-child {
  border-radius: 8px 0 0 0;
  padding-left: 35px;
}
@media only screen and (max-width: 999px) {
  .table > thead > tr > th:first-child {
    padding-left: 24px;
  }
}
@media only screen and (max-width: 999px) {
  .table-wrapper .table > thead > tr > th:first-child {
    border-radius: 0;
  }
}
.table > thead > tr > th:last-child {
  border-radius: 0 8px 0 0;
}
@media only screen and (max-width: 999px) {
  .table-wrapper .table > thead > tr > th:last-child {
    border-radius: 0;
  }
}
.table time {
  display: flex;
  justify-content: flex-end;
  margin: 0 -7px;
  white-space: nowrap;
}
@media only screen and (max-width: 999px) {
  .table time {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .table time {
    display: flex;
  }
}
.table time > span {
  margin: 0 7px;
  display: block;
}
.table time > span > sup {
  font-size: 9px;
  line-height: 10px;
}
.table .table-negative {
  color: #BA37D0;
}
.table .table-positive {
  color: #40C897;
}
.table .table-sortable {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  box-sizing: border-box;
  position: relative;
  padding-right: 19px;
  cursor: pointer;
}
.table .table-sortable:after {
  position: absolute;
  right: 0;
  top: 50%;
  content: '';
  transform: translateY(-50%);
  width: 9px;
  height: 19px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209%2019%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M8.81%2C15.06%2C5%2C18.81a.63.63%2C0%2C0%2C1-.9%2C0L.19%2C15.06a.6.6%2C0%2C0%2C1%2C0-.87.63.63%2C0%2C0%2C1%2C.9%2C0L4.5%2C17.5l3.41-3.31a.63.63%2C0%2C0%2C1%2C.9%2C0A.6.6%2C0%2C0%2C1%2C8.81%2C15.06Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M8.81%2C4.81A.58.58%2C0%2C0%2C1%2C8.36%2C5a.57.57%2C0%2C0%2C1-.45-.19L4.5%2C1.5%2C1.09%2C4.81a.63.63%2C0%2C0%2C1-.9%2C0%2C.6.6%2C0%2C0%2C1%2C0-.87L4.05.19a.63.63%2C0%2C0%2C1%2C.9%2C0L8.81%2C3.94A.6.6%2C0%2C0%2C1%2C8.81%2C4.81Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.table .table-user {
  display: grid;
  grid-template-columns: 60px 1fr;
  grid-gap: 14px;
  align-items: center;
}
.table .table-user > span {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  display: block;
  white-space: nowrap;
}
.table .table-user .table-user-avatar {
  position: relative;
  background: url("../img/no-profile-picture-icon.svg") no-repeat center / cover;
  border-radius: 99px;
}
.table .table-user .table-user-avatar.is-online:before {
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  border: 2px solid #FFF;
  background: #40C897;
  content: '';
  border-radius: 50%;
}
.table .table-user .table-user-avatar img {
  width: 100%;
  border-radius: 50%;
  display: block;
}
.table .table-align-right {
  text-align: right;
}
@media only screen and (max-width: 999px) {
  .table-wrapper {
    margin: 0 -20px;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrapper {
    margin: 0 -10px;
  }
}
.search {
  position: relative;
}
.search .search-go {
  position: absolute;
  right: 19px;
  top: 50%;
  margin: 0;
  padding: 0;
  outline: 0;
  cursor: pointer;
  border: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  transition: background 0.2s ease;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23A39FA7%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M6.51%2C12.49A6.39%2C6.39%2C0%2C0%2C1%2C0%2C6.24%2C6.39%2C6.39%2C0%2C0%2C1%2C6.51%2C0%2C6.39%2C6.39%2C0%2C0%2C1%2C13%2C6.24%2C6.39%2C6.39%2C0%2C0%2C1%2C6.51%2C12.49ZM6.51%2C2A4.39%2C4.39%2C0%2C0%2C0%2C2%2C6.24a4.39%2C4.39%2C0%2C0%2C0%2C4.47%2C4.29A4.38%2C4.38%2C0%2C0%2C0%2C11%2C6.24%2C4.38%2C4.38%2C0%2C0%2C0%2C6.51%2C2Z%22%2F%3E%3Cpolygon%20class%3D%22cls%22%20points%3D%2214.5%2016%209.48%2010.78%2010.98%209.45%2016%2014.67%2014.5%2016%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.search .search-go:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23BA37D0%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M6.51%2C12.49A6.39%2C6.39%2C0%2C0%2C1%2C0%2C6.24%2C6.39%2C6.39%2C0%2C0%2C1%2C6.51%2C0%2C6.39%2C6.39%2C0%2C0%2C1%2C13%2C6.24%2C6.39%2C6.39%2C0%2C0%2C1%2C6.51%2C12.49ZM6.51%2C2A4.39%2C4.39%2C0%2C0%2C0%2C2%2C6.24a4.39%2C4.39%2C0%2C0%2C0%2C4.47%2C4.29A4.38%2C4.38%2C0%2C0%2C0%2C11%2C6.24%2C4.38%2C4.38%2C0%2C0%2C0%2C6.51%2C2Z%22%2F%3E%3Cpolygon%20class%3D%22cls%22%20points%3D%2214.5%2016%209.48%2010.78%2010.98%209.45%2016%2014.67%2014.5%2016%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.search .textfield {
  border-color: #E7ECF0;
  padding-left: 24px;
  padding-right: 42px;
}
.overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
  background: rgba(0, 0, 0, 0.85);
  opacity: 0;
  visibility: hidden;
  z-index: -2;
  will-change: opacity;
}
.overlay.is-visible {
  opacity: 1;
  visibility: visible;
  z-index: 999;
}
.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 999;
  padding: 10px;
  background: none;
  transition: all 0.3s ease-in-out;
  will-change: opacity;
  border: none;
}
.popup.sliding-door {
  padding: 0;
  align-items: flex-end;
}
.popup.sliding-door .popup-box {
  transform: translate(0);
}
.popup.media-gallery.popup-video {
  flex-direction: row;
  align-items: stretch;
}
.popup.media-gallery.popup-video .media-gallery-box {
  justify-content: stretch;
}
.popup.media-gallery.popup-video .media-gallery-box .media-gallery-object .media-gallery-video {
  width: 100%;
}
.popup-block {
  padding: 20px 40px;
}
@media only screen and (max-width: 479px) {
  .popup-block {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.popup-block + .popup-block {
  border-top: 1px solid #E8E8E8;
}
.popup-bottom {
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  background: #F3F5F7;
  border-radius: 0 0 8px 8px;
}
.popup-bottom .button {
  margin: 5px;
  min-width: 180px;
}
.popup-box {
  flex: 0 1 auto;
  max-height: 100%;
  background: #FFF;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  overflow: auto;
  width: 100%;
  margin: auto;
  position: relative;
}
.sliding-door .popup-box {
  flex: 1 1 100%;
  height: 100%;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
  box-shadow: none;
  border-radius: 0;
  margin: 0;
  display: grid;
  overflow: hidden;
  grid-template-rows: auto 1fr auto;
}
.sliding-door .popup-box .sliding-door-bottom,
.sliding-door .popup-box .sliding-door-top {
  background: #F7F7F7;
  padding: 10px 50px;
  min-height: 64px;
  box-sizing: border-box;
  position: relative;
}
.sliding-door .popup-box .sliding-door-bottom .button,
.sliding-door .popup-box .sliding-door-top .button {
  min-width: 160px;
}
.sliding-door .popup-box .sliding-door-main {
  overflow: auto;
  min-height: 100%;
  padding: 24px 50px;
  box-sizing: border-box;
}
.popup-button-centered {
  text-align: center;
}
.popup-button-centered .button {
  min-width: 203px;
}
.popup-buttons-centered {
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
  width: 100%;
  max-width: 270px;
}
.popup-buttons-centered > li + li {
  margin-top: 10px;
}
.popup-close {
  position: absolute;
  right: 20px;
  top: 11px;
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  outline: 0;
  cursor: pointer;
  border: 0;
  border-radius: 50%;
  -webkit-appearance: none;
  background: #BA37D0;
  transition: background 0.2s ease;
}
.sliding-door .popup-close {
  width: 12px;
  height: 12px;
  border-radius: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M10.94%2C12a1%2C1%2C0%2C0%2C1-.75-.31L6%2C7.45%2C1.81%2C11.69a1.07%2C1.07%2C0%2C0%2C1-1.5%2C0%2C1%2C1%2C0%2C0%2C1%2C0-1.49l4.2-4.26L.42%2C1.8a1%2C1%2C0%2C0%2C1-.31-.74A1%2C1%2C0%2C0%2C1%2C.42.31a1.06%2C1.06%2C0%2C0%2C1%2C1.5%2C0L6%2C4.44%2C10.08.31A1.06%2C1.06%2C0%2C0%2C1%2C11.59%2C1.8L7.49%2C5.94l4.2%2C4.26a1%2C1%2C0%2C0%2C1%2C.31.74%2C1%2C1%2C0%2C0%2C1-.31.75A1.05%2C1.05%2C0%2C0%2C1%2C10.94%2C12Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.sliding-door .popup-close:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M10.94%2C12a1%2C1%2C0%2C0%2C1-.75-.31L6%2C7.45%2C1.81%2C11.69a1.07%2C1.07%2C0%2C0%2C1-1.5%2C0%2C1%2C1%2C0%2C0%2C1%2C0-1.49l4.2-4.26L.42%2C1.8a1%2C1%2C0%2C0%2C1-.31-.74A1%2C1%2C0%2C0%2C1%2C.42.31a1.06%2C1.06%2C0%2C0%2C1%2C1.5%2C0L6%2C4.44%2C10.08.31A1.06%2C1.06%2C0%2C0%2C1%2C11.59%2C1.8L7.49%2C5.94l4.2%2C4.26a1%2C1%2C0%2C0%2C1%2C.31.74%2C1%2C1%2C0%2C0%2C1-.31.75A1.05%2C1.05%2C0%2C0%2C1%2C10.94%2C12Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.sliding-door .popup-close:before {
  display: none;
}
.popup-close:hover {
  background: #000;
}
.popup-close:before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M10.94%2C12a1%2C1%2C0%2C0%2C1-.75-.31L6%2C7.45%2C1.81%2C11.69a1.07%2C1.07%2C0%2C0%2C1-1.5%2C0%2C1%2C1%2C0%2C0%2C1%2C0-1.49l4.2-4.26L.42%2C1.8a1%2C1%2C0%2C0%2C1-.31-.74A1%2C1%2C0%2C0%2C1%2C.42.31a1.06%2C1.06%2C0%2C0%2C1%2C1.5%2C0L6%2C4.44%2C10.08.31A1.06%2C1.06%2C0%2C0%2C1%2C11.59%2C1.8L7.49%2C5.94l4.2%2C4.26a1%2C1%2C0%2C0%2C1%2C.31.74%2C1%2C1%2C0%2C0%2C1-.31.75A1.05%2C1.05%2C0%2C0%2C1%2C10.94%2C12Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.popup-content {
  padding: 30px 40px;
}
@media only screen and (max-width: 479px) {
  .popup-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.popup-content textarea.textfield {
  height: 120px;
}
.popup-content textarea.textfield.autosize {
  height: auto;
  min-height: 120px;
}
.popup-image {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 75%;
  aspect-ratio: 1;
  overflow: hidden;
  margin: 15px auto;
}
.popup-image.default-photo {
  width: 95%;
  aspect-ratio: 7/4;
}
.popup-image image {
  width: 100%;
}
.popup-header {
  border-radius: 8px 8px 0 0;
  padding: 14px 70px 14px 40px;
  background: #F3F5F7;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
}
.popup-header.popup-header-buy {
  color: #777;
}
.popup-header.popup-header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 7px 60px 7px 30px;
}
@media only screen and (max-width: 479px) {
  .popup-header.popup-header-row {
    padding-right: 40px;
  }
}
.popup-header.popup-header-row + .popup-close {
  top: 17px;
  width: 34px;
  height: 34px;
}
.popup-header.popup-header-row .popup-header-box {
  margin: 10px;
  flex: 0 1 auto;
}
.popup-header.popup-header-row .popup-header-box .button {
  min-height: 34px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.popup-icons {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: -9px;
}
.popup-icons + fieldset {
  margin-top: 30px;
}
.popup-icons > img {
  max-height: 50px;
  display: block;
  flex: 0 0 auto;
  margin: 9px;
}
.popup-info-text {
  font-size: 12px;
  line-height: 19px;
  color: #555555;
}
.popup-info-text > a {
  color: #555555;
  font-weight: bold;
  text-decoration-color: #AAAAAA;
}
.popup-message {
  max-width: 364px;
  margin: 0 auto;
  color: #999;
}
.popup-message + .button {
  margin-top: 25px;
}
.popup-line {
  position: relative;
  margin: 20px 0;
  width: 100%;
  height: 1px;
  background: #E7ECF0;
}
.popup-subtitle {
  position: relative;
  width: 100%;
  margin-bottom: 12px;
  text-align: center;
  font-weight: 600;
  font-size: 15px;
  line-height: 130%;
  color: #444;
}
.popup-cover {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.4);
  z-index: 100;
}
.mood-select {
  margin: -15px -13px;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
}
.popup .mood-select {
  padding-bottom: 12px;
}
.mood-select > li {
  flex: 0 0 auto;
  margin: 15px 13px;
}
.mood-select > li > label {
  display: block;
  cursor: pointer;
  position: relative;
}
.mood-select > li > label > input {
  position: absolute;
  left: -9999px;
}
.mood-select > li > label > input:checked + span {
  color: #BA37D0;
}
.mood-select > li > label > input:checked + span:after {
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 2px;
  content: '';
  background: #BA37D0;
}
.mood-select > li > label > input:checked + span:before {
  position: absolute;
  right: -5px;
  top: -5px;
  width: 20px;
  height: 20px;
  content: '';
  background: url('../img/circle-check.svg') no-repeat;
  background-size: 100% 100%;
}
.mood-select > li > label > span {
  display: block;
  position: relative;
  text-align: center;
  font-weight: 600;
}
.mood-select > li > label > span > i {
  font-size: 12px;
  line-height: 16px;
  display: block;
  font-style: normal;
}
.mood-select > li > label > span > img {
  width: 54px;
  height: 54px;
  margin: 0 auto 5px;
  display: block;
}
.buy-coins {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: -10px;
  padding: 0;
  list-style-type: none;
}
.buy-coins > li {
  padding: 10px;
  box-sizing: border-box;
  flex: 1;
  min-width: 200px;
}
.buy-coins-box {
  background: #F3F5F7;
  border-radius: 10px;
  padding: 16px;
  text-align: center;
  color: #444;
  font-weight: 600;
  display: flex;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  box-sizing: border-box;
  transition: border-color 0.4s ease-out;
  border: #F3F5F7 2px solid;
}
.buy-coins-box:hover {
  border: #BA37D0 2px solid;
}
.buy-coins-box .button {
  width: 100%;
  flex: 0 0 auto;
}
.buy-coins-box .buy-coins-header {
  font-size: 18px;
  line-height: 23px;
  margin-bottom: 18px;
  width: 100%;
  flex: 1 1 auto;
}
.buy-coins-box .buy-coins-header > strong {
  white-space: nowrap;
}
.buy-coins-box .buy-coins-icon {
  display: block;
  height: 88px;
  margin: 0 auto 15px;
  flex: 0 0 auto;
}
.buy-coins-price {
  position: relative;
  display: flex;
  justify-content: center;
  font-size: 12px;
  line-height: 15px;
  margin: 0 auto;
  width: 100%;
  max-width: 260px;
  text-align: center;
}
.buy-coins-element .buy-coins-title {
  font-size: 16px;
}
.buy-coins-info {
  margin-top: 20px;
  margin-bottom: -10px;
}
.buy-button {
  position: absolute;
  right: 40px;
  bottom: 90px;
}
.login-buttons {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.popup .login-buttons {
  margin-bottom: 30px;
}
.login-buttons > li {
  text-align: center;
}
.login-buttons > li + li {
  margin-top: 10px;
}
.login-buttons > li > a {
  max-width: 100%;
  box-sizing: border-box;
  vertical-align: top;
  min-width: 250px;
  height: 40px;
  font-size: 15px;
  line-height: 18px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  color: #FFF;
  font-weight: 600;
  padding: 5px 10px 5px 52px;
  position: relative;
  border-radius: 8px;
  text-align: left;
  transition: opacity 0.2s ease;
}
.login-buttons > li > a:hover {
  opacity: 0.9;
}
.login-buttons > li > a:before {
  position: absolute;
  left: 20px;
  top: 50%;
  content: '';
  transform: translateY(-50%);
}
.login-buttons .google {
  background: linear-gradient(91.69deg, #D95433 0%, #EF7A5D 100.9%);
}
.login-buttons .google:before {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M3.55%2C9.67%2C3%2C11.75l-2%2C0A8.06%2C8.06%2C0%2C0%2C1%2C0%2C8%2C8%2C8%2C0%2C0%2C1%2C.89%2C4.32h0l1.82.33L3.5%2C6.46A4.88%2C4.88%2C0%2C0%2C0%2C3.24%2C8%2C4.63%2C4.63%2C0%2C0%2C0%2C3.55%2C9.67Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M15.86%2C6.51A8.1%2C8.1%2C0%2C0%2C1%2C16%2C8a8.37%2C8.37%2C0%2C0%2C1-.17%2C1.67A8%2C8%2C0%2C0%2C1%2C13%2C14.24h0l-2.28-.12-.33-2a4.73%2C4.73%2C0%2C0%2C0%2C2-2.44H8.18V6.51h7.68Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M13%2C14.24h0A8%2C8%2C0%2C0%2C1%2C1%2C11.79l2.6-2.12a4.75%2C4.75%2C0%2C0%2C0%2C6.85%2C2.44Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M13.11%2C1.84%2C10.52%2C4A4.81%2C4.81%2C0%2C0%2C0%2C8%2C3.24%2C4.76%2C4.76%2C0%2C0%2C0%2C3.5%2C6.45L.89%2C4.32h0A8%2C8%2C0%2C0%2C1%2C13.11%2C1.84Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.login-buttons .telegram {
  background: #54A9EB;
}
.login-buttons .telegram:before {
  width: 17px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2017%2014%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M6.67%2C9.23l-.28%2C3.91a1.13%2C1.13%2C0%2C0%2C0%2C.44-.1%2C1.06%2C1.06%2C0%2C0%2C0%2C.35-.28L9.06%2C11%2C13%2C13.81c.72.39%2C1.22.19%2C1.42-.65L17%2C1.28c.23-1-.37-1.47-1.08-1.2L.8%2C5.78c-1%2C.4-1%2C1-.18%2C1.23L4.48%2C8.19l8.68-5c.42-.28.8-.12.49.15Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.burger-nav {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.burger-nav > li {
  font-size: 14px;
  line-height: 18px;
}
.burger-nav > li + li {
  margin-top: 15px;
}
.burger-nav > li > a,
.burger-nav > li div {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  box-sizing: border-box;
  padding-left: 25px;
  position: relative;
  color: #303030;
  text-decoration: none;
  cursor: pointer;
}
.burger-nav > li > a:hover,
.burger-nav > li div:hover {
  color: #BA37D0;
}
.burger-nav > li > a:before,
.burger-nav > li div:before {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  transform: translateY(-50%);
  transition: background 0.2s ease;
}
.burger-nav .burger-nav-blacklist:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23BA37D0%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M7%2C14a7%2C7%2C0%2C1%2C1%2C7-7A7%2C7%2C0%2C0%2C1%2C7%2C14ZM7%2C1.65A5.35%2C5.35%2C0%2C1%2C0%2C12.35%2C7%2C5.36%2C5.36%2C0%2C0%2C0%2C7%2C1.65Z%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%226.18%22%20y%3D%220.82%22%20width%3D%221.65%22%20height%3D%2212.35%22%20transform%3D%22translate(-2.9%207)%20rotate(-45)%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.burger-nav .burger-nav-blacklist:before {
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23A39FA7%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M7%2C14a7%2C7%2C0%2C1%2C1%2C7-7A7%2C7%2C0%2C0%2C1%2C7%2C14ZM7%2C1.65A5.35%2C5.35%2C0%2C1%2C0%2C12.35%2C7%2C5.36%2C5.36%2C0%2C0%2C0%2C7%2C1.65Z%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%226.18%22%20y%3D%220.82%22%20width%3D%221.65%22%20height%3D%2212.35%22%20transform%3D%22translate(-2.9%207)%20rotate(-45)%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.burger-nav .burger-nav-logout:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23BA37D0%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls%22%20points%3D%2211.67%2010.96%2010.55%209.8%2012.77%207.49%2010.55%205.18%2011.67%204.02%2015%207.49%2011.67%2010.96%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%223.71%22%20y%3D%226.67%22%20width%3D%2210.18%22%20height%3D%221.64%22%2F%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M1.57%2C15A1.52%2C1.52%2C0%2C0%2C1%2C1%2C14.88a1.72%2C1.72%2C0%2C0%2C1-.51-.35A1.73%2C1.73%2C0%2C0%2C1%2C.12%2C14%2C1.68%2C1.68%2C0%2C0%2C1%2C0%2C13.36V1.63A1.56%2C1.56%2C0%2C0%2C1%2C.13%2C1%2C1.61%2C1.61%2C0%2C0%2C1%2C.47.47%2C1.49%2C1.49%2C0%2C0%2C1%2C1%2C.12%2C1.58%2C1.58%2C0%2C0%2C1%2C1.6%2C0h7a1.52%2C1.52%2C0%2C0%2C1%2C1.1.47%2C1.64%2C1.64%2C0%2C0%2C1%2C.47%2C1.15V5.49H8.64V1.63H1.58V13.36H8.64v-4h1.57v4a1.68%2C1.68%2C0%2C0%2C1-.12.63%2C1.55%2C1.55%2C0%2C0%2C1-.34.53%2C1.63%2C1.63%2C0%2C0%2C1-.51.36%2C1.53%2C1.53%2C0%2C0%2C1-.6.12H1.57Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.burger-nav .burger-nav-logout:before {
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23A39FA7%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls%22%20points%3D%2211.67%2010.96%2010.55%209.8%2012.77%207.49%2010.55%205.18%2011.67%204.02%2015%207.49%2011.67%2010.96%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%223.71%22%20y%3D%226.67%22%20width%3D%2210.18%22%20height%3D%221.64%22%2F%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M1.57%2C15A1.52%2C1.52%2C0%2C0%2C1%2C1%2C14.88a1.72%2C1.72%2C0%2C0%2C1-.51-.35A1.73%2C1.73%2C0%2C0%2C1%2C.12%2C14%2C1.68%2C1.68%2C0%2C0%2C1%2C0%2C13.36V1.63A1.56%2C1.56%2C0%2C0%2C1%2C.13%2C1%2C1.61%2C1.61%2C0%2C0%2C1%2C.47.47%2C1.49%2C1.49%2C0%2C0%2C1%2C1%2C.12%2C1.58%2C1.58%2C0%2C0%2C1%2C1.6%2C0h7a1.52%2C1.52%2C0%2C0%2C1%2C1.1.47%2C1.64%2C1.64%2C0%2C0%2C1%2C.47%2C1.15V5.49H8.64V1.63H1.58V13.36H8.64v-4h1.57v4a1.68%2C1.68%2C0%2C0%2C1-.12.63%2C1.55%2C1.55%2C0%2C0%2C1-.34.53%2C1.63%2C1.63%2C0%2C0%2C1-.51.36%2C1.53%2C1.53%2C0%2C0%2C1-.6.12H1.57Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.burger-nav .burger-nav-search:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23BA37D0%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M6.51%2C12.49A6.39%2C6.39%2C0%2C0%2C1%2C0%2C6.24%2C6.39%2C6.39%2C0%2C0%2C1%2C6.51%2C0%2C6.39%2C6.39%2C0%2C0%2C1%2C13%2C6.24%2C6.39%2C6.39%2C0%2C0%2C1%2C6.51%2C12.49ZM6.51%2C2A4.39%2C4.39%2C0%2C0%2C0%2C2%2C6.24a4.39%2C4.39%2C0%2C0%2C0%2C4.47%2C4.29A4.38%2C4.38%2C0%2C0%2C0%2C11%2C6.24%2C4.38%2C4.38%2C0%2C0%2C0%2C6.51%2C2Z%22%2F%3E%3Cpolygon%20class%3D%22cls%22%20points%3D%2214.5%2016%209.48%2010.78%2010.98%209.45%2016%2014.67%2014.5%2016%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.burger-nav .burger-nav-search:before {
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23A39FA7%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M6.51%2C12.49A6.39%2C6.39%2C0%2C0%2C1%2C0%2C6.24%2C6.39%2C6.39%2C0%2C0%2C1%2C6.51%2C0%2C6.39%2C6.39%2C0%2C0%2C1%2C13%2C6.24%2C6.39%2C6.39%2C0%2C0%2C1%2C6.51%2C12.49ZM6.51%2C2A4.39%2C4.39%2C0%2C0%2C0%2C2%2C6.24a4.39%2C4.39%2C0%2C0%2C0%2C4.47%2C4.29A4.38%2C4.38%2C0%2C0%2C0%2C11%2C6.24%2C4.38%2C4.38%2C0%2C0%2C0%2C6.51%2C2Z%22%2F%3E%3Cpolygon%20class%3D%22cls%22%20points%3D%2214.5%2016%209.48%2010.78%2010.98%209.45%2016%2014.67%2014.5%2016%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.burger-nav .burger-nav-sound.is-disabled:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011%2016%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M10.06%2C16a.92.92%2C0%2C0%2C1-.43-.11l-.1-.06L4%2C11.85H0v-8H3.69L9.75%2C0l.3%2C0a.83.83%2C0%2C0%2C1%2C.47.12l.18.1.16.23A1%2C1%2C0%2C0%2C1%2C11%2C.91V15.3l-.15.27a1%2C1%2C0%2C0%2C1-.34.32l-.17.09ZM1.54%2C10.3h3l4.94%2C3.58V2.05L4.14%2C5.43H1.54Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.burger-nav .burger-nav-sound.is-disabled:before {
  width: 11px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011%2016%22%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M10.06%2C16a.92.92%2C0%2C0%2C1-.43-.11l-.1-.06L4%2C11.85H0v-8H3.69L9.75%2C0l.3%2C0a.83.83%2C0%2C0%2C1%2C.47.12l.18.1.16.23A1%2C1%2C0%2C0%2C1%2C11%2C.91V15.3l-.15.27a1%2C1%2C0%2C0%2C1-.34.32l-.17.09ZM1.54%2C10.3h3l4.94%2C3.58V2.05L4.14%2C5.43H1.54Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.burger-nav .burger-nav-sound.is-enabled:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M9.93%2C16a.92.92%2C0%2C0%2C1-.43-.11l-.1-.06L4%2C11.85H0v-8H3.64L9.62%2C0l.29%2C0a.81.81%2C0%2C0%2C1%2C.47.12l.17.1.16.23a1%2C1%2C0%2C0%2C1%2C.14.46V15.3l-.15.27a.92.92%2C0%2C0%2C1-.33.32L10.2%2C16ZM1.52%2C10.3H4.46l4.87%2C3.58V2.05L4.08%2C5.43H1.52Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M14.87%2C12.44l-3.39-2%2C.76-1.34%2C3.39%2C2Zm1.13-4H12.08V6.93H16ZM12.46%2C6.36%2C11.7%2C5l3.39-2%2C.76%2C1.34Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.burger-nav .burger-nav-sound.is-enabled:before {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M9.93%2C16a.92.92%2C0%2C0%2C1-.43-.11l-.1-.06L4%2C11.85H0v-8H3.64L9.62%2C0l.29%2C0a.81.81%2C0%2C0%2C1%2C.47.12l.17.1.16.23a1%2C1%2C0%2C0%2C1%2C.14.46V15.3l-.15.27a.92.92%2C0%2C0%2C1-.33.32L10.2%2C16ZM1.52%2C10.3H4.46l4.87%2C3.58V2.05L4.08%2C5.43H1.52Z%22%2F%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M14.87%2C12.44l-3.39-2%2C.76-1.34%2C3.39%2C2Zm1.13-4H12.08V6.93H16ZM12.46%2C6.36%2C11.7%2C5l3.39-2%2C.76%2C1.34Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.burger-nav .burger-nav-stream:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2012%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M11.21%2C12h-10A1.32%2C1.32%2C0%2C0%2C1%2C0%2C10.63V1.37A1.32%2C1.32%2C0%2C0%2C1%2C1.25%2C0h10a1.32%2C1.32%2C0%2C0%2C1%2C1.25%2C1.37v9.26A1.32%2C1.32%2C0%2C0%2C1%2C11.21%2C12ZM1.45%2C10.53H11V1.47H1.45Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M15.13%2C10a.88.88%2C0%2C0%2C1-.42-.11l-.06%2C0L11%2C7.28V4.41L14.91%2C2l.32%2C0a.81.81%2C0%2C0%2C1%2C.46.21l.13.12.12.23A1.14%2C1.14%2C0%2C0%2C1%2C16%2C3V9.21l-.07.22a1%2C1%2C0%2C0%2C1-.26.37l-.18.14L15.2%2C10ZM12.45%2C6.5%2C14.55%2C8V4l-2.1%2C1.29Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.burger-nav .burger-nav-stream:before {
  width: 16px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2012%22%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M11.21%2C12h-10A1.32%2C1.32%2C0%2C0%2C1%2C0%2C10.63V1.37A1.32%2C1.32%2C0%2C0%2C1%2C1.25%2C0h10a1.32%2C1.32%2C0%2C0%2C1%2C1.25%2C1.37v9.26A1.32%2C1.32%2C0%2C0%2C1%2C11.21%2C12ZM1.45%2C10.53H11V1.47H1.45Z%22%2F%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M15.13%2C10a.88.88%2C0%2C0%2C1-.42-.11l-.06%2C0L11%2C7.28V4.41L14.91%2C2l.32%2C0a.81.81%2C0%2C0%2C1%2C.46.21l.13.12.12.23A1.14%2C1.14%2C0%2C0%2C1%2C16%2C3V9.21l-.07.22a1%2C1%2C0%2C0%2C1-.26.37l-.18.14L15.2%2C10ZM12.45%2C6.5%2C14.55%2C8V4l-2.1%2C1.29Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.burger-nav .burger-nav-wallet:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M8.17.25A1.9%2C1.9%2C0%2C0%2C1%2C9.51%2C0a1.82%2C1.82%2C0%2C0%2C1%2C1.22.87c.69%2C1.18%2C1.37%2C2.36%2C2%2C3.55H14.1A1.88%2C1.88%2C0%2C0%2C1%2C16%2C6.35v7.76a1.89%2C1.89%2C0%2C0%2C1-.56%2C1.34%2C1.85%2C1.85%2C0%2C0%2C1-1.33.54H2.27a2.78%2C2.78%2C0%2C0%2C1-1-.12A1.87%2C1.87%2C0%2C0%2C1%2C0%2C14.17v-9a.77.77%2C0%2C0%2C1%2C.39-.62ZM9%2C1.54%2C3.67%2C4.46H11C10.5%2C3.52%2C10%2C2.59%2C9.43%2C1.67A.36.36%2C0%2C0%2C0%2C9%2C1.54ZM1.51%2C6c0%2C2.73%2C0%2C5.45%2C0%2C8.18a.35.35%2C0%2C0%2C0%2C.35.35H14.14a.35.35%2C0%2C0%2C0%2C.35-.35c0-.31%2C0-.62%2C0-.93H10.74A1.9%2C1.9%2C0%2C0%2C1%2C9%2C11.78%2C3.82%2C3.82%2C0%2C0%2C1%2C8.92%2C11V9.1A1.84%2C1.84%2C0%2C0%2C1%2C9.5%2C7.76a1.9%2C1.9%2C0%2C0%2C1%2C1.21-.52h3.78c0-.28%2C0-.56%2C0-.85a.48.48%2C0%2C0%2C0-.07-.29A.37.37%2C0%2C0%2C0%2C14.1%2C6H1.51Zm8.92%2C3.11c0%2C.75%2C0%2C1.51%2C0%2C2.26a.36.36%2C0%2C0%2C0%2C.35.37h3.72c0-1%2C0-2%2C0-2.95H10.78A.34.34%2C0%2C0%2C0%2C10.43%2C9.07Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.burger-nav .burger-nav-wallet:before {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M8.17.25A1.9%2C1.9%2C0%2C0%2C1%2C9.51%2C0a1.82%2C1.82%2C0%2C0%2C1%2C1.22.87c.69%2C1.18%2C1.37%2C2.36%2C2%2C3.55H14.1A1.88%2C1.88%2C0%2C0%2C1%2C16%2C6.35v7.76a1.89%2C1.89%2C0%2C0%2C1-.56%2C1.34%2C1.85%2C1.85%2C0%2C0%2C1-1.33.54H2.27a2.78%2C2.78%2C0%2C0%2C1-1-.12A1.87%2C1.87%2C0%2C0%2C1%2C0%2C14.17v-9a.77.77%2C0%2C0%2C1%2C.39-.62ZM9%2C1.54%2C3.67%2C4.46H11C10.5%2C3.52%2C10%2C2.59%2C9.43%2C1.67A.36.36%2C0%2C0%2C0%2C9%2C1.54ZM1.51%2C6c0%2C2.73%2C0%2C5.45%2C0%2C8.18a.35.35%2C0%2C0%2C0%2C.35.35H14.14a.35.35%2C0%2C0%2C0%2C.35-.35c0-.31%2C0-.62%2C0-.93H10.74A1.9%2C1.9%2C0%2C0%2C1%2C9%2C11.78%2C3.82%2C3.82%2C0%2C0%2C1%2C8.92%2C11V9.1A1.84%2C1.84%2C0%2C0%2C1%2C9.5%2C7.76a1.9%2C1.9%2C0%2C0%2C1%2C1.21-.52h3.78c0-.28%2C0-.56%2C0-.85a.48.48%2C0%2C0%2C0-.07-.29A.37.37%2C0%2C0%2C0%2C14.1%2C6H1.51Zm8.92%2C3.11c0%2C.75%2C0%2C1.51%2C0%2C2.26a.36.36%2C0%2C0%2C0%2C.35.37h3.72c0-1%2C0-2%2C0-2.95H10.78A.34.34%2C0%2C0%2C0%2C10.43%2C9.07Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.burger-nav .is-active {
  font-weight: bold;
}
.burger-nav-divider {
  margin: 20px 0;
  height: 1px;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
  background: #E7ECF0;
}
.notification {
  display: flex;
  align-items: flex-start;
}
.notification + .notification {
  margin-top: 18px;
}
.notification-content {
  flex: 1 1 auto;
  min-width: 0;
}
.notification-content .button {
  font-size: 14px;
  line-height: 18px;
  padding-top: 6px;
  padding-bottom: 6px;
  min-height: 30px;
}
.notification-content .button.button-reply:before {
  margin-right: 7px;
  width: 12px;
  height: 10px;
}
.notification-content .button.button-user:before {
  margin-right: 7px;
  width: 11px;
  height: 12px;
}
.notification-content .button.button-wallet:before {
  margin-right: 7px;
  width: 13px;
  height: 13px;
}
.notification-content .notification-header {
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 5px;
  font-weight: 600;
}
.notification-content .notification-text {
  color: #666;
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 10px;
  overflow: hidden;
  max-height: 32px;
}
@supports (-webkit-line-clamp: 2) {
  .notification-content .notification-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: none;
  }
}
.notification-content .notification-text.notification-fav {
  position: relative;
  padding-left: 16px;
}
.notification-content .notification-text.notification-fav:before {
  position: absolute;
  left: 0;
  width: 11px;
  height: 10px;
  top: 3px;
  content: '';
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2015%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M1.07%2C5.4A3.66%2C3.66%2C0%2C0%2C1%2C4.59%2C1C6.71.87%2C7.75%2C3.34%2C8%2C3.82l0%2C0H8v0c1-2.6%2C2.77-2.71%2C3.4-2.77a3.24%2C3.24%2C0%2C0%2C1%2C3.5%2C4c-.65%2C4.09-7%2C8.7-7%2C8.7S1.89%2C9.79%2C1.07%2C5.4Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M8%2C15l-.57-.37C7.16%2C14.46%2C1%2C10.36.09%2C5.6h0A4.65%2C4.65%2C0%2C0%2C1%2C.91%2C1.91%2C4.86%2C4.86%2C0%2C0%2C1%2C4.52%2C0%2C3.85%2C3.85%2C0%2C0%2C1%2C8%2C1.82%2C4.44%2C4.44%2C0%2C0%2C1%2C11.3%2C0a4.35%2C4.35%2C0%2C0%2C1%2C3.6%2C1.34%2C4.44%2C4.44%2C0%2C0%2C1%2C1%2C3.87c-.72%2C4.45-7.12%2C9.16-7.39%2C9.36ZM2.05%2C5.21c.6%2C3.16%2C4.43%2C6.23%2C5.89%2C7.3%2C1.93-1.53%2C5.58-4.9%2C6-7.6a2.48%2C2.48%2C0%2C0%2C0-.5-2.14%2C2.4%2C2.4%2C0%2C0%2C0-1.91-.71A2.73%2C2.73%2C0%2C0%2C0%2C9%2C4.18l-.11.29-.51.39H7.71L7.13%2C4.5%2C7%2C4.19C6.56%2C3.14%2C5.78%2C2%2C4.67%2C2.05A2.93%2C2.93%2C0%2C0%2C0%2C2.5%2C3.16%2C2.58%2C2.58%2C0%2C0%2C0%2C2.05%2C5.21Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.notification-image {
  flex: 0 0 60px;
  position: relative;
  max-width: 60px;
  height: 60px;
  margin-right: 14px;
  border-radius: 50%;
  background: url("../img/no-profile-picture-icon.svg") no-repeat center / cover;
}
.notification-image.is-online:before {
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  border: 2px solid #FFF;
  background: #40C897;
  content: '';
  border-radius: 50%;
}
.notification-image img {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.notifications {
  max-height: 490px;
  width: 265px;
}
.notifications-fixed {
  position: fixed;
  right: 14px;
  bottom: 14px;
  max-height: 490px;
  width: 305px;
  z-index: 200;
}
.notifications-fixed .notification {
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
  padding: 20px;
  transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out, margin-top 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
  max-height: 300px;
  opacity: 1;
}
.notifications-fixed .notification.low {
  max-height: 0;
  opacity: 0;
}
.notifications-fixed .notification.normal {
  max-height: 300px;
  opacity: 1;
}
.notifications-fixed .notification.high {
  max-height: 0;
  opacity: 0;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.notifications-fixed .notification .close-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%2393A7C3%22%20d%3D%22M10.94%2C12a1%2C1%2C0%2C0%2C1-.75-.31L6%2C7.45%2C1.81%2C11.69a1.07%2C1.07%2C0%2C0%2C1-1.5%2C0%2C1%2C1%2C0%2C0%2C1%2C0-1.49l4.2-4.26L.42%2C1.8a1%2C1%2C0%2C0%2C1-.31-.74A1%2C1%2C0%2C0%2C1%2C.42.31a1.06%2C1.06%2C0%2C0%2C1%2C1.5%2C0L6%2C4.44%2C10.08.31A1.06%2C1.06%2C0%2C0%2C1%2C11.59%2C1.8L7.49%2C5.94l4.2%2C4.26a1%2C1%2C0%2C0%2C1%2C.31.74%2C1%2C1%2C0%2C0%2C1-.31.75A1.05%2C1.05%2C0%2C0%2C1%2C10.94%2C12Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
  cursor: pointer;
}
.profiles {
  width: 230px;
  max-height: 470px;
}
.profiles ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.profiles ul > li {
  display: flex;
  align-items: center;
}
.profiles ul > li + li {
  margin-top: 12px;
}
.profiles .profiles-buttons {
  flex: 0 0 auto;
  display: grid;
  align-items: center;
  grid-gap: 13px;
  grid-auto-flow: column;
}
.profiles .profiles-buttons > a {
  display: block;
  transition: background 0.2s ease;
}
.profiles .profiles-buttons .profiles-logout {
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23A39FA7%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls%22%20points%3D%2211.67%2010.96%2010.55%209.8%2012.77%207.49%2010.55%205.18%2011.67%204.02%2015%207.49%2011.67%2010.96%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%223.71%22%20y%3D%226.67%22%20width%3D%2210.18%22%20height%3D%221.64%22%2F%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M1.57%2C15A1.52%2C1.52%2C0%2C0%2C1%2C1%2C14.88a1.72%2C1.72%2C0%2C0%2C1-.51-.35A1.73%2C1.73%2C0%2C0%2C1%2C.12%2C14%2C1.68%2C1.68%2C0%2C0%2C1%2C0%2C13.36V1.63A1.56%2C1.56%2C0%2C0%2C1%2C.13%2C1%2C1.61%2C1.61%2C0%2C0%2C1%2C.47.47%2C1.49%2C1.49%2C0%2C0%2C1%2C1%2C.12%2C1.58%2C1.58%2C0%2C0%2C1%2C1.6%2C0h7a1.52%2C1.52%2C0%2C0%2C1%2C1.1.47%2C1.64%2C1.64%2C0%2C0%2C1%2C.47%2C1.15V5.49H8.64V1.63H1.58V13.36H8.64v-4h1.57v4a1.68%2C1.68%2C0%2C0%2C1-.12.63%2C1.55%2C1.55%2C0%2C0%2C1-.34.53%2C1.63%2C1.63%2C0%2C0%2C1-.51.36%2C1.53%2C1.53%2C0%2C0%2C1-.6.12H1.57Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.profiles .profiles-buttons .profiles-logout:hover,
.profiles .profiles-buttons .profiles-logout.is-active {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23000%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls%22%20points%3D%2211.67%2010.96%2010.55%209.8%2012.77%207.49%2010.55%205.18%2011.67%204.02%2015%207.49%2011.67%2010.96%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%223.71%22%20y%3D%226.67%22%20width%3D%2210.18%22%20height%3D%221.64%22%2F%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M1.57%2C15A1.52%2C1.52%2C0%2C0%2C1%2C1%2C14.88a1.72%2C1.72%2C0%2C0%2C1-.51-.35A1.73%2C1.73%2C0%2C0%2C1%2C.12%2C14%2C1.68%2C1.68%2C0%2C0%2C1%2C0%2C13.36V1.63A1.56%2C1.56%2C0%2C0%2C1%2C.13%2C1%2C1.61%2C1.61%2C0%2C0%2C1%2C.47.47%2C1.49%2C1.49%2C0%2C0%2C1%2C1%2C.12%2C1.58%2C1.58%2C0%2C0%2C1%2C1.6%2C0h7a1.52%2C1.52%2C0%2C0%2C1%2C1.1.47%2C1.64%2C1.64%2C0%2C0%2C1%2C.47%2C1.15V5.49H8.64V1.63H1.58V13.36H8.64v-4h1.57v4a1.68%2C1.68%2C0%2C0%2C1-.12.63%2C1.55%2C1.55%2C0%2C0%2C1-.34.53%2C1.63%2C1.63%2C0%2C0%2C1-.51.36%2C1.53%2C1.53%2C0%2C0%2C1-.6.12H1.57Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.profiles .profiles-buttons .profiles-stealth {
  width: 17px;
  height: 15px;
  cursor: pointer;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2017%2015%22%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M13%2C14.91a3.43%2C3.43%2C0%2C1%2C1%2C3.38-3.43A3.41%2C3.41%2C0%2C0%2C1%2C13%2C14.91ZM13%2C9.7a1.78%2C1.78%2C0%2C1%2C0%2C1.76%2C1.78A1.77%2C1.77%2C0%2C0%2C0%2C13%2C9.7Z%22%2F%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M4.15%2C15a3.43%2C3.43%2C0%2C0%2C1%2C0-6.85%2C3.43%2C3.43%2C0%2C0%2C1%2C0%2C6.85Zm0-5.21A1.79%2C1.79%2C0%2C1%2C0%2C5.9%2C11.57%2C1.77%2C1.77%2C0%2C0%2C0%2C4.15%2C9.79Z%22%2F%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M10.09%2C12.32l-.32-.14a2.89%2C2.89%2C0%2C0%2C0-2.44%2C0L7%2C12.32l-.66-1.5.32-.14a4.51%2C4.51%2C0%2C0%2C1%2C3.77%2C0l.32.14ZM17%2C7.16H0V5.52H2.26L5.81%2C0h5.45l3%2C5.52H17ZM4.19%2C5.52h8.26L10.31%2C1.64H6.68Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.profiles .profiles-buttons .profiles-stealth:hover,
.profiles .profiles-buttons .profiles-stealth.is-active {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2017%2015%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M13%2C14.91a3.43%2C3.43%2C0%2C1%2C1%2C3.38-3.43A3.41%2C3.41%2C0%2C0%2C1%2C13%2C14.91ZM13%2C9.7a1.78%2C1.78%2C0%2C1%2C0%2C1.76%2C1.78A1.77%2C1.77%2C0%2C0%2C0%2C13%2C9.7Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M4.15%2C15a3.43%2C3.43%2C0%2C0%2C1%2C0-6.85%2C3.43%2C3.43%2C0%2C0%2C1%2C0%2C6.85Zm0-5.21A1.79%2C1.79%2C0%2C1%2C0%2C5.9%2C11.57%2C1.77%2C1.77%2C0%2C0%2C0%2C4.15%2C9.79Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M10.09%2C12.32l-.32-.14a2.89%2C2.89%2C0%2C0%2C0-2.44%2C0L7%2C12.32l-.66-1.5.32-.14a4.51%2C4.51%2C0%2C0%2C1%2C3.77%2C0l.32.14ZM17%2C7.16H0V5.52H2.26L5.81%2C0h5.45l3%2C5.52H17ZM4.19%2C5.52h8.26L10.31%2C1.64H6.68Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.profiles .profiles-avatar {
  flex: 0 0 28px;
  max-width: 28px;
  margin-right: 8px;
}
.profiles .profiles-avatar img {
  display: block;
  width: 100%;
  border-radius: 50%;
}
.profiles .profiles-name {
  line-height: 19px;
  font-weight: 600;
  flex: 1 1 auto;
  margin-right: 10px;
  cursor: pointer;
}
.profiles .profiles-name.is-active > span {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  box-sizing: border-box;
  padding-right: 22px;
  color: #BA37D0;
  position: relative;
  cursor: default;
}
.profiles .profiles-name.is-active > span:after {
  position: absolute;
  right: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  content: '';
  background: url('../img/circle-check.svg') no-repeat;
  background-size: 100% 100%;
}
.profiles .profiles-name:hover > span {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  box-sizing: border-box;
  padding-right: 22px;
  color: #BA37D0;
  position: relative;
}
.profiles-bottom {
  background: #F3F5F7;
  margin: 20px -20px -20px -20px;
  border-radius: 0 0 4px 4px;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  line-height: 16px;
  padding: 15px 20px;
}
.profiles-bottom > a {
  text-decoration: none;
  flex: 0 1 auto;
}
.profiles-bottom .profiles-add {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  box-sizing: border-box;
  position: relative;
  padding-left: 16px;
}
.profiles-bottom .profiles-add:hover {
  color: #303030;
}
.profiles-bottom .profiles-add:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2013%22%3E%3Cpath%20fill%3D%22%23303030%22%20d%3D%22M6.53%2C13h0a1%2C1%2C0%2C0%2C1-1-1l0-4.59L1%2C7.45H1a1%2C1%2C0%2C0%2C1-1-1H0a1%2C1%2C0%2C0%2C1%2C1-1l4.61%2C0L5.61%2C1a1%2C1%2C0%2C0%2C1%2C1-1h0a1%2C1%2C0%2C0%2C1%2C1%2C1l0%2C4.46%2C4.46%2C0h0a1%2C1%2C0%2C0%2C1%2C1%2C1h0a1%2C1%2C0%2C0%2C1-1%2C1l-4.48%2C0%2C0%2C4.61A1%2C1%2C0%2C0%2C1%2C6.53%2C13Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.profiles-bottom .profiles-add:before {
  position: absolute;
  left: 0;
  top: 2px;
  width: 10px;
  content: '';
  height: 10px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2013%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M6.53%2C13h0a1%2C1%2C0%2C0%2C1-1-1l0-4.59L1%2C7.45H1a1%2C1%2C0%2C0%2C1-1-1H0a1%2C1%2C0%2C0%2C1%2C1-1l4.61%2C0L5.61%2C1a1%2C1%2C0%2C0%2C1%2C1-1h0a1%2C1%2C0%2C0%2C1%2C1%2C1l0%2C4.46%2C4.46%2C0h0a1%2C1%2C0%2C0%2C1%2C1%2C1h0a1%2C1%2C0%2C0%2C1-1%2C1l-4.48%2C0%2C0%2C4.61A1%2C1%2C0%2C0%2C1%2C6.53%2C13Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
  transition: background 0.2s ease;
}
.profiles-bottom .profiles-logout {
  color: #999999;
  cursor: pointer;
}
.profiles-bottom .profiles-logout:hover {
  color: #000;
}
.adv-search.is-opened .adv-search-hidden {
  display: block;
}
.adv-search.is-opened .adv-search-open {
  display: none;
}
.adv-search fieldset > label {
  font-size: 14px;
  line-height: 18px;
}
.adv-search-close {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  outline: 0;
  cursor: pointer;
  border: 0;
  background: #BA37D0;
  color: #FFF;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  padding: 16px;
  height: auto;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  font-family: 'Montserrat', 'Arial', 'Helvetica', 'Nimbus Sans L', sans-serif;
}
.adv-search-close:after {
  display: inline-block;
  vertical-align: top;
  content: '';
  width: 8px;
  height: 5px;
  margin: 7px 0 0 9px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%205%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M4.15%2C5a.83.83%2C0%2C0%2C1-.58-.24L.26%2C1.5A.89.89%2C0%2C0%2C1%2C.23.27a.82.82%2C0%2C0%2C1%2C1.19%2C0L4.12%2C2.9%2C6.55.27a.82.82%2C0%2C0%2C1%2C1.19%2C0%2C.89.89%2C0%2C0%2C1%2C0%2C1.23l-3%2C3.26A.86.86%2C0%2C0%2C1%2C4.17%2C5Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-interests {
  height: 36px;
}
.adv-search-interests .interest-content > i {
  width: 36px;
  height: 36px;
  margin-right: 5px;
}
.adv-search-interests .interest-content > span {
  flex: 0 1 auto;
  display: block;
  font-size: 12px;
  line-height: 16px;
}
.adv-search-interests .swiper-slide {
  width: auto;
  margin-right: 15px;
}
.adv-search-hidden {
  display: none;
}
.adv-search-tabs-content {
  margin: -3px;
  padding: 20px 0 0 0;
  list-style-type: none;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
}
.adv-search-tabs-content > li {
  flex: 0 1 auto;
  margin: 3px;
}
.adv-search-tabs-content > li > label {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.adv-search-tabs-content > li > label > input {
  position: absolute;
  left: -9999px;
}
.adv-search-tabs-content > li > label > input:checked + span {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  color: #FFF;
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  text-align: center;
  min-height: 44px;
  font-family: 'Montserrat', 'Arial', 'Helvetica', 'Nimbus Sans L', sans-serif;
  padding: 6px 25px;
  background: linear-gradient(91.72deg, #8449C1 0%, #BB36D0 100%);
  text-decoration: none;
  border-radius: 8px;
  -webkit-appearance: none;
  overflow: visible;
  box-sizing: border-box;
  outline: 0;
  margin: 0;
  cursor: pointer;
  border: 0;
  height: auto;
  transition: opacity 0.2s ease;
  min-height: 40px;
  padding: 7px 20px;
  border-radius: 20px;
}
.adv-search-tabs-content > li > label > input:checked + span:hover {
  opacity: 0.9;
}
.adv-search-tabs-content > li > label > input:checked + span.button-back {
  padding-left: 32px;
  padding-right: 32px;
  min-width: 140px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .adv-search-tabs-content > li > label > input:checked + span.button-back {
    padding: 0;
    width: 44px;
    height: 44px;
    min-width: 0;
  }
}
.adv-search-tabs-content > li > label > input:checked + span.button-back.button-transparent:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%207%2012%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M6.07%2C12a1%2C1%2C0%2C0%2C1-.65-.26L.29%2C6.9a.9.9%2C0%2C0%2C1%2C0-1.29L5.39.28a1%2C1%2C0%2C0%2C1%2C1.32%2C0%2C.91.91%2C0%2C0%2C1%2C0%2C1.3L2.24%2C6.21l4.47%2C4.21a.91.91%2C0%2C0%2C1%2C0%2C1.3A.92.92%2C0%2C0%2C1%2C6.07%2C12Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > input:checked + span.button-back.button-transparent:before {
  transition: background 0.2s ease;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%207%2012%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M6.07%2C12a1%2C1%2C0%2C0%2C1-.65-.26L.29%2C6.9a.9.9%2C0%2C0%2C1%2C0-1.29L5.39.28a1%2C1%2C0%2C0%2C1%2C1.32%2C0%2C.91.91%2C0%2C0%2C1%2C0%2C1.3L2.24%2C6.21l4.47%2C4.21a.91.91%2C0%2C0%2C1%2C0%2C1.3A.92.92%2C0%2C0%2C1%2C6.07%2C12Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > input:checked + span.button-back:before {
  position: absolute;
  left: 14px;
  top: 50%;
  content: '';
  width: 7px;
  height: 12px;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%207%2012%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M6.07%2C12a1%2C1%2C0%2C0%2C1-.65-.26L.29%2C6.9a.9.9%2C0%2C0%2C1%2C0-1.29L5.39.28a1%2C1%2C0%2C0%2C1%2C1.32%2C0%2C.91.91%2C0%2C0%2C1%2C0%2C1.3L2.24%2C6.21l4.47%2C4.21a.91.91%2C0%2C0%2C1%2C0%2C1.3A.92.92%2C0%2C0%2C1%2C6.07%2C12Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
@media only screen and (max-width: 767px) {
  .adv-search-tabs-content > li > label > input:checked + span.button-back:before {
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 767px) {
  .adv-search-tabs-content > li > label > input:checked + span.button-back > span {
    display: none;
  }
}
.adv-search-tabs-content > li > label > input:checked + span.button-black-transparent {
  background: rgba(0, 0, 0, 0.5);
  transition: background 0.2s ease;
}
.adv-search-tabs-content > li > label > input:checked + span.button-black-transparent:hover {
  background: #000;
}
.adv-search-tabs-content > li > label > input:checked + span.button-block {
  width: 100%;
  display: flex;
  padding-left: 15px;
  padding-right: 15px;
}
.adv-search-tabs-content > li > label > input:checked + span.button-block-on:before {
  flex: 0 0 auto;
  margin-right: 10px;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23FFF%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M7%2C14a7%2C7%2C0%2C1%2C1%2C7-7A7%2C7%2C0%2C0%2C1%2C7%2C14ZM7%2C1.65A5.35%2C5.35%2C0%2C1%2C0%2C12.35%2C7%2C5.36%2C5.36%2C0%2C0%2C0%2C7%2C1.65Z%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%226.18%22%20y%3D%220.82%22%20width%3D%221.65%22%20height%3D%2212.35%22%20transform%3D%22translate(-2.9%207)%20rotate(-45)%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > input:checked + span.button-chat:before {
  flex: 0 0 auto;
  margin-right: 10px;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M10.31%2C16a1%2C1%2C0%2C0%2C1-.45-.11%2C1.08%2C1.08%2C0%2C0%2C1-.43-.39v0L6.2%2C9.65.53%2C6.58A1.09%2C1.09%2C0%2C0%2C1%2C.1%2C6.13%2C1%2C1%2C0%2C0%2C1%2C0%2C5.56%2C1%2C1%2C0%2C0%2C1%2C.23%2C5%2C1%2C1%2C0%2C0%2C1%2C.71%2C4.7L14.63.05A1.06%2C1.06%2C0%2C0%2C1%2C15.7.31%2C1%2C1%2C0%2C0%2C1%2C16%2C.8a1%2C1%2C0%2C0%2C1%2C0%2C.57L11.3%2C15.29a1%2C1%2C0%2C0%2C1-.33.48%2C1%2C1%2C0%2C0%2C1-.54.22Zm-.39-1.17ZM2.08%2C5.77l5.19%2C2.8%2C3%2C5.36L14.3%2C1.7Zm13-4.34Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M6.74%2C9.84a.74.74%2C0%2C0%2C1-.52-.22.73.73%2C0%2C0%2C1%2C0-1L14.68.31a.73.73%2C0%2C0%2C1%2C1%2C0%2C.74.74%2C0%2C0%2C1%2C0%2C1L7.25%2C9.63A.73.73%2C0%2C0%2C1%2C6.74%2C9.84Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > input:checked + span.button-download:before {
  flex: 0 0 auto;
  margin-right: 12px;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M1.52%2C16a1.52%2C1.52%2C0%2C0%2C1-1.06-.42%2C1.43%2C1.43%2C0%2C0%2C1-.46-1V8.34a.81.81%2C0%2C0%2C1%2C.82-.79.81.81%2C0%2C0%2C1%2C.82.79v6.08H14.36V8.34a.82.82%2C0%2C0%2C1%2C1.64%2C0v6.2a1.46%2C1.46%2C0%2C0%2C1-.45%2C1%2C1.58%2C1.58%2C0%2C0%2C1-1.07.42h-13Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M8%2C12.11a.85.85%2C0%2C0%2C1-.58-.23L4.44%2C9a.77.77%2C0%2C0%2C1%2C0-1.12.84.84%2C0%2C0%2C1%2C1.16%2C0L8%2C10.2l2.4-2.31a.84.84%2C0%2C0%2C1%2C1.16%2C0%2C.77.77%2C0%2C0%2C1%2C0%2C1.12l-3%2C2.87A.85.85%2C0%2C0%2C1%2C8%2C12.11Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M8%2C12.11a.8.8%2C0%2C0%2C1-.82-.79V.79a.82.82%2C0%2C0%2C1%2C1.64%2C0V11.32A.8.8%2C0%2C0%2C1%2C8%2C12.11Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > input:checked + span.button-fav:before {
  flex: 0 0 auto;
  margin-right: 10px;
  content: '';
  width: 16px;
  height: 15px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2015%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M8%2C15l-.53-.34C7.2%2C14.49%2C1%2C10.37.09%2C5.58h0A4.63%2C4.63%2C0%2C0%2C1%2C.88%2C1.93%2C4.84%2C4.84%2C0%2C0%2C1%2C4.49%2C0%2C3.85%2C3.85%2C0%2C0%2C1%2C8%2C1.91%2C4.37%2C4.37%2C0%2C0%2C1%2C11.34%2C0a4.29%2C4.29%2C0%2C0%2C1%2C3.59%2C1.35%2C4.45%2C4.45%2C0%2C0%2C1%2C1%2C3.83c-.72%2C4.48-7.17%2C9.22-7.44%2C9.42ZM1.91%2C5.21c.56%2C3%2C4.16%2C6.11%2C6%2C7.46%2C2-1.53%2C5.72-5%2C6.17-7.77a2.55%2C2.55%2C0%2C0%2C0-.52-2.19%2C2.44%2C2.44%2C0%2C0%2C0-2-.76A2.84%2C2.84%2C0%2C0%2C0%2C8.9%2C4.14l-.1.27-.48.36H7.71l-.52-.37L7.1%2C4.15C6.61%2C3.06%2C5.81%2C1.86%2C4.62%2C1.94A3%2C3%2C0%2C0%2C0%2C2.36%2C3.11a2.69%2C2.69%2C0%2C0%2C0-.45%2C2.1Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > input:checked + span.button-filter:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M8.66%2C15a.66.66%2C0%2C0%2C1-.33-.09l-2.9-1.6a.68.68%2C0%2C0%2C1-.35-.6V8.35L.18%2C3A.67.67%2C0%2C0%2C1%2C0%2C2.58V.68A.68.68%2C0%2C0%2C1%2C.68%2C0H14.32a.66.66%2C0%2C0%2C1%2C.48.2.7.7%2C0%2C0%2C1%2C.2.49l0%2C1.54a.65.65%2C0%2C0%2C1%2C0%2C.42.69.69%2C0%2C0%2C1-.2.41L9.34%2C8.37v6a.71.71%2C0%2C0%2C1-.33.59A.73.73%2C0%2C0%2C1%2C8.66%2C15ZM6.44%2C12.31%2C8%2C13.16V8.08a.7.7%2C0%2C0%2C1%2C.2-.49L12.77%2C3.1H2.09L6.26%2C7.62a.65.65%2C0%2C0%2C1%2C.18.46ZM1.36%2C1.74H13.62V1.36H1.36Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > input:checked + span.button-filter:before {
  flex: 0 0 auto;
  margin-right: 12px;
  content: '';
  width: 15px;
  height: 15px;
  transition: background 0.2s ease;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M8.66%2C15a.66.66%2C0%2C0%2C1-.33-.09l-2.9-1.6a.68.68%2C0%2C0%2C1-.35-.6V8.35L.18%2C3A.67.67%2C0%2C0%2C1%2C0%2C2.58V.68A.68.68%2C0%2C0%2C1%2C.68%2C0H14.32a.66.66%2C0%2C0%2C1%2C.48.2.7.7%2C0%2C0%2C1%2C.2.49l0%2C1.54a.65.65%2C0%2C0%2C1%2C0%2C.42.69.69%2C0%2C0%2C1-.2.41L9.34%2C8.37v6a.71.71%2C0%2C0%2C1-.33.59A.73.73%2C0%2C0%2C1%2C8.66%2C15ZM6.44%2C12.31%2C8%2C13.16V8.08a.7.7%2C0%2C0%2C1%2C.2-.49L12.77%2C3.1H2.09L6.26%2C7.62a.65.65%2C0%2C0%2C1%2C.18.46ZM1.36%2C1.74H13.62V1.36H1.36Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > input:checked + span.button-google {
  min-height: 40px;
  background: linear-gradient(91.69deg, #D95433 0%, #EF7A5D 100.9%);
}
.adv-search-tabs-content > li > label > input:checked + span.button-google:before {
  flex: 0 0 auto;
  margin-right: 12px;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M3.55%2C9.67%2C3%2C11.75l-2%2C0A8.06%2C8.06%2C0%2C0%2C1%2C0%2C8%2C8%2C8%2C0%2C0%2C1%2C.89%2C4.32h0l1.82.33L3.5%2C6.46A4.88%2C4.88%2C0%2C0%2C0%2C3.24%2C8%2C4.63%2C4.63%2C0%2C0%2C0%2C3.55%2C9.67Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M15.86%2C6.51A8.1%2C8.1%2C0%2C0%2C1%2C16%2C8a8.37%2C8.37%2C0%2C0%2C1-.17%2C1.67A8%2C8%2C0%2C0%2C1%2C13%2C14.24h0l-2.28-.12-.33-2a4.73%2C4.73%2C0%2C0%2C0%2C2-2.44H8.18V6.51h7.68Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M13%2C14.24h0A8%2C8%2C0%2C0%2C1%2C1%2C11.79l2.6-2.12a4.75%2C4.75%2C0%2C0%2C0%2C6.85%2C2.44Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M13.11%2C1.84%2C10.52%2C4A4.81%2C4.81%2C0%2C0%2C0%2C8%2C3.24%2C4.76%2C4.76%2C0%2C0%2C0%2C3.5%2C6.45L.89%2C4.32h0A8%2C8%2C0%2C0%2C1%2C13.11%2C1.84Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > input:checked + span.button-gray {
  background: #F3F5F7;
  transition: background 0.2s ease, color 0.2s ease;
  color: #BA37D0;
}
.adv-search-tabs-content > li > label > input:checked + span.button-gray:hover {
  background: #BA37D0;
  color: #FFF;
}
.adv-search-tabs-content > li > label > input:checked + span.button-limit-conversation:before {
  flex: 0 0 auto;
  margin-right: 10px;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M.77.1H.9a.72.72%2C0%2C0%2C1%2C.46.22l14.31%2C14.3a.75.75%2C0%2C0%2C1%2C.23.47v.14a.75.75%2C0%2C0%2C1-.67.67H15.1a.8.8%2C0%2C0%2C1-.48-.23L11.3%2C12.34a9.3%2C9.3%2C0%2C0%2C1-2.43.55%2C1.33%2C1.33%2C0%2C0%2C0-.4%2C0L4.22%2C15.77a.78.78%2C0%2C0%2C1-.37.13H3.74a.77.77%2C0%2C0%2C1-.52-.28.76.76%2C0%2C0%2C1-.16-.49v-3.6A6.81%2C6.81%2C0%2C0%2C1%2C.77%2C9.11%2C5.57%2C5.57%2C0%2C0%2C1%2C.1%2C6.72V6.44A5.43%2C5.43%2C0%2C0%2C1%2C.92%2C3.67a6.31%2C6.31%2C0%2C0%2C1%2C.73-1L.32%2C1.36A.72.72%2C0%2C0%2C1%2C.1.91V.77A.75.75%2C0%2C0%2C1%2C.77.1ZM2.71%2C3.76A4.45%2C4.45%2C0%2C0%2C0%2C1.61%2C6a4%2C4%2C0%2C0%2C0%2C.52%2C2.51%2C5.58%2C5.58%2C0%2C0%2C0%2C2%2C1.93.74.74%2C0%2C0%2C1%2C.39.66v2.66L7.66%2C11.7a1%2C1%2C0%2C0%2C1%2C.65-.26%2C8%2C8%2C0%2C0%2C0%2C1.81-.28L2.83%2C3.88Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M15.1%2C16a1%2C1%2C0%2C0%2C1-.55-.26L13%2C14.23l-1.77-1.77A9.48%2C9.48%2C0%2C0%2C1%2C8.88%2C13H8.72a.66.66%2C0%2C0%2C0-.21%2C0L6.69%2C14.25l-2.41%2C1.6a1%2C1%2C0%2C0%2C1-.42.15H3.74a.87.87%2C0%2C0%2C1-.59-.32A.8.8%2C0%2C0%2C1%2C3%2C15.13V11.58A6.8%2C6.8%2C0%2C0%2C1%2C.69%2C9.16%2C5.66%2C5.66%2C0%2C0%2C1%2C0%2C6.72V6.44A5.46%2C5.46%2C0%2C0%2C1%2C.84%2C3.62a5.43%2C5.43%2C0%2C0%2C1%2C.68-.92L.25%2C1.43A.85.85%2C0%2C0%2C1%2C0%2C.93V.77A.86.86%2C0%2C0%2C1%2C.76%2C0H.9a.85.85%2C0%2C0%2C1%2C.53.25l8%2C7.94%2C6.36%2C6.36a.89.89%2C0%2C0%2C1%2C.26.52v.16a.86.86%2C0%2C0%2C1-.76.77ZM.77.2A.65.65%2C0%2C0%2C0%2C.2.78V.91a.68.68%2C0%2C0%2C0%2C.18.38L1.79%2C2.7l-.06.07a6%2C6%2C0%2C0%2C0-.73%2C1A5.31%2C5.31%2C0%2C0%2C0%2C.2%2C6.44v.28A5.42%2C5.42%2C0%2C0%2C0%2C.86%2C9.07a6.68%2C6.68%2C0%2C0%2C0%2C2.25%2C2.37l.05%2C0v3.66a.64.64%2C0%2C0%2C0%2C.59.67h.1a.72.72%2C0%2C0%2C0%2C.32-.11l2.41-1.6%2C1.83-1.23a.89.89%2C0%2C0%2C1%2C.3-.06h.14a9.14%2C9.14%2C0%2C0%2C0%2C2.41-.54l.06%2C0%2C0%2C0%2C1.81%2C1.82%2C1.51%2C1.51a.72.72%2C0%2C0%2C0%2C.42.2h.12a.65.65%2C0%2C0%2C0%2C.57-.58v-.13a.7.7%2C0%2C0%2C0-.2-.4L9.24%2C8.33%2C1.29.39A.63.63%2C0%2C0%2C0%2C.89.2ZM4.45%2C14v-.18q0-.63%2C0-1.26c0-.46%2C0-.93%2C0-1.4a.67.67%2C0%2C0%2C0-.33-.58%2C5.49%2C5.49%2C0%2C0%2C1-2.06-2A4%2C4%2C0%2C0%2C1%2C1.52%2C6%2C4.4%2C4.4%2C0%2C0%2C1%2C2.63%2C3.7l.07-.07.07.06a.74.74%2C0%2C0%2C1%2C.13.12L6.14%2C7.05l4%2C4%2C.13.12-.17%2C0a8.28%2C8.28%2C0%2C0%2C1-1.83.28h0a1%2C1%2C0%2C0%2C0-.56.24l-1.25.84L4.6%2C13.86ZM2.72%2C3.9A4.22%2C4.22%2C0%2C0%2C0%2C1.71%2C6a3.85%2C3.85%2C0%2C0%2C0%2C.51%2C2.44%2C5.39%2C5.39%2C0%2C0%2C0%2C2%2C1.89.84.84%2C0%2C0%2C1%2C.44.75v2.47l1.72-1.14%2C1.25-.83a1.14%2C1.14%2C0%2C0%2C1%2C.67-.27h0a9.08%2C9.08%2C0%2C0%2C0%2C1.61-.24L6%2C7.19%2C2.76%2C4Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M7.71.1h.43a9.42%2C9.42%2C0%2C0%2C1%2C3.73.82%2C7.54%2C7.54%2C0%2C0%2C1%2C2.49%2C1.8%2C6%2C6%2C0%2C0%2C1%2C1.28%2C2.15%2C5.29%2C5.29%2C0%2C0%2C1%2C.26%2C1.48V6.6a5.47%2C5.47%2C0%2C0%2C1-.14%2C1.14%2C5.9%2C5.9%2C0%2C0%2C1-1.69%2C2.9.74.74%2C0%2C0%2C1-.67.16.73.73%2C0%2C0%2C1-.51-.44A.77.77%2C0%2C0%2C1%2C13%2C9.63c.08-.1.18-.19.27-.29a4.36%2C4.36%2C0%2C0%2C0%2C1-1.91%2C3.9%2C3.9%2C0%2C0%2C0-.16-2.34A4.9%2C4.9%2C0%2C0%2C0%2C12.5%2C3%2C7.23%2C7.23%2C0%2C0%2C0%2C9.07%2C1.65%2C8.22%2C8.22%2C0%2C0%2C0%2C5.42%2C2a1.41%2C1.41%2C0%2C0%2C1-.57.14.74.74%2C0%2C0%2C1-.64-.47A.76.76%2C0%2C0%2C1%2C4.4.85%2C1.4%2C1.4%2C0%2C0%2C1%2C4.84.63%2C9.65%2C9.65%2C0%2C0%2C1%2C7.71.1Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M13.58%2C10.92a.65.65%2C0%2C0%2C1-.2%2C0%2C.83.83%2C0%2C0%2C1-.46-1.33l.15-.17.12-.12a4.32%2C4.32%2C0%2C0%2C0%2C1-1.87%2C3.71%2C3.71%2C0%2C0%2C0-.16-2.28%2C4.75%2C4.75%2C0%2C0%2C0-1.61-2A7%2C7%2C0%2C0%2C0%2C9.05%2C1.75a8%2C8%2C0%2C0%2C0-3.6.34l-.11.05a1.05%2C1.05%2C0%2C0%2C1-.49.1.82.82%2C0%2C0%2C1-.73-.54A.82.82%2C0%2C0%2C1%2C4.34.78a1%2C1%2C0%2C0%2C1%2C.4-.21l.06%2C0A9.64%2C9.64%2C0%2C0%2C1%2C7.71%2C0h.43a9.48%2C9.48%2C0%2C0%2C1%2C3.77.83%2C7.85%2C7.85%2C0%2C0%2C1%2C2.53%2C1.82%2C6.06%2C6.06%2C0%2C0%2C1%2C1.29%2C2.19A5.54%2C5.54%2C0%2C0%2C1%2C16%2C6.35V6.6a5.94%2C5.94%2C0%2C0%2C1-.14%2C1.16%2C5.94%2C5.94%2C0%2C0%2C1-1.73%2C3A.81.81%2C0%2C0%2C1%2C13.58%2C10.92ZM8%2C1.48a10.13%2C10.13%2C0%2C0%2C1%2C1.09.07%2C7.31%2C7.31%2C0%2C0%2C1%2C3.48%2C1.38%2C5%2C5%2C0%2C0%2C1%2C1.68%2C2.13%2C4%2C4%2C0%2C0%2C1%2C.17%2C2.4%2C4.6%2C4.6%2C0%2C0%2C1-1.07%2C2l-.12.13-.15.15a.65.65%2C0%2C0%2C0%2C.35%2C1%2C.66.66%2C0%2C0%2C0%2C.58-.14%2C5.8%2C5.8%2C0%2C0%2C0%2C1.66-2.85A5%2C5%2C0%2C0%2C0%2C15.8%2C6.6V6.35a5.11%2C5.11%2C0%2C0%2C0-.26-1.45%2C5.87%2C5.87%2C0%2C0%2C0-1.25-2.11A7.45%2C7.45%2C0%2C0%2C0%2C11.83%2C1%2C9.26%2C9.26%2C0%2C0%2C0%2C8.14.2H7.71A9.18%2C9.18%2C0%2C0%2C0%2C4.87.73l-.06%2C0a1.08%2C1.08%2C0%2C0%2C0-.34.17.64.64%2C0%2C0%2C0-.17.71A.65.65%2C0%2C0%2C0%2C4.86%2C2%2C.77.77%2C0%2C0%2C0%2C5.27%2C2l.12%2C0A8%2C8%2C0%2C0%2C1%2C8%2C1.48Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > input:checked + span.button-mail:before {
  flex: 0 0 auto;
  margin-right: 10px;
  content: '';
  width: 16px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23FFF%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M14.54%2C14H1.46A1.43%2C1.43%2C0%2C0%2C1%2C0%2C12.59V1.41A1.43%2C1.43%2C0%2C0%2C1%2C1.46%2C0H14.54A1.43%2C1.43%2C0%2C0%2C1%2C16%2C1.41V12.59A1.43%2C1.43%2C0%2C0%2C1%2C14.54%2C14ZM1.46%2C1.4V12.59H14.54V1.41H1.46Z%22%2F%3E%3Cpolygon%20class%3D%22cls%22%20points%3D%228.32%207.83%200.48%201.23%201.43%200.17%208.29%205.95%2014.56%200.39%2015.54%201.42%208.32%207.83%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > input:checked + span.button-pause:before {
  flex: 0 0 auto;
  margin-right: 8px;
  content: '';
  width: 7px;
  height: 10px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%2012%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M1%2C0H1A1%2C1%2C0%2C0%2C1%2C2%2C1V11a1%2C1%2C0%2C0%2C1-1%2C1H1a1%2C1%2C0%2C0%2C1-1-1V1A1%2C1%2C0%2C0%2C1%2C1%2C0Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M7%2C0H7A1%2C1%2C0%2C0%2C1%2C8%2C1V11a1%2C1%2C0%2C0%2C1-1%2C1H7a1%2C1%2C0%2C0%2C1-1-1V1A1%2C1%2C0%2C0%2C1%2C7%2C0Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > input:checked + span.button-plus {
  position: relative;
  cursor: pointer;
}
.adv-search-tabs-content > li > label > input:checked + span.button-plus:before {
  flex: 0 0 auto;
  margin-right: 10px;
  content: '';
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2013%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M6.53%2C13h0a1%2C1%2C0%2C0%2C1-1-1l0-4.59L1%2C7.45H1a1%2C1%2C0%2C0%2C1-1-1H0a1%2C1%2C0%2C0%2C1%2C1-1l4.61%2C0L5.61%2C1a1%2C1%2C0%2C0%2C1%2C1-1h0a1%2C1%2C0%2C0%2C1%2C1%2C1l0%2C4.46%2C4.46%2C0h0a1%2C1%2C0%2C0%2C1%2C1%2C1h0a1%2C1%2C0%2C0%2C1-1%2C1l-4.48%2C0%2C0%2C4.61A1%2C1%2C0%2C0%2C1%2C6.53%2C13Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > input:checked + span.button-remove:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M10.94%2C12a1%2C1%2C0%2C0%2C1-.75-.31L6%2C7.45%2C1.81%2C11.69a1.07%2C1.07%2C0%2C0%2C1-1.5%2C0%2C1%2C1%2C0%2C0%2C1%2C0-1.49l4.2-4.26L.42%2C1.8a1%2C1%2C0%2C0%2C1-.31-.74A1%2C1%2C0%2C0%2C1%2C.42.31a1.06%2C1.06%2C0%2C0%2C1%2C1.5%2C0L6%2C4.44%2C10.08.31A1.06%2C1.06%2C0%2C0%2C1%2C11.59%2C1.8L7.49%2C5.94l4.2%2C4.26a1%2C1%2C0%2C0%2C1%2C.31.74%2C1%2C1%2C0%2C0%2C1-.31.75A1.05%2C1.05%2C0%2C0%2C1%2C10.94%2C12Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > input:checked + span.button-remove:before {
  flex: 0 0 auto;
  margin-right: 14px;
  content: '';
  width: 12px;
  height: 12px;
  transition: background 0.2s ease;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M10.94%2C12a1%2C1%2C0%2C0%2C1-.75-.31L6%2C7.45%2C1.81%2C11.69a1.07%2C1.07%2C0%2C0%2C1-1.5%2C0%2C1%2C1%2C0%2C0%2C1%2C0-1.49l4.2-4.26L.42%2C1.8a1%2C1%2C0%2C0%2C1-.31-.74A1%2C1%2C0%2C0%2C1%2C.42.31a1.06%2C1.06%2C0%2C0%2C1%2C1.5%2C0L6%2C4.44%2C10.08.31A1.06%2C1.06%2C0%2C0%2C1%2C11.59%2C1.8L7.49%2C5.94l4.2%2C4.26a1%2C1%2C0%2C0%2C1%2C.31.74%2C1%2C1%2C0%2C0%2C1-.31.75A1.05%2C1.05%2C0%2C0%2C1%2C10.94%2C12Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > input:checked + span.button-reply:before {
  flex: 0 0 auto;
  margin-right: 10px;
  content: '';
  width: 18px;
  height: 15px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2010%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M4.94%2C6.3H10L7.56%2C8.9a.57.57%2C0%2C0%2C0%2C0%2C.79.51.51%2C0%2C0%2C0%2C.75%2C0L11.7%2C6.13a.57.57%2C0%2C0%2C0%2C0-.79L8.31%2C1.78a.51.51%2C0%2C0%2C0-.75%2C0%2C.57.57%2C0%2C0%2C0%2C0%2C.79L10%2C5.18H4.94A3.83%2C3.83%2C0%2C0%2C1%2C1.21%2C1.26V.7A.54.54%2C0%2C0%2C0%2C.68.15.55.55%2C0%2C0%2C0%2C.14.7v.56A4.93%2C4.93%2C0%2C0%2C0%2C4.94%2C6.3Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M7.94%2C10h0a.61.61%2C0%2C0%2C1-.47-.21.72.72%2C0%2C0%2C1%2C0-1L9.7%2C6.44H4.94A5.06%2C5.06%2C0%2C0%2C1%2C0%2C1.26V.7A.69.69%2C0%2C0%2C1%2C.68%2C0a.69.69%2C0%2C0%2C1%2C.67.7v.56A3.69%2C3.69%2C0%2C0%2C0%2C4.94%2C5H9.7L7.46%2C2.68a.72.72%2C0%2C0%2C1%2C0-1%2C.64.64%2C0%2C0%2C1%2C.47-.21h0a.68.68%2C0%2C0%2C1%2C.48.21l3.39%2C3.56a.75.75%2C0%2C0%2C1%2C0%2C1L8.42%2C9.79A.64.64%2C0%2C0%2C1%2C7.94%2C10ZM.68.29A.4.4%2C0%2C0%2C0%2C.29.7v.56A4.77%2C4.77%2C0%2C0%2C0%2C4.94%2C6.15h5.44L7.66%2C9a.44.44%2C0%2C0%2C0%2C0%2C.59.38.38%2C0%2C0%2C0%2C.28.12h0a.37.37%2C0%2C0%2C0%2C.27-.12L11.6%2C6a.44.44%2C0%2C0%2C0%2C0-.59L8.21%2C1.88a.42.42%2C0%2C0%2C0-.27-.12h0a.47.47%2C0%2C0%2C0-.28.12.44.44%2C0%2C0%2C0%2C0%2C.59l2.72%2C2.85H4.94A4%2C4%2C0%2C0%2C1%2C1.06%2C1.26V.7A.4.4%2C0%2C0%2C0%2C.68.29Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > input:checked + span.button-telegram {
  position: relative;
  min-height: 40px;
  background: #54a9eb;
}
.adv-search-tabs-content > li > label > input:checked + span.button-telegram > div {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.01;
}
.adv-search-tabs-content > li > label > input:checked + span.button-telegram:before {
  flex: 0 0 auto;
  margin-right: 12px;
  content: '';
  width: 21px;
  height: 17px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2017%2014%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M6.67%2C9.23l-.28%2C3.91a1.13%2C1.13%2C0%2C0%2C0%2C.44-.1%2C1.06%2C1.06%2C0%2C0%2C0%2C.35-.28L9.06%2C11%2C13%2C13.81c.72.39%2C1.22.19%2C1.42-.65L17%2C1.28c.23-1-.37-1.47-1.08-1.2L.8%2C5.78c-1%2C.4-1%2C1-.18%2C1.23L4.48%2C8.19l8.68-5c.42-.28.8-.12.49.15Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > input:checked + span.button-transparent {
  background: none;
  border: 2px solid #BA37D0;
  padding: 5px 23px;
  color: #BA37D0;
  transition: background 0.2s ease, color 0.2s ease;
}
.adv-search-tabs-content > li > label > input:checked + span.button-transparent:hover {
  background: #BA37D0;
  color: #FFF;
}
.adv-search-tabs-content > li > label > input:checked + span.button-wallet:before {
  flex: 0 0 auto;
  margin-right: 10px;
  content: '';
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M8.17.25A1.9%2C1.9%2C0%2C0%2C1%2C9.51%2C0a1.82%2C1.82%2C0%2C0%2C1%2C1.22.87c.69%2C1.18%2C1.37%2C2.36%2C2%2C3.55H14.1A1.88%2C1.88%2C0%2C0%2C1%2C16%2C6.35v7.76a1.89%2C1.89%2C0%2C0%2C1-.56%2C1.34%2C1.85%2C1.85%2C0%2C0%2C1-1.33.54H2.27a2.78%2C2.78%2C0%2C0%2C1-1-.12A1.87%2C1.87%2C0%2C0%2C1%2C0%2C14.17v-9a.77.77%2C0%2C0%2C1%2C.39-.62ZM9%2C1.54%2C3.67%2C4.46H11C10.5%2C3.52%2C10%2C2.59%2C9.43%2C1.67A.36.36%2C0%2C0%2C0%2C9%2C1.54ZM1.51%2C6c0%2C2.73%2C0%2C5.45%2C0%2C8.18a.35.35%2C0%2C0%2C0%2C.35.35H14.14a.35.35%2C0%2C0%2C0%2C.35-.35c0-.31%2C0-.62%2C0-.93H10.74A1.9%2C1.9%2C0%2C0%2C1%2C9%2C11.78%2C3.82%2C3.82%2C0%2C0%2C1%2C8.92%2C11V9.1A1.84%2C1.84%2C0%2C0%2C1%2C9.5%2C7.76a1.9%2C1.9%2C0%2C0%2C1%2C1.21-.52h3.78c0-.28%2C0-.56%2C0-.85a.48.48%2C0%2C0%2C0-.07-.29A.37.37%2C0%2C0%2C0%2C14.1%2C6H1.51Zm8.92%2C3.11c0%2C.75%2C0%2C1.51%2C0%2C2.26a.36.36%2C0%2C0%2C0%2C.35.37h3.72c0-1%2C0-2%2C0-2.95H10.78A.34.34%2C0%2C0%2C0%2C10.43%2C9.07Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > input:checked + span.button-user:before {
  flex: 0 0 auto;
  margin-right: 10px;
  content: '';
  width: 16px;
  height: 18px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2013%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M6%2C6.41a3.22%2C3.22%2C0%2C0%2C1-3.24-3.2%2C3.24%2C3.24%2C0%2C0%2C1%2C6.48%2C0A3.22%2C3.22%2C0%2C0%2C1%2C6%2C6.41ZM6%2C1.09A2.12%2C2.12%2C0%2C1%2C0%2C8.14%2C3.21%2C2.13%2C2.13%2C0%2C0%2C0%2C6%2C1.09Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M12%2C13H0v-.55A5.83%2C5.83%2C0%2C0%2C1%2C1.76%2C8.26a6%2C6%2C0%2C0%2C1%2C8.48%2C0A5.83%2C5.83%2C0%2C0%2C1%2C12%2C12.45ZM1.13%2C11.91h9.73A4.82%2C4.82%2C0%2C0%2C0%2C9.46%2C9%2C4.93%2C4.93%2C0%2C0%2C0%2C2.54%2C9%2C4.81%2C4.81%2C0%2C0%2C0%2C1.13%2C11.91Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > span {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  color: #FFF;
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  text-align: center;
  min-height: 44px;
  font-family: 'Montserrat', 'Arial', 'Helvetica', 'Nimbus Sans L', sans-serif;
  padding: 6px 25px;
  background: linear-gradient(91.72deg, #8449C1 0%, #BB36D0 100%);
  text-decoration: none;
  border-radius: 8px;
  -webkit-appearance: none;
  overflow: visible;
  box-sizing: border-box;
  outline: 0;
  margin: 0;
  cursor: pointer;
  border: 0;
  height: auto;
  transition: opacity 0.2s ease;
  min-height: 40px;
  border-radius: 20px;
  background: none;
  border: 2px solid #BA37D0;
  padding: 5px 18px;
  color: #BA37D0;
  transition: background 0.2s ease, color 0.2s ease;
}
.adv-search-tabs-content > li > label > span:hover {
  opacity: 0.9;
}
.adv-search-tabs-content > li > label > span.button-back {
  padding-left: 32px;
  padding-right: 32px;
  min-width: 140px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .adv-search-tabs-content > li > label > span.button-back {
    padding: 0;
    width: 44px;
    height: 44px;
    min-width: 0;
  }
}
.adv-search-tabs-content > li > label > span.button-back.button-transparent:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%207%2012%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M6.07%2C12a1%2C1%2C0%2C0%2C1-.65-.26L.29%2C6.9a.9.9%2C0%2C0%2C1%2C0-1.29L5.39.28a1%2C1%2C0%2C0%2C1%2C1.32%2C0%2C.91.91%2C0%2C0%2C1%2C0%2C1.3L2.24%2C6.21l4.47%2C4.21a.91.91%2C0%2C0%2C1%2C0%2C1.3A.92.92%2C0%2C0%2C1%2C6.07%2C12Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > span.button-back.button-transparent:before {
  transition: background 0.2s ease;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%207%2012%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M6.07%2C12a1%2C1%2C0%2C0%2C1-.65-.26L.29%2C6.9a.9.9%2C0%2C0%2C1%2C0-1.29L5.39.28a1%2C1%2C0%2C0%2C1%2C1.32%2C0%2C.91.91%2C0%2C0%2C1%2C0%2C1.3L2.24%2C6.21l4.47%2C4.21a.91.91%2C0%2C0%2C1%2C0%2C1.3A.92.92%2C0%2C0%2C1%2C6.07%2C12Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > span.button-back:before {
  position: absolute;
  left: 14px;
  top: 50%;
  content: '';
  width: 7px;
  height: 12px;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%207%2012%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M6.07%2C12a1%2C1%2C0%2C0%2C1-.65-.26L.29%2C6.9a.9.9%2C0%2C0%2C1%2C0-1.29L5.39.28a1%2C1%2C0%2C0%2C1%2C1.32%2C0%2C.91.91%2C0%2C0%2C1%2C0%2C1.3L2.24%2C6.21l4.47%2C4.21a.91.91%2C0%2C0%2C1%2C0%2C1.3A.92.92%2C0%2C0%2C1%2C6.07%2C12Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
@media only screen and (max-width: 767px) {
  .adv-search-tabs-content > li > label > span.button-back:before {
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 767px) {
  .adv-search-tabs-content > li > label > span.button-back > span {
    display: none;
  }
}
.adv-search-tabs-content > li > label > span.button-black-transparent {
  background: rgba(0, 0, 0, 0.5);
  transition: background 0.2s ease;
}
.adv-search-tabs-content > li > label > span.button-black-transparent:hover {
  background: #000;
}
.adv-search-tabs-content > li > label > span.button-block {
  width: 100%;
  display: flex;
  padding-left: 15px;
  padding-right: 15px;
}
.adv-search-tabs-content > li > label > span.button-block-on:before {
  flex: 0 0 auto;
  margin-right: 10px;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23FFF%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M7%2C14a7%2C7%2C0%2C1%2C1%2C7-7A7%2C7%2C0%2C0%2C1%2C7%2C14ZM7%2C1.65A5.35%2C5.35%2C0%2C1%2C0%2C12.35%2C7%2C5.36%2C5.36%2C0%2C0%2C0%2C7%2C1.65Z%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%226.18%22%20y%3D%220.82%22%20width%3D%221.65%22%20height%3D%2212.35%22%20transform%3D%22translate(-2.9%207)%20rotate(-45)%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > span.button-chat:before {
  flex: 0 0 auto;
  margin-right: 10px;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M10.31%2C16a1%2C1%2C0%2C0%2C1-.45-.11%2C1.08%2C1.08%2C0%2C0%2C1-.43-.39v0L6.2%2C9.65.53%2C6.58A1.09%2C1.09%2C0%2C0%2C1%2C.1%2C6.13%2C1%2C1%2C0%2C0%2C1%2C0%2C5.56%2C1%2C1%2C0%2C0%2C1%2C.23%2C5%2C1%2C1%2C0%2C0%2C1%2C.71%2C4.7L14.63.05A1.06%2C1.06%2C0%2C0%2C1%2C15.7.31%2C1%2C1%2C0%2C0%2C1%2C16%2C.8a1%2C1%2C0%2C0%2C1%2C0%2C.57L11.3%2C15.29a1%2C1%2C0%2C0%2C1-.33.48%2C1%2C1%2C0%2C0%2C1-.54.22Zm-.39-1.17ZM2.08%2C5.77l5.19%2C2.8%2C3%2C5.36L14.3%2C1.7Zm13-4.34Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M6.74%2C9.84a.74.74%2C0%2C0%2C1-.52-.22.73.73%2C0%2C0%2C1%2C0-1L14.68.31a.73.73%2C0%2C0%2C1%2C1%2C0%2C.74.74%2C0%2C0%2C1%2C0%2C1L7.25%2C9.63A.73.73%2C0%2C0%2C1%2C6.74%2C9.84Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > span.button-download:before {
  flex: 0 0 auto;
  margin-right: 12px;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M1.52%2C16a1.52%2C1.52%2C0%2C0%2C1-1.06-.42%2C1.43%2C1.43%2C0%2C0%2C1-.46-1V8.34a.81.81%2C0%2C0%2C1%2C.82-.79.81.81%2C0%2C0%2C1%2C.82.79v6.08H14.36V8.34a.82.82%2C0%2C0%2C1%2C1.64%2C0v6.2a1.46%2C1.46%2C0%2C0%2C1-.45%2C1%2C1.58%2C1.58%2C0%2C0%2C1-1.07.42h-13Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M8%2C12.11a.85.85%2C0%2C0%2C1-.58-.23L4.44%2C9a.77.77%2C0%2C0%2C1%2C0-1.12.84.84%2C0%2C0%2C1%2C1.16%2C0L8%2C10.2l2.4-2.31a.84.84%2C0%2C0%2C1%2C1.16%2C0%2C.77.77%2C0%2C0%2C1%2C0%2C1.12l-3%2C2.87A.85.85%2C0%2C0%2C1%2C8%2C12.11Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M8%2C12.11a.8.8%2C0%2C0%2C1-.82-.79V.79a.82.82%2C0%2C0%2C1%2C1.64%2C0V11.32A.8.8%2C0%2C0%2C1%2C8%2C12.11Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > span.button-fav:before {
  flex: 0 0 auto;
  margin-right: 10px;
  content: '';
  width: 16px;
  height: 15px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2015%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M8%2C15l-.53-.34C7.2%2C14.49%2C1%2C10.37.09%2C5.58h0A4.63%2C4.63%2C0%2C0%2C1%2C.88%2C1.93%2C4.84%2C4.84%2C0%2C0%2C1%2C4.49%2C0%2C3.85%2C3.85%2C0%2C0%2C1%2C8%2C1.91%2C4.37%2C4.37%2C0%2C0%2C1%2C11.34%2C0a4.29%2C4.29%2C0%2C0%2C1%2C3.59%2C1.35%2C4.45%2C4.45%2C0%2C0%2C1%2C1%2C3.83c-.72%2C4.48-7.17%2C9.22-7.44%2C9.42ZM1.91%2C5.21c.56%2C3%2C4.16%2C6.11%2C6%2C7.46%2C2-1.53%2C5.72-5%2C6.17-7.77a2.55%2C2.55%2C0%2C0%2C0-.52-2.19%2C2.44%2C2.44%2C0%2C0%2C0-2-.76A2.84%2C2.84%2C0%2C0%2C0%2C8.9%2C4.14l-.1.27-.48.36H7.71l-.52-.37L7.1%2C4.15C6.61%2C3.06%2C5.81%2C1.86%2C4.62%2C1.94A3%2C3%2C0%2C0%2C0%2C2.36%2C3.11a2.69%2C2.69%2C0%2C0%2C0-.45%2C2.1Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > span.button-filter:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M8.66%2C15a.66.66%2C0%2C0%2C1-.33-.09l-2.9-1.6a.68.68%2C0%2C0%2C1-.35-.6V8.35L.18%2C3A.67.67%2C0%2C0%2C1%2C0%2C2.58V.68A.68.68%2C0%2C0%2C1%2C.68%2C0H14.32a.66.66%2C0%2C0%2C1%2C.48.2.7.7%2C0%2C0%2C1%2C.2.49l0%2C1.54a.65.65%2C0%2C0%2C1%2C0%2C.42.69.69%2C0%2C0%2C1-.2.41L9.34%2C8.37v6a.71.71%2C0%2C0%2C1-.33.59A.73.73%2C0%2C0%2C1%2C8.66%2C15ZM6.44%2C12.31%2C8%2C13.16V8.08a.7.7%2C0%2C0%2C1%2C.2-.49L12.77%2C3.1H2.09L6.26%2C7.62a.65.65%2C0%2C0%2C1%2C.18.46ZM1.36%2C1.74H13.62V1.36H1.36Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > span.button-filter:before {
  flex: 0 0 auto;
  margin-right: 12px;
  content: '';
  width: 15px;
  height: 15px;
  transition: background 0.2s ease;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M8.66%2C15a.66.66%2C0%2C0%2C1-.33-.09l-2.9-1.6a.68.68%2C0%2C0%2C1-.35-.6V8.35L.18%2C3A.67.67%2C0%2C0%2C1%2C0%2C2.58V.68A.68.68%2C0%2C0%2C1%2C.68%2C0H14.32a.66.66%2C0%2C0%2C1%2C.48.2.7.7%2C0%2C0%2C1%2C.2.49l0%2C1.54a.65.65%2C0%2C0%2C1%2C0%2C.42.69.69%2C0%2C0%2C1-.2.41L9.34%2C8.37v6a.71.71%2C0%2C0%2C1-.33.59A.73.73%2C0%2C0%2C1%2C8.66%2C15ZM6.44%2C12.31%2C8%2C13.16V8.08a.7.7%2C0%2C0%2C1%2C.2-.49L12.77%2C3.1H2.09L6.26%2C7.62a.65.65%2C0%2C0%2C1%2C.18.46ZM1.36%2C1.74H13.62V1.36H1.36Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > span.button-google {
  min-height: 40px;
  background: linear-gradient(91.69deg, #D95433 0%, #EF7A5D 100.9%);
}
.adv-search-tabs-content > li > label > span.button-google:before {
  flex: 0 0 auto;
  margin-right: 12px;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M3.55%2C9.67%2C3%2C11.75l-2%2C0A8.06%2C8.06%2C0%2C0%2C1%2C0%2C8%2C8%2C8%2C0%2C0%2C1%2C.89%2C4.32h0l1.82.33L3.5%2C6.46A4.88%2C4.88%2C0%2C0%2C0%2C3.24%2C8%2C4.63%2C4.63%2C0%2C0%2C0%2C3.55%2C9.67Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M15.86%2C6.51A8.1%2C8.1%2C0%2C0%2C1%2C16%2C8a8.37%2C8.37%2C0%2C0%2C1-.17%2C1.67A8%2C8%2C0%2C0%2C1%2C13%2C14.24h0l-2.28-.12-.33-2a4.73%2C4.73%2C0%2C0%2C0%2C2-2.44H8.18V6.51h7.68Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M13%2C14.24h0A8%2C8%2C0%2C0%2C1%2C1%2C11.79l2.6-2.12a4.75%2C4.75%2C0%2C0%2C0%2C6.85%2C2.44Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M13.11%2C1.84%2C10.52%2C4A4.81%2C4.81%2C0%2C0%2C0%2C8%2C3.24%2C4.76%2C4.76%2C0%2C0%2C0%2C3.5%2C6.45L.89%2C4.32h0A8%2C8%2C0%2C0%2C1%2C13.11%2C1.84Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > span.button-gray {
  background: #F3F5F7;
  transition: background 0.2s ease, color 0.2s ease;
  color: #BA37D0;
}
.adv-search-tabs-content > li > label > span.button-gray:hover {
  background: #BA37D0;
  color: #FFF;
}
.adv-search-tabs-content > li > label > span.button-limit-conversation:before {
  flex: 0 0 auto;
  margin-right: 10px;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M.77.1H.9a.72.72%2C0%2C0%2C1%2C.46.22l14.31%2C14.3a.75.75%2C0%2C0%2C1%2C.23.47v.14a.75.75%2C0%2C0%2C1-.67.67H15.1a.8.8%2C0%2C0%2C1-.48-.23L11.3%2C12.34a9.3%2C9.3%2C0%2C0%2C1-2.43.55%2C1.33%2C1.33%2C0%2C0%2C0-.4%2C0L4.22%2C15.77a.78.78%2C0%2C0%2C1-.37.13H3.74a.77.77%2C0%2C0%2C1-.52-.28.76.76%2C0%2C0%2C1-.16-.49v-3.6A6.81%2C6.81%2C0%2C0%2C1%2C.77%2C9.11%2C5.57%2C5.57%2C0%2C0%2C1%2C.1%2C6.72V6.44A5.43%2C5.43%2C0%2C0%2C1%2C.92%2C3.67a6.31%2C6.31%2C0%2C0%2C1%2C.73-1L.32%2C1.36A.72.72%2C0%2C0%2C1%2C.1.91V.77A.75.75%2C0%2C0%2C1%2C.77.1ZM2.71%2C3.76A4.45%2C4.45%2C0%2C0%2C0%2C1.61%2C6a4%2C4%2C0%2C0%2C0%2C.52%2C2.51%2C5.58%2C5.58%2C0%2C0%2C0%2C2%2C1.93.74.74%2C0%2C0%2C1%2C.39.66v2.66L7.66%2C11.7a1%2C1%2C0%2C0%2C1%2C.65-.26%2C8%2C8%2C0%2C0%2C0%2C1.81-.28L2.83%2C3.88Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M15.1%2C16a1%2C1%2C0%2C0%2C1-.55-.26L13%2C14.23l-1.77-1.77A9.48%2C9.48%2C0%2C0%2C1%2C8.88%2C13H8.72a.66.66%2C0%2C0%2C0-.21%2C0L6.69%2C14.25l-2.41%2C1.6a1%2C1%2C0%2C0%2C1-.42.15H3.74a.87.87%2C0%2C0%2C1-.59-.32A.8.8%2C0%2C0%2C1%2C3%2C15.13V11.58A6.8%2C6.8%2C0%2C0%2C1%2C.69%2C9.16%2C5.66%2C5.66%2C0%2C0%2C1%2C0%2C6.72V6.44A5.46%2C5.46%2C0%2C0%2C1%2C.84%2C3.62a5.43%2C5.43%2C0%2C0%2C1%2C.68-.92L.25%2C1.43A.85.85%2C0%2C0%2C1%2C0%2C.93V.77A.86.86%2C0%2C0%2C1%2C.76%2C0H.9a.85.85%2C0%2C0%2C1%2C.53.25l8%2C7.94%2C6.36%2C6.36a.89.89%2C0%2C0%2C1%2C.26.52v.16a.86.86%2C0%2C0%2C1-.76.77ZM.77.2A.65.65%2C0%2C0%2C0%2C.2.78V.91a.68.68%2C0%2C0%2C0%2C.18.38L1.79%2C2.7l-.06.07a6%2C6%2C0%2C0%2C0-.73%2C1A5.31%2C5.31%2C0%2C0%2C0%2C.2%2C6.44v.28A5.42%2C5.42%2C0%2C0%2C0%2C.86%2C9.07a6.68%2C6.68%2C0%2C0%2C0%2C2.25%2C2.37l.05%2C0v3.66a.64.64%2C0%2C0%2C0%2C.59.67h.1a.72.72%2C0%2C0%2C0%2C.32-.11l2.41-1.6%2C1.83-1.23a.89.89%2C0%2C0%2C1%2C.3-.06h.14a9.14%2C9.14%2C0%2C0%2C0%2C2.41-.54l.06%2C0%2C0%2C0%2C1.81%2C1.82%2C1.51%2C1.51a.72.72%2C0%2C0%2C0%2C.42.2h.12a.65.65%2C0%2C0%2C0%2C.57-.58v-.13a.7.7%2C0%2C0%2C0-.2-.4L9.24%2C8.33%2C1.29.39A.63.63%2C0%2C0%2C0%2C.89.2ZM4.45%2C14v-.18q0-.63%2C0-1.26c0-.46%2C0-.93%2C0-1.4a.67.67%2C0%2C0%2C0-.33-.58%2C5.49%2C5.49%2C0%2C0%2C1-2.06-2A4%2C4%2C0%2C0%2C1%2C1.52%2C6%2C4.4%2C4.4%2C0%2C0%2C1%2C2.63%2C3.7l.07-.07.07.06a.74.74%2C0%2C0%2C1%2C.13.12L6.14%2C7.05l4%2C4%2C.13.12-.17%2C0a8.28%2C8.28%2C0%2C0%2C1-1.83.28h0a1%2C1%2C0%2C0%2C0-.56.24l-1.25.84L4.6%2C13.86ZM2.72%2C3.9A4.22%2C4.22%2C0%2C0%2C0%2C1.71%2C6a3.85%2C3.85%2C0%2C0%2C0%2C.51%2C2.44%2C5.39%2C5.39%2C0%2C0%2C0%2C2%2C1.89.84.84%2C0%2C0%2C1%2C.44.75v2.47l1.72-1.14%2C1.25-.83a1.14%2C1.14%2C0%2C0%2C1%2C.67-.27h0a9.08%2C9.08%2C0%2C0%2C0%2C1.61-.24L6%2C7.19%2C2.76%2C4Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M7.71.1h.43a9.42%2C9.42%2C0%2C0%2C1%2C3.73.82%2C7.54%2C7.54%2C0%2C0%2C1%2C2.49%2C1.8%2C6%2C6%2C0%2C0%2C1%2C1.28%2C2.15%2C5.29%2C5.29%2C0%2C0%2C1%2C.26%2C1.48V6.6a5.47%2C5.47%2C0%2C0%2C1-.14%2C1.14%2C5.9%2C5.9%2C0%2C0%2C1-1.69%2C2.9.74.74%2C0%2C0%2C1-.67.16.73.73%2C0%2C0%2C1-.51-.44A.77.77%2C0%2C0%2C1%2C13%2C9.63c.08-.1.18-.19.27-.29a4.36%2C4.36%2C0%2C0%2C0%2C1-1.91%2C3.9%2C3.9%2C0%2C0%2C0-.16-2.34A4.9%2C4.9%2C0%2C0%2C0%2C12.5%2C3%2C7.23%2C7.23%2C0%2C0%2C0%2C9.07%2C1.65%2C8.22%2C8.22%2C0%2C0%2C0%2C5.42%2C2a1.41%2C1.41%2C0%2C0%2C1-.57.14.74.74%2C0%2C0%2C1-.64-.47A.76.76%2C0%2C0%2C1%2C4.4.85%2C1.4%2C1.4%2C0%2C0%2C1%2C4.84.63%2C9.65%2C9.65%2C0%2C0%2C1%2C7.71.1Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M13.58%2C10.92a.65.65%2C0%2C0%2C1-.2%2C0%2C.83.83%2C0%2C0%2C1-.46-1.33l.15-.17.12-.12a4.32%2C4.32%2C0%2C0%2C0%2C1-1.87%2C3.71%2C3.71%2C0%2C0%2C0-.16-2.28%2C4.75%2C4.75%2C0%2C0%2C0-1.61-2A7%2C7%2C0%2C0%2C0%2C9.05%2C1.75a8%2C8%2C0%2C0%2C0-3.6.34l-.11.05a1.05%2C1.05%2C0%2C0%2C1-.49.1.82.82%2C0%2C0%2C1-.73-.54A.82.82%2C0%2C0%2C1%2C4.34.78a1%2C1%2C0%2C0%2C1%2C.4-.21l.06%2C0A9.64%2C9.64%2C0%2C0%2C1%2C7.71%2C0h.43a9.48%2C9.48%2C0%2C0%2C1%2C3.77.83%2C7.85%2C7.85%2C0%2C0%2C1%2C2.53%2C1.82%2C6.06%2C6.06%2C0%2C0%2C1%2C1.29%2C2.19A5.54%2C5.54%2C0%2C0%2C1%2C16%2C6.35V6.6a5.94%2C5.94%2C0%2C0%2C1-.14%2C1.16%2C5.94%2C5.94%2C0%2C0%2C1-1.73%2C3A.81.81%2C0%2C0%2C1%2C13.58%2C10.92ZM8%2C1.48a10.13%2C10.13%2C0%2C0%2C1%2C1.09.07%2C7.31%2C7.31%2C0%2C0%2C1%2C3.48%2C1.38%2C5%2C5%2C0%2C0%2C1%2C1.68%2C2.13%2C4%2C4%2C0%2C0%2C1%2C.17%2C2.4%2C4.6%2C4.6%2C0%2C0%2C1-1.07%2C2l-.12.13-.15.15a.65.65%2C0%2C0%2C0%2C.35%2C1%2C.66.66%2C0%2C0%2C0%2C.58-.14%2C5.8%2C5.8%2C0%2C0%2C0%2C1.66-2.85A5%2C5%2C0%2C0%2C0%2C15.8%2C6.6V6.35a5.11%2C5.11%2C0%2C0%2C0-.26-1.45%2C5.87%2C5.87%2C0%2C0%2C0-1.25-2.11A7.45%2C7.45%2C0%2C0%2C0%2C11.83%2C1%2C9.26%2C9.26%2C0%2C0%2C0%2C8.14.2H7.71A9.18%2C9.18%2C0%2C0%2C0%2C4.87.73l-.06%2C0a1.08%2C1.08%2C0%2C0%2C0-.34.17.64.64%2C0%2C0%2C0-.17.71A.65.65%2C0%2C0%2C0%2C4.86%2C2%2C.77.77%2C0%2C0%2C0%2C5.27%2C2l.12%2C0A8%2C8%2C0%2C0%2C1%2C8%2C1.48Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > span.button-mail:before {
  flex: 0 0 auto;
  margin-right: 10px;
  content: '';
  width: 16px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23FFF%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M14.54%2C14H1.46A1.43%2C1.43%2C0%2C0%2C1%2C0%2C12.59V1.41A1.43%2C1.43%2C0%2C0%2C1%2C1.46%2C0H14.54A1.43%2C1.43%2C0%2C0%2C1%2C16%2C1.41V12.59A1.43%2C1.43%2C0%2C0%2C1%2C14.54%2C14ZM1.46%2C1.4V12.59H14.54V1.41H1.46Z%22%2F%3E%3Cpolygon%20class%3D%22cls%22%20points%3D%228.32%207.83%200.48%201.23%201.43%200.17%208.29%205.95%2014.56%200.39%2015.54%201.42%208.32%207.83%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > span.button-pause:before {
  flex: 0 0 auto;
  margin-right: 8px;
  content: '';
  width: 7px;
  height: 10px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%2012%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M1%2C0H1A1%2C1%2C0%2C0%2C1%2C2%2C1V11a1%2C1%2C0%2C0%2C1-1%2C1H1a1%2C1%2C0%2C0%2C1-1-1V1A1%2C1%2C0%2C0%2C1%2C1%2C0Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M7%2C0H7A1%2C1%2C0%2C0%2C1%2C8%2C1V11a1%2C1%2C0%2C0%2C1-1%2C1H7a1%2C1%2C0%2C0%2C1-1-1V1A1%2C1%2C0%2C0%2C1%2C7%2C0Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > span.button-plus {
  position: relative;
  cursor: pointer;
}
.adv-search-tabs-content > li > label > span.button-plus:before {
  flex: 0 0 auto;
  margin-right: 10px;
  content: '';
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2013%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M6.53%2C13h0a1%2C1%2C0%2C0%2C1-1-1l0-4.59L1%2C7.45H1a1%2C1%2C0%2C0%2C1-1-1H0a1%2C1%2C0%2C0%2C1%2C1-1l4.61%2C0L5.61%2C1a1%2C1%2C0%2C0%2C1%2C1-1h0a1%2C1%2C0%2C0%2C1%2C1%2C1l0%2C4.46%2C4.46%2C0h0a1%2C1%2C0%2C0%2C1%2C1%2C1h0a1%2C1%2C0%2C0%2C1-1%2C1l-4.48%2C0%2C0%2C4.61A1%2C1%2C0%2C0%2C1%2C6.53%2C13Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > span.button-remove:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M10.94%2C12a1%2C1%2C0%2C0%2C1-.75-.31L6%2C7.45%2C1.81%2C11.69a1.07%2C1.07%2C0%2C0%2C1-1.5%2C0%2C1%2C1%2C0%2C0%2C1%2C0-1.49l4.2-4.26L.42%2C1.8a1%2C1%2C0%2C0%2C1-.31-.74A1%2C1%2C0%2C0%2C1%2C.42.31a1.06%2C1.06%2C0%2C0%2C1%2C1.5%2C0L6%2C4.44%2C10.08.31A1.06%2C1.06%2C0%2C0%2C1%2C11.59%2C1.8L7.49%2C5.94l4.2%2C4.26a1%2C1%2C0%2C0%2C1%2C.31.74%2C1%2C1%2C0%2C0%2C1-.31.75A1.05%2C1.05%2C0%2C0%2C1%2C10.94%2C12Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > span.button-remove:before {
  flex: 0 0 auto;
  margin-right: 14px;
  content: '';
  width: 12px;
  height: 12px;
  transition: background 0.2s ease;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M10.94%2C12a1%2C1%2C0%2C0%2C1-.75-.31L6%2C7.45%2C1.81%2C11.69a1.07%2C1.07%2C0%2C0%2C1-1.5%2C0%2C1%2C1%2C0%2C0%2C1%2C0-1.49l4.2-4.26L.42%2C1.8a1%2C1%2C0%2C0%2C1-.31-.74A1%2C1%2C0%2C0%2C1%2C.42.31a1.06%2C1.06%2C0%2C0%2C1%2C1.5%2C0L6%2C4.44%2C10.08.31A1.06%2C1.06%2C0%2C0%2C1%2C11.59%2C1.8L7.49%2C5.94l4.2%2C4.26a1%2C1%2C0%2C0%2C1%2C.31.74%2C1%2C1%2C0%2C0%2C1-.31.75A1.05%2C1.05%2C0%2C0%2C1%2C10.94%2C12Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > span.button-reply:before {
  flex: 0 0 auto;
  margin-right: 10px;
  content: '';
  width: 18px;
  height: 15px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2010%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M4.94%2C6.3H10L7.56%2C8.9a.57.57%2C0%2C0%2C0%2C0%2C.79.51.51%2C0%2C0%2C0%2C.75%2C0L11.7%2C6.13a.57.57%2C0%2C0%2C0%2C0-.79L8.31%2C1.78a.51.51%2C0%2C0%2C0-.75%2C0%2C.57.57%2C0%2C0%2C0%2C0%2C.79L10%2C5.18H4.94A3.83%2C3.83%2C0%2C0%2C1%2C1.21%2C1.26V.7A.54.54%2C0%2C0%2C0%2C.68.15.55.55%2C0%2C0%2C0%2C.14.7v.56A4.93%2C4.93%2C0%2C0%2C0%2C4.94%2C6.3Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M7.94%2C10h0a.61.61%2C0%2C0%2C1-.47-.21.72.72%2C0%2C0%2C1%2C0-1L9.7%2C6.44H4.94A5.06%2C5.06%2C0%2C0%2C1%2C0%2C1.26V.7A.69.69%2C0%2C0%2C1%2C.68%2C0a.69.69%2C0%2C0%2C1%2C.67.7v.56A3.69%2C3.69%2C0%2C0%2C0%2C4.94%2C5H9.7L7.46%2C2.68a.72.72%2C0%2C0%2C1%2C0-1%2C.64.64%2C0%2C0%2C1%2C.47-.21h0a.68.68%2C0%2C0%2C1%2C.48.21l3.39%2C3.56a.75.75%2C0%2C0%2C1%2C0%2C1L8.42%2C9.79A.64.64%2C0%2C0%2C1%2C7.94%2C10ZM.68.29A.4.4%2C0%2C0%2C0%2C.29.7v.56A4.77%2C4.77%2C0%2C0%2C0%2C4.94%2C6.15h5.44L7.66%2C9a.44.44%2C0%2C0%2C0%2C0%2C.59.38.38%2C0%2C0%2C0%2C.28.12h0a.37.37%2C0%2C0%2C0%2C.27-.12L11.6%2C6a.44.44%2C0%2C0%2C0%2C0-.59L8.21%2C1.88a.42.42%2C0%2C0%2C0-.27-.12h0a.47.47%2C0%2C0%2C0-.28.12.44.44%2C0%2C0%2C0%2C0%2C.59l2.72%2C2.85H4.94A4%2C4%2C0%2C0%2C1%2C1.06%2C1.26V.7A.4.4%2C0%2C0%2C0%2C.68.29Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > span.button-telegram {
  position: relative;
  min-height: 40px;
  background: #54a9eb;
}
.adv-search-tabs-content > li > label > span.button-telegram > div {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.01;
}
.adv-search-tabs-content > li > label > span.button-telegram:before {
  flex: 0 0 auto;
  margin-right: 12px;
  content: '';
  width: 21px;
  height: 17px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2017%2014%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M6.67%2C9.23l-.28%2C3.91a1.13%2C1.13%2C0%2C0%2C0%2C.44-.1%2C1.06%2C1.06%2C0%2C0%2C0%2C.35-.28L9.06%2C11%2C13%2C13.81c.72.39%2C1.22.19%2C1.42-.65L17%2C1.28c.23-1-.37-1.47-1.08-1.2L.8%2C5.78c-1%2C.4-1%2C1-.18%2C1.23L4.48%2C8.19l8.68-5c.42-.28.8-.12.49.15Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > span.button-transparent {
  background: none;
  border: 2px solid #BA37D0;
  padding: 5px 23px;
  color: #BA37D0;
  transition: background 0.2s ease, color 0.2s ease;
}
.adv-search-tabs-content > li > label > span.button-transparent:hover {
  background: #BA37D0;
  color: #FFF;
}
.adv-search-tabs-content > li > label > span.button-wallet:before {
  flex: 0 0 auto;
  margin-right: 10px;
  content: '';
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M8.17.25A1.9%2C1.9%2C0%2C0%2C1%2C9.51%2C0a1.82%2C1.82%2C0%2C0%2C1%2C1.22.87c.69%2C1.18%2C1.37%2C2.36%2C2%2C3.55H14.1A1.88%2C1.88%2C0%2C0%2C1%2C16%2C6.35v7.76a1.89%2C1.89%2C0%2C0%2C1-.56%2C1.34%2C1.85%2C1.85%2C0%2C0%2C1-1.33.54H2.27a2.78%2C2.78%2C0%2C0%2C1-1-.12A1.87%2C1.87%2C0%2C0%2C1%2C0%2C14.17v-9a.77.77%2C0%2C0%2C1%2C.39-.62ZM9%2C1.54%2C3.67%2C4.46H11C10.5%2C3.52%2C10%2C2.59%2C9.43%2C1.67A.36.36%2C0%2C0%2C0%2C9%2C1.54ZM1.51%2C6c0%2C2.73%2C0%2C5.45%2C0%2C8.18a.35.35%2C0%2C0%2C0%2C.35.35H14.14a.35.35%2C0%2C0%2C0%2C.35-.35c0-.31%2C0-.62%2C0-.93H10.74A1.9%2C1.9%2C0%2C0%2C1%2C9%2C11.78%2C3.82%2C3.82%2C0%2C0%2C1%2C8.92%2C11V9.1A1.84%2C1.84%2C0%2C0%2C1%2C9.5%2C7.76a1.9%2C1.9%2C0%2C0%2C1%2C1.21-.52h3.78c0-.28%2C0-.56%2C0-.85a.48.48%2C0%2C0%2C0-.07-.29A.37.37%2C0%2C0%2C0%2C14.1%2C6H1.51Zm8.92%2C3.11c0%2C.75%2C0%2C1.51%2C0%2C2.26a.36.36%2C0%2C0%2C0%2C.35.37h3.72c0-1%2C0-2%2C0-2.95H10.78A.34.34%2C0%2C0%2C0%2C10.43%2C9.07Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > span.button-user:before {
  flex: 0 0 auto;
  margin-right: 10px;
  content: '';
  width: 16px;
  height: 18px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2013%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M6%2C6.41a3.22%2C3.22%2C0%2C0%2C1-3.24-3.2%2C3.24%2C3.24%2C0%2C0%2C1%2C6.48%2C0A3.22%2C3.22%2C0%2C0%2C1%2C6%2C6.41ZM6%2C1.09A2.12%2C2.12%2C0%2C1%2C0%2C8.14%2C3.21%2C2.13%2C2.13%2C0%2C0%2C0%2C6%2C1.09Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M12%2C13H0v-.55A5.83%2C5.83%2C0%2C0%2C1%2C1.76%2C8.26a6%2C6%2C0%2C0%2C1%2C8.48%2C0A5.83%2C5.83%2C0%2C0%2C1%2C12%2C12.45ZM1.13%2C11.91h9.73A4.82%2C4.82%2C0%2C0%2C0%2C9.46%2C9%2C4.93%2C4.93%2C0%2C0%2C0%2C2.54%2C9%2C4.81%2C4.81%2C0%2C0%2C0%2C1.13%2C11.91Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.adv-search-tabs-content > li > label > span:hover {
  background: #BA37D0;
  color: #FFF;
}
.adv-search-tabs-nav {
  margin: -5px -8px;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
}
.adv-search-tabs-nav > li {
  flex: 0 1 auto;
  margin: 5px 8px;
  line-height: 16px;
}
.adv-search-tabs-nav .button-link {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
.adv-search-tabs-nav .button-link:not(.is-active) {
  text-decoration: none;
  color: #444;
  transition: color 0.2s ease;
}
.adv-search-tabs-nav .button-link:not(.is-active):hover {
  color: #BA37D0;
}
.adv-search-top {
  display: flex;
  align-items: flex-start;
}
@media only screen and (max-width: 479px) {
  .adv-search-top {
    display: block;
  }
}
.adv-search-top .range {
  flex: 1 1 auto;
  min-width: 0;
  max-width: none;
}
.adv-search-top .sex {
  flex: 0 0 auto;
  margin-right: 50px;
}
@media only screen and (max-width: 767px) {
  .adv-search-top .sex {
    margin-right: 30px;
  }
}
@media only screen and (max-width: 479px) {
  .adv-search-top .sex {
    margin: 0 0 12px 0;
  }
}
.checkbox {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
}
.checkbox > input {
  position: absolute;
  left: -9999px;
}
.checkbox > input:checked + span:after {
  display: block;
}
.checkbox > input:checked + span:before {
  background: #BA37D0;
  border-color: #BA37D0;
}
.checkbox > span {
  display: block;
  padding-left: 24px;
  position: relative;
  line-height: 20px;
  font-weight: 600;
}
.checkbox > span:after {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 9px;
  height: 9px;
  content: '';
  z-index: 2;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209%209%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M3.74%2C9%2C.4%2C6.4A1.09%2C1.09%2C0%2C0%2C1%2C.19%2C4.94a1%2C1%2C0%2C0%2C1%2C1.38-.22L3.31%2C6.08%2C7.22.43A1%2C1%2C0%2C0%2C1%2C8.6.2a1.08%2C1.08%2C0%2C0%2C1%2C.21%2C1.45Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
  display: none;
}
.checkbox > span:before {
  background: #F3F5F7;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 1px;
  content: '';
  z-index: 1;
}
.tags {
  margin: -3px;
  padding: 0;
  list-style-type: none;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.tags > li {
  flex: 0 1 auto;
  margin: 3px;
}
.tags .button {
  min-height: 30px;
  padding: 5px 36px 5px 20px;
  border-radius: 15px;
  position: relative;
}
.form .tags .button {
  min-width: 0;
}
.tags .button:after {
  position: absolute;
  top: 50%;
  right: 20px;
  content: '';
  width: 8px;
  height: 8px;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M10.94%2C12a1%2C1%2C0%2C0%2C1-.75-.31L6%2C7.45%2C1.81%2C11.69a1.07%2C1.07%2C0%2C0%2C1-1.5%2C0%2C1%2C1%2C0%2C0%2C1%2C0-1.49l4.2-4.26L.42%2C1.8a1%2C1%2C0%2C0%2C1-.31-.74A1%2C1%2C0%2C0%2C1%2C.42.31a1.06%2C1.06%2C0%2C0%2C1%2C1.5%2C0L6%2C4.44%2C10.08.31A1.06%2C1.06%2C0%2C0%2C1%2C11.59%2C1.8L7.49%2C5.94l4.2%2C4.26a1%2C1%2C0%2C0%2C1%2C.31.74%2C1%2C1%2C0%2C0%2C1-.31.75A1.05%2C1.05%2C0%2C0%2C1%2C10.94%2C12Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.page-tabs {
  width: 100%;
  flex: 0 0 auto;
  background: rgba(133, 73, 194, 0.18);
  margin: 0 0 20px 0;
  padding: 5px 5px 0 5px;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  box-sizing: border-box;
}
@media only screen and (max-width: 1440px) {
  .page-tabs {
    margin-bottom: 0;
    padding: 0 5px;
  }
}
@media only screen and (max-width: 999px) {
  .page-tabs {
    padding: 0;
  }
}
@media only screen and (max-width: 999px) {
  .page-tabs + .container {
    padding: 0;
  }
}
.page-tabs > li {
  flex: 0 0 auto;
  margin: 10px 15px;
}
@media only screen and (max-width: 999px) {
  .page-tabs > li {
    margin: 0 14px;
  }
}
.page-tabs > li > a,
.page-tabs > li div {
  cursor: pointer;
  text-underline-offset: 5px;
  text-decoration: none;
  font-size: 15px;
  line-height: 19px;
  padding-bottom: 4px;
  display: block;
  font-weight: 600;
  color: #777;
  padding-left: 26px;
  position: relative;
}
@media only screen and (max-width: 999px) {
  .page-tabs > li > a,
  .page-tabs > li div {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}
.page-tabs > li > a:hover,
.page-tabs > li div:hover {
  color: #BA37D0;
}
.page-tabs > li > a:before,
.page-tabs > li div:before {
  position: absolute;
  left: 0;
  content: '';
  transition: background 0.2s ease;
}
.page-tabs .is-active {
  color: #BA37D0;
}
.page-tabs .is-active:after {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  height: 2px;
  border-radius: 2px;
  background: #BA37D0;
  content: '';
}
.page-tabs .page-tabs-chat:hover:before,
.page-tabs .page-tabs-chat.is-active:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M10.31%2C16a1%2C1%2C0%2C0%2C1-.45-.11%2C1.08%2C1.08%2C0%2C0%2C1-.43-.39v0L6.2%2C9.65.53%2C6.58A1.09%2C1.09%2C0%2C0%2C1%2C.1%2C6.13%2C1%2C1%2C0%2C0%2C1%2C0%2C5.56%2C1%2C1%2C0%2C0%2C1%2C.23%2C5%2C1%2C1%2C0%2C0%2C1%2C.71%2C4.7L14.63.05A1.06%2C1.06%2C0%2C0%2C1%2C15.7.31%2C1%2C1%2C0%2C0%2C1%2C16%2C.8a1%2C1%2C0%2C0%2C1%2C0%2C.57L11.3%2C15.29a1%2C1%2C0%2C0%2C1-.33.48%2C1%2C1%2C0%2C0%2C1-.54.22Zm-.39-1.17ZM2.08%2C5.77l5.19%2C2.8%2C3%2C5.36L14.3%2C1.7Zm13-4.34Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M6.74%2C9.84a.74.74%2C0%2C0%2C1-.52-.22.73.73%2C0%2C0%2C1%2C0-1L14.68.31a.73.73%2C0%2C0%2C1%2C1%2C0%2C.74.74%2C0%2C0%2C1%2C0%2C1L7.25%2C9.63A.73.73%2C0%2C0%2C1%2C6.74%2C9.84Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.page-tabs .page-tabs-chat:before {
  width: 16px;
  height: 16px;
  top: 1px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23777%22%20d%3D%22M10.31%2C16a1%2C1%2C0%2C0%2C1-.45-.11%2C1.08%2C1.08%2C0%2C0%2C1-.43-.39v0L6.2%2C9.65.53%2C6.58A1.09%2C1.09%2C0%2C0%2C1%2C.1%2C6.13%2C1%2C1%2C0%2C0%2C1%2C0%2C5.56%2C1%2C1%2C0%2C0%2C1%2C.23%2C5%2C1%2C1%2C0%2C0%2C1%2C.71%2C4.7L14.63.05A1.06%2C1.06%2C0%2C0%2C1%2C15.7.31%2C1%2C1%2C0%2C0%2C1%2C16%2C.8a1%2C1%2C0%2C0%2C1%2C0%2C.57L11.3%2C15.29a1%2C1%2C0%2C0%2C1-.33.48%2C1%2C1%2C0%2C0%2C1-.54.22Zm-.39-1.17ZM2.08%2C5.77l5.19%2C2.8%2C3%2C5.36L14.3%2C1.7Zm13-4.34Z%22%2F%3E%3Cpath%20fill%3D%22%23777%22%20d%3D%22M6.74%2C9.84a.74.74%2C0%2C0%2C1-.52-.22.73.73%2C0%2C0%2C1%2C0-1L14.68.31a.73.73%2C0%2C0%2C1%2C1%2C0%2C.74.74%2C0%2C0%2C1%2C0%2C1L7.25%2C9.63A.73.73%2C0%2C0%2C1%2C6.74%2C9.84Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
@media only screen and (max-width: 999px) {
  .page-tabs .page-tabs-chat:before {
    top: 8px;
  }
}
.page-tabs .page-tabs-invite:hover:before,
.page-tabs .page-tabs-invite.is-active:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M8%2C16a8%2C8%2C0%2C1%2C1%2C8-8A8%2C8%2C0%2C0%2C1%2C8%2C16ZM8%2C1.54A6.46%2C6.46%2C0%2C1%2C0%2C14.46%2C8%2C6.47%2C6.47%2C0%2C0%2C0%2C8%2C1.54Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M8%2C12a.87.87%2C0%2C0%2C1-.87-.87V8.87H4.9a.87.87%2C0%2C1%2C1%2C0-1.74H7.13V4.9a.87.87%2C0%2C0%2C1%2C1.74%2C0V7.13H11.1a.87.87%2C0%2C1%2C1%2C0%2C1.74H8.87V11.1A.87.87%2C0%2C0%2C1%2C8%2C12Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.page-tabs .page-tabs-invite:before {
  width: 16px;
  height: 16px;
  top: 1px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23777%22%20d%3D%22M8%2C16a8%2C8%2C0%2C1%2C1%2C8-8A8%2C8%2C0%2C0%2C1%2C8%2C16ZM8%2C1.54A6.46%2C6.46%2C0%2C1%2C0%2C14.46%2C8%2C6.47%2C6.47%2C0%2C0%2C0%2C8%2C1.54Z%22%2F%3E%3Cpath%20fill%3D%22%23777%22%20d%3D%22M8%2C12a.87.87%2C0%2C0%2C1-.87-.87V8.87H4.9a.87.87%2C0%2C1%2C1%2C0-1.74H7.13V4.9a.87.87%2C0%2C0%2C1%2C1.74%2C0V7.13H11.1a.87.87%2C0%2C1%2C1%2C0%2C1.74H8.87V11.1A.87.87%2C0%2C0%2C1%2C8%2C12Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
@media only screen and (max-width: 999px) {
  .page-tabs .page-tabs-invite:before {
    top: 8px;
  }
}
.page-tabs .page-tabs-letter:hover:before,
.page-tabs .page-tabs-letter.is-active:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23BA37D0%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M14.54%2C14H1.46A1.43%2C1.43%2C0%2C0%2C1%2C0%2C12.59V1.41A1.43%2C1.43%2C0%2C0%2C1%2C1.46%2C0H14.54A1.43%2C1.43%2C0%2C0%2C1%2C16%2C1.41V12.59A1.43%2C1.43%2C0%2C0%2C1%2C14.54%2C14ZM1.46%2C1.4V12.59H14.54V1.41H1.46Z%22%2F%3E%3Cpolygon%20class%3D%22cls%22%20points%3D%228.32%207.83%200.48%201.23%201.43%200.17%208.29%205.95%2014.56%200.39%2015.54%201.42%208.32%207.83%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.page-tabs .page-tabs-letter:before {
  width: 16px;
  height: 14px;
  top: 3px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23777%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M14.54%2C14H1.46A1.43%2C1.43%2C0%2C0%2C1%2C0%2C12.59V1.41A1.43%2C1.43%2C0%2C0%2C1%2C1.46%2C0H14.54A1.43%2C1.43%2C0%2C0%2C1%2C16%2C1.41V12.59A1.43%2C1.43%2C0%2C0%2C1%2C14.54%2C14ZM1.46%2C1.4V12.59H14.54V1.41H1.46Z%22%2F%3E%3Cpolygon%20class%3D%22cls%22%20points%3D%228.32%207.83%200.48%201.23%201.43%200.17%208.29%205.95%2014.56%200.39%2015.54%201.42%208.32%207.83%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
@media only screen and (max-width: 999px) {
  .page-tabs .page-tabs-letter:before {
    top: 10px;
  }
}
#chat-add.sliding-door .popup-box {
  width: 1296px;
  max-width: 80%;
}
#chat-add .sliding-door-top {
  display: flex;
  align-items: center;
}
.chat-add-grid {
  display: grid;
  row-gap: 27px;
  column-gap: 36px;
  grid-template-columns: repeat(auto-fill, minmax(168px, 1fr));
}
@media only screen and (max-width: 1440px) {
  .chat-add-grid {
    grid-gap: 26px;
  }
}
.chat-add-header {
  font-size: 18px;
  line-height: 22px;
  color: #777;
  flex: 1 1 auto;
  min-width: 0;
  margin-right: 20px;
}
.chat-add-header > span {
  font-weight: 600;
}
.chat-add-item .chat-add-item-image {
  padding-bottom: 100%;
  border-radius: 8px;
  background: #C4C4C4;
  position: relative;
  overflow: hidden;
}
.chat-add-item .chat-add-item-image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
}
.chat-add-item .chat-add-item-image > label {
  position: absolute;
  right: 6px;
  top: 6px;
  width: 24px;
  height: 24px;
  overflow: hidden;
  cursor: pointer;
}
.chat-add-item .chat-add-item-image > label > input {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: -1000;
  visibility: hidden;
}
.chat-add-item .chat-add-item-image > label > input:checked + span {
  background: linear-gradient(91.72deg, #8449C1 0%, #BB36D0 100%);
}
.chat-add-item .chat-add-item-image > label > input:checked + span:before {
  display: block;
}
.chat-add-item .chat-add-item-image > label > span {
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #FFF;
  position: relative;
}
.chat-add-item .chat-add-item-image > label > span:before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23FFF%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls%22%20points%3D%224.63%2012%200%208.33%201.16%206.73%204.21%209.14%2010.43%200%2012%201.16%204.63%2012%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
  display: none;
}
.chat-add-item .chat-add-item-image .chat-add-item-remove {
  position: absolute;
  right: 6px;
  top: 6px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin: 0;
  padding: 0;
  outline: 0;
  cursor: pointer;
  border: 0;
  background: linear-gradient(91.72deg, #8449C1 0%, #BB36D0 100%);
  transition: background 0.2s ease;
}
.chat-add-item .chat-add-item-image .chat-add-item-remove:hover {
  background: #303030;
}
.chat-add-item .chat-add-item-image .chat-add-item-remove:before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M10.94%2C12a1%2C1%2C0%2C0%2C1-.75-.31L6%2C7.45%2C1.81%2C11.69a1.07%2C1.07%2C0%2C0%2C1-1.5%2C0%2C1%2C1%2C0%2C0%2C1%2C0-1.49l4.2-4.26L.42%2C1.8a1%2C1%2C0%2C0%2C1-.31-.74A1%2C1%2C0%2C0%2C1%2C.42.31a1.06%2C1.06%2C0%2C0%2C1%2C1.5%2C0L6%2C4.44%2C10.08.31A1.06%2C1.06%2C0%2C0%2C1%2C11.59%2C1.8L7.49%2C5.94l4.2%2C4.26a1%2C1%2C0%2C0%2C1%2C.31.74%2C1%2C1%2C0%2C0%2C1-.31.75A1.05%2C1.05%2C0%2C0%2C1%2C10.94%2C12Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-add-item .chat-add-item-price {
  margin: 5px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.chat-add-item .chat-add-item-price > span {
  display: block;
  flex: 0 0 auto;
  color: #777;
}
.chat-add-item .chat-add-item-price > span:first-child {
  font-size: 15px;
  line-height: 19px;
  font-weight: 600;
}
.chat-add-item .chat-add-item-price > span:last-child {
  font-size: 13px;
  line-height: 17px;
}
.chat-add-item .chat-add-item-price-lite {
  font-size: 12px;
  line-height: 16px;
  color: #777;
  display: none;
  margin-top: 5px;
}
.chat-add-item .chat-add-item-price-lite > span {
  font-weight: 600;
}
.chat-add-item .chat-add-item-title {
  font-size: 12px;
  line-height: 130%;
  color: #777;
  font-weight: normal;
}
.chat-add-result {
  margin-bottom: 22px;
}
.chat-add-result.chat-add-result-small .button.chat-add-result-hide {
  display: none;
}
.chat-add-result.chat-add-result-small .button.chat-add-result-show {
  display: flex;
}
.chat-add-result.chat-add-result-small .chat-add-grid {
  grid-gap: 17px;
  grid-template-columns: repeat(auto-fill, minmax(78px, 1fr));
}
.chat-add-result.chat-add-result-small .chat-add-item .chat-add-item-image .chat-add-item-remove {
  right: 4px;
  top: 4px;
  width: 20px;
  height: 20px;
}
.chat-add-result.chat-add-result-small .chat-add-item .chat-add-item-image .chat-add-item-remove:before {
  width: 8px;
  height: 8px;
}
.chat-add-result.chat-add-result-small .chat-add-item .chat-add-item-price {
  display: none;
}
.chat-add-result.chat-add-result-small .chat-add-item .chat-add-item-price-lite {
  display: block;
}
.chat-add-result.chat-add-result-small .chat-add-item .chat-add-item-title {
  display: none;
}
.chat-add-result .button.chat-add-result-show {
  display: none;
  text-decoration: underline;
}
.chat-add-result .button.chat-add-result-hide,
.chat-add-result .button.chat-add-result-show {
  min-height: 34px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.chat-add-result .chat-add-grid {
  padding-bottom: 22px;
}
.chat-add-search {
  flex: 0 0 352px;
  max-width: 352px;
  position: relative;
}
.chat-add-search > button {
  margin: 0;
  padding: 0;
  outline: 0;
  cursor: pointer;
  border: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 19px;
  top: 50%;
  transform: translateY(-50%);
  transition: background 0.2s ease;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23A39FA7%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M6.51%2C12.49A6.39%2C6.39%2C0%2C0%2C1%2C0%2C6.24%2C6.39%2C6.39%2C0%2C0%2C1%2C6.51%2C0%2C6.39%2C6.39%2C0%2C0%2C1%2C13%2C6.24%2C6.39%2C6.39%2C0%2C0%2C1%2C6.51%2C12.49ZM6.51%2C2A4.39%2C4.39%2C0%2C0%2C0%2C2%2C6.24a4.39%2C4.39%2C0%2C0%2C0%2C4.47%2C4.29A4.38%2C4.38%2C0%2C0%2C0%2C11%2C6.24%2C4.38%2C4.38%2C0%2C0%2C0%2C6.51%2C2Z%22%2F%3E%3Cpolygon%20class%3D%22cls%22%20points%3D%2214.5%2016%209.48%2010.78%2010.98%209.45%2016%2014.67%2014.5%2016%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-add-search > button:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23BA37D0%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M6.51%2C12.49A6.39%2C6.39%2C0%2C0%2C1%2C0%2C6.24%2C6.39%2C6.39%2C0%2C0%2C1%2C6.51%2C0%2C6.39%2C6.39%2C0%2C0%2C1%2C13%2C6.24%2C6.39%2C6.39%2C0%2C0%2C1%2C6.51%2C12.49ZM6.51%2C2A4.39%2C4.39%2C0%2C0%2C0%2C2%2C6.24a4.39%2C4.39%2C0%2C0%2C0%2C4.47%2C4.29A4.38%2C4.38%2C0%2C0%2C0%2C11%2C6.24%2C4.38%2C4.38%2C0%2C0%2C0%2C6.51%2C2Z%22%2F%3E%3Cpolygon%20class%3D%22cls%22%20points%3D%2214.5%2016%209.48%2010.78%2010.98%209.45%2016%2014.67%2014.5%2016%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-add-search .textfield {
  background: #FFF;
  font-weight: bold;
  color: #444;
}
.count {
  display: block;
  width: 84px;
  height: 30px;
  position: relative;
}
.count .count-minus {
  left: 8px;
}
.count .count-minus:after {
  display: none;
}
.count .count-plus {
  right: 8px;
}
.count .count-minus,
.count .count-plus {
  width: 12px;
  height: 12px;
  -webkit-border-radius: 0;
  background: none;
  margin: 0;
  padding: 0;
  outline: 0;
  cursor: pointer;
  border: 0;
  -webkit-appearance: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.count .count-minus:hover:after,
.count .count-plus:hover:after,
.count .count-minus:hover:before,
.count .count-plus:hover:before {
  background: #BA37D0;
}
.count .count-minus:after,
.count .count-plus:after {
  width: 2px;
  height: 12px;
}
.count .count-minus:before,
.count .count-plus:before {
  width: 12px;
  height: 2px;
}
.count .count-minus:after,
.count .count-plus:after,
.count .count-minus:before,
.count .count-plus:before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  background: #A39FA7;
  transform: translate(-50%, -50%);
  transition: background 0.2s ease;
}
.count .textfield {
  height: 30px;
  padding: 5px 20px;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
}
.count .textfield:focus {
  border-color: #F3F5F7;
}
.chat-user {
  display: flex;
  align-items: center;
  padding: 10px;
  position: relative;
  border-bottom: 1px solid #E8E8E8;
}
.chat-user.chat-user-line {
  padding-left: 26px;
  border-bottom: 1px solid #E8E8E8;
}
.chat-user.chat-user-line.is-selected {
  background: #E9E2F0;
  border-color: #E9E2F0;
}
.chat-user.chat-user-line.unreaded {
  background: #E5F0E2;
  border-color: #E5F0E2;
}
.chat-user.chat-user-line:hover {
  background: #E9E2F0;
  border-color: #E9E2F0;
}
.chat-user.chat-user-line .chat-user-chain {
  top: 50%;
  transform: translateY(-50%);
}
.chat-user.chat-user-line .chat-user-info {
  display: flex;
  align-items: center;
  padding: 0;
}
.chat-user.chat-user-line .chat-user-info .chat-user-links-about {
  order: 1;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
}
.chat-user.chat-user-line .chat-user-info .chat-user-links-about .chat-user-about {
  flex: 1 1 auto;
  margin-left: 6px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: auto;
}
@supports (-webkit-line-clamp: 2) {
  .chat-user.chat-user-line .chat-user-info .chat-user-links-about .chat-user-about {
    display: block;
    -webkit-line-clamp: none;
  }
}
.chat-user.chat-user-line .chat-user-info .chat-user-links-about .chat-user-links {
  display: flex;
  align-items: center;
  margin: 0;
  flex: 0 0 auto;
  max-width: none;
}
.chat-user.chat-user-line .chat-user-info .chat-user-links-about .chat-user-links > li {
  flex: 0 0 auto;
}
.chat-user.chat-user-line .chat-user-info .chat-user-links-about .chat-user-links > li + li {
  margin: 0 0 0 4px;
}
.chat-user.chat-user-line .chat-user-info .chat-user-name-date {
  order: 2;
  display: block;
  flex: 0 0 auto;
  margin: 0 0 0 7px;
}
.chat-user.chat-user-line .chat-user-info .chat-user-name-date .chat-user-date {
  margin: 0;
}
.chat-user.is-active {
  background: linear-gradient(91.72deg, #8449C1 0%, #BB36D0 100%);
}
.chat-user.is-active .chat-user-chain.chat-user-chain-incoming {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2010%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M8.38%2C10H3.66A3.54%2C3.54%2C0%2C0%2C1%2C0%2C6.35%2C3.86%2C3.86%2C0%2C0%2C1%2C1%2C3.72%2C3.94%2C3.94%2C0%2C0%2C1%2C4%2C2.51h8.32a.67.67%2C0%2C1%2C1%2C0%2C1.33H4a2.67%2C2.67%2C0%2C0%2C0-2%2C.79%2C2.55%2C2.55%2C0%2C0%2C0-.65%2C1.72A2.2%2C2.2%2C0%2C0%2C0%2C3.66%2C8.67H8.38a.67.67%2C0%2C1%2C1%2C0%2C1.33Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M9.75%2C6.35a.66.66%2C0%2C0%2C1-.46-1.13L11.87%2C2.7a.67.67%2C0%2C0%2C1%2C.94%2C0%2C.66.66%2C0%2C0%2C1%2C0%2C.94L10.22%2C6.17A.69.69%2C0%2C0%2C1%2C9.75%2C6.35Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M12.33%2C3.84a.65.65%2C0%2C0%2C1-.46-.19L9.29%2C1.14a.66.66%2C0%2C0%2C1%2C.93-.95L12.8%2C2.7a.66.66%2C0%2C0%2C1%2C0%2C.94A.67.67%2C0%2C0%2C1%2C12.33%2C3.84Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-user.is-active .chat-user-chain.chat-user-chain-outcoming {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2010%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M4.62%2C10H9.34A3.54%2C3.54%2C0%2C0%2C0%2C13%2C6.35a3.86%2C3.86%2C0%2C0%2C0-1-2.63A3.94%2C3.94%2C0%2C0%2C0%2C9%2C2.51H.67a.67.67%2C0%2C1%2C0%2C0%2C1.33H9a2.67%2C2.67%2C0%2C0%2C1%2C2%2C.79%2C2.55%2C2.55%2C0%2C0%2C1%2C.65%2C1.72A2.2%2C2.2%2C0%2C0%2C1%2C9.34%2C8.67H4.62a.67.67%2C0%2C1%2C0%2C0%2C1.33Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M3.25%2C6.35a.66.66%2C0%2C0%2C0%2C.46-1.13L1.13%2C2.7a.67.67%2C0%2C0%2C0-.94%2C0%2C.66.66%2C0%2C0%2C0%2C0%2C.94L2.78%2C6.17A.69.69%2C0%2C0%2C0%2C3.25%2C6.35Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M.67%2C3.84a.65.65%2C0%2C0%2C0%2C.46-.19L3.71%2C1.14A.66.66%2C0%2C0%2C0%2C2.78.19L.2%2C2.7a.66.66%2C0%2C0%2C0%2C0%2C.94A.67.67%2C0%2C0%2C0%2C.67%2C3.84Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-user.is-active .chat-user-chain-toggle {
  background: #FFF;
  color: #333333;
}
.chat-user.is-active .chat-user-info .chat-user-about,
.chat-user.is-active .chat-user-info .chat-user-date,
.chat-user.is-active .chat-user-info .chat-user-name,
.chat-user.is-active .chat-user-info .chat-user-status {
  color: #FFF;
}
.chat-user.is-active .chat-user-info .chat-user-links .chat-user-links-photo {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2012%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M12.25%2C1.71H10.58L10%2C.57A1.28%2C1.28%2C0%2C0%2C0%2C9%2C0H5.11A1.31%2C1.31%2C0%2C0%2C0%2C4%2C.57L3.5%2C1.71H1.75A1.78%2C1.78%2C0%2C0%2C0%2C0%2C2.86v8S.88%2C12%2C1.75%2C12h10.5c.93%2C0%2C1.75-1.14%2C1.75-1.14v-8A1.69%2C1.69%2C0%2C0%2C0%2C12.25%2C1.71ZM7%2C10.29A3.47%2C3.47%2C0%2C0%2C1%2C3.5%2C6.86%2C3.46%2C3.46%2C0%2C0%2C1%2C7%2C3.43a3.46%2C3.46%2C0%2C0%2C1%2C3.5%2C3.43A3.47%2C3.47%2C0%2C0%2C1%2C7%2C10.29ZM7%2C4.57A2.29%2C2.29%2C0%2C1%2C0%2C9.33%2C6.86%2C2.3%2C2.3%2C0%2C0%2C0%2C7%2C4.57Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-user.is-active .chat-user-info .chat-user-links .chat-user-links-video {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2011%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M13.13%2C11h0L9.92%2C7.64V9.77A1.2%2C1.2%2C0%2C0%2C1%2C8.75%2C11H1.17A1.2%2C1.2%2C0%2C0%2C1%2C0%2C9.77V1.22A1.2%2C1.2%2C0%2C0%2C1%2C1.17%2C0H8.75A1.2%2C1.2%2C0%2C0%2C1%2C9.92%2C1.22V3.37L13.13%2C0h0A.9.9%2C0%2C0%2C1%2C14%2C.92v9.15A.9.9%2C0%2C0%2C1%2C13.13%2C11Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-header .chat-user {
  padding: 0;
  flex: 0 0 auto;
  border-bottom: none;
}
.chat-header .chat-user .chat-user-info .chat-user-name {
  font-size: 15px;
  line-height: 19px;
}
.chat-list .chat-user {
  cursor: pointer;
  align-items: flex-start;
}
.chat-list .chat-user .chat-user-info {
  padding-top: 2px;
}
.chat-user .chat-user-avatar {
  background: url("../img/no-profile-picture-icon.svg") no-repeat center / cover;
  flex: 0 0 62px;
  max-width: 62px;
  margin-right: 12px;
  border-radius: 50%;
  cursor: pointer;
  aspect-ratio: 1;
}
@media only screen and (max-width: 999px) {
  .chat-user .chat-user-avatar {
    flex: 0 0 46px;
    max-width: 46px;
    margin-right: 10px;
  }
}
.chat-header .chat-user .chat-user-avatar {
  flex: 0 0 50px;
  max-width: 50px;
}
@media only screen and (max-width: 999px) {
  .chat-header .chat-user .chat-user-avatar {
    flex: 0 0 46px;
    max-width: 46px;
  }
}
.chat-letter-to .chat-user .chat-user-avatar {
  flex: 0 0 44px;
  max-width: 44px;
  margin-right: 10px;
}
.chat-user .chat-user-avatar.is-online {
  position: relative;
}
.chat-user .chat-user-avatar.is-online:before {
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  border: 2px solid #FFF;
  background: #40C897;
  content: '';
  border-radius: 50%;
}
.chat-user .chat-user-avatar img {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  display: block;
}
@media only screen and (max-width: 999px) {
  .chat-user .chat-user-avatar img {
    width: 46px;
    height: 46px;
  }
}
@media only screen and (min-width: 1000px) {
  .chat-header .chat-user .chat-user-avatar img {
    width: 50px;
    height: 50px;
  }
}
.chat-letter-to .chat-user .chat-user-avatar img {
  width: 44px;
  height: 44px;
}
.chat-user .chat-user-chain {
  position: absolute;
  left: 6px;
  top: 6px;
  width: 13px;
  height: 10px;
}
@media only screen and (max-width: 999px) {
  .chat-user .chat-user-chain {
    top: 3px;
  }
}
.chat-user .chat-user-chain.chat-user-chain-incoming {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2010%22%3E%3Cpath%20fill%3D%22%2340C897%22%20d%3D%22M8.38%2C10H3.66A3.54%2C3.54%2C0%2C0%2C1%2C0%2C6.35%2C3.86%2C3.86%2C0%2C0%2C1%2C1%2C3.72%2C3.94%2C3.94%2C0%2C0%2C1%2C4%2C2.51h8.32a.67.67%2C0%2C1%2C1%2C0%2C1.33H4a2.67%2C2.67%2C0%2C0%2C0-2%2C.79%2C2.55%2C2.55%2C0%2C0%2C0-.65%2C1.72A2.2%2C2.2%2C0%2C0%2C0%2C3.66%2C8.67H8.38a.67.67%2C0%2C1%2C1%2C0%2C1.33Z%22%2F%3E%3Cpath%20fill%3D%22%2340C897%22%20d%3D%22M9.75%2C6.35a.66.66%2C0%2C0%2C1-.46-1.13L11.87%2C2.7a.67.67%2C0%2C0%2C1%2C.94%2C0%2C.66.66%2C0%2C0%2C1%2C0%2C.94L10.22%2C6.17A.69.69%2C0%2C0%2C1%2C9.75%2C6.35Z%22%2F%3E%3Cpath%20fill%3D%22%2340C897%22%20d%3D%22M12.33%2C3.84a.65.65%2C0%2C0%2C1-.46-.19L9.29%2C1.14a.66.66%2C0%2C0%2C1%2C.93-.95L12.8%2C2.7a.66.66%2C0%2C0%2C1%2C0%2C.94A.67.67%2C0%2C0%2C1%2C12.33%2C3.84Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-user .chat-user-chain.chat-user-chain-outcoming {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2010%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M4.62%2C10H9.34A3.54%2C3.54%2C0%2C0%2C0%2C13%2C6.35a3.86%2C3.86%2C0%2C0%2C0-1-2.63A3.94%2C3.94%2C0%2C0%2C0%2C9%2C2.51H.67a.67.67%2C0%2C1%2C0%2C0%2C1.33H9a2.67%2C2.67%2C0%2C0%2C1%2C2%2C.79%2C2.55%2C2.55%2C0%2C0%2C1%2C.65%2C1.72A2.2%2C2.2%2C0%2C0%2C1%2C9.34%2C8.67H4.62a.67.67%2C0%2C1%2C0%2C0%2C1.33Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M3.25%2C6.35a.66.66%2C0%2C0%2C0%2C.46-1.13L1.13%2C2.7a.67.67%2C0%2C0%2C0-.94%2C0%2C.66.66%2C0%2C0%2C0%2C0%2C.94L2.78%2C6.17A.69.69%2C0%2C0%2C0%2C3.25%2C6.35Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M.67%2C3.84a.65.65%2C0%2C0%2C0%2C.46-.19L3.71%2C1.14A.66.66%2C0%2C0%2C0%2C2.78.19L.2%2C2.7a.66.66%2C0%2C0%2C0%2C0%2C.94A.67.67%2C0%2C0%2C0%2C.67%2C3.84Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-user .chat-user-chain-toggle,
.chat-user .chat-user-chain-dummy,
.chat-user .chat-user-unread-messages,
.chat-user .chat-user-messages-dummy {
  position: absolute;
  right: 10px;
  background: #E4E6E9;
  border-radius: 13px;
  cursor: pointer;
  height: 26px;
  min-width: 42px;
  box-sizing: border-box;
  text-align: right;
  font-size: 12px;
  line-height: 26px;
  color: #444;
  padding: 0 22px 0 11px;
  margin-left: 5px;
  font-weight: 600;
}
.chat-user .chat-user-chain-toggle,
.chat-user chat-user-chain-dummy {
  flex: 0 0 auto;
  background: #E4E6E9;
  padding: 0 20px 0 5px;
  margin-left: 5px;
  border-radius: 8px;
  height: 26px;
  min-width: 42px;
  box-sizing: border-box;
  text-align: right;
  font-size: 12px;
  line-height: 26px;
  color: #444;
  font-weight: 600;
  cursor: pointer;
}
.chat-user .chat-user-chain-toggle:before,
.chat-user chat-user-chain-dummy:before {
  position: absolute;
  right: 6px;
  top: 50%;
  content: '';
  width: 8px;
  height: 5px;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%205%22%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M4.15%2C5a.83.83%2C0%2C0%2C1-.58-.24L.26%2C1.5A.89.89%2C0%2C0%2C1%2C.23.27a.82.82%2C0%2C0%2C1%2C1.19%2C0L4.12%2C2.9%2C6.55.27a.82.82%2C0%2C0%2C1%2C1.19%2C0%2C.89.89%2C0%2C0%2C1%2C0%2C1.23l-3%2C3.26A.86.86%2C0%2C0%2C1%2C4.17%2C5Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-user .chat-user-chain-toggle.is-opened:before,
.chat-user chat-user-chain-dummy.is-opened:before {
  transform: translateY(-50%) rotate(180deg);
}
.chat-user .chat-user-messages-dummy,
.chat-user .chat-user-chain-dummy {
  position: relative;
  right: auto;
  flex: 0 0 auto;
  opacity: 0;
  pointer-events: none;
}
.chat-user .chat-user-info {
  flex: 1 1 auto;
  min-width: 0;
}
.chat-user .chat-user-info .chat-user-about {
  font-size: 13px;
  line-height: 16px;
  color: #666666;
  overflow: hidden;
  height: 32px;
}
@supports (-webkit-line-clamp: 2) {
  .chat-user .chat-user-info .chat-user-about {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
.chat-user .chat-user-info .chat-user-date {
  font-size: 13px;
  line-height: 16px;
  color: #999;
  margin-left: 12px;
  flex: 0 0 auto;
}
.chat-user .chat-user-info .chat-user-links {
  flex: 0 0 14px;
  max-width: 14px;
  margin: 0 6px 0 0;
  padding: 0;
  list-style-type: none;
}
.chat-user .chat-user-info .chat-user-links > li {
  width: 14px;
}
.chat-user .chat-user-info .chat-user-links > li + li {
  margin-top: 6px;
}
.chat-user .chat-user-info .chat-user-links .chat-user-links-photo {
  height: 12px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2012%22%3E%3Cpath%20fill%3D%22%23777%22%20d%3D%22M12.25%2C1.71H10.58L10%2C.57A1.28%2C1.28%2C0%2C0%2C0%2C9%2C0H5.11A1.31%2C1.31%2C0%2C0%2C0%2C4%2C.57L3.5%2C1.71H1.75A1.78%2C1.78%2C0%2C0%2C0%2C0%2C2.86v8S.88%2C12%2C1.75%2C12h10.5c.93%2C0%2C1.75-1.14%2C1.75-1.14v-8A1.69%2C1.69%2C0%2C0%2C0%2C12.25%2C1.71ZM7%2C10.29A3.47%2C3.47%2C0%2C0%2C1%2C3.5%2C6.86%2C3.46%2C3.46%2C0%2C0%2C1%2C7%2C3.43a3.46%2C3.46%2C0%2C0%2C1%2C3.5%2C3.43A3.47%2C3.47%2C0%2C0%2C1%2C7%2C10.29ZM7%2C4.57A2.29%2C2.29%2C0%2C1%2C0%2C9.33%2C6.86%2C2.3%2C2.3%2C0%2C0%2C0%2C7%2C4.57Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-user .chat-user-info .chat-user-links .chat-user-links-video {
  height: 11px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2011%22%3E%3Cpath%20fill%3D%22%23777%22%20d%3D%22M13.13%2C11h0L9.92%2C7.64V9.77A1.2%2C1.2%2C0%2C0%2C1%2C8.75%2C11H1.17A1.2%2C1.2%2C0%2C0%2C1%2C0%2C9.77V1.22A1.2%2C1.2%2C0%2C0%2C1%2C1.17%2C0H8.75A1.2%2C1.2%2C0%2C0%2C1%2C9.92%2C1.22V3.37L13.13%2C0h0A.9.9%2C0%2C0%2C1%2C14%2C.92v9.15A.9.9%2C0%2C0%2C1%2C13.13%2C11Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-user .chat-user-info .chat-user-links-about {
  display: flex;
  align-items: center;
}
.chat-user .chat-user-info .chat-user-name {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  color: #444;
  margin: 0;
}
.chat-user .chat-user-info .chat-user-name-date {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.chat-user .chat-user-info .chat-user-name-date .chat-user-name {
  flex: 1 1 auto;
  min-width: 0;
}
.chat-user .chat-user-info .chat-user-status {
  font-size: 13px;
  line-height: 17px;
  margin-top: 2px;
  color: #777;
}
.chat-menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.chat-menu > li + li {
  margin-top: 15px;
}
.chat-menu > li > a,
.chat-menu > li > div {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  box-sizing: border-box;
  padding-left: 24px;
  position: relative;
  font-size: 14px;
  line-height: 18px;
  color: #303030;
  text-decoration: none;
  cursor: pointer;
}
.chat-menu > li > a.active,
.chat-menu > li > div.active {
  color: #BA37D0;
  cursor: default;
}
.chat-menu > li > a:hover,
.chat-menu > li > div:hover {
  color: #BA37D0;
}
.chat-menu > li > a:before,
.chat-menu > li > div:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  transition: background 0.2s ease;
}
.chat-menu .chat-menu-all.active:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2012%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M1%2C0H13a1%2C1%2C0%2C0%2C1%2C1%2C1h0a1%2C1%2C0%2C0%2C1-1%2C1H1A1%2C1%2C0%2C0%2C1%2C0%2C1H0A1%2C1%2C0%2C0%2C1%2C1%2C0Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M1%2C5H13a1%2C1%2C0%2C0%2C1%2C1%2C1h0a1%2C1%2C0%2C0%2C1-1%2C1H1A1%2C1%2C0%2C0%2C1%2C0%2C6H0A1%2C1%2C0%2C0%2C1%2C1%2C5Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M1%2C10H13a1%2C1%2C0%2C0%2C1%2C1%2C1h0a1%2C1%2C0%2C0%2C1-1%2C1H1a1%2C1%2C0%2C0%2C1-1-1H0A1%2C1%2C0%2C0%2C1%2C1%2C10Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-menu .chat-menu-all:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2012%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M1%2C0H13a1%2C1%2C0%2C0%2C1%2C1%2C1h0a1%2C1%2C0%2C0%2C1-1%2C1H1A1%2C1%2C0%2C0%2C1%2C0%2C1H0A1%2C1%2C0%2C0%2C1%2C1%2C0Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M1%2C5H13a1%2C1%2C0%2C0%2C1%2C1%2C1h0a1%2C1%2C0%2C0%2C1-1%2C1H1A1%2C1%2C0%2C0%2C1%2C0%2C6H0A1%2C1%2C0%2C0%2C1%2C1%2C5Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M1%2C10H13a1%2C1%2C0%2C0%2C1%2C1%2C1h0a1%2C1%2C0%2C0%2C1-1%2C1H1a1%2C1%2C0%2C0%2C1-1-1H0A1%2C1%2C0%2C0%2C1%2C1%2C10Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-menu .chat-menu-all:before {
  width: 14px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2012%22%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M1%2C0H13a1%2C1%2C0%2C0%2C1%2C1%2C1h0a1%2C1%2C0%2C0%2C1-1%2C1H1A1%2C1%2C0%2C0%2C1%2C0%2C1H0A1%2C1%2C0%2C0%2C1%2C1%2C0Z%22%2F%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M1%2C5H13a1%2C1%2C0%2C0%2C1%2C1%2C1h0a1%2C1%2C0%2C0%2C1-1%2C1H1A1%2C1%2C0%2C0%2C1%2C0%2C6H0A1%2C1%2C0%2C0%2C1%2C1%2C5Z%22%2F%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M1%2C10H13a1%2C1%2C0%2C0%2C1%2C1%2C1h0a1%2C1%2C0%2C0%2C1-1%2C1H1a1%2C1%2C0%2C0%2C1-1-1H0A1%2C1%2C0%2C0%2C1%2C1%2C10Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-menu .chat-menu-blocked.active:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23BA37D0%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M7%2C14a7%2C7%2C0%2C1%2C1%2C7-7A7%2C7%2C0%2C0%2C1%2C7%2C14ZM7%2C1.65A5.35%2C5.35%2C0%2C1%2C0%2C12.35%2C7%2C5.36%2C5.36%2C0%2C0%2C0%2C7%2C1.65Z%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%226.18%22%20y%3D%220.82%22%20width%3D%221.65%22%20height%3D%2212.35%22%20transform%3D%22translate(-2.9%207)%20rotate(-45)%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-menu .chat-menu-blocked:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23BA37D0%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M7%2C14a7%2C7%2C0%2C1%2C1%2C7-7A7%2C7%2C0%2C0%2C1%2C7%2C14ZM7%2C1.65A5.35%2C5.35%2C0%2C1%2C0%2C12.35%2C7%2C5.36%2C5.36%2C0%2C0%2C0%2C7%2C1.65Z%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%226.18%22%20y%3D%220.82%22%20width%3D%221.65%22%20height%3D%2212.35%22%20transform%3D%22translate(-2.9%207)%20rotate(-45)%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-menu .chat-menu-blocked:before {
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23A39FA7%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M7%2C14a7%2C7%2C0%2C1%2C1%2C7-7A7%2C7%2C0%2C0%2C1%2C7%2C14ZM7%2C1.65A5.35%2C5.35%2C0%2C1%2C0%2C12.35%2C7%2C5.36%2C5.36%2C0%2C0%2C0%2C7%2C1.65Z%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%226.18%22%20y%3D%220.82%22%20width%3D%221.65%22%20height%3D%2212.35%22%20transform%3D%22translate(-2.9%207)%20rotate(-45)%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-menu .chat-menu-fav.active:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2015%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M8%2C15l-.53-.34C7.2%2C14.49%2C1%2C10.37.09%2C5.58h0A4.63%2C4.63%2C0%2C0%2C1%2C.88%2C1.93%2C4.84%2C4.84%2C0%2C0%2C1%2C4.49%2C0%2C3.85%2C3.85%2C0%2C0%2C1%2C8%2C1.91%2C4.37%2C4.37%2C0%2C0%2C1%2C11.34%2C0a4.29%2C4.29%2C0%2C0%2C1%2C3.59%2C1.35%2C4.45%2C4.45%2C0%2C0%2C1%2C1%2C3.83c-.72%2C4.48-7.17%2C9.22-7.44%2C9.42ZM1.91%2C5.21c.56%2C3%2C4.16%2C6.11%2C6%2C7.46%2C2-1.53%2C5.72-5%2C6.17-7.77a2.55%2C2.55%2C0%2C0%2C0-.52-2.19%2C2.44%2C2.44%2C0%2C0%2C0-2-.76A2.84%2C2.84%2C0%2C0%2C0%2C8.9%2C4.14l-.1.27-.48.36H7.71l-.52-.37L7.1%2C4.15C6.61%2C3.06%2C5.81%2C1.86%2C4.62%2C1.94A3%2C3%2C0%2C0%2C0%2C2.36%2C3.11a2.69%2C2.69%2C0%2C0%2C0-.45%2C2.1Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-menu .chat-menu-fav:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2015%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M8%2C15l-.53-.34C7.2%2C14.49%2C1%2C10.37.09%2C5.58h0A4.63%2C4.63%2C0%2C0%2C1%2C.88%2C1.93%2C4.84%2C4.84%2C0%2C0%2C1%2C4.49%2C0%2C3.85%2C3.85%2C0%2C0%2C1%2C8%2C1.91%2C4.37%2C4.37%2C0%2C0%2C1%2C11.34%2C0a4.29%2C4.29%2C0%2C0%2C1%2C3.59%2C1.35%2C4.45%2C4.45%2C0%2C0%2C1%2C1%2C3.83c-.72%2C4.48-7.17%2C9.22-7.44%2C9.42ZM1.91%2C5.21c.56%2C3%2C4.16%2C6.11%2C6%2C7.46%2C2-1.53%2C5.72-5%2C6.17-7.77a2.55%2C2.55%2C0%2C0%2C0-.52-2.19%2C2.44%2C2.44%2C0%2C0%2C0-2-.76A2.84%2C2.84%2C0%2C0%2C0%2C8.9%2C4.14l-.1.27-.48.36H7.71l-.52-.37L7.1%2C4.15C6.61%2C3.06%2C5.81%2C1.86%2C4.62%2C1.94A3%2C3%2C0%2C0%2C0%2C2.36%2C3.11a2.69%2C2.69%2C0%2C0%2C0-.45%2C2.1Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-menu .chat-menu-fav:before {
  width: 14px;
  height: 13px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2015%22%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M8%2C15l-.53-.34C7.2%2C14.49%2C1%2C10.37.09%2C5.58h0A4.63%2C4.63%2C0%2C0%2C1%2C.88%2C1.93%2C4.84%2C4.84%2C0%2C0%2C1%2C4.49%2C0%2C3.85%2C3.85%2C0%2C0%2C1%2C8%2C1.91%2C4.37%2C4.37%2C0%2C0%2C1%2C11.34%2C0a4.29%2C4.29%2C0%2C0%2C1%2C3.59%2C1.35%2C4.45%2C4.45%2C0%2C0%2C1%2C1%2C3.83c-.72%2C4.48-7.17%2C9.22-7.44%2C9.42ZM1.91%2C5.21c.56%2C3%2C4.16%2C6.11%2C6%2C7.46%2C2-1.53%2C5.72-5%2C6.17-7.77a2.55%2C2.55%2C0%2C0%2C0-.52-2.19%2C2.44%2C2.44%2C0%2C0%2C0-2-.76A2.84%2C2.84%2C0%2C0%2C0%2C8.9%2C4.14l-.1.27-.48.36H7.71l-.52-.37L7.1%2C4.15C6.61%2C3.06%2C5.81%2C1.86%2C4.62%2C1.94A3%2C3%2C0%2C0%2C0%2C2.36%2C3.11a2.69%2C2.69%2C0%2C0%2C0-.45%2C2.1Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-menu .chat-menu-no-answer.active:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M7%2C0a7%2C7%2C0%2C1%2C0%2C7%2C7A7%2C7%2C0%2C0%2C0%2C7%2C0Zm3.78%2C10.78a.75.75%2C0%2C0%2C1-1.06%2C0L7%2C8.06%2C4.28%2C10.78A.75.75%2C0%2C0%2C1%2C3.22%2C9.72L5.94%2C7%2C3.22%2C4.28A.75.75%2C0%2C1%2C1%2C4.28%2C3.22L7%2C5.94%2C9.72%2C3.22a.75.75%2C0%2C1%2C1%2C1.06%2C1.06L8.06%2C7l2.72%2C2.72A.75.75%2C0%2C0%2C1%2C10.78%2C10.78Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-menu .chat-menu-no-answer:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M7%2C0a7%2C7%2C0%2C1%2C0%2C7%2C7A7%2C7%2C0%2C0%2C0%2C7%2C0Zm3.78%2C10.78a.75.75%2C0%2C0%2C1-1.06%2C0L7%2C8.06%2C4.28%2C10.78A.75.75%2C0%2C0%2C1%2C3.22%2C9.72L5.94%2C7%2C3.22%2C4.28A.75.75%2C0%2C1%2C1%2C4.28%2C3.22L7%2C5.94%2C9.72%2C3.22a.75.75%2C0%2C1%2C1%2C1.06%2C1.06L8.06%2C7l2.72%2C2.72A.75.75%2C0%2C0%2C1%2C10.78%2C10.78Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-menu .chat-menu-no-answer:before {
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M7%2C0a7%2C7%2C0%2C1%2C0%2C7%2C7A7%2C7%2C0%2C0%2C0%2C7%2C0Zm3.78%2C10.78a.75.75%2C0%2C0%2C1-1.06%2C0L7%2C8.06%2C4.28%2C10.78A.75.75%2C0%2C0%2C1%2C3.22%2C9.72L5.94%2C7%2C3.22%2C4.28A.75.75%2C0%2C1%2C1%2C4.28%2C3.22L7%2C5.94%2C9.72%2C3.22a.75.75%2C0%2C1%2C1%2C1.06%2C1.06L8.06%2C7l2.72%2C2.72A.75.75%2C0%2C0%2C1%2C10.78%2C10.78Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-menu .chat-menu-sent.active:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2010%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M4.62%2C10H9.34A3.54%2C3.54%2C0%2C0%2C0%2C13%2C6.35a3.86%2C3.86%2C0%2C0%2C0-1-2.63A3.94%2C3.94%2C0%2C0%2C0%2C9%2C2.51H.67a.67.67%2C0%2C1%2C0%2C0%2C1.33H9a2.67%2C2.67%2C0%2C0%2C1%2C2%2C.79%2C2.55%2C2.55%2C0%2C0%2C1%2C.65%2C1.72A2.2%2C2.2%2C0%2C0%2C1%2C9.34%2C8.67H4.62a.67.67%2C0%2C1%2C0%2C0%2C1.33Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M3.25%2C6.35a.66.66%2C0%2C0%2C0%2C.46-1.13L1.13%2C2.7a.67.67%2C0%2C0%2C0-.94%2C0%2C.66.66%2C0%2C0%2C0%2C0%2C.94L2.78%2C6.17A.69.69%2C0%2C0%2C0%2C3.25%2C6.35Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M.67%2C3.84a.65.65%2C0%2C0%2C0%2C.46-.19L3.71%2C1.14A.66.66%2C0%2C0%2C0%2C2.78.19L.2%2C2.7a.66.66%2C0%2C0%2C0%2C0%2C.94A.67.67%2C0%2C0%2C0%2C.67%2C3.84Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-menu .chat-menu-sent:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2010%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M4.62%2C10H9.34A3.54%2C3.54%2C0%2C0%2C0%2C13%2C6.35a3.86%2C3.86%2C0%2C0%2C0-1-2.63A3.94%2C3.94%2C0%2C0%2C0%2C9%2C2.51H.67a.67.67%2C0%2C1%2C0%2C0%2C1.33H9a2.67%2C2.67%2C0%2C0%2C1%2C2%2C.79%2C2.55%2C2.55%2C0%2C0%2C1%2C.65%2C1.72A2.2%2C2.2%2C0%2C0%2C1%2C9.34%2C8.67H4.62a.67.67%2C0%2C1%2C0%2C0%2C1.33Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M3.25%2C6.35a.66.66%2C0%2C0%2C0%2C.46-1.13L1.13%2C2.7a.67.67%2C0%2C0%2C0-.94%2C0%2C.66.66%2C0%2C0%2C0%2C0%2C.94L2.78%2C6.17A.69.69%2C0%2C0%2C0%2C3.25%2C6.35Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M.67%2C3.84a.65.65%2C0%2C0%2C0%2C.46-.19L3.71%2C1.14A.66.66%2C0%2C0%2C0%2C2.78.19L.2%2C2.7a.66.66%2C0%2C0%2C0%2C0%2C.94A.67.67%2C0%2C0%2C0%2C.67%2C3.84Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-menu .chat-menu-sent:before {
  width: 13px;
  height: 11px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2010%22%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M4.62%2C10H9.34A3.54%2C3.54%2C0%2C0%2C0%2C13%2C6.35a3.86%2C3.86%2C0%2C0%2C0-1-2.63A3.94%2C3.94%2C0%2C0%2C0%2C9%2C2.51H.67a.67.67%2C0%2C1%2C0%2C0%2C1.33H9a2.67%2C2.67%2C0%2C0%2C1%2C2%2C.79%2C2.55%2C2.55%2C0%2C0%2C1%2C.65%2C1.72A2.2%2C2.2%2C0%2C0%2C1%2C9.34%2C8.67H4.62a.67.67%2C0%2C1%2C0%2C0%2C1.33Z%22%2F%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M3.25%2C6.35a.66.66%2C0%2C0%2C0%2C.46-1.13L1.13%2C2.7a.67.67%2C0%2C0%2C0-.94%2C0%2C.66.66%2C0%2C0%2C0%2C0%2C.94L2.78%2C6.17A.69.69%2C0%2C0%2C0%2C3.25%2C6.35Z%22%2F%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M.67%2C3.84a.65.65%2C0%2C0%2C0%2C.46-.19L3.71%2C1.14A.66.66%2C0%2C0%2C0%2C2.78.19L.2%2C2.7a.66.66%2C0%2C0%2C0%2C0%2C.94A.67.67%2C0%2C0%2C0%2C.67%2C3.84Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-menu .chat-menu-unread.active > i {
  background: #BA37D0;
}
.chat-menu .chat-menu-unread:hover > i {
  background: #BA37D0;
}
.chat-menu .chat-menu-unread:before {
  display: none;
}
.chat-menu .chat-menu-unread > i {
  position: absolute;
  left: 0;
  top: 2px;
  height: 14px;
  min-width: 14px;
  text-align: center;
  background: #A39FA7;
  border-radius: 50%;
  line-height: 14px;
  font-size: 11px;
  font-weight: bold;
  color: #FFF;
  transition: background 0.2s ease;
  font-style: normal;
}
.chat-menu .chat-menu-unread > span {
  display: block;
}
.chat-menu .chat-menu-webcam.active:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2017%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M6%2C.07A6.84%2C6.84%2C0%2C0%2C1%2C9.84.61a7.1%2C7.1%2C0%2C0%2C1%2C4.05%2C5.22%2C7.28%2C7.28%2C0%2C0%2C1-.4%2C3.92%2C7%2C7%2C0%2C0%2C1-3.07%2C3.5c.44.73.87%2C1.46%2C1.32%2C2.18h1.64V17H.93V15.43H2.52c.41-.7.83-1.39%2C1.24-2.08A7.06%2C7.06%2C0%2C0%2C1%2C0%2C7.48%2C7.17%2C7.17%2C0%2C0%2C1%2C.91%2C3.6%2C7.1%2C7.1%2C0%2C0%2C1%2C3.29%2C1.08%2C6.79%2C6.79%2C0%2C0%2C1%2C6%2C.07Zm.39%2C1.47A5.5%2C5.5%2C0%2C0%2C0%2C2.71%2C3.6a5.59%2C5.59%2C0%2C0%2C0%2C2.63%2C8.79%2C5.42%2C5.42%2C0%2C0%2C0%2C3.14.06%2C5.48%2C5.48%2C0%2C0%2C0%2C2.69-1.74A5.58%2C5.58%2C0%2C0%2C0%2C9.31%2C2%2C5.43%2C5.43%2C0%2C0%2C0%2C6.42%2C1.54ZM5.22%2C14c-.29.49-.6%2C1-.9%2C1.48H9.89c-.31-.52-.61-1-.94-1.55A7%2C7%2C0%2C0%2C1%2C5.22%2C14Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M6.59%2C4.12a3%2C3%2C0%2C0%2C1%2C1.73.29A3%2C3%2C0%2C0%2C1%2C9.87%2C7.79%2C3.06%2C3.06%2C0%2C0%2C1%2C8.73%2C9.5a2.92%2C2.92%2C0%2C0%2C1-3.34.08A3.05%2C3.05%2C0%2C0%2C1%2C4.2%2C8%2C3%2C3%2C0%2C0%2C1%2C6.59%2C4.12ZM6.7%2C5.63a1.49%2C1.49%2C0%2C0%2C0-.4%2C2.75%2C1.46%2C1.46%2C0%2C0%2C0%2C2.16-1.3A1.46%2C1.46%2C0%2C0%2C0%2C6.7%2C5.63Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-menu .chat-menu-webcam:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2017%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M6%2C.07A6.84%2C6.84%2C0%2C0%2C1%2C9.84.61a7.1%2C7.1%2C0%2C0%2C1%2C4.05%2C5.22%2C7.28%2C7.28%2C0%2C0%2C1-.4%2C3.92%2C7%2C7%2C0%2C0%2C1-3.07%2C3.5c.44.73.87%2C1.46%2C1.32%2C2.18h1.64V17H.93V15.43H2.52c.41-.7.83-1.39%2C1.24-2.08A7.06%2C7.06%2C0%2C0%2C1%2C0%2C7.48%2C7.17%2C7.17%2C0%2C0%2C1%2C.91%2C3.6%2C7.1%2C7.1%2C0%2C0%2C1%2C3.29%2C1.08%2C6.79%2C6.79%2C0%2C0%2C1%2C6%2C.07Zm.39%2C1.47A5.5%2C5.5%2C0%2C0%2C0%2C2.71%2C3.6a5.59%2C5.59%2C0%2C0%2C0%2C2.63%2C8.79%2C5.42%2C5.42%2C0%2C0%2C0%2C3.14.06%2C5.48%2C5.48%2C0%2C0%2C0%2C2.69-1.74A5.58%2C5.58%2C0%2C0%2C0%2C9.31%2C2%2C5.43%2C5.43%2C0%2C0%2C0%2C6.42%2C1.54ZM5.22%2C14c-.29.49-.6%2C1-.9%2C1.48H9.89c-.31-.52-.61-1-.94-1.55A7%2C7%2C0%2C0%2C1%2C5.22%2C14Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M6.59%2C4.12a3%2C3%2C0%2C0%2C1%2C1.73.29A3%2C3%2C0%2C0%2C1%2C9.87%2C7.79%2C3.06%2C3.06%2C0%2C0%2C1%2C8.73%2C9.5a2.92%2C2.92%2C0%2C0%2C1-3.34.08A3.05%2C3.05%2C0%2C0%2C1%2C4.2%2C8%2C3%2C3%2C0%2C0%2C1%2C6.59%2C4.12ZM6.7%2C5.63a1.49%2C1.49%2C0%2C0%2C0-.4%2C2.75%2C1.46%2C1.46%2C0%2C0%2C0%2C2.16-1.3A1.46%2C1.46%2C0%2C0%2C0%2C6.7%2C5.63Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-menu .chat-menu-webcam:before {
  width: 14px;
  height: 17px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2017%22%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M6%2C.07A6.84%2C6.84%2C0%2C0%2C1%2C9.84.61a7.1%2C7.1%2C0%2C0%2C1%2C4.05%2C5.22%2C7.28%2C7.28%2C0%2C0%2C1-.4%2C3.92%2C7%2C7%2C0%2C0%2C1-3.07%2C3.5c.44.73.87%2C1.46%2C1.32%2C2.18h1.64V17H.93V15.43H2.52c.41-.7.83-1.39%2C1.24-2.08A7.06%2C7.06%2C0%2C0%2C1%2C0%2C7.48%2C7.17%2C7.17%2C0%2C0%2C1%2C.91%2C3.6%2C7.1%2C7.1%2C0%2C0%2C1%2C3.29%2C1.08%2C6.79%2C6.79%2C0%2C0%2C1%2C6%2C.07Zm.39%2C1.47A5.5%2C5.5%2C0%2C0%2C0%2C2.71%2C3.6a5.59%2C5.59%2C0%2C0%2C0%2C2.63%2C8.79%2C5.42%2C5.42%2C0%2C0%2C0%2C3.14.06%2C5.48%2C5.48%2C0%2C0%2C0%2C2.69-1.74A5.58%2C5.58%2C0%2C0%2C0%2C9.31%2C2%2C5.43%2C5.43%2C0%2C0%2C0%2C6.42%2C1.54ZM5.22%2C14c-.29.49-.6%2C1-.9%2C1.48H9.89c-.31-.52-.61-1-.94-1.55A7%2C7%2C0%2C0%2C1%2C5.22%2C14Z%22%2F%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M6.59%2C4.12a3%2C3%2C0%2C0%2C1%2C1.73.29A3%2C3%2C0%2C0%2C1%2C9.87%2C7.79%2C3.06%2C3.06%2C0%2C0%2C1%2C8.73%2C9.5a2.92%2C2.92%2C0%2C0%2C1-3.34.08A3.05%2C3.05%2C0%2C0%2C1%2C4.2%2C8%2C3%2C3%2C0%2C0%2C1%2C6.59%2C4.12ZM6.7%2C5.63a1.49%2C1.49%2C0%2C0%2C0-.4%2C2.75%2C1.46%2C1.46%2C0%2C0%2C0%2C2.16-1.3A1.46%2C1.46%2C0%2C0%2C0%2C6.7%2C5.63Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.plus-minus {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  position: relative;
  margin: 0 auto 15px;
  width: 235px;
  height: 44px;
  background: #F3F5F7;
  border-radius: 8px;
}
.plus-minus .pm-button {
  position: relative;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  cursor: pointer;
  transition: border-color 0.4s ease-out;
  border: solid 2px #F3F5F7;
}
.plus-minus .pm-button:hover {
  border: solid 2px #BA37D0;
}
.plus-minus .pm-button.pm-minus {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2210%22%20height%3D%222%22%20viewBox%3D%220%200%2010%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M0.125%201C0.125%200.663451%200.397826%200.390625%200.734375%200.390625H9.26562C9.60217%200.390625%209.875%200.663451%209.875%201C9.875%201.33655%209.60217%201.60938%209.26562%201.60938H0.734375C0.397826%201.60938%200.125%201.33655%200.125%201Z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
  background-color: #FFF;
  background-size: 50%;
  background-position: center;
}
.plus-minus .pm-button.pm-plus {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2013%22%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M6.53%2C13h0a1%2C1%2C0%2C0%2C1-1-1l0-4.59L1%2C7.45H1a1%2C1%2C0%2C0%2C1-1-1H0a1%2C1%2C0%2C0%2C1%2C1-1l4.61%2C0L5.61%2C1a1%2C1%2C0%2C0%2C1%2C1-1h0a1%2C1%2C0%2C0%2C1%2C1%2C1l0%2C4.46%2C4.46%2C0h0a1%2C1%2C0%2C0%2C1%2C1%2C1h0a1%2C1%2C0%2C0%2C1-1%2C1l-4.48%2C0%2C0%2C4.61A1%2C1%2C0%2C0%2C1%2C6.53%2C13Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
  background-color: #FFF;
  background-size: 50%;
  background-position: center;
}
.plus-minus .pm-count {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 120px;
  height: 22px;
  outline: none;
  border: none;
  background: none;
  text-align: center;
}
.plus-minus .pm-count::-webkit-outer-spin-button,
.plus-minus .pm-count::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}
.plus-minus .pm-count[type=number] {
  -moz-appearance: textfield;
  /* Firefox */
}
.spinner {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 9px solid #ba37d0;
  animation: spinner-bulqg1 0.96s infinite linear alternate, spinner-oaa3wk 1.92s infinite linear;
}
@keyframes spinner-bulqg1 {
  0% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
  }
  12.5% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
  }
  25% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
  }
  50% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
  }
  62.5% {
    clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
  }
  75% {
    clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
  }
  100% {
    clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
  }
}
@keyframes spinner-oaa3wk {
  0% {
    transform: scaleY(1) rotate(0deg);
  }
  49.99% {
    transform: scaleY(1) rotate(135deg);
  }
  50% {
    transform: scaleY(-1) rotate(0deg);
  }
  100% {
    transform: scaleY(-1) rotate(-135deg);
  }
}
.intro {
  flex: 1 1 100%;
  min-height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  padding: 100px 20px;
  box-sizing: border-box;
  justify-content: center;
}
@media only screen and (max-width: 999px) {
  .intro {
    padding: 70px 20px;
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .intro {
    padding-bottom: 160px;
  }
}
.intro > video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #000;
  background-position: center center;
  background-size: contain;
  object-fit: cover;
}
.intro-box {
  flex: 0 0 457px;
  max-width: 457px;
  padding: 45px 40px;
  box-sizing: border-box;
  background: #FFF;
  border-radius: 8px;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 999px) {
  .intro-box {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .intro-box {
    padding: 30px;
  }
}
@media only screen and (max-width: 419px) {
  .intro-box {
    padding: 20px;
  }
}
.intro-box .intro-buttons {
  margin: 0 auto;
  width: 100%;
  max-width: 275px;
  padding: 0;
  list-style-type: none;
}
.intro-box .intro-buttons > li > div {
  position: relative;
}
.intro-box .intro-buttons > li + li {
  margin-top: 10px;
}
.intro-box .intro-buttons .g-btn-wrapper {
  display: block !important;
  width: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.intro-box .intro-buttons .g-btn-wrapper .g-btn {
  display: block !important;
  width: 100% !important;
}
.intro-box .intro-buttons .g-btn-wrapper iframe {
  width: 100% !important;
  transform: scaleX(1.35);
  transform-origin: left;
}
.intro-box .intro-header {
  font-size: 30px;
  line-height: 37px;
  text-align: center;
  margin-bottom: 26px;
  font-weight: 600;
  text-transform: uppercase;
}
@media only screen and (max-width: 419px) {
  .intro-box .intro-header {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 30px;
  }
}
.intro-box .intro-info {
  border-bottom: 1px solid #D7DDE1;
  padding-bottom: 30px;
  margin: 0 0 30px 0;
  font-weight: 500;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 539px) {
  .intro-box .intro-info {
    display: block;
    text-align: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}
.intro-box .intro-info .intro-info-number {
  font-size: 41px;
  line-height: 41px;
  font-weight: bold;
  margin-right: 14px;
  flex: 0 0 auto;
  display: block;
}
@media only screen and (max-width: 539px) {
  .intro-box .intro-info .intro-info-number {
    margin: 0 0 10px 0;
    font-size: 36px;
    line-height: 36px;
  }
}
.intro-box .intro-info .intro-info-text {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 15px;
  line-height: 17px;
  margin-right: -10px;
  display: block;
}
.intro-box .intro-info .intro-info-text > strong {
  font-weight: bold;
  white-space: nowrap;
}
.intro-box .intro-terms {
  font-size: 12px;
  line-height: 19px;
  margin: 30px -10px 0 -10px;
  text-align: center;
  color: #555;
  display: block;
}
@media only screen and (max-width: 539px) {
  .intro-box .intro-terms {
    margin-top: 20px;
  }
}
.intro-box .intro-terms > a {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  position: relative;
  text-decoration: none;
  color: #303030;
  font-weight: bold;
}
.intro-box .intro-terms > a:hover:after {
  display: none;
}
.intro-box .intro-terms > a:after {
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  width: 100%;
  content: '';
  background: #AAA;
}
.intro-logo {
  flex: 0 1 auto;
  margin-right: 113px;
  position: relative;
  z-index: 3;
  width: auto;
  background: none;
  box-shadow: none;
}
@media only screen and (max-width: 1200px) {
  .intro-logo {
    margin-right: 60px;
  }
}
@media only screen and (max-width: 999px) {
  .intro-logo {
    max-width: 480px;
    margin: 0 0 40px 0;
    flex: 0 0 auto;
  }
}
.intro-logo > img {
  display: block;
}
.intro-video-toggle {
  position: absolute;
  right: 50px;
  top: 50px;
  width: 48px;
  height: 44px;
  display: block;
  padding: 0;
  z-index: 2;
}
@media only screen and (max-width: 999px) {
  .intro-video-toggle {
    right: 20px;
    top: 20px;
  }
}
.intro-video-toggle:before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 8px;
  height: 12px;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%2012%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M1%2C0H1A1%2C1%2C0%2C0%2C1%2C2%2C1V11a1%2C1%2C0%2C0%2C1-1%2C1H1a1%2C1%2C0%2C0%2C1-1-1V1A1%2C1%2C0%2C0%2C1%2C1%2C0Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M7%2C0H7A1%2C1%2C0%2C0%2C1%2C8%2C1V11a1%2C1%2C0%2C0%2C1-1%2C1H7a1%2C1%2C0%2C0%2C1-1-1V1A1%2C1%2C0%2C0%2C1%2C7%2C0Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.vimeo-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}
.vimeo-wrapper > iframe {
  width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  min-width: 177.77vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 0;
}
.user {
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .user {
    margin-bottom: 20px;
  }
}
.user-box {
  border-radius: 8px;
  overflow: hidden;
  padding: 25px 25px 35px 35px;
  min-height: 560px;
  box-sizing: border-box;
  position: relative;
}
@media only screen and (max-width: 999px) {
  .user-box {
    min-height: 0;
    padding: 15px 20px 30px 20px;
  }
}
.user-box:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  content: '';
  z-index: 2;
  background: linear-gradient(90.17deg, #000 50.37%, rgba(0, 0, 0, 0) 99.84%);
  opacity: 0.55;
}
.user-box .user-box-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.user-box .user-box-bg > img {
  object-fit: cover;
  border-radius: 8px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.user-content {
  position: relative;
  z-index: 3;
}
.user-main {
  display: flex;
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .user-main {
    display: block;
  }
}
.user-main .button {
  min-width: 240px;
}
@media only screen and (max-width: 999px) {
  .user-main .button {
    min-width: 0;
  }
}
@media only screen and (max-width: 767px) {
  .user-main .button {
    min-width: 240px;
  }
}
.user-main .user-avatar {
  flex: 0 0 300px;
  max-width: 300px;
  margin-right: 36px;
  text-align: center;
}
@media only screen and (max-width: 999px) {
  .user-main .user-avatar {
    flex: 0 0 220px;
    max-width: 220px;
    margin-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .user-main .user-avatar {
    max-width: none;
    width: auto;
    margin-bottom: 30px;
  }
}
.user-main .user-avatar .user-avatar-buttons {
  margin: -5px -15px;
  padding: 0;
  list-style-type: none;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}
.user-main .user-avatar .user-avatar-buttons > li {
  margin: 5px;
  flex: 0 1 auto;
}
.user-main .user-avatar .user-avatar-buttons .button {
  min-width: 0;
  padding-left: 15px;
  padding-right: 15px;
}
.user-main .user-avatar .user-avatar-image {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin: 0 auto 20px;
  position: relative;
  background: url("../img/no-profile-picture-icon.svg") no-repeat center / cover;
  aspect-ratio: 1;
  border-radius: 50%;
}
@media only screen and (max-width: 999px) {
  .user-main .user-avatar .user-avatar-image {
    width: 240px;
  }
}
@media only screen and (max-width: 767px) {
  .user-main .user-avatar .user-avatar-image {
    width: 300px;
    margin: 0 auto 20px;
  }
}
@media only screen and (max-width: 539px) {
  .user-main .user-avatar .user-avatar-image {
    width: 240px;
  }
}
.user-main .user-avatar .user-avatar-image > picture > img {
  display: block;
  width: 100%;
  border-radius: 50%;
}
.user-main .user-avatar .user-avatar-image .user-avatar-mood {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 54px;
  height: 54px;
}
@media only screen and (max-width: 999px) {
  .user-main .user-avatar .user-avatar-image .user-avatar-mood {
    width: 44px;
    height: 44px;
  }
}
@media only screen and (max-width: 767px) {
  .user-main .user-avatar .user-avatar-image .user-avatar-mood {
    width: 54px;
    height: 54px;
  }
}
@media only screen and (max-width: 539px) {
  .user-main .user-avatar .user-avatar-image .user-avatar-mood {
    width: 44px;
    height: 44px;
  }
}
.user-main .user-birthday {
  display: grid;
  grid-gap: 12px;
  grid-template-columns: 90px 1fr 72px;
}
@media only screen and (max-width: 419px) {
  .user-main .user-birthday {
    display: block;
  }
}
@media only screen and (max-width: 419px) {
  .user-main .user-birthday .user-birthday-field + .user-birthday-field {
    margin-top: 12px;
  }
}
.user-main .user-name {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 999px) {
  .user-main .user-name {
    min-height: 220px;
  }
}
@media only screen and (max-width: 767px) {
  .user-main .user-name {
    min-height: 0;
    display: block;
    text-align: center;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .user-main .user-name {
    height: 1px;
  }
}
.user-main .user-name .user-name-box {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .user-main .user-name .user-name-box {
    justify-content: center;
  }
}
.user-main .user-name .user-name-box > h1 {
  flex: 0 1 auto;
  margin: 0 13px 0 0;
  font-size: 36px;
  line-height: 47px;
  font-weight: 600;
  color: #FFF;
}
@media only screen and (max-width: 479px) {
  .user-main .user-name .user-name-box > h1 {
    font-size: 28px;
    line-height: 42px;
  }
}
.user-main .user-name .user-name-box .user-sex {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(91.69deg, #FE69B5 0%, #FE69B5 100.9%);
  position: relative;
}
.user-main .user-name .user-name-box .user-sex.user-sex-female:after {
  width: 13px;
  height: 21px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2021%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23FFF%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M6.5%2C12.92A6.46%2C6.46%2C0%2C1%2C1%2C13%2C6.46%2C6.49%2C6.49%2C0%2C0%2C1%2C6.5%2C12.92Zm0-11.3a4.85%2C4.85%2C0%2C1%2C0%2C4.88%2C4.84A4.87%2C4.87%2C0%2C0%2C0%2C6.5%2C1.62Z%22%2F%3E%3Cpolygon%20class%3D%22cls%22%20points%3D%227.31%2021%205.69%2021%205.69%2016.87%201.63%2016.87%201.63%2015.25%205.69%2015.25%205.69%2012.12%207.31%2012.12%207.31%2015.25%2011.38%2015.25%2011.38%2016.87%207.31%2016.87%207.31%2021%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.user-main .user-name .user-name-box .user-sex.user-sex-male:after {
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2021%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23FFF%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M7.79%2C21A7.71%2C7.71%2C0%2C0%2C1%2C0%2C13.38%2C7.71%2C7.71%2C0%2C0%2C1%2C7.79%2C5.76a7.71%2C7.71%2C0%2C0%2C1%2C7.78%2C7.62A7.71%2C7.71%2C0%2C0%2C1%2C7.79%2C21Zm0-13.68a6.14%2C6.14%2C0%2C0%2C0-6.2%2C6.06%2C6.14%2C6.14%2C0%2C0%2C0%2C6.2%2C6.06A6.14%2C6.14%2C0%2C0%2C0%2C14%2C13.38%2C6.14%2C6.14%2C0%2C0%2C0%2C7.79%2C7.32Z%22%2F%3E%3Cpolygon%20class%3D%22cls%22%20points%3D%2213.28%208.65%2012.16%207.55%2018.29%201.55%2014.14%201.55%2014.14%200%2021%200%2021%206.71%2019.41%206.71%2019.41%202.65%2013.28%208.65%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.user-main .user-name .user-name-box .user-sex:after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  transform: translate(-50%, -50%);
}
.user-main .user-name .user-status {
  font-size: 13px;
  line-height: 17px;
  font-weight: 500;
  color: #FFF;
  margin: 5px 0 0 2px;
  position: relative;
  padding-left: 18px;
}
@media only screen and (max-width: 767px) {
  .user-main .user-name .user-status {
    margin: 5px auto 0;
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    box-sizing: border-box;
  }
}
.user-main .user-name .user-status:before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 9px;
  height: 14px;
  content: '';
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209%2014%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M9%2C2.33A2.3%2C2.3%2C0%2C0%2C0%2C6.75%2C0H2.25A2.3%2C2.3%2C0%2C0%2C0%2C0%2C2.33v9.34A2.3%2C2.3%2C0%2C0%2C0%2C2.25%2C14h4.5A2.3%2C2.3%2C0%2C0%2C0%2C9%2C11.67ZM5.06%2C12.83H3.94a.58.58%2C0%2C0%2C1%2C0-1.16H5.06a.58.58%2C0%2C0%2C1%2C0%2C1.16ZM7.87%2C9.92a.54.54%2C0%2C0%2C1-.56.58H1.69a.54.54%2C0%2C0%2C1-.56-.58v-7a.54.54%2C0%2C0%2C1%2C.56-.59H7.31a.54.54%2C0%2C0%2C1%2C.56.59Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.user-main .user-settings {
  flex: 1 1 auto;
  min-width: 0;
  font-weight: 600;
  color: #FFF;
}
.user-main .user-settings a {
  color: #FFF;
}
.user-main .user-settings .user-info {
  display: grid;
  column-gap: 28px;
  row-gap: 24px;
  align-items: center;
  grid-template-columns: min-content minmax(150px, 336px);
}
@media only screen and (max-width: 539px) {
  .user-main .user-settings .user-info {
    display: block;
  }
}
.user-main .user-settings .user-info .user-info-lang {
  max-width: 151px;
}
@media only screen and (max-width: 539px) {
  .user-main .user-settings .user-info > fieldset + label {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 539px) {
  .user-main .user-settings .user-info > label {
    display: block;
    margin-bottom: 5px;
  }
}
.user-main .user-settings .user-settings-block {
  position: relative;
}
.user-main .user-settings .user-settings-block + .user-settings-block {
  margin-top: 25px;
}
.user-main .user-settings .user-settings-block.linkbtn {
  display: inline-block;
}
.user-main .user-settings .user-settings-block.linkbtn:hover {
  text-decoration: underline;
}
.user-main .user-settings .user-settings-block.linkbtn .g-btn-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.01;
}
.user-main .user-settings .user-settings-block.linkbtn .g-btn-wrapper iframe {
  width: 100% !important;
  transform: scaleY(0.6);
  transform-origin: top;
}
.user-main .user-settings .user-settings-block .close-btn {
  display: inline-block;
  position: relative;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M10.94%2C12a1%2C1%2C0%2C0%2C1-.75-.31L6%2C7.45%2C1.81%2C11.69a1.07%2C1.07%2C0%2C0%2C1-1.5%2C0%2C1%2C1%2C0%2C0%2C1%2C0-1.49l4.2-4.26L.42%2C1.8a1%2C1%2C0%2C0%2C1-.31-.74A1%2C1%2C0%2C0%2C1%2C.42.31a1.06%2C1.06%2C0%2C0%2C1%2C1.5%2C0L6%2C4.44%2C10.08.31A1.06%2C1.06%2C0%2C0%2C1%2C11.59%2C1.8L7.49%2C5.94l4.2%2C4.26a1%2C1%2C0%2C0%2C1%2C.31.74%2C1%2C1%2C0%2C0%2C1-.31.75A1.05%2C1.05%2C0%2C0%2C1%2C10.94%2C12Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
  cursor: pointer;
}
.user-main .user-settings .user-settings-block .close-btn:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M10.94%2C12a1%2C1%2C0%2C0%2C1-.75-.31L6%2C7.45%2C1.81%2C11.69a1.07%2C1.07%2C0%2C0%2C1-1.5%2C0%2C1%2C1%2C0%2C0%2C1%2C0-1.49l4.2-4.26L.42%2C1.8a1%2C1%2C0%2C0%2C1-.31-.74A1%2C1%2C0%2C0%2C1%2C.42.31a1.06%2C1.06%2C0%2C0%2C1%2C1.5%2C0L6%2C4.44%2C10.08.31A1.06%2C1.06%2C0%2C0%2C1%2C11.59%2C1.8L7.49%2C5.94l4.2%2C4.26a1%2C1%2C0%2C0%2C1%2C.31.74%2C1%2C1%2C0%2C0%2C1-.31.75A1.05%2C1.05%2C0%2C0%2C1%2C10.94%2C12Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.user-settings-fill-info {
  margin-top: 15px;
  padding-left: 25px;
  color: #FFF;
}
.user-top {
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
}
.user-top .user-top-side {
  flex: 0 0 auto;
  margin: 0 -4px;
  display: flex;
}
.user-top .user-top-side .button {
  flex: 0 0 auto;
  margin: 0 4px;
}
@media only screen and (max-width: 539px) {
  .user-top .user-top-side .button {
    width: 44px;
    height: 44px;
    padding: 0;
    min-width: 0;
  }
}
@media only screen and (max-width: 539px) {
  .user-top .user-top-side .button:before {
    margin: 0;
  }
}
@media only screen and (max-width: 539px) {
  .user-top .user-top-side .button > span {
    display: none;
  }
}
.present .present-image > img {
  margin: 0 auto 13px;
  display: block;
}
.present .present-user {
  display: flex;
  align-items: flex-start;
}
.present .present-user .present-user-avatar {
  flex: 0 0 auto;
  margin-right: 6px;
}
.present .present-user .present-user-avatar > img {
  border-radius: 50%;
  display: block;
  width: 30px;
  height: 30px;
}
.present .present-user .present-user-info {
  align-self: center;
  flex: 1 1 auto;
  min-width: 0;
}
.present .present-user .present-user-info > p {
  margin: 1px 0 0 0;
  font-size: 10px;
  line-height: 12px;
  color: #777;
}
.present .present-user .present-user-info > span {
  font-weight: bold;
  color: #303030;
  display: block;
  font-size: 11px;
  line-height: 13px;
}
.presents {
  display: grid;
  grid-gap: 28px;
  grid-template-columns: repeat(auto-fit, 100px);
}
.interest {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.interest:hover .interest-content > span {
  color: #BA37D0;
}
.interest > input {
  position: absolute;
  left: -99999px;
}
.interest > input:checked + .interest-content > i {
  opacity: 1;
  background: linear-gradient(91.72deg, #8449C1 0%, #BB36D0 100%);
  border: 0;
}
.interest > input:checked + .interest-content > i > svg > path {
  fill: #FFF;
}
.interest > input:checked + .interest-content > span {
  color: #BA37D0;
}
.interest-content {
  font-weight: 600;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
}
.interest-content > i {
  opacity: 0.5;
  width: 46px;
  height: 46px;
  box-sizing: border-box;
  border-radius: 50%;
  margin-right: 15px;
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  background: linear-gradient(91.72deg, #8449C1 0%, #BB36D0 100%);
}
.interest-content > i > svg {
  display: block;
  max-width: 90%;
  max-height: 90%;
  flex: 0 0 auto;
}
.interest-content > i > svg > path {
  fill: #FFF;
}
.interest-content > span {
  flex: 0 1 auto;
  display: block;
}
.interest-content.no-checkbox > i {
  opacity: 1;
}
.interest-more {
  max-width: 100%;
  position: relative;
  overflow: hidden;
  font-weight: 600;
  display: inline-grid;
  vertical-align: top;
  grid-template-columns: auto 1fr;
  align-items: center;
  color: #444;
  text-decoration: none;
}
.interest-more:hover {
  color: #BA37D0;
}
.interest-more:hover > i {
  border-color: #BA37D0;
}
.interest-more:hover > i:after,
.interest-more:hover > i:before {
  background: #BA37D0;
}
.interest-more > i {
  width: 46px;
  height: 46px;
  display: block;
  box-sizing: border-box;
  border-radius: 50%;
  margin-right: 15px;
  background: none;
  border: 1px solid #E8E8E8;
  position: relative;
  transition: border-color 0.2s ease;
}
.interest-more > i:after {
  width: 4px;
  height: 18px;
}
.interest-more > i:before {
  width: 18px;
  height: 4px;
}
.interest-more > i:after,
.interest-more > i:before {
  border-radius: 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  background: #797878;
  transform: translate(-50%, -50%);
  transition: background 0.2s ease;
}
.interest-more > span {
  flex: 0 1 auto;
  display: block;
}
.interests {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: grid;
  grid-gap: 26px;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}
@media only screen and (max-width: 767px) {
  .interests {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    grid-gap: 20px;
  }
}
.media {
  cursor: pointer;
  position: relative;
  border-radius: 8px;
  transition: background 0.2s ease;
}
.media:hover {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
.media .media-preview > img {
  display: block;
  border-radius: 8px;
  width: 100%;
}
.media .media-remove {
  margin: 0;
  padding: 0;
  outline: 0;
  cursor: pointer;
  border: 0;
  border-radius: 50%;
  -webkit-appearance: none;
  width: 30px;
  height: 30px;
  right: 10px;
  top: 10px;
  position: absolute;
  background: #BA37D0;
  transition: background 0.2s ease;
}
.media .media-remove:hover {
  background: #303030;
}
.media .media-remove:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  content: '';
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M10.94%2C12a1%2C1%2C0%2C0%2C1-.75-.31L6%2C7.45%2C1.81%2C11.69a1.07%2C1.07%2C0%2C0%2C1-1.5%2C0%2C1%2C1%2C0%2C0%2C1%2C0-1.49l4.2-4.26L.42%2C1.8a1%2C1%2C0%2C0%2C1-.31-.74A1%2C1%2C0%2C0%2C1%2C.42.31a1.06%2C1.06%2C0%2C0%2C1%2C1.5%2C0L6%2C4.44%2C10.08.31A1.06%2C1.06%2C0%2C0%2C1%2C11.59%2C1.8L7.49%2C5.94l4.2%2C4.26a1%2C1%2C0%2C0%2C1%2C.31.74%2C1%2C1%2C0%2C0%2C1-.31.75A1.05%2C1.05%2C0%2C0%2C1%2C10.94%2C12Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.media-caption {
  margin-top: 8px;
  font-size: 12px;
  line-height: 16px;
  padding: 8px 12px;
  border-radius: 8px;
  background: #F3F5F7;
  overflow: hidden;
}
.media-caption .simplebar-scrollbar:before {
  background: #BA37D0;
}
.media-caption .simplebar-track {
  right: -4px;
  background: #DADCDF;
  border-radius: 2px;
}
.media-caption .simplebar-track.simplebar-vertical {
  width: 2px;
}
.media-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: grid;
  grid-gap: 24px;
}
.media-list li {
  max-width: 300px;
}
.media-list.media-photo {
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
}
.media-list.media-photo .media-caption [data-simplebar] {
  height: 64px;
}
.media-list.media-video {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
.media-list.media-video .media:before {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 64px;
  height: 64px;
  content: '';
  transform: translate(-50%, -50%);
  background: url('../img/play.svg') no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}
.media-list.media-video .media-caption [data-simplebar] {
  height: 48px;
}
.search-result {
  display: grid;
  grid-gap: 24px;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}
@media only screen and (max-width: 767px) {
  .search-result {
    grid-gap: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .search-result > article {
    min-width: 100%;
  }
}
.search-result article {
  position: relative;
  max-width: 350px;
}
.search-result article .tip-content {
  position: absolute;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  transition-duration: 300ms;
  background: #FFFFFF;
  border-radius: 4px;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  color: #303030;
  padding: 20px;
  font-size: 13px;
  line-height: 17px;
  white-space: normal;
  outline: 0;
  z-index: 10;
}
.search-result article .tip-content.show {
  display: block;
}
.search-result-empty {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 80vh;
  color: #777;
  font-family: Montserrat, sans-serif;
  font-size: 110px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media only screen and (max-width: 767px) {
  .search-result-empty {
    font-size: 80px;
  }
}
@media only screen and (max-width: 480px) {
  .search-result-empty {
    font-size: 40px;
  }
}
/*
*/
.chat {
  display: grid;
  grid-template-columns: 312px 1fr;
  grid-template-rows: 66px 1fr 100px;
  grid-template-areas: 'search header' 'list window' 'list form';
  background: #FFF;
  border-radius: 8px;
  overflow: hidden;
}
@media only screen and (max-width: 1440px) {
  .chat {
    border-radius: 0 0 8px 8px;
  }
}
@media only screen and (max-width: 999px) {
  .chat {
    grid-template-rows: 66px 1fr 70px;
    grid-template-columns: 243px 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .chat {
    grid-template-columns: 320px 1fr;
    transition: transform 0.3s ease-in-out;
    will-change: transform;
    width: calc(100% + 320px);
  }
  .chat.is-shifted {
    transform: translateX(-320px);
  }
}
@media only screen and (max-width: 419px) {
  .chat {
    grid-template-columns: repeat(2, 1fr);
    width: 200%;
  }
  .chat.is-shifted {
    transform: translateX(-50%);
  }
}
.chat.chat-invite {
  grid-template-rows: 66px 1fr 82px;
  grid-template-areas: 'search header' 'list window' 'list start';
}
.chat.chat-letter {
  grid-template-rows: 66px auto 1fr 82px;
  grid-template-areas: 'search header' 'list subject' 'list window' 'list start';
}
.chat.chat-letter-write {
  grid-template-areas: 'to' 'subject' 'text' 'bottom';
  grid-template-rows: auto auto 1fr 74px;
  grid-template-columns: 100%;
}
@media only screen and (max-width: 767px) {
  .chat.chat-letter-write {
    width: 100%;
  }
}
@media only screen and (max-width: 419px) {
  .chat.chat-letter-write {
    width: 100%;
  }
}
.chat.chat-letter-write .chat-letter-box-write {
  border-top: 1px solid #F2F2F2;
  padding: 0 24px;
}
.chat.chat-letter-write .chat-letter-box-write .chat-letter-row {
  margin: 0;
}
.chat-form {
  grid-area: form;
  display: flex;
  align-items: stretch;
  padding: 0 24px 15px 0;
  position: relative;
  z-index: 5;
}
@media only screen and (max-width: 999px) {
  .chat-form {
    padding: 0 12px 0 0;
    align-items: center;
  }
}
.chat-form .chat-form-buttons {
  margin: 0;
  padding: 0;
  list-style-type: none;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1000px) {
  .chat-form .chat-form-buttons {
    align-self: flex-end;
  }
}
.chat-form .chat-form-buttons > li {
  flex: 0 0 auto;
}
.chat-form .chat-form-buttons > li + li {
  margin-left: 10px;
}
.chat-form .chat-form-buttons > li > button,
.chat-form .chat-form-buttons > li > div {
  margin: 0;
  padding: 0;
  outline: 0;
  cursor: pointer;
  border: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  position: relative;
  width: 40px;
  height: 40px;
  display: block;
  background: none;
}
@media only screen and (max-width: 999px) {
  .chat-form .chat-form-buttons > li > button,
  .chat-form .chat-form-buttons > li > div {
    width: 22px;
    height: 22px;
  }
}
.chat-form .chat-form-buttons > li > button:before,
.chat-form .chat-form-buttons > li > div:before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  transition: background 0.2s ease;
  transform: translate(-50%, -50%);
}
.chat-form .chat-form-buttons .chat-form-present:hover:before,
.chat-form .chat-form-buttons .chat-form-present.is-active:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2021%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M18.88%2C10.78H1.12A1.11%2C1.11%2C0%2C0%2C1%2C0%2C9.68V7.57a1.11%2C1.11%2C0%2C0%2C1%2C1.12-1.1H18.88A1.11%2C1.11%2C0%2C0%2C1%2C20%2C7.57V9.68A1.11%2C1.11%2C0%2C0%2C1%2C18.88%2C10.78ZM1.4%2C9.41H18.6V7.84H1.4Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M10.71%2C20.31H9.3V7.44l0%2C0c-.5-.21-1-.4-1.54-.59C5.43%2C6%2C2.83%2C5%2C2.88%2C2.83a2.72%2C2.72%2C0%2C0%2C1%2C.29-1.1%2C2.64%2C2.64%2C0%2C0%2C1%2C.69-.9A3.37%2C3.37%2C0%2C0%2C1%2C5.68%2C0h0C8-.23%2C9%2C2.37%2C9.82%2C4.67l.21.58c.06-.14.11-.28.16-.41C11.05%2C2.54%2C12-.07%2C14.31.18A3.4%2C3.4%2C0%2C0%2C1%2C16.16%2C1h0a2.85%2C2.85%2C0%2C0%2C1%2C.69.89A2.93%2C2.93%2C0%2C0%2C1%2C17.13%2C3c.05%2C2.22-2.55%2C3.18-4.84%2C4-.52.19-1%2C.38-1.53.59l0%2C0ZM14%2C1.54c-1%2C0-1.71%2C1.57-2.53%2C3.77-.08.19-.15.39-.22.58l.5-.18c2-.72%2C4-1.46%2C3.94-2.68a1.42%2C1.42%2C0%2C0%2C0-.15-.55A1.41%2C1.41%2C0%2C0%2C0%2C15.23%2C2h0a2.08%2C2.08%2C0%2C0%2C0-1.08-.48ZM5.85%2C1.38a2%2C2%2C0%2C0%2C0-1.06.48%2C1.6%2C1.6%2C0%2C0%2C0-.36.46%2C1.42%2C1.42%2C0%2C0%2C0-.15.56c0%2C1.21%2C2%2C2%2C3.94%2C2.66l.5.19c-.07-.19-.15-.39-.22-.59C7.65%2C2.87%2C7%2C1.27%2C5.85%2C1.38Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M18.51%2C21H1.5V9.41h17ZM2.91%2C19.63h14.2V10.79H2.91Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-form .chat-form-buttons .chat-form-present:before {
  width: 20px;
  height: 21px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2021%22%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M18.88%2C10.78H1.12A1.11%2C1.11%2C0%2C0%2C1%2C0%2C9.68V7.57a1.11%2C1.11%2C0%2C0%2C1%2C1.12-1.1H18.88A1.11%2C1.11%2C0%2C0%2C1%2C20%2C7.57V9.68A1.11%2C1.11%2C0%2C0%2C1%2C18.88%2C10.78ZM1.4%2C9.41H18.6V7.84H1.4Z%22%2F%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M10.71%2C20.31H9.3V7.44l0%2C0c-.5-.21-1-.4-1.54-.59C5.43%2C6%2C2.83%2C5%2C2.88%2C2.83a2.72%2C2.72%2C0%2C0%2C1%2C.29-1.1%2C2.64%2C2.64%2C0%2C0%2C1%2C.69-.9A3.37%2C3.37%2C0%2C0%2C1%2C5.68%2C0h0C8-.23%2C9%2C2.37%2C9.82%2C4.67l.21.58c.06-.14.11-.28.16-.41C11.05%2C2.54%2C12-.07%2C14.31.18A3.4%2C3.4%2C0%2C0%2C1%2C16.16%2C1h0a2.85%2C2.85%2C0%2C0%2C1%2C.69.89A2.93%2C2.93%2C0%2C0%2C1%2C17.13%2C3c.05%2C2.22-2.55%2C3.18-4.84%2C4-.52.19-1%2C.38-1.53.59l0%2C0ZM14%2C1.54c-1%2C0-1.71%2C1.57-2.53%2C3.77-.08.19-.15.39-.22.58l.5-.18c2-.72%2C4-1.46%2C3.94-2.68a1.42%2C1.42%2C0%2C0%2C0-.15-.55A1.41%2C1.41%2C0%2C0%2C0%2C15.23%2C2h0a2.08%2C2.08%2C0%2C0%2C0-1.08-.48ZM5.85%2C1.38a2%2C2%2C0%2C0%2C0-1.06.48%2C1.6%2C1.6%2C0%2C0%2C0-.36.46%2C1.42%2C1.42%2C0%2C0%2C0-.15.56c0%2C1.21%2C2%2C2%2C3.94%2C2.66l.5.19c-.07-.19-.15-.39-.22-.59C7.65%2C2.87%2C7%2C1.27%2C5.85%2C1.38Z%22%2F%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M18.51%2C21H1.5V9.41h17ZM2.91%2C19.63h14.2V10.79H2.91Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
@media only screen and (max-width: 999px) {
  .chat-form .chat-form-buttons .chat-form-present:before {
    width: 16px;
    height: 17px;
  }
}
.chat-form .chat-form-buttons .chat-form-send-message {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: linear-gradient(91.72deg, #8449C1 0%, #BB36D0 100%);
  opacity: 1;
  transition: opacity 0.2s ease;
}
@media only screen and (max-width: 999px) {
  .chat-form .chat-form-buttons .chat-form-send-message {
    width: 34px;
    height: 34px;
  }
}
.chat-form .chat-form-buttons .chat-form-send-message:hover {
  opacity: 0.75;
}
.chat-form .chat-form-buttons .chat-form-send-message:before {
  width: 20px;
  height: 20px;
  margin-left: 1px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M1.19%2C20H1.06a1.11%2C1.11%2C0%2C0%2C1-.61-.25%2C1.09%2C1.09%2C0%2C0%2C1-.38-.54%2C1.18%2C1.18%2C0%2C0%2C1%2C0-.67v0l2.5-8.64L.05%2C1.51a1.27%2C1.27%2C0%2C0%2C1%2C0-.7A1.12%2C1.12%2C0%2C0%2C1%2C.45.26%2C1.17%2C1.17%2C0%2C0%2C1%2C1.06%2C0a1.15%2C1.15%2C0%2C0%2C1%2C.66.11L19.34%2C8.93a1.2%2C1.2%2C0%2C0%2C1%2C.48.44A1.18%2C1.18%2C0%2C0%2C1%2C20%2C10a1.15%2C1.15%2C0%2C0%2C1-.18.62%2C1.2%2C1.2%2C0%2C0%2C1-.48.44L1.72%2C19.88A1.24%2C1.24%2C0%2C0%2C1%2C1.19%2C20ZM1.76%2C1.87l2.39%2C8-2.4%2C8.29L18%2C10Zm16.89%2C8.44h0Zm0-.63Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M19.23%2C10.78h0L3.34%2C10.63a.79.79%2C0%2C0%2C1-.77-.78.75.75%2C0%2C0%2C1%2C.78-.76l15.88.15a.77.77%2C0%2C1%2C1%2C0%2C1.54Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
@media only screen and (max-width: 999px) {
  .chat-form .chat-form-buttons .chat-form-send-message:before {
    width: 16px;
    height: 16px;
  }
}
.chat-form .chat-form-buttons .chat-form-smile:hover:before,
.chat-form .chat-form-buttons .chat-form-smile.is-active:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M11%2C22A11%2C11%2C0%2C1%2C1%2C22%2C11%2C11%2C11%2C0%2C0%2C1%2C11%2C22ZM11%2C1.63A9.37%2C9.37%2C0%2C1%2C0%2C20.37%2C11%2C9.38%2C9.38%2C0%2C0%2C0%2C11%2C1.63Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M11%2C17.05a6.09%2C6.09%2C0%2C0%2C1-5.17-2.89l1.38-.86a4.51%2C4.51%2C0%2C0%2C0%2C1.62%2C1.54%2C4.57%2C4.57%2C0%2C0%2C0%2C2.17.58%2C4.51%2C4.51%2C0%2C0%2C0%2C3.82-2.21l1.4.83a6.15%2C6.15%2C0%2C0%2C1-5.22%2C3Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M7.68%2C9.69A1.26%2C1.26%2C0%2C1%2C1%2C8.94%2C8.43%2C1.26%2C1.26%2C0%2C0%2C1%2C7.68%2C9.69Zm0-1.63a.37.37%2C0%2C0%2C0-.37.37.38.38%2C0%2C0%2C0%2C.75%2C0A.37.37%2C0%2C0%2C0%2C7.68%2C8.06Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M14.31%2C9.69a1.26%2C1.26%2C0%2C1%2C1%2C1.26-1.26A1.26%2C1.26%2C0%2C0%2C1%2C14.31%2C9.69Zm0-1.63a.36.36%2C0%2C0%2C0-.37.37.37.37%2C0%2C0%2C0%2C.37.37.38.38%2C0%2C0%2C0%2C.37-.37A.37.37%2C0%2C0%2C0%2C14.31%2C8.06Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-form .chat-form-buttons .chat-form-smile:before {
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M11%2C22A11%2C11%2C0%2C1%2C1%2C22%2C11%2C11%2C11%2C0%2C0%2C1%2C11%2C22ZM11%2C1.63A9.37%2C9.37%2C0%2C1%2C0%2C20.37%2C11%2C9.38%2C9.38%2C0%2C0%2C0%2C11%2C1.63Z%22%2F%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M11%2C17.05a6.09%2C6.09%2C0%2C0%2C1-5.17-2.89l1.38-.86a4.51%2C4.51%2C0%2C0%2C0%2C1.62%2C1.54%2C4.57%2C4.57%2C0%2C0%2C0%2C2.17.58%2C4.51%2C4.51%2C0%2C0%2C0%2C3.82-2.21l1.4.83a6.15%2C6.15%2C0%2C0%2C1-5.22%2C3Z%22%2F%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M7.68%2C9.69A1.26%2C1.26%2C0%2C1%2C1%2C8.94%2C8.43%2C1.26%2C1.26%2C0%2C0%2C1%2C7.68%2C9.69Zm0-1.63a.37.37%2C0%2C0%2C0-.37.37.38.38%2C0%2C0%2C0%2C.75%2C0A.37.37%2C0%2C0%2C0%2C7.68%2C8.06Z%22%2F%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M14.31%2C9.69a1.26%2C1.26%2C0%2C1%2C1%2C1.26-1.26A1.26%2C1.26%2C0%2C0%2C1%2C14.31%2C9.69Zm0-1.63a.36.36%2C0%2C0%2C0-.37.37.37.37%2C0%2C0%2C0%2C.37.37.38.38%2C0%2C0%2C0%2C.37-.37A.37.37%2C0%2C0%2C0%2C14.31%2C8.06Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
@media only screen and (max-width: 999px) {
  .chat-form .chat-form-buttons .chat-form-smile:before {
    width: 18px;
    height: 18px;
  }
}
.chat-form .chat-form-buttons .chat-form-translate:hover:before,
.chat-form .chat-form-buttons .chat-form-translate.is-active:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23BA37D0%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M1.79%2C17.08%2C1%2C15.85c9.23-6%2C10-13.47%2C10-13.55l1.5.13C12.47%2C2.77%2C11.66%2C10.69%2C1.79%2C17.08Z%22%2F%3E%3Crect%20class%3D%22cls%22%20y%3D%221.63%22%20width%3D%2214.74%22%20height%3D%221.48%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%226.62%22%20width%3D%221.5%22%20height%3D%222.37%22%2F%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M10.23%2C14.48c-3.05-2-6.67-8.27-6.82-8.54l1.31-.73c0%2C.07%2C3.6%2C6.22%2C6.35%2C8.05Z%22%2F%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M12%2C20l-1.39-.58L15.27%2C8.67a1.18%2C1.18%2C0%2C0%2C1%2C.42-.49%2C1.15%2C1.15%2C0%2C0%2C1%2C1.25%2C0%2C1%2C1%2C0%2C0%2C1%2C.42.49L22%2C19.42%2C20.62%2C20l-4.3-10Z%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%2212.92%22%20y%3D%2215.27%22%20width%3D%226.79%22%20height%3D%221.48%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-form .chat-form-buttons .chat-form-translate:before {
  width: 22px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23999%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M1.79%2C17.08%2C1%2C15.85c9.23-6%2C10-13.47%2C10-13.55l1.5.13C12.47%2C2.77%2C11.66%2C10.69%2C1.79%2C17.08Z%22%2F%3E%3Crect%20class%3D%22cls%22%20y%3D%221.63%22%20width%3D%2214.74%22%20height%3D%221.48%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%226.62%22%20width%3D%221.5%22%20height%3D%222.37%22%2F%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M10.23%2C14.48c-3.05-2-6.67-8.27-6.82-8.54l1.31-.73c0%2C.07%2C3.6%2C6.22%2C6.35%2C8.05Z%22%2F%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M12%2C20l-1.39-.58L15.27%2C8.67a1.18%2C1.18%2C0%2C0%2C1%2C.42-.49%2C1.15%2C1.15%2C0%2C0%2C1%2C1.25%2C0%2C1%2C1%2C0%2C0%2C1%2C.42.49L22%2C19.42%2C20.62%2C20l-4.3-10Z%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%2212.92%22%20y%3D%2215.27%22%20width%3D%226.79%22%20height%3D%221.48%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
@media only screen and (max-width: 999px) {
  .chat-form .chat-form-buttons .chat-form-translate:before {
    width: 18px;
    height: 17px;
  }
}
.chat-form .chat-form-buttons .chat-form-photo:hover:before,
.chat-form .chat-form-buttons .chat-form-photo.is-active:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2018%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M22.3%2C18H1.7a1.7%2C1.7%2C0%2C0%2C1-1.2-.48A1.67%2C1.67%2C0%2C0%2C1%2C0%2C16.34V4.39a1.13%2C1.13%2C0%2C0%2C1%2C.34-.86%2C1.62%2C1.62%2C0%2C0%2C1%2C1.24-.34H5.06L6.85.64A1.67%2C1.67%2C0%2C0%2C1%2C7.48.15%2C1.71%2C1.71%2C0%2C0%2C1%2C8.19%2C0h7.54A1.7%2C1.7%2C0%2C0%2C1%2C17%2C.58l1.84%2C2.61h3.56a1.61%2C1.61%2C0%2C0%2C1%2C1.24.34%2C1.13%2C1.13%2C0%2C0%2C1%2C.34.86v12a1.65%2C1.65%2C0%2C0%2C1-.5%2C1.18A1.7%2C1.7%2C0%2C0%2C1%2C22.3%2C18ZM1.53%2C4.68V16.34a.17.17%2C0%2C0%2C0%2C.05.12.16.16%2C0%2C0%2C0%2C.12%2C0H22.3a.16.16%2C0%2C0%2C0%2C.12%2C0%2C.17.17%2C0%2C0%2C0%2C0-.12V4.68H18.7a1.14%2C1.14%2C0%2C0%2C1-.51-.11%2C1.1%2C1.1%2C0%2C0%2C1-.42-.31l-2-2.77H8.19l-2%2C2.7a1.36%2C1.36%2C0%2C0%2C1-.47.37%2C1.19%2C1.19%2C0%2C0%2C1-.52.11H1.53Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M12%2C15.23A5.38%2C5.38%2C0%2C0%2C1%2C6.55%2C9.91a5.45%2C5.45%2C0%2C0%2C1%2C10.9%2C0A5.39%2C5.39%2C0%2C0%2C1%2C12%2C15.23Zm0-9.15A3.88%2C3.88%2C0%2C0%2C0%2C8.08%2C9.91a3.92%2C3.92%2C0%2C0%2C0%2C7.84%2C0A3.88%2C3.88%2C0%2C0%2C0%2C12%2C6.08Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-form .chat-form-buttons .chat-form-photo:before {
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2018%22%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M22.3%2C18H1.7a1.7%2C1.7%2C0%2C0%2C1-1.2-.48A1.67%2C1.67%2C0%2C0%2C1%2C0%2C16.34V4.39a1.13%2C1.13%2C0%2C0%2C1%2C.34-.86%2C1.62%2C1.62%2C0%2C0%2C1%2C1.24-.34H5.06L6.85.64A1.67%2C1.67%2C0%2C0%2C1%2C7.48.15%2C1.71%2C1.71%2C0%2C0%2C1%2C8.19%2C0h7.54A1.7%2C1.7%2C0%2C0%2C1%2C17%2C.58l1.84%2C2.61h3.56a1.61%2C1.61%2C0%2C0%2C1%2C1.24.34%2C1.13%2C1.13%2C0%2C0%2C1%2C.34.86v12a1.65%2C1.65%2C0%2C0%2C1-.5%2C1.18A1.7%2C1.7%2C0%2C0%2C1%2C22.3%2C18ZM1.53%2C4.68V16.34a.17.17%2C0%2C0%2C0%2C.05.12.16.16%2C0%2C0%2C0%2C.12%2C0H22.3a.16.16%2C0%2C0%2C0%2C.12%2C0%2C.17.17%2C0%2C0%2C0%2C0-.12V4.68H18.7a1.14%2C1.14%2C0%2C0%2C1-.51-.11%2C1.1%2C1.1%2C0%2C0%2C1-.42-.31l-2-2.77H8.19l-2%2C2.7a1.36%2C1.36%2C0%2C0%2C1-.47.37%2C1.19%2C1.19%2C0%2C0%2C1-.52.11H1.53Z%22%2F%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M12%2C15.23A5.38%2C5.38%2C0%2C0%2C1%2C6.55%2C9.91a5.45%2C5.45%2C0%2C0%2C1%2C10.9%2C0A5.39%2C5.39%2C0%2C0%2C1%2C12%2C15.23Zm0-9.15A3.88%2C3.88%2C0%2C0%2C0%2C8.08%2C9.91a3.92%2C3.92%2C0%2C0%2C0%2C7.84%2C0A3.88%2C3.88%2C0%2C0%2C0%2C12%2C6.08Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-form .chat-form-buttons .chat-form-video:hover:before,
.chat-form .chat-form-buttons .chat-form-video.is-active:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2026%2016%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M18.4%2C16H1.64A1.65%2C1.65%2C0%2C0%2C1%2C0%2C14.35V1.65A1.65%2C1.65%2C0%2C0%2C1%2C1.64%2C0H18.4A1.65%2C1.65%2C0%2C0%2C1%2C20%2C1.65v12.7A1.65%2C1.65%2C0%2C0%2C1%2C18.4%2C16ZM1.64%2C1.55a.1.1%2C0%2C0%2C0-.11.1v12.7a.1.1%2C0%2C0%2C0%2C.11.1H18.4a.1.1%2C0%2C0%2C0%2C.11-.1V1.65a.1.1%2C0%2C0%2C0-.11-.1Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M25%2C13.24a1%2C1%2C0%2C0%2C1-.43-.09l-.06%2C0-6-3.45V5.9l6.06-3a1%2C1%2C0%2C0%2C1%2C.55-.09%2C1%2C1%2C0%2C0%2C1%2C.48.18%2C1.05%2C1.05%2C0%2C0%2C1%2C.32.4.93.93%2C0%2C0%2C1%2C.09.52V12.2a.89.89%2C0%2C0%2C1-.11.47%2C1%2C1%2C0%2C0%2C1-.34.4%2C1%2C1%2C0%2C0%2C1-.49.17Zm-.52-1.07v0ZM20%2C8.77l4.45%2C2.55V4.63L20%2C6.86Zm4.45-5v0Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-form .chat-form-buttons .chat-form-video:before {
  width: 26px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2026%2016%22%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M18.4%2C16H1.64A1.65%2C1.65%2C0%2C0%2C1%2C0%2C14.35V1.65A1.65%2C1.65%2C0%2C0%2C1%2C1.64%2C0H18.4A1.65%2C1.65%2C0%2C0%2C1%2C20%2C1.65v12.7A1.65%2C1.65%2C0%2C0%2C1%2C18.4%2C16ZM1.64%2C1.55a.1.1%2C0%2C0%2C0-.11.1v12.7a.1.1%2C0%2C0%2C0%2C.11.1H18.4a.1.1%2C0%2C0%2C0%2C.11-.1V1.65a.1.1%2C0%2C0%2C0-.11-.1Z%22%2F%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M25%2C13.24a1%2C1%2C0%2C0%2C1-.43-.09l-.06%2C0-6-3.45V5.9l6.06-3a1%2C1%2C0%2C0%2C1%2C.55-.09%2C1%2C1%2C0%2C0%2C1%2C.48.18%2C1.05%2C1.05%2C0%2C0%2C1%2C.32.4.93.93%2C0%2C0%2C1%2C.09.52V12.2a.89.89%2C0%2C0%2C1-.11.47%2C1%2C1%2C0%2C0%2C1-.34.4%2C1%2C1%2C0%2C0%2C1-.49.17Zm-.52-1.07v0ZM20%2C8.77l4.45%2C2.55V4.63L20%2C6.86Zm4.45-5v0Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-form .chat-form-present-box {
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 100%;
  height: 170px;
  background: #E9E2F0;
  padding: 16px 81px 15px 23px;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: all 0.2s ease;
}
.chat-form .chat-form-present-box.is-opened {
  opacity: 1;
  visibility: visible;
  z-index: 10;
}
.chat-form .chat-form-present-box ul {
  margin: 0;
  padding: 0 0 8px 0;
  list-style-type: none;
  display: flex;
}
.chat-form .chat-form-present-box ul > li {
  flex: 0 0 88px;
  max-width: 88px;
}
.chat-form .chat-form-present-box ul > li + li {
  margin-left: 26px;
}
.chat-form .chat-form-present-box ul > li > a,
.chat-form .chat-form-present-box ul > li > div {
  display: block;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.chat-form .chat-form-present-box ul > li > a > img,
.chat-form .chat-form-present-box ul > li > div > img {
  display: block;
  position: relative;
  width: 60px;
  height: 60px;
  object-fit: contain;
  margin: 0 auto;
  transform: scale(1);
  transition: transform 0.4s ease-out;
}
.chat-form .chat-form-present-box ul > li > a > img:hover,
.chat-form .chat-form-present-box ul > li > div > img:hover {
  transform: scale(1.1);
}
.chat-form .chat-form-present-box ul > li > a > span,
.chat-form .chat-form-present-box ul > li > div > span {
  display: block;
  font-size: 12px;
  line-height: 19px;
  margin-top: 8px;
  color: #444;
  font-weight: 600;
}
.chat-form .chat-form-present-box .chat-form-present-box-close {
  margin: 0;
  padding: 0;
  outline: 0;
  cursor: pointer;
  border: 0;
  border-radius: 50%;
  -webkit-appearance: none;
  background: #BA37D0;
  width: 34px;
  height: 34px;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  transition: background 0.2s ease;
}
.chat-form .chat-form-present-box .chat-form-present-box-close:hover {
  background: #303030;
}
.chat-form .chat-form-present-box .chat-form-present-box-close:before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 12px;
  height: 12px;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M10.94%2C12a1%2C1%2C0%2C0%2C1-.75-.31L6%2C7.45%2C1.81%2C11.69a1.07%2C1.07%2C0%2C0%2C1-1.5%2C0%2C1%2C1%2C0%2C0%2C1%2C0-1.49l4.2-4.26L.42%2C1.8a1%2C1%2C0%2C0%2C1-.31-.74A1%2C1%2C0%2C0%2C1%2C.42.31a1.06%2C1.06%2C0%2C0%2C1%2C1.5%2C0L6%2C4.44%2C10.08.31A1.06%2C1.06%2C0%2C0%2C1%2C11.59%2C1.8L7.49%2C5.94l4.2%2C4.26a1%2C1%2C0%2C0%2C1%2C.31.74%2C1%2C1%2C0%2C0%2C1-.31.75A1.05%2C1.05%2C0%2C0%2C1%2C10.94%2C12Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-form .chat-form-present-line {
  position: relative;
  height: 100%;
  overflow: auto;
  scrollbar-width: thin;
}
.chat-form .chat-form-present-line::-webkit-scrollbar {
  display: block;
  height: 6px;
  border-radius: 3px;
  background-color: #FFF;
}
.chat-form .chat-form-present-line::-webkit-scrollbar-thumb {
  height: 6px;
  border-radius: 3px;
  background-color: #777;
}
.chat-form .textfield {
  flex: 1 1 auto;
  min-width: 0;
  background: #FFF;
  border: 0;
  border-radius: 0;
  padding: 15px 24px 0 24px;
}
@media only screen and (max-width: 999px) {
  .chat-form .textfield {
    padding: 15px 12px;
    height: 70px;
    font-size: 13px;
    line-height: 18px;
  }
}
.chat-header {
  grid-area: header;
  border-left: 1px solid rgba(233, 226, 240, 0.42);
  padding: 0 24px;
  display: grid;
  grid-gap: 36px;
  grid-template-columns: auto 1fr auto;
  align-items: center;
}
@media only screen and (max-width: 1279px) {
  .chat-header {
    grid-gap: 24px;
  }
}
@media only screen and (max-width: 999px) {
  .chat-header {
    grid-template-columns: 1fr auto;
    padding: 0 12px;
    grid-gap: 20px;
  }
}
.chat-header .chat-header-gallery {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  padding: 0 13px;
  position: relative;
}
@media only screen and (max-width: 999px) {
  .chat-header .chat-header-gallery {
    display: none;
  }
}
.chat-header .chat-header-gallery .chat-header-gallery-image {
  display: block;
  width: 52px;
}
.chat-header .chat-header-gallery .chat-header-gallery-image img {
  width: 52px;
  height: 52px;
  display: block;
  border-radius: 10px;
}
.chat-header .chat-header-gallery .swiper-container-initialized .swiper-slide {
  margin: 0;
}
.chat-header .chat-header-gallery .swiper-next {
  right: 0;
}
.chat-header .chat-header-gallery .swiper-next:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%206%209%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M1.09%2C9a1.15%2C1.15%2C0%2C0%2C1-.75-.27.93.93%2C0%2C0%2C1%2C0-1.4l3.08-3L.33%2C1.7A.94.94%2C0%2C0%2C1%2C.3.3a1.17%2C1.17%2C0%2C0%2C1%2C1.54%2C0L5.67%2C3.62A.94.94%2C0%2C0%2C1%2C5.7%2C5L1.88%2C8.69A1.14%2C1.14%2C0%2C0%2C1%2C1.09%2C9Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-header .chat-header-gallery .swiper-next:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%206%209%22%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M1.09%2C9a1.15%2C1.15%2C0%2C0%2C1-.75-.27.93.93%2C0%2C0%2C1%2C0-1.4l3.08-3L.33%2C1.7A.94.94%2C0%2C0%2C1%2C.3.3a1.17%2C1.17%2C0%2C0%2C1%2C1.54%2C0L5.67%2C3.62A.94.94%2C0%2C0%2C1%2C5.7%2C5L1.88%2C8.69A1.14%2C1.14%2C0%2C0%2C1%2C1.09%2C9Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-header .chat-header-gallery .swiper-prev {
  left: 0;
}
.chat-header .chat-header-gallery .swiper-prev:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%206%209%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M4.91%2C9a1.15%2C1.15%2C0%2C0%2C0%2C.75-.27.93.93%2C0%2C0%2C0%2C0-1.4l-3.08-3L5.67%2C1.7A.94.94%2C0%2C0%2C0%2C5.7.3a1.17%2C1.17%2C0%2C0%2C0-1.54%2C0L.33%2C3.62A.94.94%2C0%2C0%2C0%2C.3%2C5L4.12%2C8.69A1.14%2C1.14%2C0%2C0%2C0%2C4.91%2C9Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-header .chat-header-gallery .swiper-prev:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%206%209%22%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M4.91%2C9a1.15%2C1.15%2C0%2C0%2C0%2C.75-.27.93.93%2C0%2C0%2C0%2C0-1.4l-3.08-3L5.67%2C1.7A.94.94%2C0%2C0%2C0%2C5.7.3a1.17%2C1.17%2C0%2C0%2C0-1.54%2C0L.33%2C3.62A.94.94%2C0%2C0%2C0%2C.3%2C5L4.12%2C8.69A1.14%2C1.14%2C0%2C0%2C0%2C4.91%2C9Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-header .chat-header-gallery .swiper-next,
.chat-header .chat-header-gallery .swiper-prev {
  width: 26px;
  height: 26px;
  background: #FFF;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 7px 18px rgba(0, 0, 0, 0.18);
  z-index: 10;
}
.chat-header .chat-header-gallery .swiper-next.swiper-button-disabled,
.chat-header .chat-header-gallery .swiper-prev.swiper-button-disabled {
  display: none;
}
.chat-header .chat-header-gallery .swiper-next:hover,
.chat-header .chat-header-gallery .swiper-prev:hover {
  background: #BA37D0;
}
.chat-header .chat-header-gallery .swiper-next:before,
.chat-header .chat-header-gallery .swiper-prev:before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 6px;
  height: 9px;
  transform: translate(-50%, -50%);
  transition: background 0.2s ease;
}
.chat-header .chat-header-gallery .swiper-slide {
  width: 52px;
}
.chat-header .chat-header-toolbox {
  display: flex;
  align-items: center;
}
.chat-header .chat-header-toolbox .chat-header-actions {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
}
.chat-header .chat-header-toolbox .chat-header-actions > li {
  flex: 0 0 auto;
}
.chat-header .chat-header-toolbox .chat-header-actions > li + li {
  margin-left: 12px;
}
.chat-header .chat-header-toolbox .chat-header-actions > li > button {
  margin: 0;
  padding: 0;
  outline: 0;
  cursor: pointer;
  border: 0;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  background: #F7F7F7;
  display: block;
  position: relative;
  transition: background 0.2s ease;
}
.chat-header .chat-header-toolbox .chat-header-actions > li > button.active {
  background: #BA37D0;
}
.chat-header .chat-header-toolbox .chat-header-actions > li > button:before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  transform: translate(-50%, -50%);
  transition: background 0.2s ease;
}
.chat-header .chat-header-toolbox .chat-header-actions .chat-header-actions-fav.active:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2015%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M8%2C15l-.53-.34C7.2%2C14.49%2C1%2C10.37.09%2C5.58h0A4.63%2C4.63%2C0%2C0%2C1%2C.88%2C1.93%2C4.84%2C4.84%2C0%2C0%2C1%2C4.49%2C0%2C3.85%2C3.85%2C0%2C0%2C1%2C8%2C1.91%2C4.37%2C4.37%2C0%2C0%2C1%2C11.34%2C0a4.29%2C4.29%2C0%2C0%2C1%2C3.59%2C1.35%2C4.45%2C4.45%2C0%2C0%2C1%2C1%2C3.83c-.72%2C4.48-7.17%2C9.22-7.44%2C9.42ZM1.91%2C5.21c.56%2C3%2C4.16%2C6.11%2C6%2C7.46%2C2-1.53%2C5.72-5%2C6.17-7.77a2.55%2C2.55%2C0%2C0%2C0-.52-2.19%2C2.44%2C2.44%2C0%2C0%2C0-2-.76A2.84%2C2.84%2C0%2C0%2C0%2C8.9%2C4.14l-.1.27-.48.36H7.71l-.52-.37L7.1%2C4.15C6.61%2C3.06%2C5.81%2C1.86%2C4.62%2C1.94A3%2C3%2C0%2C0%2C0%2C2.36%2C3.11a2.69%2C2.69%2C0%2C0%2C0-.45%2C2.1Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-header .chat-header-toolbox .chat-header-actions .chat-header-actions-fav:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2015%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M8%2C15l-.53-.34C7.2%2C14.49%2C1%2C10.37.09%2C5.58h0A4.63%2C4.63%2C0%2C0%2C1%2C.88%2C1.93%2C4.84%2C4.84%2C0%2C0%2C1%2C4.49%2C0%2C3.85%2C3.85%2C0%2C0%2C1%2C8%2C1.91%2C4.37%2C4.37%2C0%2C0%2C1%2C11.34%2C0a4.29%2C4.29%2C0%2C0%2C1%2C3.59%2C1.35%2C4.45%2C4.45%2C0%2C0%2C1%2C1%2C3.83c-.72%2C4.48-7.17%2C9.22-7.44%2C9.42ZM1.91%2C5.21c.56%2C3%2C4.16%2C6.11%2C6%2C7.46%2C2-1.53%2C5.72-5%2C6.17-7.77a2.55%2C2.55%2C0%2C0%2C0-.52-2.19%2C2.44%2C2.44%2C0%2C0%2C0-2-.76A2.84%2C2.84%2C0%2C0%2C0%2C8.9%2C4.14l-.1.27-.48.36H7.71l-.52-.37L7.1%2C4.15C6.61%2C3.06%2C5.81%2C1.86%2C4.62%2C1.94A3%2C3%2C0%2C0%2C0%2C2.36%2C3.11a2.69%2C2.69%2C0%2C0%2C0-.45%2C2.1Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-header .chat-header-toolbox .chat-header-actions .chat-header-actions-fav:before {
  width: 16px;
  height: 15px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2015%22%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M8%2C15l-.53-.34C7.2%2C14.49%2C1%2C10.37.09%2C5.58h0A4.63%2C4.63%2C0%2C0%2C1%2C.88%2C1.93%2C4.84%2C4.84%2C0%2C0%2C1%2C4.49%2C0%2C3.85%2C3.85%2C0%2C0%2C1%2C8%2C1.91%2C4.37%2C4.37%2C0%2C0%2C1%2C11.34%2C0a4.29%2C4.29%2C0%2C0%2C1%2C3.59%2C1.35%2C4.45%2C4.45%2C0%2C0%2C1%2C1%2C3.83c-.72%2C4.48-7.17%2C9.22-7.44%2C9.42ZM1.91%2C5.21c.56%2C3%2C4.16%2C6.11%2C6%2C7.46%2C2-1.53%2C5.72-5%2C6.17-7.77a2.55%2C2.55%2C0%2C0%2C0-.52-2.19%2C2.44%2C2.44%2C0%2C0%2C0-2-.76A2.84%2C2.84%2C0%2C0%2C0%2C8.9%2C4.14l-.1.27-.48.36H7.71l-.52-.37L7.1%2C4.15C6.61%2C3.06%2C5.81%2C1.86%2C4.62%2C1.94A3%2C3%2C0%2C0%2C0%2C2.36%2C3.11a2.69%2C2.69%2C0%2C0%2C0-.45%2C2.1Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-header .chat-header-toolbox .chat-header-actions .chat-header-actions-block.active:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23FFF%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M7%2C14a7%2C7%2C0%2C1%2C1%2C7-7A7%2C7%2C0%2C0%2C1%2C7%2C14ZM7%2C1.65A5.35%2C5.35%2C0%2C1%2C0%2C12.35%2C7%2C5.36%2C5.36%2C0%2C0%2C0%2C7%2C1.65Z%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%226.18%22%20y%3D%220.82%22%20width%3D%221.65%22%20height%3D%2212.35%22%20transform%3D%22translate(-2.9%207)%20rotate(-45)%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-header .chat-header-toolbox .chat-header-actions .chat-header-actions-block:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23FFF%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M7%2C14a7%2C7%2C0%2C1%2C1%2C7-7A7%2C7%2C0%2C0%2C1%2C7%2C14ZM7%2C1.65A5.35%2C5.35%2C0%2C1%2C0%2C12.35%2C7%2C5.36%2C5.36%2C0%2C0%2C0%2C7%2C1.65Z%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%226.18%22%20y%3D%220.82%22%20width%3D%221.65%22%20height%3D%2212.35%22%20transform%3D%22translate(-2.9%207)%20rotate(-45)%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-header .chat-header-toolbox .chat-header-actions .chat-header-actions-block:before {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23A39FA7%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M7%2C14a7%2C7%2C0%2C1%2C1%2C7-7A7%2C7%2C0%2C0%2C1%2C7%2C14ZM7%2C1.65A5.35%2C5.35%2C0%2C1%2C0%2C12.35%2C7%2C5.36%2C5.36%2C0%2C0%2C0%2C7%2C1.65Z%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%226.18%22%20y%3D%220.82%22%20width%3D%221.65%22%20height%3D%2212.35%22%20transform%3D%22translate(-2.9%207)%20rotate(-45)%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-header .chat-header-toolbox .chat-header-actions .chat-header-actions-remove:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M17.11%2C3.6h-4.5V2.1A2.17%2C2.17%2C0%2C0%2C0%2C10.37%2C0H7.66A2.17%2C2.17%2C0%2C0%2C0%2C5.41%2C2.09h0V3.6H.91a.94.94%2C0%2C0%2C0-.64.26.89.89%2C0%2C0%2C0%2C0%2C1.27.88.88%2C0%2C0%2C0%2C.65.27h.9v9.9A2.7%2C2.7%2C0%2C0%2C0%2C4.51%2C18h9a2.7%2C2.7%2C0%2C0%2C0%2C2.7-2.7h0V5.4h.9a.91.91%2C0%2C0%2C0%2C.64-1.54A1%2C1%2C0%2C0%2C0%2C17.11%2C3.6ZM7.21%2C2.1c0-.15.19-.3.45-.3h2.7c.26%2C0%2C.45.15.45.3V3.6H7.21Zm7.2%2C13.2a.89.89%2C0%2C0%2C1-.88.9h-9a.89.89%2C0%2C0%2C1-.9-.88V5.4h10.8Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M6.31%2C13.5a.89.89%2C0%2C0%2C0%2C.9-.88V9A.88.88%2C0%2C0%2C0%2C7%2C8.37a.9.9%2C0%2C0%2C0-1.26%2C0l0%2C0A.84.84%2C0%2C0%2C0%2C5.41%2C9v3.6a.89.89%2C0%2C0%2C0%2C.88.9Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M11.71%2C13.5a.89.89%2C0%2C0%2C0%2C.9-.88V9a.88.88%2C0%2C0%2C0-.26-.63.9.9%2C0%2C0%2C0-1.26%2C0l0%2C0a.84.84%2C0%2C0%2C0-.26.63v3.6a.89.89%2C0%2C0%2C0%2C.88.9Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-header .chat-header-toolbox .chat-header-actions .chat-header-actions-remove:before {
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M17.11%2C3.6h-4.5V2.1A2.17%2C2.17%2C0%2C0%2C0%2C10.37%2C0H7.66A2.17%2C2.17%2C0%2C0%2C0%2C5.41%2C2.09h0V3.6H.91a.94.94%2C0%2C0%2C0-.64.26.89.89%2C0%2C0%2C0%2C0%2C1.27.88.88%2C0%2C0%2C0%2C.65.27h.9v9.9A2.7%2C2.7%2C0%2C0%2C0%2C4.51%2C18h9a2.7%2C2.7%2C0%2C0%2C0%2C2.7-2.7h0V5.4h.9a.91.91%2C0%2C0%2C0%2C.64-1.54A1%2C1%2C0%2C0%2C0%2C17.11%2C3.6ZM7.21%2C2.1c0-.15.19-.3.45-.3h2.7c.26%2C0%2C.45.15.45.3V3.6H7.21Zm7.2%2C13.2a.89.89%2C0%2C0%2C1-.88.9h-9a.89.89%2C0%2C0%2C1-.9-.88V5.4h10.8Z%22%2F%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M6.31%2C13.5a.89.89%2C0%2C0%2C0%2C.9-.88V9A.88.88%2C0%2C0%2C0%2C7%2C8.37a.9.9%2C0%2C0%2C0-1.26%2C0l0%2C0A.84.84%2C0%2C0%2C0%2C5.41%2C9v3.6a.89.89%2C0%2C0%2C0%2C.88.9Z%22%2F%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M11.71%2C13.5a.89.89%2C0%2C0%2C0%2C.9-.88V9a.88.88%2C0%2C0%2C0-.26-.63.9.9%2C0%2C0%2C0-1.26%2C0l0%2C0a.84.84%2C0%2C0%2C0-.26.63v3.6a.89.89%2C0%2C0%2C0%2C.88.9Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-header .chat-header-toolbox .chat-header-actions .chat-header-actions-webcam:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2017%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M6%2C.07A6.84%2C6.84%2C0%2C0%2C1%2C9.84.61a7.1%2C7.1%2C0%2C0%2C1%2C4.05%2C5.22%2C7.28%2C7.28%2C0%2C0%2C1-.4%2C3.92%2C7%2C7%2C0%2C0%2C1-3.07%2C3.5c.44.73.87%2C1.46%2C1.32%2C2.18h1.64V17H.93V15.43H2.52c.41-.7.83-1.39%2C1.24-2.08A7.06%2C7.06%2C0%2C0%2C1%2C0%2C7.48%2C7.17%2C7.17%2C0%2C0%2C1%2C.91%2C3.6%2C7.1%2C7.1%2C0%2C0%2C1%2C3.29%2C1.08%2C6.79%2C6.79%2C0%2C0%2C1%2C6%2C.07Zm.39%2C1.47A5.5%2C5.5%2C0%2C0%2C0%2C2.71%2C3.6a5.59%2C5.59%2C0%2C0%2C0%2C2.63%2C8.79%2C5.42%2C5.42%2C0%2C0%2C0%2C3.14.06%2C5.48%2C5.48%2C0%2C0%2C0%2C2.69-1.74A5.58%2C5.58%2C0%2C0%2C0%2C9.31%2C2%2C5.43%2C5.43%2C0%2C0%2C0%2C6.42%2C1.54ZM5.22%2C14c-.29.49-.6%2C1-.9%2C1.48H9.89c-.31-.52-.61-1-.94-1.55A7%2C7%2C0%2C0%2C1%2C5.22%2C14Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M6.59%2C4.12a3%2C3%2C0%2C0%2C1%2C1.73.29A3%2C3%2C0%2C0%2C1%2C9.87%2C7.79%2C3.06%2C3.06%2C0%2C0%2C1%2C8.73%2C9.5a2.92%2C2.92%2C0%2C0%2C1-3.34.08A3.05%2C3.05%2C0%2C0%2C1%2C4.2%2C8%2C3%2C3%2C0%2C0%2C1%2C6.59%2C4.12ZM6.7%2C5.63a1.49%2C1.49%2C0%2C0%2C0-.4%2C2.75%2C1.46%2C1.46%2C0%2C0%2C0%2C2.16-1.3A1.46%2C1.46%2C0%2C0%2C0%2C6.7%2C5.63Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-header .chat-header-toolbox .chat-header-actions .chat-header-actions-webcam:before {
  width: 14px;
  height: 17px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2017%22%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M6%2C.07A6.84%2C6.84%2C0%2C0%2C1%2C9.84.61a7.1%2C7.1%2C0%2C0%2C1%2C4.05%2C5.22%2C7.28%2C7.28%2C0%2C0%2C1-.4%2C3.92%2C7%2C7%2C0%2C0%2C1-3.07%2C3.5c.44.73.87%2C1.46%2C1.32%2C2.18h1.64V17H.93V15.43H2.52c.41-.7.83-1.39%2C1.24-2.08A7.06%2C7.06%2C0%2C0%2C1%2C0%2C7.48%2C7.17%2C7.17%2C0%2C0%2C1%2C.91%2C3.6%2C7.1%2C7.1%2C0%2C0%2C1%2C3.29%2C1.08%2C6.79%2C6.79%2C0%2C0%2C1%2C6%2C.07Zm.39%2C1.47A5.5%2C5.5%2C0%2C0%2C0%2C2.71%2C3.6a5.59%2C5.59%2C0%2C0%2C0%2C2.63%2C8.79%2C5.42%2C5.42%2C0%2C0%2C0%2C3.14.06%2C5.48%2C5.48%2C0%2C0%2C0%2C2.69-1.74A5.58%2C5.58%2C0%2C0%2C0%2C9.31%2C2%2C5.43%2C5.43%2C0%2C0%2C0%2C6.42%2C1.54ZM5.22%2C14c-.29.49-.6%2C1-.9%2C1.48H9.89c-.31-.52-.61-1-.94-1.55A7%2C7%2C0%2C0%2C1%2C5.22%2C14Z%22%2F%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M6.59%2C4.12a3%2C3%2C0%2C0%2C1%2C1.73.29A3%2C3%2C0%2C0%2C1%2C9.87%2C7.79%2C3.06%2C3.06%2C0%2C0%2C1%2C8.73%2C9.5a2.92%2C2.92%2C0%2C0%2C1-3.34.08A3.05%2C3.05%2C0%2C0%2C1%2C4.2%2C8%2C3%2C3%2C0%2C0%2C1%2C6.59%2C4.12ZM6.7%2C5.63a1.49%2C1.49%2C0%2C0%2C0-.4%2C2.75%2C1.46%2C1.46%2C0%2C0%2C0%2C2.16-1.3A1.46%2C1.46%2C0%2C0%2C0%2C6.7%2C5.63Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-header .chat-header-toolbox .chat-header-actions-toggle {
  display: none;
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  outline: 0;
  cursor: pointer;
  border: 0;
  -webkit-border-radius: 0;
  width: 4px;
  height: 18px;
  transition: background 0.2s ease;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%204%2018%22%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M2%2C0H2A2%2C2%2C0%2C0%2C1%2C4%2C2H4A2%2C2%2C0%2C0%2C1%2C2%2C4H2A2%2C2%2C0%2C0%2C1%2C0%2C2H0A2%2C2%2C0%2C0%2C1%2C2%2C0Z%22%2F%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M2%2C7H2A2%2C2%2C0%2C0%2C1%2C4%2C9H4a2%2C2%2C0%2C0%2C1-2%2C2H2A2%2C2%2C0%2C0%2C1%2C0%2C9H0A2%2C2%2C0%2C0%2C1%2C2%2C7Z%22%2F%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M2%2C14H2a2%2C2%2C0%2C0%2C1%2C2%2C2H4a2%2C2%2C0%2C0%2C1-2%2C2H2a2%2C2%2C0%2C0%2C1-2-2H0A2%2C2%2C0%2C0%2C1%2C2%2C14Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-header .chat-header-toolbox .chat-header-actions-toggle:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%204%2018%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M2%2C0H2A2%2C2%2C0%2C0%2C1%2C4%2C2H4A2%2C2%2C0%2C0%2C1%2C2%2C4H2A2%2C2%2C0%2C0%2C1%2C0%2C2H0A2%2C2%2C0%2C0%2C1%2C2%2C0Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M2%2C7H2A2%2C2%2C0%2C0%2C1%2C4%2C9H4a2%2C2%2C0%2C0%2C1-2%2C2H2A2%2C2%2C0%2C0%2C1%2C0%2C9H0A2%2C2%2C0%2C0%2C1%2C2%2C7Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M2%2C14H2a2%2C2%2C0%2C0%2C1%2C2%2C2H4a2%2C2%2C0%2C0%2C1-2%2C2H2a2%2C2%2C0%2C0%2C1-2-2H0A2%2C2%2C0%2C0%2C1%2C2%2C14Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-header .chat-header-toolbox .chat-header-time {
  text-align: center;
  flex: 0 0 auto;
  margin-right: 12px;
  position: relative;
  display: grid;
}
@media only screen and (max-width: 479px) {
  .chat-header .chat-header-toolbox .chat-header-time {
    margin-right: 20px;
  }
}
.chat-header .chat-header-toolbox .chat-header-time > span {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  box-sizing: border-box;
  padding-left: 18px;
  font-size: 11px;
  line-height: 14px;
  font-weight: normal;
  color: #333333;
  position: relative;
  white-space: nowrap;
  justify-self: center;
}
.chat-header .chat-header-toolbox .chat-header-time > span:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 14px;
  height: 14px;
  content: '';
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23A39FA7%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M7%2C14a7%2C7%2C0%2C1%2C1%2C7-7A7%2C7%2C0%2C0%2C1%2C7%2C14ZM7%2C1.57A5.43%2C5.43%2C0%2C1%2C0%2C12.43%2C7%2C5.44%2C5.44%2C0%2C0%2C0%2C7%2C1.57Z%22%2F%3E%3Cpolygon%20class%3D%22cls%22%20points%3D%229.28%209.93%206.21%207.58%206.21%202.06%207.79%202.06%207.79%206.8%2010.23%208.68%209.28%209.93%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-header .chat-header-toolbox .chat-header-time > span > i {
  font-style: normal;
  font-weight: 600;
}
.chat-header .chat-header-toolbox .chat-header-time .button {
  display: flex;
  font-size: 13px;
  line-height: 17px;
  min-height: 30px;
  padding: 5px 20px;
  margin-top: 5px;
}
@media only screen and (max-width: 479px) {
  .chat-header .chat-header-toolbox .chat-header-time .button {
    font-size: 11px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
.chat-header .chat-header-toolbox .chat-header-time .button:before {
  margin-top: -1px;
}
.chat-letter-box {
  display: flex;
  align-items: flex-start;
}
.chat-letter-box + .chat-letter-box {
  margin-top: 24px;
}
.chat-letter-box .chat-letter-actions {
  flex: 0 0 auto;
  margin-left: 12px;
}
.chat-letter-box .chat-letter-actions > button {
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #FFF;
  margin: 0;
  padding: 0;
  outline: 0;
  cursor: pointer;
  border: 0;
  -webkit-appearance: none;
  transition: background 0.2s ease;
  position: relative;
}
.chat-letter-box .chat-letter-actions > button + button {
  margin-top: 15px;
}
.chat-letter-box .chat-letter-actions > button:hover {
  background: #BA37D0;
}
.chat-letter-box .chat-letter-actions > button:before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  transform: translate(-50%, -50%);
  transition: background 0.2s ease;
}
.chat-letter-box .chat-letter-actions .chat-letter-translate:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23FFF%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M1.79%2C17.08%2C1%2C15.85c9.23-6%2C10-13.47%2C10-13.55l1.5.13C12.47%2C2.77%2C11.66%2C10.69%2C1.79%2C17.08Z%22%2F%3E%3Crect%20class%3D%22cls%22%20y%3D%221.63%22%20width%3D%2214.74%22%20height%3D%221.48%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%226.62%22%20width%3D%221.5%22%20height%3D%222.37%22%2F%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M10.23%2C14.48c-3.05-2-6.67-8.27-6.82-8.54l1.31-.73c0%2C.07%2C3.6%2C6.22%2C6.35%2C8.05Z%22%2F%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M12%2C20l-1.39-.58L15.27%2C8.67a1.18%2C1.18%2C0%2C0%2C1%2C.42-.49%2C1.15%2C1.15%2C0%2C0%2C1%2C1.25%2C0%2C1%2C1%2C0%2C0%2C1%2C.42.49L22%2C19.42%2C20.62%2C20l-4.3-10Z%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%2212.92%22%20y%3D%2215.27%22%20width%3D%226.79%22%20height%3D%221.48%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-letter-box .chat-letter-actions .chat-letter-translate:before {
  width: 18px;
  height: 17px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23A39FA7%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M1.79%2C17.08%2C1%2C15.85c9.23-6%2C10-13.47%2C10-13.55l1.5.13C12.47%2C2.77%2C11.66%2C10.69%2C1.79%2C17.08Z%22%2F%3E%3Crect%20class%3D%22cls%22%20y%3D%221.63%22%20width%3D%2214.74%22%20height%3D%221.48%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%226.62%22%20width%3D%221.5%22%20height%3D%222.37%22%2F%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M10.23%2C14.48c-3.05-2-6.67-8.27-6.82-8.54l1.31-.73c0%2C.07%2C3.6%2C6.22%2C6.35%2C8.05Z%22%2F%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M12%2C20l-1.39-.58L15.27%2C8.67a1.18%2C1.18%2C0%2C0%2C1%2C.42-.49%2C1.15%2C1.15%2C0%2C0%2C1%2C1.25%2C0%2C1%2C1%2C0%2C0%2C1%2C.42.49L22%2C19.42%2C20.62%2C20l-4.3-10Z%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%2212.92%22%20y%3D%2215.27%22%20width%3D%226.79%22%20height%3D%221.48%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-letter-box .chat-letter-actions .chat-letter-warning:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2018%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M1.3%2C17.64A2.39%2C2.39%2C0%2C0%2C0%2C2.61%2C18H17.47a2.16%2C2.16%2C0%2C0%2C0%2C1.74-.81A2.43%2C2.43%2C0%2C0%2C0%2C20%2C15.31%2C2.61%2C2.61%2C0%2C0%2C0%2C19.65%2C14L12.31%2C1.34A2.93%2C2.93%2C0%2C0%2C0%2C10.65.09a2.61%2C2.61%2C0%2C0%2C0-2%2C.27%2C2.22%2C2.22%2C0%2C0%2C0-.88.89L.33%2C14A2.77%2C2.77%2C0%2C0%2C0%2C1.3%2C17.64Zm.61-2.77L9.25%2C2.24a.68.68%2C0%2C0%2C1%2C.35-.36%2C1%2C1%2C0%2C0%2C1%2C1.22.36l7.34%2C12.63a.81.81%2C0%2C0%2C1%2C.09.45.84.84%2C0%2C0%2C1-.26.62.79.79%2C0%2C0%2C1-.61.27H2.61c-.09%2C0-.27%2C0-.35-.09A.9.9%2C0%2C0%2C1%2C1.91%2C14.87Zm9-4.93V6.36a.88.88%2C0%2C1%2C0-1.75%2C0V9.94a.88.88%2C0%2C1%2C0%2C1.75%2C0Zm0%2C3.58a.84.84%2C0%2C0%2C1-.26.63.86.86%2C0%2C0%2C1-.7.27.78.78%2C0%2C0%2C1-.61-.27.82.82%2C0%2C0%2C1-.27-.63.53.53%2C0%2C0%2C1%2C.06-.24.27.27%2C0%2C0%2C0%2C0-.12c0-.09.09-.17.18-.26s.17-.18.26-.18a1.06%2C1.06%2C0%2C0%2C1%2C.52-.09c.05%2C0%2C.07.07.1.08h.08a.15.15%2C0%2C0%2C1%2C.09%2C0s0%2C.05.08.05a.31.31%2C0%2C0%2C1%2C.18.09c.09.09.17.17.17.26A.54.54%2C0%2C0%2C1%2C10.91%2C13.52Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-letter-box .chat-letter-actions .chat-letter-warning:before {
  width: 20px;
  height: 18px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2018%22%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M1.3%2C17.64A2.39%2C2.39%2C0%2C0%2C0%2C2.61%2C18H17.47a2.16%2C2.16%2C0%2C0%2C0%2C1.74-.81A2.43%2C2.43%2C0%2C0%2C0%2C20%2C15.31%2C2.61%2C2.61%2C0%2C0%2C0%2C19.65%2C14L12.31%2C1.34A2.93%2C2.93%2C0%2C0%2C0%2C10.65.09a2.61%2C2.61%2C0%2C0%2C0-2%2C.27%2C2.22%2C2.22%2C0%2C0%2C0-.88.89L.33%2C14A2.77%2C2.77%2C0%2C0%2C0%2C1.3%2C17.64Zm.61-2.77L9.25%2C2.24a.68.68%2C0%2C0%2C1%2C.35-.36%2C1%2C1%2C0%2C0%2C1%2C1.22.36l7.34%2C12.63a.81.81%2C0%2C0%2C1%2C.09.45.84.84%2C0%2C0%2C1-.26.62.79.79%2C0%2C0%2C1-.61.27H2.61c-.09%2C0-.27%2C0-.35-.09A.9.9%2C0%2C0%2C1%2C1.91%2C14.87Zm9-4.93V6.36a.88.88%2C0%2C1%2C0-1.75%2C0V9.94a.88.88%2C0%2C1%2C0%2C1.75%2C0Zm0%2C3.58a.84.84%2C0%2C0%2C1-.26.63.86.86%2C0%2C0%2C1-.7.27.78.78%2C0%2C0%2C1-.61-.27.82.82%2C0%2C0%2C1-.27-.63.53.53%2C0%2C0%2C1%2C.06-.24.27.27%2C0%2C0%2C0%2C0-.12c0-.09.09-.17.18-.26s.17-.18.26-.18a1.06%2C1.06%2C0%2C0%2C1%2C.52-.09c.05%2C0%2C.07.07.1.08h.08a.15.15%2C0%2C0%2C1%2C.09%2C0s0%2C.05.08.05a.31.31%2C0%2C0%2C1%2C.18.09c.09.09.17.17.17.26A.54.54%2C0%2C0%2C1%2C10.91%2C13.52Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-letter-box .chat-letter-main {
  flex: 1 1 auto;
  font-size: 15px;
  line-height: 21px;
  font-weight: normal;
  color: #333333;
}
@media only screen and (max-width: 767px) {
  .chat-letter-box .chat-letter-main {
    font-size: 13px;
    line-height: 18px;
  }
}
.chat-letter-box .chat-letter-row {
  margin: -12px;
  display: flex;
  flex-wrap: wrap;
}
.chat-letter-box .chat-letter-row .chat-letter-row-col {
  margin: 12px;
  flex: 0 0 auto;
}
.chat-letter-bottom {
  grid-area: bottom;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
}
@media only screen and (max-width: 999px) {
  .chat-letter-bottom {
    padding: 0 12px;
  }
}
.chat-letter-bottom .chat-letter-buttons {
  margin: 0;
  padding: 0;
  list-style-type: none;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}
.chat-letter-bottom .chat-letter-buttons > li {
  flex: 0 0 auto;
}
.chat-letter-bottom .chat-letter-buttons > li + li {
  margin-left: 12px;
}
.chat-letter-bottom .chat-letter-buttons > li > button,
.chat-letter-bottom .chat-letter-buttons > li > div {
  margin: 0;
  padding: 0;
  outline: 0;
  cursor: pointer;
  border: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  position: relative;
  width: 26px;
  height: 26px;
  display: block;
  background: none;
}
.chat-letter-bottom .chat-letter-buttons > li > button:before,
.chat-letter-bottom .chat-letter-buttons > li > div:before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  transition: background 0.2s ease;
  transform: translate(-50%, -50%);
}
.chat-letter-bottom .chat-letter-buttons .chat-letter-photo:hover:before,
.chat-letter-bottom .chat-letter-buttons .chat-letter-photo.is-active:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2018%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M22.3%2C18H1.7a1.7%2C1.7%2C0%2C0%2C1-1.2-.48A1.67%2C1.67%2C0%2C0%2C1%2C0%2C16.34V4.39a1.13%2C1.13%2C0%2C0%2C1%2C.34-.86%2C1.62%2C1.62%2C0%2C0%2C1%2C1.24-.34H5.06L6.85.64A1.67%2C1.67%2C0%2C0%2C1%2C7.48.15%2C1.71%2C1.71%2C0%2C0%2C1%2C8.19%2C0h7.54A1.7%2C1.7%2C0%2C0%2C1%2C17%2C.58l1.84%2C2.61h3.56a1.61%2C1.61%2C0%2C0%2C1%2C1.24.34%2C1.13%2C1.13%2C0%2C0%2C1%2C.34.86v12a1.65%2C1.65%2C0%2C0%2C1-.5%2C1.18A1.7%2C1.7%2C0%2C0%2C1%2C22.3%2C18ZM1.53%2C4.68V16.34a.17.17%2C0%2C0%2C0%2C.05.12.16.16%2C0%2C0%2C0%2C.12%2C0H22.3a.16.16%2C0%2C0%2C0%2C.12%2C0%2C.17.17%2C0%2C0%2C0%2C0-.12V4.68H18.7a1.14%2C1.14%2C0%2C0%2C1-.51-.11%2C1.1%2C1.1%2C0%2C0%2C1-.42-.31l-2-2.77H8.19l-2%2C2.7a1.36%2C1.36%2C0%2C0%2C1-.47.37%2C1.19%2C1.19%2C0%2C0%2C1-.52.11H1.53Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M12%2C15.23A5.38%2C5.38%2C0%2C0%2C1%2C6.55%2C9.91a5.45%2C5.45%2C0%2C0%2C1%2C10.9%2C0A5.39%2C5.39%2C0%2C0%2C1%2C12%2C15.23Zm0-9.15A3.88%2C3.88%2C0%2C0%2C0%2C8.08%2C9.91a3.92%2C3.92%2C0%2C0%2C0%2C7.84%2C0A3.88%2C3.88%2C0%2C0%2C0%2C12%2C6.08Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-letter-bottom .chat-letter-buttons .chat-letter-photo:before {
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2018%22%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M22.3%2C18H1.7a1.7%2C1.7%2C0%2C0%2C1-1.2-.48A1.67%2C1.67%2C0%2C0%2C1%2C0%2C16.34V4.39a1.13%2C1.13%2C0%2C0%2C1%2C.34-.86%2C1.62%2C1.62%2C0%2C0%2C1%2C1.24-.34H5.06L6.85.64A1.67%2C1.67%2C0%2C0%2C1%2C7.48.15%2C1.71%2C1.71%2C0%2C0%2C1%2C8.19%2C0h7.54A1.7%2C1.7%2C0%2C0%2C1%2C17%2C.58l1.84%2C2.61h3.56a1.61%2C1.61%2C0%2C0%2C1%2C1.24.34%2C1.13%2C1.13%2C0%2C0%2C1%2C.34.86v12a1.65%2C1.65%2C0%2C0%2C1-.5%2C1.18A1.7%2C1.7%2C0%2C0%2C1%2C22.3%2C18ZM1.53%2C4.68V16.34a.17.17%2C0%2C0%2C0%2C.05.12.16.16%2C0%2C0%2C0%2C.12%2C0H22.3a.16.16%2C0%2C0%2C0%2C.12%2C0%2C.17.17%2C0%2C0%2C0%2C0-.12V4.68H18.7a1.14%2C1.14%2C0%2C0%2C1-.51-.11%2C1.1%2C1.1%2C0%2C0%2C1-.42-.31l-2-2.77H8.19l-2%2C2.7a1.36%2C1.36%2C0%2C0%2C1-.47.37%2C1.19%2C1.19%2C0%2C0%2C1-.52.11H1.53Z%22%2F%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M12%2C15.23A5.38%2C5.38%2C0%2C0%2C1%2C6.55%2C9.91a5.45%2C5.45%2C0%2C0%2C1%2C10.9%2C0A5.39%2C5.39%2C0%2C0%2C1%2C12%2C15.23Zm0-9.15A3.88%2C3.88%2C0%2C0%2C0%2C8.08%2C9.91a3.92%2C3.92%2C0%2C0%2C0%2C7.84%2C0A3.88%2C3.88%2C0%2C0%2C0%2C12%2C6.08Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-letter-bottom .chat-letter-buttons .chat-letter-send-message {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: linear-gradient(91.72deg, #8449C1 0%, #BB36D0 100%);
  opacity: 1;
  transition: opacity 0.2s ease;
}
.chat-letter-bottom .chat-letter-buttons .chat-letter-send-message:hover {
  opacity: 0.75;
}
.chat-letter-bottom .chat-letter-buttons .chat-letter-send-message:before {
  width: 20px;
  height: 20px;
  margin-left: 1px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M1.19%2C20H1.06a1.11%2C1.11%2C0%2C0%2C1-.61-.25%2C1.09%2C1.09%2C0%2C0%2C1-.38-.54%2C1.18%2C1.18%2C0%2C0%2C1%2C0-.67v0l2.5-8.64L.05%2C1.51a1.27%2C1.27%2C0%2C0%2C1%2C0-.7A1.12%2C1.12%2C0%2C0%2C1%2C.45.26%2C1.17%2C1.17%2C0%2C0%2C1%2C1.06%2C0a1.15%2C1.15%2C0%2C0%2C1%2C.66.11L19.34%2C8.93a1.2%2C1.2%2C0%2C0%2C1%2C.48.44A1.18%2C1.18%2C0%2C0%2C1%2C20%2C10a1.15%2C1.15%2C0%2C0%2C1-.18.62%2C1.2%2C1.2%2C0%2C0%2C1-.48.44L1.72%2C19.88A1.24%2C1.24%2C0%2C0%2C1%2C1.19%2C20ZM1.76%2C1.87l2.39%2C8-2.4%2C8.29L18%2C10Zm16.89%2C8.44h0Zm0-.63Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M19.23%2C10.78h0L3.34%2C10.63a.79.79%2C0%2C0%2C1-.77-.78.75.75%2C0%2C0%2C1%2C.78-.76l15.88.15a.77.77%2C0%2C1%2C1%2C0%2C1.54Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-letter-bottom .chat-letter-buttons .chat-letter-smile:hover:before,
.chat-letter-bottom .chat-letter-buttons .chat-letter-smile.is-active:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M11%2C22A11%2C11%2C0%2C1%2C1%2C22%2C11%2C11%2C11%2C0%2C0%2C1%2C11%2C22ZM11%2C1.63A9.37%2C9.37%2C0%2C1%2C0%2C20.37%2C11%2C9.38%2C9.38%2C0%2C0%2C0%2C11%2C1.63Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M11%2C17.05a6.09%2C6.09%2C0%2C0%2C1-5.17-2.89l1.38-.86a4.51%2C4.51%2C0%2C0%2C0%2C1.62%2C1.54%2C4.57%2C4.57%2C0%2C0%2C0%2C2.17.58%2C4.51%2C4.51%2C0%2C0%2C0%2C3.82-2.21l1.4.83a6.15%2C6.15%2C0%2C0%2C1-5.22%2C3Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M7.68%2C9.69A1.26%2C1.26%2C0%2C1%2C1%2C8.94%2C8.43%2C1.26%2C1.26%2C0%2C0%2C1%2C7.68%2C9.69Zm0-1.63a.37.37%2C0%2C0%2C0-.37.37.38.38%2C0%2C0%2C0%2C.75%2C0A.37.37%2C0%2C0%2C0%2C7.68%2C8.06Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M14.31%2C9.69a1.26%2C1.26%2C0%2C1%2C1%2C1.26-1.26A1.26%2C1.26%2C0%2C0%2C1%2C14.31%2C9.69Zm0-1.63a.36.36%2C0%2C0%2C0-.37.37.37.37%2C0%2C0%2C0%2C.37.37.38.38%2C0%2C0%2C0%2C.37-.37A.37.37%2C0%2C0%2C0%2C14.31%2C8.06Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-letter-bottom .chat-letter-buttons .chat-letter-smile:before {
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M11%2C22A11%2C11%2C0%2C1%2C1%2C22%2C11%2C11%2C11%2C0%2C0%2C1%2C11%2C22ZM11%2C1.63A9.37%2C9.37%2C0%2C1%2C0%2C20.37%2C11%2C9.38%2C9.38%2C0%2C0%2C0%2C11%2C1.63Z%22%2F%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M11%2C17.05a6.09%2C6.09%2C0%2C0%2C1-5.17-2.89l1.38-.86a4.51%2C4.51%2C0%2C0%2C0%2C1.62%2C1.54%2C4.57%2C4.57%2C0%2C0%2C0%2C2.17.58%2C4.51%2C4.51%2C0%2C0%2C0%2C3.82-2.21l1.4.83a6.15%2C6.15%2C0%2C0%2C1-5.22%2C3Z%22%2F%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M7.68%2C9.69A1.26%2C1.26%2C0%2C1%2C1%2C8.94%2C8.43%2C1.26%2C1.26%2C0%2C0%2C1%2C7.68%2C9.69Zm0-1.63a.37.37%2C0%2C0%2C0-.37.37.38.38%2C0%2C0%2C0%2C.75%2C0A.37.37%2C0%2C0%2C0%2C7.68%2C8.06Z%22%2F%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M14.31%2C9.69a1.26%2C1.26%2C0%2C1%2C1%2C1.26-1.26A1.26%2C1.26%2C0%2C0%2C1%2C14.31%2C9.69Zm0-1.63a.36.36%2C0%2C0%2C0-.37.37.37.37%2C0%2C0%2C0%2C.37.37.38.38%2C0%2C0%2C0%2C.37-.37A.37.37%2C0%2C0%2C0%2C14.31%2C8.06Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-letter-bottom .chat-letter-buttons .chat-letter-translate:hover:before,
.chat-letter-bottom .chat-letter-buttons .chat-letter-translate.is-active:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23BA37D0%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M1.79%2C17.08%2C1%2C15.85c9.23-6%2C10-13.47%2C10-13.55l1.5.13C12.47%2C2.77%2C11.66%2C10.69%2C1.79%2C17.08Z%22%2F%3E%3Crect%20class%3D%22cls%22%20y%3D%221.63%22%20width%3D%2214.74%22%20height%3D%221.48%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%226.62%22%20width%3D%221.5%22%20height%3D%222.37%22%2F%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M10.23%2C14.48c-3.05-2-6.67-8.27-6.82-8.54l1.31-.73c0%2C.07%2C3.6%2C6.22%2C6.35%2C8.05Z%22%2F%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M12%2C20l-1.39-.58L15.27%2C8.67a1.18%2C1.18%2C0%2C0%2C1%2C.42-.49%2C1.15%2C1.15%2C0%2C0%2C1%2C1.25%2C0%2C1%2C1%2C0%2C0%2C1%2C.42.49L22%2C19.42%2C20.62%2C20l-4.3-10Z%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%2212.92%22%20y%3D%2215.27%22%20width%3D%226.79%22%20height%3D%221.48%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-letter-bottom .chat-letter-buttons .chat-letter-translate:before {
  width: 22px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23999%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M1.79%2C17.08%2C1%2C15.85c9.23-6%2C10-13.47%2C10-13.55l1.5.13C12.47%2C2.77%2C11.66%2C10.69%2C1.79%2C17.08Z%22%2F%3E%3Crect%20class%3D%22cls%22%20y%3D%221.63%22%20width%3D%2214.74%22%20height%3D%221.48%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%226.62%22%20width%3D%221.5%22%20height%3D%222.37%22%2F%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M10.23%2C14.48c-3.05-2-6.67-8.27-6.82-8.54l1.31-.73c0%2C.07%2C3.6%2C6.22%2C6.35%2C8.05Z%22%2F%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M12%2C20l-1.39-.58L15.27%2C8.67a1.18%2C1.18%2C0%2C0%2C1%2C.42-.49%2C1.15%2C1.15%2C0%2C0%2C1%2C1.25%2C0%2C1%2C1%2C0%2C0%2C1%2C.42.49L22%2C19.42%2C20.62%2C20l-4.3-10Z%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%2212.92%22%20y%3D%2215.27%22%20width%3D%226.79%22%20height%3D%221.48%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-letter-bottom .chat-letter-buttons .chat-letter-video:hover:before,
.chat-letter-bottom .chat-letter-buttons .chat-letter-video.is-active:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2026%2016%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M18.4%2C16H1.64A1.65%2C1.65%2C0%2C0%2C1%2C0%2C14.35V1.65A1.65%2C1.65%2C0%2C0%2C1%2C1.64%2C0H18.4A1.65%2C1.65%2C0%2C0%2C1%2C20%2C1.65v12.7A1.65%2C1.65%2C0%2C0%2C1%2C18.4%2C16ZM1.64%2C1.55a.1.1%2C0%2C0%2C0-.11.1v12.7a.1.1%2C0%2C0%2C0%2C.11.1H18.4a.1.1%2C0%2C0%2C0%2C.11-.1V1.65a.1.1%2C0%2C0%2C0-.11-.1Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M25%2C13.24a1%2C1%2C0%2C0%2C1-.43-.09l-.06%2C0-6-3.45V5.9l6.06-3a1%2C1%2C0%2C0%2C1%2C.55-.09%2C1%2C1%2C0%2C0%2C1%2C.48.18%2C1.05%2C1.05%2C0%2C0%2C1%2C.32.4.93.93%2C0%2C0%2C1%2C.09.52V12.2a.89.89%2C0%2C0%2C1-.11.47%2C1%2C1%2C0%2C0%2C1-.34.4%2C1%2C1%2C0%2C0%2C1-.49.17Zm-.52-1.07v0ZM20%2C8.77l4.45%2C2.55V4.63L20%2C6.86Zm4.45-5v0Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-letter-bottom .chat-letter-buttons .chat-letter-video:before {
  width: 26px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2026%2016%22%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M18.4%2C16H1.64A1.65%2C1.65%2C0%2C0%2C1%2C0%2C14.35V1.65A1.65%2C1.65%2C0%2C0%2C1%2C1.64%2C0H18.4A1.65%2C1.65%2C0%2C0%2C1%2C20%2C1.65v12.7A1.65%2C1.65%2C0%2C0%2C1%2C18.4%2C16ZM1.64%2C1.55a.1.1%2C0%2C0%2C0-.11.1v12.7a.1.1%2C0%2C0%2C0%2C.11.1H18.4a.1.1%2C0%2C0%2C0%2C.11-.1V1.65a.1.1%2C0%2C0%2C0-.11-.1Z%22%2F%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M25%2C13.24a1%2C1%2C0%2C0%2C1-.43-.09l-.06%2C0-6-3.45V5.9l6.06-3a1%2C1%2C0%2C0%2C1%2C.55-.09%2C1%2C1%2C0%2C0%2C1%2C.48.18%2C1.05%2C1.05%2C0%2C0%2C1%2C.32.4.93.93%2C0%2C0%2C1%2C.09.52V12.2a.89.89%2C0%2C0%2C1-.11.47%2C1%2C1%2C0%2C0%2C1-.34.4%2C1%2C1%2C0%2C0%2C1-.49.17Zm-.52-1.07v0ZM20%2C8.77l4.45%2C2.55V4.63L20%2C6.86Zm4.45-5v0Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-letter-bottom .chat-letter-price {
  flex: 0 0 auto;
  margin-right: 20px;
  font-size: 15px;
  line-height: 19px;
  font-weight: 600;
}
.chat-letter-bottom .chat-letter-price > span {
  color: #BA37D0;
  font-weight: bold;
}
@media only screen and (max-width: 419px) {
  .chat-letter-bottom .chat-letter-price > span {
    display: block;
    margin-top: 3px;
  }
}
.chat-letter-subject {
  grid-area: subject;
  border-bottom: 1px solid #F2F2F2;
  display: flex;
  align-items: flex-start;
  padding: 0 24px;
}
@media only screen and (max-width: 999px) {
  .chat-letter-subject {
    padding: 0 12px;
  }
}
.chat-letter-subject > span {
  flex: 0 0 auto;
  display: block;
  color: #444;
  font-size: 15px;
  line-height: 19px;
  font-weight: 600;
  margin-right: 10px;
  padding-top: 22px;
}
.chat-letter-subject .chat-letter-textarea {
  flex: 1 1 auto;
  min-width: 0;
}
.chat-letter-subject .chat-letter-textarea textarea.textfield {
  height: 66px;
}
.chat-letter-subject .chat-letter-textarea textarea.textfield.autosize {
  height: auto;
  min-height: 66px;
}
.chat-letter-text {
  grid-area: text;
  border-bottom: 1px solid #F2F2F2;
  padding: 0 24px;
  display: grid;
  grid-template-rows: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 999px) {
  .chat-letter-text {
    padding: 0 12px;
  }
}
.chat-letter-text .chat-letter-textarea {
  display: grid;
  grid-template-rows: 100%;
}
.chat-letter-text .chat-letter-textarea textarea.textfield {
  padding: 22px 56px 22px 0;
  border-radius: 0;
  background: none;
  border: 0;
  height: auto;
}
.chat-letter-text .chat-letter-textarea textarea.textfield.autosize {
  min-height: 100%;
}
.chat-letter-text .chat-letter-textarea .chat-letter-textarea-translate {
  top: 24px;
}
.chat-letter-textarea {
  position: relative;
}
.chat-letter-textarea textarea.textfield {
  padding: 22px 56px 22px 0;
  border-radius: 0;
  background: none;
  border: 0;
}
.chat-letter-textarea .chat-letter-textarea-translate {
  position: absolute;
  right: 0;
  top: 15px;
  margin: 0;
  padding: 0;
  outline: 0;
  cursor: pointer;
  border: 0;
  background: #F7F7F7;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  -webkit-appearance: none;
  transition: background 0.2s ease;
}
.chat-letter-textarea .chat-letter-textarea-translate:hover {
  background: #BA37D0;
}
.chat-letter-textarea .chat-letter-textarea-translate:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23FFF%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M1.79%2C17.08%2C1%2C15.85c9.23-6%2C10-13.47%2C10-13.55l1.5.13C12.47%2C2.77%2C11.66%2C10.69%2C1.79%2C17.08Z%22%2F%3E%3Crect%20class%3D%22cls%22%20y%3D%221.63%22%20width%3D%2214.74%22%20height%3D%221.48%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%226.62%22%20width%3D%221.5%22%20height%3D%222.37%22%2F%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M10.23%2C14.48c-3.05-2-6.67-8.27-6.82-8.54l1.31-.73c0%2C.07%2C3.6%2C6.22%2C6.35%2C8.05Z%22%2F%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M12%2C20l-1.39-.58L15.27%2C8.67a1.18%2C1.18%2C0%2C0%2C1%2C.42-.49%2C1.15%2C1.15%2C0%2C0%2C1%2C1.25%2C0%2C1%2C1%2C0%2C0%2C1%2C.42.49L22%2C19.42%2C20.62%2C20l-4.3-10Z%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%2212.92%22%20y%3D%2215.27%22%20width%3D%226.79%22%20height%3D%221.48%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-letter-textarea .chat-letter-textarea-translate:before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 18px;
  height: 17px;
  transform: translate(-50%, -50%);
  transition: background 0.2s ease;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23A39FA7%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M1.79%2C17.08%2C1%2C15.85c9.23-6%2C10-13.47%2C10-13.55l1.5.13C12.47%2C2.77%2C11.66%2C10.69%2C1.79%2C17.08Z%22%2F%3E%3Crect%20class%3D%22cls%22%20y%3D%221.63%22%20width%3D%2214.74%22%20height%3D%221.48%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%226.62%22%20width%3D%221.5%22%20height%3D%222.37%22%2F%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M10.23%2C14.48c-3.05-2-6.67-8.27-6.82-8.54l1.31-.73c0%2C.07%2C3.6%2C6.22%2C6.35%2C8.05Z%22%2F%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M12%2C20l-1.39-.58L15.27%2C8.67a1.18%2C1.18%2C0%2C0%2C1%2C.42-.49%2C1.15%2C1.15%2C0%2C0%2C1%2C1.25%2C0%2C1%2C1%2C0%2C0%2C1%2C.42.49L22%2C19.42%2C20.62%2C20l-4.3-10Z%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%2212.92%22%20y%3D%2215.27%22%20width%3D%226.79%22%20height%3D%221.48%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-letter-to {
  border-bottom: 1px solid #F2F2F2;
  display: flex;
  align-items: center;
  padding: 11px 24px;
}
@media only screen and (max-width: 999px) {
  .chat-letter-to {
    padding: 11px 15px;
  }
}
.chat-letter-to > span {
  flex: 0 0 auto;
  display: block;
  color: #444;
  font-size: 15px;
  line-height: 19px;
  font-weight: 600;
  margin-right: 10px;
}
.chat-letter-to .button {
  flex: 0 0 auto;
  margin-left: 20px;
}
.chat-letter-to .chat-letter-to-user {
  flex: 1 1 auto;
}
.chat-list {
  grid-area: list;
  overflow: hidden;
  display: grid;
  grid-template-rows: 100%;
}
.chat-list .simplebar-track {
  right: 0;
}
.chat-media {
  width: 140px;
  margin-bottom: 6px;
}
.chat-message-self .chat-media {
  text-align: right;
}
.chat-media .chat-media-box {
  width: 140px;
  height: 140px;
  background: #FAFAFA;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
  border-radius: 8px 8px 8px 0;
  overflow: hidden;
  position: relative;
}
.chat-message-self .chat-media .chat-media-box {
  border-radius: 8px 8px 0 8px;
}
.chat-media .chat-media-box.chat-media-empty:before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 57px;
  height: 62px;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2057%2062%22%3E%3Cpath%20fill%3D%22%23E2E5E9%22%20d%3D%22M15.27%2C0H41.73a5.22%2C5.22%2C0%2C0%2C1%2C3%2C1.17A5.08%2C5.08%2C0%2C0%2C1%2C46.58%2C5c0%2C1.78%2C0%2C3.57%2C0%2C5.36H54.2a2.71%2C2.71%2C0%2C0%2C1%2C.86%2C5.3%2C4.89%2C4.89%2C0%2C0%2C1-1.43.11H3.3a5.06%2C5.06%2C0%2C0%2C1-1.23-.07A2.77%2C2.77%2C0%2C0%2C1%2C.22%2C14.14%2C3.28%2C3.28%2C0%2C0%2C1%2C0%2C13.31v-.49A3.61%2C3.61%2C0%2C0%2C1%2C.24%2C12%2C2.77%2C2.77%2C0%2C0%2C1%2C2%2C10.45a4.36%2C4.36%2C0%2C0%2C1%2C1.14-.09H10.4V5.06a5.13%2C5.13%2C0%2C0%2C1%2C1.81-3.84A5.21%2C5.21%2C0%2C0%2C1%2C15.27%2C0Zm1.49%2C6.08a2.59%2C2.59%2C0%2C0%2C0-.91%2C2c0%2C.77%2C0%2C1.55%2C0%2C2.32H41.14c0-.77%2C0-1.55%2C0-2.32a2.67%2C2.67%2C0%2C0%2C0-1.61-2.41%2C2.9%2C2.9%2C0%2C0%2C0-1.2-.21H18.6A2.64%2C2.64%2C0%2C0%2C0%2C16.76%2C6.08Z%22%2F%3E%3Cpath%20fill%3D%22%23E2E5E9%22%20d%3D%22M8.43%2C21.5a2.71%2C2.71%2C0%2C0%2C1%2C4.66%2C1.78c0%2C3%2C0%2C6%2C0%2C9V53.9a2.66%2C2.66%2C0%2C0%2C0%2C.72%2C1.84%2C2.7%2C2.7%2C0%2C0%2C0%2C2%2C.84H41.06a2.67%2C2.67%2C0%2C0%2C0%2C2.73-2.74V23.47a2.82%2C2.82%2C0%2C0%2C1%2C.47-1.62%2C2.72%2C2.72%2C0%2C0%2C1%2C5%2C1.62q0%2C16%2C0%2C32c0%2C.6%2C0%2C1.2%2C0%2C1.8a5.09%2C5.09%2C0%2C0%2C1-1.91%2C3.66A5.28%2C5.28%2C0%2C0%2C1%2C44.39%2C62H12.48a5.36%2C5.36%2C0%2C0%2C1-2.87-1.11A5.14%2C5.14%2C0%2C0%2C1%2C7.73%2C57.7a8.09%2C8.09%2C0%2C0%2C1-.06-1.39V23.41A2.72%2C2.72%2C0%2C0%2C1%2C8.43%2C21.5Z%22%2F%3E%3Cpath%20fill%3D%22%23E2E5E9%22%20d%3D%22M21.86%2C20.74a2.71%2C2.71%2C0%2C0%2C1%2C2.14.44%2C2.73%2C2.73%2C0%2C0%2C1%2C1.14%2C2.23q0%2C12.72%2C0%2C25.43a2.71%2C2.71%2C0%2C0%2C1-3.42%2C2.68%2C2.7%2C2.7%2C0%2C0%2C1-1.89-1.82%2C4.07%2C4.07%2C0%2C0%2C1-.12-1.3q0-12.12%2C0-24.23a5.52%2C5.52%2C0%2C0%2C1%2C.11-1.57A2.73%2C2.73%2C0%2C0%2C1%2C21.86%2C20.74Z%22%2F%3E%3Cpath%20fill%3D%22%23E2E5E9%22%20d%3D%22M33.92%2C20.73a2.73%2C2.73%2C0%2C0%2C1%2C2.13.46%2C2.7%2C2.7%2C0%2C0%2C1%2C1.13%2C2.21q0%2C12.41%2C0%2C24.81c0%2C.33%2C0%2C.66%2C0%2C1a2.72%2C2.72%2C0%2C0%2C1-5.42-.36q0-12.5%2C0-25a3.58%2C3.58%2C0%2C0%2C1%2C.12-1.26A2.73%2C2.73%2C0%2C0%2C1%2C33.92%2C20.73Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-media .chat-media-box img {
  width: 140px;
  height: 140px;
  display: block;
  object-fit: cover;
  border-radius: 8px 8px 8px 0;
}
.chat-message-self .chat-media .chat-media-box img {
  border-radius: 8px 8px 0 8px;
}
.chat-media .chat-media-box .chat-media-buy {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.chat-media .chat-media-box .chat-media-buy .button {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding-left: 12px;
  padding-right: 12px;
  white-space: nowrap;
  font-size: 13px;
  line-height: 16px;
  min-height: 42px;
}
.chat-media .chat-media-box .chat-media-buy .chat-media-photo {
  width: 30px;
  height: 26px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2012%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M12.25%2C1.71H10.58L10%2C.57A1.28%2C1.28%2C0%2C0%2C0%2C9%2C0H5.11A1.31%2C1.31%2C0%2C0%2C0%2C4%2C.57L3.5%2C1.71H1.75A1.78%2C1.78%2C0%2C0%2C0%2C0%2C2.86v8S.88%2C12%2C1.75%2C12h10.5c.93%2C0%2C1.75-1.14%2C1.75-1.14v-8A1.69%2C1.69%2C0%2C0%2C0%2C12.25%2C1.71ZM7%2C10.29A3.47%2C3.47%2C0%2C0%2C1%2C3.5%2C6.86%2C3.46%2C3.46%2C0%2C0%2C1%2C7%2C3.43a3.46%2C3.46%2C0%2C0%2C1%2C3.5%2C3.43A3.47%2C3.47%2C0%2C0%2C1%2C7%2C10.29ZM7%2C4.57A2.29%2C2.29%2C0%2C1%2C0%2C9.33%2C6.86%2C2.3%2C2.3%2C0%2C0%2C0%2C7%2C4.57Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-media .chat-media-box .chat-media-buy .chat-media-video {
  width: 30px;
  height: 22px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2011%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M13.13%2C11h0L9.92%2C7.64V9.77A1.2%2C1.2%2C0%2C0%2C1%2C8.75%2C11H1.17A1.2%2C1.2%2C0%2C0%2C1%2C0%2C9.77V1.22A1.2%2C1.2%2C0%2C0%2C1%2C1.17%2C0H8.75A1.2%2C1.2%2C0%2C0%2C1%2C9.92%2C1.22V3.37L13.13%2C0h0A.9.9%2C0%2C0%2C1%2C14%2C.92v9.15A.9.9%2C0%2C0%2C1%2C13.13%2C11Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-media .chat-media-box .chat-media-buy .chat-media-photo,
.chat-media .chat-media-box .chat-media-buy .chat-media-video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.chat-media .chat-media-box .chat-media-remove {
  position: absolute;
  right: -48px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  outline: 0;
  cursor: pointer;
  border: 0;
  background: #FFF;
  -webkit-appearance: none;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  transition: background 0.2s ease;
}
.chat-message-self .chat-media .chat-media-box .chat-media-remove {
  right: auto;
  left: -48px;
}
.chat-media .chat-media-box .chat-media-remove:hover {
  background: #BA37D0;
}
.chat-media .chat-media-box .chat-media-remove:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M17.11%2C3.6h-4.5V2.1A2.17%2C2.17%2C0%2C0%2C0%2C10.37%2C0H7.66A2.17%2C2.17%2C0%2C0%2C0%2C5.41%2C2.09h0V3.6H.91a.94.94%2C0%2C0%2C0-.64.26.89.89%2C0%2C0%2C0%2C0%2C1.27.88.88%2C0%2C0%2C0%2C.65.27h.9v9.9A2.7%2C2.7%2C0%2C0%2C0%2C4.51%2C18h9a2.7%2C2.7%2C0%2C0%2C0%2C2.7-2.7h0V5.4h.9a.91.91%2C0%2C0%2C0%2C.64-1.54A1%2C1%2C0%2C0%2C0%2C17.11%2C3.6ZM7.21%2C2.1c0-.15.19-.3.45-.3h2.7c.26%2C0%2C.45.15.45.3V3.6H7.21Zm7.2%2C13.2a.89.89%2C0%2C0%2C1-.88.9h-9a.89.89%2C0%2C0%2C1-.9-.88V5.4h10.8Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M6.31%2C13.5a.89.89%2C0%2C0%2C0%2C.9-.88V9A.88.88%2C0%2C0%2C0%2C7%2C8.37a.9.9%2C0%2C0%2C0-1.26%2C0l0%2C0A.84.84%2C0%2C0%2C0%2C5.41%2C9v3.6a.89.89%2C0%2C0%2C0%2C.88.9Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M11.71%2C13.5a.89.89%2C0%2C0%2C0%2C.9-.88V9a.88.88%2C0%2C0%2C0-.26-.63.9.9%2C0%2C0%2C0-1.26%2C0l0%2C0a.84.84%2C0%2C0%2C0-.26.63v3.6a.89.89%2C0%2C0%2C0%2C.88.9Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-media .chat-media-box .chat-media-remove:before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 18px;
  height: 18px;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M17.11%2C3.6h-4.5V2.1A2.17%2C2.17%2C0%2C0%2C0%2C10.37%2C0H7.66A2.17%2C2.17%2C0%2C0%2C0%2C5.41%2C2.09h0V3.6H.91a.94.94%2C0%2C0%2C0-.64.26.89.89%2C0%2C0%2C0%2C0%2C1.27.88.88%2C0%2C0%2C0%2C.65.27h.9v9.9A2.7%2C2.7%2C0%2C0%2C0%2C4.51%2C18h9a2.7%2C2.7%2C0%2C0%2C0%2C2.7-2.7h0V5.4h.9a.91.91%2C0%2C0%2C0%2C.64-1.54A1%2C1%2C0%2C0%2C0%2C17.11%2C3.6ZM7.21%2C2.1c0-.15.19-.3.45-.3h2.7c.26%2C0%2C.45.15.45.3V3.6H7.21Zm7.2%2C13.2a.89.89%2C0%2C0%2C1-.88.9h-9a.89.89%2C0%2C0%2C1-.9-.88V5.4h10.8Z%22%2F%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M6.31%2C13.5a.89.89%2C0%2C0%2C0%2C.9-.88V9A.88.88%2C0%2C0%2C0%2C7%2C8.37a.9.9%2C0%2C0%2C0-1.26%2C0l0%2C0A.84.84%2C0%2C0%2C0%2C5.41%2C9v3.6a.89.89%2C0%2C0%2C0%2C.88.9Z%22%2F%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M11.71%2C13.5a.89.89%2C0%2C0%2C0%2C.9-.88V9a.88.88%2C0%2C0%2C0-.26-.63.9.9%2C0%2C0%2C0-1.26%2C0l0%2C0a.84.84%2C0%2C0%2C0-.26.63v3.6a.89.89%2C0%2C0%2C0%2C.88.9Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
  transition: background 0.2s ease;
}
.chat-media .chat-media-box .chat-media-clickable-photo {
  cursor: pointer;
}
.chat-media .chat-media-text {
  font-size: 12px;
  line-height: 14px;
  color: #444;
  margin-top: 6px;
}
.chat-media .chat-media-text > strong {
  display: block;
  font-weight: 600;
}
.chat-gift {
  width: 140px;
  margin-bottom: 6px;
}
.chat-message-self .chat-gift {
  text-align: right;
}
.chat-gift .chat-media-box {
  width: 100px;
  height: 100px;
  position: relative;
}
.chat-message-self .chat-gift .chat-media-box {
  border-radius: 8px 8px 0 8px;
}
.chat-gift .chat-media-box.chat-media-empty:before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 57px;
  height: 62px;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2057%2062%22%3E%3Cpath%20fill%3D%22%23E2E5E9%22%20d%3D%22M15.27%2C0H41.73a5.22%2C5.22%2C0%2C0%2C1%2C3%2C1.17A5.08%2C5.08%2C0%2C0%2C1%2C46.58%2C5c0%2C1.78%2C0%2C3.57%2C0%2C5.36H54.2a2.71%2C2.71%2C0%2C0%2C1%2C.86%2C5.3%2C4.89%2C4.89%2C0%2C0%2C1-1.43.11H3.3a5.06%2C5.06%2C0%2C0%2C1-1.23-.07A2.77%2C2.77%2C0%2C0%2C1%2C.22%2C14.14%2C3.28%2C3.28%2C0%2C0%2C1%2C0%2C13.31v-.49A3.61%2C3.61%2C0%2C0%2C1%2C.24%2C12%2C2.77%2C2.77%2C0%2C0%2C1%2C2%2C10.45a4.36%2C4.36%2C0%2C0%2C1%2C1.14-.09H10.4V5.06a5.13%2C5.13%2C0%2C0%2C1%2C1.81-3.84A5.21%2C5.21%2C0%2C0%2C1%2C15.27%2C0Zm1.49%2C6.08a2.59%2C2.59%2C0%2C0%2C0-.91%2C2c0%2C.77%2C0%2C1.55%2C0%2C2.32H41.14c0-.77%2C0-1.55%2C0-2.32a2.67%2C2.67%2C0%2C0%2C0-1.61-2.41%2C2.9%2C2.9%2C0%2C0%2C0-1.2-.21H18.6A2.64%2C2.64%2C0%2C0%2C0%2C16.76%2C6.08Z%22%2F%3E%3Cpath%20fill%3D%22%23E2E5E9%22%20d%3D%22M8.43%2C21.5a2.71%2C2.71%2C0%2C0%2C1%2C4.66%2C1.78c0%2C3%2C0%2C6%2C0%2C9V53.9a2.66%2C2.66%2C0%2C0%2C0%2C.72%2C1.84%2C2.7%2C2.7%2C0%2C0%2C0%2C2%2C.84H41.06a2.67%2C2.67%2C0%2C0%2C0%2C2.73-2.74V23.47a2.82%2C2.82%2C0%2C0%2C1%2C.47-1.62%2C2.72%2C2.72%2C0%2C0%2C1%2C5%2C1.62q0%2C16%2C0%2C32c0%2C.6%2C0%2C1.2%2C0%2C1.8a5.09%2C5.09%2C0%2C0%2C1-1.91%2C3.66A5.28%2C5.28%2C0%2C0%2C1%2C44.39%2C62H12.48a5.36%2C5.36%2C0%2C0%2C1-2.87-1.11A5.14%2C5.14%2C0%2C0%2C1%2C7.73%2C57.7a8.09%2C8.09%2C0%2C0%2C1-.06-1.39V23.41A2.72%2C2.72%2C0%2C0%2C1%2C8.43%2C21.5Z%22%2F%3E%3Cpath%20fill%3D%22%23E2E5E9%22%20d%3D%22M21.86%2C20.74a2.71%2C2.71%2C0%2C0%2C1%2C2.14.44%2C2.73%2C2.73%2C0%2C0%2C1%2C1.14%2C2.23q0%2C12.72%2C0%2C25.43a2.71%2C2.71%2C0%2C0%2C1-3.42%2C2.68%2C2.7%2C2.7%2C0%2C0%2C1-1.89-1.82%2C4.07%2C4.07%2C0%2C0%2C1-.12-1.3q0-12.12%2C0-24.23a5.52%2C5.52%2C0%2C0%2C1%2C.11-1.57A2.73%2C2.73%2C0%2C0%2C1%2C21.86%2C20.74Z%22%2F%3E%3Cpath%20fill%3D%22%23E2E5E9%22%20d%3D%22M33.92%2C20.73a2.73%2C2.73%2C0%2C0%2C1%2C2.13.46%2C2.7%2C2.7%2C0%2C0%2C1%2C1.13%2C2.21q0%2C12.41%2C0%2C24.81c0%2C.33%2C0%2C.66%2C0%2C1a2.72%2C2.72%2C0%2C0%2C1-5.42-.36q0-12.5%2C0-25a3.58%2C3.58%2C0%2C0%2C1%2C.12-1.26A2.73%2C2.73%2C0%2C0%2C1%2C33.92%2C20.73Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-gift .chat-media-box img {
  width: 100px;
  height: 100px;
  display: block;
  object-fit: cover;
  border-radius: 8px 8px 8px 0;
}
.chat-message-self .chat-gift .chat-media-box img {
  border-radius: 8px 8px 0 8px;
}
.chat-gift .chat-media-box .chat-media-buy {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.chat-gift .chat-media-box .chat-media-buy .button {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding-left: 12px;
  padding-right: 12px;
  white-space: nowrap;
  font-size: 13px;
  line-height: 16px;
  min-height: 42px;
}
.chat-gift .chat-media-box .chat-media-buy .chat-media-photo {
  width: 30px;
  height: 26px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2012%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M12.25%2C1.71H10.58L10%2C.57A1.28%2C1.28%2C0%2C0%2C0%2C9%2C0H5.11A1.31%2C1.31%2C0%2C0%2C0%2C4%2C.57L3.5%2C1.71H1.75A1.78%2C1.78%2C0%2C0%2C0%2C0%2C2.86v8S.88%2C12%2C1.75%2C12h10.5c.93%2C0%2C1.75-1.14%2C1.75-1.14v-8A1.69%2C1.69%2C0%2C0%2C0%2C12.25%2C1.71ZM7%2C10.29A3.47%2C3.47%2C0%2C0%2C1%2C3.5%2C6.86%2C3.46%2C3.46%2C0%2C0%2C1%2C7%2C3.43a3.46%2C3.46%2C0%2C0%2C1%2C3.5%2C3.43A3.47%2C3.47%2C0%2C0%2C1%2C7%2C10.29ZM7%2C4.57A2.29%2C2.29%2C0%2C1%2C0%2C9.33%2C6.86%2C2.3%2C2.3%2C0%2C0%2C0%2C7%2C4.57Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-gift .chat-media-box .chat-media-buy .chat-media-video {
  width: 30px;
  height: 22px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2011%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M13.13%2C11h0L9.92%2C7.64V9.77A1.2%2C1.2%2C0%2C0%2C1%2C8.75%2C11H1.17A1.2%2C1.2%2C0%2C0%2C1%2C0%2C9.77V1.22A1.2%2C1.2%2C0%2C0%2C1%2C1.17%2C0H8.75A1.2%2C1.2%2C0%2C0%2C1%2C9.92%2C1.22V3.37L13.13%2C0h0A.9.9%2C0%2C0%2C1%2C14%2C.92v9.15A.9.9%2C0%2C0%2C1%2C13.13%2C11Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-gift .chat-media-box .chat-media-buy .chat-media-photo,
.chat-gift .chat-media-box .chat-media-buy .chat-media-video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.chat-gift .chat-media-box .chat-media-remove {
  position: absolute;
  right: -48px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  outline: 0;
  cursor: pointer;
  border: 0;
  background: #FFF;
  -webkit-appearance: none;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  transition: background 0.2s ease;
}
.chat-message-self .chat-gift .chat-media-box .chat-media-remove {
  right: auto;
  left: -48px;
}
.chat-gift .chat-media-box .chat-media-remove:hover {
  background: #BA37D0;
}
.chat-gift .chat-media-box .chat-media-remove:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M17.11%2C3.6h-4.5V2.1A2.17%2C2.17%2C0%2C0%2C0%2C10.37%2C0H7.66A2.17%2C2.17%2C0%2C0%2C0%2C5.41%2C2.09h0V3.6H.91a.94.94%2C0%2C0%2C0-.64.26.89.89%2C0%2C0%2C0%2C0%2C1.27.88.88%2C0%2C0%2C0%2C.65.27h.9v9.9A2.7%2C2.7%2C0%2C0%2C0%2C4.51%2C18h9a2.7%2C2.7%2C0%2C0%2C0%2C2.7-2.7h0V5.4h.9a.91.91%2C0%2C0%2C0%2C.64-1.54A1%2C1%2C0%2C0%2C0%2C17.11%2C3.6ZM7.21%2C2.1c0-.15.19-.3.45-.3h2.7c.26%2C0%2C.45.15.45.3V3.6H7.21Zm7.2%2C13.2a.89.89%2C0%2C0%2C1-.88.9h-9a.89.89%2C0%2C0%2C1-.9-.88V5.4h10.8Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M6.31%2C13.5a.89.89%2C0%2C0%2C0%2C.9-.88V9A.88.88%2C0%2C0%2C0%2C7%2C8.37a.9.9%2C0%2C0%2C0-1.26%2C0l0%2C0A.84.84%2C0%2C0%2C0%2C5.41%2C9v3.6a.89.89%2C0%2C0%2C0%2C.88.9Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M11.71%2C13.5a.89.89%2C0%2C0%2C0%2C.9-.88V9a.88.88%2C0%2C0%2C0-.26-.63.9.9%2C0%2C0%2C0-1.26%2C0l0%2C0a.84.84%2C0%2C0%2C0-.26.63v3.6a.89.89%2C0%2C0%2C0%2C.88.9Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-gift .chat-media-box .chat-media-remove:before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 18px;
  height: 18px;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M17.11%2C3.6h-4.5V2.1A2.17%2C2.17%2C0%2C0%2C0%2C10.37%2C0H7.66A2.17%2C2.17%2C0%2C0%2C0%2C5.41%2C2.09h0V3.6H.91a.94.94%2C0%2C0%2C0-.64.26.89.89%2C0%2C0%2C0%2C0%2C1.27.88.88%2C0%2C0%2C0%2C.65.27h.9v9.9A2.7%2C2.7%2C0%2C0%2C0%2C4.51%2C18h9a2.7%2C2.7%2C0%2C0%2C0%2C2.7-2.7h0V5.4h.9a.91.91%2C0%2C0%2C0%2C.64-1.54A1%2C1%2C0%2C0%2C0%2C17.11%2C3.6ZM7.21%2C2.1c0-.15.19-.3.45-.3h2.7c.26%2C0%2C.45.15.45.3V3.6H7.21Zm7.2%2C13.2a.89.89%2C0%2C0%2C1-.88.9h-9a.89.89%2C0%2C0%2C1-.9-.88V5.4h10.8Z%22%2F%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M6.31%2C13.5a.89.89%2C0%2C0%2C0%2C.9-.88V9A.88.88%2C0%2C0%2C0%2C7%2C8.37a.9.9%2C0%2C0%2C0-1.26%2C0l0%2C0A.84.84%2C0%2C0%2C0%2C5.41%2C9v3.6a.89.89%2C0%2C0%2C0%2C.88.9Z%22%2F%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M11.71%2C13.5a.89.89%2C0%2C0%2C0%2C.9-.88V9a.88.88%2C0%2C0%2C0-.26-.63.9.9%2C0%2C0%2C0-1.26%2C0l0%2C0a.84.84%2C0%2C0%2C0-.26.63v3.6a.89.89%2C0%2C0%2C0%2C.88.9Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
  transition: background 0.2s ease;
}
.chat-gift .chat-media-box .chat-media-clickable-photo {
  cursor: pointer;
}
.chat-gift .chat-media-text {
  font-size: 12px;
  line-height: 14px;
  color: #444;
  margin-top: 6px;
}
.chat-gift .chat-media-text > strong {
  display: block;
  font-weight: 600;
}
.chat-message {
  justify-self: start;
}
.chat-message.chat-message-self {
  justify-self: end;
}
.chat-message.chat-message-self .chat-message-time {
  text-align: right;
  display: block;
}
.chat-message.chat-message-self .chat-message-text {
  background: #F3F5F7;
}
.chat-message + .chat-message {
  margin-top: 10px;
}
.chat-message .chat-message-text {
  background: #FFF;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
  position: relative;
  max-width: 670px;
}
.chat-message .chat-message-text.chat-message-icon {
  margin-right: 60px;
}
.chat-message .chat-message-text .chat-message-icon-warning {
  position: absolute;
  right: -48px;
  top: 50%;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #FFF;
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  outline: 0;
  cursor: pointer;
  border: 0;
  -webkit-appearance: none;
  transition: background 0.2s ease;
}
.chat-message .chat-message-text .chat-message-icon-warning:hover {
  background: #BA37D0;
}
.chat-message .chat-message-text .chat-message-icon-warning:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2018%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M1.3%2C17.64A2.39%2C2.39%2C0%2C0%2C0%2C2.61%2C18H17.47a2.16%2C2.16%2C0%2C0%2C0%2C1.74-.81A2.43%2C2.43%2C0%2C0%2C0%2C20%2C15.31%2C2.61%2C2.61%2C0%2C0%2C0%2C19.65%2C14L12.31%2C1.34A2.93%2C2.93%2C0%2C0%2C0%2C10.65.09a2.61%2C2.61%2C0%2C0%2C0-2%2C.27%2C2.22%2C2.22%2C0%2C0%2C0-.88.89L.33%2C14A2.77%2C2.77%2C0%2C0%2C0%2C1.3%2C17.64Zm.61-2.77L9.25%2C2.24a.68.68%2C0%2C0%2C1%2C.35-.36%2C1%2C1%2C0%2C0%2C1%2C1.22.36l7.34%2C12.63a.81.81%2C0%2C0%2C1%2C.09.45.84.84%2C0%2C0%2C1-.26.62.79.79%2C0%2C0%2C1-.61.27H2.61c-.09%2C0-.27%2C0-.35-.09A.9.9%2C0%2C0%2C1%2C1.91%2C14.87Zm9-4.93V6.36a.88.88%2C0%2C1%2C0-1.75%2C0V9.94a.88.88%2C0%2C1%2C0%2C1.75%2C0Zm0%2C3.58a.84.84%2C0%2C0%2C1-.26.63.86.86%2C0%2C0%2C1-.7.27.78.78%2C0%2C0%2C1-.61-.27.82.82%2C0%2C0%2C1-.27-.63.53.53%2C0%2C0%2C1%2C.06-.24.27.27%2C0%2C0%2C0%2C0-.12c0-.09.09-.17.18-.26s.17-.18.26-.18a1.06%2C1.06%2C0%2C0%2C1%2C.52-.09c.05%2C0%2C.07.07.1.08h.08a.15.15%2C0%2C0%2C1%2C.09%2C0s0%2C.05.08.05a.31.31%2C0%2C0%2C1%2C.18.09c.09.09.17.17.17.26A.54.54%2C0%2C0%2C1%2C10.91%2C13.52Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-message .chat-message-text .chat-message-icon-warning:before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 20px;
  height: 18px;
  transform: translate(-50%, -50%);
  transition: background 0.2s ease;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2018%22%3E%3Cpath%20fill%3D%22%23A39FA7%22%20d%3D%22M1.3%2C17.64A2.39%2C2.39%2C0%2C0%2C0%2C2.61%2C18H17.47a2.16%2C2.16%2C0%2C0%2C0%2C1.74-.81A2.43%2C2.43%2C0%2C0%2C0%2C20%2C15.31%2C2.61%2C2.61%2C0%2C0%2C0%2C19.65%2C14L12.31%2C1.34A2.93%2C2.93%2C0%2C0%2C0%2C10.65.09a2.61%2C2.61%2C0%2C0%2C0-2%2C.27%2C2.22%2C2.22%2C0%2C0%2C0-.88.89L.33%2C14A2.77%2C2.77%2C0%2C0%2C0%2C1.3%2C17.64Zm.61-2.77L9.25%2C2.24a.68.68%2C0%2C0%2C1%2C.35-.36%2C1%2C1%2C0%2C0%2C1%2C1.22.36l7.34%2C12.63a.81.81%2C0%2C0%2C1%2C.09.45.84.84%2C0%2C0%2C1-.26.62.79.79%2C0%2C0%2C1-.61.27H2.61c-.09%2C0-.27%2C0-.35-.09A.9.9%2C0%2C0%2C1%2C1.91%2C14.87Zm9-4.93V6.36a.88.88%2C0%2C1%2C0-1.75%2C0V9.94a.88.88%2C0%2C1%2C0%2C1.75%2C0Zm0%2C3.58a.84.84%2C0%2C0%2C1-.26.63.86.86%2C0%2C0%2C1-.7.27.78.78%2C0%2C0%2C1-.61-.27.82.82%2C0%2C0%2C1-.27-.63.53.53%2C0%2C0%2C1%2C.06-.24.27.27%2C0%2C0%2C0%2C0-.12c0-.09.09-.17.18-.26s.17-.18.26-.18a1.06%2C1.06%2C0%2C0%2C1%2C.52-.09c.05%2C0%2C.07.07.1.08h.08a.15.15%2C0%2C0%2C1%2C.09%2C0s0%2C.05.08.05a.31.31%2C0%2C0%2C1%2C.18.09c.09.09.17.17.17.26A.54.54%2C0%2C0%2C1%2C10.91%2C13.52Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-message .chat-message-text .chat-message-text-content {
  padding: 12px 35px 12px 20px;
  white-space: pre-wrap;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
}
.chat-message .chat-message-text .chat-message-translate {
  margin: 0;
  padding: 0;
  outline: 0;
  cursor: pointer;
  border: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 17px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23A39FA7%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M1.79%2C17.08%2C1%2C15.85c9.23-6%2C10-13.47%2C10-13.55l1.5.13C12.47%2C2.77%2C11.66%2C10.69%2C1.79%2C17.08Z%22%2F%3E%3Crect%20class%3D%22cls%22%20y%3D%221.63%22%20width%3D%2214.74%22%20height%3D%221.48%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%226.62%22%20width%3D%221.5%22%20height%3D%222.37%22%2F%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M10.23%2C14.48c-3.05-2-6.67-8.27-6.82-8.54l1.31-.73c0%2C.07%2C3.6%2C6.22%2C6.35%2C8.05Z%22%2F%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M12%2C20l-1.39-.58L15.27%2C8.67a1.18%2C1.18%2C0%2C0%2C1%2C.42-.49%2C1.15%2C1.15%2C0%2C0%2C1%2C1.25%2C0%2C1%2C1%2C0%2C0%2C1%2C.42.49L22%2C19.42%2C20.62%2C20l-4.3-10Z%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%2212.92%22%20y%3D%2215.27%22%20width%3D%226.79%22%20height%3D%221.48%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
  transition: background 0.2s ease;
}
.chat-message .chat-message-text .chat-message-translate:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23BA37D0%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M1.79%2C17.08%2C1%2C15.85c9.23-6%2C10-13.47%2C10-13.55l1.5.13C12.47%2C2.77%2C11.66%2C10.69%2C1.79%2C17.08Z%22%2F%3E%3Crect%20class%3D%22cls%22%20y%3D%221.63%22%20width%3D%2214.74%22%20height%3D%221.48%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%226.62%22%20width%3D%221.5%22%20height%3D%222.37%22%2F%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M10.23%2C14.48c-3.05-2-6.67-8.27-6.82-8.54l1.31-.73c0%2C.07%2C3.6%2C6.22%2C6.35%2C8.05Z%22%2F%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M12%2C20l-1.39-.58L15.27%2C8.67a1.18%2C1.18%2C0%2C0%2C1%2C.42-.49%2C1.15%2C1.15%2C0%2C0%2C1%2C1.25%2C0%2C1%2C1%2C0%2C0%2C1%2C.42.49L22%2C19.42%2C20.62%2C20l-4.3-10Z%22%2F%3E%3Crect%20class%3D%22cls%22%20x%3D%2212.92%22%20y%3D%2215.27%22%20width%3D%226.79%22%20height%3D%221.48%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-message .chat-message-time {
  display: block;
  font-size: 11px;
  line-height: 13px;
  margin-top: 5px;
  color: #999;
}
.chat-search {
  grid-area: search;
  padding: 0 12px;
  display: flex;
  align-items: center;
}
.chat-search .chat-add {
  width: 20px;
  height: 19px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23999%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M5.26%2C20a1%2C1%2C0%2C0%2C1-.34-.06c-.87-.31-.76-1.42-.61-2.83a10.85%2C10.85%2C0%2C0%2C0%2C.1-1.33A8.33%2C8.33%2C0%2C0%2C1%2C0%2C8.7C0%2C3.9%2C4.71%2C0%2C10.5%2C0S21%2C3.9%2C21%2C8.69s-4.71%2C8.7-10.5%2C8.7A10.45%2C10.45%2C0%2C0%2C1%2C9%2C17.3a9%2C9%2C0%2C0%2C0-1.41%2C1.15C6.67%2C19.33%2C6%2C20%2C5.26%2C20ZM10.5%2C1.54c-5%2C0-9%2C3.21-9%2C7.16a6.9%2C6.9%2C0%2C0%2C0%2C3.85%2C5.86c.7.39.6%2C1.37.46%2C2.72%2C0%2C.23-.06.55-.08.84.3-.25.65-.58.91-.81%2C1.09-1%2C1.8-1.63%2C2.5-1.54a10.59%2C10.59%2C0%2C0%2C0%2C1.37.08c5%2C0%2C9-3.21%2C9-7.16S15.47%2C1.54%2C10.5%2C1.54Z%22%2F%3E%3Cpolygon%20class%3D%22cls%22%20points%3D%2211.7%2011.56%2010.2%2011.56%2010.2%209.47%208.17%209.47%208.17%207.93%2010.2%207.93%2010.2%205.84%2011.7%205.84%2011.7%207.93%2013.73%207.93%2013.73%209.47%2011.7%209.47%2011.7%2011.56%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-search .chat-add:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23BA37D0%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M5.26%2C20a1%2C1%2C0%2C0%2C1-.34-.06c-.87-.31-.76-1.42-.61-2.83a10.85%2C10.85%2C0%2C0%2C0%2C.1-1.33A8.33%2C8.33%2C0%2C0%2C1%2C0%2C8.7C0%2C3.9%2C4.71%2C0%2C10.5%2C0S21%2C3.9%2C21%2C8.69s-4.71%2C8.7-10.5%2C8.7A10.45%2C10.45%2C0%2C0%2C1%2C9%2C17.3a9%2C9%2C0%2C0%2C0-1.41%2C1.15C6.67%2C19.33%2C6%2C20%2C5.26%2C20ZM10.5%2C1.54c-5%2C0-9%2C3.21-9%2C7.16a6.9%2C6.9%2C0%2C0%2C0%2C3.85%2C5.86c.7.39.6%2C1.37.46%2C2.72%2C0%2C.23-.06.55-.08.84.3-.25.65-.58.91-.81%2C1.09-1%2C1.8-1.63%2C2.5-1.54a10.59%2C10.59%2C0%2C0%2C0%2C1.37.08c5%2C0%2C9-3.21%2C9-7.16S15.47%2C1.54%2C10.5%2C1.54Z%22%2F%3E%3Cpolygon%20class%3D%22cls%22%20points%3D%2211.7%2011.56%2010.2%2011.56%2010.2%209.47%208.17%209.47%208.17%207.93%2010.2%207.93%2010.2%205.84%2011.7%205.84%2011.7%207.93%2013.73%207.93%2013.73%209.47%2011.7%209.47%2011.7%2011.56%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-search .chat-filter {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M20%2C17.52H11.23V15.88H20Zm-13.7%2C0H0V15.88H6.3ZM20%2C10.88H17.68V9.25H20Zm-7.25%2C0H0V9.25H12.75ZM20%2C4.24H7.76V2.61H20Zm-17.17%2C0H0V2.61H2.83Z%22%2F%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M5.29%2C6.6A3.3%2C3.3%2C0%2C1%2C1%2C8.57%2C3.3%2C3.29%2C3.29%2C0%2C0%2C1%2C5.29%2C6.6Zm0-5A1.67%2C1.67%2C0%2C1%2C0%2C7%2C3.3%2C1.66%2C1.66%2C0%2C0%2C0%2C5.29%2C1.63Z%22%2F%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M15.22%2C13.36a3.3%2C3.3%2C0%2C1%2C1%2C3.28-3.3A3.29%2C3.29%2C0%2C0%2C1%2C15.22%2C13.36Zm0-5a1.67%2C1.67%2C0%2C1%2C0%2C1.65%2C1.66A1.66%2C1.66%2C0%2C0%2C0%2C15.22%2C8.4Z%22%2F%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M8.77%2C20A3.3%2C3.3%2C0%2C1%2C1%2C12%2C16.7%2C3.29%2C3.29%2C0%2C0%2C1%2C8.77%2C20Zm0-5a1.67%2C1.67%2C0%2C1%2C0%2C1.65%2C1.67A1.66%2C1.66%2C0%2C0%2C0%2C8.77%2C15Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-search .chat-filter:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M20%2C17.52H11.23V15.88H20Zm-13.7%2C0H0V15.88H6.3ZM20%2C10.88H17.68V9.25H20Zm-7.25%2C0H0V9.25H12.75ZM20%2C4.24H7.76V2.61H20Zm-17.17%2C0H0V2.61H2.83Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M5.29%2C6.6A3.3%2C3.3%2C0%2C1%2C1%2C8.57%2C3.3%2C3.29%2C3.29%2C0%2C0%2C1%2C5.29%2C6.6Zm0-5A1.67%2C1.67%2C0%2C1%2C0%2C7%2C3.3%2C1.66%2C1.66%2C0%2C0%2C0%2C5.29%2C1.63Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M15.22%2C13.36a3.3%2C3.3%2C0%2C1%2C1%2C3.28-3.3A3.29%2C3.29%2C0%2C0%2C1%2C15.22%2C13.36Zm0-5a1.67%2C1.67%2C0%2C1%2C0%2C1.65%2C1.66A1.66%2C1.66%2C0%2C0%2C0%2C15.22%2C8.4Z%22%2F%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M8.77%2C20A3.3%2C3.3%2C0%2C1%2C1%2C12%2C16.7%2C3.29%2C3.29%2C0%2C0%2C1%2C8.77%2C20Zm0-5a1.67%2C1.67%2C0%2C1%2C0%2C1.65%2C1.67A1.66%2C1.66%2C0%2C0%2C0%2C8.77%2C15Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-search .chat-add,
.chat-search .chat-filter {
  flex: 0 0 auto;
  margin: 0 0 0 12px;
  padding: 0;
  outline: 0;
  cursor: pointer;
  border: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  display: block;
  transition: background 0.2s ease;
}
.chat-search .chat-search-box {
  flex: 1 1 auto;
  min-width: 0;
  position: relative;
}
.chat-search .chat-search-box > .button {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  outline: 0;
  cursor: pointer;
  border: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23A39FA7%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M6.51%2C12.49A6.39%2C6.39%2C0%2C0%2C1%2C0%2C6.24%2C6.39%2C6.39%2C0%2C0%2C1%2C6.51%2C0%2C6.39%2C6.39%2C0%2C0%2C1%2C13%2C6.24%2C6.39%2C6.39%2C0%2C0%2C1%2C6.51%2C12.49ZM6.51%2C2A4.39%2C4.39%2C0%2C0%2C0%2C2%2C6.24a4.39%2C4.39%2C0%2C0%2C0%2C4.47%2C4.29A4.38%2C4.38%2C0%2C0%2C0%2C11%2C6.24%2C4.38%2C4.38%2C0%2C0%2C0%2C6.51%2C2Z%22%2F%3E%3Cpolygon%20class%3D%22cls%22%20points%3D%2214.5%2016%209.48%2010.78%2010.98%209.45%2016%2014.67%2014.5%2016%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
  transition: background 0.2s ease;
}
.chat-search .chat-search-box > .button:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3Cstyle%3E.cls%7Bfill%3A%23BA37D0%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls%22%20d%3D%22M6.51%2C12.49A6.39%2C6.39%2C0%2C0%2C1%2C0%2C6.24%2C6.39%2C6.39%2C0%2C0%2C1%2C6.51%2C0%2C6.39%2C6.39%2C0%2C0%2C1%2C13%2C6.24%2C6.39%2C6.39%2C0%2C0%2C1%2C6.51%2C12.49ZM6.51%2C2A4.39%2C4.39%2C0%2C0%2C0%2C2%2C6.24a4.39%2C4.39%2C0%2C0%2C0%2C4.47%2C4.29A4.38%2C4.38%2C0%2C0%2C0%2C11%2C6.24%2C4.38%2C4.38%2C0%2C0%2C0%2C6.51%2C2Z%22%2F%3E%3Cpolygon%20class%3D%22cls%22%20points%3D%2214.5%2016%209.48%2010.78%2010.98%209.45%2016%2014.67%2014.5%2016%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.chat-search .chat-search-box .textfield {
  padding-right: 38px;
}
.chat-start {
  grid-area: start;
  padding: 15px 19px;
  background: #E9E2F0;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 999px) {
  .chat-start {
    padding: 15px 7px;
  }
}
.chat-start .chat-start-box {
  flex: 0 0 auto;
  margin: 5px;
}
.chat-start .chat-start-box .button {
  min-width: 167px;
}
@media only screen and (max-width: 767px) {
  .chat-start .chat-start-box .button {
    min-width: 0;
  }
}
.chat-subject {
  grid-area: subject;
  padding: 24px;
  border-top: 1px solid #F2F2F2;
  font-size: 15px;
  line-height: 19px;
  color: #444;
  display: flex;
}
@media only screen and (max-width: 999px) {
  .chat-subject {
    padding: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .chat-subject {
    font-size: 13px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 419px) {
  .chat-subject {
    display: block;
  }
}
.chat-subject .chat-subject-date {
  flex: 0 0 auto;
  margin-left: 20px;
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  .chat-subject .chat-subject-date {
    font-size: 12px;
    line-height: 16px;
  }
}
@media only screen and (max-width: 419px) {
  .chat-subject .chat-subject-date {
    text-align: right;
    margin: 8px 0 0 0;
  }
}
.chat-subject .chat-subject-text {
  flex: 1 1 auto;
  min-width: 0;
  font-weight: 600;
}
.chat-window {
  grid-area: window;
  background: rgba(233, 226, 240, 0.42);
  overflow: hidden;
  display: grid;
  grid-template-rows: auto 1fr;
  position: relative;
  z-index: 1;
}
.chat-letter .chat-window {
  grid-template-rows: 100%;
}
.chat-window > img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 90%;
  width: 100%;
  opacity: 0.07;
}
.chat-window [data-simplebar] {
  z-index: 10;
}
.chat-window .chat-window-box {
  overflow: hidden;
  display: grid;
  grid-template-rows: 100%;
}
.chat-window .chat-window-date {
  padding-top: 15px;
  text-align: center;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  margin: 25px 25px 25px 0;
}
@media only screen and (max-width: 999px) {
  .chat-window .chat-window-date {
    padding-top: 12px;
  }
}
.chat-window .chat-window-date + .chat-window-main {
  padding-top: 12px;
}
.chat-window .chat-window-date .chat-window-date-box {
  display: inline-block;
  vertical-align: top;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  font-size: 13px;
  line-height: 16px;
  color: #FFF;
  padding: 4px 8px;
}
.chat-window .chat-window-date .chat-window-date-box > span {
  font-size: 9px;
  position: relative;
  top: -5px;
}
.chat-window .chat-window-main {
  padding: 20px 24px;
  display: grid;
}
@media only screen and (max-width: 999px) {
  .chat-window .chat-window-main {
    padding: 12px;
  }
}
.chat-window .simplebar-track {
  right: 0;
}
.letters-holder {
  overflow: auto;
  max-height: 1px;
  transition: max-height 0.3s ease-in-out;
}
.letters-holder.is-opened {
  max-height: 282px;
}
.loader {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #F2F0F7;
  color: #c373d0;
  font-size: 42px;
  line-height: 1;
  text-align: center;
  z-index: 1000;
  opacity: 1;
  transition: opacity 0.4s ease-out;
}
.loader.hidden {
  opacity: 0;
}
.swiper {
  overflow: hidden;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-next {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2014%22%3E%3Cpath%20fill%3D%22%23444%22%20d%3D%22M10.93%2C14a1%2C1%2C0%2C0%2C0%2C.7-.27L17.69%2C8A1%2C1%2C0%2C0%2C0%2C18%2C7.32V7.23a1%2C1%2C0%2C0%2C0-.5-.86L11.66.31a1%2C1%2C0%2C0%2C0-1.41%2C0%2C1%2C1%2C0%2C0%2C0%2C0%2C1.39l4.41%2C4.58H1a1%2C1%2C0%2C1%2C0%2C0%2C2H14.57L10.24%2C12.3a1%2C1%2C0%2C0%2C0%2C0%2C1.4A1%2C1%2C0%2C0%2C0%2C10.93%2C14Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.swiper-next:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2014%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M10.93%2C14a1%2C1%2C0%2C0%2C0%2C.7-.27L17.69%2C8A1%2C1%2C0%2C0%2C0%2C18%2C7.32V7.23a1%2C1%2C0%2C0%2C0-.5-.86L11.66.31a1%2C1%2C0%2C0%2C0-1.41%2C0%2C1%2C1%2C0%2C0%2C0%2C0%2C1.39l4.41%2C4.58H1a1%2C1%2C0%2C1%2C0%2C0%2C2H14.57L10.24%2C12.3a1%2C1%2C0%2C0%2C0%2C0%2C1.4A1%2C1%2C0%2C0%2C0%2C10.93%2C14Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.swiper-prev {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2014%22%3E%3Cpath%20fill%3D%22%23444%22%20d%3D%22M7.07%2C14a1%2C1%2C0%2C0%2C1-.7-.27L.31%2C8A1%2C1%2C0%2C0%2C1%2C0%2C7.32V7.23a1%2C1%2C0%2C0%2C1%2C.5-.86L6.34.31a1%2C1%2C0%2C0%2C1%2C1.41%2C0%2C1%2C1%2C0%2C0%2C1%2C0%2C1.39L3.38%2C6.24H17a1%2C1%2C0%2C1%2C1%2C0%2C2H3.43L7.76%2C12.3a1%2C1%2C0%2C0%2C1%2C0%2C1.4A1%2C1%2C0%2C0%2C1%2C7.07%2C14Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.swiper-prev:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2014%22%3E%3Cpath%20fill%3D%22%23BA37D0%22%20d%3D%22M7.07%2C14a1%2C1%2C0%2C0%2C1-.7-.27L.31%2C8A1%2C1%2C0%2C0%2C1%2C0%2C7.32V7.23a1%2C1%2C0%2C0%2C1%2C.5-.86L6.34.31a1%2C1%2C0%2C0%2C1%2C1.41%2C0%2C1%2C1%2C0%2C0%2C1%2C0%2C1.39L3.38%2C6.24H17a1%2C1%2C0%2C1%2C1%2C0%2C2H3.43L7.76%2C12.3a1%2C1%2C0%2C0%2C1%2C0%2C1.4A1%2C1%2C0%2C0%2C1%2C7.07%2C14Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.swiper-next,
.swiper-prev {
  width: 18px;
  height: 14px;
  margin: 0;
  padding: 0;
  outline: 0;
  cursor: pointer;
  border: 0;
  display: block;
  -webkit-bordet-radius: 0;
  -webkit-appearance: none;
  transition: background 0.2s ease;
}
.swiper-next.disabled,
.swiper-prev.disabled {
  opacity: 0.5;
  cursor: default;
}
.swiper-nav {
  width: 46px;
  display: flex;
  justify-content: space-between;
}
.swiper-nav .swiper-next,
.swiper-nav .swiper-prev {
  flex: 0 0 auto;
}
.tip-content {
  display: none;
}
.tippy-box {
  background: #FFF;
  border-radius: 4px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  color: #303030;
}
.tippy-box .tippy-content {
  padding: 20px;
  font-size: 13px;
  line-height: 17px;
}
select {
  border-radius: 8px;
  border: 1px solid #F3F5F7;
  width: 100%;
  box-sizing: border-box;
  display: block;
  margin: 0;
  outline: 0;
  padding: 0 0 0 17px;
  font-size: 15px;
  line-height: 20px;
  font-family: 'Montserrat', 'Arial', 'Helvetica', 'Nimbus Sans L', sans-serif;
  height: 44px;
  color: #303030;
  font-weight: 500;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%205%22%3E%3Cpath%20fill%3D%22%23AAA%22%20d%3D%22M4.15%2C5a.83.83%2C0%2C0%2C1-.58-.24L.26%2C1.5A.89.89%2C0%2C0%2C1%2C.23.27a.82.82%2C0%2C0%2C1%2C1.19%2C0L4.12%2C2.9%2C6.55.27a.82.82%2C0%2C0%2C1%2C1.19%2C0%2C.89.89%2C0%2C0%2C1%2C0%2C1.23l-3%2C3.26A.86.86%2C0%2C0%2C1%2C4.17%2C5Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
  background-color: #F3F5F7;
  background-position: right 18px center;
  background-size: 12px 7px;
  transition: border-color 0.2s ease;
}
select:focus {
  border-color: #BA37D0;
}
select.over-bg {
  background-color: #FFF;
  border-color: #FFF;
}
select.over-bg:focus {
  border-color: #FFF;
}
.user-main select {
  background-color: rgba(255, 255, 255, 0.75);
  border: 1px solid #FFF;
  padding-top: 11px;
  padding-bottom: 11px;
  color: #303030;
}
.user-main select:focus {
  border-color: #BA37D0;
}
@supports (backdrop-filter: blur(4px)) {
  .user-main select {
    border: 1px solid rgba(255, 255, 255, 0.45);
    background-color: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(4px);
    color: #FFF;
  }
}
select::-ms-expand {
  display: none;
}
.select2-container {
  box-sizing: border-box;
  display: block;
  margin: 0;
  position: relative;
}
.select2-container:not(.select2) {
  opacity: 0;
}
.select2-container:not(.select2).is-visible {
  opacity: 1;
}
.select2-container.select2 {
  width: 100% !important;
}
.select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 44px;
  user-select: none;
  position: relative;
  overflow: hidden;
  width: 100%;
  color: #303030;
  border-radius: 8px;
  outline: 0;
}
.select2-selection--single.over-bg .select2-selection__rendered {
  background: #FFF;
  border-color: #FFF;
}
.select2-container--open .select2-selection--single.over-bg .select2-selection__rendered {
  border-color: #FFF;
}
.user-main .select2-selection--single {
  color: #FFF;
}
.select2-selection--single .select2-selection__arrow {
  position: absolute;
  right: 18px;
  top: 50%;
  width: 12px;
  height: 7px;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%205%22%3E%3Cpath%20fill%3D%22%23AAA%22%20d%3D%22M4.15%2C5a.83.83%2C0%2C0%2C1-.58-.24L.26%2C1.5A.89.89%2C0%2C0%2C1%2C.23.27a.82.82%2C0%2C0%2C1%2C1.19%2C0L4.12%2C2.9%2C6.55.27a.82.82%2C0%2C0%2C1%2C1.19%2C0%2C.89.89%2C0%2C0%2C1%2C0%2C1.23l-3%2C3.26A.86.86%2C0%2C0%2C1%2C4.17%2C5Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
.user-main .select2-selection--single .select2-selection__arrow {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%205%22%3E%3Cpath%20fill%3D%22%23303030%22%20d%3D%22M4.15%2C5a.83.83%2C0%2C0%2C1-.58-.24L.26%2C1.5A.89.89%2C0%2C0%2C1%2C.23.27a.82.82%2C0%2C0%2C1%2C1.19%2C0L4.12%2C2.9%2C6.55.27a.82.82%2C0%2C0%2C1%2C1.19%2C0%2C.89.89%2C0%2C0%2C1%2C0%2C1.23l-3%2C3.26A.86.86%2C0%2C0%2C1%2C4.17%2C5Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
}
@supports (backdrop-filter: blur(4px)) {
  .user-main .select2-selection--single .select2-selection__arrow {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%205%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M4.15%2C5a.83.83%2C0%2C0%2C1-.58-.24L.26%2C1.5A.89.89%2C0%2C0%2C1%2C.23.27a.82.82%2C0%2C0%2C1%2C1.19%2C0L4.12%2C2.9%2C6.55.27a.82.82%2C0%2C0%2C1%2C1.19%2C0%2C.89.89%2C0%2C0%2C1%2C0%2C1.23l-3%2C3.26A.86.86%2C0%2C0%2C1%2C4.17%2C5Z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
  }
}
.select2-container--open .select2-selection--single .select2-selection__arrow {
  transform: translateY(-50%) rotate(180deg);
}
.select2-selection--single .select2-selection__rendered {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  line-height: 20px;
  padding: 12px 26px 12px 18px;
  background: #F3F5F7;
  border: 1px solid #F3F5F7;
  box-sizing: border-box;
  height: 44px;
  border-radius: 8px;
  user-select: none;
  transition: border-color 0.2s ease;
}
.select2-container--open .select2-selection--single .select2-selection__rendered {
  border-color: #BA37D0;
}
.user-main .select2-selection--single .select2-selection__rendered {
  background-color: rgba(255, 255, 255, 0.75);
  border: 1px solid #FFF;
  padding-top: 11px;
  padding-bottom: 11px;
  color: #303030;
}
@supports (backdrop-filter: blur(4px)) {
  .user-main .select2-selection--single .select2-selection__rendered {
    border: 1px solid rgba(255, 255, 255, 0.45);
    background-color: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(4px);
    color: #FFF;
  }
}
.select2-container--open .user-main .select2-selection--single .select2-selection__rendered {
  border-color: #BA37D0;
}
.user-main .select2-container--open .select2-selection--single .select2-selection__rendered {
  border-color: #BA37D0;
}
.select2-dropdown {
  border: 1px solid #BA37D0;
  border-radius: 8px;
  background: #F3F5F7;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
  overflow: hidden;
  box-sizing: border-box;
  padding: 7px 0;
  margin-top: -1px;
}
.select2-dropdown.over-bg {
  background: #FFF;
  border-color: #FFF;
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.15);
  margin-top: 0;
}
.select2-dropdown.user-select {
  background-color: rgba(255, 255, 255, 0.75);
  padding: 7px 0;
  box-shadow: none;
  margin-top: -1px;
}
@supports (backdrop-filter: blur(4px)) {
  .select2-dropdown.user-select {
    background-color: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(4px);
  }
}
.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-results {
  display: block;
  overflow: auto;
}
.select2-results .select2-results__option {
  color: #303030;
  font-size: 15px;
  line-height: 20px;
  padding: 11px 17px;
  outline: 0;
  transition: background 0.2s ease;
  user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
}
.user-select .select2-results .select2-results__option {
  color: #303030;
}
@supports (backdrop-filter: blur(4px)) {
  .user-select .select2-results .select2-results__option {
    color: #FFF;
  }
}
.select2-results .select2-results__option[aria-selected] {
  cursor: pointer;
}
.select2-results .select2-results__option[aria-disabled="true"] {
  cursor: default;
  opacity: 0.5;
}
.select2-results .select2-results__option:hover {
  background: rgba(255, 255, 255, 0.75);
}
.user-select .select2-results .select2-results__option:hover {
  background: rgba(0, 0, 0, 0.4);
}
.select2-results .select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: auto;
}
.select2-search {
  display: none;
}
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}
.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}
.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}
.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%;
  /* Not required for horizontal scroll to trigger */
  max-height: 100%;
  /* Needed for vertical scroll to trigger */
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.simplebar-content:before,
.simplebar-content:after {
  content: ' ';
  display: table;
}
.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}
.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}
.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
.simplebar-track {
  z-index: 1;
  position: absolute;
  right: -12px;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}
[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}
[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}
.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}
.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: #AAA;
  border-radius: 2px;
  left: 0;
  right: 0;
  width: 100%;
}
.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
}
.simplebar-track.simplebar-vertical {
  top: 0;
  width: 3px;
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 0;
  bottom: 0;
}
.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}
/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}
.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}
.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
/*# sourceMappingURL=style.css.map */