*{box-sizing:border-box;margin:0;font-family:Fira sans,sans-serif;font-size:18px}body{min-height:100vh;background-color:var(--background);flex-direction:column;display:flex}header{max-width:800px;width:100%;margin:0 auto;padding:2rem 1rem;position:relative}header h1{text-transform:uppercase;background-image:linear-gradient( to right,var(--text-button)0%,var(--header-gradient)30% );background-clip:initial;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;font-size:2.5rem;font-weight:600}header h1:after{content:"";width:30px;height:30px;background-image:url("data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 448 512\"><path fill=\"purple\" d=\"M 48 48 a 48 48 0 1 0 48 48 a 48 48 0 0 0 -48 -48 Z m 0 160 a 48 48 0 1 0 48 48 a 48 48 0 0 0 -48 -48 Z m 0 160 a 48 48 0 1 0 48 48 a 48 48 0 0 0 -48 -48 Z m 448 16 H 176 a 16 16 0 0 0 -16 16 v 32 a 16 16 0 0 0 16 16 h 320 a 16 16 0 0 0 16 -16 v -32 a 16 16 0 0 0 -16 -16 Z m 0 -320 H 176 a 16 16 0 0 0 -16 16 v 32 a 16 16 0 0 0 16 16 h 320 a 16 16 0 0 0 16 -16 V 80 a 16 16 0 0 0 -16 -16 Z m 0 160 H 176 a 16 16 0 0 0 -16 16 v 32 a 16 16 0 0 0 16 16 h 320 a 16 16 0 0 0 16 -16 v -32 a 16 16 0 0 0 -16 -16 Z\" ></path></svg>");margin-left:10px;display:inline-block}#change-theme{width:40px;height:40px;background:var(--background);cursor:pointer;position:absolute;top:40px;right:50px;overflow:hidden}#change-theme:hover{opacity:.8}#change-theme:active{opacity:.6}#new-task-form{display:flex}input,button{-webkit-appearance:none;appearance:none;background:0 0;border:none;outline:none}button:hover{opacity:.8}button:active{opacity:.6}#new-task-form__input{background-color:var(--task);color:var(--text);border-radius:.8rem;flex:1;margin-right:1rem;padding:1rem 1rem 1rem 4rem;font-size:1.25rem;transition:all .3s ease-in-out;box-shadow:0 0 4px 1px rgba(0,0,0,.6)}#new-task-form__input::-webkit-input-placeholder{color:var(--placeholder)}#new-task-form__input::placeholder{color:var(--placeholder)}#new-task-form__submit{color:var(--text-button);cursor:pointer;background-color:var(--task);border:1px solid #111827;border-radius:.8rem;font-size:1.25rem;font-weight:700;transition:all .4s;box-shadow:0 0 4px 1px rgba(0,0,0,.6)}#new-task-form__submit:hover{opacity:.8}#new-task-form__submit:active{opacity:.6}main{max-width:800px;width:100%;flex:1;margin:0 auto}.task-list{padding:1rem}.task-list h2{color:var(--placeholder);margin-bottom:1rem;font-size:1.5rem;font-weight:600;display:inline-block}#trash__icon{width:24px;opacity:.5;float:right;cursor:pointer;margin-top:-4px;transition:all .3s ease-in-out}#trash__text{float:right;color:var(--task);visibility:hidden;opacity:0;font-weight:700;transition:all .3s ease-in-out;-webkit-transform:translate(-20px);transform:translate(-20px)}#trash__icon:hover{opacity:1}#trash__icon:hover+#trash__text{visibility:visible;opacity:1;-webkit-transform:translate(-40px);transform:translate(-40px)}.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.task{background-color:var(--task);border-radius:.8rem;justify-content:space-between;margin-bottom:1rem;padding:1rem;transition:all .3s ease-in-out;display:flex;box-shadow:0 0 4px 1px rgba(0,0,0,.6)}.task__content{flex:1}.task__icon{width:24px;height:24px;color:var(--text-button)}.task__icon:disabled{color:var(--text)}.task__text{color:var(--text);width:100%;margin-left:20px;font-size:1.125rem;transition:all .4s;display:block}.task__text:not(:read-only){color:var(--text-button)}.task__actions{margin:0 -.5rem;display:flex}.task__actions button{cursor:pointer;text-transform:uppercase;margin:0 .5rem;font-size:1.125rem;font-weight:700;transition:all .3s ease-in-out}.task__actions--edit{color:var(--text-button)}.task__actions--delete{color:var(--delete)}#iconChange{cursor:pointer;color:var(--text);margin-top:17px;margin-left:20px;position:absolute}.icon-picker-modal[data-theme=default] .icon-picker-modal__header h2{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.icon-picker-modal[data-theme=default] .icon-picker-modal__search{background-color:#f6f9fd;border:1px solid #f4f7f9;border-radius:4px;padding:10px 16px;transition:border-color .3s,box-shadow .3s,background-color .3s}.icon-picker-modal[data-theme=default] .icon-picker-modal__search:focus,.icon-picker-modal[data-theme=default] .icon-picker-modal__search:focus-visible{background-color:#fff;border-color:#086acc;outline:0;box-shadow:0 0 0 4px rgba(9,131,253,.25)}.icon-picker-modal[data-theme=default] .icon-picker-modal__footer .picker-save{color:#fff;background-color:#0983fd;border-radius:4px;padding:8px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background-color .3s}.icon-picker-modal[data-theme=default] .icon-picker-modal__footer .picker-save:hover{background-color:#0a72cc}.icon-picker-modal{z-index:100000;visibility:hidden;background-color:rgba(68,69,69,0);transition:background-color .3s ease-out,visibility .3s ease-out;position:fixed;top:0;bottom:0;left:0;right:0}.icon-picker-modal.is-visible{visibility:visible;background-color:rgba(68,69,69,.6)}.icon-picker-modal.is-visible .icon-picker-modal__dialog{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.icon-picker-modal__dialog{z-index:1;height:440px;min-width:380px;opacity:0;background-color:#fff;border-radius:16px;flex-direction:column;padding:24px;transition:-webkit-transform .3s ease-in-out,-webkit-transform .3s ease-in-out,transform .3s ease-in-out,opacity .3s;display:flex;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-55%);transform:translate(-50%,-55%)}.icon-picker-modal__header{justify-content:space-between;align-items:center;display:flex}.icon-picker-modal__header h2{margin-top:0;margin-bottom:0;font-size:24px}.icon-picker-modal__header .icon-picker-modal--close{cursor:pointer;-webkit-appearance:none;background:0 0;border:none;margin-left:auto;padding:0}.icon-picker-modal__search{margin:32px 0 24px}.icon-picker-modal__content{grid-gap:8px;grid-template-columns:repeat(7,40px);display:grid;overflow-y:scroll}.icon-picker-modal__content .is-empty{text-align:center;grid-column:1/-1}.icon-picker-modal__content .icon-element{height:40px;width:40px;cursor:pointer;background-color:transparent;border:1px solid #ced4da;border-radius:4px;justify-content:center;align-items:center;transition:background-color .3s,border-color .3s;display:flex}.icon-picker-modal__content .icon-element i,.icon-picker-modal__content .icon-element svg{color:#0983fd;font-size:24px}.icon-picker-modal__content .icon-element:hover{background-color:#0983fd;border-color:#0983fd}.icon-picker-modal__content .icon-element:hover i,.icon-picker-modal__content .icon-element:hover svg{color:#fff}.icon-picker-modal__content .icon-element.is-selected{background-color:#0983fd;border-color:#0983fd}.icon-picker-modal__content .icon-element.is-selected i,.icon-picker-modal__content .icon-element.is-selected svg{color:#fff}.icon-picker-modal__content .icon-element[hidden]{display:none}.icon-picker-modal__footer{align-self:flex-end;margin-top:auto;padding-top:24px}
/*# sourceMappingURL=index.9a128830.css.map */