@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";:root{--border-radius: 8px;--text-colors: #000000;--icon-colors: #000000;--titles-colors: #000000;--color-warning: crimson;--background-color: #f2f2f2;--options-background: #f8f8f8;--font-titles: "Raleway", serif;--font-inputs: "Poppins", serif;--background-elements: #ffffff;--background-elements-hover: #f87828;--border: 1px solid rgba(0, 0, 0, .192);--box-shadow: 0 0 32px -16px rgba(0, 0, 0, .129);--input-task-completed-color: rgba(0, 0, 0, .616)}.darkmode{--text-colors: #fff;--icon-colors: #fff;--titles-colors: #d6d6d6;--background-color: #060A0D;--options-background: #393B3E;--background-elements: #33353A;--border: 1px solid rgba(139, 139, 139, .541);--background-elements-hover: rgb(106, 157, 199);--box-shadow: 0 0 32px -16px rgba(197, 197, 197, .267);--input-task-completed-color: rgba(250, 250, 250, .719)}::-webkit-scrollbar{width:0px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-titles)}input{outline:none;font-size:1rem;font-weight:300;border:var(--border);color:var(--text-colors);font-family:var(--font-inputs);border-radius:var(--border-radius);background-color:var(--background-elements)}input[type=text]{width:100%;height:100%}input[type=text]::selection{color:#fff;background:var(--background-elements-hover)}input[type=checkbox]{top:0;width:15px;height:15px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;border:var(--border);transform:translateY(100%);background-color:var(--options-background)}input[type=checkbox]:checked{background-position:center;background-repeat:no-repeat;background-color:var(--background-elements-hover);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24"><g fill="white" stroke="white" stroke-dasharray="24" stroke-dashoffset="24" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4"><path d="M5 5l14 14" stroke-dashoffset="0"/><path d="M19 5l-14 14" stroke-dashoffset="0"/></g></svg>')}button{cursor:pointer;font-family:var(--font-inputs);-webkit-tap-highlight-color:transparent;background-color:var(--background-elements)}.tasks{margin:50px 0 0}.subtitle{font-weight:500;font-size:1.6rem;margin-bottom:15px;color:var(--titles-colors)}.warning-text{display:none;font-weight:600;font-size:.8rem;text-align:center;margin:10px 0 0 2px;color:var(--color-warning)}.wraper-task{width:100%;height:45px;margin:0 auto;position:relative}.tasks-container{gap:10px;display:flex;flex-direction:column;min-height:30px}.tasks-input{padding-left:35px}.tasks-check{left:12px}.inside-options{top:0;height:100%;display:flex;position:absolute;align-items:center;justify-content:center;background:var(--options-background);-webkit-tap-highlight-color:transparent}.details__option:hover,.options__item:hover{color:#eee}.material-icons{color:var(--icon-colors)}.icon{color:var(--titles-colors)}.prevent-selected{user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none}.main{width:100vw;min-height:100vh;background-color:var(--background-color)}.main__container{width:100%;height:100vh;padding:40px;margin:0 auto;overflow:auto;max-width:600px;box-shadow:var(--box-shadow)}.header{display:flex;align-items:center;justify-content:space-between}.header__delete{gap:5px;height:40px;display:flex;padding:5px 10px;align-items:center;border:var(--border);justify-content:center;color:var(--text-colors);border-radius:var(--border-radius)}.options{position:relative}.options__button{border:none;display:flex;align-items:center;flex-direction:column;background-color:transparent}.options__menu{top:23px;z-index:1;display:none;position:absolute;border:var(--border);border-radius:var(--border-radius);background:var(--background-elements)}.language__options{left:0}.theme__options{right:0}.options__list{display:none;cursor:pointer;list-style:none;flex-direction:column;-webkit-tap-highlight-color:transparent}.options__item{padding:8px 10px;color:var(--text-colors)}.options:hover .options__menu,.options:hover .options__list{display:flex}.options__item:hover{border-radius:var(--border-radius);background-color:var(--background-elements-hover)}.completed{margin-bottom:25px}.completed__input-task{text-decoration:line-through;color:var(--input-task-completed-color)}.header__delete:active,.header__delete:hover,.create__button-add:active,.create__button-add:hover,.details__option:active,.details__option:hover,.header__delete:active .material-icons,.header__delete:hover .material-icons,.create__button-add:active .material-icons,.create__button-add:hover .material-icons{color:#fff;background:var(--background-elements-hover)}.create__input-task{padding-left:10px;border-radius:var(--border-radius)}.create__button-add{right:0;border:none;border:var(--border);padding:0 8px;border-radius:var(--border-radius)}.create__input-task::placeholder{font-size:.9rem;font-weight:300;color:var(--input-task-completed-color)}.details{top:0;right:0;width:8%;height:100%;position:absolute;border:var(--border);border-left:none;border-radius:0 8px 8px 0;background:var(--background-elements)}.details__container{display:flex;flex-wrap:wrap;position:relative;align-self:center;flex-direction:column;justify-content:center}.details__button{right:0;top:23px;border:none;height:100%;display:flex;position:absolute;padding-right:5px;align-items:center;justify-content:center}.details__dropdown{right:0;top:44px;z-index:2;display:none;overflow:auto;position:absolute;outline:var(--border);border-radius:0 0 8px 8px;background-color:var(--background-elements)}.details__option{padding:5px;border:none;display:none;align-items:center;background:transparent;color:var(--text-colors);border-radius:0 0 8px 8px}.details:hover{border-radius:0 8px 0 0}.details:hover .details__option,.details:hover .details__dropdown{display:flex}.tasks-input:has(~.details:hover){border-radius:8px 8px 0}.details__option:active,.details__option:hover{border-radius:var(--border-radius)}.footer{left:0;bottom:0;width:100%;height:50px;position:fixed;box-shadow:var(--box-shadow);background-color:var(--background-color)}.footer__container{width:100%;height:100%;margin:0 auto;display:flex;max-width:600px;align-items:center;justify-content:center}.footer__text{font-size:.8rem;color:var(--text-colors)}.footer__link{font-weight:600;text-decoration:none;color:var(--background-elements-hover);-webkit-tap-highlight-color:transparent}