@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap";*{outline:none;box-sizing:border-box;margin:0}:root{--theme-bg-color:rgba(16 18 27/40%);--border-color:rgba(113 119 144/25%);--theme-color:#f9fafb;--inactive-color:rgb(113 119 144/78%);--body-font:"Poppins",sans-serif;--hover-menu-bg:rgba(12 15 25/30%);--content-title-color:#999ba5;--content-bg:rgb(146 151 179/13%);--button-inactive:rgb(249 250 251/55%);--dropdown-bg:#21242d;--dropdown-hover:#2a2e3c;--popup-bg:#32374d;--search-bg:#14162b;--overlay-bg:rgba(36,39,59,0.3);--scrollbar-bg:rgb(1 2 3/40%);--border-color-r:#e62062}html{box-sizing:border-box;-webkit-font-smoothing:antialiased}body{font-family:var(--body-font);background-image:url(https://wallpapershome.com/images/wallpapers/macos-big-sur-1280x720-dark-wwdc-2020-22655.jpg);background-size:cover;background-position:50%;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:2em;width:100%;height:100vh}@media screen and (max-width:480px){body{padding:.8em}}.app{background-color:var(--theme-bg-color);max-width:1250px;max-height:860px;height:90vh;width:80vw;flex-direction:column;border-radius:14px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-size:15px;font-weight:500}.app,.wrapper{display:flex;overflow:hidden}.wrapper{flex-grow:1}@media screen and (max-width:1200px){.app{width:96vw}}@media screen and (max-width:600px){.app{height:98vh}}.video-bg{position:fixed;right:0;top:0;width:100%;height:100%;z-index:-1}.video-bg video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}* .header{align-items:center;height:58px;width:100%;border-bottom:1px solid var(--border-color);padding:0 30px;white-space:nowrap}* .header,.menu-logo{display:flex;flex-shrink:0}.menu-logo{color:var(--theme-color);cursor:pointer;margin-right:35px}.menu-logo h1{font-size:1.2rem;font-weight:400;margin-right:10px}.header-menu{display:flex;align-items:center}.header-menu .menu-link{padding:20px 30px;text-decoration:none;color:var(--inactive-color);border-bottom:2px solid transparent;transition:.3s}.menu-link{cursor:pointer}.menu-movil{color:var(--theme-color);font-size:1.5rem;position:absolute;right:20px;display:none}.header-menu .menu-link.is-active,.header-menu .menu-link:hover{color:var(--theme-color);border-bottom:2px solid var(--theme-color);z-index:2}.search-bar{height:40px;display:flex;width:100%;max-width:400px;padding-left:16px;border-radius:4px}.search-bar input{width:100%;height:100%;border:none;background-color:var(--search-bg);border-radius:4px;font-family:var(--body-font);font-size:15px;font-weight:500;padding:0 20px 0 40px;box-shadow:0 0 0 2px rgba(134,140,160,.02);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56.966 56.966' fill='%23717790c7'%3e%3cpath d='M55.146 51.887L41.588 37.786A22.926 22.926 0 0046.984 23c0-12.682-10.318-23-23-23s-23 10.318-23 23 10.318 23 23 23c4.761 0 9.298-1.436 13.177-4.162l13.661 14.208c.571.593 1.339.92 2.162.92.779 0 1.518-.297 2.079-.837a3.004 3.004 0 00.083-4.242zM23.984 6c9.374 0 17 7.626 17 17s-7.626 17-17 17-17-7.626-17-17 7.626-17 17-17z'/%3e%3c/svg%3e");background-size:14px;background-repeat:no-repeat;background-position:16px 48%;color:var(--theme-color)}.search-bar input::-moz-placeholder{font-family:var(--body-font);color:var(--inactive-color);font-size:15px;font-weight:500}.search-bar input:-ms-input-placeholder{font-family:var(--body-font);color:var(--inactive-color);font-size:15px;font-weight:500}.search-bar input::placeholder{font-family:var(--body-font);color:var(--inactive-color);font-size:15px;font-weight:500}@media screen and (max-width:480px){.header{padding:0 16px}}@media screen and (max-width:580px){.menu-link{display:none}}@media screen and (max-width:945px){.menu-movil{display:block}}.menu-sidebar-movil{position:fixed;top:0;right:0;height:200%;width:250px;background:var(--popup-bg);z-index:10;padding:16px 26px 26px;z-index:3}.menu-close-movil{color:var(--theme-color);display:flex;justify-content:flex-end;font-size:1.5rem;cursor:pointer}.overlay-menu{width:100%;height:100%;position:fixed;left:0;top:0;pointer-events:all;background-color:rgba(36,39,59,.8);z-index:-1}.pop-up{display:flex;flex-direction:column;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);min-width:400px;padding:20px 40px;overflow-y:auto;box-shadow:0 6px 30px rgba(0,0,0,.4);background-color:var(--popup-bg);border-radius:6px;z-index:10}.pop-up__header{position:relative}.pop-up__header,.pop-up__title{display:flex;justify-content:center}.pop-up__title{padding-bottom:20px;font-size:1.1rem;text-transform:capitalize;font-weight:500;letter-spacing:3px;align-items:center;color:var(--theme-color)}.pop-up-close{font-size:20px;background-color:transparent;color:var(--theme-color);border:none;cursor:pointer;position:absolute;right:-20px;top:-8px}.pop-up__textarea-wrapper{padding-bottom:20px}.pop-up__textarea{background-color:transparent;color:var(--theme-color);font-family:var(--body-font);font-size:.9rem;padding:10px;width:100%;height:150px;border:1px solid #fff;border-radius:3px}.content-button-wrapper{margin-top:auto;margin-left:auto;width:auto}.new-button{background:transparent;border-radius:5px;color:#fff;margin-left:10px;cursor:pointer;transition:.2s;white-space:nowrap;border:1px solid var(--border-color-r);font-size:15px;margin-top:0;padding:6px 24px}.new-button:hover{border-color:#6b043e}.new-button:disabled{cursor:not-allowed;color:var(--inactive-color)}.pop-up-microphone{border:1px solid var(--theme-color);border-radius:50%;background-color:transparent;color:var(--theme-color);height:30px;width:30px;cursor:pointer;margin-right:10px;position:absolute;bottom:20px}.pop-up-microphone.on{*border:1px solid red;color:var(--border-color-r);-webkit-animation:Listen 2s ease infinite;animation:Listen 2s ease infinite}@-webkit-keyframes Listen{0%{border:1px solid #fff}50%{border:1px solid var(--border-color-r)}to{border:1px solid #fff}}@keyframes Listen{0%{border:1px solid #fff}50%{border:1px solid var(--border-color-r)}to{border:1px solid #fff}}.pop-up-microphone.no-display{display:none}.pop-up-microphone:hover{border:2px solid var(--theme-color)}.pop-up-microphone.on:hover{border:2px solid red}@media screen and (max-width:430px){.pop-up{min-width:335px;padding:20px}}@media screen and (max-width:390px){.content-button{padding:6px 14px}}.content-wrapper.overlay{pointer-events:none;background-color:var(--overlay-bg)}.overlay-app{width:100%;height:100%;position:fixed;left:0;top:0;pointer-events:all;background-color:rgba(36,39,59,.8);z-index:2}.content-section{margin-top:30px;display:flex;flex-direction:column}.apps-card{display:flex;align-items:center;width:100%;min-height:650px}.app-card{display:flex;flex-direction:column;width:33.3%;height:100%;font-size:16px;background-color:var(--content-bg);border-radius:14px;padding:20px}.app-card+.app-card{margin-left:20px}.app-card h4{display:flex;align-items:center;justify-content:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.app-card__entry-list{height:100%;width:100%}.app-card__entry{background-color:var(--content-bg);border-radius:10px;padding:20px;margin-bottom:10px;cursor:pointer;transition:.3s ease;position:relative}.app-card__entry:hover{transform:scale(1.02);background-color:var(--theme-bg-color)}.app-card__text p{font-size:14px;font-weight:400;line-height:1.6em;padding-bottom:20px}.app-card__text span{font-size:11px;font-weight:300;position:absolute;bottom:10px;right:15px;color:#ccc}::-webkit-scrollbar{width:6px;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar-bg);border-radius:10px}@media screen and (max-width:1100px){.apps-card{flex-direction:column;align-items:flex-start}.app-card{width:98%;margin-bottom:20px}.app-card+.app-card{margin-left:0}}@media screen and (max-width:565px){.app-card{width:100%;margin-bottom:20px}.app-card+.app-card{margin-left:0}}.pop-up.edit{padding-bottom:30px}.edit-pop-up{display:flex;color:var(--theme-color);font-size:.8rem;justify-content:space-between;padding-bottom:10px}.edit-type{padding:5px}.edit-type input{margin-right:8px}.new-button.edit{border-radius:5px;text-transform:uppercase;letter-spacing:3px;margin-left:0;font-weight:700;width:100%;font-size:.9rem;padding:8px 26px}.left-side{flex-basis:240px;border-right:1px solid var(--border-color);padding:26px;overflow:auto;flex-shrink:0}.side-wrapper+.side-wrapper{margin-top:20px}.side-title{color:var(--inactive-color);margin-bottom:14px}.side-menu{display:flex;flex-direction:column;white-space:nowrap}.side-menu-link,.side-menu a{text-decoration:none;color:var(--theme-color);display:flex;align-items:center;font-weight:400;padding:10px;font-size:14px;border-radius:6px;transition:.1s;cursor:pointer}.side-menu-link:hover,.side-menu a:hover{background-color:var(--hover-menu-bg)}.side-menu i{width:16px;margin-right:8px}.notification{position:relative}.notification-number{position:absolute;background-color:var(--border-color-r);width:16px;height:16px;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center;color:#fff;right:-6px;top:-6px}.updates{position:relative;top:0;right:0;margin-left:auto;width:18px;height:18px;font-size:11px}@media screen and (max-width:945px){.left-side{display:none}}.content-wrapper{display:flex;flex-direction:column;color:var(--theme-color);padding:20px 40px;height:100%;overflow-y:auto;overflow-x:hidden;background-color:var(--theme-bg-color)}@media screen and (max-width:510px){.content-wrapper{padding:10px}}@media screen and (max-width:415px){.content-wrapper-header{padding:20px}}.main-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);height:58px}.menu-title{text-decoration:none;color:var(--theme-color);text-align:center}.main-header .header-menu .main-header-link{padding:20px 24px;color:var(--inactive-color);border-bottom:2px solid transparent;transition:.3s;cursor:pointer;text-align:center}.main-header-link-add{border:1px solid var(--inactive-color);background-color:transparent;color:var(--inactive-color);font-size:18px;cursor:pointer;border-radius:5px}.main-header-link-add:hover{border:1px solid var(--theme-color);color:var(--theme-color)}.header-menu .main-header-link.is-active,.header-menu .main-header-link:hover{color:var(--theme-color);border-bottom:2px solid var(--theme-color)}.main-container{display:flex;flex-direction:column;flex-grow:1}@media screen and (max-width:650px){.menu-title{display:none}.main-header .header-menu .main-header-link{padding:20px 10px}}