:root{--border-radius:4px;--font-open-sans:"Open Sans",sans-serif;--foreground-rgb:68,68,68;--background-start-rgb:255,255,255;--background-end-rgb:255,255,255;--box-shadow:0 0 15px 0 rgba(71,81,99,.09);--hover-box-shadow:0 5px 15px rgba(0,0,0,.2)}body{color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb))),rgb(var(--background-start-rgb));overflow-x:hidden}.title,body{font-family:var(--font-open-sans);margin:0}.title{font-size:28px;font-weight:400}.container{padding:0;background:#f5f6fa;flex-direction:column;height:100vh;overflow:hidden}.container,.header{margin:0 auto;display:flex}.header{justify-content:space-between;align-items:center;width:90%;padding:30px 0 55px;background:#fff}.search-and-filter{display:flex;gap:10px}.search-box{width:100%;font-size:12px;line-height:18px;color:#44474f;background-color:#fff;display:block;float:left;text-indent:14px;border:1px solid #dbdbdb;transition:border-color .3s ease;outline:0;border-radius:3px;padding:0;height:42px;margin:0;border-radius:30px}.filter-dropdown{padding:8px;border:1px solid #ddd;border-radius:var(--border-radius);background-color:#fff}.header-sections-wrapper{background:#fff}.video-sections-wrapper{width:94%;padding:25px 35px;border:1px solid #ecedf3;box-sizing:border-box;border-radius:4px;margin:-40px auto 0;background:#fff;flex-grow:1;overflow:scroll}.upload-section{margin-bottom:20px;text-align:center}.upload-section label{max-width:100%!important;height:68px!important;border:2px dashed #d3d3d3!important;padding:20px!important;border-radius:5px!important}.upload-section label div span{font-size:15px;color:#8f8f8f}.upload-section svg path{fill:#31ba92}.upload-section svg{margin-right:10px}.video-listing{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}.video-card{display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:250px;border:1px solid #ecedf3;border-radius:var(--border-radius);overflow:hidden;background:#fff;box-shadow:0 0 15px 0 rgba(71,81,99,.09);box-sizing:border-box}.video-card:hover{background:#f5f6fa;border:1px solid #31ba92}.video-card img{width:100%;height:180px;object-fit:cover}.video-card-title{padding:5px 15px 10px;text-align:center;font-size:13px;font-weight:700;min-height:20px}.video-card-createdAt{padding:10px 15px;text-align:center;font-size:12px;color:grey}.copy-btn-wrapper{margin-top:auto;display:flex;justify-content:space-around;gap:4%;padding:5px 15px 15px}.copy-embed-btn,.copy-link-btn{width:50%;border:1px solid #d3d3d3;background-color:#fff;padding:4px 0;text-align:center;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:12px;border-radius:40px;transition:all .4s ease-out}.copy-embed-btn:hover,.copy-link-btn:hover{border-radius:4px;transition:all .4s ease-out}.copy-embed-btn svg,.copy-link-btn svg{width:12px;height:22px;margin-right:.5em}.copy-embed-btn:hover,.copy-link-btn:hover{background-color:#f9f9f9}.pagination{display:flex;justify-content:center;gap:10px;margin:30px 0}.pagination button{border:none;background-color:#31ba92;color:#fff;cursor:pointer;float:left;font-size:14px;padding:0 22px;display:block;text-align:center;height:42px;line-height:42px;min-width:35px;border-radius:40px;transition:all .4s ease-out}.pagination button:hover{border-radius:4px;transition:all .4s ease-out}.pagination button:disabled{background-color:#ccc}.video-help-button{border:none;background-color:#31ba92;color:#fff;cursor:pointer;float:left;font-size:14px;padding:0 22px;display:block;text-align:center;height:42px;line-height:42px;min-width:35px;border-radius:40px;transition:all .4s ease-out;text-decoration:none}.video-help-button svg{width:10px;margin-left:5px}.video-help-button:hover{border-radius:4px;transition:all .4s ease-out}@media (max-width:768px){.video-listing{grid-template-columns:repeat(2,1fr)}}.checkboxes-wrapper{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;background-color:#f7f7f7;padding:10px 20px;border-radius:50px}.checkbox-container{display:flex;align-items:center;cursor:pointer}.custom-checkbox{width:20px;height:20px;border-radius:50%;border:1px solid #ccc;display:flex;justify-content:center;align-items:center;margin-right:5px;background-color:#fff}.custom-checkbox:hover{background-color:#31ba92}.custom-checkbox .fa-check{color:#fff;transform:scale(.5)}.checkbox-container input[type=checkbox]:checked+.custom-checkbox{background-color:#31ba92}.checkbox-container label{margin-bottom:0;cursor:pointer;color:#444;font-size:14px}.thumbnail-container{display:inline-block}.duration-bubble{position:absolute;bottom:10px;right:10px;background-color:#3e3e3e;color:#fff;padding:5px 10px;border-radius:15px;font-size:.7rem}.video-card input[type=checkbox]{position:absolute;top:10px;left:10px;z-index:10}.trash-button{border:none;background-color:#eee;color:#3e3e3e;cursor:pointer;float:left;font-size:14px;padding:0 22px;display:block;text-align:center;height:42px;line-height:42px;min-width:35px;border-radius:40px;transition:all .4s ease-out;text-decoration:none;margin-right:10px}.trash-button svg{width:12px;vertical-align:middle}.trash-button:hover{border-radius:4px;transition:all .4s ease-out;background-color:#ff4d4d;color:#fff}.video-card{position:relative}.select-checkbox{position:absolute;top:10px;left:10px;opacity:0;transition:opacity .3s ease}.always-show,.video-card:hover .select-checkbox{opacity:1}.thumbnail-container{position:relative}.custom-checkbox-input{display:none}.custom-checkbox-label{display:inline-flex;justify-content:center;align-items:center;width:20px;height:20px;border-radius:50%;border:2px solid #ccc;background-color:#fff;cursor:pointer;opacity:.9}.custom-checkbox-label .svg-inline--fa{color:#fff;transform:scale(.5)}.custom-checkbox-label:hover{background-color:#31ba92}.custom-checkbox-input:checked+.custom-checkbox-label{background-color:#31ba92;opacity:1}.fa-icon{color:#fff;font-size:12px}.header-actions{display:flex;align-items:center;justify-content:space-between}.title-edit-input{border:none;border-bottom:1px dotted #ccc;outline:none}.video-card-title span{cursor:text;border-bottom:1px dotted transparent}.video-card-title span:hover{border-bottom-color:currentColor}.total-plays{position:absolute;bottom:10px;left:10px;background-color:#3e3e3e;color:#fff;padding:5px 8px;border-radius:15px;font-size:.7rem;display:flex;align-items:center;gap:5px}.total-plays svg{width:12px;height:12px}@media (max-width:768px){.total-plays{font-size:.65rem;padding:3px 6px}.total-plays svg{width:10px;height:10px}}