html,body{margin:0;padding:0;box-sizing:border-box;background-color:#000}a{text-decoration:none;color:#fff}::-webkit-scrollbar{width:0px;height:5px}::-webkit-scrollbar-thumb{background-color:#727171;border-radius:10px;height:200px}::-webkit-scrollbar-track{background-color:transparent}.category-btn:hover{background-color:#fc1503!important;color:#fff!important}.category-btn:hover span{color:#fff!important}.react-player{height:77vh!important;width:100%!important}.category-btn{font-weight:700!important;text-transform:capitalize;display:flex;align-items:center;justify-content:start;cursor:pointer;background:transparent;outline:none;border:none;padding:7px 15px;margin:10px 0;border-radius:20px;transition:all .3s ease}@media screen and (max-width: 900px){.category-btn{margin:10px}}@media screen and (max-width: 800px){.copyright{display:none!important}}@media screen and (max-width: 600px){.scroll-horizontal{overflow:auto!important}.react-player{height:45vh!important}}.navbar{display:flex;flex-direction:row;gap:2rem;align-items:center;padding:2rem;background-color:#000;justify-content:space-between}.searchbar1{background-color:#fff;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;border-radius:20px;border:"1px solid #e3e3e3";box-shadow:none;padding:5px 10px}@media screen and (max-width: 600px){.searchbar1{margin-right:5px}}.searchbar2{border:none;outline:none;width:350px}.feed1{display:flex;flex-direction:column}@media (min-width: 960px){.feed1{flex-direction:row}}.feed2{height:auto;border-right:1px solid #3d3d3d;padding-left:0;padding-right:0}@media (min-width: 768px){.feed2{height:92vh;padding-left:2rem;padding-right:2rem}}.copyright{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;letter-spacing:.01071em;color:#fff;margin-top:1.5em}.feed3{padding:2px}.feed4{font-weight:700;margin-bottom:2px}.sidebar{display:flex;flex-direction:row;overflow-y:auto;height:auto}@media (min-width: 768px){.sidebar{height:95vh;flex-direction:column}}.videos1{display:flex;flex-wrap:wrap;gap:1rem}@media screen and (min-width: 600px){.videos1{flex-direction:row;gap:2rem}}@media screen and (min-width: 960px){.videos1{gap:4rem}}.videocard1{width:100%;height:180px;border-radius:0;box-shadow:none}@media (min-width: 600px){.videocard1{width:358px}}@media (min-width: 960px){.videocard1{width:320px}}.videocard2{height:180px}@media (max-width: 600px){.videocard2{width:100%}}@media (min-width: 601px){.videocard2{width:358px}}.videocard3{background-color:#1e1e1e;height:106px;display:flex;flex-direction:column}.videocard4{font-size:1rem;line-height:1.5;font-weight:700;color:#fff}.videocard5{color:gray}.videocard6{font-size:12px;color:gray;margin-left:5px}.channelDetailbox{min-height:95vh;display:flex;padding:2px}.channelDetailbox>div{height:300px;background:linear-gradient(90deg,#00eef7,#ce03b8 100%,#00d4ff);z-index:10}.channelDetailbox>.channelDetailchannelCard{margin-top:-93px}.channelDetailbox>.channelDetailvideos{margin-right:100px}.circular-progress{width:40px;height:40px;border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid #3498db;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}