body,html{height:100%;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#240b36,#c31432);background-attachment:fixed;background-repeat:no-repeat;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;max-width:100vw}#root{bottom:10px;left:10px;position:absolute;right:10px;top:10px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{height:100%;text-align:center;width:100%}.header{background:#fff;height:200px;width:100%}.MatComponent{background:linear-gradient(#ffffff0d,#fff3);border:1px solid #ffffff4d;border-bottom-color:#ff6a9c66;border-radius:10px;display:block;height:120px;margin:12px auto 0;width:250px}.MatComponent h1{color:#fff;position:relative;top:-75px}.matIcon{background-color:#0006;border-radius:5px;height:70px;left:5px;position:relative;top:5px;width:70px}.matIcon h5{color:#fff;position:relative;top:-30px}.matImg{height:50px;width:50px}.PriceSelector{display:flex;height:26px;justify-content:space-between;left:80px;max-height:26px;max-width:165px;position:relative;top:-65px;width:165px}.PriceSelector button{background:linear-gradient(#ffffff1a,#fff6);border:1px solid #ffffff80;border-radius:5px;color:#fff;height:26px;width:26px}#wheelContainer{max-width:113px;overflow:hidden;position:relative;width:113px}#priceWheel{Font-family:Courier New;color:#fff;font-weight:700;position:absolute}.QuantitySelector{height:37px;left:80px;position:relative;top:-57px;width:165px}.QuantitySelector pre{border-bottom:1px solid #ffffff80;color:#fff;font-size:20px;font-weight:700;left:30px;max-width:130px;overflow:hidden;padding-right:5px;position:relative;text-align:right;top:-35px;width:100px}.QuantitySelector .plusButton{left:70px;top:-85px}.QuantitySelector .clearButton,.QuantitySelector .plusButton{background:linear-gradient(#ffffff1a,#fff6);border:1px solid #ffffff80;border-radius:5px;color:#fff;height:26px;position:relative;width:26px}.QuantitySelector .clearButton{left:-70px;top:5px}.matNumField{border-bottom:1px solid #ffffff80!important;color:#fff!important}.MatContainer{display:flex;height:100%;justify-content:space-between;width:100%}.col{flex:1 1;justify-content:center;margin:auto 0}.spacer{height:120px;width:50px}@media (max-width:600px){.MatContainer{display:block;.col{margin:0 0 10px;width:100%}}}.KeypadContainer{height:100%;left:0;position:absolute;top:0;width:100%}.Keypad{border-radius:10px;height:500px;width:50vw}
/*# sourceMappingURL=main.ceaddd3d.css.map*/