@import"https://fonts.googleapis.com/css2?family=Lexend:wght@200;300;400;500;600;700;800&family=Outfit:wght@600&family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Work+Sans:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";.center {

    height: 70px;

    display: flex;

    justify-content: center;

    align-items: center;

    background: #000;

   

  }





.art-chapter[data-title="Intro"] {

    background-color: #ffd700;

    height: 40% !important;

  }

  

  .art-chapter[data-title="Outro"] {

    background-color: #ffd700; 

    height: 40% !important;

  }



.artplayer-plugin-chapter .art-control-progress-inner {

    height: 100%!important;

    background-color: transparent!important

}



.artplayer-plugin-chapter .art-control-progress-inner>.art-progress-hover,.artplayer-plugin-chapter .art-control-progress-inner>.art-progress-loaded,.artplayer-plugin-chapter .art-control-progress-inner>.art-progress-played {

    display: none!important

}



.artplayer-plugin-chapter .art-control-thumbnails {

    bottom: calc(var(--art-bottom-gap) + 2.15rem)!important

}



.artplayer-plugin-chapter .art-chapters {

    position: absolute;

    z-index: 0;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    display: flex;

    align-items: center;

    gap: 4px;

    height: 100%;

    transform: scaleY(1.25)

}



.artplayer-plugin-chapter .art-chapters .art-chapter {

    display: flex;

    align-items: center;

    height: 100%

}



.artplayer-plugin-chapter .art-chapters .art-chapter .art-chapter-inner {

    position: relative;

    cursor: pointer;

    width: 100%;

    height: 50%;

    border-radius: 10px;

    overflow: hidden;

    transition: height var(--art-transition-duration) ease;

    background-color: var(--art-progress-color)

}



.artplayer-plugin-chapter .art-chapters .art-chapter:hover .art-chapter-inner {

    height: 100%

}



.artplayer-plugin-chapter .art-chapter-title {

    display: none;

    position: absolute;

    z-index: 70;

    top: -50px;

    left: 0;

    padding: 3px 5px;

    line-height: 1;

    font-size: 14px;

    border-radius: var(--art-border-radius);

    white-space: nowrap;

    background-color: var(--art-tip-background)

}



.art-control-thumbnails {

    border-radius: .7rem!important;

    overflow: hidden!important;

    aspect-ratio: 16/9!important;

    -o-object-fit: cover!important;

    object-fit: cover!important;

    background-color: #000c!important

}



.layer-button {

    padding: .5rem .65rem;

    min-width: 7rem;

    position: absolute;

    z-index: 99;

    border-radius: .375rem;

    background-color: #000000b3;

    text-align: center;

    font-family: Poppins;

    font-size: .75rem;

    line-height: 1rem;

    letter-spacing: .025em;

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity));

    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);

    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);

    --tw-backdrop-blur: blur(8px);

    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);

    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)

}



@media (min-width: 768px) {

    .layer-button {

        font-size:.875rem;

        line-height: 1.25rem

    }

}



.skip-op,.skip-ed,.next-ep,.progress-button {

    bottom: 1rem

}



@media (min-width: 768px) {

    .skip-op,.skip-ed,.next-ep,.progress-button {

        bottom:2rem

    }

}



.next-ed {

    bottom: 3.5rem

}



@media (min-width: 768px) {

    .next-ed {

        bottom:5rem

    }

}



.art-video-player .art-bottom {

    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.44),#000)!important

}



.art-control-show .art-poster {

    filter: brightness(.85)

}



.art-control-show .skip-op,.art-control-show .skip-ed,.art-control-show .next-ep,.art-control-show .progress-button {

    bottom: 4.15rem

}



@media (min-width: 768px) {

    .art-control-show .skip-op,.art-control-show .skip-ed,.art-control-show .next-ep,.art-control-show .progress-button {

        bottom:5.3rem

    }

}



@media (min-width: 1536px) {

    .art-control-show .skip-op,.art-control-show .skip-ed,.art-control-show .next-ep,.art-control-show .progress-button {

        bottom:6rem

    }

}



.art-control-show .next-ed {

    bottom: 6.65rem

}



@media (min-width: 768px) {

    .art-control-show .next-ed {

        bottom:8.3rem

    }

}



@media (min-width: 1536px) {

    .art-control-show .next-ed {

        bottom:9rem

    }

}



.next-ep {

    opacity: 0

}



.art-control-show .next-ep {

    opacity: 1

}



.layer-button:hover {

    filter: brightness(.8)

}



.art-layer-ed,.art-layer-op,.art-layer-nextEpisode {

    z-index: 99;

    opacity: 1!important

}



.art-icon-switchOn svg path {

    fill: #d42c72

}



.art-selector-list {

    border-radius: 10px!important

}



.art-settings {

    height: auto!important;

    border-radius: .77rem!important;

    letter-spacing: .02em

}



.art-setting-panel {

    padding: .4rem

}



.art-setting-item {

    border-radius: .5rem!important

}



@media (max-width: 1280px) {

    .art-control-theater {

        display:none!important

    }

}



.art-video-player {

    font-family: Poppins!important

}



.art-control-fullscreenWeb,.art-control-hls-quality,.art-control-pip,.art-control-screenshot {

    display: none!important

}



@media only screen and (min-width: 640px) {

    .art-control-fullscreenWeb,.art-control-hls-quality,.art-control-pip,.art-control-screenshot {

        display:flex!important

    }

}



.art-fullscreen .art-control-hls-quality {

    display: flex!important

}



.art-mini-popup {

    border-radius: 10px!important;

    top: unset!important;

    left: unset!important;

    right: 1%!important;

    bottom: 1%!important;

    width: 50%!important;

    aspect-ratio: 16/9!important;

    height: -moz-fit-content!important;

    height: fit-content!important;

    max-width: 300px!important

}



.art-lock .art-layer-dbl-left,.art-lock .art-layer-dbl-right,.art-control-server,.art-control-episodes {

    display: none!important

}



@media only screen and (min-width: 768px) {

    .art-control-server,.art-control-episodes {

        display:flex!important

    }

}



.art-controls-right {

    gap: .15rem

}



.art-control-selector .art-selector-list .art-selector-item:hover,.art-control-selector .art-selector-list .art-selector-item.art-current,.art-video-player .art-settings .art-setting-panel .art-setting-item.art-current {

    font-weight: 500

}



@media screen and (max-width: 500px) and (max-height: 920px) {

    .art-control.art-control-chromecast {

    display: none !important;

    }

    }