*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{background-color:#f7f9fd}.wrapper{font-size:16px;margin:1em auto;max-width:43.75em;width:90%}.container{width:100%}.sub-container{grid-gap:3em;display:grid;gap:3em;grid-template-columns:1fr 1fr;width:100%}.flex,.flex-space{align-items:center;display:flex}.flex-space{justify-content:space-between}.wrapper h3{color:#363d55;font-weight:500;margin-bottom:.6em}.container input{border:1px solid #d0d0d0;border-radius:.3em;color:#414a67;display:block;font-weight:400;margin-bottom:.6em;outline:none;padding:.6em .3em;width:100%}.container input:focus{border-color:#587ef4}.total-amount-container,.user-amount-container{background-color:#fff;border-radius:.3em;box-shadow:0 .6em 1.2em rgba(28,0,80,.06);padding:1.25em .9em}.output-container{background-color:#f8c8dc;border-radius:.3em;box-shadow:0 .6em 1.2em rgba(28,0,80,.06);color:#fff;margin:2em 0;padding:1.2em}.output-container p{font-weight:500;margin-bottom:.6em}.output-container span{color:#fff;display:block;font-weight:400;text-align:center}.submit{background-color:#f8c8dc;border:none;border-radius:.3em;color:#fff;cursor:pointer;font-size:1em;margin-top:.8em;outline:none;padding:.6em 1.2em}.list{background-color:#fff;border-radius:.6em;box-shadow:0 .6em 1.2em rgba(28,0,80,.06);padding:1.8em 1.2em}.sublist-content{border-left:.3em solid #f8c8dc;display:grid;grid-template-columns:3fr 2fr 1fr 1fr;margin-bottom:.6em;padding:.5em 1em;width:100%}.product{color:#363d55;font-weight:500}.amount{color:#414a67;margin-left:20%}.icons-container{align-items:center;margin:1.2em;width:5em}.product-title{margin-bottom:1em}.hide{display:none}.error{color:#ff465a}.edit{margin-left:auto}.delete,.edit{background:transparent;border:none;color:#587ef4;cursor:pointer;margin-right:1.5em}@media screen and (max-width:600px){.wrapper{font-size:14px}.sub-container{gap:1em;grid-template-columns:1fr}}#html-spinner{border:4px solid #fcd779;border-radius:50%;border-top-color:#fff;height:40px;width:40px}#html-spinner,#svg-spinner{-moz-animation-duration:1.2s;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:rotate;-moz-animation-name:rotate;animation-name:rotate;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;animation-timing-function:linear;-webkit-transition-duration:1.2s;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body{-webkit-font-smoothing:antialiased;color:#393d3d;font-family:Open Sans,sans-serif}#container{margin:1em auto;max-width:700px;position:relative;width:90%}
/*# sourceMappingURL=main.183c7bc6.css.map*/