body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,sans-serif;margin:0}html{font-size:62.5%}:not(html){box-sizing:border-box;font-size:1.6rem;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#fff;min-height:100vh}.App,.App .Todo{align-items:center;display:flex;flex-direction:column}.App .Todo{justify-content:flex-start;max-width:600px;min-height:500px;padding:50px 25px;width:100%}.Todo .TodoHeader>h2{color:#252525;font-size:2rem;font-weight:600;margin-bottom:50px;text-align:center}.Todo .TodoHeader>h2 span{align-items:center;background:#fff;border-radius:5px;box-shadow:inset 4px 4px 7px #d9d9d9,inset -4px -4px 7px #fff;display:inline-flex;height:30px;justify-content:center;text-align:center;width:30px}.TodoSearch{border-radius:5px;margin-bottom:30px;position:relative;width:100%}.TodoSearch .TodoSearch__input{background:#fff;border:none;border-radius:5px;box-shadow:13px 13px 26px #d9d9d9,-13px -13px 26px #fff;color:#252525;height:60px;padding:0 10px;transition:opacity .5s ease;width:100%;z-index:5}.TodoSearch .TodoSearch__input::-webkit-input-placeholder{color:#252525;opacity:.7}.TodoSearch .TodoSearch__input::placeholder{color:#252525;opacity:.7}.TodoSearch .TodoSearch__input:active input+span{background-color:#ff0}.TodoSearch .TodoSearch__loading{opacity:.2}.TodoSearch span:after{background-color:#1d3557;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%;z-index:20}section{width:100%}section .TodoList{flex-direction:column;gap:10px}.TodoItem,section .TodoList{align-items:center;display:flex;justify-content:center;width:100%}.TodoItem{background-color:#a8dadc;background:linear-gradient(145deg,#e6e6e6,#fff);border-left:2px solid #1d3557;border-radius:0 5px 5px 0;box-shadow:13px 13px 26px #d9d9d9,-13px -13px 26px #fff;list-style:none;padding:15px 10px;z-index:1}.TodoItem .TodoItem__buttons{align-items:flex-start;display:flex;height:100%;justify-content:center;margin-bottom:auto;margin-left:auto}.TodoItem .TodoItem__buttons button:first-child{margin-right:8px}.TodoItem .TodoItem__buttons button{align-items:center;background-color:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.TodoItem .TodoItem__buttons button img{cursor:pointer;width:100%}.TodoItem-completed{background:linear-gradient(0deg,#b4b4b4,#b4b4b4);z-index:3}.TodoItem-completed .TodoItem__buttons button:first-child{background-color:transparent;font-weight:400;margin-right:8px}.TodoItem-completed .TodoItem__buttons button:first-child img{cursor:default;-webkit-filter:brightness(0) saturate(100%) invert(49%) sepia(50%) saturate(0) hue-rotate(77deg) brightness(110%) contrast(90%);filter:brightness(0) saturate(100%) invert(49%) sepia(50%) saturate(0) hue-rotate(77deg) brightness(110%) contrast(90%)}.TodoItem-completed p{text-decoration:line-through}.CreateTodoButton{background-color:#1d3557;border:none;border-radius:50%;bottom:10px;color:#fff;display:grid;font-size:3rem;font-weight:700;height:60px;place-items:center;position:fixed;right:10px;width:60px;z-index:10}.modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(37,37,37,.51);height:100%;justify-content:center;left:0;padding:0 15px;position:fixed;top:0;z-index:20}.modal,.modal .modal__window{display:flex;flex-direction:column;width:100%}.modal .modal__window{background-color:#fff;border-radius:10px;max-width:600px;min-height:300px;padding:10px;position:relative}.modal .modal__window .modal__window--close{align-items:center;background-color:#e63946;border:2px solid #f1faee;border-radius:50%;box-shadow:-5px 5px 20px 6px rgba(0,0,0,.315);display:flex;font-size:2rem;font-weight:700;height:50px;justify-content:center;position:absolute;right:0;text-align:center;top:0;-webkit-transform:translate(20%,-20%);transform:translate(20%,-20%);width:50px}.modal .modal__window label{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:15px;width:100%}.modal .modal__window label span{font-size:2rem;margin-bottom:20px;padding:20px 0}.modal .modal__window label input{background:#fff;border:none;border-radius:5px;box-shadow:inset 5px 5px 9px #d9d9d9,inset -5px -5px 9px #fff;height:50px;padding:10px;width:100%}.modal .modal__window .modal__window--create{background-color:#2ef14f;border:none;border-radius:5px;padding:10px 0;width:100%}.modal .modal__window .errorMessage{color:#e63946;font-weight:700;margin-top:20px;text-align:center}.modal .modal__window .errorMessage:after{content:"!"}.TodoHeader{width:100%}.loadingTodoItem{align-items:center;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:placeHolderShimmer;animation-name:placeHolderShimmer;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-color:#f6f7f8;background:linear-gradient(90deg,#eee 5%,#cfcfcf 25%,#eee 45%);background-position:500px 0;background-size:800px 104px;border-radius:0 5px 5px 0;box-shadow:13px 13px 26px #d9d9d9,-13px -13px 26px #fff;display:flex;justify-content:center;list-style:none;min-height:87px;padding:15px 10px;position:relative;width:100%;z-index:1}.loadingMessage{margin-bottom:15px}.loadingTodoItem:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}.loadingTodoItem:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}.loadingTodoItem:nth-child(4){-webkit-animation-delay:.3s;animation-delay:.3s}.loadingTodoItem:nth-child(5){-webkit-animation-delay:.4s;animation-delay:.4s}.loadingTodoItem:nth-child(6){-webkit-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes placeHolderShimmer{0%{background-position:-300px 0}to{background-position:500px 0}}@keyframes placeHolderShimmer{0%{background-position:-300px 0}to{background-position:500px 0}}.localStorageAlert{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(37,37,37,.51);height:100%;left:0;padding:0 15px;position:fixed;top:0;z-index:30}.localStorageAlert,.localStorageAlert>div{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.localStorageAlert>div{background-color:transparent;border-radius:10px;max-width:600px;min-height:200px;overflow:hidden;position:relative}.localStorageAlert>div p{align-items:center;background-color:#e63946;color:#fff;display:flex;font-weight:700;height:100%;justify-content:center;text-align:center;width:100%}.localStorageAlert>div button{-webkit-font-feature-settings:"smcp";font-feature-settings:"smcp";background-color:#fff;border:none;font-size:1.8rem;font-variant:small-caps;font-weight:700;height:80px;text-transform:uppercase;width:100%}
/*# sourceMappingURL=main.2a316c15.css.map*/