.icondiv{width:.5rem!important;height:.5rem!important;border-radius:9999px!important;margin-right:.25rem!important}.low{background-color:green}.medium{background-color:orange}.high{background-color:red}footer button[type=border]{background:transparent;border:1px solid;color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.2)!important;cursor:pointer}footer button[type=filled]{background:rgba(var(--vs-success),1)!important;border:1px solid;color:rgba(0,0,0,.5);cursor:pointer}#todo-app{border-color:#414561!important}#todo-app .vs-sidebar--background{position:absolute}#todo-app .vs-sidebar{width:250px!important}#todo-app .todo-scroll-area{position:relative;margin:auto;width:100%;height:calc(100% - 70px)}#todo-app .todo-scroll-area:not(.ps){overflow-y:auto}#todo-app .todo-content-scroll-area{position:relative;margin:auto;width:100%;height:calc(100% - 60px);max-height:79vh}#todo-app .todo-content-scroll-area:not(.ps){overflow-y:auto}#todo-app .todo_todo-item{-webkit-transition:all .35s;transition:all .35s}#todo-app .list-item-component{-webkit-transition:background-color .2s,-webkit-transform .2s;transition:background-color .2s,-webkit-transform .2s;transition:background-color .2s,transform .2s;transition:background-color .2s,transform .2s,-webkit-transform .2s;border-top:1px solid #dae1e7}#todo-app .list-item-component:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 3px 10px 0 #ccc;box-shadow:0 3px 10px 0 #ccc;-webkit-transition:all .2s;transition:all .2s}#todo-app .todo-list .todo-tags .con-vs-chip{margin-right:2px!important}#todo-app .border{border-color:#414561!important}#todo-app .icondiv{width:.5rem!important;height:.5rem!important;border-radius:9999px!important;margin-right:.25rem!important}#todo-app .filterPriority{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}#todo-app .low{background-color:green}#todo-app .medium{background-color:orange}#todo-app .high{background-color:red}#todo-app .filterChip{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}#todo-app .filterFilters{cursor:pointer}#todo-app .filterFilters.selectedFilter h4{color:#f5f5f5!important}#todo-app .filters h4{color:grey}#todo-app .selectedPriority{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.4);box-shadow:0 4px 8px 0 rgba(0,0,0,.4)}.todo-height .todo-content-scroll-area{position:relative;margin:auto;width:100%;height:calc(100% - 60px);max-height:79vh}.todo-height .todo-content-scroll-area:not(.ps){overflow-y:auto}.vs-sidebar--items{overflow:visible!important}.filters{text-align:left}.filterItems{width:90%;margin:0 auto}.set-background .filters{background:#262c49}@media screen and (max-width:920px){.sidebar-spacer{width:100%;margin:5px auto}#todo-app .todo-content-scroll-area{max-height:calc(100vh - 178px)}#sideBar.open>div{width:100%!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}#sideBar.closed>div{width:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:hidden}}