/* line 3, account.scss */
.client_menu_items {
  padding: 8px 0;
  display: flex;
  flex-flow: wrap;
  column-gap: 24px;
  row-gap: 8px; }
  @media screen and (max-width: 768px) {
    /* line 3, account.scss */
    .client_menu_items {
      column-gap: 16px; } }
/* line 14, account.scss */
.client_menu_item a {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: var(--gray-900);
  text-decoration: none;
  padding: 4px 0;
  display: block; }
  @media screen and (max-width: 768px) {
    /* line 14, account.scss */
    .client_menu_item a {
      background: var(--fon-gray-100);
      border-radius: 4px;
      padding: 8px 16px;
      font-size: 14px; } }
  /* line 28, account.scss */
  .client_menu_item a .mobile_title {
    display: none; }
    @media screen and (max-width: 768px) {
      /* line 28, account.scss */
      .client_menu_item a .mobile_title {
        display: inline-block; } }
  @media screen and (max-width: 768px) {
    /* line 34, account.scss */
    .client_menu_item a .desctop_title {
      display: none; } }
/* line 41, account.scss */
.client_menu_item.activex a {
  font-weight: 600; }
  @media screen and (max-width: 768px) {
    /* line 41, account.scss */
    .client_menu_item.activex a {
      background: var(--gray-500);
      color: var(--white);
      font-weight: inherit; } }
/* line 52, account.scss */
.client_head {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  color: var(--gray-900);
  margin: 16px 0; }
  @media screen and (max-width: 768px) {
    /* line 52, account.scss */
    .client_head {
      font-size: 24px; } }
/* line 63, account.scss */
.client_info {
  margin-bottom: 56px; }
  /* line 65, account.scss */
  .client_info .co-checkout-block--padded {
    padding: 0; }
  /* line 69, account.scss */
  .client_info .co-input-label {
    cursor: default;
    padding: 0;
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transition-duration: 0;
    transition-duration: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 20.8px;
    text-align: left;
    color: #101828;
    margin-bottom: 5px;
    transform: none; }
  /* line 87, account.scss */
  .client_info .co-input-field {
    padding: 12px 16px !important;
    background: #F9FAFB !important;
    border: 1px solid #98A2B3 !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    border-radius: 8px;
    margin-bottom: 16px;
    position: relative !important; }
  /* line 98, account.scss */
  .client_info .co-input input.tt-hint {
    display: none; }
  /* line 102, account.scss */
  .client_info button.co-form-button.co-button, .client_info .js-modal-submit--login {
    margin: 0 auto;
    border-radius: 8px;
    padding: 12px 32px;
    background: var(--linear_button);
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: var(--white); }
  @media screen and (min-width: 481px) {
    /* line 113, account.scss */
    .client_info .co-table-row--striped:nth-child(even) {
      background: var(--fon-gray-100); } }
  /* line 118, account.scss */
  .client_info .co-table-cell--body {
    border-bottom: 1px solid var(--fon-gray-300); }
  /* line 121, account.scss */
  .client_info .co-table-cell--head {
    border-bottom: 1px solid var(--fon-gray-300);
    opacity: 1;
    color: var(--fon-gray-500); }
/* line 127, account.scss */
.client .co-input-notice.co-notice--danger {
  font-size: 12px;
  margin-top: -12px;
  text-align: left; }

/* line 133, account.scss */
.co-table {
  min-width: 100%;
  border-radius: 10px;
  border: 1px solid var(--fon-gray-300); }

/* line 138, account.scss */
.orders_prods {
  margin-bottom: 48px; }
  /* line 140, account.scss */
  .orders_prods_head {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    color: var(--gray-900);
    margin: 8px 0; }

/* line 150, account.scss */
.order_product_card_wrapper {
  display: grid;
  align-items: start;
  grid-template-columns: 50px 1fr;
  gap: 16px;
  color: inherit;
  line-height: 1.2;
  text-decoration: none;
  border-radius: 10px;
  border: 1px solid var(--fon-gray-300);
  padding: 10px;
  width: 230px; }
/* line 163, account.scss */
.order_product_card_title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 50px; }
/* line 171, account.scss */
.order_product_card_stars {
  grid-column: 1 / 3;
  display: grid;
  gap: 5px; }
  /* line 175, account.scss */
  .order_product_card_stars_value {
    display: flex;
    justify-content: start;
    gap: 5px; }