@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap);*{box-sizing:border-box}body,html{font-family:Open Sans,sans-serif;margin:0}button{background:#ff2058;border:1px solid #ff2058;border-radius:5px;color:#fff;cursor:pointer;font:inherit;margin:.5rem 0;padding:.5rem 2rem}button:active,button:hover{box-shadow:0 2px 4px rgba(0,0,0,.26)}button:focus{outline:none}.lds-ring{display:inline-block;height:54px;position:relative;width:54px}.lds-ring div{-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:6px solid transparent;border-radius:50%;border-top-color:#ff2058;box-sizing:border-box;display:block;height:44px;margin:6px;position:absolute;width:44px}.lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.purchase-list{margin:auto;max-width:80%;width:30rem}.purchase-list h2{border-bottom:3px solid #ccc;padding-bottom:1rem}.purchase-list ul{list-style:none;margin:0;padding:0}.purchase-list li{border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.4);margin:1rem 0;padding:0 4px}.purchase-list .item,.purchase-list li{-webkit-align-items:center;-webkit-justify-content:space-between;align-items:center;display:-webkit-flex;display:flex;justify-content:space-between}.purchase-list .item{cursor:default;font-size:18px;padding:8px 10px;width:100%}.purchase-list input[type=button],.purchase-list input[type=image]{margin:0 8px;padding:2px;width:16px}.purchase-list input[type=button],.purchase-list input[type=image].check{background-color:transparent;border:1px solid #a150ca;border-radius:5px;cursor:pointer;width:24px}.purchase-list span:first-of-type{margin-right:auto}.purchase-list .item:hover{background:#f7f3fb}.purchase-list .done{color:grey;text-decoration:line-through}.error-modal{background:#fff;border-radius:7px;box-shadow:0 2px 8px rgba(0,0,0,.26);left:calc(50% - 15rem);position:fixed;top:30vh;width:30rem;z-index:100}.error-modal h2{background:#ff2058;border-radius:7px 7px 0 0;color:#fff;margin:0;padding:1rem}.error-modal p{padding:1rem}.error-modal__actions{-webkit-justify-content:flex-end;display:-webkit-flex;display:flex;justify-content:flex-end;padding:0 .5rem}.backdrop{background:rgba(0,0,0,.75);height:100vh;left:0;position:fixed;top:0;width:100%;z-index:50}.card{border-radius:5px;box-shadow:0 1px 5px rgba(0,0,0,.4);padding:1rem}.search{margin:2rem auto;max-width:80%;width:30rem}.search-input label{font-size:18px;margin-bottom:12px}.search-input{-webkit-align-items:center;-webkit-flex-direction:column;-webkit-justify-content:space-between;align-items:center;display:-webkit-flex;display:flex;flex-direction:column;justify-content:space-between;padding:0 16px}.search-input input{border:1px solid #ccc;border-radius:5px;font:inherit;padding:.15rem .25rem}.search-input input:focus{border-color:#ff2058;outline:none}@media (min-width:600px){.search-input{-webkit-flex-direction:row;flex-direction:row}.search-input label{margin-bottom:0}}.container{margin:auto;max-width:80%;width:30rem}h2{border-bottom:3px solid #ccc;padding-bottom:1rem}.auth{margin:2rem auto;max-width:80%;text-align:center;width:30rem}.layout{-webkit-align-items:center;-webkit-justify-content:center;align-items:center;background-color:#8a2be2;height:50px;justify-content:center;width:100%}.layout,.layout .container{display:-webkit-flex;display:flex}.layout .container{-webkit-justify-content:space-around;justify-content:space-around;max-width:100%;width:30rem}.layout nav{-webkit-justify-content:space-between;justify-content:space-between;min-width:200px}.layout nav,.logo{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex}.logo{cursor:default;padding-right:8px}.logo img{padding-right:4px;width:30px}.logo span{color:#fff;font-family:Comic Sans MS,Open Sans;font-size:18px;font-weight:700;line-height:1.1;max-width:8ch;text-align:center;text-shadow:#888 2px 2px 3px}.layout a{color:#fff;font-size:17px;text-decoration:none}@media (min-width:600px){.layout .container{padding:0 4px}.logo{padding-right:50px}.logo img{margin-right:8px}.logo span{font-size:20px}}.purchase-form{margin:2rem auto;max-width:80%;width:30rem}.form-control input,.form-control label{display:block;width:100%}.form-control input{border:none;border-bottom:2px solid #ccc;font:inherit;margin-bottom:1rem;padding:.1rem .25rem}.form-control input:focus{border-bottom-color:#ff2058;outline:none}.purchase-form__actions{-webkit-align-items:center;-webkit-justify-content:space-between;align-items:center;display:-webkit-flex;display:flex;justify-content:space-between}
/*# sourceMappingURL=main.c84f114a.chunk.css.map */