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)}.avatar-selector{align-items:center;display:flex;justify-content:center;margin-top:20px}.avatar{border-radius:50%;display:inline-block;height:140px;overflow:hidden;position:relative;width:140px}.avatar-left{margin-left:30px;margin-right:20px}.avatar-right{margin-left:20px;margin-right:30px}.avatar img,.avatar-svg{height:100%;object-fit:cover;width:100%}.under-avatar-area{color:var(--tg-theme-button-color);font-family:var(--default-font);font-size:14px;font-weight:700;line-height:18px;text-align:center}.crop-photo-area{display:block;text-align:center}.crop-photo-button{background-color:var(--tg-theme-button-color);border-radius:11px;color:var(--tg-theme-button-text-color);font-size:20px;height:50px;line-height:23px;margin-top:30px;width:60%}.confirm-button-area{text-align:center}.confirm-button{background-color:var(--tg-theme-button-color);border-radius:11px;color:var(--tg-theme-button-text-color);font-size:20px;height:50px;line-height:23px;margin-top:50px;width:70%}*{-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}

/*!
 * Cropper.js v1.5.13
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2022-11-20T05:30:43.444Z
 */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.cropper-container img{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
/*# sourceMappingURL=main.1f77ce50.css.map*/