@import url("PT_Sans/PTSans-Regular.ttf");
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

.input-text.qty::-webkit-outer-spin-button,
.input-text.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.addLocationButton {
    padding: 5px;
    margin-right: 5px;
    border: 1px solid var(--business-primary-color);
    border-radius: 10px;
    cursor: pointer;
}

input {
    -webkit-appearance: none;
}


.share-btn {
    position: absolute;
    top: 0;
    color: white;
    /*left: 50px;*/
    right: 50px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: var(--business-primary-color);
    margin: 10px;
}
/*ITEMS MENU CSS*/

/*html {
    scroll-behavior: smooth;
}

.menuItem {
    cursor: pointer;
    padding: 10px;
    border: 1px solid #ccc;
    transition: background-color 0.3s;
    display: block;
}

    .menuItem.active {
        background-color: #edf6fd;
        color: #05027f !important;
        font-weight: 700;
        border: 1px solid #05027f;
        border-radius: 10px;
    }

header .menuItem.active a {
    color: #05027f !important;
}

.menuItem:not(.active) {
    display: none;
    background-color: transparent;
}

.active-right {
    background-color: #fff;
    display: block !important;
    border: 0px;
}

.specialSection section {
    position: inherit !important;
}

.header-menu {
    z-index: 100;
}

header .row {
    padding: 10px 0px;
    display: table;
    text-align: center;
}

li.active:first-child {
    margin-left: 0px !important;
}

.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 100;
}*/

/*ITEMS MENU CSS*/
.menu-item__price.discount-price, .priceItem .menu-item__price.discount-price, .priceItem .menu-item__price.dollar.discount-price {
    font-size: 12px;
}

.ingredient-container {
    display: flex;
    flex-wrap: wrap;
    row-gap: 5px;
}

.loader.item-details-popup-loader {
    position: initial;
}

.loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    flex-direction: column;
    align-content: center;
    transition: opacity 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    flex-direction: column;
    align-content: center;
}

.semi-circle {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-top: 4px solid var(--business-primary-color);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite; /* Add rotation animation */
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(180deg);
    }
    /* Change to 180deg for semi-circle */
}

.content {
    overflow-x: hidden;
}

.animateContent {
    animation: slideAndShow 3s forwards; /* Adjust the duration as needed */
}

.loader h1 {
    font-size: 18px;
    color: var(--business-primary-color);
}

.loader i {
    font-size: 3rem; /* Adjust the size as needed */
    color: var(--business-primary-color); /* Change to your desired color */
}

.logo {
    max-width: 150px; /* Adjust the size as needed */
    margin-bottom: 20px;
    margin-top: 20px
}

.loader p {
    font-size: 18px;
    color: #333;
}

/* Additional styles for fun animation */
@keyframes wiggle {
    0%, 100% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(15deg);
    }

    75% {
        transform: rotate(-15deg);
    }
}

.loader .logo {
    animation: wiggle 1s infinite; /* Apply the animation to the logo */
}

@keyframes slideAndShow {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideAndHide {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(-100%);
        opacity: 0.5;
        display: none;
    }
}
/*.loader::after {
        content: "Loading...";
    }*/
.ingredient {
    padding: 10px;
    margin-right: 5px;
    border: 2px solid var(--business-primary-color);
    border-radius: 10px;
    cursor: pointer;
}

.fixed-bottom {
    position: fixed;
    right: unset;
    bottom: 0;
    left: unset;
    z-index: 1030;
}

.selected {
    background-color: var(--business-primary-color);
    color: #fff;
}

.size {
    padding: 10px;
    margin-right: 5px;
    border: 2px solid var(--business-primary-color);
    border-radius: 10px;
    cursor: pointer;
}

.size-container {
    list-style: none;
    padding: 0;
    display: flex;
}

.ingredientText {
    font-weight: 500;
    font-size: 13px;
}

.ingredient-border {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin: 10px 0px;
}

.ingredient-textarea {
    width: 100%;
    height: 50px;
    min-height: 70px;
    resize: vertical;
    padding: 10px;
    border: 2px solid var(--business-primary-color);
    border-radius: 10px;
}

.white-popup {
    position: fixed;
    /*top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/
    max-height: 90vh; /* Set a maximum height for the popup to ensure it fits within the viewport */
    overflow-y: auto; /* Enable vertical scrolling for the popup if its content overflows */
    background-color: #fff;
    padding: 20px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
    z-index: 9999;
}

.popup-content {
    display: flex;
    flex-direction: column;
}
/*.outlet-item__add-to-basket {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    padding: 10px;
    border-top: 1px solid #ccc;
    display: flex;
    justify-content: center;
}*/
.white-popup {
    /* Your existing styles for the popup */
    position: relative;
}

/*p.companyPrices {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    border-right: 2px solid #ccc;
    padding-right: 10px;
}*/

a.companyPrices {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    border-right: 2px solid #ccc;
    padding-right: 10px;
}

    /*  p.companyPrices:last-child {
        border-right: 0px;
        margin-right: 0px;
    }*/

    a.companyPrices:last-child {
        border-right: 0px;
        margin-right: 0px;
    }



.dropdown {
    float: left;
    overflow: hidden;
}

.item-title {
    margin-left: 10px;
}

.search-bar {
    width: 100%;
}

.clearbtn {
    color: transparent;
    z-index: 1;
}

.displayfooter {
    color: #413b3a;
    display: inline-block;
    margin-bottom: 80px;
    width: 100%;
}

.pressedSection {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
/* select.selectLang {
    appearance: none;
    background: var(--business-primary-color);
    background-image: url("/images/down-arrow.png")!important;
    background-size: 15px 10px;
    background-repeat: no-repeat;
    background-position-x: calc(100% - .5em);
    background-position-y: 50%;
    padding: 10px 30px 10px 5px;
    width: 100%;
    color: #fff;
    border: 1px solid var(--business-primary-color);
    border-radius: 10px;
  } */
.outSection {
    left: 50%;
    transform: translate(-50%, 0%);
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    border-radius: 0px;
    color: #fff;
    z-index: 1029;
}

.orderInst {
    font-size: 15px;
    color: var(--business-primary-color);
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 6px;
}

.orders {
    padding-top: 1rem;
}

    .orders .row {
        padding: 0px 15px;
    }

.previewOrder {
    border: 2px solid var(--business-primary-color);
    width: 90%;
    border-radius: 5px;
    background: var(--business-secondary-color);
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 600;
    color: var(--business-primary-color);
    margin: 10px;
}

.repeatOrder {
    border: 2px solid var(--business-primary-color);
    width: 90%;
    border-radius: 5px;
    background: var(--business-primary-color);
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin: 10px;
}

.orderInner-box {
    border-bottom: 1px solid #ccc;
    padding: 15px 0px;
}

    .orderInner-box .row, .orderInner-box .col-6 {
        padding: 0px;
    }

    .orderInner-box h3 {
        color: #000;
        font-weight: 700;
        font-size: 18px;
        line-height: 26px;
    }

    .orderInner-box h5 {
        color: #000;
        font-size: 16px;
        font-weight: 500;
    }

.orderBtns .row, .orderBtns .col-6 {
    padding: 0px;
}

.order-box {
    border: 2px solid var(--business-primary-color);
    padding: 5px 10px;
    background: #fff;
    border-radius: 10px;
}

.item-image {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

select.selectLang {
    appearance: none;
    background: #fff;
    /* background-image: url(downarrow-blue.png) !important;
    background-size: 10px 7px;
    background-repeat: no-repeat;
    background-position-x: calc(100% - 0.5em);
    background-position-y: 50%;*/
    padding: 7px 30px 7px 5px;
    width: 100%;
    color: var(--business-primary-color);
    border: 1px solid var(--business-primary-color);
    border-radius: 10px;
    font-size: 12px;
}

.lang {
    position: relative;
}

    .lang:after {
        font-size: 0.8rem;
        content: "\f078";
        /*content: "\f13a ";*/
        font-family: FontAwesome;
        color: var(--business-primary-color);
        position: absolute;
        right: 11px;
        top: 7px;
        z-index: 1;
        width: 10%;
        height: 100%;
        pointer-events: none;
    }

.item-img img {
    border-radius: 15px;
    height: 16rem;
    --bg-opacity: 1;
    background-color: #f5f5f5;
    background-color: rgba(245, 245, 245, var(--bg-opacity));
    position: relative;
    width: 100%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}

.banner-img.map img {
    width: 100%;
    height: 250px;
}

.lang a {
    color: var(--business-primary-color);
    font-size: 15px;
    font-weight: 600;
    margin-left: 10px;
    text-decoration: underline;
}

.flex-btns {
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.offcanvas-header {
    background-color: #fff;
    /*background-color: var(--business-secondary-color);*/
}

.btn-close {
    box-sizing: content-box;
    padding: 0.25em 0.25em;
    color: #000;
    /* background: url("/images/close-btn.png")center/1.5em auto no-repeat; */
    background-repeat: no-repeat;
    border: 0;
    opacity: 1;
}

.offcanvas-header .btn-close {
    color: var(--business-primary-color);
    margin-right: 1px;
}

.flex-btns p {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--business-primary-color);
}

.dropdown .dropbtn {
    cursor: pointer;
    font-size: 16px;
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

button.dropbtn {
    color: #fff;
}

.dropbtn fa {
    color: var(--business-primary-color);
}

.dropdown-content {
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 1;
    width: 77%;
    left: 0;
    margin-left: 45px;
    margin-top: 20px;
    border: 1px solid var(--business-primary-color);
}

    .dropdown-content a {
        float: none;
        color: var(--business-primary-color);
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
        border-bottom: 1px solid #ccc;
        font-size: 15px;
        font-weight: 500;
    }

/*.delivery-par p {
    color: var(--business-primary-color);
    font-size: 13px;
    font-weight: 500;
    margin-right: 10px;
}*/

.delivery-par a {
    color: var(--business-primary-color);
    font-size: 13px;
    font-weight: 500;
    margin-right: 10px;
}


.dropdown-content a:hover {
    background-color: #ddd;
}

.show {
    display: block;
}

li.active:first-child {
    margin-left: 20px !important;
}

.header-menu.smaller .row {
    padding-left: 5px;
}

.grid .menu-item__content, .grid .menu-item__info {
    display: flex;
    width: 100%;
    /*flex-direction: column-reverse;*/
    flex-wrap: wrap;
    justify-content: space-between;
    /*justify-content: flex-end;*/
    align-items: center;
    /*align-items: flex-start;*/
}

    .grid .menu-item__content .menu-item__name, .grid .menu-item__content .menu-item__description, .grid .menu-item__content .menu-item__price {
        text-align: center !important;
    }

.grid .menu-item__content {
    flex-direction: column;
}

.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.5;
    color: var(--business-primary-color);
    font-size: 24px;
    font-weight: bold;
}

.delivery-par {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    background: #f5f5f5;
    padding: 10px 10px;
    text-align: center;
    border: 1px solid var(--business-primary-color);
    border-radius: 10px;
}

.grid .pl-4 {
    padding-left: 0px;
    margin-top: 10px;
}

.grid .menu-item__photo img {
    border-radius: 15px;
    width: 140px;
    height: 115px;
}

.grid a.menu-item--reverse.menu-item {
    transition: background-color 0.3s ease-out;
    width: 50%;
    padding: 1rem;
    background-color: var(--color-white);
    display: flex;
    flex-wrap: wrap;
}

.flex-display {
    display: flex;
    flex-wrap: wrap;
}

.searchbar .fas {
    color: var(--business-primary-color);
    font-size: 16px;
    margin-right: 10px;
}

.uppear-header {
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    padding: 0px 10px;
    height: 70px;
}

.white-popup .setting-sections {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 10px;
}

.white-popup .setting-titles p {
    font-size: 16px;
    color: #000;
    margin-left: 0px
}

.searchbar {
    height: 35px;
    width: 75%;
    background-color: #f5f5f5;
    border-radius: 10px;
    padding: 12px;
    border: 2px solid var(--business-primary-color);
    display: flex;
    align-content: center;
    align-items: center;
}
    .searchbar2:hover > .search_icon {
        background: white;
        color: var(--business-primary-color);
    }

.searchbar2 {
    height: 35px;
    background-color: #f5f5f5;
    border-radius: 10px;
    padding: 12px;
    display: flex;
    align-content: center;
    align-items: center;
}

.searchbar2 .fas {
    color: var(--business-primary-color);
    font-size: 16px;
    margin-right: 10px;
}


.grid-list {
    display: flex;
    /*padding: 0.5rem 0.5rem;*/
    /*padding: 0.5rem 1rem;*/
}

    .grid-list a {
        height: 35px;
        width: 35px;
        border: 1px solid var(--business-primary-color);
        background: #fff;
        border-radius: 50%;
        display: flex;
        margin-right: 5px;
        color: white;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

.viewCart a {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    z-index: 1000000;
}

.cart-section {
    /* z-index: 1000000; */
    width: 100%;
    background: var(--business-primary-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    border: 1px solid var(--business-primary-color);
    border-radius: 10px;
    color: #fff;
}

#toast-container > div {
    opacity: 1 !important;
}

.swal2-icon.swal2-success {
    border-color: #a5dc86;
    color: var(--business-primary-color) !important;
}

    .swal2-icon.swal2-success [class^=swal2-success-line] {
        background-color: var(--business-primary-color) !important;
    }

    .swal2-icon.swal2-success .swal2-success-ring {
        border: 0.25em solid rgb(3 1 131 / 66%) !important;
    }

.rightLang {
    margin-top: 5px;
}

.swal2-title {
    color: var(--business-primary-color) !important;
}

.swal2-styled.swal2-confirm {
    background-color: var(--business-primary-color) !important;
}

.totalCartPrice {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    z-index: 1000000;
}

.grid-list a.active {
    background: var(--business-primary-color);
    color: #fff;
}

.grid-list i {
    font-size: 16px;
    color: var(--business-primary-color);
}

.grid-list a.active i {
    color: #fff;
}

header nav {
    margin-top: 5px;
}

.search_input {
    color: var(--business-primary-color);
    border: 0;
    outline: 0;
    background: none;
    width: 0;
    line-height: 25px;
    transition: width 0.4s linear;
}

.search_input {
    padding: 0 10px;
    width: 100%;
    transition: width 0.4s linear;
    border: 0px !important;
}

.searchbar:hover > .search_icon {
    background: white;
    color: var(--business-primary-color);
}

.search_icon {
    height: 25px;
    width: 25px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: white;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right !important;
}

.item-title h2 {
    color: #000;
    font-size: 16px;
}

.add-to-basket {
    bottom: 0;
    padding-left: 0.7rem;
    padding-right: 0.7rem;
    padding-bottom: 1rem;
    margin-top: 1rem;
}

header a {
    color: var(--business-primary-color) !important;
}

form {
    padding: 5px;
}

.close-btn {
    font-size: 25px;
    color: var(--business-primary-color);
}

.item-title p {
    color: var(--business-primary-color);
    font-size: 16px;
}

.info-page {
    padding: 20px 10px;
}

.order-btns .active {
    background-color: var(--business-primary-color) !important;
    color: #fff;
    opacity: 1;
}

a:hover {
    opacity: 1;
}

label {
    color: #000;
    padding: 0px 5px;
    margin-right: 10px;
    font-size: 16px;
}

.bs-caret {
    display: none !important;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.dropdown-toggle::after {
    display: none !important;
}

.btn {
    border: 0px;
    border-radius: 0px;
    padding: 0px;
}

.menu-title {
    width: 33%;
}

.forgot-pass {
    color: #000;
    font-weight: 700;
    font-size: 15px;
}

.profile-btn {
    width: 60%;
    text-align: left;
    z-index: 1;
}

.mt-20 {
    margin-top: 20px;
}

.humburger-btn {
    width: 33%;
}

.fixed-top {
    position: absolute;
    top: 1px;
    right: 0;
    z-index: 1030;
}

header.smaller a,
header.smaller .separator {
    color: var(--business-primary-color) !important;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 0px;
}

    .input-group-text i {
        color: var(--business-primary-color);
        font-weight: bold;
    }

.form-txt {
    text-align: center;
}

    .form-txt p {
        font-size: 14px;
        font-weight: 500;
    }

    .form-txt span {
        color: #212529;
        font-weight: 700;
    }

.outlet-item__signup button {
    position: relative;
    background-color: var(--business-primary-color);
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    color: var(--color-on-primary);
    display: block;
    border-radius: 10px;
    text-align: center;
    display: flex;
    width: 100%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    height: 3.5rem;
    font-weight: 700;
    margin-top: 10px;
    justify-content: center;
    align-items: center;
}

.row-flex h3 {
    color: #212529;
    font-weight: 700;
    margin-right: 20px;
    font-size: 16px;
}

.fixed-top {
    left: unset;
}

.offcanvas-body h2 {
    color: var(--business-primary-color);
    font-size: 22px;
    font-weight: bold;
    padding: 10px;
}

.navbar-toggler-icon {
    background-image: none !important;
    /*background-image: url(hamburgericon.png) !important;*/
}

.banner-img {
    margin-top: -55px;
}

.map-section {
    border: 1px solid var(--business-primary-color);
    border-radius: 10px;
    padding: 10px 7px;
}

input#textFieldTextJS {
    width: 100%;
}

/*input[type="search"]:-webkit-search-clear-button {
    background-color: var(--business-primary-color);
}*/

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    background-color: var(--business-primary-color);
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23777'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
}


.navbar-toggler {
    border: 1px solid var(--business-primary-color);
    border-radius: 22%;
    background: #fff;
}

    .navbar-toggler:focus {
        box-shadow: 0 0 0 calc(var(--bs-navbar-toggler-focus-width) / 4) var(--business-primary-color);
    }

.flex-section {
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.row-flex {
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

.form-select {
    padding: 10px;
    border-radius: 10px;
    height: 45px;
}

.profile-btn a {
    background: #fff;
    padding: 12px 7px;
    border-radius: 10px;
    font-size: 12px;
    color: var(--business-primary-color);
}

    .profile-btn a.signIn {
        background: #fff;
        padding: 7px;
        border-radius: 10px;
        font-size: 12px;
        color: var(--business-primary-color);
    }

.form-control {
    border: 0px;
    padding: 10px;
    border-radius: 10px;
    height: 45px;
}

.input-group {
    border: 1px solid #ccc;
    border-radius: 10px;
}

.header-items {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    height: 55px;
    background: transparent;
}

.header-item {
    height: 60px;
    display: flex;
    align-content: center;
    align-items: center;
}

.map-section a {
    border: 2px solid var(--business-primary-color);
    padding: 10px;
    border-radius: 10px;
    color: var(--business-primary-color);
}

.header-item .fa-solid {
    font-size: 22px;
    font-weight: 900;
    color: var(--business-primary-color);
}

.cart-box.empty .item-image img {
    border-radius: 15px;
    width: 140px;
    height: 100px;
}

.cart-box.empty a {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    text-decoration: underline;
    color: var(--business-primary-color);
}

.cart-box.empty .item-title p {
    color: var(--business-primary-color);
    font-size: 16px;
    margin-top: 10px;
}

.cart-box.empty {
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    border-radius: 15px;
    background: #fff;
    padding: 10px;
    margin-bottom: 20px;
}

    .cart-box.empty .item-image {
        margin-right: 15px;
    }

.order-section a {
    opacity: 1;
}

.total-payment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    margin-bottom: 5px;
}

.payment {
    padding: 10px;
}

.total-payment h3 {
    color: var(--business-primary-color);
    font-weight: bold;
    font-size: 18px;
}

.total-payment h4 {
    color: var(--business-primary-color);
    font-weight: 600;
    font-size: 15px;
}

.pd-10 {
    padding: 10px;
}

.flex-direction {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

.change-btn {
    color: var(--business-primary-color);
    font-size: 14px;
    font-weight: 700;
}

.my-1 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.order-btns .active.none {
    background-color: #fff !important;
    color: var(--business-primary-color);
}

.setting-page {
    padding: 40px 10px;
}

.map img {
    width: 100%;
    height: 250px;
}

.discount-details h6 {
    color: var(--business-primary-color);
    font-size: 18px;
}
/* .white-popup {
    overflow: auto;
    max-height: 100vh;
} */
/* Hide body overflow when popup is open */
.mfp-bg, .mfp-wrap {
    overflow-y: hidden !important;
}
    /* Restore body overflow when popup is closed */
    .mfp-bg.mfp-ready, .mfp-wrap.mfp-ready {
        overflow: auto;
        height:100%!important;
    }

.content-text {
    border-bottom: #ccc;
}

.map-section h3 {
    color: var(--business-primary-color);
    font-size: 14px;
    line-height: 15px;
    font-weight: 500;
    width: 40%;
}

.pricingModel {
    display: flex;
    align-items: center;
    align-content: center;
    padding: 15px 0px;
}

.pricingImage {
    margin-right: 10px;
}

    .pricingImage i {
        color: var(--business-primary-color);
        font-size: 20px;
    }

.pricingContent h5 {
    color: #000;
    font-size: 15px;
}

.exchangeRate {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    border-radius: 15px;
    background: #fff;
}

    .exchangeRate.warning {
        padding: 10px 5px;
    }

.rateData p {
    font-size: 13px;
}

.rateData {
    display: flex;
    align-items: center;
    align-content: center;
}

    .rateData i {
        color: var(--business-primary-color);
        font-size: 18px;
        margin-left: 10px;
    }

.exhcnageIcon i {
    color: var(--business-primary-color);
    font-size: 18px;
    margin-right: 10px;
}

.banner img {
    width: 100%;
}

.fixed-height-delivery {
    max-height: 450px !important;
    position: fixed !important;
    ;
    bottom: 0px !important;
    ;
    width: 100%;
}

.fixed-height {
    max-height: 300px !important;
    position: fixed !important;
    ;
    bottom: 0px !important;
    ;
    width: 100%;
}

.map-section h3.pickup {
    color: var(--business-primary-color);
    font-size: 14px;
    font-weight: 500;
    width: 35%;
}

.map-section p.pickup {
    font-size: 12.5px;
    width: 60%;
    white-space: nowrap;
    line-height: 15px;
}


.header-item .text-left {
    width: 20%;
}

.header-item .text-center {
    width: 60%;
}

.resto-info {
    margin-top: 25px;
    display: flex;
    align-content: center;
    align-items: center;
}

.map-section p {
    font-size: 12px;
    width: 50%;
}

.order-btns a {
    color: var(--business-primary-color);
    width: 80px;
    padding: 10px;
}

.right-btn {
    margin-left: -5px;
    border: 1px solid var(--business-primary-color);
    background: #fff;
    border-radius: 10px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.left-btn {
    border: 1px solid var(--business-primary-color);
    border-radius: 10px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.discount-details p {
    font-size: 14px;
}

.shadow-box {
    box-shadow: 0px 5px 15px 3px #c3c3c3;
}

.setting-sections .right-icon p {
    font-size: 15px;
    color: var(--business-primary-color);
    font-weight: 600;
}

.setting-sections {
    display: flex;
    justify-content: space-between;
    box-shadow: 0px 5px 15px 3px #c3c3c3;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 15px;
    align-items: center;
}

    .setting-sections i {
        color: var(--business-primary-color);
        font-size: 16px;
    }

.setting-titles {
    display: flex;
    align-items: center;
    align-content: center;
}

.setting-title p, .setting-title button {
    font-size: 16px;
    color: #000;
    margin-left: 10px;
}

.order-section {
    display: flex;
    align-content: center;
    align-items: center;
    padding: 0.5rem 1rem;
}

.promo-section {
    position: absolute;
    width: 100%;
    padding: 0.5rem 1rem 0.75rem;
}

.upper-header {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.right-button button {
    /*text-decoration: underline;*/
    color: #e60000;
    font-size: 14px;
    font-weight: 500;
}

.left-button a {
    /*text-decoration: underline;*/
    color: var(--business-primary-color);
    font-size: 14px;
    font-weight: 500;
}

.ingredient.left-button, .ingredient.right-button {
    border: 1px solid var(--business-primary-color);
}

.email-box__input {
    display: block;
    width: 100%;
    height: 3rem;
    border: 1px solid #fff;
    font-size: 1.4rem;
    padding: 1rem !important;
    border-radius: 20px;
}

.email-box__button {
    appearance: none;
    border: none;
    font-size: 18px;
    position: absolute;
    right: 17px;
    top: 8px;
    padding: 13px 30px;
    background: var(--business-primary-color);
    color: #fff;
    font-weight: 600;
    border-radius: 20px;
}

.radio-cart {
    padding: 20px;
    background: #fff;
    border-radius: 20px;
    margin-right: 15px;
}

.container-cart {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #000;
}

    /* Hide the browser's default radio button */
    .container-cart input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50%;
    border: 3px solid var(--business-primary-color);
}

/* On mouse-over, add a grey background color */
.container-cart:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container-cart input:checked ~ .checkmark {
    background-color: var(--business-primary-color);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-cart input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container-cart .checkmark:after {
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.cart .quantity.buttons_added {
    text-align: left;
    position: relative;
    white-space: nowrap;
    vertical-align: top;
    display: grid;
}

.cart .quantity .input-text.qty {
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 18px;
    background: var(--business-secondary-color);
    color: var(--business-active-color);
    font-weight: 600;
    border: 0px;
}

.input-group-text.promo {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

    .input-group-text.promo i {
        color: var(--business-primary-color);
        font-weight: bold;
        font-size: 22px;
    }

.order__name {
    font-size: 16px;
    /*font-size: 18px;*/
    line-height: 1.75rem;
    line-height: 1.5;
    font-weight: 600;
    padding: 10px 15px;
    color: var(--business-primary-color);
}

.cart {
    padding: 5px;
}

.order-type .radio-cart {
    padding: 10px 15px;
    background: #fff;
    border-radius: 10px;
    margin-right: 15px;
    border: 1px solid var(--business-primary-color);
}

.address.flex {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    padding: 20px 0px;
}

    .address.flex .form-check-input[type="radio"] {
        border-radius: 0px;
    }

    .address.flex .form-check-input:checked[type="radio"] {
        background-image: none;
    }

    .address.flex .form-check-input:checked {
        background-color: var(--business-primary-color);
        border-color: var(--business-primary-color);
    }

.address-input {
    margin-right: 20px;
}

.totalTitle {
    color: var(--business-primary-color);
    font-weight: bold;
    font-size: 18px;
}

.totalValue {
    color: var(--business-primary-color);
    font-weight: bold;
    font-size: 18px;
}

.option-price {
    color: var(--business-primary-color);
    font-weight: 600;
    font-size: 15px;
}

.total-payment input[type="radio"] {
    display: none;
}

.radio-caption {
    color: var(--business-primary-color);
    font-weight: 600;
    font-size: 15px;
}

.cart-box {
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    border-radius: 15px;
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
}

.cart .item-image img {
    border-radius: 10px;
    width: 110px;
    height: 90px;
    /*    width: 140px;
    height: 120px;*/
}

.cart .touch-button {
    margin-top: 0px;
}

.cart .quantity.buttons_added .minus {
    background-color: #ffffff;
    height: 40px;
    width: 40px;
    font-size: 20px;
    /*border: 0px solid;*/
    color: var(--business-active-color);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background: var(--business-secondary-color);
    font-weight: 600;
}

.cart .quantity.buttons_added .plus {
    background-color: #ffffff;
    height: 40px;
    width: 40px;
    font-size: 20px;
    color: var(--business-active-color);
    border: 0px solid;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    background: var(--business-secondary-color);
    font-weight: 600;
}

.inner-box {
    display: flex;
    justify-content: space-between;
    box-shadow: 0px 5px 15px 3px #c3c3c3;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 15px;
}

.font-awesome-icon a {
    font-size: 16px;
    color: var(--business-primary-color);
}

.icon {
    display: flex;
    align-items: center;
}

.info-page i {
    color: var(--business-primary-color);
    font-size: 16px;
}

.icon p {
    margin-left: 10px;
    font-size: 16px;
    color: #000;
}

.bg-blue {
    background: #fff;
    /*background: var(--business-secondary-color);*/
}

.location-title p {
    font-size: 16px;
    color: var(--business-primary-color);
    font-weight: 600;
}

.mfp-wrap {
    overflow: scroll;
}

.more-info {
    font-size: 22px;
}

.info-align {
    text-align: right;
}

.font-awesome-icon {
    font-size: 14px;
}

.clicked-button {
    border-radius: 15px;
    border: 1px solid #000;
    padding: 5px;
    font-weight: 700;
    margin-right: 5px;
}

.clicked-buttons {
    margin-top: 20px;
    display: flex;
    align-content: center;
}

.popup-more {
    border-bottom: 1px solid #ccc;
    padding: 15px 5px;
}

.notes {
    font-size: 13px;
    font-weight: 500;
}
/* -- quantity box -- */

.quantity {
    display: inline-block;
}

    .quantity .input-text.qty {
        width: 60px;
        height: 40px;
        text-align: center;
        font-size: 22px;
        color: var(--business-primary-color);
    }

.outlet-item__add-to-basket span {
    margin-right: 10px;
}

.quantity.buttons_added {
    text-align: left;
    position: relative;
    white-space: nowrap;
    vertical-align: top;
}

    .quantity.buttons_added input {
        display: inline-block;
        margin: 0;
        vertical-align: top;
        box-shadow: none;
    }

.touch-button {
    margin-top: 10px;
}

.quantity.buttons_added .minus,
.quantity.buttons_added .plus,
.quantity.buttons_added .minus-popup,
.quantity.buttons_added .plus-popup {
    background-color: #fff;
    border: 1px solid var(--business-primary-color);
    border-radius: 15px;
    height: 40px;
    width: 40px;
    font-size: 24px;
    color: var(--business-primary-color);
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    text-align: left;
    z-index: 1045;
    left: 0;
    height: 100% !important;
    overflow: scroll;
}
/* .outlet-item__add-to-basket{
    background-color: #fff;
} */

.quantity.buttons_added .minus:hover,
.quantity.buttons_added .plus:hover {
    background: #eeeeee;
}

.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
}

.quantity.buttons_added .minus:focus,
.quantity.buttons_added .plus:focus {
    outline: none;
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

main {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}

    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner,
    button::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }

    [type="button"]:-moz-focusring,
    [type="reset"]:-moz-focusring,
    [type="submit"]:-moz-focusring,
    button:-moz-focusring {
        outline: 1px dotted ButtonText;
    }

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

button.mfp-close {
    background: var(--business-primary-color);
    color: #fff;
    opacity: 1;
    border-radius: 50%;
    margin: 10px;
}

.mfp-close-btn-in .mfp-close {
    color: #fff;
}

/*[data-menu-item-popup] .mfp-close {
    right: unset !important;
    left: 0 !important;
}*/

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

details {
    display: block;
}

summary {
    display: list-item;
}

[hidden],
template {
    display: none;
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0;
}

button {
    background-color: transparent;
    background-image: none;
}

    button:focus {
        outline: 1px dotted;
        outline: 5px auto -webkit-focus-ring-color;
    }

fieldset,
ol,
ul {
    margin: 0;
    padding: 0;
}

ol,
ul {
    list-style: none;
}

html {
    font-family: Nunito Sans, sans-serif;
    line-height: 1.5;
}

*,
:after,
:before {
    box-sizing: border-box;
    border: 0 solid #cbd5e0;
}

hr {
    border-top-width: 1px;
}

img {
    border-style: solid;
}

textarea {
    resize: vertical;
}

    input::placeholder,
    textarea::placeholder {
        color: #a0aec0;
    }

[role="button"],
button {
    cursor: pointer;
}

table {
    border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}

a {
    color: inherit;
    text-decoration: inherit;
}

button,
input,
optgroup,
select,
textarea {
    padding: 0;
    line-height: inherit;
    color: inherit;
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle;
}

img,
video {
    height: auto;
}

.container {
    width: 100%;
}

@media (min-width: 640px) {
    .container {
        max-width: 640px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}

@media (max-width: 900px) {
    .mfp-container {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width: 375px) {
    .bg-white.border-b-2.border-black-100.p-4 {
        padding: 1.5rem 0.7rem !important;
    }

    .map-section p.pickup {
        font-size: 12px;
        width: 65%;
    }

    .map-section h3 {
        color: var(--business-primary-color);
        font-size: 14px;
        font-weight: 500;
        width: 45%;
    }
}

.bg-gray-100 {
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
}

.bg-black-100 {
    --bg-opacity: 1;
    background-color: #f5f5f5;
    background-color: rgba(245, 245, 245, var(--bg-opacity));
}

.bg-black-200 {
    --bg-opacity: 1;
    background-color: #d9d9d9;
    background-color: rgba(217, 217, 217, var(--bg-opacity));
}

.bg-black-900 {
    --bg-opacity: 1;
    background-color: #1f1f1f;
    background-color: rgba(31, 31, 31, var(--bg-opacity));
}

.bg-white {
    background-color: var(--color-white);
}

.bg-on-primary {
    background-color: var(--color-on-primary);
}

.bg-primary {
    background-color: var(--color-primary);
}

.bg-primary-hover {
    background-color: var(--color-primary-hover);
}

.bg-primary-light {
    background-color: var(--color-primary-light);
}

.bg-danger {
    background-color: var(--color-danger);
}

.bg-danger-light {
    background-color: var(--color-danger-light);
}

.bg-success {
    background-color: var(--color-success);
}

.bg-warning {
    background-color: var(--color-warning);
}

.bg-transparent {
    background-color: transparent;
}

.focus\:bg-black-100:focus,
.hover\:bg-black-100:hover {
    --bg-opacity: 1;
    background-color: #f5f5f5;
    background-color: rgba(245, 245, 245, var(--bg-opacity));
}

.bg-center {
    background-position: 50%;
}

.bg-no-repeat {
    background-repeat: no-repeat;
}

.bg-cover {
    background-size: cover;
}

.border-gray-100 {
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
}

.border-gray-200 {
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
}

.border-gray-300 {
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
}

.border-black-100 {
    --border-opacity: 1;
    border-color: #f5f5f5;
    border-color: rgba(245, 245, 245, var(--border-opacity));
}

.border-black-300 {
    --border-opacity: 1;
    border-color: #bdbdbd;
    border-color: rgba(189, 189, 189, var(--border-opacity));
}

.border-white {
    border-color: var(--color-white);
}

.border-primary {
    border-color: var(--color-primary);
}

.border-primary-light {
    border-color: var(--color-primary-light);
}

.border-danger {
    border-color: var(--color-danger);
}

.border-success {
    border-color: var(--color-success);
}

.focus\:border-primary:focus {
    border-color: var(--color-primary);
}

.rounded-sm {
    border-radius: 0.125rem;
}

.rounded {
    border-radius: 0.25rem;
}

.rounded-md {
    border-radius: 0.375rem;
}

.rounded-lg {
    border-radius: 0.5rem;
}

.rounded-xl {
    border-radius: 1rem;
}

.rounded-full {
    border-radius: 9999px;
}

.rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.rounded-t-xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.border-dashed {
    border-style: dashed;
}

.border-none {
    border-style: none;
}

.border-2 {
    border-width: 2px;
}

.border-5 {
    border-width: 5px;
}

.border-6 {
    border-width: 6px;
}

.border {
    border-width: 1px;
}

.border-b-2 {
    border-bottom-width: 2px;
}

.border-l-2 {
    border-left-width: 2px;
}

.border-b-4 {
    border-bottom-width: 4px;
}

.border-l-4 {
    border-left-width: 4px;
}

.border-b-8 {
    border-bottom-width: 8px;
}

.border-b-10 {
    border-bottom-width: 10px;
}

.border-t {
    border-top-width: 1px;
}

.border-b {
    border-bottom-width: 1px;
}

.border-l {
    border-left-width: 1px;
}

.cursor-pointer {
    cursor: pointer;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.inline {
    display: inline;
}

.flex {
    display: flex;
}

.table {
    display: table;
}

.grid {
    display: grid;
}

.hidden {
    display: none;
}

.flex-row {
    flex-direction: row;
}

.flex-col {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.items-start {
    align-items: flex-start;
}

.items-center {
    align-items: center;
}

.items-stretch {
    align-items: stretch;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.flex-grow-0 {
    flex-grow: 0;
}

.flex-grow {
    flex-grow: 1;
}

.flex-shrink-0 {
    flex-shrink: 0;
}

.flex-shrink {
    flex-shrink: 1;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.font-sans {
    font-family: Nunito Sans, sans-serif;
}

.font-medium {
    font-weight: 500;
}

.font-semibold {
    font-weight: 600;
}

.font-bold {
    font-weight: 700;
}

.font-extrabold {
    font-weight: 800;
}

.font-black {
    font-weight: 900;
}

.h-1 {
    height: 0.25rem;
}

.h-2 {
    height: 0.5rem;
}

.h-3 {
    height: 0.75rem;
}

.h-4 {
    height: 1rem;
}

.h-5 {
    height: 1.25rem;
}

.h-6 {
    height: 1.5rem;
}

.h-7 {
    height: 1.75rem;
}

.h-8 {
    height: 2rem;
}

.h-9 {
    height: 2.25rem;
}

.h-10 {
    height: 2.5rem;
}

.h-12 {
    height: 3rem;
}

.h-13 {
    height: 3.25rem;
}

.h-14 {
    height: 3.5rem;
}

.h-20 {
    height: 5rem;
}

.h-24 {
    height: 6rem;
}

.h-26 {
    height: 6.5rem;
}

.h-48 {
    height: 12rem;
}

.h-64 {
    height: 16rem;
}

.h-auto {
    height: auto;
}

.h-full {
    height: 100%;
}

.h-screen {
    height: 100vh;
}

.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}

.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}

.text-lg {
    font-size: 1.125rem;
}

.text-lg,
.text-xl {
    line-height: 1.75rem;
}

.text-xl {
    font-size: 1.25rem;
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.text-5xl {
    font-size: 3rem;
    line-height: 1;
}

.leading-5 {
    line-height: 1.25rem;
}

.leading-6 {
    line-height: 1.5rem;
}

.leading-7 {
    line-height: 1.75rem;
}

.leading-none {
    line-height: 1;
}

.leading-normal {
    line-height: 1.5;
}

.list-none {
    list-style-type: none;
}

.m-0 {
    margin: 0;
}

.m-2 {
    margin: 0.5rem;
}

.m-7 {
    margin: 1.75rem;
}

.m-auto {
    margin: auto;
}

.mx-0 {
    margin-left: 0;
    margin-right: 0;
}

.mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

.mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
}

.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.my-7 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}

.mt-0 {
    margin-top: 0;
}

.mb-0 {
    margin-bottom: 0;
}

.mt-1 {
    margin-top: 0.25rem;
}

.mb-1 {
    margin-bottom: 0.25rem;
}

.ml-1 {
    margin-left: 0.25rem;
}

.mt-2 {
    margin-top: 0.5rem;
}

.mr-2 {
    margin-right: 0.5rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.ml-2 {
    margin-left: 0.5rem;
}

.mt-3 {
    margin-top: 0.75rem;
}

.mr-3 {
    margin-right: 0.75rem;
}

.mb-3 {
    margin-bottom: 0.75rem;
}

.ml-3 {
    margin-left: 0.75rem;
}

.mt-4 {
    margin-top: 1rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

.mt-5 {
    margin-top: 1.25rem;
}

.mb-5 {
    margin-bottom: 1.25rem;
}

.mt-6 {
    margin-top: 1.5rem;
}

.mr-6 {
    margin-right: 1.5rem;
}

.mb-6 {
    margin-bottom: 1.5rem;
}

.mt-7 {
    margin-top: 1.75rem;
}

.mb-7 {
    margin-bottom: 1.75rem;
}

.mt-8 {
    margin-top: 2rem;
}

.mt-10 {
    margin-top: 2.5rem;
}

.mb-10 {
    margin-bottom: 2.5rem;
}

.mt-12 {
    margin-top: 3rem;
}

.mb-20 {
    margin-bottom: 5rem;
}

.-mr-2 {
    margin-right: -0.5rem;
}

.-ml-2 {
    margin-left: -0.5rem;
}

.last\:m-0:last-child {
    margin: 0;
}

.last\:mb-0:last-child {
    margin-bottom: 0;
}

.max-w-full {
    max-width: 100%;
}

.min-h-11 {
    min-height: 2.75rem;
}

.min-h-12 {
    min-height: 3rem;
}

.min-h-16 {
    min-height: 4rem;
}

.min-h-full {
    min-height: 100%;
}

.min-h-screen {
    min-height: 100vh;
}

.min-w-3 {
    min-width: 0.75rem;
}

.min-w-5 {
    min-width: 1.25rem;
}

.min-w-8 {
    min-width: 2rem;
}

.min-w-20 {
    min-width: 5rem;
}

.min-w-24 {
    min-width: 6rem;
}

.min-w-28 {
    min-width: 7rem;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-75 {
    opacity: 0.75;
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.overflow-auto {
    overflow: auto;
}

.overflow-y-auto {
    overflow-y: auto;
}

.p-0 {
    padding: 0;
}

.p-1 {
    padding: 0.25rem;
}

.p-2 {
    padding: 0.5rem;
}

.p-3 {
    padding: 0.75rem;
}

.p-4 {
    padding: 1rem;
}

.p-5 {
    padding: 1.25rem;
}

.p-9 {
    padding: 2.25rem;
}

.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.pt-0 {
    padding-top: 0;
}

.pb-0 {
    padding-bottom: 0;
}

.pl-0 {
    padding-left: 0;
}

.pt-1 {
    padding-top: 0.25rem;
}

.pr-1 {
    padding-right: 0.25rem;
}

.pb-1 {
    padding-bottom: 0.25rem;
}

.pt-2 {
    padding-top: 0.5rem;
}

.pr-2 {
    padding-right: 0.5rem;
}

.pb-2 {
    padding-bottom: 0.5rem;
}

.pl-2 {
    padding-left: 0.5rem;
}

.pt-3 {
    padding-top: 0.75rem;
}

.pr-3 {
    padding-right: 0.75rem;
}

.pb-3 {
    padding-bottom: 0.75rem;
}

.pl-3 {
    padding-left: 0.75rem;
}

.pt-4 {
    padding-top: 1rem;
}

.pb-4 {
    padding-bottom: 1rem;
}

.pl-4 {
    padding-left: 1rem;
}

.pt-5 {
    padding-top: 1.25rem;
}

.pb-5 {
    padding-bottom: 1.25rem;
}

.pt-6 {
    padding-top: 1.5rem;
}

.pt-7 {
    padding-top: 1.75rem;
}

.pb-7 {
    padding-bottom: 1.75rem;
}

.pb-8 {
    padding-bottom: 2rem;
}

.pt-10 {
    padding-top: 2.5rem;
}

.pb-14 {
    padding-bottom: 3.5rem;
}

.pb-20 {
    padding-bottom: 5rem;
}

.pb-22 {
    padding-bottom: 5.5rem;
}

.placeholder-black-300::placeholder {
    --placeholder-opacity: 1;
    color: #bdbdbd;
    color: rgba(189, 189, 189, var(--placeholder-opacity));
}

.pointer-events-none {
    pointer-events: none;
}

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.sticky {
    position: sticky;
}

.inset-y-0 {
    top: 0;
    bottom: 0;
}

.top-0 {
    top: 0;
}

.right-0 {
    right: 0;
}

.bottom-0 {
    bottom: 0;
}

.left-0 {
    left: 0;
}

.right-2 {
    right: 0.5rem;
}

.bottom-2 {
    bottom: 0.5rem;
}

.top-3 {
    top: 0.75rem;
}

.left-3 {
    left: 0.75rem;
}

.resize-none {
    resize: none;
}

.shadow-xs {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.shadow-sm {
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.07);
}

.shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.shadow-top {
    box-shadow: 0 -5px 30px rgba(0, 0, 0, 0.05);
}

.fill-black-300 {
    fill: #bdbdbd;
}

.fill-black-900 {
    fill: #1f1f1f;
}

.fill-on-primary {
    fill: var(--color-on-primary);
}

.fill-primary {
    fill: var(--color-primary);
}

.fill-danger {
    fill: var(--color-danger);
}

.fill-success {
    fill: var(--color-success);
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-gray-400 {
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
}

.text-gray-500 {
    --text-opacity: 1;
    color: #888d9a;
    color: rgba(136, 141, 154, var(--text-opacity));
}

.text-gray-900 {
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
}

.text-black-300 {
    --text-opacity: 1;
    color: #bdbdbd;
    color: rgba(189, 189, 189, var(--text-opacity));
}

.text-black-400 {
    --text-opacity: 1;
    color: #a6a6a6;
    color: rgba(166, 166, 166, var(--text-opacity));
}

.text-black-500 {
    --text-opacity: 1;
    color: #8c8c8c;
    color: rgba(140, 140, 140, var(--text-opacity));
}

.text-black-600 {
    --text-opacity: 1;
    color: #737373;
    color: rgba(115, 115, 115, var(--text-opacity));
}

.text-black-700 {
    --text-opacity: 1;
    color: #595959;
    color: rgba(89, 89, 89, var(--text-opacity));
}

.text-black-900 {
    --text-opacity: 1;
    color: #1f1f1f;
    color: rgba(31, 31, 31, var(--text-opacity));
}

.text-white {
    color: var(--color-white);
}

.text-on-primary {
    color: var(--color-on-primary);
}

.text-on-primary-hover {
    color: var(--color-on-primary-hover);
}

.text-primary {
    color: var(--color-primary);
}

.text-primary-hover {
    color: var(--color-primary-hover);
}

.text-danger {
    color: var(--color-danger);
}

.text-success {
    color: var(--color-success);
}

.text-warning {
    color: var(--color-warning);
}

.hover\:text-black-900:hover {
    --text-opacity: 1;
    color: #1f1f1f;
    color: rgba(31, 31, 31, var(--text-opacity));
}

.uppercase {
    text-transform: uppercase;
}

.underline {
    text-decoration: underline;
}

.line-through {
    text-decoration: line-through;
}

.hover\:no-underline:hover,
.no-underline {
    text-decoration: none;
}

.tracking-wider {
    letter-spacing: 0.05em;
}

.align-middle {
    vertical-align: middle;
}

.visible {
    visibility: visible;
}

.invisible {
    visibility: hidden;
}

.whitespace-no-wrap {
    white-space: nowrap;
}

.break-words {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.w-3 {
    width: 0.75rem;
}

.w-4 {
    width: 1rem;
}

.w-5 {
    width: 1.25rem;
}

.w-6 {
    width: 1.5rem;
}

.w-7 {
    width: 1.75rem;
}

.w-8 {
    width: 2rem;
}

.w-9 {
    width: 2.25rem;
}

.w-10 {
    width: 2.5rem;
}

.w-14 {
    width: 3.5rem;
}

.w-16 {
    width: 4rem;
}

.w-20 {
    width: 5rem;
}

.w-24 {
    width: 6rem;
}

.w-26 {
    width: 6.5rem;
}

.w-32 {
    width: 8rem;
}

.w-48 {
    width: 12rem;
}

.w-60 {
    width: 15rem;
}

.w-auto {
    width: auto;
}

.w-1\/2 {
    width: 50%;
}

.w-1\/3 {
    width: 33.333333%;
}

.w-3\/4 {
    width: 75%;
}

.w-3\/5 {
    width: 60%;
}

.w-full {
    width: 100%;
}

.z-10 {
    z-index: 10;
}

.z-50 {
    z-index: 50;
}

.transform {
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
}

.transition-all {
    transition-property: all;
}

.transition {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.duration-150 {
    transition-duration: 0.15s;
}

.duration-200 {
    transition-duration: 0.2s;
}

.duration-300 {
    transition-duration: 0.3s;
}

.duration-500 {
    transition-duration: 0.5s;
}

@keyframes spin {
    to {
        transform: rotate(1turn);
    }
}

@keyframes ping {
    75%, to {
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes pulse {
    50% {
        opacity: 0.5;
    }
}

@keyframes bounce {
    0%, to {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    }

    50% {
        transform: none;
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }
}

body,
html {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

html {
    min-height: -webkit-fill-available;
    height: 100%;
    background-color: var(--color-white);
}

@supports (-webkit-touch-callout: none) {
    html {
        min-height: 100vh;
    }
}

body {
    min-height: 100vh;
    min-height: -webkit-fill-available;
    --bg-opacity: 1;
    background-color: #f5f5f5;
    background-color: rgba(245, 245, 245, var(--bg-opacity));
    line-height: 1.25;
}

#__layout,
#__nuxt,
body {
    display: flex;
    align-items: stretch;
    min-height: 100%;
}

#__layout,
#__nuxt {
    width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Nunito Sans, sans-serif;
}

:root {
    --color-bg: #f5f5f5;
    --color-black: #000;
    --color-white: #fff;
    --color-grey: #707070;
    --color-danger: #f44336;
    --color-danger-dark: #dc3c31;
    --color-danger-light: #fef4f3;
    --color-warning: #f29b38;
    --color-success: #00d2a3;
    --color-primary: #1258ff;
    --color-on-primary: #fff;
    --color-primary-hover: #0941c7;
    --color-on-primary-hover: #fff;
    --color-primary-light: #e9f0ff;
    --color-primary-dark: #0941c7;
    --color-brand-primary: #1258ff;
    --color-brand-secondary: #104fe6;
    --color-brand-tertiary: #7e8cad;
    --color-brand-text: #fff;
    --color-chatfood: #1258ff;
    --color-coral: #eb5757;
    --color-salmon: #fef7f7;
    --color-canary: #f6b722;
    --color-lemon-sorbet: #fffaed;
    --color-mint: #27ae60;
    --color-pistachio: #e2f9ec;
    --color-charcoal: #050505;
    --color-midnight: #071c4d;
    --color-atlantic: #13285f;
    --color-stormy: #4b5b82;
    --color-rainy: #838da6;
    --color-cloudy: #ebeff4;
    --color-powder: #f4f6f9;
    --color-pure-white: #fff;
    --color-primary: var(--color-brand-primary);
    --color-on-primary: var(--color-brand-text);
    --color-hover: var(--color-brand-secondary);
    --color-secondary: var(--color-base-80);
    --color-on-secondary: var(--color-base-20);
    --color-base-10: #050505;
    --color-base-20: #333;
    --color-base-30: #4d4d4d;
    --color-base-40: #666;
    --color-base-50: grey;
    --color-base-60: #999;
    --color-base-70: #b2b2b2;
    --color-base-80: #ccc;
    --color-base-90: #e5e5e5;
    --color-base-95: #f2f2f2;
    --color-base-100: #fff;
    --font-family-sans: "Inter", "sans-serif";
    --font-family-display: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

button:focus {
    outline: none;
}

* {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

:focus,
:hover {
    outline: none;
    outline-offset: 0;
}

.menu-item__price {
    color: var(--business-primary-color);
}

.nav-menu {
    display: flex;
    padding-top: 0.75rem;
    padding-bottom: 0.5rem;
    background-color: var(--color-white);
    overflow: auto;
}

.li-list {
    display: flex;
}

.nav-items {
    --text-opacity: 1;
    color: #888d9a;
    color: rgba(136, 141, 154, var(--text-opacity));
}

.nav-items {
    color: var(--color-on-primary);
    border-color: var(--color-primary);
    background-color: var(--color-primary);
}

.nav-items {
    display: flex;
    align-items: center;
    height: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 9999px;
    white-space: nowrap;
    font-size: 0.75rem;
    line-height: 1rem;
    line-height: 1.5;
    border-width: 1px;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

body,
html {
    -webkit-font-smoothing: antialiased;
}

button,
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #dfe2e7;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: #ccc;
    }

.bg-ghost {
    background-color: #f5f5f5;
    background-image: linear-gradient(-90deg, #f5f5f5, #efefef 50%, #f5f5f5);
    background-position: -300px 0;
    background-repeat: no-repeat;
    background-size: 300px 100%;
    animation: animateShadow 1.5s linear infinite;
}

@keyframes animateShadow {
    0% {
        background-position: -300px 0;
    }

    to {
        background-position: 800px 0;
    }
}

.v--modal-overlay .v--modal-box.modalSlideUp {
    top: auto !important;
    margin: 0 !important;
    overflow: auto !important;
    position: fixed;
    background-color: var(--color-white);
    max-height: 100%;
    bottom: 0;
}

    .v--modal-overlay .v--modal-box.modalSlideUp.slideUp-enter-active {
        transition: 0.3s ease-in;
    }

    .v--modal-overlay .v--modal-box.modalSlideUp.slideUp-leave-active {
        transition: 0.3s ease-in-out;
    }

    .v--modal-overlay .v--modal-box.modalSlideUp.slideUp-enter-to,
    .v--modal-overlay .v--modal-box.modalSlideUp.slideUp-leave {
        overflow: hidden;
        max-height: 80%;
    }

    .v--modal-overlay .v--modal-box.modalSlideUp.slideUp-enter,
    .v--modal-overlay .v--modal-box.modalSlideUp.slideUp-leave-to {
        overflow: hidden;
        max-height: 0%;
    }

.modal__mask {
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: table;
}

.modal__wrapper {
    display: table-cell;
    vertical-align: middle;
}

.modal__container {
    width: 100%;
    max-width: 24rem;
    margin: auto;
    padding: 2rem;
    background-color: var(--color-white);
    border-radius: 0.125rem;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.modal__title {
    font-size: 1.25rem;
    line-height: 1.75rem;
    line-height: 1.5;
    font-weight: 700;
    text-align: center;
}

.modal__body {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
}

.modal__button--primary {
    background-color: var(--color-primary);
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    color: var(--color-white);
    display: inline-block;
    border-radius: 0.25rem;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    height: 2.5rem;
    font-weight: 600;
}

    .modal__button--primary:focus,
    .modal__button--primary:hover {
        background-color: var(--color-primary-hover);
        color: var(--color-white);
    }

.modal__button--secondary {
    --bg-opacity: 1;
    background-color: #f5f5f5;
    background-color: rgba(245, 245, 245, var(--bg-opacity));
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --text-opacity: 1;
    color: #8c8c8c;
    color: rgba(140, 140, 140, var(--text-opacity));
    display: inline-block;
    border-radius: 0.25rem;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    height: 2.5rem;
    font-weight: 600;
}

    .modal__button--secondary:focus,
    .modal__button--secondary:hover {
        --bg-opacity: 1;
        background-color: #d9d9d9;
        background-color: rgba(217, 217, 217, var(--bg-opacity));
        --text-opacity: 1;
        color: #737373;
        color: rgba(115, 115, 115, var(--text-opacity));
    }

.loading-zone {
    position: relative;
}

.loading-zone__cover {
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    justify-content: center;
    align-items: center;
    display: flex;
}

    .loading-zone__cover svg {
        width: 40px;
        height: 40px;
    }

        .loading-zone__cover svg path {
            fill: var(--color-primary);
        }

.loading-view .loading-wrapper {
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    justify-content: center;
    align-items: center;
    display: flex;
}

    .loading-view .loading-wrapper svg {
        width: 40px;
        height: 40px;
    }

        .loading-view .loading-wrapper svg path {
            fill: var(--color-primary);
        }

.modal-bottom {
    position: fixed;
    bottom: 0;
    z-index: 2147483647;
    width: 100%;
    overflow-y: auto;
    box-shadow: 0 14px 45px rgba(0, 0, 0, 0.25), 0 10px 18px rgba(0, 0, 0, 0.22);
    border-top: 1px solid #e2e6e9;
    background-color: var(--color-white);
}

.modal-bottom-overlay {
    height: 100vh;
    background: rgba(0, 0, 0, 0.45);
    width: 100%;
    position: fixed;
    z-index: 999;
    bottom: 0;
}

.modal-bottom__action {
    padding: 5px;
    bottom: 0;
    border-top: 1px solid #e9ecef;
    position: fixed;
    width: 100%;
    background-color: var(--color-white);
}

.modal-bottom__close {
    position: absolute;
    top: 0.5rem;
    left: 1rem;
    width: 15px;
    z-index: 99;
}

@keyframes stroke {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {
    0%, to {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill-green {
    to {
        box-shadow: inset 0 0 0 60px #24d889;
    }
}

@keyframes fill-red {
    to {
        box-shadow: inset 0 0 0 60px var(--color-danger);
    }
}

.toasted-container.top-left {
    top: 0 !important;
    left: 0 !important;
}

.toasted-container .toasted {
    padding: 1rem 1.2rem !important;
    margin-top: 0 !important;
    border-radius: 0 !important;
}

    .toasted-container .toasted.toasted-primary {
        font-weight: 500;
    }

        .toasted-container .toasted.toasted-primary.success {
            background-color: var(--color-success);
        }

        .toasted-container .toasted.toasted-primary.error {
            background-color: var(--color-danger);
        }

        .toasted-container .toasted.toasted-primary.info {
            background-color: #2596ff;
        }

@media only screen and (max-width: 600px) {
    .mfp-content {
        height: 700px;
    }

    .discount-item {
        flex-basis: 100%;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        flex-shrink: 0;
        --bg-opacity: 1;
        background-color: #f5f5f5;
        background-color: rgba(245, 245, 245, var(--bg-opacity));
        display: -webkit-box;
    }

    .toasted-container {
        min-width: inherit !important;
    }
}

.system-container {
    position: relative;
    background-color: var(--color-white);
    display: flex;
}

    .system-container > div {
        width: 100%;
    }

@media (min-width: 401px) {
    .system-container {
        border-right: 1px solid #dfe2e7;
    }
}

.size-app,
.system-container,
.v--modal-overlay .v--modal-box.modalSlideUp {
    width: 100%;
    min-width: 300px;
    max-width: 460px;
}

.truncate-line-1 {
    -webkit-line-clamp: 1;
}

.truncate-line-1,
.truncate-line-2 {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate-line-2 {
    -webkit-line-clamp: 2;
}

.truncate-line-3 {
    -webkit-line-clamp: 3;
}

.truncate-line-3,
.truncate-line-4 {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate-line-4 {
    -webkit-line-clamp: 4;
}

.truncate-line-5 {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.slide-up-enter,
.slide-up-leave-active {
    transform: translateY(100%);
}

.slide-up-enter-active,
.slide-up-leave-active {
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.slide-fade-enter,
.slide-fade-leave-to {
    transform: translateY(10%);
    opacity: 0;
}

.slide-fade-enter-active,
.slide-fade-leave-active {
    transition: all 0.3s ease;
}

.drawer-slide-up-enter,
.drawer-slide-up-leave-active {
    transform: translateY(100%);
}

.drawer-slide-up-enter-active,
.drawer-slide-up-leave-active {
    transition: all 0.3s ease;
}

.drawer-fade-enter-active {
    transition: opacity 0.1s;
}

.drawer-fade-leave-active {
    transition: opacity 0.3s;
}

.drawer-fade-enter,
.drawer-fade-leave-to {
    opacity: 0;
}

.ext__tag-circle {
    width: 1.1rem;
    height: 1.1rem;
    display: inline-block;
    border-radius: 50%;
}

html[dir="rtl"] .loading-items,
html[dir="rtl"] .menu-item--reverse,
html[dir="rtl"] .touch-buttons {
    flex-direction: row-reverse;
}

html[dir="rtl"] .direction-ltr,
html[dir="rtl"] .mol-select-country__dial-code {
    direction: ltr;
}

html[dir="rtl"] .mol-input-phone-number .atom-input__field {
    direction: ltr;
    text-align: right;
}

html[dir="rtl"] .address-book__icon,
html[dir="rtl"] .create-address__area-icon,
html[dir="rtl"] .org-header__btn--circle,
html[dir="rtl"] .page-auth-register__header .mol-icon-button,
html[dir="rtl"] .page-auth-request-otp__header .mol-icon-button,
html[dir="rtl"] .select-area__arrow-right {
    transform: rotate(180deg);
}

html[dir="rtl"] .food-item--selected {
    border-left-width: 0;
    border-right-width: 4px;
    border-color: var(--color-primary);
}

html[dir="rtl"] .food-item__photo,
html[dir="rtl"] .menu-item__photo {
    padding-left: 0;
    padding-right: 1rem;
}

html[dir="rtl"] .food-item--grid .food-item__photo,
html[dir="rtl"] .food-item--grid .menu-item__photo,
html[dir="rtl"] .menu-item--grid .food-item__photo,
html[dir="rtl"] .menu-item--grid .menu-item__photo {
    padding-left: 0;
    padding-right: 0;
}

html[dir="rtl"] .atom-button--fixed,
html[dir="rtl"] .link-button--fixed,
html[dir="rtl"] .org-header__btn,
html[dir="rtl"] .toasted-container.top-left {
    left: auto;
    right: 0;
}

html[dir="rtl"] .discount-item__box--checked,
html[dir="rtl"] .outlet-detail__dine-in-label,
html[dir="rtl"] .outlet-item__add-to-basket-btn-price {
    right: auto;
    left: 0;
}

html[dir="rtl"] .nav-category__link {
    padding-right: 0.75rem;
    padding-left: 0;
}

    html[dir="rtl"] .nav-category__link:first-child {
        padding-right: 0.375rem;
        padding-left: 0;
    }

    html[dir="rtl"] .nav-category__link:last-child {
        padding-left: 0.25rem;
        padding-right: 0.75rem;
    }

html[dir="rtl"] .step-tracking-page .status {
    padding-left: 0;
    padding-right: 2.5rem;
}

    html[dir="rtl"] .step-tracking-page .status:after {
        left: auto;
        right: 10px;
    }

html[dir="rtl"] .step-tracking-page .status--active ~ :before,
html[dir="rtl"] .step-tracking-page .status--checked {
    left: auto;
    right: 1px;
}

html[dir="rtl"] .order-schedule-time__col {
    padding: 0.4375rem 0.625rem 1.3125rem 1.3125rem;
}

    html[dir="rtl"] .order-schedule-time__col:first-of-type {
        padding-left: 0.625rem;
        padding-right: 1.3125rem;
    }

html[dir="rtl"] .order-schedule-time__calendar svg {
    margin-left: 0.5rem;
}

html[dir="rtl"] .order-schedule-calendar__back svg {
    margin-left: 0.4375rem;
    margin-right: 0;
    transform: rotate(180deg);
}

html[dir="rtl"] .order-schedule-calendar__arrow-next svg,
html[dir="rtl"] .order-schedule-calendar__arrow-prev svg {
    margin-right: 0.125rem;
    transform: rotate(180deg);
}

html[dir="rtl"] .account-details__back svg,
html[dir="rtl"] .page-profile__back svg,
html[dir="rtl"] .pages-order-history__back svg {
    margin-left: 0.4375rem;
    margin-right: 0;
    transform: rotate(180deg);
}

html[dir="rtl"] .account-details .mol-link-arrow__icon,
html[dir="rtl"] .page-profile .mol-link-arrow__icon,
html[dir="rtl"] .pages-order-history .mol-link-arrow__icon {
    transform: rotate(180deg);
}

html[dir="rtl"] .account-details .page-profile__feedback-close,
html[dir="rtl"] .page-profile .page-profile__feedback-close,
html[dir="rtl"] .pages-order-history .page-profile__feedback-close {
    left: 0;
    right: auto;
}

html[dir="rtl"] .menu-header__logo {
    left: auto;
    right: 0.875rem;
}

html[dir="rtl"] .menu-header__icon:first-of-type {
    margin-left: 1rem;
    margin-right: 0;
}

html[dir="rtl"] .menu-header__back {
    right: 1rem;
    left: auto;
}

    html[dir="rtl"] .menu-header__back svg {
        transform: translate(-50%, -50%) rotate(180deg);
    }

html[dir="rtl"] .item-card--selected {
    border-right: 0.25rem solid var(--color-primary);
    border-left: 0;
}

html[dir="rtl"] .item-card__image {
    margin-right: 0.5rem;
    margin-left: 0;
}

.business__cover[data-v-63d64350] {
    padding-bottom: 56%;
    width: 100%;
    background-position: 50%;
    background-size: cover;
}

.slide-up-enter[data-v-63d64350],
.slide-up-leave-active[data-v-63d64350] {
    transform: translateY(100%);
}

.slide-up-enter-active[data-v-63d64350],
.slide-up-leave-active[data-v-63d64350] {
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.cuisines[data-v-000de953] {
    display: flex;
    flex-wrap: wrap;
}

.cuisines__item[data-v-000de953] {
    display: flex;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
}

    .cuisines__item[data-v-000de953]:after {
        content: "•";
        color: var(--color-primary);
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .cuisines__item[data-v-000de953]:last-child:after {
        display: none;
    }

.atom-dialog[data-v-07a3a9c8] {
    z-index: 9999;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.atom-dialog__backdrop[data-v-07a3a9c8] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.2);
}

.atom-dialog__wrapper[data-v-07a3a9c8] {
    width: 100%;
    min-width: 300px;
    max-width: 460px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 1rem;
    padding-right: 1rem;
}

.atom-dialog__content[data-v-07a3a9c8] {
    padding: 0.75rem;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(22, 38, 56, 0.4);
    border-radius: 10px;
    max-height: 100%;
    max-width: 100%;
    min-width: 300px;
    width: 360px;
    overflow-y: auto;
    overflow-x: hidden;
}

.atom-button__btn[data-v-77f8d741] {
    position: relative;
    --text-opacity: 1;
    color: #1f1f1f;
    color: rgba(31, 31, 31, var(--text-opacity));
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    display: block;
    border-radius: 0.25rem;
    text-align: center;
    width: 100%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    height: 3.25rem;
    font-weight: 700;
}

    .atom-button__btn[data-v-77f8d741]:disabled {
        cursor: not-allowed;
    }

.atom-button__loading[data-v-77f8d741] {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-block;
}

.atom-button--fixed[data-v-77f8d741] {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 1rem;
    z-index: 50;
}

.atom-button--sm .atom-button__btn[data-v-77f8d741] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    height: 2.5rem;
}

.atom-button--primary .atom-button__btn[data-v-77f8d741] {
    background-color: var(--color-primary);
    color: var(--color-on-primary);
    fill: var(--color-on-primary);
}

    .atom-button--primary .atom-button__btn[data-v-77f8d741]:focus,
    .atom-button--primary .atom-button__btn[data-v-77f8d741]:hover {
        color: var(--color-on-primary-hover);
        background-color: var(--color-primary-hover);
        fill: var(--color-on-primary-hover);
    }

.atom-button--danger .atom-button__btn[data-v-77f8d741] {
    background-color: var(--color-danger);
    color: var(--color-white);
}

    .atom-button--danger .atom-button__btn[data-v-77f8d741]:focus,
    .atom-button--danger .atom-button__btn[data-v-77f8d741]:hover {
        background-color: var(--color-danger-dark);
    }

.atom-button--muted .atom-button__btn[data-v-77f8d741] {
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
}

    .atom-button--muted .atom-button__btn[data-v-77f8d741]:focus,
    .atom-button--muted .atom-button__btn[data-v-77f8d741]:hover {
        --bg-opacity: 1;
        background-color: #cbd5e0;
        background-color: rgba(203, 213, 224, var(--bg-opacity));
    }

.mol-dialog-confirmation__title[data-v-273aac3c] {
    font-weight: 600;
    padding-bottom: 15px;
}

.mol-dialog-confirmation__buttons[data-v-273aac3c] {
    margin-top: 15px;
    display: flex;
}

.mol-dialog-confirmation__button[data-v-273aac3c] {
    margin-top: 15px;
    width: 100%;
}

.mol-dialog-confirmation__button--reject[data-v-273aac3c] {
    margin-right: 1rem;
}

.mol-google-review-button[data-v-cfb5e54e] {
    max-width: 350px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.mol-google-review-button__content[data-v-cfb5e54e] {
    --bg-opacity: 1;
    background-color: #f5f5f5;
    background-color: rgba(245, 245, 245, var(--bg-opacity));
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 1rem 1.25rem;
    text-align: left;
}

.mol-google-review-button__icon[data-v-cfb5e54e] {
    padding-right: 1rem;
}

.mol-google-review-button__link[data-v-cfb5e54e] {
    background-color: #4f88ed;
    padding: 1rem 1.25rem;
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    color: var(--color-white);
    text-align: center;
}

.mol-price[data-v-7326c64c] {
    font-weight: 500;
}

.mol-price__tag[data-v-7326c64c] {
    display: inline-block;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.mol-price__tag svg[data-v-7326c64c] {
    fill: var(--color-primary);
}

.mol-price__strike[data-v-7326c64c] {
    text-decoration: line-through;
    margin-left: 0.25rem;
    --text-opacity: 1;
    color: #888d9a;
    color: rgba(136, 141, 154, var(--text-opacity));
}

.mol-price__fallback-message[data-v-7326c64c] {
    color: var(--color-warning);
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1rem;
    line-height: 1.5;
}

.mol-price--rg[data-v-7326c64c] {
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
}

.mol-price--lg .mol-price__price[data-v-7326c64c] {
    font-size: 15px;
    font-weight: 600;
}

.mol-price--lg .mol-price__strike[data-v-7326c64c],
.mol-price--lg .mol-price__tag[data-v-7326c64c] {
    margin-left: 0.5rem;
}

.input[data-v-1271c128] {
    height: 3rem;
    width: 100%;
    display: flex;
    align-items: stretch;
}

.input.small[data-v-1271c128] {
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
    height: 2.5rem;
}

.input__field[data-v-1271c128] {
    background: #fff;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    display: flex;
    border-width: 1px;
    border-color: var(--color-primary-light);
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

    .input__field[data-v-1271c128]:placeholder {
        --text-opacity: 1;
        color: #bdbdbd;
        color: rgba(189, 189, 189, var(--text-opacity));
    }

    .input__field[data-v-1271c128]:focus {
        border-width: 2px;
        border-color: var(--color-primary);
        box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.2);
    }

.input__field--error[data-v-1271c128],
.input__field--error[data-v-1271c128]:focus {
    background-color: var(--color-danger-light);
    border-color: var(--color-danger);
}

.input__field--rounded[data-v-1271c128] {
    border-radius: 9999px;
}

.input--with-icon[data-v-1271c128] {
    position: relative;
}

.input--with-icon .input__field[data-v-1271c128] {
    padding-left: 2.5rem;
}

.input__icon[data-v-1271c128] {
    left: 1rem;
    top: 0;
    bottom: 0;
    position: absolute;
    margin-top: auto;
    margin-bottom: auto;
    --text-opacity: 1;
    color: #a6a6a6;
    color: rgba(166, 166, 166, var(--text-opacity));
}

.link-button--fixed[data-v-32cee8fa] {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 1rem;
    z-index: 50;
}

.link-button__el[data-v-32cee8fa] {
    position: relative;
    background-color: var(--color-primary);
    color: var(--color-on-primary);
    fill: var(--color-on-primary);
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    text-align: center;
    width: 100%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    height: 3.5rem;
    font-weight: 700;
}

.link-button__el--sm[data-v-32cee8fa] {
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 1.5;
    font-weight: 600;
    line-height: 1.25rem;
    height: 2.5rem;
}

.link-button__el[data-v-32cee8fa]:focus,
.link-button__el[data-v-32cee8fa]:hover {
    color: var(--color-on-primary-hover);
    background-color: var(--color-primary-hover);
    fill: var(--color-on-primary-hover);
}

.link-button__el[data-v-32cee8fa]:disabled {
    --bg-opacity: 1;
    background-color: #d9d9d9;
    background-color: rgba(217, 217, 217, var(--bg-opacity));
    --text-opacity: 1;
    color: #8c8c8c;
    color: rgba(140, 140, 140, var(--text-opacity));
    cursor: not-allowed;
}

.field-textarea {
    position: relative;
}

.field-textarea__ghost {
    z-index: -3;
    position: absolute;
    visibility: hidden;
    resize: none;
    pointer-events: none;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: pre-wrap;
}

.field-textarea__element,
.field-textarea__ghost {
    display: block;
    --bg-opacity: 1;
    background-color: #f5f5f5;
    background-color: rgba(245, 245, 245, var(--bg-opacity));
    border-width: 1px;
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
    border-radius: 0.25rem;
    min-height: 3rem;
    --text-opacity: 1;
    color: #595959;
    color: rgba(89, 89, 89, var(--text-opacity));
    padding: 0.75rem 1rem;
    width: 100%;
}

    .field-textarea__element:placeholder,
    .field-textarea__ghost:placeholder {
        --text-opacity: 1;
        color: #bdbdbd;
        color: rgba(189, 189, 189, var(--text-opacity));
    }

    .field-textarea__element:focus,
    .field-textarea__ghost:focus {
        border-color: var(--color-primary);
    }

.field-textarea__element--error,
.field-textarea__element--error:focus,
.field-textarea__ghost--error,
.field-textarea__ghost--error:focus {
    background-color: var(--color-danger-light);
    border-color: var(--color-danger);
}

.toggle[data-v-15672a68] {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    margin: 0;
}

.toggle__label[data-v-15672a68] {
    display: block;
    color: #444;
    font-size: 13px;
    padding-left: 10px;
}

.toggle__mark[data-v-15672a68] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 60px;
    height: 30px;
    padding: 0 10px;
    border-radius: 20px;
    background: #bccbda;
    transition: all 0.3s ease-out;
}

    .toggle__mark[data-v-15672a68]:after {
        content: "";
        position: absolute;
        display: block;
        left: 3px;
        top: 3px;
        width: 24px;
        height: 24px;
        border-radius: 16px;
        background: #fff;
        transition: all 0.3s ease-out;
    }

.toggle__mark span[data-v-15672a68] {
    font-size: 10px;
    font-weight: 500;
    color: #fff;
    transition: all 0.2s ease-out;
}

    .toggle__mark span[data-v-15672a68]:first-letter {
        text-transform: capitalize;
    }

.toggle__mark span.toggle__on[data-v-15672a68] {
    opacity: 0;
}

.toggle__mark span.toggle__off[data-v-15672a68] {
    text-align: right;
    opacity: 1;
    margin-left: -5px;
}

.toggle__input[data-v-15672a68] {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;
}

.toggle__input:checked + .toggle__mark[data-v-15672a68] {
    background: var(--color-primary);
}

    .toggle__input:checked + .toggle__mark[data-v-15672a68]:after {
        left: calc(100% - 3px);
        transform: translate(-100%);
    }

.toggle__input:checked + .toggle__mark span.toggle__on[data-v-15672a68] {
    opacity: 1;
}

.toggle__input:checked + .toggle__mark span.toggle__off[data-v-15672a68] {
    opacity: 0;
}

.toggle__input:focus + .toggle__mark[data-v-15672a68] {
    box-shadow: 0 0 0 1px #00a8f8;
}

.prediction[data-v-687adeeb] {
    border-bottom: 1px solid #f5f5f5;
    font-family: Nunito Sans, sans-serif;
}

    .prediction[data-v-687adeeb]:last-child {
        border-bottom: none;
    }

.prediction__icon svg[data-v-687adeeb] {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.prediction__link[data-v-687adeeb] {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    padding: 1rem 0.5rem;
    vertical-align: middle;
    align-items: center;
    font-size: 12px;
    color: #595959;
}

    .prediction__link[data-v-687adeeb]:focus,
    .prediction__link[data-v-687adeeb]:hover {
        --bg-opacity: 1;
        background-color: #f5f5f5;
        background-color: rgba(245, 245, 245, var(--bg-opacity));
    }

.prediction strong[data-v-687adeeb] {
    display: block;
    font-size: 14px;
    color: #000;
}

.prediction[data-v-ac3e34a8] {
    border-bottom: 1px solid #f5f5f5;
    font-family: Nunito Sans, sans-serif;
}

    .prediction[data-v-ac3e34a8]:last-child {
        border-bottom: none;
    }

.prediction__icon svg[data-v-ac3e34a8] {
    margin-right: 0.75rem;
}

.prediction__link[data-v-ac3e34a8] {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    padding: 1rem;
    vertical-align: middle;
    align-items: center;
    font-size: 12px;
    color: #595959;
}

    .prediction__link[data-v-ac3e34a8]:focus,
    .prediction__link[data-v-ac3e34a8]:hover {
        --bg-opacity: 1;
        background-color: #f5f5f5;
        background-color: rgba(245, 245, 245, var(--bg-opacity));
    }

.prediction strong[data-v-ac3e34a8] {
    display: block;
    font-size: 14px;
    color: #000;
}

.google-location[data-v-4c241628] {
    position: relative;
}

.google-location__input[data-v-4c241628] {
    height: 3.25rem;
}

.google-location__input--with-icon[data-v-4c241628] input {
    padding-right: 3rem !important;
}

.google-location__find-me[data-v-4c241628] {
    position: absolute;
    top: 15px;
    right: 15px;
}

.google-location__find-me svg[data-v-4c241628] {
    fill: var(--color-primary);
}

.google-location__predictions[data-v-4c241628] {
    background-color: var(--color-white);
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
    border-width: 1px;
    border-radius: 0.25rem;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    top: 3.65rem;
    margin-bottom: 1rem;
}

.google-location__predictions li[data-v-4c241628] {
    font-family: Nunito Sans, sans-serif;
    border-bottom: 1px solid #f5f5f5;
}

    .google-location__predictions li[data-v-4c241628]:last-child {
        border-bottom: none;
    }

.google-location__predictions li svg[data-v-4c241628] {
    margin-right: 0.75rem;
}

.google-location__predictions li a[data-v-4c241628] {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    padding: 1rem;
    vertical-align: middle;
    align-items: center;
    font-size: 12px;
    color: #595959;
}

    .google-location__predictions li a[data-v-4c241628]:focus,
    .google-location__predictions li a[data-v-4c241628]:hover {
        --bg-opacity: 1;
        background-color: #f5f5f5;
        background-color: rgba(245, 245, 245, var(--bg-opacity));
    }

.google-location__predictions li strong[data-v-4c241628] {
    display: block;
    font-size: 14px;
    color: #000;
}

.loading-view[data-v-739d401c] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.loading-view--active[data-v-739d401c] {
    justify-content: space-between;
}

.loading-view__loader[data-v-739d401c] {
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    width: 100%;
    flex-grow: 1;
}

.loading-zone[data-v-e958d332] {
    position: relative;
}

.loading-zone__message[data-v-e958d332] {
    text-align: center;
    padding: 0 1.5rem;
    margin-top: 1rem;
}

.loading-zone__loader[data-v-e958d332] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    width: 100.2%;
    height: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.loading-zone__loader svg[data-v-e958d332] {
    margin: auto;
    fill: var(--color-primary);
}

.alert[data-v-d44cf21c] {
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
}

.alert--danger[data-v-d44cf21c] {
    background-color: var(--color-danger);
    color: var(--color-white);
}

.alert--success[data-v-d44cf21c] {
    background-color: var(--color-success);
}

.alert--warning[data-v-d44cf21c] {
    background-color: var(--color-warning);
    color: var(--color-white);
}

.form-control[data-v-71b4e96a] {
    margin-bottom: 1rem;
}

.form-control__label[data-v-71b4e96a] {
    display: block;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
    margin-bottom: 0.25rem;
}

.form-control__label--required[data-v-71b4e96a]:after {
    content: "*";
    display: inline-block;
    font-family: Nunito Sans, sans-serif;
}

.form-control__error[data-v-71b4e96a] {
    display: block;
    margin-top: 0.25rem;
    color: var(--color-danger);
    font-weight: 600;
}

.drawer {
    z-index: 999;
    position: fixed;
    max-height: 100vh;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.drawer__backdrop {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    background: rgba(0, 0, 0, 0.2);
}

.drawer__backdrop--transparent {
    background: transparent;
}

.drawer__container {
    position: relative;
    width: 100%;
    min-width: 300px;
    max-width: 460px;
    height: auto;
    max-height: 90%;
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
}

.drawer__container--full {
    height: 100%;
    max-height: 100%;
    min-height: 100%;
}

.drawer__close {
    position: absolute;
    z-index: 10;
    top: 20px;
    left: 20px;
}

.select-country[data-v-72c15976] {
    display: flex;
    align-items: center;
    --bg-opacity: 1;
    background-color: #f5f5f5;
    background-color: rgba(245, 245, 245, var(--bg-opacity));
    border-width: 1px;
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 0.25rem;
    height: 3.5rem;
    cursor: pointer;
}

    .select-country[data-v-72c15976]:focus,
    .select-country[data-v-72c15976]:hover {
        --bg-opacity: 1;
        background-color: #e2e8f0;
        background-color: rgba(226, 232, 240, var(--bg-opacity));
    }

.select-country__flag[data-v-72c15976] {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.5rem;
    border-radius: 9999px;
    background-size: cover;
    background-position: 50%;
}

.select-country__code[data-v-72c15976] {
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
    white-space: nowrap;
}

.select-country__arrow[data-v-72c15976] {
    margin-left: 0.5rem;
    fill: var(--color-primary);
}

.slide-up-enter[data-v-72c15976],
.slide-up-leave-active[data-v-72c15976] {
    transform: translateY(100%);
}

.slide-up-enter-active[data-v-72c15976],
.slide-up-leave-active[data-v-72c15976] {
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.org-header[data-v-c2f068f0] {
    position: relative;
    justify-content: center;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    height: 3.5rem;
    text-align: center;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 1.5;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.07);
    flex-shrink: 0;
}

.org-header[data-v-c2f068f0],
.org-header__btn[data-v-c2f068f0] {
    display: flex;
    align-items: center;
}

.org-header__btn[data-v-c2f068f0] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.org-header__btn--circle[data-v-c2f068f0] {
    --bg-opacity: 1;
    background-color: #f5f5f5;
    background-color: rgba(245, 245, 245, var(--bg-opacity));
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    padding: 0.5rem;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    border-width: 1px;
    --border-opacity: 1;
    border-color: #f5f5f5;
    border-color: rgba(245, 245, 245, var(--border-opacity));
}

    .org-header__btn--circle[data-v-c2f068f0]:focus,
    .org-header__btn--circle[data-v-c2f068f0]:hover {
        border-color: var(--color-primary);
    }

.org-header__icon[data-v-c2f068f0] {
    width: 0.75rem;
    height: 0.75rem;
    fill: var(--color-primary);
}

.org-modal {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.org-modal__backdrop {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
}

.org-modal__backdrop--hidden {
    background: transparent;
}

.org-modal__container {
    position: relative;
    width: 100%;
    min-width: 300px;
    max-width: 460px;
    height: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.org-modal__content {
    border-radius: 3px;
    box-shadow: 0 20px 60px -2px rgba(27, 33, 58, 0.4);
    width: calc(100% - 30px);
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
}

.tpl-floating {
    z-index: 999;
    position: fixed;
    max-height: 100vh;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.tpl-floating__container {
    position: relative;
    width: 100%;
    min-width: 300px;
    max-width: 460px;
    height: 100%;
    max-height: 100%;
    min-height: 100%;
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
}

.accordion-enter-active[data-v-b1ed3b62],
.accordion-leave-active[data-v-b1ed3b62] {
    transition: max-height 0.05s linear;
    overflow: hidden;
}

.accordion-enter[data-v-b1ed3b62],
.accordion-leave-to[data-v-b1ed3b62] {
    max-height: 0;
}

.accordion-enter-to[data-v-b1ed3b62],
.accordion-leave[data-v-b1ed3b62] {
    max-height: 100px;
}

.select-area[data-v-b1ed3b62] {
    margin-bottom: 1rem;
}

    .select-area[data-v-b1ed3b62]:last-child {
        margin: 0;
    }

.select-area__city[data-v-b1ed3b62] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 1rem 0.5rem 0.5rem;
}

.select-area__city-name[data-v-b1ed3b62] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.select-area__city .select-area__count[data-v-b1ed3b62] {
    display: flex;
    align-items: center;
    font-weight: 700;
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
    font-size: 0.75rem;
    line-height: 1rem;
    line-height: 1.5;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.select-area__city .select-area__arrow-down[data-v-b1ed3b62] {
    fill: #a0aec0;
}

.select-area__city .select-area__arrow-down.active[data-v-b1ed3b62] {
    transform: rotate(180deg);
}

.select-area .select-area__link[data-v-b1ed3b62] {
    display: block;
    padding-left: 1rem;
    padding-right: 1rem;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    background-color: var(--color-white);
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
}

    .select-area .select-area__link[data-v-b1ed3b62]:focus,
    .select-area .select-area__link[data-v-b1ed3b62]:hover {
        --bg-opacity: 1;
        background-color: #f5f5f5;
        background-color: rgba(245, 245, 245, var(--bg-opacity));
    }

.select-area .select-area__link:focus > div[data-v-b1ed3b62],
.select-area .select-area__link:hover > div[data-v-b1ed3b62] {
    --border-opacity: 1;
    border-color: #f5f5f5;
    border-color: rgba(245, 245, 245, var(--border-opacity));
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.select-area .select-area__link > div[data-v-b1ed3b62] {
    display: flex;
    align-items: center;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    border-top-width: 1px;
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
}

.select-area .select-area__link .select-area__arrow-right[data-v-b1ed3b62] {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.select-area .select-area__link .select-area__arrow-right svg[data-v-b1ed3b62] {
    width: 0.75rem;
    height: 0.75rem;
    fill: #cbd5e0;
}

.select-area__list:hover + .select-area__list
.select-area__link > div[data-v-b1ed3b62] {
    --border-opacity: 1;
    border-color: #f5f5f5;
    border-color: rgba(245, 245, 245, var(--border-opacity));
}

[data-v-2127587a] .areas-list,
[data-v-2127587a] .areas-list__search {
    background-color: var(--color-white);
}

[data-v-2127587a] .areas-list__search {
    position: sticky;
    top: 0;
    padding: 0.75rem;
    z-index: 10;
}

[data-v-2127587a] .areas-list__no-records {
    text-align: center;
    padding: 1.25rem;
}

.hack-instagram-viewport .areas-list__search[data-v-2127587a] {
    padding-top: 4rem;
}

.hack-instagram-viewport .areas-list__groups[data-v-2127587a] {
    padding-bottom: 4.5rem;
}

.create-address[data-v-1ae5a5f6] {
    background-color: var(--color-white);
    min-height: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.create-address__form[data-v-1ae5a5f6] {
    padding-top: 1.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.create-address__area[data-v-1ae5a5f6] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    --bg-opacity: 1;
    background-color: #f5f5f5;
    background-color: rgba(245, 245, 245, var(--bg-opacity));
    font-weight: 600;
    border-width: 1px;
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
    border-radius: 0.25rem;
    --text-opacity: 1;
    color: #595959;
    color: rgba(89, 89, 89, var(--text-opacity));
    min-height: 2.75rem;
    padding: 0.75rem 0.5rem;
    width: 100%;
}

    .create-address__area[data-v-1ae5a5f6]:focus {
        border-color: var(--color-primary);
    }

.create-address__area-name[data-v-1ae5a5f6] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    --text-opacity: 1;
    color: #1f1f1f;
    color: rgba(31, 31, 31, var(--text-opacity));
}

.create-address__area-icon[data-v-1ae5a5f6] {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.create-address__save[data-v-1ae5a5f6] {
    position: sticky;
    bottom: 0;
    padding-bottom: 1rem;
    margin-top: 1rem;
}

.hack-instagram-viewport .create-address__save[data-v-1ae5a5f6] {
    background-color: var(--color-white);
    padding-bottom: 4.5rem;
}

.radio-tags[data-v-1ae5a5f6] {
    display: flex;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.radio-tags__label[data-v-1ae5a5f6] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-width: 1px;
    --border-opacity: 1;
    border-color: #bdbdbd;
    border-color: rgba(189, 189, 189, var(--border-opacity));
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    min-height: 2.75rem;
    min-width: 6rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
    text-align: center;
    --text-opacity: 1;
    color: #bdbdbd;
    color: rgba(189, 189, 189, var(--text-opacity));
    border-radius: 0.25rem;
    cursor: pointer;
}

    .radio-tags__label[data-v-1ae5a5f6]:focus,
    .radio-tags__label[data-v-1ae5a5f6]:hover {
        border-color: var(--color-primary);
        color: var(--color-primary);
    }

.radio-tags__label:focus .radio-tags__icon[data-v-1ae5a5f6],
.radio-tags__label:hover .radio-tags__icon[data-v-1ae5a5f6] {
    fill: var(--color-primary);
}

.radio-tags__icon[data-v-1ae5a5f6] {
    width: 1.25rem;
    height: 1.5rem;
    fill: #bdbdbd;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.radio-tags__input[data-v-1ae5a5f6] {
    display: none;
}

.radio-tags__input:checked + .radio-tags__label[data-v-1ae5a5f6] {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.radio-tags__input:checked + .radio-tags__label
.radio-tags__icon[data-v-1ae5a5f6] {
    fill: var(--color-primary);
}

.atom-button[data-v-2bc9017a] {
    width: 100%;
    height: 3.5rem;
    border-radius: 0.4375rem;
    background-color: var(--color-primary);
    color: var(--color-on-primary);
    font-family: var(--font-family-sans);
    font-style: normal;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 150%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    outline: none;
    user-select: none;
    transition: all 0.3s ease;
    padding: 0 2.1875rem;
}

    .atom-button[data-v-2bc9017a]:hover {
        background-color: var(--color-hover);
        color: var(--color-on-primary);
    }

.atom-button--disabled[data-v-2bc9017a] {
    cursor: not-allowed;
}

    .atom-button--disabled[data-v-2bc9017a],
    .atom-button--disabled[data-v-2bc9017a]:hover {
        background-color: var(--color-brand-tertiary);
    }

.atom-button--loading[data-v-2bc9017a] {
    cursor: progress;
}

.atom-button--inline[data-v-2bc9017a] {
    width: auto;
}

.atom-button--secondary[data-v-2bc9017a] {
    background-color: var(--color-secondary);
    color: var(--color-on-secondary);
}

.atom-button--medium[data-v-2bc9017a] {
    height: 2.625rem;
}

.atom-checkmark[data-v-93fcc744] {
    color: var(--color-primary);
}

.atom-checkmark path[data-v-93fcc744] {
    color: var(--color-on-primary);
}

.app-size[data-v-9c269f06],
.atom-drawer__aligner[data-v-9c269f06],
.atom-drawer__bg-color[data-v-9c269f06],
.atom-drawer__content[data-v-9c269f06],
.atom-drawer__header[data-v-9c269f06] {
    min-width: 300px;
    max-width: 460px;
}

.atom-drawer[data-v-9c269f06] {
    z-index: 999;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    width: 100%;
    flex-direction: column;
}

.atom-drawer__header[data-v-9c269f06] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 3.125rem 0.9375rem 1.4375rem;
    z-index: 3;
}

.atom-drawer__close[data-v-9c269f06] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.3125rem;
    height: 2.3125rem;
    border-radius: 50%;
    background: var(--color-pure-white);
}

.atom-drawer__close svg[data-v-9c269f06] {
    width: 0.9375rem;
    height: 0.9375rem;
    color: var(--color-atlantic);
}

.atom-drawer__bg-color[data-v-9c269f06] {
    background-color: var(--color-cloudy);
    opacity: 0.95;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.atom-drawer__content[data-v-9c269f06],
.atom-drawer__filler[data-v-9c269f06] {
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    width: 100%;
}

.atom-drawer__content[data-v-9c269f06] {
    display: flex;
    align-items: flex-end;
    position: relative;
    z-index: 2;
}

.atom-drawer__shelve[data-v-9c269f06] {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 100%;
    width: 100%;
    background: var(--color-pure-white);
}

.atom-drawer__shelve--rounded[data-v-9c269f06] {
    border-radius: 0.875rem 0.875rem 0 0;
}

.atom-drawer__shelve--full[data-v-9c269f06] {
    height: 100%;
}

.atom-drawer__shelve--no-scroll[data-v-9c269f06] {
    overflow-y: hidden;
}

.atom-drawer__aligner[data-v-9c269f06] {
    position: relative;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
}

.dialog-fade-enter-active[data-v-5dcc05f8],
.dialog-fade-leave-active[data-v-5dcc05f8] {
    transition: opacity 0.3s;
}

.dialog-fade-enter[data-v-5dcc05f8],
.dialog-fade-leave-to[data-v-5dcc05f8] {
    opacity: 0;
}

.app-size[data-v-5dcc05f8],
.atom-dialog[data-v-5dcc05f8],
.atom-dialog__backdrop[data-v-5dcc05f8],
.atom-dialog__content[data-v-5dcc05f8] {
    min-width: 300px;
    max-width: 460px;
}

.atom-dialog[data-v-5dcc05f8] {
    z-index: 999;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    width: 100%;
}

.atom-dialog__content[data-v-5dcc05f8] {
    position: relative;
    margin: auto;
    padding: 28px 21px;
    border-radius: 14px;
    z-index: 2;
    overflow: auto;
    width: 85%;
    height: auto;
    max-height: 90%;
    background: var(--color-pure-white);
}

.atom-dialog__backdrop[data-v-5dcc05f8] {
    background-color: var(--color-cloudy);
    opacity: 0.95;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.atom-dialog__backdrop--transparent[data-v-5dcc05f8] {
    background-color: transparent;
}

.atom-form-control[data-v-5de2d7a7] {
    font-family: var(--font-family-sans);
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-bottom: 1.75rem;
}

.atom-form-control__label[data-v-5de2d7a7] {
    display: block;
    color: var(--color-charcoal);
    margin-bottom: 0.4375rem;
}

.atom-form-control__error-message[data-v-5de2d7a7] {
    display: block;
    color: var(--color-coral);
    margin-top: 0.4375rem;
}

.atom-icon[data-v-713df690] {
    color: var(--color-midnight);
}

.atom-input[data-v-7f860043] {
    display: flex;
    align-items: center;
    height: 3.0625rem;
    border: 0.125rem solid var(--color-cloudy);
    background-color: var(--color-pure-white);
    border-radius: 0.4375rem;
}

.atom-input[data-v-7f860043],
.atom-input__icon[data-v-7f860043] {
    padding: 0 0.4375rem;
}

    .atom-input__icon[data-v-7f860043] svg {
        color: var(--color-rainy);
    }

.atom-input__field[data-v-7f860043],
.atom-input__prefix[data-v-7f860043] {
    font-family: var(--font-family-sans);
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.atom-input__prefix[data-v-7f860043],
.atom-input__suffix[data-v-7f860043] {
    color: var(--color-charcoal);
}

.atom-input__suffix[data-v-7f860043] {
    margin: 0 0.75rem;
}

.atom-input__field[data-v-7f860043] {
    background: transparent;
    width: 100%;
    color: var(--color-charcoal);
    padding: 0 0.4375rem;
}

    .atom-input__field[data-v-7f860043]::placeholder {
        color: var(--color-rainy);
    }

.atom-input--focused[data-v-7f860043] {
    border-color: var(--color-brand-primary);
}

.atom-input--focused[data-v-7f860043],
.atom-input--focused .atom-input__field[data-v-7f860043] {
    color: var(--color-midnight);
}

.atom-input--invalid[data-v-7f860043] {
    border-color: var(--color-coral);
    background-color: var(--color-salmon);
}

.atom-input--disabled[data-v-7f860043] {
    border-color: var(--color-cloudy);
    background-color: var(--color-powder);
}

.atom-input--xl[data-v-7f860043] {
    height: 3.9375rem;
}

.atom-input--xl .atom-input__field[data-v-7f860043],
.atom-input--xl .atom-input__prefix[data-v-7f860043] {
    font-weight: 600;
    font-size: 1.625rem;
    line-height: 1.875rem;
    letter-spacing: -0.01rem;
}

.atom-map__map[data-v-73f02c26],
[data-v-73f02c26] .google-maps-instance {
    position: relative;
    width: 100%;
    height: 100%;
}

.atom-map[data-v-73f02c26] {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 100%;
}

.atom-map__error[data-v-73f02c26] {
    background-color: var(--color-salmon);
    color: var(--color-coral);
}

.atom-map__error[data-v-73f02c26],
.atom-map__loading[data-v-73f02c26] {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.atom-map__loading[data-v-73f02c26] {
    background-color: var(--color-cloudy);
}

.atom-safe-area[data-v-59fe2458] {
    min-height: 100%;
    width: 100%;
    display: flex;
}

.atom-safe-area--breathing[data-v-59fe2458] {
    padding-top: 2.625rem;
    padding-bottom: 5.8125rem;
}

.atom-safe-area--full-area[data-v-59fe2458] {
    padding-top: 3.5rem;
    padding-bottom: 7.125rem;
}

.atom-safe-area--no-top[data-v-59fe2458] {
    padding-top: 0;
}

.atom-safe-area--no-bottom[data-v-59fe2458] {
    padding-bottom: 0;
}

.atom-safe-area__wrapper[data-v-59fe2458] {
    width: 100%;
}

.atom-text[data-v-64863c32] {
    font-family: var(--font-family-sans);
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: var(--color-midnight);
}

.atom-text--h1[data-v-64863c32] {
    font-size: 32px;
    line-height: 42px;
    letter-spacing: -0.04rem;
}

.atom-text--h1[data-v-64863c32],
.atom-text--h2[data-v-64863c32] {
    font-weight: 600;
    margin-bottom: 0.4375rem;
}

.atom-text--h2[data-v-64863c32] {
    font-size: 26px;
    line-height: 35px;
    letter-spacing: -0.015rem;
}

.atom-text--h3[data-v-64863c32] {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0.4375rem;
}

.atom-text--body-large[data-v-64863c32] {
    font-weight: 600;
    font-size: 16px;
}

.atom-text--subtitle[data-v-64863c32] {
    font-weight: 600;
    font-size: 18px;
}

.atom-text--body-bold[data-v-64863c32] {
    font-weight: 600;
}

.atom-text--small[data-v-64863c32] {
    font-size: 11px;
    letter-spacing: 0.015rem;
}

.atom-button-link[data-v-91302606] {
    width: 100%;
    height: 3.5625rem;
    border-radius: 0.4375rem;
    background-color: var(--color-brand-primary);
    font-family: var(--font-family-sans);
    font-style: normal;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 150%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--color-brand-text);
    outline: none;
    user-select: none;
    transition: all 0.3s ease;
    padding: 0 2.1875rem;
}

    .atom-button-link[data-v-91302606]:hover {
        background-color: var(--color-brand-secondary);
    }

.atom-button-link--disabled[data-v-91302606] {
    cursor: not-allowed;
}

    .atom-button-link--disabled[data-v-91302606],
    .atom-button-link--disabled[data-v-91302606]:hover {
        background-color: var(--color-brand-tertiary);
    }

.atom-button-link--secondary[data-v-91302606],
.atom-button-link--secondary[data-v-91302606]:hover {
    background-color: var(--color-cloudy);
    color: var(--color-midnight);
}

.atom-button-link--outlined[data-v-91302606] {
    background-color: var(--color-pure-white);
    color: var(--color-brand-primary);
    border: 1px solid var(--color-brand-primary);
}

    .atom-button-link--outlined[data-v-91302606]:hover {
        background-color: var(--color-brand-primary);
        color: var(--color-pure-white);
    }

.atom-button-link--inline[data-v-91302606] {
    width: auto;
}

.atom-link[data-v-bb35a3f2] {
    font-family: var(--font-family-sans);
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    text-decoration-line: underline;
    color: var(--color-brand-primary);
    transition: all 0.3s ease;
    user-select: none;
}

    .atom-link[data-v-bb35a3f2]:hover {
        color: var(--color-brand-secondary);
    }

.atom-pin-code[data-v-48f4fec6] {
    display: flex;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    direction: ltr;
}

.atom-pin-code__input[data-v-48f4fec6] {
    border: 0.125rem solid var(--color-cloudy);
    background-color: var(--color-pure-white);
    border-radius: 0.4375rem;
    height: 3.9375rem;
    width: calc(20% - 1rem);
    margin: 0 0.5rem;
    text-align: center;
    font-family: var(--font-family-sans);
    font-style: normal;
    font-weight: 600;
    font-size: 1.625rem;
    line-height: 1.875rem;
    color: var(--color-charcoal);
    letter-spacing: -0.01rem;
}

    .atom-pin-code__input[data-v-48f4fec6]:active,
    .atom-pin-code__input[data-v-48f4fec6]:focus {
        border-color: var(--color-brand-primary);
        color: var(--color-midnight);
    }

    .atom-pin-code__input[data-v-48f4fec6]:disabled {
        border-color: var(--color-cloudy);
        background-color: var(--color-powder);
    }

.atom-pin-code--invalid .atom-pin-code__input[data-v-48f4fec6]:not(:disabled) {
    border-color: var(--color-coral);
    background-color: var(--color-salmon);
}

.atom-loading--floating[data-v-c6af741a],
.atom-loading--floating .atom-loading__icon[data-v-c6af741a],
.floating-centered[data-v-c6af741a] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.atom-loading[data-v-c6af741a] {
    z-index: 9;
}

.atom-loading__icon[data-v-c6af741a] {
    fill: var(--color-primary);
    display: inline-block;
}

.atom-loading--inline[data-v-c6af741a] {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.atom-loading--floating[data-v-c6af741a] {
    width: 100%;
    height: 100%;
    background-color: var(--color-base-100);
}

.atom-radio[data-v-49367417] {
    display: flex;
    position: relative;
    user-select: none;
    cursor: pointer;
}

.atom-radio__check[data-v-49367417] {
    position: relative;
    min-width: 1.1875rem;
    width: 1.1875rem;
    height: 1.1875rem;
    margin: 0.125rem 0;
    border-radius: 100%;
    border: 0.1875rem solid var(--color-base-90);
    background: var(--color-base-90);
}

.atom-radio__input[data-v-49367417] {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;
    cursor: pointer;
}

.atom-radio__input:checked ~ .atom-radio__check[data-v-49367417] {
    background: var(--color-primary);
    border-color: var(--color-base-100);
    box-shadow: 0 0 0 0.0625rem var(--color-primary);
}

.atom-radio__slot[data-v-49367417] {
    padding: 0 0.875rem;
}

.atom-radio--disabled[data-v-49367417] {
    opacity: 0.5;
    cursor: not-allowed;
}

.mol-icon-button[data-v-797200c2] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.1875rem;
    height: 2.1875rem;
    border-radius: 50%;
    background-color: var(--color-pure-white);
    outline: 0;
    cursor: pointer;
}

.mol-select-country[data-v-3afeee2c] {
    background-color: #fff;
    font-family: var(--font-family-sans);
    font-style: normal;
    font-weight: 400;
}

.mol-select-country__filter[data-v-3afeee2c] {
    position: sticky;
    top: 0;
    z-index: 20;
    padding: 1.3125rem 1.3125rem 0;
    background-color: #fff;
}

.mol-select-country__group[data-v-3afeee2c]:nth-child(2) {
    margin-top: 0.875rem;
}

.mol-select-country__group-title[data-v-3afeee2c] {
    position: sticky;
    top: 4.375rem;
    z-index: 10;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.31rem;
    background-color: #fff;
    color: var(--color-charcoal);
    padding: 0.4375rem 0;
}

    .mol-select-country__group-title[data-v-3afeee2c]:after,
    .mol-select-country__group-title[data-v-3afeee2c]:before {
        content: "";
        flex: 1;
        border-bottom: 0.0625rem solid #f6f6f6;
    }

    .mol-select-country__group-title[data-v-3afeee2c]:before {
        margin-right: 0.5rem;
    }

    .mol-select-country__group-title[data-v-3afeee2c]:after {
        margin-left: 0.5rem;
    }

.mol-select-country__list[data-v-3afeee2c] {
    margin: 0.4375rem 0;
}

.mol-select-country__list-line[data-v-3afeee2c] {
    margin: 0 1.3125rem;
    border-bottom: 0.0625rem solid var(--color-cloudy);
}

    .mol-select-country__list-line[data-v-3afeee2c]:last-child {
        border-bottom: none;
    }

.mol-select-country__link[data-v-3afeee2c] {
    display: flex;
    align-items: center;
    padding: 0.875rem 0;
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--color-charcoal);
}

.mol-select-country__flag-emoji[data-v-3afeee2c] {
    width: 1.3rem;
    font-size: 1rem;
}

.mol-select-country__name[data-v-3afeee2c] {
    width: 100%;
    padding: 0 0.875rem;
}

.mol-select-country__dial-code[data-v-3afeee2c] {
    font-weight: 600;
    color: var(--color-atlantic);
    white-space: nowrap;
}

.mol-input-phone-number[data-v-2869e975] {
    font-family: var(--font-family-sans);
    font-style: normal;
    font-weight: 400;
    position: relative;
}

.mol-input-phone-number__select-country[data-v-2869e975] {
    display: flex;
    align-items: center;
    height: 3.0625rem;
}

.mol-input-phone-number__select-country.disabled[data-v-2869e975] {
    pointer-events: none;
}

.mol-input-phone-number__caret-down[data-v-2869e975] {
    width: 1.5rem;
}

.mol-input-phone-number__caret-down-icon[data-v-2869e975] {
    width: 0.75rem;
    height: 0.375rem;
    color: var(--color-atlantic);
}

.mol-input-phone-number__country-flag[data-v-2869e975] {
    font-size: 1.125rem;
    line-height: 1.25rem;
    margin: 0 0.625rem 0 0.8125rem;
}

.mol-input-phone-number__country-code[data-v-2869e975] {
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--color-charcoal);
    white-space: nowrap;
}

.mol-input-phone-number__drawer-title[data-v-2869e975] {
    padding: 0 1.3125rem;
}

.mol-input-phone-number__drawer-actions[data-v-2869e975] {
    padding: 0.875rem 1.3125rem 0.9375rem 0.9375rem;
}

.mol-loyalty-program-balance[data-v-e272a5fa] {
    background-color: var(--color-powder);
    border-radius: 0.4375rem;
    width: 100%;
    padding: 0.875rem;
    display: flex;
    align-items: center;
}

.mol-loyalty-program-balance__body[data-v-e272a5fa] {
    padding: 0.75rem;
}

.mol-loyalty-program-balance__icon[data-v-e272a5fa] {
    background-color: var(--color-brand-primary);
    width: 2.1875rem;
    height: 2.1875rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mol-loyalty-program-balance__balance[data-v-e272a5fa] {
    margin-bottom: 0;
}

.mol-search-location__prediction-summary[data-v-fd1ce9d8],
.mol-search-location__prediction-title[data-v-fd1ce9d8],
.trim[data-v-fd1ce9d8] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mol-search-location[data-v-fd1ce9d8] {
    position: relative;
}

.mol-search-location__input[data-v-fd1ce9d8] {
    position: relative;
    z-index: 1;
}

.mol-search-location__locator svg[data-v-fd1ce9d8] {
    color: var(--color-atlantic);
}

.mol-search-location__locator:hover svg[data-v-fd1ce9d8] {
    color: var(--color-brand-primary);
}

.mol-search-location__predictions[data-v-fd1ce9d8] {
    padding: 1.375rem 0 0;
    background-color: var(--color-pure-white);
    border: 0.125rem solid var(--color-cloudy);
    border-radius: 0 0 0.4375rem 0.4375rem;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 0;
}

.mol-search-location__prediction-wrapper[data-v-fd1ce9d8] {
    border-top: 0.0625rem solid var(--color-powder);
    margin: -0.0625rem 0.875rem 0;
    padding: 0.875rem 0;
}

.mol-search-location__prediction-title[data-v-fd1ce9d8] {
    display: block;
}

.mol-search-location__prediction-summary[data-v-fd1ce9d8] {
    display: block;
    color: var(--color-rainy);
}

.mol-search-location__prediction[data-v-fd1ce9d8] {
    display: block;
}

    .mol-search-location__prediction[data-v-fd1ce9d8]:last-child {
        border-radius: 0 0 0.3125rem 0.3125rem;
    }

.mol-search-location__prediction:first-child
.mol-search-location__prediction-wrapper[data-v-fd1ce9d8] {
    border-top: 0;
}

.mol-search-location__prediction[data-v-fd1ce9d8]:hover {
    background-color: var(--color-powder);
}

.powered-by[data-v-26ef23b2] {
    text-align: center;
    padding: 1.25rem;
}

.powered-by__link[data-v-26ef23b2] {
    border-radius: 1.875rem;
    padding: 0.75rem 1.25rem 1rem;
}

.powered-by__link.border[data-v-26ef23b2] {
    border: 1px solid var(--color-cloudy);
}

.powered-by__link.background[data-v-26ef23b2] {
    background-color: var(--color-base-95);
}

.powered-by__icon[data-v-26ef23b2] {
    display: inline-block;
    margin: 0 0.25rem;
}

.powered-by__text[data-v-26ef23b2] {
    color: var(--color-base-50);
    vertical-align: middle;
    font-size: 0.8125rem;
}

.mol-link-arrow[data-v-1d6ffd64] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1.1875rem 0;
}

.mol-link-arrow__icon[data-v-1d6ffd64],
.mol-link-arrow__title[data-v-1d6ffd64] {
    display: inline-block;
}

.mol-link-arrow.atom-link[data-v-1d6ffd64] {
    text-decoration: none;
}

.mol-select-order-type[data-v-b8e7a770] {
    padding: 1.75rem 1.3125rem 0.875rem;
}

.mol-select-order-type__title[data-v-b8e7a770] {
    margin-bottom: 0.875rem;
}

.mol-select-order-type__item a[data-v-b8e7a770] {
    padding: 0.875rem 0;
    display: flex;
    align-items: center;
    border-bottom: 0.0625rem solid var(--color-cloudy);
}

.mol-select-order-type__item:last-child a[data-v-b8e7a770] {
    border-bottom: 0;
}

.mol-select-order-type__icon[data-v-b8e7a770] {
    margin-right: 0.875rem;
}

.mol-select-order-type__name[data-v-b8e7a770] {
    width: 100%;
    padding: 0 7px;
}

.mol-select-order-type__checkmark[data-v-b8e7a770] {
    transition: all 0.5s ease;
    margin: 0 0.4375rem;
}

.fade-enter-active[data-v-b8e7a770],
.fade-leave-active[data-v-b8e7a770] {
    transition: opacity 50ms ease-in-out;
}

.fade-enter[data-v-b8e7a770],
.fade-leave-to[data-v-b8e7a770] {
    opacity: 0;
}

.mol-location-not-covered__headline[data-v-1566152e],
.mol-location-not-covered__title[data-v-1566152e] {
    margin-bottom: 28px;
}

.mol-location-not-covered__skip[data-v-1566152e] {
    margin-top: 28px;
    text-align: center;
}

.mol-whatsapp-button[data-v-ba599a52] {
    width: 100%;
    height: 3.5625rem;
    border-radius: 0.4375rem;
    background-color: #2fc240;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    border: 1px solid #2fc240;
}

.mol-whatsapp-button__icon[data-v-ba599a52] {
    margin-right: 7px;
}

.mol-whatsapp-button[data-v-ba599a52]:hover {
    background-color: #2aad39;
}

.mol-whatsapp-button--short[data-v-ba599a52] {
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.05), 0 0 1px var(--color-rainy);
    padding: 10px;
    border-radius: 100%;
    border: none;
    max-width: 3.0625rem;
    min-width: 3.0625rem;
    min-height: 3.0625rem;
    max-height: 3.0625rem;
}

    .mol-whatsapp-button--short[data-v-ba599a52],
    .mol-whatsapp-button--short[data-v-ba599a52]:hover {
        background-color: var(--color-pur-white);
    }

.mol-help-link[data-v-55d014ec] {
    display: inline-flex;
    align-items: center;
}

    .mol-help-link[data-v-55d014ec] * {
        color: var(--color-base-50);
        transition: all 0.1s ease;
    }

    .mol-help-link[data-v-55d014ec]:hover * {
        color: var(--color-base-20);
    }

.mol-help-link__label[data-v-55d014ec] {
    margin-left: 0.4375rem;
}

.mol-headered-drawer__wrapper[data-v-7f1a3f90] {
    padding: 1.3125rem 1.3125rem 1rem;
    border-bottom: 0.0625rem solid var(--color-base-90);
}

.mol-headered-drawer__title[data-v-7f1a3f90] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.4375rem;
}

.mol-headered-drawer__title > h2[data-v-7f1a3f90] {
    margin-bottom: 0;
}

.mol-headered-drawer__done[data-v-7f1a3f90] {
    font-weight: 600;
    text-decoration: none;
}

.mol-headered-drawer__slot[data-v-7f1a3f90] {
    padding: 1rem 0 2.1875rem;
}

.mol-view-basket-button[data-v-24b6958a] {
    color: var(--color-on-primary);
    padding: 0 1.3125rem;
    flex-direction: row;
    justify-content: space-between;
}

.mol-view-basket-button__icon[data-v-24b6958a] {
    position: relative;
}

.mol-view-basket-button__price[data-v-24b6958a] {
    font-size: 0.75rem;
    font-weight: 600;
}

.mol-view-basket-button__qtt[data-v-24b6958a] {
    position: absolute;
    top: 0;
    right: -0.3125rem;
    color: var(--color-primary);
    background-color: var(--color-on-primary);
    width: 0.8125rem;
    height: 0.8125rem;
    border-radius: 50%;
    font-size: 0.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mol-go-back[data-v-0f81b007] {
    display: inline-flex;
    align-items: center;
    color: var(--color-base-30);
}

.mol-go-back:hover .mol-go-back__icon[data-v-0f81b007],
.mol-go-back:hover .mol-go-back__label[data-v-0f81b007] {
    color: var(--color-rainy);
}

.mol-go-back__label[data-v-0f81b007] {
    margin: 0 0.875rem;
}

.mol-button-switcher {
    display: flex;
    flex-direction: column;
    padding-bottom: 1rem;
}

.mol-button-switcher__navigation {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-bottom: 0.438rem;
}

.mol-button-switcher__option {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    padding: 0.438rem;
    border-radius: 0.438rem;
    transition: background-color 0.1s linear;
}

.mol-button-switcher__active {
    color: var(--color-pure-white);
    background-color: var(--color-primary);
}

.mol-selectable-item[data-v-7777d6f7] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.875rem;
    border: 1px solid var(--color-base-90);
    border-radius: 0.438rem;
    cursor: pointer;
}

.mol-selectable-item__content[data-v-7777d6f7] {
    flex: 1;
    justify-content: flex-start;
    padding-left: 0.875rem;
}

.mol-selectable-item__content p[data-v-7777d6f7],
.mol-selectable-item__content small[data-v-7777d6f7] {
    word-break: break-word;
}

.mol-selectable-item__icon[data-v-7777d6f7] {
    min-width: 1.313rem;
}

.org-confirm-location[data-v-e5ccd88a] {
    position: relative;
    display: flex;
}

.org-confirm-location__button[data-v-e5ccd88a] {
    position: absolute;
    bottom: 38px;
    right: 21px;
    left: 21px;
    z-index: 2;
}

.org-confirm-location__search[data-v-e5ccd88a] {
    position: absolute;
    top: 21px;
    right: 21px;
    left: 21px;
    z-index: 3;
}

.org-confirm-location__marker-shadow[data-v-e5ccd88a] {
    width: 1px;
    height: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    margin: auto;
    border-radius: 50%;
    pointer-events: none;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 0 0 90px var(--color-atlantic);
    background-color: var(--color-atlantic);
    opacity: 0.1;
}

.org-confirm-location__marker-shadow--dragging[data-v-e5ccd88a] {
    box-shadow: 0 0 0 3px var(--color-chatfood);
    background-color: var(--color-chatfood);
    opacity: 1;
}

.org-confirm-location__marker[data-v-e5ccd88a] {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
    width: 39px;
    height: 39px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.org-confirm-location__marker svg[data-v-e5ccd88a] {
    transform: translateY(-32px);
    animation-name: pinup-data-v-e5ccd88a;
    animation-duration: 0.1s;
    animation-timing-function: ease-in-out;
    animation-delay: 0;
    animation-iteration-count: 1;
}

.org-confirm-location__marker--standing svg[data-v-e5ccd88a] {
    transform: translateY(-12px);
    animation-name: pinbounce-data-v-e5ccd88a;
    animation-duration: 0.3s;
    animation-timing-function: ease;
    animation-delay: 0;
    animation-iteration-count: 1;
}

@keyframes pinbounce-data-v-e5ccd88a {
    0% {
        transform: translateY(-32px);
    }

    40% {
        transform: translateY(-12px);
    }

    80% {
        transform: translateY(-22px);
    }

    to {
        transform: translateY(-12px);
    }
}

@keyframes pinup-data-v-e5ccd88a {
    0% {
        transform: translateY(-12px);
    }

    to {
        transform: translateY(-32px);
    }
}

.order-history[data-v-3c5f5e03] {
    border-bottom: 0.0625rem solid var(--color-base-95);
    margin: 0.9375rem 0;
    position: relative;
    padding-bottom: 0.9375rem;
}

.order-history__content-text[data-v-3c5f5e03] {
    margin-bottom: 0.625rem;
    font-size: 0.8125rem;
}

.order-history__content-title[data-v-3c5f5e03] {
    margin-bottom: 0.3125rem;
}

.order-history__content-count[data-v-3c5f5e03] {
    font-size: 0.8125rem;
}

.order-history__content-separator[data-v-3c5f5e03] {
    font-size: 0.625rem;
    vertical-align: top;
}

.order-history__link[data-v-3c5f5e03] {
    text-decoration: none;
}

.org-customer-menu[data-v-c80292d0] {
    padding: 1.75rem 1.3125rem 0.875rem;
}

.org-customer-menu__loyalty[data-v-c80292d0],
.org-customer-menu__title[data-v-c80292d0] {
    margin-bottom: 1.75rem;
}

.org-customer-menu__logout[data-v-c80292d0] {
    width: 100%;
    display: flex;
    align-items: center;
}

.org-customer-menu__logout-name[data-v-c80292d0] {
    padding: 0 0.75rem;
}

.org-select-order-type__go-back[data-v-4b9a0516] {
    margin-bottom: 0.875rem;
}

.org-select-order-type__items[data-v-4b9a0516] {
    margin-top: 1.75rem;
}

.org-select-order-type__item[data-v-4b9a0516] {
    margin-bottom: 0.875rem;
}

.select-outlet-by-location[data-v-79b53818] {
    display: flex;
    min-height: 100%;
    flex-direction: column;
}

.select-outlet-by-location__actions[data-v-79b53818] {
    padding: 14px 21px 0 15px;
}

.select-outlet-by-location__title[data-v-79b53818] {
    margin: 23px 21px 7px;
}

.select-outlet-by-location__summary[data-v-79b53818] {
    margin: 0 21px 21px;
}

.select-outlet-by-location__map[data-v-79b53818] {
    flex: 1;
}

.refine-on-map[data-v-361fb5f2] {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.05);
    background-color: hsla(0, 0%, 100%, 0.9);
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
    color: var(--color-primary);
}

.radio-tags[data-v-361fb5f2] {
    display: flex;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.radio-tags__label[data-v-361fb5f2] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-width: 1px;
    --border-opacity: 1;
    border-color: #bdbdbd;
    border-color: rgba(189, 189, 189, var(--border-opacity));
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    min-height: 2.75rem;
    min-width: 6rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
    text-align: center;
    --text-opacity: 1;
    color: #bdbdbd;
    color: rgba(189, 189, 189, var(--text-opacity));
    border-radius: 0.25rem;
    cursor: pointer;
}

    .radio-tags__label[data-v-361fb5f2]:focus,
    .radio-tags__label[data-v-361fb5f2]:hover {
        border-color: var(--color-primary);
        color: var(--color-primary);
    }

.radio-tags__label:focus .radio-tags__icon[data-v-361fb5f2],
.radio-tags__label:hover .radio-tags__icon[data-v-361fb5f2] {
    fill: var(--color-primary);
}

.radio-tags__icon[data-v-361fb5f2] {
    width: 1.25rem;
    height: 1.5rem;
    fill: #bdbdbd;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.radio-tags__input[data-v-361fb5f2] {
    display: none;
}

.radio-tags__input:checked + .radio-tags__label[data-v-361fb5f2] {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.radio-tags__input:checked + .radio-tags__label
.radio-tags__icon[data-v-361fb5f2] {
    fill: var(--color-primary);
}

.radio-tags[data-v-be548c84] {
    display: flex;
}

.radio-tags__label[data-v-be548c84] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-width: 1px;
    --border-opacity: 1;
    border-color: #bdbdbd;
    border-color: rgba(189, 189, 189, var(--border-opacity));
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    margin-right: 1.5rem;
    min-height: 2.75rem;
    min-width: 6rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
    text-align: center;
    --text-opacity: 1;
    color: #bdbdbd;
    color: rgba(189, 189, 189, var(--text-opacity));
    border-radius: 0.25rem;
    cursor: pointer;
}

    .radio-tags__label[data-v-be548c84]:focus,
    .radio-tags__label[data-v-be548c84]:hover {
        border-color: var(--color-primary);
        color: var(--color-primary);
    }

.radio-tags__label:focus .radio-tags__icon[data-v-be548c84],
.radio-tags__label:hover .radio-tags__icon[data-v-be548c84] {
    fill: var(--color-primary);
}

.radio-tags__icon[data-v-be548c84] {
    width: 1.25rem;
    height: 1.5rem;
    padding: 0.25rem 0.25rem 0.25rem 0;
    fill: #bdbdbd;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.radio-tags__input[data-v-be548c84] {
    display: none;
}

.radio-tags__input:checked + .radio-tags__label[data-v-be548c84] {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.radio-tags__input:checked + .radio-tags__label
.radio-tags__icon[data-v-be548c84] {
    fill: var(--color-primary);
}

.addressLine[data-v-6654d47f] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

    .addressLine[data-v-6654d47f]:last-child {
        margin-bottom: 0;
    }

.addressLine--unavailable[data-v-6654d47f] {
    pointer-events: none;
}

.addressLine--unavailable *[data-v-6654d47f] {
    color: #d4d4d4 !important;
}

.addressLine--unavailable svg[data-v-6654d47f] {
    fill: #d4d4d4;
}

.addressLine__nickname[data-v-6654d47f] {
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 5px;
}

.addressLine__nickname svg[data-v-6654d47f] {
    width: 0.6rem;
    margin-right: 3px;
    margin-top: -2px;
}

.addressLine__nickname span[data-v-6654d47f] {
    font-size: 0.7rem;
    color: #e03646 !important;
}

.addressLine__location[data-v-6654d47f] {
    font-size: 0.8rem;
    color: #607d8b;
    margin: 0 0 0 15px;
}

.addressLine__action[data-v-6654d47f] {
    min-width: 1rem;
    max-width: 1rem;
    padding: 0.1rem;
}

.confirm-address-location[data-v-d0b633da] {
    display: flex;
    min-height: 100%;
    flex-direction: column;
}

.confirm-address-location__actions[data-v-d0b633da] {
    padding: 14px 21px 0 15px;
}

.confirm-address-location__title[data-v-d0b633da] {
    margin: 23px 21px 7px;
}

.confirm-address-location__summary[data-v-d0b633da] {
    margin: 0 21px 21px;
}

.confirm-address-location__map[data-v-d0b633da] {
    flex: 1;
}

.address-book[data-v-4c63da8c] {
    background: #fff;
}

.address-book a[data-v-4c63da8c]:hover {
    text-decoration: none;
}

.address-book__list[data-v-4c63da8c] {
    list-style: none;
    margin: 0;
    overflow: auto;
}

.address-book__list--max-height[data-v-4c63da8c] {
    max-height: calc(90vh - 55px);
}

.address-book__create[data-v-4c63da8c] {
    display: flex;
    background-color: var(--color-white);
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    padding: 1rem 0.5rem 1.5rem;
}

    .address-book__create[data-v-4c63da8c]:focus,
    .address-book__create[data-v-4c63da8c]:hover {
        --bg-opacity: 1;
        background-color: #f5f5f5;
        background-color: rgba(245, 245, 245, var(--bg-opacity));
    }

.address-book__icon[data-v-4c63da8c] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.address-book__no-address[data-v-4c63da8c] {
    --text-opacity: 1;
    color: #8c8c8c;
    color: rgba(140, 140, 140, var(--text-opacity));
    padding: 1rem;
    text-align: center;
    border-bottom-width: 1px;
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
}

.hack-instagram-viewport .address-book__create[data-v-4c63da8c] {
    padding-bottom: 5rem;
}

.timetable-panel[data-v-6e4e9f32] {
    background-color: var(--color-white);
    text-align: center;
}

.timetable-panel__days[data-v-6e4e9f32] {
    display: flex;
    border-bottom-width: 1px;
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
}

.timetable-panel__day[data-v-6e4e9f32] {
    flex-grow: 1;
}

    .timetable-panel__day[data-v-6e4e9f32]:last-child {
        border-left-width: 1px;
        --border-opacity: 1;
        border-color: #e2e8f0;
        border-color: rgba(226, 232, 240, var(--border-opacity));
    }

.timetable-panel__day a[data-v-6e4e9f32] {
    display: block;
    padding: 0.75rem;
}

.timetable-panel__times[data-v-6e4e9f32] {
    height: 16rem;
}

.timetable-panel__scrollable[data-v-6e4e9f32] {
    height: 100%;
    overflow-y: auto;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.timetable-panel__scrollable li[data-v-6e4e9f32]:last-child {
    padding-bottom: 4.5rem;
}

.timetable-panel__scrollable ul[data-v-6e4e9f32] {
    list-style-type: none;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.timetable-panel__day a[data-v-6e4e9f32],
.timetable-panel__time[data-v-6e4e9f32] {
    display: block;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    --text-opacity: 1;
    color: #8c8c8c;
    color: rgba(140, 140, 140, var(--text-opacity));
    padding: 0.75rem;
    background-color: var(--color-white);
}

    .timetable-panel__day a[data-v-6e4e9f32]:focus,
    .timetable-panel__day a[data-v-6e4e9f32]:hover,
    .timetable-panel__time[data-v-6e4e9f32]:focus,
    .timetable-panel__time[data-v-6e4e9f32]:hover {
        text-decoration: none;
        --bg-opacity: 1;
        background-color: #f5f5f5;
        background-color: rgba(245, 245, 245, var(--bg-opacity));
    }

.timetable-panel__day a.selected[data-v-6e4e9f32],
.timetable-panel__time.selected[data-v-6e4e9f32] {
    color: var(--color-primary);
    font-weight: 700;
}

.modal-rating {
    height: 400px;
    max-height: 100%;
    position: relative;
    width: 100%;
}

.modal-rating__skip {
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
    text-transform: uppercase;
    padding: 0.5rem 1rem;
}

    .modal-rating__skip,
    .modal-rating__skip:focus,
    .modal-rating__skip:hover {
        text-decoration: none;
    }

.modal-rating__iframe {
    width: 100%;
    height: 100%;
    border-style: none;
    margin: 0;
}

.order-schedule-calendar__title[data-v-7aa57297] {
    padding: 1.75rem 1.3125rem 0.4375rem;
}

.order-schedule-calendar__separator[data-v-7aa57297] {
    margin-top: 1.3125rem;
    border-width: 0.0625rem;
    border-color: var(--color-powder);
}

.order-schedule-calendar__view[data-v-7aa57297] {
    min-height: 45vh;
    overflow: scroll;
    max-height: 30vh;
}

.order-schedule-calendar__cta[data-v-7aa57297] {
    height: 5.3125rem;
    display: block;
}

.order-schedule-calendar__cta--inner[data-v-7aa57297] {
    box-shadow: 0 -0.625rem 2.1875rem rgba(0, 0, 0, 0.1);
    padding: 0.875rem 1.3125rem;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #fff;
    height: 5.3125rem;
    max-width: 28.75rem;
    z-index: 2;
}

.order-schedule-calendar__arrow-next[data-v-7aa57297],
.order-schedule-calendar__arrow-prev[data-v-7aa57297] {
    background-color: var(--color-powder);
    width: 1.875rem;
    height: 2.1875rem;
    border-radius: 0.1875rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s ease-out;
}

.order-schedule-calendar__back[data-v-7aa57297] {
    display: inline-flex;
    align-items: center;
    color: var(--color-rainy);
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
    cursor: pointer;
    transition: 0.3s ease-out;
}

.order-schedule-calendar__back svg[data-v-7aa57297] {
    margin-right: 0.4375rem;
    color: var(--color-brand-rainy);
    transition: 0.3s ease-out;
}

.order-schedule-calendar__back[data-v-7aa57297]:hover,
.order-schedule-calendar__back:hover svg[data-v-7aa57297] {
    color: var(--color-brand-secondary);
}

.order-schedule-calendar__arrow-prev[data-v-7aa57297] {
    margin-left: 0.5625rem;
}

    .order-schedule-calendar__arrow-prev[data-v-7aa57297]:hover {
        background-color: var(--color-brand-secondary);
    }

.order-schedule-calendar__arrow-prev:hover svg[data-v-7aa57297] {
    color: var(--color-brand-text);
}

.order-schedule-calendar__arrow-next[data-v-7aa57297] {
    margin-right: 0.5625rem;
}

    .order-schedule-calendar__arrow-next[data-v-7aa57297]:hover {
        background-color: var(--color-brand-secondary);
    }

.order-schedule-calendar__arrow-next:hover svg[data-v-7aa57297] {
    color: var(--color-brand-text);
}

.order-schedule-calendar[data-v-7aa57297] .vc-container {
    border: 0;
    margin-top: 0.875rem;
    font-family: var(--font-family-sans);
    font-size: 0.875rem;
}

.order-schedule-calendar[data-v-7aa57297] .vc-header {
    padding-bottom: 1.3125rem;
    font-size: 1.125rem;
}

.order-schedule-calendar[data-v-7aa57297] .vc-title {
    color: var(--color-charcoal);
    pointer-events: none;
    text-transform: capitalize;
}

.order-schedule-calendar[data-v-7aa57297] .vc-arrow:hover {
    background: none;
}

.order-schedule-calendar[data-v-7aa57297] .vc-day-content {
    color: var(--color-midnight);
}

    .order-schedule-calendar[data-v-7aa57297] .vc-day-content:hover {
        border-radius: 0.4375rem;
        width: 2.375rem;
        height: 2rem;
        background-color: var(--color-brand-secondary);
        color: var(--color-brand-text);
    }

    .order-schedule-calendar[data-v-7aa57297] .vc-day-content.is-disabled {
        color: var(--color-rainy);
        pointer-events: none;
    }

    .order-schedule-calendar[data-v-7aa57297] .vc-day-content.vc-focusable:focus {
        background-color: transparent;
        font-weight: 100;
    }

.order-schedule-calendar[data-v-7aa57297] .vc-day {
    margin-bottom: 0.875rem;
}

    .order-schedule-calendar[data-v-7aa57297] .vc-day.is-today .vc-day-content {
        font-weight: 700;
    }

.order-schedule-calendar[data-v-7aa57297] .vc-highlight {
    background-color: var(--color-brand-primary);
}

.order-schedule-calendar[data-v-7aa57297]
.vc-highlights.vc-day-layer + .vc-day-content {
    color: var(--color-brand-text);
}

    .order-schedule-calendar[data-v-7aa57297]
    .vc-highlights.vc-day-layer + .vc-day-content:hover {
        background-color: var(--color-brand-secondary);
    }

.order-schedule-calendar[data-v-7aa57297] .vc-weekday {
    padding-bottom: 0.875rem;
    color: var(--color-rainy);
}

.order-schedule-wrap[data-v-7773f3b4] {
    overflow: hidden;
}

.order-schedule-time[data-v-7773f3b4] {
    max-height: 90vh;
    overflow: hidden;
}

.order-schedule-time__title[data-v-7773f3b4] {
    padding: 1.3125rem 1.3125rem 0.4375rem;
}

.order-schedule-time__separator[data-v-7773f3b4] {
    margin-top: 0.4375rem;
    border-width: 0.0625rem;
    border-color: var(--color-powder);
}

.order-schedule-time__flex[data-v-7773f3b4] {
    max-height: 50vh;
    display: flex;
    margin-bottom: 5.3125rem;
}

.order-schedule-time__col[data-v-7773f3b4] {
    flex-basis: 100%;
    text-align: center;
    overflow: auto;
    padding: 0.4375rem 1.3125rem 1.3125rem 0.625rem;
}

    .order-schedule-time__col[data-v-7773f3b4]:first-of-type {
        padding-right: 0.625rem;
        padding-left: 1.3125rem;
    }

.order-schedule-time__calendar[data-v-7773f3b4] {
    display: inline-flex;
}

.order-schedule-time__calendar svg[data-v-7773f3b4] {
    margin-top: 0.1875rem;
    margin-right: 0.5rem;
}

.order-schedule-time__option[data-v-7773f3b4] {
    padding: 0.4375rem 0;
}

.order-schedule-time__option-link[data-v-7773f3b4] {
    width: 100%;
    height: 2.1875rem;
    border-radius: 0.4375rem;
    background-color: var(--color-powder);
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 150%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--color-stormy);
    outline: none;
    user-select: none;
    transition: all 0.3s ease;
}

.order-schedule-time__option-link svg[data-v-7773f3b4] {
    transition: all 0.3s ease;
    color: var(--color-brand-rainy);
}

.order-schedule-time__option-link.selected[data-v-7773f3b4] {
    background-color: var(--color-brand-primary);
    color: var(--color-brand-text);
}

.order-schedule-time__option-link.selected svg[data-v-7773f3b4] {
    color: var(--color-brand-text);
}

.order-schedule-time__option-link.selected[data-v-7773f3b4]:hover,
.order-schedule-time__option-link[data-v-7773f3b4]:hover {
    background-color: var(--color-brand-secondary);
}

.order-schedule-time__option-link[data-v-7773f3b4]:hover,
.order-schedule-time__option-link:hover svg[data-v-7773f3b4] {
    color: var(--color-brand-text);
}

.order-schedule-time__cta[data-v-7773f3b4] {
    box-shadow: 0 -0.625rem 2.1875rem rgba(0, 0, 0, 0.1);
    padding: 0.875rem 1.3125rem;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #fff;
    height: 5.3125rem;
    max-width: 28.75rem;
}

.credit-card[data-v-4d8ac609] {
    display: flex;
    align-items: center;
    background-color: var(--color-white);
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

    .credit-card[data-v-4d8ac609]:hover {
        --bg-opacity: 1;
        background-color: #f5f5f5;
        background-color: rgba(245, 245, 245, var(--bg-opacity));
    }

.credit-card__text[data-v-4d8ac609] {
    height: 2.6875rem;
    display: flex;
    align-items: center;
    width: 100%;
    padding-left: 1rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.credit-card__text .credit-card__image[data-v-4d8ac609] {
    width: 3.4375rem;
    padding-right: 0.75rem;
    text-align: center;
}

.credit-card__text .credit-card__image .credit-card__flag[data-v-4d8ac609] {
    max-width: 100%;
    height: 1.5rem;
}

.credit-card__text .credit-card__image .credit-card__svg[data-v-4d8ac609] {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    fill: var(--color-primary);
}

.credit-card__icon[data-v-4d8ac609] {
    padding: 0.25rem 1rem;
}

.credit-card__icon .credit-card__remove[data-v-4d8ac609] {
    fill: var(--color-danger);
}

.checkout-gateway[data-v-d1571308] {
    position: relative;
    min-height: 9.6875rem;
}

.checkout-gateway__error[data-v-d1571308] {
    margin-bottom: 1rem;
}

.checkout-gateway .card-frame[data-v-d1571308] {
    width: 100%;
    height: 40px;
    border-radius: 0.25rem;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background: var(--color-pure-white);
    transition: all 0.25s ease-out;
}

.checkout-gateway .card-frame.frame--focus[data-v-d1571308] {
    border-color: #000;
}

.checkout-gateway__powered[data-v-d1571308] {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: space-between;
    font-size: 0.75rem;
    padding: 0.875rem 0;
}

@media (max-width: 400px) {
    a.menu-item--reverse.menu-item {
        transition: background-color 0.3s ease-out;
        width: 50%;
        padding: 1rem;
        background-color: var(--color-white);
        display: flex;
    }

    .mfp-content {
        height: 650px;
    }

    .checkout-gateway__powered[data-v-d1571308] {
        display: block;
    }
}

.checkout-gateway__powered-txt[data-v-d1571308] {
    margin: 0.4375rem 0;
}

.checkout-gateway__powered-logo[data-v-d1571308] {
    display: inline-block;
    width: 5.5rem;
    max-width: 100%;
    margin: 0 0.1875rem;
}

.checkout-gateway__powered-encryption[data-v-d1571308] {
    color: #00d2a3;
    font-weight: 700;
    margin: 0.4375rem 0;
}

.checkout-gateway__powered-encryption-icon[data-v-d1571308] {
    display: inline-block;
    color: #00d2a3;
    margin: 0 0.1875rem;
    transform: translateY(-1px);
}

.stripe-gateway .StripeElement[data-v-1e81a30e] {
    height: 40px;
    width: 100%;
    margin-top: 0.625rem;
    padding: 0.625rem 0.875rem;
    border-radius: 0.25rem;
    box-shadow: none;
    border: 1px solid #dcdcdc;
    background-color: var(--color-white);
}

.stripe-gateway .StripeElement--focus[data-v-1e81a30e] {
    border-color: #444;
}

.stripe-gateway .StripeElement--invalid[data-v-1e81a30e] {
    border-color: var(--color-danger);
}

.stripe-gateway .StripeElement--webkit-autofill[data-v-1e81a30e] {
    background-color: #fefde5 !important;
}

.stripe-gateway__divide-elements[data-v-1e81a30e] {
    display: flex;
    margin: 0 -0.1875rem;
}

.stripe-gateway__divide-elements .StripeElement[data-v-1e81a30e] {
    margin: 0.625rem 0.1875rem 0;
}

.stripe-gateway__error[data-v-1e81a30e] {
    font-size: 11px;
    color: var(--color-danger);
    margin-top: 0.3125rem;
}

.add-credit-card[data-v-605232ce] {
    padding: 1rem;
}

.add-credit-card__box[data-v-605232ce] {
    padding: 1.25rem;
    border-width: 1px;
    border-radius: 0.25rem;
    --bg-opacity: 1;
    background-color: #f5f5f5;
    background-color: rgba(245, 245, 245, var(--bg-opacity));
}

.apple-pay-line[data-v-40f0ab1c] {
    display: flex;
    flex-direction: row;
    padding: 0.25rem 1rem;
    align-items: center;
}

    .apple-pay-line[data-v-40f0ab1c]:hover {
        background-color: var(--color-base-95);
    }

.apple-pay-line__icon[data-v-40f0ab1c] {
    margin-left: 0.25rem;
    margin-right: 0.75rem;
}

.link-list[data-v-03416903] {
    display: block;
    padding: 1rem;
    color: var(--color-primary);
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

    .link-list[data-v-03416903]:focus,
    .link-list[data-v-03416903]:hover {
        --bg-opacity: 1;
        background-color: #f5f5f5;
        background-color: rgba(245, 245, 245, var(--bg-opacity));
    }

.slide-enter-active[data-v-03416903],
.slide-leave-active[data-v-03416903] {
    transition: all 0.1s ease;
}

.slide-enter-to[data-v-03416903],
.slide-leave[data-v-03416903] {
    max-height: 427px;
    overflow: hidden;
}

.slide-enter[data-v-03416903],
.slide-leave-to[data-v-03416903] {
    overflow: hidden;
    max-height: 0;
}

.link-list[data-v-87013134] {
    display: block;
    padding: 1rem;
    color: var(--color-primary);
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

    .link-list[data-v-87013134]:focus,
    .link-list[data-v-87013134]:hover {
        --bg-opacity: 1;
        background-color: #f5f5f5;
        background-color: rgba(245, 245, 245, var(--bg-opacity));
    }

.payment-method-line {
    display: flex;
    flex: 1;
    flex-direction: row;
    align-items: center;
    border-radius: 0.438rem;
    margin-bottom: 0.438rem;
    padding: 1rem;
    height: 3.938rem;
    background-color: var(--color-base-95);
}

    .payment-method-line:focus,
    .payment-method-line:hover {
        background-color: var(--color-base-90);
    }

.credit-card-line[data-v-a70464ce] {
    justify-content: space-between;
}

.credit-card-line__text[data-v-a70464ce] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.credit-card-line__svg[data-v-a70464ce] {
    margin-right: 1.5rem;
}

.apple-pay-line__icon[data-v-d0f59e16] {
    margin-right: 0.75rem;
}

.online-methods__add-card {
    margin-top: 1rem;
}

.offline-methods__icon[data-v-21ac347d] {
    margin-right: 0.75rem;
}

.common-payment-methods[data-v-19ab653e] {
    padding: 1.313rem;
}

.common-payment-methods__subtitle[data-v-19ab653e] {
    margin-bottom: 1.75rem;
}

.loyalty-program[data-v-16a040ae] {
    display: flex;
    flex-grow: 1;
    align-items: center;
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
}

.loyalty-program__icon[data-v-16a040ae] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    padding: 0.25rem;
    background-color: var(--color-primary-light);
    border-radius: 9999px;
}

.loyalty-program__icon svg[data-v-16a040ae] {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    fill: var(--color-primary);
}

.loyalty-program__title[data-v-16a040ae] {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.loyalty-program__desc[data-v-16a040ae] {
    display: block;
    font-size: 0.75rem;
    line-height: 1rem;
    line-height: 1.5;
    --text-opacity: 1;
    color: #595959;
    color: rgba(89, 89, 89, var(--text-opacity));
}

.business-header__cover[data-v-69fc0aa0] {
    padding-bottom: 56%;
    width: 100%;
    background-position: 50%;
    background-size: cover;
}

.business-header__wrapper[data-v-69fc0aa0] {
    background-color: var(--color-white);
    padding: 1.25rem 1rem;
}

.business-header__name[data-v-69fc0aa0] {
    font-family: Nunito Sans, sans-serif;
    font-weight: 800;
    font-size: 1.5rem;
    line-height: 2rem;
    line-height: 1.5;
    margin-bottom: 0.25rem;
}

.business-header__discount[data-v-69fc0aa0] {
    display: block;
    color: var(--color-success);
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
    margin-top: 1.75rem;
    min-height: 1.25rem;
}

.ordering-mode[data-v-69fc0aa0] {
    position: sticky;
    top: 0;
    background-color: var(--color-white);
    padding: 0.75rem 1rem;
    z-index: 30;
}

    .ordering-mode[data-v-69fc0aa0]:before {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        width: 100%;
        height: 0.25rem;
        z-index: -1;
        content: " ";
    }

    .ordering-mode[data-v-69fc0aa0]:before,
    .ordering-mode__nav[data-v-69fc0aa0] {
        --bg-opacity: 1;
        background-color: #f5f5f5;
        background-color: rgba(245, 245, 245, var(--bg-opacity));
    }

.ordering-mode__nav[data-v-69fc0aa0] {
    display: flex;
    border-radius: 0.5rem;
    font-family: Nunito Sans, sans-serif;
    border-width: 5px;
    --border-opacity: 1;
    border-color: #f5f5f5;
    border-color: rgba(245, 245, 245, var(--border-opacity));
}

.ordering-mode__link[data-v-69fc0aa0] {
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
    width: 100%;
    padding: 0.5rem;
    text-align: center;
    border-radius: 0.25rem;
}

    .ordering-mode__link[data-v-69fc0aa0]:focus,
    .ordering-mode__link[data-v-69fc0aa0]:hover {
        --text-opacity: 1;
        color: #1f1f1f;
        color: rgba(31, 31, 31, var(--text-opacity));
    }

.ordering-mode__link.nuxt-link-active[data-v-69fc0aa0] {
    color: var(--color-on-primary);
    background-color: var(--color-primary);
}

.outlet[data-v-8d7a7050] {
    border-bottom-width: 1px;
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
}

.outlet[data-v-8d7a7050],
.outlet__link[data-v-8d7a7050] {
    position: relative;
    display: block;
}

.outlet__link[data-v-8d7a7050] {
    width: 100%;
    padding: 1rem;
    background-color: var(--color-white);
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

    .outlet__link[data-v-8d7a7050]:focus,
    .outlet__link[data-v-8d7a7050]:hover {
        --bg-opacity: 1;
        background-color: #f5f5f5;
        background-color: rgba(245, 245, 245, var(--bg-opacity));
    }

.outlet--closed[data-v-8d7a7050] {
    cursor: not-allowed;
}

    .outlet--closed[data-v-8d7a7050]:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.5;
        z-index: 10;
    }

    .outlet--closed.outlet__link[data-v-8d7a7050]:focus,
    .outlet--closed.outlet__link[data-v-8d7a7050]:hover,
    .outlet--closed[data-v-8d7a7050]:after {
        background-color: var(--color-white);
    }

.outlet__photo[data-v-8d7a7050] {
    height: 12rem;
    margin-bottom: 0.75rem;
    background-size: cover;
    background-position: 50%;
    background-color: #f5f5f5;
    background-color: rgba(245, 245, 245, var(--bg-opacity));
}

.outlet__badge[data-v-8d7a7050],
.outlet__photo[data-v-8d7a7050] {
    --bg-opacity: 1;
    border-radius: 0.25rem;
}

.outlet__badge[data-v-8d7a7050] {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 1.5rem;
    margin-right: 1.5rem;
    display: inline-block;
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1rem;
    line-height: 1.5;
    padding: 0.25rem 0.5rem;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
}

.outlet__badge--danger[data-v-8d7a7050] {
    background-color: var(--color-danger);
    color: var(--color-white);
}

.outlet__badge--warning[data-v-8d7a7050] {
    background-color: var(--color-warning);
    color: var(--color-white);
}

.outlet--noPhoto .outlet__badge[data-v-8d7a7050] {
    position: relative;
    margin: 0.5rem 0 0;
}

.location-unavailable__title[data-v-c510d990] {
    font-family: Nunito Sans, sans-serif;
    margin-bottom: 1rem;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
}

.location-unavailable__description[data-v-c510d990] {
    font-family: Nunito Sans, sans-serif;
    margin-bottom: 1.25rem;
    font-size: 16px;
}

.find-location[data-v-770abbf3] {
    padding: 1rem;
}

.find-location__title[data-v-770abbf3] {
    font-weight: 700;
    font-family: Nunito Sans, sans-serif;
    padding-bottom: 1rem;
}

.find-location__skip[data-v-770abbf3] {
    text-align: center;
    margin-top: 2rem;
}

.find-location__search[data-v-770abbf3] {
    margin-top: 1rem;
}

.nav-category[data-v-ade6862a] {
    display: flex;
    padding-top: 0.75rem;
    padding-bottom: 0.5rem;
    background-color: var(--color-white);
    overflow: auto;
}

.nav-category__label[data-v-ade6862a] {
    display: flex;
    align-items: center;
    height: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 9999px;
    white-space: nowrap;
    --text-opacity: 1;
    color: #888d9a;
    color: rgba(136, 141, 154, var(--text-opacity));
    font-size: 0.75rem;
    line-height: 1rem;
    line-height: 1.5;
    border-width: 1px;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-category__link[data-v-ade6862a] {
    padding-left: 0.75rem;
}

    .nav-category__link[data-v-ade6862a]:first-child {
        padding-left: 0.375rem;
    }

    .nav-category__link[data-v-ade6862a]:last-child {
        padding-right: 0.25rem;
    }

    .nav-category__link[data-v-ade6862a]:focus,
    .nav-category__link[data-v-ade6862a]:hover {
        text-decoration: none;
    }

.nav-category__link:focus .nav-category__label[data-v-ade6862a],
.nav-category__link:hover .nav-category__label[data-v-ade6862a] {
    --bg-opacity: 1;
    background-color: #f5f5f5;
    background-color: rgba(245, 245, 245, var(--bg-opacity));
    --text-opacity: 1;
    color: #1f1f1f;
    color: rgba(31, 31, 31, var(--text-opacity));
}

.nav-category__link.active > .nav-category__label[data-v-ade6862a] {
    color: var(--color-on-primary);
    border-color: var(--color-primary);
    background-color: var(--color-primary);
}

.nav-category__icon[data-v-ade6862a] {
    --text-opacity: 1;
    color: #888d9a;
    color: rgba(136, 141, 154, var(--text-opacity));
    fill: var(--color-white);
}

.nav-category__icon.active[data-v-ade6862a] {
    color: var(--color-brand-primary);
}

.food-item[data-v-161808e1] {
    transition: background-color 0.3s ease-out;
    display: block;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: var(--color-white);
}

    .food-item[data-v-161808e1]:focus,
    .food-item[data-v-161808e1]:hover {
        background-color: #fafafa;
        --text-opacity: 1;
        color: #1f1f1f;
        color: rgba(31, 31, 31, var(--text-opacity));
        text-decoration: none;
    }

.food-item--selected[data-v-161808e1] {
    border-left-width: 4px;
    border-color: var(--color-primary);
}

.food-item--disabled[data-v-161808e1] {
    pointer-events: all !important;
    opacity: 0.5;
    cursor: not-allowed;
}

.food-item__content[data-v-161808e1] {
    display: flex;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom-width: 1px;
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
}

.food-item:last-child .food-item__content[data-v-161808e1] {
    border-style: none;
}

.food-item__wrapper[data-v-161808e1] {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: flex-start;
}

.food-item__quantity[data-v-161808e1] {
    position: relative;
    display: inline-block;
    color: var(--color-primary);
    font-weight: 700;
}

    .food-item__quantity[data-v-161808e1]:after {
        content: "\00D7";
        display: inline-block;
    }

.food-item__description[data-v-161808e1] {
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
    --text-opacity: 1;
    color: #888d9a;
    color: rgba(136, 141, 154, var(--text-opacity));
}

.food-item__customization[data-v-161808e1] {
    color: var(--color-warning);
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1rem;
    line-height: 1.5;
}

.food-item__photo--image[data-v-161808e1] {
    min-height: 5.5rem;
    position: relative;
    --bg-opacity: 1;
    background-color: #f5f5f5;
    background-color: rgba(245, 245, 245, var(--bg-opacity));
    width: 6.5rem;
}

.food-item__photo--image svg[data-v-161808e1] {
    color: var(--color-base-80);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.food-item--grid[data-v-161808e1] {
    flex: 50%;
    max-width: 50%;
    padding: 1rem 0.125rem;
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
}

.food-item--grid .food-item__content[data-v-161808e1] {
    flex-direction: column-reverse;
    justify-content: flex-end;
    border-radius: 0.4375rem;
    transition: background-color 0.3s ease-out;
    padding: 0.5rem;
    border-style: none;
    height: 100%;
}

.food-item--grid .food-item__photo[data-v-161808e1] {
    overflow: hidden;
    border-radius: 0.4375rem;
    position: relative;
}

.food-item--grid .food-item__photo img[data-v-161808e1] {
    height: 110%;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    max-width: fit-content;
    width: auto;
    position: absolute;
}

.food-item--grid .food-item__photo--image[data-v-161808e1] {
    height: 40vw;
    max-height: 12.8rem;
    width: 100%;
}

.food-item--grid .food-item__quantity[data-v-161808e1] {
    border-radius: 0.1875rem;
    position: absolute;
    padding: 0.5rem;
    top: 0.75rem;
    left: 0.75rem;
    color: var(--color-white);
    background-color: var(--color-primary);
}

    .food-item--grid .food-item__quantity[data-v-161808e1]:after {
        display: none;
    }

.food-item--grid.food-item[data-v-161808e1] {
    margin-bottom: 1rem;
}

    .food-item--grid.food-item[data-v-161808e1]:focus,
    .food-item--grid.food-item[data-v-161808e1]:hover {
        background: none;
    }

.food-item--grid.food-item:focus .food-item__content[data-v-161808e1],
.food-item--grid.food-item:hover .food-item__content[data-v-161808e1] {
    --bg-opacity: 1;
    background-color: #f5f5f5;
    background-color: rgba(245, 245, 245, var(--bg-opacity));
}

.food-item--grid.food-item--selected[data-v-161808e1] {
    border-style: none;
}

.query[data-v-17f07514] {
    padding: 1rem 1rem 0.25rem;
    background-color: var(--color-white);
}

[data-v-3bfeb2a1] .navigation-bar {
    position: sticky;
    top: 0;
    z-index: 20;
}

.hack-instagram-viewport .navigation-bar[data-v-3bfeb2a1] {
    background-color: var(--color-white);
    padding-top: 4rem;
}

.basket-mode[data-v-1a5bc9f5] {
    background-color: var(--color-white);
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.basket-mode__view-drawer[data-v-1a5bc9f5] {
    background-color: var(--color-white);
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.hack-instagram-viewport .basket-mode__view-drawer[data-v-1a5bc9f5] {
    padding-bottom: 3rem;
}

.type-service[data-v-1a5bc9f5] {
    display: flex;
    font-size: 0.75rem;
    line-height: 1rem;
    line-height: 1.5;
    align-items: center;
}

.type-service__setting[data-v-1a5bc9f5] {
    width: calc(100% - 135px);
    flex-grow: 1;
    text-decoration: none;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.type-service__setting .type-service__change[data-v-1a5bc9f5] {
    display: flex;
    align-items: center;
    padding-top: 0.25rem;
}

.type-service__setting
.type-service__change
.type-service__pin[data-v-1a5bc9f5] {
    fill: var(--color-primary);
}

.type-service__setting
.type-service__change
.type-service__location[data-v-1a5bc9f5] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.type-service__setting
.type-service__change
.type-service__time[data-v-1a5bc9f5] {
    white-space: nowrap;
}

.type-service__setting
.type-service__change
.type-service__arrow[data-v-1a5bc9f5] {
    min-width: 0.75rem;
    width: 0.75rem;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    fill: var(--color-primary);
}

.type-service__buttons[data-v-1a5bc9f5] {
    display: flex;
    flex-grow: 0;
    border-width: 1px;
    border-color: var(--color-primary);
    border-radius: 0.25rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.type-service__buttons .type-service__button[data-v-1a5bc9f5] {
    font-size: 0.75rem;
    line-height: 1rem;
    line-height: 1.5;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    height: 1.75rem;
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.type-service__buttons .type-service__button--active[data-v-1a5bc9f5] {
    background-color: var(--color-primary);
    color: var(--color-on-primary);
}

.outlet-detail[data-v-965b3888] {
    position: relative;
}

.outlet-detail__title[data-v-965b3888] {
    font-family: Nunito Sans, sans-serif;
    font-weight: 800;
    font-size: 1.5rem;
    line-height: 2rem;
    line-height: 1.5;
    margin-bottom: 0.25rem;
}

.outlet-detail__subtitle[data-v-965b3888] {
    margin-bottom: 0.75rem;
}

.outlet-detail__info[data-v-965b3888],
.outlet-detail__subtitle[data-v-965b3888] {
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
}

.outlet-detail__info[data-v-965b3888] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.outlet-detail__info-cel[data-v-965b3888] {
    flex-grow: 2;
    display: flex;
    align-items: center;
    padding-top: 0.25rem;
}

.outlet-detail__channel[data-v-965b3888] {
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
    padding: 0.25rem 0.75rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    line-height: 1rem;
    line-height: 1.5;
    font-weight: 700;
}

.outlet-detail__dine-in-label[data-v-965b3888] {
    display: flex;
    padding-top: 0.25rem;
    font-weight: 700;
    min-width: 4.375rem;
}

.min-basket[data-v-48a8f7a4] {
    --bg-opacity: 1;
    background-color: #1f1f1f;
    background-color: rgba(31, 31, 31, var(--bg-opacity));
    color: var(--color-white);
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
    text-align: center;
    padding: 0.5rem;
    line-height: 1;
    border-radius: 0.25rem;
    margin-top: 0.25rem;
}

.floating-actions[data-v-691148ee] {
    position: sticky;
    bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    margin-top: 1rem;
    z-index: 20;
}

.hack-instagram-viewport .floating-actions[data-v-691148ee] {
    background-color: var(--color-white);
    padding-bottom: 4.5rem;
}

[data-v-691148ee] .view-basket .link-button__el {
    justify-content: space-between;
}

.view-basket[data-v-691148ee] {
    margin-top: 0.25rem;
    display: flex;
}

.view-basket--hidden[data-v-691148ee] {
    display: none;
    visibility: hidden;
}

.view-basket:active .view-basket__icon small[data-v-691148ee],
.view-basket:hover .view-basket__icon small[data-v-691148ee] {
    color: var(--color-primary-hover);
    background-color: var(--color-on-primary-hover);
}

.view-basket__icon[data-v-691148ee] {
    position: relative;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
}

.view-basket__icon svg[data-v-691148ee] {
    width: 1.5rem !important;
    height: 1.5rem !important;
}

.view-basket__icon small[data-v-691148ee] {
    top: -4px;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    justify-content: center;
    width: 1rem;
    height: 1rem;
    border-radius: 9999px;
    color: var(--color-primary);
    background-color: var(--color-on-primary);
    position: absolute;
    right: 0;
}

.view-basket__amount[data-v-691148ee],
.view-basket__icon small[data-v-691148ee] {
    display: flex;
    align-items: center;
    font-weight: 600;
}

.view-basket__amount[data-v-691148ee] {
    padding-right: 0.25rem;
    font-size: 0.75rem;
    line-height: 1rem;
    line-height: 1.5;
}

.discount-details[data-v-3b3b82bb] {
    padding: 1rem;
}

.discount-details__select-location[data-v-3b3b82bb] {
    background: #050505;
    border-radius: 4px;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    color: #fff;
    padding: 7px 14px;
    margin-bottom: 16px;
}

.hack-instagram-viewport .discount-details[data-v-3b3b82bb] {
    padding-bottom: 4.5rem;
}

.discount-item {
    display: -webkit-box;
    /*flex-basis: 100%;*/
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    flex-shrink: 0;
    --bg-opacity: 1;
    background-color: #f5f5f5;
    background-color: rgba(245, 245, 245, var(--bg-opacity));
}

.discount-item__box {
    position: relative;
    display: flex;
    background-color: var(--color-white);
    padding: 10px 5px;
    border-radius: 10px;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    text-decoration: none;
    align-items: center;
    margin-right: 10px;
}

    .discount-item__box:focus,
    .discount-item__box:hover {
        text-decoration: none;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        --text-opacity: 1;
        color: #1f1f1f;
        color: rgba(31, 31, 31, var(--text-opacity));
    }

.discount-item__box--checked {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0.5rem 0.75rem;
}

.discount-item__name {
    display: block;
    text-transform: capitalize;
    font-size: 0.8rem;
    line-height: 1.25rem;
    line-height: 1.5;
    font-weight: 700;
    /*margin-bottom: 0.25rem;*/
    color: var(--business-primary-color);
}

.discount-item__message {
    display: block;
    font-size: 0.75rem;
    line-height: 1rem;
    line-height: 1.5;
    --text-opacity: 1;
    color: var(--business-primary-color);
}

.discount-item__icon {
    background-color: var(--color-primary-light);
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .discount-item__icon svg {
        width: 1rem;
        height: 1rem;
        fill: var(--color-primary);
    }

.loyalty-program-detail__header-bg[data-v-e2c56cce] {
    background: url(/_nuxt/img/bg-loyalt-program-detail.9c34c55.png);
    width: 100%;
    height: 18.875rem;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.loyalty-program-detail__header-content[data-v-e2c56cce] {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    height: 100%;
    align-items: center;
    margin-top: -1.875rem;
}

.loyalty-program-detail__close-btn[data-v-e2c56cce] {
    position: absolute;
    top: 3.125rem;
    left: 0.9375rem;
}

.loyalty-program-detail__icon-main[data-v-e2c56cce] {
    width: 4.375rem;
    height: 4.375rem;
    border-radius: 50%;
    background-color: var(--color-brand-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.75rem;
}

.loyalty-program-detail__content[data-v-e2c56cce] {
    margin-top: 3rem;
    padding: 0 1.75rem 1.75rem;
}

.loyalty-program-detail__description[data-v-e2c56cce] {
    margin: 0.4375rem 0 1.3125rem;
}

.loyalty-program-detail__benefits[data-v-e2c56cce] {
    margin-top: 1.3125rem;
}

.loyalty-program-detail__benefits div[data-v-e2c56cce] {
    margin: 0.875rem 0;
    display: flex;
    align-items: center;
}

.loyalty-program-detail__benefits svg[data-v-e2c56cce] {
    width: 1.0625rem;
    min-width: 1.0625rem;
    height: 1.0625rem;
    min-height: 1.0625rem;
    margin-right: 0.875rem;
}

.loyalty-program-detail__done-btn[data-v-e2c56cce] {
    padding: 2.1875rem 1.3125rem;
}

.join-and-get-rewards__content[data-v-32006e50] {
    padding: 0.875rem;
    margin: 1.75rem 0 0;
    background-color: var(--color-powder);
    border-radius: 0.4375rem 0.4375rem 0 0;
    display: flex;
    justify-content: center;
    border-bottom: 0.0625rem solid var(--color-cloudy);
    align-items: center;
}

.join-and-get-rewards__content--in[data-v-32006e50] {
    padding: 1.75rem 0.875rem 0.875rem;
    justify-content: space-between;
}

.join-and-get-rewards__icon[data-v-32006e50] {
    background-color: var(--color-pure-white);
    min-width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.875rem;
}

.join-and-get-rewards__icon--in[data-v-32006e50] {
    margin-right: 0.5625rem;
}

.join-and-get-rewards__balance-label[data-v-32006e50] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.join-and-get-rewards__cta[data-v-32006e50] {
    display: block;
    padding: 0.875rem;
    margin: 0;
    text-align: center;
    background-color: var(--color-powder);
    border-radius: 0 0 0.4375rem 0.4375rem;
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--color-midnight);
}

.user-profile-toggle__login[data-v-81a3852c],
.user-profile-toggle__user[data-v-81a3852c] {
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0.188rem 1.25rem rgba(0, 0, 0, 0.05), 0 0 1px var(--color-rainy);
    animation: zoom-animation-data-v-81a3852c 0.5s ease-out;
}

.user-profile-toggle__login[data-v-81a3852c] {
    width: fit-content;
    color: var(--color-midnight);
    background-color: var(--color-pure-white);
    border-radius: 3.125rem;
    padding: 0.25rem 0.875rem;
    font-size: 0.688rem;
    font-weight: 700;
    line-height: 1.313rem;
    letter-spacing: 0.01em;
}

.user-profile-toggle__user[data-v-81a3852c] {
    border-radius: 50%;
    width: 2.188rem;
    height: 2.188rem;
    background-color: var(--color-pure-white);
}

@keyframes zoom-animation-data-v-81a3852c {
    0% {
        transform: scale(0.1);
    }

    50% {
        transform: scale(1.3);
    }

    to {
        transform: scale(1);
    }
}

.outlet__cover[data-v-5b14b0f8] {
    padding-bottom: 56%;
    width: 100%;
    background-position: 50%;
    background-size: cover;
}

.outlet__user-profile[data-v-5b14b0f8] {
    position: absolute;
    top: 1.313rem;
    right: 1.313rem;
}

.radio-selector[data-v-f1778084] {
    display: flex;
    align-items: center;
    background-color: var(--color-white);
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    cursor: pointer;
}

.radio-selector__modifier-title[data-v-f1778084] {
    display: flex;
}

.radio-selector__modifier-title div[data-v-f1778084] {
    display: flex;
    align-items: center;
}

.radio-selector[data-v-f1778084]:hover {
    --bg-opacity: 1;
    background-color: #f5f5f5;
    background-color: rgba(245, 245, 245, var(--bg-opacity));
}

.radio-selector__box[data-v-f1778084] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.75rem 1rem;
    cursor: pointer;
}

.radio-selector__modifier[data-v-f1778084] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.radio-selector__radio[data-v-f1778084] {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    border-width: 1px;
    border-color: var(--color-primary);
    border-radius: 9999px;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.radio-selector__input[data-v-f1778084] {
    display: none;
    visibility: hidden;
}

.radio-selector__input:checked + .radio-selector__box
.radio-selector__radio[data-v-f1778084] {
    background-color: var(--color-white);
    border-width: 6px;
    border-radius: 9999px;
}

.radio-selector__price[data-v-f1778084] {
    font-size: 0.75rem;
    line-height: 1rem;
    line-height: 1.5;
    --text-opacity: 1;
    color: #888d9a;
    color: rgba(136, 141, 154, var(--text-opacity));
    font-weight: 500;
    margin-left: 0.25rem;
}

.multiple-selector[data-v-be0cb218] {
    display: flex;
    align-items: center;
    background-color: var(--color-white);
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    cursor: pointer;
}

.multiple-selector__modifier-title[data-v-be0cb218] {
    display: flex;
}

.multiple-selector__modifier-title div[data-v-be0cb218] {
    display: flex;
    align-items: center;
}

.multiple-selector[data-v-be0cb218]:hover {
    --bg-opacity: 1;
    background-color: #f5f5f5;
    background-color: rgba(245, 245, 245, var(--bg-opacity));
}

.multiple-selector__add[data-v-be0cb218] {
    display: flex;
    width: 100%;
    padding: 0.75rem 1rem;
}

.multiple-selector__amount[data-v-be0cb218] {
    color: var(--color-primary);
    font-weight: 600;
}

.multiple-selector__modifier[data-v-be0cb218] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
}

.multiple-selector__price[data-v-be0cb218] {
    font-size: 0.75rem;
    line-height: 1rem;
    line-height: 1.5;
    --text-opacity: 1;
    color: #888d9a;
    color: rgba(136, 141, 154, var(--text-opacity));
    font-weight: 500;
    margin-left: 0.25rem;
}

.checkbox-selector[data-v-30762874] {
    display: flex;
    align-items: center;
    background-color: var(--color-white);
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    cursor: pointer;
}

.checkbox-selector__modifier-title[data-v-30762874] {
    display: flex;
}

.checkbox-selector__modifier-title div[data-v-30762874] {
    display: flex;
    align-items: center;
}

.checkbox-selector[data-v-30762874]:hover {
    --bg-opacity: 1;
    background-color: #f5f5f5;
    background-color: rgba(245, 245, 245, var(--bg-opacity));
}

.checkbox-selector__box[data-v-30762874] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.75rem 1rem;
    cursor: pointer;
}

.checkbox-selector__modifier[data-v-30762874] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.checkbox-selector__check[data-v-30762874] {
    position: relative;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    border-width: 1px;
    border-color: var(--color-primary);
    border-radius: 0.125rem;
}

    .checkbox-selector__check[data-v-30762874],
    .checkbox-selector__check[data-v-30762874]:after,
    .checkbox-selector__check[data-v-30762874]:before {
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
        transition-duration: 0.2s;
        transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }

        .checkbox-selector__check[data-v-30762874]:after,
        .checkbox-selector__check[data-v-30762874]:before {
            content: "";
            height: 2px;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 1rem;
            background-color: transparent;
        }

        .checkbox-selector__check[data-v-30762874]:before {
            width: 11px;
            transform: rotate(-45deg) translate(-2px, 9px);
        }

        .checkbox-selector__check[data-v-30762874]:after {
            width: 6px;
            transform: rotate(45deg) translate(9px, 5px);
        }

.checkbox-selector__input[data-v-30762874] {
    display: none;
    visibility: hidden;
}

.checkbox-selector__input:checked + .checkbox-selector__box
.checkbox-selector__check[data-v-30762874] {
    background-color: var(--color-primary);
}

    .checkbox-selector__input:checked + .checkbox-selector__box
    .checkbox-selector__check[data-v-30762874]:after,
    .checkbox-selector__input:checked + .checkbox-selector__box
    .checkbox-selector__check[data-v-30762874]:before {
        background-color: var(--color-white);
    }

.checkbox-selector__price[data-v-30762874] {
    font-size: 0.75rem;
    line-height: 1rem;
    line-height: 1.5;
    --text-opacity: 1;
    color: #888d9a;
    color: rgba(136, 141, 154, var(--text-opacity));
    font-weight: 500;
    margin-left: 0.25rem;
}

.required-label[data-v-676b21f8] {
    display: inline-block;
    border-width: 1px;
    border-color: var(--color-white);
    --text-opacity: 1;
    color: #888d9a;
    color: rgba(136, 141, 154, var(--text-opacity));
    font-size: 0.75rem;
    line-height: 1rem;
    line-height: 1.5;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    margin-right: -0.25rem;
}

.required-label--error[data-v-676b21f8] {
    color: var(--color-danger);
    border-color: var(--color-danger);
}

.error-msg[data-v-676b21f8] {
    padding-bottom: 1rem;
    text-align: center;
    color: var(--color-danger);
    font-size: 0.75rem;
    line-height: 1rem;
    line-height: 1.5;
    font-weight: 600;
}

.cover-image {
    position: relative;
    width: 100%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.75rem;
}

.cover-image--mask {
    border-radius: 15px;
    height: 16rem;
    --bg-opacity: 1;
    background-color: #f5f5f5;
    background-color: rgba(245, 245, 245, var(--bg-opacity));
}

.cover-image__button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    color: var(--color-primary);
    background-color: var(--color-white);
    opacity: 0.75;
    border-width: 1px;
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
    width: 2rem;
    height: 2rem;
    border-radius: 9999px;
    line-height: 1;
    font-family: Nunito Sans, sans-serif;
    text-align: center;
    z-index: 10;
}

    .cover-image__button:focus,
    .cover-image__button:hover {
        border-color: var(--color-primary);
        opacity: 1;
    }

.cover-image__icon {
    width: 1rem;
    height: 1rem;
    fill: var(--color-primary);
}

.outlet-item {
    background-color: var(--color-white);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.outlet-item__add-to-basket {
    position: fixed;
    bottom: 0;
    padding-bottom: 0;
    /*padding-bottom: 1rem;*/
    margin-top: 1rem;
    width: 90%;
}

.outlet-item__confirmBtn {
    position: fixed;
    bottom: 20px;
    padding-bottom: 1rem;
    margin-top: 1rem;
    width: 90%;
}

.outlet-item__locationBtn {
    position: fixed;
    bottom: 20px;
    padding-bottom: 1rem;
    margin-top: 1rem;
    width: 90%;
}

.outlet-item__add-to-basket-btn {
    position: relative;
    background-color: var(--business-primary-color);
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    color: var(--color-on-primary);
    display: block;
    border-radius: 10px;
    text-align: center;
    display: flex;
    width: 100%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    /*height: 2.5rem;*/
    height: 3.5rem;
    font-weight: 700;
    margin-top: 10px;
    justify-content: center;
    align-items: center;
}

    .outlet-item__add-to-basket-btn:focus,
    .outlet-item__add-to-basket-btn:hover {
        background-color: var(--business-primary-color);
        color: var(--color-on-primary-hover);
        outline: 2px solid transparent;
        outline-offset: 2px;
    }

.outlet-item__add-to-basket-btn-price {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 0.75rem;
    line-height: 1rem;
    line-height: 1.5;
    font-weight: 600;
}

.hack-instagram-viewport .cover-image {
    padding-top: 4rem;
}

.hack-instagram-viewport .outlet-item__add-to-basket {
    background-color: var(--color-white);
    padding-bottom: 4.5rem;
}

.touch-buttons {
    padding: 10px 0px;
}

.touch-buttons,
.touch-buttons__button {
    display: flex;
    align-items: center;
    justify-content: center;
}

.touch-buttons__button {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    color: var(--color-primary);
    border-width: 1px;
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 9999px;
    line-height: 1;
    font-family: Nunito Sans, sans-serif;
    text-align: center;
}

    .touch-buttons__button:focus,
    .touch-buttons__button:hover {
        border-color: var(--color-primary);
    }

.touch-buttons__amount {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-weight: 700;
    width: 4rem;
    text-align: center;
    font-size: 1.5rem;
    line-height: 2rem;
    line-height: 1.5;
}

.slide-up-enter,
.slide-up-leave-active {
    transform: translateY(100%);
}

.slide-up-enter-active,
.slide-up-leave-active {
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-category {
    display: flex;
    padding-top: 0.75rem;
    padding-bottom: 0.5rem;
    background-color: var(--color-white);
    overflow: auto;
}

.nav-category__label {
    display: flex;
    align-items: center;
    height: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 9999px;
    white-space: nowrap;
    font-size: 0.75rem;
    line-height: 1rem;
    line-height: 1.5;
    border-width: 1px;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-category__icon,
.nav-category__label {
    --text-opacity: 1;
    color: #888d9a;
    color: rgba(136, 141, 154, var(--text-opacity));
}

.nav-category__icon {
    fill: var(--color-white);
}

    .nav-category__icon.active[data-v-7acb49bf] {
        color: var(--color-brand-primary);
    }

.nav-category__link[data-v-7acb49bf] {
    padding-left: 0.75rem;
}

    .nav-category__link[data-v-7acb49bf]:first-child {
        padding-left: 0.375rem;
    }

    .nav-category__link[data-v-7acb49bf]:last-child {
        padding-right: 0.25rem;
    }

    .nav-category__link[data-v-7acb49bf]:focus,
    .nav-category__link[data-v-7acb49bf]:hover {
        text-decoration: none;
    }

.nav-category__link:focus .nav-category__label[data-v-7acb49bf],
.nav-category__link:hover .nav-category__label[data-v-7acb49bf] {
    --bg-opacity: 1;
    background-color: #f5f5f5;
    background-color: rgba(245, 245, 245, var(--bg-opacity));
    --text-opacity: 1;
    color: #1f1f1f;
    color: rgba(31, 31, 31, var(--text-opacity));
}

.nav-category__link.active > .nav-category__label[data-v-7acb49bf] {
    color: var(--color-on-primary);
    border-color: var(--color-primary);
    background-color: var(--color-primary);
}

a.menu-item--reverse.menu-item {
    transition: background-color 0.3s ease-out;
    width: 100%;
    padding: .75rem;
    background-color: var(--color-white);
    display: flex;
    padding-bottom: 0.5px !important;
}

.menu-item:focus,
.menu-item:hover {
    background-color: #fafafa;
    --text-opacity: 1;
    color: #1f1f1f;
    color: rgba(31, 31, 31, var(--text-opacity));
    text-decoration: none;
}

.menu-item:last-child {
    border-style: none;
}

.menu-item__content {
    display: flex;
    align-items: center;
    width: 100%;
}

.menu-item__info {
    display: flex;
    width: 100%;
}

.menu-item__content {
    /*border-bottom: 1px solid rgb(211 211 211 / 40%);*/
    padding-bottom: 10px;
}

.menu-item__info {
    flex-shrink: 1;
    flex-direction: column;
    justify-content: flex-start;
}

.menu-item__name {
    margin-top: 0;
    margin-bottom: 0.5rem;
    /*font-size: 12px;*/
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    color: #000;
    font-family: inherit;
}

.menu-item__price {
    font-size: 0.85rem;
    line-height: 1.25rem;
    line-height: 1.5;
    font-weight: 500;
    /*margin-top: 10PX;*/
}

.menu-item__customization {
    color: var(--color-warning);
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1rem;
    line-height: 1.5;
}

.menu-item__description {
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.7;
    --text-opacity: 1;
    color: #000;
}

.menu-item__photo {
    flex-shrink: 1;
}

    .menu-item__photo img {
        border-radius: 10px;
        /* width: 130px;
        height: 110px;*/
        width: 110px;
        height: 90px;
    }

.menu-item__photo--image {
    position: relative;
    --bg-opacity: 1;
    background-color: #f5f5f5;
    background-color: rgba(245, 245, 245, var(--bg-opacity));
}

    .menu-item__photo--image svg {
        color: var(--color-base-80);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.menu-item--grid {
    flex: 50%;
    max-width: 50%;
    padding: 1rem 0.125rem;
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
    border-style: none;
}

    .menu-item--grid .menu-item__info {
        justify-content: flex-start;
        border-radius: 0.4375rem;
        padding: 0;
        transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }

    .menu-item--grid .menu-item__content {
        flex-direction: column-reverse;
        justify-content: flex-end;
        border-radius: 0.4375rem;
        transition: background-color 0.3s ease-out;
        display: flex;
        height: 100%;
        width: 100%;
    }

    .menu-item--grid .menu-item__photo {
        overflow: hidden;
        border-radius: 0.4375rem;
        position: relative;
    }

        .menu-item--grid .menu-item__photo img {
            height: 110%;
            transform: translate(-50%, -50%);
            left: 50%;
            top: 50%;
            max-width: fit-content;
            width: auto;
            position: absolute;
        }

    .menu-item--grid .menu-item__photo--image {
        height: 40vw;
        max-height: 12.8rem;
        width: 100%;
    }

    .menu-item--grid.menu-item:focus,
    .menu-item--grid.menu-item:hover {
        background: none;
    }

        .menu-item--grid.menu-item:focus .menu-item__content,
        .menu-item--grid.menu-item:hover .menu-item__content {
            --bg-opacity: 1;
            background-color: #f5f5f5;
            background-color: rgba(245, 245, 245, var(--bg-opacity));
        }

    .menu-item--grid.menu-item--selected {
        border-style: none;
    }

.popular__name {
    font-family: inherit;
    font-size: 1.1rem;
    line-height: 1.75rem;
    line-height: 1.5;
    font-weight: 500;
    padding: 0.5rem 1rem;
    color: var(--business-primary-color);
}

.category {
    border-bottom-width: 10px;
    --border-opacity: 1;
    border-color: #f5f5f5;
    border-color: rgba(245, 245, 245, var(--border-opacity));
}

.category__name {
    font-size: 1.1rem;
    line-height: 1.75rem;
    line-height: 1.5;
    font-weight: 700;
    padding: 0.5rem 0.75rem;
}

.menu-filter[data-v-6c663eaa] {
    padding: 1rem 1rem 0.25rem;
    background-color: var(--color-white);
}

.menu__header[data-v-19705da4] {
    position: sticky;
    z-index: 50;
    top: 0;
}

.digital-menu[data-v-ee7c5676] {
    position: relative;
    padding-bottom: 0;
}

.digital-menu__cover[data-v-ee7c5676] {
    width: 100%;
    height: 16rem;
    background-position: 50%;
    background-size: cover;
}

.digital-menu__outlet[data-v-ee7c5676] {
    background-color: var(--color-white);
    border-bottom-width: 2px;
    --border-opacity: 1;
    border-color: #f5f5f5;
    border-color: rgba(245, 245, 245, var(--border-opacity));
    padding: 1.25rem 1rem;
}

.digital-menu__business-name[data-v-ee7c5676] {
    line-height: 1;
    font-family: Nunito Sans, sans-serif;
    font-weight: 800;
    font-size: 1.5rem;
    line-height: 2rem;
    line-height: 1.5;
    margin-bottom: 0.25rem;
}

.digital-menu__outlet-address[data-v-ee7c5676] {
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
    margin-bottom: 0;
}

.slide-up-enter[data-v-ee7c5676],
.slide-up-leave-active[data-v-ee7c5676] {
    transform: translateY(100%);
}

.slide-up-enter-active[data-v-ee7c5676],
.slide-up-leave-active[data-v-ee7c5676] {
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.modifier[data-v-38e48b61] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}

.modifier__price small[data-v-38e48b61] {
    font-size: 0.75rem;
    line-height: 1rem;
    line-height: 1.5;
    --text-opacity: 1;
    color: #888d9a;
    color: rgba(136, 141, 154, var(--text-opacity));
    font-weight: 500;
    margin-left: 0.25rem;
}

.customization[data-v-68a5e418] {
    padding-top: 1.25rem;
    padding-bottom: 0.5rem;
    border-bottom-width: 10px;
    --border-opacity: 1;
    border-color: #f5f5f5;
    border-color: rgba(245, 245, 245, var(--border-opacity));
}

.customization__header[data-v-68a5e418] {
    display: flex;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 0.25rem;
}

.customization__name[data-v-68a5e418] {
    width: 100%;
    padding-bottom: 0.5rem;
}

.customization__name p[data-v-68a5e418] {
    font-weight: 600;
    padding-bottom: 0;
}

.customization__name small[data-v-68a5e418] {
    --text-opacity: 1;
    color: #8c8c8c;
    color: rgba(140, 140, 140, var(--text-opacity));
}

.customization__required[data-v-68a5e418] {
    padding-left: 0.75rem;
    --text-opacity: 1;
    color: #888d9a;
    color: rgba(136, 141, 154, var(--text-opacity));
    font-size: 0.75rem;
    line-height: 1rem;
    line-height: 1.5;
    font-weight: 600;
    margin-top: 0.25rem;
}

.item[data-v-7e9b3f50] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    overflow-y: auto;
    min-height: 100%;
    height: 100%;
    width: 100%;
}

.item__wrapper[data-v-7e9b3f50] {
    padding-bottom: 5.5rem;
    min-height: 100vh;
    background-color: var(--color-white);
}

.item__cover[data-v-7e9b3f50] {
    position: relative;
    width: 100%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.75rem;
}

.item__cover--mask[data-v-7e9b3f50] {
    height: 16rem;
    --bg-opacity: 1;
    background-color: #f5f5f5;
    background-color: rgba(245, 245, 245, var(--bg-opacity));
}

    .item__cover--mask[data-v-7e9b3f50]:before {
        content: "";
        background-image: linear-gradient(180deg, #212121, transparent);
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 6rem;
        opacity: 0.5;
    }

.item__cover-button[data-v-7e9b3f50] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    color: var(--color-primary);
    background-color: var(--color-white);
    opacity: 0.75;
    border-width: 1px;
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
    width: 2rem;
    height: 2rem;
    border-radius: 9999px;
    line-height: 1;
    z-index: 10;
}

    .item__cover-button[data-v-7e9b3f50]:focus,
    .item__cover-button[data-v-7e9b3f50]:hover {
        border-color: var(--color-primary);
        opacity: 1;
    }

.item__cover-icon[data-v-7e9b3f50] {
    width: 1rem;
    height: 1rem;
    fill: var(--color-primary);
}

.item__header[data-v-7e9b3f50] {
    padding: 1.25rem 1rem;
    border-bottom-width: 10px;
    --border-opacity: 1;
    border-color: #f5f5f5;
    border-color: rgba(245, 245, 245, var(--border-opacity));
}

.item__name[data-v-7e9b3f50] {
    font-size: 1.5rem;
    line-height: 2rem;
    line-height: 1.5;
    font-weight: 900;
    margin-bottom: 0.25rem;
}

.item__price[data-v-7e9b3f50] {
    --text-opacity: 1;
    color: #888d9a;
    color: rgba(136, 141, 154, var(--text-opacity));
    margin-bottom: 0.75rem;
    font-weight: 700;
}

.item__description[data-v-7e9b3f50] {
    line-height: 1.5;
}

.item__notes[data-v-7e9b3f50] {
    margin-top: 0.75rem;
    --text-opacity: 1;
    color: #8c8c8c;
    color: rgba(140, 140, 140, var(--text-opacity));
}

.item__cta-wrapper[data-v-7e9b3f50] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1rem;
    z-index: 50;
}

.item__cta-wrapper a[data-v-7e9b3f50] {
    background-color: var(--color-primary);
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    color: var(--color-on-primary);
    border-radius: 0.25rem;
    width: 100%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    height: 3.5rem;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .item__cta-wrapper a[data-v-7e9b3f50]:focus,
    .item__cta-wrapper a[data-v-7e9b3f50]:hover {
        background-color: var(--color-primary-hover);
        color: var(--color-on-primary-hover);
    }

    .item__cta-wrapper a[data-v-7e9b3f50]:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;
    }

.slide-up-enter[data-v-7e9b3f50],
.slide-up-leave-active[data-v-7e9b3f50] {
    transform: translateY(100%);
}

.slide-up-enter-active[data-v-7e9b3f50],
.slide-up-leave-active[data-v-7e9b3f50] {
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.voucher[data-v-6640a12a] .voucher__apply-btn button,
.voucher[data-v-6640a12a] .voucher__cancel-btn button {
    display: inline-block;
    width: auto;
    font-size: 0.875rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    height: 2.5rem;
    font-weight: 600;
}

.voucher[data-v-6640a12a] .voucher__cancel-btn button {
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
}

.promo-code[data-v-621ac456] {
    background: #f7f8fd;
    display: flex;
    align-items: center;
    min-height: 4rem;
    margin-bottom: 2.5rem;
    border-radius: 0.5rem;
    color: var(--color-primary);
    font-weight: 500;
    border: 1px dashed var(--color-primary);
}

    .promo-code[data-v-621ac456]:focus,
    .promo-code[data-v-621ac456]:hover {
        border-style: solid;
    }

.promo-code__icon[data-v-621ac456] {
    width: 1rem;
    height: 1rem;
    fill: var(--color-primary);
}

.promo-code__voucher[data-v-621ac456] {
    width: 100%;
    font-weight: 700;
}

.promo-code__remove[data-v-621ac456],
.promo-code__voucher[data-v-621ac456] {
    display: flex;
    align-items: center;
    padding-left: 1rem;
}

.promo-code__remove[data-v-621ac456] {
    padding-right: 1rem;
    color: var(--color-primary);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 1rem;
    line-height: 1.5;
}

.credit-card[data-v-5650a6c8] {
    display: flex;
    align-items: center;
}

.credit-card__svg[data-v-5650a6c8] {
    width: 1.25rem;
    height: 1.25rem;
    fill: var(--color-primary);
}

.credit-card__flag[data-v-5650a6c8] {
    max-width: 100%;
    height: 1.5rem;
}

.credit-card__last4[data-v-5650a6c8] {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.apple-pay-card-display[data-v-cd4c7c7a] {
    display: flex;
    align-items: center;
}

.payment-section[data-v-1fd5c6f9] {
    display: flex;
    align-items: center;
    background-color: var(--color-white);
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    padding: 1rem;
}

    .payment-section[data-v-1fd5c6f9]:focus,
    .payment-section[data-v-1fd5c6f9]:hover {
        --bg-opacity: 1;
        background-color: #f5f5f5;
        background-color: rgba(245, 245, 245, var(--bg-opacity));
    }

.payment-section__select[data-v-1fd5c6f9] {
    display: flex;
    width: 100%;
    align-items: center;
    letter-spacing: 0.05em;
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
    color: var(--color-danger);
}

.payment-section__change[data-v-1fd5c6f9],
.payment-section__select[data-v-1fd5c6f9] {
    font-size: 0.75rem;
    line-height: 1rem;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 600;
}

.payment-section__change[data-v-1fd5c6f9] {
    color: var(--color-primary);
}

.form-control[data-v-12b3dcc0] {
    margin-bottom: 0;
}

.curbside__subtitle[data-v-251350b9] {
    color: #959595;
    font-size: 14px;
}

.curbside__form-control[data-v-251350b9] {
    margin: 0;
}

    .curbside__form-control[data-v-251350b9]:first-child {
        margin-bottom: 1rem;
    }

.processing-payment[data-v-b1c12d6e] {
    text-align: center;
}

.processing-payment__title[data-v-b1c12d6e] {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

.processing-payment__title--danger[data-v-b1c12d6e] {
    color: var(--color-coral);
}

.processing-payment__description[data-v-b1c12d6e] {
    color: var(--color-rainy);
    font-size: 0.875rem;
}

.processing-payment__button[data-v-b1c12d6e] {
    margin-top: 1.75rem;
}

.processing-payment__loading[data-v-b1c12d6e] {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    margin-bottom: 1.75rem;
    border-radius: 100%;
    border: 3px solid var(--color-brand-primary);
    border-top: 3px solid transparent;
    animation: loading-data-v-b1c12d6e 0.7s linear infinite;
}

@keyframes loading-data-v-b1c12d6e {
    0% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(1turn);
    }
}

.apple-pay-button__button[data-v-67baabc5] {
    width: 100%;
    height: 3.25rem;
    -webkit-appearance: -apple-pay-button;
}

    .apple-pay-button__button[data-v-67baabc5]:disabled {
        cursor: not-allowed;
    }

.apple-pay-button__loading[data-v-67baabc5] {
    color: var(--color-pure-white);
    background-color: var(--color-charcoal);
    border-radius: 0.313rem;
    height: 3.25rem;
    display: flex;
    font-size: 1.25rem;
    flex: 1;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
    cursor: not-allowed;
}

.page-checkout__ctas[data-v-22311c22] {
    position: sticky;
    bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    margin-top: 1rem;
}

.hack-instagram-viewport .page-checkout__ctas[data-v-22311c22] {
    background-color: var(--color-white);
    padding-bottom: 4.5rem;
}

.success-order[data-v-5826097e] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding-bottom: 5rem;
    text-align: center;
}

.success-order__share[data-v-5826097e] {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1.75rem 1.25rem;
    box-shadow: 0 -5px 30px rgba(0, 0, 0, 0.05);
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    height: 100%;
}

.success-order__share-message[data-v-5826097e] {
    --text-opacity: 1;
    color: #888d9a;
    color: rgba(136, 141, 154, var(--text-opacity));
    font-weight: 500;
    margin-top: 1.5rem;
    max-width: 100%;
    width: 16rem;
}

.checkmark-svg[data-v-5826097e] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    box-shadow: inset 0 0 0 #24d889;
    animation: fill-green 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}

    .checkmark-svg[data-v-5826097e] circle {
        stroke-dasharray: 166;
        stroke-dashoffset: 166;
        stroke-width: 2;
        stroke-miterlimit: 10;
        stroke: #24d889;
        fill: none;
        animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
    }

    .checkmark-svg[data-v-5826097e] path {
        transform-origin: 50% 50%;
        stroke-dasharray: 48;
        stroke-dashoffset: 48;
        animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
    }

.share-button[data-v-5826097e] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12rem;
    border-width: 1px;
    border-color: var(--color-primary);
    border-radius: 0.375rem;
    font-weight: 700;
    padding: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
    color: var(--color-primary);
}

.share-button[data-v-5826097e],
.share-button svg[data-v-5826097e] {
    transition-property: all;
    transition-duration: 0.15s;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.share-button svg[data-v-5826097e] {
    fill: var(--color-primary);
}

.share-button[data-v-5826097e]:active,
.share-button[data-v-5826097e]:hover {
    color: var(--color-white);
    background-color: var(--color-primary);
}

.share-button:active svg[data-v-5826097e],
.share-button:hover svg[data-v-5826097e] {
    fill: var(--color-white);
}

.finished[data-v-a12c279c] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
}

.finished__message[data-v-a12c279c] {
    text-align: center;
    font-weight: 600;
    margin-top: 1.75rem;
    margin-bottom: 0;
}

.checkmark-svg[data-v-a12c279c],
.crossmark-svg[data-v-a12c279c] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    animation: fill-red 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}

    .checkmark-svg[data-v-a12c279c] circle,
    .crossmark-svg[data-v-a12c279c] circle {
        stroke-dasharray: 166;
        stroke-dashoffset: 166;
        stroke-width: 2;
        stroke-miterlimit: 10;
        fill: none;
        animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
    }

    .checkmark-svg[data-v-a12c279c] path,
    .crossmark-svg[data-v-a12c279c] path {
        transform-origin: 50% 50%;
        stroke-dasharray: 48;
        stroke-dashoffset: 48;
        animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
    }

.crossmark-svg[data-v-a12c279c] {
    box-shadow: inset 0 0 0 var(--color-danger);
}

    .crossmark-svg[data-v-a12c279c] circle {
        stroke: var(--color-danger);
    }

.checkmark-svg[data-v-a12c279c] {
    box-shadow: inset 0 0 0 #24d889;
}

    .checkmark-svg[data-v-a12c279c] circle {
        fill: #24d889;
        stroke: #24d889;
    }

.live-view[data-v-77025475] {
    height: 100%;
}

.live-view iframe[data-v-77025475] {
    width: 100%;
    height: 100%;
}

.status[data-v-1cb9c81b] {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 2.5rem;
}

    .status[data-v-1cb9c81b]:after {
        content: "";
        top: 50%;
        left: 10px;
        position: absolute;
        height: 100%;
        border-left: 2px var(--color-primary);
        border-style: dashed;
        border-bottom-color: var(--color-primary);
        border-right-color: var(--color-primary);
        border-top-color: var(--color-primary);
    }

    .status[data-v-1cb9c81b]:last-child:after {
        display: none;
    }

.status:last-child .status__box[data-v-1cb9c81b] {
    border-style: none;
}

.status__box[data-v-1cb9c81b] {
    width: 100%;
    border-bottom-width: 1px;
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.status__box .btn-tracking[data-v-1cb9c81b] {
    font-size: 10px;
    display: flex;
    align-items: center;
    border-width: 1px;
    border-color: var(--color-success);
    border-radius: 0.25rem;
    font-weight: 700;
    color: var(--color-success);
    text-transform: uppercase;
    padding: 0.25rem 0.5rem;
    margin-top: 0.5rem;
}

.status__title[data-v-1cb9c81b] {
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
    font-weight: 600;
    margin-bottom: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
}

.status--checked[data-v-1cb9c81b] {
    left: 1px;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    box-shadow: 0 0 0 3px var(--color-white);
    position: absolute;
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    background-color: var(--color-primary);
    border-width: 1px;
    border-color: var(--color-primary);
    border-radius: 9999px;
    z-index: 10;
}

    .status--checked[data-v-1cb9c81b]:after,
    .status--checked[data-v-1cb9c81b]:before {
        content: "";
        height: 2px;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 1rem;
        background-color: var(--color-white);
    }

    .status--checked[data-v-1cb9c81b]:before {
        width: 10px;
        transform: rotate(-45deg) translate(-2px, 10px);
    }

    .status--checked[data-v-1cb9c81b]:after {
        width: 6px;
        transform: rotate(45deg) translate(9px, 5px);
    }

.status--active .status--checked[data-v-1cb9c81b] {
    box-shadow: inset 0 0 0 2px var(--color-white);
}

    .status--active .status--checked[data-v-1cb9c81b]:after,
    .status--active .status--checked[data-v-1cb9c81b]:before {
        display: none;
    }

.status--active[data-v-1cb9c81b] ~ :before {
    content: "";
    left: 1px;
    box-shadow: 0 0 0 2px var(--color-white);
    position: absolute;
    width: 1.25rem;
    height: 1.25rem;
    border-width: 2px;
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
    border-radius: 9999px;
    background-color: var(--color-white);
    z-index: 50;
}

.status--active[data-v-1cb9c81b]:after,
.status--active[data-v-1cb9c81b] ~ :after {
    content: none;
}

.status--active .status__title[data-v-1cb9c81b] {
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
    font-weight: 700;
}

.status--active .status__desc[data-v-1cb9c81b] {
    font-weight: 700;
}

.checkmark-svg[data-v-00779ab4] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    box-shadow: inset 0 0 0 #24d889;
    animation: fill-green 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}

    .checkmark-svg[data-v-00779ab4] circle {
        stroke-dasharray: 166;
        stroke-dashoffset: 166;
        stroke-width: 2;
        stroke-miterlimit: 10;
        stroke: #24d889;
        fill: none;
        animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
    }

    .checkmark-svg[data-v-00779ab4] path {
        transform-origin: 50% 50%;
        stroke-dasharray: 48;
        stroke-dashoffset: 48;
        animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
    }

.item[data-v-425ccb67] {
    display: flex;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
    --text-opacity: 1;
    color: #888d9a;
    color: rgba(136, 141, 154, var(--text-opacity));
    padding-bottom: 0.75rem;
}

.item__name[data-v-425ccb67] {
    display: flex;
    width: 100%;
}

.item__quantity[data-v-425ccb67] {
    position: relative;
    display: inline-block;
    font-weight: 700;
    min-width: 1.25rem;
    font-size: 0.75rem;
    line-height: 1rem;
    line-height: 1.5;
    border-top-width: 1px;
    border-color: var(--color-white);
}

    .item__quantity[data-v-425ccb67]:after {
        content: "x";
        display: inline-block;
    }

.item__price[data-v-425ccb67] {
    white-space: nowrap;
    min-width: 7rem;
    text-align: right;
}

.discount[data-v-0bc1443b] {
    display: flex;
    color: var(--color-success);
    font-weight: 500;
    padding-bottom: 0.5rem;
}

.discount__price[data-v-0bc1443b] {
    min-width: 7rem;
    text-align: right;
}

.receipt__detail-label[data-v-0b7767ea] {
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.receipt__detail-label[data-v-0b7767ea],
.receipt__detail-value[data-v-0b7767ea] {
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
}

.receipt__detail-value[data-v-0b7767ea] {
    margin-bottom: 0.75rem;
    font-weight: 700;
}

.receipt__charges-price[data-v-0b7767ea],
.receipt__total[data-v-0b7767ea] {
    min-width: 7rem;
    text-align: right;
}

.receipt__total[data-v-0b7767ea] {
    white-space: nowrap;
}

.touch-buttons[data-v-4b7f1e07] {
    display: flex;
    align-items: center;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.touch-buttons__button[data-v-4b7f1e07] {
    display: flex;
    align-items: center;
    justify-content: center;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    color: var(--color-primary);
    border-width: 1px;
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
    width: 2rem;
    height: 2rem;
    background-color: var(--color-white);
    border-radius: 9999px;
    line-height: 1;
    font-family: Nunito Sans, sans-serif;
    text-align: center;
}

    .touch-buttons__button[data-v-4b7f1e07]:focus,
    .touch-buttons__button[data-v-4b7f1e07]:hover {
        --bg-opacity: 1;
        background-color: #f5f5f5;
        background-color: rgba(245, 245, 245, var(--bg-opacity));
        border-color: var(--color-primary);
    }

.touch-buttons__amount[data-v-4b7f1e07] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-weight: 500;
    min-width: 2rem;
    text-align: center;
}

.empty-basket[data-v-25db2df9] {
    text-align: center;
}

.empty-basket__icon[data-v-25db2df9] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    background-color: var(--color-primary-light);
    border-radius: 9999px;
    margin: 1.25rem auto;
}

.empty-basket__svg[data-v-25db2df9] {
    fill: var(--color-primary);
}

.empty-basket__text[data-v-25db2df9] {
    text-align: center;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.empty-basket__link[data-v-25db2df9] {
    display: inline-block;
    color: var(--color-primary);
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
}

    .empty-basket__link[data-v-25db2df9]:focus,
    .empty-basket__link[data-v-25db2df9]:hover {
        color: var(--color-primary-hover);
        text-decoration: none;
    }

.page-basket[data-v-21eac690] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.page-basket__ctas[data-v-21eac690] {
    position: sticky;
    bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    margin-top: 1rem;
}

.hack-instagram-viewport .page-basket__ctas[data-v-21eac690] {
    background-color: var(--color-white);
    padding-bottom: 4.5rem;
}

.location-bar[data-v-e7690808] {
    padding: 21px;
    background-color: var(--color-powder);
    font-family: var(--font-family-sans);
}

.location-bar__top[data-v-e7690808] {
    margin-bottom: 14px;
}

.location-bar__location-cta[data-v-e7690808],
.location-bar__top[data-v-e7690808] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.location-bar__location-cta[data-v-e7690808] {
    width: 100%;
    padding: 10px 7px;
    background-color: var(--color-pure-white);
    border-radius: 7px;
    box-shadow: 0 7px 14px rgba(0, 0, 0, 0.1);
    text-align: left;
}

.location-bar__order-type[data-v-e7690808] {
    display: flex;
    align-items: center;
    padding: 0 7px;
}

.location-bar__order-type-icon[data-v-e7690808] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: var(--color-pure-white);
}

.location-bar__order-type-name[data-v-e7690808] {
    margin: 0 7px;
}

.location-bar__profile[data-v-e7690808] {
    border-radius: 50%;
    width: 28px;
    height: 28px;
}

.location-bar__login[data-v-e7690808],
.location-bar__profile[data-v-e7690808] {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color-pure-white);
}

.location-bar__login[data-v-e7690808] {
    padding: 4px 14px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 11px;
    line-height: 21px;
    letter-spacing: 0.01em;
    color: var(--color-midnight);
}

.location-bar__addresses-header[data-v-e7690808] {
    padding: 28px 21px 14px;
}

.item[data-v-0c73001a] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    overflow-y: auto;
    min-height: 100%;
    height: 100%;
    width: 100%;
}

.item__wrapper[data-v-0c73001a] {
    padding-bottom: 5.5rem;
    min-height: 100vh;
    background-color: var(--color-white);
}

.item__cover[data-v-0c73001a] {
    position: relative;
    width: 100%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.75rem;
}

.item__cover--mask[data-v-0c73001a] {
    height: 16rem;
    --bg-opacity: 1;
    background-color: #f5f5f5;
    background-color: rgba(245, 245, 245, var(--bg-opacity));
}

    .item__cover--mask[data-v-0c73001a]:before {
        content: "";
        background-image: linear-gradient(180deg, #212121, transparent);
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 6rem;
        opacity: 0.5;
    }

.item__cover-button[data-v-0c73001a] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    color: var(--color-primary);
    background-color: var(--color-white);
    opacity: 0.75;
    border-width: 1px;
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
    width: 2rem;
    height: 2rem;
    border-radius: 9999px;
    line-height: 1;
    z-index: 10;
}

    .item__cover-button[data-v-0c73001a]:focus,
    .item__cover-button[data-v-0c73001a]:hover {
        border-color: var(--color-primary);
        opacity: 1;
    }

.item__cover-icon[data-v-0c73001a] {
    width: 1rem;
    height: 1rem;
    fill: var(--color-primary);
}

.item__warn[data-v-0c73001a] {
    padding: 14px 20px;
    background: #f5f5f5;
    color: #838da6;
    font-size: 11px;
    line-height: 190%;
    letter-spacing: 0.01em;
}

.item__header[data-v-0c73001a] {
    padding: 1.25rem 1rem;
    border-bottom-width: 10px;
    --border-opacity: 1;
    border-color: #f5f5f5;
    border-color: rgba(245, 245, 245, var(--border-opacity));
}

.item__name[data-v-0c73001a] {
    font-size: 1.5rem;
    line-height: 2rem;
    line-height: 1.5;
    font-weight: 900;
    margin-bottom: 0.25rem;
}

.item__price[data-v-0c73001a] {
    --text-opacity: 1;
    color: #888d9a;
    color: rgba(136, 141, 154, var(--text-opacity));
    margin-bottom: 0.75rem;
    font-weight: 700;
}

.item__description[data-v-0c73001a] {
    line-height: 1.5;
}

.item__notes[data-v-0c73001a] {
    margin-top: 0.75rem;
    --text-opacity: 1;
    color: #8c8c8c;
    color: rgba(140, 140, 140, var(--text-opacity));
}

.item__cta-wrapper[data-v-0c73001a] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1rem;
    z-index: 50;
}

.item__cta-wrapper a[data-v-0c73001a] {
    background-color: var(--color-primary);
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    color: var(--color-on-primary);
    border-radius: 0.25rem;
    width: 100%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    height: 3.5rem;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .item__cta-wrapper a[data-v-0c73001a]:focus,
    .item__cta-wrapper a[data-v-0c73001a]:hover {
        background-color: var(--color-primary-hover);
        color: var(--color-on-primary-hover);
    }

    .item__cta-wrapper a[data-v-0c73001a]:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;
    }

.slide-up-enter[data-v-0c73001a],
.slide-up-leave-active[data-v-0c73001a] {
    transform: translateY(100%);
}

.slide-up-enter-active[data-v-0c73001a],
.slide-up-leave-active[data-v-0c73001a] {
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.cover-image[data-v-323ee5a8] {
    position: relative;
    width: 100%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.75rem;
}

.cover-image--mask[data-v-323ee5a8] {
    height: 16rem;
    --bg-opacity: 1;
    background-color: #f5f5f5;
    background-color: rgba(245, 245, 245, var(--bg-opacity));
}

.cover-image__button[data-v-323ee5a8] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    color: var(--color-primary);
    background-color: var(--color-white);
    opacity: 0.75;
    border-width: 1px;
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
    width: 2rem;
    height: 2rem;
    border-radius: 9999px;
    line-height: 1;
    font-family: Nunito Sans, sans-serif;
    text-align: center;
    z-index: 10;
}

    .cover-image__button[data-v-323ee5a8]:focus,
    .cover-image__button[data-v-323ee5a8]:hover {
        border-color: var(--color-primary);
        opacity: 1;
    }

.cover-image__icon[data-v-323ee5a8] {
    width: 1rem;
    height: 1rem;
    fill: var(--color-primary);
}

.outlet-item[data-v-323ee5a8] {
    background-color: var(--color-white);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.outlet-item__add-to-basket[data-v-323ee5a8] {
    position: sticky;
    bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    /*padding-bottom: 0rem;*/
    padding-bottom: 1rem;
    margin-top: 1rem;
}

.outlet-item__add-to-basket-btn[data-v-323ee5a8] {
    position: relative;
    background-color: var(--color-primary);
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    color: var(--color-on-primary);
    display: block;
    border-radius: 0.25rem;
    text-align: center;
    width: 100%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    height: 3.5rem;
    font-weight: 700;
}

    .outlet-item__add-to-basket-btn[data-v-323ee5a8]:focus,
    .outlet-item__add-to-basket-btn[data-v-323ee5a8]:hover {
        background-color: var(--color-primary-hover);
        color: var(--color-on-primary-hover);
        outline: 2px solid transparent;
        outline-offset: 2px;
    }

.outlet-item__add-to-basket-btn-price[data-v-323ee5a8] {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 0.75rem;
    line-height: 1rem;
    line-height: 1.5;
    font-weight: 600;
}

.hack-instagram-viewport .cover-image[data-v-323ee5a8] {
    padding-top: 4rem;
}

.hack-instagram-viewport .outlet-item__add-to-basket[data-v-323ee5a8] {
    background-color: var(--color-white);
    padding-bottom: 4.5rem;
}

.touch-buttons[data-v-323ee5a8] {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.touch-buttons[data-v-323ee5a8],
.touch-buttons__button[data-v-323ee5a8] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.touch-buttons__button[data-v-323ee5a8] {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    color: var(--color-primary);
    border-width: 1px;
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 9999px;
    line-height: 1;
    font-family: Nunito Sans, sans-serif;
    text-align: center;
}

    .touch-buttons__button[data-v-323ee5a8]:focus,
    .touch-buttons__button[data-v-323ee5a8]:hover {
        border-color: var(--color-primary);
    }

.touch-buttons__amount[data-v-323ee5a8] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-weight: 700;
    width: 4rem;
    text-align: center;
    font-size: 1.5rem;
    line-height: 2rem;
    line-height: 1.5;
}

.slide-up-enter[data-v-954f9376],
.slide-up-leave-active[data-v-954f9376] {
    transform: translateY(100%);
}

.slide-up-enter-active[data-v-954f9376],
.slide-up-leave-active[data-v-954f9376] {
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.page-basket[data-v-19914265] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.page-basket__back-btn[data-v-19914265] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    height: 2rem;
    width: 2rem;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    border-width: 1px;
    --border-opacity: 1;
    border-color: #f5f5f5;
    border-color: rgba(245, 245, 245, var(--border-opacity));
}

    .page-basket__back-btn[data-v-19914265]:focus,
    .page-basket__back-btn[data-v-19914265]:hover {
        border-color: var(--color-primary);
        opacity: 1;
    }

.page-basket__loyalty[data-v-19914265] {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5;
    padding: 0.75rem 0.5rem;
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
    background-color: var(--color-primary-light);
}

    .page-basket__loyalty[data-v-19914265]:hover {
        text-decoration: none;
    }

.page-basket__loyalty-icon[data-v-19914265] {
    background-color: var(--color-primary-light);
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-basket__min-amount[data-v-19914265] {
    color: var(--color-danger);
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 1rem;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 1.25rem;
}

.page-basket__ctas[data-v-19914265] {
    position: sticky;
    bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    margin-top: 1rem;
}

.page-basket__logo[data-v-19914265] {
    border-radius: 50%;
}

.page-basket__special-instructions[data-v-19914265] {
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

.icon-with-title[data-v-19914265] {
    width: auto;
    height: auto;
    padding: 0.5rem 0.75rem;
}

.icon-with-title > svg[data-v-19914265] {
    margin-right: 0.75rem;
}

.hack-instagram-viewport .page-basket__ctas[data-v-19914265] {
    background-color: var(--color-white);
    padding-bottom: 4.5rem;
}

.page-checkout__ctas[data-v-5533b642] {
    position: sticky;
    bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    margin-top: 1rem;
}

.hack-instagram-viewport .page-checkout__ctas[data-v-5533b642] {
    background-color: var(--color-white);
    padding-bottom: 4.5rem;
}

.checkmark-svg[data-v-f45645a4] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    box-shadow: inset 0 0 0 #24d889;
    animation: fill-green 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}

    .checkmark-svg[data-v-f45645a4] circle {
        stroke-dasharray: 166;
        stroke-dashoffset: 166;
        stroke-width: 2;
        stroke-miterlimit: 10;
        stroke: #24d889;
        fill: none;
        animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
    }

    .checkmark-svg[data-v-f45645a4] path {
        transform-origin: 50% 50%;
        stroke-dasharray: 48;
        stroke-dashoffset: 48;
        animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
    }

.pages-root[data-v-a7e4fa50] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100vh;
    width: 100%;
    padding: 1.25rem;
    text-align: center;
}

.pages-root__icon[data-v-a7e4fa50],
.pages-root__title[data-v-a7e4fa50] {
    margin-bottom: 2.5rem;
}

.pages-root__title[data-v-a7e4fa50] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    line-height: 1.5rem;
}

.pages-root__cta[data-v-a7e4fa50] {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25rem;
    height: 2.5rem;
    background-color: var(--color-primary);
    color: var(--color-on-primary);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    text-align: center;
    padding: 1.5rem 3rem;
}

.page-auth-request-otp[data-v-34e69e07] {
    padding: 0.875rem 1.3125rem;
}

.page-auth-request-otp__header[data-v-34e69e07] {
    margin-left: -0.375rem;
    margin-bottom: 1.3125rem;
}

.page-auth-request-otp__content[data-v-34e69e07] {
    padding-bottom: 1.3125rem;
}

.page-auth-request-otp__description[data-v-34e69e07] {
    margin-bottom: 1.75rem;
}

.send-cerification-code[data-v-4ad3f22f] {
    padding: 1.75rem 1.3125rem 0.875rem;
}

.send-cerification-code__title[data-v-4ad3f22f] {
    margin-bottom: 0.875rem;
}

.send-cerification-code__item a[data-v-4ad3f22f] {
    padding: 0.875rem 0;
    display: flex;
    align-items: center;
    border-bottom: 0.0625rem solid var(--color-cloudy);
}

.send-cerification-code__item svg[data-v-4ad3f22f] {
    color: var(--color-midnight);
}

.send-cerification-code__item:last-child a[data-v-4ad3f22f] {
    border-bottom: 0;
}

.send-cerification-code__text[data-v-4ad3f22f] {
    padding: 0.725rem;
}

.page-auth-validate-otp[data-v-3988ea54] {
    padding: 0.875rem 1.3125rem;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.page-auth-validate-otp__header[data-v-3988ea54] {
    margin-left: -0.375rem;
    margin-bottom: 1.3125rem;
}

.page-auth-validate-otp__content[data-v-3988ea54] {
    height: 100%;
}

.page-auth-validate-otp__description[data-v-3988ea54] {
    display: flex;
    align-items: center;
    margin-bottom: 1.75rem;
}

.page-auth-validate-otp__description-text[data-v-3988ea54] {
    margin: 0 0.875rem;
}

.page-auth-validate-otp__description svg[data-v-3988ea54] {
    color: var(--color-midnight);
}

.page-auth-validate-otp__missing-code[data-v-3988ea54] {
    position: sticky;
    bottom: 1.3125rem;
    text-align: center;
    margin-top: 2.1875rem;
}

.what-is-chatfood[data-v-558de1bf] {
    padding: 2.1875rem 1.3125rem;
}

.what-is-chatfood__title[data-v-558de1bf] {
    margin-bottom: 1.3125rem;
}

.what-is-chatfood__about[data-v-558de1bf] {
    border-bottom: 0.0625rem solid var(--color-cloudy);
    padding-bottom: 1.3125rem;
    margin-bottom: 1.3125rem;
}

.what-is-chatfood__about h3[data-v-558de1bf] {
    margin-bottom: 1.3125rem;
}

.what-is-chatfood__features li[data-v-558de1bf] {
    margin-bottom: 1.3125rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

    .what-is-chatfood__features li[data-v-558de1bf]:last-child {
        margin-bottom: 0;
    }

.what-is-chatfood__features-icon[data-v-558de1bf] {
    width: 3.9375rem;
    height: 3.9375rem;
    background-color: var(--color-powder);
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.875rem;
}

.what-is-chatfood__features-icon svg[data-v-558de1bf] {
    color: var(--color-chatfood);
}

.what-is-chatfood[data-v-558de1bf] .atom-text--body-large {
    margin-bottom: 1.3125rem;
}

.what-is-chatfood[data-v-558de1bf] .atom-text {
    white-space: pre-line;
}

.page-auth-register[data-v-12424ee8] {
    padding: 0.875rem 1.3125rem;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.page-auth-register__header[data-v-12424ee8] {
    margin-left: -0.375rem;
    margin-bottom: 1.3125rem;
}

.page-auth-register__content[data-v-12424ee8] {
    height: 100%;
}

.page-auth-register__description[data-v-12424ee8] {
    display: flex;
    margin-bottom: 1.75rem;
    align-items: center;
}

.page-auth-register__taken-email[data-v-12424ee8] {
    background-color: var(--color-powder);
    padding: 0.875rem;
    border-radius: 0.4375rem;
    text-align: center;
    margin-bottom: 1.75rem;
}

.page-auth-register__verify-sms[data-v-12424ee8] {
    font-weight: 700;
    color: var(--color-atlantic);
    padding-top: 0.3125rem;
}

.join-loyalty-program[data-v-5afac96c] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.join-loyalty-program__header[data-v-5afac96c] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.join-loyalty-program__cover[data-v-5afac96c] {
    padding-bottom: 56%;
    width: 100%;
    background-size: cover;
    background-color: var(--color-powder);
    margin-bottom: -1.5625rem;
}

.join-loyalty-program__cover--placeholder[data-v-5afac96c] {
    background-image: url(/_nuxt/img/cover.117196c.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
}

.join-loyalty-program__logo[data-v-5afac96c] {
    width: 4.8125rem;
    height: 4.8125rem;
    background-color: var(--color-pure-white);
    border: 0.4375rem solid var(--color-pure-white);
    border-radius: 0.4375rem;
    z-index: 1;
    background-position: 50%;
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: -3.4375rem;
    margin: auto;
}

.join-loyalty-program__title[data-v-5afac96c] {
    padding: 0 1.3125rem;
    width: 100%;
    position: relative;
}

.join-loyalty-program__title h2[data-v-5afac96c] {
    padding: 2.1875rem 0;
    border-radius: 0.4375rem;
    text-align: center;
    background: var(--color-powder);
}

.join-loyalty-program__content[data-v-5afac96c] {
    margin-top: 1.3125rem;
    margin-bottom: 1.4375rem;
    padding: 0 1.3125rem;
}

.join-loyalty-program__subtitle[data-v-5afac96c] {
    display: flex;
    flex-direction: column;
}

.join-loyalty-program__benefit-title[data-v-5afac96c] {
    margin: 1.75rem 0 0.875rem;
}

.join-loyalty-program__benefit-item[data-v-5afac96c] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 0.875rem;
}

.join-loyalty-program__icon[data-v-5afac96c] {
    background-color: var(--color-powder);
    fill: var(--color-chatfood);
    width: 3.9375rem;
    min-width: 3.9375rem;
    margin-right: 1.3125rem;
    height: 3.9375rem;
    min-height: 3.9375rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.join-loyalty-program__buttons[data-v-5afac96c] {
    padding: 0.875rem 1.3125rem;
    background-color: #fff;
    box-shadow: 0 -0.625rem 2.1875rem rgba(0, 0, 0, 0.1);
    position: sticky;
    bottom: 0;
}

.join-loyalty-program__buttons a[data-v-5afac96c]:first-child {
    margin-bottom: 1rem;
}

.payment-link-card[data-v-798ae883] {
    background: var(--color-base-100);
    box-shadow: 0 3px 1.25rem rgba(0, 0, 0, 0.05), 0 0 1px var(--color-rainy);
    border-radius: 14px;
}

.payment-link-card__header[data-v-798ae883] {
    padding: 1.3125rem;
    border-bottom: 1px solid var(--color-base-90);
    display: flex;
    justify-content: space-between;
}

.payment-link-card__content[data-v-798ae883] {
    padding: 1.3125rem;
}

.payment-link-card__amount[data-v-798ae883] {
    margin: 0;
}

.payment-link-card__field-label[data-v-798ae883] {
    margin: 0.875rem 0 0.3125rem;
}

.payment-link-card__footer[data-v-798ae883] {
    margin: 0.875rem 0 0;
}

.payment-link-missing[data-v-351f2db0] {
    background: var(--color-base-100);
    box-shadow: 0 3px 1.25rem rgba(0, 0, 0, 0.05), 0 0 1px var(--color-rainy);
    border-radius: 0.875rem;
    padding: 2.1875rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 350px;
    max-width: 100%;
    text-align: center;
}

.payment-link-missing__icon[data-v-351f2db0] {
    margin-bottom: 0.4375rem;
}

.pages-payment-link-checkout[data-v-78ab2e4e] {
    background-color: var(--color-base-95);
    display: flex;
    justify-content: center;
    align-items: stretch;
    min-height: 100vh;
    position: relative;
}

.pages-payment-link-checkout--invalid[data-v-78ab2e4e] {
    align-items: center;
}

.pages-payment-link-checkout__wrapper[data-v-78ab2e4e] {
    width: 100%;
    max-width: 500px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pages-payment-link-checkout__header[data-v-78ab2e4e] {
    margin-bottom: 0.4375rem;
    padding: 0.875rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pages-payment-link-checkout__content[data-v-78ab2e4e] {
    padding: 1.75rem 0.875rem;
}

.pages-payment-link-checkout__logo[data-v-78ab2e4e] {
    width: 2.625rem;
    height: 2.625rem;
    background-position: 50%;
    background-size: cover;
    margin-right: 0.875rem;
    border-radius: 100%;
}

.pages-payment-link-checkout__help[data-v-78ab2e4e] {
    margin-top: 2.1875rem;
    text-align: center;
}

.pages-payment-link-checkout__line[data-v-78ab2e4e] {
    margin-top: 1.25rem;
    border-color: var(--color-base-90);
}

.pages-payment-link-checkout__card-loader[data-v-78ab2e4e] {
    margin: 1.75rem 0.875rem;
}

.pages-payment-link-checkout__cards[data-v-78ab2e4e] {
    padding: 1.75rem 0.875rem;
}

.pages-payment-link-checkout__cards-list[data-v-78ab2e4e] {
    margin: 1rem 0 1.3125rem;
}

.pages-payment-link-checkout__card[data-v-78ab2e4e] {
    border-bottom: 1px solid var(--color-base-90);
    padding: 1.3125rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .pages-payment-link-checkout__card[data-v-78ab2e4e]:first-child {
        border-top: 1px solid var(--color-base-90);
    }

.pages-payment-link-checkout__card p[data-v-78ab2e4e] {
    display: flex;
    align-items: center;
    text-transform: capitalize;
}

.pages-payment-link-checkout__card p > span[data-v-78ab2e4e] {
    margin: 0 1.3125rem;
}

.pages-payment-link-checkout__cta[data-v-78ab2e4e] {
    background-color: var(--color-base-100);
    box-shadow: 0 -0.625rem 2.1875rem rgba(0, 0, 0, 0.1);
    bottom: 0;
    position: sticky;
    padding: 0.875rem 1.3125rem 2.125rem;
}

.pages-payment-link-checkout__card-form[data-v-78ab2e4e] {
    padding: 0 21px;
}

.slide-up-enter[data-v-78ab2e4e],
.slide-up-leave-active[data-v-78ab2e4e] {
    transform: translateY(100%);
}

.slide-up-enter-active[data-v-78ab2e4e],
.slide-up-leave-active[data-v-78ab2e4e] {
    transition: all 0.1s ease;
}

.fade-in-enter-active[data-v-78ab2e4e] {
    transition: opacity 0.2s;
}

.fade-in-leave-active[data-v-78ab2e4e] {
    transition: opacity 0.1s;
}

.fade-in-enter[data-v-78ab2e4e],
.fade-in-leave-to[data-v-78ab2e4e] {
    opacity: 0;
}

.payment-link-receipt[data-v-f0b24e06] {
    background: var(--color-base-100);
    box-shadow: 0 3px 1.25rem rgba(0, 0, 0, 0.05), 0 0 1px var(--color-rainy);
    border-radius: 0.875rem;
    padding: 1.3125rem;
}

.payment-link-receipt__title[data-v-f0b24e06] {
    margin-bottom: 0;
}

.payment-link-receipt__field-label[data-v-f0b24e06] {
    margin: 0.875rem 0 0;
}

.pages-payment-link-payment[data-v-da2e21aa] {
    background-color: var(--color-base-95);
    padding: 3.75rem 0.875rem;
}

.pages-payment-link-payment--failed[data-v-da2e21aa] {
    display: flex;
    justify-content: center;
    align-items: stretch;
    min-height: 100vh;
    padding: 3.75rem 3.125rem;
}

.pages-payment-link-payment__processing[data-v-da2e21aa],
.pages-payment-link-payment__unsuccessful[data-v-da2e21aa] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.pages-payment-link-payment__unsuccessful[data-v-da2e21aa] {
    text-align: center;
}

.pages-payment-link-payment__warn-icon[data-v-da2e21aa] {
    margin-bottom: 2.1875rem;
}

.pages-payment-link-payment__try-again[data-v-da2e21aa] {
    margin: 1.75rem 0 1.3125rem;
}

.pages-payment-link-payment__header[data-v-da2e21aa] {
    margin-bottom: 2.1875rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pages-payment-link-payment__help[data-v-da2e21aa] {
    margin-top: 2.1875rem;
    text-align: center;
}

.pages-payment-link-payment__powered-by[data-v-da2e21aa] {
    text-align: center;
    margin-top: 1.3125rem;
    padding: 1.3125rem 0;
    border-top: 1px solid var(--color-base-90);
}

.pages-payment-link-payment__powered-by-icon[data-v-da2e21aa] {
    display: inline-block;
    margin-bottom: 0.4375rem;
}

.pages-payment-link-payment__powered-by-text[data-v-da2e21aa] {
    display: block;
    font-size: 13px;
}

.pages-payment-link-payment__powered-by-link[data-v-da2e21aa] {
    display: inline-block;
    color: var(--color-base-50);
    text-decoration: underline;
    font-size: 13px;
}

.page-profile[data-v-3c262656] {
    padding: 1.75rem 1.3125rem 0.875rem;
}

.page-profile__back[data-v-3c262656] {
    margin-bottom: 1.25rem;
    justify-content: flex-start;
}

.page-profile__logo[data-v-3c262656] {
    width: 2.1875rem;
    height: 2.1875rem;
    border-radius: 50%;
    background-size: cover;
    background-position: 50%;
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translateX(-50%);
}

.page-profile__loyalty[data-v-3c262656] {
    margin: 1.3125rem 0 1.625rem;
}

.page-profile__separator[data-v-3c262656] {
    margin: 1.3125rem 0;
    border-width: 0.0625rem;
    border-color: var(--color-powder);
}

.page-profile__links[data-v-3c262656] {
    margin-bottom: 1.25rem;
    display: block;
}

.page-profile__feedback[data-v-3c262656] {
    height: 30rem;
    position: relative;
}

.page-profile__feedback-close[data-v-3c262656] {
    position: absolute;
    top: 0;
    right: 0;
    color: var(--color-charcoal);
    font-size: 1.125rem;
    text-decoration: none;
    padding: 1.25rem;
}

    .page-profile__feedback-close[data-v-3c262656]:focus,
    .page-profile__feedback-close[data-v-3c262656]:hover {
        text-decoration: none;
    }

.page-profile__iframe[data-v-3c262656] {
    height: 100%;
    width: 100%;
    border: 0;
}

.account-details[data-v-5525ad45] {
    padding: 1.75rem 1.3125rem 0.875rem;
}

.account-details__back[data-v-5525ad45] {
    margin-bottom: 1.25rem;
    justify-content: flex-start;
}

.account-details__subtitle[data-v-5525ad45] {
    margin-bottom: 1.25rem;
}

.pages-order-history[data-v-0f5b32ce] {
    padding: 1.75rem 1.3125rem 0.875rem;
}

.pages-order-history__back[data-v-0f5b32ce] {
    margin-bottom: 1.25rem;
    justify-content: flex-start;
}

.pages-order-history__subtitle[data-v-0f5b32ce] {
    margin-bottom: 1.25rem;
}

.pages-order-history__logo[data-v-0f5b32ce] {
    width: 2.1875rem;
    height: 2.1875rem;
    border-radius: 50%;
    background-size: cover;
    background-position: 50%;
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translateX(-50%);
}

.pages-order-history__empty[data-v-0f5b32ce] {
    text-align: center;
    margin-top: 20vh;
}

.pages-order-history__empty-title[data-v-0f5b32ce] {
    margin-bottom: 0.625rem;
}

.pages-order-history__empty-subtitle[data-v-0f5b32ce] {
    margin-bottom: 1.25rem;
}

.pages-order-history__empty-icon[data-v-0f5b32ce] {
    margin: 1.25rem auto;
    width: 4.8125rem;
    height: 4.8125rem;
    border-radius: 50%;
    position: relative;
    background-color: var(--color-base-95);
}

.pages-order-history__empty-icon svg[data-v-0f5b32ce] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.pages-order-history__empty-button[data-v-0f5b32ce] {
    margin: 0 auto;
    font-size: 0.6875rem;
}

.menu-header[data-v-52f7917f] {
    margin-bottom: 0.875rem;
}

.menu-header__top[data-v-52f7917f] {
    position: relative;
    margin-bottom: 1.3125rem;
}

.menu-header__top--with-logo[data-v-52f7917f] {
    height: 2.75rem;
    margin-bottom: 2.5rem;
    padding-top: 1.3125rem;
}

.menu-header__top--with-cover[data-v-52f7917f] {
    padding: 0 0 56%;
    background-position: 50%;
    background-size: cover;
}

.menu-header__top--with-backTo[data-v-52f7917f] {
    min-height: 5.125rem;
}

.menu-header__logo[data-v-52f7917f] {
    width: 3.5rem;
    height: 3.5rem;
    left: 0.875rem;
    bottom: -1.625rem;
    position: absolute;
    background-size: cover;
    background-position: 50%;
    border-radius: 50%;
}

.menu-header__content[data-v-52f7917f] {
    padding: 0 0.875rem;
    display: flex;
    justify-content: space-between;
}

.menu-header__subtitle[data-v-52f7917f] {
    margin-bottom: 0.4375rem;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
    border-radius: 0.25rem;
    margin-top: 1.25rem;
    padding: 0.75rem;
}

.menu-header__icon[data-v-52f7917f] {
    display: flex;
    align-content: center;
    justify-content: center;
    height: 1.3rem;
}

    .menu-header__icon[data-v-52f7917f]:first-of-type {
        margin-right: 1rem;
    }

.menu-header__icon svg[data-v-52f7917f] {
    display: inline-block;
}

.menu-header__icon span[data-v-52f7917f] {
    margin: 0 0.25rem;
}

.menu-header__back[data-v-52f7917f] {
    position: absolute;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    left: 1rem;
    top: 2.8125rem;
    background-color: var(--color-white);
    border: 1px solid var(--color-cloudy);
}

.menu-header__back svg[data-v-52f7917f] {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.menu-header__info[data-v-52f7917f] {
    display: flex;
}

.reward-card__icon[data-v-a583906e],
.reward-card__link[data-v-a583906e] {
    display: flex;
    align-items: center;
}

.reward-card__icon[data-v-a583906e] {
    min-width: 36px;
    width: 36px;
    min-height: 36px;
    height: 36px;
    background-color: var(--color-primary-light);
    border-radius: 50%;
    justify-content: center;
    margin-right: 14px;
}

.reward-card__content[data-v-a583906e] {
    width: 100%;
}

.category-card[data-v-2cd3a037] {
    transition: background-color 0.2s ease-out;
    text-align: center;
    display: block;
    padding: 0.4375rem;
    border-radius: 0.4375rem;
    width: 100%;
}

    .category-card[data-v-2cd3a037]:focus,
    .category-card[data-v-2cd3a037]:hover {
        background-color: var(--color-base-95);
        text-decoration: none;
    }

.category-card__image[data-v-2cd3a037] {
    width: 100%;
    border-radius: 0.4375rem;
    margin-bottom: 0.625rem;
}

    .category-card__image[data-v-2cd3a037]:after {
        content: "";
        display: block;
        padding-bottom: 100%;
    }

.live-order-status-card[data-v-719b9ea7] {
    position: relative;
    background-color: var(--color-success);
    cursor: pointer;
    display: flex;
    padding: 1rem;
    align-items: center;
    border-radius: 0.25rem;
}

.live-order-status-card__content[data-v-719b9ea7] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.live-order-status-card__icon[data-v-719b9ea7] {
    width: 2.5rem;
    height: 2.5rem;
}

.live-order-status-card__text[data-v-719b9ea7] {
    color: var(--color-white);
    font-weight: 700;
}

.live-order-status-card__action[data-v-719b9ea7] {
    color: var(--color-white);
    line-height: 1.5;
    font-size: 0.875rem;
}

.pages-menu-categories[data-v-3fac3e18] {
    padding-bottom: 4.625rem;
}

.pages-menu-categories__header[data-v-3fac3e18] {
    margin-bottom: 1.3125rem;
}

.pages-menu-categories__rewards[data-v-3fac3e18] {
    padding: 0 0.875rem;
    margin-bottom: 1.3125rem;
}

.pages-menu-categories__discounts[data-v-3fac3e18] {
    margin-bottom: 1.3125rem;
}

.pages-menu-categories__list[data-v-3fac3e18] {
    padding: 1.3125rem 0.4375rem 0;
    display: flex;
    flex-wrap: wrap;
}

.pages-menu-categories__item[data-v-3fac3e18] {
    width: calc(50% - 0.2188rem);
    margin-bottom: 0.4375rem;
}

    .pages-menu-categories__item[data-v-3fac3e18]:nth-child(odd) {
        margin-right: 0.4375rem;
    }

.pages-menu-categories__no-results[data-v-3fac3e18] {
    margin-bottom: 1.3125rem;
    text-align: center;
    width: 100%;
}

.pages-menu-categories__loading[data-v-3fac3e18] {
    margin: 1.75rem 0;
}

.pages-menu-categories__divider[data-v-3fac3e18] {
    background-color: var(--color-base-95);
    height: 0.0625rem;
    margin: 0 0.875rem;
}

.pages-menu-categories__cta[data-v-3fac3e18] {
    position: sticky;
    bottom: 0;
    padding: 0.875rem;
}

.pages-menu-categories__pending[data-v-3fac3e18] {
    margin-bottom: 0.25rem;
}

.pages-menu-categories__info[data-v-3fac3e18] {
    padding: 0 0.875rem;
}

.pages-menu-categories__alert[data-v-3fac3e18] {
    background-color: var(--color-lemon-sorbet);
    border-radius: 0.4375rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.625rem 0.4375rem;
}

.pages-menu-categories__alert--icon[data-v-3fac3e18] {
    margin: 0 0.4375rem;
    background-color: var(--color-canary);
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    position: relative;
    flex: none;
}

.pages-menu-categories__alert--icon svg[data-v-3fac3e18] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.pages-menu-categories__alert--message[data-v-3fac3e18] {
    margin: 0 0.4375rem;
}

.item-card[data-v-31aeba3a] {
    transition: background-color 0.3s ease-out;
    width: 100%;
    display: block;
    padding: 0 1rem;
}

    .item-card[data-v-31aeba3a]:focus,
    .item-card[data-v-31aeba3a]:hover {
        background-color: #fafafa;
        text-decoration: none;
    }

.item-card--selected[data-v-31aeba3a] {
    border-left: 0.25rem solid var(--color-primary);
}

.item-card--grid[data-v-31aeba3a] {
    flex: 50%;
    max-width: 50%;
    flex-direction: column-reverse;
    padding: 0.5rem;
    margin-bottom: 1rem;
    margin-left: 0;
    margin-right: 0;
    border-left: none;
}

.item-card--grid .item-card__inner[data-v-31aeba3a] {
    position: relative;
    flex-direction: column-reverse;
    padding: 0;
    border-bottom: none;
}

.item-card--grid .item-card__image[data-v-31aeba3a] {
    height: 40vw;
    max-height: 12.8rem;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-left: 0;
    margin-bottom: 0.5rem;
    border-radius: 0.4375rem;
    background-color: rgba(245, 245, 245, var(--bg-opacity));
}

.item-card--grid .item-card__cutlery[data-v-31aeba3a] {
    color: var(--color-base-80);
}

.item-card--grid .item-card__cutlery[data-v-31aeba3a],
.item-card--grid .item-card__photo[data-v-31aeba3a] {
    height: 110%;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    max-width: fit-content;
    width: auto;
    position: absolute;
}

.item-card--grid .item-card__quantity[data-v-31aeba3a] {
    border-radius: 0.1875rem;
    position: absolute;
    padding: 0.5rem;
    top: 0.75rem;
    left: 0.75rem;
    color: var(--color-white);
    background-color: var(--color-primary);
    z-index: 1;
    line-height: 1.25;
    font-weight: 700;
}

    .item-card--grid .item-card__quantity[data-v-31aeba3a]:after {
        display: none;
    }

.item-card__quantity[data-v-31aeba3a] {
    position: relative;
    display: inline-block;
    font-weight: 700;
    color: var(--color-primary);
}

    .item-card__quantity[data-v-31aeba3a]:after {
        content: "\00D7";
        display: inline-block;
    }

.item-card__inner[data-v-31aeba3a] {
    display: flex;
    width: 100%;
    padding: 0.875rem 0;
    justify-content: space-between;
    border-left-color: var(--color-base-95);
    border-bottom: 1px solid;
    border-bottom-color: var(--color-base-95);
    border-right-color: var(--color-base-95);
    border-top-color: var(--color-base-95);
}

.item-card:last-child .item-card__inner[data-v-31aeba3a] {
    border: 0;
}

.item-card__title[data-v-31aeba3a] {
    margin-bottom: 0.4375rem;
}

.item-card__description[data-v-31aeba3a] {
    margin-bottom: 0.4375rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.item-card__image[data-v-31aeba3a] {
    flex-shrink: 0;
    margin-left: 0.5rem;
    background-color: rgba(245, 245, 245, var(--bg-opacity));
    position: relative;
}

.item-card__image[data-v-31aeba3a],
.item-card__image img[data-v-31aeba3a] {
    width: 6.5625rem;
    height: 6.5625rem;
    border-radius: 0.1875rem;
}

.item-card__image svg[data-v-31aeba3a] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--color-base-80);
}

.item-card__price[data-v-31aeba3a] {
    font-size: 0.875rem;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.item-card__price--strike[data-v-31aeba3a] {
    font-size: 0.7rem;
    text-decoration: line-through;
    margin: 0 0.4375rem;
    color: var(--color-base-50);
}

.category-block[data-v-ba38612c] {
    border-left-color: var(--color-base-95);
    border-bottom: 0.625rem solid;
    border-bottom-color: var(--color-base-95);
    border-right-color: var(--color-base-95);
    border-top-color: var(--color-base-95);
}

.category-block--grid .category-block__items[data-v-ba38612c] {
    display: flex;
    flex-wrap: wrap;
}

.category-block__title[data-v-ba38612c] {
    padding: 1.5rem 1rem 0.75rem;
}

.category-navigation[data-v-3b03a140] {
    display: flex;
    padding: 0.875rem 0;
    background-color: var(--color-white);
    overflow: auto;
}

.category-navigation__inner[data-v-3b03a140] {
    display: flex;
}

.category-navigation__icon[data-v-3b03a140] {
    color: rgba(136, 141, 154, var(--text-opacity));
    fill: var(--color-white);
}

.category-navigation__icon--active[data-v-3b03a140] {
    color: var(--color-brand-primary);
}

.category-navigation__label[data-v-3b03a140] {
    display: flex;
    white-space: nowrap;
    transition: 0.3s ease-in-out;
    align-items: center;
    height: 2rem;
    padding: 0 1rem;
    font-size: 0.75rem;
    border-radius: 0.9375rem;
    color: var(--color-base-50);
    line-height: 1rem;
    border-width: 1px;
}

.category-navigation__button[data-v-3b03a140],
.category-navigation__link[data-v-3b03a140] {
    padding-left: 0.75rem;
}

    .category-navigation__link[data-v-3b03a140]:last-child {
        padding-right: 0.75rem;
    }

    .category-navigation__link[data-v-3b03a140]:focus,
    .category-navigation__link[data-v-3b03a140]:hover {
        text-decoration: none;
    }

.category-navigation__link:focus .category-navigation__label[data-v-3b03a140],
.category-navigation__link:hover .category-navigation__label[data-v-3b03a140] {
    background-color: var(--color-base-95);
    color: var(--color-black);
}

.category-navigation__link.active > .category-navigation__label[data-v-3b03a140] {
    background-color: var(--color-primary);
    color: var(--color-on-primary);
    border: var(--color-primary);
}

html[dir="rtl"] .category-navigation__link[data-v-3b03a140]:last-child {
    padding-left: 0.75rem;
    padding-right: 0;
}

html[dir="rtl"] .category-navigation__link[data-v-3b03a140]:first-child {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

.menu-display__nav[data-v-ee4702e6] {
    position: sticky;
    top: 0;
    z-index: 20;
}

.menu-display__search[data-v-ee4702e6] {
    position: relative;
    margin: 0.625rem;
}

.menu-display__empty[data-v-ee4702e6] {
    margin: 1.875rem 0.625rem;
    text-align: center;
}

.menu-display__search-icon[data-v-ee4702e6] {
    position: absolute;
    top: 50%;
    display: flex;
    transform: translateY(-50%);
    left: 0.875rem;
}

.menu-display__input[data-v-ee4702e6] {
    width: 100%;
    min-height: 3.0625rem;
    color: var(--color-atlantic);
    border-radius: 6.25rem;
    border: 1px solid var(--color-cloudy);
    padding: 0.4375rem 0.875rem 0.4375rem 2.8125rem;
    font-size: 0.875rem;
    appearance: none;
}

    .menu-display__input[data-v-ee4702e6]::placeholder {
        color: var(--color-rainy);
        font-size: 0.875rem;
    }

    .menu-display__input[data-v-ee4702e6]:focus {
        outline: none;
        border-color: var(--color-rainy);
    }

html[dir="rtl"] .menu-display__search-icon[data-v-ee4702e6] {
    right: 0.875rem;
    left: auto;
}

html[dir="rtl"] .menu-display__input[data-v-ee4702e6] {
    padding: 0.4375rem 2.8125rem 0.4375rem 0.875rem;
}

.menu-category[data-v-4a8d2fde] {
    padding-bottom: 4.625rem;
}

.menu-category__empty[data-v-4a8d2fde] {
    display: block;
    margin: 1.875rem 0.625rem;
    text-align: center;
}

.menu-category__cta[data-v-4a8d2fde] {
    position: sticky;
    bottom: 0;
    padding: 0.875rem;
}

.menu-category__scroll-btn[data-v-4a8d2fde] {
    position: sticky;
    left: 399px;
    bottom: 7px;
    width: 44px;
    height: 44px;
    background-color: var(--color-pure-white);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #e6e6e6;
    margin-bottom: 0.875rem;
    cursor: pointer;
}

.menu-category__scroll-btn svg[data-v-4a8d2fde] {
    display: inherit;
}

.layouts-error[data-v-95e39dea] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100vh;
    width: 100%;
    padding: 1.25rem;
    text-align: center;
}

.layouts-error__icon[data-v-95e39dea] {
    margin-bottom: 2rem;
}

.layouts-error__icon svg[data-v-95e39dea] {
    color: var(--color-primary);
}

.layouts-error__icon img[data-v-95e39dea] {
    width: 6rem;
    height: 6rem;
    max-width: 100%;
    border-radius: 0.25rem;
}

.layouts-error__title[data-v-95e39dea] {
    font-size: 1.5rem;
    line-height: 2rem;
    line-height: 1.75rem;
    margin-bottom: 0.75rem;
    font-weight: 700;
}

.layouts-error__text[data-v-95e39dea] {
    --text-opacity: 1;
    color: #8c8c8c;
    color: rgba(140, 140, 140, var(--text-opacity));
    margin-bottom: 1.75rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    white-space: pre-line;
}

.layouts-error__home-btn[data-v-95e39dea] {
    width: 15rem;
    max-height: 100%;
}

.toasted {
    padding: 0 20px;
}

    .toasted.rounded {
        border-radius: 24px;
    }

    .toasted .primary,
    .toasted.toasted-primary {
        border-radius: 2px;
        min-height: 38px;
        line-height: 1.1em;
        background-color: #353535;
        padding: 6px 20px;
        font-size: 15px;
        font-weight: 300;
        color: #fff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    }

        .toasted .primary.success,
        .toasted.toasted-primary.success {
            background: #4caf50;
        }

        .toasted .primary.error,
        .toasted.toasted-primary.error {
            background: #f44336;
        }

        .toasted .primary.info,
        .toasted.toasted-primary.info {
            background: #3f51b5;
        }

        .toasted .primary .action,
        .toasted.toasted-primary .action {
            color: #a1c2fa;
        }

    .toasted.bubble {
        border-radius: 30px;
        min-height: 38px;
        line-height: 1.1em;
        background-color: #ff7043;
        padding: 0 20px;
        font-size: 15px;
        font-weight: 300;
        color: #fff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    }

        .toasted.bubble.success {
            background: #4caf50;
        }

        .toasted.bubble.error {
            background: #f44336;
        }

        .toasted.bubble.info {
            background: #3f51b5;
        }

        .toasted.bubble .action {
            color: #8e2b0c;
        }

    .toasted.outline {
        border-radius: 30px;
        min-height: 38px;
        line-height: 1.1em;
        background-color: #fff;
        border: 1px solid #676767;
        padding: 0 20px;
        font-size: 15px;
        color: #676767;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        font-weight: 700;
    }

        .toasted.outline.success {
            color: #4caf50;
            border-color: #4caf50;
        }

        .toasted.outline.error {
            color: #f44336;
            border-color: #f44336;
        }

        .toasted.outline.info {
            color: #3f51b5;
            border-color: #3f51b5;
        }

        .toasted.outline .action {
            color: #607d8b;
        }

.toasted-container {
    position: fixed;
    z-index: 10000;
}

    .toasted-container,
    .toasted-container.full-width {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .toasted-container.full-width {
            max-width: 86%;
            width: 100%;
        }

            .toasted-container.full-width.fit-to-screen {
                min-width: 100%;
            }

                .toasted-container.full-width.fit-to-screen .toasted:first-child {
                    margin-top: 0;
                }

                .toasted-container.full-width.fit-to-screen.top-right {
                    top: 0;
                    right: 0;
                }

                .toasted-container.full-width.fit-to-screen.top-left {
                    top: 0;
                    left: 0;
                }

                .toasted-container.full-width.fit-to-screen.top-center {
                    top: 0;
                    left: 0;
                    -webkit-transform: translateX(0);
                    transform: translateX(0);
                }

                .toasted-container.full-width.fit-to-screen.bottom-right {
                    right: 0;
                    bottom: 0;
                }

                .toasted-container.full-width.fit-to-screen.bottom-left {
                    left: 0;
                    bottom: 0;
                }

                .toasted-container.full-width.fit-to-screen.bottom-center {
                    left: 0;
                    bottom: 0;
                    -webkit-transform: translateX(0);
                    transform: translateX(0);
                }

        .toasted-container.top-right {
            top: 10%;
            right: 7%;
        }

        .toasted-container.top-left {
            top: 10%;
            left: 7%;
        }

        .toasted-container.top-center {
            top: 10%;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .toasted-container.bottom-right {
            right: 5%;
            bottom: 7%;
        }

        .toasted-container.bottom-left {
            left: 5%;
            bottom: 7%;
        }

        .toasted-container.bottom-center {
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            bottom: 7%;
        }

        .toasted-container.bottom-left .toasted,
        .toasted-container.top-left .toasted {
            float: left;
        }

        .toasted-container.bottom-right .toasted,
        .toasted-container.top-right .toasted {
            float: right;
        }

        .toasted-container .toasted {
            top: 35px;
            width: auto;
            clear: both;
            margin-top: 10px;
            position: relative;
            max-width: 100%;
            height: auto;
            word-break: normal;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: justify;
            justify-content: space-between;
            box-sizing: inherit;
        }

            .toasted-container .toasted .fa,
            .toasted-container .toasted .fab,
            .toasted-container .toasted .far,
            .toasted-container .toasted .fas,
            .toasted-container .toasted .material-icons,
            .toasted-container .toasted .mdi {
                margin-right: 0.5rem;
                margin-left: -0.4rem;
            }

                .toasted-container .toasted .fa.after,
                .toasted-container .toasted .fab.after,
                .toasted-container .toasted .far.after,
                .toasted-container .toasted .fas.after,
                .toasted-container .toasted .material-icons.after,
                .toasted-container .toasted .mdi.after {
                    margin-left: 0.5rem;
                    margin-right: -0.4rem;
                }

            .toasted-container .toasted .action {
                text-decoration: none;
                font-size: 0.8rem;
                padding: 8px;
                margin: 5px -7px 5px 7px;
                border-radius: 3px;
                text-transform: uppercase;
                letter-spacing: 0.03em;
                font-weight: 600;
                cursor: pointer;
            }

                .toasted-container .toasted .action.icon {
                    padding: 4px;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-align: center;
                    align-items: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                }

                    .toasted-container .toasted .action.icon .fa,
                    .toasted-container .toasted .action.icon .material-icons,
                    .toasted-container .toasted .action.icon .mdi {
                        margin-right: 0;
                        margin-left: 4px;
                    }

                    .toasted-container .toasted .action.icon:hover {
                        text-decoration: none;
                    }

                .toasted-container .toasted .action:hover {
                    text-decoration: underline;
                }

.popular-list {
    background: #fff;
}

.popular-item {
    display: flex;
}

.popular-item__box {
    margin-right: 10px;
    max-width: 200px;
}

.popular-img {
    width: 130px;
    height: 110px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.popular-price {
    font-weight: 900;
    color: var(--business-primary-color);
    line-height: 14px;
    font-size: 0.8rem;
    font-weight: 500;
    margin-top: 10PX;
}

@media only screen and (max-width: 600px) {
    .header-menu {
        height: 110px!important;
        display: block;
    }
        /*.header-menu {
        height: 105px;*/
        /*height: 95px;*/
        /*display: block;
    }*/
        .header-menu.fixed {
            height: 95px;
        }

    .header-menu {
        height: 95px;
    }

    header.smaller {
        top: 0px !important;
        padding: 10px 0px;
    }

    ul.ul-menu {
        height: 50px;
    }

    p {
        font-size: 1em;
    }

    .toasted-container {
        min-width: 100%;
    }

        .toasted-container .toasted:first-child {
            margin-top: 0;
        }

        .toasted-container.top-right {
            top: 0;
            right: 0;
        }

        .toasted-container.top-left {
            top: 0;
            left: 0;
        }

        .toasted-container.top-center {
            top: 0;
            left: 0;
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }

        .toasted-container.bottom-right {
            right: 0;
            bottom: 0;
        }

        .toasted-container.bottom-left {
            left: 0;
            bottom: 0;
        }

        .toasted-container.bottom-center {
            left: 0;
            bottom: 0;
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }

        .toasted-container.bottom-center,
        .toasted-container.top-center {
            -ms-flex-align: stretch !important;
            align-items: stretch !important;
        }

        .toasted-container.bottom-left .toasted,
        .toasted-container.bottom-right .toasted,
        .toasted-container.top-left .toasted,
        .toasted-container.top-right .toasted {
            float: none;
        }

        .toasted-container .toasted {
            border-radius: 0;
        }
}

@media (max-width: 400px) {
    .grid a.menu-item--reverse.menu-item {
        width: 50% !important;
    }
}


body,
h1,
h2,
h3,
h4,
h5,
p,
a {
    font-family: 'Roboto', 'PT Sans', 'sans-serif' !important;
}

.radio-custom:checked ~ label {
    color: #fff;
    background-color: var(--business-primary-color);
}

label {
    display: block;
    flex: 1;
}

.text-group-field {
    padding: 10px;
}

.inner-block {
    background: #fff;
    position: relative;
    display: flex;
}

.radio-custom {
    visibility: hidden;
    display: none;
}

label.radio-custom-label {
    font-weight: 700;
    margin-right: 5px;
    color: #444;
    background: #fff;
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    border-radius: 15px;
    border: 1px solid #000;
    padding: 5px;
    font-weight: 700;
    margin-right: 5px;
}

.clicked-buttons input[type="checkbox"] {
    display: none;
}

.category__name.menu-item {
    background-color: #f4f4f4;
}

.menu-item__info-left {
    max-width: 230px;
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: var(--business-primary-color) url(closebtn.png) center/1.5em auto no-repeat !important;
    border-radius: 15px;
}
/* .navbar {
    --bs-navbar-toggler-icon-bg:url(/images/down-arrow.png)!important;
} */
@media only screen and (max-width: 767px) {
    .mfp-bg {
        position: fixed;
    }

    .mfp-wrap {
        height: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}




.popup-content {
    display: flex;
    flex-direction: column;
    max-height: 100vh;
}

.scrollable-content {
    flex-grow: 1;
    overflow-y: auto;
    margin-bottom: 80px;
}

.fixed-bottom {
    position: fixed;
    bottom: 20px;
    left: unset;
    background: #fff;
    right: unset;
}

.priceItem {
    /*margin-top:10px;*/
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .priceItem .menu-item__price {
        font-size: 19px;
        margin-top: 0px;
        color: #000;
    }

        .priceItem .menu-item__price.dollar {
            font-size: 15px;
            color: #000;
        }

.priceInsideItem {
}

.priceItem .touch-button {
    margin-top: 0px;
}

.add-on {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    padding: 7px 0px;
}

.add-on-controls {
    display: flex;
    align-content: center;
    align-items: center;
}

    .add-on-controls .minus, .add-on-controls .plus {
        background-color: #fff;
        border: 1px solid var(--business-primary-color);
        border-radius: 10px;
        height: 25px;
        width: 25px;
        font-size: 22px;
        color: var(--business-primary-color);
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
    }

    .add-on-controls input {
        display: inline-block;
        margin: 0;
        vertical-align: top;
        box-shadow: none;
    }

    .add-on-controls .input-text.qty {
        width: 35px;
        height: 40px;
        text-align: center;
        font-size: 18px;
        color: var(--business-primary-color);
    }

.add-on-label {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.add-on-price {
    font-size: 14px;
    margin-right: 10px;
    color: #000;
}

html {
    scroll-behavior: smooth;
}

.menuItem {
    cursor: pointer;
    border: 1px solid #ccc;
    transition: background-color 0.3s;
    display: block;
}

    /*    .menuItem.active {
        background-color: #edf6fd;
        color: var(--business-primary-color) !important;
        font-weight: 700;
        border: 1px solid var(--business-primary-color);
        border-radius: 20px;
        height: 33px;
    }*/

    .menuItem.active {
        background-color: #edf6fd;
        color: var(--business-primary-color) !important;
        font-weight: 700;
        border: 1px solid var(--business-primary-color);
        border-radius: 20px;
        height: 34px;
        /*height: 33px;*/
    }

.previousBtn {
    color: var(--business-primary-color) !important;
    font-size: 23px;
    padding-right: 5px;
}

header .menuItem.active a {
    color: var(--business-primary-color) !important;
}

.horizontal .menuItem:not(.active) {
    display: block;
    background-color: transparent;
}

.menuItem:not(.active) {
    display: none;
    background-color: transparent;
}

.active-right {
    background-color: #fff;
    display: block !important;
    border: 0px;
}

.specialSection section {
    position: inherit !important;
}

.header-menu {
    z-index: 100;
}

header .row {
    padding: 10px 0px;
    display: table;
    text-align: center;
}

li.active:first-child {
    margin-left: 0px !important;
}

.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 100;
}

@media (min-width:1024px) {
    .lg\:hidden {
        display: none;
    }

    .lg\:block {
        display: block;
    }
}

.desktop {
    padding: 20px;
}

    .desktop .container-des {
        display: flex;
        align-items: flex-start;
        position: relative;
        gap: 20px;
    }

    .desktop .login-btn {
        font-size: 20px;
        position: absolute;
        top: 20px;
        right: 30px;
        background: white;
        border: 1px solid #ccc;
        padding: 8px 20px;
        cursor: pointer;
        font-weight: bold;
        border-radius: 1rem;
    }

        .desktop .login-btn:hover {
            color: white;
            background-color: black
        }

    .desktop .image-container {
        flex: 1;
        padding: 1rem;
      /*  max-width:400px;*/
    }

        .desktop .image-container img {
            width: 100%;
            border-radius: 1rem;
            height:200px;
        }

    .desktop .info-container {
        padding: 1rem;
        flex: 1;
        display: flex;
        flex-flow: column;
        gap: 6px;
    }

    .desktop .logo-name {
        display: flex;
        align-items: center;
        gap: 15px;
    }

        .desktop .logo-name img {
            height: 80px;
        }

    .desktop .restaurant-name {
        font-size: 30px;
        font-weight: bold;
    }

    .desktop .status {
        color: white;
        background-color: green;
        border-radius: 12px;
        font-size: 16px;
        width: 80px;
        padding: 5px 12px;
        align-items: center;
        justify-content: center;
        display: grid;
    }

    .desktop .details {
        display: flex;
        gap: 30px;
        font-size: 20px;
    }

        .desktop .details a {
            text-decoration: none;
            color: black;
            border-bottom: 1px dotted #000;
        }

    .desktop .closed-bar {
        background-color: #0080002b;
        color: green;
        padding: 12px;
        text-align: center;
        font-size: 14px;
        border-top: 1px solid #f5c6cb;
        margin-top: 20px;
    }

.open-closed {
    gap: 5px
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.order-items {
    gap: 10px;
}


@media (min-width:1024px;) {
    .menu-item__content {
        display: flex;
    }

    .grid .menu-item__info {
        min-height: unset !important;
    }
}

.order-section-order {
    max-width: 100%;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 15px;
    font-family: sans-serif;
}

.order-item-order {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    align-items: center;
}

    .order-item-order img {
        width: 160px;
        height: 140px;
        border-radius: 5px;
        object-fit: cover;
    }

.order-details-order {
    flex: 1;
    flex-direction: column;
    display: flex;
    justify-content: center;
    gap: 0.5rem;
}

.price-order {
    font-weight: bold;
    align-self:center;
}

.Title-Order {
    font-size: 25px;
    color: var(--business-secondary-color);
    align-self: center;
    padding-bottom: 1rem;
    font-family: sans-serif;
    font-weight: 700;
}

.Order-Name {
    font-size: 20px;
    color: black;
    font-weight: 600;
}
.Order-Name2 {
    font-size: 20px;
    color: white;
    font-weight: 600;
}

.instructions-order {
    color: var(--business-secondary-color);
        font-size: 13px;
    text-decoration: none;
}

.instructions-order:hover {
    color:color-mix(in srgb, var(--business-secondary-color) 60%, white);
    font-size: 13px;
    text-decoration: none;
}


.quantity-control-order {
    display: flex;
    align-items: center;
    gap: 5px;
}

    .quantity-control-order button {
        width: 30px;
        height: 30px;
        font-size: 20px;
        font-weight: bold;
        border: 1px solid #ccc;
        background: #fff;
        border-radius: 5px;
        cursor: pointer;
    }

.quantity-order {
    width: 20px;
    text-align: center;
}

.summary-order {
    border-top: 1px solid #eee;
    padding-top: 10px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
}
.summary-order2 {
    width: 100%;
    background-color:var(--business-secondary-color);
    font-size: 16px;
    color: white;
    font-family: sans-serif;
    font-weight: 700;
    border-radius: 0.5rem;
    justify-content: center;
    display: flex;
    gap: 1rem;
    padding: 0.5rem
    /* padding-top: 20px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    font-size: 16px;
  
    background-color: color-mix(in srgb, var(--business-secondary-color) 20%, white) #fff;*/
}
.total-order2{
    color:white;
    font-size:16px;
}

.section-tabs-container {
    overflow-x: auto;
    white-space: nowrap;
    /*  background: #f8f8f8;*/
    border-bottom: 1px solid #ddd;
    padding: 0.5rem 1rem;
   
    scrollbar-color: color-mix(in srgb, var(--business-secondary-color) 0%, white) #ffffff00;
    /*scrollbar-color: color-mix(in srgb, var(--business-secondary-color) 20%, white) #fff;*/
    max-width: 94vw;
    scrollbar-width: none;
}

.section-tabs {
    display: flex;
    gap: 0.7rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

.tab-item a {
    display: inline-block;
    padding: 0.4rem 1rem;
    background-color: #e0e0e0;
    color: #333;
    text-decoration: none;
    border-radius: 1rem;
}

.tab-item.active a {
   
    color: #fff!important;
    font-weight: unset;
}
@media(max-height:700px) and (max-width:400px) {
    .menu-content-container {
        /*max-height: 540px!important;*/
    }}
@media(min-width:1024px) and (max-width:1200px) {
    .menu-content-container {
        max-height: 700px !important;
    }
}
@media(min-width:1201px) {
    .menu-content-container {
        max-height: 500px;
    }}
.menu-content-container {
    /* max-height: 500px;*/
    overflow-y: scroll;
    scroll-behavior: smooth;
    /*padding: 1rem;*/
    scrollbar-color: color-mix(in srgb, var(--business-secondary-color) 20%, white) #fff;
    scrollbar-width: none;
}


    .menu-content-container::-webkit-scrollbar {
        width: 8px;
    }

    .menu-content-container::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.3);
        border-radius: 4px;
    }


.menu-items-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}
.menu-items-grid2 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
}

/*.menu-section {
    margin-bottom: 3rem;
}*/

.section-title {
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 0.7rem;
    margin-top: 0.7rem;
    border-radius: 0.5rem;
}

.section-title {
    padding: 0 0.5rem;
    color: /*var(--business-secondary-color);*/ var(--business-primary-color);
    background-color: #f4f4f4;
}

.section-tabs-container::-webkit-scrollbar {
    height: 6px;
}

.section-tabs-container::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.3);
    border-radius: 4px;
}
@media(max-width:1024px){
.lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
    .menu-items-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }
    .menu-items-grid2 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }

}


.Title-Order2 {
    width: 100%;
    background: color-mix(in srgb, var(--business-secondary-color) 20%, white);
    font-size: 25px;
    color: var(--business-secondary-color);
  
    font-family: sans-serif;
    font-weight: 700;
    border-radius: 0.5rem;
    justify-content: center;
    display: flex;
}

.summary-order2:hover .Order-Name2,
.summary-order2:hover .total-order2 {
    color: white;
}

.summary-order2:hover {
    background-color: black;
}


.tab-container {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding-bottom: 10px;
}

.tab-button {
    padding: 8px 16px;
    
    background-color: white;
    cursor: pointer;
    text-decoration: none;
    border-radius: 4px;
    white-space: nowrap;
    transition: all 0.3s ease;
    height: 35px;
    width: 35px;
    border: 1px solid var(--business-primary-color);
    background: #fff;
    border-radius: 50%;
    display: flex;
    margin-right: 5px;
    color: white;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

    .tab-button:hover {
        background-color: #f0f0f0;
    }

    .tab-button.active {
        background-color: var(--business-primary-color);
        color: white;
        border-color: #007bff;
    }
.tab-container a.active i {
    color: #fff;
}
.tab-content {
    display: none;
   
}

    .tab-content.active {
        display: block;
    }


.business-info-container {
    padding: 20px;
    max-width: 1200px;
    margin: auto;
    font-family: sans-serif;
    background: #f5f5f5;
}

.info-header {
    display: flex;
   gap:1rem;
    align-items: center;
    background: var(--business-secondary-color);
    padding: 0px 20px;
    color: white;
    border-radius: 8px;
    font-weight:500;
}

    .info-header h1 {
        margin: 0;
        font-size: 1.5rem;
    }

.info-body {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 20px;
}

.info-image img {
    width: 100%;
    max-width: 580px;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.info-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 20px;
    flex: 1;
}

.info-card {
    background: white;
    border-radius: 10px;
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    gap: 8px;
}

    .info-card i {
        font-size: 1.3rem;
        color: var(--business-secondary-color);
    }

    .info-card span {
        font-size: 0.95rem;
        color: #444;
    }

    .info-card strong,
    .info-card a {
        font-size: 1.1rem;
        color: #000;
        font-weight: bold;
        text-decoration: none;
    }

.social-media {
    position: fixed;
    bottom: 0;
    justify-content: center;
    justify-self: center;
    padding: 1rem !important;
    background: #fff;
    width: 100%;
   
    justify-content: center;
    display: flex;
}

    .social-media a {
        font-size: 1.8rem;
        margin: 0 10px;
        color: #444;
        transition: color 0.3s ease;
    }

        .social-media a:hover {
            color: var(--business-secondary-color);
            
        }

@media (min-width:1024px) {
    .profile-login {
        margin-top: 25px !important;
        right: 10px;
    }
}

    .profile-login {
        margin-top: 0px !important;
        /* top: 50px !important; */
        width: 100px !important;
       
    }

    /*english*/

.powered-by-text {
    display: flex!important;
    gap: 1rem!important;
    align-items: center!important;
    justify-content: center!important;
}


.section-tabs-container2 {
    overflow-x: auto;
    white-space: nowrap;
    /*background: #f8f8f8;*/
    border-bottom: 1px solid #ddd;
    padding: 0.5rem 0rem;
    /*scrollbar-color: color-mix(in srgb, var(--business-secondary-color) 20%, white) #fff;*/
    scrollbar-color: color-mix(in srgb, var(--business-secondary-color) 0%, white) #ffffff00;
    scrollbar-width: thin;
    max-width: 110vw;
    justify-self: center;
}

.section-tabs2 {
    display: flex;
    gap: 1rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

.tab-item2 a {
    display: inline-block;
    padding: 0.4rem 1rem;
    background-color: #e0e0e0;
    color: #333;
    text-decoration: none;
    border-radius: 1rem;
}

.tab-item2.active a {
    color: #fff !important;
    font-weight: unset;
}

.menu-content-container2 {
    max-height: 500px;
    overflow-y: scroll;
    scroll-behavior: smooth;
    padding: 1rem;
    scrollbar-color: color-mix(in srgb, var(--business-secondary-color) 20%, white) #fff;
    scrollbar-width: thin;
}

    .menu-content-container2::-webkit-scrollbar {
        width: 8px;
    }

    .menu-content-container2::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.3);
        border-radius: 4px;
    }

.offcanvas-backdrop {
    height: 1000vh!important;
}


.grid .menu-item__content .menu-item__name {
    min-height: 48px;
    display: flex;
    align-items: center;

}

.menu-item__description{
    min-height: 20px; 
    display: block; 
}

.menu-item__name{margin-bottom:unset;}


a.menu-item--reverse.menu-item {
    padding: 12px 0 !important;
}

body, h1, h2, h3, h4, h5, p, a {
    font-family: Verdana !important;
}


.food-card {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.12);
    overflow: hidden;
    max-width: 380px;
    margin: 14px auto;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: transform 0.2s ease-in-out;
    border: 1px solid  var(--business-active-color);
}

    .food-card:hover {
        transform: translateY(-4px);
    }

.food-image img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.food-info {
    padding-top: 5px !important;
    padding: 18px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100px;
}

.food-name {
    align-content: center;
    font-size: 17px;
    font-weight: 700;
    color: #333;
    line-height: 1.4rem;
    min-height: 40px;
}

.food-description {
    font-size: 14px;
    color: #777;
   
    min-height: 20px; 
}

.food-price {
    font-size: 16px;
    font-weight: bold;
    color: var(--business-secondary-color);
    margin: 6px 0;
}

.food-actions {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    gap: 14px;
    margin-top: 14px;
}

    .food-actions button {
        border: none;
        border-radius: 10px;
        padding: 10px 18px;
        cursor: pointer;
        font-weight: bold;
        font-size: 14px;
        transition: all 0.2s ease;
    }

.add-btn {
    background: var(--business-secondary-color);
    color: #fff;
}

    .add-btn:hover {
        background: color-mix(in srgb, var(--business-secondary-color) 60%, white);
    }

.customize-btn {
    background: transparent;
    border: 2px solid #333;
    color: #333;
}

    .customize-btn:hover {
        background: #333;
        color: #fff;
    }


.food-like {
    position: absolute;
    align-self: center;
    right: 16px;
    font-size: 20px;
    color: #de1b1b;
    cursor: pointer;
    transition: color 0.2s ease;
}

      
   
.menu-items-grid5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem;
}
.card-gap{
    gap:3rem!important;
}
@media(max-width:1199px) {
    .menu-items-grid5 {
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }

    .menu-items-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }
    .menu-content-container{
        padding:1rem;
    }
}

.truncate-line-2 {
    min-height: 20px;
    display: block;
}
/*body.new-grid-active.truncate-line-22 {
    min-height: unset !important;
}*/
.offcanvas-header .btn-close {
    padding: 0.3rem !important;
}
@media(min-width:1200px) and (max-width:1400px) {
    .menu-items-grid5 {
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
    }
}

@media (max-width:1023px) {
    .menu-items-grid5 {
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }
}
.Order-Name{font-size:17px!important;}

body.new-grid-active .menu-item__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #eee;
    border-radius: 14px;
    padding: 16px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(0,0,0,0.08);
    margin:0 10px;
    text-align: center;
}


body.new-grid-active .menu-item__photo {
    width: 100%;
    margin-bottom: 12px;
}

    body.new-grid-active .menu-item__photo img {
        width: 100%;
        height: 170px;
        object-fit: cover;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }


body.new-grid-active .menu-item__name {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 6px;
}

body.new-grid-active .menu-item__description {
    font-size: 0.95rem;
    color: #666;
   /* margin-bottom: 10px;*/
}

body.new-grid-active .menu-item__price {
    font-size: 1rem;
    font-weight: 600;
    margin: 4px 0;
}

    body.new-grid-active .menu-item__price.discount-price {
        color: #999;
        text-decoration: line-through;
        font-weight: normal;
    }


body.new-grid-active [data-test="carolies"] {
    font-size: 0.85rem;
    color: #888;
    margin-top: 6px;
}


body.new-grid-active .menu-item__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 14px;
    width: 100%;
}
body.new-grid-active .btn-add {
    background: var(--business-secondary-color);
    color: #fff;
    padding: 8px 18px;
    border-radius: 8px;
    font-weight: 600;
    border: none;
    flex: 1;
}
    body.new-grid-active .btn-add:hover {
        background: color-mix(in srgb, var(--business-secondary-color) 60%, white);
    }


body.new-grid-active .btn-customize {
    background: #fff;
    color: #000;
    padding: 8px 18px;
    border-radius: 8px;
    font-weight: 600;
    border: 1px solid #000;
    flex: 1;
}
    body.new-grid-active .btn-customize:hover {
        background: #000;
        
        color: #fff;
    }

body.new-grid-active .btn-fav {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: #de1b1b;
    cursor: pointer;
}

    body.new-grid-active .btn-fav.active {
        color: #de1b1b;
    }

.menu-item__actions {
    display: none; 
}

body.new-grid-active .menu-item__actions {
    display: flex; 
    gap: 0.5rem; 
}

body.new-grid-active .menu-item__description2 {
   /* display: none;*/
}

body.new-grid-active .menu-item__info {
    align-items: self-start;
}
body.new-grid-active .menu-item__content {
    gap: 0.2rem !important;
    direction:ltr
}

/*row overflow-auto w-full px-2 flex-nowrap items-container*/


.menu-item__content {
    gap: 1rem;
    direction: rtl;
    display: flex;
    text-align: end;
}


.grid .menu-item__content {
    gap: 0rem!important;
}
.checkout-scroll {
    max-height: 80vh;
    overflow-y: scroll;
    scroll-behavior: smooth;
    /* padding: 1rem; */
    scrollbar-color: color-mix(in srgb, var(--business-secondary-color) 20%, white) #fff;
    scrollbar-width: none;
}
#add-to-cart-button {
    gap: 1rem;
}
@media (min-width:1024px) {
  
    .setting-page, .container-fluid.orders {
        padding: 40px 25% !important;
    }
}
.border-cart {
    border: 1px solid #ced4da;
    border-radius: .375rem;
    margin: 0 10px;
    background-color: var(--color-white);
}
@media (min-width:1024px){
.menu-item__name.truncate-line-2 {
    font-size: 13px!important;
  
    line-height: 1.75rem;
    line-height: 1.5;
    font-weight: 600;
    padding: 0px 5px 10px 5px;
    color: var(--business-primary-color);
    /*margin-bottom:12px;*/
}

    .border-cart {margin:0px}

}
.direction-total{
    direction:rtl!important;
}

.total-order2.price{
    padding:0.8rem;
}
.cart-pay {
    width: 100%;
    justify-self: end;
    display: flow;
    justify-items: self-end;
}

.ingredient.left-button {
    width: 180px;
  
    justify-content: center;
  
    display: flex;
}

.summary-order2{
    padding:0.8rem 0;
    
}
.min-pad {
    padding-right: 1rem;
}
.exchangeRate{gap:6px;}
.rateData{gap:6px;}
.notes-container {
    scrollbar-width: none;
}
.total-payment h4 {
    font-weight: unset
}
.total-payment h3 {
    font-size: 15px!important;
}