@charset "UTF-8";.input{display:flex;align-items:center;position:absolute;width:50%;top:20%;left:50%;transform:translate(-50%,-50%);padding:1rem 1.5rem;gap:1rem;border-radius:.5rem;box-shadow:0 0 1rem #0000004d}.input input{border:none;outline:none;width:100%;font-size:1rem;background-color:transparent}.input button{position:relative;z-index:5;cursor:pointer;outline:none;border:none;background-color:transparent}.input button svg{position:relative;z-index:5;font-size:1.3rem;color:#5f6368}.input button:hover:after{content:"";position:absolute;z-index:1;top:-10px;left:-10px;width:200%;height:170%;border-radius:50%;background-color:#e3e5e6}.input .check__button:hover:before{content:"Nueva Lista";position:absolute;z-index:1;top:43px;left:-25px;width:70px;padding:.4rem;border-radius:.2rem;font-size:.8rem;color:#fff;background-color:#000000b3}.input .pencil__button:hover:before{content:"Nueva Nota con Dibujo";position:absolute;z-index:1;top:43px;left:-70px;width:140px;padding:.4rem;border-radius:.2rem;font-size:.8rem;color:#fff;background-color:#000000b3}.input .picture__button:hover:before{content:"Nueva Nota con Imagen";position:absolute;z-index:1;top:43px;left:-70px;width:140px;padding:.4rem;border-radius:.2rem;font-size:.8rem;color:#fff;background-color:#000000b3}.input .accept__button:hover:before{content:"Aceptar";position:absolute;z-index:1;top:43px;left:-25px;width:70px;padding:.4rem;border-radius:.2rem;font-size:.8rem;color:#fff;background-color:#000000b3}.input .delete__button:hover:before{content:"Eliminar";position:absolute;z-index:1;top:43px;left:-25px;width:70px;padding:.4rem;border-radius:.2rem;font-size:.8rem;color:#fff;background-color:#000000b3}.search{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;width:50%;gap:1.2rem;padding:.8rem 1.2rem;border-radius:.5rem;background-color:#f1f3f4}.search:focus-within{background-color:#fff;box-shadow:.1rem .1rem .5rem #00000080}.search input{border:none;outline:none;width:100%;height:100%;font-size:1rem;background-color:transparent}.search button{position:relative;z-index:5;cursor:pointer;border:none;background-color:transparent}.search button svg{position:relative;z-index:5;font-size:1rem;color:#5f6368}.search button:hover:after{content:"";position:absolute;z-index:1;top:-8px;left:-8px;width:200%;height:170%;border-radius:50%;background-color:#e3e5e6}.search .search__button:hover:before{content:"Buscar";position:absolute;z-index:1;top:42px;left:-20px;width:40px;padding:.4rem;border-radius:.2rem;font-size:.8rem;color:#fff;background-color:#000000b3}.search .cerrar__button:hover:before{content:"Cerrar";position:absolute;z-index:1;top:42px;left:-20px;width:40px;padding:.4rem;border-radius:.2rem;font-size:.8rem;color:#fff;background-color:#000000b3}.setting{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1.5rem}.setting svg{position:relative;z-index:5;cursor:pointer;font-size:1.3rem;color:#5f6368}.setting button{position:relative;z-index:5;cursor:pointer;border:none;background-color:transparent}.setting button:hover:after{content:"";position:absolute;z-index:1;top:-30%;left:-40%;width:180%;height:150%;border-radius:50%;background-color:#e3e5e6}.setting .setting__rotate:hover:before{content:"Actualizar";position:absolute;z-index:1;top:45px;left:-30px;width:60px;padding:.4rem;border-radius:.2rem;font-size:.8rem;color:#fff;background-color:#000000b3}.setting .setting__grid:hover:before{content:"Cambiar Vista";position:absolute;z-index:1;top:45px;left:-40px;width:85px;padding:.4rem;border-radius:.2rem;font-size:.8rem;color:#fff;background-color:#000000b3}.setting .setting__settings:hover:before{content:"Configuración";position:absolute;z-index:1;top:45px;left:-35px;width:80px;padding:.4rem;border-radius:.2rem;font-size:.8rem;color:#fff;background-color:#000000b3}.setting__active{position:absolute;z-index:1;top:63px;right:100px;padding:.5rem 0;border-radius:.5rem;box-shadow:.5rem .5rem .8rem #00000080}.setting__active ul{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:.5rem;width:10rem}.setting__active ul li{cursor:pointer;list-style:none;width:100%;font-size:.8rem;padding:.5rem;color:#5f6368}.setting__active ul li:hover{background-color:#e3e5e6}.googleApp{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1.2rem}.googleApp__dots{position:relative;cursor:pointer}.googleApp__dots svg{position:relative;z-index:5;font-size:1.3rem;color:#5f6368}.googleApp__dots:hover:after{content:"";position:absolute;z-index:1;top:-7px;left:-8px;width:180%;height:150%;border-radius:50%;background-color:#e3e5e6}.googleApp__dots:hover:before{content:"Google Apps";position:absolute;z-index:1;top:45px;left:-35px;width:74px;padding:.4rem;border-radius:.2rem;font-size:.8rem;color:#fff;background-color:#000000b3}.googleApp .img{position:relative;width:2rem;height:2rem}.googleApp .img img{position:relative;z-index:5;cursor:pointer;object-fit:cover;width:100%;height:100%;border-radius:50%}.googleApp .img:hover:after{content:"";position:absolute;z-index:1;top:-3px;left:-3px;width:120%;height:120%;border-radius:50%;background-color:#e3e5e6}.googleApp .img:hover:before{content:"Cuenta De Google Username User@gmail.com";position:absolute;z-index:1;top:50px;left:-80px;width:110px;padding:.4rem;border-radius:.2rem;font-size:.8rem;color:#fff;background-color:#000000b3}.noteCard{position:absolute;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;justify-items:center;top:40%;left:50%;width:70%;transform:translate(-50%,-50%);gap:1rem}.noteCard .noteCard__note{position:relative;z-index:5;cursor:pointer;max-width:10rem;word-wrap:break-word;min-height:8rem;min-width:8rem;padding:1rem;border-radius:.5rem;border:1px solid #ccc;background-color:#fff;box-shadow:.5rem .5rem .1rem #00000080}.noteCard .noteCard__note p{cursor:pointer;border:none;background-color:transparent}.noteCard .noteCard__note button{position:absolute;bottom:.5rem;right:.5rem;cursor:pointer;border:none;background-color:transparent}.noteCard .noteCard__note button svg{position:relative;z-index:5;font-size:1.3rem;color:#5f6368}.noteCard .noteCard__note button:hover:before{content:"Eliminar";position:absolute;z-index:1;top:43px;left:-25px;width:70px;padding:.4rem;border-radius:.2rem;font-size:.8rem;color:#fff;background-color:#000000b3}.noteCard .noteCard__text{position:absolute;font-size:2rem;color:#5f6368;text-align:center}.nav{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;border-bottom:1px solid #ccc}.nav__utilities{position:relative;z-index:5;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1.8rem}.nav__utilities button{position:relative;z-index:5;cursor:pointer;border:none;background-color:transparent}.nav__utilities button svg{position:relative;z-index:5;font-size:1.3rem}.nav__utilities button:hover:after{content:"";position:absolute;z-index:1;top:-7px;left:-8px;width:180%;height:150%;border-radius:50%;background-color:#e3e5e6}.nav__utilities button:hover:before{content:"Menu Principal";position:absolute;z-index:1;top:45px;left:-20px;width:85px;padding:.4rem;border-radius:.2rem;font-size:.8rem;color:#fff;background-color:#000000b3}.nav__utilities .nav__logo{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;cursor:pointer;width:2.5rem;height:2.5rem;gap:.8rem}.nav__utilities .nav__logo img{object-fit:cover;width:100%;height:100%}.nav__utilities .nav__logo p{font-weight:500;font-size:1.2rem;color:#5f6368}.nav__utilities .nav__logo:hover:before{content:"Keep";position:absolute;z-index:1;top:53px;left:20px;width:30px;padding:.4rem;border-radius:.2rem;font-size:.8rem;color:#fff;background-color:#000000b3}.nav .nav__setting{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:4rem}.sideBar{overflow:hidden;transition:all .3s ease-in-out;width:14rem;height:89dvh;padding:1.5rem;box-shadow:.5rem 0 1rem #0000001a}.sideBar ul{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;list-style:none;gap:1.5rem}.sideBar ul li{position:relative;z-index:5;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;cursor:pointer;gap:2rem;color:#5f6368}.sideBar ul li svg{position:relative;z-index:5;font-size:1.3rem}.sideBar ul li p{position:relative;z-index:5;overflow:hidden;text-wrap:nowrap;font-weight:700;font-size:.8rem}.sideBar ul li:hover{width:100%}.sideBar ul li:hover:after{content:"";position:absolute;z-index:1;top:-10px;left:-25px;width:110%;height:200%;background-color:#e3e5e6;border-radius:0 100px 100px 0}.close{width:4rem;box-shadow:none}.close ul li:hover,.close ul .active{width:auto}.active{width:100%}.active:after{content:"";position:absolute;z-index:1;top:-10px;left:-25px;width:110%;height:200%;background-color:#e3e5e6;border-radius:0 100px 100px 0;background-color:#feefc3}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,sans-serif;font-size:14px;background-color:#fff}