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;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}.Back{min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 1vmin)}.Auth,.Back{background-color:#282c34}.Auth{text-align:left;border:2px solid #d3d3d3;border-radius:.5em;vertical-align:middle;width:400px;margin:10px auto 1em;color:#fff}.Auth,.form{padding:1em}label{display:flex;font-weight:300}button{justify-content:flex-end}.Auth-title{font-size:1em}.Auth-intro{font-size:large}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.title{color:#faebd7}pin-body{height:100vh;background:#212121;display:flex;align-items:center;justify-content:center;font-family:Open Sans}pin-body.wrong{-webkit-animation:bg-red 1s ease;animation:bg-red 1s ease}pin-body.correct{-webkit-animation:bg-green 2s ease;animation:bg-green 2s ease}#inspiration{position:fixed;right:1em;bottom:1em}#inspiration a{display:inline-block;float:left;text-decoration:none;font-weight:700;color:#fff;-webkit-transition:all 1s ease;transition:all 1s ease}#inspiration a:hover{color:#212121}#inspiration p{margin:0;padding-left:.4em;display:inline-block;float:right;color:hsla(0,0%,100%,.6)}#pin{background:#212121;width:22em;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:1em;border-radius:.3em;box-shadow:4px 4px 8px rgba(0,0,0,.3);margin:auto;color:hsla(0,0%,100%,.7)}p{color:red}.dots{width:50%;display:flex;justify-content:space-around;padding:3em 1em 1em}.dot{position:relative;background:hsla(0,0%,100%,.5);border-radius:1.6em;width:1.6em;height:1.6em;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}.dot.active{-webkit-animation:growDot .5s ease;animation:growDot .5s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.dot.wrong{-webkit-animation:wrong .3s ease;animation:wrong .3s ease}.dot.correct{-webkit-animation:correct .9s ease;animation:correct .9s ease}#pin p{font-size:.8em}.numbers{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-around;align-content:flex-end;margin:2em 0}.number{position:relative;width:2.5em;height:2.5em;margin:.5em;border-radius:2.5em;border:2px solid hsla(0,0%,100%,0);text-align:center;line-height:2.5em;font-weight:400;font-size:1.8em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .5s ease;transition:all .5s ease}.number:hover{color:#fff}.number:hover:before{border:2px solid #fff}.number:before{content:"";position:absolute;left:-2px;width:2.5em;height:2.5em;border:2px solid hsla(0,0%,100%,.7);border-radius:2.5em;-webkit-transition:all .5s ease;transition:all .5s ease}.number.grow:before{-webkit-animation:grow .6s ease;animation:grow .6s ease}@-webkit-keyframes growDot{to{background:#fff;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}}@keyframes growDot{to{background:#fff;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}}@-webkit-keyframes grow{50%{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes grow{50%{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes wrong{20%{background:#dc143c;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);left:0}40%{left:-5px}60%{left:10px}80%{left:-5px}}@keyframes wrong{20%{background:#dc143c;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);left:0}40%{left:-5px}60%{left:10px}80%{left:-5px}}@-webkit-keyframes correct{20%{background:#32cd32;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);top:0}40%{top:-5px}60%{top:10px}80%{top:-5px}}@keyframes correct{20%{background:#32cd32;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);top:0}40%{top:-5px}60%{top:10px}80%{top:-5px}}@-webkit-keyframes bg-red{50%{background:#dc143c}}@keyframes bg-red{50%{background:#dc143c}}@-webkit-keyframes bg-green{50%{background:#32cd32}}@keyframes bg-green{50%{background:#32cd32}}.body{width:100vw}.spinner{z-index:100;position:fixed;margin-left:45%;margin-top:45%;width:3rem;height:3rem}.off{display:none}.goods-row{display:flex}.colName{width:90vw}.colButton{width:10vw}.counter{display:flex;margin-left:4vw}.item-row{margin-bottom:3vw;border-bottom:1px solid #dee2e6}.item-text{font-size:5vw}.item-price{font-size:x-large;color:#00f}.counter-cols{width:30%}.body{height:auto}.list-goods{margin-top:18vw}.i-button{border-radius:100px;margin:10px;width:50px;height:50px}.invisible-button{z-index:-2}.keypad{display:block;margin-left:20vw}.qty-input{margin-top:4vw;margin-left:2vw}.display-off{display:none}.alert{z-index:100}.bottom-line{height:30px;position:fixed;bottom:0;width:100%;background-color:#282c34;opacity:1;color:#f0f8ff}
/*# sourceMappingURL=main.6d757a6b.chunk.css.map */