@charset "UTF-8";
.welcome {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background: #000 url(../img/welcome_1.jpg) no-repeat 50% 50%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.lang {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("/img/background_lang.jpg");
  z-index: 200;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 2em;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lang__body {
  text-align: center;
}
.lang__logo img {
  width: 7em;
  height: 7em;
}
.lang__title {
  margin-top: 1em;
  font-size: 2.9em;
}
.lang__subtitle {
  font-size: 1.4em;
  margin-top: 1em;
}
.lang__selector {
  width: 19em;
  margin: 0 auto;
  margin-top: 2em;
}
.lang__selector-item {
  font-size: 1.4em;
  padding: 1em;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
}
.lang__selector-item.last-focus {
  background-color: rgba(68, 68, 68, 0.7882352941);
}
.lang__selector-item.focus {
  background-color: #fff;
  color: #242424;
}
.lang__selector > .scroll {
  max-height: 18em !important;
}

@font-face {
  font-family: "Roboto";
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fBBc4.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxK.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc4.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc4.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
}

html {
  font-size: 16px;
}

*:after,
*:before {
  display: inline-block;
  vertical-align: middle;
}

input::-webkit-input-placeholder {
  color: #000000;
  opacity: 1;
}

input::-moz-placeholder {
  color: #000000;
  opacity: 1;
}

input:-ms-input-placeholder {
  color: #000000;
  opacity: 1;
}

input::-ms-input-placeholder {
  color: #000000;
  opacity: 1;
}

input::placeholder {
  color: #000000;
  opacity: 1;
}

::-webkit-scrollbar {
  display: none;
}

input.hover::-webkit-input-placeholder, input.enter::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
}

input.hover::-moz-placeholder, input.enter::-moz-placeholder {
  color: #fff;
  opacity: 1;
}

input.hover:-ms-input-placeholder, input.enter:-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}

input.hover::-ms-input-placeholder, input.enter::-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}

input.hover::placeholder,
input.enter::placeholder {
  color: #fff;
  opacity: 1;
}

*:not(input) {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

body {
  line-height: 1;
  font-size: 16px;
  color: #ffffff;
  position: relative;
  font-family: "SegoeUI", sans-serif;
  background: #000000;
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
  -webkit-touch-callout: none !important;
}
body.black--style {
  background: #050505;
}

img {
  vertical-align: middle;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

svg {
  width: 100%;
  height: 100%;
}

ul {
  list-style: none;
  padding: 0;
}

.mouse-layer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 300;
}

.hide {
  display: none !important;
}

.selector {
  cursor: pointer;
}

body.no--mask .scroll--mask {
  -webkit-mask-image: unset !important;
          mask-image: unset !important;
}

body.no--animation * {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

body.no--cursor {
  cursor: none;
}

/** Фиг знает, баг **/
body.no--animation .background canvas {
  -webkit-transition: opacity 0.1s !important;
  -o-transition: opacity 0.1s !important;
  transition: opacity 0.1s !important;
}

.endless-up {
  -webkit-animation: endless-up 0.2s ease;
          animation: endless-up 0.2s ease;
}
.endless-down {
  -webkit-animation: endless-down 0.2s ease;
          animation: endless-down 0.2s ease;
}

.text-markdow {
  line-height: 1.6;
  font-weight: 100;
  font-size: 1.15em;
}
.text-markdow > *:first-child {
  margin-top: 0;
}
.text-markdow h2, .text-markdow h3, .text-markdow h4, .text-markdow h5 {
  font-size: 1.4em;
  font-weight: 400;
}
.text-markdow--compressed-sides {
  padding-left: 1.5em;
  padding-right: 1.5em;
}

.content-loading {
  position: relative;
  padding: 5em 0;
}
.content-loading::after {
  content: "";
  display: block;
  height: 3em;
  width: 3em;
  background: url(../img/loader.svg) no-repeat 50% 50%;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -1.5em;
  margin-top: -1.5em;
}

body.ambience--enable .wrap,
body.ambience--enable .head,
body:not(.glass--style).keyboard-input--visible .wrap,
body:not(.glass--style).keyboard-input--visible .head {
  display: none;
}

.icon--blink:not(.focus).animate {
  background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background-size: 400% 400%;
  -webkit-animation: head-icon-blick 1s ease forwards;
          animation: head-icon-blick 1s ease forwards;
}

.overhide {
  overflow: hidden;
}

/* Фикс для orsay */
.online-prestige-watched__icon {
  width: 1.5em;
  height: 1.5em;
}

@-webkit-keyframes head-icon-blick {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}

@keyframes head-icon-blick {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
@-webkit-keyframes endless-up {
  0% {
    -webkit-transform: translate3d(0, -5em, 0);
            transform: translate3d(0, -5em, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes endless-up {
  0% {
    -webkit-transform: translate3d(0, -5em, 0);
            transform: translate3d(0, -5em, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes endless-down {
  0% {
    -webkit-transform: translate3d(0, 5em, 0);
            transform: translate3d(0, 5em, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes endless-down {
  0% {
    -webkit-transform: translate3d(0, 5em, 0);
            transform: translate3d(0, 5em, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes endless-left {
  0% {
    -webkit-transform: translate3d(5em, 0, 0);
            transform: translate3d(5em, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes endless-left {
  0% {
    -webkit-transform: translate3d(5em, 0, 0);
            transform: translate3d(5em, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes endless-right {
  0% {
    -webkit-transform: translate3d(-5em, 0, 0);
            transform: translate3d(-5em, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes endless-right {
  0% {
    -webkit-transform: translate3d(-5em, 0, 0);
            transform: translate3d(-5em, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  20% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  20% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.navigation-bar {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0 1.5em 2em 1.5em;
  z-index: 11;
  display: none;
}
.navigation-bar__body {
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  background: rgba(36, 49, 56, 0.6509803922);
  padding: 1.2em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.navigation-bar__item {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.navigation-bar__icon {
  width: 1.8em;
  height: 1.8em;
  margin: 0 auto;
}
.navigation-bar__label {
  font-size: 0.9em;
  margin-top: 0.9em;
}

body.true--mobile .navigation-bar {
  display: block;
}

body.true--mobile.orientation--landscape .navigation-bar {
  top: 0;
  left: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 1.5em;
  padding-left: 0;
}
body.true--mobile.orientation--landscape .navigation-bar .navigation-bar__body {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

body.ambience--enable .navigation-bar {
  visibility: hidden;
}

.head-backward {
  padding: 1.5em;
  position: relative;
  margin-bottom: 1.8em;
  margin-top: -1.5em;
  display: none;
}
.head-backward__button {
  position: absolute;
  top: 0.4em;
  left: 0;
  padding: 1.5em;
}
.head-backward__button > svg {
  width: 1.7em;
  height: 1.7em;
}
.head-backward__title {
  font-size: 2em;
  line-height: 1.4;
  text-align: center;
  min-height: 1.4em;
  padding: 0 2em;
}

body.true--mobile .head-backward {
  display: block;
}

.wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 10;
}
.wrap__left {
  position: fixed;
  top: 1em;
  left: 1em;
  width: 22em;
  height: auto;
  max-height: -webkit-calc(100vh - 2em);
  max-height: calc(100vh - 2em);
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
}
.wrap__left::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  z-index: -1;
  opacity: 0;
}
.wrap__left .scroll--mask {
  height: 100%;
  pointer-events: none;
  overflow: visible;
}
.wrap__left .scroll--mask .scroll__content {
  padding: 0;
  pointer-events: auto;
  overflow: visible;
}
.wrap__left--hidden {
  visibility: hidden;
}
.wrap__content {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding-top: 4em;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.wrap__content > * {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

body.menu--open .wrap__left {
  display: block;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 100;
}
body.menu--open .wrap__left::before {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

body.light--version .wrap__left {
  visibility: visible;
}

body:not(.advanced--animation) .wrap__left,
body.no--animation .wrap__left .no--mask {
  -webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
  -o-transition: opacity 0.2s ease, visibility 0.2s ease;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
body:not(.advanced--animation) .wrap__left::before,
body.no--animation .wrap__left .no--mask::before {
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

@media screen and (max-width: 767px) {
  .wrap__left {
    top: 0.5em;
    left: 0.5em;
    width: -webkit-calc(100vw - 1em);
    width: calc(100vw - 1em);
    max-width: 22em;
    max-height: -webkit-calc(100vh - 1em);
    max-height: calc(100vh - 1em);
  }
  body.menu--open .wrap__left {
    width: -webkit-calc(100vw - 1em);
    width: calc(100vw - 1em);
    max-width: 20em;
  }
}
@media screen and (max-width: 580px) {
  .wrap__left {
    top: 0;
    left: 0;
    width: 100vw;
    max-width: none;
    max-height: 100vh;
  }
  body.menu--open .wrap__left {
    width: 100vw;
    max-width: none;
  }
}
@media screen and (max-width: 480px) {
  .wrap__left {
    top: 0;
    left: 0;
    width: 100vw;
    max-width: none;
    max-height: 100vh;
  }
  body.menu--open .wrap__left {
    width: 100vw;
    max-width: none;
  }
}
.snow-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}

.head {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 15;
}
.head__body {
  padding: 0.5em 1.5em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.head::before {
  content: "";
  position: absolute;
  padding-top: 1.2em;
  left: 0.55em;
  bottom: 0;
  height: 60%;
  width: 99%;
  pointer-events: none;
}
.head__logo-icon {
  width: 2.7em;
  height: 2.7em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 1em;
  position: relative;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  padding: 0.3em;
  border: 2px solid rgba(255, 255, 255, 0.171);
  cursor: pointer;
}
.head__logo-icon::before {
  content: "";
  position: absolute;
  left: -0.8em;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.6em;
  height: 0.6em;
  border-left: 2px solid rgba(255, 255, 255, 0.7);
  border-bottom: 2px solid rgba(255, 255, 255, 0.7);
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  opacity: 0.7;
}
.head__logo-icon:hover {
  border-color: rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.1);
}
.head__logo-icon:hover::before {
  opacity: 1;
  left: -0.9em;
}
.head__logo-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.head__menu-icon {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 1em;
  display: none;
  position: relative;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  padding: 0.3em;
  border: 1px solid rgba(255, 255, 255, 0.082);
  cursor: pointer;
  width: 2.7em;
  height: 2.7em;
}
.head__menu-icon::before {
  content: "";
  position: absolute;
  left: -0.8em;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.6em;
  height: 0.6em;
  border-left: 2px solid rgba(255, 255, 255, 0.7);
  border-bottom: 2px solid rgba(255, 255, 255, 0.7);
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  opacity: 0.7;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.head__menu-icon:hover {
  border-color: rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.1);
}
.head__menu-icon:hover::before {
  opacity: 1;
  left: -0.9em;
}
.head__menu-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.head__split {
  background: url(../img/icons/split.svg) no-repeat 50% 50%;
  background-size: contain;
  width: 1em;
  height: 1.3em;
  margin: 0 1em;
  opacity: 0.5;
}
.head__actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .head__actions + .head__split {
    display: none;
  }
}
.head__title {
  font-size: 1.7em;
  font-weight: 300;
  margin-right: auto;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  line-height: 1.2;
}
.head__action {
  width: 2.8em;
  height: 2.8em;
  -webkit-border-radius: 0.5em;
          border-radius: 0.5em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.6em;
  margin-left: 1.5em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.head__action.focus, .head__action.hover {
  background: linear-gradient(to right, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -webkit-linear-gradient(left, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -o-linear-gradient(left, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgb(96, 255, 189)), to(rgb(98, 163, 201)));
  color: #1b1b1b;
}
.head__action.active {
  position: relative;
}
.head__action.active::after {
  content: "";
  display: block;
  width: 0.5em;
  height: 0.5em;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #EA4E4E;
  border: 0.15em solid #fff;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
}
.head__action.open--profile {
  padding: 0.2em;
}
.head__action.open--profile img {
  -webkit-border-radius: 100%;
          border-radius: 100%;
  width: 2.4em;
  height: 2.4em;
}
.head__action.head__action span {
  margin-right: 5px;
}
@media (max-width: 768px) {
  .head__action .head__action span {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .head__action {
    margin-left: 0.5em;
  }
}
.head__time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  margin-top: -0.2em;
}
.head__time-now {
  font-weight: 600;
  font-size: 2em;
  line-height: 0.9;
  margin-right: 0.5em;
}
.head__time-date {
  font-size: 0.9em;
  line-height: 1;
}
.head__time-week {
  font-size: 0.9em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .head__time {
    display: none;
  }
}

body.light--version .head__logo-icon,
body.light--version .head__menu-icon {
  border-color: rgba(0, 0, 0, 0.3);
}
body.light--version .head__logo-icon::before,
body.light--version .head__menu-icon::before {
  border-left-color: rgba(0, 0, 0, 0.7);
  border-bottom-color: rgba(0, 0, 0, 0.7);
}
body.light--version .head__logo-icon:hover,
body.light--version .head__menu-icon:hover {
  border-color: rgba(0, 0, 0, 0.6);
  background: rgba(0, 0, 0, 0.1);
}

body.menu--open .head__logo-icon,
body.menu--open .head__menu-icon {
  border-color: transparent;
  background: transparent;
}
body.menu--open .head__logo-icon::before,
body.menu--open .head__menu-icon::before {
  opacity: 0;
  -webkit-transform: translateY(-50%) rotate(45deg) scale(0.8);
      -ms-transform: translateY(-50%) rotate(45deg) scale(0.8);
          transform: translateY(-50%) rotate(45deg) scale(0.8);
}
body.menu--open .head__logo-icon,
body.menu--open .head__menu-icon,
body.menu--open .head__title {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}

body.true--mobile .head__logo-icon,
body.true--mobile .head__action.open--search,
body.true--mobile .head__action.open--exit,
body.true--mobile .head__action.open--settings {
  display: none;
}
body.true--mobile .head__menu-icon {
  display: block;
}
body.true--mobile .head__action {
  margin-left: 1em;
  height: 3em;
  width: 3em;
}
body.true--mobile.orientation--landscape .head .head__body {
  padding-right: 10em;
}

.processing {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.processing > div {
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-border-radius: 5em;
          border-radius: 5em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.3em;
}
.processing__loader {
  background-image: url(../img/loader.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.6em;
  height: 1.6em;
}
.processing__text {
  padding-left: 0.5em;
  padding-right: 0.3em;
}

.navigation-tabs {
  padding: 0.4em;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 0.5em;
          border-radius: 0.5em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2em;
}
.navigation-tabs__split {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding: 0.6em;
  opacity: 0.4;
}
.navigation-tabs__badge {
  background: #e75454;
  font-size: 0.8em;
  padding: 0.1em 0.3em;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  margin-left: 0.6em;
  margin-top: -0.5em;
  font-weight: 600;
  color: #fff;
}
.navigation-tabs__button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.6em;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  position: relative;
}
.navigation-tabs__button.active {
  background-color: rgba(255, 255, 255, 0.35);
}
.navigation-tabs__button.focus {
  background-color: #fff;
  color: #000;
}

.activitys {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.activitys__slides {
  position: relative;
  width: 100%;
}

.activity {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.activity__body {
  position: relative;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.activity__loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  background: url(../img/loader.svg) no-repeat 50% 50%;
}
.activity--load .activity__body {
  opacity: 0;
}
.activity--load .activity__loader {
  display: block;
}
.activity--active {
  opacity: 1;
  z-index: 1;
}

.activity-wait-refresh {
  padding: 1.5em;
  line-height: 1.4;
}
.activity-wait-refresh__title {
  font-size: 1.8em;
  margin-bottom: 0.3em;
}
.activity-wait-refresh__text {
  font-size: 1.2em;
  margin-bottom: 1.7em;
  font-weight: 300;
}
.activity-wait-refresh__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -0.5em;
}
.activity-wait-refresh__items > div {
  padding: 0.5em;
  width: 16.66%;
}
.activity-wait-refresh__items > div > div {
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  background-color: rgba(255, 255, 255, 0.5);
}
.activity-wait-refresh__items > div > div:nth-child(1) {
  padding-bottom: 150%;
  margin-bottom: 1em;
}
.activity-wait-refresh__items > div > div:nth-child(2) {
  height: 1.4em;
  width: 80%;
  margin-bottom: 1em;
}
.activity-wait-refresh__items > div > div:nth-child(3) {
  height: 1em;
  width: 20%;
}

.menu {
  width: 100%;
  max-width: 15em;
  -webkit-border-radius: 1.2em;
          border-radius: 1.2em;
  padding: 0;
  margin: 1em;
  background: rgba(54, 54, 54, 0.959);
  border: 1px solid rgba(255, 255, 255, 0.082);
}
.menu__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.2em 1.6em 0.8em 1.6em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.menu__header-logo img {
  height: 1.6em;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.menu__header-time {
  text-align: right;
  color: rgba(255, 255, 255, 0.9);
}
.menu__header-time .menu__time-now {
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0.2em;
}
.menu__header-time .menu__time-date {
  font-size: 0.75em;
  opacity: 0.7;
  line-height: 1;
}
.menu__case {
  padding: 1.2em 0;
}
.menu__split {
  margin: 0.8em 1.6em;
  width: auto;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.menu__list {
  margin: 0;
  padding: 0 0.8em;
}
.menu__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(255, 255, 255, 0.9);
  position: relative;
  padding: 0.6em 1em;
  -webkit-border-radius: 0.6em;
          border-radius: 0.6em;
  margin: 0.15em 0;
}
.menu__item:hover {
  background-color: rgba(255, 255, 255, 0.08);
}
.menu__item.focus, .menu__item.traverse, .menu__item.hover {
  background: linear-gradient(to right, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -webkit-linear-gradient(left, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -o-linear-gradient(left, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgb(96, 255, 189)), to(rgb(98, 163, 201)));
  color: #1b1b1b;
}
.menu__item.focus .menu__ico > img, .menu__item.traverse .menu__ico > img, .menu__item.hover .menu__ico > img {
  -webkit-filter: invert(1);
          filter: invert(1);
}
.menu__item.focus .menu__ico [stroke], .menu__item.traverse .menu__ico [stroke], .menu__item.hover .menu__ico [stroke] {
  stroke: #000;
}
.menu__item.focus .menu__ico path[fill],
.menu__item.focus .menu__ico rect[fill],
.menu__item.focus .menu__ico circle[fill], .menu__item.traverse .menu__ico path[fill],
.menu__item.traverse .menu__ico rect[fill],
.menu__item.traverse .menu__ico circle[fill], .menu__item.hover .menu__ico path[fill],
.menu__item.hover .menu__ico rect[fill],
.menu__item.hover .menu__ico circle[fill] {
  fill: #000;
}
.menu__item.traverse::before, .menu__item.traverse::after {
  position: absolute;
  left: 50%;
  margin-left: -0.5em;
  color: #000;
  font-size: 0.8em;
}
.menu__item.traverse::before {
  content: "▲";
  top: -1.2em;
}
.menu__item.traverse::after {
  content: "▼";
  bottom: -1.2em;
}
.menu__ico {
  margin-right: 1em;
  width: 1.2em;
  height: 1.2em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.menu__ico > img {
  width: 1.2em;
  height: 1.2em;
}
.menu__ico svg {
  width: 1.2em;
  height: 1.2em;
}
.menu__text {
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1;
  opacity: 0.95;
}
.menu:not(.editable) .menu__item.hidden {
  display: none;
}
.menu.editable .menu__item.hidden {
  opacity: 0.5;
}
.menu.editable .menu__item.focus:not(.traverse)::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 492.49284 492'%3E%3Cpath d='m304.140625 82.472656-270.976563 270.996094c-1.363281 1.367188-2.347656 3.09375-2.816406 4.949219l-30.035156 120.554687c-.898438 3.628906.167969 7.488282 2.816406 10.136719 2.003906 2.003906 4.734375 3.113281 7.527344 3.113281.855469 0 1.730469-.105468 2.582031-.320312l120.554688-30.039063c1.878906-.46875 3.585937-1.449219 4.949219-2.8125l271-270.976562zm0 0' fill='%23000000'%3E%3C/path%3E%3Cpath d='m476.875 45.523438-30.164062-30.164063c-20.160157-20.160156-55.296876-20.140625-75.433594 0l-36.949219 36.949219 105.597656 105.597656 36.949219-36.949219c10.070312-10.066406 15.617188-23.464843 15.617188-37.714843s-5.546876-27.648438-15.617188-37.71875zm0 0' fill='%23000000'%3E%3C/path%3E%3C/svg%3E");
  position: absolute;
  right: 0.7em;
  top: 50%;
  color: #000;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
}

body.light--version .menu {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #000;
}
body.light--version .menu__header {
  border-bottom-color: rgba(0, 0, 0, 0.1);
}
body.light--version .menu__header-time {
  color: rgba(0, 0, 0, 0.9);
}
body.light--version .menu__header-time .menu__time-now {
  color: rgba(0, 0, 0, 0.9);
}
body.light--version .menu__header-time .menu__time-date {
  color: rgba(0, 0, 0, 0.7);
}
body.light--version .menu__item {
  color: rgba(0, 0, 0, 0.9);
}
body.light--version .menu__item:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
body.light--version .menu__item.focus, body.light--version .menu__item.traverse, body.light--version .menu__item.hover {
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}
body.light--version .menu__item.focus .menu__ico > img, body.light--version .menu__item.traverse .menu__ico > img, body.light--version .menu__item.hover .menu__ico > img {
  -webkit-filter: invert(0);
          filter: invert(0);
}
body.light--version .menu__item.focus .menu__ico [stroke], body.light--version .menu__item.traverse .menu__ico [stroke], body.light--version .menu__item.hover .menu__ico [stroke] {
  stroke: #fff;
}
body.light--version .menu__item.focus .menu__ico path[fill],
body.light--version .menu__item.focus .menu__ico rect[fill],
body.light--version .menu__item.focus .menu__ico circle[fill], body.light--version .menu__item.traverse .menu__ico path[fill],
body.light--version .menu__item.traverse .menu__ico rect[fill],
body.light--version .menu__item.traverse .menu__ico circle[fill], body.light--version .menu__item.hover .menu__ico path[fill],
body.light--version .menu__item.hover .menu__ico rect[fill],
body.light--version .menu__item.hover .menu__ico circle[fill] {
  fill: #fff;
}
body.light--version .menu__split {
  border-top-color: rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 580px) {
  .menu {
    max-width: 18em;
    -webkit-border-radius: 1.2em;
            border-radius: 1.2em;
    margin: 1em;
  }
  .menu__header {
    padding: 1.5em 2em 1em 2em;
  }
  .menu__header-logo img {
    height: 2em;
  }
  .menu__header-time .menu__time-now {
    font-size: 1.8em;
  }
  .menu__header-time .menu__time-date {
    font-size: 0.9em;
  }
  .menu__case {
    padding: 1.5em 0;
  }
  .menu__split {
    margin: 1em 2em;
  }
  .menu__list {
    padding: 0 1em;
  }
  .menu__item {
    padding: 0.8em 1.2em;
    -webkit-border-radius: 0.8em;
            border-radius: 0.8em;
    margin: 0.2em 0;
  }
  .menu__ico {
    margin-right: 1.2em;
    width: 1.5em;
    height: 1.5em;
  }
  .menu__ico > img {
    width: 1.5em;
    height: 1.5em;
  }
  .menu__ico svg {
    width: 1.5em;
    height: 1.5em;
  }
  .menu__text {
    font-size: 1.3em;
  }
}
.background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  will-change: opacity;
}
.background__one, .background__two {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
  will-change: opacity;
}
.background__one.visible, .background__two.visible {
  opacity: 1;
}

.settings {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
          align-items: center;
  z-index: 20;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  padding-right: 0;
}
@media screen and (max-width: 1280px) {
  .settings {
    padding-right: 0 !important;
  }
}
.settings__layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}
@media screen and (max-width: 480px) {
  .settings__layer {
    -webkit-backdrop-filter: none;
            backdrop-filter: none;
  }
}
.settings__content {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-border-radius: 1em;
          border-radius: 1em;
  padding: 15px;
  width: 28%;
  max-width: 450px;
  height: auto;
  max-height: 90vh;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: rgba(54, 54, 54, 0.9);
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.082);
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  margin-right: 10px;
}
@media screen and (max-width: 1280px) and (max-height: 720px) {
  .settings__content {
    width: 32%;
    max-width: 360px;
    margin-right: 8px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 0) {
  .settings__content {
    right: 0;
    width: 35%;
    margin-right: 8px;
  }
}
@media screen and (max-width: 767px) {
  .settings__content {
    width: 45%;
    margin-right: 8px;
  }
}
@media screen and (max-width: 580px) {
  .settings__content {
    width: 85%;
    max-height: 70vh;
    top: 50%;
    margin-right: 0;
    max-width: 400px;
  }
}
.settings__head {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding: 1em 1.4em;
  padding-bottom: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1280px) and (max-height: 720px) {
  .settings__head {
    padding: 0.8em 1.2em;
  }
}
@media screen and (max-width: 580px) {
  .settings__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.settings__body {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding: 0 1.4em;
}
@media screen and (max-width: 1280px) and (max-height: 720px) {
  .settings__body {
    padding: 0 1em;
  }
}
.settings__body > * {
  width: 100%;
}
.settings__title {
  font-size: 2em;
  font-weight: 300;
}
@media screen and (max-width: 1280px) and (max-height: 720px) {
  .settings__title {
    font-size: 1.8em;
  }
}
@media screen and (max-width: 580px) {
  .settings__title {
    margin-bottom: 0.5em;
  }
}
.settings-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.5em 0;
}
@media screen and (max-width: 1280px) and (max-height: 720px) {
  .settings-grid {
    padding: 0.3em 0;
  }
}
.settings-folder {
  padding: 1.5em 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.8em;
  -webkit-border-radius: 1.2em;
          border-radius: 1.2em;
  width: -webkit-calc(50% - 0.5em);
  width: calc(50% - 0.5em);
  height: 8em;
  border: none;
  background: rgba(54, 55, 58, 0.4);
  text-align: center;
  float: none;
  position: relative;
  will-change: auto;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
@media screen and (max-width: 1280px) and (max-height: 720px) {
  .settings-folder {
    padding: 1.2em 0.8em;
    height: 7em;
    margin-bottom: 0.6em;
  }
}
@media screen and (max-width: 767px) {
  .settings-folder {
    width: -webkit-calc(50% - 0.5em);
    width: calc(50% - 0.5em);
    height: 7em;
  }
}
@media screen and (max-width: 580px) {
  .settings-folder {
    width: 100%;
    height: 6em;
    margin-bottom: 0.6em;
  }
}
.settings-folder--wide {
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.settings-folder--wide .settings-folder__icon {
  margin-right: 1em;
  margin-bottom: 0;
}
@media screen and (max-width: 580px) {
  .settings-folder--wide {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.settings-folder__icon {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-bottom: 0.8em;
  width: 3em;
  height: 3em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: rgba(62, 114, 128, 0.623);
}
@media screen and (max-width: 767px) {
  .settings-folder__icon {
    width: 2.5em;
    height: 2.5em;
  }
}
@media screen and (max-width: 580px) {
  .settings-folder__icon {
    margin-right: 1em;
    margin-bottom: 0;
    width: 2.2em;
    height: 2.2em;
  }
}
.settings-folder__icon > * {
  width: 1.8em;
  height: 1.8em;
}
@media screen and (max-width: 767px) {
  .settings-folder__icon > * {
    width: 1.6em;
    height: 1.6em;
  }
}
@media screen and (max-width: 580px) {
  .settings-folder__icon > * {
    width: 1.4em;
    height: 1.4em;
  }
}
.settings-folder__name {
  font-size: 1.2em;
  line-height: 1.3;
}
@media screen and (max-width: 580px) {
  .settings-folder {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.settings-folder.focus {
  background-color: #4285f4;
  -webkit-border-radius: 1.2em;
          border-radius: 1.2em;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.settings-folder.focus .settings-folder__icon {
  background-color: rgba(255, 255, 255, 0.2);
}
.settings-folder.focus svg {
  stroke: #fff;
}
.settings-param {
  padding: 1.5em 2em;
  position: relative;
  will-change: transform;
  -webkit-border-radius: 0.4em;
          border-radius: 0.4em;
  margin-bottom: 0.4em;
  border: 1px solid rgba(41, 41, 41, 0.5);
  background: rgba(46, 46, 46, 0.5);
}
.settings-param__name {
  font-size: 1.3em;
  margin-bottom: 0.4em;
}
.settings-param__value {
  font-size: 1.1em;
}
.settings-param__descr {
  margin-top: 1em;
  line-height: 1.2;
}
.settings-param__label {
  display: inline-block;
  width: 100px;
  height: 30px;
  -o-object-fit: contain;
     object-fit: contain;
}
.settings-param__status {
  position: absolute;
  left: 0.8em;
  top: 2em;
  width: 0.8em;
  height: 0.8em;
  -webkit-border-radius: 100%;
          border-radius: 100%;
}
.settings-param__status.wait {
  background-color: rgb(214, 214, 214);
}
.settings-param__status.error {
  background-color: rgb(211, 54, 42);
}
.settings-param__status.active {
  background-color: rgb(136, 231, 80);
}
.settings-param.focus {
  background-color: #353535;
}
.settings-param--button .settings-param__name {
  margin-bottom: 0;
}
.settings-param-title {
  padding: 1.5em 2em;
}
.settings-param-title > span {
  font-size: 1.5em;
  font-weight: 600;
  color: #e0e0e0;
}
.settings-param-text {
  padding: 1.5em 2em;
  line-height: 1.4;
}
.settings-input {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 21;
}
.settings-input__content {
  background-color: #232425;
  width: 100%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 1.5em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  .settings-input__content {
    width: 100%;
  }
}
.settings-input__input {
  font-size: 2.1em;
  margin-bottom: 1em;
  min-height: 2.3em;
  border-bottom: 2px solid rgba(221, 221, 221, 0.06);
  padding: 0.6em 0;
}
.settings-input.filled::after {
  content: "";
  display: inline-block;
  border-right: 0.15em solid #fff;
  height: 1em;
  margin: -1em 0;
  margin-left: 0.1em;
  -webkit-animation: animation-search-input-line 0.8s infinite;
          animation: animation-search-input-line 0.8s infinite;
}
.settings-input__links {
  margin-top: 1em;
  background: rgba(221, 221, 221, 0.06);
  -webkit-border-radius: 10em;
          border-radius: 10em;
  padding: 0.7em 1em;
  font-size: 1.2em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .settings-input__links {
    display: none;
  }
}
.settings-input__title {
  font-size: 2.2em;
  margin-bottom: 0.7em;
}
.settings-input--free {
  background-color: #232425;
}
.settings-input--free .settings-input__content {
  margin: 0 auto;
}
.settings-input--focus .settings-input__content {
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
}

body.settings--open .settings {
  opacity: 1;
  visibility: visible;
}
body.settings--open .settings__layer {
  display: block;
}
body.settings--open .settings__content {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.faq-cloud {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  background-color: rgba(255, 255, 255, 0.068);
  border: 1px solid rgba(255, 255, 255, 0.082);
  -webkit-border-radius: 0.7em;
          border-radius: 0.7em;
  margin: 1.5em 2em;
}
.faq-cloud__text {
  color: #ffffff;
  padding: 1em;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 1;
  margin-bottom: 1em;
}
.faq-cloud__qr {
  width: 8em;
  height: 8em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.faq-cloud__label {
  position: absolute;
  right: 0.6em;
  bottom: -0.5em;
  -webkit-border-radius: 0.2em;
          border-radius: 0.2em;
  padding: 0.4em;
  background: linear-gradient(to right, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -webkit-linear-gradient(left, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -o-linear-gradient(left, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgb(96, 255, 189)), to(rgb(98, 163, 201)));
  color: #080808;
}
@media (max-width: 768px) {
  .faq-cloud {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 1em;
  }
  .faq-cloud__text {
    padding: 0.8em;
    line-height: 1.2;
  }
  .faq-cloud__qr {
    width: 6em;
    height: 6em;
    margin-top: 1em;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
  }
  .faq-cloud__label {
    position: static;
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
    margin-top: 1em;
  }
}

.ad-cloud {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  background-color: rgba(255, 255, 255, 0.137);
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  margin: 1.5em 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.ad-cloud__text {
  color: #ffffff;
  padding: 1em;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 1;
  margin-bottom: 0em;
}
.ad-cloud__qr {
  width: 8em;
  height: 8em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.ad-cloud__label {
  position: absolute;
  right: 0.5em;
  bottom: -0.5em;
  background-color: rgb(8, 54, 97);
  -webkit-border-radius: 0.6em;
          border-radius: 0.6em;
  padding: 0.5em;
  color: #ffffff;
  font-size: 0.9em;
}
@media screen and (max-width: 991px) {
  .ad-cloud__label {
    font-size: 0.8em;
  }
}
@media (max-width: 768px) {
  .ad-cloud {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 1em;
  }
  .ad-cloud__text {
    padding: 0.8em;
    line-height: 1.2;
  }
  .ad-cloud__qr {
    width: 6em;
    height: 6em;
    margin-top: 1em;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
  }
  .ad-cloud__label {
    position: static;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
    margin-top: 1em;
  }
}

.faq-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  background-color: rgba(0, 109, 212, 0.911);
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  margin: 1.5em 2em;
}
.faq-info__text {
  padding: 1em;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 1.4;
}
.faq-info__label {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #ffe216;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  padding: 0.5em;
  color: #000;
}

@media screen and (max-width: 1280px) and (max-height: 720px) {
  body.size--normal .faq-cloud__text {
    font-size: 1em;
  }
}
body.size--normal .settings__content {
  width: 35%;
  margin-right: 10px;
  right: 0;
}
@media screen and (max-width: 1280px) and (max-height: 720px) {
  body.size--normal .settings__content {
    width: 30%;
    margin-right: 8px;
  }
}
@media screen and (max-width: 767px) {
  body.size--normal .settings__content {
    width: 50%;
    margin-right: 8px;
  }
}
@media screen and (max-width: 580px) {
  body.size--normal .settings__content {
    width: 85%;
    margin-right: 0;
    max-width: 400px;
  }
}
body.size--normal .settings__title {
  font-size: 1.6em;
}
body.size--normal .settings__head {
  padding: 0.8em 1em;
}
@media screen and (max-width: 1280px) and (max-height: 720px) {
  body.size--normal .settings__head {
    padding: 0.7em 0.9em;
  }
}
body.size--normal .settings__body {
  padding: 0 0.8em;
}
@media screen and (max-width: 1280px) and (max-height: 720px) {
  body.size--normal .settings__body {
    padding: 0 0.7em;
  }
}
body.size--normal .settings-param {
  padding: 1em 1.5em;
  margin-bottom: 0.3em;
}
body.size--normal .settings-param__name {
  font-size: 1.1em;
  margin-bottom: 0.2em;
}
body.size--normal .settings-param__value {
  font-size: 0.95em;
}
body.size--normal .settings-param__descr {
  margin-top: 1em;
  font-size: 0.75em;
}
body.size--normal .settings-param-title {
  padding: 0.8em 1em;
}
body.size--normal .settings-param-title > span {
  font-size: 1.1em;
}
body.size--normal .settings-param-text {
  padding: 0.8em 1em;
  font-size: 0.95em;
}
body.size--normal .settings-folder {
  height: 5.1em;
}
@media screen and (max-width: 767px) {
  body.size--normal .settings-folder {
    height: 5em;
  }
}
@media screen and (max-width: 580px) {
  body.size--normal .settings-folder {
    height: 4.5em;
  }
}
body.size--normal .settings-folder__icon {
  width: 1.9em;
  height: 1.9em;
}
body.size--normal .settings-folder__icon > * {
  width: 1em;
  height: 1em;
}
@media screen and (max-width: 767px) {
  body.size--normal .settings-folder__icon {
    width: 2em;
    height: 2em;
  }
  body.size--normal .settings-folder__icon > * {
    width: 1.2em;
    height: 1.2em;
  }
}
body.size--normal .settings-folder__name {
  font-size: 0.95em;
}
body.size--normal .settings-folder--wide .settings-folder__icon {
  margin-right: 0.5em;
}
body.size--normal .settings-folder--wide .settings-folder__name {
  font-size: 0.95em;
}
@media screen and (max-width: 580px) {
  body.size--normal .settings-folder--wide {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  body.size--normal .settings-folder--wide .settings-folder__icon {
    margin-right: 0.7em;
    margin-bottom: 0;
  }
}

body.size--small .settings__content {
  width: 35%;
  margin-right: 10px;
  right: 0;
}
@media screen and (max-width: 1280px) and (max-height: 720px) {
  body.size--small .settings__content {
    width: 32%;
    margin-right: 8px;
  }
}
@media screen and (max-width: 767px) {
  body.size--small .settings__content {
    width: 50%;
    margin-right: 8px;
  }
}
@media screen and (max-width: 580px) {
  body.size--small .settings__content {
    width: 85%;
    margin-right: 0;
    max-width: 400px;
  }
}
body.size--small .settings__title {
  font-size: 1.8em;
}
body.size--small .settings__head {
  padding: 0.8em 1em;
}
@media screen and (max-width: 1280px) and (max-height: 720px) {
  body.size--small .settings__head {
    padding: 0.7em 0.9em;
  }
}
body.size--small .settings__body {
  padding: 0 1.3em;
}
@media screen and (max-width: 1280px) and (max-height: 720px) {
  body.size--small .settings__body {
    padding: 0 0.9em;
  }
}
body.size--small .settings-param {
  padding: 1.4em 1.8em;
  margin-bottom: 0.3em;
}
body.size--small .settings-param__name {
  font-size: 1.1em;
  margin-bottom: 0.2em;
}
body.size--small .settings-param__value {
  font-size: 1em;
}
body.size--small .settings-param__descr {
  margin-top: 1em;
  font-size: 0.8em;
}
body.size--small .settings-param-title {
  padding: 1.4em 1.8em;
}
body.size--small .settings-param-title > span {
  font-size: 1.4em;
}
body.size--small .settings-param-text {
  padding: 1.4em 1.8em;
  font-size: 1.3em;
}
body.size--small .settings-folder {
  height: 5.5em;
}
@media screen and (max-width: 767px) {
  body.size--small .settings-folder {
    height: 5em;
  }
}
@media screen and (max-width: 580px) {
  body.size--small .settings-folder {
    height: 4.5em;
  }
}
body.size--small .settings-folder__icon {
  width: 2.2em;
  height: 2.2em;
}
body.size--small .settings-folder__icon > * {
  width: 1.3em;
  height: 1.3em;
}
@media screen and (max-width: 767px) {
  body.size--small .settings-folder__icon {
    width: 2em;
    height: 2em;
  }
  body.size--small .settings-folder__icon > * {
    width: 1.2em;
    height: 1.2em;
  }
}
body.size--small .settings-folder__name {
  font-size: 1em;
}
body.size--small .settings-folder--wide .settings-folder__icon {
  margin-right: 0.7em;
}
body.size--small .settings-folder--wide .settings-folder__name {
  font-size: 1em;
}
@media screen and (max-width: 580px) {
  body.size--small .settings-folder--wide {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  body.size--small .settings-folder--wide .settings-folder__icon {
    margin-right: 0.7em;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 580px) {
  .settings {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    padding-top: 20vh !important;
  }
  .settings__content {
    position: absolute;
    top: 40% !important;
    left: 50% !important;
    right: auto !important;
    -webkit-transform: translate(-50%, 0) !important;
        -ms-transform: translate(-50%, 0) !important;
            transform: translate(-50%, 0) !important;
    margin-right: 0 !important;
    margin-bottom: 3px !important;
  }
  body.settings--open .settings__content {
    position: absolute;
    top: 20% !important;
    left: 50% !important;
    right: auto !important;
    -webkit-transform: translate(-50%, 0) !important;
        -ms-transform: translate(-50%, 0) !important;
            transform: translate(-50%, 0) !important;
    margin-right: 0 !important;
    margin-bottom: 20px !important;
  }
}
.ad-cloud__label a {
  color: #000000;
  text-decoration: none;
}

@-webkit-keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
.ad-cloud__label {
  background: -webkit-gradient(linear, right top, left top, from(#5fccff), to(#5cfcac));
  background: -webkit-linear-gradient(right, #5fccff, #5cfcac);
  background: -o-linear-gradient(right, #5fccff, #5cfcac);
  background: linear-gradient(270deg, #5fccff, #5cfcac);
  background-size: 200% 200%;
  -webkit-animation: gradient 3s ease infinite;
          animation: gradient 3s ease infinite;
}

.scroll {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.scroll__content {
  padding: 1.5em 0;
  width: 100%;
}
@media screen and (max-width: 400px) {
  .scroll__content {
    padding: 1em 0;
  }
}
.scroll__body {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  will-change: transform;
}
.scroll__body.notransition, .scroll__body.transition-reset {
  -webkit-transition: unset;
  -o-transition: unset;
  transition: unset;
}

.scroll--over {
  overflow: hidden;
}
.scroll--mask {
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(8%, rgb(255, 255, 255)), color-stop(92%, rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  -webkit-mask-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 8%, rgb(255, 255, 255) 92%, rgba(255, 255, 255, 0) 100%);
          mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(8%, rgb(255, 255, 255)), color-stop(92%, rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
          mask-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 8%, rgb(255, 255, 255) 92%, rgba(255, 255, 255, 0) 100%);
}
.scroll--mask .scroll__content {
  padding: 2.5em 0;
}
@media screen and (max-width: 400px) {
  .scroll--mask .scroll__content {
    padding: 1.5em 0;
  }
}
.scroll--horizontal .scroll__content {
  padding: 0 1.5em;
}
.scroll--horizontal.scroll--mask {
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(8%, rgb(255, 255, 255)), color-stop(92%, rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  -webkit-mask-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 8%, rgb(255, 255, 255) 92%, rgba(255, 255, 255, 0) 100%);
          mask-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(8%, rgb(255, 255, 255)), color-stop(92%, rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
          mask-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 8%, rgb(255, 255, 255) 92%, rgba(255, 255, 255, 0) 100%);
}
.scroll--horizontal.scroll--mask .scroll__content {
  padding: 0 2.5em;
}
@media screen and (max-width: 400px) {
  .scroll--horizontal.scroll--mask .scroll__content {
    padding: 0 1.5em;
  }
}
.scroll--nopadding .scroll__content {
  padding: 0;
}
.scroll--horizontal-scroll {
  cursor: ew-resize;
}

.discuss-rules {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 0;
  width: 35%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .discuss-rules {
    display: none;
  }
}
.discuss-rules__body {
  padding: 1.5em;
  line-height: 1.6;
}
.discuss-rules__title {
  font-size: 1.8em;
  font-weight: 300;
  margin-bottom: 1.8em;
}
.discuss-rules__items > div {
  position: relative;
  font-size: 1.1em;
  margin-top: 1em;
  padding-left: 1em;
}
.discuss-rules__items > div::after {
  position: absolute;
  content: "●";
  display: block;
  left: 0;
  top: 0.1em;
  font-size: 0.9em;
}

.discuss-rules-helper {
  position: absolute;
  bottom: 100%;
  font-size: 1.2em;
  color: #fff;
  margin-bottom: 1.4em;
  line-height: 1.2;
  background: rgba(255, 255, 255, 0.1);
  padding: 0.7em;
  -webkit-border-radius: 0.6em;
          border-radius: 0.6em;
}
.discuss-rules-helper::before {
  content: "🚫";
  color: rgb(255, 87, 87);
  margin-right: 0.5em;
  vertical-align: text-bottom;
  display: inline-block;
}

.items-line__head {
  padding: 0 1.5em;
  margin-bottom: 1.4em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.items-line__buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1em;
}
.items-line__title {
  font-size: 1.6em;
  font-weight: 400;
}
.items-line__title .full-person__photo {
  width: 2em;
  height: 2em;
}
.items-line__title .full-person__name {
  font-size: 1em;
}
.items-line__more {
  padding: 0.4em 1em;
  background: rgba(51, 51, 51, 0.33);
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
}
.items-line__more.focus {
  background: linear-gradient(to right, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -webkit-linear-gradient(left, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -o-linear-gradient(left, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgb(96, 255, 189)), to(rgb(98, 163, 201)));
  color: #1b1b1b;
}
.items-line__back {
  padding: 0.4em 1em;
  background: rgba(51, 51, 51, 0.33);
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
}
.items-line__back.focus {
  background: linear-gradient(to right, rgb(255, 96, 96) 1%, rgb(201, 98, 98) 100%);
  background: -webkit-linear-gradient(left, rgb(255, 96, 96) 1%, rgb(201, 98, 98) 100%);
  background: -o-linear-gradient(left, rgb(255, 96, 96) 1%, rgb(201, 98, 98) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgb(255, 96, 96)), to(rgb(201, 98, 98)));
  color: #1b1b1b;
}
.items-line + .items-line {
  margin-top: 3em;
}
.items-line--type-cards {
  min-height: 24em;
}
.items-line--type-collection {
  min-height: 15em;
}
.items-line--type-player-cards .items-line__head {
  padding-left: 0.8em;
}
.items-line--type-player-cards .items-line__body .scroll__content {
  padding: 0 1em;
}
.items-line--type-top .items-cards .card:nth-child(1), .items-line--type-top .items-cards .card:nth-child(2), .items-line--type-top .items-cards .card:nth-child(3), .items-line--type-top .items-cards .card:nth-child(4), .items-line--type-top .items-cards .card:nth-child(5), .items-line--type-top .items-cards .card:nth-child(6), .items-line--type-top .items-cards .card:nth-child(7), .items-line--type-top .items-cards .card:nth-child(8), .items-line--type-top .items-cards .card:nth-child(9) {
  margin-left: 8em;
  position: relative;
}
.items-line--type-top .items-cards .card:nth-child(1)::before, .items-line--type-top .items-cards .card:nth-child(2)::before, .items-line--type-top .items-cards .card:nth-child(3)::before, .items-line--type-top .items-cards .card:nth-child(4)::before, .items-line--type-top .items-cards .card:nth-child(5)::before, .items-line--type-top .items-cards .card:nth-child(6)::before, .items-line--type-top .items-cards .card:nth-child(7)::before, .items-line--type-top .items-cards .card:nth-child(8)::before, .items-line--type-top .items-cards .card:nth-child(9)::before {
  content: "";
  position: absolute;
  top: 5.2em;
  right: 97%;
  width: 110px; /* Размер SVG */
  height: 138px;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}
.items-line--type-top .items-cards .card:nth-child(1)::before {
  width: 90px; /* Размер SVG */
  height: 118px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='138' viewBox='0 0 110 138' fill='none'%3E%3Cpath d='M83.6669 1H95.6068L76.8154 106.825L76.6068 108H77.8H108.009L102.96 136.8H1.19058L6.23993 108H38H38.8387L38.9847 107.174L49.9847 44.9741L50.1924 43.8H49H17.5973L21.4445 22.5486C25.9619 22.2365 30.8269 21.4423 36.037 20.1715C41.5379 18.8298 47.1032 17.1534 52.7327 15.143C58.4935 13.1333 63.9891 10.9218 69.2191 8.50796L69.2191 8.50801L69.2291 8.50327C74.4891 6.00478 79.3021 3.50381 83.6669 1Z' stroke='url(%23paint0_linear_7939_9701)' stroke-width='2'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_7939_9701' x1='0' y1='137.8' x2='134.154' y2='31.4894' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F2F452'/%3E%3Cstop offset='0.64' stop-color='%23B4FD64'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.items-line--type-top .items-cards .card:nth-child(2) {
  margin-left: 9em;
}
.items-line--type-top .items-cards .card:nth-child(2)::before {
  right: 95%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='131' height='140' viewBox='0 0 131 140' fill='none'%3E%3Cpath d='M65.8 107.2H118.807L113.162 139H1.20493L2.78139 130.592C2.78165 130.591 2.7819 130.589 2.78215 130.588C3.95449 124.599 6.36337 118.996 10.0192 113.773C13.7025 108.512 18.1805 103.571 23.4585 98.9526L23.4586 98.9527L23.469 98.9433C28.7719 94.1707 34.4072 89.6622 40.3753 85.418C46.4968 81.1596 52.4839 77.1683 58.3369 73.4437L58.3417 73.4406C64.358 69.5634 69.7779 65.8166 74.6 62.2L74.6034 62.1974C79.5759 58.4344 83.5689 54.7849 86.5634 51.2459L86.5694 51.2389L86.5752 51.2317C89.6112 47.5058 91.2 43.6898 91.2 39.8C91.2 36.4596 89.9552 33.5455 87.517 31.1028C84.9718 28.4161 80.8376 27.2 75.4 27.2C71.1356 27.2 67.3117 28.0261 63.9528 29.7056C60.6048 31.3796 57.8759 33.7567 55.7799 36.8277C53.693 39.7522 52.3076 43.0873 51.6167 46.8179L51.6136 46.8347L51.6111 46.8517L51.1388 50H16.9077C17.7676 42.1633 19.7651 35.2583 22.8832 29.2691C26.2833 22.9942 30.7222 17.7746 36.2016 13.5988C41.8283 9.41241 48.3148 6.26462 55.6725 4.16217C63.1732 2.05694 71.3471 1 80.2 1C90.095 1 98.6891 2.58329 106.006 5.71914L106.016 5.72335L106.026 5.72735C113.485 8.73724 119.19 12.9673 123.195 18.3939L123.203 18.4047L123.212 18.4153C127.336 23.6991 129.4 29.8138 129.4 36.8C129.4 41.7597 128.617 46.3765 127.06 50.6583L127.056 50.671L127.051 50.6838C125.618 54.9843 123.532 59.0269 120.79 62.8135L120.786 62.8188C118.166 66.4867 115.017 69.9656 111.334 73.2541L111.327 73.2601L111.321 73.2663C107.753 76.5697 103.852 79.7437 99.6164 82.788C95.3689 85.8409 90.9883 88.7613 86.4745 91.5492C81.9495 94.3441 77.3579 97.139 72.6998 99.934C71.459 100.624 70.0958 101.512 68.6118 102.591L68.5933 102.605L68.5753 102.619C67.2363 103.69 66.0937 104.631 65.1492 105.441L63.0968 107.2H65.8Z' stroke='url(%23paint0_linear_7939_9698)' stroke-width='2'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_7939_9698' x1='0' y1='140' x2='139.648' y2='9.92832' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F2F452'/%3E%3Cstop offset='0.64' stop-color='%23B4FD64'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.items-line--type-top .items-cards .card:nth-child(3) {
  margin-left: 9em;
}
.items-line--type-top .items-cards .card:nth-child(3)::before {
  right: 95%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='126' height='143' viewBox='0 0 126 143' fill='none'%3E%3Cpath d='M2.16022 99.6H35.1928C35.133 99.9325 35.0733 100.278 35.0136 100.636L35 100.717V100.8V100.804V100.808V100.812V100.816V100.82V100.823V100.827V100.831V100.835V100.839V100.843V100.847V100.851V100.855V100.859V100.863V100.866V100.87V100.874V100.878V100.882V100.886V100.89V100.894V100.898V100.902V100.905V100.909V100.913V100.917V100.921V100.925V100.929V100.933V100.937V100.941V100.945V100.948V100.952V100.956V100.96V100.964V100.968V100.972V100.976V100.98V100.984V100.988V100.991V100.995V100.999V101.003V101.007V101.011V101.015V101.019V101.023V101.027V101.03V101.034V101.038V101.042V101.046V101.05V101.054V101.058V101.062V101.066V101.07V101.073V101.077V101.081V101.085V101.089V101.093V101.097V101.101V101.105V101.109V101.113V101.116V101.12V101.124V101.128V101.132V101.136V101.14V101.144V101.148V101.152V101.155V101.159V101.163V101.167V101.171V101.175V101.179V101.183V101.187V101.191V101.195V101.198V101.202V101.206V101.21V101.214V101.218V101.222V101.226V101.23V101.234V101.238V101.241V101.245V101.249V101.253V101.257V101.261V101.265V101.269V101.273V101.277V101.28V101.284V101.288V101.292V101.296V101.3V101.304V101.308V101.312V101.316V101.32V101.323V101.327V101.331V101.335V101.339V101.343V101.347V101.351V101.355V101.359V101.363V101.366V101.37V101.374V101.378V101.382V101.386V101.39V101.394V101.398V101.402V101.405V101.409V101.413V101.417V101.421V101.425V101.429V101.433V101.437V101.441V101.445V101.448V101.452V101.456V101.46V101.464V101.468V101.472V101.476V101.48V101.484V101.488V101.491V101.495V101.499V101.503V101.507V101.511V101.515V101.519V101.523V101.527V101.53V101.534V101.538V101.542V101.546V101.55V101.554V101.558V101.562V101.566V101.57V101.573V101.577V101.581V101.585V101.589V101.593V101.597V101.601V101.605V101.609V101.613V101.616V101.62V101.624V101.628V101.632V101.636V101.64V101.644V101.648V101.652V101.655V101.659V101.663V101.667V101.671V101.675V101.679V101.683V101.687V101.691V101.695V101.698V101.702V101.706V101.71V101.714V101.718V101.722V101.726V101.73V101.734V101.738V101.741V101.745V101.749V101.753V101.757V101.761V101.765V101.769V101.773V101.777V101.78V101.784V101.788V101.792V101.796V101.8V101.804V101.808V101.812V101.816V101.82V101.823V101.827V101.831V101.835V101.839V101.843V101.847V101.851V101.855V101.859V101.863V101.866V101.87V101.874V101.878V101.882V101.886V101.89V101.894V101.898V101.902V101.905V101.909V101.913V101.917V101.921V101.925V101.929V101.933V101.937V101.941V101.945V101.948V101.952V101.956V101.96V101.964V101.968V101.972V101.976V101.98V101.984V101.988V101.991V101.995V101.999V102.003V102.007V102.011V102.015V102.019V102.023V102.027V102.03V102.034V102.038V102.042V102.046V102.05V102.054V102.058V102.062V102.066V102.07V102.073V102.077V102.081V102.085V102.089V102.093V102.097V102.101V102.105V102.109V102.113V102.116V102.12V102.124V102.128V102.132V102.136V102.14V102.144V102.148V102.152V102.155V102.159V102.163V102.167V102.171V102.175V102.179V102.183V102.187V102.191V102.195V102.198V102.202V102.206V102.21V102.214V102.218V102.222V102.226V102.23V102.234V102.238V102.241V102.245V102.249V102.253V102.257V102.261V102.265V102.269V102.273V102.277V102.28V102.284V102.288V102.292V102.296V102.3V102.304V102.308V102.312V102.316V102.32V102.323V102.327V102.331V102.335V102.339V102.343V102.347V102.351V102.355V102.359V102.363V102.366V102.37V102.374V102.378V102.382V102.386V102.39V102.394V102.398V102.402V102.405V102.409V102.413V102.417V102.421V102.425V102.429V102.433V102.437V102.441V102.445V102.448V102.452V102.456V102.46V102.464V102.468V102.472V102.476V102.48V102.484V102.488V102.491V102.495V102.499V102.503V102.507V102.511V102.515V102.519V102.523V102.527V102.53V102.534V102.538V102.542V102.546V102.55V102.554V102.558V102.562V102.566V102.57V102.573V102.577V102.581V102.585V102.589V102.593V102.597V102.601V102.605V102.609V102.613V102.616V102.62V102.624V102.628V102.632V102.636V102.64V102.644V102.648V102.652V102.655V102.659V102.663V102.667V102.671V102.675V102.679V102.683V102.687V102.691V102.695V102.698V102.702V102.706V102.71V102.714V102.718V102.722V102.726V102.73V102.734V102.738V102.741V102.745V102.749V102.753V102.757V102.761V102.765V102.769V102.773V102.777V102.78V102.784V102.788V102.792V102.796V102.8C35 107.118 36.754 110.505 40.2453 112.832L40.2651 112.845L40.2855 112.857C43.8312 114.985 48.5659 116 54.4 116C59.5778 116 64.0672 115.115 67.8338 113.301L67.8405 113.298L67.8472 113.294C71.7296 111.353 74.684 108.695 76.6606 105.309C78.7607 101.807 79.8 97.8275 79.8 93.4C79.8 90.7503 79.2462 88.4873 78.0581 86.6847C77.0161 84.7705 75.453 83.3663 73.4065 82.4863C71.5225 81.6192 69.3793 81.2 67 81.2H53.5947L57.637 58.6H68.2C70.7127 58.6 73.0405 58.1808 75.1714 57.3285L75.1862 57.3226L75.2008 57.3162C77.4344 56.339 79.3421 55.0721 80.9071 53.5071C82.6088 51.8055 83.8866 49.8172 84.7363 47.5511C85.5807 45.2996 86 42.9134 86 40.4C86 37.8389 85.3605 35.5264 84.0631 33.4935C82.8899 31.312 81.0737 29.5899 78.6679 28.3162C76.2107 27.0154 73.101 26.4 69.4 26.4C65.561 26.4 62.1553 27.0169 59.2061 28.2809C56.2881 29.5314 53.8907 31.2147 52.0443 33.3451C50.2108 35.4606 48.9959 37.8088 48.4238 40.3831L48.4215 40.3935L48.4194 40.4039L48.1802 41.6H16.5727L17.1875 37.758L17.1884 37.7521C18.2252 31.013 21.0739 24.9172 25.7588 19.4514C30.5679 13.8627 37.0904 9.41459 45.3688 6.1295L45.3689 6.12958L45.3815 6.12438C53.6297 2.72037 63.6261 1 75.4 1C85.8462 1 94.6456 2.45528 101.829 5.32848L101.839 5.33252L101.849 5.33633C109.19 8.0892 114.687 11.8625 118.413 16.6169L118.418 16.6234L118.423 16.6298C122.278 21.3835 124.2 26.8274 124.2 33C124.2 38.3144 123.035 43.2943 120.706 47.9528L120.701 47.9628L120.696 47.973C118.49 52.644 115.446 56.5935 111.56 59.8318L111.553 59.8371L111.547 59.8426C107.779 63.091 103.631 65.4219 99.1002 66.846L98.5658 67.014L98.4299 67.5575L98.2299 68.3575L98.0156 69.2144L98.8396 69.5328C104.532 71.7322 108.893 75.142 111.968 79.7547L111.977 79.7681L111.986 79.7812C115.182 84.2553 116.8 89.645 116.8 96C116.8 105.93 113.997 114.228 108.433 120.959C102.83 127.603 95.253 132.71 85.6592 136.26C76.0496 139.682 65.3669 141.4 53.6 141.4C41.54 141.4 31.6006 139.941 23.7474 137.062C16.0062 134.175 10.3197 130.272 6.5987 125.398C2.85814 120.366 1 114.842 1 108.8C1 107.374 1.06437 105.812 1.19414 104.115C1.41908 102.663 1.74073 101.158 2.16022 99.6Z' stroke='url(%23paint0_linear_7939_9696)' stroke-width='2'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_7939_9696' x1='0' y1='142.4' x2='141.228' y2='18.2302' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F2F452'/%3E%3Cstop offset='0.64' stop-color='%23B4FD64'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.items-line--type-top .items-cards .card:nth-child(4) {
  margin-left: 9em;
}
.items-line--type-top .items-cards .card:nth-child(4)::before {
  right: 95%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='140' viewBox='0 0 130 140' fill='none'%3E%3Cpath d='M63.1929 139L67.9846 111.975L68.1929 110.8H67H1.18961L6.13814 82.4411C11.5763 76.0586 17.3354 68.5702 23.4153 59.9791C29.7013 51.1518 35.7846 41.6589 41.6654 31.5011L41.6682 31.4961C47.4389 21.3974 52.5037 11.232 56.8619 1H96.0267C94.6672 4.97792 92.4488 9.46742 89.3497 14.4737L89.3452 14.4811L89.3407 14.4885C86.028 20.0539 82.048 25.9584 77.398 32.2027L77.3979 32.2027L77.3898 32.2139C72.8731 38.4576 68.0234 44.6361 62.8407 50.7493C57.6515 56.7367 52.4631 62.4572 47.2754 67.9108L47.275 67.9113C42.2241 73.2281 37.5125 77.8063 33.1399 81.6488L31.1472 83.4H33.8H72.2H73.043L73.1856 82.5692L77.7374 56.0501C79.8455 53.6655 82.2632 50.7189 84.9894 47.2139L84.9947 47.207L85 47.2C87.8069 43.4575 90.6133 39.582 93.4192 35.5735C96.2333 31.5534 98.7813 27.5975 101.063 23.7057C103.182 20.0901 104.849 16.92 106.055 14.2H121.208L109.215 82.2264L109.008 83.4H110.2H128.208L123.361 110.8H105H104.162L104.015 111.625L99.1617 139H63.1929Z' stroke='url(%23paint0_linear_7939_9694)' stroke-width='2'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_7939_9694' x1='0' y1='140' x2='139.567' y2='11.0001' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F2F452'/%3E%3Cstop offset='0.64' stop-color='%23B4FD64'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.items-line--type-top .items-cards .card:nth-child(5) {
  margin-left: 9em;
}
.items-line--type-top .items-cards .card:nth-child(5)::before {
  right: 95%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='125' height='140' viewBox='0 0 125 140' fill='none'%3E%3Cpath d='M1.62957 94.2H34.7802L34.6194 95.0039L34.6 95.101V95.2V95.2031V95.2063V95.2094V95.2125V95.2156V95.2188V95.2219V95.2251V95.2282V95.2313V95.2345V95.2376V95.2408V95.2439V95.247V95.2502V95.2533V95.2565V95.2597V95.2628V95.266V95.2691V95.2723V95.2754V95.2786V95.2818V95.2849V95.2881V95.2913V95.2944V95.2976V95.3008V95.304V95.3071V95.3103V95.3135V95.3167V95.3199V95.323V95.3262V95.3294V95.3326V95.3358V95.339V95.3422V95.3454V95.3486V95.3518V95.355V95.3582V95.3614V95.3646V95.3678V95.371V95.3742V95.3774V95.3806V95.3838V95.387V95.3903V95.3935V95.3967V95.3999V95.4031V95.4063V95.4096V95.4128V95.416V95.4193V95.4225V95.4257V95.429V95.4322V95.4354V95.4387V95.4419V95.4452V95.4484V95.4516V95.4549V95.4581V95.4614V95.4646V95.4679V95.4711V95.4744V95.4777V95.4809V95.4842V95.4874V95.4907V95.494V95.4972V95.5005V95.5038V95.507V95.5103V95.5136V95.5169V95.5201V95.5234V95.5267V95.53V95.5333V95.5365V95.5398V95.5431V95.5464V95.5497V95.553V95.5563V95.5596V95.5629V95.5662V95.5695V95.5728V95.5761V95.5794V95.5827V95.586V95.5893V95.5926V95.5959V95.5992V95.6025V95.6059V95.6092V95.6125V95.6158V95.6191V95.6225V95.6258V95.6291V95.6325V95.6358V95.6391V95.6424V95.6458V95.6491V95.6525V95.6558V95.6591V95.6625V95.6658V95.6692V95.6725V95.6759V95.6792V95.6826V95.6859V95.6893V95.6926V95.696V95.6993V95.7027V95.7061V95.7094V95.7128V95.7162V95.7195V95.7229V95.7263V95.7297V95.733V95.7364V95.7398V95.7432V95.7465V95.7499V95.7533V95.7567V95.7601V95.7635V95.7669V95.7702V95.7736V95.777V95.7804V95.7838V95.7872V95.7906V95.794V95.7974V95.8008V95.8042V95.8076V95.8111V95.8145V95.8179V95.8213V95.8247V95.8281V95.8316V95.835V95.8384V95.8418V95.8452V95.8487V95.8521V95.8555V95.859V95.8624V95.8658V95.8693V95.8727V95.8761V95.8796V95.883V95.8865V95.8899V95.8933V95.8968V95.9002V95.9037V95.9071V95.9106V95.9141V95.9175V95.921V95.9244V95.9279V95.9314V95.9348V95.9383V95.9417V95.9452V95.9487V95.9522V95.9556V95.9591V95.9626V95.9661V95.9696V95.973V95.9765V95.98V95.9835V95.987V95.9905V95.9939V95.9974V96.0009V96.0044V96.0079V96.0114V96.0149V96.0184V96.0219V96.0254V96.0289V96.0324V96.0359V96.0395V96.043V96.0465V96.05V96.0535V96.057V96.0606V96.0641V96.0676V96.0711V96.0746V96.0782V96.0817V96.0852V96.0888V96.0923V96.0958V96.0994V96.1029V96.1064V96.11V96.1135V96.1171V96.1206V96.1242V96.1277V96.1313V96.1348V96.1384V96.1419V96.1455V96.149V96.1526V96.1562V96.1597V96.1633V96.1668V96.1704V96.174V96.1776V96.1811V96.1847V96.1883V96.1918V96.1954V96.199V96.2026V96.2062V96.2097V96.2133V96.2169V96.2205V96.2241V96.2277V96.2313V96.2349V96.2385V96.2421V96.2457V96.2493V96.2529V96.2565V96.2601V96.2637V96.2673V96.2709V96.2745V96.2781V96.2817V96.2854V96.289V96.2926V96.2962V96.2998V96.3035V96.3071V96.3107V96.3143V96.318V96.3216V96.3252V96.3289V96.3325V96.3361V96.3398V96.3434V96.3471V96.3507V96.3543V96.358V96.3616V96.3653V96.3689V96.3726V96.3762V96.3799V96.3836V96.3872V96.3909V96.3945V96.3982V96.4019V96.4055V96.4092V96.4129V96.4165V96.4202V96.4239V96.4276V96.4312V96.4349V96.4386V96.4423V96.446V96.4496V96.4533V96.457V96.4607V96.4644V96.4681V96.4718V96.4755V96.4792V96.4829V96.4866V96.4903V96.494V96.4977V96.5014V96.5051V96.5088V96.5125V96.5162V96.5199V96.5236V96.5274V96.5311V96.5348V96.5385V96.5422V96.546V96.5497V96.5534V96.5571V96.5609V96.5646V96.5683V96.5721V96.5758V96.5795V96.5833V96.587V96.5908V96.5945V96.5983V96.602V96.6058V96.6095V96.6133V96.617V96.6208V96.6245V96.6283V96.632V96.6358V96.6396V96.6433V96.6471V96.6508V96.6546V96.6584V96.6622V96.6659V96.6697V96.6735V96.6773V96.681V96.6848V96.6886V96.6924V96.6962V96.7V96.7037V96.7075V96.7113V96.7151V96.7189V96.7227V96.7265V96.7303V96.7341V96.7379V96.7417V96.7455V96.7493V96.7531V96.7569V96.7607V96.7646V96.7684V96.7722V96.776V96.7798V96.7836V96.7875V96.7913V96.7951V96.7989V96.8028V96.8066V96.8104V96.8143V96.8181V96.8219V96.8258V96.8296V96.8334V96.8373V96.8411V96.845V96.8488V96.8527V96.8565V96.8604V96.8642V96.8681V96.8719V96.8758V96.8796V96.8835V96.8874V96.8912V96.8951V96.899V96.9028V96.9067V96.9106V96.9144V96.9183V96.9222V96.9261V96.9299V96.9338V96.9377V96.9416V96.9455V96.9493V96.9532V96.9571V96.961V96.9649V96.9688V96.9727V96.9766V96.9805V96.9844V96.9883V96.9922V96.9961V97C34.6 100.091 35.3043 102.927 36.7258 105.486L36.7318 105.496L36.7381 105.507C38.182 107.962 40.3372 109.887 43.1528 111.294L43.1614 111.299L43.1701 111.303C46.1413 112.718 49.7651 113.4 54 113.4C57.97 113.4 61.5633 112.784 64.7644 111.531L64.7817 111.524L64.7987 111.517C67.9804 110.134 70.6952 108.258 72.9282 105.885C75.2753 103.4 77.0772 100.63 78.3255 97.5786L78.3285 97.5715L78.3312 97.5644C79.5772 94.3802 80.2 91.0565 80.2 87.6C80.2 82.5745 78.587 78.4383 75.3072 75.2927C72.1224 71.9738 67.4227 70.4 61.4 70.4C56.9093 70.4 53.1484 71.0789 50.1701 72.4971C47.3026 73.8626 44.9972 75.3886 43.2929 77.0929L43.2843 77.1015L43.2757 77.1101L43.2671 77.1187L43.2586 77.1272L43.25 77.1358L43.2414 77.1443L43.2329 77.1529L43.2243 77.1615L43.2158 77.17L43.2073 77.1785L43.1987 77.1871L43.1902 77.1956L43.1817 77.2041L43.1732 77.2126L43.1647 77.2211L43.1562 77.2296L43.1477 77.2381L43.1392 77.2466L43.1307 77.2551L43.1222 77.2635L43.1138 77.272L43.1053 77.2805L43.0969 77.2889L43.0884 77.2974L43.08 77.3058L43.0715 77.3143L43.0631 77.3227L43.0547 77.3311L43.0462 77.3395L43.0378 77.348L43.0294 77.3564L43.021 77.3648L43.0126 77.3732L43.0042 77.3816L42.9958 77.3899L42.9875 77.3983L42.9791 77.4067L42.9707 77.4151L42.9624 77.4234L42.954 77.4318L42.9457 77.4401L42.9373 77.4484L42.929 77.4568L42.9207 77.4651L42.9124 77.4734L42.904 77.4818L42.8957 77.4901L42.8874 77.4984L42.8791 77.5067L42.8708 77.515L42.8625 77.5232L42.8543 77.5315L42.846 77.5398L42.8377 77.5481L42.8295 77.5563L42.8212 77.5646L42.813 77.5728L42.8047 77.5811L42.7965 77.5893L42.7883 77.5975L42.78 77.6058L42.7718 77.614L42.7636 77.6222L42.7554 77.6304L42.7472 77.6386L42.739 77.6468L42.7308 77.655L42.7226 77.6632L42.7145 77.6713L42.7063 77.6795L42.6981 77.6877L42.69 77.6958L42.6818 77.704L42.6737 77.7121L42.6655 77.7203L42.6574 77.7284L42.6493 77.7365L42.6411 77.7446L42.633 77.7528L42.6249 77.7609L42.6168 77.769L42.6087 77.7771L42.6006 77.7852L42.5926 77.7932L42.5845 77.8013L42.5764 77.8094L42.5683 77.8175L42.5603 77.8255L42.5522 77.8336L42.5442 77.8416L42.5361 77.8497L42.5281 77.8577L42.5201 77.8657L42.512 77.8737L42.504 77.8818L42.496 77.8898L42.488 77.8978L42.48 77.9058L42.472 77.9138L42.464 77.9218L42.4561 77.9297L42.4481 77.9377L42.4401 77.9457L42.4322 77.9536L42.4242 77.9616L42.4162 77.9695L42.4083 77.9775L42.4004 77.9854L42.3924 77.9934L42.3845 78.0013L42.3766 78.0092L42.3687 78.0171L42.3608 78.025L42.3529 78.0329L42.345 78.0408L42.3371 78.0487L42.3292 78.0566L42.3213 78.0645L42.3135 78.0723L42.3056 78.0802L42.2977 78.0881L42.2899 78.0959L42.282 78.1038L42.2742 78.1116L42.2664 78.1194L42.2585 78.1273L42.2507 78.1351L42.2429 78.1429L42.2351 78.1507L42.2273 78.1585L42.2195 78.1663L42.2117 78.1741L42.2039 78.1819L42.1961 78.1897L42.1884 78.1974L42.1806 78.2052L42.1728 78.213L42.1651 78.2207L42.1573 78.2285L42.1496 78.2362L42.1418 78.2439L42.1341 78.2517L42.1264 78.2594L42.1187 78.2671L42.111 78.2748L42.1033 78.2825L42.0956 78.2902L42.0879 78.2979L42.0802 78.3056L42.0725 78.3133L42.0648 78.321L42.0572 78.3286L42.0495 78.3363L42.0418 78.344L42.0342 78.3516L42.0265 78.3593L42.0189 78.3669L42.0113 78.3745L42.0036 78.3821L41.996 78.3898L41.9884 78.3974L41.9808 78.405L41.9732 78.4126L41.9656 78.4202L41.958 78.4278L41.9504 78.4354L41.9428 78.4429L41.9353 78.4505L41.9277 78.4581L41.9202 78.4656L41.9126 78.4732L41.9051 78.4807L41.8975 78.4883L41.89 78.4958L41.8824 78.5033L41.8749 78.5109L41.8674 78.5184L41.8599 78.5259L41.8524 78.5334L41.8449 78.5409L41.8374 78.5484L41.8299 78.5559L41.8224 78.5634L41.815 78.5708L41.8075 78.5783L41.8 78.5858L41.7926 78.5932L41.7851 78.6007L41.7777 78.6081L41.7702 78.6155L41.7628 78.623L41.7554 78.6304L41.748 78.6378L41.7406 78.6452L41.7332 78.6526L41.7258 78.66L41.7184 78.6674L41.711 78.6748L41.7036 78.6822L41.6962 78.6896L41.6888 78.6969L41.6815 78.7043L41.6741 78.7117L41.6668 78.719L41.6594 78.7264L41.6521 78.7337L41.6448 78.741L41.6374 78.7484L41.6301 78.7557L41.6228 78.763L41.6155 78.7703L41.6082 78.7776L41.6009 78.7849L41.5936 78.7922L41.5863 78.7995L41.579 78.8068L41.5718 78.814L41.5645 78.8213L41.5572 78.8286L41.55 78.8358L41.5427 78.8431L41.5355 78.8503L41.5282 78.8575L41.521 78.8648L41.5138 78.872L41.5066 78.8792L41.4994 78.8864L41.4922 78.8936L41.485 78.9008L41.4778 78.908L41.4706 78.9152L41.4634 78.9224L41.4562 78.9296L41.4491 78.9367L41.4419 78.9439L41.4347 78.951L41.4276 78.9582L41.4204 78.9653L41.4133 78.9725L41.4062 78.9796L41.399 78.9867L41.3919 78.9939L41.3848 79.001L41.3777 79.0081L41.3706 79.0152L41.3635 79.0223L41.3564 79.0294L41.3493 79.0365L41.3423 79.0435L41.3352 79.0506L41.3281 79.0577L41.3211 79.0647L41.314 79.0718L41.307 79.0788L41.2999 79.0859L41.2929 79.0929L41.2859 79.0999L41.2788 79.1069L41.2718 79.114L41.2648 79.121L41.2578 79.128L41.2508 79.135L41.2438 79.142L41.2368 79.1489L41.2299 79.1559L41.2229 79.1629L41.2159 79.1699L41.209 79.1768L41.202 79.1838L41.1951 79.1907L41.1881 79.1977L41.1812 79.2046L41.1742 79.2115L41.1673 79.2185L41.1604 79.2254L41.1535 79.2323L41.1466 79.2392L41.1397 79.2461L41.1328 79.253L41.1259 79.2599L41.119 79.2668L41.1121 79.2736L41.1053 79.2805L41.0984 79.2874L41.0916 79.2942L41.0847 79.3011L41.0779 79.3079L41.071 79.3148L41.0642 79.3216L41.0574 79.3284L41.0505 79.3353L41.0437 79.3421L41.0369 79.3489L41.0301 79.3557L41.0233 79.3625L41.0165 79.3693L41.0097 79.376L41.003 79.3828L40.9962 79.3896L40.9894 79.3964L40.9827 79.4031L40.9759 79.4099L40.9692 79.4166L40.9624 79.4234L40.9557 79.4301L40.949 79.4368L40.9422 79.4436L40.9355 79.4503L40.9288 79.457L40.9221 79.4637L40.9154 79.4704L40.9087 79.4771L40.902 79.4838L40.8953 79.4904L40.8887 79.4971L40.882 79.5038L40.8753 79.5104L40.8687 79.5171L40.862 79.5238L40.8554 79.5304L40.8488 79.537L40.8421 79.5437L40.8355 79.5503L40.8289 79.5569L40.8223 79.5635L40.8157 79.5701L40.8091 79.5767L40.8025 79.5833L40.7959 79.5899L40.7893 79.5965L40.7827 79.6031L40.7761 79.6096L40.7696 79.6162L40.763 79.6228L40.7565 79.6293L40.7499 79.6359L40.7434 79.6424L40.7369 79.6489L40.7303 79.6555L40.7238 79.662L40.7173 79.6685L40.7108 79.675L40.7043 79.6815L40.6978 79.688L40.6913 79.6945L40.6848 79.701L40.6783 79.7075L40.6718 79.7139L40.6654 79.7204L40.6589 79.7269L40.6525 79.7333L40.646 79.7398L40.6396 79.7462L40.6331 79.7526L40.6267 79.7591L40.6203 79.7655L40.6139 79.7719L40.6075 79.7783L40.6011 79.7847L40.5947 79.7911L40.5883 79.7975L40.5819 79.8039L40.5755 79.8103L40.5691 79.8167L40.5627 79.823L40.5564 79.8294L40.55 79.8358L40.5437 79.8421L40.5373 79.8485L40.531 79.8548L40.5247 79.8611L40.5183 79.8675L40.512 79.8738L40.5057 79.8801L40.4994 79.8864L40.4931 79.8927L40.4868 79.899L40.4805 79.9053L40.4742 79.9116L40.4679 79.9178L40.4617 79.9241L40.4554 79.9304L40.4491 79.9366L40.4429 79.9429L40.4366 79.9491L40.4304 79.9554L40.4242 79.9616L40.4179 79.9678L40.4117 79.9741L40.4055 79.9803L40.3993 79.9865L40.3931 79.9927L40.3869 79.9989L40.3807 80.0051L40.3745 80.0113L40.3683 80.0175L40.3622 80.0236L40.356 80.0298L40.3498 80.036L40.3437 80.0421L40.3375 80.0483L40.3314 80.0544L40.3252 80.0605L40.3191 80.0667L40.313 80.0728L40.3069 80.0789L40.3008 80.085L40.2947 80.0911L40.2886 80.0972L40.2825 80.1033L40.2764 80.1094L40.2703 80.1155L40.2642 80.1216L40.2581 80.1276L40.2521 80.1337L40.246 80.1398L40.24 80.1458L40.2339 80.1519L40.2279 80.1579L40.2219 80.1639L40.2158 80.17L40.2098 80.176L40.2038 80.182L40.1978 80.188L40.1918 80.194L40.1858 80.2L40.1798 80.206L40.1738 80.212L40.1678 80.218L40.1619 80.2239L40.1559 80.2299L40.1499 80.2359L40.144 80.2418L40.138 80.2478L40.1321 80.2537L40.1261 80.2596L40.1202 80.2656L40.1143 80.2715L40.1084 80.2774L40.1025 80.2833L40.0966 80.2892L40.0907 80.2951L40.0848 80.301L40.0789 80.3069L40.073 80.3128L40.0671 80.3187L40.0613 80.3245L40.0554 80.3304L40.0495 80.3363L40.0465 80.3393L10.8411 76.1672L29.7793 1H123.008L117.361 33H52.8H52.0265L51.8321 33.7487L46.4321 54.5487L45.6764 57.4595L48.0247 55.5809C49.2963 54.5636 51.1089 53.3945 53.4856 52.0742L53.5038 52.0641L53.5215 52.0533C55.8206 50.6482 58.7954 49.413 62.4704 48.3628C66.2247 47.3277 70.7952 46.8 76.2 46.8C84.7504 46.8 92.0597 48.3128 98.1604 51.2982L98.1679 51.3018C104.403 54.2896 109.184 58.5608 112.544 64.1174L112.551 64.1292L112.559 64.1408C116.038 69.5521 117.8 76.0897 117.8 83.8C117.8 94.961 115.045 104.629 109.568 112.845C104.072 121.089 96.6124 127.507 87.1628 132.101L87.1579 132.103C77.845 136.694 67.3326 139 55.6 139C43.6825 139 33.6797 137.41 25.561 134.267C17.4302 131.12 11.3355 126.755 7.20565 121.208C3.07378 115.524 1 108.935 1 101.4C1 100.1 1.06499 98.7999 1.19504 97.4995L1.19508 97.4995L1.19589 97.4905C1.2996 96.3498 1.44429 95.2531 1.62957 94.2Z' stroke='url(%23paint0_linear_7939_9692)' stroke-width='2'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_7939_9692' x1='0' y1='140' x2='139.002' y2='16.6852' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F2F452'/%3E%3Cstop offset='0.64' stop-color='%23B4FD64'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.items-line--type-top .items-cards .card:nth-child(6) {
  margin-left: 9em;
}
.items-line--type-top .items-cards .card:nth-child(6)::before {
  right: 95%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='123' height='143' viewBox='0 0 123 143' fill='none'%3E%3Cpath d='M116.2 88C116.2 96.2688 114.626 103.72 111.497 110.371C108.362 116.901 103.922 122.517 98.1668 127.226C92.5477 131.799 85.7344 135.343 77.7074 137.844C69.8147 140.211 61.1148 141.4 51.6 141.4C40.5031 141.4 31.1903 139.616 23.624 136.094C16.2138 132.583 10.5749 127.331 6.67947 120.324C2.91228 113.174 1 104.216 1 93.4C1 90.3676 1.13161 87.1331 1.39559 83.6957C1.79278 80.2571 2.32224 76.6841 2.98434 72.9763C6.17346 55.1703 10.6801 41.0894 16.4725 30.6887C22.3917 20.1661 29.9222 12.657 39.0472 8.09444L39.0522 8.0919C48.3475 3.37883 59.5845 1 72.8 1C82.439 1 90.9162 2.38658 98.2489 5.13633C105.562 7.87858 111.193 11.9712 115.195 17.3939L115.203 17.4047L115.212 17.4153C119.316 22.6742 121.4 29.3119 121.4 37.4C121.4 38.6995 121.335 40.1366 121.204 41.7127C121.096 42.8952 120.944 44.1242 120.748 45.4H87.1241C87.1718 44.8754 87.1972 44.3696 87.1998 43.883C87.3316 43.0704 87.4 42.3084 87.4 41.6C87.4 36.4791 85.941 32.4895 82.8508 29.8407C79.8161 27.2396 75.6907 26 70.6 26C65.1194 26 60.5637 27.2339 57.0157 29.7885C53.4721 32.3399 50.7084 36.3978 48.6652 41.8449C46.6337 47.1278 44.8872 53.996 43.4149 62.428L42.9423 65.1349L45.0441 63.3649C47.5043 61.2932 50.2935 59.5405 53.4167 58.1091L53.4321 58.102L53.4472 58.0944C56.5719 56.5321 59.8943 55.359 63.4169 54.5762L63.434 54.5724L63.451 54.568C66.9717 53.6552 70.4874 53.2 74 53.2C82.1536 53.2 89.3466 54.5806 95.5992 57.3162L95.6061 57.3191C101.985 60.0528 106.964 64.0066 110.581 69.1735L110.589 69.1852L110.598 69.1967C114.313 74.1928 116.2 80.4389 116.2 88ZM63.1011 115.154L63.1236 115.146L63.1457 115.138C65.7484 114.179 68.0305 113.007 69.9812 111.614L69.9938 111.605L70.006 111.595C72.9455 109.356 75.1829 106.485 76.7153 103.003L76.7182 102.996L76.721 102.99C78.2447 99.3881 79 95.454 79 91.2C79 87.8766 78.3767 84.9743 77.0838 82.5321C75.7726 80.0555 73.7326 78.241 71.018 77.091C68.4453 75.812 65.2907 75.2 61.6 75.2C58.1636 75.2 54.979 75.7493 52.0567 76.8607C49.2729 77.8369 46.826 79.3035 44.7266 81.2606C42.2098 83.5003 40.2618 86.2918 38.8769 89.6154L38.87 89.632L38.8637 89.6489C37.6151 92.9785 37 96.7001 37 100.8C37 103.998 37.6263 106.831 38.9162 109.268L38.9222 109.279L38.9284 109.29C40.2357 111.614 42.1921 113.414 44.7528 114.694L44.7819 114.709L44.8119 114.722C47.4998 115.853 50.706 116.4 54.4 116.4C57.5534 116.4 60.4567 115.989 63.1011 115.154Z' stroke='url(%23paint0_linear_7939_9690)' stroke-width='2'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_7939_9690' x1='0' y1='142.4' x2='140.785' y2='21.3886' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F2F452'/%3E%3Cstop offset='0.64' stop-color='%23B4FD64'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.items-line--type-top .items-cards .card:nth-child(7) {
  margin-left: 9em;
}
.items-line--type-top .items-cards .card:nth-child(7)::before {
  right: 95%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='123' height='138' viewBox='0 0 123 138' fill='none'%3E%3Cpath d='M63.6 33.4H1.19634L7.03588 1H121.009L118.069 17.722C111.999 23.9312 106.061 30.3359 100.252 36.9359C94.3654 43.4921 88.8128 50.3159 83.5946 57.4073L83.5926 57.41C78.5057 64.371 73.82 71.5334 69.5357 78.8971L69.5356 78.8971L69.5288 78.909C65.3736 86.2813 61.754 93.8555 58.6704 101.631C55.5806 109.423 53.2961 117.417 51.8175 125.613C51.817 125.616 51.8164 125.619 51.8159 125.623L50.6194 131.604L50.614 131.631L50.6101 131.659C50.382 133.255 50.1045 134.902 49.7773 136.6H3.60507C5.33338 127.607 7.97343 118.732 11.5266 109.976C15.2382 100.83 19.7457 91.9466 25.05 83.3268C30.4919 74.5667 36.5313 66.2045 43.1682 58.2402L43.1683 58.2402L43.1734 58.2339C49.8174 50.1283 56.8598 42.4215 64.3007 35.1134L66.0453 33.4H63.6Z' stroke='url(%23paint0_linear_7939_9688)' stroke-width='2'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_7939_9688' x1='0' y1='137.6' x2='136.636' y2='16.2557' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F2F452'/%3E%3Cstop offset='0.64' stop-color='%23B4FD64'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.items-line--type-top .items-cards .card:nth-child(8) {
  margin-left: 9em;
}
.items-line--type-top .items-cards .card:nth-child(8)::before {
  right: 95%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='124' height='143' viewBox='0 0 124 143' fill='none'%3E%3Cpath d='M28.6122 69.4093C24.5858 66.2921 21.6268 62.7439 19.7028 58.7699C17.7662 54.6364 16.8 50.3164 16.8 45.8C16.8 38.6109 18.3017 32.3152 21.2752 26.8838C24.4007 21.2851 28.6313 16.5978 33.9775 12.8164L33.9812 12.8137C39.4815 8.88501 45.7089 5.93298 52.6723 3.9622C59.6429 1.98941 67.0839 1 75 1C83.9634 1 92.0401 2.38389 99.2433 5.13422L99.2508 5.13707L99.2583 5.1398C106.452 7.75571 112.165 11.5973 116.437 16.646C120.669 21.6476 122.8 27.7455 122.8 35C122.8 39.9482 121.954 44.5545 120.272 48.8281C118.588 52.9715 116.125 56.7997 112.872 60.3139C109.623 63.692 105.578 66.6966 100.724 69.3203L99.0331 70.2346L100.753 71.0944C105.407 73.4218 109.284 76.7159 112.391 80.9882L112.397 80.9961L112.403 81.0039C115.582 85.1998 117.2 90.4433 117.2 96.8C117.2 106.994 114.265 115.348 108.45 121.938L108.449 121.939C102.718 128.452 95.0112 133.364 85.2835 136.651C75.6655 139.813 65.0407 141.4 53.4 141.4C42.6788 141.4 33.3902 140.076 25.5162 137.451C17.6456 134.828 11.6151 131.048 7.3593 126.149C3.12696 121.145 1 115.114 1 108C1 102 2.17318 96.6897 4.49443 92.0472L4.49448 92.0472L4.49924 92.0375C6.83709 87.2319 10.0829 83.0759 14.2449 79.5643L14.2517 79.5585L14.2585 79.5526C18.4342 75.8989 23.1299 73.0943 28.3511 71.1363L30.0298 70.5068L28.6122 69.4093ZM62.8095 115.778L62.8337 115.773L62.8577 115.766C64.9132 115.218 66.7781 114.529 68.4472 113.694L68.4608 113.688L68.4741 113.68C70.2709 112.713 71.8709 111.602 73.269 110.343L73.2748 110.338L73.2805 110.333C75.2392 108.514 76.7828 106.41 77.9048 104.026L77.9094 104.016L77.9138 104.006C79.041 101.47 79.6 98.7305 79.6 95.8C79.6 91.1271 77.8805 87.524 74.3666 85.1759C70.9745 82.777 66.9018 81.6 62.2 81.6C60.118 81.6 58.0394 81.8767 55.9662 82.4274C54.036 82.8429 52.1738 83.4646 50.3809 84.292L50.3668 84.2986L50.3528 84.3056C48.6516 85.1562 47.0981 86.2877 45.6929 87.6929C43.8667 89.5191 42.3991 91.6898 41.2862 94.1939C40.159 96.73 39.6 99.4695 39.6 102.4C39.6 106.906 41.092 110.485 44.1708 112.977L44.1909 112.994L44.2118 113.009C47.3638 115.301 51.4565 116.4 56.4 116.4C58.7244 116.4 60.8626 116.195 62.8095 115.778ZM72.1521 57.7884L72.1887 57.7827L72.2249 57.7744C73.9925 57.3665 75.632 56.8888 77.1417 56.3398L77.1634 56.3319L77.1846 56.3231C78.8244 55.6398 80.3351 54.8851 81.7145 54.0575L81.729 54.0488L81.7433 54.0396C84.137 52.4907 86.0476 50.5115 87.4619 48.107L87.4682 48.0964L87.4742 48.0856C88.9028 45.5142 89.6 42.5416 89.6 39.2C89.6 34.6673 87.9494 31.2396 84.5332 29.1539C81.2585 27.0228 77.0549 26 72 26C69.8043 26 67.7335 26.2058 65.7905 26.6222C63.8699 27.0338 62.0773 27.5845 60.4154 28.2769C58.7242 28.9816 57.2302 29.9033 55.9425 31.0465C53.9697 32.7391 52.4196 34.7849 51.2952 37.1742C50.156 39.595 49.6 42.3445 49.6 45.4C49.6 49.8198 51.2655 53.1758 54.6801 55.2542C57.9396 57.2383 61.9309 58.2 66.6 58.2C68.5143 58.2 70.3653 58.0633 72.1521 57.7884Z' stroke='url(%23paint0_linear_7939_9686)' stroke-width='2'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_7939_9686' x1='0' y1='142.4' x2='141.016' y2='19.8029' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F2F452'/%3E%3Cstop offset='0.64' stop-color='%23B4FD64'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.items-line--type-top .items-cards .card:nth-child(9) {
  margin-left: 9em;
}
.items-line--type-top .items-cards .card:nth-child(9)::before {
  right: 95%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='123' height='143' viewBox='0 0 123 143' fill='none'%3E%3Cpath d='M1.65233 97H35.2419C35.1657 97.5011 35.0896 97.9796 35.0136 98.4356L35 98.5172V98.6V98.6047V98.6094V98.6141V98.6187V98.6234V98.6281V98.6328V98.6375V98.6421V98.6468V98.6515V98.6561V98.6608V98.6655V98.6702V98.6748V98.6795V98.6841V98.6888V98.6935V98.6981V98.7028V98.7074V98.7121V98.7167V98.7214V98.726V98.7307V98.7353V98.7399V98.7446V98.7492V98.7539V98.7585V98.7631V98.7678V98.7724V98.777V98.7817V98.7863V98.7909V98.7955V98.8002V98.8048V98.8094V98.814V98.8186V98.8232V98.8279V98.8325V98.8371V98.8417V98.8463V98.8509V98.8555V98.8601V98.8647V98.8693V98.8739V98.8785V98.8831V98.8877V98.8923V98.8969V98.9015V98.9061V98.9106V98.9152V98.9198V98.9244V98.929V98.9336V98.9381V98.9427V98.9473V98.9519V98.9564V98.961V98.9656V98.9701V98.9747V98.9793V98.9838V98.9884V98.9929V98.9975V99.002V99.0066V99.0112V99.0157V99.0203V99.0248V99.0294V99.0339V99.0384V99.043V99.0475V99.0521V99.0566V99.0611V99.0657V99.0702V99.0747V99.0793V99.0838V99.0883V99.0928V99.0974V99.1019V99.1064V99.1109V99.1154V99.12V99.1245V99.129V99.1335V99.138V99.1425V99.147V99.1515V99.156V99.1605V99.165V99.1695V99.174V99.1785V99.183V99.1875V99.192V99.1965V99.201V99.2055V99.21V99.2144V99.2189V99.2234V99.2279V99.2324V99.2368V99.2413V99.2458V99.2503V99.2547V99.2592V99.2637V99.2681V99.2726V99.277V99.2815V99.286V99.2904V99.2949V99.2993V99.3038V99.3082V99.3127V99.3171V99.3216V99.326V99.3305V99.3349V99.3394V99.3438V99.3482V99.3527V99.3571V99.3615V99.366V99.3704V99.3748V99.3793V99.3837V99.3881V99.3925V99.397V99.4014V99.4058V99.4102V99.4146V99.419V99.4235V99.4279V99.4323V99.4367V99.4411V99.4455V99.4499V99.4543V99.4587V99.4631V99.4675V99.4719V99.4763V99.4807V99.4851V99.4894V99.4938V99.4982V99.5026V99.507V99.5114V99.5158V99.5201V99.5245V99.5289V99.5333V99.5376V99.542V99.5464V99.5507V99.5551V99.5595V99.5638V99.5682V99.5726V99.5769V99.5813V99.5856V99.59V99.5943V99.5987V99.603V99.6074V99.6117V99.6161V99.6204V99.6248V99.6291V99.6334V99.6378V99.6421V99.6464V99.6508V99.6551V99.6594V99.6638V99.6681V99.6724V99.6767V99.6811V99.6854V99.6897V99.694V99.6983V99.7027V99.707V99.7113V99.7156V99.7199V99.7242V99.7285V99.7328V99.7371V99.7414V99.7457V99.75V99.7543V99.7586V99.7629V99.7672V99.7715V99.7758V99.7801V99.7843V99.7886V99.7929V99.7972V99.8015V99.8057V99.81V99.8143V99.8186V99.8228V99.8271V99.8314V99.8356V99.8399V99.8442V99.8484V99.8527V99.857V99.8612V99.8655V99.8697V99.874V99.8782V99.8825V99.8867V99.891V99.8952V99.8995V99.9037V99.908V99.9122V99.9164V99.9207V99.9249V99.9291V99.9334V99.9376V99.9418V99.9461V99.9503V99.9545V99.9587V99.9629V99.9672V99.9714V99.9756V99.9798V99.984V99.9882V99.9925V99.9967V100.001V100.005V100.009V100.013V100.018V100.022V100.026V100.03V100.034V100.039V100.043V100.047V100.051V100.055V100.06V100.064V100.068V100.072V100.076V100.081V100.085V100.089V100.093V100.097V100.101V100.106V100.11V100.114V100.118V100.122V100.126V100.131V100.135V100.139V100.143V100.147V100.151V100.155V100.16V100.164V100.168V100.172V100.176V100.18V100.184V100.189V100.193V100.197V100.201V100.205V100.209V100.213V100.218V100.222V100.226V100.23V100.234V100.238V100.242V100.246V100.251V100.255V100.259V100.263V100.267V100.271V100.275V100.279V100.283V100.288V100.292V100.296V100.3V100.304V100.308V100.312V100.316V100.32V100.324V100.328V100.333V100.337V100.341V100.345V100.349V100.353V100.357V100.361V100.365V100.369V100.373V100.377V100.381V100.386V100.39V100.394V100.398V100.402V100.406V100.41V100.414V100.418V100.422V100.426V100.43V100.434V100.438V100.442V100.446V100.45V100.454V100.458V100.462V100.466V100.471V100.475V100.479V100.483V100.487V100.491V100.495V100.499V100.503V100.507V100.511V100.515V100.519V100.523V100.527V100.531V100.535V100.539V100.543V100.547V100.551V100.555V100.559V100.563V100.567V100.571V100.575V100.579V100.583V100.587V100.591V100.595V100.599V100.603V100.607V100.611V100.615V100.619V100.623V100.627V100.631V100.635V100.639V100.643V100.647V100.65V100.654V100.658V100.662V100.666V100.67V100.674V100.678V100.682V100.686V100.69V100.694V100.698V100.702V100.706V100.71V100.714V100.718V100.722V100.726V100.729V100.733V100.737V100.741V100.745V100.749V100.753V100.757V100.761V100.765V100.769V100.773V100.777V100.78V100.784V100.788V100.792V100.796V100.8C35 105.921 36.459 109.911 39.5492 112.559C42.5839 115.16 46.7093 116.4 51.8 116.4C57.4049 116.4 61.9734 115.17 65.4 112.6L65.4051 112.596C68.9276 109.919 71.6881 105.877 73.7333 100.559C75.7654 95.2756 77.5125 88.4061 78.9851 79.972L79.4577 77.2651L77.3559 79.0351C74.8915 81.1104 72.097 82.9321 68.9681 84.4979C65.8327 85.9339 62.4978 87.1112 58.9621 88.0286C55.5767 88.8088 52.0567 89.2 48.4 89.2C40.3827 89.2 33.1861 87.8204 26.7939 85.0809C20.4158 82.3474 15.3663 78.3921 11.6145 73.2198C8.02072 68.0826 6.2 61.8269 6.2 54.4C6.2 46.1294 7.77464 38.7471 10.9015 32.2327L10.9048 32.2258C14.0421 25.5591 18.4162 19.946 24.0313 15.3756L24.0332 15.374C29.7879 10.6656 36.6007 7.12381 44.4874 4.75782L44.4874 4.75788L44.4974 4.75476C52.5231 2.25495 61.2882 1 70.8 1C81.8988 1 91.1424 2.7845 98.5719 6.30376L98.578 6.30658C106.119 9.81722 111.754 15.1323 115.515 22.2664L115.521 22.2761L115.526 22.2856C119.421 29.2963 121.4 38.1829 121.4 49C121.4 52.0236 121.203 55.2517 120.807 58.6854L120.804 58.7043L120.803 58.7233C120.539 62.1539 120.077 65.7208 119.416 69.4242L119.415 69.4296C116.359 87.0985 111.853 101.177 105.928 111.71C100.01 122.231 92.4128 129.81 83.1489 134.508C73.9882 139.087 62.818 141.4 49.6 141.4C39.961 141.4 31.4838 140.013 24.1511 137.264C16.8394 134.522 11.1376 130.428 7.00002 125C3.01713 119.601 1 112.954 1 105C1 103.564 1.06528 102.127 1.19589 100.691C1.30348 99.5071 1.45552 98.2769 1.65233 97ZM77.6549 61.1557L77.6711 61.1417L77.6866 61.127C80.191 58.7617 82.0734 55.9747 83.3273 52.7744C84.7158 49.4378 85.4 45.7077 85.4 41.6C85.4 38.2795 84.7778 35.4319 83.4716 33.1097C82.1543 30.7679 80.1145 29.0328 77.418 27.891C74.8453 26.6119 71.6907 26 68 26C64.8466 26 61.9433 26.4113 59.2989 27.2464C56.667 28.0775 54.3587 29.262 52.3881 30.809C49.4516 33.0479 47.2161 35.9168 45.6847 39.3973C44.1534 42.8774 43.4 46.8182 43.4 51.2C43.4 54.5234 44.0233 57.4257 45.3162 59.8679L45.333 59.8996L45.352 59.93C46.7894 62.2299 48.7996 64.0179 51.3528 65.2944C53.9307 66.5834 57.0954 67.2 60.8 67.2C64.2372 67.2 67.3635 66.6504 70.1637 65.5316C73.0555 64.429 75.5575 62.9735 77.6549 61.1557Z' stroke='url(%23paint0_linear_7939_9684)' stroke-width='2'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_7939_9684' x1='0' y1='142.4' x2='140.785' y2='21.3886' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F2F452'/%3E%3Cstop offset='0.64' stop-color='%23B4FD64'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.items-cards {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: self-start;
  -webkit-align-items: self-start;
      -ms-flex-align: self-start;
          align-items: self-start;
}
@media screen and (max-width: 767px) {
  .items-cards .card--collection {
    width: 19.7em;
  }
}

.tag-count {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 0.6em;
          border-radius: 0.6em;
  padding: 0.3em;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.tag-count__name {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  font-size: 1.2em;
  padding: 0.2em 0.7em;
}
.tag-count__count {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  background-color: #fff;
  color: #000;
  font-size: 1.3em;
  padding: 0.4em 0.6em;
  font-weight: 600;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
}
.tag-count.focus {
  background-color: #fff;
  color: #000;
}

.reaction {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding: 0.5em;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 0.4em;
          border-radius: 0.4em;
}
.reaction__icon {
  width: 1.6em;
  height: 1.6em;
}
.reaction__average, .reaction__count, .reaction__user-rating {
  padding: 0 0.5em;
  font-weight: 600;
  font-size: 1.1em;
}
.reaction--voted {
  background-color: rgba(255, 255, 255, 0.3);
}

.register {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 1em;
          border-radius: 1em;
  padding: 1em;
  line-height: 1.4;
  position: relative;
  min-width: 9em;
}
.register__name {
  font-size: 1.1em;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  max-width: 6em;
  white-space: nowrap;
}
.register__counter {
  font-size: 2em;
  font-weight: 600;
}
.register.focus::after {
  content: "";
  position: absolute;
  top: -0.5em;
  left: -0.5em;
  right: -0.5em;
  bottom: -0.5em;
  border: 0.35em solid #abffd5;
  -webkit-border-radius: 0.7em;
          border-radius: 0.7em;
  z-index: -1;
  pointer-events: none;
}
.register + .register {
  margin-left: 1em;
}

.card {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 12.75em;
  position: relative;
  will-change: transform;
}
.card + .card {
  margin-left: 1em;
}
.card__trailer {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  overflow: hidden;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  pointer-events: none;
}
.card__trailer.loaded {
  opacity: 1;
}
.card__trailer iframe, .card__trailer video {
  position: fixed;
  top: 8.5em;
  width: 100%;
  height: 100%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
  pointer-events: none;
}
.card__img {
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-color: #1f1f1f;
}
.card__view {
  margin-bottom: 1em;
  position: relative;
  padding-bottom: 150%;
}
.card__title {
  font-size: 1.3em;
  max-height: 3.6em;
  overflow: hidden;
  line-height: 1.2;
  -o-text-overflow: ".";
     text-overflow: ".";
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.card__age {
  position: absolute;
  right: 0.4em;
  bottom: 0.5em;
  z-index: 10;
  background: rgba(0, 0, 0, 0.7333333333);
  color: #ffffff;
  font-size: 1em;
  font-weight: 700;
  padding: 0.4em 0.6em;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  line-height: 1.4;
}
.card__icons {
  position: absolute;
  top: 0.9em;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.card__icons-inner {
  background: rgba(0, 0, 0, 0.74);
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.card__marker {
  position: absolute;
  left: 0.4em;
  bottom: 0.4em;
  background: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 1em;
          border-radius: 1em;
  padding: 0.2em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 0.6em;
}
.card__marker::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  background-color: #fff;
  margin-right: 0.4em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.card__marker > span {
  font-size: 0.8em;
  overflow: hidden;
  max-width: 5em;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.card__marker--look::before {
  background-color: #5DBFF5;
}
.card__marker--viewed::before {
  background-color: #FFD028;
}
.card__marker--scheduled::before {
  background-color: #fff;
}
.card__marker--thrown::before {
  background-color: #E54747;
}
.card__marker--continued::before {
  background-color: #be95ff;
}
.card__icon {
  width: 1.8em;
  height: 1.8em;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  background-size: 60%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.card__icon.icon--book {
  background-image: url(../img/icons/menu/bookmark.svg);
}
.card__icon.icon--wath {
  background-image: url(../img/icons/menu/time.svg);
}
.card__icon.icon--like {
  background-image: url(../img/icons/menu/like.svg);
}
.card__icon.icon--history {
  background-image: url(../img/icons/settings/player.svg);
}
.card__new-episode {
  position: absolute;
  right: 0;
  left: 0;
  text-align: center;
  bottom: 0.8em;
}
.card__new-episode > div {
  background-color: #57f570;
  -webkit-border-radius: 5em;
          border-radius: 5em;
  padding: 0.5em 1em;
  color: #17491c;
  display: inline-block;
}
.card__quality {
  position: absolute;
  left: -0.8em;
  top: 3em;
  padding: 0.4em 0.4em;
  width: auto;
  font-size: 1em;
  font-weight: 700;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  /* Базовые стили для всех качеств */
  color: #000000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  /* Высокое качество - золотистый градиент */
  /* Среднее качество - нейтральный синий */
  /* Низкое качество - красный */
}
.card__quality--high {
  background: -webkit-linear-gradient(315deg, #D4AF37 0%, #F4CD68 100%);
  background: -o-linear-gradient(315deg, #D4AF37 0%, #F4CD68 100%);
  background: linear-gradient(135deg, #D4AF37 0%, #F4CD68 100%);
}
.card__quality--top {
  background: #3BB33B;
  color: #ffffff;
}
.card__quality--medium {
  background: #7CB9E8;
}
.card__quality--low {
  background: -webkit-linear-gradient(315deg, #d43737 0%, #c90808 100%);
  background: -o-linear-gradient(315deg, #d43737 0%, #c90808 100%);
  background: linear-gradient(135deg, #d43737 0%, #c90808 100%);
  color: #ffffff;
}
.card__promo {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 3em 1.5em 1.5em 1.5em;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.582)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.582) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.582) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.582) 100%);
  -webkit-border-bottom-left-radius: 0.3em;
          border-bottom-left-radius: 0.3em;
  -webkit-border-bottom-right-radius: 0.3em;
          border-bottom-right-radius: 0.3em;
  color: #fff;
}
.card__promo-title {
  font-size: 2em;
  line-height: 1.2;
  overflow: hidden;
  -o-text-overflow: ".";
     text-overflow: ".";
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.card__promo-text {
  font-size: 1.3em;
  line-height: 1.2;
  margin-top: 1em;
  font-weight: 300;
}
.card__type {
  position: absolute;
  left: -0.8em;
  top: 1.4em;
  padding: 0.4em 0.4em;
  background: #fff;
  color: #000;
  font-size: 0.8em;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
}
.card__new-episode {
  position: absolute;
  right: 0;
  left: 0;
  text-align: center;
  bottom: 0.8em;
}
.card__new-episode > div {
  background-color: #57F570;
  -webkit-border-radius: 5em;
          border-radius: 5em;
  padding: 0.5em 1em;
  color: #17491C;
  display: inline-block;
}
.card__vote {
  position: absolute;
  top: 1em;
  right: 0.4em;
  background: rgb(6, 184, 44);
  top: 1em;
  font-size: 1em;
  font-weight: 700;
  padding: 0.2em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.card__vote--high {
  background: -webkit-linear-gradient(315deg, #D4AF37 0%, #F4CD68 100%);
  background: -o-linear-gradient(315deg, #D4AF37 0%, #F4CD68 100%);
  background: linear-gradient(135deg, #D4AF37 0%, #F4CD68 100%);
  color: #000;
}
.card__vote--medium {
  background: #3BB33B;
}
.card__vote--low {
  background: -webkit-linear-gradient(315deg, #d43737 0%, #c90808 100%);
  background: -o-linear-gradient(315deg, #d43737 0%, #c90808 100%);
  background: linear-gradient(135deg, #d43737 0%, #c90808 100%);
}
.card .card__vote::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 -960 960 960'%3E%3Cpath fill='%23ffffff' d='M349.923-241.308 480-320.077l131.077 79.769-34.615-148.307 115.384-99.924L540.077-502 480-642.308 420.923-503l-151.769 13.461 115.384 99.693-34.615 148.538ZM283-150.076l52.615-223.539-173.923-150.847 229.231-18.846L480-754.693l90.077 211.385 228.231 18.846-173.923 150.847L677-150.076 480-268.923 283-150.076Zm197-281.616Z'/%3E%3C/svg%3E");
  width: 28px;
  height: 28px;
}
.card .card__vote--high::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 -960 960 960'%3E%3Cpath fill='%23000000' d='M349.923-241.308 480-320.077l131.077 79.769-34.615-148.307 115.384-99.924L540.077-502 480-642.308 420.923-503l-151.769 13.461 115.384 99.693-34.615 148.538ZM283-150.076l52.615-223.539-173.923-150.847 229.231-18.846L480-754.693l90.077 211.385 228.231 18.846-173.923 150.847L677-150.076 480-268.923 283-150.076Zm197-281.616Z'/%3E%3C/svg%3E");
}
.card__textbox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1em;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(52%, rgba(0, 0, 0, 0.85)), to(rgba(0, 0, 0, 0.85)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 52%, rgba(0, 0, 0, 0.85) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 52%, rgba(0, 0, 0, 0.85) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 52%, rgba(0, 0, 0, 0.85) 100%);
  -webkit-border-radius: 1em;
          border-radius: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.5;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.card.focus, .card.hover {
  z-index: 2;
}
.card.focus .card__view::after, .card.hover .card__view::after {
  content: "";
  position: absolute;
  top: -0.5em;
  left: -0.5em;
  right: -0.5em;
  bottom: -0.5em;
  border: 0.3em solid rgb(96, 255, 189);
  -webkit-border-radius: 0.7em;
          border-radius: 0.7em;
  z-index: -1;
  pointer-events: none;
}
.card.hover .card__view::after {
  border-color: rgb(0, 0, 0);
}
.card--prefab {
  min-height: 19em;
}
.card--tv .card__type {
  background: #e4a805;
  color: #000000;
  font-size: 1em;
  font-weight: 700;
  left: -0.8em;
  top: 1em;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
}
.card--small {
  width: 20.8em;
}
.card--small + .card {
  margin-left: 1em;
}
.card--small .card__view {
  margin-bottom: 0;
}
.card--small.card--big {
  width: 40.3em;
}
.card--small.card--big .card__view {
  padding-bottom: 56%;
}
.card--small.card--big .card__trailer iframe, .card--small.card--big .card__trailer video {
  top: 11.31em;
}
.card--small.card--big .card-watched {
  position: absolute;
  top: auto;
  left: 5em;
  right: 5em;
  bottom: 2em;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.9);
  display: none;
  pointer-events: none;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
}
.card--small.card--big .card-watched__inner {
  padding: 0 1em 1em 1em;
}
.card--small.card--big .card-watched__body {
  font-size: 0.8em;
}
.card--small.card--big .card-watched__item {
  margin-top: 1em;
}
.card--small.card--big .card-watched__item > span {
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.card--small.card--big .card-watched__item:not(:first-child) {
  display: none;
}
.card--small.card--big .card-watched__item .time-line {
  margin-top: 0.5em;
}
.card--small.card--big .card-watched__item .time-line-details {
  display: block;
  font-size: 0.9em;
  margin-top: 0.3em;
  opacity: 0.8;
  white-space: normal;
  text-align: left;
}
.card--small.card--wide {
  width: 30.3em;
}
.card--small.card--wide .card__view {
  padding-bottom: 56%;
}
.card--small.card--wide .card-watched {
  position: absolute;
  top: auto;
  left: 5em;
  right: 5em;
  bottom: 2em;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.9);
  display: none;
  pointer-events: none;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
}
.card--small.card--wide .card-watched__inner {
  padding: 0 1em 1em 1em;
}
.card--small.card--wide .card-watched__body {
  font-size: 0.8em;
}
.card--small.card--wide .card-watched__item {
  margin-top: 1em;
}
.card--small.card--wide .card-watched__item > span {
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.card--small.card--wide .card-watched__item:nth-child(1) {
  color: #c6f7e0;
}
.card--small.card--wide .card-watched__item:nth-child(2) {
  color: #9f9f9f;
}
.card--small.card--wide .card-watched__item:nth-child(3) {
  color: #6c6c6c;
}
.card--small.card--wide .card-watched__item:nth-child(4) {
  color: #5e5e5e;
}
.card--small.card--wide .card-watched__item:nth-child(5) {
  color: #4c4c4c;
}
.card--small.card--wide .card-watched__item .time-line {
  margin-top: 0.5em;
}
.card--small.card--wide .card-watched__item .time-line-details {
  display: block;
  font-size: 0.9em;
  margin-top: 0.3em;
  opacity: 0.8;
  white-space: normal;
  text-align: left;
}
.card__logo {
  position: absolute;
  bottom: 6.5em;
  left: 0;
  right: 0;
  padding: 3em 1.5em 1.5em 1.5em;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  pointer-events: none;
}
.card__logo-img {
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.808));
          filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.808));
  max-height: 2.5em;
}
.card__logo-img.logo-square {
  max-height: 8em;
  max-width: 12em;
}
.card__logo-img.logo-vertical {
  max-height: 8.5em;
  max-width: 10em;
}
.card__logo-img.logo-horizontal {
  max-height: 5.5em;
  max-width: 16em;
}
.card__logo-img.logo-wide-big {
  max-height: 5em;
  max-width: 18em;
}
.card--category {
  width: 16.666%;
  padding-bottom: 1em;
}
@media screen and (max-width: 991px) {
  .card--category {
    width: 16.666%;
  }
}
@media screen and (max-width: 767px) {
  .card--category {
    width: 20%;
  }
}
@media screen and (max-width: 580px) {
  .card--category {
    width: 25%;
  }
}
@media screen and (max-width: 480px) {
  .card--category {
    width: 33.3%;
  }
}
.card--explorer {
  width: 20%;
  padding-bottom: 1em;
}
@media screen and (max-width: 580px) {
  .card--explorer {
    width: 25%;
  }
}
@media screen and (max-width: 480px) {
  .card--explorer {
    width: 33.3%;
  }
}
.card--collection {
  padding-bottom: 1em;
  width: 33.3%;
}
.card--collection .card__view {
  padding-bottom: 60%;
}
@media screen and (max-width: 580px) {
  .card--collection {
    width: 50%;
  }
}
@media screen and (max-width: 400px) {
  .card--collection {
    width: 50%;
  }
}
.card--continue {
  width: 20.3%;
}
.card--continue .card__view {
  padding-bottom: 56%;
}
@media screen and (max-width: 580px) {
  .card--continue {
    width: 60%;
  }
}
@media screen and (max-width: 400px) {
  .card--continue {
    width: 60%;
  }
}
.card--radio {
  padding-bottom: 1em;
  width: 16.666%;
}
@media screen and (max-width: 767px) {
  .card--radio {
    width: 14.266%;
  }
}
@media screen and (max-width: 580px) {
  .card--radio {
    width: 33.333%;
  }
}
@media screen and (max-width: 400px) {
  .card--radio {
    width: 25%;
  }
}
.card.trailer-active .card__promo,
.card.trailer-active .card__logo,
.card.trailer-active .card__quality,
.card.trailer-active .card__vote {
  display: none !important;
}

@media screen and (min-width: 767px) {
  body.size--bigger .card {
    font-size: 1.14em;
  }
  body.size--bigger .card--category {
    width: 20%;
  }
  body.size--bigger .card--explorer {
    width: 25%;
  }
  body.size--bigger .card--collection {
    width: 33.33%;
  }
  body.size--bigger .card--continue {
    width: 20.33%;
  }
}
.card--collection .card__quality {
  display: none;
}

.card-parser {
  padding: 0.75em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 14.6em;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.card-parser__footer {
  margin-top: auto;
  padding-top: 1.5em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-parser__title {
  font-size: 1.4em;
  line-height: 1.3;
}
.card-parser__size {
  background-color: #fff;
  color: #000;
  -webkit-border-radius: 0.2em;
          border-radius: 0.2em;
  font-size: 1.3em;
  padding: 0.3em 0.4em 0.4em;
  margin-left: auto;
  font-weight: 600;
}
.card-parser__details {
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.4;
}
.card-parser__details span {
  color: #fff;
  font-weight: 700;
}
.card-parser.focus::after {
  content: "";
  position: absolute;
  top: -0.5em;
  left: -0.5em;
  right: -0.5em;
  bottom: -0.5em;
  border: 0.3em solid #fff;
  -webkit-border-radius: 0.4em;
          border-radius: 0.4em;
  z-index: -1;
  pointer-events: none;
}
.card-parser + .card-parser {
  margin-left: 2em;
}
.card-parser + .card-more {
  width: 14.6em;
  margin-left: 2em;
}

.card-watched {
  position: absolute;
  top: auto;
  left: 1em;
  right: 1em;
  bottom: 3em;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.9);
  display: none;
  pointer-events: none;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
}
.card-watched__inner {
  padding: 0 1em 1em 1em;
}
.card-watched__body {
  font-size: 0.8em;
}
.card-watched__item {
  margin-top: 1em;
}
.card-watched__item > span {
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.card-watched__item:nth-child(1) {
  color: #ffffff;
}
.card-watched__item:nth-child(2) {
  color: #9f9f9f;
}
.card-watched__item:nth-child(3) {
  color: #6c6c6c;
}
.card-watched__item:nth-child(4) {
  color: #5e5e5e;
}
.card-watched__item:nth-child(5) {
  color: #4c4c4c;
}
.card-watched__item .time-line {
  margin-top: 0.5em;
}

.card.focus .card-watched {
  display: block;
}

.full-start {
  padding: 0 1.5em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 4em;
  position: relative;
}
.full-start__tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-bottom: 2.5em;
}
.full-start__deta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1em;
}
.full-start__pg, .full-start__status {
  font-size: 1.2em;
  top: 1em;
  border: 1px solid rgba(255, 255, 255, 0.3);
  -webkit-border-radius: 0.4em;
          border-radius: 0.4em;
  padding: 0.3em;
}
.full-start__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 30em;
}
@media screen and (max-width: 767px) {
  .full-start__body {
    height: auto;
    padding-bottom: 3em;
  }
}
@media screen and (max-width: 400px) {
  .full-start__body {
    display: block;
  }
}
@media screen and (max-width: 580px) {
  .full-start__body {
    padding-bottom: 0em;
  }
}
.full-start__right {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media screen and (max-width: 580px) {
  .full-start__right {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
}
.full-start__left {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 3em;
  overflow: hidden;
}
@media screen and (max-width: 580px) {
  .full-start__left {
    padding-left: 0em;
    overflow: inherit;
  }
}
@media screen and (max-width: 400px) {
  .full-start__left {
    margin-top: -17em;
    z-index: 1;
    position: relative;
  }
}
.full-start__rightrating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.full-start__background {
  position: absolute;
  left: 8em;
  width: 100%;
  z-index: -1;
  -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAjCAYAAAA5dzKxAAAD+UlEQVRYhcWZ61IaQRCFz7KAgBgvyfu/XSqVquSXGrlKfjDH/Wh7FowYp6prVthl+5u+TE/b7HY7nWE07/y8Sa53Pc/7vh1leETJtygyKNcDXFPiPf68Te7N4AigMm+LbCSt+2CyVWkwU5lW0lDSqMyUAe5pw/1+xn+3AZjv8rAltpJWRZ4k3ddgaivEVbcyF5LGZZ5AxkVGgBwHuSjie1rMmbUM8qy9NZYF5EnSzwyGKxLdgStupaeSZpLmki7L9ax8Z2Wp/ATfTcs1gWkh6uLxXMSWWRT5HmEy3yaElZsA4ErSlzJfFSBDEYhCMFrQbkmhhzheItBG0m1mGVpigFXzSl4GiJsiBJoDhm41SpT33OrQIoRg4GdQjaQtYTIf9cvGALmSdC3ptshdALK7TYPSYyhNd4pBT4C4yBGMbjjvczO6mF3CMDcF4qukbwXKMAaxO9F1mN36UngcNTBaqx3iS4tfwDQ6Vhfsc3XudQeo6wI6U5ehsnQbE0vfFnBsHGTbWszQMnYzxwxh6GbX6qzi9Eqlszj4V4h09MUMYZwAZupc7UsQBz1dK1P87BCEiS8iTM06huLewoDnHpGNsygfR4wZXxOEpQo3vSmEwd6q35U+bBwrNOPGaZeLe4djhGXIfx81V8iyW7QWhWn200aEeUtK7CvTP2VEmOykxgMQa6It/n7W4TnjU0bNzaLyLrk3ktZFfJZYl88N6Gfjb304JBMAVzZawRAr7c8QC+3PEC6/J+rSfG1nj8Xi2d3RMD5v74J4tQ1iiMciD+rOIwP8Fnd/gmTl/NmghgHEL6F70a0M8iDpXl2J75RsSxouljRxPyPkWWA4ai5mq/xRZw0Xk2151uArHRaa8bCVVcseZ6vNTnGxsfYWoaIEWWpf3hiW55ZagyOz2LthIpAzWFtghtpbhhulQWi5ubqzPSuE2iHt2AnTevWNRuibxQTwchTVfsVZATCwDeys9qjX538XqKNw7VqPTRJaK2tmZMMJZ5PVZhmQ44YrFTskTzqsoGvNDAPacuze0GpZRvTMfcu6rGLMNPjSD24rwLaKYR7VHQ9i78xCwKkO+2zs1mRNjgzGC7qT9DuLmbj6NRC74FpdvFghWoBVNq1AkClmPkv3i3uUF9M6vOqbUWEFmCxtO4NFV7EibCcxGRCMCxDdk41Bbsp8/6Lo8KMWM9xEXUTGTOcfG5Yfi31jukmtH51ZjgtTg4n730LSr6bnXxpxM4vNiTbMgyN/sxfHA59BY1MwdncyGHvGUtJ9H0wGFEuRmKqznT37LD4bU3/ce+J2QCDL8hhMDa5vjgXlKeVKtlBZPZdV9i9x/NZ/NkXyU1cigzilaq59l+rxF+5FNzBsTB9XAAAAAElFTkSuQmCC");
          mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAjCAYAAAA5dzKxAAAD+UlEQVRYhcWZ61IaQRCFz7KAgBgvyfu/XSqVquSXGrlKfjDH/Wh7FowYp6prVthl+5u+TE/b7HY7nWE07/y8Sa53Pc/7vh1leETJtygyKNcDXFPiPf68Te7N4AigMm+LbCSt+2CyVWkwU5lW0lDSqMyUAe5pw/1+xn+3AZjv8rAltpJWRZ4k3ddgaivEVbcyF5LGZZ5AxkVGgBwHuSjie1rMmbUM8qy9NZYF5EnSzwyGKxLdgStupaeSZpLmki7L9ax8Z2Wp/ATfTcs1gWkh6uLxXMSWWRT5HmEy3yaElZsA4ErSlzJfFSBDEYhCMFrQbkmhhzheItBG0m1mGVpigFXzSl4GiJsiBJoDhm41SpT33OrQIoRg4GdQjaQtYTIf9cvGALmSdC3ptshdALK7TYPSYyhNd4pBT4C4yBGMbjjvczO6mF3CMDcF4qukbwXKMAaxO9F1mN36UngcNTBaqx3iS4tfwDQ6Vhfsc3XudQeo6wI6U5ehsnQbE0vfFnBsHGTbWszQMnYzxwxh6GbX6qzi9Eqlszj4V4h09MUMYZwAZupc7UsQBz1dK1P87BCEiS8iTM06huLewoDnHpGNsygfR4wZXxOEpQo3vSmEwd6q35U+bBwrNOPGaZeLe4djhGXIfx81V8iyW7QWhWn200aEeUtK7CvTP2VEmOykxgMQa6It/n7W4TnjU0bNzaLyLrk3ktZFfJZYl88N6Gfjb304JBMAVzZawRAr7c8QC+3PEC6/J+rSfG1nj8Xi2d3RMD5v74J4tQ1iiMciD+rOIwP8Fnd/gmTl/NmghgHEL6F70a0M8iDpXl2J75RsSxouljRxPyPkWWA4ai5mq/xRZw0Xk2151uArHRaa8bCVVcseZ6vNTnGxsfYWoaIEWWpf3hiW55ZagyOz2LthIpAzWFtghtpbhhulQWi5ubqzPSuE2iHt2AnTevWNRuibxQTwchTVfsVZATCwDeys9qjX538XqKNw7VqPTRJaK2tmZMMJZ5PVZhmQ44YrFTskTzqsoGvNDAPacuze0GpZRvTMfcu6rGLMNPjSD24rwLaKYR7VHQ9i78xCwKkO+2zs1mRNjgzGC7qT9DuLmbj6NRC74FpdvFghWoBVNq1AkClmPkv3i3uUF9M6vOqbUWEFmCxtO4NFV7EibCcxGRCMCxDdk41Bbsp8/6Lo8KMWM9xEXUTGTOcfG5Yfi31jukmtH51ZjgtTg4n730LSr6bnXxpxM4vNiTbMgyN/sxfHA59BY1MwdncyGHvGUtJ9H0wGFEuRmKqznT37LD4bU3/ce+J2QCDL8hhMDa5vjgXlKeVKtlBZPZdV9i9x/NZ/NkXyU1cigzilaq59l+rxF+5FNzBsTB9XAAAAAElFTkSuQmCC");
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-position: 100% 50%;
          mask-position: 100% 50%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  height: 108%;
  top: -6em;
}
.full-start__background.loaded {
  opacity: 0.5;
}
.full-start__background.dim {
  opacity: 0.2;
}
.full-start__trailer {
  position: fixed;
  left: 8em;
  right: 0;
  top: -1em;
  width: -webkit-calc(100% - 8em);
  width: calc(100% - 8em);
  height: 70vh;
  z-index: -1;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.4s;
  transition: opacity 0.5s ease-in-out, -webkit-transform 0.4s;
  -o-transition: opacity 0.5s ease-in-out, transform 0.4s;
  transition: opacity 0.5s ease-in-out, transform 0.4s;
  transition: opacity 0.5s ease-in-out, transform 0.4s, -webkit-transform 0.4s;
  overflow: hidden;
  pointer-events: none;
  -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAjCAYAAAA5dzKxAAAD+UlEQVRYhcWZ61IaQRCFz7KAgBgvyfu/XSqVquSXGrlKfjDH/Wh7FowYp6prVthl+5u+TE/b7HY7nWE07/y8Sa53Pc/7vh1leETJtygyKNcDXFPiPf68Te7N4AigMm+LbCSt+2CyVWkwU5lW0lDSqMyUAe5pw/1+xn+3AZjv8rAltpJWRZ4k3ddgaivEVbcyF5LGZZ5AxkVGgBwHuSjie1rMmbUM8qy9NZYF5EnSzwyGKxLdgStupaeSZpLmki7L9ax8Z2Wp/ATfTcs1gWkh6uLxXMSWWRT5HmEy3yaElZsA4ErSlzJfFSBDEYhCMFrQbkmhhzheItBG0m1mGVpigFXzSl4GiJsiBJoDhm41SpT33OrQIoRg4GdQjaQtYTIf9cvGALmSdC3ptshdALK7TYPSYyhNd4pBT4C4yBGMbjjvczO6mF3CMDcF4qukbwXKMAaxO9F1mN36UngcNTBaqx3iS4tfwDQ6Vhfsc3XudQeo6wI6U5ehsnQbE0vfFnBsHGTbWszQMnYzxwxh6GbX6qzi9Eqlszj4V4h09MUMYZwAZupc7UsQBz1dK1P87BCEiS8iTM06huLewoDnHpGNsygfR4wZXxOEpQo3vSmEwd6q35U+bBwrNOPGaZeLe4djhGXIfx81V8iyW7QWhWn200aEeUtK7CvTP2VEmOykxgMQa6It/n7W4TnjU0bNzaLyLrk3ktZFfJZYl88N6Gfjb304JBMAVzZawRAr7c8QC+3PEC6/J+rSfG1nj8Xi2d3RMD5v74J4tQ1iiMciD+rOIwP8Fnd/gmTl/NmghgHEL6F70a0M8iDpXl2J75RsSxouljRxPyPkWWA4ai5mq/xRZw0Xk2151uArHRaa8bCVVcseZ6vNTnGxsfYWoaIEWWpf3hiW55ZagyOz2LthIpAzWFtghtpbhhulQWi5ubqzPSuE2iHt2AnTevWNRuibxQTwchTVfsVZATCwDeys9qjX538XqKNw7VqPTRJaK2tmZMMJZ5PVZhmQ44YrFTskTzqsoGvNDAPacuze0GpZRvTMfcu6rGLMNPjSD24rwLaKYR7VHQ9i78xCwKkO+2zs1mRNjgzGC7qT9DuLmbj6NRC74FpdvFghWoBVNq1AkClmPkv3i3uUF9M6vOqbUWEFmCxtO4NFV7EibCcxGRCMCxDdk41Bbsp8/6Lo8KMWM9xEXUTGTOcfG5Yfi31jukmtH51ZjgtTg4n730LSr6bnXxpxM4vNiTbMgyN/sxfHA59BY1MwdncyGHvGUtJ9H0wGFEuRmKqznT37LD4bU3/ce+J2QCDL8hhMDa5vjgXlKeVKtlBZPZdV9i9x/NZ/NkXyU1cigzilaq59l+rxF+5FNzBsTB9XAAAAAElFTkSuQmCC");
          mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAjCAYAAAA5dzKxAAAD+UlEQVRYhcWZ61IaQRCFz7KAgBgvyfu/XSqVquSXGrlKfjDH/Wh7FowYp6prVthl+5u+TE/b7HY7nWE07/y8Sa53Pc/7vh1leETJtygyKNcDXFPiPf68Te7N4AigMm+LbCSt+2CyVWkwU5lW0lDSqMyUAe5pw/1+xn+3AZjv8rAltpJWRZ4k3ddgaivEVbcyF5LGZZ5AxkVGgBwHuSjie1rMmbUM8qy9NZYF5EnSzwyGKxLdgStupaeSZpLmki7L9ax8Z2Wp/ATfTcs1gWkh6uLxXMSWWRT5HmEy3yaElZsA4ErSlzJfFSBDEYhCMFrQbkmhhzheItBG0m1mGVpigFXzSl4GiJsiBJoDhm41SpT33OrQIoRg4GdQjaQtYTIf9cvGALmSdC3ptshdALK7TYPSYyhNd4pBT4C4yBGMbjjvczO6mF3CMDcF4qukbwXKMAaxO9F1mN36UngcNTBaqx3iS4tfwDQ6Vhfsc3XudQeo6wI6U5ehsnQbE0vfFnBsHGTbWszQMnYzxwxh6GbX6qzi9Eqlszj4V4h09MUMYZwAZupc7UsQBz1dK1P87BCEiS8iTM06huLewoDnHpGNsygfR4wZXxOEpQo3vSmEwd6q35U+bBwrNOPGaZeLe4djhGXIfx81V8iyW7QWhWn200aEeUtK7CvTP2VEmOykxgMQa6It/n7W4TnjU0bNzaLyLrk3ktZFfJZYl88N6Gfjb304JBMAVzZawRAr7c8QC+3PEC6/J+rSfG1nj8Xi2d3RMD5v74J4tQ1iiMciD+rOIwP8Fnd/gmTl/NmghgHEL6F70a0M8iDpXl2J75RsSxouljRxPyPkWWA4ai5mq/xRZw0Xk2151uArHRaa8bCVVcseZ6vNTnGxsfYWoaIEWWpf3hiW55ZagyOz2LthIpAzWFtghtpbhhulQWi5ubqzPSuE2iHt2AnTevWNRuibxQTwchTVfsVZATCwDeys9qjX538XqKNw7VqPTRJaK2tmZMMJZ5PVZhmQ44YrFTskTzqsoGvNDAPacuze0GpZRvTMfcu6rGLMNPjSD24rwLaKYR7VHQ9i78xCwKkO+2zs1mRNjgzGC7qT9DuLmbj6NRC74FpdvFghWoBVNq1AkClmPkv3i3uUF9M6vOqbUWEFmCxtO4NFV7EibCcxGRCMCxDdk41Bbsp8/6Lo8KMWM9xEXUTGTOcfG5Yfi31jukmtH51ZjgtTg4n730LSr6bnXxpxM4vNiTbMgyN/sxfHA59BY1MwdncyGHvGUtJ9H0wGFEuRmKqznT37LD4bU3/ce+J2QCDL8hhMDa5vjgXlKeVKtlBZPZdV9i9x/NZ/NkXyU1cigzilaq59l+rxF+5FNzBsTB9XAAAAAElFTkSuQmCC");
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-position: 100% 100%;
          mask-position: 100% 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media screen and (max-width: 480px) {
  .full-start__trailer {
    position: absolute;
    left: 0;
    width: auto;
    height: 50vh;
    top: -1vh;
    z-index: 1;
    -webkit-mask-image: none;
            mask-image: none;
    -webkit-border-top-left-radius: 1.2em;
            border-top-left-radius: 1.2em;
    -webkit-border-top-right-radius: 1.2em;
            border-top-right-radius: 1.2em;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, white), to(rgba(255, 255, 255, 0)));
    -webkit-mask-image: -webkit-linear-gradient(top, white 40%, rgba(255, 255, 255, 0) 100%);
            mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, white), to(rgba(255, 255, 255, 0)));
            mask-image: linear-gradient(to bottom, white 40%, rgba(255, 255, 255, 0) 100%);
  }
}
.full-start__trailer.loaded {
  opacity: 1;
}
.full-start__trailer iframe, .full-start__trailer video {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/9;
  z-index: -1;
  pointer-events: none;
  will-change: transform;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@media screen and (max-width: 480px) {
  .full-start__trailer iframe, .full-start__trailer video {
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    height: 60%;
    -o-object-position: center;
       object-position: center;
    top: 20vh;
    z-index: 1;
  }
}
.full-start__trailer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  -webkit-filter: blur(50px);
          filter: blur(50px);
  z-index: 3;
}
.full-start__poster {
  position: relative;
}
.full-start__poster.focus img {
  -webkit-box-shadow: 0 0 0 0.4em #fff;
          box-shadow: 0 0 0 0.4em #fff;
}
.full-start__poster:before {
  display: none;
}
@media screen and (max-width: 480px) {
  .full-start__poster.trailer-hidden {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
  }
}
@media screen and (max-width: 480px) {
  .full-start__poster {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 400px) {
  .full-start__poster {
    padding-bottom: 150%;
    margin: 0 -1.8em;
    margin-top: -2em;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, white), to(rgba(255, 255, 255, 0)));
    -webkit-mask-image: -webkit-linear-gradient(top, white 40%, rgba(255, 255, 255, 0) 100%);
            mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, white), to(rgba(255, 255, 255, 0)));
            mask-image: linear-gradient(to bottom, white 40%, rgba(255, 255, 255, 0) 100%);
  }
  .full-start__poster.background--poster {
    padding-bottom: 100%;
  }
}
.full-start__img {
  position: relative;
  -webkit-border-radius: 1em;
          border-radius: 1em;
  width: 17em;
  height: 25.5em;
}
@media screen and (max-width: 767px) {
  .full-start__img {
    font-size: 1.3em;
  }
}
@media screen and (max-width: 580px) {
  .full-start__img {
    font-size: 0.8em;
  }
}
@media screen and (max-width: 400px) {
  .full-start__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.full-start__tag {
  -webkit-border-radius: 0.6em;
          border-radius: 0.6em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 1em;
  font-size: 1.15em;
  white-space: nowrap;
  margin-bottom: 0.4em;
  background: rgba(0, 0, 0, 0.3);
  padding: 0.3em 0.5em 0.3em 0.3em;
}
.full-start__tag > img {
  width: 1em;
  height: 1em;
  margin-right: 0.8em;
}
.full-start__tag > div {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.full-start__tag.tag--quality {
  -webkit-border-radius: 0.6em;
          border-radius: 0.6em;
  background: #ffe216;
  color: #000;
  padding: 0.3em 0.4em;
  text-transform: uppercase;
}
.full-start__title {
  font-size: 2.2em;
  font-weight: 400;
  margin-bottom: 0.1em;
  max-width: 90%;
  max-height: 2.6em;
  overflow: hidden;
  line-height: 1.3;
}
@media screen and (max-width: 767px) {
  .full-start__title {
    font-size: 1.8em;
  }
}
.full-start__logo {
  position: relative;
  display: block;
  max-width: 100%;
  margin-bottom: 1.2em;
}
@media screen and (max-width: 480px) {
  .full-start__logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: auto;
    margin-right: auto;
  }
}
.full-start__logo img.movie-logo {
  display: block;
  max-width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; /* Предотвращает размытие при трансформациях */
  -webkit-font-smoothing: subpixel-antialiased; /* Улучшает рендеринг шрифтов */
}
@media screen and (max-width: 480px) {
  .full-start__logo img.movie-logo {
    margin: 0 auto;
  }
}
.full-start__logo img.movie-logo {
  max-height: 10rem;
}
.full-start__logo img.movie-logo.size-normal {
  max-height: 8rem;
  min-height: 4rem;
  image-rendering: auto;
}
.full-start__logo img.movie-logo.size-large {
  max-height: 8rem;
  image-rendering: auto;
}
.full-start__logo img.movie-logo.size-small {
  min-height: 4rem;
  max-height: 6rem;
  -o-object-fit: contain;
     object-fit: contain;
  image-rendering: -webkit-optimize-contrast; /* Улучшает резкость в Chrome */
  -webkit-transform: translateZ(0);
          transform: translateZ(0); /* Включает GPU-ускорение */
}
.full-start__logo img.movie-logo.logo-svg {
  max-height: 8rem;
  min-height: 4rem;
  width: auto;
  image-rendering: auto; /* Для SVG используем стандартный рендеринг */
}
@media screen and (max-width: 580px) {
  .full-start__logo img.movie-logo.size-large {
    max-height: 7rem;
  }
  .full-start__logo img.movie-logo.size-normal {
    max-height: 6.5rem;
  }
  .full-start__logo img.movie-logo.size-small {
    max-height: 5.5rem;
    min-height: 3.5rem;
  }
  .full-start__logo img.movie-logo.logo-svg {
    max-height: 6.5rem;
    min-height: 3.5rem;
  }
}
@media screen and (max-width: 480px) {
  .full-start__logo img.movie-logo.size-large {
    max-height: 5rem;
  }
  .full-start__logo img.movie-logo.size-normal {
    max-height: 4.5rem;
  }
  .full-start__logo img.movie-logo.size-small {
    max-height: 4rem;
    min-height: 3rem;
  }
  .full-start__logo img.movie-logo.logo-svg {
    max-height: 4.5rem;
    min-height: 3rem;
  }
}
body.tv-mode .full-start__logo img.movie-logo {
  max-height: 9rem;
}
body.tv-mode .full-start__logo img.movie-logo.size-large {
  max-height: 7rem;
}
body.tv-mode .full-start__logo img.movie-logo.size-normal {
  max-height: 6rem;
}
body.tv-mode .full-start__logo img.movie-logo.size-small {
  max-height: 5rem;
  min-height: 3.5rem;
}
body.tv-mode .full-start__logo img.movie-logo.logo-svg {
  max-height: 6rem;
  min-height: 3.5rem;
}
@media screen and (max-width: 1280px) {
  body.tv-mode .full-start__logo img.movie-logo {
    max-height: 7rem;
  }
  body.tv-mode .full-start__logo img.movie-logo.size-large {
    max-height: 5.5rem;
  }
  body.tv-mode .full-start__logo img.movie-logo.size-normal {
    max-height: 5rem;
  }
  body.tv-mode .full-start__logo img.movie-logo.size-small {
    max-height: 4.5rem;
    min-height: 3rem;
  }
  body.tv-mode .full-start__logo img.movie-logo.logo-svg {
    max-height: 5rem;
    min-height: 3rem;
  }
}
.full-start__title-original {
  font-size: 1.7em;
  font-weight: 300;
  max-width: 80%;
  margin-bottom: 0.9em;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 1.3;
}
.full-start__descr {
  max-width: 80%;
  font-size: 1.3em;
  line-height: 1.4;
  font-weight: 300;
  height: 8em;
  margin-bottom: 1em;
  overflow: hidden;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), color-stop(68%, rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  -webkit-mask-image: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 68%, rgba(255, 255, 255, 0) 100%);
          mask-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), color-stop(68%, rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
          mask-image: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 68%, rgba(255, 255, 255, 0) 100%);
}
@media screen and (max-width: 767px) {
  .full-start__descr {
    display: none;
  }
}
.full-start__buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.full-start__buttons-line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 480px) {
  .full-start__buttons-line {
    margin: -1.5em;
  }
  .full-start__buttons-line .full-start__buttons {
    padding: 0 1.5em;
  }
}
.full-start__buttons-scroll {
  margin-left: -1.5em;
  margin-right: -1.5em;
}
.full-start__button {
  margin-right: 0.75em;
  font-size: 1.3em;
  background: rgba(0, 0, 0, 0.473);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 0.3em 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-border-radius: 0.5em;
          border-radius: 0.5em;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2.8em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.full-start__button > svg {
  width: 1.5em;
  height: 1.5em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.full-start__button > svg + span {
  margin-left: 0.75em;
  margin-top: -0.2em;
}
.full-start__button.focus {
  background: linear-gradient(to right, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -webkit-linear-gradient(left, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -o-linear-gradient(left, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgb(96, 255, 189)), to(rgb(98, 163, 201)));
  color: #1b1b1b;
}
.full-start__ratings {
  margin-left: 2em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.full-start__rating {
  text-align: right;
}
.full-start__rating-name {
  text-transform: uppercase;
  font-size: 0.7em;
}
.full-start__rating-value {
  font-size: 3em;
  font-weight: 600;
}
.full-start__rating + div {
  margin-left: 2em;
}
.full-start__rate {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  font-size: 1.2em;
  white-space: nowrap;
  margin-bottom: 0.4em;
  background: rgba(255, 255, 255, 0.753);
  color: #000000;
  padding: 0.3em 0.5em;
  margin-right: 0.2em;
}
@media screen and (max-width: 480px) {
  .full-start__rate {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.full-start .full-start-new__rate div {
  margin-right: 0.2em; /* Расстояние между иконкой и текстом */
}
.full-start__icons {
  margin-left: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.full-start .info__rate {
  margin: 0;
  -webkit-border-radius: 1em;
          border-radius: 1em;
  font-size: 0.75em;
  margin-right: 1.5em;
  position: relative;
}
.full-start .info__rate > div {
  position: absolute;
  bottom: -0.6em;
  right: 0;
  background-color: #fff;
  color: #000;
  padding: 0.3em;
  -webkit-border-radius: 0.2em;
          border-radius: 0.2em;
}
.full-start .info__icon {
  margin-left: 0;
  margin-right: 1em;
}

body.touch-device .full-start__background {
  left: 0;
}

body.card--no-cover .full-start__background {
  display: none;
}

body.menu--open .full-start__background {
  -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAjCAYAAAA5dzKxAAAD+UlEQVRYhcWZ61IaQRCFz7KAgBgvyfu/XSqVquSXGrlKfjDH/Wh7FowYp6prVthl+5u+TE/b7HY7nWE07/y8Sa53Pc/7vh1leETJtygyKNcDXFPiPf68Te7N4AigMm+LbCSt+2CyVWkwU5lW0lDSqMyUAe5pw/1+xn+3AZjv8rAltpJWRZ4k3ddgaivEVbcyF5LGZZ5AxkVGgBwHuSjie1rMmbUM8qy9NZYF5EnSzwyGKxLdgStupaeSZpLmki7L9ax8Z2Wp/ATfTcs1gWkh6uLxXMSWWRT5HmEy3yaElZsA4ErSlzJfFSBDEYhCMFrQbkmhhzheItBG0m1mGVpigFXzSl4GiJsiBJoDhm41SpT33OrQIoRg4GdQjaQtYTIf9cvGALmSdC3ptshdALK7TYPSYyhNd4pBT4C4yBGMbjjvczO6mF3CMDcF4qukbwXKMAaxO9F1mN36UngcNTBaqx3iS4tfwDQ6Vhfsc3XudQeo6wI6U5ehsnQbE0vfFnBsHGTbWszQMnYzxwxh6GbX6qzi9Eqlszj4V4h09MUMYZwAZupc7UsQBz1dK1P87BCEiS8iTM06huLewoDnHpGNsygfR4wZXxOEpQo3vSmEwd6q35U+bBwrNOPGaZeLe4djhGXIfx81V8iyW7QWhWn200aEeUtK7CvTP2VEmOykxgMQa6It/n7W4TnjU0bNzaLyLrk3ktZFfJZYl88N6Gfjb304JBMAVzZawRAr7c8QC+3PEC6/J+rSfG1nj8Xi2d3RMD5v74J4tQ1iiMciD+rOIwP8Fnd/gmTl/NmghgHEL6F70a0M8iDpXl2J75RsSxouljRxPyPkWWA4ai5mq/xRZw0Xk2151uArHRaa8bCVVcseZ6vNTnGxsfYWoaIEWWpf3hiW55ZagyOz2LthIpAzWFtghtpbhhulQWi5ubqzPSuE2iHt2AnTevWNRuibxQTwchTVfsVZATCwDeys9qjX538XqKNw7VqPTRJaK2tmZMMJZ5PVZhmQ44YrFTskTzqsoGvNDAPacuze0GpZRvTMfcu6rGLMNPjSD24rwLaKYR7VHQ9i78xCwKkO+2zs1mRNjgzGC7qT9DuLmbj6NRC74FpdvFghWoBVNq1AkClmPkv3i3uUF9M6vOqbUWEFmCxtO4NFV7EibCcxGRCMCxDdk41Bbsp8/6Lo8KMWM9xEXUTGTOcfG5Yfi31jukmtH51ZjgtTg4n730LSr6bnXxpxM4vNiTbMgyN/sxfHA59BY1MwdncyGHvGUtJ9H0wGFEuRmKqznT37LD4bU3/ce+J2QCDL8hhMDa5vjgXlKeVKtlBZPZdV9i9x/NZ/NkXyU1cigzilaq59l+rxF+5FNzBsTB9XAAAAAElFTkSuQmCC");
          mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAjCAYAAAA5dzKxAAAD+UlEQVRYhcWZ61IaQRCFz7KAgBgvyfu/XSqVquSXGrlKfjDH/Wh7FowYp6prVthl+5u+TE/b7HY7nWE07/y8Sa53Pc/7vh1leETJtygyKNcDXFPiPf68Te7N4AigMm+LbCSt+2CyVWkwU5lW0lDSqMyUAe5pw/1+xn+3AZjv8rAltpJWRZ4k3ddgaivEVbcyF5LGZZ5AxkVGgBwHuSjie1rMmbUM8qy9NZYF5EnSzwyGKxLdgStupaeSZpLmki7L9ax8Z2Wp/ATfTcs1gWkh6uLxXMSWWRT5HmEy3yaElZsA4ErSlzJfFSBDEYhCMFrQbkmhhzheItBG0m1mGVpigFXzSl4GiJsiBJoDhm41SpT33OrQIoRg4GdQjaQtYTIf9cvGALmSdC3ptshdALK7TYPSYyhNd4pBT4C4yBGMbjjvczO6mF3CMDcF4qukbwXKMAaxO9F1mN36UngcNTBaqx3iS4tfwDQ6Vhfsc3XudQeo6wI6U5ehsnQbE0vfFnBsHGTbWszQMnYzxwxh6GbX6qzi9Eqlszj4V4h09MUMYZwAZupc7UsQBz1dK1P87BCEiS8iTM06huLewoDnHpGNsygfR4wZXxOEpQo3vSmEwd6q35U+bBwrNOPGaZeLe4djhGXIfx81V8iyW7QWhWn200aEeUtK7CvTP2VEmOykxgMQa6It/n7W4TnjU0bNzaLyLrk3ktZFfJZYl88N6Gfjb304JBMAVzZawRAr7c8QC+3PEC6/J+rSfG1nj8Xi2d3RMD5v74J4tQ1iiMciD+rOIwP8Fnd/gmTl/NmghgHEL6F70a0M8iDpXl2J75RsSxouljRxPyPkWWA4ai5mq/xRZw0Xk2151uArHRaa8bCVVcseZ6vNTnGxsfYWoaIEWWpf3hiW55ZagyOz2LthIpAzWFtghtpbhhulQWi5ubqzPSuE2iHt2AnTevWNRuibxQTwchTVfsVZATCwDeys9qjX538XqKNw7VqPTRJaK2tmZMMJZ5PVZhmQ44YrFTskTzqsoGvNDAPacuze0GpZRvTMfcu6rGLMNPjSD24rwLaKYR7VHQ9i78xCwKkO+2zs1mRNjgzGC7qT9DuLmbj6NRC74FpdvFghWoBVNq1AkClmPkv3i3uUF9M6vOqbUWEFmCxtO4NFV7EibCcxGRCMCxDdk41Bbsp8/6Lo8KMWM9xEXUTGTOcfG5Yfi31jukmtH51ZjgtTg4n730LSr6bnXxpxM4vNiTbMgyN/sxfHA59BY1MwdncyGHvGUtJ9H0wGFEuRmKqznT37LD4bU3/ce+J2QCDL8hhMDa5vjgXlKeVKtlBZPZdV9i9x/NZ/NkXyU1cigzilaq59l+rxF+5FNzBsTB9XAAAAAElFTkSuQmCC");
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-position: 100% 50%;
          mask-position: 100% 50%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

@-webkit-keyframes animation-full-background {
  0% {
    -webkit-transform: translate3d(0, -10%, 0) scale(1.05);
            transform: translate3d(0, -10%, 0) scale(1.05);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
    opacity: 0.5;
  }
}

@keyframes animation-full-background {
  0% {
    -webkit-transform: translate3d(0, -10%, 0) scale(1.05);
            transform: translate3d(0, -10%, 0) scale(1.05);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
    opacity: 0.5;
  }
}
@media screen and (min-width: 767px) {
  body.no--poster .full-start__right {
    display: none;
  }
  body.no--poster .full-start__left {
    padding-left: 0;
    overflow: inherit;
  }
}
.full-start-new {
  padding: 0 1.5em;
  padding-bottom: 4em;
  position: relative;
}
.full-start-new__pg-container {
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5em;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.full-start-new__pg-container .full-start__pg {
  font-size: 2.1em;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 0.3em 0.6em;
  border: 1px solid rgba(255, 255, 255, 0.205);
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  min-width: 2em;
}
.full-start-new__pg-container .full-start__status {
  font-size: 1em;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.5);
  color: #dddddd;
  padding: 0.3em 0.6em;
  border: 1px solid rgba(255, 255, 255, 0.205);
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  min-width: 2em;
}
@media screen and (max-width: 480px) {
  .full-start-new__pg-container {
    font-size: 0.8em;
    top: 1.8em;
    right: 1.5em;
  }
}
.full-start-new__ratings-container {
  position: absolute;
  bottom: 4.5em;
  right: 1.5em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1em;
}
.full-start-new__ratings-container .full-start__rate {
  margin: 0;
  font-size: 1.12em;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.404);
  color: #cfcfcf;
  padding: 0.3em 0.6em;
  -webkit-border-radius: 0.4em;
          border-radius: 0.4em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.full-start-new__ratings-container .full-start__rate div:first-child {
  font-size: 1.3em;
  margin-bottom: 0.1em;
}
.full-start-new__ratings-container .full-start__rate div:last-child {
  font-size: 0.7em;
  opacity: 0.8;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 480px) {
  .full-start-new__ratings-container {
    display: none;
  }
}
@media screen and (min-width: 481px) {
  .full-start-new .mobile-only {
    display: none !important;
  }
}
@media screen and (max-width: 480px) {
  .full-start-new .desktop-only {
    display: none !important;
  }
}
.full-start-new__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 580px) {
  .full-start-new__body {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (max-width: 480px) {
  .full-start-new__body {
    display: block;
  }
}
.full-start-new__left {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 17em;
  margin-right: 3em;
}
@media screen and (max-width: 580px) {
  .full-start-new__left {
    width: 30%;
  }
}
@media screen and (max-width: 480px) {
  .full-start-new__left {
    width: auto;
    margin: -1.5em;
  }
}
.full-start-new__right {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media screen and (max-width: 580px) {
  .full-start-new__right {
    overflow: hidden;
  }
}
@media screen and (max-width: 480px) {
  .full-start-new__right {
    margin-left: -1.5em;
    margin-right: -1.5em;
    padding: 1.5em;
    margin-top: -14em;
    margin-top: -20vh;
    position: relative;
    z-index: 1;
    -webkit-border-top-left-radius: 2em;
            border-top-left-radius: 2em;
    -webkit-border-top-right-radius: 2em;
            border-top-right-radius: 2em;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  }
}
.full-start-new__poster {
  position: relative;
  padding-bottom: 150%;
  background-color: #3E3E3E;
  -webkit-border-radius: 1em;
          border-radius: 1em;
}
.full-start-new__poster.loaded {
  background-color: transparent;
}
.full-start-new__poster.loaded img {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.full-start-new__poster.with-out img {
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, white), to(rgba(255, 255, 255, 0)));
  -webkit-mask-image: -webkit-linear-gradient(top, white 40%, rgba(255, 255, 255, 0) 100%);
          mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, white), to(rgba(255, 255, 255, 0)));
          mask-image: linear-gradient(to bottom, white 40%, rgba(255, 255, 255, 0) 100%);
}
@media screen and (max-width: 480px) {
  .full-start-new__poster.trailer-hidden {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
  }
}
@media screen and (max-width: 480px) {
  .full-start-new__poster {
    padding-bottom: 100%;
    background: transparent;
  }
  .full-start-new__poster .card__type {
    left: 1.4em;
    top: 3.2em;
    font-size: 1em;
  }
}
.full-start-new__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-border-radius: 1em;
          border-radius: 1em;
  opacity: 0;
}
@media screen and (max-width: 480px) {
  .full-start-new__img {
    -webkit-transform: translate3d(0, 2em, 0);
            transform: translate3d(0, 2em, 0);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
    transition: opacity 0.2s, -webkit-transform 0.4s;
    -o-transition: opacity 0.2s, transform 0.4s;
    transition: opacity 0.2s, transform 0.4s;
    transition: opacity 0.2s, transform 0.4s, -webkit-transform 0.4s;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, white), to(rgba(255, 255, 255, 0)));
    -webkit-mask-image: -webkit-linear-gradient(top, white 40%, rgba(255, 255, 255, 0) 100%);
            mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, white), to(rgba(255, 255, 255, 0)));
            mask-image: linear-gradient(to bottom, white 40%, rgba(255, 255, 255, 0) 100%);
  }
}
.full-start-new__head {
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.2em;
  margin-bottom: 1em;
}
.full-start-new__head span {
  color: #fff;
}
@media screen and (max-width: 580px) {
  .full-start-new__head {
    margin-bottom: 0.5em;
  }
}
@media screen and (max-width: 480px) {
  .full-start-new__head {
    text-align: center;
  }
}
.full-start-new .full-start__logo {
  position: relative;
  display: block;
  max-width: 100%;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
@media screen and (max-width: 480px) {
  .full-start-new .full-start__logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: auto;
    margin-right: auto;
  }
}
.full-start-new .full-start__logo img.movie-logo {
  display: block;
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
}
@media screen and (max-width: 480px) {
  .full-start-new .full-start__logo img.movie-logo {
    margin: 0 auto;
  }
}
.full-start-new .full-start__logo img.movie-logo {
  max-height: 25rem;
}
.full-start-new .full-start__logo img.movie-logo.size-normal {
  max-height: 12rem;
  min-height: 5rem;
  image-rendering: auto;
}
.full-start-new .full-start__logo img.movie-logo.size-large {
  max-height: 12rem;
  image-rendering: auto;
}
.full-start-new .full-start__logo img.movie-logo.size-small {
  min-height: 6rem;
  max-height: 7rem;
  -o-object-fit: contain;
     object-fit: contain;
  image-rendering: -webkit-optimize-contrast;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.full-start-new .full-start__logo img.movie-logo.logo-svg {
  max-height: 12rem;
  min-height: 6rem;
  width: auto;
  image-rendering: auto;
}
@media screen and (max-width: 580px) {
  .full-start-new .full-start__logo img.movie-logo.size-large {
    max-height: 10rem;
  }
  .full-start-new .full-start__logo img.movie-logo.size-normal {
    max-height: 9rem;
  }
  .full-start-new .full-start__logo img.movie-logo.size-small {
    max-height: 7rem;
    min-height: 5rem;
  }
  .full-start-new .full-start__logo img.movie-logo.logo-svg {
    max-height: 9rem;
    min-height: 5rem;
  }
}
@media screen and (max-width: 480px) {
  .full-start-new .full-start__logo img.movie-logo.size-large {
    max-height: 6rem;
  }
  .full-start-new .full-start__logo img.movie-logo.size-normal {
    max-height: 5.5rem;
  }
  .full-start-new .full-start__logo img.movie-logo.size-small {
    max-height: 5rem;
    min-height: 3.5rem;
  }
  .full-start-new .full-start__logo img.movie-logo.logo-svg {
    max-height: 5.5rem;
    min-height: 3.5rem;
  }
}
body.tv-mode .full-start-new .full-start__logo img.movie-logo {
  max-height: 12rem;
}
body.tv-mode .full-start-new .full-start__logo img.movie-logo.size-large {
  max-height: 8rem;
}
body.tv-mode .full-start-new .full-start__logo img.movie-logo.size-normal {
  max-height: 7rem;
}
body.tv-mode .full-start-new .full-start__logo img.movie-logo.size-small {
  max-height: 6rem;
  min-height: 4rem;
}
body.tv-mode .full-start-new .full-start__logo img.movie-logo.logo-svg {
  max-height: 7rem;
  min-height: 4rem;
}
@media screen and (max-width: 1280px) {
  body.tv-mode .full-start-new .full-start__logo img.movie-logo {
    max-height: 8rem;
  }
  body.tv-mode .full-start-new .full-start__logo img.movie-logo.size-large {
    max-height: 6rem;
  }
  body.tv-mode .full-start-new .full-start__logo img.movie-logo.size-normal {
    max-height: 5.5rem;
  }
  body.tv-mode .full-start-new .full-start__logo img.movie-logo.size-small {
    max-height: 5rem;
    min-height: 3.5rem;
  }
  body.tv-mode .full-start-new .full-start__logo img.movie-logo.logo-svg {
    max-height: 5.5rem;
    min-height: 3.5rem;
  }
}
.full-start-new__title {
  font-size: 3em;
  font-weight: 600;
  margin-bottom: 0.2em;
  overflow: hidden;
  -o-text-overflow: ".";
  text-overflow: ".";
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-left: -0.03em;
  line-height: 1.3;
}
.full-start-new__title.twolines {
  -webkit-line-clamp: 2;
  line-clamp: 2;
  font-size: 3.5em;
}
@media screen and (max-width: 580px) {
  .full-start-new__title {
    font-size: 2.8em;
  }
}
@media screen and (max-width: 480px) {
  .full-start-new__title {
    -webkit-line-clamp: 3;
    line-clamp: 3;
    font-size: 2.6em;
    text-align: center;
  }
}
.full-start-new__tagline {
  font-size: 1.8em;
  line-height: 1.2;
  margin-bottom: 1em;
  margin-top: -0.3em;
}
@media screen and (max-width: 580px) {
  .full-start-new__tagline {
    font-size: 1.5em;
  }
}
@media screen and (max-width: 480px) and (max-width: 480px) {
  .full-start-new__tagline {
    -webkit-line-clamp: 3;
    line-clamp: 3;
    text-align: center;
  }
}
.full-start-new__details {
  color: #fff;
  margin: -0.45em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  min-height: 1.9em;
  font-size: 1.1em;
}
.full-start-new__details > * {
  margin: 0.45em;
}
@media screen and (max-width: 767px) {
  .full-start-new__details {
    width: auto;
  }
}
@media screen and (max-width: 480px) {
  .full-start-new__details {
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.full-start-new__reactions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -0.5em;
  margin-bottom: 1em;
  min-height: 3.6em;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.2em;
}
.full-start-new__reactions > div {
  padding: 0.5em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3em;
  min-height: 2.5em;
}
.full-start-new__reactions .reaction__average, .full-start-new__reactions .reaction__count, .full-start-new__reactions .reaction__user-rating {
  font-size: 1.1em;
  line-height: 1.2;
  padding: 0.2em 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 1.5em;
}
.full-start-new__reactions .reaction__separator {
  line-height: 1;
  padding: 0.2em 0;
}
@media screen and (max-width: 480px) {
  .full-start-new__reactions {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.full-start-new__rate-line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2.2em;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.full-start-new__rate-line .full-start__rate {
  margin: 0;
  font-size: 1.12em;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 0.3em 0.6em;
  border: 1px solid rgba(255, 255, 255, 0.3);
  -webkit-border-radius: 0.4em;
          border-radius: 0.4em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.full-start-new__rate-line .full-start__rate div:first-child {
  font-size: 1.3em;
  margin-bottom: 0.1em;
}
.full-start-new__rate-line .full-start__rate div:last-child {
  font-size: 0.7em;
  opacity: 0.8;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.full-start-new__rate-line > * {
  margin-left: 0 !important;
  margin-right: 1em !important;
}
@media screen and (max-width: 580px) {
  .full-start-new__rate-line {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 480px) {
  .full-start-new__rate-line {
    padding-top: 1.3em;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.full-start-new__split {
  font-size: 0.7em;
}
.full-start-new__description {
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.5;
  overflow: hidden;
  -o-text-overflow: ".";
  text-overflow: ".";
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  width: 70%;
}
.full-start-new__creator .full-person {
  font-size: 0.9em;
}
.full-start-new__creator .full-person__photo {
  width: 5em;
  height: 5em;
}
.full-start-new__buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 480px) {
  .full-start-new__buttons {
    overflow: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 580px) {
  .full-start-new__buttons {
    overflow: auto;
  }
}
.full-start-new__buttons .full-start__button:not(.focus) span {
  display: none;
}
.full-start-new__buttons .button--sound {
  position: relative;
  width: 2.4em;
  height: 2.4em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.full-start-new__buttons .button--sound .sound--on,
.full-start-new__buttons .button--sound .sound--off {
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.full-start-new__buttons .button--sound .sound--on {
  opacity: 0;
}
.full-start-new__buttons .button--sound .sound--off {
  opacity: 1;
}
.full-start-new__buttons .button--sound:not(.muted) .sound--on {
  opacity: 1;
}
.full-start-new__buttons .button--sound:not(.muted) .sound--off {
  opacity: 0;
}

body.tv-mode .full-start-new {
  height: 80vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 580px) {
  body.tv-mode .full-start-new {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (max-width: 480px) {
  body.tv-mode .full-start-new {
    display: block;
  }
}

@media screen and (min-width: 767px) {
  body.no--poster .full-start-new__left {
    display: none;
  }
}
.full-descr {
  padding: 0 1.5em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 580px) {
  .full-descr {
    display: block;
  }
}
.full-descr__text {
  font-size: 1.4em;
  line-height: 1.4;
  font-weight: 300;
  max-height: 70vh;
  overflow: hidden;
  max-height: 41vh;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), color-stop(80%, rgb(0, 0, 0)), to(rgba(255, 255, 255, 0)));
  -webkit-mask-image: -webkit-linear-gradient(top, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 80%, rgba(255, 255, 255, 0) 100%);
          mask-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), color-stop(80%, rgb(0, 0, 0)), to(rgba(255, 255, 255, 0)));
          mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 80%, rgba(255, 255, 255, 0) 100%);
}
.full-descr__left {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.full-descr__right {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 30%;
  padding-left: 2.3em;
}
@media screen and (max-width: 580px) {
  .full-descr__right {
    width: 100%;
    padding-left: 0;
    padding-top: 2em;
  }
}
.full-descr__line {
  margin-top: 2em;
}
.full-descr__line-name {
  font-size: 1.2em;
  margin-bottom: 1em;
}
.full-descr__line-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -0.2em;
}
.full-descr__info-name {
  font-size: 1.2em;
  margin-bottom: 0.7em;
}
.full-descr__info-body {
  font-size: 1.5em;
  font-weight: 300;
}
.full-descr__info + div {
  margin-top: 2em;
}
.full-descr__tag {
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  background-color: rgba(39, 39, 39, 0.418);
  padding: 0.4em 0.8em 0.5em 0.8em;
  font-size: 1.2em;
  margin: 0.2em;
}
.full-descr__tag.focus {
  background: linear-gradient(to right, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -webkit-linear-gradient(left, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -o-linear-gradient(left, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgb(96, 255, 189)), to(rgb(98, 163, 201)));
  color: #1b1b1b;
}
.full-descr__net {
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  background-color: rgba(255, 255, 255, 0.918);
  padding: 0.4em 0.8em 0.5em 0.8em;
  font-size: 1.2em;
  margin: 0.2em;
}
.full-descr__net.focus {
  background: linear-gradient(to right, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -webkit-linear-gradient(left, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -o-linear-gradient(left, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgb(96, 255, 189)), to(rgb(98, 163, 201)));
  color: #1b1b1b;
}
.full-descr__net.network-tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
}
.full-descr__net .network-logo {
  width: 100px;
  height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-filter: grayscale(100%) brightness(0.7);
          filter: grayscale(100%) brightness(0.7);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.full-descr__net .network-logo:hover {
  -webkit-filter: grayscale(0%) brightness(1);
          filter: grayscale(0%) brightness(1);
}

.full-persons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.full-person {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 2em;
  -webkit-border-radius: 1em;
          border-radius: 1em;
  padding: 1.7em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  font-size: 1.1em;
  text-align: center;
  --focus-color: rgba(175, 192, 247, 0.7);
}
.full-person__photo {
  width: 10em;
  height: 10em;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.4784313725);
  margin-bottom: 1em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  background-size: cover;
  background-position: 50% 50%;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  -o-transition: transform 0.3s ease, box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
}
.full-person__photo > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
}
.full-person__name {
  font-size: 1.5em;
  margin-bottom: 0.3em;
}
.full-person__role {
  font-size: 1.1em;
  color: #666;
}
.full-person.focus .full-person__photo {
  border: 0.3em solid #abffd5;
  -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: -webkit-box-shadow 0.3s ease-in-out;
  -o-transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
}
.full-person.hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.full-person--loaded .full-person__photo > img {
  opacity: 1;
}

.full-reviews {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.full-review {
  padding: 1.5em;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 0.7em;
          border-radius: 0.7em;
  min-width: 20em;
  max-width: 30em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.full-review__header {
  font-size: 1.2em;
  margin-bottom: 1.5em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.full-review__text {
  font-size: 1.2em;
  line-height: 1.3;
  margin-bottom: 1.5em;
  overflow: hidden;
  -o-text-overflow: ".";
     text-overflow: ".";
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.full-review__footer {
  font-size: 1.2em;
  margin-top: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.full-review__user {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 2em;
}
.full-review__user-icon {
  width: 2em;
  height: 2em;
  margin-right: 1em;
}
.full-review__user-img {
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.full-review__user-email {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  max-width: 7em;
  line-height: 1.4;
}
.full-review__user:not(.loaded) .full-review__user-icon {
  background: #494949;
  -webkit-border-radius: 100%;
          border-radius: 100%;
}
.full-review__user:not(.loaded) .full-review__user-img {
  opacity: 0;
}
.full-review__like {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
}
.full-review__like-icon {
  margin-right: 0.7em;
}
.full-review__like-icon svg {
  width: 1.1em !important;
  height: 1.2em !important;
}
.full-review + .full-review {
  margin-left: 1.5em;
}
.full-review.type--vertical {
  margin-bottom: 1.5em;
  min-width: unset;
  max-width: unset;
}
.full-review.type--vertical + .full-review {
  margin-left: 0;
}
.full-review.focus {
  background: linear-gradient(to right, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -webkit-linear-gradient(left, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -o-linear-gradient(left, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgb(96, 255, 189)), to(rgb(98, 163, 201)));
  color: #000;
}
.full-review.bad--comment {
  opacity: 0.5;
}
.full-review.bad--comment .full-review__like-icon {
  -webkit-transform: scaleY(-1) translateY(-0.2em);
      -ms-transform: scaleY(-1) translateY(-0.2em);
          transform: scaleY(-1) translateY(-0.2em);
}
.full-review__type-bar {
  height: 0.3em;
  -webkit-border-radius: 0.15em;
          border-radius: 0.15em;
  margin-top: 1.5em;
  position: relative;
  overflow: hidden;
}
.full-review__type-indicator {
  height: 100%;
  width: 100%;
  -webkit-border-radius: inherit;
          border-radius: inherit;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.full-review.review-type--neutral .full-review__type-indicator {
  background: -webkit-gradient(linear, left top, right top, from(#6b7280), to(#9ca3af));
  background: -webkit-linear-gradient(left, #6b7280 0%, #9ca3af 100%);
  background: -o-linear-gradient(left, #6b7280 0%, #9ca3af 100%);
  background: linear-gradient(90deg, #6b7280 0%, #9ca3af 100%);
}
.full-review.review-type--positive .full-review__type-indicator {
  background: -webkit-gradient(linear, left top, right top, from(#22c55e), to(#4ade80));
  background: -webkit-linear-gradient(left, #22c55e 0%, #4ade80 100%);
  background: -o-linear-gradient(left, #22c55e 0%, #4ade80 100%);
  background: linear-gradient(90deg, #22c55e 0%, #4ade80 100%);
}
.full-review.review-type--negative .full-review__type-indicator {
  background: -webkit-gradient(linear, left top, right top, from(#ef4444), to(#f87171));
  background: -webkit-linear-gradient(left, #ef4444 0%, #f87171 100%);
  background: -o-linear-gradient(left, #ef4444 0%, #f87171 100%);
  background: linear-gradient(90deg, #ef4444 0%, #f87171 100%);
}

.full-review-add {
  padding: 1.5em;
  -webkit-border-radius: 0.5em;
          border-radius: 0.5em;
  background-color: rgba(255, 255, 255, 0.123);
  width: 12em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 1.5em;
  position: relative;
  min-height: 10em;
}
.full-review-add::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2em;
  height: 2em;
  background: url(../img/icons/add.svg) no-repeat 50% 50%;
  background-size: contain;
  margin-left: -1em;
  margin-top: -1em;
}
.full-review-add.focus::after {
  content: "";
  position: absolute;
  left: -0.5em;
  top: -0.5em;
  right: -0.5em;
  bottom: -0.5em;
  border: 0.35em solid #abffd5;
  -webkit-border-radius: 1em;
          border-radius: 1em;
  pointer-events: none;
}

.full-review-empty {
  padding: 1.5em;
  -webkit-border-radius: 0.5em;
          border-radius: 0.5em;
  background-color: rgba(255, 255, 255, 0.08);
  min-width: 20em;
  max-width: 30em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 10em;
}
.full-review-empty__text {
  font-size: 1em;
  line-height: 1.4;
  text-align: center;
  opacity: 0.7;
  padding: 1em;
}
.full-review-empty.focus {
  background-color: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.4);
}
.full-review-empty.focus .full-review-empty__text {
  opacity: 1;
}

.full-review-all {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 12em;
}
.full-review-all__text {
  font-size: 1.2em;
}
.full-review-all__count {
  font-size: 2em;
  margin-top: 0.5em;
}

.review-selector {
  padding: 1.5em;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 0.5em;
          border-radius: 0.5em;
  margin-bottom: 1.5em;
}
@media screen and (max-width: 767px) {
  .review-selector {
    margin-top: 5em;
  }
}
.review-selector__title {
  font-size: 1.1em;
  margin-bottom: 1.5em;
  color: rgba(255, 255, 255, 0.8);
}
.review-selector__buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
}
.review-selector__button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0.8em;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 0.5em;
          border-radius: 0.5em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
  border: 2px solid transparent;
}
.review-selector__button-icon {
  width: 1.5em;
  height: 1.5em;
}
.review-selector__button-icon svg {
  width: 100%;
  height: 100%;
}
.review-selector__button-text {
  font-size: 0.9em;
  text-align: center;
}
.review-selector__button[data-type=neutral] {
  color: #ffffff;
}
.review-selector__button[data-type=neutral].selected {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: #ffffff;
}
.review-selector__button[data-type=neutral].focus {
  border-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.15);
}
.review-selector__button[data-type=positive] {
  color: #4ade80;
}
.review-selector__button[data-type=positive].selected {
  background: -webkit-linear-gradient(315deg, #4ade80 0%, #22c55e 100%);
  background: -o-linear-gradient(315deg, #4ade80 0%, #22c55e 100%);
  background: linear-gradient(135deg, #4ade80 0%, #22c55e 100%);
  border-color: #4ade80;
  color: #000;
}
.review-selector__button[data-type=positive].focus {
  border-color: #4ade80;
  background-color: rgba(74, 222, 128, 0.15);
}
.review-selector__button[data-type=negative] {
  color: #ef4444;
}
.review-selector__button[data-type=negative].selected {
  background: -webkit-linear-gradient(315deg, #ef4444 0%, #dc2626 100%);
  background: -o-linear-gradient(315deg, #ef4444 0%, #dc2626 100%);
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  border-color: #ef4444;
  color: #fff;
}
.review-selector__button[data-type=negative].focus {
  border-color: #ef4444;
  background-color: rgba(239, 68, 68, 0.15);
}

.full-review {
  position: relative;
}
.full-review::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  -webkit-border-radius: 0 0 1em 1em;
          border-radius: 0 0 1em 1em;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.full-review[data-review=neutral]::after {
  background: rgba(255, 255, 255, 0.3);
}
.full-review[data-review=positive]::after {
  background: -webkit-gradient(linear, left top, right top, from(#4ade80), to(#22c55e));
  background: -webkit-linear-gradient(left, #4ade80 0%, #22c55e 100%);
  background: -o-linear-gradient(left, #4ade80 0%, #22c55e 100%);
  background: linear-gradient(90deg, #4ade80 0%, #22c55e 100%);
}
.full-review[data-review=negative]::after {
  background: -webkit-gradient(linear, left top, right top, from(#ef4444), to(#dc2626));
  background: -webkit-linear-gradient(left, #ef4444 0%, #dc2626 100%);
  background: -o-linear-gradient(left, #ef4444 0%, #dc2626 100%);
  background: linear-gradient(90deg, #ef4444 0%, #dc2626 100%);
}

.discuss-review-block {
  margin-top: 1.5em;
}
.discuss-review-block .review-selector {
  margin-bottom: 0;
}

.full-episodes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.full-episodes .full-episode {
  width: 15em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.full-episodes .full-episode + .full-episode {
  margin-left: 1em;
}

.full-episode {
  position: relative;
}
.full-episode__img {
  padding-bottom: 57%;
  position: relative;
  -webkit-border-radius: 0.7em;
          border-radius: 0.7em;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.full-episode__img img {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.full-episode__body {
  padding: 1em;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.full-episode__name {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  font-size: 0.8em;
}
.full-episode__date {
  font-size: 1em;
  margin-top: 0.6em;
}
.full-episode__num {
  font-size: 2em;
  margin-bottom: 0.7em;
}
.full-episode__viewed {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  display: none;
}
.full-episode__viewed > svg {
  width: 1.4em !important;
  height: 1.4em !important;
}
.full-episode.focus .full-episode__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.full-episode.focus::after {
  content: "";
  position: absolute;
  left: -0.5em;
  top: -0.5em;
  right: -0.5em;
  bottom: -0.5em;
  border: 0.35em solid #abffd5;
  -webkit-border-radius: 0.7em;
          border-radius: 0.7em;
  pointer-events: none;
}
.full-episode--loaded .full-episode__img {
  background: transparent;
}
.full-episode--loaded .full-episode__img img {
  opacity: 1;
}
.full-episode--viewed .full-episode__viewed {
  display: block;
}
.full-episode--next .full-episode__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: transparent;
}
.full-episode--next .full-episode__img {
  background-color: transparent;
}
.full-episode--next .full-episode__img img {
  opacity: 0;
}
.full-episode--next .full-episode__img:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0.3em dotted rgba(240, 240, 240, 0.2);
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
}
.full-episode--wath-all .full-episode__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.full-episode--wath-all .full-episode__date, .full-episode--wath-all .full-episode__num {
  display: none;
}
.full-episode--wath-all .full-episode__name {
  text-align: center;
}
.full-episode--wath-all .full-episode__img {
  opacity: 0;
}

body.true--mobile .full-episode .full-episode__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.card-episode {
  width: 19.65em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.card-episode__body {
  margin-bottom: 1em;
}
.card-episode__footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.card-episode__footer .card__imgbox {
  width: 33.3%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  max-width: 4em;
}
.card-episode__footer .card__view {
  margin: 0;
}
.card-episode__footer .card__left {
  padding-left: 1em;
  padding-top: 0.6em;
}
.card-episode .full-episode__img {
  background-color: transparent;
}
.card-episode .full-episode__img--loaded img {
  opacity: 1;
}
.card-episode .full-episode__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.card-episode.focus .full-episode::after {
  content: "";
  position: absolute;
  left: -0.5em;
  top: -0.5em;
  right: -0.5em;
  bottom: -0.5em;
  -webkit-border-radius: 0.7em;
          border-radius: 0.7em;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, right top, from(rgb(96, 255, 189)), to(rgb(98, 163, 201)));
  background: -webkit-linear-gradient(left, rgb(96, 255, 189), rgb(98, 163, 201));
  background: -o-linear-gradient(left, rgb(96, 255, 189), rgb(98, 163, 201));
  background: linear-gradient(to right, rgb(96, 255, 189), rgb(98, 163, 201));
  padding: 0.3em; /* ширина рамки */
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.card-episode + .card-episode {
  margin-left: 1em;
}

.player {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 50;
}
.player.tv .player-panel__timeline,
.player.tv .player-panel__center,
.player.tv .player-panel__timeline + .player-panel__line {
  display: none;
}
.player.tv .player-panel__line + .player-panel__line {
  margin-top: 0;
}
.player.tv .player-panel__right {
  margin-left: auto;
}
.player--ios .player-panel,
.player--ios .player-info__line,
.player--ios .player-info__values,
.player--ios .player-info__error {
  display: none !important;
}
.player--loading > div:not(.player-info) {
  pointer-events: none;
}

.player:not(.player--panel-visible) .player-panel,
.player:not(.player--panel-visible) .player-info,
.player:not(.player--panel-visible) .player-footer {
  visibility: hidden;
}

body.selectbox--open .player .player-panel,
body.selectbox--open .player .player-footer,
body.selectbox--open .player .player-info {
  display: none;
}

body.keyboard-input--visible .player {
  display: none;
}

video::-webkit-media-controls-panel-container {
  display: none !important;
}

.player-video__video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.player-video__loader {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 8em;
  height: 8em;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  padding: 2em;
  background-color: rgba(0, 0, 0, 0.5);
  margin-left: -4em;
  margin-top: -4em;
}
.player-video__loader {
  background-image: url(../img/loader.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 80% 80%;
  display: none;
}
.player-video__youtube {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.player-video__youtube iframe {
  pointer-events: none;
  position: fixed;
  left: 0;
  right: 0;
  top: -300px;
  border: 0;
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}
.player-video__youtube-line-top, .player-video__youtube-line-bottom {
  position: fixed;
  left: 0;
  right: 0;
  height: 7em;
  background-color: #000;
  display: none;
}
.player-video__youtube-line-top {
  top: 0;
}
.player-video__youtube-line-bottom {
  bottom: 0;
}
.player-video__youtube-noplayed {
  position: fixed;
  left: 0;
  right: 0;
  top: 50%;
  text-align: center;
  font-size: 1.2em;
  padding: 0 2em;
  line-height: 1.5;
}
.player-video__youtube-needclick {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #000;
}
.player-video__youtube-needclick > img {
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.3;
}
.player-video__youtube-needclick > div {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  top: 50%;
  text-align: center;
  font-size: 1.2em;
  padding: 0 2em;
  line-height: 1.5;
}
.player-video__youtube.ended iframe {
  opacity: 0;
}
.player-video__subtitles {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 1.5em;
  text-align: center;
  font-size: 2.5em;
  font-weight: 600;
  line-height: 1.25;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.player-video__subtitles.size--large {
  font-size: 3em;
}
.player-video__subtitles.size--small {
  font-size: 2em;
}
.player-video__subtitles.has--backdrop .player-video__subtitles-text {
  background: rgba(0, 0, 0, 0.55);
}
.player-video__subtitles.has--stroke {
  text-shadow: 0 2px 1px #000000, 0 -2px 1px #000000, -2px 1px 0 #000000, 2px 0px 1px #000000;
}
.player-video__subtitles.on-top {
  top: 0;
}
.player-video__backwork-icon, .player-video__forward-icon {
  position: fixed;
  top: 50%;
  font-size: 1.3em;
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -0.5em;
  opacity: 0;
}
.player-video__backwork-icon > i, .player-video__forward-icon > i {
  margin: 0 1em;
}
.player-video__backwork-icon.rewind, .player-video__forward-icon.rewind {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
}
.player-video__backwork-icon {
  left: 10%;
}
.player-video__backwork-icon.rewind > i {
  -webkit-animation: videoRewindBackwork 0.7s;
          animation: videoRewindBackwork 0.7s;
}
.player-video__forward-icon {
  right: 10%;
}
.player-video__forward-icon.rewind > i {
  -webkit-animation: videoRewindForward 0.7s;
          animation: videoRewindForward 0.7s;
}
.player-video__subtitles-text {
  display: inline-block;
  padding: 0.25em 0.5em;
  -webkit-border-radius: 0.25em;
          border-radius: 0.25em;
}
.player-video__subtitles-text:empty {
  display: none;
}
.player-video.video--load .player-video__loader {
  display: block;
}

.player-video__paused {
  background-color: rgba(0, 0, 0, 0.6);
}

.player.player--panel-visible .player-video__subtitles {
  -webkit-transform: translate3d(0, -3.6em, 0);
          transform: translate3d(0, -3.6em, 0);
}

body.platform--browser .player-video__paused,
body.platform--browser .player-video__loader,
body.platform--nw .player-video__paused,
body.platform--nw .player-video__loader,
body.glass--style.platform--apple .player-video__paused,
body.glass--style.platform--apple .player-video__loader,
body.glass--style.platform--apple_tv .player-video__paused,
body.glass--style.platform--apple_tv .player-video__loader,
body.glass--style.platform--android .player-video__paused,
body.glass--style.platform--android .player-video__loader {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(1em);
          backdrop-filter: blur(1em);
}

@-webkit-keyframes videoRewindBackwork {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
}

@keyframes videoRewindBackwork {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
}
@-webkit-keyframes videoRewindForward {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes videoRewindForward {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
body.true--mobile.orientation--portrait .player-video__paused {
  display: none;
}

.player-panel {
  position: fixed;
  margin-top: auto;
  left: 1.5em;
  bottom: 1.5em;
  right: 1.5em;
  background-color: rgba(0, 0, 0, 0.301);
  opacity: 0;
  -webkit-transform: translateY(150%);
      -ms-transform: translateY(150%);
          transform: translateY(150%);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  width: auto;
  -webkit-border-radius: 0.7em;
          border-radius: 0.7em;
}
@media screen and (max-width: 480px) {
  .player-panel {
    right: 0;
    left: 0;
    bottom: 0;
  }
}
.player-panel.panel--visible {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.player-panel__body {
  padding: 1.5em;
}
.player-panel__timeline {
  position: relative;
  height: 0.7em;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 0.7em;
          border-radius: 0.7em;
  margin-bottom: 0.6em;
}
.player-panel__timeline.focus {
  -webkit-box-shadow: 0 0 0 0.1em rgba(255, 255, 255, 0);
          box-shadow: 0 0 0 0.1em rgba(255, 255, 255, 0);
}
.player-panel__timeline.focus .player-panel__position > div:after {
  -webkit-transform: translateY(-50%) translateX(50%) scale(1.5) !important;
      -ms-transform: translateY(-50%) translateX(50%) scale(1.5) !important;
          transform: translateY(-50%) translateX(50%) scale(1.5) !important;
}
.player-panel__timenow, .player-panel__timeend {
  position: absolute;
  top: -1.5em;
  font-size: 1.3em;
}
.player-panel__timenow {
  right: 4.8em;
}
.player-panel__timeend {
  right: 0;
}
.player-panel__peding, .player-panel__position {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  -webkit-border-radius: 3em;
          border-radius: 3em;
}
.player-panel__peding {
  background-color: rgba(255, 255, 255, 0.3);
}
.player-panel__position {
  background-color: #abffd5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.player-panel__position > div {
  position: relative;
}
.player-panel__position > div:after {
  position: absolute;
  content: "";
  display: block;
  width: 1.4em;
  height: 1.4em;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  background-color: #fff;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%) translateX(50%);
      -ms-transform: translateY(-50%) translateX(50%);
          transform: translateY(-50%) translateX(50%);
  font-size: 0.8em;
}
.player-panel__time {
  position: absolute;
  bottom: 100%;
  background: rgb(0, 0, 0);
  -webkit-border-radius: 0.5em;
          border-radius: 0.5em;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-bottom: 0.5em;
  padding: 0.4em;
}
.player-panel__time-touch-zone {
  position: absolute;
  left: 0;
  bottom: -1.3em;
  right: 0;
  top: -1.8em;
}
.player-panel__line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.player-panel__line + .player-panel__line {
  margin-top: 1em;
}
.player-panel__left, .player-panel__right {
  width: 35%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.player-panel__right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 580px) {
  .player-panel__left {
    display: none;
  }
}
.player-panel__center {
  width: 30%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 580px) {
  .player-panel__center {
    margin-right: auto;
    width: 60%;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}
.player-panel .button {
  width: 2.5em;
  height: 2.5em;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  background-size: 45%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  padding: 0.4em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.player-panel .button.focus {
  background: linear-gradient(to right, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -webkit-linear-gradient(left, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -o-linear-gradient(left, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgb(96, 255, 189)), to(rgb(98, 163, 201)));
  color: #1b1b1b;
}
.player-panel__right .button + .button, .player-panel__left .button + .button {
  margin-left: 1em;
}
.player-panel__playpause {
  font-size: 1.4em;
  margin: 0 1em;
}
.player-panel__playpause > div:first-child {
  display: none;
}
@media screen and (max-width: 580px) {
  .player-panel__playpause {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
    margin-left: 0;
  }
}
.player-panel__filename {
  font-size: 1.7em;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  margin-bottom: 2em;
}
.player-panel__quality {
  width: auto !important;
  padding: 0.1em 0.5em !important;
  -webkit-border-radius: 0.2em !important;
          border-radius: 0.2em !important;
  text-transform: uppercase;
}
.player-panel__tstart {
  margin-right: 1em;
}
.player-panel__tend {
  margin-left: 1em;
}
.player-panel__next, .player-panel__prev {
  padding: 0.55em !important;
}
@media screen and (max-width: 767px) {
  .player-panel__rprev, .player-panel__rnext {
    display: none !important;
  }
}
.player-panel__playlist {
  padding: 0.5em !important;
}
.player-panel__subs {
  padding: 0.45em !important;
}
.player-panel__settings {
  padding: 0.35em !important;
}
.player-panel__next-episode-name {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  padding-left: 1em;
}
.player-panel__iptv {
  display: none;
}
.player-panel__volume {
  position: relative;
}
.player-panel__volume-drop {
  display: none;
  position: absolute;
  top: 50%;
  left: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0.3em;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  -webkit-backdrop-filter: blur(1em);
          backdrop-filter: blur(1em);
}
.player-panel__volume-range {
  height: 100%;
  min-height: 36px;
  position: relative;
  overflow: hidden;
}
.player-panel__volume:hover > div {
  display: block;
}
.player-panel.panel--paused .player-panel__playpause > div:first-child {
  display: block;
}
.player-panel.panel--paused .player-panel__playpause > div:last-child {
  display: none;
}
.player-panel.panel--norewind .player-panel__timeline,
.player-panel.panel--norewind .player-panel__line-one {
  display: none;
}
.player-panel.panel--norewind .player-panel__line-two {
  margin-top: 0;
}

.player-panel-iptv {
  position: relative;
  height: 8em;
}
.player-panel-iptv__arrow-up, .player-panel-iptv__arrow-down, .player-panel-iptv__position {
  position: absolute;
  left: 18%;
}
@media screen and (max-width: 767px) {
  .player-panel-iptv__arrow-up, .player-panel-iptv__arrow-down, .player-panel-iptv__position {
    left: 25%;
  }
}
@media screen and (max-width: 480px) {
  .player-panel-iptv__arrow-up, .player-panel-iptv__arrow-down, .player-panel-iptv__position {
    display: none;
  }
}
.player-panel-iptv__arrow-up > svg, .player-panel-iptv__arrow-down > svg {
  width: 1.8em !important;
  height: 1.8em !important;
}
.player-panel-iptv__arrow-up {
  top: 0;
}
.player-panel-iptv__arrow-down {
  bottom: 0;
}
.player-panel-iptv__position {
  top: 50%;
  font-size: 2.5em;
  font-weight: 600;
  margin-left: -0.5em;
  margin-top: -0.5em;
}
.player-panel-iptv__channel > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, -webkit-transform 0.2s;
  -o-transition: transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
  will-change: transform, opacity;
}

.player-panel-iptv-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.player-panel-iptv-item__left {
  width: 27%;
}
.player-panel-iptv-item__left svg,
.player-panel-iptv-item__left img {
  width: 45% !important;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.player-panel-iptv-item__left svg.loaded,
.player-panel-iptv-item__left img.loaded {
  opacity: 1;
}
@media screen and (max-width: 480px) {
  .player-panel-iptv-item__left svg,
  .player-panel-iptv-item__left img {
    width: 75% !important;
  }
}
.player-panel-iptv-item__left svg {
  height: 100% !important;
}
@media screen and (max-width: 767px) {
  .player-panel-iptv-item__left {
    width: 36%;
  }
}
.player-panel-iptv-item__body {
  width: 73%;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .player-panel-iptv-item__body {
    width: 64%;
  }
}
.player-panel-iptv-item__group {
  font-size: 1.2em;
  opacity: 0.5;
  margin-bottom: 0.3em;
}
.player-panel-iptv-item__name {
  font-size: 2.6em;
  font-weight: 900;
}
@media screen and (max-width: 580px) {
  .player-panel-iptv-item__name {
    font-size: 2em;
  }
}
@media screen and (max-width: 480px) {
  .player-panel-iptv-item__name {
    font-size: 1.6em;
  }
}
.player-panel-iptv-item__icons-item {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 100%;
          border-radius: 100%;
  padding: 0.2em;
  margin-left: 0.5em;
  margin-top: -0.2em;
  vertical-align: middle;
}
.player-panel-iptv-item__icons-item svg,
.player-panel-iptv-item__icons-item img {
  width: 0.5em !important;
  height: 0.5em !important;
}
.player-panel-iptv-item__prog {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.4em;
  height: 1.5em;
  font-size: 1.1em;
}
.player-panel-iptv-item__prog-load {
  font-size: 1.1em;
  opacity: 0.3;
  padding-top: 0.1em;
}
.player-panel-iptv-item__prog-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.player-panel-iptv-item__prog-item span {
  opacity: 0.5;
  font-size: 1.2em;
  max-width: 17em;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.player-panel-iptv-item__prog-item + .player-panel-iptv-item__prog-item::before {
  content: "|";
  display: inline-block;
  margin: 0 1em;
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  .player-panel-iptv-item__prog-item + .player-panel-iptv-item__prog-item {
    display: none;
  }
}
.player-panel-iptv-item__prog-item.watch span {
  opacity: 1;
}
.player-panel-iptv-item__prog-timeline {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-border-radius: 1em;
          border-radius: 1em;
  background-color: rgba(255, 255, 255, 0.2);
  margin-left: 1em;
  width: 9em;
  margin-top: 0.4em;
}
.player-panel-iptv-item__prog-timeline > div {
  height: 0.2em;
  background-color: #fff;
  -webkit-border-radius: 1em;
          border-radius: 1em;
  min-height: 2px;
}
@media screen and (max-width: 580px) {
  .player-panel-iptv-item__prog-timeline {
    width: 4em;
  }
}

.player-panel {
  background-color: rgba(0, 0, 0, 0);
}

body.platform--browser .player-panel,
body.platform--nw .player-panel {
  background-color: rgba(0, 0, 0, 0);
}

body.true--mobile.orientation--portrait .player-panel__line:first-child {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-bottom: 2.4em;
  margin: 0;
}
body.true--mobile.orientation--portrait .player-panel__line:last-child {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-bottom: 2.4em;
  margin: 0;
}
body.true--mobile.orientation--portrait .player-panel__center {
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.8em;
  margin-bottom: 1em;
}
body.true--mobile.orientation--portrait .player-panel__tstart, body.true--mobile.orientation--portrait .player-panel__tend, body.true--mobile.orientation--portrait .player-panel__rnext, body.true--mobile.orientation--portrait .player-panel__rprev {
  display: none;
}
body.true--mobile.orientation--portrait .player-panel__playpause {
  margin: 0 1em;
}
body.true--mobile.orientation--portrait .player-panel__right {
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 1.2em;
}
body.true--mobile.orientation--portrait .player-panel__right > div + div {
  margin-left: 0;
}
body.true--mobile.orientation--portrait .player-panel__playlist {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
}
body.true--mobile.orientation--portrait .player-panel__timeline {
  font-size: 1.6em;
}
body.true--mobile.orientation--portrait .player-panel__center .player-panel__next,
body.true--mobile.orientation--portrait .player-panel__center .player-panel__prev {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
body.true--mobile.orientation--portrait .player-panel__center .player-panel__prev {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
}
body.true--mobile.orientation--portrait .player-panel__left {
  display: none;
}
body.true--mobile.orientation--portrait .player-panel__quality {
  width: 2em !important;
  white-space: nowrap;
}

.player.youtube .player-video__loader,
.player.youtube .player-panel__settings {
  display: none !important;
}

.player-video__volume {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.volume-icon {
  margin-right: 10px; /* Расстояние между иконкой и ползунком */
}

.volume-slider {
  -webkit-appearance: none;
  width: 6em; /* Здесь задана ширина в сантиметрах */
  height: 5px;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  background: #ccc;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.volume-slider:hover {
  opacity: 1;
}

.volume-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background: #abffd5;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s; /* Добавление плавного перехода */
}

.volume-slider::-webkit-slider-thumb:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2); /* Увеличение размера ползунка */
}

.volume-slider::-moz-range-thumb {
  width: 15px;
  height: 15px;
  border: 0;
  border-radius: 50%;
  background: #4CAF50;
  cursor: pointer;
}

.player.iptv .player-panel__body > div {
  display: none;
}
.player.iptv .player-panel__body > .player-panel__iptv {
  display: block;
}

.player.player--loading .player-panel__peding, .player.player--loading .player-panel__position {
  display: none;
}
.player.player--loading .player-panel__timeline::after {
  content: "";
  display: block;
  background-color: rgba(255, 255, 255, 0.7607843137);
  position: absolute;
  left: 0%;
  height: 100%;
  width: 20%;
  -webkit-border-radius: 5em;
          border-radius: 5em;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-name: scan;
          animation-name: scan;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.player-info {
  position: fixed;
  top: 0;
  left: 1.5em;
  right: 1.5em;
  background-color: rgba(0, 0, 0, 0.397);
  opacity: 0;
  -webkit-transform: translateY(-150%);
      -ms-transform: translateY(-150%);
          transform: translateY(-150%);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  -webkit-border-radius: 0 0 0.5em 0.5em;
          border-radius: 0 0 0.5em 0.5em; /* Закругление снизу */
  z-index: 1;
}
@media screen and (max-width: 480px) {
  .player-info {
    left: 0;
    right: 0;
    top: 0;
  }
}
.player-info__body {
  padding: 1.5em;
}
.player-info.info--visible {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.player-info__name {
  font-size: 1.5em;
  word-break: break-all;
}
.player-info__line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.player-info__time {
  margin-left: auto;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  font-size: 2em;
  padding-left: 1em;
}
.player-info__error {
  margin-top: 1em;
  font-size: 1.2em;
  text-align: right;
}
.player-info__values {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.2em;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.player-info__values > div {
  margin-left: 1em;
  margin-right: 0;
}
.player-info__values > div span {
  font-size: 1.3em;
  font-weight: 300;
}
.player-info__values .value--size {
  font-size: 1.5em;
  margin-left: 5em;
}
.player-info__values .value--size span {
  display: inline-block;
  padding: 5px 10px;
  background-color: #f2f2f2;
  border: 1px solid #ddd;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  color: #333;
  font-weight: bold;
}
.player-info__values .value--pieces {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.3em 0;
}
.player-info__values .value--pieces span {
  font-size: 1em;
  width: 0.8em;
  height: 0.8em;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  display: block;
}
.player-info__values .value--pieces span.active {
  background-color: #fff;
}
.player-info__values .value--pieces span + span {
  margin-left: 0.5em;
}
.player-info__values .value--pieces span.red {
  background-color: #e17171;
}
.player-info__values .value--pieces span.green {
  background-color: #a5d15f;
}
.player-info__values .value--pieces span.yellow {
  background-color: #dfc154;
}
@media screen and (max-width: 400px) {
  .player-info__values .value--pieces {
    width: 100%;
    margin-top: 0.4em;
  }
}

.player-info {
  background-color: rgba(0, 0, 0, 0);
}

body.platform--browser .player-info,
body.platform--nw .player-info {
  background-color: rgba(0, 0, 0, 0);
}

body.true--mobile .player-info__values, body.true--mobile .player-info__line {
  display: none;
}
body.true--mobile .player-info .head-backward {
  margin: 0;
  padding: 0;
}
body.true--mobile .player-info .head-backward__title {
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
body.true--mobile .player-info .head-backward__button {
  left: -1.5em;
  top: -0.9em;
}

.player.iptv .player-info__name {
  display: none;
}
.player.iptv .player-info__line {
  position: relative;
}
.player.iptv .player-info__time {
  position: absolute;
  top: -0.15em;
  left: 0;
}
.player.iptv .player-info__values {
  margin-top: 0;
}

.player.player--loading .player-info__values {
  display: none;
}

.player-footer {
  position: absolute;
  margin-top: 3.2em;
  left: 1.5em;
  right: 1.5em;
  opacity: 0;
  -webkit-transform: translateY(-150%);
      -ms-transform: translateY(-150%);
          transform: translateY(-150%);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  -webkit-border-radius: 0.4em;
          border-radius: 0.4em;
}
@media screen and (max-width: 480px) {
  .player-footer {
    margin-top: 3.9em;
    left: 1.5em;
    right: 1.5em;
  }
}
.player-footer.footer--visible {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.player-footer__body {
  padding: 1.5em;
}
.player-footer .card-watched__body .card-watched__item {
  display: none;
}
.player-footer .card-watched__body .card-watched__item:nth-child(1), .player-footer .card-watched__body .card-watched__item:nth-child(2) {
  display: block;
}

.player-footer-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.4;
}
.player-footer-card__left {
  width: 7em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.player-footer-card__tags {
  margin-bottom: 0.7em;
}
.player-footer-card__title {
  font-size: 1.8em;
}
.player-footer-card__body {
  padding-left: 2em;
  padding-top: 0.5em;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.player-footer-card__poster {
  position: relative;
  padding-bottom: 150%;
}
.player-footer-card__poster img {
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.player-footer-card__text {
  overflow: hidden;
  -o-text-overflow: ".";
  text-overflow: ".";
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  width: 70%;
  font-size: 1.1em;
  font-weight: 300;
}
.player-footer-card.notext .player-footer-card__text > * {
  display: block;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  height: 0.8em;
  margin-top: 0.6em;
}
.player-footer-card.notext .player-footer-card__text > *:nth-child(1) {
  width: 80%;
}
.player-footer-card.notext .player-footer-card__text > *:nth-child(2) {
  width: 100%;
}
.player-footer-card.notext .player-footer-card__text > *:nth-child(3) {
  width: 60%;
}

@media screen and (min-width: 767px) {
  body.size--bigger .player-footer .card--collection {
    font-size: 1em;
  }
  body.size--bigger .player-footer .card--collection {
    width: 25%;
  }
}
body.true--mobile .player-footer__values, body.true--mobile .player-footer__line {
  display: none;
}

.selectbox {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding-right: 10px;
  z-index: 55;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
@media screen and (max-width: 480px) {
  .selectbox {
    -webkit-backdrop-filter: none;
            backdrop-filter: none;
  }
}
@media screen and (max-width: 1280px) {
  .selectbox {
    padding-right: 0 !important;
  }
}
.selectbox__layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.selectbox__content {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-border-radius: 1em;
          border-radius: 1em;
  padding: 15px;
  width: 28%;
  max-width: 450px;
  height: auto;
  max-height: 90vh;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: rgba(54, 54, 54, 0.9);
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  margin-right: 10px;
}
@media screen and (max-width: 1280px) and (max-height: 720px) {
  .selectbox__content {
    width: 32%;
    max-width: 360px;
    margin-right: 8px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 0) {
  .selectbox__content {
    right: 0;
    width: 35%;
    margin-right: 8px;
  }
}
@media screen and (max-width: 767px) {
  .selectbox__content {
    width: 45%;
    margin-right: 8px;
  }
}
@media screen and (max-width: 580px) {
  .selectbox__content {
    width: 85%;
    max-height: 70vh;
    margin-right: 0;
    max-width: 400px;
  }
}
.selectbox__head {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding: 1em 1.4em;
  padding-bottom: 1em;
}
@media screen and (max-width: 1280px) and (max-height: 720px) {
  .selectbox__head {
    padding: 0.8em 1.2em;
  }
}
.selectbox__body {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding: 0 1.4em;
}
@media screen and (max-width: 1280px) and (max-height: 720px) {
  .selectbox__body {
    padding: 0 1em;
  }
}
.selectbox__body > * {
  width: 100%;
}
.selectbox__title {
  font-size: 2em;
  font-weight: 300;
}
@media screen and (max-width: 1280px) and (max-height: 720px) {
  .selectbox__title {
    font-size: 1.8em;
  }
}
.selectbox__text {
  line-height: 1.6;
  padding: 1.5em 2em;
}
.selectbox__text > div {
  font-size: 1.3em;
}
.selectbox--fullsize .selectbox__content {
  width: 90%;
  max-width: 900px;
}

body.selectbox--open .selectbox {
  opacity: 1;
  visibility: visible;
}
body.selectbox--open .selectbox__layer {
  display: block;
}
body.selectbox--open .selectbox__content {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

body.size--normal .selectbox__content {
  width: 40%;
  margin-right: 8px;
  padding: 10px;
  -webkit-border-radius: 0.8em;
          border-radius: 0.8em;
}
@media screen and (max-width: 1280px) and (max-height: 720px) {
  body.size--normal .selectbox__content {
    width: 35%;
    margin-right: 6px;
    padding: 8px;
  }
}
@media screen and (max-width: 767px) {
  body.size--normal .selectbox__content {
    width: 60%;
    margin-right: 6px;
  }
}
@media screen and (max-width: 580px) {
  body.size--normal .selectbox__content {
    width: 80%;
    margin-right: 0;
    max-width: 350px;
  }
}
body.size--normal .selectbox__head {
  padding: 0.8em 1em;
}
@media screen and (max-width: 1280px) and (max-height: 720px) {
  body.size--normal .selectbox__head {
    padding: 0.6em 0.8em;
  }
}
@media screen and (max-width: 767px) {
  body.size--normal .selectbox__head {
    padding: 0.7em 0.9em;
  }
}
@media screen and (max-width: 580px) {
  body.size--normal .selectbox__head {
    padding: 0.6em 0.8em;
  }
}
body.size--normal .selectbox__body {
  padding: 0 1em;
}
@media screen and (max-width: 1280px) and (max-height: 720px) {
  body.size--normal .selectbox__body {
    padding: 0 0.8em;
  }
}
@media screen and (max-width: 767px) {
  body.size--normal .selectbox__body {
    padding: 0 0.9em;
  }
}
@media screen and (max-width: 580px) {
  body.size--normal .selectbox__body {
    padding: 0 0.8em;
  }
}
body.size--normal .selectbox__title {
  font-size: 1.5em;
}
@media screen and (max-width: 1280px) and (max-height: 720px) {
  body.size--normal .selectbox__title {
    font-size: 1.3em;
  }
}
@media screen and (max-width: 767px) {
  body.size--normal .selectbox__title {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 580px) {
  body.size--normal .selectbox__title {
    font-size: 1.2em;
  }
}

body.size--small .selectbox__content {
  width: 40%;
  margin-right: 8px;
  padding: 10px;
  -webkit-border-radius: 0.8em;
          border-radius: 0.8em;
}
@media screen and (max-width: 1280px) and (max-height: 720px) {
  body.size--small .selectbox__content {
    width: 35%;
    margin-right: 6px;
    padding: 8px;
  }
}
@media screen and (max-width: 767px) {
  body.size--small .selectbox__content {
    width: 60%;
    margin-right: 6px;
  }
}
@media screen and (max-width: 580px) {
  body.size--small .selectbox__content {
    width: 80%;
    margin-right: 0;
    max-width: 350px;
  }
}
body.size--small .selectbox__head {
  padding: 0.8em 1em;
}
@media screen and (max-width: 1280px) and (max-height: 720px) {
  body.size--small .selectbox__head {
    padding: 0.6em 0.8em;
  }
}
@media screen and (max-width: 767px) {
  body.size--small .selectbox__head {
    padding: 0.7em 0.9em;
  }
}
@media screen and (max-width: 580px) {
  body.size--small .selectbox__head {
    padding: 0.6em 0.8em;
  }
}
body.size--small .selectbox__body {
  padding: 0 1em;
}
@media screen and (max-width: 1280px) and (max-height: 720px) {
  body.size--small .selectbox__body {
    padding: 0 0.8em;
  }
}
@media screen and (max-width: 767px) {
  body.size--small .selectbox__body {
    padding: 0 0.9em;
  }
}
@media screen and (max-width: 580px) {
  body.size--small .selectbox__body {
    padding: 0 0.8em;
  }
}
body.size--small .selectbox__title {
  font-size: 1.5em;
}
@media screen and (max-width: 1280px) and (max-height: 720px) {
  body.size--small .selectbox__title {
    font-size: 1.3em;
  }
}
@media screen and (max-width: 767px) {
  body.size--small .selectbox__title {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 580px) {
  body.size--small .selectbox__title {
    font-size: 1.2em;
  }
}

@media screen and (max-width: 580px) {
  .selectbox {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    padding-top: 20vh !important;
  }
  .selectbox__content {
    position: absolute;
    top: 40% !important;
    left: 50% !important;
    right: auto !important;
    -webkit-transform: translate(-50%, 0) !important;
        -ms-transform: translate(-50%, 0) !important;
            transform: translate(-50%, 0) !important;
    margin-right: 0 !important;
    margin-bottom: 3px !important;
  }
  body.selectbox--open .selectbox__content {
    position: absolute;
    top: 20% !important;
    left: 50% !important;
    right: auto !important;
    -webkit-transform: translate(-50%, 0) !important;
        -ms-transform: translate(-50%, 0) !important;
            transform: translate(-50%, 0) !important;
    margin-right: 0 !important;
    margin-bottom: 20px !important;
  }
}
.selectbox-item {
  padding: 1.5em 1em;
  position: relative;
  margin-bottom: 0.8em;
  -webkit-border-radius: 1em;
          border-radius: 1em;
  border: none;
  background: rgba(54, 55, 58, 0.4);
  will-change: auto;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.selectbox-item__title {
  font-size: 1.2em;
  line-height: 1.3;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.selectbox-item sub {
  vertical-align: super;
  margin-left: 0.7em;
  opacity: 0.5;
  font-size: 0.8em;
}
.selectbox-item__subtitle {
  font-size: 1.1em;
  margin-top: 0.4em;
  opacity: 0.7;
}
.selectbox-item__checkbox {
  width: 1.4em;
  height: 1.4em;
  border: 0.3em solid rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 1.7em;
  right: 2em;
}
.selectbox-item__icon {
  margin-right: 1em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 3em;
  height: 3em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  margin-bottom: 0.8em;
}
@media screen and (max-width: 767px) {
  .selectbox-item__icon {
    width: 2.5em;
    height: 2.5em;
  }
}
@media screen and (max-width: 580px) {
  .selectbox-item__icon {
    margin-right: 1em;
    margin-bottom: 0;
    width: 2.2em;
    height: 2.2em;
  }
}
.selectbox-item__icon > * {
  width: 1.8em;
  height: 1.8em;
}
.selectbox-item__icon > *.size-youtube {
  width: 4.5em;
  height: 2.5em;
}
@media screen and (max-width: 767px) {
  .selectbox-item__icon > * {
    width: 1.6em;
    height: 1.6em;
  }
  .selectbox-item__icon > *.size-youtube {
    width: 4em;
    height: 2.2em;
  }
}
@media screen and (max-width: 580px) {
  .selectbox-item__icon > * {
    width: 1.4em;
    height: 1.4em;
  }
  .selectbox-item__icon > *.size-youtube {
    width: 3.5em;
    height: 2em;
  }
}
.selectbox-item__lock {
  position: absolute;
  top: 50%;
  right: 1.7em;
  opacity: 0.5;
  margin-top: -1.1em;
}
.selectbox-item__lock > svg {
  width: 2em !important;
  height: 2em !important;
}
.selectbox-item--checkbox {
  padding-right: 4em;
}
.selectbox-item--checked .selectbox-item__checkbox {
  -webkit-border-radius: 100%;
          border-radius: 100%;
  border-color: #4285f4;
}
.selectbox-item--icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
@media screen and (max-width: 580px) {
  .selectbox-item--icon {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: left;
  }
}
.selectbox-item.selected:not(.nomark)::after, .selectbox-item.picked::after {
  content: "";
  display: block;
  width: 0.6em;
  height: 1.2em;
  border-right: 0.2em solid #fff;
  border-bottom: 0.2em solid #fff;
  position: absolute;
  top: 50%;
  right: 1.4em;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-top: -0.9em;
}
.selectbox-item.focus {
  background-color: #4285f4;
  -webkit-border-radius: 0.8em;
          border-radius: 0.8em;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

body.size--small .selectbox-item {
  padding: 1.3em 0.8em;
  margin-bottom: 0.5em;
  -webkit-border-radius: 0.8em;
          border-radius: 0.8em;
}
body.size--small .selectbox-item__title {
  font-size: 1.1em;
}
body.size--small .selectbox-item__subtitle {
  font-size: 1em;
  margin-top: 0.3em;
}
body.size--small .selectbox-item__checkbox {
  width: 1.2em;
  height: 1.2em;
  top: 1em;
  right: 1.5em;
}
body.size--small .selectbox-item__icon {
  margin-right: 0.9em;
  width: 2.8em;
  height: 2.8em;
  margin-bottom: 0.7em;
}
@media screen and (max-width: 767px) {
  body.size--small .selectbox-item__icon {
    width: 2.3em;
    height: 2.3em;
  }
}
@media screen and (max-width: 580px) {
  body.size--small .selectbox-item__icon {
    width: 2.1em;
    height: 2.1em;
  }
}
body.size--small .selectbox-item__icon > * {
  width: 1.6em;
  height: 1.6em;
}
body.size--small .selectbox-item__icon > *.size-youtube {
  width: 4.2em;
  height: 2.3em;
}
@media screen and (max-width: 767px) {
  body.size--small .selectbox-item__icon > * {
    width: 1.5em;
    height: 1.5em;
  }
  body.size--small .selectbox-item__icon > *.size-youtube {
    width: 3.5em;
    height: 1.9em;
  }
}
@media screen and (max-width: 580px) {
  body.size--small .selectbox-item__icon > * {
    width: 1.3em;
    height: 1.3em;
  }
  body.size--small .selectbox-item__icon > *.size-youtube {
    width: 3.3em;
    height: 1.9em;
  }
}
body.size--small .selectbox-item__lock {
  right: 1.5em;
  margin-top: -1em;
}
body.size--small .selectbox-item__lock > svg {
  width: 1.8em !important;
  height: 1.8em !important;
}
body.size--small .selectbox-item--checkbox {
  padding-right: 3.6em;
}
body.size--small .selectbox-item.selected:not(.nomark)::after, body.size--small .selectbox-item.picked::after {
  width: 0.5em;
  height: 1.1em;
  border-right: 0.15em solid #fff;
  border-bottom: 0.15em solid #fff;
  right: 1.3em;
  margin-top: -0.8em;
}
body.size--small .selectbox-item sub {
  margin-left: 0.6em;
  font-size: 0.8em;
}

body.size--normal .selectbox-item {
  padding: 1.3em 0.8em;
  margin-bottom: 0.5em;
  -webkit-border-radius: 0.8em;
          border-radius: 0.8em;
}
body.size--normal .selectbox-item__title {
  font-size: 1.1em;
}
body.size--normal .selectbox-item__subtitle {
  font-size: 1em;
  margin-top: 0.3em;
}
body.size--normal .selectbox-item__checkbox {
  width: 1.2em;
  height: 1.2em;
  top: 1em;
  right: 1.5em;
}
body.size--normal .selectbox-item__icon {
  margin-right: 0.9em;
  width: 2.8em;
  height: 2.8em;
  margin-bottom: 0.7em;
}
@media screen and (max-width: 767px) {
  body.size--normal .selectbox-item__icon {
    width: 2.3em;
    height: 2.3em;
  }
}
@media screen and (max-width: 580px) {
  body.size--normal .selectbox-item__icon {
    width: 2.1em;
    height: 2.1em;
  }
}
body.size--normal .selectbox-item__icon > * {
  width: 1.6em;
  height: 1.6em;
}
body.size--normal .selectbox-item__icon > *.size-youtube {
  width: 4.2em;
  height: 2.3em;
}
@media screen and (max-width: 767px) {
  body.size--normal .selectbox-item__icon > * {
    width: 1.5em;
    height: 1.5em;
  }
  body.size--normal .selectbox-item__icon > *.size-youtube {
    width: 3.5em;
    height: 1.9em;
  }
}
@media screen and (max-width: 580px) {
  body.size--normal .selectbox-item__icon > * {
    width: 1.3em;
    height: 1.3em;
  }
  body.size--normal .selectbox-item__icon > *.size-youtube {
    width: 3.3em;
    height: 1.9em;
  }
}
body.size--normal .selectbox-item__lock {
  right: 1.5em;
  margin-top: -1em;
}
body.size--normal .selectbox-item__lock > svg {
  width: 1.8em !important;
  height: 1.8em !important;
}
body.size--normal .selectbox-item--checkbox {
  padding-right: 3.6em;
}
body.size--normal .selectbox-item.selected:not(.nomark)::after, body.size--normal .selectbox-item.picked::after {
  width: 0.5em;
  height: 1.1em;
  border-right: 0.15em solid #fff;
  border-bottom: 0.15em solid #fff;
  right: 1.3em;
  margin-top: -0.8em;
}
body.size--normal .selectbox-item sub {
  margin-left: 0.6em;
  font-size: 0.8em;
}

.youtube-player {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 50;
}
.youtube-player > iframe {
  pointer-events: none;
  position: absolute;
  top: -60px;
  left: 0;
  width: 100%;
  height: -webkit-calc(100% + 120px);
  height: calc(100% + 120px);
}
.youtube-player__progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.5em;
  background-color: #fff;
}

.info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 10em;
  padding: 2em 1.5em;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 1em;
}
.info__title {
  font-size: 3em;
  font-weight: 400;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.info__title-original {
  font-size: 1.8em;
  line-height: 1.3;
}
@media screen and (max-width: 580px) {
  .info__title-original {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 580px) {
  .info__title {
    font-size: 2.5em;
  }
}
.info__left {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
}
.info__right {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 1em;
}
@media screen and (max-width: 580px) {
  .info__right {
    display: none;
  }
}
.info__create {
  font-size: 1.2em;
  margin-top: 1em;
}
.info__rate {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 0.6em;
          border-radius: 0.6em;
  padding: 0.6em 1em 1em 1em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 2em;
  margin-top: 0.2em;
}
.info__rate > span {
  font-size: 3.2em;
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 580px) {
  .info__rate {
    font-size: 0.9em;
  }
}
.info__footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.2em;
}
.info__vote {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 2em;
}
.info__vote > svg {
  width: 1.8em !important;
  height: 1.8em !important;
  margin-right: 1em;
}
.info__vote > span {
  font-size: 1.8em;
  font-weight: 600;
  line-height: 1.3;
}
.info__icon {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-left: 1em;
  background-color: rgba(0, 0, 0, 0.3);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 37%;
  position: relative;
  width: 4em;
  height: 4em;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.info__icon > svg {
  width: 1.6em;
  height: 1.6em;
}
.info__icon.active::after {
  content: "";
  display: block;
  position: absolute;
  top: -0.5em;
  right: -0.5em;
  width: 2em;
  height: 2em;
  background: #fff url(../img/icons/check_dark.svg) no-repeat 50% 50%;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  background-size: 50%;
}
.info__icon.icon--book {
  background-image: url(../img/icons/menu/bookmark.svg);
}
.info__icon.icon--like {
  background-image: url(../img/icons/menu/like.svg);
}
.info__icon.icon--wath {
  background-image: url(../img/icons/menu/time.svg);
}
.info__icon.focus {
  -webkit-box-shadow: 0 0 0 0.3em #fff;
          box-shadow: 0 0 0 0.3em #fff;
}
@media screen and (max-width: 767px) {
  .info {
    font-size: 0.85em;
  }
}
@media screen and (max-width: 580px) {
  .info {
    height: 8.6em;
  }
}

.card-more {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 12.75em;
  margin-bottom: 2em;
}
.card-more__box {
  -webkit-transition: border-color 0.2s, -webkit-transform 0.3s;
  transition: border-color 0.2s, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, border-color 0.2s;
  transition: transform 0.3s, border-color 0.2s;
  transition: transform 0.3s, border-color 0.2s, -webkit-transform 0.3s;
  background-color: #3E3E3E;
  -webkit-border-radius: 1em;
          border-radius: 1em;
  padding-bottom: 150%;
  position: relative;
}
.card-more__title {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 1.8em;
  font-weight: 300;
  margin-top: -0.7em;
}
.card-more.focus .card-more__box::after {
  content: "";
  position: absolute;
  top: -0.5em;
  left: -0.5em;
  right: -0.5em;
  bottom: -0.5em;
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgb(96, 255, 189)), to(rgb(98, 163, 201)));
  background: -webkit-linear-gradient(left, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -o-linear-gradient(left, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: linear-gradient(to right, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  -webkit-border-radius: 0.8em;
          border-radius: 0.8em;
  z-index: -1;
}
.card-more--small {
  width: 10.8em;
}

.card + .card-more {
  margin-left: 1em;
}

.card-more + .card-back {
  margin-left: 1em;
}

.items-cards:has(.card--wide) .card-more .card-more__box {
  padding-bottom: 155%;
}

.items-cards:has(.card--big) .card-more .card-more__box {
  padding-bottom: 205%;
}

.items-cards:has(.card--collection) .card-more .card-more__box {
  padding-bottom: 95%;
}

@media screen and (min-width: 767px) {
  body.size--bigger .card-more {
    font-size: 1.14em;
  }
  body.size--bigger .card.card--collection + .card-more {
    width: 14.3em;
  }
}
.card-back {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 12.75em;
  margin-bottom: 2em;
}
.card-back__box {
  -webkit-transition: border-color 0.2s, -webkit-transform 0.3s;
  transition: border-color 0.2s, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, border-color 0.2s;
  transition: transform 0.3s, border-color 0.2s;
  transition: transform 0.3s, border-color 0.2s, -webkit-transform 0.3s;
  background-color: #3E3E3E;
  -webkit-border-radius: 1em;
          border-radius: 1em;
  padding-bottom: 150%;
  position: relative;
}
.card-back__title {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 1.8em;
  font-weight: 300;
  margin-top: -0.7em;
}
.card-back.focus .card-back__box::after {
  content: "";
  position: absolute;
  top: -0.5em;
  left: -0.5em;
  right: -0.5em;
  bottom: -0.5em;
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgb(255, 96, 96)), to(rgb(201, 98, 98)));
  background: -webkit-linear-gradient(left, rgb(255, 96, 96) 1%, rgb(201, 98, 98) 100%);
  background: -o-linear-gradient(left, rgb(255, 96, 96) 1%, rgb(201, 98, 98) 100%);
  background: linear-gradient(to right, rgb(255, 96, 96) 1%, rgb(201, 98, 98) 100%);
  -webkit-border-radius: 0.8em;
          border-radius: 0.8em;
  z-index: -1;
}
.card-back--small {
  width: 10.8em;
}

.card + .card-back {
  margin-left: 1em;
}

.card-back + .card-more {
  margin-left: 1em;
}

.items-cards:has(.card--wide) .card-back .card-back__box {
  padding-bottom: 155%;
}

.items-cards:has(.card--big) .card-back .card-back__box {
  padding-bottom: 205%;
}

.items-cards:has(.card--collection) .card-back .card-back__box {
  padding-bottom: 95%;
}

@media screen and (min-width: 767px) {
  body.size--bigger .card-back {
    font-size: 1.14em;
  }
  body.size--bigger .card.card--collection + .card-back {
    width: 14.3em;
  }
}
.loading-layer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 100;
  padding-top: 0.5em;
  padding-bottom: 1.5em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  background: rgba(0, 0, 0, 0.3);
}
.loading-layer__box {
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.3em 1em;
  min-width: 10em;
  background-color: rgba(0, 0, 0, 0.8);
  margin: 0 auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 0.5em;
}
.loading-layer__text {
  font-size: 1.1em;
  margin-top: -0.2em;
  padding-right: 1em;
}
.loading-layer__ico {
  width: 1.9em;
  height: 1.9em;
  background: url(../img/loader.svg) no-repeat center;
  background-size: contain;
}

.category-full {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0 1em;
}
.category-full .card {
  margin-left: 0;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
@media screen and (max-width: 480px) {
  .category-full .card {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
}
.category-full__more {
  text-align: center;
  padding: 2em;
  margin-top: 1.5em;
  width: 100%;
}
.category-full__more > span {
  font-size: 1.2em;
}
.category-full__more.focus {
  border-color: #fff;
  color: #000;
}

body.platform--orsay .category-full,
body.platform--netcast .category-full {
  display: block;
}
body.platform--orsay .category-full .card,
body.platform--netcast .category-full .card {
  float: left;
}
body.platform--orsay .category-full .card__title,
body.platform--netcast .category-full .card__title {
  min-height: 3.6em;
}
body.platform--orsay .category-full:after,
body.platform--netcast .category-full:after {
  display: block;
  content: "";
  clear: both;
}

@-webkit-keyframes animation-search-input-line {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes animation-search-input-line {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.search {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  z-index: 50;
  width: 100%;
}
.search .scroll--horizontal {
  padding-top: 0 !important;
  padding-bottom: 0.6em !important;
}
.search .scroll > .scroll__content > .scroll__body:after {
  display: none !important;
}
.search__input {
  font-size: 2em;
  margin-bottom: 0.7em;
  padding-left: 0.7em;
}
.search__input.filled::after {
  content: "";
  display: inline-block;
  border-right: 0.15em solid #fff;
  height: 1em;
  margin: -1em 0;
  margin-left: 0.1em;
  -webkit-animation: animation-search-input-line 0.8s infinite;
          animation: animation-search-input-line 0.8s infinite;
}
.search__keypad {
  padding: 0 1.5em;
}
.search__keypad .simple-keyboard {
  margin-bottom: 5px;
}
@media screen and (min-width: 991px) {
  .search__keypad .simple-keyboard .hg-button-MIC,
  .search__keypad .simple-keyboard .hg-button-LANG,
  .search__keypad .simple-keyboard .hg-button-SIM,
  .search__keypad .simple-keyboard .hg-button-BKSP {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    min-width: 2.1em;
  }
  .search__keypad .simple-keyboard .hg-button-SPACE {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    min-width: 7em;
  }
}
.search__history, .search__sources {
  margin-bottom: 0.6em;
}
.search__history .scroll__body, .search__sources .scroll__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.search__results .broadcast__text {
  margin-top: 2.6em;
}
.search__results-offset {
  padding-top: 1.5em;
}
.search .simple-keyboard-buttons {
  display: none;
}

.search-history-key {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(221, 221, 221, 0.06);
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  padding: 0 1em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.search-history-key:before {
  content: "";
  display: block;
  width: 1.3em;
  height: 1.3em;
  margin-right: 0.7em;
  background-image: url(../img/icons/menu/time.svg);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.search-history-key > div {
  font-size: 1.6em;
  padding: 0.5em;
  padding-top: 0.2em;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  line-height: 1.2;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.search-history-key.focus {
  background: rgba(221, 221, 221, 0.3);
}
.search-history-key + div {
  margin-left: 5px;
}
@media screen and (max-width: 580px) {
  .search-history-key {
    font-size: 0.8em;
  }
}

.search-history-empty {
  font-size: 1.3em;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.4;
}

.search-looking {
  padding-left: 1.5em;
}
.search-looking__text {
  margin-top: 3.3em;
  font-size: 1.3em;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.6;
  max-width: 50%;
}
@media screen and (max-width: 580px) {
  .search-looking__text {
    max-width: 100%;
  }
}

.search-source {
  font-size: 1.3em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.2em 0.8em;
  background: rgba(221, 221, 221, 0.06);
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  opacity: 0.5;
}
.search-source__tab {
  padding: 0.4em 0 0.5em;
  white-space: nowrap;
}
.search-source__count {
  background-color: rgba(0, 0, 0, 0.6);
  margin-left: 0.5em;
  -webkit-border-radius: 5em;
          border-radius: 5em;
  font-size: 0.8em;
  padding: 0.1em 0.2em 0.2em;
  min-width: 1.3em;
  text-align: center;
  font-weight: 700;
  color: #fff;
}
.search-source--loading .search-source__count {
  background-image: url(../img/loader.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.2em;
}
.search-source.active {
  opacity: 1;
  background-color: #fff;
  color: #000;
}
.search-source.focus {
  background: rgba(221, 221, 221, 0.3);
  opacity: 1;
  -webkit-box-shadow: inset 0 0 0 0.15em #fff;
          box-shadow: inset 0 0 0 0.15em #fff;
  color: #fff;
}
.search-source + .search-source {
  margin-left: 0.6em;
}

body.touch-device .search .hg-button {
  min-width: 1em;
}
body.touch-device .search .search__results .scroll__content {
  padding-top: 0.5em;
}

body.true--mobile .search .simple-keyboard input {
  background-color: rgba(221, 221, 221, 0.06);
  -webkit-border-radius: 0.5em;
          border-radius: 0.5em;
  padding-left: 1.3em;
  height: 2.7em;
}
body.true--mobile .search .search-history-key,
body.true--mobile .search .search-source:not(.active) {
  background: transparent;
}

.simple-keyboard {
  background: transparent;
  padding: 0;
  font-family: inherit;
  color: #9e9e9e;
}
.simple-keyboard .hg-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.simple-keyboard .hg-row .hg-button-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.simple-keyboard .hg-layout-numeric .hg-button {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.simple-keyboard .hg-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  font-size: 2em;
  height: auto;
  width: auto;
  line-height: 1.2;
  background: rgba(221, 221, 221, 0.06);
  color: #fff;
}
.simple-keyboard .hg-button.hg-activeButton, .simple-keyboard .hg-button.focus, .simple-keyboard .hg-button:hover {
  background: rgba(221, 221, 221, 0.3);
  color: #fff;
}
@media screen and (max-width: 580px) {
  .simple-keyboard .hg-button {
    font-size: 1.5em;
    padding: 5px 0;
  }
}
.simple-keyboard .hg-button[data-skbtn="{BKSP}"]:after,
.simple-keyboard .hg-button[data-skbtn="{ENTER}"]:after,
.simple-keyboard .hg-button[data-skbtn="{SHIFT}"]:after,
.simple-keyboard .hg-button[data-skbtn="{LANG}"]:after,
.simple-keyboard .hg-button[data-skbtn="{SPACE}"]:after {
  content: "";
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  height: 1em;
  width: 1em;
}
.simple-keyboard .hg-button[data-skbtn="{BKSP}"]:after {
  background-image: url(../img/icons/keyboard/bksp.svg);
}
.simple-keyboard .hg-button[data-skbtn="{SIM}"]:after {
  background-image: url(../img/icons/keyboard/sym.svg);
  width: 1.2em;
}
.simple-keyboard .hg-button[data-skbtn="{ENTER}"]:after {
  background-image: url(../img/icons/keyboard/enter.svg);
}
.simple-keyboard .hg-button[data-skbtn="{SHIFT}"]:after {
  background-image: url(../img/icons/keyboard/up.svg);
  background-size: 80%;
}
.simple-keyboard .hg-button[data-skbtn="{SPACE}"]:after {
  background-image: url(../img/icons/keyboard/space.svg);
  width: 1.4em;
  margin-top: 0.4em;
  height: 0.6em;
}
.simple-keyboard .hg-button[data-skbtn="{LANG}"]:after {
  background-image: url(../img/icons/keyboard/lang.svg);
  width: 0.9em;
}
.simple-keyboard .hg-button[data-skbtn="{BKSP}"] span,
.simple-keyboard .hg-button[data-skbtn="{ENTER}"] span,
.simple-keyboard .hg-button[data-skbtn="{SHIFT}"] span,
.simple-keyboard .hg-button[data-skbtn="{LANG}"] span,
.simple-keyboard .hg-button[data-skbtn="{SPACE}"] span {
  width: 0;
  height: 0;
  display: block;
}
.simple-keyboard[shifted=true] .hg-button[data-skbtn="{SHIFT}"] {
  -webkit-transform: scaleY(-1);
      -ms-transform: scaleY(-1);
          transform: scaleY(-1);
}
.simple-keyboard .hg-button[data-skbtn="{MIC}"] {
  color: #fff;
}
.simple-keyboard .hg-button[data-skbtn="{MIC}"] svg {
  width: 0.9em;
  height: 1em;
}
.simple-keyboard .hg-button svg {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.simple-keyboard-input {
  background-color: transparent;
  font-size: 1.6em;
  height: 2.1em;
  width: 100%;
  border: 0;
  padding: 0;
  color: #fff;
  font-family: "SegoeUI", sans-serif;
}
.simple-keyboard-input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.simple-keyboard-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.simple-keyboard-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.simple-keyboard-input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.simple-keyboard-input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 480px) {
  .simple-keyboard-input {
    font-size: 1.3em;
  }
}
.simple-keyboard-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 1.5em;
  font-size: 1.1em;
}
.simple-keyboard-buttons > div + div {
  margin-left: 1em;
}
.simple-keyboard-buttons__enter {
  font-size: 1.2em;
  padding: 0.7em;
  background: rgba(255, 255, 255, 0.12);
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  color: #fff;
}
.simple-keyboard-buttons__cancel {
  padding: 0.7em;
  font-size: 1.2em;
}
.simple-keyboard-mic {
  width: 2.8em;
  height: 2.8em;
  margin-right: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.simple-keyboard-mic > svg {
  width: 1.7em;
  height: 1.7em;
}
.simple-keyboard-mic.focus {
  background: #ffffff;
  color: #0e0e0e;
}
.simple-keyboard-mic.record {
  background: #ffffff;
  color: red;
}
.simple-keyboard--with-mic {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}
.simple-keyboard--with-textarea {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.simple-keyboard--with-textarea .simple-keyboard-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
  overflow-y: hidden;
  line-height: 1.4;
  border: 1px solid rgba(221, 221, 221, 0.21);
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  padding: 0.2em 0.4em;
}

body.true--mobile .simple-keyboard--with-mic {
  position: relative;
}
body.true--mobile .simple-keyboard--with-mic .simple-keyboard-buttons {
  position: absolute;
  top: 100%;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 1.5em;
  z-index: 50;
}
@media screen and (max-width: 480px) {
  .modal {
    -webkit-backdrop-filter: blur(0.5em);
            backdrop-filter: blur(0.5em);
  }
}
.modal__content {
  background-color: rgba(28, 48, 46, 0.3);
  -webkit-backdrop-filter: blur(1.6em);
          backdrop-filter: blur(1.6em);
  padding: 1.5em;
  -webkit-border-radius: 1em;
          border-radius: 1em;
  margin: 0 auto;
  max-width: 37%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .modal__content {
    max-width: 50%;
  }
}
@media screen and (max-width: 580px) {
  .modal__content {
    max-width: 80%;
  }
}
@media screen and (max-width: 480px) {
  .modal__content {
    max-width: 100%;
    -webkit-border-top-left-radius: 0.5em;
            border-top-left-radius: 0.5em;
    -webkit-border-top-right-radius: 0.5em;
            border-top-right-radius: 0.5em;
    -webkit-border-bottom-left-radius: 0.5em;
            border-bottom-left-radius: 0.5em;
    -webkit-border-bottom-right-radius: 0.5em;
            border-bottom-right-radius: 0.5em;
    position: fixed;
    left: 0;
    bottom: 10;
    width: -webkit-calc(100% - 2em);
    width: calc(100% - 2em); /* Уменьшение ширины для учета отступов */
    margin-left: 1em; /* Отступ слева */
    margin-right: 1em; /* Отступ справа */
  }
}
.modal__head {
  margin-bottom: 2em;
}
.modal__body .scroll__content {
  max-height: 37.2em;
}
.modal__title {
  font-size: 2.2em;
  font-weight: 300;
}
.modal__icon {
  width: 7em;
  height: 7em;
  margin: 0 auto;
}
.modal__icon > svg {
  width: 7em;
  height: 7em;
}
@media screen and (max-width: 480px) {
  .modal__icon {
    display: none;
  }
}
.modal__footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 2em;
}
@media screen and (max-width: 480px) {
  .modal__footer {
    display: block;
  }
}
.modal__button {
  padding: 0.9em 1.3em;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  background: rgba(255, 255, 255, 0.1);
  font-size: 1.1em;
}
.modal__button.focus {
  background: #fff;
  color: #000;
}
.modal__button + .modal__button {
  margin-left: 1em;
}
@media screen and (max-width: 480px) {
  .modal__button + .modal__button {
    margin-left: 0;
    margin-top: 1em;
  }
}
.modal__close-button {
  position: absolute;
  top: -0.8em;
  right: -0.8em;
  background: #fff;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  padding: 0.4em;
  color: #000;
}
.modal__close-button > svg {
  width: 1.1em;
  height: 1.1em;
}
@media screen and (max-width: 480px) {
  .modal__close-button {
    display: none;
  }
}
.modal--align-center {
  text-align: center;
}
.modal--align-center .modal__footer {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.modal--prisma-premium .modal__icon {
  margin-bottom: -2em;
}
@media screen and (min-width: 767px) {
  .modal--prisma-premium .modal__content {
    max-width: 44%;
  }
}
.modal--medium .modal__content {
  max-width: 60%;
}
@media screen and (max-width: 767px) {
  .modal--medium .modal__content {
    max-width: 80%;
  }
}
@media screen and (max-width: 580px) {
  .modal--medium .modal__content {
    max-width: 100%;
  }
}
.modal--large .modal__content {
  max-width: 80%;
}
@media screen and (max-width: 767px) {
  .modal--large .modal__content {
    max-width: 100%;
  }
}
.modal--full {
  padding: 0;
}
.modal--full .modal__content {
  max-width: 100%;
  -webkit-border-radius: 0;
          border-radius: 0;
  padding: 0;
}
.modal--empty-title .modal__head {
  margin-bottom: 0;
}
.modal--overlay {
  z-index: 60;
}
.modal .scroll--mask .scroll__content {
  padding: 1.5em 0;
}

.modal-loading {
  height: 6em;
  background: url(../img/loader.svg) no-repeat 50% 50%;
  background-size: contain;
}

.modal-pending {
  text-align: center;
}
.modal-pending__loading {
  background: url(../img/loader.svg) no-repeat 50% 50%;
  background-size: contain;
  height: 6em;
}
.modal-pending__text {
  font-size: 1.2em;
  margin-top: 1em;
}

.speedtest {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #262829;
  z-index: 50;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.speedtest__body {
  width: 30em;
}
.speedtest__body svg {
  height: inherit !important;
}
.speedtest__body svg text {
  fill: rgba(255, 255, 255, 0.2);
  font-weight: 600;
}
.speedtest__frequency {
  stroke-dasharray: 1 69;
  stroke-dashoffset: 5;
}
.speedtest__progress {
  stroke-dashoffset: -624;
  -webkit-transition: 0.34s ease;
  -o-transition: 0.34s ease;
  transition: 0.34s ease;
  stroke: #df3d3d;
  stroke-dasharray: 0, 1256.8;
  stroke-linecap: round;
}
.speedtest__fill {
  stroke: rgba(255, 255, 255, 0.1);
  stroke-linecap: round;
  stroke-dashoffset: -624;
  stroke-dasharray: 0, 1256.8;
  stroke-dasharray: 1256.8, 1256.8;
}
.speedtest #speedtest_graph {
  -webkit-transition: 0.1s ease;
  -o-transition: 0.1s ease;
  transition: 0.1s ease;
}
.speedtest #speedtest_num {
  fill: #fff;
}
.speedtest #speedtest_status {
  font-weight: 400;
}
.speedtest .head-backward {
  position: absolute;
  top: 1.5em;
  left: 0;
  right: 0;
}

.company > div {
  font-size: 1.4em;
  line-height: 1.2;
}
.company > div + div {
  margin-top: 0.6em;
}
.company > div.company__name {
  font-size: 2.1em;
}

.company-start {
  padding: 0 1.5em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 4em;
  line-height: 1.4;
}
.company-start__left {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 10em;
}
@media screen and (max-width: 580px) {
  .company-start__left {
    width: 8em;
  }
}
@media screen and (max-width: 400px) {
  .company-start__left {
    width: 6.5em;
  }
}
.company-start__right {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 3em;
}
.company-start__icon {
  position: relative;
  padding-bottom: 93%;
  background-color: #fff;
  -webkit-border-radius: 1em;
          border-radius: 1em;
}
.company-start__img {
  position: absolute;
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
  -o-object-fit: contain;
     object-fit: contain;
}
.company-start__name {
  font-size: 4em;
  font-weight: 700;
}
@media screen and (max-width: 580px) {
  .company-start__name {
    font-size: 3em;
  }
}
@media screen and (max-width: 400px) {
  .company-start__name {
    font-size: 2em;
  }
}
.company-start__place {
  font-size: 2.3em;
  font-weight: 300;
  max-width: 80%;
}
@media screen and (max-width: 580px) {
  .company-start__place {
    font-size: 1.8em;
    max-width: 100%;
  }
}
@media screen and (max-width: 400px) {
  .company-start__place {
    font-size: 1.5em;
  }
}
.company-start.icon--broken .company-start__icon {
  background-color: #3e3e3e;
}

.person-start {
  padding: 0 1.5em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 4em;
}
.person-start__tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2em;
}
@media screen and (max-width: 480px) {
  .person-start__tags {
    font-size: 0.9em;
    margin-bottom: 1.3em;
  }
}
.person-start__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 30em;
}
@media screen and (max-width: 580px) {
  .person-start__body {
    height: auto;
  }
}
.person-start__right {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.person-start__left {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 3em;
}
@media screen and (max-width: 580px) {
  .person-start__left {
    padding-left: 2em;
  }
}
.person-start__poster {
  position: relative;
}
.person-start__poster:before {
  display: none;
}
.person-start__img {
  position: relative;
  -webkit-border-radius: 1em;
          border-radius: 1em;
  width: 17.7em;
  height: 26.4em;
}
@media screen and (max-width: 580px) {
  .person-start__img {
    width: 11em;
    height: 11em;
  }
}
@media screen and (max-width: 480px) {
  .person-start__img {
    width: 7em;
    height: 7em;
  }
}
.person-start__tag {
  -webkit-border-radius: 5em;
          border-radius: 5em;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 0.3em 0.5em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 1em;
  font-size: 1.05em;
}
.person-start__tag > img {
  width: 1em;
  height: 1em;
  margin-right: 0.8em;
}
.person-start__name {
  font-size: 4em;
  font-weight: 700;
  margin-bottom: 0.3em;
  max-width: 90%;
}
@media screen and (max-width: 580px) {
  .person-start__name {
    font-size: 3em;
    max-width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .person-start__name {
    font-size: 2em;
  }
}
.person-start__place {
  font-size: 2.3em;
  font-weight: 300;
  max-width: 80%;
  margin-bottom: 1.8em;
}
@media screen and (max-width: 580px) {
  .person-start__place {
    font-size: 1.8em;
    max-width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .person-start__place {
    font-size: 1.5em;
  }
}
.person-start__descr {
  max-width: 80%;
  font-size: 1.3em;
  line-height: 1.4;
  font-weight: 300;
  height: 8em;
  margin-bottom: 1em;
  overflow: hidden;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), color-stop(68%, rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  -webkit-mask-image: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 68%, rgba(255, 255, 255, 0) 100%);
          mask-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), color-stop(68%, rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
          mask-image: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 68%, rgba(255, 255, 255, 0) 100%);
}
@media screen and (max-width: 991px) {
  .person-start__descr {
    max-width: 100%;
  }
}
@media screen and (max-width: 580px) {
  .person-start__descr {
    display: none;
  }
}
.person-start__descr-mobile {
  font-size: 1.3em;
  line-height: 1.4;
  display: none;
}
@media screen and (max-width: 580px) {
  .person-start__descr-mobile {
    display: block;
  }
}
.person-start__icons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.person-start__icons > div {
  margin-left: 0;
}
.person-start__bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 480px) {
  .person-start--small .person-start__img {
    width: 11.7em;
    height: 16.4em;
  }
  .person-start--small .person-start__body {
    height: 19em;
  }
}

.empty {
  width: 100%;
  text-align: center;
  height: 90vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
}
.empty__img {
  height: 17em;
  background: url(../img/empty.svg) no-repeat 50% 50%;
  background-size: contain;
  margin-bottom: 3em;
}
.empty__title {
  font-size: 2.4em;
  line-height: 1.4;
}
.empty__descr {
  font-size: 1.4em;
  margin-top: 0.8em;
  line-height: 1.6;
}
.empty__footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 2em;
}
.empty--list {
  height: auto;
  text-align: left;
  padding: 2em 0;
}
.empty--list .empty__footer {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.empty--noicon .empty__img {
  display: none;
}
.empty--noicon .empty__title {
  position: relative;
}
.empty--noicon .empty__title::after {
  content: "";
  display: block;
  width: 30%;
  height: 0.1em;
  background: #fff;
  position: absolute;
  bottom: -0.7em;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-border-radius: 0.5em;
          border-radius: 0.5em;
}
.empty--noicon .empty__descr {
  margin-top: 2.5em;
}
.empty--width-large {
  max-width: 90%;
}
.empty--width-medium {
  max-width: 60%;
}
.empty--width-small {
  max-width: 35%;
}
@media screen and (max-width: 480px) {
  .empty--width-medium {
    max-width: 90%;
  }
  .empty--width-small {
    max-width: 70%;
  }
}

.empty-filter {
  line-height: 1.4;
}
.empty-filter__title {
  font-size: 1.8em;
  margin-bottom: 0.3em;
}
.empty-filter__subtitle {
  font-size: 1.2em;
  font-weight: 300;
  margin-bottom: 1.6em;
}
.empty-filter__buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.empty-filter__buttons > * + * {
  margin-left: 1em;
}
.empty-filter__buttons .simple-button {
  font-size: 1.2em;
  -webkit-border-radius: 0.2em;
          border-radius: 0.2em;
  margin-bottom: 2.4em;
}
.empty-filter__templates .empty-template:nth-child(2) {
  opacity: 0.5;
}
.empty-filter__templates .empty-template:nth-child(2) .empty-template__body {
  width: 40%;
}
.empty-filter__templates .empty-template:nth-child(3) {
  opacity: 0.2;
}
.empty-filter__templates .empty-template:nth-child(3) .empty-template__body {
  width: 55%;
}

.empty-template {
  background-color: rgba(255, 255, 255, 0.3);
  padding: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
}
.empty-template > * {
  background: rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
}
.empty-template__ico {
  width: 4em;
  height: 4em;
  margin-right: 2.4em;
}
.empty-template__body {
  height: 1.7em;
  width: 70%;
}
.empty-template + .empty-template {
  margin-top: 1em;
}

.news-cards {
  /* Дополнительные стили для мобильных устройств */
  /* Стили для портретной ориентации на мобильных */
  /* Стили для ландшафтной ориентации на мобильных */
  /* Оптимизации для устройств с низким DPI */
  /* Стили для устройств с touch интерфейсом */
  /* Оптимизации для изображений на слабых устройствах */
  /* Общие оптимизации для всех изображений на слабых устройствах */
  /* Дополнительные оптимизации для очень слабых устройств */
}
.news-cards .card--small.card--wide {
  width: 20.8em;
}
.news-cards .full-start__background {
  position: fixed;
  left: 8em;
  width: 100%;
  height: 108%;
  top: -6em;
  z-index: -2;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: opacity 0.8s ease-in-out, -webkit-transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.8s ease-in-out, -webkit-transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 0.8s ease-in-out, transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.8s ease-in-out, transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.8s ease-in-out, transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAjCAYAAAA5dzKxAAAD+UlEQVRYhcWZ61IaQRCFz7KAgBgvyfu/XSqVquSXGrlKfjDH/Wh7FowYp6prVthl+5u+TE/b7HY7nWE07/y8Sa53Pc/7vh1leETJtygyKNcDXFPiPf68Te7N4AigMm+LbCSt+2CyVWkwU5lW0lDSqMyUAe5pw/1+xn+3AZjv8rAltpJWRZ4k3ddgaivEVbcyF5LGZZ5AxkVGgBwHuSjie1rMmbUM8qy9NZYF5EnSzwyGKxLdgStupaeSZpLmki7L9ax8Z2Wp/ATfTcs1gWkh6uLxXMSWWRT5HmEy3yaElZsA4ErSlzJfFSBDEYhCMFrQbkmhhzheItBG0m1mGVpigFXzSl4GiJsiBJoDhm41SpT33OrQIoRg4GdQjaQtYTIf9cvGALmSdC3ptshdALK7TYPSYyhNd4pBT4C4yBGMbjjvczO6mF3CMDcF4qukbwXKMAaxO9F1mN36UngcNTBaqx3iS4tfwDQ6Vhfsc3XudQeo6wI6U5ehsnQbE0vfFnBsHGTbWszQMnYzxwxh6GbX6qzi9Eqlszj4V4h09MUMYZwAZupc7UsQBz1dK1P87BCEiS8iTM06huLewoDnHpGNsygfR4wZXxOEpQo3vSmEwd6q35U+bBwrNOPGaZeLe4djhGXIfx81V8iyW7QWhWn200aEeUtK7CvTP2VEmOykxgMQa6It/n7W4TnjU0bNzaLyLrk3ktZFfJZYl88N6Gfjb304JBMAVzZawRAr7c8QC+3PEC6/J+rSfG1nj8Xi2d3RMD5v74J4tQ1iiMciD+rOIwP8Fnd/gmTl/NmghgHEL6F70a0M8iDpXl2J75RsSxouljRxPyPkWWA4ai5mq/xRZw0Xk2151uArHRaa8bCVVcseZ6vNTnGxsfYWoaIEWWpf3hiW55ZagyOz2LthIpAzWFtghtpbhhulQWi5ubqzPSuE2iHt2AnTevWNRuibxQTwchTVfsVZATCwDeys9qjX538XqKNw7VqPTRJaK2tmZMMJZ5PVZhmQ44YrFTskTzqsoGvNDAPacuze0GpZRvTMfcu6rGLMNPjSD24rwLaKYR7VHQ9i78xCwKkO+2zs1mRNjgzGC7qT9DuLmbj6NRC74FpdvFghWoBVNq1AkClmPkv3i3uUF9M6vOqbUWEFmCxtO4NFV7EibCcxGRCMCxDdk41Bbsp8/6Lo8KMWM9xEXUTGTOcfG5Yfi31jukmtH51ZjgtTg4n730LSr6bnXxpxM4vNiTbMgyN/sxfHA59BY1MwdncyGHvGUtJ9H0wGFEuRmKqznT37LD4bU3/ce+J2QCDL8hhMDa5vjgXlKeVKtlBZPZdV9i9x/NZ/NkXyU1cigzilaq59l+rxF+5FNzBsTB9XAAAAAElFTkSuQmCC");
          mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAjCAYAAAA5dzKxAAAD+UlEQVRYhcWZ61IaQRCFz7KAgBgvyfu/XSqVquSXGrlKfjDH/Wh7FowYp6prVthl+5u+TE/b7HY7nWE07/y8Sa53Pc/7vh1leETJtygyKNcDXFPiPf68Te7N4AigMm+LbCSt+2CyVWkwU5lW0lDSqMyUAe5pw/1+xn+3AZjv8rAltpJWRZ4k3ddgaivEVbcyF5LGZZ5AxkVGgBwHuSjie1rMmbUM8qy9NZYF5EnSzwyGKxLdgStupaeSZpLmki7L9ax8Z2Wp/ATfTcs1gWkh6uLxXMSWWRT5HmEy3yaElZsA4ErSlzJfFSBDEYhCMFrQbkmhhzheItBG0m1mGVpigFXzSl4GiJsiBJoDhm41SpT33OrQIoRg4GdQjaQtYTIf9cvGALmSdC3ptshdALK7TYPSYyhNd4pBT4C4yBGMbjjvczO6mF3CMDcF4qukbwXKMAaxO9F1mN36UngcNTBaqx3iS4tfwDQ6Vhfsc3XudQeo6wI6U5ehsnQbE0vfFnBsHGTbWszQMnYzxwxh6GbX6qzi9Eqlszj4V4h09MUMYZwAZupc7UsQBz1dK1P87BCEiS8iTM06huLewoDnHpGNsygfR4wZXxOEpQo3vSmEwd6q35U+bBwrNOPGaZeLe4djhGXIfx81V8iyW7QWhWn200aEeUtK7CvTP2VEmOykxgMQa6It/n7W4TnjU0bNzaLyLrk3ktZFfJZYl88N6Gfjb304JBMAVzZawRAr7c8QC+3PEC6/J+rSfG1nj8Xi2d3RMD5v74J4tQ1iiMciD+rOIwP8Fnd/gmTl/NmghgHEL6F70a0M8iDpXl2J75RsSxouljRxPyPkWWA4ai5mq/xRZw0Xk2151uArHRaa8bCVVcseZ6vNTnGxsfYWoaIEWWpf3hiW55ZagyOz2LthIpAzWFtghtpbhhulQWi5ubqzPSuE2iHt2AnTevWNRuibxQTwchTVfsVZATCwDeys9qjX538XqKNw7VqPTRJaK2tmZMMJZ5PVZhmQ44YrFTskTzqsoGvNDAPacuze0GpZRvTMfcu6rGLMNPjSD24rwLaKYR7VHQ9i78xCwKkO+2zs1mRNjgzGC7qT9DuLmbj6NRC74FpdvFghWoBVNq1AkClmPkv3i3uUF9M6vOqbUWEFmCxtO4NFV7EibCcxGRCMCxDdk41Bbsp8/6Lo8KMWM9xEXUTGTOcfG5Yfi31jukmtH51ZjgtTg4n730LSr6bnXxpxM4vNiTbMgyN/sxfHA59BY1MwdncyGHvGUtJ9H0wGFEuRmKqznT37LD4bU3/ce+J2QCDL8hhMDa5vjgXlKeVKtlBZPZdV9i9x/NZ/NkXyU1cigzilaq59l+rxF+5FNzBsTB9XAAAAAElFTkSuQmCC");
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-position: 100% 100%;
          mask-position: 100% 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .news-cards .full-start__background {
    left: 0;
    width: 100%;
  }
}
.news-cards .full-start__background.loaded {
  opacity: 0.5;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.news-cards .full-start__background.dim {
  opacity: 0.2;
}
.news-cards .full-start__trailer {
  position: fixed;
  left: 8em;
  right: 0;
  top: -1em;
  width: -webkit-calc(100% - 8em);
  width: calc(100% - 8em);
  height: 70vh;
  z-index: -1;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.4s;
  transition: opacity 0.5s ease-in-out, -webkit-transform 0.4s;
  -o-transition: opacity 0.5s ease-in-out, transform 0.4s;
  transition: opacity 0.5s ease-in-out, transform 0.4s;
  transition: opacity 0.5s ease-in-out, transform 0.4s, -webkit-transform 0.4s;
  overflow: hidden;
  pointer-events: none;
  -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAjCAYAAAA5dzKxAAAD+UlEQVRYhcWZ61IaQRCFz7KAgBgvyfu/XSqVquSXGrlKfjDH/Wh7FowYp6prVthl+5u+TE/b7HY7nWE07/y8Sa53Pc/7vh1leETJtygyKNcDXFPiPf68Te7N4AigMm+LbCSt+2CyVWkwU5lW0lDSqMyUAe5pw/1+xn+3AZjv8rAltpJWRZ4k3ddgaivEVbcyF5LGZZ5AxkVGgBwHuSjie1rMmbUM8qy9NZYF5EnSzwyGKxLdgStupaeSZpLmki7L9ax8Z2Wp/ATfTcs1gWkh6uLxXMSWWRT5HmEy3yaElZsA4ErSlzJfFSBDEYhCMFrQbkmhhzheItBG0m1mGVpigFXzSl4GiJsiBJoDhm41SpT33OrQIoRg4GdQjaQtYTIf9cvGALmSdC3ptshdALK7TYPSYyhNd4pBT4C4yBGMbjjvczO6mF3CMDcF4qukbwXKMAaxO9F1mN36UngcNTBaqx3iS4tfwDQ6Vhfsc3XudQeo6wI6U5ehsnQbE0vfFnBsHGTbWszQMnYzxwxh6GbX6qzi9Eqlszj4V4h09MUMYZwAZupc7UsQBz1dK1P87BCEiS8iTM06huLewoDnHpGNsygfR4wZXxOEpQo3vSmEwd6q35U+bBwrNOPGaZeLe4djhGXIfx81V8iyW7QWhWn200aEeUtK7CvTP2VEmOykxgMQa6It/n7W4TnjU0bNzaLyLrk3ktZFfJZYl88N6Gfjb304JBMAVzZawRAr7c8QC+3PEC6/J+rSfG1nj8Xi2d3RMD5v74J4tQ1iiMciD+rOIwP8Fnd/gmTl/NmghgHEL6F70a0M8iDpXl2J75RsSxouljRxPyPkWWA4ai5mq/xRZw0Xk2151uArHRaa8bCVVcseZ6vNTnGxsfYWoaIEWWpf3hiW55ZagyOz2LthIpAzWFtghtpbhhulQWi5ubqzPSuE2iHt2AnTevWNRuibxQTwchTVfsVZATCwDeys9qjX538XqKNw7VqPTRJaK2tmZMMJZ5PVZhmQ44YrFTskTzqsoGvNDAPacuze0GpZRvTMfcu6rGLMNPjSD24rwLaKYR7VHQ9i78xCwKkO+2zs1mRNjgzGC7qT9DuLmbj6NRC74FpdvFghWoBVNq1AkClmPkv3i3uUF9M6vOqbUWEFmCxtO4NFV7EibCcxGRCMCxDdk41Bbsp8/6Lo8KMWM9xEXUTGTOcfG5Yfi31jukmtH51ZjgtTg4n730LSr6bnXxpxM4vNiTbMgyN/sxfHA59BY1MwdncyGHvGUtJ9H0wGFEuRmKqznT37LD4bU3/ce+J2QCDL8hhMDa5vjgXlKeVKtlBZPZdV9i9x/NZ/NkXyU1cigzilaq59l+rxF+5FNzBsTB9XAAAAAElFTkSuQmCC");
          mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAjCAYAAAA5dzKxAAAD+UlEQVRYhcWZ61IaQRCFz7KAgBgvyfu/XSqVquSXGrlKfjDH/Wh7FowYp6prVthl+5u+TE/b7HY7nWE07/y8Sa53Pc/7vh1leETJtygyKNcDXFPiPf68Te7N4AigMm+LbCSt+2CyVWkwU5lW0lDSqMyUAe5pw/1+xn+3AZjv8rAltpJWRZ4k3ddgaivEVbcyF5LGZZ5AxkVGgBwHuSjie1rMmbUM8qy9NZYF5EnSzwyGKxLdgStupaeSZpLmki7L9ax8Z2Wp/ATfTcs1gWkh6uLxXMSWWRT5HmEy3yaElZsA4ErSlzJfFSBDEYhCMFrQbkmhhzheItBG0m1mGVpigFXzSl4GiJsiBJoDhm41SpT33OrQIoRg4GdQjaQtYTIf9cvGALmSdC3ptshdALK7TYPSYyhNd4pBT4C4yBGMbjjvczO6mF3CMDcF4qukbwXKMAaxO9F1mN36UngcNTBaqx3iS4tfwDQ6Vhfsc3XudQeo6wI6U5ehsnQbE0vfFnBsHGTbWszQMnYzxwxh6GbX6qzi9Eqlszj4V4h09MUMYZwAZupc7UsQBz1dK1P87BCEiS8iTM06huLewoDnHpGNsygfR4wZXxOEpQo3vSmEwd6q35U+bBwrNOPGaZeLe4djhGXIfx81V8iyW7QWhWn200aEeUtK7CvTP2VEmOykxgMQa6It/n7W4TnjU0bNzaLyLrk3ktZFfJZYl88N6Gfjb304JBMAVzZawRAr7c8QC+3PEC6/J+rSfG1nj8Xi2d3RMD5v74J4tQ1iiMciD+rOIwP8Fnd/gmTl/NmghgHEL6F70a0M8iDpXl2J75RsSxouljRxPyPkWWA4ai5mq/xRZw0Xk2151uArHRaa8bCVVcseZ6vNTnGxsfYWoaIEWWpf3hiW55ZagyOz2LthIpAzWFtghtpbhhulQWi5ubqzPSuE2iHt2AnTevWNRuibxQTwchTVfsVZATCwDeys9qjX538XqKNw7VqPTRJaK2tmZMMJZ5PVZhmQ44YrFTskTzqsoGvNDAPacuze0GpZRvTMfcu6rGLMNPjSD24rwLaKYR7VHQ9i78xCwKkO+2zs1mRNjgzGC7qT9DuLmbj6NRC74FpdvFghWoBVNq1AkClmPkv3i3uUF9M6vOqbUWEFmCxtO4NFV7EibCcxGRCMCxDdk41Bbsp8/6Lo8KMWM9xEXUTGTOcfG5Yfi31jukmtH51ZjgtTg4n730LSr6bnXxpxM4vNiTbMgyN/sxfHA59BY1MwdncyGHvGUtJ9H0wGFEuRmKqznT37LD4bU3/ce+J2QCDL8hhMDa5vjgXlKeVKtlBZPZdV9i9x/NZ/NkXyU1cigzilaq59l+rxF+5FNzBsTB9XAAAAAElFTkSuQmCC");
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-position: 100% 100%;
          mask-position: 100% 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  /* Оптимизации для слабых устройств */
  /* Для очень слабых устройств */
}
@media (max-width: 1024px), (max-height: 768px) {
  .news-cards .full-start__trailer {
    /* Упрощаем переходы */
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    /* Уменьшаем высоту для экономии ресурсов */
    height: 60vh;
    /* Отключаем маску на слабых устройствах для экономии GPU */
    -webkit-mask-image: none;
            mask-image: none;
  }
}
@media (max-width: 768px) and (max-height: 600px) {
  .news-cards .full-start__trailer {
    /* Минимальная высота */
    height: 50vh;
    /* Быстрые переходы */
    -webkit-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
  }
}
@media screen and (max-width: 768px) {
  .news-cards .full-start__trailer {
    position: absolute;
    left: 0;
    width: 100%;
    height: 50vh;
    top: -1vh;
    z-index: 1;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, white), to(rgba(255, 255, 255, 0)));
    -webkit-mask-image: -webkit-linear-gradient(top, white 40%, rgba(255, 255, 255, 0) 100%);
            mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, white), to(rgba(255, 255, 255, 0)));
            mask-image: linear-gradient(to bottom, white 40%, rgba(255, 255, 255, 0) 100%);
    -webkit-border-top-left-radius: 1.2em;
            border-top-left-radius: 1.2em;
    -webkit-border-top-right-radius: 1.2em;
            border-top-right-radius: 1.2em;
  }
}
.news-cards .full-start__trailer.loaded {
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .news-cards .full-start__trailer.loaded {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
}
.news-cards .full-start__trailer video, .news-cards .full-start__trailer-video {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/9;
  z-index: -1;
  pointer-events: none;
  will-change: transform; /* Оптимизация для GPU */
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; /* Улучшение производительности */
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; /* Предотвращение мерцания */
  /* Оптимизации для слабых устройств */
  /* Дополнительные оптимизации для очень слабых устройств */
  /* Стили для разных уровней качества */
}
@media (max-width: 1024px), (max-height: 768px) {
  .news-cards .full-start__trailer video, .news-cards .full-start__trailer-video {
    /* Уменьшаем качество на планшетах и слабых устройствах */
    image-rendering: optimizeSpeed;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    /* Отключаем сложные трансформации */
    will-change: auto;
    -webkit-transform-style: flat;
            transform-style: flat;
    /* Уменьшаем размер для экономии ресурсов */
    max-width: 90%;
    max-height: 90%;
  }
}
@media (max-width: 768px) and (max-height: 600px) {
  .news-cards .full-start__trailer video, .news-cards .full-start__trailer-video {
    /* Еще больше снижаем качество */
    -webkit-filter: blur(0.5px);
            filter: blur(0.5px); /* Легкое размытие для снижения нагрузки */
    opacity: 0.8;
    /* Минимальные размеры */
    max-width: 80%;
    max-height: 80%;
  }
}
@media screen and (max-width: 768px) {
  .news-cards .full-start__trailer video, .news-cards .full-start__trailer-video {
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    height: 60%;
    -o-object-position: center;
       object-position: center;
    top: 20vh;
    z-index: 1;
  }
}
.news-cards .full-start__trailer video.quality-low, .news-cards .full-start__trailer-video.quality-low {
  -webkit-filter: blur(1px);
          filter: blur(1px);
  opacity: 0.9;
}
.news-cards .full-start__trailer video.quality-medium, .news-cards .full-start__trailer-video.quality-medium {
  -webkit-filter: none;
          filter: none;
  opacity: 0.95;
}
.news-cards .full-start__trailer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  -webkit-filter: blur(50px);
          filter: blur(50px);
  z-index: 3;
  /* Оптимизации для слабых устройств */
  /* Для очень слабых устройств отключаем размытие */
}
@media (max-width: 1024px), (max-height: 768px) {
  .news-cards .full-start__trailer::after {
    /* Уменьшаем размытие для экономии GPU */
    -webkit-filter: blur(20px);
            filter: blur(20px);
  }
}
@media (max-width: 768px) and (max-height: 600px) {
  .news-cards .full-start__trailer::after {
    -webkit-filter: none;
            filter: none;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  }
}
@media screen and (max-width: 768px) {
  .news-cards .full-start__trailer::after {
    -webkit-filter: blur(10px);
            filter: blur(10px);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  }
}
@media screen and (max-width: 480px) {
  .news-cards .full-start__trailer {
    height: 40vh;
    top: 0;
    -webkit-border-radius: 0;
            border-radius: 0;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, white), to(rgba(255, 255, 255, 0)));
    -webkit-mask-image: -webkit-linear-gradient(top, white 30%, rgba(255, 255, 255, 0) 100%);
            mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, white), to(rgba(255, 255, 255, 0)));
            mask-image: linear-gradient(to bottom, white 30%, rgba(255, 255, 255, 0) 100%);
  }
  .news-cards .full-start__trailer video, .news-cards .full-start__trailer .full-start__trailer-video {
    top: 15vh;
    height: 50%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .news-cards .full-start__trailer video.quality-low, .news-cards .full-start__trailer .full-start__trailer-video.quality-low {
    -webkit-filter: blur(2px);
            filter: blur(2px);
    opacity: 0.8;
  }
  .news-cards .full-start__trailer::after {
    -webkit-filter: none;
            filter: none;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.1)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  }
}
@media screen and (max-width: 768px) and (orientation: portrait) {
  .news-cards .full-start__trailer {
    height: 35vh;
  }
  .news-cards .full-start__trailer video, .news-cards .full-start__trailer .full-start__trailer-video {
    top: 10vh;
    height: 45%;
  }
}
@media screen and (max-width: 768px) and (orientation: landscape) {
  .news-cards .full-start__trailer {
    height: 60vh;
  }
  .news-cards .full-start__trailer video, .news-cards .full-start__trailer .full-start__trailer-video {
    top: 25vh;
    height: 70%;
  }
}
@media screen and (-webkit-max-device-pixel-ratio: 1.5625), screen and (-o-max-device-pixel-ratio: 25/16), screen and (max-resolution: 150dpi) {
  .news-cards .full-start__trailer video, .news-cards .full-start__trailer .full-start__trailer-video {
    -ms-interpolation-mode: nearest-neighbor;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: -o-pixelated;
        image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    image-rendering: crisp-edges;
  }
  .news-cards .full-start__trailer video.quality-low, .news-cards .full-start__trailer .full-start__trailer-video.quality-low {
    -webkit-filter: contrast(0.9) brightness(0.95);
            filter: contrast(0.9) brightness(0.95);
  }
}
@media (hover: none) and (pointer: coarse) {
  .news-cards {
    /* Для очень слабых устройств */
  }
  .news-cards .full-start__trailer {
    /* Упрощаем анимации для touch устройств */
    -webkit-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
  }
  .news-cards .full-start__trailer video, .news-cards .full-start__trailer .full-start__trailer-video {
    /* Отключаем сложные эффекты на touch устройствах */
    will-change: auto;
    -webkit-transform-style: flat;
            transform-style: flat;
  }
  .news-cards .full-start__trailer::after {
    /* Минимальные эффекты для touch устройств */
    -webkit-filter: none;
            filter: none;
  }
}
@media (hover: none) and (pointer: coarse) and (max-width: 768px) and (max-height: 600px) {
  .news-cards {
    /* Минимальное размытие или отключение */
    -webkit-filter: blur(5px);
            filter: blur(5px);
  }
}
@media screen and (hover: none) and (pointer: coarse) and (max-width: 768px) {
  .news-cards {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.8) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.8) 100%);
    /* Дополнительные оптимизации для мобильных */
    -webkit-filter: blur(10px);
            filter: blur(10px);
  }
}
.news-cards .low-performance {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -webkit-transform: translateZ(0);
          transform: translateZ(0); /* Принудительное использование GPU */
  will-change: auto; /* Отключаем will-change для экономии памяти */
  /* Дополнительные оптимизации для очень слабых устройств */
}
@media (max-width: 768px) and (max-height: 600px) {
  .news-cards .low-performance {
    -webkit-filter: contrast(0.9) brightness(0.95);
            filter: contrast(0.9) brightness(0.95); /* Легкая оптимизация качества */
    -ms-interpolation-mode: nearest-neighbor;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: -moz-crisp-edges;
        image-rendering: -o-pixelated;
        image-rendering: pixelated; /* Более быстрый рендеринг */
  }
}
@media (max-width: 1024px), (max-height: 768px) {
  .news-cards .news-cards-info img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
  }
}
@media (max-width: 768px) and (max-height: 600px) {
  .news-cards {
    /* Упрощаем анимации */
  }
  .news-cards .news-cards-info img {
    -ms-interpolation-mode: nearest-neighbor;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: -moz-crisp-edges;
        image-rendering: -o-pixelated;
        image-rendering: pixelated;
    -webkit-filter: contrast(0.95);
            filter: contrast(0.95);
  }
  .news-cards .news-cards-info * {
    -webkit-transition-duration: 0.1s !important;
         -o-transition-duration: 0.1s !important;
            transition-duration: 0.1s !important;
    -webkit-animation-duration: 0.1s !important;
            animation-duration: 0.1s !important;
  }
}
.news-cards .full-start__rate {
  font-size: 1.3em;
  margin-right: 0;
}
.news-cards .card__promo {
  display: none;
}
.news-cards .items-cards:has(.card--wide) .card-more .card-more__box {
  padding-bottom: 110%;
}
.news-cards .items-cards:has(.card--collection) .card-more .card-more__box {
  padding-bottom: 95%;
}
.news-cards .items-cards:has(.card--wide) .card-back .card-back__box {
  padding-bottom: 110%;
}
.news-cards .items-cards:has(.card--collection) .card-back .card-back__box {
  padding-bottom: 95%;
}
.news-cards .card.card--wide .card-watched {
  display: none !important;
}

.news-cards-info {
  position: relative;
  padding: 1.5em;
  height: 45vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.news-cards-info__body {
  width: 80%;
  padding-top: 1.1em;
}
.news-cards-info__head {
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 1em;
  font-size: 1.3em;
  min-height: 1em;
}
.news-cards-info__head span {
  color: #fff;
}
.news-cards-info__logo {
  margin-bottom: 1em;
  max-width: 100%;
}
.news-cards-info__logo img.movie-logo {
  max-width: 100%;
  height: auto;
  max-height: 10em;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  margin-bottom: 0.5em;
}
.news-cards-info__title {
  font-size: 4em;
  font-weight: 600;
  margin-bottom: 0.3em;
  overflow: hidden;
  -o-text-overflow: ".";
     text-overflow: ".";
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-left: -0.03em;
  line-height: 1.3;
}
.news-cards-info__description {
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.5;
  overflow: hidden;
  -o-text-overflow: ".";
     text-overflow: ".";
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 70%;
  margin-bottom: 1em;
}
.news-cards-info__age-restriction {
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  z-index: 3;
}
.news-cards-info__age-restriction-value {
  font-size: 2.1em;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 0.3em 0.6em;
  border: 1px solid rgba(255, 255, 255, 0.3);
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
}
.news-cards-info__footer {
  position: absolute;
  right: 2em;
  bottom: 2em;
  text-align: right;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.news-cards-info__rating {
  margin-bottom: 0.7em;
}
.news-cards-info__rating-value {
  display: inline-block;
  padding: 0.4em 0.8em;
  background: -webkit-gradient(linear, left top, right top, from(rgba(96, 255, 189, 0.8)), to(rgba(98, 163, 201, 0.8)));
  background: -webkit-linear-gradient(left, rgba(96, 255, 189, 0.8), rgba(98, 163, 201, 0.8));
  background: -o-linear-gradient(left, rgba(96, 255, 189, 0.8), rgba(98, 163, 201, 0.8));
  background: linear-gradient(to right, rgba(96, 255, 189, 0.8), rgba(98, 163, 201, 0.8));
  -webkit-border-radius: 0.4em;
          border-radius: 0.4em;
  font-weight: bold;
  font-size: 1.4em;
  color: #000;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.news-cards-info__meta {
  font-size: 1em;
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  max-width: 50vw;
}
.news-cards-info__meta .news-cards-info__timeline-details {
  display: block;
  margin-top: 0.5em;
  font-size: 0.9em;
  color: rgba(255, 255, 255, 0.6);
}
.news-cards-info__meta .news-cards-info__timeline-details span {
  color: rgba(255, 255, 255, 0.6);
}
.news-cards-info__meta .news-cards-info__timeline-details b {
  color: #fff;
}

body.light--version .news-cards-info__body {
  width: 69%;
  padding-top: 1.5em;
}
body.light--version .news-cards-info {
  height: 25.3em;
}

body.advanced--animation:not(.no--animation) .news-cards .card--small.card--wide.focus .card__view {
  -webkit-animation: animation-card-focus 0.2s;
          animation: animation-card-focus 0.2s;
}
body.advanced--animation:not(.no--animation) .news-cards .card--small.card--wide.animate-trigger-enter .card__view {
  -webkit-animation: animation-trigger-enter 0.2s forwards;
          animation: animation-trigger-enter 0.2s forwards;
}

.account-modal {
  text-align: center;
}
.account-modal__icon {
  width: 9em;
  height: 9em;
  margin: 0 auto;
  margin-bottom: 2em;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  background-color: rgba(158, 158, 158, 0.096);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.account-modal__icon > svg {
  width: 4em;
  height: 4em;
}
.account-modal__icon-svg {
  margin-bottom: 2em;
}
.account-modal__icon-svg > svg {
  width: 9.1em;
  height: 9.1em;
}
.account-modal__desc {
  font-size: 1.2em;
  line-height: 1.6;
}
.account-modal__site {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  padding: 0.2em 0.5em;
  padding-top: 0em;
}

.account-add-device {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.account-add-device__site {
  background: rgba(22, 50, 61, 0.3);
  display: inline-block;
  padding: 0.1em 0.4em;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  color: #90ffd4;
}
.account-add-device__attention {
  background: rgba(0, 0, 0, 0.3);
  display: inline-block;
  padding: 0.1em 0.4em;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  color: #d64e4e;
}
.account-add-device .about {
  margin-bottom: 2em;
}
.account-add-device .about-info {
  margin-bottom: 2em;
}
.account-add-device .simple-button {
  margin: 0;
  -webkit-border-radius: 0.4em;
          border-radius: 0.4em;
}
.account-add-device .account-add-device__qr {
  width: 15em;
  height: 15em;
  -webkit-border-radius: 0.7em;
          border-radius: 0.7em;
  padding: 0.6em;
  background: #fff;
  margin-bottom: 1.8em;
}

.prisma-premium {
  text-align: center;
}
.prisma-premium__title {
  color: #68ffd9;
  font-size: 2.5em;
  margin-bottom: 1em;
}
.prisma-premium__descr {
  font-size: 1.5em;
  line-height: 1.6;
  margin-bottom: 1em;
}
.prisma-premium__url {
  background-color: rgba(104, 255, 217, 0.8823529412);
  -webkit-border-radius: 1.5em;
          border-radius: 1.5em;
  padding: 0.8em 1.5em;
  display: inline-block;
  color: #000;
  font-size: 1.2em;
}
.prisma-premium__icon {
  display: block;
  width: 24em;
  margin: 0 auto;
  margin-bottom: 3em;
  text-align: center;
}
.prisma-premium__icon > svg {
  width: 24em;
  height: 14em;
}
.prisma-premium__qr {
  width: 15em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.prisma-premium__qr > div {
  width: 100%;
}
.prisma-premium__qr img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.prisma-premium__includes {
  max-width: 20%;
  margin: 0 auto;
  margin-bottom: 3em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.prisma-premium__includes > .selector {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 580px) {
  .prisma-premium__includes {
    max-width: 100%;
  }
}
.prisma-premium--detail {
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-bottom: 2em;
}
.prisma-premium--detail .prisma-premium__icon + .prisma-premium__descr {
  max-width: 70%;
  margin: 0 auto;
  margin-bottom: 3em;
}
@media screen and (max-width: 580px) {
  .prisma-premium--detail .prisma-premium__icon + .prisma-premium__descr {
    max-width: 100%;
  }
}

.notice {
  font-weight: 300;
  padding: 1.5em;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  overflow: hidden;
}
.notice__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.notice__title {
  font-size: 1.5em;
  font-weight: 400;
}
.notice__descr {
  font-size: 1.2em;
  margin-top: 0.9em;
  line-height: 1.4;
}
.notice__time {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-left: auto;
  padding-left: 2em;
  padding-top: 0.2em;
}
.notice + .notice {
  margin-top: 1em;
}
.notice__left {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 2em;
  width: 7em;
}
.notice__body {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.notice__img {
  padding-bottom: 147%;
  position: relative;
  background: rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  -webkit-transition: background, -webkit-border-radius 0.2s;
  transition: background, -webkit-border-radius 0.2s;
  -o-transition: background, border-radius 0.2s;
  transition: background, border-radius 0.2s;
  transition: background, border-radius 0.2s, -webkit-border-radius 0.2s;
}
.notice__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.notice__footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-top: 1em;
  margin: -0.3em;
}
.notice__footer > div {
  padding: 0.5em;
  background-color: rgba(221, 221, 221, 0.15);
  margin: 0.3em;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
}
.notice__author {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.5em;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.notice__author-img {
  -webkit-border-radius: 1.1em;
          border-radius: 1.1em;
  overflow: hidden;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
}
.notice__author-img img {
  width: 4em;
  height: 4em;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.notice__author-body {
  padding-left: 1.5em;
  line-height: 1.4;
}
.notice__author-name {
  font-size: 1.1em;
  font-weight: 500;
}
.notice__author-text {
  font-size: 1.2em;
}
.notice--card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.notice.image--none .notice__left {
  display: none;
}
.notice.image--icon .notice__img {
  padding-bottom: 100%;
}
.notice.image--img .notice__img {
  padding-bottom: 0;
}
.notice.image--img .notice__img img {
  position: static;
  height: auto;
}
.notice.image--loaded .notice__img {
  background: transparent;
  -webkit-border-radius: 0;
          border-radius: 0;
}
.notice.image--loaded .notice__img img {
  opacity: 1;
}
.notice.image-author--loaded .notice__author-img {
  background: transparent;
}
.notice.image-author--loaded .notice__author-img img {
  opacity: 1;
}
.notice.focus {
  background-color: rgba(255, 255, 255, 0.1);
}

body.true--mobile .notice {
  padding-left: 0;
  padding-right: 0;
}

.bell {
  position: absolute;
  top: 0;
  left: 50%;
  width: 20em;
  z-index: 100;
  margin-left: -10em;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.3s;
  transition: opacity 0.2s, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, opacity 0.2s;
  transition: transform 0.3s, opacity 0.2s;
  transition: transform 0.3s, opacity 0.2s, -webkit-transform 0.3s;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  opacity: 0;
  pointer-events: none;
  padding-top: 1em;
}
.bell__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.3em;
  background: #282b2c;
  border: 1px solid rgba(255, 255, 255, 0.082);
  -webkit-border-radius: 1em;
          border-radius: 1em;
  margin-bottom: 1em;
  opacity: 0;
  -webkit-transform: translate3d(0, -1em, 0);
          transform: translate3d(0, -1em, 0);
  -webkit-transition: opacity 0.2s, -webkit-transform 0.3s;
  transition: opacity 0.2s, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, opacity 0.2s;
  transition: transform 0.3s, opacity 0.2s;
  transition: transform 0.3s, opacity 0.2s, -webkit-transform 0.3s;
}
.bell__item-icon {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 2em;
  height: 2em;
  margin-right: 1.3em;
}
.bell__item-text {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 1.1em;
  line-height: 1.4;
}
.bell__item.show {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.bell__item--warning {
  background: #f39c12 !important;
  color: #000000;
  -webkit-backdrop-filter: none !important;
          backdrop-filter: none !important;
}
.bell__item--warning .bell__item-icon {
  color: #000000;
}
.bell.show {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}
.bell--wide {
  width: 28em;
  margin-left: -14em;
}
@media screen and (max-width: 30em) {
  .bell--wide {
    width: 90vw;
    margin-left: -45vw;
  }
}

.torrent-list {
  padding: 0 1.5em;
}

.torrent-files .torrent-file + .torrent-serial,
.torrent-files .torrent-serial + .torrent-file,
.torrent-files .torrent-serial + .torrent-serial,
.torrent-files .torrent-file + .torrent-file {
  margin-top: 1em;
}

.torrent-item {
  background-color: rgba(22, 22, 22, 0.3);
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  padding: 1em;
  line-height: 1.2;
  position: relative;
}
.torrent-item__title {
  font-size: 1.3em;
  word-break: break-all;
  font-weight: bold;
}
.torrent-item__details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: rgba(255, 255, 255, 0.726);
  margin-top: 0.6em;
  font-weight: 600;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .torrent-item__details > * {
    margin: 0.3em 0.3em 0 0 !important;
  }
}
@media screen and (max-width: 580px) {
  .torrent-item__details {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.torrent-item__date {
  margin-right: 1em;
}
.torrent-item__tracker {
  margin-right: 1em;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media screen and (max-width: 580px) {
  .torrent-item__tracker {
    width: 80%;
  }
}
.torrent-item__size {
  background-color: #ffffff;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  color: #000000;
  padding: 0.3em 0.5em;
}
@media screen and (max-width: 580px) {
  .torrent-item__size {
    margin-left: auto !important;
  }
}
.torrent-item__bitrate, .torrent-item__grabs, .torrent-item__seeds {
  margin-right: 1em;
}
.torrent-item__bitrate > span, .torrent-item__grabs > span, .torrent-item__seeds > span {
  color: #ffffff;
}
.torrent-item__size {
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .torrent-item__size {
    width: auto;
  }
}
.torrent-item__viewed {
  position: absolute;
  top: -0.75em;
  left: -0.75em;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  width: 2em;
  height: 2em;
  padding: 0.3em;
  color: #000000;
  background-color: rgba(0, 0, 0, 0.3490196078);
}
.torrent-item__stat {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  background-color: rgba(255, 255, 255, 0.25);
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  line-height: 1.4;
  margin-top: 0.7em;
  font-size: 0.9em;
}
.torrent-item__stat > div {
  padding: 0.2em 0.8em;
}
.torrent-item__ffprobe {
  padding-top: 0.3em;
}
.torrent-item__ffprobe > div {
  float: left;
  background: rgba(255, 255, 255, 0.25);
  padding: 0.4em;
  margin-right: 0.5em;
  margin-top: 0.5em;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  white-space: nowrap;
}
.torrent-item__ffprobe > div::before {
  content: "";
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  margin-top: -0.2em;
}
.torrent-item__ffprobe > div.m-video::before {
  background-image: url(../img/icons/film.svg);
}
.torrent-item__ffprobe > div.m-channels::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 512 512' xml:space='preserve' class=''%3E%3Cpath d='M410.832 86.797c-13.048 0-23.663 10.639-23.663 23.717V401.64c1.194 31.473 46.23 31.36 47.416 0V110.514c0-13.077-10.655-23.717-23.753-23.717zM256 86.797c-13.098 0-23.753 10.639-23.753 23.717V401.64c1.197 31.429 46.321 31.404 47.507 0V110.514c0-13.077-10.656-23.717-23.754-23.717zM333.415 173.517c-13.047 0-23.661 10.639-23.661 23.717v117.687c1.194 31.475 46.229 31.358 47.415 0V197.234c0-13.078-10.656-23.717-23.754-23.717zM488.247 216.878c-13.047 0-23.662 10.639-23.662 23.717v30.966c1.194 31.474 46.229 31.359 47.415 0v-30.966c0-13.078-10.655-23.717-23.753-23.717zM23.754 216.878C10.656 216.878 0 227.517 0 240.594v30.966c1.198 31.382 46.233 31.451 47.415 0v-30.966c0-13.077-10.614-23.716-23.661-23.716zM101.169 130.157c-13.098 0-23.754 10.639-23.754 23.717V358.28c1.198 31.384 46.234 31.45 47.417 0V153.874c0-13.078-10.615-23.717-23.663-23.717zM178.585.077c-13.098 0-23.753 10.639-23.753 23.717V488.36c1.197 31.383 46.232 31.45 47.415 0V23.794c0-13.078-10.615-23.717-23.662-23.717z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
}
.torrent-item__ffprobe > div.m-audio::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cpath d='M12 2a5 5 0 0 0-5 5v5a5 5 0 0 0 10 0V7a5 5 0 0 0-5-5z' fill='%23fff'%3E%3C/path%3E%3Cpath d='M6 11a1 1 0 1 0-2 0v1a8.001 8.001 0 0 0 7 7.938V21a1 1 0 1 0 2 0v-1.062A8.001 8.001 0 0 0 20 12v-1a1 1 0 1 0-2 0v1a6 6 0 0 1-12 0z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
}
.torrent-item__ffprobe > div.m-subtitle::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M27 27H5a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3h22a3 3 0 0 1 3 3v16a3 3 0 0 1-3 3zM5 7a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1zm7 9a1 1 0 0 0-1-1H8a1 1 0 0 0 0 2h3a1 1 0 0 0 1-1zm13 0a1 1 0 0 0-1-1h-8a1 1 0 0 0 0 2h8a1 1 0 0 0 1-1zm0 5a1 1 0 0 0-1-1h-3a1 1 0 0 0 0 2h3a1 1 0 0 0 1-1zm-8 0a1 1 0 0 0-1-1H8a1 1 0 0 0 0 2h8a1 1 0 0 0 1-1z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
}
.torrent-item__ffprobe::after {
  content: "";
  display: block;
  clear: both;
}
.torrent-item + .torrent-item {
  margin-top: 1em;
}
.torrent-item.focus::after {
  content: "";
  position: absolute;
  top: -0.6em;
  left: -0.6em;
  right: -0.6em;
  bottom: -0.6em;
  -webkit-border-radius: 0.7em;
          border-radius: 0.7em;
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgb(55, 145, 133)), to(rgb(60, 106, 133)));
  background: -webkit-linear-gradient(left, rgb(55, 145, 133) 1%, rgb(60, 106, 133) 100%);
  background: -o-linear-gradient(left, rgb(55, 145, 133) 1%, rgb(60, 106, 133) 100%);
  background: linear-gradient(to right, rgb(55, 145, 133) 1%, rgb(60, 106, 133) 100%);
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.288);
          box-shadow: 0 10px 10px rgba(0, 0, 0, 0.288); /* Тень для эффекта */
  z-index: -1;
  pointer-events: none;
}
.torrent-item--popular {
  background-color: rgba(255, 255, 255, 0.2);
}

.torrent-file {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  padding: 1em;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding-bottom: 2em;
}
.torrent-file__title {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 1.3em;
  line-height: 1.2;
  overflow: hidden;
  padding-right: 1em;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.torrent-file__title .exe {
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  background: rgba(255, 255, 255, 0.06);
  padding: 0.2em 0.4em;
  display: inline-block;
  margin-left: 0.6em;
}
.torrent-file__size {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  background: #262829;
  font-size: 1.3em;
  padding: 0.3em 0.5em;
}
.torrent-file .time-line {
  position: absolute;
  left: 1em;
  right: 1em;
  bottom: 1em;
  display: block !important;
}
.torrent-file.focus {
  background-color: rgba(255, 255, 255, 0.2);
}

.torrent-error > div + div {
  margin-top: 1.3em;
}
.torrent-error > div {
  line-height: 1.2;
}
.torrent-error > div > div {
  font-size: 1.4em;
}
.torrent-error > div > ul {
  margin: 0;
  margin-top: 0.2em;
  font-size: 1.2em;
  font-weight: 300;
}
.torrent-error > div > ul > li {
  position: relative;
  padding-left: 1em;
}
.torrent-error > div > ul > li::before {
  content: "";
  display: block;
  width: 0.3em;
  height: 0.3em;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  background-color: #ddd;
  position: absolute;
  top: 0.5em;
  left: 0;
}
.torrent-error > div > ul > li + li {
  margin-top: 0.2em;
}
.torrent-error code {
  background-color: #4c4c4c;
  -webkit-border-radius: 0.2em;
          border-radius: 0.2em;
  padding: 0 0.5em;
  word-break: break-all;
  font-family: inherit;
  font-size: inherit;
}

.error + .torrent-error {
  margin-top: 2em;
}

.torrent-filter {
  -webkit-border-radius: 0.4em;
          border-radius: 0.4em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2em;
}
@media screen and (min-width: 767px) {
  .torrent-filter .simple-button.filter--back {
    display: none;
  }
}
@media screen and (max-width: 580px) {
  .torrent-filter {
    white-space: nowrap;
  }
  .torrent-filter .simple-button.filter--search div {
    display: none;
  }
}

.torrent-serial {
  position: relative;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  background: #1d1f20;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.torrent-serial__progress {
  width: 0.3em;
  position: absolute;
  height: 0;
  background: #fff;
  top: 50%;
  right: 0;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  -webkit-transition: height 0.1s linear;
  -o-transition: height 0.1s linear;
  transition: height 0.1s linear;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.torrent-serial__img {
  width: 12em;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  height: 7em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.torrent-serial__img.loaded {
  opacity: 1;
}
@media screen and (max-width: 400px) {
  .torrent-serial__img {
    width: 7em;
    height: 5em;
  }
}
.torrent-serial__content {
  padding: 0.8em 1em;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  .torrent-serial__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.torrent-serial__body {
  float: left;
  max-width: 80%;
}
@media screen and (max-width: 580px) {
  .torrent-serial__body {
    max-width: 72%;
  }
}
.torrent-serial__title {
  font-size: 1.7em;
  overflow: hidden;
  line-height: 1.2;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: -0.1em;
}
@media screen and (max-width: 580px) {
  .torrent-serial__title {
    font-size: 1.6em;
  }
}
@media screen and (max-width: 400px) {
  .torrent-serial__title {
    font-size: 1.4em;
  }
}
.torrent-serial__line {
  font-size: 1.1em;
  margin-top: 0.5em;
  font-weight: 300;
  line-height: 1.2;
}
.torrent-serial__line b {
  font-weight: 500;
}
.torrent-serial__line span + span:before {
  content: "•";
  display: inline-block;
  margin: 0 0.5em;
  vertical-align: baseline;
}
@media screen and (max-width: 400px) {
  .torrent-serial__line span:last-child {
    display: none;
  }
}
@media screen and (max-width: 580px) {
  .torrent-serial__line {
    font-size: 1em;
  }
}
@media screen and (max-width: 400px) {
  .torrent-serial__line {
    padding-right: 1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .torrent-serial__line span + span {
    margin-top: 0.5em;
  }
  .torrent-serial__line span + span:before {
    display: none;
  }
}
.torrent-serial__clear {
  clear: both;
}
.torrent-serial__size {
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  background: #262829;
  font-size: 1.3em;
  padding: 0.3em 0.5em;
}
.torrent-serial__exe {
  font-size: 1.4em;
  margin-top: 0.2em;
}
.torrent-serial__detail {
  text-align: right;
  margin-left: auto;
  white-space: nowrap;
  float: right;
}
@media screen and (max-width: 400px) {
  .torrent-serial__detail {
    font-size: 0.9em;
  }
}
.torrent-serial__episode {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
  left: 0;
  top: 0;
  -webkit-border-radius: 0.2em;
          border-radius: 0.2em;
  padding: 0.3em 0.5em;
  font-size: 1.4em;
  font-weight: 600;
}
@media screen and (max-width: 400px) {
  .torrent-serial__episode {
    font-size: 1.2em;
  }
}
.torrent-serial.focus {
  background-color: #353535;
}
@media screen and (max-width: 400px) {
  .torrent-serial {
    padding-bottom: 3.4em;
  }
}
@media screen and (max-width: 400px) {
  .torrent-serial {
    padding-bottom: 0;
  }
}
.torrent-serial .time-line {
  display: block !important;
}
@media screen and (max-width: 480px) {
  .torrent-serial .time-line {
    position: absolute;
    top: 5em;
    left: 1em;
    width: 10em;
  }
}
@media screen and (max-width: 400px) {
  .torrent-serial .time-line {
    top: 3em;
    width: 5em;
  }
}

.torrent-install {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 580px) {
  .torrent-install {
    display: block;
  }
}
.torrent-install__left, .torrent-install__details {
  width: 50%;
}
@media screen and (max-width: 580px) {
  .torrent-install__left, .torrent-install__details {
    width: 100%;
  }
}
.torrent-install__left {
  padding-right: 3em;
}
@media screen and (max-width: 580px) {
  .torrent-install__left {
    display: none;
  }
}
.torrent-install__title {
  font-size: 2em;
  line-height: 1.4;
  margin-bottom: 0.7em;
}
.torrent-install__descr {
  font-size: 1.3em;
  line-height: 1.4em;
  margin-bottom: 3em;
}
.torrent-install__label {
  font-size: 1.2em;
  margin-bottom: 1em;
}
.torrent-install__links:after {
  display: block;
  content: "";
  clear: both;
}
.torrent-install__link {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
  padding: 1em;
  -webkit-border-radius: 0.4em;
          border-radius: 0.4em;
  background-color: #ffffff;
  color: #000;
}
.torrent-install__link > div:first-child {
  font-size: 1.1em;
  margin-bottom: 0.4em;
}
.torrent-install__link > div:last-child {
  font-size: 1.2em;
}

.torrent-checklist__title {
  font-size: 2em;
  line-height: 1.4;
  margin-bottom: 0.7em;
}
.torrent-checklist__descr {
  font-size: 1.2em;
  line-height: 1.4em;
  margin-bottom: 2em;
}
.torrent-checklist__progress-steps {
  margin-bottom: 1em;
}
.torrent-checklist__progress-bar {
  background-color: rgba(255, 255, 255, 0.15);
  -webkit-border-radius: 5em;
          border-radius: 5em;
  margin-bottom: 2em;
}
.torrent-checklist__progress-bar > div {
  height: 0.5em;
  background-color: #fff;
  -webkit-border-radius: 5em;
          border-radius: 5em;
}
.torrent-checklist__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.torrent-checklist__footer {
  margin-top: 2em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.torrent-checklist__steps, .torrent-checklist__info {
  width: 50%;
}
@media screen and (max-width: 480px) {
  .torrent-checklist__steps {
    display: none;
  }
}
.torrent-checklist__list {
  margin: 0;
}
.torrent-checklist__list > li {
  margin-bottom: 1em;
  color: #8D8D8D;
}
.torrent-checklist__list > li.wait {
  color: #fff;
}
.torrent-checklist__list > li.check {
  text-decoration: line-through;
}
.torrent-checklist__info > div {
  font-size: 1.2em;
  line-height: 1.6;
}
@media screen and (max-width: 480px) {
  .torrent-checklist__info {
    width: 100%;
  }
}

.torrnet-folder-name {
  font-size: 1.4em;
  padding: 1.4em 0;
  opacity: 0.5;
}
.torrnet-folder-name::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(../img/icons/menu/catalog.svg) no-repeat 50% 50%;
  background-size: contain;
  margin-right: 0.7em;
  margin-top: -0.3em;
}

body.platform--orsay .torrnet-folder-name::before,
body.platform--netcast .torrnet-folder-name::before {
  display: none;
}
body.platform--orsay .torrent-item__ffprobe > div::before,
body.platform--netcast .torrent-item__ffprobe > div::before {
  display: none;
}

.feed {
  padding: 0 1.5em;
}

.feed-head {
  padding-bottom: 3em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.feed-head__icon {
  width: 8.2em;
  height: 8.2em;
  position: relative;
  margin-right: 2em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media screen and (max-width: 580px) {
  .feed-head__icon {
    margin: 0;
    margin-bottom: 1em;
    font-size: 1.2em;
  }
}
.feed-head__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 100%;
          border-radius: 100%;
}
.feed-head__body {
  line-height: 1.4;
}
.feed-head__title {
  font-size: 2.2em;
}
.feed-head__info {
  font-size: 1.4em;
  margin-top: 0.1em;
  font-weight: 300;
}
@media screen and (max-width: 580px) {
  .feed-head {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
}

.feed-item {
  position: relative;
  padding-left: 3em;
}
@media screen and (max-width: 580px) {
  .feed-item {
    padding-left: 0;
  }
}
.feed-item__head {
  margin-bottom: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.feed-item__icon {
  padding: 0.5em;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  background: rgba(255, 255, 255, 0.15);
  margin-right: 1em;
}
.feed-item__icon svg {
  width: 1.8em !important;
  height: 1.8em !important;
}
.feed-item__label {
  padding: 0.3em 0.5em;
  background: rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  font-size: 1.1em;
}
.feed-item__label--top {
  background-color: #D69517;
}
.feed-item__label--now {
  background-color: #6F8DDC;
}
.feed-item__label--now_playing {
  background-color: #DA6FDC;
}
.feed-item__label--uhd {
  background-color: #69B96C;
}
.feed-item__label--popular {
  background-color: #B9A769;
}
.feed-item__label--trailer {
  background-color: #9291A4;
}
.feed-item__label--episode {
  background-color: #CD5050;
}
.feed-item__body {
  padding-left: 3.8em;
  line-height: 1.4;
  width: 60%;
}
@media screen and (max-width: 400px) {
  .feed-item__body {
    width: 90%;
  }
}
.feed-item__title {
  font-size: 2.5em;
  overflow: hidden;
  -o-text-overflow: ".";
     text-overflow: ".";
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 580px) {
  .feed-item__title {
    font-size: 2em;
  }
}
.feed-item__info {
  font-size: 1.3em;
  opacity: 0.5;
  margin-top: 0.7em;
}
@media screen and (max-width: 580px) {
  .feed-item__info {
    font-size: 1.1em;
  }
}
.feed-item__descr {
  font-size: 1.3em;
  font-weight: 300;
  margin-top: 1.7em;
  line-height: 1.6;
  overflow: hidden;
  -o-text-overflow: ".";
     text-overflow: ".";
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
}
.feed-item__tags {
  margin-top: 1.3em;
}
.feed-item__right {
  position: absolute;
  top: 0;
  right: 8%;
  width: 20%;
}
@media screen and (max-width: 767px) {
  .feed-item__right {
    width: 26%;
  }
}
@media screen and (max-width: 400px) {
  .feed-item__right {
    position: relative;
    width: 67%;
    margin-left: 3.7em;
    right: 0;
    padding-bottom: 1em;
  }
}
.feed-item__poster-img, .feed-item__image-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 1em;
          border-radius: 1em;
  opacity: 0;
}
.feed-item__poster-box, .feed-item__image-box {
  position: relative;
  padding-bottom: 150%;
  background: #262829;
  -webkit-border-radius: 1em;
          border-radius: 1em;
}
.feed-item__poster-box.loaded, .feed-item__image-box.loaded {
  background: transparent;
  -webkit-border-radius: 0;
          border-radius: 0;
}
.feed-item__poster-box.loaded .feed-item__poster-img,
.feed-item__poster-box.loaded .feed-item__image-img, .feed-item__image-box.loaded .feed-item__poster-img,
.feed-item__image-box.loaded .feed-item__image-img {
  opacity: 1;
}
.feed-item__image-box {
  padding-bottom: 56%;
}
.feed-item__minicard {
  position: absolute;
  top: 50%;
  right: -2em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.feed-item__minicard-poster {
  width: 9em;
  margin-left: 2em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.feed-item__minicard .feed-item__title {
  font-size: 1.7em;
  max-width: 11em;
}
.feed-item__minicard .feed-item__info {
  font-size: 1.1em;
}
.feed-item__buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3em;
}
.feed-item__tags::before {
  content: url(../img/icons/menu/bookmark.svg);
  width: 1em;
  height: 1em;
  height: 1.2em;
  margin-right: 0.7em;
}
.feed-item + .feed-item {
  margin-top: 6em;
}
.feed-item:not(:last-child)::after {
  content: "";
  display: block;
  background-color: rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 2.8em;
  left: 4.4em;
  bottom: -6em;
  width: 2px;
}
@media screen and (max-width: 580px) {
  .feed-item:not(:last-child)::after {
    left: 1.3em;
  }
}
.feed-item--episode .feed-item__body, .feed-item--trailer .feed-item__body {
  width: 48%;
}
.feed-item--episode .feed-item__right, .feed-item--trailer .feed-item__right {
  width: 35%;
}
.feed-item--episode .feed-item__descr, .feed-item--trailer .feed-item__descr {
  min-height: 6em;
}
@media screen and (max-width: 767px) {
  .feed-item--trailer .feed-item__body, .feed-item--episode .feed-item__body {
    width: 87%;
  }
  .feed-item--trailer .feed-item__minicard, .feed-item--episode .feed-item__minicard {
    top: auto;
    bottom: -5em;
    left: 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .feed-item--trailer .feed-item__right, .feed-item--episode .feed-item__right {
    position: relative;
    width: 80%;
    right: 0;
    margin-left: 3.7em;
    margin-bottom: 7em;
  }
  .feed-item--trailer .feed-item__title, .feed-item--episode .feed-item__title {
    font-size: 2em;
  }
  .feed-item--trailer .feed-item__poster-img, .feed-item--episode .feed-item__poster-img {
    width: 23%;
    min-width: 9em;
  }
}

.files {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.files__left {
  width: 20em;
  padding: 2.5em 1.5em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.files__left .full-start__poster {
  display: inline-block;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media screen and (max-width: 580px) {
  .files__left .full-start__poster {
    display: none;
    margin-right: 2em;
  }
  .files__left .full-start__poster .full-start__img {
    font-size: 0.28em;
  }
}
@media screen and (max-width: 767px) {
  .files__left {
    width: 17em;
  }
}
@media screen and (max-width: 580px) {
  .files__left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-bottom: 1em;
  }
}
.files__body {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%;
  max-width: -webkit-calc(100% - 20em);
  max-width: calc(100% - 20em);
}
@media screen and (max-width: 767px) {
  .files__body {
    max-width: -webkit-calc(100% - 17em);
    max-width: calc(100% - 17em);
  }
}
@media screen and (max-width: 580px) {
  .files__body {
    width: 100%;
    max-width: 100%;
  }
}
.files__info {
  overflow: hidden;
}
.files__title {
  font-size: 2em;
  font-weight: 700;
  margin-top: 1.1em;
}
@media screen and (max-width: 580px) {
  .files__title {
    margin-top: 0.5em;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    margin-top: 0;
  }
}
.files__title-original {
  font-size: 1.5em;
  margin-top: 0.8em;
}
@media screen and (max-width: 580px) {
  .files {
    display: block;
  }
}

.explorer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.explorer__left {
  width: 27%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .explorer__left {
    display: none;
  }
}
.explorer__card {
  padding-left: 1.5em;
}
.explorer__files {
  width: 73%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.explorer__files-head {
  padding: 1.5em;
  padding-bottom: 0;
  line-height: 1.4;
}
.explorer__files-head .scroll__body::after {
  display: none !important;
}
.explorer__files-head .explorer-card__qr-block--top {
  width: 100%;
  margin-bottom: 1em;
  background-color: rgba(255, 255, 255, 0);
  color: #ffffff;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  -webkit-border-radius: 0.7em;
          border-radius: 0.7em;
  border: 1px solid rgba(255, 255, 255, 0.027);
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.041);
          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.041);
  position: relative;
  overflow: hidden;
}
.explorer__files-head .explorer-card__qr-block--top.hide-animation {
  -webkit-animation: fadeOut 0.5s forwards;
          animation: fadeOut 0.5s forwards;
}
.explorer__files-head .explorer-card__qr-block--top::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgb(96, 255, 189)), to(rgb(98, 163, 201)));
  background: -webkit-linear-gradient(left, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -o-linear-gradient(left, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: linear-gradient(to right, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transition: -webkit-transform linear;
  transition: -webkit-transform linear;
  -o-transition: transform linear;
  transition: transform linear;
  transition: transform linear, -webkit-transform linear;
}
.explorer__files-head .explorer-card__qr-block--top.timer-active::after {
  -webkit-animation: timer 10s linear forwards;
          animation: timer 10s linear forwards;
}
@media screen and (max-width: 580px) {
  .explorer__files-head .explorer-card__qr-block--top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0.8em;
  }
}
@media screen and (max-width: 580px) {
  .explorer__files-head .explorer-card__qr-block--top .explorer-card__qr-text {
    font-size: 0.8em;
  }
  .explorer__files-head .explorer-card__qr-block--top .explorer-card__qr-text span {
    margin-bottom: 0.3em;
    font-size: 1.1em;
  }
}
@media screen and (max-width: 580px) {
  .explorer__files-head .explorer-card__qr-block--top .explorer-card__qr-image {
    width: 4em;
    height: 4em;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .explorer__files {
    width: 100%;
  }
}
.explorer__files .torrent-filter {
  margin-bottom: 0;
}
.explorer__files .torrent-filter .simple-button {
  font-size: 1.2em;
  -webkit-border-radius: 0.7em;
          border-radius: 0.7em;
}
.explorer__files .torrent-filter .simple-button:not(.focus) {
  background-color: rgba(0, 0, 0, 0.07);
}
.explorer__search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.explorer__search > svg {
  width: 1.2em;
  height: 1.2em;
  margin-right: 1em;
}
.explorer__search > span {
  font-size: 1.1em;
}
.explorer--fullsize .explorer__card,
.explorer--fullsize .explorer__left {
  display: none;
}
.explorer--fullsize .explorer__files {
  width: 100%;
}

.explorer-card {
  line-height: 1.4;
}
.explorer-card__head {
  margin-bottom: 1em;
}
.explorer-card__head-left {
  width: 15em;
}
.explorer-card__head-body {
  margin-top: 1em;
  margin-bottom: 0.3em;
}
.explorer-card__head-img {
  position: relative;
  padding-bottom: 56.25%;
}
.explorer-card__head-img > img {
  -webkit-border-radius: 0.2em;
          border-radius: 0.2em;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #3E3E3E;
}
.explorer-card__head-img.focus::after {
  content: "";
  position: absolute;
  top: -0.5em;
  left: -0.5em;
  right: -0.5em;
  bottom: -0.5em;
  border: 0.2em solid #abffd5;
  -webkit-border-radius: 0.7em;
          border-radius: 0.7em;
  z-index: -1;
  pointer-events: none;
}
.explorer-card__head-create {
  font-size: 1.1em;
  display: inline-block;
}
.explorer-card__head-rate {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.5em;
}
.explorer-card__head-rate > svg {
  width: 1.5em !important;
  height: 1.5em !important;
  margin-right: 0.5em;
}
.explorer-card__head-rate > span {
  font-size: 1.5em;
  font-weight: 600;
}
.explorer-card__head-age {
  border: 1px solid #fff;
  display: inline-block;
  -webkit-border-radius: 0.2em;
          border-radius: 0.2em;
  padding: 0.2em 0.3em;
  margin-left: 1em;
  font-size: 0.9em;
}
.explorer-card__qr-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2em;
  padding: 1em;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0.5em;
          border-radius: 0.5em;
}
@media screen and (max-width: 580px) {
  .explorer-card__qr-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.explorer-card__qr-block--top .explorer-card__qr-text {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.explorer-card__qr-block--top .explorer-card__qr-text span {
  font-weight: 500;
}
.explorer-card__qr-block--top .explorer-card__qr-text b {
  font-weight: 700;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 0 0.3em;
  -webkit-border-radius: 0.2em;
          border-radius: 0.2em;
}
.explorer-card__qr-image {
  width: 5em;
  height: 5em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 1.5em;
}
.explorer-card__qr-image img {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
}
@media screen and (max-width: 580px) {
  .explorer-card__qr-image {
    margin-right: 0;
    margin-bottom: 1em;
  }
}
.explorer-card__qr-text {
  font-size: 0.9em;
  line-height: 1.4;
}
.explorer-card__qr-text span {
  display: block;
  font-weight: 400;
  margin-bottom: 0.5em;
}
.explorer-card__qr-text p {
  margin: 0;
  opacity: 0.8;
}
.explorer-card__qr-text b {
  font-weight: 700;
}
.explorer-card__title {
  font-size: 2.3em;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 0.3em;
}
.explorer-card__title.small {
  font-size: 1.6em;
}
.explorer-card__genres {
  margin-bottom: 2em;
}
.explorer-card__descr {
  font-size: 1.15em;
  font-weight: 300;
}

@media screen and (max-width: 991px) {
  body.light--version .explorer__left {
    display: none;
  }
  body.light--version .explorer__files {
    width: 100%;
  }
}

@-webkit-keyframes timer {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

@keyframes timer {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    max-height: 200px;
    margin-bottom: 1em;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-width: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    max-height: 200px;
    margin-bottom: 1em;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-width: 0;
  }
}
.about {
  font-size: 1.4em;
  line-height: 1.3;
  font-weight: 300;
}
.about > div + div {
  margin-top: 1.5em;
}
.about small {
  font-weight: 400;
}
.about__contacts {
  padding-top: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -0.5em;
}
.about__contacts > div {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0.5em;
}
.about__contacts__link {
  float: left;
  margin-right: 0.5em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding: 1em;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  background-color: rgba(255, 255, 255, 0.0941176471);
  color: #ffffff;
}
.about__contacts__link > div:first-child {
  font-size: 1.1em;
  margin-bottom: 0.4em;
}
.about__contacts__link > div:last-child {
  font-size: 1em;
}
.about__rules {
  padding-top: 1em;
  font-size: 0.9em;
}
.about__rules ol {
  list-style-type: none;
  counter-reset: item;
}
.about__rules li {
  counter-increment: item;
  display: table;
}
.about__rules li > h6 {
  font-size: 1em;
}
.about__rules h1, .about__rules h2, .about__rules h3, .about__rules h4, .about__rules h5, .about__rules h6 {
  font-weight: 500;
  margin: 0;
}
.about__rules li > * + * {
  margin-top: 1.5em;
}
.about__rules li > *:first-child {
  padding-top: 0px;
}
.about__rules li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  vertical-align: top;
  padding-right: 0.9em;
  padding-top: 0em;
  font-size: 1em;
}
.about__rules li li:before {
  content: counters(item, ".") " ";
}
.about__rules li + li {
  margin-top: 1.8em;
}
.about__rules ol {
  padding-left: 0px;
}
.about__rules > ol > li:before {
  padding-top: 0px;
  font-size: 1em;
  font-weight: 700;
  padding-right: 0.48em;
}
.about__rules a {
  color: inherit;
}

.error {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.error__ico {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 2em;
  width: 7em;
  height: 7em;
  background: url(../img/error.svg) no-repeat 50% 50%;
  background-size: contain;
}
.error__text {
  font-size: 1.4em;
  line-height: 1.2;
  margin-top: 0.7em;
  font-weight: 300;
}
.error__title {
  font-size: 1.7em;
}

.season-info {
  position: relative;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 1.2em;
  margin-bottom: 1.5em;
  line-height: 1.4;
}
.season-info__title {
  font-size: 1.7em;
}
.season-info__head {
  margin-top: 0.5em;
  font-weight: 100;
}
.season-info__overview {
  margin-top: 1em;
}

.season-episode {
  position: relative;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  background-color: rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  will-change: transform;
}
.season-episode__body {
  padding: 1.2em;
  line-height: 1.3;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
}
@media screen and (max-width: 480px) {
  .season-episode__body {
    padding: 0.8em 1.2em;
  }
}
.season-episode__img {
  position: relative;
  width: 13em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  min-height: 8.2em;
}
.season-episode__img > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.season-episode__img--loaded > img {
  opacity: 1;
}
@media screen and (max-width: 480px) {
  .season-episode__img {
    width: 7em;
    min-height: 6em;
  }
}
.season-episode__folder {
  padding: 1em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.season-episode__folder > svg {
  width: 4.4em !important;
  height: 4.4em !important;
}
.season-episode__viewed {
  position: absolute;
  top: 1em;
  left: 1em;
  background: rgba(0, 0, 0, 0.45);
  -webkit-border-radius: 100%;
          border-radius: 100%;
  padding: 0.25em;
  font-size: 0.76em;
}
.season-episode__viewed > svg {
  width: 1.5em !important;
  height: 1.5em !important;
}
.season-episode__episode-number {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2em;
}
.season-episode__loader {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2em;
  height: 2em;
  margin-left: -1em;
  margin-top: -1em;
  background: url(./img/loader.svg) no-repeat center center;
  background-size: contain;
}
.season-episode__head, .season-episode__footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.season-episode__timeline {
  margin: 0.8em 0;
}
.season-episode__timeline > .time-line {
  display: block !important;
}
.season-episode__title {
  font-size: 1.7em;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 480px) {
  .season-episode__title {
    font-size: 1.4em;
  }
}
.season-episode__time {
  padding-left: 2em;
}
.season-episode__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.season-episode__info > * {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.season-episode__quality {
  padding-left: 1em;
  white-space: nowrap;
}
.season-episode__scan-file {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.season-episode__scan-file .broadcast__scan {
  margin: 0;
}
.season-episode.focus::after {
  content: "";
  position: absolute;
  top: -0.6em;
  left: -0.6em;
  right: -0.6em;
  bottom: -0.6em;
  -webkit-border-radius: 0.7em;
          border-radius: 0.7em;
  border: solid 0.3em #fff;
  z-index: -1;
  pointer-events: none;
}
.season-episode + .season-episode {
  margin-top: 1.5em;
}
.season-episode--folder .season-episode__footer {
  margin-top: 0.8em;
}
.season-episode-split {
  font-size: 0.8em;
  margin: 0 1em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.season-episode-rate {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.season-episode-rate > svg {
  width: 1.3em !important;
  height: 1.3em !important;
}
.season-episode-rate > span {
  font-weight: 600;
  font-size: 1.1em;
  padding-left: 0.7em;
}

.simple-button {
  margin-right: 1em;
  font-size: 1.3em;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 0.3em 1.2em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-border-radius: 1em;
          border-radius: 1em;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2.8em;
}
.simple-button > svg {
  width: 1.5em;
  height: 1.5em;
}
.simple-button > svg + span {
  margin-left: 1em;
}
.simple-button > span {
  margin-top: -0.2em;
}
.simple-button.focus {
  background: linear-gradient(to right, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -webkit-linear-gradient(left, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -o-linear-gradient(left, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgb(96, 255, 189)), to(rgb(98, 163, 201)));
  color: #1b1b1b;
}
.simple-button--filter > div {
  font-size: 0.7em;
  padding: 0.3em 0.5em;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  margin-left: 1em;
}
.simple-button--filter > div::first-letter {
  text-transform: uppercase;
}
@media screen and (min-width: 767px) {
  .simple-button--filter {
    overflow: hidden;
  }
  .simple-button--filter > div {
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.simple-button--invisible:not(.focus) {
  background-color: rgba(0, 0, 0, 0.07);
}
@media screen and (max-width: 580px) {
  .simple-button.filter--search span {
    display: none;
  }
}

.search-box {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  z-index: 50;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1.5em;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.search-box .search__input {
  padding-left: 0;
  width: 50%;
}
.search-box .search__input.filled::after {
  content: "";
  display: inline-block;
  border-right: 0.15em solid #fff;
  height: 1em;
  margin: -1em 0;
  margin-left: 0.1em;
  -webkit-animation: animation-search-input-line 0.8s infinite;
          animation: animation-search-input-line 0.8s infinite;
}
@media screen and (max-width: 767px) {
  .search-box .search__input {
    width: 100%;
  }
}
.search-box__keypad {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .search-box__keypad {
    width: 100%;
  }
}
.search-box--focus {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

body.system--keyboard .search-box .simple-keyboard-input {
  border-bottom: 2px solid rgba(255, 255, 255, 0.15);
}

.console {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1d1f20;
  z-index: 100;
  padding: 1.5em 0;
}
.console__line {
  padding: 0.3em 1.5em;
  font-size: 1.1em;
  line-height: 1.2;
  word-break: break-all;
}
.console__line:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.05);
}
.console__line.focus {
  background-color: rgba(255, 255, 255, 0.2);
}
.console__tabs .scroll__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.console__tab {
  font-size: 1.1em;
  background-color: #3e3e3e;
  padding: 0.6em;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  white-space: nowrap;
}
.console__tab + .console__tab {
  margin-left: 1em;
}
.console__tab > span {
  font-size: 0.7em;
  background-color: rgba(221, 221, 221, 0.2);
  padding: 0.3em;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  text-align: center;
  min-width: 1.8em;
  display: inline-block;
}
.console__tab.focus {
  background: #fff;
  color: #000;
}
.console__time {
  color: #7c7c7c;
  font-weight: 300;
}

.time-line {
  margin-top: 1em;
  -webkit-border-radius: 3em;
          border-radius: 3em;
  background-color: rgba(255, 255, 255, 0.1);
}
.time-line > div {
  height: 0.3em;
  -webkit-border-radius: 3em;
          border-radius: 3em;
  -webkit-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
  background: -webkit-gradient(linear, left top, right top, from(#24b9d7), to(#91e6c7));
  background: -webkit-linear-gradient(left, #24b9d7, #91e6c7);
  background: -o-linear-gradient(left, #24b9d7, #91e6c7);
  background: linear-gradient(to right, #24b9d7, #91e6c7);
}
.time-line > div[style*="width: 100%"] {
  background: -webkit-gradient(linear, left top, right top, from(#1faf4c), to(#91e6c7));
  background: -webkit-linear-gradient(left, #1faf4c, #91e6c7);
  background: -o-linear-gradient(left, #1faf4c, #91e6c7);
  background: linear-gradient(to right, #1faf4c, #91e6c7);
}
.time-line > div[style*="width: 10"] {
  background: -webkit-gradient(linear, left top, right top, from(#24b9d7), to(#4794ED));
  background: -webkit-linear-gradient(left, #24b9d7, #4794ED);
  background: -o-linear-gradient(left, #24b9d7, #4794ED);
  background: linear-gradient(to right, #24b9d7, #4794ED);
}

.noty {
  position: fixed;
  top: 1.5em;
  right: 1.5em;
  z-index: 98;
  -webkit-border-radius: 0.7em;
          border-radius: 0.7em;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  opacity: 0;
  pointer-events: none;
  text-align: center;
  color: #000000;
  background: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.082);
  width: 35em;
  min-height: 6em;
  will-change: transform, opacity;
}
.noty__ico {
  margin-right: 1em;
  width: 2.8em;
  height: 2.8em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.noty__body {
  font-size: 1.3em;
  padding: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.noty__text {
  font-size: 1.2em;
  overflow-wrap: break-word;
  word-wrap: break-word;
  max-width: 100%;
}
.noty--visible {
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
  opacity: 1;
}
.noty--style--glass {
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(1em);
          backdrop-filter: blur(1em);
  color: #333;
}

@-webkit-keyframes noty-blink {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.3;
  }
}

@keyframes noty-blink {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.3;
  }
}
.noty-blink {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8431372549);
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-name: noty-blink;
          animation-name: noty-blink;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  pointer-events: none;
}

.helper {
  background: #ffffff;
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  z-index: 98;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  opacity: 0;
  pointer-events: none;
  text-align: center;
  color: #000000;
  width: 35em; /* Увеличенная ширина */
  height: 6em; /* Увеличенная высота */
}
.helper__ico {
  margin-right: 1em;
  width: 2.8em;
  height: 2.8em;
}
.helper__body {
  font-size: 1.3em;
  padding: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.helper--visible {
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
  opacity: 1;
}

@-webkit-keyframes helper-blink {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.3;
  }
}

@keyframes helper-blink {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.3;
  }
}
.helper-blink {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #fff;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-name: helper-blink;
          animation-name: helper-blink;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  pointer-events: none;
}

.no-network {
  position: fixed;
  z-index: 100;
  background: #1e1f21;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  padding: 2em;
}
.no-network__title {
  font-size: 2.2em;
}
.no-network__desc {
  font-size: 1.5em;
  margin-top: 0.7em;
  line-height: 1.2;
}

.screensaver-layer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  display: none;
}

.screensaver {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 10000;
  background-color: #000;
  top: 0;
  left: 0;
}
.screensaver__video {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.screensaver__video-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  background-color: #000;
}
.screensaver__title {
  position: fixed;
  bottom: 10%;
  z-index: 3;
  left: 5%;
  width: 50%;
  text-shadow: 2px 2px 2px #000;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.screensaver__title.visible {
  opacity: 0.5;
}
.screensaver__title-name {
  font-size: 3em;
  font-weight: 300;
  margin-bottom: 0.25em;
}
.screensaver__title-tagline {
  font-weight: 300;
  font-size: 1.5em;
}
.screensaver__preload {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  background: url(../img/loader.svg) no-repeat 50% 50%;
}
.screensaver__slides > img {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 0;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.screensaver__slides > img.visible {
  opacity: 1;
}
.screensaver__slides > img.lt {
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}
.screensaver__slides > img.rt {
  -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
          transform-origin: 100% 0;
}
.screensaver__slides > img.br {
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.screensaver__slides > img.lb {
  -webkit-transform-origin: 0 100%;
      -ms-transform-origin: 0 100%;
          transform-origin: 0 100%;
}
.screensaver__slides > img.ct {
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.screensaver__slides > img.animate {
  -webkit-animation: screensaver-slide-animate 45s linear;
          animation: screensaver-slide-animate 45s linear;
}
.screensaver__gradient {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 45%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(1%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.75) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.75) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.75) 100%);
  z-index: 2;
}
.screensaver__datetime {
  position: fixed;
  z-index: 3;
  width: 50%;
  text-shadow: 2px 2px 2px #000;
  opacity: 0.5;
  -webkit-transition: opacity 0.5s, top 0.5s, right 0.5s, bottom 0.5s, left 0.5s;
  -o-transition: opacity 0.5s, top 0.5s, right 0.5s, bottom 0.5s, left 0.5s;
  transition: opacity 0.5s, top 0.5s, right 0.5s, bottom 0.5s, left 0.5s;
}
.screensaver__datetime-time {
  font-size: 3em;
  font-weight: 300;
  margin-bottom: 0.25em;
}
.screensaver__datetime-date {
  font-weight: 300;
  font-size: 1.5em;
}
.screensaver-chrome {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
}
.screensaver-chrome__iframe {
  position: fixed;
  border: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.screensaver-chrome__overlay {
  position: fixed;
  border: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

@-webkit-keyframes screensaver-slide-animate {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

@keyframes screensaver-slide-animate {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
.plugins-catalog__title {
  font-size: 1.7em;
  line-height: 1.4;
}
.plugins-catalog__descr {
  font-size: 1.2em;
  line-height: 1.6;
  margin-bottom: 1.2em;
  font-weight: 300;
}
.plugins-catalog__line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1em 1em;
  font-size: 1.2em;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  background-color: #323232;
  white-space: nowrap;
}
.plugins-catalog__line:nth-child(2n) {
  background-color: transparent;
}
.plugins-catalog__line.focus {
  background-color: #fff;
  color: #323232;
}
@media screen and (min-width: 767px) {
  .plugins-catalog__line.focus .plugins-catalog__detail {
    display: none;
  }
  .plugins-catalog__line.focus .plugins-catalog__button {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .plugins-catalog__line {
    display: block;
  }
}
.plugins-catalog__url {
  padding-right: 2em;
  margin-right: auto;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
@media screen and (max-width: 480px) {
  .plugins-catalog__url {
    margin-bottom: 0.6em;
  }
}
.plugins-catalog__button {
  display: none;
}
.plugins-catalog__block + .plugins-catalog__block {
  margin-top: 4em;
}

@-webkit-keyframes scan {
  from {
    left: 0%;
  }
  to {
    left: 80%;
  }
}

@keyframes scan {
  from {
    left: 0%;
  }
  to {
    left: 80%;
  }
}
.broadcast__text {
  font-size: 1.2em;
  line-height: 1.6;
  margin-bottom: 1em;
  text-align: center;
}
.broadcast__scan {
  position: relative;
  height: 0.2em;
  margin-bottom: 1em;
}
.broadcast__scan > div {
  background-color: #fff;
  position: absolute;
  left: 0%;
  height: 100%;
  width: 20%;
  -webkit-border-radius: 5em;
          border-radius: 5em;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-name: scan;
          animation-name: scan;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.broadcast__device {
  font-size: 1.2em;
  padding: 1em;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
}
.broadcast__device:nth-child(2n) {
  background-color: transparent;
}
.broadcast__device.focus {
  background-color: #fff;
  color: #000;
}

.timetable {
  padding: 0 1.5em;
}
.timetable:after {
  content: "";
  display: block;
  clear: both;
}
.timetable__inner {
  padding-bottom: 100%;
}
@media screen and (max-width: 480px) {
  .timetable__inner {
    padding-bottom: 120%;
  }
}
@media screen and (max-width: 400px) {
  .timetable__inner {
    padding-bottom: 115%;
  }
}
.timetable__item {
  float: left;
  width: 14.28%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .timetable__item {
    width: 20%;
  }
}
@media screen and (max-width: 580px) {
  .timetable__item {
    width: 25%;
  }
}
@media screen and (max-width: 400px) {
  .timetable__item {
    width: 33.33%;
  }
}
.timetable__item:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.2em;
  left: 0.2em;
  right: 0.2em;
  bottom: 0.2em;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
}
.timetable__item--any:before {
  background-color: rgba(255, 255, 255, 0.3);
}
.timetable__item.focus {
  color: #000;
}
.timetable__item.focus:before {
  background-color: #fff;
}
.timetable__body {
  position: absolute;
  left: 1em;
  bottom: 1em;
  right: 1em;
}
.timetable__body > div {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  line-height: 1.4;
}
.timetable__body > div > span {
  display: inline-block;
  width: 0.5em;
  height: 0.9em;
  margin-right: 0.5em;
  -webkit-border-radius: 0.2em;
          border-radius: 0.2em;
  margin-bottom: -0.1em;
}
.timetable__date {
  position: absolute;
  top: 1em;
  left: 1em;
  font-size: 0.9em;
}
.timetable__preview {
  margin-bottom: 0.8em;
}
.timetable__preview > img {
  width: 5em;
  height: 3.1em;
  margin-bottom: 0.3em;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
}
.timetable__preview > div {
  font-size: 0.9em;
}

.extensions {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 20;
  background-color: #232425;
}
.extensions__head {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding: 1em 1.5em;
}
.extensions__head-title {
  font-size: 1.5em;
}
.extensions__block-head {
  padding: 0 1.5em;
  margin-bottom: 1em;
}
.extensions__block-title {
  font-size: 1.2em;
}
.extensions__block-body {
  min-height: 10em;
}
.extensions__block-body .scroll__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.extensions__block-empty, .extensions__block-add {
  padding: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20em;
  min-height: 10em;
  position: relative;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.extensions__block-empty.focus:after, .extensions__block-add.focus:after {
  content: "";
  position: absolute;
  top: -0.5em;
  left: -0.5em;
  right: -0.5em;
  bottom: -0.5em;
  border: 0.3em solid #fff;
  -webkit-border-radius: 1.4em;
          border-radius: 1.4em;
  z-index: -1;
  pointer-events: none;
}
.extensions__block-add {
  -webkit-border-radius: 1em;
          border-radius: 1em;
  background-color: #404040;
  margin-right: 1em;
}
.extensions__block + .extensions__block {
  margin-top: 2.4em;
}
.extensions__item {
  background-color: #404040;
  -webkit-border-radius: 1em;
          border-radius: 1em;
  padding: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 10em;
  width: 20em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: relative;
  will-change: transform;
}
.extensions__item-author {
  color: #8D8D8D;
  font-size: 0.84em;
  margin-bottom: 0.4em;
}
.extensions__item-name {
  font-size: 1.1em;
  margin-bottom: 0.8em;
}
.extensions__item-descr {
  line-height: 1.5;
  margin-bottom: 0.3em;
  font-size: 0.84em;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.extensions__item-footer {
  margin-top: auto;
  padding-top: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.extensions__item-check {
  width: 1.2em;
  height: 1.2em;
  background-color: rgba(0, 0, 0, 0.18);
  background-image: url(../img/loader.svg);
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: 50% 50%;
  -webkit-border-radius: 100%;
          border-radius: 100%;
}
.extensions__item-code {
  background-color: rgba(0, 0, 0, 0.18);
  -webkit-border-radius: 0.1em;
  border-radius: 0.3em;
  padding: 0.3em 0.4em 0.4em;
  font-size: 0.78em;
  margin-right: 1em;
}
.extensions__item-code.success {
  color: #6DCE4B;
}
.extensions__item-code.error {
  color: #DD7337;
}
.extensions__item-status {
  font-size: 0.78em;
  color: #8D8D8D;
}
.extensions__item-disabled {
  background-color: rgba(0, 0, 0, 0.18);
  -webkit-border-radius: 0.1em;
  border-radius: 0.3em;
  padding: 0.3em 0.4em 0.4em;
  font-size: 0.78em;
  margin-left: auto;
  color: #DD7337;
}
.extensions__item-included {
  width: 1.2em;
  height: 1.2em;
  background-color: rgba(0, 0, 0, 0.18);
  -webkit-border-radius: 100%;
          border-radius: 100%;
  text-align: center;
  padding-top: 0.24em;
  margin-right: 0.5em;
}
.extensions__item-included:after {
  content: "";
  display: inline-block;
  width: 0.2em;
  height: 0.4em;
  border-right: 0.15em solid #fff;
  border-bottom: 0.15em solid #fff;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.extensions__item-premium {
  margin-left: 1em;
  background-color: #D8C39A;
  color: #000;
  padding: 0.1em 0.5em;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  font-size: 0.8em;
}
.extensions__item-body {
  padding: 1em;
}
.extensions__item-imagebox {
  position: relative;
  padding-bottom: 57%;
  background-color: #5c5c5c;
  -webkit-border-top-left-radius: 1em;
          border-top-left-radius: 1em;
  -webkit-border-top-right-radius: 1em;
          border-top-right-radius: 1em;
}
.extensions__item-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-border-top-left-radius: 1em;
          border-top-left-radius: 1em;
  -webkit-border-top-right-radius: 1em;
          border-top-right-radius: 1em;
}
.extensions__item-image.loaded {
  opacity: 1;
}
.extensions__item-overlay {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(99%, rgba(0, 0, 0, 0.89)), to(rgba(0, 0, 0, 0.89)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.89) 99%, rgba(0, 0, 0, 0.89) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.89) 99%, rgba(0, 0, 0, 0.89) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.89) 99%, rgba(0, 0, 0, 0.89) 100%);
  -webkit-border-bottom-right-radius: 1em;
          border-bottom-right-radius: 1em;
  -webkit-border-bottom-left-radius: 1em;
          border-bottom-left-radius: 1em;
  padding-top: 4em;
}
.extensions__item + .extensions__item {
  margin-left: 1em;
}
.extensions__item.focus:after {
  content: "";
  position: absolute;
  top: -0.5em;
  left: -0.5em;
  right: -0.5em;
  bottom: -0.5em;
  border: 0.3em solid #fff;
  -webkit-border-radius: 1.4em;
          border-radius: 1.4em;
  z-index: -1;
  pointer-events: none;
}
.extensions__item--recomend {
  padding: 0;
  width: 32.7%;
  min-width: 20em;
}
.extensions__item--theme, .extensions__item--screensaver {
  padding: 0;
}
.extensions__item--theme .extensions__item-name, .extensions__item--screensaver .extensions__item-name {
  margin-bottom: 0;
}
.extensions__item--theme .extensions__item-premium, .extensions__item--screensaver .extensions__item-premium {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-border-top-left-radius: 0;
          border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
          border-top-right-radius: 0;
  margin: 0;
}
.extensions__item--screensaver {
  width: 30%;
  min-width: 20em;
}
.extensions__item--screensaver .extensions__item-imagebox,
.extensions__item--screensaver .extensions__item-image {
  -webkit-border-radius: 1em;
          border-radius: 1em;
}
.extensions__item--screensaver .extensions__item-time {
  padding-left: 1em;
  margin-left: auto;
}
.extensions__item.active:before {
  content: "✔";
  position: absolute;
  top: 1em;
  right: 1em;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  width: 2em;
  height: 2em;
  background-color: #fff;
  display: block;
  z-index: 1;
  color: #000;
  text-align: center;
  line-height: 2em;
}
.extensions__cub {
  position: absolute;
  top: 1em;
  right: 1em;
  background-color: rgba(0, 0, 0, 0.18);
  -webkit-border-radius: 0.1em;
  border-radius: 0.3em;
  padding: 0.3em 0.4em 0.4em;
  font-size: 0.78em;
}

.extensions-info {
  line-height: 1.8;
}
.extensions-info > * + * {
  margin-top: 2em;
}
.extensions-info__image {
  -webkit-border-radius: 1em;
          border-radius: 1em;
  width: 100%;
}
.extensions-info__descr {
  font-size: 1.2em;
}
.extensions-info__instruction {
  font-size: 1.1em;
}
.extensions-info__footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.extensions-info__footer > div {
  width: 50%;
  padding-top: 0.5em;
}
.extensions-info__label {
  padding-top: 0.1em;
  color: rgba(255, 255, 255, 0.5);
}
.extensions-info__value {
  font-size: 1.1em;
  word-break: break-all;
  padding-right: 1em;
}

.smart {
  border: 0.3em solid #fff;
  border-bottom: 0;
  -webkit-border-top-right-radius: 1em;
          border-top-right-radius: 1em;
  -webkit-border-top-left-radius: 1em;
          border-top-left-radius: 1em;
  position: relative;
  background-color: rgba(255, 255, 255, 0.5);
}
.smart__camera {
  background-color: #fff;
  width: 30%;
  margin: 0 auto;
  padding: 0 0.3em 0.2em;
  -webkit-border-bottom-left-radius: 0.3em;
          border-bottom-left-radius: 0.3em;
  -webkit-border-bottom-right-radius: 0.3em;
          border-bottom-right-radius: 0.3em;
}
.smart__camera::after {
  display: block;
  content: "";
  width: 0.5em;
  height: 0.5em;
  margin-left: auto;
  background-color: black;
  -webkit-border-radius: 100%;
          border-radius: 100%;
}
.smart__power {
  position: absolute;
  top: 17%;
  height: 18%;
  width: 0.3em;
  background-color: #fff;
  left: 100%;
  margin-left: 0.2em;
}
.smart__body {
  padding: 1em;
  padding-bottom: 0;
}

.ad-bot {
  width: 40em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 1em;
  line-height: 1.6;
}
@media screen and (max-width: 580px) {
  .ad-bot {
    width: 27em;
  }
}
.ad-bot__content {
  background-color: rgba(255, 255, 255, 0.2);
  position: relative;
  -webkit-border-radius: 1em;
          border-radius: 1em;
}
.ad-bot__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 19em;
}
.ad-bot__left {
  width: 40%;
  padding: 2.1em;
  padding-bottom: 0;
}
@media screen and (max-width: 580px) {
  .ad-bot__left {
    padding: 0.8em;
    padding-bottom: 0;
  }
}
.ad-bot__right {
  width: 60%;
  padding: 1.5em;
}
@media screen and (max-width: 580px) {
  .ad-bot__right {
    padding: 1em;
  }
}
.ad-bot__title {
  font-weight: 600;
  font-size: 1.6em;
}
@media screen and (max-width: 580px) {
  .ad-bot__title {
    font-size: 1.4em;
  }
}
.ad-bot__text {
  margin-top: 1em;
  overflow: hidden;
  -o-text-overflow: ".";
     text-overflow: ".";
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 580px) {
  .ad-bot__text {
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }
}
.ad-bot__more {
  margin-top: 1em;
}
.ad-bot__imgbox {
  padding-bottom: 150%;
  position: relative;
}
.ad-bot__img {
  -webkit-border-top-left-radius: 0.5em;
          border-top-left-radius: 0.5em;
  -webkit-border-top-right-radius: 0.5em;
          border-top-right-radius: 0.5em;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
}
.ad-bot__marker {
  position: absolute;
  top: 0;
  right: 0;
  background-color: gold;
  color: #fff;
  padding: 0.2em 0.3em;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  -webkit-border-top-right-radius: 1em;
          border-top-right-radius: 1em;
}
.ad-bot__marker:after {
  content: "AD";
  font-size: 0.8em;
}
.ad-bot__info {
  margin-top: 1.2em;
}
.ad-bot.focus .ad-bot__content::after, .ad-bot.hover .ad-bot__content::after {
  content: "";
  position: absolute;
  top: -0.5em;
  left: -0.5em;
  right: -0.5em;
  bottom: -0.5em;
  border: 0.3em solid #fff;
  -webkit-border-radius: 1.4em;
          border-radius: 1.4em;
  z-index: -1;
  pointer-events: none;
}
.ad-bot.img--loaded .ad-bot__img {
  opacity: 1;
}

body.size--bigger .ad-bot__body {
  height: 21.7em;
}

.ad-countdown {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
}
.ad-countdown__text {
  padding: 0.4em;
}
.ad-countdown__time {
  min-width: 1em;
  text-align: center;
  background-color: #ffe216;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  padding: 0.4em;
  min-width: 2em;
  color: #000;
}
.ad-countdown--player {
  position: absolute;
  right: 0;
  bottom: 100%;
  margin-bottom: 3em;
  -webkit-transition: margin-bottom 0.3s;
  -o-transition: margin-bottom 0.3s;
  transition: margin-bottom 0.3s;
}

.player .player-panel.panel--visible .ad-countdown.ad-countdown--player {
  margin-bottom: 1em;
}

@-webkit-keyframes ad-video-loader {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes ad-video-loader {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes ad-progress-shimmer {
  0% {
    -webkit-transform: translateX(-3em);
            transform: translateX(-3em);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 0;
  }
}
@keyframes ad-progress-shimmer {
  0% {
    -webkit-transform: translateX(-3em);
            transform: translateX(-3em);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 0;
  }
}
.ad-video-block {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 1000;
}
.ad-video-block__loader {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 3em;
  height: 3em;
  margin: -1.5em 0 0 -1.5em;
  border: 0.3em solid rgba(255, 255, 255, 0.15);
  border-top-color: #16ffb9;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  -webkit-animation: ad-video-loader 0.8s linear infinite;
          animation: ad-video-loader 0.8s linear infinite;
  will-change: transform;
}
.ad-video-block__video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.ad-video-block__video.loaded {
  opacity: 1;
}
.ad-video-block__vast {
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.ad-video-block__vast-line {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #000;
  height: 4em;
}
.ad-video-block__vpaid-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  border: none;
}
.ad-video-block__footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
}
.ad-video-block__text {
  padding: 1em;
  color: #fff;
  text-shadow: 0 0em 0.4em #000;
  z-index: 3;
}
.ad-video-block__info {
  position: fixed;
  top: 0;
  left: 0;
  padding: 1em;
  color: #fff;
  text-shadow: 0 0em 0.4em #000;
  font-size: 0.9em;
  z-index: 3;
}
.ad-video-block__progress {
  position: relative;
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(0.5em);
          backdrop-filter: blur(0.5em);
  overflow: hidden;
  -webkit-border-radius: 0.2em;
          border-radius: 0.2em;
}
.ad-video-block__progress-fill {
  height: 0.4em;
  width: 0%;
  background: -webkit-gradient(linear, left top, right top, from(#16ffb9), to(#1696ff));
  background: -webkit-linear-gradient(left, #16ffb9 0%, #1696ff 100%);
  background: -o-linear-gradient(left, #16ffb9 0%, #1696ff 100%);
  background: linear-gradient(90deg, #16ffb9 0%, #1696ff 100%);
  -webkit-box-shadow: 0 0 1em rgba(22, 255, 185, 0.5);
          box-shadow: 0 0 1em rgba(22, 255, 185, 0.5);
  -webkit-transition: width 0.1s linear;
  -o-transition: width 0.1s linear;
  transition: width 0.1s linear;
  -webkit-border-radius: 0.2em;
          border-radius: 0.2em;
  position: relative;
  will-change: width;
}
.ad-video-block__progress-fill::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 3em;
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(255, 255, 255, 0.3)));
  background: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.3));
  background: -o-linear-gradient(left, transparent, rgba(255, 255, 255, 0.3));
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3));
  -webkit-animation: ad-progress-shimmer 2s infinite;
          animation: ad-progress-shimmer 2s infinite;
}
.ad-video-block__skip {
  position: fixed;
  right: 1em;
  bottom: 1em;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  z-index: 3;
}
.ad-video-block__skip span {
  display: inline-block;
  padding: 0.4em;
  min-width: 5em;
  text-align: center;
}

.ad-preroll {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 60;
}
.ad-preroll__bg, .ad-preroll__over {
  position: fixed;
  background: rgba(26, 26, 26, 0.7411764706);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  -o-transition: transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}
.ad-preroll__bg.animate, .ad-preroll__over.animate {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.ad-preroll__over {
  background: #000;
}
.ad-preroll__text {
  position: fixed;
  text-align: center;
  left: 0;
  top: 50%;
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 0.4s, -webkit-transform 0.6s;
  transition: opacity 0.4s, -webkit-transform 0.6s;
  -o-transition: transform 0.6s, opacity 0.4s;
  transition: transform 0.6s, opacity 0.4s;
  transition: transform 0.6s, opacity 0.4s, -webkit-transform 0.6s;
  color: #ffffff;
  font-size: 4em;
  font-weight: 700;
  opacity: 0;
}
@media screen and (max-width: 580px) {
  .ad-preroll__text {
    font-size: 2.3em;
  }
}
.ad-preroll__text.animate {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  opacity: 1;
}

.adfinity_block_9366 {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 50%;
          border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.modal__close::before, .modal__close::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  background-color: #000;
}
.modal__close::before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.modal__close::after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.online {
  padding: 1.2em;
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  background-color: rgba(0, 0, 0, 0.3);
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.online__title {
  font-size: 1.6em;
}
.online__body {
  position: relative;
}
.online .time-line {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}
.online__quality {
  margin-top: 1em;
}
.online + .online {
  margin-top: 1em;
}
.online.focus {
  -webkit-box-shadow: 0 0 0 0.2em #fff;
          box-shadow: 0 0 0 0.2em #fff;
  margin-left: -0.8em;
  margin-right: -0.8em;
  padding: 1.2em 1.8em;
}

.iframe {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(0, 0, 0, 0.8);
}
.iframe__body {
  position: fixed;
  top: 2em;
  right: 2em;
  bottom: 2em;
  left: 2em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: url(../img/loader.svg) no-repeat 50% 50%;
}
.iframe__window {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0;
  pointer-events: none;
}
.iframe--loaded .iframe__window {
  background-color: #fff;
}

body.platform--orsay svg,
body.platform--netcast svg {
  max-width: 100%;
  width: 100%;
  max-height: 100%;
  height: 100%;
}
body.platform--orsay .head__time,
body.platform--netcast .head__time {
  position: absolute;
  top: 1em;
  right: 1.5em;
}
body.platform--orsay .head__split,
body.platform--netcast .head__split {
  display: none;
}
body.platform--orsay .head__logo-icon,
body.platform--netcast .head__logo-icon {
  margin-right: 1.5em;
}
body.platform--orsay .head__actions,
body.platform--netcast .head__actions {
  position: absolute;
  top: 0.4em;
  right: 16em;
}
body.platform--orsay .head__action svg,
body.platform--netcast .head__action svg {
  width: 1.6em;
  height: 1.6em;
}
body.platform--orsay .full-start__button > svg,
body.platform--netcast .full-start__button > svg {
  width: 1.5em;
  height: 1.5em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
body.platform--orsay .full-start__button > span,
body.platform--netcast .full-start__button > span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
body.platform--orsay .full-start__tags > div,
body.platform--netcast .full-start__tags > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
body.platform--orsay .full-start__tag > img,
body.platform--netcast .full-start__tag > img {
  height: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
body.platform--orsay .full-start__tag > div,
body.platform--netcast .full-start__tag > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
body.platform--orsay .full-start__buttons-scroll,
body.platform--netcast .full-start__buttons-scroll {
  width: auto;
}
body.platform--orsay .simple-button > svg,
body.platform--netcast .simple-button > svg {
  width: 1.5em;
  height: 1.5em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
body.platform--orsay .simple-button > svg + span,
body.platform--netcast .simple-button > svg + span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
body.platform--orsay .simple-button--filter > div,
body.platform--netcast .simple-button--filter > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
body.platform--orsay .menu__ico,
body.platform--netcast .menu__ico {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: left;
  -webkit-align-items: left;
      -ms-flex-align: left;
          align-items: left;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left;
}
body.platform--orsay .menu__ico > svg,
body.platform--netcast .menu__ico > svg {
  position: absolute;
  width: 1.2em;
  height: 1.2em;
  margin-right: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
body.platform--orsay .menu__text,
body.platform--netcast .menu__text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
body.platform--orsay .player-panel .button > svg,
body.platform--netcast .player-panel .button > svg {
  position: absolute;
  width: 1.2em;
  height: 1.2em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
body.platform--orsay .player-panel__timeend,
body.platform--netcast .player-panel__timeend {
  position: absolute;
  right: 1.5em;
}
body.platform--orsay .player-panel__position > div::after,
body.platform--netcast .player-panel__position > div::after {
  top: 0.25em;
}
body.platform--orsay .player-panel__playpause div,
body.platform--netcast .player-panel__playpause div {
  width: 1em;
}
body.platform--orsay .player-panel__next-episode-name,
body.platform--netcast .player-panel__next-episode-name {
  padding-top: 0.5em;
}
body.platform--orsay .settings-folder__icon svg,
body.platform--netcast .settings-folder__icon svg {
  width: 2em;
  height: 2em;
}
body.platform--orsay .menu__ico svg,
body.platform--netcast .menu__ico svg {
  width: 1.5em;
  height: 1.5em;
}
body.platform--orsay .torrent-filter,
body.platform--netcast .torrent-filter {
  margin-bottom: 0;
  padding-bottom: 2em;
}
body.platform--orsay .info__icon.icon--book,
body.platform--orsay .card__icon.icon--book,
body.platform--netcast .info__icon.icon--book,
body.platform--netcast .card__icon.icon--book {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF62lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMi0wOC0wNlQxMzo1MTo1MyswMzowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjItMDgtMDZUMTM6NTI6MjYrMDM6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjItMDgtMDZUMTM6NTI6MjYrMDM6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDA1OGI1ZmYtMmFiNy05NzQ2LTgyN2QtMDEyMzRjMTI0YTA0IiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NGViZWE3MzgtOWY5NS1iYzQwLWFiMjgtOWU5MmYyYTBkOWFkIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ZjRlYjQwNDAtMWUwYi1hYTQwLWI0MjYtNzA5YmEzNjAxMmE0Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpmNGViNDA0MC0xZTBiLWFhNDAtYjQyNi03MDliYTM2MDEyYTQiIHN0RXZ0OndoZW49IjIwMjItMDgtMDZUMTM6NTE6NTMrMDM6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjAwNThiNWZmLTJhYjctOTc0Ni04MjdkLTAxMjM0YzEyNGEwNCIgc3RFdnQ6d2hlbj0iMjAyMi0wOC0wNlQxMzo1MjoyNiswMzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5VtBfmAAACJ0lEQVRoge3aO2gVQRSA4S8So1aCmghKYiU+CIKpLGws7ARFtBLfhZJSO0EUC1stIkQQNZjGF0IKCxEbK8GIIiKICFooiBaCxkjQY7G3CMtNdu6LbLE/DJfZ2TNz/mV2bzGnKyIksAIj2I2/mEkJaoFu9OARTuJLYUREFLV1EfE0Fo43ETEUBXkuSng6h7C9pefbGptrOcxLd8JE63P9T/iIZU0klcI0VufW7S0KShGZzvUv4XJyWs2xH3dm9f8UBaRsraSvwUKTIrIQNJxXWUUaphIpG5VI2ahEykYlUjYqkbJRiZSNSqRsVCJloxIpG5VI2ahEykYlUjYqkbJRiZSNSiSRfozjLjZ2cqFOigzjPQ5gH97ibKcW64TIVrzCFdkR82wuyM4fd7R70XaK9GAUL7BlnvsG8AQPsLJdi7dLZC++4kSdsXu4Wef6HlkhwHA7EmhVpF/2dO9jeW7sN47JTmiPyqomvuXuWSzbgq8x1EoizYhM1X7PmXu/j6MPN2Zdm8Aa2fF2nkFM4lqt/73RpJoRGcJDnEdXbuyDrEriIH7WiZ3BKWzC8zrjx/ESuxrOqqjGIyKuJtaMnEmYK98OR8SvhLmvt6MWpYjHWIuLTcSOycozxlpNIkVk6RzXf8i+VjvxuYUcpnAE2/BujnuWFE2SIlIvyRGskv0XtItn2IDT+JcbK375E/Zxb0Tcqu3VyYgYbOJdaLT1RcREbc3bETFQFPMfBi4+MPqpLd0AAAAASUVORK5CYII=");
}
body.platform--orsay .info__icon.icon--like,
body.platform--orsay .card__icon.icon--like,
body.platform--netcast .info__icon.icon--like,
body.platform--netcast .card__icon.icon--like {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF62lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMi0wOC0wNlQxMzo1MjozMCswMzowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjItMDgtMDZUMTM6NTI6NDUrMDM6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjItMDgtMDZUMTM6NTI6NDUrMDM6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NmFjZTliMDUtNTczMy01ZDQ2LTgwNzMtYTg2MjhmYWE1YzhmIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZGM2YWYxZTMtMmYwMC1hZDRmLWJkYWEtNTdmZDdlZDU0OGU5IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ODhkYWRlYTMtMDEzNi03MzRiLTkzZTItYTMwYzIzYjQ1YzNmIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo4OGRhZGVhMy0wMTM2LTczNGItOTNlMi1hMzBjMjNiNDVjM2YiIHN0RXZ0OndoZW49IjIwMjItMDgtMDZUMTM6NTI6MzArMDM6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjZhY2U5YjA1LTU3MzMtNWQ0Ni04MDczLWE4NjI4ZmFhNWM4ZiIgc3RFdnQ6d2hlbj0iMjAyMi0wOC0wNlQxMzo1Mjo0NSswMzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42yx8HAAAEKklEQVRogd2aW4iVVRiGn9lTNmnFNJjmCUowEtMJC7GyiEiUIJBIogNMQVEERkoHu7Cwbgwl7Co6kDeGRRFoTgVZZJJoRmBpdCAUsywtlSm0rOHpYu8ta9as+d2Hf2/39MKCtdf6vvd73/Wf/3+3qfwfcEYVsW3ALGA6MLH0+zfgO2AHcLhGDaNKvFOBMaWxA8BuYDvwTyUklRgpAHcBNwLXAhdF84eBz4CPgHXA/koKA53AnSXeq4Cx0fxPwJYS71rgeCabmtUWq/usHP3qK+qYDM4OdZXaVwXvQXVZltahJi5Wt1dRKMaf6m0J3hvUn+vg/Ua9PMFLm4MP9muATUBHYgN+CGwDfqG4744GLgPmAecn4p8AVpT6dwNrEjHHgfeAncAhisfeWOAKYD7QnshZAKzP2rWmDrESKyxupaG24Ei1x/RueLs6LzF+RH1I7crgHacuVf9K5F8fxoZJ7erviU05LaNQ3NrVNcmlGIiNamcVvBPVTyOO/pAjDF4bBe5Sz6yiWNhWZph4rUZO1A8irk9iIzOigBPquXUURH05YaK3Tk7UAxHn3NDIm9HkrTkURF0XcH6cE+eVkdZtZSMXRhM7cipYbovUR3LmfCvSPAP1vmjwlpyLNqJ1R5qXFSjeHpRxDHg/cd5uNewEfgx+X1cAZgYDuymaGQ7YFvQnF4AJwcDe5mqpC7uCfmcBGBkMHGmymHpwNOifVQBOBAPnNFdLXTg76P9bAA4GA5OaLKYeTAn6fQXgy2BgGsW7z+GAWUF/f4GBR38XMKe5emrCeIqPD2VsLQDvRkFLmqenZixi4J7TW75Sbo0v+S1w9R6qdVq8hS9jj0qh5Gh55Hg9rYsNcFI3wNPAgOeReKu83QKrH7fnI417ynNh0DgH48UWEF9uTyX0daeMoC5MBK9qAROLE7oeDmMqTXryNJq4N6FnZRw3VPLjieSlp8FET0LH6lRsFskzCZIHm2hiQaL+q0PFn4psdYKspwkm5ibqvp6VUwnpSwnSRj4Oz07Ue+dUeZWSv5Egn9sAE9MTdTZXkltNkd5Ekdk5mpis/hHxf15pfrXFNifMdOdgYrx6NOL9Vh3RKCOUVinEMfWSOkx0qfsjzn3qqGp4ailcUL+OCh9VJ9TA1aH+EHEdUkdXy1XrKo60eMMW4lezPxHErU39KuLoUyfVoqlWI6gXOPjr0171vArz4y9ix9VLa9VTjxEsvjc+HAn63lMfpFuinH6Lp96atdRrBHWK+nck7IuM+I0Oxpx6deRhBHVmQtymRFz8MUn1pjw05GUE9eqEyA3B/AuJ+YV51c/TCOr8hNhn1ccS4/fkWTtvI6g3J0THuD/vuo0wgnpHholHG1GzUUZQH0iYWN6oeo00grokMDHoOTvPVs3fnGrBcxRf/484+SKtQUj9F2VY4j/PoZgrWh6XUQAAAABJRU5ErkJggg==");
}
body.platform--orsay .info__icon.icon--wath,
body.platform--orsay .card__icon.icon--wath,
body.platform--netcast .info__icon.icon--wath,
body.platform--netcast .card__icon.icon--wath {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF62lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMi0wOC0wNlQxMzo1Mjo1MCswMzowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjItMDgtMDZUMTM6NTM6MDQrMDM6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjItMDgtMDZUMTM6NTM6MDQrMDM6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N2JlMWUxZTMtZTA1MC1jYjRhLTk0OTEtZjk5ZWNhZTJlYTkxIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6OTIyZThhY2EtMWJkZS02NzQyLWIwNjUtNDcxMDE4NjJjNzI0IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NTg1MDgxYmEtMTM0ZS04NjRmLThhM2QtM2I4M2QxZWIwN2YyIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo1ODUwODFiYS0xMzRlLTg2NGYtOGEzZC0zYjgzZDFlYjA3ZjIiIHN0RXZ0OndoZW49IjIwMjItMDgtMDZUMTM6NTI6NTArMDM6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjdiZTFlMWUzLWUwNTAtY2I0YS05NDkxLWY5OWVjYWUyZWE5MSIgc3RFdnQ6d2hlbj0iMjAyMi0wOC0wNlQxMzo1MzowNCswMzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7vBmHKAAAEu0lEQVRogc2aWWxVRRjHfz0hlMVWEYGyWW0UsbEulIjGgKA+GBdiNOGBoA/VxBdfjBF948UXX0Rc4oI2UYu4gIVIorgUI1gVKyoSCJomVZEqrWJBWjDavw/TQ+dO59ye7V76Tya5M/PN//v+d2bO8p2pkEROuBBYBFwN1AFzgBqgeqj/OHAE+AXoAjqAz4Ef83BekVFIDbAcubO4PiXHbqAVeAMjMB0kpSmXSmqWdFL54k1JC9PElHRApaS1CQLrl9QrqUfSiQTjnpM0JUlsSZbWbcAzQG1E/29AG7ATOAB0A73AACBgIjAVsxwvAa4DbgLmRvD1Ag8CLbGii6l4TZF/70NJKyRNSPIPDpVA0nJJW4rwr4vDFcfZWxEOtku6JkXwUeUySW9H+Pooq5CtHtIBSU05CnDLXZL+8PhtTytkk4esQ1JdCUWEZYbMknUROTNRRGs8JNvLIMAtGzxxPB9XyA2ewR+cARFhafHEs9K1811+/wLOtur7gIZYl0A/bgXGY+7eadEGLLPqg5hHnxOnWxxlTznKByVNz/BvPmZxrc/AUynpqBNbq21jG8/2TOGqDM6RdNzhS3OvCcsyT3xX+YRsdIw+yygCSV0W3zFJVRn5tjgxfuoKqfaonZeDkE6L76ikyRn55njivEASwdBWucfZXO3ADxk2Z6lwCHjHabsfOD0jHY7K23OYjVLMCDL7wsahcEZqgEZLYR/wbln+33T4Bui06rOBhoDC6zOMbREhNjv1mwPgWqexrUzBZMEup74gwCQNbOSSDCgxOp16bYDJdtg4XMIA8krZ/AqcsurTAmCm1TAA/JmTMxeDQH9OXH0YMSHOCYDJVsPfOToDqLR+VwP35cjdZ/sJnM7csnWhA+v3OGA98FpO3AWxBhTOwFmYbEdeeMjTtgrYS7ZXAyh81fgnAH63GiYBUzI6sPEqsJjC9QxGxF7g3pS8VcAsq94XYHKxNmaSL3YB9fhvtC8BL6fgnEXhyukJgJ8co4tSEI+GY8By4FFPXxPwHXB+Ar46p/5zAHzpNC5NQJgUj+NfapcDzQl43KeRb33P+L05PfkWK1UamW76OMH4/c7YxrBjn9NxYxnEIOkRSYclfSWpNuaY+U6sRyRVhJ2rnc5ypn/GJbR/xYl1nTScDjoP6HHW3VzMG9lYwlRMlt5GPXAgvLP3AtscgxdLHVUKPOHU92A+YRRkUS7WSNxSxiU2WlngiW9x2O8aNzuG/cqewsmrdDuxFexj13i8pFPOgJ1jQMRmjcS0YkKQ+T7hYuMZFPGkJ54HXLuowU97Bm8YIyI2+WyLkXziIXlfCb+2piwTJL3u8b8nasxohO0esm7ll8DzlSUqTOyFOChpYlohyMyCDy2SGnIUUCfzfd2H3Rrl6hnXybMRDiSzd5ZmELBI0guS/ovgj3WhSXJgoAlYy/AhGRf7gfeAL4CDDB8YsHEuJkU7D1iI+Zp1ZQTfv8DqIZ+jIumhmhmYx4SVMWxPYk5DhNmOKoyISTHGtgIPMzIRF42Uy2GJpG1Fllta7FDKx6Ksx5zqgbuBO4D5KTm6gK2YNNHXaQPJKsRGI+bM1hWYd+rpmJRNuJQGMMusB5Mn+B7YgdlTmfE/MLYJX09+eAkAAAAASUVORK5CYII=");
}
body.platform--orsay .info__icon.icon--history,
body.platform--orsay .card__icon.icon--history,
body.platform--netcast .info__icon.icon--history,
body.platform--netcast .card__icon.icon--history {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFEmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMi0wOC0wOVQxODoxNDo0MCswMzowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjItMDgtMDlUMTg6MTY6MDErMDM6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjItMDgtMDlUMTg6MTY6MDErMDM6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6YWYyYjJiNmItMDY0ZS0zNTQyLTllMDItNjdkYzBjNzAyZjUzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOmFmMmIyYjZiLTA2NGUtMzU0Mi05ZTAyLTY3ZGMwYzcwMmY1MyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmFmMmIyYjZiLTA2NGUtMzU0Mi05ZTAyLTY3ZGMwYzcwMmY1MyI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YWYyYjJiNmItMDY0ZS0zNTQyLTllMDItNjdkYzBjNzAyZjUzIiBzdEV2dDp3aGVuPSIyMDIyLTA4LTA5VDE4OjE0OjQwKzAzOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps2f9JwAAASiSURBVGiBzZpbbBdFFMZ/XSmlXoBYm1JrBaKEBiIWbPCCUQyiJGKURI2Jt4i+IUYSI/KgiT4QjfEC1niJcub7AHjDRPFBU0LwkmpRQQIPmHCpJNKiSQvhouLnw3TjOv/Z7e7OtPRLzsPMznznfDu7szNnp0oSgTAFuBKYC1wCXAQ0AOOBKmAA6AV+BfYD3cC3wN4Qzqs8hTQCdwFLgOtLcnwHbALWA/tKRyKpjM2UtE7SSYXFRklzy8RUtEONpDWBg3fhTUl1RWIr8mjdBqwFLs5o0wv8AHQBBwbLxwev1QIXAM2Yd2kO0JTB9QewAng3V3Q5FT+TcfdOSeqQdKuk2gJ3cYykRZLekjSQwd+ehy+Pww9THJyWtFrShQWCT7M6SasyBHVKqvIR8mkK8eeSpgUQYNskSetTfHaVFfJxCuGjwyDAtgdTfG8pKuTZFKKbR0BEbG2SjjlieDuvkIUpIq4ZQRGxtcj93txvt3VNv/2YZUUSC4DOXNNgeFwG7HTUT8AsewCIrIvtVIpYzpkTAfAzcIejvuN/pcTwNDuGcNsZeJzSbIMjvjnx9aEaNowCAbHVqPJ9+coWMt4h4vlRELxtjzvinJoUstzR4FwPh0/LLFuaAwsZq8op+bmkkO3WxY0eziYneI5JujuwmFesWA/FQhpViRs9HE138LVLOiuQkBkO/lkRcIM1rfUDX3pMl3876pYBu4BZHrwxdmO2ykksioCrrMpvAjhzoQXYATwSgMu+0bMjYKpVOVxCYrwKfASc58HRZZUnR5hsRxL7PRzkxRJgD3Bdyf6HrHJ9hMmEJPF7SfKiaAK2AqtL9LVjnBgB51iVxxlZrAI2FOxzwirX2ItGgGAZuwLISmjkQkTlCNT6khbEB8BNBfuMs8p/RsBhq/L80iEVx1LgTuBowX52jP0R0GNVeg9zDuzAfBzXlexvT1B9EXDQqry6JHlerAFaMRumsmizyj0RlR+XeR4OsjCA+X48FoBroVX+Cbl3htd6LOqmOfg+k8lZhVg0Xurgb4vfkd2WwqUed+sfq/wUcAvwmwdnEg9Y5SPA9ljlSkvhX5KqS96xMZLek/S9pHmBRiFpR6xY10r/bazqHcP15DAE4WsPOeKckRSCpM1Wg1Py2+4Ohx22YvwxvpZs1OJQu2kUBB/ba4745ruEIPNs27hnFIhY4IirM9nGTpmOw8z31dbMcDnutOVIoAn4hcr11SQSyyt79XsSuNdB9jUwPWR0OdGA+YVti1iBvUZMGcrXHUM5oESKcgRsiqSDjjic720W0TYHiRQ+T+WyxZKOOnzvTOszFGFXiph3JE0cBgFjJb2c4nOvMj4HQxFHkr5IIe6V9IRM3thXQLWkZZL2pfjqljQhiyOvozdSHEhmyfCCyp1YaJX59d2Twf9+Hq4iBwYeBl4iOx+1Z3CW6cYcnunDJAqE2ULXYabT2ZjtQlbm8TSwEngxV3QF72Cj0n8fh8QnKvj7u+wzPV+Va7MQ2CozYxWOyfeY00zgPuB2yn8wD2COOXVgHslS8BWSxBWYM1utmHxyPebP69mYg2cnMJn+PkxadhewBbPV9g7iX1LytK49HD5tAAAAAElFTkSuQmCC");
}
body.platform--orsay .player-info__name,
body.platform--netcast .player-info__name {
  padding-right: 4em;
}
body.platform--orsay .player-info__time,
body.platform--netcast .player-info__time {
  position: absolute;
  right: 0;
}
body.platform--orsay .player-info__line,
body.platform--netcast .player-info__line {
  position: relative;
}

body.platform--orsay.system--keyboard .settings-input__content,
body.platform--orsay.system--keyboard .search-box {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

body.orsay-player--show {
  background: transparent;
}
body.orsay-player--show #app,
body.orsay-player--show .modal,
body.orsay-player--show .helper {
  visibility: hidden;
}
body.orsay-player--show #app *,
body.orsay-player--show .modal *,
body.orsay-player--show .helper * {
  visibility: hidden !important;
}
body.orsay-player--show .player {
  background: transparent;
}

.https {
  padding: 4em;
  text-align: center;
}
.https__icon {
  width: 10em;
  margin: auto;
}
.https__icon > svg {
  width: 10em;
  height: 4em;
}
.https__text {
  font-size: 1.3em;
  line-height: 1.8;
  margin: auto;
  max-width: 20em;
  padding-top: 3em;
}

body.touch-device .scroll {
  overflow: auto !important;
}
body.touch-device .scroll > .scroll__content > .scroll__body:after {
  content: "";
  display: block;
  width: 1.5em;
  height: 1.5em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
body.touch-device .scroll--horizontal {
  padding-top: 1em;
  padding-bottom: 1em;
}
body.touch-device .full-start__buttons-scroll .scroll__body:after {
  display: none !important;
}
body.touch-device .full-start__buttons-scroll .scroll__body .full-start__buttons:after {
  content: "";
  display: block;
  width: 0.75em;
  height: 1.5em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

@media screen and (min-width: 767px) {
  body.light--version.menu--open .wrap__content {
    -webkit-transform: translate3d(15em, 0, 0);
            transform: translate3d(15em, 0, 0);
  }
}
@media screen and (max-width: 767px) {
  body.light--version.menu--open .wrap__content {
    -webkit-transform: translate3d(15em, 0, 0);
            transform: translate3d(15em, 0, 0);
  }
}
body.light--version .card__img,
body.light--version .items-line__more,
body.light--version .items-line__back,
body.light--version .card-more__box,
body.light--version .card-back__box,
body.light--version .card__promo,
body.light--version .torrent-item,
body.light--version .explorer-card__head-img > img,
body.light--version .register,
body.light--version .torrent-item::after,
body.light--version .explorer-card__head-img::after,
body.light--version .card-more .card-more__box::after,
body.light--version .card-episode.focus .full-episode::after,
body.light--version .feed-item__poster-img,
body.light--version .feed-item__poster-box,
body.light--version .feed-item__image-box,
body.light--version .feed-item__image-img,
body.light--version .register::after {
  -webkit-border-radius: 0.4em;
          border-radius: 0.4em;
}
body.light--version .full-start__button,
body.light--version .info__icon,
body.light--version .full-start__tag,
body.light--version .full-start__tag.tag--quality,
body.light--version .full-descr__tag,
body.light--version .full-start .info__rate,
body.light--version .explorer__files .torrent-filter .simple-button,
body.light--version .feed-item__buttons .simple-button {
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
}
body.light--version .torrent-item__details {
  font-size: 0.95em;
}

body.glass--style .selectbox__content,
body.glass--style .settings__content,
body.glass--style .settings-input__content,
body.glass--style .modal__content,
body.glass--style .settings-input--free,
body.glass--style .modal--comment,
body.glass--style .bell__item:not(.bell__item--warning) {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(1.6em);
          backdrop-filter: blur(1.6em);
}
body.glass--style .menu {
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(1.6em);
          backdrop-filter: blur(1.6em);
}
body.glass--style .navigation-bar__body {
  background-color: rgba(28, 48, 46, 0.3);
  -webkit-backdrop-filter: blur(1.6em);
          backdrop-filter: blur(1.6em);
}
body.glass--style .selectbox-item.focus,
body.glass--style .settings-folder.focus,
body.glass--style .settings-param__descr.focus,
body.glass--style .settings-param.focus {
  background: linear-gradient(to right, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -webkit-linear-gradient(left, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -o-linear-gradient(left, rgb(96, 255, 189) 1%, rgb(98, 163, 201) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgb(96, 255, 189)), to(rgb(98, 163, 201)));
  color: #000000;
}
body.glass--style .selectbox-item.focus .settings-folder__icon,
body.glass--style .selectbox-item.focus .selectbox-item__checkbox,
body.glass--style .settings-folder.focus .settings-folder__icon,
body.glass--style .settings-folder.focus .selectbox-item__checkbox,
body.glass--style .settings-param__descr.focus .settings-folder__icon,
body.glass--style .settings-param__descr.focus .selectbox-item__checkbox,
body.glass--style .settings-param.focus .settings-folder__icon,
body.glass--style .settings-param.focus .selectbox-item__checkbox {
  -webkit-filter: invert(1);
          filter: invert(1);
}
body.glass--style .selectbox-item.focus::after {
  border-color: #000;
}
body.glass--style .settings-param-title > span {
  color: rgba(255, 255, 255, 0.4);
}
body.glass--style .settings-input__links {
  background: rgba(221, 221, 221, 0.06);
}
body.glass--style .settings-input__input {
  border: 0;
}
body.glass--style .settings-input--free .settings-input__content {
  background: transparent;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}
body.glass--style .torrent-serial {
  background: rgba(132, 135, 137, 0.15);
}
body.glass--style .torrent-serial.focus {
  background: rgba(255, 255, 255, 0.35);
}
body.glass--style .card-more__box,
body.glass--style .card-back__box,
body.glass--style .bookmarks-folder__layer {
  background: rgba(0, 0, 0, 0.3);
}
body.glass--style-opacity--medium .selectbox__content,
body.glass--style-opacity--medium .settings__content,
body.glass--style-opacity--medium .settings-input__content,
body.glass--style-opacity--medium .modal__content,
body.glass--style-opacity--medium .settings-input--free,
body.glass--style-opacity--medium .navigation-bar__body,
body.glass--style-opacity--medium .menu,
body.glass--style-opacity--medium .bell__item:not(.bell__item--warning) {
  background-color: rgba(20, 20, 20, 0.8);
  -webkit-backdrop-filter: blur(1.1em);
          backdrop-filter: blur(1.1em);
}
body.glass--style-opacity--medium .player-panel,
body.glass--style-opacity--medium .player-info,
body.glass--style-opacity--medium .player-footer,
body.glass--style-opacity--medium .player-video__paused,
body.glass--style-opacity--medium .player-video__loader {
  background-color: rgba(0, 0, 0, 0);
}
body.glass--style-opacity--blacked .selectbox__content,
body.glass--style-opacity--blacked .settings__content,
body.glass--style-opacity--blacked .settings-input__content,
body.glass--style-opacity--blacked .modal__content,
body.glass--style-opacity--blacked .settings-input--free,
body.glass--style-opacity--blacked .navigation-bar__body,
body.glass--style-opacity--blacked .menu,
body.glass--style-opacity--blacked .bell__item:not(.bell__item--warning) {
  background-color: rgba(20, 20, 20, 0.95);
  -webkit-backdrop-filter: blur(0.5em);
          backdrop-filter: blur(0.5em);
}
body.glass--style-opacity--blacked .player-panel,
body.glass--style-opacity--blacked .player-info,
body.glass--style-opacity--blacked .player-footer,
body.glass--style-opacity--blacked .player-video__paused,
body.glass--style-opacity--blacked .player-video__loader {
  background-color: rgba(0, 0, 0, 0);
}

@-webkit-keyframes animation-card-focus {
  40% {
    -webkit-transform: translate3d(0, 2em, 0);
            transform: translate3d(0, 2em, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes animation-card-focus {
  40% {
    -webkit-transform: translate3d(0, 2em, 0);
            transform: translate3d(0, 2em, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes animation-trigger-enter {
  40% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@keyframes animation-trigger-enter {
  40% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@-webkit-keyframes animation-file-focus {
  40% {
    -webkit-transform: translate3d(-1em, 0, 0);
            transform: translate3d(-1em, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes animation-file-focus {
  40% {
    -webkit-transform: translate3d(-1em, 0, 0);
            transform: translate3d(-1em, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes animation-button-focus {
  40% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes animation-button-focus {
  40% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes animation-modal {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -4em, 0) scale(0.9);
            transform: translate3d(0, -4em, 0) scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes animation-modal {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -4em, 0) scale(0.9);
            transform: translate3d(0, -4em, 0) scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
  }
}
@-webkit-keyframes animation-full-poster {
  0% {
    -webkit-transform: translate3d(-1.5em, 0, 0);
            transform: translate3d(-1.5em, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes animation-full-poster {
  0% {
    -webkit-transform: translate3d(-1.5em, 0, 0);
            transform: translate3d(-1.5em, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes animation-full-background {
  0% {
    -webkit-transform: translate3d(10%, 0, 0) scale(1.05);
            transform: translate3d(10%, 0, 0) scale(1.05);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
    opacity: 0.5;
  }
}
@-webkit-keyframes animation-opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animation-opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes animation-zoom-down {
  0% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes animation-zoom-down {
  0% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes animation-activity {
  0% {
    -webkit-transform: translate3d(0, 14%, 0);
            transform: translate3d(0, 14%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes animation-activity {
  0% {
    -webkit-transform: translate3d(0, 14%, 0);
            transform: translate3d(0, 14%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes animation-from-below {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes animation-from-below {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes animation-down {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0);
    opacity: 0;
  }
}
@keyframes animation-down {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0);
    opacity: 0;
  }
}
body.advanced--animation:not(.no--animation) .card:not(.card--wide).focus .card__view, body.advanced--animation:not(.no--animation) .card:not(.card--wide).hover .card__view {
  -webkit-animation: animation-card-focus 0.2s;
          animation: animation-card-focus 0.2s;
}
body.advanced--animation:not(.no--animation) .card:not(.card--wide).animate-trigger-enter .card__view {
  -webkit-animation: animation-trigger-enter 0.2s forwards;
          animation: animation-trigger-enter 0.2s forwards;
}
body.advanced--animation:not(.no--animation) .card-episode.focus .full-episode, body.advanced--animation:not(.no--animation) .card-episode.hover .full-episode {
  -webkit-animation: animation-card-focus 0.2s;
          animation: animation-card-focus 0.2s;
}
body.advanced--animation:not(.no--animation) .card-episode.animate-trigger-enter .full-episode {
  -webkit-animation: animation-trigger-enter 0.2s forwards;
          animation: animation-trigger-enter 0.2s forwards;
}
body.advanced--animation:not(.no--animation) .explorer-card__head-img.focus, body.advanced--animation:not(.no--animation) .explorer-card__head-img.hover {
  -webkit-animation: animation-card-focus 0.2s;
          animation: animation-card-focus 0.2s;
}
body.advanced--animation:not(.no--animation) .explorer-card__head-img.animate-trigger-enter {
  -webkit-animation: animation-trigger-enter 0.2s forwards;
          animation: animation-trigger-enter 0.2s forwards;
}
body.advanced--animation:not(.no--animation) .torrent-item.focus, body.advanced--animation:not(.no--animation) .torrent-item.hover {
  -webkit-animation: animation-file-focus 0.2s;
          animation: animation-file-focus 0.2s;
}
body.advanced--animation:not(.no--animation) .torrent-item.animate-trigger-enter {
  -webkit-animation: animation-trigger-enter 0.2s forwards;
          animation: animation-trigger-enter 0.2s forwards;
}
body.advanced--animation:not(.no--animation) .online-prestige--full.focus, body.advanced--animation:not(.no--animation) .online-prestige--full.hover {
  -webkit-animation: animation-file-focus 0.2s;
          animation: animation-file-focus 0.2s;
}
body.advanced--animation:not(.no--animation) .online-prestige--full.animate-trigger-enter {
  -webkit-animation: animation-trigger-enter 0.2s forwards;
          animation: animation-trigger-enter 0.2s forwards;
}
body.advanced--animation:not(.no--animation) .head .head__action.focus, body.advanced--animation:not(.no--animation) .head .head__action.hover,
body.advanced--animation:not(.no--animation) .menu .menu__item.focus,
body.advanced--animation:not(.no--animation) .menu .menu__item.hover,
body.advanced--animation:not(.no--animation) .full-start__button.focus,
body.advanced--animation:not(.no--animation) .full-start__button.hover,
body.advanced--animation:not(.no--animation) .simple-button.focus,
body.advanced--animation:not(.no--animation) .simple-button.hover,
body.advanced--animation:not(.no--animation) .online_prestige_full.focus,
body.advanced--animation:not(.no--animation) .online_prestige_full.hover,
body.advanced--animation:not(.no--animation) .full-comment.focus,
body.advanced--animation:not(.no--animation) .full-comment.hover,
body.advanced--animation:not(.no--animation) .full-comment__add-button.focus,
body.advanced--animation:not(.no--animation) .full-comment__add-button.hover,
body.advanced--animation:not(.no--animation) .full-descr__tag.focus,
body.advanced--animation:not(.no--animation) .full-descr__tag.hover {
  -webkit-animation: animation-button-focus 0.2s;
          animation: animation-button-focus 0.2s;
}
body.advanced--animation:not(.no--animation) .head .head__action.animate-trigger-enter:not([data-action]),
body.advanced--animation:not(.no--animation) .menu .menu__item.animate-trigger-enter:not([data-action]),
body.advanced--animation:not(.no--animation) .full-start__button.animate-trigger-enter:not([data-action]),
body.advanced--animation:not(.no--animation) .simple-button.animate-trigger-enter:not([data-action]),
body.advanced--animation:not(.no--animation) .online_prestige_full.animate-trigger-enter:not([data-action]),
body.advanced--animation:not(.no--animation) .full-comment.animate-trigger-enter:not([data-action]),
body.advanced--animation:not(.no--animation) .full-comment__add-button.animate-trigger-enter:not([data-action]),
body.advanced--animation:not(.no--animation) .full-descr__tag.animate-trigger-enter:not([data-action]) {
  -webkit-animation: animation-trigger-enter 0.2s forwards;
          animation: animation-trigger-enter 0.2s forwards;
}
body.advanced--animation:not(.no--animation) .head__logo-icon {
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
body.advanced--animation:not(.no--animation) .head__logo-icon::before {
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
body.advanced--animation:not(.no--animation) .head__menu-icon {
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
body.advanced--animation:not(.no--animation) .head__menu-icon::before {
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
body.advanced--animation:not(.no--animation) body.menu--open .head__logo-icon,
body.advanced--animation:not(.no--animation) body.menu--open .head__menu-icon,
body.advanced--animation:not(.no--animation) body.menu--open .head__title {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
body.advanced--animation:not(.no--animation) .full-person.focus .full-person__photo, body.advanced--animation:not(.no--animation) .full-person.hover .full-person__photo {
  -webkit-animation: animation-button-focus 0.2s;
          animation: animation-button-focus 0.2s;
}
body.advanced--animation:not(.no--animation) .full-person.animate-trigger-enter .full-person__photo {
  -webkit-animation: animation-trigger-enter 0.2s forwards;
          animation: animation-trigger-enter 0.2s forwards;
}
body.advanced--animation:not(.no--animation) .settings-folder.focus .settings-folder__icon, body.advanced--animation:not(.no--animation) .settings-folder.hover .settings-folder__icon {
  -webkit-animation: animation-button-focus 0.2s;
          animation: animation-button-focus 0.2s;
}
body.advanced--animation:not(.no--animation) .settings-folder.animate-trigger-enter .settings-folder__icon {
  -webkit-animation: animation-trigger-enter 0.2s forwards;
          animation: animation-trigger-enter 0.2s forwards;
}
body.advanced--animation:not(.no--animation) .modal.animate .modal__content {
  -webkit-animation: animation-modal 0.3s;
          animation: animation-modal 0.3s;
}
body.advanced--animation:not(.no--animation) .full-start__background.loaded {
  -webkit-animation: animation-full-background 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          animation: animation-full-background 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body.advanced--animation:not(.no--animation) .activity:not(.activity--load) .activity__body {
  -webkit-animation: animation-activity 0.2s;
          animation: animation-activity 0.2s;
}
body.advanced--animation:not(.no--animation) .animate-opacity {
  -webkit-animation: animation-opacity 0.3s;
          animation: animation-opacity 0.3s;
}
body.advanced--animation:not(.no--animation) .animate-up-content {
  -webkit-animation: animation-activity 0.2s;
          animation: animation-activity 0.2s;
}

@-webkit-keyframes animation-menu-open {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.05) translate(1em, 0.5em);
            transform: scale(0.05) translate(1em, 0.5em);
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
  }
}

@keyframes animation-menu-open {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.05) translate(1em, 0.5em);
            transform: scale(0.05) translate(1em, 0.5em);
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
  }
}
@-webkit-keyframes animation-menu-close {
  0% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
  }
  100% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.05) translate(1em, 0.5em);
            transform: scale(0.05) translate(1em, 0.5em);
  }
}
@keyframes animation-menu-close {
  0% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
  }
  100% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.05) translate(1em, 0.5em);
            transform: scale(0.05) translate(1em, 0.5em);
  }
}
@-webkit-keyframes animation-menu-backdrop-open {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animation-menu-backdrop-open {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes animation-menu-backdrop-close {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes animation-menu-backdrop-close {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
body.advanced--animation:not(.no--animation) .wrap__left.animate-open {
  -webkit-animation: animation-menu-open 0.2s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
          animation: animation-menu-open 0.2s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
}
body.advanced--animation:not(.no--animation) .wrap__left.animate-open::before {
  -webkit-animation: animation-menu-backdrop-open 0.2s ease forwards;
          animation: animation-menu-backdrop-open 0.2s ease forwards;
}
body.advanced--animation:not(.no--animation) .wrap__left.animate-close {
  -webkit-animation: animation-menu-close 0.2s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
          animation: animation-menu-close 0.2s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
}
body.advanced--animation:not(.no--animation) .wrap__left.animate-close::before {
  -webkit-animation: animation-menu-backdrop-close 0.2s ease forwards;
          animation: animation-menu-backdrop-close 0.2s ease forwards;
}

@media screen and (max-width: 480px) {
  .selectbox.animate .selectbox__content,
  .settings.animate .settings__content {
    -webkit-animation: animation-from-below 0.3s forwards;
            animation: animation-from-below 0.3s forwards;
  }
  .selectbox.animate-down .selectbox__content,
  .settings.animate-down .settings__content {
    -webkit-animation: animation-down 0.3s forwards;
            animation: animation-down 0.3s forwards;
  }
  .modal.animate .modal__content {
    -webkit-animation: animation-from-below 0.3s !important;
            animation: animation-from-below 0.3s !important;
  }
  .modal.animate-down .modal__content {
    -webkit-animation: animation-down 0.3s !important;
            animation: animation-down 0.3s !important;
  }
}
.ai-search-animation {
  position: relative;
  width: 12em;
  max-width: 100%;
}
.ai-search-animation__loupe {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 4.5em;
  height: 4.5em;
  -webkit-animation: ai-animation-loupe linear 1.5s infinite;
          animation: ai-animation-loupe linear 1.5s infinite;
}
.ai-search-animation__loupe > svg {
  margin-top: 2em;
  margin-left: 2em;
  -webkit-animation: ai-animation-loupe-icon linear 1.5s infinite;
          animation: ai-animation-loupe-icon linear 1.5s infinite;
}
.ai-search-animation__data {
  -webkit-animation: ai-animation-data ease 1.5s infinite;
          animation: ai-animation-data ease 1.5s infinite;
}
.ai-box-scroll {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@-webkit-keyframes ai-animation-data {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(70%, 0, 0);
            transform: translate3d(70%, 0, 0);
  }
  40% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-70%, 0, 0);
            transform: translate3d(-70%, 0, 0);
  }
}

@keyframes ai-animation-data {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(70%, 0, 0);
            transform: translate3d(70%, 0, 0);
  }
  40% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-70%, 0, 0);
            transform: translate3d(-70%, 0, 0);
  }
}
@-webkit-keyframes ai-animation-loupe {
  0% {
    -webkit-transform: translate(-30%, -50%) rotate(0deg);
            transform: translate(-30%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-30%, -50%) rotate(360deg);
            transform: translate(-30%, -50%) rotate(360deg);
  }
}
@keyframes ai-animation-loupe {
  0% {
    -webkit-transform: translate(-30%, -50%) rotate(0deg);
            transform: translate(-30%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-30%, -50%) rotate(360deg);
            transform: translate(-30%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes ai-animation-loupe-icon {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes ai-animation-loupe-icon {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.bookmarks-folder__layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #3E3E3E;
  -webkit-border-radius: 0.5em;
          border-radius: 0.5em;
}
.bookmarks-folder__body {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: rgba(255, 255, 255, 0.034);
  -webkit-border-radius: 0.5em;
          border-radius: 0.5em;
  position: relative;
}
.bookmarks-folder__body .i-1 {
  height: 80%;
  top: 20%;
}
.bookmarks-folder__body .i-2 {
  height: 60%;
  top: 40%;
}
.bookmarks-folder__body .i-3 {
  height: 40%;
  top: 60%;
}
.bookmarks-folder__head {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding: 1em;
  line-height: 1.3;
  text-align: center;
}
.bookmarks-folder__title {
  font-weight: 300;
  font-size: 1.5em;
  margin-bottom: 0.5em;
}
.bookmarks-folder__num {
  font-weight: 600;
  font-size: 1.2em;
  width: 2em;
  height: 2em;
  -webkit-border-radius: 0.5em;
          border-radius: 0.5em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.6em;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 3.5em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  background-color: #fff;
  color: #000;
}

@-webkit-keyframes animation-remote-button-blink {
  0% {
    fill-opacity: 0.4;
  }
  20% {
    fill-opacity: 1;
  }
  60% {
    fill-opacity: 1;
  }
  100% {
    fill-opacity: 0.4;
  }
}

@keyframes animation-remote-button-blink {
  0% {
    fill-opacity: 0.4;
  }
  20% {
    fill-opacity: 1;
  }
  60% {
    fill-opacity: 1;
  }
  100% {
    fill-opacity: 0.4;
  }
}
.remote-helper {
  position: fixed !important;
  top: 4em !important;
  right: -5em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 10000;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  -webkit-transition: opacity 0.15s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.15s ease, -webkit-transform 0.2s ease;
  -o-transition: opacity 0.15s ease, transform 0.2s ease;
  transition: opacity 0.15s ease, transform 0.2s ease;
  transition: opacity 0.15s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
  line-height: 1.4;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.remote-helper.active {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.remote-helper__textbox {
  background-color: rgba(31, 31, 31, 0.705);
  -webkit-backdrop-filter: blur(1.6em);
          backdrop-filter: blur(1.6em);
  border: 2px solid rgba(255, 255, 255, 0.171);
  -webkit-border-radius: 0.5em;
          border-radius: 0.5em;
  padding: 0.8em 1em;
  margin-right: -4.7em;
  width: 18em;
  margin-top: 1.5em;
}
.remote-helper__text {
  overflow: hidden;
  -o-text-overflow: ".";
     text-overflow: ".";
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.remote-helper__remote {
  width: 20.5em;
  height: auto;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.remote-helper__remote svg {
  width: 20.5em !important;
  height: 24.8em !important;
}
.remote-helper.highlight--ok .remote-helper__button-ok {
  -webkit-animation: animation-remote-button-blink 1s ease infinite;
          animation: animation-remote-button-blink 1s ease infinite;
}
.remote-helper.highlight--up .remote-helper__button-up {
  -webkit-animation: animation-remote-button-blink 1s ease infinite;
          animation: animation-remote-button-blink 1s ease infinite;
}
.remote-helper.highlight--down .remote-helper__button-down {
  -webkit-animation: animation-remote-button-blink 1s ease infinite;
          animation: animation-remote-button-blink 1s ease infinite;
}
.remote-helper.highlight--left .remote-helper__button-left {
  -webkit-animation: animation-remote-button-blink 1s ease infinite;
          animation: animation-remote-button-blink 1s ease infinite;
}
.remote-helper.highlight--right .remote-helper__button-right {
  -webkit-animation: animation-remote-button-blink 1s ease infinite;
          animation: animation-remote-button-blink 1s ease infinite;
}
.remote-helper.highlight--back .remote-helper__button-back {
  -webkit-animation: animation-remote-button-blink 1s ease infinite;
          animation: animation-remote-button-blink 1s ease infinite;
}