:root{font-family:Inter,system-ui,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0}*{box-sizing:border-box}.admin-page{height:100vh;display:flex;align-items:center;justify-content:space-evenly;padding:30px;gap:30px;background-color:#170643}.admin-page .video-uploader-wrap{display:flex;flex-direction:column;flex:1;gap:20px;height:100%}.admin-page .video-uploader-wrap p{color:#b57dd7;font-size:30px;margin:0;flex-shrink:0}.admin-page .video-uploader-wrap .video-uploader{background-color:#b57dd71a;border:2px solid #b57dd7;border-style:dashed;display:grid;place-items:center;border-radius:10px;cursor:pointer;font-size:40px;color:#b57dd7;transition:color .2s,border-color .2s;width:100%;flex:1}.admin-page .video-uploader-wrap .video-uploader:hover,.admin-page .video-uploader-wrap .video-uploader.drag{border-color:#fff;color:#fff}.admin-page .video-wrapper{position:relative;height:100%;width:100%;display:grid;place-items:center}.admin-page video{width:80%;aspect-ratio:4 / 3}.admin-page .remove-uploaded{position:absolute;right:15px;top:15px;font-family:Inter,system-ui,Arial,sans-serif;background-color:#b57dd7;color:#170643;border-radius:5px;padding:5px 10px;cursor:pointer;height:fit-content;opacity:0;border:1px solid #b57dd7;transition:opacity .2s}.admin-page .video-wrapper:hover .remove-uploaded{opacity:1}.admin-page .sync-btn{font-family:Inter,system-ui,Arial,sans-serif;font-size:16px;background-color:#b57dd7;color:#170643;border-radius:5px;padding:10px;height:fit-content;cursor:pointer;border:none;position:absolute;top:20px;right:20px}.admin-page .sync-btn.disabled{background-color:#ccc;cursor:default}.admin-page .sync-btn.looading{cursor:default}