@import url(https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap);.filters[data-v-22baa204]{display:grid!important;grid-template-columns:1fr;gap:.8rem;width:100%}@media screen and (min-width:475px){.filters[data-v-22baa204]{grid-template-columns:1fr 1fr}.filter__item--search[data-v-22baa204]{grid-column:span 2}}.priority-legend[data-v-885ed28c]{width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.2rem}.priority-legend__title[data-v-885ed28c]{font-size:.8rem;margin-right:.5rem}.priority-legend__list[data-v-885ed28c]{display:flex;justify-content:flex-start;list-style:none;padding:0}.priority-legend__list__item[data-v-885ed28c]{display:flex;align-items:center;margin-right:1rem}.priority-legend__color[data-v-885ed28c]{display:block;width:1rem;height:1rem;border-radius:50%;margin-right:.2rem}.priority-legend__label[data-v-885ed28c]{font-size:.8rem}.modal{position:fixed;top:0;left:0;z-index:999;background:rgba(0,0,0,.75)}.modal,.modal__container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.modal__content{position:relative;display:flex;flex-direction:column;padding:16px;width:90%;max-width:800px;overflow-x:hidden;background:#fff;min-height:200px;max-height:90%;border-radius:.8rem}.modal__close-button{position:absolute;top:8px;right:8px;padding:8px;background:transparent;border:none;cursor:pointer;font-size:16px;color:#333;outline:none;z-index:99}.container[data-v-4169f1b2]{padding:1rem;position:relative}.title[data-v-4169f1b2]{font-size:1.5rem;margin-bottom:1rem}.form[data-v-4169f1b2]{display:flex;flex-direction:column;width:100%}.form__item[data-v-4169f1b2]{margin-bottom:1rem}.form__buttons[data-v-4169f1b2]{display:flex;justify-content:flex-end;margin-top:1rem}.form__buttons button[data-v-4169f1b2]{margin-left:.5rem}.form__button__button--remove[data-v-4169f1b2]{background-color:#f44336}.task{border:1px solid #ccc;padding:.8rem .8rem .8rem 1.6rem;margin:.8rem 0;min-height:5rem;border-radius:.8rem;position:relative;display:flex;justify-content:space-between}.task:hover{box-shadow:0 0 .6rem #cccccc61}.task__priority-tag{position:absolute;top:0;left:0;height:100%;background:#6eff90;color:#fff;width:.8rem;border-radius:.8rem 0 0 .8rem}.task__content{flex:1;display:flex;flex-direction:column}.task__content__title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.task__content__description{font-size:1rem;color:#6f6f6f}.task__actions{display:flex;flex-direction:column;justify-content:space-between}.task__actions__edit-remove{display:flex;justify-content:flex-end}.task__actions__edit-remove button{background:none;display:flex;justify-content:center;align-items:center;background:transparent;border:none;margin-left:.1rem;padding:.4rem;border-radius:.5rem;position:relative;top:-.4rem;right:-.4rem;cursor:pointer}.task__actions__edit-remove button:hover{background:#f4f4f4}.task__actions__status button{display:flex;align-items:center;border:none;border-radius:.5rem;cursor:pointer;background:none;padding:0;font-weight:600;color:#ab298d;padding:.5rem;position:relative;bottom:-.5rem;right:-.5rem}.task__actions__status button:hover{background:#f4f4f4}.task__actions__status button.done{color:#12b638}.task__actions__status span{display:flex;align-items:center;justify-content:center;width:1.2rem;height:1.2rem;border:1px solid #ccc;border-radius:.3rem;margin-left:.4rem;padding:.1rem;border:1px solid #ab298d}.task__actions__status span.done{box-shadow:0 0 .2rem #12b638;border:1px solid #12b638}.buttonn-container[data-v-d453cee4]{padding:.8rem 0;display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.add-button[data-v-d453cee4]{padding-right:.6rem}.add-button span[data-v-d453cee4]{margin-left:.4rem}.add-button[data-v-d453cee4]:disabled{opacity:.7;cursor:not-allowed}.component-container[data-v-3b069adc]{flex:1;display:flex;flex-direction:column}.filters-area[data-v-3b069adc]{width:100%;background-color:#f1f1f1;padding:1.2rem 0}.container[data-v-3b069adc]{display:flex;flex-direction:column;flex:1}.empty-state[data-v-3b069adc]{text-align:center;padding:2rem}.empty-state p[data-v-3b069adc]{margin-bottom:.5rem}.container--list[data-v-3b069adc]{flex:1;width:100%}.list[data-v-3b069adc]{list-style:none;padding:0;width:100%;overflow-y:auto;padding-right:.4rem}.amount-tasks[data-v-3b069adc]{font-size:small;margin:.2rem 0}.app-container[data-v-06a9cb60]{display:flex;flex-direction:column;min-height:100vh;width:100%}header[data-v-06a9cb60]{display:flex;justify-content:center;padding:.5rem 0;background-color:#333;color:#fff}header h1[data-v-06a9cb60]{font-size:1.4rem;font-weight:600}main[data-v-06a9cb60]{flex:1;display:flex;flex-direction:column}footer[data-v-06a9cb60]{background-color:#333;color:#fff;padding:.3rem 0;text-align:center;font-size:.8rem}footer a[data-v-06a9cb60]{color:#fff;font-size:.8rem;transition:.2s ease-in-out}footer a[data-v-06a9cb60]:hover{opacity:.9}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body,html{width:100%}body{font-family:Karla,sans-serif;color:#333}.container{width:100%;max-width:800px;margin:0 auto;padding:0 20px}.input{padding:.3rem .7rem;border-radius:.5rem;border:1px solid #ccc;color:#6f6f6f;width:100%;box-sizing:border-box}.label{display:block;margin-bottom:.2rem;color:#6f6f6f;font-size:14px}.primary-button{background-color:#3682cf;color:#fff}.primary-button,.secondary-button{display:flex;align-items:center;justify-content:center;border:1px solid #ccc;border-radius:.5rem;padding:.3rem .5rem;cursor:pointer}.secondary-button{background-color:#e6e6e6;color:#6f6f6f;transition:.2s ease-in-out}.primary-button:hover,.secondary-button:hover{opacity:.9}