body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{--default-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--block-bg-color:var(--tg-theme-bg-color);--bg-color:#ebedf0;--animation:0.15s ease;--page-animation-duration:0.3s;--page-animation:var(--page-animation-duration) ease;--status-height:48px;--accent-color:#31b545;--main-color:#f8a917;--text-color:#222;--page-hint-color:#83878a;--hint-color:#74787a;--placeholder-color:#999da1;--ripple-duration:0.45s;--ripple-end-duration:0.3s;background-color:var(--block-bg-color);color:var(--text-color);color-scheme:var(--tg-color-scheme);cursor:default;font-family:var(--default-font);font-size:13px;font-weight:500;line-height:16px;margin:0;min-width:100%;padding:0;-webkit-user-select:none;user-select:none;width:1px}html.dark body{--block-bg-color:var(--tg-theme-bg-color);--bg-color:#0f0f0f;--text-color:#fff;--page-hint-color:#9b9ba1;--hint-color:#64666d;--placeholder-color:#5d6163}body.order-mode{background-color:var(--bg-color)}*{-webkit-tap-highlight-color:transparent}.cafe-page{transition:-webkit-filter var(--animation);transition:filter var(--animation);transition:filter var(--animation),-webkit-filter var(--animation)}body.closed .cafe-page{-webkit-filter:grayscale(1) opacity(.7);filter:grayscale(1) opacity(.7)}.cafe-block{box-shadow:0 .5px rgba(0,0,0,.07)}.cafe-block,.cafe-items{background-color:var(--block-bg-color)}.cafe-items{align-content:flex-end;display:flex;flex-wrap:wrap;justify-content:space-around;margin:0 auto;max-width:480px;transition:max-height var(--page-animation),opacity var(--page-animation)}body.order-mode .cafe-items{max-height:0!important;opacity:0!important}.cafe-items:after{content:"";flex-grow:2}.cafe-item,.cafe-item-shadow{box-sizing:border-box;height:144px;margin-bottom:15px;padding:4px 5px 6px;position:relative;text-align:center;width:120px}.cafe-item-shadow{height:0;margin:0;padding:0}.cafe-item-photo{height:78px;position:relative}.cafe-item-photo .cafe-item-emoji{font-size:70px;line-height:78px}.cafe-item-lottie{display:inline-block;margin:0 auto;position:relative;vertical-align:top}.cafe-item-photo .cafe-item-lottie{width:74px}.cafe-item-lottie:before{content:"";display:block;padding-top:100%}.cafe-item-lottie canvas,.cafe-item-lottie img{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.cafe-item-label{display:flex;justify-content:center}.cafe-item-price{font-weight:700;white-space:nowrap}.cafe-item-price:before{background-color:currentColor;border-radius:2px;content:"";display:inline-block;height:2px;margin:7px 4px;vertical-align:top;width:2px}.cafe-item-buttons{display:flex;justify-content:space-between;margin:10px auto 0;position:relative;transition:all var(--animation);width:80px}button{cursor:pointer}.cafe-item-counter,button{background-color:var(--main-color);border:none;border-radius:7px;box-sizing:border-box;color:#fff;display:inline-block;font-family:var(--default-font);font-size:14px;font-weight:700;height:30px;line-height:18px;outline:none;padding:6px 16px;text-transform:uppercase}.cafe-item-counter{-webkit-animation:var(--animation) both;animation:var(--animation) both;border-radius:11px;height:22px;margin:4px 6px;min-width:22px;padding:2px 6px;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:scale3d(0,0,1);transform:scale3d(0,0,1);z-index:3}.cafe-item-incr-button{position:absolute!important;right:0;top:0;transition:width var(--animation);width:80px}.selected .cafe-item-incr-button{width:38px}.cafe-item-decr-button{background-color:#e64d44;pointer-events:none;position:relative;-webkit-transform:scale3d(.9,.9,1);transform:scale3d(.9,.9,1);transition:visibility var(--animation),-webkit-transform var(--animation);transition:transform var(--animation),visibility var(--animation);transition:transform var(--animation),visibility var(--animation),-webkit-transform var(--animation);visibility:hidden;width:38px}.selected .cafe-item-decr-button{pointer-events:auto;-webkit-transform:scaleX(1);transform:scaleX(1);visibility:visible}.cafe-item-decr-button:before,.cafe-item-incr-button:after,.cafe-item-incr-button:before{background-color:#fff;border-radius:1px;bottom:0;content:"";display:inline-block;height:3px;left:0;margin:auto;position:absolute;right:0;top:0;width:14px;z-index:1}.cafe-item-incr-button:after,.cafe-item-incr-button:before{background-color:hsla(0,0%,100%,0);transition:background-color var(--animation)}.selected .cafe-item-incr-button:after,.selected .cafe-item-incr-button:before{background-color:#fff}.cafe-item-incr-button .button-item-label{transition:-webkit-transform var(--animation);transition:transform var(--animation);transition:transform var(--animation),-webkit-transform var(--animation)}.selected .cafe-item-incr-button .button-item-label{-webkit-transform:scale3d(.4,0,1);transform:scale3d(.4,0,1)}.cafe-item-incr-button:after{height:14px;width:3px}.cafe-status-wrap{left:0;position:fixed;right:0;top:0;-webkit-transform:translateY(100vh);transform:translateY(100vh);-webkit-transform:translateY(var(--tg-viewport-height,100vh));transform:translateY(var(--tg-viewport-height,100vh))}.cafe-status{align-items:center;background-color:#e64d44;border-radius:0;bottom:0;box-shadow:0 var(--status-height) #e64d44;box-sizing:border-box;color:#fff;display:block;display:flex;height:var(--status-height);justify-content:center;left:0;padding:8px 20px;pointer-events:none;position:fixed;right:0;-webkit-transform:translateY(var(--status-height));transform:translateY(var(--status-height));transition:visibility var(--animation),-webkit-transform var(--animation);transition:transform var(--animation),visibility var(--animation);transition:transform var(--animation),visibility var(--animation),-webkit-transform var(--animation);visibility:hidden;width:100%;z-index:11}.cafe-status.shown{pointer-events:auto;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}.cafe-order-overview{background-color:var(--bg-color);display:none;font-family:var(--default-font);opacity:0;transition:opacity var(--page-animation)}body.order-mode .cafe-order-overview{opacity:1}.cafe-order-header-wrap{align-items:center;display:flex;padding:21px 20px 14px}.cafe-order-header{flex-grow:1;font-size:17px;line-height:21px;margin:0;padding:0;text-transform:uppercase}.cafe-order-edit{color:var(--accent-color);font-size:15px;font-weight:500;line-height:18px}.cafe-order-item{display:none;padding:5px 20px 5px 14px}.cafe-order-item.selected{display:flex}.cafe-order-item-label{flex-grow:1}.cafe-order-item-photo{height:50px;margin-right:11px;text-align:center;width:50px}.cafe-order-item-photo .cafe-item-emoji{font-size:38px;line-height:50px}.cafe-order-item-photo .cafe-item-lottie{margin:4px 0;width:40px}.cafe-order-item-title{font-size:15px;font-weight:700;line-height:18px;padding:3px 0}.cafe-order-item-counter{color:var(--main-color)}.cafe-order-item-description{-webkit-font-smoothing:antialiased;color:var(--page-hint-color);font-size:14px;font-weight:500;line-height:17px;padding:2px 0}.cafe-order-item-price{font-size:14px;font-weight:500;line-height:17px;padding:4px 0}.cafe-text-field-wrap{margin-top:14px}.cafe-text-field{-webkit-font-smoothing:antialiased;border:none;border-radius:0;box-sizing:border-box;color:var(--text-color);cursor:auto;display:block;font-family:var(--default-font);font-size:17px;font-weight:500;line-height:21px;outline:none;padding:12px 20px 13px;resize:none;-webkit-user-select:auto;user-select:auto;width:100%}.cafe-text-field::-webkit-input-placeholder{color:var(--placeholder-color);text-overflow:ellipsis;-webkit-transition:color var(--animation);transition:color var(--animation)}.cafe-text-field::placeholder{text-overflow:ellipsis}.cafe-text-field-hint{-webkit-font-smoothing:antialiased;color:var(--hint-color);font-family:var(--default-font);font-size:14px;font-weight:500;line-height:18px;padding:10px 20px 14px}.button-item.ripple-handler{position:relative}.ripple-mask{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.button-item .ripple-mask{border-radius:inherit}.button-item .ripple{background-color:rgba(0,0,0,.07);border-radius:50%;left:50%;margin:-100% 0 0 -100%;opacity:0;padding-top:200%;position:absolute;top:50%;transition:opacity var(--ripple-duration) ease-out,background-color var(--ripple-duration) ease-out,-webkit-transform var(--ripple-duration) ease-out;transition:transform var(--ripple-duration) ease-out,opacity var(--ripple-duration) ease-out,background-color var(--ripple-duration) ease-out;transition:transform var(--ripple-duration) ease-out,opacity var(--ripple-duration) ease-out,background-color var(--ripple-duration) ease-out,-webkit-transform var(--ripple-duration) ease-out;width:200%}.button-item-label{display:inline-block;max-width:100%;overflow:hidden;position:relative;text-overflow:ellipsis;vertical-align:top;z-index:1}.cafe-item-add-button .ripple,.cafe-item-incr-button .ripple{background-color:#ed960b}.cafe-item-decr-button .ripple{background-color:#d3362d}.loading-icon{opacity:.2;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50%;transform-origin:50%;transition:all var(--animation);visibility:hidden}body.loading .loading-icon{opacity:1;-webkit-transform:scale(1);transform:scale(1);transition-delay:.4s;visibility:visible}.loading-icon-circle{stroke:#fff;stroke-width:2.25px;stroke-linecap:round;fill:transparent;stroke-dasharray:calc(var(--radius)*6.28);r:var(--radius);--radius:9px;-webkit-animation:rotate-circle 1.5s linear infinite,resize-circle 360s linear infinite;animation:rotate-circle 1.5s linear infinite,resize-circle 360s linear infinite;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:50%;transform-origin:50%}@-webkit-keyframes rotate-circle{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{-webkit-transform:rotate(630deg);transform:rotate(630deg)}}@keyframes rotate-circle{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{-webkit-transform:rotate(630deg);transform:rotate(630deg)}}@-webkit-keyframes resize-circle{0%{stroke-dashoffset:0}to{stroke-dashoffset:12500px}}@keyframes resize-circle{0%{stroke-dashoffset:0}to{stroke-dashoffset:12500px}}@-webkit-keyframes badge-incr{0%,to{-webkit-transform:scaleX(1);transform:scaleX(1)}40%{-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1)}}@keyframes badge-incr{0%,to{-webkit-transform:scaleX(1);transform:scaleX(1)}40%{-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1)}}@-webkit-keyframes badge-incr2{0%,to{-webkit-transform:scaleX(1);transform:scaleX(1)}40%{-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1)}}@keyframes badge-incr2{0%,to{-webkit-transform:scaleX(1);transform:scaleX(1)}40%{-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1)}}@-webkit-keyframes badge-decr{0%,to{-webkit-transform:scaleX(1);transform:scaleX(1)}40%{-webkit-transform:scale3d(.8,.8,1);transform:scale3d(.8,.8,1)}}@keyframes badge-decr{0%,to{-webkit-transform:scaleX(1);transform:scaleX(1)}40%{-webkit-transform:scale3d(.8,.8,1);transform:scale3d(.8,.8,1)}}@-webkit-keyframes badge-decr2{0%,to{-webkit-transform:scaleX(1);transform:scaleX(1)}40%{-webkit-transform:scale3d(.8,.8,1);transform:scale3d(.8,.8,1)}}@keyframes badge-decr2{0%,to{-webkit-transform:scaleX(1);transform:scaleX(1)}40%{-webkit-transform:scale3d(.8,.8,1);transform:scale3d(.8,.8,1)}}@-webkit-keyframes badge-show{0%{opacity:0;-webkit-transform:scale3d(.5,.5,1);transform:scale3d(.5,.5,1);visibility:hidden}30%{-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1);visibility:visible}}@keyframes badge-show{0%{opacity:0;-webkit-transform:scale3d(.5,.5,1);transform:scale3d(.5,.5,1);visibility:hidden}30%{-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1);visibility:visible}}@-webkit-keyframes badge-hide{0%{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1);visibility:visible}to{opacity:0;-webkit-transform:scale3d(.5,.5,1);transform:scale3d(.5,.5,1);visibility:hidden}}@keyframes badge-hide{0%{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1);visibility:visible}to{opacity:0;-webkit-transform:scale3d(.5,.5,1);transform:scale3d(.5,.5,1);visibility:hidden}}.display-color{border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;height:110px;margin:5px;width:80px}.display-colors{display:flex;flex-direction:row;width:100%}.App .react-colorful{height:28em;width:100%}.under-selector{text-align:center}.stage-text{color:#fff}.select-button{height:35px;width:150px}
/*# sourceMappingURL=main.f74296f4.css.map*/