body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.header-container{padding-bottom:1rem}.header-container .header-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:space-around;width:100vw}.header-container .header-wrapper .logo{height:3rem;width:10rem}.header-container .header-wrapper .logo img{height:100%;object-fit:contain;width:100%}.header-container .header-wrapper .menu ul{color:#2a57fa;font-weight:700;gap:2rem;list-style:none;margin:0}.header-container .header-wrapper .menu ul li{cursor:pointer;position:relative}.header-container .header-wrapper .menu ul li.selected:before,.header-container .header-wrapper .menu ul li:before{background:#2a57fa;border-radius:3px;bottom:-3px;height:3px;position:absolute;transform:scaleX(0);width:100%}.header-container .header-wrapper .menu ul li:before{content:"";transition:all .6s ease}.header-container .header-wrapper .menu ul li.selected:before,.header-container .header-wrapper .menu ul li:hover:before{transform:scaleX(1)}.header-container .header-wrapper .dudoan{background:#2a57fa;border-radius:1rem;color:#fff;cursor:pointer;font-weight:700;padding:.5rem 1rem;transition:all .3s ease}.header-container .header-wrapper .dudoan:hover{transform:scale(1.15)}.header-container .header-wrapper .button-group{gap:1rem}.header-container .header-wrapper .button-group a{border-radius:1rem;font-weight:700;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.header-container .header-wrapper .button-group a.reg{border:2px solid #2a57fa}.header-container .header-wrapper .button-group a.reg:hover{background:#2a57fa;box-shadow:5px 5px 5px #000;color:#fff}.header-container .header-wrapper .button-group a.log{background:#2a57fa;color:#fff}.header-container .header-wrapper .button-group a.log:hover{background:#fff;box-shadow:5px 5px 5px #000;color:#2a57fa}.header-container .marquee-container{background:#2a57fa;border-radius:5px;box-shadow:0 0 5px #0d6efd80;color:#fff;margin-top:.1rem;width:90vw}.header-container .menu-mb{border-bottom:1px solid #2a57fa;border-top:1px solid #2a57fa;padding:.2rem 0;width:90vw}.header-container .menu-mb ul{display:flex;gap:.1rem;margin:0;overflow-x:auto;padding:0}.header-container .menu-mb li{background:#2a57fa;border-radius:1rem;color:#fff;cursor:pointer;display:flex;flex:wrap 1;font-weight:700;list-style:none;padding:.5rem 1rem;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.header-container span{color:#2a57fa;font-weight:600}.header-container span a{color:red}.header-container .search-header{border-bottom:1px solid #2a57fa;margin-bottom:.5rem}.body-container{gap:1rem;width:90vw}.body-container .section1{border-bottom:1px solid #2a57fa;border-top:1px solid #2a57fa;flex:9 1;flex-shrink:1}.body-container .section1 .vid-info{font-size:1.5rem;font-weight:700;width:100%}.body-container .section1 .vid-info .video{height:450px;width:720px}.body-container .section1 .vid-info .video video{width:100%}.body-container .section1 .vid-info .vid-properties{font-size:.7rem;padding:.5rem}.body-container .section1 .vid-info .vid-properties span{background:#0d6efd1a;border:1px solid #2a57fa;border-radius:5px;padding:.3rem .5rem}.body-container .section2{border-radius:30px 30px 0 0;flex:3 1;flex-shrink:1;height:80vh}.body-container .section2 .title{background:#2a57fa;border-radius:50px 50px 0 0;color:#fff;font-size:1.3rem;font-weight:700;white-space:nowrap}.body-container .section2 .vid-items{overflow-y:scroll}.body-container .section2 .vid-items .vid-item{align-items:center;border:1px solid #168df54d;border-radius:0 0 5px 5px;cursor:pointer;display:flex;height:100px;justify-content:center;margin:.5rem;position:relative;width:90%}.body-container .section2 .vid-items .vid-item img{height:100%}.body-container .section2 .vid-items .vid-item .vid-info{align-items:center;background:linear-gradient(180deg,#ffffff1a,#2a57fa);bottom:0;display:flex;flex-direction:row;justify-content:space-between;left:0;position:absolute;width:100%}.body-container .section2 .vid-items .vid-item .vid-info .vid-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.8rem;font-weight:500;line-height:1.3em;max-height:2.8em;overflow:hidden;padding-bottom:5px;text-align:left;text-overflow:ellipsis}.section3-wrapper{width:90vw}.section3-wrapper .section3-header{background:#2a57fa;border-radius:50px 50px 0 0;color:#fff;font-size:1.3rem;font-weight:700;padding-left:1.5rem}.section3-wrapper .section3-header span{color:#cce4fa;font-size:15px;padding-left:10px}.section3-wrapper .vid-items .vid-item{border:1px solid #168df54d;border-radius:0 0 5px 5px;cursor:pointer;margin:.5rem}.section3-wrapper .vid-items .vid-item img{width:100%}.section3-wrapper .vid-items .vid-item .vid-info{align-items:center;display:flex;flex-direction:row;font-size:.8rem;justify-content:space-between}.section3-wrapper .vid-items .vid-item .vid-info .vid-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-weight:500;line-height:1.3em;max-height:2.8em;overflow:hidden;padding-bottom:5px;text-align:left;text-overflow:ellipsis}.footer-container{align-items:center;border-top:2px solid #0000001a;display:flex;flex-direction:column;justify-content:center;margin-top:20px}.brands{display:flex;flex-direction:row;font-size:30px;gap:40px;padding:20px 0}.brands .fa-youtube{color:red}.brands .fa-facebook,.brands .fa-facebook-messenger,.brands .fa-telegram{color:#007bff}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:8px}.footer-links a{color:#2a57fa;margin:0 5px;text-decoration:none}.footer-links span{color:#ccc;margin:0 5px}.footer-copy{color:#999}.admin-dashboard{height:100vh;width:100vw}.video-table-container{box-sizing:border-box;height:calc(100% - 50px);overflow-y:auto;width:90vw}.video-table-container span i{color:lime;font-size:1.2rem}.modal{background:#fff;border:2px solid #ccc;border-radius:8px;box-shadow:0 0 20px #0003;height:50vh;left:50%;padding:20px;position:fixed;top:10%;transform:translateX(-50%);width:50vw;z-index:999}table{overflow:scroll;width:100vw}.video-table-container td,.video-table-container th{border:1px solid #7d7272;padding:8px;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin:.5rem;padding:.5rem 1rem;transition:background-color .3s ease}button:hover{background-color:#0056b3}.admin-upload.modal{align-items:center;background-color:#00000080;display:flex;flex-direction:column;height:100vh;justify-content:center;left:50%;position:fixed;top:0;transform:translateX(-50%);width:100vw;z-index:999}.admin-upload form{background-color:#fff;border-radius:12px;box-shadow:0 8px 20px #0000004d;display:flex;flex-direction:column;max-width:500px;padding:30px 40px;width:100%}.admin-upload h2{color:#333;font-size:20px;margin-bottom:20px;text-align:center}.upload-wrapper{align-items:center;display:flex;flex-direction:row;margin-bottom:10px}.upload-wrapper label{color:#444;font-weight:700;padding-right:5px;white-space:nowrap}.upload-wrapper input{border:1px solid #ccc;border-radius:6px;font-size:12px;outline:none;padding:5px;transition:border-color .3s;width:100%}.upload-wrapper input:focus{border-color:#007bff}.admin-upload button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin-top:12px;padding:5px 10px;transition:background-color .25s ease}.admin-upload button:hover{background-color:#0056b3}.admin-upload button[type=button]{background-color:#ccc;color:#333}.admin-upload button[type=button]:hover{background-color:#999}.group-button{display:flex;flex-direction:row;justify-content:flex-end}.view-like-priority{align-items:center;display:flex;flex-direction:row;justify-content:center}.view-like-priority .upload-wrapper{padding-right:5px}tbody button{border-radius:4px;color:#fff;cursor:pointer;margin:0 5px;padding:5px;transition:background-color .3s ease}tbody .delete-button{background-color:#969696}
/*# sourceMappingURL=main.98fe34d1.css.map*/