@import url(https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600&family=Inter:wght@400;500&family=Josefin+Sans&family=Lato:wght@400;700&family=Mulish:ital,wght@0,500;0,600;1,700&family=Poppins:wght@400;500;600;700&display=swap);body{background-color:#252836}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background-color:#191919}::-webkit-scrollbar-thumb{background-color:#c9ac8c}h2{color:#fff}.bell{display:flex;justify-content:space-between}.bell__navbar{margin-left:100px}.bell__order{margin-left:400px}.navBar{background:#1f1d2b;border-radius:0 16px 16px 0;left:0;max-width:104px;min-height:100vh;position:fixed;top:0;width:100%}.navBar__logo-box{padding:24px 24px 16px}.navBar__logo-container{align-items:center;background:hsla(20,76%,67%,.271);border-radius:12px;display:flex;justify-content:center;padding:11px 11px 13px;text-decoration:none}.navBar__logo-container .bx{color:#fff;font-size:30px}.navBar__list{list-style:none;margin:0;padding:0}.navBar__item{padding:10px 0 12px 12px}.navBar__holder{align-items:center;border-radius:8px;box-shadow:none;display:flex;justify-content:center;padding:16px}.navBar__holder,.navBar__link{background:transparent;transition:all .3s ease}.navBar__link{border-radius:12px 0 0 12px;display:inline-block;padding:13px 24px 11px 12px;text-decoration:none}.navBar__link .bx{color:#ea7c69;font-size:24px;transition:all .3s ease}.navBar__active{background-color:#252836}.navBar__active .navBar__holder{background:#ea7c69;box-shadow:0 8px 24px hsla(9,75%,66%,.32)}.navBar__active .bx{color:#fff}.navBar__logout-box{padding:24px}.navBar__logout-link{padding:16px}.navBar__logout-link .bx{color:#ea7c69;font-size:24px}.modals{background-color:#1f1d2b;box-shadow:0 4px 12px rgba(0,0,0,.15);height:100%;opacity:0;overflow:auto;padding:20px 24px 24px;position:fixed;right:0!important;top:0!important;-webkit-transform:translateX(900px);transform:translateX(900px);width:380px;z-index:100}.modals__inner{border-bottom:1px solid #393c49;margin-bottom:24px}.modals__title{color:#fff;font-size:28px;margin:0}.modals__text,.modals__title{font-weight:600;line-height:140%}.modals__text{color:#abbbc2;font-size:16px}.modals__method{color:#fff;font-size:20px;font-weight:600;line-height:140%;margin:0 0 16px}.modals__list{align-items:center;display:flex;list-style:none;margin-bottom:25px;padding:0}.modals__item{background:#252836;border:1px solid #abbbc2;border-radius:8px;margin-right:10px;padding:8px 25px}.modals__btns{align-items:center;background-color:transparent;border:none;display:flex;flex-direction:column}.modals__icon{color:#abbbc2;font-size:22px}.modals__cards{font-size:14px}.modals__cards,.modals__naming{color:#fff;font-weight:500;line-height:130%}.modals__naming{display:inline-block;font-size:16px;margin-bottom:8px}.modals__input{background:#2d303e;border:1px solid #393c49;border-radius:8px;color:#abbbc2;padding:14px;width:350px}.modals__input:focus{outline:none}.modals__input1{background:#2d303e;border:1px solid #393c49;border-radius:8px;color:#abbbc2;padding:14px;width:153px}.modals__input1:focus{outline:none}.modals__name{margin-bottom:16px}.modals__bottm{border-bottom:1px solid #393c49;padding-bottom:13px}.modals__wrap{align-items:center;display:flex}.modals__wrapper{margin-right:10px;width:55%}.modals__buttons{align-items:center;display:flex;justify-content:space-between;margin-top:20px}.modals__cancel{background:transparent;border:1px solid #ea7c69;border-radius:8px;color:#ea7c69;cursor:pointer;font-weight:600;padding:14px 66px;transition:all .3s ease}.modals__cancel:hover{background-color:#ea7c69;color:#fff}.modals__pay{background:#ea7c69;border:1px solid #ea7c69;border-radius:8px;box-shadow:0 8px 24px hsla(9,75%,66%,.4);color:#fafafa;cursor:pointer;font-size:14px;font-weight:600;line-height:140%;padding:12px 28px;transition:all .3s ease}.modals__pay:hover{background-color:#fff;color:#ea7c69}.blocks{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.blocks,.nonesings{display:block;transition:all .8s ease}.nonesings{opacity:0;-webkit-transform:translateX(900px);transform:translateX(900px)}.error{border:2px solid red}.correct{border:1px solid #abbbc2}.orderitems{list-style:none;margin-bottom:30px}.orderitems__main-div{justify-content:space-between}.orderitems__count-div,.orderitems__main-div{align-items:center;display:flex}.orderitems__count{background:#2d303e;border:1px solid #393c49;border-radius:8px;color:#fff;font-size:18px;margin:0 16px 0 0;padding:10px 16px}.orderitems__price{color:#fff;margin:0}.orderitems__img{border-radius:50%;height:45px;object-fit:cover;width:45px}.orderitems__input-main{align-items:center;display:flex;justify-content:space-between;padding-top:20px}.orderitems__input{background:#2d303e;border:1px solid #393c49;border-radius:8px;color:#fff;font-size:14px;font-weight:400;line-height:140%;outline:none;padding:14px;width:290px}.orderitems__deltee{background-color:transparent;border:1px solid #ff7ca3;border-radius:8px;padding:10px 14px}.orderitems__img-div{align-items:center;display:flex}.orderitems__name-div{display:flex;flex-direction:column;justify-content:center;margin-left:10px}.orderitems__name{color:#fff;font-size:14px;font-weight:500;line-height:130%;margin:0}.orderitems__price-save{color:#abbbc2;font-size:12px;font-weight:500;line-height:140%}.order{background-color:#1f1d2b;min-height:100vh;position:fixed;right:0;top:0;width:420px}.order__container{padding:0 20px}.order__title{color:#fff;font-size:20px;font-weight:600;line-height:140%}.order__buttons{align-items:center;display:flex}.order__btn{background:#1f1d2b;border:1px solid #393c49;border-radius:8px;color:#ea7c69;font-size:14px;font-weight:600;line-height:140%;margin-right:10px;padding:7px 12px}.active__btn{background:#ea7c69;border:1px solid transparent;border-radius:8px;color:#fff}.order__item-main{justify-content:space-between;padding-top:10px}.order__item-main,.order__item-price{align-items:center;display:flex}.order__items{color:#fff;font-size:16px;font-style:normal;font-weight:600;line-height:140%}.qty{margin-right:30px}.order__list{height:350px;overflow-y:scroll;padding:0}.order__list::-webkit-scrollbar{width:1px}.order__list::-webkit-scrollbar-track{background-color:#191919}.order__list::-webkit-scrollbar-thumb{background-color:#c9ac8c}.order__discountbox{align-items:center;display:flex;justify-content:space-between}.order__discount{color:#fff;margin:0 0 20px;padding:0}.order__span-count{color:#fff}.order__total{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.order__button{background:#ea7c69;border-radius:8px;box-shadow:0 8px 24px hsla(9,75%,66%,.3);color:#fafafa;cursor:pointer;font-size:14px;font-weight:600;line-height:140%;padding:14px 116px;transition:all .3s ease}.order__button:hover{background-color:transparent;color:#ea7c69}.chart{display:flex;justify-content:space-between}.chart__navbar{margin-right:100px}.chart__order{margin-left:400px}.discount{display:flex;justify-content:space-between}.discount__navabar{margin-right:100px}.discount__order{margin-left:400px}.home{display:flex;justify-content:space-between}.home__navbar{margin-right:100px}.home__order{margin-left:400px}.home__center{background-color:#252836;padding:20px 20px 0;width:100%}.home__title-main{align-items:center;display:flex;justify-content:space-between}.home__title{color:#fff;font-size:28px;font-style:normal;font-weight:600}.home__text,.home__title{line-height:140%;margin:0}.home__text{color:#e0e6e9;font-size:16px;font-weight:400;padding:0}.home__input-div{padding-right:20px;position:relative}.home__input{background:#2d303e;border:none;border-radius:8px;color:#e0e6e9;font-size:14px;font-weight:400;line-height:140%;outline:none;padding:14px 43px;width:220px}.home__icon{color:#fff;font-size:20px;left:13px;position:absolute;top:16px}.home__button-div{padding-top:50px}.home__btn{background-color:transparent;border:1px solid transparent;color:#fff;cursor:pointer;font-size:14px;font-weight:600;line-height:140%;margin-right:20px;text-transform:capitalize}.food__title-main{align-items:center;display:flex;justify-content:space-between;padding-top:40px}.food__title{color:#fff;font-size:20px;font-weight:600;line-height:140%}.food__select{background:#1f1d2b;border:1px solid #393c49;border-radius:8px;color:#fff;margin-right:25px;padding:10px 20px}.food__list{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.fooditem__item{background:#1f1d2b;border-radius:16px;height:226px;list-style:none;margin-bottom:50px;margin-right:18px;margin-top:30px;width:190px}.fooditem__img{border-radius:50%;height:150px;left:20px;object-fit:cover;position:relative;top:-30px;width:150px}.fooditem__div{margin-top:-20px;text-align:center}.fooditem__name{color:#fff;font-size:14px;font-weight:500;line-height:130%;margin:0 0 5px}.fooditem__price{color:#fff;display:inline-block;margin-bottom:5px}.fooditem__bowls,.fooditem__price{font-size:14px;font-weight:400;line-height:140%}.fooditem__bowls{color:#abbbc2;margin:0}.mail{display:flex;justify-content:space-between}.mail__navbar{margin-right:100px}.mail__order{margin-left:400px}.setting{display:flex;justify-content:space-between}.setting__navbar{margin-left:100px}.setting__list{padding:0}.setting-menu{background:#1f1d2b;border-radius:8px;color:#fff;height:85vh;width:22vw}.setting__item{cursor:pointer;display:flex;margin-bottom:30px;padding:20px 30px 5px;position:relative;transition:all .2s ease}.setting__item h4{font-size:14px;margin:0 0 8px}.setting__item p{color:#abbbc2;font-size:12px;font-weight:500;margin:0}.setting__item:hover{background:hsla(9,75%,66%,.26)}.setting__item:hover .setting__icon,.setting__item:hover h4{color:#ea7c69}.setting__item:hover:after{background-color:#ea7c69;border-radius:30px;content:"";display:inline-block;height:40px;position:absolute;right:0;width:4px}.setting__icon{color:#abbbc2}.setting__title-div{margin-left:10px}.setting__title{color:#fff;font-size:28px;font-weight:600;line-height:140%;margin-bottom:16px;padding-top:20px}.product{background-color:#1f1d2b;border-radius:8px;height:85vh;margin-right:30px;margin-top:75px;position:relative;width:65vw}.product__btn{background-color:transparent;border:1px solid #393c49;border-radius:8px;color:#fff;-webkit-filter:drop-shadow(0 8px 24px rgba(146,136,224,.3));filter:drop-shadow(0 8px 24px rgba(146,136,224,.3));padding:14px;transition:all .3s ease}.product__btn:hover{background-color:#ea7c69}.product__add__btn{align-items:center;background-color:red;background:#1f1d2b;border:2px dashed #ea7c69;border-radius:8px;color:#ea7c69;display:flex;flex-direction:column;height:320px;justify-content:center;text-align:center;width:235px}.product__icon{font-size:20px}.product__list__wrap{gap:20px;height:63%;overflow-y:scroll}.product__item__food{align-items:center;border:1px solid #393c49;border-radius:8px;display:flex;flex-direction:column;height:320px;justify-content:center;margin:0;position:relative;text-align:center;width:235px}.edit-part{background:hsla(9,75%,66%,.216);border-radius:0 0 8px 8px;bottom:0;cursor:pointer;height:50px;left:0;position:absolute;transition:all .3s ease;width:100%}.edit-part:hover{background:rgba(162,88,75,.216)}.product__imgs{border-radius:50%;object-fit:cover;position:relative;top:-20px}.type-of-food{margin:0}.edit-text{color:#ea7c69;font-size:14px;font-weight:500}.products__button{align-items:center;display:flex;padding:14px 34px}.product__btn__wrap{bottom:20px;position:absolute}.product__infos{color:#abbbc2;font-weight:600}.middle-part__list{list-style:none;padding:0}.food-links{background-color:transparent;border:1px solid transparent;color:#fff;list-style:none;text-transform:capitalize}.food-links:hover{color:#ea7c69}.product__list__wrap{list-style:none;padding:0}.products__button{background-color:transparent!important;border:1px solid #393c49;border-radius:8px;color:#fff;-webkit-filter:drop-shadow(0 8px 24px rgba(146,136,224,.3))!important;filter:drop-shadow(0 8px 24px rgba(146,136,224,.3))!important;padding:14px;transition:all .3s ease}.products__button:hover{background-color:#ea7c69!important}.add-modal{background-color:#1f1d2b;border-radius:10px;height:70vh;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:35vw;z-index:222}.add-modal input{background-color:#393c49;border:none;border-radius:8px;color:#fff;height:50px;padding-left:15px;width:70%}.add-modal input::-webkit-input-placeholder{color:rgba(171,187,194,.78)}.add-modal input:-ms-input-placeholder{color:rgba(171,187,194,.78)}.add-modal input::placeholder{color:rgba(171,187,194,.78)}.add-modal input:focus{outline:none}.backdrop-add{background-color:rgba(0,0,0,.56);height:100vh;left:0;position:fixed;top:0;width:100vw}.add-modal-btns{bottom:20px;position:absolute}.add-modal-btns button{background-color:transparent;border:1px solid #ea7c69;border-radius:8px;color:#ea7c69;padding:10px 30px;transition:all .3s ease}.add-modal-btns button:hover{background:#ea7c69;box-shadow:0 8px 24px hsla(9,75%,66%,.4);color:#fff}.edits{background-color:rgba(0,0,0,.7);display:flex;height:100vh;justify-content:end;left:0;position:fixed;top:0;transition:all 0s ease .4s;width:100%;z-index:200}.edits,.edits__main{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.edits__main{background-color:#1f1d2b;border-radius:16px 16px 0 16px;padding:64px 24px 24px;transition:all .5s ease;width:458px}.edits__title{color:#fff;font-size:20px;font-weight:600;line-height:140%;margin-bottom:24px}.edits__label{display:block;margin-bottom:16px;width:100%}.edits__name{color:#fff;display:block;font-size:14px;font-weight:500;line-height:130%;margin-bottom:8px;padding-left:5px}.edits__input{background-color:#2d303e;border:1px solid #393c49;border-radius:8px;color:#fff;font-size:14px;line-height:140%;padding:14px;width:100%}.edits__input:focus{outline:none}.edits__input::-webkit-input-placeholder{color:#e0e6e9}.edits__input:-ms-input-placeholder{color:#e0e6e9}.edits__input::placeholder{color:#e0e6e9}.edits__open{transition:all 0s ease}.edits__mopen,.edits__open{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.edits__cancelbtn,.edits__mopen{transition:all .4s ease}.edits__cancelbtn{background-color:transparent;border:1px solid #ea7c69;border-radius:8px;color:#ea7c69;font-size:14px;font-weight:600;line-height:140%;margin-right:16px;padding:14px}.edits__btn,.edits__cancelbtn:hover{background-color:#ea7c69;color:#fff}.edits__btn{border:1px solid #ea7c69;border-radius:8px;box-shadow:0 8px 24px hsla(9,75%,66%,.4);font-size:14px;font-weight:600;line-height:140%;transition:all .4s ease}.edits__btn:hover{background-color:#c75f4c;border-color:#c75f4c;color:#fff}
/*# sourceMappingURL=main.a8ce24d0.css.map*/