*{-webkit-box-sizing:border-box;box-sizing:border-box}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}.home{height:90vh;width:100vw}.card1{width:20vw;padding:10px}.card2{width:80vw;padding:15px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow-y:scroll}.inner{background-image:url(https://assets.ccbp.in/frontend/react-js/nxt-watch-banner-bg.png);background-size:cover;background-repeat:no-repeat;background-position:50%;height:30vh;width:100%}.getbutton{background-color:transparent;padding:5px;outline:none}.icons{height:30px;width:30px;margin-right:2px}.images{display:-ms-flexbox;display:flex}h1{font-size:15px}.logocard1{height:40px;width:120px}.home1{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.ima{height:25px;width:20px;margin-right:5px}p{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}Link{text-decoration:none}ul{list-style:none}li{text-decoration:none}.xmark{height:40px;width:40px;-ms-flex-item-align:end;align-self:flex-end;margin-right:50px}.check{-ms-flex-pack:justify;justify-content:space-between}.app,.check{display:-ms-flexbox;display:flex}.app{min-height:100vh;-ms-flex-direction:column;flex-direction:column}.dark-theme{background-color:#000;color:#fff}.light-theme{background-color:#fff;color:#000}.header{-ms-flex-align:center;align-items:center;padding:10px 20px}.moon{font-size:24px;cursor:pointer}.home{display:-ms-flexbox;display:flex;width:100%}.card1{width:250px}.card2{-ms-flex-positive:1;flex-grow:1}.login-container{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100vh;width:100vw}.login-container,.login-form{display:-ms-flexbox;display:flex}.login-form{background-color:#fff;padding:40px;border-radius:12px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);width:320px;-ms-flex-direction:column;flex-direction:column;grid-gap:15px;gap:15px}button{background-color:#3b82f6;color:#fff;padding:10px;font-size:14px;border:none;border-radius:5px;cursor:pointer;margin-top:10px}.error{color:#ef4444;font-size:13px;margin-top:5px;text-align:center}#showPassword{margin-right:6px}input{padding:5px}input,label{margin:5px}.login-btn{color:#fff}.app-container{-ms-flex-direction:column;flex-direction:column;font-family:Arial,sans-serif;background-color:#f9f9f9}.app-container,.card1,.main-body{display:-ms-flexbox;display:flex;height:100vh}.card1{width:220px;background-color:#fff;border-right:1px solid #e0e0e0;padding:20px 10px;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}.side-link{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:16px;color:#333;padding:10px;border-radius:8px;text-decoration:none}.side-link:hover{background-color:#f0f0f0}.icon{margin-right:10px;font-size:20px;color:#0b69ff}.sidebar-bottom .images{display:-ms-flexbox;display:flex;margin:10px 0}.sidebar-bottom .icons{width:30px;margin:0 5px;cursor:pointer}.card2{-ms-flex:1 1;flex:1 1;padding:20px;overflow-y:auto}.inner{background-color:#e8f0fe;border-radius:10px;padding:20px;margin-bottom:20px;position:relative}.logo{width:140px;margin-bottom:10px}.cancelMark{position:absolute;top:15px;right:15px;font-size:22px;cursor:pointer}.getit{margin-top:10px;padding:8px 16px;border:none;background-color:#0b69ff;color:#fff;border-radius:5px;cursor:pointer}.getit:hover{background-color:#084bb5}.search-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:20px 0}.search-element{-ms-flex:1 1;flex:1 1;padding:8px 12px;border:1px solid #ddd;border-radius:4px}.search-container button{border:none;background:#0b69ff;color:#fff;padding:8px 12px;margin-left:8px;border-radius:4px;cursor:pointer}.search-container button:hover{background:#084bb5}.search{font-size:20px}.videos-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:20px;list-style:none;padding:0}.video-card{background-color:#fff;border-radius:8px;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.08);box-shadow:0 2px 6px rgba(0,0,0,.08);overflow:hidden;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;-o-transition:transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.video-card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.thumbnail{width:100%;height:150px;-o-object-fit:cover;object-fit:cover}.video-info{padding:10px}.channel-logo{width:36px;height:36px;margin-right:10px}.title{font-size:14px;font-weight:600;color:#222;margin:0}.channel-name,.views-date{font-size:12px;color:#666;margin:2px 0}.failure-view,.loader-container,.no-video{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:40px;text-align:center}.failure-img,.novideo{width:200px;margin-bottom:20px}.failure-view button{padding:8px 16px;border:none;background-color:#0b69ff;color:#fff;border-radius:4px;cursor:pointer}.failure-view button:hover{background-color:#084bb5}.logo{width:150px;height:40px}.header{padding:10px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;justify-items:center}.profile{height:40px;width:40px;margin-right:50px}.theme{display:-ms-flexbox;display:flex;justify-items:center;-ms-flex-pack:distribute;justify-content:space-around}.button{margin-left:10px;background-color:transparent;color:#3b82f6;border:2px solid;border-radius:3px;outline:none}.moon{height:30px;width:30px;-ms-flex-item-align:center;align-self:center;margin-right:50px;color:#000}.theme-button{background-color:transparent}.popup-content{width:50vw;height:30vh;border-radius:10px;background-color:none}.gaming,.trending{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}.failure-img{height:300px;width:300px;margin-top:20px}.retry{background-color:#4f46e5;border-radius:5px;padding:8px;color:#fff;border:none;outline:none;width:80px}.oops{font-size:21px}.again,.oops{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.again{text-align:center;color:#475569}.saved{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}.saved-img{height:300px;width:400px;margin-top:50px}.video-container{max-width:800px;margin:20px auto;padding:20px;background-color:#f9f9f9;border-radius:10px;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1)}.video-title{font-size:28px;font-weight:600;margin-bottom:20px;color:#1a1a1a}.video-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:20px}.channel-logo{width:50px;height:50px;border-radius:50%;margin-right:15px}.channel-details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.channel-name{font-size:16px;font-weight:500;margin-bottom:5px}.views-date{font-size:14px;color:#555}.video-description{font-size:16px;line-height:1.6;color:#333}.loader-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:300px}.error-text{text-align:center;font-size:18px;color:red;margin-top:50px}.likedislike{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.action-btn{outline:none;background-color:transparent;margin-right:5px;border:none;cursor:pointer;margin-right:12px;font-size:16px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.action-btn .icon{margin-right:6px;font-size:20px}.action-btn.active{color:#00f}.video-actions{display:-ms-flexbox;display:flex}.notfounded{height:300px;width:300px;margin-top:20px}.notfound{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}
/*# sourceMappingURL=main.e69389b4.chunk.css.map */