/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[4]!./src/scss/main.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
#modal-info {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 40;
}

#modal-info.active {
  visibility: visible;
  opacity: 1;
}

#modal-info .bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(21, 14, 21, 0.8);
  z-index: 1;
}

#modal-info .modal__body {
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-10%);
  width: 712px;
  min-height: 368px;
  border-radius: 20px;
  background: linear-gradient(90deg, #D1E0A4 0%, #85CFBE 50%, #5FB8E5 100%);
  padding: 32px 46px;
  z-index: 2;
}

#modal-info.active .modal__body {
  transform: translateY(-50%);
}

#modal-info.active .modal__body .modal__close {
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  top: -45px;
  cursor: pointer;
}

#modal-info.active .modal__body .modal__close svg {
  fill: #B0C596;
  transition: all 0.2s ease-in-out;
}

#modal-info.active .modal__body .modal__close:hover svg {
  fill: #52B7F0;
}

#modal-info.active .modal__body .message {
  position: relative;
  background: #FFFFFF;
  padding: 16px 26px;
}

#modal-info.active .modal__body .message .time {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
  position: absolute;
  right: 26px;
  color: #a0a0a0;
}

#modal-info.active .modal__body .message.one {
  margin-bottom: 10px;
  border-radius: 32px 32px 32px 14px;
}

#modal-info.active .modal__body .message .title {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 32px;
  color: #313131;
}

#modal-info.active .modal__body .message.one .time {
  bottom: 7px;
}

#modal-info.active .modal__body .message.two {
  border-radius: 14px 20px 20px 14px;
  margin-bottom: 10px;
}

#modal-info.active .modal__body .message.two .text {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 26px;
  line-height: 32px;
  margin-bottom: 43px;
  color: #313131;
}

#modal-info.active .modal__body .message.two .text span {
  font-weight: 700;
}

#modal-info.active .modal__body .message.two .like {
  position: absolute;
  left: 26px;
  bottom: 10px;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
  gap: 12px;
  width: 90px;
  height: 42px;
  border-radius: 20px;
  background: #E5F1F8;
}

#modal-info.active .modal__body .message.two .like .avatar {
  width: 29px;
  height: 29px;
  border-radius: 50%;
  background: #30323E;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
  margin-bottom: -2px;
}

#modal-info.active .modal__body .message.two .like .heart {
  margin-bottom: -4px;
}

#modal-info.active .modal__body .message.two .time {
  bottom: 21px;
}

#modal-info.active .modal__body .message.three {
  border-radius: 20px 20px 20px 20px;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  gap: 18px;
}

#modal-info.active .modal__body .message.three::after {
  content: "";
  width: 19px;
  height: 21px;
  position: absolute;
  left: -10px;
  bottom: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS4yMjg3IDE4LjM5MkMxNC44MTIyIDE0LjcyMzQgMTIgOS4xOTAxMiAxMiAzVjBDMTIgNi41NzQ4MyAxMC4wODcgMTcuODA2MiAwIDIwLjQ4MDJDMy42MjMzNSAyMS4yODA3IDExLjIzODEgMjEuNTM0OSAxOS4yMjg3IDE4LjM5MloiIGZpbGw9IiNGRkZGRkYiLz4KPC9zdmc+Cg==);
}

#modal-info.active .modal__body .message.three .time {
  bottom: 13px;
}

#modal-info .modal__content .button {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

#modal-info .modal__content .button .link {
  position: relative;
  height: 34px;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
  gap: 11px;
  background: #52B7F0;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 15px;
  width: 612px;
  border-radius: 78px;
  border: 1px solid #FFFFFF;
}

#modal-info .modal__content .button .link svg {
  fill: #FFFFFF;
  transition: all 0.2s ease-in-out;
}

#modal-info .modal__content:hover .button .link {
  background: #FFFFFF;
  border-color: #50A1CF;
  color: #50A1CF;
}

#modal-info .modal__content:hover .button .link svg {
  fill: #50A1CF;
}

@media (max-width: 730px) {
  #modal-info .modal__body {
    top: 0;
    transform: none;
    width: calc(100% - 24px);
    height: auto;
    padding: 48px 12px 92px;
    border-radius: 0;
    background: linear-gradient(180deg, #D1E0A4 0%, #85CFBE 50%, #5FB8E5 100%);
  }
  #modal-info.active .modal__body {
    transform: none;
  }
  #modal-info.active .modal__body .modal__close {
    top: 12px;
    right: 12px;
    transform: none;
  }
  #modal-info.active .modal__body .modal__close svg {
    width: 22px;
    height: 22px;
    fill: #EAFCBF;
  }
  #modal-info.active .modal__body .message {
    padding: 12px 22px;
  }
  #modal-info.active .modal__body .message .title {
    font-size: 24px;
  }
  #modal-info.active .modal__body .message.two .text {
    font-size: 22px;
    line-height: 28px;
  }
  #modal-info .modal__content .button {
    bottom: 30px;
    width: calc(100% - 24px);
  }
  #modal-info .modal__content .button .link {
    width: 100%;
    max-width: 100%;
  }
  #modal-info.active .modal__body .message.three {
    margin-left: 6px;
    border-radius: 14px 32px 32px 14px;
  }
}
@media (max-width: 370px) {
  #modal-info .modal__body {
    width: 100%;
  }
  #modal-info.active .modal__body .message.three {
    gap: 12px;
  }
}
.player.empty-player {
  padding-bottom: 20px;
}

.new__block {
  /* overflow: hidden; */
  height: 205px;
  border-radius: 30px 102px 102px 30px;
  border: 1px solid #CCB7ED;
  position: relative;
  background: #30323E;
  display: inline-block;
  width: 100%;
  margin-top: 14px;
}

.new__block .top {
  padding-top: 21px;
  padding-left: 38px;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  gap: 14px;
}

.new__block .top .title {
  font-size: 28px;
  line-height: 32px;
  color: #EFEFF9;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: -10px;
  text-decoration: none;
}

.new__block .bottom {
  height: 115px;
  background: #414353;
  border-radius: 0px 58.5px 58.5px 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 95%;
  transition: all 0.1s ease-in-out;
}

.new__block .bottom .name {
  padding-top: 13px;
  padding-left: 38px;
  margin-bottom: 11px;
  color: #CCB7ED;
  font-weight: 700;
  font-size: 34px;
  line-height: 39px;
  transition: all 0.1s ease-in-out;
  text-decoration: none;
  max-width: 727px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.new__block .bottom .date {
  padding-left: 38px;
  color: #CCB7ED;
  font-size: 30px;
  line-height: 34px;
  font-weight: 400;
  transition: all 0.1s ease-in-out;
  text-decoration: none;
}

.new__block .right__block {
  position: absolute;
  top: 0px;
  right: -1px;
  width: 204px;
  height: 204px;
  border-radius: 50%;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
  background: #CCB7ED;
  z-index: 10;
  border: 6px solid #CCB7ED;
  transition: all 0.1s ease-in-out;
}

.new__block .right__block .tg {
  padding-top: 20px;
  padding-right: 20px;
}

.new__block .right__block .tg svg {
  fill: #1F212F;
  transition: all 0.1s ease-in-out;
}

.new__block .right__block .cursor {
  position: absolute;
  bottom: -5px;
  right: -5px;
}

.new__block .right__block .cursor svg {
  fill: #1F212F;
  stroke: #CCB7ED;
  transition: all 0.1s ease-in-out;
}

.new__block:hover .right__block {
  background: #30323E;
}

.new__block:hover .right__block .tg svg {
  fill: #CCB7ED;
}

.new__block:hover .right__block .cursor svg {
  fill: #CCB7ED;
  stroke: #30323e;
}

.new__block:hover .bottom .date {
  color: #1F212F;
}

.new__block:hover .bottom .name {
  color: #1F212F;
}

.new__block:hover .bottom {
  background: #CCB7ED;
}

@media (max-width: 850px) {
  .new__block {
    height: 162px;
    border: 2px solid #CCB7ED;
    border-radius: 18px 28px 28px 18px;
    margin: 10px auto 0;
    width: calc(100% - 24px);
    display: block;
  }
  .new__block .top {
    padding-left: 14px;
  }
  .new__block .top img {
    width: 22px;
    height: 22px;
    margin-top: -12px;
  }
  .new__block .top .title {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 8px;
  }
  .new__block .bottom {
    height: 100px;
    border-radius: 0 0 23px 16px;
    padding: 8px 0;
    display: grid;
    -moz-box-align: center;
         align-items: center;
  }
  .new__block .bottom .name {
    font-size: 18px;
    line-height: 22px;
    padding-top: 0;
    padding-left: 12px;
    margin-bottom: 0;
    max-width: 250px;
    white-space: normal;
  }
  .new__block .bottom .date {
    font-size: 16px;
    line-height: 18px;
    padding-left: 12px;
  }
  .new__block .right__block {
    width: 60px;
    height: 158px;
    border-radius: 25px;
  }
  .new__block .right__block .tg {
    padding-top: 0;
    padding-right: 0;
    position: relative;
    top: 10px;
  }
  .new__block .right__block .tg svg {
    width: 36px;
    height: 30px;
  }
  .new__block .right__block .cursor svg {
    width: 40px;
    height: 40px;
  }
  .new__block .right__block .cursor {
    right: -9px;
    bottom: -13px;
  }
}
.header__logo {
  width: 196px !important;
  height: 39px !important;
}

.header__wrap {
  gap: 19px !important;
}

.trailer .modal__wrap, .modal-gallery .modal__wrap {
  z-index: 2;
}

.hystmodal__bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(31, 33, 47, 0.95);
  opacity: 1;
}

.trailer .modal__window {
  z-index: 2;
}

.dorama__actions a, .dorama__actions button {
  height: 36px;
  align-self: flex-end;
}

.dorama__actions .btn-admin {
  width: 40px;
  margin-left: auto;
}

.dorama__actions .btn-admin:nth-child(4) {
  margin-left: 15px;
}

.filter {
  min-height: 151px;
}

.filter.hidden {
  display: none;
}

.trailer__btn:hover {
  background: #efeff9;
}

.section--gallery {
  height: 233px;
  margin-bottom: 22px;
}

button.slider-gallery__item {
  width: auto;
  height: auto;
}

.rating .rating__row label {
  width: 20px;
  height: 20px;
}

.player__wrap .player__title {
  max-width: 675px;
}

.player__wrap .player__rating {
  max-width: 255px;
}

.dorama__about-wrap.hide-text:not(.active) .dorama__about-text {
  -webkit-line-clamp: 11 !important;
  max-height: 240px !important;
}

.dorama__about-wrap .dorama__about-text p {
  margin-bottom: 17px;
}

.dorama.section {
  padding-bottom: 30px;
}

.player.section {
  margin-top: 10px;
}

.player.section.with-tg {
  padding-bottom: 12px;
}

div.player__wrap {
  gap: 10px 30px;
}

div.fast-search__results {
  z-index: 4;
}

.fast-search__results-all:hover {
  background: #efeff9;
}

.no-results__actions .btn:hover {
  background: #efeff9;
}

.no-results__actions .btn.btn--grey:hover {
  background: #ccb7ed;
}

.no-results__info .btn:hover {
  background: #414353;
  border-color: transparent;
  color: #ccb7ed;
}

@media screen and (max-width: 991px) {
  .fast-search__results-all {
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  .header__logo {
    top: -2px;
    position: relative;
  }
  .header__nav {
    margin-top: 6px;
  }
  .filter {
    min-height: 171px;
  }
  .player__wrap .player__title {
    margin: 0;
  }
  .dorama__actions a, .dorama__actions button {
    width: 100%;
    text-align: center;
  }
  section.section .grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .dorama__about-text {
    height: 198px;
  }
  .dorama__about-wrap.active .dorama__about-text {
    height: auto;
  }
  .section--gallery {
    height: 218px;
  }
  .dorama__about-wrap.hide-text:not(.active) .dorama__about-text {
    -webkit-line-clamp: 18 !important;
    max-height: 394px !important;
    height: 394px !important;
  }
  .player__wrap .player__rating {
    max-width: calc(100% + 20px);
    margin-top: -10px;
  }
  ul.header__nav-list {
    gap: 1px;
  }
  .footer__logo {
    text-align: center;
  }
  .mob-menu__popular-item--all {
    border-radius: 6px;
  }
  .mob-menu__popular-item--all:hover .mob-menu__popular-img {
    background: #ccb7ed;
  }
  .mob-menu__popular-item--all:hover .mob-menu__popular-img .mob-menu__popular-name {
    color: #1F212F;
  }
  div.page404 {
    max-width: 280px;
    margin-top: 53px;
  }
  div.page404 svg {
    width: 100%;
    height: auto;
  }
  div.page404 p {
    margin-top: 37px;
    font-size: 18px;
    line-height: 21px;
  }
  div.page404 .brand-btn {
    max-width: 280px;
  }
  .serials-filter .serials-filter__item:nth-child(3), .serials-filter .serials-filter__item:nth-child(5) {
    margin-top: 0;
  }
  .serials-filter .serials-filter__item:nth-child(3), .serials-filter .serials-filter__item:nth-child(6), .serials-filter .serials-filter__item:nth-child(8) {
    padding-left: 0;
  }
  .serials-filter .serials-filter__item:nth-child(5), .serials-filter .serials-filter__item:nth-child(7), .serials-filter .serials-filter__item:nth-child(10) {
    padding-right: 0;
  }
}
section.info .info__wrap img {
  float: left;
  margin: 0 18px 8px 0;
  max-width: 521px;
  width: 100%;
  border-radius: 15px;
}

section.search__info {
  margin-top: 20px;
}

.page404 {
  position: relative;
  text-align: center;
  width: 100%;
  max-width: 433px;
  margin: 150px auto 0;
}

.page404 p {
  margin-top: 78px;
  font-weight: 700;
  font-size: 22px;
  line-height: 25px;
  text-align: center;
  color: #EFEFF9;
}

.page404 .brand-btn {
  width: 100%;
  max-width: 340px;
  margin-top: 23px;
}

h1.title--serial-page {
  text-align: left;
}

form.fast-search__form .search__input:valid {
  width: auto;
}

form.fast-search__form .search__input.active {
  width: calc(100% - 227px);
}

span.tag--sm:hover {
  background: #414353;
  color: #ccb7ed;
}

.mob-menu__title {
  font-weight: bold;
}

.card:active .card__cover img, .card:hover .card__cover img {
  border-color: #ccb7ed;
}

.card__name {
  height: 40px;
  overflow: hidden;
}

.grid {
  margin-bottom: 20px;
}

.player__button {
  position: relative;
}

.player__button a {
  position: relative;
  height: 36px;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
  gap: 11px;
  background: #50A1CF;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 15px;
  width: 586px;
  border-radius: 78px;
  margin: 0 auto;
}

.player__button a .text {
  z-index: 10;
  position: relative;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  gap: 8px;
}

.player__button a svg {
  fill: #FFFFFF;
  width: 15px;
  height: 13px;
}

.player__button:hover a {
  background: #FFFFFF;
}

.player__button:hover a .text {
  color: #50A1CF;
}

.player__button:hover a svg {
  fill: #50A1CF;
}

@media (max-width: 385px) {
  .player__button a {
    width: 98%;
    font-size: 15px;
  }
}
.player.with-tg .player__wrap {
  gap: 14px 30px;
}

.player.with-tg .player__button {
  -moz-box-ordinal-group: 3;
       order: 2;
  width: 100%;
}

.player.with-tg .player__button a {
  width: 100%;
}

@media (max-width: 768px) {
  .player.with-tg .player__button {
    -moz-box-ordinal-group: 2;
         order: 1;
    margin: 0;
  }
  .player.with-tg .player__wrap {
    gap: 12px 30px;
  }
  .player.with-tg .player__wrap .player__rating {
    -moz-box-ordinal-group: 3;
         order: 2;
    margin-top: 0;
  }
}
#video.empty-player .video {
  height: auto;
  margin-bottom: 0;
}

@media (max-width: 768px) {
  #video.empty-player .video {
    aspect-ratio: auto;
    margin-bottom: 20px;
  }
}