@import"https://fonts.googleapis.com/css2?family=Karla&display=swap";.logo{height:6em;padding:1.5em;will-change:filter}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}*{margin:0;padding:0;box-sizing:border-box}.player{font-weight:600;font-size:1.8rem;color:#fe7615;margin-left:.25rem}.skiller-outerbox{display:flex;align-items:center;cursor:pointer;background-color:var(--navbar-bg)}.main-navbar{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;z-index:99;width:100%;height:70px;background-color:#fff;text-align:center;box-shadow:2px 2px 10px}.login-btn{background-color:#fe7615;color:var(--white);border:none;border-radius:.3rem;padding:.25rem 1.1rem;font-size:1rem;font-weight:500;cursor:pointer;margin-right:2.5rem}.nav-input{border:1px solid #35312b;padding:.5rem 1rem;border-radius:.5rem 0 0 .5rem;color:var(--white)}.nav-search{border:1px solid #35312b;border-radius:0 .5rem .5rem 0;background-color:#27262b;margin-top:.1rem;cursor:pointer}.search-outerbox{width:40rem;margin-left:1rem;padding:.5rem 1rem;border-radius:.5rem 0 0 .5rem;color:var(--white);background-color:var(--navbar-bg)}@media (max-width: 944px){.card-img{margin-left:2.5rem}.main-logo{margin:0}.search-outerbox{width:40rem}.login-btn{margin:0}.nav-input{width:40rem}.main-logo{width:2rem}.main-navbar{justify-content:space-around}.skiller{font-size:1.8rem;margin-left:.1rem}}@media (max-width: 470px){.main-logo{width:2.7rem;margin-left:10px}.search-outerbox{margin-right:1rem}.nav-input{width:15rem}.skiller,.login-btn{display:none}.search-outerbox{margin-right:1rem;width:auto}}body{font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.btn-filter:hover{color:#ff9041;cursor:pointer}.flex-box{display:flex;justify-content:center;flex-wrap:wrap;margin-top:2rem;row-gap:0px;column-gap:0px;flex:1,1,1,1;row-gap:2rem;margin-left:10rem}.categories-buttonsz{display:flex;flex-wrap:wrap;justify-content:center;margin-top:6rem}.btn-filter{margin-left:3rem}.cardpk{display:flex;flex-direction:column;width:15rem;height:auto;margin:20px;cursor:pointer;overflow:hidden}.imagex img{width:100%;object-fit:cover}.channel-icon{margin-right:.75rem;border-radius:50%;width:36px;height:36px;background-color:#aaa}.video-details{display:flex;flex-direction:column}.video-title{font-size:.99rem;font-weight:700;margin-bottom:.5rem;text-decoration:none;color:#000}.video-bottom-section{display:flex;align-items:flex-start}@media (max-width: 1200px){.flex-box{display:flex;margin-top:5.4rem;margin-bottom:4rem;margin-right:1rem}.cardpk{width:350px}}@media (max-width: 1300px){.flex-box{display:flex;margin-left:14rem;margin-top:5.4rem;margin-bottom:4rem;flex:1,1}.cardpk{width:250px}}@media (max-width: 894px){.flex-box{display:flex;margin-right:2rem;margin-top:5.4rem;margin-bottom:4rem}.cardpk{width:250px}}@media (max-width: 830px){.flex-box{display:flex;margin-left:2rem;margin-top:5.4rem;margin-bottom:4rem}.cardpk{width:191px}}@media (max-width: 650px){.flex-box{display:flex;margin-left:6rem;margin-top:5.4rem;margin-bottom:4rem}}@media (max-width: 635px){.flex-box{display:flex;justify-content:center;margin-left:24px;margin-top:5.4rem;margin-bottom:4rem}.cardpk{width:470px}.imagex img{width:100%;object-fit:cover}}@media (max-width: 410px){.flex-box{display:flex;justify-content:center;margin-top:5.4rem;margin-bottom:4rem}.cardpk{width:470px;height:auto}.imagex img{width:100%}}body{text-decoration:none}.main-sidebar{color:#000;position:fixed;top:4.5rem;bottom:0;z-index:99}.sider-ul{width:14rem;height:74rem;text-decoration:none;background-color:#fff}.list-sidebar{cursor:pointer;padding:.8rem 0;background-color:var(--navbar-bg)}.list-sidebar:hover .sidebar-icn-name,.list-sidebar:hover .sider-icn,.list-sidebar:hover{background-color:var(--navbar-hover)}.sidebar-icn-name{font-weight:400;margin-left:1.5rem;display:inline;background-color:var(--navbar-bg)}.sider-icn{margin-left:2.4rem;background-color:var(--navbar-bg)}.profile{display:none}.active-navlink{color:var(--main-orange);text-decoration:none}.not-active{color:var(--white);text-decoration:none}@media (max-width:1200px){.sider-ul{width:6.5rem}.sidebar-icn-name{display:block;margin:.4rem 0 0}.sider-icn{margin-left:0}.list-sidebar{padding:1rem 0rem;display:flex;flex-direction:column;align-items:center}.profile{display:none}}@media (max-width:637px){.main-sidebar{position:fixed;top:auto;bottom:0;left:0;right:0}.sider-ul{display:flex;justify-content:space-between;height:3.8rem;width:auto;padding:0 1.6rem}.hide{display:none}.profile{display:flex}.list-sidebar:hover{color:var(--main-orange);background-color:var(--navbar-bg)}.list-sidebar:hover .sidebar-icn-name,.list-sidebar:hover .sider-icn{background-color:var(--navbar-bg)}.list-sidebar{margin:0rem .9rem;padding:13px 0}.sidebar-icn-name{font-weight:400;font-size:15.2px;margin-top:2px}}.modal-wrapper{left:0;right:0;bottom:0;top:0;background-color:#bdbdbde6}.modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:30rem;background-color:#fff;z-index:9999}.model-btn{padding:.6rem 1.4rem;font-size:1.4rem;border:none}.video-page-container{margin-top:2rem;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"video-container video-container suggested-video-container"}.video-details{display:flex;flex-direction:row}.video-details-container{grid-area:video-container}.suggested-video-container{grid-area:suggested-video-container}.suggested-heading{color:var(--spotlight-primary);margin-bottom:1rem}.video-details-title{color:var(--spotlight-white);margin-top:12px}.video-details-action-container{color:var(--spotlight-white);display:flex;flex-direction:column;margin-top:12px;gap:1rem}.video-details-date-container{color:var(--spotlight-white);font-weight:600;font-size:1rem}.video-details-cta-btn{border:none;background-color:transparent;color:var(--spotlight-white);display:flex;align-items:center;gap:12px;font-weight:600;font-size:1rem;cursor:pointer}.active-cta-btn{color:var(--spotlight-primary)}.video-details-btn-container{display:flex;align-items:center;gap:2rem;margin-bottom:8px;flex-wrap:wrap}.iframe-container{position:relative;padding-bottom:47%;height:0;z-index:2;width:100%;margin-left:18rem;margin-top:6rem}.video-details .video-player{aspect-ratio:16/9}.video-details .video-player iframe{width:100%;height:100%}.video-details .video-header{margin-left:20rem;border-bottom:1px solid var(--bg-secondary)}.video-details .video-title{font-size:1.1rem}.video-details .video-numbers,.video-details .video-actions{display:flex;gap:.5rem;font-size:.9rem;margin:.5rem 0;opacity:.8}.video-details .video-actions{gap:1rem;font-size:1.1rem;opacity:1;color:var(--status-offline)}.video-details .video-actions i:hover{color:var(--text-secondary)}.video-details .video-actions .in-like{color:var(--primary-color)}.video-details .video-subheader{display:flex;justify-content:space-between;align-items:center}.video-details .video-body{margin:.75rem 0;display:grid;grid-template-columns:2.75rem 1fr}.video-details .video-body .creator-name{font-weight:700;margin-top:.25rem}.video-details .video-body .video-description{font-size:.9rem;margin-top:.5rem;text-align:justify}@media screen and (max-width: 1200px){.iframe-container{position:relative;height:0;z-index:2;width:100%;margin-left:14.5rem}}@media screen and (max-width: 1300px){.iframe-container{position:relative;height:0;z-index:2;width:100%;margin-left:15rem}.iframe-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.suggested-video-container{margin-top:2rem 0 0 0;padding-left:4px}.video-details{margin-left:-4rem}}@media screen and (max-width: 1024px){.iframe-container{position:relative;width:79%;padding-bottom:56.25%;height:0;z-index:2;margin-left:7rem}.all-buttons{display:flex;margin-left:6rem;justify-content:space-around}.video-page-container{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"video-container video-container video-container" "suggested-video-container suggested-video-container suggested-video-container"}.video-details-container{padding:1rem}.video-details{margin-left:-13rem}}@media screen and (max-width: 1024px){.iframe-container{position:relative;width:79%;padding-bottom:56.25%;height:0;z-index:2;margin-left:7rem}.all-buttons{display:flex;margin-left:7rem;justify-content:space-around}}@media screen and (max-width: 768px){.iframe-container{position:relative;width:86%;padding-bottom:56.25%;height:0;z-index:2;margin-left:6rem}.video-page-container{grid-area:video-page-container}.Video{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"navbar navbar" "sidebar sidebar" "video-page-container video-page-container"}.all-buttons{display:flex;margin-left:7rem;justify-content:space-around}}@media screen and (max-width: 637px){.iframe-container{position:relative;width:94%;padding-bottom:56.25%;height:0;z-index:2;margin-left:1rem}.video-details .video-header{margin-left:14rem;border-bottom:1px solid var(--bg-secondary)}.all-buttons{display:flex;margin-left:0rem;justify-content:space-around}}@media screen and (max-width: 480px){.iframe-container{position:relative;width:100%;padding-bottom:56.25%;height:0;z-index:2;margin-left:1rem}.all-buttons{display:flex;margin-left:0rem;justify-content:space-around}.video-details-btn-container{gap:1rem}.video-details-title{font-size:1.2rem}.video-details{margin-left:-18rem}.video-details .video-header{margin-left:20rem;border-bottom:1px solid var(--bg-secondary)}}.like-btnadd{display:flex;justify-content:center;color:#00f}.like-btnremove{display:flex;justify-content:center}.all-buttons{display:flex;margin-left:20rem}.history-btn{margin-left:9rem}.playlist-box{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:6rem}.card-route{background:#FFF;width:250px;margin:20px;box-shadow:0 0 20px #0000000d;box-sizing:border-box;padding:20px;border-radius:5px}.history-box{display:flex;flex-wrap:wrap;justify-content:center;margin-top:6rem;row-gap:0px;column-gap:0px;flex:1,1,1,1;margin-left:10rem}.remove-btn{color:#00f;border:2px solid #FE7615;display:flex;justify-content:center;background-color:#fe7615;border-radius:.3rem;padding:.2rem;cursor:pointer}.App{font-family:sans-serif;text-align:center}html{font-size:100%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;padding:0;background-color:#101010;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:1.25rem;line-height:1.3}.cardsz{display:flex;flex-wrap:wrap;margin-top:5rem;gap:1.5rem;padding:3rem}.cardv{display:flex;flex-direction:column;flex:1 0 200px;max-width:350px;color:#000;text-decoration:none;font-size:1rem;transition:all .2s ease-in-out;overflow:hidden}.card1 img{width:100%;height:100%}.cards1-info{display:flex;flex-direction:column}.cards1-info img{margin-right:.75rem;border-radius:50%;width:36px;height:36px}.card{font-family:sans-serif;width:389px;margin-left:auto;margin-right:auto;margin-top:6rem;margin-bottom:3em;border-radius:10px;background-color:#fff;padding:1.8rem;box-shadow:2px 5px 20px #0000001a}.google-btn{background:#fff;border:solid 2px rgb(245 239 239);border-radius:8px;font-weight:700;display:flex;padding:10px;flex:auto;align-items:center;gap:5px;justify-content:center;cursor:pointer}.fb-btn{background:#fff;border:solid 2px rgb(69,69,185);cursor:pointer;border-radius:8px;padding:10px;display:flex;align-items:center}input[type=text],input[type=password]{padding:15px 20px;margin-top:8px;margin-bottom:15px;border:1px solid #ccc;border-radius:8px;box-sizing:border-box}.input{margin-left:5rem}.cta-btn{background-color:#4545b9;color:#fff;padding:18px 20px;margin-top:10px;margin-bottom:20px;width:100%;border-radius:10px;border:none;cursor:pointer}body{background-color:#e4e5f7}.social-login img{width:24px}a{text-decoration:none}.card{font-family:sans-serif;width:389px;margin:3em auto;border-radius:10px;background-color:#fff;padding:1.8rem;box-shadow:2px 5px 20px #0000001a}.title{text-align:center;font-weight:700;margin:0}.subtitle{text-align:center;font-weight:700}.btn-text{margin:0}.social-login{display:flex;justify-content:center;gap:5px}.google-btn{background:#fff;border:solid 2px rgb(245 239 239);border-radius:8px;font-weight:700;display:flex;padding:10px;flex:auto;align-items:center;gap:5px;justify-content:center}.fb-btn{background:#fff;border:solid 2px rgb(69,69,185);border-radius:8px;padding:10px;display:flex;align-items:center}.or{text-align:center;font-weight:700;border-bottom:2px solid rgb(245 239 239);line-height:.1em;margin:25px 0}.or span{background:#fff;padding:0 10px}.email-login{display:flex;flex-direction:column}.email-login label{color:#aaa6a6}input[type=text],input[type=password]{padding:15px 20px;margin-top:8px;margin-bottom:15px;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;margin-left:1.5rem;width:80%}.login-text{text-align:center}.cta-btn{background-color:#4545b9;color:#fff;padding:18px 20px;margin-top:10px;margin-bottom:20px;width:100%;border-radius:10px;border:none}.forget-pass{text-align:center;display:block}*{font-family:Karla}body{background:#F4F5FA}.playlist-container3{margin-top:5rem;display:flex;justify-content:center;flex-wrap:wrap}.playlist-videos3{width:330px;margin:16px;box-sizing:border-box;padding:20px;border-radius:5px}.img2 img{height:200px;width:100%;background:url(https://images.pexels.com/photos/2469122/pexels-photo-2469122.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940);border-radius:5px;background-size:cover}.categories-buttons{display:flex;justify-content:space-between}.btn-filter{margin-left:2rem}.profile-container{margin-top:5rem}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}