/* Sass variables for media queries */
/* Burger nav variant
$menu-max-breakpoint: 999999px;
$menu-breakpoint: 1000000px;
$header-max-breakpoint: 999999px;
$header-breakpoint: 1000000px;
$footer-max-breakpoint: 1279px;
$footer-breakpoint: 1280px;
*/
.user-page .user-panel,
.user-page .address-book__profile,
.user-page .order-card {
  margin: 5vh 0;
  background: #f8f9fa;
  padding: 5rem;
  border-radius: 12px;
  border: 1px solid #e8e8ea;
}
.user-page .user-panel.align-center,
.user-page .address-book__profile.align-center,
.user-page .order-card.align-center {
  margin: 5vh auto;
}
.user-orders-full .user-page .user-panel,
.user-orders-full .user-page .address-book__profile,
.user-orders-full .user-page .order-card {
  width: 100%;
  max-width: 100%;
}
.user-page .user-panel form,
.user-page .address-book__profile form,
.user-page .order-card form {
  max-width: 800px;
  margin: 0;
}
.user-page .user-addresses .profile {
  display: none;
}
.user-page .user-addresses .profile--is-default {
  display: block;
}
.user-page .address-book__profile,
.user-page .order-card {
  padding: 2.5rem;
}
.user-page .inline-field {
  display: inline;
}
.user-page .user-actions {
  border-top: 1px solid #e8e8ea;
  margin: 20px 0;
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
}
.user-page .address-book__profiles {
  gap: 2.5rem;
}
.user-page .address-book__add-link {
  display: inline-block;
  margin-top: 2.5rem;
}
.user-page .address-book__operations,
.user-page .user-addresses {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.user-page .address-book__profile {
  display: flex;
  flex-direction: column;
}
.user-page .address-book__profile .address-book__operations {
  padding-top: 2.5rem;
  margin-top: auto;
}
.user-page .address-book__profile.address-book__profile--default {
  background-color: rgba(233, 90, 12, 0.1);
}
.user-page .address-to-delete-preview-box {
  margin-bottom: 2.5em;
}
.user-page .user-orders .order-card-inner {
  display: flex;
  gap: 2.5rem;
}
.user-page .user-orders .order-card-inner .order-card-order-images {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
}
.user-page .user-orders .order-card-inner .order-card-order-images img {
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  object-fit: cover;
  width: 100%;
}
.user-page .user-orders .view-order-button {
  margin-top: 1rem;
}
.user-page .user-order .order {
  margin-top: 2.5rem;
}

/*# sourceMappingURL=user.css.map */