.banner-title{color:#fff;text-transform:capitalize;margin-bottom:30px;font-size:2rem;font-weight:700}.info-section{flex-wrap:wrap;justify-content:space-between;align-items:center;padding:20px;display:flex}.info-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex;position:absolute;bottom:10px;right:10px}.info-meta a{background-color:var(--background-btns);border:0;padding:7px;font-size:14px;display:inline;box-shadow:1px 1px 2px 1px #0f0f0f}.info-meta a:hover,.info-meta a:active{background-color:var(--active);color:var(--color-active)}.info-buttons{gap:10px;display:flex}.trailer-hero{z-index:5;width:100%;height:98%;position:absolute;top:20px;right:0}.trailer-hero.hidden{display:none}.trailer-hero.visible{display:block}.trailer-hero .iframe-container{place-items:center;width:100%;height:100%;margin:auto;display:grid;position:relative;overflow:hidden}.trailer-hero .iframe-container .btn-close{background:var(--background-btns);border:1px solid var(--active);color:#fff;padding:5px;font-size:20px;position:absolute;top:0;right:0}.trailer-hero .iframe-container iframe{width:100%;height:100%}.banner{width:100%;height:520px;position:relative}.banner .banner-visits{position:absolute;bottom:10px}.banner .banner-saved{position:absolute;bottom:30px}.banner-image{object-fit:cover;width:100%;height:100%}.banner-overlay{background-color:#00000080;align-items:flex-end;padding:20px;display:flex;position:absolute;inset:0}.banner .play-icon{color:#fff;cursor:pointer;z-index:5;background:#0b0b0bcf;border:2px solid #333;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .25s,background .3s,box-shadow .3s;display:flex;position:absolute;bottom:45%;left:50%;transform:translate(-50%,50%)scale(1);box-shadow:0 0 25px #0b0b0b84}.repart-content{width:100%}.repart-list{margin-top:30px}.repart-list .repart-member{flex-direction:column;align-items:center;gap:5px;width:100%;display:flex}.repart-list .repart-member .repart-member-image{object-fit:cover;border-radius:4px;width:100%;height:auto}.repart-list .repart-member .repart-member-name{color:var(--color-font);text-align:center;width:100%;font-size:.9rem}.repart-list .repart-member .repart-member-character{color:gray;text-align:center;font-size:.8rem}.show-btn{background:0 0;border:0;font-size:20px}.show-btn:hover{color:var(--color-btns)}.seasons-content{flex-direction:column;gap:10px;margin:10px 0;display:flex}.synopsis,.seasons{padding:20px}.synopsis h3{margin-bottom:10px;font-size:1.5rem}.synopsis p{color:var(--color-font);line-height:1.6}.next-episode-tag{color:var(--color-active);text-align:center;background-color:var(--active);text-transform:capitalize;justify-content:center;align-items:center;gap:5px;margin-top:10px;padding:10px;font-size:18px;font-weight:500;display:flex}.episode-list{margin-top:40px;padding:30px!important}.input-v{width:fit-content;position:relative}.input-v .arrows{flex-direction:column;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.input-v .arrows button{color:var(--color-font);cursor:pointer;background:0 0;border:none;line-height:1}.episode-list .filter{margin-top:20px;margin-bottom:15px}.episode-list .filter input{background:var(--navbar);-moz-appearance:textfield;color:#fff;border:0;border-radius:2px;width:100%;padding:10px 40px 10px 10px}.episode-list .filter input::placeholder{color:#fff}.episode-list .filter input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.episode-list .filter input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.episode-list .pagination{justify-content:center;align-items:center;gap:10px;margin-top:20px;display:flex}.episode-list .pagination button{cursor:pointer;background-color:var(--bg-tags);color:#fff;border:none;border-radius:4px;justify-content:center;align-items:center;width:100%;padding:5px 10px;display:flex}.episode-list .pagination button:disabled{cursor:not-allowed;color:#fff;background-color:#222}.episode-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-top:30px;display:grid}.episode-card{cursor:pointer;border-radius:4px;transition:transform .2s}.episode-card:hover .episode-img img{filter:brightness(.4);scale:105%}.episode-img{border-radius:2px;width:100%;height:90px;overflow:hidden}.episode-img img{width:100%;height:100%;transition:all .2s}.episode-title{margin-top:5px;font-size:.9rem;font-weight:400}.episode-duration{color:gray;font-size:.8rem}.skeleton{padding:5px}.episode-img-skeleton{background-color:var(--bg-tags);width:100%;height:80px;margin-bottom:8px}.episode-title-skeleton{background-color:var(--bg-tags);width:70%;height:12px;margin-bottom:4px}.episode-duration-skeleton{background-color:var(--bg-tags);width:20%;height:10px}.recommended{width:100%;margin:3.5rem 0;padding:0 30px}.recommended .title-recommended{border-left:5px solid #fff;padding-left:20px;font-size:30px;font-weight:500}.recommended .recommended-list{grid-template-columns:repeat(6,1fr);gap:10px;margin:30px 0;display:grid}.recommended .recommended-list .recommended-item{width:100%}.recommended .recommended-list .recommended-item .image{width:100%}.recommended .recommended-list .recommended-item .image img{width:100%;height:400px}.recommended .recommended-list .recommended-item .tags{flex-direction:column;gap:10px;padding:10px 0;display:flex}.recommended .recommended-list .recommended-item .tags .name{text-transform:capitalize;font-size:18px}.recommended .recommended-list .recommended-item .tags .foot{align-items:center;gap:10px;display:flex}
