:root {
  --bg: #0D1014;
  --bg-second:#121212;
	--text: #F5F5F5;
  --text-2: #F5F5F5;
  --text-second: #68727C;
  --link:#9747FF;
  --link-2:#7349AB;
  --bg-ig: url("../images/Background.svg");
  --btn: #0D1014;
  --red: #ab4949;
  --green: #49ab5a;
}
:root.light {
  --text: #0D1014;
  --bg: #f5f5f5;
  --bg-second:#f0f0f0;
  --bg-ig: url("../images/panda.png");
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: 'Exo 2', sans-serif;
}
body {
  font-family: 'Exo 2';
  background-image: var(--bg-ig);
  background-repeat: no-repeat;
  color: var(--text);
  background-color: var(--bg);
  background-position: top;
  max-width: 1440px;
  margin: auto auto;
}
::-webkit-scrollbar {
  width: 8px;               /* ширина scrollbar */
}
::-webkit-scrollbar-track {
  background: var(--bg);        /* цвет дорожки */
}
::-webkit-scrollbar-thumb {
  background-color: var(--link-2);    /* цвет плашки */
}
footer {
  display: block;
  position: static;
}
.body_container {
  margin-bottom: 2vw;
  display: flex;
  flex-direction: column;
}
span {
  font-family: 'Exo 2';
}
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--text-second);
}
button {
  border-style: none;
  cursor: pointer;
}
h1 {
  color: var(--text);
  font-family: 'Exo 2';
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
h2 {
  color: var(--text);
  font-family: 'Exo 2';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
h4 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  word-break: break-word;
}
p {
  color: var(--text-second);
  text-align: center;
  font-family: 'Exo 2';
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 0px;
}
ul {
  list-style: none;
  margin-block-start: auto;
  padding-inline-start: 0px;
  margin-block-end: auto;
}
li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
span {
  color: var(--text);
}
#dle-content{
  background-color: var(--bg);
}
.center {
	display: flex;
  justify-content: center;
  margin-top: 4em;
}
.header {
}
.logo {
}
.logo img {
  max-width: 60px;
  min-width: 35px;
  width: 4vw;
}
.menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: auto;
  max-width: 1200px;
  margin: 0 auto 2em auto;
  border-radius: 24px;
  padding: 1em 2em 1em 2em;
  box-shadow: 0 8px 12px 0px var(--link-2);
  background: var(--bg-second);
}
.nav {
  gap: 2vw;
  margin-right: auto;
  display: flex;
  flex-wrap: nowrap;
}
.btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}
a.btn:after {
  display: block;
  content: "";
  height: 3px;
  width: 100%;
  background-color: var(--link);
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
}
a.btn.active:after,
a.btn:hover:after,
a.btn:focus:after {
  opacity: 1;
}
a.btn {
  transition: color 0.1s ease-in-out;
}
a.btn.active,
a.btn:hover {
  color: var(--text);
}
.btn-c {
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  text-transform: uppercase;
}
.themes {
  display: flex;
  padding: 4px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border: 2px solid rgba(var(--text-2),0.64);
  border-radius: 30px;
  cursor: pointer;
  background-color: transparent;
}
.moon,.sun {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 15px;
  height: 15px;
  border-radius: 30px;
  transition: all 0.1s ease-in-out;
}
.moon{
  padding: 5px;
}
.sun {
  padding: 5px;
}
.moon:hover{
  border-radius: 30px;
  background: #9747ff;
}
.sun:hover {
  border-radius: 30px;
  background: #eb6123;
}
.moon.active, .sun.active {
  border-radius: 30px;
  background: var(--link);
}
.login {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 2.5rem 13vmin 2.5rem 13vmin;
  flex-direction: row-reverse;
}
.btn-log {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.modal-content{
  border-radius: 30px;
  background-color: var(--bg-second);
}
.modal-footer{
  border-top: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
}
.logVK, .logPW {
  width: 100%;
  display: inline-flex;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 30px;
  background: var(--link-2);
  color: var(--text-2);
  transition: all 0.1s ease-in-out;
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  text-transform: uppercase;
}
.logPW span{
  color: var(--text-2);
}
.logVK:hover, .logPW:hover {
  background: var(--link);
}
.modal-header {
  border-bottom: none;
}
.modal-and p::after, .modal-and p::before{
  content:'';
 margin-top:0.7em;
 height:0;
 border-top:groove 1px;
 width:30%;
 position:absolute;
 margin-right:-100%;/* reduce size virtually to zero at 100% */
 margin-left:5%;/* set margin from end  text */
 border-color: var(--text-second);
}
.modal-and p::before{
  margin-left:-35%;/* reduce size virtually to zero at 100% + give margin from begin text */
}
.close-m{
  display: flex;
  width: 40px;
  height: 30px;
  background: transparent;
}
.log {
  display: inline-flex;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 30px;
  background: var(--btn);
  color: #F5F5F5;
  transition: all 0.1s ease-in-out;
}
.out {
  display: flex;
  width: 104px;
  height: 38px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 30px;
  background: var(--link);
  color: #F5F5F5;
  transition: all 0.1s ease-in-out;
}
.log:hover {
  background: #0D1014;
}
.out:hover {
  background: var(--link-2);
}
.userbar {
  display: flex;
  width: 330px;
  padding-left: 0px;
  justify-content: space-between;
  align-items: center;
  border-radius: 15px;
  box-shadow: 0 8px 12px 0px var(--link-2);
  background: var(--bg-second);
}
.anime-icon {
  margin-left: 15px;
  display: flex;
  width: 22px;
  height: 22px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 30px;
  background: var(--link-2);
}
.bookmark,.movie,.news,.settings,.exit {
  display: flex;
  width: 22px;
  height: 22px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 30px;
  background: var(--link-2);
}
.settings:hover,.news:hover,.movie:hover,.exit:hover,.bookmark:hover,.anime-icon:hover {
  background: var(--link);
}
.avatar {
  width: 38px;
  height: 38px;
  flex-shrink: 0;
}
.avatar img {
  width: 38px;
  height: 38px;
  border-radius: 30%;
  flex-shrink: 0;
  object-fit: cover;
  box-shadow: -3px 0px 2px 1px var(--link);
}
.us-ic {
  background-color: var(--link-2);
  padding: 3px 5px 3px 5px;
  border-radius: 8px;
  color: var(--text-2);
  font-size: 0.85rem;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
  text-transform: uppercase;
}
.in-log {
  width: 416px;
  height: fit-content;
  flex-shrink: 0;
  border-radius: 24px;
  background: var(--bg-second);
  border-color: var(--bg-second)
}
.in-log::backdrop {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(2px);
}
.close {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
}
.close:hover > svg > g > path {
  fill: var(--text);
  fill-opacity: 1;
}
.log-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
}
.form-log {
  display: flex;
  width: 341px;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.form_out {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
.form_out input{
  background-color: transparent;
  border: solid 1px var(--text-second);
  border-radius: 20px;
  height: 44px;
  width: 95%;
  padding: 0px 0px 0px 20px;
  color: var(--text);
  margin-bottom: 12px;
}
.input {
  display: flex;
  width: 309px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  background: var(--bg-second);
  padding: 15px;
  border-radius: 30px;
  border: 1px solid var(--text-second);
  color: var(--text);
  margin-bottom: 16px;
  cursor: pointer;
}
.input::placeholder {
  font-family: 'Exo 2';
}
.btn_log {
  display: flex;
  width: 341px;
  padding: 15.5px 113px 16.5px 114px;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  background: #42484D;
  opacity: 0.25;
  transition: opacity 0.1s ease-in-out;
}
.but_log {
  text-align: center;
  font-family: 'Exo 2';
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  color: var(--text);
}
.btn_log:hover{
  opacity: 0.35;
}
.divider {
  display: flex;
  width: 341px;
  align-items: center;
  gap: 23px;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.divider::after,.divider::before{
  content: "";
  border: 1px solid var(--text);
  width: 100%;
  opacity: 0.25;
}
.bottom_form {
  display: flex;
  justify-content: center;
  padding-top: 15px;
}
.new_rel {
  display: flex;
  width: auto;
  height: min-content;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  max-width: 1200px;
  margin: 0 auto 2em auto;
  border-radius: 24px;
  padding: 2.2em 2em 1.2em 2em;
  box-shadow: 0 8px 12px 0px var(--link-2);
  background: var(--bg-second);
  overflow: hidden;
}
.sector_rel{

}
.frame {
  display: flex;
  padding-bottom: 15px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.frame img {
  width: 165px;
  height: 232px;
  border-radius: 30px;
}
.frame > p {
  width: 165px;
  color: var(--text);
  text-align: center;
  font-family: 'Exo 2';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.swiper-container {
  mask-clip: content-box;
  mask-image: linear-gradient(to left, transparent 0%, #121212 1%, #121212 99%, transparent 100%);
  mask-repeat: no-repeat;
}
.swiper-slide {
  flex-shrink: 1 !important;
  margin-right: 1vmax;
}
.swiper-slide img,
.comove img,
.card_ani img {
  display: block;
  width: 13vmax;
  height: 18vmax;
  max-width: 165px;
  max-height: 232px;
  min-width: 150px;
  min-height: 265px;
  object-fit: cover;
  border-radius: 30px;
  margin-bottom: 1vmin;
  pointer-events: none;
}
.swiper-slide:hover img,
.frame_demove:hover img,
.card_ani:hover img {
  filter: saturate(150%);
}
.swiper-slide > a > p {
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--text);
  max-width: 200px;
}
.swiper_wrapper {
  max-width: 1120px;
}
.filt {
  margin-top: 40px;
  display: inline-flex;
  padding: 15px 129px 30px 15px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  background: var(--bg-second);
  width: auto;
  height: auto;
  border-radius: 30px;
}
.end_rel {
  margin-top: 10px;
}
.tab {
  width: 100%;
  justify-items: center;
}
.tab > input[type="radio"] {
  display: none;
  }
.tab-content {
  display: none;
  margin-top: 2vh;
}
#tab-move:checked~#move,
#tab-ex:checked~#ex,
#tab-comments:checked~#comments,
#tab-profile:checked~#profile,
#tab-mylists:checked~#mylists,
#tab-balance:checked~#balance,
#tab-tr:checked~#tr,
#tab-kodik:checked~#kodik,
#tab-lf:checked~#lf,
#tab-rutube:checked~#rutube {
  display: block;
}
input:checked + label {
	opacity: 1;
}
.side {
  display: inline-flex;
  align-items: flex-start;
  margin: 2vh auto;
  gap: 12px;
  width: auto;
  max-width: 1200px;
  justify-content: center;
  flex-direction: row;
}
.right {
  text-align: center;
  display: flex;
  width: auto;
  height: min-content;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  max-width: 1200px;
  margin: 0 auto 2em auto;
  border-radius: 24px;
  padding: 2.2em 2em 1.2em 2em;
  box-shadow: 0 8px 12px 0px var(--link-2);
  background: var(--bg-second);
  overflow: hidden;
}
.move {
  padding: 5px 10px 5px 10px;
  border: solid var(--link-2);
  border-radius: 15px;
  cursor: pointer;
  transition: opacity 0.1s ease-in-out;
  opacity: 0.6;
  color: var(--text);
}
.move:hover {
  opacity: 1;
}
.move:active {
  opacity: 1;
}
.movea {
  color: var(--text);
}
.movea:hover{
  color: var(--text) !important;
}
.comove {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: center;
  gap: 2vmin;
  flex-wrap: wrap;
}
.frame_demove {
  display: table-caption;
  padding-bottom: 1.5vmin;
}
.word_two {
  color: var(--text);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  word-break: break-word;
  -webkit-line-clamp: 2;
}
.news_last {
  display: inline-flex;
  padding-left: 15px;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}
.widht {
  display: flex;
  max-width: 1440px;
  min-width: 1150px;
  justify-content: center;
  margin-top: 40px;
}
.frame_news {
  display: flex;
  width: 1090px;
  justify-content: space-between;
  align-items: stretch;
}
.one_news {
  display: flex;
  padding: 15px;
  align-items: center;
  gap: 26px;
  border-radius: 15px;
  background: var(--bg-second);
  width: 349px;
  height: auto;
  margin-right: 20px;
}
.one_news img {
  width: 93px;
  height: 131px;
  border-radius: 15px;
}
.frame_post {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
}
.frame_post > p {
  color: var(--text);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; /* 150% */
  text-align: left;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  word-break: break-word;
  -webkit-line-clamp: 3;
}
.frame_post > h1 {
  color: var(--text);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 17.28px; /* 108% */
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  word-break: break-word;
  -webkit-line-clamp: 2;
}
.footer {
  background: var(--bg-second);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1.5vh;
  width: auto;
  height: min-content;
  max-width: 1200px;
  margin: 0 auto 2em auto;
  border-radius: 24px;
  box-shadow: 0 8px 12px 0px var(--link-2);
  overflow: hidden;
}
.nav_footer {
  display: flex;
  max-width: 720px;
  justify-content: space-between;
  align-items: center;
  gap: 4em;
}
.span_footer {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  color: var(--text-second);
  transition: color 0.1s ease-in-out;
}
a.btn_footer:after {
  display: block;
  content: "";
  height: 3px;
  width: 100%;
  background-color: var(--text);
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
}
a.btn_footer:hover:after {
  opacity: 1;
}
a.btn_footer:hover > .span_footer {
  color: var(--text);
}
.contact {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2vh;
  max-width: 60vw;
}
.contact > a {
  color: var(--link-2);
}
.social {
  display: flex;
  height: 25px;
  align-items: flex-start;
  gap: 2vw;
  margin-top: 2vh;
}
.soc_link {
  display: flex;
  padding: 0.77px 0px 0px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
a.soc_link:hover > svg > g > .path,
a.soc_link:hover > svg > .path {
  fill: var(--link-2);
}
.release {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 2vmin;
  margin-top: 2rem;
}
.catalog {
  display: flex;
  padding-top: 25px;
  width: auto;
  height: auto;
  align-items: stretch;
  align-content: flex-start;
  flex-wrap: wrap;
  background: var(--bg-second);
  justify-content: center;
  gap: 1.5vh;
  max-width: 1200px;
}
.card_ani {
  display: flex;
  padding-bottom: 15px;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  max-width: 165px;
}
.filter {
  position: sticky;
  top: 80px;
  display: flex;
  min-width: 312px;
  padding: 15px;
  padding-top: 25px;
  width: auto;
  height: auto;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
  background: var(--bg-second);
  justify-content: center;
  gap: 1.5vh;
  max-width: 1200px;
  margin: 0 auto 2em auto;
  border-radius: 24px;
  box-shadow: 0 8px 12px 0px var(--link-2);
}
.dropdown-search {
  border-color: var(--text-second)!important;
}
.tail-select mark{
  color: var(--text-2)!important;
  background-color: var(--link-2)!important;
}
.dropdown-search input {
  color: var(--text)!important;
}
.dropdown-search input:focus{
  color: var(--text)!important;
}
.fil_display {
  display: flex;
  width: 90%;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.irs {
  width: 100%;
}
.irs-line {
  height: 5px !important;
  background-color: var(--link-2) !important;
}
.irs-bar {
  display: none !important;
}
.irs--flat .irs-from, .irs--flat .irs-single, .irs--flat .irs-to {
  background-color: var(--link-2) !important;
}
.irs--flat .irs-from::before, .irs--flat .irs-single::before, .irs--flat .irs-to::before {
  border-top-color: var(--link-2) !important;
}
.irs--flat .irs-handle>i:first-child {
  border: solid !important;
  color: var(--link-2) !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 18px !important;
  background-color: var(--bg-second) !important;
  border-width: 2px !important;
  left: 0% !important;
  margin-left: -3px !important;
  top: -5px !important;
}
.tail-select {
  width: 100% !important;
}
.tail-select span {
  color: var(--text-second) !important;
}
.tail-select.active .select-label, .tail-select.idle .select-label, .tail-select:hover .select-label {
  -webkit-box-shadow: 0 1px 1px 1px rgba(0,0,0,.1), 0 0 1px 1px var(--link) !important;
}
.tail-select .select-label {
  color: var(--link-2) !important;
  background-color: var(--bg-second) !important;
  border-color: var(--link-2) !important;
  border-width: 1px !important;
  border-radius: 20px !important;
}
.tail-select .select-label .label-count {
  display: none !important;
  /* color: var(--text) !important;
  border-color: var(--text) !important; */
}
.tail-select .select-dropdown {
  color: var(--text-second) !important;
  background-color: var(--bg-second) !important;
  border-width: 1px !important;
  border-color: var(--link-2) !important;
  border-radius: 20px !important;
}
.tail-select .select-dropdown ul li.dropdown-option {
  color: var(--text) !important;
  transition: none !important;
}
.tail-select .select-dropdown ul li.dropdown-option.hover, .tail-select .select-dropdown ul li.dropdown-option:hover {
  background-color: var(--link-2) !important;
  color: var(--text-2) !important;
  transition: none !important;
  border-radius: 10px !important;
}
.tail-select .select-dropdown ul li.dropdown-option.selected {
  color: var(--text-2) !important;
  background-color: var(--link-2) !important;
}
.tail-select-container .select-handle {
  color: var(--text-2) !important;
  background-color: var(--link-2) !important;
  font-weight: 300 !important;
}
.tail-select-container .select-handle:hover {
  color: var(--text) !important;
  background-color: var(--link) !important;
}
.bottom-nav {clear: both; opacity:0;}
.fullstory {
  display: flex;
  flex-direction: column;
  margin-right: 1vw;
  margin-left: 1vw;
  justify-content: space-between;
  align-items: center;
  width: auto;
  max-width: 1200px;
  margin: 0 auto 2em auto;
}
.title {
  width: 100%;
  font-size: 2.15rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 2vh;
  margin-top: 2vh;
  outline: transparent;
}
.wide {
  background-color: transparent;
  border: none;
  border-bottom: solid 2px var(--text-second);
  color: var(--text);
  font-family: 'Exo 2';
}
.wide:focus-visible{
  border-bottom: solid 2px var(--text);
}
.content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 2vh;
  align-items: stretch;
  width: 100%;
  max-width: 1200px;
}
.content img {
  box-shadow: 0px 5px 1px 0px var(--link-2);
  width: 40vmax;
  max-width: 350px;
  height: auto;
  flex-shrink: 0;
  border-radius: 30px;
  align-self: center;
}
.description {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-top: 1vh;
}
.description p{
  text-align: start;
  color: var(--text);
}
.disline {
  margin-bottom: 12px;
}
.disline p{display: inline;}
#html_add p{
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
#html_add input{
  width: 100%;
}
.info {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.info p {
  font-size: 0.95rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--text);
  text-align: left;
  margin-bottom: 0.95vh;
}
.info a {
  color: var(--link-2);
}
.info a:hover {
  color: var(--link);
}
.info input{
  background-color: transparent;
  border: none;
  border-bottom: solid 2px var(--text-second);
  color: var(--text);
  outline: transparent;
  font-family: 'Exo 2';
}
.info input:focus-visible{
  border-bottom: solid 2px var(--text);
}
.banner_rec img {
  max-width: 195px;
  filter: saturate(0.5);
  -webkit-transition: -webkit-filter 0.1s ease-in-out;
}
.banner_rec:hover img {
  filter: saturate(1);
}
.fix_grid {
  margin-top: 80px;
  padding: 0.75rem;
}
.fix_grid b{
  font-size: 24px;
}
.fix_grid form {
  margin-top: 20px;
}
.textin {
  margin-top: 10px;
  font-family: 'Exo 2';
  cursor: pointer;
}
.bbcodes {
  font-family: 'Exo 2';
  cursor: pointer;
  margin-top: 20px;
}
.players {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: auto;
  max-width: 1200px;
  margin: 2vh auto 2vh auto;
}
.kodik {
  display: flex;
  justify-content: center;
}
.kodik iframe{
  height: 45vmin;
  width: 95vmin;
      border-radius: 30px;
}
#kodik-player{
  width: 100%;
  display: flex;
  justify-content: center;
}
.comm {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 2vh;
  justify-content: flex-start;
  width: 100%;
}
.comm a{
  text-transform: uppercase;
  font-weight: 700;
  color: var(--text);
  padding-right: 10px;
}
.comm a:hover{
  color: var(--link);
}
.comm_autor {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.comm_autor_left {
  display: flex;
  justify-content: flex-start;
  text-transform: uppercase;
}
.comm_autor_left span{
  margin-right: 10px;
}
.comm_autor_right {
  display: flex;
  justify-content: flex-start;
}
.comm_autor_right input {
  background-color: var(--bg);
  cursor: pointer;
  appearance: auto;
  margin: 0px 15px -4px 0px;
}
.comm_complaint {
  width: 20px;
  opacity: 0.7;
}
.comm_complaint:hover {
  opacity: 1;
}
.comm_complaint path {
  fill: var(--text);
}
.comm img {
  object-fit: cover;
  width: 80px;
  height: 80px;
  border-radius: 30%;
}
.comm-right {
  width: 100%;
}
.comm_edit {
  width: 20px;
  opacity: 0.7;
}
.comm_edit path{
  fill: var(--text);
  cursor: pointer;
}
.comm_edit:hover{
  opacity: 1;
}
.comm_rating {
  display: flex;
  margin-top: 10px;
  align-items: center;
  justify-content: flex-start;
}
.comm_negative {
  opacity: 0.4;
}
.comm_plus {
  margin: -2px -5px 1px 7px;
}
.comm_minus {
  margin: -1px -4px 1px 7px;
}
.comm_quote {
  margin: -3px 4px 1px 9px;
}
.comm_plus,
.comm_minus,
.comm_quote {
  width: 20px;
}
.comm_plus path,
.comm_minus path,
.comm_quote path {
  fill: var(--text-second);
  cursor: pointer;
}
.comm_plus:hover path,
.comm_minus:hover path,
.comm_quote:hover path {
  fill: var(--link-2);
}
.comm_delete {
  width: 20px;
  opacity: 0.7;
}
.comm_delete:hover {
  opacity: 1;
}
.comm_delete path {
  fill: var(--text);
}
.comm_full {
  background-color: var(--bg-second);
  padding: 15px;
  border-radius: 15px;
}
.comm_text {
  margin-top: 10px;
  word-break: break-word;
}
.list-com {
  margin-top: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
}
.list-com > form {
  width: 100%;
}
.rat-com {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.rate-comm{
  padding-right: 10px;
  padding-left: 10px;
}
.otv-comm {
}
.full-comm {
  background: var(--bg-second);
  padding: 15px 15px 5px 15px;
  border-radius: 30px;
  margin-bottom: 10px;
}
.comments-tree-list {
  display: flex;
  margin-block-start: 5px;
  margin-block-end: 5px;
  padding-inline-start: 10px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  list-style-type: decimal;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: center;
  width: -webkit-fill-available;
}
.comments-tree-list > li {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
}
.comments-tree-item > div {
  width: 100%;
}
.comments-tree-item {
}
.kuki {
  display: flex;
  flex-direction: column;
  background-color: var(--bg);
  border-radius: 30px;
  overflow: hidden;
  border: solid;
  border-color: var(--link);
}
.kuki_flex {
  display: flex;
  align-items: center;
  gap: 0px 22px;
  margin: 15px 20px 15px 22px;
}
.kuki_flex img {
  width: 160px;
}
.kuki_col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 11px 0px;
}
.kuki_col p {
  display: flex;
  align-items: center;
  color: var(--text);
}
.kuki_box {
  display: flex;
  align-items: center;
  background-color: var(--link);
  border-radius: 19px;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
}
.kuki_box:hover {
  filter: saturate(50%);
}
.kuki_info {
  display: flex;
  align-items: center;
  margin: 0px 8px 0px 9px;
  color: var(--text);
}
.kikies {
  display: none;
  position: fixed;
  z-index: 11;
  top: 50%;
  left: 1%;
  right: 1%;
}
.kiki_box_col {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.comments {
  margin-top: 2vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 1200px;
  border-radius: 24px;
  padding: 1em 2em 1em 2em;
  box-shadow: 0 8px 12px 0px var(--link-2);
}
.add_com {
  margin-top: 2vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.add_com form {
  width: 100%;
  margin-left: 2vw;
  margin-right: 2vw;
}
.bb-editor {
  width: 100%;
  max-height: 97px;
}
.bb-editor textarea::-webkit-scrollbar {
  width: 8px;               /* ширина scrollbar */
}
.bb-editor textarea::-webkit-scrollbar-track {
  background: var(--bg);        /* цвет дорожки */
}
.bb-editor textarea::-webkit-scrollbar-thumb {
  background-color: var(--link-2);    /* цвет плашки */
}
.bb-editor:focus-visible {
  outline: none;
}
.bb-editor textarea {
  width: 90%;
  background-color: var(--bg-second);
  border: none;
  border-radius: 30px 0px 0px 30px;
  padding: 20px;
  color: var(--text);
  font-family: 'Exo 2';
  font-size: 16px;
  cursor: auto;
  resize: none;
  max-height: 97px;
}
.bb-editor textarea:focus-visible {
  outline: none;
  outline-color: var(--link-2);
}
.form-com {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.btn-com {
  background: var(--bg-second);
  width: 100px;
  height: 97px;
  border-radius: 0px 30px 30px 0px;
}
.btn-com:hover svg #SVGRepo_iconCarrier path{
  stroke: var(--link);
}
.save-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 10px;
}
.btn-comyes {
  background: var(--bg-second);
  width: 100px;
  height: 57px;
  border-radius: 0px 30px 0px 0px;
}
.btn-comno {
  background: var(--bg-second);
  width: 100px;
  height: 57px;
  border-radius: 0px 0px 30px 0px;
}
.btn-comyes:hover{
  background: var(--btn);
}
.btn-comno:hover{
  background: var(--btn);
}
.ui-dialog {
  background: var(--bg-second);
  box-shadow: 0 8px 12px 0px var(--link-2);
  padding: 14px;
  border-radius: 20px;
  z-index: 999999;
}
.ui-dialog-buttonset button {
  font-family: 'Exo 2';
  background-color: var(--link-2);
  color: var(--text-2);
  font-size: 14px;
  padding: 5px;
  border-radius: 10px;
  margin: 10px 5px 0px 0px;
}
.ui-dialog-buttonset button:hover {
  background-color: var(--link);
}
.addnews {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.addform {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
}
.from_input {
  display: flex;
  width: 720px;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
}
.from_input label {
  margin-bottom: 10px;
  margin-top: 10px;
}
.from_input input {
  width: 720px;
  height: 40px;
  font-family: 'Exo 2';
  font-size: 18px;
  margin-bottom: 20px;
}
.from_input select {
  width: 729px !important;
  height: 40px;
  font-family: 'Exo 2';
  font-size: 18px;
  margin-bottom: 20px;
}
.from_input textarea {
  width: 720px;
  height: 40px;
  font-family: 'Exo 2';
  font-size: 18px;
  margin-bottom: 20px;
}
.qq-upload-button {
  padding: 15px;
  background: var(--link-2);
  border-radius: 30px;
  margin-bottom: 10px;
}
.moxie-shim input{
  cursor: pointer;
}
.rating {
  color: var(--text-2);
  display: flex;
  justify-content: center;
  margin-top: 1vh;
  align-items: center;
  gap: 10px;
}
.rating li{
  display: flex;
  flex-direction: row;
}
.rating a {
  color: var(--text);
  font-size: 25px;
  padding-bottom: 5px;
}
.kp_rat {
  background-color: #dda268;
  border-radius: 7px;
  width: max-content;
  padding: 1px 10px 1px 10px;
}
.shiki_rat {
  background-color: #68b3dd;
  border-radius: 7px;
  width: max-content;
  padding: 1px 10px 1px 10px;
}
.lf_rat {
  background-color: #dd6868;
  border-radius: 7px;
  width: max-content;
  padding: 1px 10px 1px 10px;
  margin-right: 7px;
  margin-left: 7px;
}
.rat_pop {
  min-width: 75px;
  color: var(--text-2);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: absolute;
  transform: translate(6rem, 0.75rem);
  gap: 0.25rem;
  z-index: 1;
  text-shadow: 1px 1px 3px var(---btn);
}
.rat_pop .shiki_rat,
.rat_pop .kp_rat,
.rat_pop .lf_rat{
  margin-right: 0px;
  margin-left: 0px;
}
.mylists-switch {
  width: -webkit-fill-available;
  background-color: var(--link-2);
  border-radius: 15px;
  color: var(--text-2);
  font-family: 'Exo 2';
  font-size: 16px;
  padding: 0px;
  }

.mylists-switch li {
  display: flex;
  color: var(--text-2);
  text-decoration: none;
  align-items: center;
  padding: 3px;
  border-radius: 15px;
}
.mylists-switch li span{
  color: var(--text-2);
}
.mylists-switch li:hover {
  color: var(--text-2);
  background-color: var(--link);
  border-radius: 15px;
  cursor: pointer;
  width: auto;
}
.mylists-switch li:last-child {
  margin: 0px;
}
.mylists-switch li.active {
  background: var(--link);
  color: var(--text);
  border: 0px;
  border-radius: 15px;
  width: auto;
}
.btn-group > .btn {
  background-color: var(--link-2);
  border-radius: 15px;
  margin-top: 1vh;
  padding: 5px 10px 8px 10px;
  color: var(--text-2);
  font-family: 'Exo 2';
  font-size: 16px;
}
.btn-group > .btn:hover {
  background-color: var(--link);
}
.content_left {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  width: auto;
  border-radius: 24px;
  padding: 1em 2em 1em 2em;
  box-shadow: 0 8px 12px 0px var(--link-2);
  background: var(--bg-second);
}

.content_right {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  margin: 0 auto 0 2vh;
  border-radius: 24px;
  padding: 1em 2em 1em 2em;
  box-shadow: 0 8px 12px 0px var(--link-2);
  background: var(--bg-second);
  justify-content: flex-start;
}
.userinfo {
  margin-top: 4vh;
  display: flex;
  flex-direction: column;
  margin-right: auto;
  margin-left: auto;
  justify-content: space-between;
  align-items: center;
  width: auto;
  max-width: 1200px;
  border-radius: 24px;
  padding: 1em 2em 1em 2em;
  box-shadow: 0 8px 12px 0px var(--link-2);
  background: var(--bg-second);
}
.userinfo img {
  width: 156px;
  height: 156px;
  border-radius: 30%;
  flex-shrink: 0;
  object-fit: cover;
}
.info_user {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4vw;
}
.right_user {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
}
.right_user a{
  color: var(--text-2);
  background-color: var(--link-2);
  border-radius: 15px;
  padding: 5px;
}
.right_user a:hover{
  background-color: var(--link);
}
.name_user {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.name_user_info {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.name_user h1{
  text-transform: uppercase;
  font-size: 32px;
}
.comm_user {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.comm_user a{
  margin-left: 12px;
}

.comm_user a:hover{
  color: var(--link-2);
}
.user_more {
  margin-top: 2vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.user_more a:hover{
  color: var(--link);
}
.lastcomments {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.lastcomments > .catalog {
  width: 100%;
  display: flex;
  margin-top: 60px;
  height: auto;
  align-items: stretch;
  gap: 20px;
  flex-wrap: nowrap;
  flex-direction: column;
}
.dle-comments-navigation {
  display: flex;
  gap: 5px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.dle-comments-navigation a:hover{
  color: var(--link);
}
.profile {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.prof a {
  text-transform: uppercase;
}
.prof_1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: 2vh;
  width: 100%;
  outline: solid;
  padding: 10px;
  border-radius: 15px;
}
.prof_about {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: 20px;
  width: 100%;
  outline: solid;
  padding: 10px;
  border-radius: 15px;
}
.prof, #load-last-comment{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 1vh;
}
.form-group {
  display: flex;
  align-items: stretch;
  width: 100%;
}
.form-group input {
  background-color: var(--bg);
  color: var(--text);
  font-family: 'Exo 2';
  padding: 15px;
  border-radius: 15px;
  border: solid;
  font-size: 14px;
  width: -webkit-fill-available;
}
.form-group textarea {
  background-color: var(--bg);
  border: solid;
  border-radius: 15px;
  padding: 10px;
  color: var(--text);
  font-family: 'Exo 2';
  font-size: 16px;
  cursor: auto;
  resize: none;
}
.form_submit {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
}
.form_submit > .btn {
  background-color: var(--bg);
  border: solid;
  color: var(--text);
  border-radius: 10px;
  padding: 10px;
  margin-top: 20px;
  font-family: 'Exo 2';
  font-size: 14px;
  text-transform: uppercase;
}
.form_submit > .btn:hover {
  color: var(--link);
}
.lists-tabs {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
  margin: 20px 0px 20px 0px;
}
.mylist_div {
  overflow: hidden;
  margin: 15px 12vmin 15px 12vmin;
}
.mylists-tabs {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  padding: 10px;
}
.mylists-tabs li {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
  width: max-content;
  padding: 10px;
  background-color: var(--bg-second);
  color: var(--text);
  margin: 0px 10px 0px 10px;
  border-radius: 15px;
}
.mylists-tabs li:hover {
  outline: solid 2px var(--link-2);
}
.mylists-tabs li.active {
  background-color: var(--link-2);
  color: var(--text-2);
  outline: none;
}
.mylists-tabs li span {
  padding-left: 0.35rem;
}
.mylists-tabs li.active span {
  color: var(--text-2);
}
.mylists-tabs a {
  color: var(--text);
}
.cont_mylist {
  display: flex;
  justify-content: center;
}
.box_in {
  display: flex;
  width: auto;
  height: min-content;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  max-width: 1200px;
  margin: 2em auto 2em auto;
  border-radius: 24px;
  padding: 1em;
  box-shadow: 0 8px 12px 0px var(--link-2);
  background: var(--bg-second);
  overflow: hidden;
}
.text p{
  text-align: justify;
  color: var(--text);
}
.lens {
  display: inline-flex;
  border-radius: 30px;
  border: 0.13rem solid var(--text-second);
}
.btn-up {
  /* фиксированное позиционирование */
  position: fixed;
  /* цвет фона */
  background-color: var(--link-2);
  /* расстояние от правого края окна браузера */
  right: 20px;
  /* расстояние от нижнего края окна браузера */
  bottom: 0;
  /* скругление верхнего левого угла */
  border-top-left-radius: 8px;
  /* скругление верхнего правого угла */
  border-top-right-radius: 8px;
  /* вид курсора */
  cursor: pointer;
  /* отображение элемента как flex */
  display: flex;
  /* выравниваем элементы внутри элемента по центру вдоль поперечной оси */
  align-items: center;
  /* выравниваем элементы внутри элемента по центру вдоль главной оси */
  justify-content: center;
  /* ширина элемента */
  width: 60px;
  /* высота элемента */
  height: 50px;
  z-index: 99999;
}

.btn-up::before {
  content: "";
  width: 40px;
  height: 40px;
  background: transparent no-repeat center center;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/%3E%3C/svg%3E");
}

.btn-up_hide {
  display: none;
}

@media (hover: hover) and (pointer: fine) {
  .btn-up:hover {
    background-color: #512da8; /* цвет заднего фона при наведении */
  }
}
/* поиск */
.wrapper {
  margin-left: 2vw;
}
.wrapper, .lens {
  position: relative;
}
.search {
  width: 0px;
  height: 33px;
  padding-left: 32px;
  float: right;
  background: var(--bg-second);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  border-radius: 30px;
  border: none;
  color: var(--text);
  font-family: 'Exo 2';
  pointer-events:none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
.search.active {
  width: 235px;
  outline: none;
  pointer-events: auto;
}
.icon {
  position: absolute;
  width: 35px;
  height: 37px;
  transform: translate(0px, -2px);
  cursor: pointer;
}
.wrapper .icon:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border: 1.3px solid var(--text-second);
  border-radius: 50%;
  transform: translate(10px, 11px);
  transition: 0.5s;
}
.wrapper .icon:after {
  content: "";
  position: absolute;
  width: 1.3px;
  height: 8px;
  background: var(--text-second);
  transform: translate(22px, 20px) rotate(315deg);
  border-radius: 2px;
}
.searchheading {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
}
.searchheading img{
  width: 70px;
  border-radius: 30%;
  flex-shrink: 0;
  object-fit: cover;
  margin-right: 10px;
}
.searchheading h2{
  font-size: 14px;
}
.searchheading:hover h2{
  color: var(--text-2);
}
.outline {
  border: solid 2px var(--link-2);
  border-radius: 10px;
}
#searchsuggestions {
  z-index: 99999;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
  padding: 16px;
  background: var(--bg-second);
  border-radius: 15px;
  box-shadow: 0 8px 12px 0px var(--link-2);
  max-width: 600px;
  margin: 0 auto;
  width: 100%;
}
#searchsuggestions a,.catalog a {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--bg);
  border-radius: 12px;
  box-shadow: 0 2px 8px 0px var(--link-2);
  padding: 12px;
  text-align: center;
  transition: background 0.2s;
  min-width: 0;
  margin: 0;
}

#searchsuggestions a:hover,.catalog a:hover {
  background: var(--link-2);
}
#searchsuggestions a:hover .word_two,.catalog a:hover .word_two{
  color: var(--text-2);
}
#searchsuggestions img {
  width: 80px;
  height: 110px;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 8px;
}
#searchsuggestions h2 {
  font-size: 1rem;
  margin: 0;
  color: var(--text);
}
@media (max-width: 600px) {
  #searchsuggestions {
    grid-template-columns: 1fr;
    max-width: 98vw;
    padding: 8px;
  }
}
#balance img {
  width: 56px;
  height: 56px;
}
.center > #dle-content {
  width: auto;
}
.push {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.push > svg{
  width: 480px;
}
.download_tr {
  background-color: var(--link-2);
  border-radius: 15px;
  margin-top: 1vh;
  padding: 5px 10px 8px 10px;
  color: var(--text-2);
  font-family: 'Exo 2';
  font-size: 16px;
  text-align: center;
}
.download_tr:hover, .content_left a span:hover {
  background-color: var(--link);
}
.download_tr p{
  color: var(--text-2);
  font-size: 14px;
  line-height: 8px;
  margin-bottom: 0.5rem;
}
.content_left a{
  color: var(--text-2);
}
.content_left a span{
  display: flex;
  background-color: var(--link-2);
  border-radius: 15px;
  padding: 5px;
  margin-top: 10px;
  justify-content: center;
  color: var(--text-2);
}
#dropmenudiv {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--link-2);
  margin-top: 10px;
  border-radius: 15px;
}
#dropmenudiv a{
  color: var(--text-2);
  width: 100%;
  padding: 5px;
}
#dropmenudiv a:hover{
  background-color: var(--link);
  border-radius: 15px;
}
.left_menu {
  display: flex;
  align-items: center;
}
.left {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: auto;
  height: min-content;
  justify-content: center;
  margin: 0 auto 2em auto;
  border-radius: 24px;
  padding: 1em;
  box-shadow: 0 8px 12px 0px var(--link-2);
  background: var(--bg-second);
}
.last_episod{
  display: flex;
  position: fixed;
  top: 0.75rem;
  right: 2rem;
  background-color: var(--link-2);
  color: var(--text);
  padding: 0.25rem;
  border-radius: 10px;
  z-index: 1;
  filter: drop-shadow(0px 0px 2px var(--text-second));
  text-shadow: 1px 1px 3px var(--bg);
}
.other_season{
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 2vh;
  gap: 1rem;
}
.o_season{
  flex-wrap: nowrap;
  flex-direction: column;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  margin: 2vh auto 2vh auto;
  border-radius: 24px;
  padding: 1em 2em 1em 2em;
  box-shadow: 0 8px 12px 0px var(--link-2);
  background: var(--bg-second);
}
.unit-rating { width: 230px; height: 46px; }
	.unit-rating, .unit-rating li a:hover, .unit-rating li.current-rating {
		background-image: url("../images/stars.png");
		-webkit-background-size: 46px auto; background-size:  46px auto;
	}
	.unit-rating {
		list-style: none;
		margin: 0; padding: 0;
		position: relative;
		background-position: 0 -92px;
	}
	.unit-rating li {
		text-indent: -90000px;
		padding: 0; margin: 0;
		float: left;
	}
	.unit-rating li a {
		display: block;
		width: 46px; height: 46px;
		text-decoration: none;
		border: 0 none !important;
		text-indent: -9000px;
		z-index: 17;
		position: absolute;
		padding: 0;
	}
	.unit-rating li a:hover {
		background-position: 0 -46px;
		z-index: 2;
		left: 0;
    top: 0;
	}
	.unit-rating a.r1-unit { left: 0; top:0;}
	.unit-rating a.r1-unit:hover { width: 46px; }
	.unit-rating a.r2-unit { left: 46px; top:0;}
	.unit-rating a.r2-unit:hover { width: 92px; }
	.unit-rating a.r3-unit { left: 92px; top:0;}
	.unit-rating a.r3-unit:hover { width: 138px; }
	.unit-rating a.r4-unit { left: 138px; top:0;}
	.unit-rating a.r4-unit:hover { width: 184px; }
	.unit-rating a.r5-unit { left: 184px; top:0;}
	.unit-rating a.r5-unit:hover { width: 230px; }
	.unit-rating li.current-rating {
		background-position: 0 0;
		position: absolute;
		height: 46px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
		padding: 0px;
	}
 .sel_cat {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  width: auto;
  max-width: 1200px;
  margin: 0 auto 2em auto;
 }
 .last_l_ep {
  background-color: var(--link-2);
  color: var(--text-2);
  width: max-content;
  padding: 0.25rem;
  border-radius: 10px;
  display: block;
 }
 .select2-container--default .select2-selection--multiple {
   background-color: transparent !important;
   border: 2px solid var(--text-second) !important;
   border-radius: 10px !important;
   cursor: pointer !important;
   margin-top: 10px;
 }
 .select2-container--default .select2-search--inline .select2-search__field {
   cursor: pointer;
   color: var(--text);
   font-family: 'Exo 2"';
 }
 .select2-results__option--selectable {
   background-color: var(--bg-second);
 }
 .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
   background-color: var(--link-2) !important;
 }
 .select2-container--default .select2-results__option--selected{
   background-color: var(--link) !important;
 }
 .select2-container--default .select2-selection--multiple .select2-selection__choice{
   background-color: transparent !important;
   border: 2px solid var(--text-second) !important;
 }
 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
   border-right: 2px solid var(--text-second) !important;
 }
 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{
   background-color: var(--link-2) !important;
 }
 .select2-dropdown{
   background-color: var(--bg) !important;
   border: 2px solid var(--text-second) !important;
 }
.select2 {
   width: 100% !important;
 }
 .body_list {
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
   justify-content: center;
   align-items: flex-start;
   width: 100%;
 }
.body_list a{
  width: 100%;
}
 .list_post {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-start;
   border-bottom: solid 2px var(--text-second);
   margin: 10px 0px 0px 0px;
   width: 100%;
   gap: 10px;
 }
 .list_post img{
   display: block;
   width: 13vmax;
    height: 18vmax;
    max-width: 165px;
    max-height: 232px;
    min-width: 150px;
    min-height: 265px;
    object-fit: cover;
    border-radius: 30px;
    margin-bottom: 1vmin;
    pointer-events: none;
 }
 .file-preview-card, .folder-preview-card {
   border: none !important;
   border-top: none !important;
 }
 .file-preview-card .file-footer {
   border-top: none !important;
 }
 .file-preview-card .file-content .file-preview-image, .folder-preview-card .file-content .file-preview-image {
   display: block !important;
   width: 13vmax !important;
   height: 18vmax !important;
   max-width: 165px !important;
   max-height: 232px !important;
   min-width: 150px !important;
   min-height: 265px !important;
   object-fit: cover !important;
   border-radius: 30px !important;
   margin-bottom: 1vmin !important;
   pointer-events: none !important;
 }
 .qq-uploader .file-preview-card {
   width: 100% !important;
 }
 .file-preview-card .file-content, .folder-preview-card .file-content {
   height: 100% !important;
 }
 .wseditor {
   max-width: 600px;
 }
 .gray-theme.fr-toolbar {
   background: var(--bg-ig)!important;
   color: var(--text)!important;
 }
 .gray-theme.fr-toolbar, .gray-theme.fr-popup{
   color: var(--text)!important;
 }
 .gray-theme.fr-toolbar .fr-command.fr-btn, .gray-theme.fr-popup .fr-command.fr-btn {
   color: var(--text)!important;
 }
 .gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown::after, .gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown::after {
   border-top: 0.25rem solid var(--text)!important;
 }
 .fr-view, .fr-popup {
   background-color: var(--bg-second)!important;
 }
 .gray-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active{
   background: var(--link-2) !important;
 }
 .gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, .gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active{
   background: var(--bg-second)!important;
 }
 .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a{
   background-color: var(--bg-second);
 }
 .gray-theme .fr-command.fr-btn.fr-active+.fr-dropdown-menu .fr-dropdown-wrapper{
   background-color: var(--bg-second);
 }
 .gray-theme.fr-desktop .fr-command:hover, .gray-theme.fr-desktop .fr-command:focus, .gray-theme.fr-desktop .fr-command.fr-btn-hover, .gray-theme.fr-desktop .fr-command.fr-expanded{
   background: var(--link)!important;
 }
 .gray-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li{
   display: flex;
   align-items: stretch;
 }
 .gray-theme.fr-box.fr-basic.fr-top .fr-wrapper{
   background-color: var(--bg);
 }
 .gray-theme.fr-box .fr-counter{
   color: var(--text-second)!important;
   background: var(--bg-second)!important;
   border-top: solid 1px var(--text-second)!important;
   border-left: solid 1px var(--text-second)!important;
   font-family: 'Exo 2';
 }
 #playerLF,#playerjs1 {
   height: 45vmin!important;
   width: 95vmin!important;
   max-width: 100%;
   box-shadow: 0 0 15px 0px var(--link);
   border: solid 3px var(--link-2);
 }
#playerLF_playlist1 {
  margin-left: 5px!important;
}
 .lf_pl {
   display: flex;
   justify-content: center;
   width: 100%;
 }
 .static_about {
   display: flex;
   justify-content: space-between;
   align-items: stretch;
   flex-direction: column;
   padding: 0.94rem 1vmin 0.94rem 1vmin;
 }
 .redlink {
   color: var(--red);
   align-self: center;
 }
 .redlink:hover {
   color: var(--text-second);
 }
 .reg {
   display: flex;
   align-items: center;
   justify-content: center;
       padding: 0.75rem;
 }
 .reg a {
   width: 100%;
   display: inline-flex;
   padding: 10px;
   justify-content: center;
   align-items: center;
   gap: 10px;
   border-radius: 30px;
   background: var(--link-2);
   color: var(--text-2);
   transition: all 0.1s ease-in-out;
   font-size: 0.8rem;
   font-style: normal;
   font-weight: 400;
   line-height: 1rem;
   text-transform: uppercase;
 }
  .reg a:hover {
    background: var(--link);
  }
  .modal-and a{
    display: flex;
    justify-content: center;
    font-size: 0.85rem;
  }
  .modal-and a:hover {
    color: var(--link-2);
  }
  .page_form__inner{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width: auto;
    padding: 0.75rem;
    align-items: flex-start;
  }
  .page_form__form {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    width: auto;
    padding: 0.75rem;
  }
  .page_form__form a{
    color: var(--link-2);
  }
  .page_form__form a:hover {
    color: var(--link);
  }
  .ui-form {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
    gap: 0.75rem;
  }
  .login_check {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.75rem;
  }
  .login_check button{
    padding: 1rem;
    background: transparent;
    border: solid var(--text);
    border-radius: 15px;
    color: var(--text);
    font-family: 'Exo 2';
    text-transform: uppercase;
  }
  .login_check button:hover {
    color: var(--link-2);
    border: solid var(--link-2);
  }
  .self_delete_link {
    background-color: var(--bg);
    border: solid;
    color: var(--text);
    border-radius: 10px;
    padding: 8px;
    margin-top: 20px;
    font-family: 'Exo 2';
    font-size: 14px;
  }
  .lostpass p {
    text-align: justify;
  }
 #news_title {
  text-overflow: ellipsis; /* will make [...] at the end */
  max-width: 170px; /* change to your preferences */
  white-space: nowrap; /* paragraph to one line */
  overflow:hidden; /* older browsers */
 }
 .DLEPush {
	z-index: 2001;
	position: fixed;
	right: 20px;
	top: 20px
}

@keyframes DLEPush-show {
	0% {
		transform: translateY(100%);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.DLEPush-notification.wrapper {
	animation-name: DLEPush-show;
	animation-duration: 1s;
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	color: var(--text);
	margin-bottom: 10px;
	width: 100%;
	max-width: 400px;
	box-shadow: 0 10px 15px rgb(0 0 0 / 20%);
	background-color: #fff;
	border-radius: 10px
}

.DLEPush-notification .DLEPush-icon {
	grid-column: 1;
	grid-row: 1 / span 2;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var;
	width: 45px;
	height: 100%;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	text-align: center;
}

.DLEPush-notification .DLEPush-icon svg {
	scale: .8;
}

.DLEPush-notification .DLEPush-header {
	font-weight: 500;
	grid-column: 2;
	grid-row: 1;
	font-size: 1rem;
	margin-left: 1rem;
	margin-top: .5rem;
}
.DLEPush-notification .DLEPush-header:empty {
	margin-top: 0;
}

.DLEPush-notification .DLEPush-message {
	grid-column: 2;
	grid-row: 2;
	font-size: .875rem;
	margin: 1rem;
}

.DLEPush-notification .DLEPush-message li, .DLEPush-notification .DLEPush-message ul {
	list-style-type: none;
	padding-left: 0;
}

.DLEPush-notification .DLEPush-close {
	position: absolute;
	top: 8px;
	right: 10px;
	font-weight: 300;
	background: none;
	border: 0;
	font-size: 1.15rem;
	cursor: pointer;
	line-height: 1;
	padding: 0;
	color: inherit;
	outline: 0;
	opacity: 0.75;
}

@media only screen and (min-width: 601px) {
	.DLEPush-notification.wrapper {
		min-width: 400px;
	}
}

.DLEPush-notification .DLEPush-close:hover {
	opacity: 1;
}

.DLEPush-notification.wrapper.push-success {
	background-color: var(--link-2);
}

.DLEPush-notification.wrapper.push-success .DLEPush-icon {
	background-color: var(--link);
}

.DLEPush-notification.wrapper.push-warning {
	background-color: var(--link-2);
}

.DLEPush-notification.wrapper.push-warning .DLEPush-icon {
	background-color: var(--link);
}

.DLEPush-notification.wrapper.push-error {
	background-color: var(--link-2);
}

.DLEPush-notification.wrapper.push-error .DLEPush-icon {
	background-color: var(--link);
}

input[type="text"].comments_author_field {
	width: 100%;
	margin-bottom: 10px;
}
.ui-dialog-buttonset button.ui-button-delete {
  background-color: var(--link-2);
  border-color: var(--link-2);
  color: var(--text);
  text-shadow: 1px 1px 2px rgba(51, 51, 51, .5);
}
.ui-dialog-buttonset button.ui-button-delete:hover {
  background-color: var(--link-2);
  border-color: var(--link-2);
  color: var(--text);
  text-shadow: 1px 1px 2px rgba(51, 51, 51, .5);
}
.form-check-label {
  cursor: pointer;
}
.form-check-input {
  color: #0c5f7eed;
  flex-shrink: 0;
  width: 1.12rem;
  height: 1.12rem;
  margin: -0.188rem 0.625rem 0 0;
  appearance: none;
  background-color: transparent;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid #0c5f7eed;
  vertical-align: middle;
}
.form-check-input {
  color: var(--text);
  flex-shrink: 0;
  width: 1.12rem;
  height: 1.12rem;
  margin: -0.188rem 0.625rem 0 0;
  appearance: none;
  background-color: transparent;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid var(--link-2);
  vertical-align: middle;
}
.form-check-input:checked{
  background-color: var(--link);
  border-color: var(--link);
}

.form-check-input[type=checkbox] {
  border-radius: .25rem;
}

.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:focus {
  box-shadow: 0 0 0 .25rem #9747ff46;
}
.block {
  align-content: center;
  border: solid 1px var(--link-2);
  padding: 5rem 10rem 5rem 10rem;
  font-size: 1rem;
  border-radius: 15px;
  box-shadow: 0 0 15px 0px var(--link);
  margin: 1rem;
}
/* Скрытие кнопок в мобильном браузере Samsung */
._pn-ink-bar, ._pn-btn-flip, ._pn-btn-window, ._pn-btn-refresh {
  display: none !important;
}
#theme-toggle {
  background: var(--link-2);
  border: none;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

#theme-toggle:hover {
  opacity: 0.8;
  transform: scale(1.05);
}

#theme-toggle svg {
  transition: all 0.3s ease;
}

/* Скрываем луну в светлой теме */
:root .moon {
  display: none;
}

/* Скрываем солнце в темной теме */
:root.light .sun,
:root.light .sun-beams {
  display: none;
}

/* Показываем луну в светлой теме */
:root.light .moon {
  display: block;
}
:root.light .logo img {
  filter: drop-shadow(-3px 0px 1px var(--link-2));
}
.shortstory-item {
  display: flex;
}
.billing-balance a{
  color: var(--text-2);
  background-color: var(--link-2);
  padding: 5px 10px 5px 10px;
  border-radius: 15px;
}
.billing-balance a:hover {
  background-color: var(--link);
}
.billing-item-active {
	color: var(--link-2);
	padding-top: 15px;
	border-top: 2px solid var(--link-2);
	margin-right: 10px;
}
.billing-item-active a:hover {
  color: var(--link);
}
.billing-item {
	padding-top: 15px;
	border-top: 2px solid var(--text-second);
	color: var(--text);
	margin-right: 10px;
}
.billing-menu a
{
	text-decoration: none !important;
}
.billing-menu a:hover {
  color: var(--link);
  border-top: 2px solid var(--link);
}
.billing-pay-step-start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin: 0 auto 2em auto;
  gap: 15px;
}
.billing-pay-step input {
  text-align: center;
  padding: 5px;
  background-color: var(--bg-second);
  border: 1px solid var(--link-2);
  border-radius: 15px;
  color: var(--text);
}
#billingPayBtn {
  background-color: var(--link-2);
  padding: 5px 10px 5px 10px;
  border-radius: 10px;
  color: var(--text-2);
  border: none;
}
#billingPayBtn:hover {
  background-color: var(--link);
}
.billing-btn_clear
{
  background: var(--link-2);
  border-radius: 10px;
  padding: 5px 10px 5px 10px;
  color: var(--text-2);
}
.billing-btn_clear:hover {
  background-color: var(--link);
}
.billing-menu-content {
	padding-top: 13px;
	border-top: 2px solid var(--bg-second);
	width: 100%;
}
.payment__desc
{
	padding-top: 6px;
	font-size: 11px;
	color: var(--text);
}
.billing-payment-item
{
  border: 1px solid var(--link-2);
  border-radius: 10px;
  width: 30%;
  height: 70px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  text-align: center;
  font-size: 11px;
  color: var(--text);
  overflow: hidden;
}
.pm_list a:hover {
  color: var(--link);
}
.com_content {
  display: flex;
  width: auto;
  height: min-content;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  max-width: 1200px;
  margin: 2em auto 2em auto;
  border-radius: 24px;
  padding: 1em;
  box-shadow: 0 8px 12px 0px var(--link-2);
  background: var(--bg-second);
  overflow: hidden;
}
.billing-content form .ui-form .form-group {
  display: flex;
  align-items: center;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}
.ui-dialog-titlebar-close {
  position: absolute;
  right: 15px;
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
  background: transparent;
  overflow: hidden;
  text-indent: -9999px;
  cursor: pointer;
  transition: transform .2s ease-in-out;
}
.ui-dialog-titlebar-close:hover {
  transform: rotate(90deg);
}
.ui-dialog-titlebar-close:before,
.ui-dialog-titlebar-close:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background: var(--text);
  opacity: 0.8;
}
.ui-dialog-titlebar-close:hover:before,
.ui-dialog-titlebar-close:hover:after {
  opacity: 1;
}
.ui-dialog-titlebar-close:before {
  transform: rotate(45deg);
}
.ui-dialog-titlebar-close:after {
  transform: rotate(-45deg);
}
.box.berrors.fix_grid {
  display: flex;
  width: 100%;
  height: min-content;
  flex-direction: column;
  justify-content: center;
  max-width: 1200px;
  margin: 0 auto 2em auto;
  border-radius: 24px;
  padding: 2.2em 2em 1.2em 2em;
  box-shadow: 0 8px 12px 0px var(--link-2);
  background: var(--bg-second);
  overflow: hidden;
}
#rutube-data {
  display: none;
}
        .rutube-player {
          margin: 20px auto;
          border-radius: 30px;
          overflow: hidden;
          box-shadow: 0 0 15px 0px var(--link);
          border: solid 3px var(--link-2);
        }

        .video-container {
            position: relative;
            height: 45vmin !important;
            width: 95vmin !important;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
        }

        .video-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }

        .player-controls {
            padding: 15px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 15px;
        }

        .control-btn {
            background: var(--link-2);
            border: none;
            color: var(--text);
            padding: 10px 20px;
            border-radius: 5px;
            cursor: pointer;
            font-weight: bold;
            transition: background 0.3s;
            flex-shrink: 0;
        }

        .control-btn:hover:not(:disabled) {
            background: var(--link);
        }

        .control-btn:disabled {
            background: var(--text-second);
            cursor: not-allowed;
        }

        .current-episode {
            color: white;
            font-weight: bold;
            text-align: center;
            flex-grow: 1;
        }

        .episodes-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
            gap: 10px;
            padding: 20px;
        }

        .episode-btn {
            background: var(--link-2);
            border: none;
            color: var(--text);
            padding: 12px 5px;
            border-radius: 6px;
            cursor: pointer;
            font-weight: bold;
            transition: all 0.3s;
            text-align: center;
        }

        .episode-btn:hover {
            background: var(--link);
            transform: translateY(-2px);
        }

        .episode-btn.active {
            background: var(--link);
            transform: scale(1.05);
        }

        .loading {
            text-align: center;
            padding: 40px;
            color: #7f8c8d;
        }

        .error {
            background: #e74c3c;
            color: white;
            padding: 20px;
            text-align: center;
            border-radius: 10px;
            margin: 20px;
        }

        /* Стили для скроллбара */
        .episodes-section::-webkit-scrollbar {
            width: 8px;
        }

        .episodes-section::-webkit-scrollbar-track {
            background: #bdc3c7;
        }

        .episodes-section::-webkit-scrollbar-thumb {
            background: #3498db;
            border-radius: 4px;
        }

        .episodes-section::-webkit-scrollbar-thumb:hover {
            background: #2980b9;
        }
 /* ПК */
 @media (min-width: 1034px) {
  .kodik iframe, #playerLF, .video-container{
    min-height: 534px!important;
    min-width: 994px!important;
    height: 45vmin!important;
    width: 95vmin!important;
  }
}
/* мобильные */
@media (max-width: 745px) {
  .block{
    padding: 1rem 2rem 1rem 2rem;
  }
  .menu{
    flex-direction: column;
    gap: 2rem;
    padding: 1em 0em 1em 0em;
  }
  .prof_1{
    flex-direction: column;
  }
  .user_more.comm-left {
    display: none;
  }
  .content{
    flex-direction: column;
    align-items: center;
  }
  .content_right{
    margin-left: auto;
    margin-top: 2vh;
  }
  .comm-left {
    display: none;
  }
  .login{
    justify-content: center;
  }
  .search{
    width: 235px;
    outline: none;
    pointer-events: auto;
  }
  .o_season{
    align-items: center;
  }
  .other_season{
    justify-content: center;
  }
  .side {
    margin-left: 2vmin;
    margin-right: 2vmin;
    flex-direction: column;
    align-items: center;
  }
  .new_rel {
    padding: 24px 2vmin 15px 2vmin;
  }
  .filter {
    position: static;
  }
  .sel_cat,.mylist_div {
    margin: 15px 2vmin 15px 2vmin;
  }
  .rat_pop{
    transform: translate(5rem, 0.75rem);
  }
  .catalog {
    justify-content: center;
  }
  .catalog a{
    max-width: 150px;
  }
  .release {
    flex-direction: column-reverse;
    align-items: center;
  }
  .title{
    text-align: center;
  }
  .fullstory,
  .content,
  .content_left,
  .content_right,
  .comments,
  .o_season {
    max-width: 100vw;
    width: 100vw;
    margin: 0;
    border-radius: 0;
    padding: 0.5em 0.5em;
    box-sizing: border-box;
  }
  .content {
    flex-direction: column;
    align-items: stretch;
    padding: 0;
  }
  .content_left,
  .content_right {
    padding: 0.5em 0.5em;
    margin: 0;
    box-shadow: none;
  }
  .title {
    font-size: 1.2rem;
    margin: 1em 0;
    padding: 0 0.5em;
  }
  img {
    max-width: 100%;
    height: auto;
  }
  .other_season {
    flex-direction: column;
    gap: 0.5em;
    margin-top: 1em;
  }
}