*{box-sizing:border-box;margin:0;padding:0}body{background-image:url(/static/media/14.f2f5580d2fc05db08856.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#e9c46a;font-family:Comic Relief,system-ui;font-size:14px;font-weight:800;min-height:100vh}.home-container{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-areas:"header header" "counters todos";grid-template-columns:250px auto;margin-inline:auto;width:60vw}h1{color:#fef9ef;display:flex;font-size:40px;justify-content:center;margin-bottom:10px;margin-inline:auto}.header-container{grid-area:header;margin-block:40px 10px}.input-section{display:flex;gap:5px;justify-content:center;margin-inline:auto;margin-bottom:8px;width:70%}input{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#ffffff1a;border:none;border-radius:10px;color:bisque;font-family:Comic Relief,system-ui;outline:none;padding:8px 20px}input::placeholder{font-style:italic}.add-input{width:80%}button{background-color:#f4a259;border:none;border-radius:10px;color:#000;cursor:pointer;font-family:Comic Relief;font-size:13px;font-weight:600;padding:6px 20px;transition:all .2s ease-out}button:hover{scale:1.06}i:hover{scale:1.09}.container-todo{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:10px;grid-area:todos;max-height:52vh;overflow-y:auto;padding-inline:10px 15px;scrollbar-color:#ffffff1a #0000}.first-text{color:#faedcd;font-style:italic;font-weight:400;opacity:.3}.container-todo::-webkit-scrollbar{width:100%}::-webkit-scrollbar-track{background-color:none}.container-todo::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:10px}.todo-ul{margin-block:6px 15px}.todo-li{display:flex;gap:10px;justify-content:space-between;padding:5px}.todo-text{-webkit-padding-start:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#cabf9180;border-radius:15px;color:#000;font-size:14px;font-weight:500;min-width:0;overflow-wrap:break-word;padding:8px;padding-inline-start:20px;width:100%}.icon-container{display:flex;gap:7px}.todo-li i{-webkit-padding-end:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff1a;border-radius:6px;color:#eec170;cursor:pointer;font-size:12px;padding:10px 8px;padding-inline-end:18px}.completed{font-style:italic;opacity:.6;text-decoration:line-through;text-decoration-thickness:1px}.icon-check{opacity:.2}.counters-container{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:10px;font-size:13px;grid-area:counters;padding:16px}.search{padding-right:40px;position:relative;width:100%}.search-icon{color:bisque;cursor:pointer;opacity:.3;position:absolute;right:30px;top:25px;z-index:1}.buttons{grid-gap:5px;align-items:center;display:grid;gap:5px;grid-template-columns:1fr 1fr;margin-block:10px 20px;width:100%}.delete-all{background-color:#ef233c;border-radius:10px;font-size:10px;padding-block:8px;width:100%}.custom-select{font-family:Arial,sans-serif;position:relative}.select-selected{align-items:center;background-color:#4c513e;color:#000;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;padding:4px 16px;text-align:center;width:100%}.arrow{font-size:16px}.select-items{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:10px;box-shadow:0 8px 16px #0003;left:0;overflow:hidden;position:absolute;right:0;top:105%;width:100%;z-index:99}.select-items div{color:#fff;cursor:pointer;padding:10px 16px;transition:.2s;width:100%}.option{background-color:#6b705c;border-radius:0;color:#2e2a2a;width:100%}.option:hover{background-color:#8e9186;border-radius:6px}@media (max-width:64rem){.home-container{width:80vw}}@media (max-width:56.25rem){.home-container{width:90vw}}@media (max-width:48rem){.home-container{gap:1rem;grid-template-areas:"header" "counters" "todos";grid-template-columns:1fr;width:90vw}h1{font-size:2rem;margin-bottom:1.25rem}.input-section{width:90%}.container-todo{padding-inline:0}}
/*# sourceMappingURL=main.f10943f6.css.map*/