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}.header-cont{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;grid-gap:2rem;gap:2rem;padding:10px;position:relative}.header-cont img{width:100px}.phone-icons{display:none}.color-white{color:#fff}.link{text-decoration:none;cursor:pointer;color:inherit}.header-icons{font-size:24px;margin-left:20px;position:relative}.header-cont button{background-color:transparent;border:none;cursor:pointer}.desktop-icons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.desktop-icons button{margin-left:30px}.desktop-icons button:nth-child(3){border:2px solid #3b82f6;font-size:large;color:#3b82f6;border-radius:5px;font-weight:700;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:5px 16px}.desktop-icons button img{width:34px}.logout-btn-cont button:first-child{background-color:transparent;font-weight:700;border-radius:4px}.logout-btn-cont button:nth-child(2){border:none;background-color:#3b82f6;color:#fff;font-weight:700;border-radius:4px}.logout-btn-cont button{font-size:large;padding:10px;margin:10px;cursor:pointer}.pop-up-container{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:180px;padding:20px;border-radius:10px;-webkit-box-shadow:5px 7px 20px -10px #bfbfbf;box-shadow:5px 7px 20px -10px #bfbfbf}.navbar-open,.pop-up-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.navbar-open{color:#555;font-weight:700;-webkit-transform:translateX(-110%);transform:translateX(-110%);-webkit-transition:.7s;-o-transition:.7s;transition:.7s;position:absolute;top:49px;left:0;-webkit-transform-origin:top;transform-origin:top;height:100vh}.navbar-open p{line-height:60px;padding-left:20px}.navbar-open p:hover{background-color:#555;color:#f63232}.active p{-webkit-filter:opacity(1);filter:opacity(1);cursor:pointer}.active,.active p{-webkit-transform:translateX(0);transform:translateX(0)}.active{display:-ms-flexbox;display:flex;-webkit-box-shadow:30px 20px 20px 4px #bfbfbf;box-shadow:30px 20px 20px 4px #bfbfbf}@media (max-width:768px){.phone-icons{display:-ms-flexbox;display:flex}.desktop-icons{display:none}.navbar-open{width:50%;-webkit-box-shadow:0 4px 16px -10px #fff;box-shadow:0 4px 16px -10px #fff}}.align-c li{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;line-height:40px;width:100vw}.align-c li p{margin-left:10px}.filter{width:100vh;height:100vh;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.filter,.specific-width{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.specific-width{width:80px;-ms-flex-pack:justify;justify-content:space-between}.close-btn{-ms-flex-item-align:flex;align-self:flex}.not-found{display:-ms-flexbox;display:flex;min-height:100vh;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;width:100vw}.not-found img{width:600px}.not-found h1{margin:20px 0}.contact-section{margin-left:20px}.contact-section h1{font-size:16px}.contact-section ul{display:-ms-flexbox;display:flex;padding:0;margin:20px 0}.contact-section ul li{margin-right:10px;list-style:none}.contact-section ul li img{width:30px}.contact-section p{width:200px;line-height:25px;margin-bottom:20px}.filter-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-width:280px;margin-top:0;-ms-flex-pack:justify;justify-content:space-between;height:100vh}.filter-top{padding:0;width:100%;margin:0}.filter-top li{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;list-style:none;padding-left:20px;width:100%;height:50px}.filter-icon{font-size:20px}.filter-top li p{margin-left:20px}@media (max-width:768px){.filter-container{display:none}}.login-container{-ms-flex-pack:center;justify-content:center;min-height:100vh}.login-container,.login-form-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.login-form-container{padding:20px;-webkit-box-shadow:0 4px 16px 4px #bfbfbf;box-shadow:0 4px 16px 4px #bfbfbf;-ms-flex-direction:column;flex-direction:column;width:80%;max-width:600px;border-radius:10px}.login-form-container img{-ms-flex-item-align:center;align-self:center;width:200px;margin:20px 0}.login-input-container{width:100%;margin:10px 0}.login-container label{font-size:small;font-weight:700}.login-container input{width:100%;padding:5px;border:1px solid #64748b;cursor:pointer;margin-top:5px;border-radius:5px;outline:none;font-size:16px;max-width:400px}.login-show-msg-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:start;align-self:flex-start;cursor:pointer;background-color:transparent;border:none}.login-show-msg-container input{padding:10px;width:15px;height:15px;outline:none;border:1px solid #000}.login-show-msg-container p{white-space:nowrap;margin-left:10px;font-weight:600}.login-button{width:100%;margin:20px 0;color:#fff;background-color:#3b82f6;border:none;padding:5px;font-size:large;border-radius:5px;font-weight:600;max-width:500px}.error-msg{-ms-flex-item-align:start;align-self:flex-start;color:#ff0b37;margin:0}@media (min-width:768px){.login-form-container{width:400px}}.result-container{display:-ms-flexbox;display:flex}.banner-section{background-image:url(https://assets.ccbp.in/frontend/react-js/nxt-watch-banner-bg.png);background-size:cover;padding:10px;height:200px;margin-bottom:20px}.banner-section p{color:#231f20;margin:10px 0}.display-according-section{width:100%}.banner-section img{width:200px}.place-close-btn{text-align:right}.get-it-now-btn{border-radius:4px;color:#231f20}.get-it-now-btn,.place-close-btn button{background-color:transparent;padding:5px}.place-close-btn button{border:none;cursor:pointer}.close-btn-icon{font-size:20px}@media (max-width:768px){.filter-container{display:none}.result-container{-ms-flex-positive:1;flex-grow:1}}.error-page{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.error-page img{width:400px}.error-page p{line-height:30px;font-size:medium;font-weight:800}.error-page h1,.error-page p{text-align:center;margin:10px 0}.error-page h1{font-size:xx-large}@media (max-width:768px){.error-page img{width:180px}.error-page h1{font-size:medium}.error-page p{font-size:small;padding:10px}}.show-videos{padding:20px}.search-bar-cont{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:5px;margin:20px 0}.search-bar-cont button{height:30px;background-color:#f1f1f1;border:none;border-top-right-radius:5px;border-bottom-right-radius:5px}.search-icon{font-size:20px;width:50px}.search-input{border-radius:5px;width:200px;height:30px;border:none;padding-left:20px;font-size:large;background-color:transparent}.on-no-filters-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.on-no-filters-container img{width:400px}.retry-btn{color:#fff;font-size:large;background-color:#4f46e5;padding:10px 30px;border-radius:5px;font-weight:700;margin-top:20px;border:none;cursor:pointer}.on-no-filters-container h1{margin:30px 0}.on-no-filters-container p{margin:10px 0;font-size:x-large;font-weight:400}.home-failure-view{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-height:70vh}@media (max-width:768px){.show-videos{padding:0}.search-bar-cont{margin-left:20px}.retry-btn{font-size:small;padding:10px 15px}}.loader-container-home{height:100vh;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.v-section{display:-ms-flexbox;display:flex;padding:0;-ms-flex-wrap:wrap;flex-wrap:wrap}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.video-logo{width:100%}.home-video{margin:20px 20px 20px 0;height:280px;list-style:none;cursor:pointer;width:280px}.channel-logo{width:30px;-ms-flex-item-align:start;align-self:flex-start}.video-flex{margin:10px 0}.video-details,.video-flex{display:-ms-flexbox;display:flex}.video-details{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;margin-left:10px}.video-title{font-size:12px;overflow:hidden;-o-text-overflow:"...";text-overflow:"...";height:50px;line-height:18px;margin-bottom:10px}.channel-name{font-size:small;margin:10px 0}.views-pub-cont{display:-ms-flexbox;display:flex}.views-pub-cont p{font-size:10px;margin:0 2px 0 0}@media (max-width:768px){.home-video{width:100vw;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.video-logo{width:100%}.video-title{font-size:16px}}.date-posted{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}*{font-family:"Roboto"}.video-item-details-container{width:100%;min-height:100vh}.player-container{height:500px;margin-bottom:10px}.video-player{height:500px;width:100px}.player-item-details{padding:20px}.l p{font-size:12px}.loader-container-player{height:100vh;-ms-flex-pack:center;justify-content:center}.likes-views-container,.loader-container-player{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.likes-views-container{-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:20px;grid-gap:2rem;gap:2rem}.like-share,.like-share button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.like-share button{-ms-flex-direction:column;flex-direction:column;width:50px;margin-right:10px;border:none;cursor:pointer;background-color:transparent}.like-share svg{font-size:20px}.hr-pv{margin:20px 0;height:2px;background-color:#bbb9b9;border:none}.player-title{line-height:20px;font-size:large;font-weight:700}.player-channel-logo{width:50px;-ms-flex-item-align:center;align-self:center}.bolder{font-size:16px;font-weight:600;margin:0}.channel-details{margin-left:20px}.subs{font-size:small;margin-top:12px}.video-description{font-size:14px;margin-top:20px;line-height:24px}.saved-span{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}@media (max-width:768px){.player-container{padding:0;height:50vh;margin:20px 0}.saved-span{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.player-item-details{padding:10px}.like-share button{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;margin-right:20px;width:60px}.l,.like-share{margin-top:10px}}.videos-list{padding:20px;min-height:100vh}.list-item{list-style:none;margin-bottom:40px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.thumbnail{width:400px;height:280px}.video-list-container{width:300px;margin-left:20px;-ms-flex-positive:1;flex-grow:1}.video-list-container h1{font-size:20px}.video-list-container p{margin:10px 0}@media (max-width:768px){.videos-list{padding:0;margin:20px 0}.video-list-container{margin:0;padding:20px}.video-list-container h1,.video-list-container p{font-size:small}.thumbnail{width:100%;height:200px}}.width-100{width:100%}.h-heading{padding:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.error-page-button-align{-ms-flex-direction:column;flex-direction:column;margin-top:30px;min-height:100vh}.custom-icon,.error-page-button-align{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.custom-icon{width:50px;height:50px;border-radius:50%}.red-icon{color:red;font-size:25px}.h-heading h1{margin-left:20px}.gaming-videos{margin:20px 0}.game-list-ul{-ms-flex-pack:space-evenly;justify-content:space-evenly;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0}.game-list-ul,.game-list-ul li{display:-ms-flexbox;display:flex}.game-list-ul li{-ms-flex-direction:column;flex-direction:column;margin:20px}.game-list-ul li img{width:200px}.g-title{margin:10px 0;font-size:x-large;font-weight:700}.view-count{font-size:small}.no-videos-const{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100vh}.no-videos-const img{width:400px}.no-videos-const h1{margin:20px 0}.height100vh{height:100vh}@media (max-width:768px){.no-videos-const img{width:180px}.no-videos-const h1,.no-videos-const p{font-size:small}}
/*# sourceMappingURL=main.0e8a41bd.chunk.css.map */