@import"https://fonts.googleapis.com/css2?family=Nunito&display=swap";*{margin:0;padding:0;box-sizing:border-box}.offscreen{position:absolute;left:-10000px}body{font-family:Nunito,sans-serif}button{font:inherit;padding:.25em}button:hover{cursor:pointer}#root{min-height:100vh;display:flex;flex-flow:column nowrap}.main,.header,.footer{padding:.25em;margin:0 1em}.main{display:flex;gap:1rem}.main--todoList{flex-grow:1;display:flex;flex-flow:column nowrap}.newItemEntry{background-color:#fff;position:sticky;top:94px;z-index:1;padding-top:20px}.newItemEntry__form{gap:.25rem;font-size:1.5rem}.newItemEntry__input{width:calc(100% - (.25rem + 48px));flex-grow:1;border:2px solid darkgray;border-radius:10px;padding:.5em}.newItemEntry div{margin-bottom:15px}.users__select{border:2px solid darkgray;border-radius:3px;padding:.4rem}.listHeader{display:flex;justify-content:space-between;align-items:flex-end}.main--recycleBin{flex-flow:column nowrap}.header{background-color:#fff;position:sticky;top:0;z-index:1;border-bottom:1px solid #000}.header__title-bar{display:flex;justify-content:space-between;margin-bottom:.5em}.header__price-box{text-align:right}.nav{display:flex;justify-content:flex-end;gap:.5em}.footer{flex-grow:1;display:flex;flex-flow:column nowrap;justify-content:flex-end}.todo{margin-bottom:1em}.todo .listItems{display:flex;justify-content:space-between}.btnLoader{display:inline-block;border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid dodgerblue;border-bottom:5px solid dodgerblue;border-left:5px solid dodgerblue;width:20px;height:20px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.delete__button{height:47px}.recycleBin{padding:0;margin-top:.5em}.recycleBin__item{display:grid;grid-template-columns:5fr 3fr 1fr;gap:.5rem;margin-bottom:.5em}.recycleBin__button{max-height:48px;justify-self:flex-end}.recycleBin__totals{display:flex;flex-flow:column;gap:1em}#overlay{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:2}.spinner{position:absolute;left:50%;top:50%;height:60px;width:60px;margin:auto;-webkit-animation:rotation .6s infinite linear;-moz-animation:rotation .6s infinite linear;-o-animation:rotation .6s infinite linear;animation:rotation .6s infinite linear;border-left:6px solid rgba(0,174,239,.15);border-right:6px solid rgba(0,174,239,.15);border-bottom:6px solid rgba(0,174,239,.15);border-top:6px solid rgba(0,174,239,.8);border-radius:100%}#overlay p{position:absolute;top:60%;left:49%}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}@-moz-keyframes rotation{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(359deg)}}@-o-keyframes rotation{0%{-o-transform:rotate(0deg)}to{-o-transform:rotate(359deg)}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@media screen and (min-width: 601px){.recycleBin__item{grid-template-columns:5fr 3fr 1fr}.recycleBin__submit{max-width:300px}.newItemEntry__form{justify-content:center}.newItemEntry__input{width:50%;flex-grow:0}}@media screen and (min-width:1024px){.recycleBin__item{grid-template-columns:4fr 4fr 1fr}}@media screen and (max-width:395px){.newItemEntry{top:137px;margin-top:10px;padding-top:10px}}