:root{--icon--primary:#3c3d42;--text-color:#232323;--text-color--placeholder:#8a888f;--success-color:#18d165;--negative-color:#e4311a}*{box-sizing:border-box;color:#232323;color:var(--text-color);font-family:Avenir,Arial,Helvetica,sans-serif;font-size:18px}body,h2,html,p{margin:0}#App{margin:auto;max-width:400px;padding:15px;width:100%}.List__Header{font-size:24px;font-weight:700;justify-content:space-between}.IconButton,.List__Header{align-items:center;display:flex}.IconButton{background:none;border:0;justify-content:center}.IconButton:hover{cursor:pointer}.IconButton:disabled{cursor:not-allowed!important;opacity:.75}.List__Complete{-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:List__Complete__FadeIn;animation-name:List__Complete__FadeIn;height:0;opacity:0}@-webkit-keyframes List__Complete__FadeIn{to{height:24px;opacity:1}}@keyframes List__Complete__FadeIn{to{height:24px;opacity:1}}.List__ItemWrapper{margin-top:15px;width:100%}.List__Item,.List__ItemWrapper{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;display:flex}.List__Item{align-items:center;-webkit-animation-name:List__Item__FadeIn;animation-name:List__Item__FadeIn;border-radius:8px;box-shadow:0 0 5px 0 rgba(32,32,32,.2);flex:1 1;height:0;opacity:0;overflow:hidden;padding:15px;position:relative;transition:all .25s}@-webkit-keyframes List__Item__FadeIn{to{height:60px;opacity:1}}@keyframes List__Item__FadeIn{to{height:60px;opacity:1}}.List__Item.List__Item--deleted{-webkit-animation-name:List__Item__FadeOut;animation-name:List__Item__FadeOut}.List__ItemWrapper--deleted{-webkit-animation-name:List__ItemWrapper__FadeOut;animation-name:List__ItemWrapper__FadeOut}@-webkit-keyframes List__ItemWrapper__FadeOut{0%{height:60px;opacity:1}to{height:0;margin-top:0;opacity:0}}@keyframes List__ItemWrapper__FadeOut{0%{height:60px;opacity:1}to{height:0;margin-top:0;opacity:0}}@-webkit-keyframes List__Item__FadeOut{0%{height:60px;opacity:1}to{height:0;opacity:0}}@keyframes List__Item__FadeOut{0%{height:60px;opacity:1}to{height:0;opacity:0}}.List__Item__Emoji{font-size:22px;line-height:27px;margin-right:15px;margin-top:2px}.List__Item__Text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.List__Item__Input{-webkit-appearance:none;-moz-appearance:textfield;border:none;outline:none;text-align:right;width:50px}.List__Item__Input::-webkit-inner-spin-button,.List__Item__Input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.List__Item__Input::-webkit-input-placeholder{color:#8a888f;color:var(--text-color--placeholder);opacity:1}.List__Item__Input:-ms-input-placeholder{color:#8a888f;color:var(--text-color--placeholder);opacity:1}.List__Item__Input::placeholder{color:#8a888f;color:var(--text-color--placeholder);opacity:1}.List__Item__InputPostfix:before{content:"\00a0"}.List__Item__Action--delete{background-color:#e4311a;background-color:var(--negative-color)}.List__Item__Action--submit{background-color:#18d165;background-color:var(--success-color)}.List__Item__Action{align-items:center;border:0;border-radius:8px;display:flex;height:60px;justify-content:center;padding:0;transition:width .25s,margin-left .5s,margin-right .5s;width:0}.List__Item__Action:hover{cursor:pointer}.List__Item__Action.List__Item__Action--show{width:60px}.List__Item__Action.List__Item__Action--submit.List__Item__Action--show{margin-left:15px}.List__Item__Action.List__Item__Action--delete.List__Item__Action--show{margin-right:15px}.List__Item__Action.List__Item__Action--hide{width:0}.List__Item__Action.List__Item__Action--submit.List__Item__Action--hide{margin-left:0}.List__Item__Action.List__Item__Action--delete.List__Item__Action--hide{margin-right:0}.List__Item__CompletedBanner{align-items:center;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:List__Item__CompletedBanner--show;animation-name:List__Item__CompletedBanner--show;background-color:#18d165;background-color:var(--success-color);bottom:0;display:flex;justify-content:space-between;left:0;padding:15px;position:absolute;right:100%;top:0;z-index:1}@-webkit-keyframes List__Item__CompletedBanner--show{to{right:0}}@keyframes List__Item__CompletedBanner--show{to{right:0}}.List__Item__CompletedBanner *{color:#fff}.List__Item__CompletedBanner__Text{-webkit-animation-delay:.75s;animation-delay:.75s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:List__Item__CompletedBanner--fade-in;animation-name:List__Item__CompletedBanner--fade-in;font-style:italic;overflow:hidden;text-overflow:ellipsis}.List__Item__CompletedBanner__Text,.List__Item__CompletedBanner__Time{-webkit-animation-duration:.25s;animation-duration:.25s;opacity:0;white-space:nowrap}.List__Item__CompletedBanner__Time{-webkit-animation-delay:1.05s;animation-delay:1.05s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:List__Item__CompletedBanner--fade-in;animation-name:List__Item__CompletedBanner--fade-in}@-webkit-keyframes List__Item__CompletedBanner--fade-in{to{opacity:1}}@keyframes List__Item__CompletedBanner--fade-in{to{opacity:1}}.List__Item__Border{height:60px;margin-left:-15px;margin-right:15px;width:10px}.List__Create{align-items:flex-end;display:flex;margin-top:15px}.List__Create__InputLabel{white-space:nowrap}.List__Create__Form{flex:1 1}.List__Create__Input{-webkit-appearance:none;appearance:none;border:none;margin:0;outline:none;text-align:right;width:100%}.MenuWrapper{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:Menu--fade-in;animation-name:Menu--fade-in;background:#fff;bottom:0;left:0;position:absolute;right:0;top:0}.MenuWrapper.MenuWrapper__FadeOut{-webkit-animation-name:Menu--fade-out;animation-name:Menu--fade-out}.Menu{margin:auto;max-width:400px;padding:15px;width:100%}.Menu__Header{align-items:center;display:flex;justify-content:space-between}@-webkit-keyframes Menu--fade-in{0%{opacity:0}to{opacity:1}}@keyframes Menu--fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes Menu--fade-out{0%{opacity:1}to{opacity:0}}@keyframes Menu--fade-out{0%{opacity:1}to{opacity:0}}.List__Actions{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(2,1fr)}.List__DeleteAction{background-color:transparent;border-radius:4px;transition:all .25s}.List__DeleteAction.List__DeleteAction--active svg{stroke:#fff}.List__DeleteAction--active{background-color:#3c3d42;background-color:var(--icon--primary)}.List__DeleteAction__Text{color:#fff;opacity:0;overflow:hidden;transition:all .25s;width:0}.List__DeleteAction__Text--active{opacity:1;width:50px}.Menu__Content{margin-bottom:7px}.Button{align-items:center;background:none;border:0;display:flex;justify-content:center;margin:8px 0 0;padding:0}.Button:hover{cursor:pointer}.Button__Icon{margin-right:8px;margin-top:-2px}.Button .Button__Text{color:#3c3d42;color:var(--icon--primary)}.Button.Button--negative .Button__Text{color:#e4311a;color:var(--negative-color)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.e735aed1.css.map*/