/* #region Gradient */
/* #endregion */
/* #region Section Card */
/* #endregion */
/*#region Spacing Fixed Variables*/
/*#endregion*/
/*#region Spacing Variables Lists*/
/*#endregion*/
/*#region Spacing Variables Percentage Lists*/
/*#endregion*/
/*#region Fixed Size*/
/*#endregion*/
/*#region Common Variables*/
/*#endregion*/
/*#region Section Sidebar Size Variables*/
/*#region Sidebar Brand*/
/*#endregion*/
/*#region Sidebar Company*/
/*#region Brand*/
/*#endregion*/
/*#region Menu*/
/*#endregion*/
/*#endregion*/
/*#region Sidebar Company Title*/
/*#endregion*/
/*#region Sidebar Items*/
/*#endregion*/
/*#region Sidebar Links*/
/*#endregion*/
/*#region Sidebar Size*/
/*#region Opened*/
/*#endregion*/
/*#endregion*/
/*#region Sidebar Icon*/
/*#endregion*/
/*#region Sidebar Dropdown*/
/*#region Container*/
/*#endregion*/
/*#region Events Lists*/
/*#region Group*/
/*#region Group Lists*/
/*#region Checkbox*/
/*#endregion*/
/*#region Brand*/
/*#endregion*/
/*#region Date*/
/*#endregion*/
/*#region*/
/*#endregion*/
/*#endregion*/
/*#endregion*/
/*#endregion*/
/*#region Items*/
/*#region Search*/
/*#region Input*/
/*#region Icon*/
/*#endregion*/
/*#endregion*/
/*#endregion*/
/*#region Title*/
/*#endregion*/
/*#region Group*/
/*#region Perfect Scroll*/
/*#endregion*/
/*#endregion*/
/*#endregion*/
/*#region Contents*/
/*#region Items*/
/*#region Content*/
/*#region Title*/
/*#endregion*/
/*#region Date*/
/*#endregion*/
/*#region Brand*/
/*#endregion*/
/*#region Configurations*/
/*#region Icon*/
/*#endregion*/
/*#endregion*/
/*#endregion*/
/*#endregion*/
/*#endregion*/
/*#endregion*/
/*#region Controller Navigation Title*/
/*#endregion*/
/*#region Navigation Menu*/
/*#endregion*/
/*#region Navigation Menu Items*/
/*#endregion*/
/*#region Navigation Menu Title*/
/*#endregion*/
/*#region Navigation Menu Links*/
/*#endregion*/
/*#region Navigation Menu Collapse*/
/*#endregion*/
/*#region Navigation Menu Scroller*/
/*#endregion*/
/*#endregion*/
/*#region Section Layout Size Variables*/
/*#region Layout Header*/
/*#endregion*/
/*#region Header Toolbar*/
/*#endregion*/
/*#region Layout Header User*/
/*#endregion*/
/*#region Layout Contents*/
/*#endregion*/
/*#region Layout Container*/
/*#endregion*/
/*#endregion*/
/*#region Section Forms*/
/*#endregion*/
/*#region Section Toggle*/
/*#endregion*/
/*#region Section Switch with Text*/
/*#endregion*/
/*#region Section Switch Large with Text*/
/*#endregion*/
/*#region Section Check Box Pill*/
/*#endregion*/
/*#region Section Checkbox*/
/*#endregion*/
/*#region Section Radio Button*/
/*#endregion*/
/*#region Section Select2.JS*/
/*#endregion*/
/*#region Section Date Time Picker*/
/*#endregion*/
/*#region Section Card*/
/*#region General Card*/
/*#region Padding < Breakpoint sm*/
/*#endregion*/
/*#region Padding > Breakpoint sm*/
/*#endregion*/
/*#region Padding > Breakpoint md*/
/*#endregion*/
/*#region Header*/
/*#region Padding*/
/*#region Padding < Breakpoint sm*/
/*#endregion*/
/*#region Padding > Breakpoint sm*/
/*#endregion*/
/*#region Padding > Breakpoint md*/
/*#endregion*/
/*#endregion*/
/*#region Fonts*/
/*#endregion*/
/*#region Icons*/
/*#endregion*/
/*#region Text*/
/*#endregion*/
/*#region image*/
/*#region Padding < Breakpoint sm*/
/*#endregion*/
/*#region Padding > Breakpoint sm*/
/*#endregion*/
/*#region Padding > Breakpoint md*/
/*#endregion*/
/*#region Margin < Breakpoint sm*/
/*#endregion*/
/*#region Margin > Breakpoint sm*/
/*#endregion*/
/*#region Margin > Breakpoint md*/
/*#endregion*/
/*#region Last Child*/
/*#region Margin < Breakpoint sm*/
/*#endregion*/
/*#region Margin > Breakpoint sm*/
/*#endregion*/
/*#region Margin > Breakpoint md*/
/*#endregion*/
/*#endregion*/
/*#endregion*/
/*#region Body*/
/*#region Padding < Breakpoint sm*/
/*#endregion*/
/*#region Padding > Breakpoint sm*/
/*#endregion*/
/*#region Padding > Breakpoint md*/
/*#endregion*/
/*#endregion*/
/*#endregion*/
/*#endregion*/
/*#region State Card*/
/*#endregion*/
/*#endregion*/
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes bblFadInOut {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 60px 30px;
  }
}
@keyframes rotate {
  0% {
    transform: rotateZ(-360deg);
  }
  100% {
    transform: rotateZ(0deg);
  }
}
@keyframes skeleton-loading {
  0% {
    background-color: hsl(200deg, 20%, 85%);
  }
  100% {
    background-color: hsl(200deg, 20%, 95%);
  }
}
@keyframes skeleton-loading-light {
  0% {
    background-color: hsl(200deg, 20%, 94%);
  }
  100% {
    background-color: hsl(200deg, 20%, 98%);
  }
}
@keyframes skeleton-loading-dark {
  0% {
    background-color: hsl(200deg, 20%, 75%);
  }
  100% {
    background-color: hsl(200deg, 20%, 85%);
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
.restaurant-container {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  box-shadow: 0px 10px 30px var(--miz-black-rgb-a32);
  height: 100%;
}
@media (min-width: 640px) and (orientation: landscape) {
  .restaurant-container {
    flex-direction: row;
    max-width: 100%;
    width: 100%;
    height: 100%;
  }
}
.restaurant-container .miz-button-scan-close {
  width: 32px;
  height: 32px;
  min-height: 32px;
  border-radius: 50%;
  position: fixed;
  top: 16px;
  left: 16px;
  z-index: 1024;
}
.restaurant-container .miz-button-scan-close i {
  font-size: 18px;
}
.restaurant-container .miz-button-scan-torch {
  width: 32px;
  height: 32px;
  min-height: 32px;
  border-radius: 50%;
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: 1024;
}
.restaurant-container .miz-button-scan-torch i {
  font-size: 18px;
}
.restaurant-container .qr-processing {
  position: fixed;
  z-index: 2048;
  inset: 0;
  background-color: var(--miz-black-rgb-a64);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.restaurant-container .qr-processing lottie-player {
  width: 128px;
  height: 128px;
}
.restaurant-container .qr-processing .miz-button {
  position: fixed;
  z-index: 4080;
  bottom: 128px;
  left: auto;
  right: auto;
  padding: 0;
  width: 64px;
  height: 64px;
  border-radius: 50%;
}
.restaurant-container .qr-render {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.restaurant-container .qr-render #html5-qrcode-button-camera-permission {
  font-family: var(--miz-font-family);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border-radius: 8px;
  gap: 8px;
  text-align: center;
  user-select: none;
  text-decoration: none;
  outline: none;
  border: none;
  font-size: 16px;
  min-height: 48px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  flex-wrap: nowrap;
  font-weight: 600;
  transition: box-shadow 90ms ease-in-out, background-color 128ms ease-in-out, border-radius 45ms cubic-bezier(0, 0, 0.2, 0.1), width 250ms cubic-bezier(0.88, 0, 0, 0.88);
  line-height: 1;
  border-color: var(--miz-button-primary-border-color);
  background-color: var(--miz-button-primary-bg);
  color: var(--miz-button-primary-color);
}
.restaurant-container .qr-render #html5-qrcode-anchor-scan-type-change {
  font-family: var(--miz-font-family);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border-radius: 8px;
  gap: 8px;
  text-align: center;
  user-select: none;
  text-decoration: none;
  outline: none;
  border: none;
  font-size: 16px;
  min-height: 48px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  flex-wrap: nowrap;
  font-weight: 600;
  transition: box-shadow 90ms ease-in-out, background-color 128ms ease-in-out, border-radius 45ms cubic-bezier(0, 0, 0.2, 0.1), width 250ms cubic-bezier(0.88, 0, 0, 0.88);
  line-height: 1;
  border-color: var(--miz-button-outline-border-color);
  background-color: var(--miz-button-outline-bg);
  color: var(--miz-button-outline-color);
  text-decoration: none !important;
  margin-top: 16px;
}
.restaurant-container .qr-render #reader__dashboard_section_csr {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.restaurant-banner {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    background-image: url(/assets/img/dummy/banner/default.jpg);
    background-position: top;
    background-size: cover;
}
@media (max-width: 720px) {
    .restaurant-banner {
        background-image: url("/assets/img/dummy/banner/default-mobile.png");
    }

    .restaurant-banner .business-logo {
        position: absolute;
        top: 16px; 
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
        width: 80px;
        height: 80px;
        object-fit: contain;
    }
}

@media (min-width: 721px) {
    .restaurant-banner .business-logo {
        display: none;
    }
}
@media (min-width: 640px) and (orientation: landscape) {
  .restaurant-banner {
    aspect-ratio: 9/16;
    min-width: 400px;
    max-width: 540px;
  }
}
@media (max-width: 720px) and (max-height: 540px) and (orientation: landscape) {
  .restaurant-banner {
    display: none;
  }
}
.restaurant-controller {
  position: static;
  overflow-x: hidden;
  overflow-y: auto;
  display: block;
  width: 100%;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 24;
  margin: auto;
}
@media (min-width: 640px) and (orientation: landscape) {
  .restaurant-controller {
    background-color: var(--miz-restaurant-toolbar-container-bg);
    position: static;
    height: 100%;
  }
}
@media (max-width: 640px) and (orientation: landscape) {
  .restaurant-controller {
    position: static;
  }
}
.restaurant-controller.no-swiper .restaurant-toolbar {
  margin: 16px;
}
.restaurant-controller-brand {
  display: none;
  flex-direction: column;
  width: 148px;
  height: 148px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  padding: 16px;
  margin: 16px auto 0;
}
@media (min-width: 640px) and (orientation: landscape) {
  .restaurant-controller-brand {
    display: flex;
  }
}
.restaurant-controller-brand img {
  object-fit: cover;
}
.restaurant-controller-scroller {
  display: flex;
  flex-direction: column;
  height: auto;
  width: 100%;
  align-items: center;
  justify-content: center;
  min-height: 100vh !important;
}
@media (min-width: 640px) and (orientation: landscape) {
  .restaurant-controller-scroller {
    min-height: 100%;
  }
}
.restaurant-toolbar {
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 24;
  display: flex;
  flex-direction: row;
  margin: auto;
  overflow: hidden;
  max-width: 480px;
}
@media (min-width: 640px) and (orientation: landscape) {
  .restaurant-toolbar {
    position: relative;
    margin: 0 auto;
  }
}
.restaurant-toolbar.static {
  padding: 24px;
}
.restaurant-toolbar .swiper-wrapper {
  height: auto;
}
.restaurant-toolbar .swiper-slide {
  height: auto;
  display: flex;
  padding: 16px;
  margin-top: auto;
}
@media (min-width: 640px) and (orientation: landscape) {
  .restaurant-toolbar .swiper-slide {
    margin-top: 0;
  }
}
@media (max-width: 640px) and (orientation: landscape) {
  .restaurant-toolbar .swiper-slide {
    padding: 16px;
  }
}
.restaurant-toolbar-container {
  flex-direction: column;
  border-radius: 8px;
  width: 100%;
  margin-top: auto;
  background-color: var(--miz-restaurant-toolbar-bg);
  border: 1px solid var(--miz-restaurant-toolbar-border-color);
  box-shadow: 0px 10px 30px var(--miz-black-rgb-a32);
}
@media (min-width: 640px) and (orientation: landscape) {
  .restaurant-toolbar-container {
    box-shadow: 0px 10px 30px var(--miz-black-rgb-a32);
    margin-top: 0;
    margin-bottom: auto;
  }
}
@media (orientation: landscape) {
  .restaurant-toolbar-container {
    box-shadow: 0px 10px 30px var(--miz-black-rgb-a08);
  }
}
.restaurant-toolbar-container.serving-type .restaurant-toolbar-body .miz-button {
  width: 100%;
  padding: 12px;
}
.restaurant-toolbar-container.serving-type .restaurant-toolbar-body .miz-button-container {
  flex-direction: column;
  gap: 16px;
}
.restaurant-toolbar-container.serving-type .restaurant-toolbar-body .miz-button-container i {
  font-size: 64px;
}
.restaurant-toolbar-container.dine-in .restaurant-toolbar-body .miz-form-controller-inner.table-number {
  display: flex;
  flex-direction: column;
  gap: 16px;
  transition: border-color 125ms cubic-bezier(0, 0, 0.2, 0.1), color 125ms cubic-bezier(0, 0, 0.2, 0.1), background-color 250ms cubic-bezier(0, 0, 0.2, 0.1), opacity 125ms cubic-bezier(0, 0, 0.2, 0.1), width 90ms cubic-bezier(0, 0, 0.2, 0.1), height 90ms cubic-bezier(0, 0, 0.2, 0.1), padding 45ms cubic-bezier(0, 0, 0.2, 0.1);
}
.restaurant-toolbar-container.dine-in .restaurant-toolbar-body .miz-form-controller-inner.table-number.is-sit-around {
  gap: 0;
}
.restaurant-toolbar-container.dine-in .restaurant-toolbar-body .miz-form-controller-inner.table-number.is-sit-around .miz-form-controller.sliding {
  width: 0;
  padding: 0;
  border: 0 solid transparent;
  background-color: transparent;
}
.restaurant-toolbar-container.dine-in .restaurant-toolbar-body .miz-form-controller-inner.table-number.is-sit-around .miz-form-controller.hide {
  display: none;
}
.restaurant-toolbar-container.dine-in .restaurant-toolbar-body .miz-form-controller-inner.table-number.is-sit-around .miz-select-group-item {
  width: 100%;
}
.restaurant-toolbar-container.dine-in .restaurant-toolbar-body .miz-form-controller-inner.table-number .miz-select-group {
  transition: border-color 125ms cubic-bezier(0, 0, 0.2, 0.1), color 125ms cubic-bezier(0, 0, 0.2, 0.1), background-color 250ms cubic-bezier(0, 0, 0.2, 0.1), opacity 125ms cubic-bezier(0, 0, 0.2, 0.1), width 90ms cubic-bezier(0, 0, 0.2, 0.1), height 90ms cubic-bezier(0, 0, 0.2, 0.1), padding 45ms cubic-bezier(0, 0, 0.2, 0.1);
}
.restaurant-toolbar-container.dine-in .restaurant-toolbar-body .miz-form-controller-inner.table-number .miz-select-group-item {
  transition: border-color 125ms cubic-bezier(0, 0, 0.2, 0.1), color 125ms cubic-bezier(0, 0, 0.2, 0.1), background-color 250ms cubic-bezier(0, 0, 0.2, 0.1), opacity 125ms cubic-bezier(0, 0, 0.2, 0.1), width 90ms cubic-bezier(0, 0, 0.2, 0.1), height 90ms cubic-bezier(0, 0, 0.2, 0.1), padding 45ms cubic-bezier(0, 0, 0.2, 0.1);
  width: auto;
}
.restaurant-toolbar-container.dine-in .restaurant-toolbar-body .miz-form-controller-inner.table-number .miz-select-group-input:checked ~ .miz-select-group-button {
  color: var(--miz-restaurant-toolbar-dine-in-sit-around-active-color);
  background-color: var(--miz-restaurant-toolbar-dine-in-sit-around-active-bg);
  border-color: var(--miz-restaurant-toolbar-dine-in-sit-around-active-border-color);
}
.restaurant-toolbar-container.dine-in .restaurant-toolbar-body .miz-form-controller-inner.table-number .miz-select-group-input:checked ~ .miz-select-group-button i {
  background-color: var(--miz-restaurant-toolbar-dine-in-sit-around-active-icon-bg);
  color: var(--miz-restaurant-toolbar-dine-in-sit-around-active-icon-color);
  border-color: var(--miz-restaurant-toolbar-dine-in-sit-around-active-icon-border-color);
}
.restaurant-toolbar-container.dine-in .restaurant-toolbar-body .miz-form-controller-inner.table-number .miz-select-group-input:disabled ~ .miz-select-group-button {
  color: var(--miz-restaurant-toolbar-dine-in-sit-around-disabled-color);
  background-color: var(--miz-restaurant-toolbar-dine-in-sit-around-disabled-bg);
  border-color: var(--miz-restaurant-toolbar-dine-in-sit-around-disabled-border-color);
}
.restaurant-toolbar-container.dine-in .restaurant-toolbar-body .miz-form-controller-inner.table-number .miz-select-group-input:disabled ~ .miz-select-group-button i {
  background-color: var(--miz-restaurant-toolbar-dine-in-sit-around-disabled-icon-bg);
  color: var(--miz-restaurant-toolbar-dine-in-sit-around-disabled-icon-color);
  border-color: var(--miz-restaurant-toolbar-dine-in-sit-around-disabled-icon-border-color);
}
.restaurant-toolbar-container.dine-in .restaurant-toolbar-body .miz-form-controller-inner.table-number .miz-select-group-button {
  color: var(--miz-restaurant-toolbar-dine-in-sit-around-color);
  background-color: var(--miz-restaurant-toolbar-dine-in-sit-around-bg);
  border-color: var(--miz-restaurant-toolbar-dine-in-sit-around-border-color);
  gap: 8px;
  padding: 0 12px;
  min-height: 48px;
  white-space: nowrap;
}
.restaurant-toolbar-container.dine-in .restaurant-toolbar-body .miz-form-controller-inner.table-number .miz-select-group-button span:not(.miz-button-spinner) {
  font-size: 14px;
}
.restaurant-toolbar-container.dine-in .restaurant-toolbar-body .miz-form-controller-inner.table-number .miz-select-group-button i {
  padding: 4px;
  border-radius: 50%;
  margin-left: auto;
  background-color: var(--miz-restaurant-toolbar-dine-in-sit-around-icon-bg);
  border: var(--miz-restaurant-toolbar-dine-in-sit-around-icon-border-color) 1px solid;
  color: var(--miz-restaurant-toolbar-dine-in-sit-around-icon-color);
}
.restaurant-toolbar-container.dine-in .restaurant-toolbar-body .miz-form-controller-group.is-actions {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
}
.restaurant-toolbar-container.dine-in .restaurant-toolbar-body .miz-form-controller-group.is-actions.processing {
  grid-template-columns: 1fr;
}
.restaurant-toolbar-container.dine-in .restaurant-toolbar-body .miz-form-controller-group.is-actions.processing .miz-button:first-child {
  display: none;
}
.restaurant-toolbar-container.dine-in .restaurant-toolbar-body .miz-form-controller-group.is-actions .miz-button {
  width: 100%;
}
.restaurant-toolbar-container.dine-in .restaurant-toolbar-body .miz-form-controller-group.is-actions .miz-button:first-child {
  width: 48px;
  padding: 0;
}
.restaurant-toolbar-container.legal .restaurant-toolbar-body {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.restaurant-toolbar-container.legal .restaurant-toolbar-body p {
  text-align: center;
  font-size: 14px;
}
.restaurant-toolbar-container.legal .restaurant-toolbar-footer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  padding: 16px;
}
.restaurant-toolbar-container.legal .restaurant-toolbar-footer.processing {
  grid-template-columns: 1fr;
}
.restaurant-toolbar-container.legal .restaurant-toolbar-footer.processing .miz-button:first-child {
  display: none;
}
.restaurant-toolbar-container.legal .restaurant-toolbar-footer .miz-button {
  width: 100%;
}
.restaurant-toolbar-container.alert .restaurant-toolbar-body {
  flex-direction: column;
  gap: 4px;
  text-align: center;
}
.restaurant-toolbar-container.alert .restaurant-toolbar-body h3 {
  margin-bottom: 16px;
}
.restaurant-toolbar-container.alert .restaurant-toolbar-body img {
  width: 200px;
  margin: 0 auto 32px;
}
.restaurant-toolbar-container.alert .restaurant-toolbar-footer {
  padding: 16px;
}
.restaurant-toolbar-container.alert .restaurant-toolbar-footer .miz-button {
  width: 100%;
}
.restaurant-toolbar-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  border-bottom: 1px solid var(--miz-restaurant-toolbar-header-border-color);
}
.restaurant-toolbar-header.has-actions {
  flex-direction: row;
  gap: 16px;
  align-items: center;
}
.restaurant-toolbar-header.has-actions .miz-button {
  border: var(--miz-grey-white) 1px solid;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  min-height: 40px;
  line-height: 40px;
  padding: 0;
}
.restaurant-toolbar-header.has-actions .content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.restaurant-toolbar-header.has-actions .content h3, .restaurant-toolbar-header.has-actions .content p {
  text-align: left;
}
.restaurant-toolbar-header h3, .restaurant-toolbar-header p {
  text-align: center;
  line-height: 140%;
}
.restaurant-toolbar-header h3 {
  font-size: 18px;
  font-weight: 500;
  color: var(--miz-restaurant-toolbar-header-heading-color);
}
.restaurant-toolbar-header p {
  font-size: 14px;
  font-weight: 400;
  color: var(--miz-restaurant-toolbar-header-description-color);
}
.restaurant-toolbar-body {
  display: flex;
  flex-direction: row;
  gap: 16px;
  padding: 16px;
}
.restaurant-toolbar-body p {
  text-align: center;
}
.restaurant-toolbar-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.restaurant-toolbar-footer.action-button {
  padding: 16px;
  border-top: 1px solid var(--miz-restaurant-toolbar-header-border-color);
}
.restaurant-toolbar-footer.action-button .miz-button {
  width: 100%;
}
.restaurant-toolbar-footer .terms {
  font-size: 12px;
  color: var(--miz-grey-light);
}
.restaurant-toolbar-footer .copyright {
  height: 88px;
}

.age-verification-note {
  display: block;
  width: 100%;
  background-color: var(--miz-restaurant-toolbar-legal-note-bg,#F9F9F9);
  border-left: 3px solid var(--miz-restaurant-toolbar-legal-note-border-color,#FF2F2F);
  color: var(--miz-restaurant-toolbar-legal-note-color,#606060);
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 12px;
  margin-top: 8px;
  text-align: left;
  font-style: italic;
}

/* iPhone and smaller screen sizes */
@media (max-width: 767px) {
    .restaurant-toolbar {
        width: 100%;
        max-width: 100%;
        padding: 0 15px;
    }
}

/* Larger phones like iPhone Plus, Samsung Galaxy */
@media (min-width: 768px) and (max-width: 1024px) {
    .restaurant-toolbar {
        width: 100%;
        max-width: 480px;
    }
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/Users/Kelvin/Documents/Development/MenumizUi/MenumizUi/MenumizGuestUi/Contents/variables/_color.scss%22,%22file:///C:/Users/Kelvin/Documents/Development/MenumizUi/MenumizUi/MenumizGuestUi/Contents/variables/_size.scss%22,%22file:///C:/Users/Kelvin/Documents/Development/MenumizUi/MenumizUi/MenumizGuestUi/Contents/components/_animations.scss%22,%22file:///C:/Users/Kelvin/Documents/Development/MenumizUi/MenumizUi/MenumizGuestUi/Contents/page/restaurant.scss%22,%22file:///C:/Users/Kelvin/Documents/Development/MenumizUi/MenumizUi/MenumizGuestUi/Contents/variables/_shadow.scss%22,%22file:///C:/Users/Kelvin/Documents/Development/MenumizUi/MenumizUi/MenumizGuestUi/Contents/variables/_heading.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAgLA;AAYA;AAGA;AAyDA;ACxPC;AAcD;AAEA;AAuBA;AAEA;AAUA;AAEA;AA2BA;AAEA;AAEA;AAEA;AAGI;AAWA;AAEA;AAYQ;AAKA;AAEA;AAIA;AAGR;AAEA;AAIA;AAEA;AASA;AAEA;AAOA;AAEA;AAII;AAOA;AACJ;AAEA;AAMA;AAEA;AAWI;AAGA;AAEA;AAGI;AAKI;AAUI;AASA;AAEA;AAGA;AAEA;AAGA;AAEA;AAaA;AAEJ;AACJ;AACJ;AAEA;AAGI;AAYI;AAaA;AAGA;AAEA;AACJ;AAEA;AAQA;AAEA;AAGI;AAKA;AACJ;AACJ;AAEA;AASI;AAMI;AAOI;AAGA;AAEA;AAGA;AAEA;AAGA;AAEA;AASI;AAEA;AACJ;AAEJ;AAEJ;AACJ;AAEJ;AAEA;AAMA;AAEA;AAUA;AAEA;AAGA;AAEA;AAMA;AAEA;AAWA;AAEA;AAUA;AAEA;AAIA;AACJ;AAEA;AACI;AAiBA;AAEA;AAEA;AAEA;AA2IA;AAEA;AAQA;AAEA;AAIA;AACJ;AAEA;AA+EA;AAEA;AAyBA;AAEA;AAyBA;AAEA;AAyBA;AAEA;AA6CA;AAEA;AASA;AAEA;AAWA;AAEA;AA0HA;AAEA;AAqBA;AAEA;AACI;AAiBA;AAKA;AAEA;AAKA;AAEA;AAKA;AAEA;AAKI;AAEI;AAKA;AAEA;AAKA;AAEA;AAKA;AAEJ;AAEA;AAWA;AAEA;AASA;AAEA;AAGA;AAEA;AAEI;AAKA;AAEA;AAKA;AAEA;AAKA;AAEA;AAKA;AAEA;AAKA;AAEA;AAKA;AAEA;AACI;AAKA;AAEA;AAKA;AAEA;AAKA;AACJ;AAEJ;AAEA;AAEI;AAKA;AAEA;AAKA;AAEA;AAKA;AAEJ;AAEJ;AAEA;AAEA;AAaA;AACJ;AC7qCA;EAEI;IAEI;;EAGJ;IAEI;;;AAIR;EAEI;IAEI;;EAGJ;IAEI;;;AAIR;EAEI;IAEI;;EAGJ;IAEI;;;AAIR;EAEI;IAEI;;EAGJ;IAEI;;;AAIR;EAEI;IAEI;;EAGJ;IAEI;;;AAIR;EAEI;IAEI;;EAGJ;IAEI;;;AAIR;EAEI;IAEI;;EAGJ;IAEI;;;AAIR;EAEI;IAEI;;;ACjGJ;EAEI;EACA;EACA;EACA;EACA,YCFsB;EDGtB;;AAEA;EATJ;IAWQ;IACA;IACA;IACA;;;AAGJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI;;AAIR;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI;;AAIR;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI,aErGM;EFsGN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EAEI,aElIM;EFmIN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EAEI;EACA;EACA;EACA;;AAKZ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAbJ;IAeQ;IACA;IACA;;;AAGJ;EApBJ;IAsBQ;;;AAIR;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAdJ;IAgBQ;IACA;IACA;;;AAGJ;EArBJ;IAuBQ;;;AAKA;EAEI;;AAIR;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAZJ;IAcQ;;;AAGJ;EAEI;;AAIR;EAEI;EACA;EACA;EACA;EACA;EACA;;AAEA;EATJ;IAWQ;;;AAKZ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAbJ;IAeQ;IACA;;;AAGJ;EAEI;;AAKA;EAEI;;AAGJ;EAEI;EACA;EACA;EACA;;AAEA;EAPJ;IASQ;IACA;;;AAGJ;EAbJ;IAeQ;;;AAKZ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA,YC7TkB;;AD+TlB;EAVJ;IAYQ,YCjUc;IDkUd;IACA;;;AAGJ;EAjBJ;IAmBQ,YC1Uc;;;ADmVN;EAEI;EACA;;AAEA;EAEI;EACA;;AAEA;EAEI;;AAkBJ;EAEI;EACA;EACA;EACA,YD9XD;;ACgYC;EAEI;;AAII;EAEI;EACA;EACA;EACA;;AAGJ;EAEI;;AAMJ;EAEI;;AAKZ;EAEI,YD/ZL;;ACiaK;EAEI,YDnaT;ECoaS;;AASQ;EAEI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAUR;EAEI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAOpB;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EAEI;;AAGJ;EAEI;EACA;EACA;EACA;EACA;EACA;;AAShB;EAEI;EACA;EACA;;AAEA;EAEI;;AAII;EAEI;;AAKZ;EAEI;;AAEA;EAEI;EACA;;AAY5B;EAEI;EACA;EACA;;AAEA;EAEI;EACA;;AAIR;EAEI;EACA;EACA;EACA;;AAEA;EAEI;;AAII;EAEI;;AAKZ;EAEI;;AAOR;EAEI;EACA;EACA;;AAEA;EAEI;;AAGJ;EAEI;EACA;;AAIR;EAEI;;AAEA;EAEI;;AAMhB;EAEI;EACA;EACA;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAEA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EAEI;EACA;EACA;;AAEA;EAEI;;AAKZ;EAEI;EACA;;AAGJ;EAEI;EACA;EACA;;AAGJ;EAEI;EACA;EACA;;AAIR;EAEI;EACA;EACA;EACA;;AAEA;EAEI;;AAIR;EAEI;EACA;EACA;EACA;EACA;;AAEA;EAEI;EACA;;AAEA;EAEI;;AAIR;EAEI;EACA;;AAGJ;EAEI%22%7D */