/* [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/Input.css [app-client] (css) */
@layer base;

@layer components {
  :where(._container_iqz0b_2) {
    flex-direction: column;
    gap: 4px;
    width: 305px;
    display: flex;
  }

  :where(._container_iqz0b_2)._full_width_iqz0b_8 {
    width: 100%;
  }

  :where(._container_iqz0b_2) ._label_iqz0b_11 {
    font: var(--bo-t14_400);
    color: var(--bo-text-neutral-secondary);
    padding-left: 6px;
  }

  :where(._container_iqz0b_2) ._required_mark_iqz0b_16 {
    color: var(--bo-text-danger);
  }

  :where(._container_iqz0b_2) ._helper_text_container_iqz0b_19 {
    align-items: center;
    gap: 2px;
    padding-left: 6px;
    display: flex;
  }

  :where(._container_iqz0b_2) ._helper_text_container_iqz0b_19 ._helper_text_iqz0b_19 {
    color: var(--bo-text-neutral-secondary);
  }

  :where(._container_iqz0b_2) ._helper_text_container_iqz0b_19 ._helper_text_iqz0b_19._info_iqz0b_28 {
    color: var(--bo-text-info);
  }

  :where(._container_iqz0b_2) ._helper_text_container_iqz0b_19 ._helper_text_iqz0b_19._success_iqz0b_31 {
    color: var(--bo-text-success);
  }

  :where(._container_iqz0b_2) ._helper_text_container_iqz0b_19 ._helper_text_iqz0b_19._warning_iqz0b_34 {
    color: var(--bo-text-warning);
  }

  :where(._container_iqz0b_2) ._helper_text_container_iqz0b_19 ._helper_text_iqz0b_19._danger_iqz0b_37 {
    color: var(--bo-text-danger);
  }

  :where(._input_container_iqz0b_40) {
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
  }

  :where(._input_container_iqz0b_40) ._close_button_iqz0b_46 {
    cursor: pointer;
    background: none;
    border: none;
    align-items: center;
    width: 20px;
    height: 20px;
    display: flex;
    position: absolute;
    right: 16px;
  }

  :where(._input_container_iqz0b_40) ._password_toggle_button_iqz0b_57 {
    cursor: pointer;
    background: none;
    border: none;
    align-items: center;
    padding: 0;
    display: flex;
    position: absolute;
    right: 12px;
  }

  :where(._root_iqz0b_67) {
    border: 1px solid var(--bo-border-neutral-tertiary);
    width: 100%;
    height: 44px;
    font: var(--bo-t14_400);
    border-radius: 10px;
    padding-left: 16px;
    padding-right: 16px;
  }

  :where(._root_iqz0b_67)._has_close_button_iqz0b_76 {
    padding-right: 36px;
  }

  :where(._root_iqz0b_67)._has_password_toggle_iqz0b_79 {
    padding-right: 44px;
  }

  :where(._root_iqz0b_67)._text_centered_iqz0b_82 {
    text-align: center;
  }

  :where(._root_iqz0b_67):focus {
    border: 1px solid var(--bo-border-neutral-primary);
    background: var(--bo-bg-neutral-quaternary);
  }

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

  :where(._root_iqz0b_67)._info_iqz0b_28 {
    border-color: var(--bo-border-info);
    background: var(--bo-bg-info);
  }

  :where(._root_iqz0b_67)._success_iqz0b_31 {
    border-color: var(--bo-border-success);
    background: var(--bo-bg-success);
  }

  :where(._root_iqz0b_67)._warning_iqz0b_34 {
    border-color: var(--bo-border-warning);
    background: var(--bo-bg-warning);
  }

  :where(._root_iqz0b_67)._danger_iqz0b_37 {
    border-color: var(--bo-border-danger);
    background: var(--bo-bg-danger);
  }

  :where(._root_iqz0b_67):disabled {
    background-color: var(--bo-bg-disabled);
    color: var(--bo-text-neutral-quaternary);
    cursor: not-allowed;
    border: 1px solid #0000;
  }
}

/* [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_0~xead2._.css.map*/