@keyframes spotlightPosterAnimation{0%{opacity:0;transform:translate(-5rem)}70%{opacity:.5}to{opacity:1;transform:translate(0)}}@keyframes spotlightTitleAnimation{0%{opacity:0;transform:translate(5rem)}70%{opacity:.5}to{opacity:1;transform:translate(0)}}@keyframes spotlightDescriptionAnimation{0%{opacity:0;transform:translateY(5rem)}70%{opacity:.5}to{opacity:1;transform:translateY(0)}}.Slider-Container{cursor:pointer;justify-content:center;width:99vw;height:100vh;display:flex;overflow:hidden}.Slider-Container>i{color:#fff;border:none}.Animes-Container{width:94rem;height:100%}.Slide-Images{width:100vw;height:100%;transform:translateX(var(--changeCover,0rem));grid-template-columns:repeat(9,94rem);transition:all .4s ease-out;display:grid}.SpotlightAnime-container{background-color:#000;flex-direction:row-reverse;justify-content:start;align-items:end;width:100%;height:100%;padding:0 0 0 5rem;display:flex;position:relative}.Cover{width:90%;height:100%;position:absolute;top:0;right:1rem}.Cover>img{z-index:1;object-fit:cover;width:100%;height:100%}.CoverDark{background:linear-gradient(#4440 10%,#000 100%),linear-gradient(90deg,#000 0%,#4440 65%),linear-gradient(270deg,#000 0%,#4440 10%),linear-gradient(#151414 0%,#4440 45%);width:100%;height:100%;position:absolute}.CoverNextBtn{z-index:1;background:linear-gradient(270deg,#000 0%,#4440 55%);justify-content:center;align-items:center;width:5rem;height:95%;font-size:1.7rem;transition:all .5s ease-out;display:flex;position:absolute;right:0}.CoverNextBtn:hover{cursor:pointer;background:linear-gradient(270deg,#000 0%,#4440 75%);transition:all .5s ease-out}.CoverPrevBtn{z-index:1;background:linear-gradient(90deg,#000 0%,#4440 55%);width:5rem;height:95%;font-size:1.7rem;transition:all .5s ease-out;position:absolute;left:0}.CoverPrevBtn:hover{cursor:pointer;background:linear-gradient(90deg,#000 0%,#4440 75%);transition:all .5s ease-out}.Cover-Info{text-align:start;z-index:2;flex-direction:column;justify-content:start;align-items:start;gap:1rem;width:65%;height:40%;display:flex;position:relative;bottom:2rem}.Cover-Info>p{color:#c7c5c5;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:2vmin;animation:.4s ease-out spotlightDescriptionAnimation}.Cover-Info>span{color:#faf7f7;text-shadow:0 0 10px #060606}.Title{text-align:center;flex-wrap:nowrap;align-items:center;gap:.8rem;width:100%;display:flex;position:relative}#ep-info{position:relative}#Cover{color:#000;background-color:#fff;border-radius:4px;padding:.1rem .4rem;font-size:.7rem;font-weight:800;animation:.4s ease-out spotlightTitleAnimation}.SpotlightWatch-btn{color:#000;cursor:pointer;background-color:var(--ElementColor);border:none;border-radius:.25rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem 4rem;font-size:1rem;font-weight:500;transition:all .2s ease-out;display:flex}.SpotlightWatch-btn:hover{background-color:#14d5d2}.Title>#ep-info>figcaption{letter-spacing:.05rem;word-spacing:.1rem;color:#e4e4e4;text-shadow:0 0 4px #b7b7b7;width:100%;font-size:2.3rem;font-weight:700;animation:.4s ease-out spotlightTitleAnimation}.Title>#Coverimg-src{cursor:pointer;border:1px solid #fff;border-radius:10px;width:12rem;height:18rem;animation:.4s ease-out spotlightPosterAnimation;box-shadow:4px 4px 10px 2px #000}.CName{z-index:30;justify-content:space-between;width:fit-content;display:flex;position:relative;left:0}.top10{order:1;gap:.4rem;margin-left:2rem;flex-direction:column!important;display:flex!important}@keyframes underline{0%{background-position:0}to{background-position:11rem}}.CName>h2{color:#0000;text-shadow:0 0 20px #555252;background-image:linear-gradient(#6ef5e5 10%,#fff 100%);-webkit-background-clip:text;background-clip:text;font-size:1.45rem;font-weight:700}.CName>h2:after,.CName>h2:before{content:"";background:linear-gradient(to right,#006f62 0%,var(--ElementColor)50%);width:100%;height:2.2px;transition:all 1s ease-out;display:block;position:absolute;top:2.5rem}.CName>h2:before{filter:blur(.5rem)}.CName>i{cursor:pointer;width:fit-content;height:fit-content;font-size:1.2rem;position:absolute;top:.8rem;left:9rem}#showmore{cursor:pointer;width:fit-content;max-height:12rem;font-size:1.2rem;transition:all .4s ease-out;position:absolute;top:.8rem;left:calc(100vw - 7rem)}
@media only screen and (min-width:600px) and (max-width:1024px){.Main-name{top:0;left:50%;transform:translate(-50%)}.Slider-Container{height:70vh}.SpotlightAnime-container{padding:0}.Cover{width:100%}.Cover>img{width:71%;height:99%}.Cover-Info{width:calc(100vw - 8rem);height:auto;bottom:8rem;left:5.5rem}}@media only screen and (max-width:600px){.Main-name{position:absolute;top:0;transform:translate(60%)}.Slider-Container{justify-content:center;width:auto;height:55vh;display:flex;overflow:hidden}.Animes-Container{width:auto;height:100%}.Slide-Images{width:100vw;height:100%;transform:translateX(var(--changeCover,0rem));grid-template-columns:repeat(9,100vw);transition:all .4s ease-out;display:grid}.CoverDark{width:100vw;height:100%;position:absolute}.Cover>img{z-index:1;object-fit:cover;width:100%;height:98%}.Cover-Info{text-align:start;align-items:flex-start;gap:.5rem;width:16rem;height:fit-content;position:absolute;left:25%}.CoverPrevBtn{z-index:1;background:linear-gradient(90deg,#000 0%,#4440 55%);justify-content:center;align-items:center;width:1rem;height:25rem;font-size:1.2rem;transition:all .5s ease-out;display:flex;position:absolute;top:0;left:0}.CoverNextBtn{z-index:1;background:linear-gradient(270deg,#000 0%,#4440 55%);justify-content:center;align-items:center;width:1rem;height:25rem;font-size:1.2rem;transition:all .5s ease-out;display:flex;position:absolute;top:0;right:0}.Watch-btn{font-size:.7rem;left:1rem}desc>span{font-size:1.3vmax}.SpotlightAnime-container{flex-flow:column;align-items:center;width:100%;height:100%;padding:0;display:flex}.Title{word-wrap:break-word;text-align:center;flex-direction:column;width:14rem;display:flex}.Title>p{color:#faf7f7;text-shadow:0 0 10px #060606;font-size:1rem}.Title>#Coverimg-src{cursor:pointer;border-radius:10px;width:7rem;height:10rem;box-shadow:4px 4px 10px 2px #000}.SpotlightWatch-btn{font-size:.65rem}.Title>#ep-info>figcaption{font-size:1rem}#Cover{font-size:.4rem}.Cover{width:100%;right:0}.Cover-Info>p{color:#fff;font-size:.5rem}.Cover-Info>#ep-info>span{padding:.1rem .4rem;font-size:.5rem;font-weight:500}.Cover-Info>span{color:#faf7f7;text-shadow:0 0 10px #060606;font-size:.7rem}}