.vote-card-title {
  position: relative;
  margin: 20px 0;
  background: url(/static/modules/vote/neurocomics2024/img/comics-cover.png) center center no-repeat;
  background-size: cover;
  color: #fff;
  overflow: hidden;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}
.vote-card-title:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
@media  all and (min-width: 1200px) {
  .vote-card-title:before {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5), transparent);
  }
}
@media  all and (min-width: 1400px) {
  .vote-card-title:before {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 35%, transparent 65%, transparent);
  }
}
.vote-card-title .card__content {
  position: relative;
}
.vote-modal {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
}
.vote-modal .close {
  z-index: 102;
  position: fixed;
  top: 30px;
  right: 33px;
  font-size: 40px;
  background-image: url("data:image/svg+xml,%3Csvg height='512px' id='Layer_1' style='enable-background:new 0 0 512 512;' fill='%23fff'  version='1.1' viewBox='0 0 512 512' width='512px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M443.6,387.1L312.4,255.4l131.5-130c5.4-5.4,5.4-14.2,0-19.6l-37.4-37.6c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4 L256,197.8L124.9,68.3c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4L68,105.9c-5.4,5.4-5.4,14.2,0,19.6l131.5,130L68.4,387.1 c-2.6,2.6-4.1,6.1-4.1,9.8c0,3.7,1.4,7.2,4.1,9.8l37.4,37.6c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1L256,313.1l130.7,131.1 c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1l37.4-37.6c2.6-2.6,4.1-6.1,4.1-9.8C447.7,393.2,446.2,389.7,443.6,387.1z'/%3E%3C/svg%3E");
  background-size: 60%;
  opacity: 0;
  transition: all linear 0.3s;
}
@media  all and (min-width: 768px) {
  .vote-modal .close {
    left: 50%;
    transform: translate(310px, 0);
  }
}
.vote-modal-content {
  position: relative;
  z-index: 101;
  background: #fff;
  margin: 0 auto 0;
  padding: 60px 20px 40px;
  border-radius: 20px;
  opacity: 0;
  transform: translate(0, -50%);
  transition: all ease 0.3s;
}
@media  all and (min-width: 768px) {
  .vote-modal-content {
    padding: 40px;
    font-size: 1.2em;
  }
}
.vote-modal-overlay {
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  overflow: scroll;
  padding: 20px;
  transition: all ease 0.3s;
}
.vote-modal-overlay.open {
  background: rgba(0, 0, 0, 0.5);
}
.vote-modal-overlay.open .vote-modal-content {
  opacity: 1;
  transform: translate(0, 0);
}
.vote-modal-overlay.open .close {
  opacity: 1;
}
.vote-body-overflow {
  overflow: hidden;
}
.vote-similar-items-container-out {
  position: relative;
}
.vote-similar-items-container {
  overflow: auto;
  margin: 0 0 60px;
}
.vote-similar-items-container::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.vote-similar-items-inner {
  display: flex;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
}
.vote-similar-items-inner::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.vote-similar-item-out {
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
  width: 240px;
  height: auto !important;
  margin-right: 24px;
}
.vote-similar-item-out:nth-last-child(2),
.vote-similar-item-out:last-child {
  margin-right: 0;
}
.vote-similar-item-out.current:before {
  content: "ВЫ ЗДЕСЬ";
  position: absolute;
  z-index: 2;
  display: block;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  font-weight: 500;
  background: #000;
  color: #fff;
  padding: 2px 12px;
  border-radius: 0 0 8px 8px;
  pointer-events: none;
}
.vote-similar-item-out.last {
  content: "";
  display: block;
  width: calc((100vw - 100%) / 2);
}
.vote-similar-item {
  display: block;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  height: 100%;
  box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.8);
}
.vote-similar-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  pointer-events: none;
  border-radius: inherit;
}
.vote-similar-item__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: opacity ease 0.3s;
}
.vote-similar-item__image.loaded {
  opacity: 1;
}
.vote-similar-item__image:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #000, transparent);
}
.vote-similar-item__image img {
  display: block;
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
}
.vote-similar-item__title {
  position: relative;
  padding: 20px;
  font-weight: 500;
  font-size: 1.2em;
  line-height: 1.25;
  color: #fff;
  padding-top: 56.25%;
}
.vote-similar-help-icon {
  display: block;
  width: 60px;
  margin: 0 auto;
}
.vote-similar-items-container .swiper-wrapper {
  padding-top: 40px;
  padding-bottom: 40px;
}
.vote-similar-items-container .swiper {
  overflow: initial;
}
.vote-similar-items-container .swiper-button-prev,
.vote-similar-items-container .swiper-button-next {
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  text-align: center;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 18px 4px #000;
}
.vote-similar-items-container .swiper-button-prev:after,
.vote-similar-items-container .swiper-button-next:after {
  font-size: 24px !important;
  color: #000;
  font-weight: 600;
}
.vote-similar-items-container .swiper-pagination {
  top: calc(100% + 10px);
}
.vote-article-counter-top {
  margin: 24px 0 24px 0;
  border: 3px solid #000;
  text-align: center;
  padding: 20px;
  border-radius: 20px;
  font-weight: 500;
}
.vote-article-counter-top__count {
  margin-top: 20px;
  font-family: "Russo One", sans-serif;
  font-size: 32px;
  line-height: 1em;
}
@media  all and (min-width: 768px) {
  .vote-article-counter-top__count {
    font-size: 64px;
    min-width: 120px;
  }
}
.vote-article-voice-btns-top {
  margin: 0 20px 0 32px;
}
.vote-article-voice-btns-top__text {
  font-weight: 500;
}
@media  all and (min-width: 768px) {
  .vote-article-voice-btns-top__text {
    padding-top: 20px;
  }
}
.vote-article-voice-btns-top .js-vote-buttons {
  display: flex;
  flex-wrap: wrap;
}
.vote-article-voice-btns-top .js-vote-buttons button {
  margin-right: 6px;
  margin-bottom: 6px;
}
.sostav-article {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.3;
}
@media  all and (min-width: 1200px) {
  .sostav-article {
    font-size: 18px;
    line-height: 1.3;
  }
}
.sostav-article h2,
.sostav-article h3,
.sostav-article h4 {
  font-family: "Russo One", sans-serif;
  font-size: 2em;
  line-height: 1.25;
  text-align: center;
}
@media  all and (min-width: 1200px) {
  .sostav-article h2,
  .sostav-article h3,
  .sostav-article h4 {
    width: 80%;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.sostav-article strong {
  font-weight: 500;
}
.sostav-article .article-content > * {
  margin: 2em 0;
}
.sostav-article .link-to-card {
  display: inline-flex;
  align-items: center;
  vertical-align: bottom;
  padding-right: 0.5em;
  background: #f2f2f2;
  color: #555;
  font-size: 0.9em;
  font-weight: 600;
  text-decoration: none;
  transition: all ease 0.3s;
}
.sostav-article .link-to-card:hover {
  background: #dadada;
  color: #000;
}
.sostav-article .link-to-card .agency-logo {
  display: block;
  max-height: 24px;
  max-width: 80px;
  vertical-align: middle;
  margin-right: 0.5em;
}
.sostav-article .image {
  margin-left: -20px;
  margin-right: -20px;
}
@media  all and (min-width: 425px) {
  .sostav-article .image {
    margin-left: auto;
    margin-right: auto;
  }
}
.sostav-article .image--inner {
  position: relative;
}
.sostav-article .image .image-link {
  display: block;
  position: absolute;
  top: 0;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
.sostav-article .image .view-image {
  max-width: 100%;
}
.sostav-article .vrezka {
  background: #f2f2f2;
  padding: 2em;
  margin-left: -20px;
  margin-right: -20px;
  border-radius: 20px;
  box-shadow: 0 6px 24px -18px rgba(0, 0, 0, 0.8);
}
@media  all and (min-width: 1024px) {
  .sostav-article .vrezka {
    padding: 4em;
  }
}
.sostav-article .vrezka .v-text p:first-child {
  margin-top: 0;
  font-size: 1.2em;
}
.sostav-article .vrezka .v-text p:last-child {
  margin-bottom: 0;
}
.vote-article-title-card {
  position: relative;
  overflow: hidden;
  background: #000;
}
.vote-article-title-card__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-size: cover;
  background-repeat: no-repeat;
  filter: blur(4px);
}
.vote-article-title-card__inner {
  position: relative;
  color: #fff;
  padding: 1px 0;
}
[data-sn="vkontakte"] {
  background-size: auto 90% !important;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.878 17.304c-5.411 0-8.695-3.755-8.823-9.994h2.74c.086 4.583 2.171 6.528 3.77 6.925V7.31h2.627v3.954c1.542-.17 3.155-1.97 3.698-3.954h2.584c-.414 2.441-2.17 4.24-3.412 4.983 1.242.6 3.24 2.17 4.011 5.01h-2.84c-.6-1.898-2.07-3.369-4.04-3.569v3.57h-.315Z' fill='%23fff'/%3E%3C/svg%3E") !important;
}
[data-sn="vkontakte"].app-btn--outline {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.878 17.304c-5.411 0-8.695-3.755-8.823-9.994h2.74c.086 4.583 2.171 6.528 3.77 6.925V7.31h2.627v3.954c1.542-.17 3.155-1.97 3.698-3.954h2.584c-.414 2.441-2.17 4.24-3.412 4.983 1.242.6 3.24 2.17 4.011 5.01h-2.84c-.6-1.898-2.07-3.369-4.04-3.569v3.57h-.315Z' fill='%23444'/%3E%3C/svg%3E") !important;
}
[data-sn="odnoklassniki"] {
  background-size: auto 85% !important;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.83 10.77a3.951 3.951 0 0 1-5.604 0 3.951 3.951 0 0 1 0-5.604 3.95 3.95 0 0 1 5.604 0 3.951 3.951 0 0 1 0 5.604Zm-2.802-4.615c-.494 0-.942.2-1.271.53a1.79 1.79 0 0 0 0 2.542 1.789 1.789 0 0 0 2.543 0 1.789 1.789 0 0 0 0-2.543 1.839 1.839 0 0 0-1.272-.53Zm4.168 5.792 1.166 1.59c.059.082.047.188-.036.247-.977.8-2.119 1.33-3.308 1.613l2.249 4.332c.059.13-.024.271-.165.271H13.7a.206.206 0 0 1-.176-.118l-1.496-3.579-1.507 3.567a.181.181 0 0 1-.176.118H7.943c-.141 0-.224-.153-.165-.27l2.249-4.321a8.262 8.262 0 0 1-3.308-1.613c-.071-.06-.095-.177-.036-.248l1.166-1.589c.07-.094.188-.106.27-.035 1.096.93 2.45 1.542 3.898 1.542s2.79-.6 3.897-1.542c.094-.07.223-.06.282.035Z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E") !important;
}
[data-sn="odnoklassniki"].app-btn--outline {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.83 10.77a3.951 3.951 0 0 1-5.604 0 3.951 3.951 0 0 1 0-5.604 3.95 3.95 0 0 1 5.604 0 3.951 3.951 0 0 1 0 5.604Zm-2.802-4.615c-.494 0-.942.2-1.271.53a1.79 1.79 0 0 0 0 2.542 1.789 1.789 0 0 0 2.543 0 1.789 1.789 0 0 0 0-2.543 1.839 1.839 0 0 0-1.272-.53Zm4.168 5.792 1.166 1.59c.059.082.047.188-.036.247-.977.8-2.119 1.33-3.308 1.613l2.249 4.332c.059.13-.024.271-.165.271H13.7a.206.206 0 0 1-.176-.118l-1.496-3.579-1.507 3.567a.181.181 0 0 1-.176.118H7.943c-.141 0-.224-.153-.165-.27l2.249-4.321a8.262 8.262 0 0 1-3.308-1.613c-.071-.06-.095-.177-.036-.248l1.166-1.589c.07-.094.188-.106.27-.035 1.096.93 2.45 1.542 3.898 1.542s2.79-.6 3.897-1.542c.094-.07.223-.06.282.035Z' fill='%23444' fill-rule='evenodd'/%3E%3C/svg%3E") !important;
}
[data-sn="mailru"] {
  background-size: auto 55% !important;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' xmlns:serif='http://www.serif.com/' fill='%23fff' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M20.813 16A4.818 4.818 0 0 1 16 20.813 4.818 4.818 0 0 1 11.187 16 4.818 4.818 0 0 1 16 11.187 4.818 4.818 0 0 1 20.813 16M16 0C7.178 0 0 7.178 0 16s7.178 16 16 16c3.232 0 6.349-.962 9.013-2.783l.046-.032-2.156-2.506-.036.024A12.672 12.672 0 0 1 16 28.72C8.986 28.72 3.28 23.014 3.28 16S8.986 3.28 16 3.28 28.72 8.986 28.72 16c0 .909-.101 1.829-.3 2.734-.402 1.651-1.558 2.157-2.426 2.09-.873-.071-1.894-.693-1.901-2.215V16c0-4.463-3.63-8.093-8.093-8.093S7.907 11.537 7.907 16s3.63 8.093 8.093 8.093a8.03 8.03 0 0 0 5.734-2.389 5.198 5.198 0 0 0 3.997 2.389 5.399 5.399 0 0 0 3.678-1.078c.959-.728 1.675-1.781 2.071-3.046.063-.204.179-.672.18-.675l.003-.017C31.896 18.262 32 17.25 32 16c0-8.822-7.178-16-16-16'%3E%3C/path%3E%3C/svg%3E") !important;
}
[data-sn="mailru"].app-btn--outline {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' xmlns:serif='http://www.serif.com/' fill='%23444' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M20.813 16A4.818 4.818 0 0 1 16 20.813 4.818 4.818 0 0 1 11.187 16 4.818 4.818 0 0 1 16 11.187 4.818 4.818 0 0 1 20.813 16M16 0C7.178 0 0 7.178 0 16s7.178 16 16 16c3.232 0 6.349-.962 9.013-2.783l.046-.032-2.156-2.506-.036.024A12.672 12.672 0 0 1 16 28.72C8.986 28.72 3.28 23.014 3.28 16S8.986 3.28 16 3.28 28.72 8.986 28.72 16c0 .909-.101 1.829-.3 2.734-.402 1.651-1.558 2.157-2.426 2.09-.873-.071-1.894-.693-1.901-2.215V16c0-4.463-3.63-8.093-8.093-8.093S7.907 11.537 7.907 16s3.63 8.093 8.093 8.093a8.03 8.03 0 0 0 5.734-2.389 5.198 5.198 0 0 0 3.997 2.389 5.399 5.399 0 0 0 3.678-1.078c.959-.728 1.675-1.781 2.071-3.046.063-.204.179-.672.18-.675l.003-.017C31.896 18.262 32 17.25 32 16c0-8.822-7.178-16-16-16'%3E%3C/path%3E%3C/svg%3E") !important;
}
[data-sn="google"] {
  background-size: auto 60% !important;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' height='56.6934px' id='Layer_1' style='enable-background:new 0 0 56.6934 56.6934;' version='1.1' viewBox='0 0 56.6934 56.6934' width='56.6934px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M51.981,24.4812c-7.7173-0.0038-15.4346-0.0019-23.1518-0.001c0.001,3.2009-0.0038,6.4018,0.0019,9.6017  c4.4693-0.001,8.9386-0.0019,13.407,0c-0.5179,3.0673-2.3408,5.8723-4.9258,7.5991c-1.625,1.0926-3.492,1.8018-5.4168,2.139  c-1.9372,0.3306-3.9389,0.3729-5.8713-0.0183c-1.9651-0.3921-3.8409-1.2108-5.4773-2.3649  c-2.6166-1.8383-4.6135-4.5279-5.6388-7.5549c-1.0484-3.0788-1.0561-6.5046,0.0048-9.5805  c0.7361-2.1679,1.9613-4.1705,3.5708-5.8002c1.9853-2.0324,4.5664-3.4853,7.3473-4.0811c2.3812-0.5083,4.8921-0.4113,7.2234,0.294  c1.9815,0.6016,3.8082,1.6874,5.3044,3.1163c1.5125-1.5039,3.0173-3.0164,4.527-4.5231c0.7918-0.811,1.624-1.5865,2.3908-2.4196  c-2.2928-2.1218-4.9805-3.8274-7.9172-4.9056C32.0723,4.0363,26.1097,3.995,20.7871,5.8372  C14.7889,7.8907,9.6815,12.3763,6.8497,18.0459c-0.9859,1.9536-1.7057,4.0388-2.1381,6.1836  C3.6238,29.5732,4.382,35.2707,6.8468,40.1378c1.6019,3.1768,3.8985,6.001,6.6843,8.215c2.6282,2.0958,5.6916,3.6439,8.9396,4.5078  c4.0984,1.0993,8.461,1.0743,12.5864,0.1355c3.7284-0.8581,7.256-2.6397,10.0725-5.24c2.977-2.7358,5.1006-6.3403,6.2249-10.2138  C52.5807,33.3171,52.7498,28.8064,51.981,24.4812z'/%3E%3C/svg%3E") !important;
}
[data-sn="google"].app-btn--outline {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23444' height='56.6934px' id='Layer_1' style='enable-background:new 0 0 56.6934 56.6934;' version='1.1' viewBox='0 0 56.6934 56.6934' width='56.6934px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M51.981,24.4812c-7.7173-0.0038-15.4346-0.0019-23.1518-0.001c0.001,3.2009-0.0038,6.4018,0.0019,9.6017  c4.4693-0.001,8.9386-0.0019,13.407,0c-0.5179,3.0673-2.3408,5.8723-4.9258,7.5991c-1.625,1.0926-3.492,1.8018-5.4168,2.139  c-1.9372,0.3306-3.9389,0.3729-5.8713-0.0183c-1.9651-0.3921-3.8409-1.2108-5.4773-2.3649  c-2.6166-1.8383-4.6135-4.5279-5.6388-7.5549c-1.0484-3.0788-1.0561-6.5046,0.0048-9.5805  c0.7361-2.1679,1.9613-4.1705,3.5708-5.8002c1.9853-2.0324,4.5664-3.4853,7.3473-4.0811c2.3812-0.5083,4.8921-0.4113,7.2234,0.294  c1.9815,0.6016,3.8082,1.6874,5.3044,3.1163c1.5125-1.5039,3.0173-3.0164,4.527-4.5231c0.7918-0.811,1.624-1.5865,2.3908-2.4196  c-2.2928-2.1218-4.9805-3.8274-7.9172-4.9056C32.0723,4.0363,26.1097,3.995,20.7871,5.8372  C14.7889,7.8907,9.6815,12.3763,6.8497,18.0459c-0.9859,1.9536-1.7057,4.0388-2.1381,6.1836  C3.6238,29.5732,4.382,35.2707,6.8468,40.1378c1.6019,3.1768,3.8985,6.001,6.6843,8.215c2.6282,2.0958,5.6916,3.6439,8.9396,4.5078  c4.0984,1.0993,8.461,1.0743,12.5864,0.1355c3.7284-0.8581,7.256-2.6397,10.0725-5.24c2.977-2.7358,5.1006-6.3403,6.2249-10.2138  C52.5807,33.3171,52.7498,28.8064,51.981,24.4812z'/%3E%3C/svg%3E") !important;
}
[data-sn="yandex"] {
  background-size: auto 80% !important;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.663,4H16.17C12.738,4,10,6.72,10,12c0,3.168,1.237,5.504,3.749,6.656l-4.688,8.832 C8.908,27.777,9.061,28,9.306,28h2.175c0.184,0,0.307-0.064,0.368-0.223L16.25,19h1.25l-0.008,8.777 c0,0.096,0.092,0.223,0.214,0.223h2.049C19.939,28,20,27.904,20,27.745V4.32C20,4.096,19.877,4,19.663,4z M17.5,17H16 c-1.5,0-3.5-1.16-3.5-5c0-4.001,1.631-6,3.5-6h1.5V17z'/%3E%3C/svg%3E") !important;
  background-blend-mode: revert;
}
[data-sn="yandex"].app-btn--outline {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23444' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.663,4H16.17C12.738,4,10,6.72,10,12c0,3.168,1.237,5.504,3.749,6.656l-4.688,8.832 C8.908,27.777,9.061,28,9.306,28h2.175c0.184,0,0.307-0.064,0.368-0.223L16.25,19h1.25l-0.008,8.777 c0,0.096,0.092,0.223,0.214,0.223h2.049C19.939,28,20,27.904,20,27.745V4.32C20,4.096,19.877,4,19.663,4z M17.5,17H16 c-1.5,0-3.5-1.16-3.5-5c0-4.001,1.631-6,3.5-6h1.5V17z'/%3E%3C/svg%3E") !important;
}
[data-sn="telegram"] {
  background-size: auto 70% !important;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 448 512' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M446.7 98.6l-67.6 318.8c-5.1 22.5-18.4 28.1-37.3 17.5l-103-75.9-49.7 47.8c-5.5 5.5-10.1 10.1-20.7 10.1l7.4-104.9 190.9-172.5c8.3-7.4-1.8-11.5-12.9-4.1L117.8 284 16.2 252.2c-22.1-6.9-22.5-22.1 4.6-32.7L418.2 66.4c18.4-6.9 34.5 4.1 28.5 32.2z'/%3E%3C/svg%3E") !important;
}
[data-sn="telegram"].app-btn--outline {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 448 512' fill='%23000000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M446.7 98.6l-67.6 318.8c-5.1 22.5-18.4 28.1-37.3 17.5l-103-75.9-49.7 47.8c-5.5 5.5-10.1 10.1-20.7 10.1l7.4-104.9 190.9-172.5c8.3-7.4-1.8-11.5-12.9-4.1L117.8 284 16.2 252.2c-22.1-6.9-22.5-22.1 4.6-32.7L418.2 66.4c18.4-6.9 34.5 4.1 28.5 32.2z'/%3E%3C/svg%3E") !important;
}
.vote-items-page-card {
  position: relative;
  box-shadow: 0 8px 40px -22px rgba(0, 0, 0, 0.4);
}
.vote-items-page-card:before {
  z-index: 2;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border: 1px solid #000;
  border-radius: 20px;
  box-sizing: border-box;
  opacity: 0.05;
}
.vote-items-page-card .card__title {
  letter-spacing: 0.5px;
  line-height: 1.2;
  font-size: 1.4em !important;
  opacity: 0.9;
}
.vote-items-page-card .card__desc {
  opacity: 0.7;
}
@media  all and (min-width: 1400px) {
  .vote-article-share {
    position: sticky;
    top: 0;
    height: 0;
    padding: 1rem 0 0 35px;
  }
}
@media  all and (min-width: 1400px) {
  .vote-article-share__in {
    position: relative;
  }
}
@media  all and (min-width: 1400px) {
  .vote-article-share__btns {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 90px;
  }
}
.vote-article-share__text {
  color: #b3b3b3 !important;
  font-size: 0.8em;
}
@media  all and (min-width: 1400px) {
  .vote-article-share__text {
    position: absolute;
    left: -16px;
    bottom: 0;
    transform-origin: left center;
    transform: rotate(-90deg);
    color: #d9d9d9 !important;
  }
}
.vote-article-share__btn {
  display: inline-block;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  padding: 0;
  outline: none;
  cursor: pointer;
  background: #dbdbdb;
  box-shadow: 0 4px 12px -6px #8f8f8f;
  transition: all ease 0.15s;
}
.vote-article-share__btn:hover {
  background: #a9a9a9;
  box-shadow: 0 4px 12px -6px #5c5c5c;
}
@media  all and (min-width: 1400px) {
  .vote-article-share__btn {
    margin: 0 0 8px 0;
  }
}
.vote-article-share__icon {
  display: block;
  width: inherit;
  height: inherit;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80%;
}
.vote-article-share .vk {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.878 17.304c-5.411 0-8.695-3.755-8.823-9.994h2.74c.086 4.583 2.171 6.528 3.77 6.925V7.31h2.627v3.954c1.542-.17 3.155-1.97 3.698-3.954h2.584c-.414 2.441-2.17 4.24-3.412 4.983 1.242.6 3.24 2.17 4.011 5.01h-2.84c-.6-1.898-2.07-3.369-4.04-3.569v3.57h-.315Z' fill='%23fff'/%3E%3C/svg%3E");
}
.vote-article-share .ok {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.83 10.77a3.951 3.951 0 0 1-5.604 0 3.951 3.951 0 0 1 0-5.604 3.95 3.95 0 0 1 5.604 0 3.951 3.951 0 0 1 0 5.604Zm-2.802-4.615c-.494 0-.942.2-1.271.53a1.79 1.79 0 0 0 0 2.542 1.789 1.789 0 0 0 2.543 0 1.789 1.789 0 0 0 0-2.543 1.839 1.839 0 0 0-1.272-.53Zm4.168 5.792 1.166 1.59c.059.082.047.188-.036.247-.977.8-2.119 1.33-3.308 1.613l2.249 4.332c.059.13-.024.271-.165.271H13.7a.206.206 0 0 1-.176-.118l-1.496-3.579-1.507 3.567a.181.181 0 0 1-.176.118H7.943c-.141 0-.224-.153-.165-.27l2.249-4.321a8.262 8.262 0 0 1-3.308-1.613c-.071-.06-.095-.177-.036-.248l1.166-1.589c.07-.094.188-.106.27-.035 1.096.93 2.45 1.542 3.898 1.542s2.79-.6 3.897-1.542c.094-.07.223-.06.282.035Z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.vote-article-share .tg {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.92 6.089L4.747 11.555c-.967.388-.962.928-.176 1.168l3.534 1.104 1.353 4.146c.164.454.083.634.56.634.368 0 .53-.168.736-.368.13-.127.903-.88 1.767-1.719l3.677 2.717c.676.373 1.165.18 1.333-.628l2.414-11.374c.247-.99-.378-1.44-1.025-1.146zM8.66 13.573l7.967-5.026c.398-.242.763-.112.463.154l-6.822 6.155-.265 2.833-1.343-4.116z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.vote-article-share .tw {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 7.539a6.56 6.56 0 01-1.885.517 3.294 3.294 0 001.443-1.816 6.575 6.575 0 01-2.085.796 3.283 3.283 0 00-5.593 2.994A9.32 9.32 0 015.114 6.6a3.28 3.28 0 001.016 4.382 3.274 3.274 0 01-1.487-.41v.041a3.285 3.285 0 002.633 3.218 3.305 3.305 0 01-1.482.056 3.286 3.286 0 003.066 2.28A6.585 6.585 0 014 17.524 9.291 9.291 0 009.032 19c6.038 0 9.34-5 9.34-9.337 0-.143-.004-.285-.01-.425A6.672 6.672 0 0020 7.538z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.vote-article-share .wa {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 11.794c0 4.304-3.517 7.794-7.855 7.794a7.87 7.87 0 01-3.796-.97L4 20l1.418-4.182a7.714 7.714 0 01-1.127-4.024C4.29 7.489 7.807 4 12.145 4S20 7.49 20 11.794zm-7.855-6.553c-3.641 0-6.603 2.94-6.603 6.553A6.48 6.48 0 006.8 15.636l-.825 2.433 2.537-.806a6.6 6.6 0 003.633 1.084c3.642 0 6.604-2.94 6.604-6.553s-2.962-6.553-6.604-6.553zm3.967 8.348c-.049-.08-.177-.128-.37-.223-.192-.095-1.139-.558-1.315-.621-.177-.064-.305-.096-.434.095a10.92 10.92 0 01-.61.749c-.112.128-.224.143-.416.048-.193-.096-.813-.297-1.549-.948a5.76 5.76 0 01-1.07-1.323c-.113-.191-.013-.295.084-.39.086-.086.192-.223.289-.334.096-.112.128-.191.192-.319s.032-.239-.016-.335c-.048-.095-.433-1.035-.594-1.418-.16-.382-.32-.318-.433-.318-.112 0-.24-.016-.369-.016a.71.71 0 00-.513.239c-.177.19-.674.653-.674 1.593s.69 1.848.786 1.976c.096.127 1.332 2.119 3.289 2.884 1.958.764 1.958.51 2.31.477.353-.031 1.14-.461 1.3-.908.16-.446.16-.829.113-.908z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.vote-article-share .rd {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.542 10.63c-1.105-.636-2.494-1.033-4.025-1.118l.808-2.393 2.182.637c0 .963.78 1.742 1.743 1.742.964 0 1.758-.779 1.758-1.742C19.008 6.78 18.214 6 17.25 6c-.609 0-1.148.326-1.459.793l-2.65-.764a.482.482 0 00-.61.311l-1.063 3.172c-1.516.085-2.905.482-4.01 1.119a1.987 1.987 0 00-1.46-.623A1.995 1.995 0 004 12.004c0 .75.425 1.403 1.035 1.742-.029.17-.043.34-.043.51 0 2.62 3.146 4.744 7.015 4.744 3.855 0 7-2.124 7-4.744 0-.17-.013-.34-.042-.51A1.974 1.974 0 0020 12.004a1.995 1.995 0 00-1.998-1.996 2.01 2.01 0 00-1.46.623zM9.499 12.5a1.01 1.01 0 011.006 1.006.998.998 0 01-1.006.991.986.986 0 01-.992-.991.997.997 0 01.992-1.006zm5.002 0a.998.998 0 00-.992 1.006c0 .552.44.991.992.991a.998.998 0 001.006-.991 1.01 1.01 0 00-1.006-1.006zm-5.3 3.597a.484.484 0 01-.085-.694c.156-.226.482-.255.694-.085.567.44 1.474.68 2.197.68.709 0 1.616-.24 2.197-.68a.484.484 0 01.694.085.496.496 0 01-.085.694c-.737.58-1.885.907-2.806.907-.935 0-2.07-.326-2.806-.907zm8.05-7.59a.757.757 0 01-.752-.75c0-.426.34-.752.751-.752s.752.326.752.751c0 .41-.34.75-.752.75z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.vote-expert-list-selector {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.vote-star-btn {
  position: relative;
  width: 220px;
  box-sizing: content-box !important;
  padding: 4px 15px 16px !important;
  margin: 8px !important;
  background: transparent !important;
}
.vote-star-btn:after {
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translate(-50%, 0);
  display: block;
  font-size: 11px;
  text-align: center;
}
.vote-star-btn--disabled {
  pointer-events: none;
  opacity: 0.5;
}
.vote-star-btn--disabled:after {
  content: "Использован" !important;
}
.vote-star-btn--3:after {
  content: "Нормально!";
}
.vote-star-btn--4:after {
  content: "Хорошо!";
}
.vote-star-btn--5:after {
  content: "Отлично!";
}
.vote-star-btn__icon {
  display: inline-block;
  background-position: left center !important;
  background-repeat: repeat-x !important;
  background-color: transparent !important;
  background-size: auto 100%;
  height: 40px;
}
.vote-star-btn__icon--3 {
  width: 120px;
  background-image: url(/static/modules/vote/default/img/star2-bronze.svg) !important;
}
.vote-star-btn__icon--4 {
  width: 160px;
  background-image: url(/static/modules/vote/default/img/star2-silver.svg) !important;
}
.vote-star-btn__icon--5 {
  width: 200px;
  background-image: url(/static/modules/vote/default/img/star2-gold.svg) !important;
}
.js-expert-voice-place-voices {
  display: flex;
  justify-content: space-between;
}
.vote-experts-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 2rem 0;
}
@media  all and (min-width: 768px) {
  .vote-experts-list {
    justify-content: space-between;
  }
}
.vote-experts-list__item {
  width: 90%;
  margin-bottom: 2rem;
}
@media  all and (min-width: 768px) {
  .vote-experts-list__item {
    width: calc(50% - 10px);
  }
}
@media  all and (min-width: 1024px) {
  .vote-experts-list__item {
    width: calc(33.3333% - 10px);
  }
}
@media  all and (min-width: 1400px) {
  .vote-experts-list__item {
    width: calc(25% - 30px);
    margin-bottom: 4rem;
  }
}
.vote-expert-list-item {
  display: block;
}
.vote-expert-list-item--gpt:hover .vote-expert-list-item__avatar__pic--gpt {
  opacity: 1 !important;
}
.vote-expert-list-item--gpt:hover .vote-expert-list-item__avatar:before {
  opacity: 1;
  animation: expertAvatarRotate 1s ease forwards;
}
.vote-expert-list-item--std:hover .vote-expert-list-item__avatar__pic--std {
  filter: none;
}
.vote-expert-list-item__avatar-out {
  width: 80%;
  margin: 0 auto;
}
.vote-expert-list-item__avatar {
  position: relative;
  height: 0;
  padding-top: 100%;
}
.vote-expert-list-item__avatar:before,
.vote-expert-list-item__avatar__pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vote-expert-list-item__avatar:before {
  content: '';
  background: url(/static/modules/vote/default/img/colorful-bg.jpg) center center no-repeat;
  background-size: cover;
  border-radius: 100%;
  transform: none;
  transition: all ease 0.3s;
  opacity: 0;
}
.vote-expert-list-item__avatar__pic {
  opacity: 1;
  transition: opacity linear 0.3s;
  overflow: hidden;
  border-radius: 100%;
  background-color: #f0f0f0;
}
.vote-expert-list-item__avatar__pic img {
  display: block;
  max-width: 100%;
  min-width: 100%;
}
.vote-expert-list-item__avatar__pic--std {
  filter: grayscale(1);
}
.vote-expert-list-item__avatar__pic--gpt {
  opacity: 0;
}
.vote-expert-list-item__username,
.vote-expert-list-item__position,
.vote-expert-list-item__results {
  position: relative;
  text-align: center;
}
.vote-expert-list-item__username {
  margin: 1rem 0 0.5rem;
  text-align: center;
  font-family: "Russo One", sans-serif;
  font-size: 1.4em;
}
.vote-expert-list-item__position {
  font-size: 0.85em;
  opacity: 0.7;
}
.vote-expert-list-item__results {
  margin-top: 0.5rem;
}
@keyframes expertAvatarRotate {
  from {
    transform: scale(1) rotate(0deg);
  }
  to {
    transform: scale(1.04) rotate(270deg);
  }
}
.vote-through-menu-outpads {
  position: relative;
}
.vote-through-menu-outpads:before,
.vote-through-menu-outpads:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 20px;
  z-index: 1;
}
.vote-through-menu-outpads:before {
  left: 0;
  background: linear-gradient(90deg, #fff, transparent);
}
.vote-through-menu-outpads:after {
  right: 0;
  background: linear-gradient(270deg, #fff, transparent);
}
.vote-through-menu-out {
  width: 100%;
  overflow-y: hidden;
  overflow-x: scroll;
}
.vote-through-menu-out::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.vote-through-menu ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  white-space: nowrap;
  font-family: "Russo One", sans-serif;
}
.vote-through-menu li {
  padding-right: 20px;
  opacity: 0.7;
}
.vote-through-menu li.active {
  opacity: 1;
}
.vote-expert-results-card__expert {
  display: flex;
}
@media  all and (min-width: 768px) {
  .vote-expert-results-card__expert {
    align-items: center;
  }
}
.vote-expert-results-card__expert__pic {
  position: relative;
  width: 110px;
  flex-shrink: 0;
}
@media  all and (min-width: 768px) {
  .vote-expert-results-card__expert__pic {
    width: 180px;
  }
}
.vote-expert-results-card__expert__img {
  width: 100%;
  height: 0;
  padding-top: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
}
.vote-expert-results-card__expert__desc {
  margin-left: 20px;
}
.vote-expert-results-card__expert__name {
  font-family: "Russo One", sans-serif;
  font-size: 1.2rem;
}
@media  all and (min-width: 768px) {
  .vote-expert-results-card__expert__name {
    font-size: 2rem;
  }
}
.vote-expert-results-card__expert__pos {
  margin-top: 0.5rem;
  opacity: 0.75;
  font-size: 0.9rem;
}
.vote-expert-results-card__items-not-found {
  text-align: center;
  font-family: "Russo One", sans-serif;
  font-size: 1.2rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media  all and (min-width: 768px) {
  .vote-expert-results-card__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 2rem 0;
  }
}
.vote-expert-results-card__item {
  display: flex;
  flex-direction: column;
  margin: 1rem 0;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 8px 12px -6px rgba(0, 0, 0, 0.3);
}
@media  all and (min-width: 768px) {
  .vote-expert-results-card__item {
    width: calc(50% - 20px);
    margin: 1rem 0;
  }
}
@media  all and (min-width: 1200px) {
  .vote-expert-results-card__item {
    width: calc(33.3333% - 20px);
  }
}
.vote-expert-results-card__item--empty {
  opacity: 0;
  width: 0;
  visibility: hidden;
}
.vote-expert-results-card__item__pic {
  padding-top: 56.25%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.vote-expert-results-card__item__title {
  padding: 10px 20px;
  font-family: "Russo One", sans-serif;
  flex-grow: 2;
}
.vote-expert-results-card__item__voice {
  padding: 0 20px 10px;
}
.vote-item-results-out {
  margin: 2rem;
}
.vote-item-results {
  display: flex;
  width: 100%;
}
@media  all and (min-width: 1200px) {
  .vote-item-results {
    flex-wrap: wrap;
    justify-content: space-around;
  }
}
.vote-item-results__scroller {
  padding: 2rem 0;
  overflow-x: scroll;
  overflow-y: hidden;
}
@media  all and (min-width: 1200px) {
  .vote-item-results__scroller {
    overflow: hidden;
  }
}
.vote-item-result {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 1rem;
  width: 200px;
  flex-shrink: 0;
}
@media  all and (min-width: 768px) {
  .vote-item-result {
    width: 33%;
  }
}
@media  all and (min-width: 1200px) {
  .vote-item-result {
    width: 21%;
    justify-content: flex-start;
  }
}
.vote-item-result.cb:hover .vote-item-result__avatar {
  opacity: 0.6;
}
.vote-item-result.cb:hover .vote-item-result__avatar2 {
  opacity: 1;
}
.vote-item-result--not-found {
  text-align: center;
  font-family: "Russo One", sans-serif;
  font-size: 1.2rem;
  margin-top: 2rem;
  margin-bottom: 4rem;
  opacity: 0.5;
}
.vote-item-result--empty {
  display: none;
}
@media  all and (min-width: 1200px) {
  .vote-item-result--empty {
    display: block;
  }
}
.vote-item-result__desc {
  text-align: center;
}
.vote-item-result__avatar-out {
  position: relative;
  width: 120px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
}
@media  all and (min-width: 768px) {
  .vote-item-result__avatar-out {
    width: 180px;
  }
}
.vote-item-result__avatar,
.vote-item-result__avatar2 {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all linear 0.3s;
}
.vote-item-result__avatar {
  height: 0;
  padding-top: 100%;
}
.vote-item-result__avatar2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.vote-item-result__name,
.vote-item-result__company,
.vote-item-result__position {
  width: 90%;
  margin: 0 auto;
}
.vote-item-result__name {
  margin-top: 1rem;
  font-family: "Russo One", sans-serif;
}
.vote-item-result__company {
  margin-top: 0.5rem;
}
.vote-item-result__company,
.vote-item-result__position {
  opacity: 0.8;
  font-size: 0.9em;
  line-height: 1.1;
}
.vote-item-result__voice {
  margin-top: 0.5rem;
  text-align: center;
}
.vote-item-result__voice span {
  display: block;
  margin: 0 auto;
}
@media  all and (min-width: 768px) {
  .vote-item-result__voice span {
    transform: scale(0.7);
  }
}
button.process-voice {
  opacity: 0.5 !important;
}
.vote-sns-list-selector {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
}
@media  all and (min-width: 375px) {
  .vote-sns-list-selector {
    justify-content: center;
  }
}
.vote-sns-list-selector button {
  flex-shrink: 0;
  flex-grow: 0;
  margin: 0 1rem 1rem 0;
}
.vote-sns-list-selector button:last-child {
  margin-right: 0;
}
.vote-icon-top5,
.vote-icon-top5-item {
  background-image: url("/static/modules/vote/default/img/award.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.vote-icon-top5 {
  position: absolute;
  bottom: 15px;
  right: 30px;
  display: block;
  width: 40px;
  height: 40px;
}
@media  all and (min-width: 1400px) {
  .vote-icon-top5 {
    right: 40px;
  }
}
.vote-icon-top5-item {
  position: absolute;
  top: 20px;
  right: 20px;
  display: block;
  width: 40px;
  height: 40px;
}
@media  all and (min-width: 768px) {
  .vote-icon-top5-item {
    top: 30px;
    right: 40px;
  }
}
.vote-card-addings {
  background-color: #3230e0;
  background-image: url(/static/modules/vote/default/img/803.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: auto 70%;
}
@media  all and (min-width: 768px) {
  .vote-card-addings {
    background-size: auto 100%;
  }
}
/*# sourceMappingURL=index.css.map */