/* [project]/node_modules/@brand-order/web-ui/dist/SearchInput.css [app-client] (css) */
:where(._container_1nb1x_1) {
  border: 1px solid var(--bo-border-neutral-quaternary);
  background-color: #fff;
  border-radius: 10000px;
  width: 350px;
  height: 44px;
  display: flex;
  position: relative;
}

:where(._container_1nb1x_1)._full_width_1nb1x_10 {
  width: 100%;
}

:where(._container_1nb1x_1) ._root_1nb1x_13 {
  width: 100%;
  font: var(--bo-t14_400);
  padding: 10px 49px 10px 25px;
}

:where(._container_1nb1x_1) ._root_1nb1x_13::placeholder {
  color: var(--bo-text-neutral-quaternary);
}

:where(._container_1nb1x_1) ._search_button_1nb1x_24 {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}

/* [project]/node_modules/@brand-order/web-ui/dist/OrderHistoryAccordionCard.css [app-client] (css) */
@layer base;

@layer components {
  :where(._root_167d9_2) {
    border-radius: var(--radius-400, 12px);
    border: 1px solid var(--border-neutral-quaternary, #efefef);
    background: var(--white, #fff);
    flex-direction: column;
    width: 100%;
    display: flex;
    box-shadow: 0 2px 2px #00000008;
  }

  @media (min-width: 1240px) {
    :where(._root_167d9_2) {
      max-width: 1200px;
      box-shadow: 0 4px 4px #00000008;
    }
  }

  :where(._root_open_167d9_17) {
    border: 2px solid var(--bo-border-neutral-primary);
    box-shadow: 0 8px 10px #0000001a;
  }

  :where(._header_167d9_21) {
    cursor: pointer;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 16px 18px;
    display: flex;
  }

  @media (min-width: 1240px) {
    :where(._header_167d9_21) {
      flex-direction: row;
      align-items: center;
      gap: 20px;
      padding: 32px 28px;
    }
  }

  :where(._header_open_167d9_37) {
    border-radius: var(--radius-400, 12px) var(--radius-400, 12px) 0 0;
    box-shadow: inset 0 -1px 0 0 var(--border-neutral-quaternary, #efefef);
  }

  :where(._top_167d9_41) {
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
    display: flex;
  }

  @media (min-width: 1240px) {
    :where(._top_167d9_41) {
      flex: 1 0 0;
    }
  }

  :where(._order_info_167d9_52) {
    flex-direction: column;
    flex: 1 0 0;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
    display: flex;
  }

  @media (min-width: 1240px) {
    :where(._order_info_167d9_52) {
      flex-direction: row;
      align-items: center;
      gap: 20px;
    }
  }

  :where(._order_summary_167d9_67) {
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  @media (min-width: 1240px) {
    :where(._order_summary_167d9_67) {
      flex: 1 0 0;
      gap: 20px;
      min-width: 0;
    }
  }

  :where(._order_detail_167d9_81) {
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  :where(._order_number_167d9_86) {
    align-items: center;
    gap: 4px;
    display: flex;
  }

  :where(._order_meta_167d9_91) {
    align-self: stretch;
    align-items: center;
    gap: 11px;
    display: flex;
  }

  :where(._menu_count_167d9_97) {
    align-items: center;
    display: flex;
  }

  :where(._price_info_167d9_101) {
    flex-direction: column;
    flex-shrink: 0;
    align-items: flex-end;
    display: flex;
  }

  :where(._price_value_167d9_107) {
    align-items: baseline;
    gap: 2px;
    display: flex;
  }

  :where(._bottom_167d9_112) {
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
    display: flex;
  }

  @media (min-width: 1240px) {
    :where(._bottom_167d9_112) {
      justify-content: flex-end;
      align-self: auto;
      gap: 20px;
    }
  }

  :where(._toggle_icon_167d9_125) {
    --icon-size: 24px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  :where(._body_167d9_131) {
    border-radius: 0 0 var(--radius-400, 12px) var(--radius-400, 12px);
    background: var(--white, #fff);
    flex-direction: column;
    align-self: stretch;
    padding: 0 18px 20px;
    display: flex;
  }

  @media (min-width: 1240px) {
    :where(._body_167d9_131) {
      padding: 0 28px 28px;
    }
  }

  :where(._order_status_section_167d9_144) {
    border-bottom: 1px solid var(--border-neutral-quaternary, #efefef);
    flex-direction: column;
    align-self: stretch;
    gap: 20px;
    padding: 20px 0 32px;
    display: flex;
  }

  @media (min-width: 1240px) {
    :where(._order_status_section_167d9_144) {
      gap: 24px;
    }
  }

  :where(._payment_info_section_167d9_157) {
    flex-direction: column;
    align-self: stretch;
    gap: 20px;
    padding: 20px 0;
    display: flex;
  }

  @media (min-width: 1240px) {
    :where(._payment_info_section_167d9_157) {
      gap: 24px;
    }
  }

  :where(._action_buttons_167d9_169) {
    justify-content: center;
    align-self: stretch;
    align-items: center;
    gap: 18px;
    display: flex;
  }

  @media (min-width: 1240px) {
    :where(._action_buttons_167d9_169) {
      gap: 26px;
    }
  }

  :where(._purchase_confirmed_167d9_181) {
    border-radius: var(--radius-400, 12px);
    border: 1px solid var(--border-neutral-tertiary, #dcdcdc);
    background: var(--bg-neutral-quaternary, #f7f7f7);
    justify-content: center;
    align-self: stretch;
    align-items: center;
    gap: 10px;
    height: 68px;
    padding: 10px;
    display: flex;
  }

  :where(._footer_section_167d9_193) {
    flex-direction: column;
    align-self: stretch;
    align-items: flex-start;
    gap: 12px;
    margin-top: 20px;
    display: flex;
  }

  @media (min-width: 1240px) {
    :where(._footer_section_167d9_193) {
      align-self: center;
      align-items: center;
      gap: 20px;
      width: 656px;
    }
  }

  :where(._purchase_confirm_167d9_181) {
    border-radius: var(--radius-400, 12px);
    border: 1px solid var(--border-neutral-tertiary, #dcdcdc);
    background: var(--white, #fff);
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
    padding: 10px 10px 10px 20px;
    display: flex;
  }

  @media (min-width: 1240px) {
    :where(._purchase_confirm_167d9_181) {
      padding: 10px 10px 10px 40px;
    }
  }

  :where(._purchase_confirm_text_167d9_224) {
    white-space: nowrap;
    align-items: center;
    gap: 4px;
    display: flex;
  }

  :where(._delete_order_icon_167d9_230) {
    --icon-size: 20px;
    flex-shrink: 0;
  }
}

._quick_order_button_167d9_235 {
  border: 1px solid var(--border-neutral-tertiary, #dcdcdc);
  width: 100px;
  height: 28px;
  font: var(--bo-t12_400);
  border-radius: 50px;
  padding: 6px 8px;
}

@media (min-width: 1240px) {
  ._quick_order_button_167d9_235 {
    width: 160px;
    height: 38px;
    font: var(--bo-t14_400);
    border-radius: 20px;
    padding: 12px 20px;
  }
}

._quick_order_button_registered_167d9_253 {
  opacity: .2;
  background: var(--bg-neutral-primary, #292929);
  color: var(--white, #fff);
  font: var(--bo-t14_700);
  pointer-events: none;
  border: none;
  border-radius: 20px;
  box-shadow: 0 3.505px 3.505px #00000005;
}

@media (min-width: 1240px) {
  ._order_number_text_167d9_265 {
    font: var(--bo-t18_400);
  }

  ._order_meta_text_167d9_271 {
    font: var(--bo-t16_400);
  }

  ._menu_count_text_167d9_277 {
    font: var(--bo-t16_700);
  }

  ._price_label_text_167d9_283 {
    font: var(--bo-t16_400);
  }

  ._price_amount_text_167d9_289 {
    font: var(--bo-t18_700);
  }

  ._price_unit_text_167d9_295 {
    font: var(--bo-t18_400);
  }

  ._order_status_label_167d9_301 {
    font: var(--bo-t18_700);
  }
}

._action_button_167d9_169 {
  border-radius: 10px;
  flex: 1 0 0;
  height: 48px;
  padding: 17px;
}

@media (min-width: 1240px) {
  ._action_button_167d9_169 {
    width: 315px;
    height: 50px;
    font: var(--bo-t18_400);
    flex: none;
  }
}

._action_button_disabled_167d9_321 {
  opacity: .2;
  pointer-events: none;
}

@media (min-width: 1240px) {
  ._action_button_disabled_167d9_321, ._action_button_primary_167d9_332 {
    font: var(--bo-t18_700);
  }
}

._purchase_confirm_label_167d9_337 {
  color: var(--bo-text-neutral-secondary);
}

@media (min-width: 1240px) {
  ._purchase_confirm_label_167d9_337 {
    font: var(--bo-t16_700);
  }
}

._purchase_confirm_point_167d9_346 {
  color: var(--text-brand1-primary, #00a8e0);
}

@media (min-width: 1240px) {
  ._purchase_confirm_point_167d9_346 {
    font: var(--bo-t16_700);
  }
}

._purchase_confirm_button_167d9_355 {
  border-radius: 20px;
  width: 82px;
  height: 38px;
  padding: 12px 10px;
}

@media (min-width: 1240px) {
  ._purchase_confirm_button_167d9_355 {
    border-radius: 24px;
    width: 120px;
    height: 48px;
    padding: 17px 20px;
  }
}

._delete_order_button_167d9_370 {
  border-radius: 10px;
  flex: 1 0 0;
  align-self: stretch;
  height: 48px;
  padding: 17px;
}

@media (min-width: 1240px) {
  ._delete_order_button_167d9_370 {
    height: 50px;
    font: var(--bo-t18_400);
    flex: none;
  }
}

._text_tertiary_167d9_385 {
  color: var(--bo-text-neutral-tertiary);
}

/* [project]/node_modules/@brand-order/web-ui/dist/OrderStatusIcon.css [app-client] (css) */
@layer base;

@layer components {
  :where(._root_mfsu5_2) {
    box-sizing: border-box;
    border-radius: var(--radius-100, 4px);
    background: var(--bg-neutral-quaternary, #f7f7f7);
    justify-content: center;
    align-items: center;
    gap: 4px;
    min-width: 78px;
    height: 26px;
    padding: 4px 6px;
    display: inline-flex;
  }

  @media (min-width: 1240px) {
    :where(._root_mfsu5_2) {
      width: 120px;
      height: 48px;
      padding: 6px 12px 6px 10px;
    }
  }

  :where(._root_active_mfsu5_21) {
    background: var(--bg-brand1-primary, #00a8e0);
  }

  :where(._icon_mfsu5_24) {
    --icon-size: 16px;
    --icon-fill: #949494;
    aspect-ratio: 1;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    display: flex;
  }

  @media (min-width: 1240px) {
    :where(._icon_mfsu5_24) {
      --icon-size: 36px;
      flex: none;
      width: 36px;
      height: 36px;
    }
  }

  :where(._root_active_mfsu5_21) :where(._icon_mfsu5_24) {
    --icon-fill: #fff;
  }

  :where(._label_mfsu5_48) {
    text-align: center;
    white-space: nowrap;
    display: block;
  }
}

._label_mfsu5_48 {
  font: var(--bo-t12_700);
  color: var(--bo-text-neutral-tertiary);
}

@media (min-width: 1240px) {
  ._label_mfsu5_48 {
    font: var(--bo-t16_500);
  }
}

._root_active_mfsu5_21 ._label_mfsu5_48 {
  color: var(--white, #fff);
}

/* [project]/node_modules/@brand-order/web-ui/dist/OrderStatus.css [app-client] (css) */
@layer base;

@layer components {
  :where(._root_r9b8j_3) {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  @media (min-width: 1240px) {
    :where(._root_r9b8j_3) {
      max-width: 1144px;
    }
  }

  :where(._step_list_r9b8j_14) {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  @media (min-width: 1240px) {
    :where(._step_list_r9b8j_14) {
      gap: 4px;
    }
  }

  :where(._icons_row_r9b8j_25), :where(._icon_group_r9b8j_29) {
    align-items: center;
    display: flex;
  }

  :where(._step_icon_r9b8j_34) {
    aspect-ratio: 1;
    border-radius: var(--radius-100, 4px);
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    padding: 6px;
    display: flex;
  }

  @media (min-width: 1240px) {
    :where(._step_icon_r9b8j_34) {
      width: 56px;
      height: 56px;
      padding: 6px 10px;
    }
  }

  :where(._step_icon_active_r9b8j_51) {
    --icon-fill: #fff;
    --icon-size: 20px;
    background: var(--bg-neutral-secondary, #525252);
  }

  @media (min-width: 1240px) {
    :where(._step_icon_active_r9b8j_51) {
      --icon-size: 36px;
    }
  }

  :where(._step_icon_inactive_r9b8j_61) {
    --icon-fill: #949494;
    --icon-size: 20px;
    background: var(--bg-neutral-quaternary, #f7f7f7);
  }

  @media (min-width: 1240px) {
    :where(._step_icon_inactive_r9b8j_61) {
      --icon-size: 36px;
    }
  }

  :where(._step_line_r9b8j_72) {
    width: 16px;
    height: 2px;
  }

  @media (min-width: 1240px) {
    :where(._step_line_r9b8j_72) {
      width: 40px;
    }
  }

  :where(._step_line_active_r9b8j_81) {
    background: var(--border-neutral-primary, #525252);
  }

  :where(._step_line_inactive_r9b8j_84) {
    background: var(--border-neutral-tertiary, #dcdcdc);
  }

  :where(._labels_row_r9b8j_88) {
    display: none;
  }

  @media (min-width: 1240px) {
    :where(._labels_row_r9b8j_88) {
      justify-content: center;
      align-items: center;
      gap: 40px;
      display: flex;
    }
  }

  :where(._step_label_r9b8j_99) {
    text-align: center;
    white-space: nowrap;
    width: 56px;
  }

  :where(._status_info_r9b8j_105) {
    flex-direction: column;
    align-items: flex-end;
    display: flex;
  }
}

@media (min-width: 1240px) {
  ._status_label_text_r9b8j_113 {
    font: var(--bo-t18_600);
  }

  ._status_time_text_r9b8j_119 {
    font: var(--bo-t16_400);
  }
}

._text_tertiary_r9b8j_124 {
  color: var(--bo-text-neutral-tertiary);
}

/* [project]/node_modules/@brand-order/web-ui/dist/OrderDetail.css [app-client] (css) */
@layer base;

@layer components {
  :where(._root_1vejl_2) {
    flex-direction: column;
    gap: 20px;
    display: flex;
  }

  @media (min-width: 1240px) {
    :where(._root_1vejl_2) {
      gap: 24px;
    }
  }

  :where(._menu_group_1vejl_12) {
    flex-direction: column;
    display: flex;
  }

  :where(._item_row_1vejl_16) {
    justify-content: space-between;
    align-items: center;
    height: 22px;
    display: flex;
  }

  @media (min-width: 1240px) {
    :where(._item_row_1vejl_16) {
      height: auto;
    }
  }

  :where(._item_info_1vejl_27) {
    align-items: center;
    gap: 6px;
    display: flex;
  }

  :where(._menu_info_1vejl_32), :where(._quantity_info_1vejl_37) {
    align-items: center;
    gap: 2px;
    display: flex;
  }

  :where(._price_info_1vejl_42) {
    align-items: baseline;
    display: flex;
  }

  :where(._option_row_1vejl_46) {
    justify-content: space-between;
    align-items: center;
    height: 22px;
    display: flex;
  }

  @media (min-width: 1240px) {
    :where(._option_row_1vejl_46) {
      height: auto;
    }
  }

  :where(._option_info_1vejl_57) {
    align-items: center;
    gap: 4px;
    display: flex;
  }

  :where(._option_price_1vejl_62) {
    align-items: baseline;
    display: flex;
  }
}

@media (min-width: 1240px) {
  ._menu_name_text_1vejl_68 {
    font: var(--bo-t16_600);
  }

  ._quantity_text_1vejl_74 {
    font: var(--bo-t16_400);
  }

  ._price_text_1vejl_80 {
    font: var(--bo-t16_700);
  }

  ._price_unit_text_1vejl_86, ._option_text_1vejl_92 {
    font: var(--bo-t16_400);
  }
}

._text_quaternary_1vejl_97 {
  color: var(--bo-text-neutral-quaternary);
}

._text_tertiary_1vejl_101 {
  color: var(--bo-text-neutral-tertiary);
}

._text_secondary_1vejl_105 {
  color: var(--bo-text-neutral-secondary);
}

/* [project]/node_modules/@brand-order/web-ui/dist/DeliveryInfo.css [app-client] (css) */
@layer base;

@layer components {
  :where(._root_17se9_2) {
    flex-direction: column;
    align-self: stretch;
    align-items: flex-start;
    gap: 20px;
    display: flex;
  }

  @media (min-width: 1240px) {
    :where(._root_17se9_2) {
      flex-direction: row;
      align-items: center;
      gap: 28px;
    }
  }

  :where(._delivery_section_17se9_16) {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    display: flex;
  }

  @media (min-width: 1240px) {
    :where(._delivery_section_17se9_16) {
      border-right: 1px solid var(--border-neutral-quaternary, #efefef);
      flex-shrink: 0;
      gap: 16px;
      width: 572px;
    }
  }

  :where(._delivery_address_17se9_30), :where(._delivery_request_17se9_36) {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    display: inline-flex;
  }

  :where(._store_info_17se9_42) {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    display: inline-flex;
  }

  @media (min-width: 1240px) {
    :where(._store_info_17se9_42) {
      flex: 1 0 0;
    }
  }

  :where(._store_header_17se9_53) {
    align-items: center;
    gap: 4px;
    display: flex;
  }

  :where(._store_address_17se9_58), :where(._store_phone_17se9_64) {
    align-self: stretch;
    align-items: center;
    gap: 2px;
    display: flex;
  }

  :where(._store_request_17se9_70) {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    display: inline-flex;
  }

  :where(._store_icon_17se9_76) {
    --icon-size: 16px;
    flex-shrink: 0;
  }

  @media (min-width: 1240px) {
    :where(._store_icon_17se9_76) {
      --icon-size: 20px;
    }
  }
}

._label_text_17se9_86 {
  color: var(--bo-text-neutral-quaternary);
}

@media (min-width: 1240px) {
  ._label_font_17se9_91 {
    font: var(--bo-t16_600);
  }

  ._value_font_17se9_97 {
    font: var(--bo-t16_400);
  }
}

/* [project]/node_modules/@brand-order/web-ui/dist/PaymentInfo.css [app-client] (css) */
@layer base;

@layer components {
  :where(._root_twy0v_2) {
    flex-direction: column;
    display: flex;
  }

  :where(._row_twy0v_6) {
    border-bottom: 1px dashed var(--bo-border-neutral-tertiary);
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    display: flex;
  }

  :where(._row_twy0v_6)._row_start_twy0v_13 {
    justify-content: flex-start;
    gap: 20px;
  }

  :where(._row_value_twy0v_17) {
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    display: flex;
  }

  :where(._value_icon_twy0v_23) {
    --icon-size: 48px;
    border-radius: var(--radius-200, 20px);
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 20px;
    display: flex;
    overflow: hidden;
  }

  :where(._price_section_twy0v_33), :where(._discount_section_twy0v_39), :where(._discount_usage_section_twy0v_45) {
    flex-direction: column;
    align-self: stretch;
    align-items: flex-start;
    display: flex;
  }

  :where(._price_row_twy0v_51) {
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
    padding: 6px 0;
    display: flex;
  }

  :where(._price_row_twy0v_51):last-child {
    padding-bottom: 6px;
  }

  :where(._price_value_twy0v_61) {
    align-items: baseline;
    display: flex;
  }

  :where(._discount_total_twy0v_65) {
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
    padding: 6px 0 12px;
    display: flex;
  }

  :where(._discount_detail_box_twy0v_72) {
    border-radius: var(--radius-400, 12px);
    background: var(--bo-bg-neutral-quaternary);
    flex-direction: column;
    align-self: stretch;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    display: flex;
  }

  :where(._discount_detail_row_twy0v_82) {
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
    display: flex;
  }

  :where(._payment_method_row_twy0v_88) {
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
    padding: 6px 0 12px;
    display: flex;
  }

  :where(._payment_method_row_twy0v_88)._row_start_twy0v_13 {
    justify-content: flex-start;
    gap: 20px;
  }

  :where(._payment_divider_twy0v_99) {
    border-bottom: 1px dashed var(--bo-border-neutral-tertiary);
    width: 100%;
    height: 0;
  }

  :where(._total_row_twy0v_104) {
    border-bottom: 1px solid var(--border-neutral-primary, #525252);
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
    padding: 16px 0;
    display: flex;
  }
}

._row_label_twy0v_113 {
  color: var(--bo-text-neutral-tertiary);
}

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

._payment_discount_text_twy0v_121 {
  color: var(--bo-text-info);
}

@media (min-width: 1240px) {
  ._row_text_twy0v_126 {
    font: var(--bo-t16_400);
  }

  ._total_price_text_twy0v_132 {
    font: var(--bo-t16_700);
  }
}

/* [project]/node_modules/@brand-order/web-ui/dist/ReceiptModal.css [app-client] (css) */
@layer base;

@layer components {
  :where(._root_oaj8n_2) {
    width: 100%;
    max-width: 360px;
    max-height: calc(100dvh - 48px);
    color: var(--bo-text-neutral-primary);
    background: #fff;
    border-radius: 8px;
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }

  :where(._header_oaj8n_13) {
    align-items: center;
    gap: 16px;
    padding: 16px 16px 12px;
    display: flex;
  }

  :where(._title_oaj8n_19) {
    color: #222;
    text-align: center;
    flex: 1;
  }

  :where(._title_spacer_oaj8n_24) {
    flex: none;
    width: 32px;
    height: 32px;
  }

  :where(._tab_list_oaj8n_29) {
    background: #e5e5e5;
    border-radius: 10px;
    flex: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 220px;
    max-width: calc(100% - 64px);
    height: 36px;
    padding: 4px;
    display: grid;
  }

  :where(._tab_oaj8n_29) {
    color: #949494;
    min-width: 0;
    font: var(--bo-t14_600);
    cursor: pointer;
    border-radius: 7px;
  }

  :where(._tab_active_oaj8n_47) {
    color: #222;
    background: #fff;
  }

  :where(._close_button_oaj8n_51) {
    cursor: pointer;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    display: inline-flex;
  }

  :where(._body_oaj8n_60) {
    flex: 1;
    min-height: 0;
    padding: 12px 20px 0;
    overflow-y: auto;
  }

  :where(._store_section_oaj8n_66) {
    gap: 10px;
    padding: 16px 0 20px;
    display: grid;
  }

  :where(._store_title_oaj8n_71, ._branch_title_oaj8n_71) {
    color: #222;
  }

  :where(._store_title_oaj8n_71) {
    margin-bottom: 8px;
  }

  :where(._icon_text_oaj8n_77) {
    align-items: center;
    gap: 6px;
    display: flex;
  }

  :where(._icon_text_oaj8n_77 svg) {
    flex: none;
  }

  :where(._meta_text_oaj8n_85) {
    color: #555;
    white-space: nowrap;
    word-break: keep-all;
    min-width: 0;
  }

  :where(._section_oaj8n_91) {
    border-top: 1px dashed #e5e5e5;
    gap: 14px;
    padding: 20px 0;
    display: grid;
  }

  :where(._section_oaj8n_91 + ._section_oaj8n_91) {
    border-top-style: solid;
  }

  :where(._order_meta_section_oaj8n_100) {
    border-top: 0;
    gap: 0;
    padding-top: 0;
  }

  :where(._cash_receipt_first_section_oaj8n_105) {
    border-top: 0;
  }

  :where(._section_title_oaj8n_108) {
    color: #222;
    margin-bottom: 4px;
  }

  :where(._info_row_oaj8n_112, ._item_row_oaj8n_112, ._option_row_oaj8n_112) {
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    display: flex;
  }

  :where(._info_row_inline_oaj8n_118) {
    border-bottom: 1px dashed #e5e5e5;
    justify-content: flex-start;
    gap: 24px;
    padding: 14px 0;
  }

  :where(._info_row_inline_oaj8n_118 ._info_label_oaj8n_124) {
    width: 60px;
  }

  :where(._info_row_inline_oaj8n_118 ._info_value_oaj8n_127) {
    text-align: left;
    white-space: nowrap;
    word-break: keep-all;
    overflow-wrap: normal;
    flex: auto;
    min-width: 0;
  }

  :where(._info_row_divider_oaj8n_135) {
    border-bottom: 1px dashed #e5e5e5;
    padding-bottom: 14px;
  }

  :where(._info_label_oaj8n_124) {
    color: #777;
    white-space: nowrap;
    flex: 0 0 74px;
  }

  :where(._info_value_oaj8n_127) {
    color: #555;
    text-align: right;
    word-break: keep-all;
    overflow-wrap: break-word;
    flex: auto;
    min-width: 0;
  }

  :where(._item_list_oaj8n_152) {
    gap: 22px;
    display: grid;
  }

  :where(._item_group_oaj8n_156) {
    gap: 8px;
    display: grid;
  }

  :where(._item_name_oaj8n_160, ._item_price_oaj8n_160) {
    color: #222;
  }

  :where(._item_row_oaj8n_112 > :first-child, ._option_row_oaj8n_112 > :first-child) {
    flex: auto;
    min-width: 0;
  }

  :where(._item_row_oaj8n_112 > :last-child, ._option_row_oaj8n_112 > :last-child) {
    text-align: right;
    white-space: nowrap;
    word-break: keep-all;
    flex: none;
    min-width: 48px;
  }

  :where(._option_text_oaj8n_174) {
    color: #777;
  }

  :where(._discount_area_oaj8n_177) {
    border-top: 1px dashed #d9d9d9;
    gap: 12px;
    padding-top: 18px;
    display: grid;
  }

  :where(._discount_box_oaj8n_183) {
    background: #f7f7f7;
    border-radius: 6px;
    gap: 10px;
    padding: 14px;
    display: grid;
  }

  :where(._total_area_oaj8n_190) {
    border-bottom: 1px solid #222;
    padding-bottom: 14px;
  }

  :where(._total_value_oaj8n_194) {
    color: #222;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
  }

  :where(._footer_oaj8n_200) {
    padding: 20px;
  }

  :where(._footer_oaj8n_200 button) {
    border-radius: 8px;
  }
}

/* [project]/node_modules/@brand-order/web-ui/dist/Radio.css [app-client] (css) */
@layer base;

@layer components {
  :where(._root_84d4r_2) {
    cursor: pointer;
    align-items: center;
    display: inline-flex;
  }

  :where(._root_84d4r_2) ._input_84d4r_7 {
    opacity: 0;
    pointer-events: none;
    width: 0;
    height: 0;
    position: absolute;
  }

  :where(._root_84d4r_2) ._icon_84d4r_14 {
    justify-content: center;
    align-items: center;
    display: flex;
  }
}

/* [project]/node_modules/@brand-order/web-ui/dist/Checkbox.css [app-client] (css) */
@layer base;

@layer components {
  :where(._root_ef6cg_2) {
    cursor: pointer;
    align-items: center;
    display: inline-flex;
    position: relative;
  }

  :where(._root_ef6cg_2) ._input_ef6cg_8 {
    opacity: 0;
    cursor: pointer;
    margin: 0;
    position: absolute;
    inset: 0;
  }

  :where(._root_ef6cg_2) ._icon_ef6cg_15 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  :where(._root_ef6cg_2) ._label_ef6cg_20 {
    font: var(--bo-t14_400);
    margin-left: 8px;
  }

  ._root_disabled_ef6cg_24, ._root_disabled_ef6cg_24 ._input_ef6cg_8 {
    cursor: not-allowed;
  }

  ._root_disabled_ef6cg_24 ._icon_ef6cg_15 {
    opacity: .4;
  }
}

/*# sourceMappingURL=node_modules_%40brand-order_web-ui_dist_02o5ko5._.css.map*/