@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;900&display=swap);*,:after,:before{box-sizing:inherit}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}:root{--bgColor:#fff;--textColor:#333;--filterColor:#9980fa;--filterTextColor:#fff;--formColor:#fff}::-webkit-scrollbar-thumb:hover{background:#555}html{box-sizing:border-box;font-size:10px}body{padding:0;font-family:"Poppins","vazir",sans-serif;line-height:36px;font-weight:500;font-size:1.6rem;background-image:url(/TodoList/static/media/bg.4564eb76.svg)}body,h1,h2,h3,h4,p{margin:0}a{text-decoration:none}ul{list-style-type:none;margin:0;padding:0}.app{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:15px}.container{width:400px;height:500px;background-color:#fff;border-radius:3px;box-shadow:0 4px 8px rgb(0 0 0/10%);position:relative;padding-bottom:70px;overflow:hidden}.header{padding:15px 30px;margin:0 20px;z-index:3001;border-bottom:1px dashed #333;border-bottom:1px dashed var(--textColor);transition:border 1s}.header,.main{position:relative}.main{margin:10px 12px -10px 0;overflow-y:auto;padding:0 10px 0 20px;z-index:200}.footer{width:100%;position:absolute;bottom:5px;z-index:300}.helper-layout-filter,.helper-layout-moon{display:block;position:absolute;right:8px;top:8px;width:0;height:0;border-radius:50%;background-color:#9980fa;background-color:var(--filterColor);transition:transform 1.3s;z-index:3000;transform:scale(1);width:50px;height:50px}.helper-layout-moon{background-color:#333;right:unset;top:9px;left:8px;z-index:100}.icon-bar{position:absolute;width:50px;height:50px;top:8px;right:8px;border-radius:50%;background-color:transparent;pointer-events:none;z-index:4000}.filter-menu{z-index:6000;position:relative;flex-direction:column;display:flex;width:100%;animation:fade-in 2s 1}.filter-menu li{font-size:18px;display:flex;align-items:center;justify-content:space-between;padding:10px 0}.filter-menu li label{color:var(--filterTextColor);cursor:pointer;width:90%}.filter-menu li input{width:18px;height:18px;border:none;outline:none}.filter-menu li:not(:last-child){border-bottom:1px solid #7e61f0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.footer__wrapper{align-items:center;grid-gap:10px;gap:10px;padding:10px}.footer__wrapper,.form-box{display:flex;justify-content:center}.form-box{width:62%;align-items:stretch;flex-direction:row;grid-gap:15px 0;gap:15px 0}.form-box__input{width:70%;height:43px;border:1px solid #aaa;border-right:0;border-radius:3px 0 0 3px;background-color:var(--formColor);padding:5px;color:var(--textColor);font-size:17px;transition:all 1s}.form-box__btn,.form-box__input{outline:none;font-family:inherit}.form-box__btn{width:30%;color:#fff;background-color:#8e44ad;border:1px solid #ccc;border-left:none;border-radius:0 3px 3px 0;cursor:pointer;font-weight:500;transition:background .2s}.form-box__btn:hover{background-color:#9b59b6}.colors{width:38%;display:flex;align-items:center;justify-content:center;grid-gap:10px;gap:10px}.color{width:43px;height:43px;cursor:pointer;border-radius:3px;overflow:hidden;position:relative}.color__label{display:inline-flex;width:100%;height:100%;cursor:pointer}.checked,.color__radio{display:none}.checked{width:20px;height:20px;border:5px double #fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;transition:all .25s}.color__radio:checked+.checked{display:inline-flex}.red{background-color:#e74c3c}.blue{background-color:#3498db}.green{background-color:#2ecc71}.yellow{background-color:#ffa502}@media only screen and (max-width:360px){.footer__wrapper{flex-wrap:wrap}.colors{width:100%;justify-content:space-between}.color{width:25%}.form-box{width:100%}}.header__logo{width:100%;text-align:center}.header__text{text-align:center;font-size:20px;transition:color 1s}.header__icon{position:absolute;font-size:28px;color:#fff;cursor:pointer}.header__icon--mode{left:0;top:20px}.header__icon--filter{right:0;top:20px}.todos{display:flex;flex-direction:column;justify-content:space-between}.todo{padding:10px 0;display:flex;align-items:center;grid-gap:10px;gap:10px}.todo__text{cursor:pointer;margin-right:auto;position:relative;transition:color .5s;font-size:18px;transition:color 1s}.line{position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;transition:width .5s;height:2px;background-color:#ff4343}.category,.line{display:inline-block}.category{width:17px;height:17px;border-radius:3px}.settings{display:flex;align-items:center;grid-gap:10px;gap:10px}.settings__icon{font-size:22px;cursor:pointer;color:var(--textColor);transition:color 1s}.cancell{transform:rotate(45deg)}.empty{display:flex;flex-direction:column;align-items:center;grid-gap:3px;gap:3px}.empty img{transform:scale(1.1) translateY(10px)}.empty p{color:#aaa}.empty h2{color:var(--textColor);transition:color 1s;font-size:20px;z-index:1000}
/*# sourceMappingURL=main.840e5d19.chunk.css.map */