header{background-color:red;color:#fff;padding:20px;text-align:center}.logo-container{align-items:center;display:flex}.channel-logo{border-radius:50%;height:50px;margin-right:10px;width:50px}#heading{color:#fff;font-size:1.5rem;margin:0;text-align:center}nav{padding:1px 0;position:sticky;top:0;z-index:1000}nav,nav ul{display:block}nav ul{justify-content:left;list-style:none;padding:0}nav ul li{margin:0 15px}nav ul li a{border-bottom:3px solid #0000;color:#fff;font-weight:700;padding:10px 20px;text-decoration:none;transition:background-color .3s,color .3s,border-bottom-color .3s}nav ul li a:hover{border-bottom-color:#fff9;color:#fff}nav ul li a .active{border-bottom-color:#fff;color:#fff;font-weight:700}.video-list{padding:20px}.playlist-item,.video-item{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;cursor:pointer;padding:10px;transition:transform .2s ease;width:200px}.playlist-item:hover,.video-item:hover{transform:translateY(-5px)}.thumbnail-container{position:relative}.playlist-thumbnail,.video-thumbnail{border-radius:5px;height:auto;width:100%}.duration{background-color:#000000b3;border-radius:4px;bottom:8px;color:#fff;font-size:12px;padding:2px 6px;position:absolute;right:8px}.home-page,.video-page{padding:20px}.related-videos{margin-top:20px}.related-videos h3{font-size:1.2rem;margin-bottom:10px}.video-player{margin-bottom:20px}.playlist-list{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}@media (max-width:768px){.video-list{align-items:center;flex-direction:column}.playlist-item,.video-item{max-width:350px;width:100%}}.app-container{display:flex;flex-direction:column;min-height:100vh}footer{background-color:red;bottom:0;color:#fff;padding:10px 0;position:sticky;text-align:center;width:100%}body{background-color:#f4f4f4;font-family:Arial,sans-serif;margin:0;padding:0}.home-page{padding:20px}.channel-art-container{height:200px;margin-bottom:20px;overflow:hidden;position:relative;width:100%}.channel-art{display:block;height:100%;object-fit:cover;position:relative;width:100%;z-index:1}@media (max-width:768px){.channel-art-container{height:175px}}@media (max-width:480px){.channel-art-container{height:150px}}.featured-videos{margin-top:20px}.featured-videos h3{font-size:1.5rem;margin-bottom:15px}.video-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}@media (max-width:768px){.video-list{flex-direction:row;max-height:100%}}@media (max-width:480px){.video-list{flex-direction:row;max-height:100%}}.video-item{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;cursor:pointer;padding:10px;transition:transform .2s ease;width:250px}.video-item:hover{transform:translateY(-5px)}.video-thumbnail{border-radius:5px}.video-info{margin-top:10px}.video-info h4{color:#333;font-size:1rem;margin:0 0 5px}.video-info p{color:#777;font-size:.85rem}.spinner{color:#333;font-size:1.2rem;text-align:center}@media (max-width:768px){.video-item{max-width:400px;width:100%}}@media (max-width:480px){.video-item{max-width:300px;width:100%}}nav{background-color:red;box-shadow:0 2px 5px #0000001a}ul.nav-tabs{border-bottom:2px solid #ccc;list-style-type:none;margin:0;overflow-x:auto;padding:0;white-space:nowrap}ul.nav-tabs li{display:inline-block;margin:0}ul.nav-tabs li a{color:#fff;display:inline-block;font-size:16px;font-weight:700;padding:15px 20px;text-decoration:none;white-space:nowrap}ul.nav-tabs li a.active{border-bottom:3px solid #fff;color:#fff}ul.nav-tabs li a:hover{border:1px solid #f5f}ul.nav-tabs::-webkit-scrollbar{display:none}ul.nav-tabs{-ms-overflow-style:none;scrollbar-width:none}@media screen and (max-width:768px){ul.nav-tabs{padding-left:5px}ul.nav-tabs li a{font-size:14px;padding:10px 25px}}ul{display:flex;flex-wrap:wrap;list-style-type:none;padding:0}.Element{flex-basis:100%;margin:10px}.video-thumbnail{height:auto;width:100%}h3{color:#000;display:inline;font-size:1rem;margin-top:10px;position:static;text-align:center;top:0}a{text-decoration:none}@media screen and (min-width:768px){.Element{flex-basis:calc(25% - 20px)}h3{font-size:1.2rem;text-align:left}}@media screen and (max-width:426px){ul{flex-direction:column}.Element{align-items:center;display:flex;flex-direction:row}.video-thumbnail{margin-right:10px;width:150px}h3{font-size:1rem}}.pagination{align-items:center;display:flex;justify-content:center;margin:20px 0}.pagination button{background-color:red;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:0 10px;padding:10px 20px;transition:background-color .3s ease}.pagination button:hover{background-color:#c01111}.pagination button:disabled{background-color:#c66c6c;cursor:not-allowed}.pagination p{color:#333;font-size:16px;margin:0 10px}@media screen and (max-width:768px){.pagination button{font-size:14px;margin:0 5px;padding:8px 16px}.pagination p{font-size:14px}.Element{width:30%}}.playlist-item{align-items:center;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;margin:10px;padding:10px;transition:transform .3s ease}.playlist-thumbnail{border-radius:4px;object-fit:cover}.playlist-title{color:#333;font-size:1rem;margin-top:10px;text-align:center}.playlist-list{justify-content:center;margin:auto;max-width:1200px;padding:20px}.playlist-list h2{color:#333;font-size:2.5em;margin-bottom:30px;text-align:center}.playlist-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.playlist-item{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.playlist-item:hover{box-shadow:0 4px 10px #0003;transform:scale(1.05)}.playlist-thumbnail{height:auto;width:100%}.playlist-details{padding:15px}.playlist-title{color:#000;font-size:1.2em;font-weight:700;margin:5px 0}.playlist-description{color:#666;font-size:.9em;margin-top:5px}.playlist-link{color:inherit;text-decoration:none}.playlist-link:hover{text-decoration:underline}@media screen and (max-width:768px){.playlist-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media screen and (max-width:480px){.playlist-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.playlist-title{font-size:1em}.playlist-description{font-size:.8em}}.about-page{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:900px;padding:20px}.about-page h2{font-size:2rem;margin-bottom:10px}.stats-list{align-items:center;display:flex;flex-direction:column}.about-page p{font-size:1.2rem;margin-bottom:20px;text-align:center}.about-details{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-bottom:20px;padding:20px;width:100%}.about-details h3{display:block;font-size:1.5rem;margin-bottom:10px}@media screen and (min-width:768px){.about-details h3{text-align:center}}.about-details ul{font-size:1.2rem;list-style:none;padding:0}.about-details li{margin-bottom:10px}.subscribe-button{margin-top:20px}.subscribe-button a button{background-color:red;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.subscribe-button a button:hover{background-color:#c00}.contact-icons{flex-direction:column}.contact-icons,.mail{align-items:center;display:flex}.mail{color:#1e90ff;font-size:1.2rem;margin-bottom:10px;padding:2px;text-decoration:none;transition:color .3s ease}.mail i{font-size:1.5rem;margin-right:8px}.mail:hover{background-color:#0c69c7;color:#fff}@media (max-width:600px){.about-page{padding:10px}.about-page h2{font-size:1.5rem}.about-page p{font-size:1rem}.about-details h3{font-size:1.2rem}.about-details ul{font-size:1rem}.subscribe-button a button{font-size:.9rem;padding:8px 16px}.mail{font-size:1rem}.mail i{font-size:1.2rem}}.video-page{align-items:flex-start;display:flex;justify-content:space-between;margin:20px}.video-section{flex:3 1}.video-player{height:0;padding-bottom:56.25%;position:relative;width:90%}.video-player iframe{height:100%;left:0;position:absolute;top:0;width:100%}.video-details{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-top:15px;overflow-wrap:break-word;padding:10px;white-space:normal;word-break:break-word}.video-details p{line-height:1.5;margin-bottom:10px}.video-details p:after{content:""}.related-videos{flex:1 1;margin-left:20px}.related-videos ul{list-style-type:none;padding:0}.related-videos li{margin-bottom:10px;overflow:hidden;width:100%}.related-videos li:hover{cursor:pointer}.related-videos .thumbnail-wrapper{height:150px;overflow:hidden;position:relative;width:100%}.related-videos img{border-radius:4px;height:100%;object-fit:cover;width:100%}.related-videos p{font-size:14px;font-weight:700;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spinner{align-items:center;display:flex;font-size:20px;height:100vh;justify-content:center}.shorts-page{background-color:#f9f9f9;padding:20px}h2{color:#333;font-size:24px;margin-bottom:20px;text-align:center}.shorts-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.short{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;height:320px;overflow:hidden;text-align:center;transition:transform .3s ease;width:180px}.short:hover{transform:scale(1.05)}.short-thumbnail{height:100%;object-fit:cover;object-position:center;width:100%}.short-title{color:#555;font-size:14px;padding:10px}.shorts-player{align-items:center;background-color:#f9f9f9;display:flex;flex-direction:column;min-height:100vh;padding:20px}.shorts-video-container{border-radius:10px;box-shadow:0 4px 10px #0000001a;max-width:720px;overflow:hidden;width:100%}.shorts-player iframe{border:none;height:400px;width:100%}.shorts-player h2{color:#333;font-size:1.8em;font-weight:700;margin-top:20px;text-align:center}.shorts-player p{color:#555;line-height:1.5;margin-top:10px;padding:0 20px;text-align:center}.loading{align-items:center;color:#999;display:flex;font-size:1.5em;height:400px;justify-content:center}@media (max-width:768px){.shorts-video-container{max-width:100%}.shorts-player h2{font-size:1.5em}}
/*# sourceMappingURL=main.3c825f1d.css.map*/