body,html{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}.dark-theme{--black:#000;--almost-black:#1e1e1e;--scrollbar-thumb-gray-color:#727171;--almost-red:#fc1503;--white:#fff;--almost-white:#ccc;--comments-bg-almost-black:#312f2f;--gray:gray;--some-red:#f31503}.light-theme{--black:#eee;--almost-black:#ccc;--scrollbar-thumb-gray-color:#727171;--almost-red:#fc1503;--white:#000;--almost-white:#312f2f;--comments-bg-almost-black:#ccc;--some-red:#f31503;--gray:#646464}.color{color:var(--almost-red);margin-right:10px}a{color:var(--black);text-decoration:none}::-webkit-scrollbar{height:5px;width:0}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-gray-color);border-radius:10px;height:200px}::-webkit-scrollbar-track{background-color:initial}.category-btn:hover{background-color:var(--almost-red)!important}.category-btn:hover,.category-btn:hover span{color:var(--white)!important}.react-player{height:77vh!important;margin:20px;width:97%!important}.search-bar{border:none;outline:none;width:350px}.category-btn{align-items:center;background:transparent;border:none;border-radius:20px;cursor:pointer;display:flex;font-weight:700!important;justify-content:start;margin:10px 0;outline:none;padding:7px 15px;text-transform:capitalize;transition:all .3s ease}.comments{color:var(--white);padding:5px 20px}.comments_container{background-color:var(--comments-bg-almost-black);border-radius:10px;margin:20px;padding:20px}.chatInfo{border-bottom:1px solid var(--almost-white);margin:5px 0}.chatInfo .userchat img{border-radius:50%;object-fit:cover}.chatInfo .userChatInfo p{color:var(--almost-white);font-size:14px}.userChatInfo span{font-weight:500}.userChat{align-items:center;color:var(--white);display:flex;gap:20px;padding:20px}.userChat img{border-radius:50%;height:50px;width:50px}@media screen and (max-width:900px){.category-btn{margin:10px}}@media screen and (max-width:800px){.copyright{display:none!important}.comments{padding:5px 20px}.comments_container{border-radius:10px;margin:10px;padding:2px}.react-player{height:45vh!important;width:95%!important}.color{margin-right:5px}}@media screen and (max-width:600px){.scroll-horizontal{overflow:auto!important}.search-bar{width:200px}.react-player{width:93%!important}}@media screen and (max-width:450px){.search-bar{width:100px}.react-player{height:40vh!important;width:92%!important}.color{margin-right:0}}@media screen and (max-width:370px){.search-bar{width:50px}}
/*# sourceMappingURL=main.a32c0eb2.css.map*/