.options{justify-content:center;align-items:center;display:flex;gap:8px;cursor:pointer}.folderIcon{color:#00f}.container:hover input~.checkmark{background-color:red}*{list-style:none;text-decoration:none}li:hover{background-color:#4a01fb;color:#fff}section{width:100%}li{display:flex;color:#000;align-items:center;gap:15px;margin-top:20px;padding:10px;border-radius:10px}.logo{margin-top:30px;margin-bottom:10px;background-color:#4a01fb;border-radius:10px;color:#fff;width:50px;height:50px;display:flex;justify-content:center;align-items:center}.sideBar{display:flex;flex-direction:column;align-items:center;width:20%;background-color:#fff;margin:10px;height:calc(100% - 10px);padding:10px;position:relative;border-radius:10px}.storage-bar{width:100%;height:5px;background-color:#fff;border-radius:5px}.fill{width:68%;height:100%;background-color:#4a01fb;border-radius:5px}.storage{background-color:#ededed;padding:10px;display:flex;flex-direction:column;gap:5px;width:80%;border-radius:5px;position:absolute;bottom:30px}.storage p{font-size:small}.storageText{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.storageText h6{font-weight:300;font-size:8px}.containerStorage{margin-bottom:5px;margin-top:8px}.buttonStorage{border:none;color:#fff;width:fit-content;padding:3px 10px;align-self:flex-start;margin-top:10px;border-radius:10px;background-color:#4a01fb;cursor:pointer}.backButton{border:none;background-color:transparent;align-self:flex-end;cursor:pointer;position:absolute;top:10px;right:10px}.selectedSideBar{background-color:#4a01fb;color:#fff}.content{height:calc(100vh - 10px);overflow:hidden;display:flex}.videosHome{display:flex;flex-direction:column;align-items:start;width:80%;background-color:#fff;height:calc(100% - 10px);margin:10px;padding:20px 30px;position:relative;border-radius:10px}.options{justify-content:center;align-items:center;display:flex;gap:8px;cursor:pointer;padding-bottom:5px}.selected{color:#4a01fb;border-bottom:3px solid #4a01fb;padding-inline:10px}.buttonVideos{border:none;padding:8px;border-radius:5px;cursor:pointer}.buttonVideosBlue{border:none;background-color:#4a01fb;color:#fff;padding:8px;cursor:pointer;border-radius:5px}.navBarVideos{display:flex;justify-content:space-between;width:100%;padding-top:20px;padding-bottom:20px}.searchBar{display:flex;align-items:center;color:#888;border:1px solid #ccc;padding:8px;width:500px;border-radius:4px}.searchIcon{margin-right:8px;border-right:2px solid #888;padding-right:10px;color:#888}.search-input{flex-grow:1;border:none;outline:none;font-size:14px;padding:4px}.search-button{background-color:#007bff;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer}.tabla-container{width:100%;margin-top:20px}table{width:100%;border-collapse:collapse}th,td{padding:12px;text-align:center;border-bottom:1px #ededed solid;cursor:pointer}tr:hover{background-color:#ccc}.name{text-align:left;display:flex;gap:15px}.folderIcon{color:#4a01fb}th{border-bottom:1px #ccc solid}.container{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:15px;width:15px;background-color:#fff;border:1px solid #ccc;border-radius:5px}.container:hover input~.checkmark{background-color:#412186}.container input:checked~.checkmark{background-color:#fff;border:1px solid #ccc;border-radius:5px}.checkmark:after{content:"";position:absolute;display:none}.container input:checked~.checkmark:after{display:block}.container .checkmark:after{top:5px;left:5px;width:6px;height:6px;background:#4a01fb}body{background-color:#dcdcdc;font-family:Arial,Helvetica,sans-serif}*{box-sizing:none;padding:0;margin:0}