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

@layer components {
  :where(._root_1e807_2) {
    border-radius: var(--radius-400, 12px);
    background: var(--bo-bg-neutral-tertiary);
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    gap: 4px;
    padding: 4px;
    display: inline-grid;
    box-shadow: inset 0 4px 4px #00000008;
  }

  :where(._root_1e807_2)._medium_1e807_12 {
    min-width: 212px;
  }

  :where(._root_1e807_2)._medium_1e807_12 ._option_1e807_15 {
    height: 30px;
    font: var(--bo-t14_400);
  }

  :where(._root_1e807_2)._medium_1e807_12 ._option_1e807_15._active_1e807_19 {
    font: var(--bo-t14_600);
  }

  :where(._root_1e807_2)._medium_1e807_12 ._option_1e807_15 ._subText_1e807_22 {
    font: var(--bo-t12_400);
  }

  :where(._root_1e807_2)._large_1e807_25 {
    min-width: 260px;
  }

  :where(._root_1e807_2)._large_1e807_25 ._option_1e807_15 {
    height: 38px;
    font: var(--bo-t18_400);
  }

  :where(._root_1e807_2)._large_1e807_25 ._option_1e807_15._active_1e807_19 {
    font: var(--bo-t18_700);
  }

  :where(._root_1e807_2)._large_1e807_25 ._option_1e807_15 ._subText_1e807_22 {
    font: var(--bo-t14_400);
  }

  :where(._root_1e807_2)._mobile_medium_1e807_38 {
    min-width: 212px;
  }

  :where(._root_1e807_2)._mobile_medium_1e807_38 ._option_1e807_15 {
    height: 30px;
    font: var(--bo-t14_400);
  }

  :where(._root_1e807_2)._mobile_medium_1e807_38 ._option_1e807_15._active_1e807_19 {
    font: var(--bo-t14_600);
  }

  :where(._root_1e807_2)._mobile_medium_1e807_38 ._option_1e807_15 ._subText_1e807_22 {
    font: var(--bo-t12_400);
  }

  :where(._root_1e807_2)._mobile_large_1e807_51 {
    min-width: 260px;
  }

  :where(._root_1e807_2)._mobile_large_1e807_51 ._option_1e807_15 {
    height: 38px;
    font: var(--bo-t18_400);
  }

  :where(._root_1e807_2)._mobile_large_1e807_51 ._option_1e807_15._active_1e807_19 {
    font: var(--bo-t18_700);
  }

  :where(._root_1e807_2)._mobile_large_1e807_51 ._option_1e807_15 ._subText_1e807_22 {
    font: var(--bo-t14_400);
  }

  @media (min-width: 768px) {
    :where(._root_1e807_2)._tablet_medium_1e807_65 {
      min-width: 212px;
    }

    :where(._root_1e807_2)._tablet_medium_1e807_65 ._option_1e807_15 {
      height: 30px;
      font: var(--bo-t14_400);
    }

    :where(._root_1e807_2)._tablet_medium_1e807_65 ._option_1e807_15._active_1e807_19 {
      font: var(--bo-t14_600);
    }

    :where(._root_1e807_2)._tablet_medium_1e807_65 ._option_1e807_15 ._subText_1e807_22 {
      font: var(--bo-t12_400);
    }

    :where(._root_1e807_2)._tablet_large_1e807_80 {
      min-width: 260px;
    }

    :where(._root_1e807_2)._tablet_large_1e807_80 ._option_1e807_15 {
      height: 38px;
      font: var(--bo-t18_400);
    }

    :where(._root_1e807_2)._tablet_large_1e807_80 ._option_1e807_15._active_1e807_19 {
      font: var(--bo-t18_700);
    }

    :where(._root_1e807_2)._tablet_large_1e807_80 ._option_1e807_15 ._subText_1e807_22 {
      font: var(--bo-t14_400);
    }
  }

  @media (min-width: 1240px) {
    :where(._root_1e807_2)._desktop_medium_1e807_95 {
      min-width: 212px;
    }

    :where(._root_1e807_2)._desktop_medium_1e807_95 ._option_1e807_15 {
      height: 30px;
      font: var(--bo-t14_400);
    }

    :where(._root_1e807_2)._desktop_medium_1e807_95 ._option_1e807_15._active_1e807_19 {
      font: var(--bo-t14_600);
    }

    :where(._root_1e807_2)._desktop_medium_1e807_95 ._option_1e807_15 ._subText_1e807_22 {
      font: var(--bo-t12_400);
    }

    :where(._root_1e807_2)._desktop_large_1e807_110 {
      min-width: 260px;
    }

    :where(._root_1e807_2)._desktop_large_1e807_110 ._option_1e807_15 {
      height: 38px;
      font: var(--bo-t18_400);
    }

    :where(._root_1e807_2)._desktop_large_1e807_110 ._option_1e807_15._active_1e807_19 {
      font: var(--bo-t18_700);
    }

    :where(._root_1e807_2)._desktop_large_1e807_110 ._option_1e807_15 ._subText_1e807_22 {
      font: var(--bo-t14_400);
    }
  }

  :where(._root_1e807_2) ._option_1e807_15 {
    border-radius: var(--radius-300, 8px);
    color: var(--bo-text-neutral-quaternary);
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    background-color: #0000;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    transition: background-color .2s, color .2s;
    display: flex;
  }

  :where(._root_1e807_2) ._option_1e807_15 p {
    color: inherit;
  }

  :where(._root_1e807_2) ._option_1e807_15._active_1e807_19 {
    color: var(--bo-text-neutral-primary);
    background-color: #fff;
    box-shadow: 0 3px 3px #0000000a;
  }

  :where(._root_1e807_2) ._option_1e807_15:disabled {
    opacity: .2;
    cursor: not-allowed;
  }

  :where(._root_1e807_2) ._option_1e807_15 ._subText_1e807_22 {
    color: var(--bo-text-neutral-quaternary);
    margin-left: 4px;
  }
}

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

@layer components {
  :where(._root_1enu7_2) {
    border-radius: var(--radius-400, 12px);
    border: 1px solid var(--bo-border-neutral-quaternary);
    background: var(--white, #fff);
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 16px 18px;
    display: flex;
    box-shadow: 0 2px 2px #00000008;
  }

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

  ._info_1enu7_20 {
    flex: 1;
    align-items: center;
    gap: 10px;
    min-width: 0;
    margin-right: 5px;
    display: flex;
  }

  @media (min-width: 1240px) {
    ._info_1enu7_20 {
      flex: initial;
      margin-right: 0;
    }
  }

  ._icon_1enu7_34 {
    --icon-size: 24px;
    flex-shrink: 0;
  }

  @media (min-width: 1240px) {
    ._icon_1enu7_34 {
      --icon-size: 32px;
    }
  }

  ._text_1enu7_43 {
    flex-direction: column;
    align-self: stretch;
    align-items: flex-start;
    gap: 4px;
    min-width: 0;
    display: flex;
  }

  @media (min-width: 1240px) {
    ._text_1enu7_43 {
      align-self: auto;
    }
  }

  ._title_row_1enu7_56 {
    flex-direction: column;
    align-self: stretch;
    align-items: flex-start;
    gap: 4px;
    display: flex;
  }

  @media (min-width: 1240px) {
    ._title_row_1enu7_56 {
      flex-direction: row;
      justify-content: center;
      align-self: auto;
      align-items: center;
      gap: 10px;
    }
  }

  ._title_1enu7_56 {
    -webkit-line-clamp: 1;
    line-clamp: 1;
    color: var(--bo-text-neutral-primary);
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

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

  ._default_badge_1enu7_86 {
    white-space: nowrap;
    order: -1;
  }

  @media (min-width: 1240px) {
    ._default_badge_1enu7_86 {
      font: var(--bo-t14_700);
      order: 0;
      padding: 2px 10px;
    }
  }

  ._address_row_1enu7_97 {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    width: 100%;
    display: flex;
  }

  @media (min-width: 1240px) {
    ._address_row_1enu7_97 {
      flex-direction: row;
      gap: 10px;
    }
  }

  ._address_1enu7_97 {
    max-width: 100%;
    color: var(--bo-text-neutral-primary);
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
  }

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

  ._detail_address_1enu7_123 {
    max-width: 100%;
    color: var(--bo-text-neutral-primary);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

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

  ._order_button_1enu7_135 {
    white-space: nowrap;
    flex-shrink: 0;
    width: 70px;
    height: 30px;
  }

  @media (min-width: 1240px) {
    ._order_button_1enu7_135 {
      width: 160px;
      height: 38px;
      box-shadow: 0 3.505px 3.505px #00000005;
    }
  }

  ._button_group_1enu7_148 {
    flex-direction: column;
    flex-shrink: 0;
    align-items: stretch;
    gap: 8px;
    display: flex;
  }

  @media (min-width: 1240px) {
    ._button_group_1enu7_148 {
      flex-direction: row;
      gap: 18px;
    }
  }

  ._delete_button_1enu7_161 {
    border: 1px solid var(--border-neutral-tertiary, #dcdcdc);
    background: var(--white, #fff);
    white-space: nowrap;
    border-radius: 50px;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    gap: 2px;
    height: 28px;
    padding: 6px 14px;
    display: flex;
  }

  @media (min-width: 1240px) {
    ._delete_button_1enu7_161 {
      border-radius: 20px;
      align-self: auto;
      width: 90px;
      height: 38px;
      padding: 12px 20px;
    }
  }

  ._delete_icon_1enu7_183 {
    --icon-size: 12px;
    flex-shrink: 0;
  }

  @media (min-width: 1240px) {
    ._delete_icon_1enu7_183 {
      --icon-size: 16px;
    }
  }

  ._select_mode_1enu7_192 {
    cursor: pointer;
  }

  ._check_icon_1enu7_195 {
    --icon-size: 24px;
    flex-shrink: 0;
  }

  @media (min-width: 1240px) {
    ._check_icon_1enu7_195 {
      --icon-size: 32px;
    }
  }

  ._edit_button_1enu7_204 {
    white-space: nowrap;
  }

  @media (min-width: 1240px) {
    ._edit_button_1enu7_204 {
      width: 160px;
      box-shadow: 0 3.505px 3.505px #00000005;
    }
  }
}

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

@layer components {
  ._root_1wbdq_2 {
    border-radius: var(--radius-400, 12px);
    border: 1px solid var(--border-neutral-quaternary, #efefef);
    background: var(--white, #fff);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    padding: 16px 18px;
    display: flex;
    box-shadow: 0 2px 2px #00000008;
  }

  @media (min-width: 1240px) {
    ._root_1wbdq_2 {
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-end;
      gap: 0;
      max-width: 1200px;
      padding: 32px 28px;
      box-shadow: 0 4px 4px #00000008;
    }
  }

  ._order_mode_1wbdq_26, ._delete_mode_1wbdq_31 {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  ._no_favorite_1wbdq_36 {
    box-shadow: none;
    border: none;
    border-radius: 0;
    gap: 12px;
  }

  @media (min-width: 1240px) {
    ._no_favorite_1wbdq_36 {
      box-shadow: none;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      gap: 0;
      padding: 32px 28px;
    }
  }

  ._content_1wbdq_52 {
    flex-direction: column;
    align-self: stretch;
    align-items: flex-start;
    min-width: 0;
    display: flex;
  }

  @media (min-width: 1240px) {
    ._content_1wbdq_52 {
      flex: 1;
      align-self: auto;
      gap: 16px;
      margin-right: 5px;
    }
  }

  ._top_row_1wbdq_67 {
    flex-wrap: wrap;
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
    row-gap: 8px;
    display: flex;
  }

  @media (min-width: 1240px) {
    ._top_row_1wbdq_67 {
      flex-wrap: nowrap;
      justify-content: flex-start;
      align-self: auto;
      gap: 20px;
    }
  }

  ._title_status_row_1wbdq_83 {
    flex-basis: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  @media (min-width: 1240px) {
    ._title_status_row_1wbdq_83 {
      flex-basis: auto;
      gap: 2px;
    }
  }

  ._title_badge_row_1wbdq_95 {
    align-items: center;
    gap: 2px;
    display: flex;
  }

  ._title_row_1wbdq_100 {
    align-items: center;
    gap: 2px;
    min-width: 0;
    display: flex;
  }

  ._star_icon_1wbdq_106 {
    --icon-size: 16px;
    flex-shrink: 0;
  }

  ._title_1wbdq_83 {
    -webkit-line-clamp: 1;
    line-clamp: 1;
    color: var(--bo-text-neutral-primary);
    text-overflow: ellipsis;
    font: var(--bo-t14_700);
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

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

  ._status_badge_list_1wbdq_125 {
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    display: flex;
  }

  ._status_badge_1wbdq_125 {
    flex-shrink: 0;
  }

  ._address_text_1wbdq_134 {
    color: var(--text-neutral-secondary, #656565);
    text-overflow: ellipsis;
    white-space: nowrap;
    font: var(--bo-t14_400);
    flex-basis: 100%;
    overflow: hidden;
  }

  @media (min-width: 1240px) {
    ._address_text_1wbdq_134 {
      display: none;
    }
  }

  ._info_badge_list_1wbdq_147 {
    flex-wrap: wrap;
    flex-basis: 100%;
    align-content: center;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
    display: flex;
  }

  @media (min-width: 1240px) {
    ._info_badge_list_1wbdq_147 {
      flex-basis: auto;
      margin-top: 0;
    }
  }

  ._info_badge_1wbdq_147 {
    border: 1px solid var(--border-neutral-secondary, #bdbdbd);
    background: var(--white, #fff);
    color: var(--text-neutral-secondary, #656565);
    text-align: center;
    font: var(--bo-t12_700);
    white-space: nowrap;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 1px 8px;
    display: flex;
  }

  ._bottom_row_1wbdq_176 {
    display: none;
  }

  @media (min-width: 1240px) {
    ._bottom_row_1wbdq_176 {
      flex-direction: row;
      align-items: flex-start;
      gap: 20px;
      width: 100%;
      display: flex;
    }
  }

  ._info_icon_1wbdq_188 {
    --icon-size: 16px;
    flex-shrink: 0;
  }

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

  ._info_item_1wbdq_197 {
    align-items: center;
    gap: 2px;
    display: flex;
  }

  ._info_text_1wbdq_202 {
    color: var(--bo-text-neutral-secondary);
    text-overflow: ellipsis;
    white-space: nowrap;
    font: var(--bo-t14_400);
    overflow: hidden;
  }

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

  ._button_group_1wbdq_214 {
    flex-shrink: 0;
    align-self: stretch;
    align-items: flex-start;
    gap: 10px;
    display: flex;
  }

  @media (min-width: 1240px) {
    ._button_group_1wbdq_214 {
      align-self: auto;
      gap: 18px;
      width: 268px;
    }
  }

  ._detail_button_1wbdq_228 {
    white-space: nowrap;
    border: 1px solid var(--border-neutral-tertiary, #dcdcdc);
    background: var(--white, #fff);
    border-radius: 20px;
    flex: 120 0 0;
    height: 38px;
    padding: 12px 20px;
  }

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

  ._order_button_1wbdq_242 {
    white-space: nowrap;
    background: var(--bo-bg-neutral-primary);
    border-radius: 20px;
    flex: 200 0 0;
    height: 38px;
    padding: 12px 20px;
    box-shadow: 0 3.505px 3.505px #00000005;
  }

  @media (min-width: 1240px) {
    ._order_button_1wbdq_242 {
      flex: none;
      width: 160px;
    }
  }

  ._delete_button_1wbdq_257 {
    border: 1px solid var(--border-neutral-tertiary, #dcdcdc);
    background: var(--white, #fff);
    white-space: nowrap;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    height: 28px;
    padding: 6px 14px;
    display: flex;
  }

  @media (min-width: 1240px) {
    ._delete_button_1wbdq_257 {
      border-radius: 20px;
      width: 90px;
      height: 38px;
      padding: 12px 20px;
    }
  }

  ._delete_icon_1wbdq_277 {
    --icon-size: 12px;
    flex-shrink: 0;
  }

  @media (min-width: 1240px) {
    ._delete_icon_1wbdq_277 {
      --icon-size: 16px;
    }
  }

  ._drag_icon_1wbdq_286 {
    aspect-ratio: 1;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
  }

  @media (min-width: 1240px) {
    ._drag_icon_1wbdq_286 {
      width: 32px;
      height: 32px;
    }
  }

  ._drag_button_1wbdq_298 {
    cursor: grab;
    touch-action: none;
    background: none;
    border: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
  }

  ._drag_button_1wbdq_298:active {
    cursor: grabbing;
  }

  ._no_favorite_button_group_1wbdq_312 {
    flex-shrink: 0;
    align-self: stretch;
    align-items: flex-start;
    gap: 10px;
    display: flex;
  }

  @media (min-width: 1240px) {
    ._no_favorite_button_group_1wbdq_312 {
      justify-content: flex-end;
      align-self: auto;
      align-items: center;
      gap: 18px;
    }
  }

  ._no_favorite_detail_button_1wbdq_327 {
    white-space: nowrap;
    border: 1px solid var(--border-neutral-primary, #525252);
    background: var(--white, #fff);
    border-radius: 20px;
    flex: 120 0 0;
    height: 38px;
    padding: 12px 20px;
  }

  @media (min-width: 1240px) {
    ._no_favorite_detail_button_1wbdq_327 {
      flex: none;
      width: 90px;
    }
  }

  ._register_button_1wbdq_342 {
    white-space: nowrap;
    border: 1px solid var(--border-neutral-primary, #525252);
    background: var(--white, #fff);
    border-radius: 20px;
    flex: 180 0 0;
    height: 38px;
    padding: 12px 20px;
  }

  @media (min-width: 1240px) {
    ._register_button_1wbdq_342 {
      flex: none;
      width: 130px;
    }
  }
}

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