.grid {
  display: grid;
  justify-content: center;
  grid-gap: 20px;
  padding: 5px 10px 5px 10px;
  grid-template-columns: repeat(4, minmax(300px, 375px));
}
._grid_zal {
  padding-top: 10px;
}
.summary{
  background-color: #fff;
  border: 0.5px solid #8C8989;
  border-radius: 7px;
  overflow: hidden;
  height: min-content;
  container-type: inline-size;
  container-name: article;
  /* background-color: #ffffff; */
  /* box-shadow: 2px 2px 12px 2px #818181; */
}
.preview{
  position: relative;
  aspect-ratio: 15.9/9;
  width: 100%;
  background-color: #000000;
  border-bottom: 0.5px solid #8C8989;
  overflow: hidden;
  z-index: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.article_preview_img{
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video_article_replay{
  position: absolute;
  left: -1px;
  top: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
}
.text_preview_img_cancelPubl{
  position: absolute;
  color: #FF2C55;
  text-shadow: rgb(0, 0, 0) 0 0 8px;
  top: 45%;
  width: 100%;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
}
.text_preview_img_noPubl{
  position: absolute;
  color: #D6A140;
  text-shadow: rgb(0, 0, 0) 0 0 12px;
  top: 38%;
  width: 100%;
  text-align: center;
  font-size: 25px;
  font-weight: 700;
  transform: scale(0.9, 2);
}
.div_to_contest{
  position: relative;
  top: 11px;
  left: 11px;
  width: calc(100% - 0px);
  cursor: pointer;
  z-index: 2000;
  pointer-events: none;
}
.button_to_contest{
  padding: 6px 12px 3px 12px;
  font-family: "Appetite", sans-serif;
  color: #444444;
  font-size: 15px;
  text-transform: uppercase;
  background-color: #ffffff;
  pointer-events: auto;
}
.div_vote {
  position: absolute;
  /* width: 100%; */
  top: 6px;
  left: 6px;
  display: flex;
  justify-content: center;
}
.div_block_article {
  position: absolute;
  width: 100%;
  bottom: 6px;
  left: 6px;
}
.button_vote{
  padding: 6px 12px 3px 12px;
  font-family: "Appetite", sans-serif;
  /* color: #595959; */
  font-size: 15px;
  text-transform: uppercase;
  background-color: #ffffff;
  pointer-events: auto;
}
.to_contest_modal{
  position: absolute;
  top: -11px;
  left: -11px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: min-content;
  border: 0.5px solid #8C8989;
  border-radius: 7px;
  background-color: #ffffff;
  cursor: default;
  pointer-events: auto;
}
.to_contest_contest{
  color: #b17300;
  font-weight: 700;
  font-size: 20px;
  cursor: default;
  padding: 14px 0 10px 0;
}
.div_add_checkbox_container{
  width: 100%;
  display: flex;
  justify-content: space-around;
  margin: 8px 0 17px 0;
  cursor: default;
}
._div_add_checkbox{
  /* pointer-events: auto; */
}
.div_buttons_to_contest{
  display: flex;
  justify-content: center;
}
.to_contest_cancel{
  font-size: 14px;
  font-weight: 600;
  margin: 0 50px 15px 10px;
}
.to_contest_ok{
  margin: 0 10px 15px 5px;
}
.div_message_cancel_to_contest{
  position: relative;
  top: 11px;
  left: 11px;
  width: calc(100% - 0px);
  cursor: pointer;
}
.message_cancel_to_contest_modal{
  position: absolute;
  top: -11px;
  left: -11px;
  width: 100%;
  height: min-content;
  border: 0.5px solid #8C8989;
  border-radius: 19px;
  background-color: #ffffff;
  cursor: default;
  z-index: 2000;
  pointer-events: auto;
}
.message_cancel_to_contest_contest{
  /* display: flex; */
  /* align-items: center; */
  /* justify-content: center; */
  text-align: center;
  color: #444444;
  font-weight: 700;
  font-size: 20px;
  cursor: default;
  padding: 14px 0 10px 0;
  z-index: 2000;
  pointer-events: auto;
}
.div_buttons_to_contest{
  /* pointer-events: none; */
}
.message_cancel_to_contest_ok{
  margin: 14px 10px 25px 5px;
  pointer-events: auto;
}
.artNumber{
  position: absolute;
  background-color: #fff;
  padding: 1px 5px;
  border: 1px solid #FF2C55;
  border-radius: 4px;
  top: 9px;
  left: 50%;
  transform: translateX(-50%);
}
.div_check_article_no{
  position: relative;
  top: -24px;
  width: calc(100% - 100px);
  cursor: pointer;
  z-index: 2000;
}
.check_article_cancel{
  position: absolute;
  display: flex;
  align-items: center;
  top: 0px;
  left: 0;
  background-color: #ffffff;
  cursor: pointer;
}
.textarea_check_article_message{
  position: absolute;
  top: -78px;
  left: 0;
  display: block;
  width: calc(100% + 90px);
  resize: none;
  min-height: calc(2.25em + 2px);
  padding: .375rem .75rem;
  font-family: "GOTHIC";
  font-size: 10px;
  line-height: 1.5;
  background-color: #f5f5f5;
  background-clip: padding-box;
  border: 1px solid #bbbbbb;
  border-radius: .25em;
  cursor: text;
  z-index: -1;
}
.check_article_no{
  position: absolute;
  top: 0px;
  left: 96px;
  background-color: #ffffff;
  cursor: pointer;
}
.check_article_no_error{
  position: absolute;
  top: 0px;
  left: 0;
  pointer-events: none;
  background-color: #ff9f9f;
}
.check_article_button_no{
  padding: 3px 5px;
  color: #FF2C55;
  background-color: #ffffff;
}
.edit_video{
  position: absolute;
  top: 5px;
  right: 5px;
  height: 40px;
  aspect-ratio: 1/1;
  background-color: #ffffff;
  border-radius: 50%; 
  border: 1px solid #8C8989;
  display: flex;
  justify-content: center;
  align-items: center;
  /* z-index: 10000000; */
}
.zal_video{
  position: absolute;
  top: 5px;
  right: 5px;
  height: 45px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  font-size: 20px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
}
@media (hover: hover) {
  .__zal_video:hover {
    border: 2px solid #F2B139;
  }
  .__zal_video:hover 
    .img_zal_prize {
      height: 31px;
    }
}
.img_zal_prize {
  height: 33px;
}
.svg_edit_video{
  width: 20px;
  height: auto;
  fill: #808080;
}
.div_sms_in_contest {
  position: absolute;
  width: 100%;
  top: 0px;
  display: flex;
  justify-content: center;
}
.sms_in_contest{
  font-size: 13.5px;
  font-weight: 700;
  background-color: #fff;
  border: 1px solid #5e5e5e;
  border-radius: 4px;
  padding: 1.5px 5px 2px 5px;
}
.sms_in_contest>span {
  font-size: 15px;
  color: #de3f3f;
}
.article__category_name {
  display: flex;
  height: 35px;
  padding: 0 5px 0 12px;
}
.article__category__div {
  display: flex;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.article__category__png {
  height: 27px;
  margin-right: 6px;
}
.views {
  display: flex;
  align-items: center;
}
.views_eye {
  width: 12px;
}
.views_p {
  color: #7A7A7A;
  font-size: 12px;
  padding-left: 4px;
}
.article__name {
  position: relative;
  width: 100%;
  padding: 0 0 0 6px;
  overflow: hidden;
}
.article__name_a {
  width: min-content;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.article__name_h3 {
  font-family: "Appetite", sans-serif;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
}
.div_avatar__name{
  position: relative;
}
.article__name::after, .div_avatar__name::after {
  content: '';
  height: 100%;
  width: 12px;
  position: absolute;
  right: 0;
  top: 0;
  background: linear-gradient(to right, 
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.42) 20%,
    rgba(255,255,255,0.9) 100%);
}
.div_message_block{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 55px;
  margin-bottom: 15px;
}
.message_block{
  position: absolute;
  background-color: #ebebeb;
  border: 2px solid #F2B139;
  top: 0;
  margin: 8px;
  width: calc(100% - 58px);
  height: calc(100% - 16px);
  overflow-y: auto;
}
.message_block>p{
  color: #000000;
  white-space: pre-wrap;
  padding: 5px;
  font-size: 12px;
  line-height: 1.2;
  overflow-y: auto;
}
.article__men {
  display: flex;
  height: 60px;
  justify-content: space-between;
  padding: 0 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.article__avatar {
  display: flex;
  aspect-ratio: 1 / 1;
  align-items: center;
  justify-content: center;
}
.svg__avatar {
  border-radius: 50%;
  border: 1px solid #8C8989;
  /* border: 2px solid #F2B139; */
  width: 85%;
}
.avatar__name_region_month {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: space-evenly;
  font-family: "Arciform", sans-serif;
  padding: 0px 0px 0px 8px;
  overflow: hidden;
}
.avatar__name {
  font-family: "Arciform", sans-serif;
  color: #444444;
  font-size: 15px;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  white-space: nowrap;
}
._avatar__region_month {
  color: #7A7A7A;
  font-size: 14px;
  font-weight: 600;
  line-height: 110%;
}
.phone__sms_span{
  font-size: 13.5px;
  font-weight: 700;
  color: #595959;
  margin-left: 5px;
  white-space: nowrap;
}
.zal_contest_span{
  text-align: center;
  /* font-size: 12px; */
  font-weight: 600;
  color: #000000;
  white-space: nowrap;
}
.zal_phone__sms_span{
  text-align: center;
  /* font-size: 12px; */
  font-weight: 600;
  padding: 0 4px;
  white-space: nowrap;
}
.article__favourites {
  display: flex;
  align-items: end;
  justify-content: end;
  padding-bottom: 4px;
  margin-left: 4px;
}
.div_favourites_content {
  width: 22px;        /* РАЗМЕР ИКОНКИ ИЗБРАННОЕ */
  aspect-ratio: 1/1;
  cursor: pointer;
}
.svg_article__favourites{
  pointer-events: none;
}
.svg_favourites_done{
  fill: #FF2C55;
}

@media (max-width: 1279px) {
  .grid{
    grid-gap: 10px;
  }
}
@media (max-width: 1250px) {
  #content_pages{
    grid-template-columns: repeat(3, minmax(300px, 375px));
  }
}
@media (max-width: 940px) {
  #content_pages{
    grid-template-columns: repeat(2, minmax(300px, 375px));
  }
}
@media (max-width: 630px) {
  #content_pages{
    grid-template-columns: repeat(2, minmax(200px, 375px));
  }
}
@media (max-width: 580px) {
  #content_pages{
    grid-template-columns: repeat(1, minmax(200px, 410px));
    justify-content: center;
  }
}

@container article (max-width: 323px) {
  .article__category__png {
    height: 29px;
  }
  ._avatar__region_month {
    font-size: 11px;
  }
  .article__men {
    height: 55px;
  }
  .contest_online {
    font-size: 10px;
  }
  .avatar__name_region_month {
    padding: 0px 0px 0px 2px;
  }
}
@container article (max-width: 323px) {
  .article__men {
    padding: 0 5px 0 5px;
  }
}