*{box-sizing:border-box;margin:0;padding:0;font-family:Rubik,sans-serif}html{font-size:62.5%}body{overflow:none}.section{grid-template-columns:1fr 3fr;display:grid}.left--pane{color:#000c;border-right:1.5px solid #0000001a;transition:all .5s;position:relative}.left--top{justify-content:space-between;align-items:center;height:12vh;padding:2rem;display:flex}.logo{color:#000;font-family:Rock Salt;font-size:1.8rem;font-weight:400;text-decoration:none}.left--top p{color:#00000080;font-size:1.2rem}.display--spaces{scrollbar-width:thin;scrollbar-color:#737373 white;height:88vh;padding-bottom:5rem;overflow-y:auto}.spaces--list{flex-direction:column;display:flex}.space--item{cursor:pointer;border-top:1px solid #00000006;border-radius:0;justify-content:space-between;align-items:center;margin:0 .5rem;padding:1.3rem 2rem;list-style:none;transition:all .3s;display:flex}.space--item:hover{color:#fff;background-color:#0009;border-radius:8px}.space--name{font-size:1.5rem;font-weight:450}.space--num{background-color:#0000000a;border-radius:100px;justify-content:center;align-items:center;min-width:2.5rem;height:2.5rem;padding:.5rem;font-family:monospace;font-size:1.4rem;font-weight:500;display:flex}.space--item div{flex-direction:column;justify-content:space-between;gap:.4rem;display:flex}.last--opened{font-family:monospace;font-size:1rem;font-weight:400}.container{position:relative}.form--space{width:80%;position:absolute;bottom:8rem;right:3rem}.space--input{border:none;border-radius:5px;outline:none;width:100%;padding:1rem;font-size:1.6rem;box-shadow:0 0 5px 1px #000}.buttons.space-buttons{position:absolute;bottom:2rem;right:3rem}.btn.btn--1{border:2px solid #fff;box-shadow:0 0 4px #000}.right--pane{position:relative}.nav-bar{justify-content:space-between;align-items:center;height:12vh;padding:2rem;display:flex}.title,.space-title{color:#0000004d;outline:none;font-size:2rem}.backwards{display:none}.navigation{gap:5rem;display:flex}.tabs{align-items:center;gap:3rem;font-size:1.3rem;display:flex}.tab{color:#00000080;cursor:pointer;border:2px solid #0000000d;border-radius:100px;padding:.5rem 1.5rem;font-weight:400;list-style:none;transition:all .3s;position:relative}.tab:hover{color:#fff;background-color:#0009}.tab:hover .tab-num{color:#000c}.tab span{backdrop-filter:blur(2px);background:0 0;border:none;border-radius:100px;justify-content:center;align-items:center;min-width:2rem;height:2rem;padding:.5rem;font-family:monospace;font-weight:500;display:flex;position:absolute;top:-1.1rem;right:-1.1rem;box-shadow:0 0 2.5px #0006}.btn.btn--2{box-shadow:0 0 4px #0000004d}.display--tasks{position:relative}.task-list{scrollbar-color:#737373 #fff;scrollbar-width:thin;border-top:1px solid #0000001a;height:88vh;overflow-y:auto}.task{color:#000c;cursor:default;flex:0 0 50rem;justify-content:space-between;padding:2rem;list-style:none;display:flex}.task-name{overflow-wrap:break-word;outline-offset:2px;cursor:auto;outline-color:#0000004d;margin-right:.5rem;font-size:1.5rem;line-height:1.5}.task:nth-child(2n){background-color:#00000003}.left{gap:1rem;display:flex}.right{flex-shrink:0;gap:1rem;margin-top:.5rem;display:flex}.task--details{align-items:center;gap:1rem;padding-top:.4rem;font-size:1.2rem;display:flex}.date{color:#0009;gap:.3rem;margin-left:2.4rem;font-family:monospace;font-size:1.1rem;font-weight:500;display:flex}.tag{color:#fff;background-color:#0009;border-radius:2px;padding:.15rem .45rem;font-family:monospace;font-size:1rem}.circle{border:1px solid #000;border-radius:100px;flex-shrink:0;width:1.4rem;height:1.4rem;transition:all .2s}.archive:hover{background-color:#0006;border:none;transform:scale(1.5)}.delete:hover{background-color:#c80000;border:none;transform:scale(1.5)}.done{width:1.6rem;height:1.6rem;margin-top:.2rem;transition:all}.done .tick{color:#0000;padding:.1rem;font-size:1rem;display:block}.done.full .tick{color:#0009}.done:hover{width:1.6rem;height:1.6rem;transform:scale(1)}.done:hover .tick{color:#000}.form--task{z-index:100;width:100%;padding:0 10rem;position:absolute;top:7.5rem;left:0;right:0}.form--task input{color:#000c;border:none;border-radius:5px;outline:none;width:100%;padding:1rem 2rem;font-size:1.6rem}.buttons{color:#000;justify-content:flex-end;display:flex}.btn{color:#333;cursor:pointer;backdrop-filter:blur(2.5px);background:0 0;border:none;border-radius:100px;justify-content:center;align-items:center;width:4rem;height:4rem;font-size:2.5rem;font-weight:400;display:flex}.overlay{backdrop-filter:blur(2.5px);width:100%;height:100%;position:absolute;top:0;right:0}
/*# sourceMappingURL=app.00baa715.css.map */