:root{--primary:#fff;--secondary:#f2f2f2;--secondary-alt:#dadada;--text:#0f0f0f;--text-light:#0f0f0f80;--logo:red}[data-theme=dark]{--primary:#0f0f0f;--secondary:#212121;--secondary-alt:#282828;--text:#f1f1f1;--text-light:#f1f1f180}*{box-sizing:border-box;font-family:Poppins;margin:0;padding:0}.flex{align-items:center;display:flex;justify-content:center}.col{flex-direction:column}.gap-05{gap:.5em}.gap-1{gap:1em}.gap-2{gap:2em}.w-100{width:100%}.start{justify-content:flex-start}.astart{align-items:flex-start}body{background-color:#fff;background-color:var(--primary);color:#0f0f0f;color:var(--text);height:100%;overflow-x:hidden!important;width:100vw}@media (min-width:601px){.Outlet{margin:1em 2em 1em 14em}}@media (max-width:600px){.Outlet{margin:1em}}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{background-color:initial}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#f2f2f2;background-color:var(--secondary);border:6px solid #0000;border-radius:20px}a,button,div,input{-webkit-tap-highlight-color:transparent}@media (max-width:850px){.header-nav{justify-content:start}.header-nav .header-logo h1{display:none}.header-searchbar{min-width:10em}}@media (min-width:601px){.header-main{--side-gap:16em;background-color:var(--primary);justify-content:space-between;left:0;padding:.8em 1.8em;position:sticky;top:0;width:100%;z-index:1}.header-nav .header-logo h1{font-size:1.6em}.header-ham,.header-logo{cursor:default}.header-searchbar{background-color:var(--secondary-alt);border-radius:.5em;height:2.5em;justify-content:space-between;margin:0 2em;max-width:25em;padding:.2em 1em;width:100%}.header-searchbar button{align-items:center;background:none;border:none;display:flex;justify-content:center;outline:none}#search{background-color:var(--secondary-alt);border:none;color:var(--text);font-size:1em;height:2em;outline:none;width:100%}.header-searchbar .search-icon{cursor:pointer}.header-profile .profile-icon{background-color:var(--secondary-alt);border-radius:100%;cursor:pointer;padding:.5em}.header-profile .profile-icon svg{display:block}[data-profile=true]{position:relative}[data-profile=true]>.profile-icon{visibility:hidden}[data-profile=true] .profile-expand{background-color:var(--secondary);border:1em solid var(--secondary);border-radius:.5em;color:var(--text);display:block!important;height:30em;margin:1em;position:absolute;right:1em;top:2em;width:15em}.profile-expand .profile-name{font-size:1.1em;justify-content:space-evenly;padding-top:.5em;position:relative}.profile-expand .profile-close{cursor:pointer;position:absolute;right:0;top:0}.profile-expand .profile-links{gap:1em;margin-top:2em}.profile-expand .profile-links a{align-items:center;border-radius:.5em;color:var(--text);display:flex;gap:1em;justify-content:flex-start;padding:.4em 1.5em;text-decoration:none;transition:.2s ease-in-out;width:100%}.profile-expand .profile-links a:hover{background-color:var(--secondary-alt)}.profile-expand .profile-footer{bottom:0;font-size:.8em;position:absolute;text-align:center;width:100%}}@media (max-width:600px){.header-main{background-color:var(--primary);gap:1em;justify-content:space-between;padding:.5em 1em;width:100%;z-index:1}.header-nav .header-ham,.header-nav .header-logo h1{display:none}.header-searchbar{background-color:var(--secondary-alt);border-radius:.5em;height:2.2em;justify-content:space-between;padding:.2em 1em}.header-searchbar button{align-items:center;background:none;border:none;display:flex;justify-content:center;outline:none}#search{background-color:var(--secondary-alt);border:none;color:var(--text);font-size:1em;height:100%;outline:none;width:100%}.header-profile .profile-icon{background-color:var(--secondary-alt);border-radius:100%;padding:.5em}.header-profile .profile-icon svg{display:block}[data-profile=true]{position:relative}[data-profile=true]>.profile-icon{visibility:hidden}[data-profile=true] .profile-expand{background-color:var(--secondary);border:1em solid var(--secondary);border-radius:.5em;color:var(--text);display:block!important;height:30em;margin:1em;position:absolute;right:.1em;top:2em;width:15em;z-index:3}.profile-expand .profile-name{font-size:1.1em;justify-content:space-evenly;padding-top:.5em;position:relative}.profile-expand .profile-close{cursor:pointer;position:absolute;right:0;top:0}.profile-expand .profile-links{gap:1em;margin-top:2em}.profile-expand .profile-links a{align-items:center;border-radius:.5em;color:var(--text);display:flex;gap:1em;justify-content:flex-start;padding:.4em 1.5em;text-decoration:none;transition:.2s ease-in-out;width:100%}.profile-expand .profile-links a:hover{background-color:var(--secondary-alt)}.profile-expand .profile-footer{bottom:0;font-size:.8em;position:absolute;text-align:center;width:100%}}@media (min-width:601px){.sidebar-main{background-color:var(--primary);height:100%;justify-content:start;left:0;padding:1em 1.5em;position:fixed;transition:.3s ease-in-out;width:14em}[data-expand=false]{width:6.3em}[data-expand=false] .sidebar-nav span{opacity:0;transition:.2s ease-in-out;visibility:hidden;width:0}.sidebar-nav{border-radius:.5em;color:var(--text);cursor:pointer;justify-content:start;padding:.5em .7em;text-decoration:none;transition:.2s ease-in-out;width:100%}.sidebar-nav .nav-icon svg{display:block}.sidebar-nav.active,.sidebar-nav:hover{background-color:var(--secondary-alt)}}@media (max-width:600px){.sidebar-main{background-color:var(--primary);bottom:0;flex-direction:row;justify-content:space-evenly;padding:.8em 1em;position:fixed;transition:.3s ease-in-out;width:100%;z-index:2}.sidebar-nav span{display:none}.sidebar-nav{border-radius:.5em;color:var(--text);gap:0!important;padding:.5em;text-decoration:none;transition:.2s ease-in-out}.sidebar-nav .nav-icon svg{display:block}.sidebar-nav.active{background-color:var(--secondary-alt)}}.dashboard-main{background-color:var(--primary)}.dashboard-main h1{color:var(--logo);letter-spacing:2px;margin-top:-.3em;padding-bottom:.3em}.dashboard-container{grid-gap:1em;display:grid;gap:1em}.skeleton-main,.skeleton-thumb{margin-bottom:.5em}.skeleton-thumb{aspect-ratio:16/9;border-radius:.5em;height:100%;min-height:150px;min-width:200px;width:100%}.skeleton-info{display:flex;gap:.5em;justify-content:flex-start;width:100%}.skeleton-text{min-width:200px}@media (max-width:600px){.dashboard-container{grid-template-columns:repeat(1,1fr);margin:0 .5em}.dashboard-main h1{font-size:1.5em;padding:0 .3em .3em}.skeleton-thumb{aspect-ratio:16/9;border-radius:.5em;height:100%;margin-bottom:.5em;min-height:180px;min-width:200px;width:100%}}@media (min-width:601px){.dashboard-container{grid-template-columns:repeat(2,1fr)}}@media (min-width:850px){.dashboard-container{grid-template-columns:repeat(3,1fr)}}@media (min-width:1100px){.dashboard-container{grid-template-columns:repeat(4,1fr)}}.Player-player{aspect-ratio:16/9}.Player-details{align-items:start;background-color:var(--primary);letter-spacing:1px;padding:.5em}.Player-info{justify-content:space-between;padding-top:.6em}.Player-channel,.Player-info{align-items:center;display:flex;gap:1em}.Player-channel{cursor:pointer;justify-content:flex-start}.Player-ChLogo{border-radius:100%;height:2.5em;width:2.5em}.Player-ChLogo img{border-radius:100%;cursor:pointer}.Player-channelInfo{align-items:start}.Player-channelInfo span{color:var(--text-light);font-size:.8em}.Player-subBtn{align-items:center;border-radius:5em;cursor:pointer;display:flex;justify-content:center;padding:.3em .8em;transition:.3s ease-in-out}.Player-subBtn.sub{background-color:var(--secondary-alt);color:var(--text)}.Player-subBtn.subbed{background-color:var(--text);color:var(--primary)}.Player-subBtn input{background:none;border:none;color:inherit;cursor:pointer;font-size:1em;font-weight:400;letter-spacing:1px;outline:none}.Player-notification{cursor:pointer}.Player-LikeBtns{align-items:center;background-color:var(--secondary-alt);border-radius:5em;display:flex;justify-content:space-around;padding:.3em}.Player-like{border-right:1px solid var(--text-light);margin-right:.5em}.Player-like span{pointer-events:none}.Player-dislike,.Player-like{cursor:pointer;padding:.1em .5em}@media (min-width:1120px){.Player-main{margin-right:30%}}@media (max-width:600px){.Player-info{display:flex;flex-direction:column-reverse}.Player-infoMobile{background-color:red;width:100%}.Player-LikeBtns{align-items:center;background:none;display:flex;justify-content:space-around}.Player-like{border:none;margin-right:2em}.Player-dislike,.Player-like{background-color:var(--secondary-alt);border-radius:2em;min-height:3em;min-width:8em}}
/*# sourceMappingURL=main.02b72bf3.css.map*/