@font-face{font-family:Lato;src:url(../../public/fonts/Lato-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Lato;src:url(../../public/fonts/Lato-Medium.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:Lato;src:url(../../public/fonts/Lato-Bold.woff2) format("woff2");font-weight:700;font-style:normal}*{padding:0;margin:0;border:none}*,*:before,*:after{box-sizing:border-box}a,a:link,a:visited,a:hover{text-decoration:none}aside,nav,footer,header,section,main{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{max-width:100%;height:auto}address{font-style:normal}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;box-shadow:none;background-color:transparent;background:none;cursor:pointer}input:focus,input:active,button:focus,button:active{outline:none}button::-moz-focus-inner{padding:0;border:0}label{cursor:pointer}legend{display:block}:root{--ff-lato: "Lato";--transition: .2s ease-in-out;--white: white;--red: red;--yellow: #fff000;--green: #00cc5c;--orange: rgb(255, 115, 0);--orange-hover: rgb(255, 81, 0);--purple: #522ba7;--modal-bg: #5507ff;--bg-gradient: rgb(89, 79, 247);--gradient: linear-gradient(90deg, rgba(89, 79, 247, 1) 0%, rgba(19, 21, 198, 1) 0%, rgba(134, 0, 177, 1) 100%);--shadow: rgba(255, 255, 255, .56);--blur: rgba(0, 0, 0, .527) }[data-theme=dark]{--bg-gradient: rgb(69, 63, 161);--gradient: linear-gradient(90deg, rgba(69, 63, 161, 1) 0%, rgba(1, 2, 98, 1) 0%, rgba(74, 0, 98, 1) 100%)}*{font-family:var(--ff-lato)}body{background:var(--bg-gradient);background:var(--gradient)}.nav-bar{display:flex;align-items:center;justify-content:end;padding:10px;gap:10px}.emptyArray{margin-top:5px}.add-section{margin-top:15px;display:flex;align-items:center;justify-content:center}.input-container{border-top-left-radius:50px;border-bottom-left-radius:50px;background:#e9e5e5;width:100%}.input-container input{min-height:35px;padding:0 15px;background:transparent;width:100%}.input-container input::placeholder{font-size:20px;font-family:var(--ff-lato)}.button{background:var(--orange);font-family:var(--ff-lato);font-weight:500;color:var(--white);padding:0 25px;min-height:35px;font-size:17px;border-top-right-radius:50px;border-bottom-right-radius:50px;transition:var(--transition)}.button:hover{background:var(--orange-hover)}.error{color:red;font-weight:700}.container{display:flex;justify-content:center;align-items:center}.container__todo{min-width:500px;padding:20px;border-radius:10px;background-color:var(--white);box-shadow:5px 2px 80px -4px var(--shadow)}.header-container{display:flex;align-items:center;gap:5px;color:var(--bg-gradient)}.header-container h1{font-weight:700;font-size:25px}.icon{font-size:30px}.switch{font-size:17px;position:relative;display:inline-block;width:3.5em;height:2em}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-gradient);transition:.5s;border-radius:30px}.slider:before{position:absolute;content:"";height:1.4em;width:1.4em;border-radius:50%;left:10%;bottom:15%;box-shadow:inset 8px -4px 0 0 var(--yellow);background:var(--bg-gradient);transition:.5s}input:checked+.slider{background-color:var(--purple)}input:checked+.slider:before{transform:translate(100%);box-shadow:inset 15px -4px 0 15px var(--yellow)}.language-toggle{outline:0;color:var(--white);font-size:15px;padding:6px 15px;border-radius:7px;border:2px solid transparent;transition:.15s ease-in-out;background:var(--purple);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.language-toggle:focus{border-color:var(--red)}.task{display:flex;justify-content:space-between;align-items:center;margin-top:20px;border-bottom:2px dashed var(--purple);padding:1px;max-width:500px}.task__input-container{display:flex;align-items:center;gap:10px}.task__btn-container{display:flex;align-items:center;gap:8px}.task__btn-edit{color:var(--orange);font-size:20px}.task__btn-delete{color:var(--red);font-size:20px}.task__btn-save{color:var(--green);font-size:20px}.title-task{font-size:20px}.checkbox{width:18px;height:18px;cursor:pointer}.completed{position:relative}.completed:after{position:absolute;content:"";width:80%;height:2px;display:block;background-color:#cebbbb;left:5%}.modal-container{position:absolute;width:100%;height:100vh;top:0;left:0;background-color:var(--blur);display:flex;justify-content:center;align-items:center}.modal{min-width:250px;border:1px solid var(--white);border-radius:5px;background:var(--modal-bg)}.close{display:flex;justify-content:flex-end;color:var(--white);padding:2px;font-size:25px}.close-icon{cursor:pointer}.title-modal-del{color:var(--white);text-align:center;padding:5px 15px;font-size:20px}.btn-container{display:flex;justify-content:space-between;margin-top:20px;padding:5px 15px}.del-btn{padding:5px 10px;background:var(--red);color:var(--white);transition:var(--transition)}.del-btn:hover{background:#f35050}.cancel-btn{padding:5px 10px;background:var(--orange);color:var(--white);transition:var(--transition)}.cancel-btn:hover{background:var(--orange-hover)}