:root{background-color:#1a1a1a;color-scheme:dark}body{font-size:20px;font-family:IBM Plex Sans}.nav{display:flex;height:60px;width:100%;position:sticky;top:0;left:0;z-index:11;background-color:#1c1c1c}.nav-wrapper{display:flex;align-items:center;justify-content:space-between;flex-grow:1;padding:0 24px 0 26px;position:relative}.leftstuff{display:flex;gap:18px}.navbar{display:flex;justify-content:flex-end;align-items:center;height:56px;min-width:230px;gap:18px;flex-flow:row wrap}a{font-weight:500;color:#ffffff96}a:hover{color:#fff}a:link{text-decoration:none}.search{width:30%;min-width:300px;position:relative;display:flex;align-items:center}.searchbox{width:40%;max-width:440px;min-width:300px;position:relative;display:flex;align-items:center;flex-direction:column}.searchinput{padding:0 24px 0 44px;font-size:16px;height:40px;width:calc(100% - 68px);font-weight:500;color:#fff;background-color:transparent;background-position:0;background-repeat:no-repeat;border-radius:99px}.relative{position:relative}.outer{display:flex;width:50%;position:absolute;top:50px;flex-direction:column}@media(min-wdith:1500px){nav .search{max-width:500px}}.header{display:flex;flex-direction:column}.header h1{font-size:3.25rem}.header p{color:#a1a1a1;text-align:center;max-width:550px;margin:0;font-size:1.1rem}.footer{padding:48px 24px;width:100%;box-sizing:border-box;text-align:center;display:flex;align-items:center;flex-direction:column;gap:30px;box-shadow:0 -2px #1e1d22;margin-top:48px}.footer p{margin:-10px 0 0;color:#ccc9d9;max-width:960px}h1{padding:24px 24px 0}.video-entry{display:flex;flex-direction:column;width:100%}.video-details{display:flex;flex-direction:column;gap:12px}.thumbnail{width:100%;border-radius:12px;position:relative;font-size:0;overflow:hidden}.thumbnail img{width:100%;aspect-ratio:16/9;border-radius:12px;object-fit:cover}.thumbnail:hover{border:2px solid #d0d0d0;margin:-2px}.metadata{display:flex;gap:12px}.channel-icon{display:flex;align-items:flex-start;justify-content:center;flex-shrink:0;width:40px;height:40px}.channel-icon img{width:100%;aspect-ratio:1;border-radius:50%}.text{display:flex;flex-direction:column;gap:2px}.title{display:flex;align-items:flex-start;gap:10px}.title h2{color:#d2cde0;font-weight:500;font-size:14px;transition:.3s ease;overflow:hidden;max-height:36px;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal}.channel-details{font-weight:400;font-size:13px;color:#837e92;display:flex;justify-content:space-between}.homepage{margin:0}.video-list{display:grid;gap:12px;justify-content:center;padding:48px 24px 64px;box-sizing:border-box;width:100%;grid-template-columns:repeat(9,1fr)}.allvideos{display:flex;align-items:center;flex-direction:column;justify-content:center;background:#1f1e26;border-radius:12px;text-align:center;padding:24px;box-sizing:border-box;font-weight:700;aspect-ratio:16/9}@media screen and (max-width:3600px){.video-list{grid-template-columns:repeat(7,1fr)}}@media screen and (max-width:3000px){.video-list{grid-template-columns:repeat(6,1fr)}}@media screen and (max-width:2400px){.video-list{grid-template-columns:repeat(5,1fr)}}@media screen and (max-width:1600px){.video-list{grid-template-columns:repeat(4,1fr)}}Link{color:#fff;transition:.3s ease}.channel-list{gap:12px;padding:24px 24px 64px;display:grid;grid-template-columns:repeat(9,1fr)}.channel-card{display:flex;align-items:center;flex-direction:column;background:#1f1e26;border-radius:12px;text-align:center;padding:24px;position:relative}.channel-card h2{font-size:20px}.channel-card:hover{background-color:#767676}.channel-list Link{text-align:center}.channel-list img{border-radius:50%}.channel-list Link span{display:flex;text-align:center;font-size:13px;padding:2px 7px;background:#0000004d;border-radius:99px;margin:12px 0 0}@media screen and (max-width:3600px){.channel-list{grid-template-columns:repeat(7,1fr)}}@media screen and (max-width:3000px){.channel-list{grid-template-columns:repeat(6,1fr)}}@media screen and (max-width:2400px){.channel-list{grid-template-columns:repeat(5,1fr)}}@media screen and (max-width:1600px){.channel-list{grid-template-columns:repeat(4,1fr)}}.players-list{gap:12px;padding:24px 24px 64px;display:grid;grid-template-columns:repeat(9,1fr)}Link{color:#fff;text-decoration:none;transition:.3s ease}Link:hover{color:#fff}.Link-div:hover{background-color:#767676}.Link-div{display:flex;align-items:center;flex-direction:column;background:#1f1e26;border-radius:12px;text-align:center;padding:24px}.players-list img{border-radius:50%;object-fit:cover}.players-list h2{font-size:30px;margin:16px 0 6px}@media screen and (max-width:3600px){.players-list{grid-template-columns:repeat(7,1fr)}}@media screen and (max-width:3000px){.players-list{grid-template-columns:repeat(6,1fr)}}@media screen and (max-width:2400px){.players-list{grid-template-columns:repeat(5,1fr)}}@media screen and (max-width:1600px){.players-list{grid-template-columns:repeat(4,1fr)}}.textbody{display:flex;flex-direction:column;justify-content:center}.about{font-size:26px;width:20em;margin-top:80px;margin-left:auto;margin-right:auto}h1,h2,h3,h4,h5,h6{color:#fff;margin:0;font-weight:700;line-height:1.2}.page-wrapper{display:flex;justify-content:center;gap:24px;padding:24px}.main{max-width:980px;max-height:550px;flex-grow:1}.video-container{position:relative;display:flex;align-items:center;justify-content:center}.page-wrapper .video-container iframe{width:100%;aspect-ratio:16/9;height:auto;border-radius:12px;border:none;box-shadow:0 5px 40px #0003}.meta-wrapper{display:flex;flex-direction:column;gap:12px;padding:24px 0 48px}.page-wrapper h2{font-size:19px}.video-info-row{display:flex;align-items:center;padding-bottom:24px;gap:12px}.video-info-row h1{font-size:21px;flex-grow:1;font-size:18px;padding:0;margin:0}.channel-row{display:flex;align-items:center;gap:12px}.channel-row img{width:50px;height:50px;border-radius:50%;flex:none}.video-meta{margin-left:auto;font-size:14px;margin-top:0;margin-bottom:0;font-weight:500;color:#ffffff6e}.personalities{gap:24px;display:flex;padding:20px 0 60px;flex-wrap:wrap}.personalities img{border-radius:50%}.personalities h3{font-size:14px;width:140px;text-align:center;word-break:keep-all;overflow:hidden;max-height:34px;text-overflow:ellipsis;white-space:normal}.sidebar{width:400px;flex:none}.header{display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px;text-align:center}.header img{border-radius:50%;object-fit:cover}.info{display:flex;flex-direction:column;align-items:center;gap:4px}.links img{border-radius:30%}.section h2{padding:24px 24px 0}.header h1{display:flex;flex-direction:column;align-items:center;gap:4px}.links{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:12px;justify-content:center}
