@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes curtain-animation{0%{clip-path:polygon(100% 100%,100% 100%,100% 100%)}to{clip-path:polygon(100% 100%,-200% 100%,100% -200%)}}@keyframes ripple{0%{height:0;left:15px;opacity:0;top:15px;width:0}4.9%{height:0;left:15px;opacity:0;top:15px;width:0}5%{height:0;left:15px;opacity:1;top:15px;width:0}to{height:30px;left:0;opacity:0;top:0;width:30px}}@keyframes l3{to{transform:rotate(1turn)}}.hero{min-height:70dvh;position:relative}.hero,.hero__bounds{display:grid;height:100%}.hero__bounds{align-items:center}.hero__bounds .bounds__content{align-items:center;display:none;height:100%;max-width:100vw;padding:0 5rem;z-index:100}.hero__bounds .bounds__content.active{display:grid}.hero__bounds .bounds__content .content__anime{display:grid;max-width:25vw;position:relative;grid-gap:1rem;z-index:100}.hero__bounds .bounds__content .content__logo{align-items:end;display:grid;height:150px;padding-bottom:1rem}.hero__bounds .bounds__content .content__logo--img{font-size:0;height:auto;max-height:150px;max-width:400px;width:auto}.hero__bounds .bounds__content .content__details{align-items:center;display:inline-flex}.hero__bounds .bounds__content .content__details .details__genre{color:#939393;font-size:.875rem;line-height:1.225rem}.hero__bounds .bounds__content .content__details .details__genre:before{background-color:#a0a0a0;content:"";display:inline-block;height:.25rem;line-height:1;margin-left:.25rem;margin-right:.25rem;top:50%;transform:translateY(-50%) rotate(45deg);width:.25rem}.hero__bounds .bounds__content .content__details .details__episode{border-radius:2px;color:#fff;font-size:.875rem;line-height:1.225rem;line-height:1;padding:2px 5px;position:relative}.hero__bounds .bounds__content .content__details .details__episode:before{background:#525252;content:"";inset:0;position:absolute;transform:skew(-12deg);z-index:-1}.hero__bounds .bounds__content .content__description{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#dcdcdc;display:-webkit-box;height:90px;overflow:hidden;text-overflow:ellipsis}.hero__bounds .bounds__content .content__actions{align-items:center;display:inline-flex;gap:1rem;padding-top:1rem}.hero__bounds .bounds__content .content__actions--watchlist{align-items:center;border:2px solid #ef5e27;color:#ef5e27;display:flex;height:40px;justify-content:center;width:40px}.hero__bounds .bounds__content .content__actions--watchlist:hover{background-color:#ef5e27;color:#141414}.hero__bounds .bounds__content .content__actions--watchlist.active{background-color:#ef5e27;border-color:#ef5e27}.hero__bounds .bounds__content .content__actions--watchlist.active .watchlist__icon--default,.hero__bounds .bounds__content .content__actions--watchlist.active .watchlist__icon--hover{color:#141414;fill:#141414}.hero__bounds .bounds__content .content__actions--watchlist .watchlist__icon--default{display:flex}.hero__bounds .bounds__content .content__actions--watchlist .watchlist__icon--hover{display:none;fill:#ef5e27}.hero__bounds .bounds__content .content__actions--watchlist:hover .watchlist__icon--default{display:none}.hero__bounds .bounds__content .content__actions--watchlist:hover .watchlist__icon--hover{display:flex}.hero__bounds .bounds__content .content__actions--watchlist svg{display:flex;height:25px;position:relative}.hero__bounds .bounds__content .content__background{height:120dvh;left:0;overflow:hidden;position:absolute;top:0;width:min(100vw,100%)}.hero__bounds .bounds__content .content__background:after{background:linear-gradient(180deg,transparent min(40vh,50%),#141414),linear-gradient(90deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.6) 30%,transparent 70%);content:"";display:block;inset:0;position:absolute}.hero__bounds .bounds__content .content__background figure{margin:unset}.hero__bounds .bounds__content .content__background img{animation-direction:normal;animation-duration:.3s;animation-fill-mode:both;animation-iteration-count:1;animation-name:opacity-show;animation-timing-function:cubic-bezier(.4,0,1,1);backface-visibility:hidden;background-color:#141414;display:block;font-size:0;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:right top;object-position:right top;width:100%}.hero__bounds .bounds__content .content__background .background__figure{position:relative}.hero__bounds .bounds__content .content__background .background__figure:after{background:linear-gradient(0deg,#141414,hsla(0,0%,8%,.95) 40%,hsla(0,0%,8%,.85) 60%,hsla(0,0%,8%,.7) 70%,transparent);bottom:0;content:"";height:100px;left:0;position:absolute;width:100%}.hero__bounds .bounds__nav{height:100%;position:absolute;width:100%}.hero__bounds .bounds__nav--arrows{align-items:center;display:flex;height:100%;justify-content:space-between}.hero__bounds .bounds__nav button{fill:#ef5e2766;height:100%;padding:0 .5rem;transition:all .15s ease}.hero__bounds .bounds__nav button:hover{fill:#ef5e27}.hero__bounds .bounds__nav button:hover svg{stroke:#ef5e274d}.hero__bounds .bounds__nav button.arrows__left svg{rotate:180deg}.hero__bounds .bounds__nav button svg{height:50px;stroke:#ef5e274d;stroke-width:.0313rem;width:50px}.hero__bounds .bounds__timeline{max-width:100vw;padding:2rem 5rem 0;position:relative;width:100%;z-index:200}.hero__bounds .bounds__timeline--grid{align-items:center;display:inline-flex;gap:.5rem}.hero__bounds .bounds__timeline--grid button{background-color:#262626;border-radius:100vh;cursor:pointer;display:block;height:8px;overflow:hidden;position:relative;transition:all .2s ease;width:25px}.hero__bounds .bounds__timeline--grid button .progress{background-color:#ef5e27;border-radius:100vh;display:block;height:8px;position:relative;transform:translate3d(-100%,0,0);width:100%}.hero__bounds .bounds__timeline--grid button.active{width:50px;--autoplay-state:running}.hero__bounds .bounds__timeline--grid button.active .progress{animation:slide-load 10s linear;animation-play-state:var(--autoplay-state)}.hero__bounds .bounds__timeline--grid button.active.paused{--autoplay-state:paused}.hero__bounds .bounds__timeline--grid button:hover{background-color:#ef5e27}.home__carousels{max-width:100vw;overflow:clip;padding:2rem 0}.home__carousels,.home__carousels .carousel__section{display:grid;grid-gap:6rem}@media screen and (max-width:1200px){.hero{min-height:60dvh}}@media screen and (max-width:991px){.hero__bounds .bounds__content .content__anime{max-width:50vw}.home__carousels,.home__carousels .carousel__section{grid-gap:4rem}}@media screen and (max-width:767px){.home__carousels,.home__carousels .carousel__section{grid-gap:3rem}.hero{min-height:55dvh}.hero__bounds .bounds__content .content__logo{padding-bottom:unset}.hero__bounds .bounds__content .content__logo--img{max-width:50vw}}@media screen and (max-width:575px){.hero__bounds .bounds__timeline{padding-left:3rem;padding-right:3rem}.hero__bounds .bounds__nav button{padding:unset;position:relative;z-index:100}.hero__bounds .bounds__nav button svg{position:relative;width:50px}.hero__bounds .bounds__content{padding:0 3rem}.hero__bounds .bounds__content .content__anime{max-width:80vw}.hero__bounds .bounds__content .content__details .details__genre{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.hero__bounds .bounds__content .content__details .details__episode--text{white-space:pre}.home__carousels,.home__carousels .carousel__section{grid-gap:2rem}}
