@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);*{padding:0;margin:0}body{min-height:100vh;background-color:#eda5a5;font-family:Poppins,sans-serif;align-items:center;color:#1b1b1b}body,main{display:flex;justify-content:center}main{border-radius:8px;width:400px;background-color:#fff}main .wrapper{padding:20px 0;width:calc(100% - 40px);gap:20px;display:flex;justify-content:center;align-items:center;flex-flow:column nowrap}main .wrapper .header{width:calc(100% - 20px)}main .wrapper .pages{height:70px;display:flex;align-items:center;flex-flow:column;width:100%}main .wrapper .pages ul{width:100%;display:flex;justify-content:space-between;align-items:center}main .wrapper .pages ul li{font-size:15px;height:100%}main .wrapper .pages h2{flex:1}main .wrapper .content{width:100%}@media(max-width:400px){main{width:300px}main .wrapper{padding:20px 0;gap:20px;display:flex;justify-content:center;align-items:center;flex-flow:column nowrap}main .wrapper,main .wrapper .header{width:calc(100% - 40px)}main .wrapper .pages{height:70px}main .wrapper .pages,main .wrapper .pages ul{display:flex;align-items:center;gap:10px;width:100%}main .wrapper .pages ul li{font-size:14px;height:100%}main .wrapper .pages h2{flex:1;font-size:18px}main .wrapper .content{width:100%}main .wrapper .content h4{font-size:14px}}a[data-v-5156bc99]{color:#1b1b1b;text-decoration:none;transition:.3s}a[data-v-5156bc99]:hover{color:#eda5a5}ul[data-v-5156bc99]{list-style:none;padding:0;margin:0}.category[data-v-5156bc99]{padding-left:20px;border-radius:4px;display:flex;justify-content:space-between;align-items:center;height:65px;border-bottom:1px solid #ccc}.category i[data-v-5156bc99]{transition:.3s;font-size:30px;cursor:pointer}.category i[data-v-5156bc99]:hover{color:#eda5a5}.category .category_color[data-v-5156bc99]{display:flex;justify-content:center;align-items:center;margin-right:20px;width:30px;height:30px;border-radius:50%;overflow:hidden;transition:.3s}.category .category_color input[data-v-5156bc99]{cursor:pointer;transform:scale(2.5)}.category .category_color[data-v-5156bc99]:hover{filter:opacity(.7)}a[data-v-46524763]{color:#1b1b1b;text-decoration:none;transition:.3s}a[data-v-46524763]:hover{color:#eda5a5}ul[data-v-46524763]{list-style:none;padding:0;margin:0}.category_list[data-v-46524763]{border-top:1px solid #ccc;max-height:500px;overflow-y:scroll}.category_list[data-v-46524763]::-webkit-scrollbar{width:0}.handler[data-v-46524763]{padding:30px 0}.content[data-v-46524763]{display:flex;flex-flow:column nowrap}.list-enter-from[data-v-46524763],.list-leave-to[data-v-46524763]{opacity:0;transform:translateX(300px)}.list-enter-active[data-v-46524763],.list-leave-active[data-v-46524763]{transition:.3s cubic-bezier(.37,.71,.26,1.24)}.list-enter-to[data-v-46524763],.list-leave-from[data-v-46524763]{opacity:1;transform:translateX(0)}.list-move[data-v-46524763]{transition:.3s}form[data-v-2697c9c6]{height:auto}form{padding-bottom:10px;height:600px}form button{width:100%;height:40px;font-size:16px;margin-top:40px}form .title{text-align:center;font-size:20px}form .desc{font-size:18px}form .inputs{height:400px;display:flex;flex-flow:column nowrap;width:300px}form .inputs .input:last-child,form .inputs .input:last-child textarea{flex:1}form .category_select{width:300px;padding:20px 0}.task{display:flex;justify-content:space-between;align-items:center;padding:15px;border-radius:4px;height:80px;border-bottom:1px solid #ccc;transition:.3s;cursor:pointer}.task:hover{background-color:#f3f3f3}.task .text{flex:1;height:80px;display:flex;justify-content:center;flex-flow:column nowrap;transition:.3s}.task .text p{color:#949494}.task span{align-self:flex-end}.task .options{width:60px;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.task .options i:hover{color:#53c262}.task .category{width:65px;display:flex;flex-flow:row nowrap;gap:10px}.task .category .category-color{width:20px;height:20px;border-radius:50%;transition:.3s}.task .category .category-color:hover{transform:scale(1.2)}.task i{padding:50px;font-size:27.5px;transition:.3s;cursor:pointer}.details{width:300px;display:flex;flex-flow:column nowrap;gap:10px}.desc{flex:1;height:300px}.category_parameters{padding:10px 0;display:flex;gap:45px;align-items:center}.category_parameters h3 span{padding-left:10px;font-weight:400}.category_parameters .category_color{width:30px;height:30px;border-radius:50%;overflow:hidden}.category_parameters .category_color input{border:none;width:100%;height:100%;transform:scale(1.5)}.task_list{display:flex;flex-flow:column nowrap;max-height:500px;overflow-y:scroll}.task_list::-webkit-scrollbar{width:0}.task_list .handler{padding:30px 0}.list-enter-from,.list-leave-to{opacity:0;transform:translateX(300px)}.list-enter-active,.list-leave-active{transition:.3s cubic-bezier(.37,.71,.26,1.24)}.list-enter-to,.list-leave-from{opacity:1;transform:translateX(0)}.list-move{transition:.3s}.container{border-top:1px solid #ccc}.layer{z-index:11;display:flex;justify-content:center;align-items:center;position:fixed;background-color:rgba(0,0,0,.8);top:0;left:0;right:0;bottom:0}.layer .window{min-height:200px;min-width:200px;background-color:#fff;border-radius:8px;padding:20px}button{text-align:center;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:18px;margin:10px 0;background-color:#fff;border:1px solid #ccc;cursor:pointer;width:100%;height:70px;transition:.3s}button i{font-size:30px}button:hover{border-color:#eda5a5;color:#eda5a5;letter-spacing:1.05px}textarea{width:300px;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;resize:none;outline:none;border:1px solid #ccc;border-radius:4px}textarea::-webkit-scrollbar{width:0}textarea{font-size:18px;height:100%;transition:.3s}textarea:focus{border-color:#eda5a5}.input{margin-top:20px;display:flex;flex-flow:column nowrap;gap:10px}a{color:#1b1b1b;text-decoration:none;transition:.3s}a:hover{color:#eda5a5}ul{list-style:none;padding:0;margin:0}.select{width:100%;height:60px}.select select{margin-top:10px;font-size:18px;width:100%;height:40px;outline:none;border:1px solid #ccc;border-radius:4px;cursor:pointer}.select select:active{box-shadow:none}.select select:hover{border-color:#eda5a5}.select select option{height:30px;padding:5px 0}