@font-face{
      font-family: Pompadur;
      /* Гарнитура шрифта */
      src: url(https://ledibagisupercot.ru/font/FONT.otf)
      /* Путь к файлу со шрифтом */
    }
   @font-face{
      font-family: Pompadur-pO;
      /* Гарнитура шрифта */
      src: url(https://ledibagisupercot.ru/font/FONT.otf)
      /* Путь к файлу со шрифтом */
    }
   @font-face{
      font-family: Pompadur-r0;
      /* Гарнитура шрифта */
      src: url(https://ledibagisupercot.ru/font/FONT.otf)
      /* Путь к файлу со шрифтом */
    }
   @font-face{
      font-family: Pompadur-nK;
      /* Гарнитура шрифта */
      src: url(https://ledibagisupercot.ru/font/FONT.otf)
      /* Путь к файлу со шрифтом */
    }
form {
  max-width: 600px;
}
#player>pjsdiv{
    border-radius: 10px;
    font-family: Pompadur, 'site', cursive;
}
pjsdiv>pjsdiv{
    font-family: Pompadur, 'site', cursive;
}
html{
    width: 100%;
}
.textTrackList{
	font-family: Pompadur, 'site', cursive;
}
.textTrackList > .textTrackItem{
	font-family: Pompadur, 'site', cursive;
}
.textTrackListContainer{
	font-family: Pompadur, 'site', cursive;
}
.videocontrols{
	font-family: Pompadur, 'site', cursive;
}
.textTrackList{
	font-family: Pompadur, 'site', cursive;
}
.textTrackList{
	font-family: Pompadur, 'site', cursive;
}
btn{
  font-family: Pompadur, 'site', cursive;
}
    h1, h2 {
      font-family: Pompadur, 'site', cursive;
    }
      .close:hover {background: #e6e6ff;}
body{
  overflow-x: hidden;
  margin: 0;
  -webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media screen and (max-width: 320px) /* Mobile */ {
.box{
  max-width: 320px;
}
button .ep0, button .ep1{
font-family: Pompadur, 'site', cursive;
font-size: 15px;
}
}
@media screen and (min-width: 200px) /* Mobile */ {
.player>iframe{
  max-height: 180px;
}
}
@media screen and (max-width: 420px) /* Mobile */ {
.box{
  max-width: 420px;
}
.br{
  height: 10px;
}
.Hyina{
  height: 0px;
}
}
@media screen and (max-width: 480px) /* Mobile */ {
.box{
  max-width: 480px;
}
.Hyina{
  height: 0px;
}
}
@media screen and (max-width: 768px) /* Mobile */ {
button, img {
  max-width: 90%;
}
.box{
  max-width: 768px;
}
.Hyina{
  height: 0px;
}
}
@media screen and (max-width: 848px) /* Mobile */ {
button {
  max-width: 85%;
}
.box{
  max-width: 848px;
}
.Hyina{
  height: 0px;
}
}
@media screen and (min-width: 850px) /* Mobile */ {
.Hyina{
  height: 0px;
    }
button, img {
  max-width: 90%;
}
}
@media screen and (max-width: 1200px) /* Mobile */ {
}
@media screen and (min-width: 1200px) /* Mobile */ {
}
@media screen and (min-width: 1900px) /* Mobile */{}
.player>iframe {
  border-radius: 15px;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 320px){
  .player>iframe{
  min-height: 180px;
    }
}
@media screen and (min-width: 325px){
  .player>iframe{
  min-height: 183px;
    }
}
@media screen and (min-width: 328px){
  .player>iframe{
  min-height: 185px;
    }
}
@media screen and (min-width: 330px){
  .player>iframe{
  min-height: 187px;
    }
}
@media screen and (min-width: 335px){
  .player>iframe{
  min-height: 190px;
    }
}
@media screen and (min-width: 340px){
  .player>iframe{
  min-height: 193px;
    }
}
@media screen and (min-width: 345px){
  .player>iframe{
  min-height: 195px;
    }
}
@media screen and (min-width: 350px){
  .player>iframe{
  min-height: 198px;
    }
}
@media screen and (min-width: 355px){
  .player>iframe{
  min-height: 201px;
    }
}
@media screen and (min-width: 360px){
  .player>iframe{
  min-height: 204px;
    }
}
@media screen and (min-width: 370px){
  .player>iframe{
  min-height: 207px;
    }
}
@media screen and (min-width: 375px){
  .player>iframe{
  min-height: 212px;
    }
}
@media screen and (min-width: 380px){
  .player>iframe{
  min-height: 215px;
    }
}
@media screen and (min-width: 385px){
  .player>iframe{
  min-height: 218px;
    }
}
@media screen and (min-width: 390px){
  .player>iframe{
  min-height: 221px;
    }
}
@media screen and (min-width: 395px){
  .player>iframe{
  min-height: 224px;
    }
}
@media screen and (min-width: 400px){
  .player>iframe{
  min-height: 227px;
    }
}
@media screen and (min-width: 405px){
  .player>iframe{
  min-height: 231px;
    }
}
@media screen and (min-width: 410px){
  .player>iframe{
  min-height: 234px;
    }
}
@media screen and (min-width: 415px){
  .player>iframe{
  min-height: 234px;
    }
}
@media screen and (min-width: 420px) /* Mobile */ {
    .player>iframe{
  min-height: 235px;
    }
}
@media screen and (min-width: 425px) /* Mobile */ {
    .player>iframe{
  min-height: 240px;
    }
}
@media screen and (min-width: 430px) /* Mobile */ {
    .player>iframe{
  min-height: 243px;
    }
}
@media screen and (min-width: 435px) /* Mobile */ {
    .player>iframe{
  min-height: 245px;
    }
}
@media screen and (min-width: 440px) /* Mobile */ {
    .player>iframe{
  min-height: 250px;
    }
}
@media screen and (min-width: 450px) /* Mobile */ {
    .player>iframe{
  min-height: 255px;
    }
}
@media screen and (min-width: 460px) /* Mobile */ {
    .player>iframe{
  min-height: 260px;
    }
}
@media screen and (min-width: 465px) /* Mobile */ {
    .player>iframe{
  min-height: 263px;
    }
}
@media screen and (min-width: 470px) /* Mobile */ {
    .player>iframe{
  min-height: 267px;
    }
}
@media screen and (min-width: 476px) /* Mobile */ {
    .player>iframe{
  min-height: 270px;
    }
}
@media screen and (min-width: 485px) /* Mobile */ {
    .player>iframe{
  min-height: 275px;
    }
}
@media screen and (min-width: 490px) /* Mobile */ {
    .player>iframe{
  min-height: 278px;
    }
}
@media screen and (min-width: 495px) /* Mobile */ {
    .player>iframe{
  min-height: 280px;
    }
}
@media screen and (min-width: 500px) /* Mobile */ {
    .player>iframe{
  min-height: 281px;
    }
}
html{
  height: 100%;
}
html, body {
  width: 100%;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.h1, h2,  h3, h4, pre{
  -ms-user-select: none; 
	-moz-user-select: none; 
	-webkit-user-select: none; 
  user-select: none;
}
.text{
    color: black;
    font-family: site;
    user-select: none;
}
h5{
  font-family: franklin gothic medium, cursive;
  font-size: 19px;
  user-select: none;
}
.h1, h2,  h3, h4, pre{
  -ms-user-select: none; 
	-moz-user-select: none; 
	-webkit-user-select: none; 
  user-select: none;
}
.text{
    color: black;
    font-family: site;
    user-select: none;
}
h5{
  font-family: franklin gothic medium, cursive;
  font-size: 19px;
  user-select: none;
}
.h1, h2,  h3, h4, pre{
  -ms-user-select: none; 
	-moz-user-select: none; 
	-webkit-user-select: none; 
  user-select: none;
}
.text{
    color: black;
    font-family: site;
    user-select: none;
}
h5{
  font-family: franklin gothic medium, cursive;
  font-size: 19px;
  user-select: none;
}
a{
  text-decoration: none;
}
.ep0{
  float: left;
}
.ep1{
  float: right;
}
.ep0, .ep1{
padding-inline: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-top: 2.5px;
 box-shadow: 0 0 10px rgba(43, 36, 43, 0.2);
font-family: Pompadur, 'site', cursive;
border-radius: 5px;
background-color: none;
border: 1px solid rgb(43, 36, 43);
max-width: 170px;
height: 30px;
font-size: 16px;
cursor: pointer;
}
.ep0:hover, .ep1:hover{
  box-shadow: none;
}
.Dub{
background-color: #9ff4935e;
border: 2px solid #62ff55;
border-radius: 5px;
max-width: 600px;
}
.work{
display: none;
  background-color: #93a2f45e;
border: 2px solid #5597ff;
border-radius: 5px;
  max-width: 600px;
}
h6{
font-family: Pompadur, 'site', cursive; 
font-size: 15px;
margin-top: -15px;
}
h4{
font-family: Pompadur, 'site', cursive; 
font-size: 15px;
}
@media screen and (max-width: 1200px) /* Mobile */ {
}
@media screen and (min-width: 1200px) /* Mobile */ {
}
@media screen and (min-width: 1900px) /* Mobile */{}
.player {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 320px){
  .player{
  min-height: 180px;
    }
}
@media screen and (min-width: 325px){
  .player{
  min-height: 183px;
    }
}
@media screen and (min-width: 328px){
  .player{
  min-height: 185px;
    }
}
@media screen and (min-width: 330px){
  .player{
  min-height: 187px;
    }
}
@media screen and (min-width: 335px){
  .player{
  min-height: 190px;
    }
}
@media screen and (min-width: 340px){
  .player{
  min-height: 193px;
    }
}
@media screen and (min-width: 345px){
  .player{
  min-height: 195px;
    }
}
@media screen and (min-width: 350px){
  .player{
  min-height: 198px;
    }
}
@media screen and (min-width: 355px){
  .player{
  min-height: 201px;
    }
}
@media screen and (min-width: 360px){
  .player{
  min-height: 204px;
    }
}
@media screen and (min-width: 370px){
  .player{
  min-height: 207px;
    }
}
@media screen and (min-width: 375px){
  .player{
  min-height: 212px;
    }
}
@media screen and (min-width: 380px){
  .player{
  min-height: 215px;
    }
}
@media screen and (min-width: 385px){
  .player{
  min-height: 218px;
    }
}
@media screen and (min-width: 390px){
  .player{
  min-height: 221px;
    }
}
@media screen and (min-width: 395px){
  .player{
  min-height: 224px;
    }
}
@media screen and (min-width: 400px){
  .player{
  min-height: 227px;
    }
}
@media screen and (min-width: 405px){
  .player{
  min-height: 231px;
    }
}
@media screen and (min-width: 410px){
  .player{
  min-height: 234px;
    }
}
@media screen and (min-width: 415px){
  .player{
  min-height: 234px;
    }
}
@media screen and (min-width: 420px) /* Mobile */ {
    .player{
  min-height: 235px;
    }
}
@media screen and (min-width: 425px) /* Mobile */ {
    .player{
  min-height: 240px;
    }
}
@media screen and (min-width: 430px) /* Mobile */ {
    .player{
  min-height: 243px;
    }
}
@media screen and (min-width: 435px) /* Mobile */ {
    .player{
  min-height: 245px;
    }
}
@media screen and (min-width: 440px) /* Mobile */ {
    .player{
  min-height: 250px;
    }
}
@media screen and (min-width: 450px) /* Mobile */ {
    .player{
  min-height: 255px;
    }
}
@media screen and (min-width: 460px) /* Mobile */ {
    .player{
  min-height: 260px;
    }
}
@media screen and (min-width: 465px) /* Mobile */ {
    .player{
  min-height: 263px;
    }
}
@media screen and (min-width: 470px) /* Mobile */ {
    .player{
  min-height: 267px;
    }
}
@media screen and (min-width: 476px) /* Mobile */ {
    .player{
  min-height: 270px;
    }
}
@media screen and (min-width: 485px) /* Mobile */ {
    .player{
  min-height: 275px;
    }
}
@media screen and (min-width: 490px) /* Mobile */ {
    .player{
  min-height: 278px;
    }
}
@media screen and (min-width: 495px) /* Mobile */ {
    .player{
  min-height: 280px;
    }
}
@media screen and (min-width: 500px) /* Mobile */ {
    .player{
  min-height: 281px;
    }
}
.player {
  margin-top: -5px;
}
body{
    overflow-x: hidden;
}
.adblock {
  background-color: #f4b7935e;
  border: 2px solid #ff9555;
  border-radius: 5px;
  margin-top: 15px;
  display: block;
  margin-bottom: 10px;
  max-width: 600px;
}
pjsdiv, pjsdiv > * {
    font-family: Pompadur, 'site', cursive;
}
pjsdiv>noindex {
    font-family: Pompadur, 'site', cursive;
}
#player {
    max-width: 600px;
}
/* Общие стили для контейнера названия */
.name_ep {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 15px;
    font-family: Pompadur, 'site', cursive !important;
}
/* Стили для заголовка h1 */
.name_ep h1 {
    display: inline-block;
    margin: 0;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
    font-family: Pompadur, 'site', cursive !important;
}
/* Стили для маркера озвучки */
.dub-marker {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    font-family: Pompadur, 'site', cursive !important;
}
/* Стили для иконки */
.dub-icon {
    height: 20px;
    width: auto;
    vertical-align: middle;
}
/* Стили для текста */
.custom-text {
    font-size: 14px;
    color: #666;
    font-style: italic;
    vertical-align: middle;
    font-family: Pompadur, 'site', cursive !important;
}
/* Для мобильных устройств */
@media (max-width: 768px) {
    .name_ep h1 {
        font-size: 20px;
    }
    .custom-text {
        font-size: 12px;
    }
    .dub-icon {
        height: 16px;
    }
}
/* Стили для метки "Новая серия" */
.new-badge {
    position: absolute;
    top: -10px;
    right: -10px;
    background: #ff4757;
    color: white;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    z-index: 10;
}
/* Стили для иконок озвучки */
.dub-icon {
    height: 20px;
    margin-left: 10px;
    vertical-align: middle;
    display: inline-block;
}
/* Стили для дополнительного текста озвучки */
.custom-text {
    font-size: 0.9em;
    color: #666;
    margin-left: 5px;
    font-style: italic;
    display: inline-block;
}
/* Стили для контейнера синопсиса */
.synopsis-box {
    max-width: 800px;
    margin: 20px auto;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
/* Стили для текста синопсиса */
.synopsis-text {
    line-height: 1.6;
    white-space: pre-line;
    font-size: 14px;
    color: #333;
}
/* Позиционирование для контейнера названия серии */
.name_ep {
    position: relative;
    display: inline-block;
    margin-top: 10px;
}
/* Адаптивные стили для мобильных устройств */
@media (max-width: 768px) {
    .new-badge {
        top: -5px;
        right: -5px;
        font-size: 10px;
        padding: 2px 5px;
    }
    .dub-icon {
        height: 16px;
        margin-left: 5px;
    }
    .custom-text {
        font-size: 0.8em;
    }
    .synopsis-box {
        margin: 10px;
        padding: 10px;
    }
}
/* Стили для админ-панели (если нужно) */
.admin-badge {
    background-color: #6a11cb;
    color: white;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 11px;
    margin-left: 5px;
    vertical-align: middle;
}