body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#paint-container,#root,body{width:100vw;height:100vh;margin:0;overflow:hidden}.active{background-color:#fff;border:2px solid red;border-radius:10px;color:#000}nav{display:block;position:fixed;width:100vw;height:auto;background-color:red;padding:0;margin:0;z-index:9;top:0}nav div{padding-left:25px}nav img{width:42px;height:42px;border:0 solid #000;border-bottom-left-radius:20px}nav span{display:inline-block;font-size:26px;color:#fff;font-weight:700;font-family:"Oxygen";padding-left:15px}nav span,nav ul{position:relative}nav ul{margin:0 15% 10px;padding:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:70%;flex-wrap:wrap}nav ul li{display:block;position:relative;width:30%;height:auto;line-height:1.9;text-align:center;color:#fff;font-weight:700}@media screen and (min-width:451px){.active{background-color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:0;border-bottom-right-radius:0;border:solid #fff;border-width:0 0 4px}nav{width:100vw;height:80px}nav ul{margin:0 auto;max-width:650px;min-width:370px}nav ul li{width:15%;height:auto}}.hide{display:none}.hide,.show{position:relative}.show{display:block}#content{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;overflow-y:auto}#content .box{width:90%;height:auto;border:0 solid #000;border-radius:10px;background-color:rgba(255,0,0,.2);box-shadow:4px 4px 9px 0 hsla(0,0%,80%,.81)}#content .box .title{width:100%;height:auto;font-size:26px;color:#000;font-weight:700;line-height:2.1;text-align:center}#content .box .choice,#content .box .code{display:flex;position:relative;flex-direction:row;justify-content:center;align-items:center}#content .box .choice label,#content .box .code label{display:inline-block;position:relative;font-size:18px;color:#000;font-weight:400;width:110px;height:auto;line-height:2.4}#content .box .choice input,#content .box .code input{width:160px;height:auto}#content .box .choice select,#content .box .code select{width:178px;height:auto}#content .box button{width:115px;font-size:16px;color:#000;font-weight:400;margin:10px auto 20px;line-height:1.5}#content .box .submit,#content .box button{display:block;position:relative;height:auto}#content .box .submit{width:100%}@media screen and (min-width:451px){#content{width:100vw;height:90vh;margin-top:80px}#content .box{width:60%;height:auto;max-width:410px;min-width:310px}}.inventory{width:100vw;height:80vh;margin-top:123px;background-color:rgba(255,0,0,.2);overflow-y:auto}.inventory .title{width:100%;height:auto;font-size:20px;color:#000;font-weight:700;line-height:1.9;text-align:center}.inventory .choice{display:flex;position:relative;flex-direction:row;justify-content:center;align-items:center}.inventory .choice label{display:inline-block;position:relative;font-size:18px;color:#000;font-weight:400;line-height:2.4}.inventory .choice select{width:178px;height:auto}.inventory .choice span{display:inline-block;position:relative;font-size:16px;color:#000;font-weight:400;line-height:1.7;text-align:center}.inventory .choice span:nth-of-type(odd){width:190px;height:auto}.inventory .choice span:nth-of-type(2n){width:110px;height:auto}.inventory table{display:flex;position:relative;flex-direction:column;justify-content:flex-start;align-items:center;width:280px;height:445px;background-color:#fff;border:1px solid #000;margin:0 auto}.inventory table thead{border-bottom:2px solid #000}.inventory table thead,.inventory table tr{display:block;position:-webkit-sticky;position:sticky;width:100%;height:auto}.inventory table tr td{width:140px;height:auto;text-align:center}.inventory table tbody{display:block;position:relative;width:100%;height:auto;overflow-x:hidden;overflow-y:auto}.inventory table tbody tr:nth-of-type(odd){background-color:#f2f1ef}@media screen and (min-width:451px){.inventory{width:60vw;height:77%;max-width:410px;min-width:310px;margin-top:30px}.inventory table{width:280px;height:445px;max-height:500px;min-height:20%}}
/*# sourceMappingURL=main.c88f3202.chunk.css.map */