.slide-exit,.slide-exit-active{display:none}.right .slide-enter,.right .slide-exit{transition:transform .4s ease-out}.right .slide-enter{transform:translate(-100%)}.right .slide-enter.slide-enter-active{transform:translate(0)}.right .slide-exit{position:absolute;top:0;left:0;width:100%;transform:translate(0)}.right .slide-exit-active{transform:translate(100%)}.inner .slide-enter,.inner .slide-exit{transition:transform .6s ease-out}.inner .slide-enter{transform:translate(-100%)}.inner .slide-enter.slide-enter-active,.inner .slide-enter-done{transform:translate(50%)}.inner .slide-exit{position:absolute;top:0;left:0;width:100%;transform:translate(0)}.inner .slide-exit-active{transform:translate(100%)}.checkoutSlide .slide-enter,.checkoutSlide .slide-exit{transition:transform .6s ease-out}.checkoutSlide .slide-enter{position:absolute;top:0;left:0;width:100%;transform:translate(100%)}.checkoutSlide .slide-enter-active,.checkoutSlide .slide-enter-done{transform:translate(0)}.checkoutSlide .slide-exit{position:absolute;top:0;left:0;width:100%;transform:translate(0)}.checkoutSlide .slide-exit-active,.checkoutSlide .slide-exit-done{transform:translate(-100%)}:root{--loading-hue: 223;--loadin-bg: hsl(var(--loading-hue),10%,90%);--loading-fg: hsl(var(--loading-hue),10%,10%);--loading-primary: hsl(var(--loading-hue),90%,55%);--loading-trans-dur: .3s}.loading-screen-container{height:100vh;display:grid;place-items:center;transition:background-color var(--loading-trans-dur),color var(--loading-trans-dur)}.preloader{text-align:center;max-width:20em;width:100%;justify-self:center}.preloader__text{position:relative;height:1.5em}.preloader__msg{animation:msg .3s 13.7s linear forwards;position:absolute;width:100%}.preloader__msg--last{animation-direction:reverse;animation-delay:14s;visibility:hidden}.cart{display:block;margin:0 auto 1.5em;width:8em;height:8em}.cart__lines,.cart__top,.cart__wheel1,.cart__wheel2,.cart__wheel-stroke{animation:cartLines 2s ease-in-out infinite}.cart__lines{stroke:var(--loading-primary)}.cart__top{animation-name:cartTop}.cart__wheel1{animation-name:cartWheel1;transform:rotate(-.25turn);transform-origin:43px 111px}.cart__wheel2{animation-name:cartWheel2;transform:rotate(.25turn);transform-origin:102px 111px}.cart__wheel-stroke{animation-name:cartWheelStroke}.cart__track{stroke:hsla(var(--loading-hue),10%,10%,.1);transition:stroke var(--loading-trans-dur)}@media (prefers-color-scheme: dark){:root{--loadin-bg: hsl(var(--loading-hue),10%,10%);--loading-fg: hsl(var(--loading-hue),10%,90%)}.cart__track{stroke:hsla(var(--loading-hue),10%,90%,.1)}}@keyframes msg{0%{opacity:1;visibility:visible}99.9%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes cartLines{0%,to{opacity:0}8%,92%{opacity:1}}@keyframes cartTop{0%{stroke-dashoffset:-338}50%{stroke-dashoffset:0}to{stroke-dashoffset:338}}@keyframes cartWheel1{0%{transform:rotate(-.25turn)}to{transform:rotate(2.75turn)}}@keyframes cartWheel2{0%{transform:rotate(.25turn)}to{transform:rotate(3.25turn)}}@keyframes cartWheelStroke{0%,to{stroke-dashoffset:81.68}50%{stroke-dashoffset:40.84}}.Dropdown-root{position:relative}.Dropdown-control{position:relative;overflow:hidden;background-color:#fff;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;color:#333;cursor:default;outline:none;padding:8px 52px 8px 10px;transition:all .2s ease}.Dropdown-control:hover{box-shadow:0 1px #0000000f}.Dropdown-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 0;content:" ";display:block;height:0;margin-top:-ceil(2.5);position:absolute;right:10px;top:14px;width:0}.is-open .Dropdown-arrow{border-color:transparent transparent #999;border-width:0 5px 5px}.Dropdown-menu{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px #0000000f;box-sizing:border-box;margin-top:-1px;max-height:200px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:1000;-webkit-overflow-scrolling:touch}.Dropdown-menu .Dropdown-group>.Dropdown-title{padding:8px 10px;color:#333;font-weight:700;text-transform:capitalize}.Dropdown-option{box-sizing:border-box;color:#333c;cursor:pointer;display:block;padding:8px 10px}.Dropdown-option:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.Dropdown-option:hover,.Dropdown-option.is-selected{background-color:#f2f9fc;color:#333}.Dropdown-noresults{box-sizing:border-box;color:#ccc;cursor:default;display:block;padding:8px 10px}@font-face{font-family:Lato;src:local("Lato"),url(/assets/Lato-Regular-57KsL5Ww.ttf) format("truetype")}body{margin:0;font-family:Lato;background-color:#f7f7f7;position:relative;z-index:0}body::-webkit-scrollbar{display:none}.MuiButton-label{font-family:Lato}.MuiPickersToolbarText-toolbarBtnSelected,.MuiFab-primary{color:#fff!important}.MuiPickersToolbarText-toolbarTxt{color:#ffffffd6}.MuiTypography-body1{font-family:Lato!important}.MuiButton-containedPrimary{color:#fff!important;text-transform:none!important}.MuiButton-root{text-transform:none!important}.MuiInputBase-input{font-family:Lato!important}.Mui-disabled{color:#778ca2!important}.MuiAccordion-root.Mui-expanded{margin:0!important}.MuiAccordionDetails-root{padding-top:0!important;padding-bottom:0!important}.non-border{border-radius:0!important}.MuiButton-contained,.MuiFab-root{box-shadow:none!important}.MuiAccordion-rounded:last-child{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.MuiPaper-elevation1{box-shadow:none!important;border-bottom:1px solid #E8ECEF}.MuiAccordionSummary-content{flex-direction:column!important}.MuiAccordionSummary-root.Mui-expanded{min-height:55px!important}.MuiSwitch-colorPrimary.Mui-checked{color:#fff!important}.MuiSwitch-track{background-color:#7ce7ac!important}.MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{opacity:1!important}.customAreaTextMine .MuiTypography-body1{font-size:12px!important}.flex{display:flex}.overflowYAuto{overflow-y:auto}.flex-col{flex-direction:column}.flex-25{flex-basis:25%}.flex-row{flex-direction:row}.align-center{align-items:center}.align-end{align-items:flex-end}.justify-content{justify-content:center}.position-relative{position:relative}.position-absolute{position:absolute}.justify-between{justify-content:space-between}.top-5{top:5px}.bottom-10{bottom:10px}.bottom-70{bottom:70px}.left-10{left:10px}.justify-evenly{justify-content:space-evenly}.justify-end{justify-content:flex-end}.pt-0{padding-top:0}.pt-5{padding-top:5px}.pt-3{padding-top:3px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}.pt-35{padding-top:35px}.pt-36{padding-top:36px}.pt-40{padding-top:40px}.pt-42{padding-top:42px}.pt-45{padding-top:45px}.pt-50{padding-top:50px}.pt-55{padding-top:55px}.pt-60{padding-top:60px}.pt-65{padding-top:65px}.pt-85{padding-top:85px}.pt-80{padding-top:80px}.pt-187{padding-top:187px}.pt-105{padding-top:105px}.pb-0{padding-bottom:0}.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-14{padding-bottom:14px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-2{padding-bottom:2px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}.pb-35{padding-bottom:35px}.pb-40{padding-bottom:40px}.pb-45{padding-bottom:45px}.pb-50{padding-bottom:50px}.pb-55{padding-bottom:55px}.pb-60{padding-bottom:60px}.pl-0{padding-left:0}.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-8{padding-left:8px}.pl-12{padding-left:12px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px}.pl-30{padding-left:30px}.pl-35{padding-left:35px}.pl-40{padding-left:40px}.pl-45{padding-left:45px}.pl-50{padding-left:50px}.pl-55{padding-left:55px}.pl-60{padding-left:60px}.pr-0{padding-right:0}.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-16{padding-right:16px}.pr-20{padding-right:20px}.pr-2{padding-right:2px}.pr-25{padding-right:25px}.pr-30{padding-right:30px}.pr-35{padding-right:35px}.pr-40{padding-right:40px}.pr-45{padding-right:45px}.pr-50{padding-right:50px}.pr-55{padding-right:55px}.pr-60{padding-right:60px}.p-0{padding:0}.p-5{padding:5px}.p-10{padding:10px}.p-15{padding:15px}.p-20{padding:20px}.p-25{padding:25px}.p-30{padding:30px}.p-35{padding:35px}.p-40{padding:40px}.p-45{padding:45px}.p-50{padding:50px}.p-55{padding:55px}.p-60{padding:60px}.m-auto-0{margin:auto 0}.mt-0{margin-top:0}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.m-auto{margin:auto}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-45{margin-top:45px}.mt-50{margin-top:50px}.mt-55{margin-top:55px}.mt-60{margin-top:60px}.mb-0{margin-bottom:0}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-35{margin-bottom:35px}.mb-40{margin-bottom:40px}.mb-45{margin-bottom:45px}.mb-50{margin-bottom:50px}.mb-55{margin-bottom:55px}.mb-60{margin-bottom:60px}.ml-0{margin-left:0}.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-25{margin-left:25px}.ml-30{margin-left:30px}.ml-35{margin-left:35px}.ml-40{margin-left:40px}.ml-45{margin-left:45px}.ml-50{padding-left:50px}.ml-55{margin-left:55px}.ml-60{margin-left:60px}.mr-0{margin-right:0}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-25{margin-right:25px}.mr-30{margin-right:30px}.mr-35{margin-right:35px}.mr-40{margin-right:40px}.mr-45{margin-right:45px}.mr-50{margin-right:50px}.mr-55{margin-right:55px}.mr-60{margin-right:60px}.m-0{margin:0}.m-5{margin:5px}.m-10{margin:10px}.m-15{margin:15px}.m-20{margin:20px}.m-25{margin:25px}.m-30{margin:30px}.m-35{margin:35px}.m-40{margin:40px}.m-45{margin:45px}.margin{padding:50px}.margin{padding:55px}.margin{padding:60px}.fs-16{font-size:16px}.fs-18{font-size:18px}.fs-19{font-size:19px}.fs-20{font-size:20px}.fs-12{font-size:12px}.fs-32{font-size:32px}.fs-36{font-size:36px}.fs-10{font-size:10px}.fs-24{font-size:24px}.fs-8{font-size:8px}.fs-14{font-size:14px}.f-italic{font-style:italic}.text-center{text-align:center}.text-right{text-align:right}.fw-bold{font-weight:700}.w-20{width:20px}.max-140{width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wrong{animation:shake 1s}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}.blink{animation:blinker 1s linear infinite}@keyframes blinker{50%{opacity:0}}.color-black{color:#000}.color-2d{color:#2d2d2d}.color-CE{color:#cecece}.color-FF{color:#ffa080}.color-91{color:#919191}.color-light-black{color:#252631}.color-primary{color:#7ce7ac}.color-white{color:#fff}.color-light{color:#778ca2}.color-light-blue{color:#8181a5}.color-border{color:#e8ecef}.borderRadius{border-radius:4px}.categoryDropdown{border:0;height:50px;background-color:#7ce7ac;color:#fff;font-size:14px;display:flex;justify-content:space-between;align-items:center;white-space:nowrap;border-radius:0}.categoryDropdown:hover{box-shadow:none}.categoryDropdown .Dropdown-arrow-wrapper{position:absolute;top:16px;right:10px}.menuArea{width:calc(100vw - 267px);left:-61px;display:flex;flex-wrap:wrap;margin-top:0;border:1px solid #E8ECEF;box-shadow:none;z-index:1000}.menuArea .Dropdown-option{border-right:1px solid #E8ECEF;border-bottom:1px solid #E8ECEF;padding:12px 9px;font-size:14px}.Dropdown-option.is-selected{background-color:#7ce7ac!important;color:#fff}.singleProduct{width:120px;height:120px;padding:10px;box-shadow:0 0 5px #0000001a;border-radius:5px;background:#fff;display:flex;justify-content:center;align-items:center;position:relative}.singleProduct .priceArea{position:absolute;bottom:10px;left:10px;right:10px;display:flex;justify-content:center}.singleProduct .stockArea{position:absolute;bottom:10px;left:10px;right:10px;display:flex;justify-content:space-between}.singleProduct .outStockArea{position:absolute;top:10px;right:10px}@media screen and (max-height: 730px){.singleProduct{width:100px;height:100px}.singleProduct .fs-16{font-size:12px}.singleProduct .fs-10{font-size:9px}}@media screen and (max-height: 650px){.singleProduct{width:80px;height:80px}.singleProduct .fs-16{font-size:10px}.singleProduct .fs-10{font-size:7px}}@media screen and (max-width: 1012px){.singleProduct{width:100px;height:100px}.singleProduct .fs-16{font-size:12px}.singleProduct .fs-10{font-size:9px}}@media screen and (max-width: 908px){.singleProduct{width:80px;height:80px}.singleProduct .fs-16{font-size:10px}.singleProduct .fs-10{font-size:7px}}@media screen and (min-width: 1150px) and (min-height: 850px){.singleProduct{width:150px;height:150px}.singleProduct .fs-16{font-size:17px}.singleProduct .fs-10{font-size:11px}}@media screen and (min-width: 1280px) and (min-height: 950px){.singleProduct{width:170px;height:170px}.singleProduct .fs-16{font-size:18px}.singleProduct .fs-10{font-size:12px}}@media screen and (min-width: 1400px) and (min-height: 1060px){.singleProduct{width:200px;height:200px}.singleProduct .fs-16{font-size:19px}.singleProduct .fs-10{font-size:13px}}.multiProduct{width:140px;height:140px;border-radius:5px;background:#fff;position:relative;box-shadow:0 0 5px #0000001a}.multiProduct .layer1{position:absolute;bottom:0;left:0;right:0;width:140px;height:134px;border-radius:5px;background:#fff;box-shadow:0 0 5px #0000001a}.multiProduct .layer2{position:absolute;bottom:0;left:0;right:0;width:120px;height:108px;padding:10px;border-radius:5px;background:#fff;box-shadow:0 0 5px #0000001a;display:flex;justify-content:center;align-items:center}.multiProduct .layer2 .stockArea{position:absolute;bottom:10px;left:10px;right:10px;display:flex;justify-content:center;align-items:center}@media screen and (max-height: 730px){.multiProduct{width:120px;height:120px}.multiProduct .layer1{width:120px;height:114px}.multiProduct .layer2{width:100px;height:88px}.multiProduct .layer2 .fs-16{font-size:12px}.multiProduct .layer2 .fs-10{font-size:9px}}@media screen and (max-height: 650px){.multiProduct{width:100px;height:100px}.multiProduct .layer1{width:100px;height:94px}.multiProduct .layer2{width:80px;height:68px}.multiProduct .layer2 .fs-16{font-size:10px}.multiProduct .layer2 .fs-10{font-size:7px}}@media screen and (max-width: 1012px){.multiProduct{width:120px;height:120px}.multiProduct .layer1{width:120px;height:114px}.multiProduct .layer2{width:100px;height:88px}.multiProduct .layer2 .fs-16{font-size:12px}.multiProduct .layer2 .fs-10{font-size:9px}}@media screen and (max-width: 908px){.multiProduct{width:100px;height:100px}.multiProduct .layer1{width:100px;height:94px}.multiProduct .layer2{width:80px;height:68px}.multiProduct .layer2 .fs-16{font-size:10px}.multiProduct .layer2 .fs-10{font-size:7px}}@media screen and (min-width: 1150px) and (min-height: 850px){.multiProduct{width:170px;height:170px}.multiProduct .layer1{width:170px;height:164px}.multiProduct .layer2{width:150px;height:138px}.multiProduct .layer2 .fs-16{font-size:17px}.multiProduct .layer2 .fs-10{font-size:11px}}@media screen and (min-width: 1280px) and (min-height: 950px){.multiProduct{width:190px;height:190px}.multiProduct .layer1{width:190px;height:184px}.multiProduct .layer2{width:170px;height:158px}.multiProduct .layer2 .fs-16{font-size:18px}.multiProduct .layer2 .fs-10{font-size:12px}}@media screen and (min-width: 1400px) and (min-height: 1060px){.multiProduct{width:220px;height:220px}.multiProduct .layer1{width:220px;height:214px}.multiProduct .layer2{width:200px;height:188px}.multiProduct .layer2 .fs-16{font-size:19px}.multiProduct .layer2 .fs-10{font-size:13px}}.productsContainer{display:grid;grid-template-columns:12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;grid-template-rows:25% 25% 25% 25%;height:calc(100vh - 160px);position:relative;padding-top:10px;z-index:0;justify-items:center;align-items:center}.sProduct{cursor:pointer}.takeAwayHeader{height:50px;border-bottom:1px solid #E8ECEF;padding-left:10px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.trashIcon{opacity:.2;color:#090909}.customerHeader{height:40px;border-bottom:1px solid #E8ECEF;padding:0 10px;display:flex;flex-direction:row;align-items:center;cursor:pointer;width:248px}.checkout{position:absolute;bottom:0;height:80px;width:100%;border-top:1px solid #E8ECEF}.typeSection{position:absolute;bottom:81px;height:54px;width:100%;border-top:1px solid #E8ECEF}.discountSection{position:absolute;bottom:136px;height:70px;width:100%;border-top:1px solid #E8ECEF}.mainPopover .mainPopOneRow{cursor:pointer;padding:5px 10px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.mainPopover .mainPopOneRow .firstSection{display:flex;flex-direction:row;align-items:center}.mainPopover .mainPopOneRow .firstSection p{color:#252631}.mainPopover .mainPopOneRow .badgeArea{align-items:center;width:15px;height:15px;border-radius:50%;background:#7ce7ac;color:#fff;display:flex;justify-content:center}.mainPopover .mainPopOneRow .badgeArea p{color:#fff}.mainPopover .mainPopOneRow.disabled p{color:#cecece!important}.mainPopover .mainPopOneRow.bt{border-top:1px solid #E8ECEF}.receiptPopover{width:160px;height:117px;background-color:transparent}.receiptPopover .mainSection{border-radius:5px;height:105px;width:100%;background-color:#414141}.receiptPopover .triangle{margin-top:-1px;display:flex;justify-content:center;height:12px}.productArea{padding:10px;cursor:pointer;position:relative;display:flex;flex-direction:row;align-items:center;height:100%;width:100%}.productArea .rectangleArea{min-width:40px;height:25px;border-radius:5px;display:flex;align-items:center;justify-content:center}.productArea .nameArea{padding-left:10px;display:flex;flex-direction:column;justify-content:center;min-width:100px;height:100%}.productArea .nameAreaCustomer{padding-left:10px;display:flex;flex-direction:column;justify-content:space-evenly;min-width:100px}.productArea .checkPrice{position:absolute;right:5px;top:10px;padding-right:5px}.right-0{right:0}.left-side{transform:translate(-50px)}.customer-left-side{transform:translate(-40px)}.right-side,.customer-right-side{transition:transform 0ms linear;transform:translate(0)}.transitionArea{display:flex;flex-direction:row}.overflowHidden{overflow:hidden}.cursor-pointer{cursor:pointer}.quantityArea{margin-left:1px;height:50px;width:30px;display:flex;justify-content:center;align-items:center}.backPrimary{background:#7ce7ac;color:#fff}.backDisabled{color:#00000042;background:#0000001f}.userArea{width:175px;min-width:175px}.text-area{display:flex;align-items:center}.height-30{height:30px}.height-300{height:300px}.height-28{height:28px}.height-200{height:200px}.height-280{height:280px}.height-17{height:17px}.height-34{height:34px}.height-7{height:8px}.height-12{height:12px;min-height:12px}.height-120{height:120px;min-height:120px}.height-180{height:180px;min-height:180px}.height-140{height:140px;min-height:140px}.height-150{height:150px;min-height:150px}.height-18{height:18px}.height-107{height:107px}.height-60{height:60px;min-height:60px}.height-70{height:70px;min-height:70px}.height-80{height:80px;min-height:80px}.height-100{height:100px;min-height:100px}.width-10{width:10px}.width-100{width:100px}.width-150{width:150px}.width-16{width:16px}.width-42{width:42px}.width-60{width:60px}.width-80{width:75px}.height-10{height:10px}.height-20{height:20px}.height-50{height:50px;min-height:50px}.height-55{height:55px;min-height:55px}.height-65{height:65px;min-height:65px}.height-35{height:35px;min-height:35px}.height-360{height:360px;min-height:360px}.height-340{height:340px;min-height:340px}.height-380{height:380px;min-height:380px}.height-40{height:40px;min-height:40px}.width-40{width:40px;min-width:40px}.height-45{height:45px;min-height:45px}.height-400{height:400px;overflow-y:auto;overflow-x:hidden}.height-440{height:440px;overflow-y:auto;overflow-x:hidden}.height-530{height:530px;overflow-y:auto;overflow-x:hidden}.height-450{height:450px;overflow-y:auto;overflow-x:hidden}.height-430{height:430px;overflow-y:auto;overflow-x:hidden}.width-480{width:480px}.height-480{height:480px}.width-120{width:120px;min-width:120px}.width-200{width:200px;min-width:200px}.width-20{width:20px;min-width:20px}.fullWidth{width:100%}.width60vw{width:calc(66vw + 68px)}.fullHeight{height:100%}.variantArea{display:grid;grid-template-columns:50% 50%}.variantArea .oneVariant{margin:5px;cursor:pointer;height:38px;border-radius:4px;background:#fff;color:#000;border:1px solid #E8ECEF;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-left:10px;padding-right:10px}.variantArea .oneVariant.active{background:#7ce7ac;color:#fff;border:1px solid #7CE7AC}.ingredientArea{display:grid;grid-template-columns:50% 50%}.ingredientArea .oneIngredient{margin:5px;cursor:pointer;height:38px;border-radius:4px;background:#fff;color:#000;border:1px solid #E8ECEF;display:flex;flex-direction:row;align-items:center}.ingredientArea .oneIngredient.active{background:#fff;border:1px solid #919191}.ingredientArea .oneIngredient.disable{background:#edeff1;border:none;opacity:.6}.borderBottomLight{border-bottom:1px solid #E8ECEF}.borderBottomBlack{border-bottom:1px solid #252631}.borderTopLight{border-top:1px solid #E8ECEF}.borderTopBlack{border-top:1px solid #252631}.circleArea{width:30px;height:30px;min-width:30px;min-height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-right:10px}.rectangleArea2{width:80px;height:30px;min-width:60px;min-height:30px;border-radius:5px;display:flex;justify-content:center;align-items:center;margin-right:10px}.circleAreaProducts{width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-right:10px;border:1px solid #E8ECEF}.circleAreaCustomer{width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-right:15px}.rectangleAreaCustomer{width:100px;height:40px;border-radius:16px;display:flex;justify-content:center;align-items:center;margin-right:15px}.backcolor-pink{background:#ff808b4d}.backcolor-border{background:#e8ecef}.background-F0{background-color:#f5f5f5}.background-DF{background-color:#dfe8e3}.color-pink{color:#ff808b}.color-41{color:#414141}.normal{border:1px solid #E8ECEF}.background-F2{background:#f2fdf7}.backgroundWhite{background:#fff}.backgroundGray{background:#f5f5f5}.boxShadow{box-shadow:0 0 6px #00000040}.errorText{color:red}.customInput{display:block;height:30px;width:40px;max-width:50px}.customInput input::-webkit-outer-spin-button,.customInput input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.customInput .MuiInputBase-root{height:100%!important;border:1px solid #E8ECEF!important;border-radius:4px!important}.customInput .MuiFilledInput-underline{border:0px!important}.customInput .MuiFilledInput-underline:after{border:0px!important}.customInput .MuiFilledInput-underline:before{border:0px!important}.customInput .MuiFilledInput-root{background-color:#fff!important;font-size:12px!important;font-weight:700!important}.customInput .MuiFilledInput-input{text-align:center!important;padding:0!important}.bottomSection{position:absolute;bottom:20px;height:80px;display:flex;flex-direction:column-reverse}.list-body{position:absolute;top:0;left:-100%;width:520px;height:580px;overflow:hidden;background-color:#fff;border-radius:5px}.list-transition-enter-done{left:0}.list-transition-enter-active,.list-transition-appear-active{left:0;transition:all .4s}.list-transition-exit{left:0}.list-transition-exit-active{left:-100%;transition:all .4s}.down-body{position:absolute;bottom:-100%;left:0;width:520px;height:580px;overflow:hidden;background-color:#fff;border-radius:5px}.down-transition-enter-done{bottom:0}.down-transition-enter-active,.down-transition-appear-active{bottom:0;transition:all .4s}.down-transition-exit{bottom:0}.down-transition-exit-active{bottom:-100%;transition:all .4s}.right-body{position:absolute;top:0;right:-100%;width:520px;height:580px;overflow:hidden;background-color:#fff;border-radius:5px}.right-transition-enter-done{right:0}.right-transition-enter-active,.right-transition-appear-active{right:0;transition:all .4s}.right-transition-exit{right:0}.right-transition-exit-active{right:-100%;transition:all .4s}.checkoutBody{position:absolute;background-color:#f5f5f5;width:100%;height:100%;top:0;left:100%}.checkOutSlideSection-appear-active,.checkOutSlideSection-enter-active{left:0;transition:all .4s}.checkOutSlideSection-enter-done,.checkOutSlideSection-exit{left:0}.checkOutSlideSection-exit-active{left:100%;transition:all .4s}.ripple{background-position:center;transition:background .5s}.ripple:hover{background:#fff radial-gradient(circle,transparent 1%,rgb(255,255,255) 1%) center/15000%}.ripple:active{background-color:#48ff481a;background-size:100%;transition:background 0s}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.customHorizontal{height:0;border-left:0;margin:0;color:#e8ecef}.container{overflow-y:auto}.backgroundRed{background-color:red}