/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/*
* Manually generated mixins and they can't be named
* by Sass interpolation (e.g. in @each loop.srem;
*/
/* stylelint-disable */
/* stylelint-enable */
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
    Close icon
*/
/**
    Menu icon
 */
/**
    Heart icon
 */
/**
 * Position definition
 *
 * Example of utilization
 * @include absolute(top 1rem left 2rem);
 */
.color-blue {
  color: #205096;
}

.color-indigo {
  color: #6610f2;
}

.color-purple {
  color: #E232FF;
}

.color-pink {
  color: #e83e8c;
}

.color-red {
  color: #C53929;
}

.color-orange {
  color: #FB8836;
}

.color-yellow {
  color: #ffc107;
}

.color-green {
  color: #5C7E08;
}

.color-teal {
  color: #20c997;
}

.color-cyan {
  color: #17a2b8;
}

.color-white {
  color: #fff;
}

.color-gray {
  color: #5D676C;
}

.color-gray-dark {
  color: #5D676C;
}

.my-account__container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .my-account__container {
    display: grid;
    grid-template: "sidebar main" 1fr/4fr 8fr;
    gap: var(--my-account-container-layout-gap-tablet, 2.4rem);
  }
}
@media (min-width: 1440px) {
  .my-account__container {
    grid-template: "sidebar main" 1fr/3fr 9fr;
    gap: var(--my-account-container-layout-gap-desktop, 3.2rem);
  }
}
.my-account__container .sub-nav-item {
  padding: 1.6rem;
  height: 6.4rem;
  border-left-width: 0;
  font-weight: 400;
  gap: 3.2rem;
}

.my-account__sidebar {
  grid-area: sidebar;
  display: none;
}
@media (min-width: 768px) {
  .my-account__sidebar {
    display: flex;
    flex-direction: column;
    padding: var(--my-account-container-sidebar-padding, 3.2rem 0 0 1.6rem);
  }
}
@media (min-width: 1440px) {
  .my-account__sidebar {
    padding: var(--my-account-container-sidebar-padding, 3.2rem 0 0 6.4rem);
  }
}
.my-account__sidebar > * {
  width: 100%;
}

.my-account__main {
  grid-area: main;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.my-account__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.address-book, .profile-info, .my-account__content-wrapper {
  display: flex;
  flex-direction: column;
  --padding-inline: var(--my-account-content-wrapper-padding-inline, 2.4rem);
  padding: 3.2rem var(--padding-inline);
  max-width: calc(var(--my-account-content-wrapper-max-width, 60rem) + var(--padding-inline) * 2);
  width: 100%;
}
@media (min-width: 768px) {
  .address-book, .profile-info, .my-account__content-wrapper {
    --padding-inline: var(--my-account-content-wrapper-padding-inline-tablet, 5.6rem);
  }
}
@media (min-width: 1024px) {
  .address-book, .profile-info, .my-account__content-wrapper {
    --padding-inline: var(--my-account-content-wrapper-padding-inline-laptop, 5.6rem);
  }
}
@media (min-width: 1440px) {
  .address-book, .profile-info, .my-account__content-wrapper {
    --padding-inline: var(--my-account-content-wrapper-padding-inline-desktop, 12rem);
  }
}

.address-book, .profile-info {
  flex-direction: column;
  gap: var(--login-page-content-gap, 2.4rem);
}

/*
* Manually generated mixins and they can't be named
* by Sass interpolation (e.g. in @each loop.srem;
*/
/* stylelint-disable */
/* stylelint-enable */
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
    Close icon
*/
/**
    Menu icon
 */
/**
    Heart icon
 */
.address-book-edit__title, .address-book__title, .profile-info__title {
  letter-spacing: 0;
  font-family: "AtacamaVAR", serif;
  font-size: 2.4rem;
  font-weight: 352;
  line-height: 1.4;
  letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  .address-book-edit__title, .address-book__title, .profile-info__title {
    font-size: 3.2rem;
    line-height: 1.3;
    letter-spacing: -0.02em;
  }
}
@media (min-width: 1440px) {
  .address-book-edit__title, .address-book__title, .profile-info__title {
    font-size: 3.2rem;
    line-height: 1.3;
    letter-spacing: -0.02em;
  }
}
@media (min-width: 1024px) {
  .address-book-edit__title, .address-book__title, .profile-info__title {
    letter-spacing: 0;
    font-family: "AtacamaVAR", serif;
    font-size: 1.8rem;
    font-weight: 352;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .address-book-edit__title, .address-book__title, .profile-info__title {
    font-size: 2.4rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }
}
@media (min-width: 1024px) and (min-width: 1440px) {
  .address-book-edit__title, .address-book__title, .profile-info__title {
    font-size: 2.4rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }
}

.account-image {
  margin-bottom: 3.2rem;
}
.account-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.my-account__main {
  min-height: 60vh;
}
@media (min-width: 768px) {
  .my-account__main {
    background-color: #fff;
  }
}
.my-account__sidebar .my-account--logout {
  margin-top: 1.6rem;
}

.profile-info {
  --my-account-content-wrapper-max-width: 60rem;
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}
.profile-info__list {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.profile-info__line {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.profile-info p {
  margin: 0;
}
.profile-info p:last-child {
  font-weight: 350;
  text-align: right;
}

.profile-info-form {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}
.profile-info-form__group {
  margin: 0;
}

.product-to-remove {
  margin-top: 2rem;
}

.address-book-edit__title, .address-book__title {
  margin: 0.8rem 0 0;
}

.address-book__list {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.address-book__line {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1.6rem;
  padding: 1.6rem 2.4rem;
  background-color: #F8F8F8;
}
.address-book__info {
  letter-spacing: 0;
  font-family: "Hellix", sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
}
@media (min-width: 1024px) {
  .address-book__info {
    font-size: 1.4rem;
  }
}
.address-book__edit {
  font-size: 1.6rem;
  text-decoration: underline;
  text-transform: none;
  margin-right: 2.4rem;
}
.address-book__edit:hover {
  text-decoration: underline;
}

.address-book-edit__title {
  margin: 0;
}

.address-form {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.address-form__group {
  margin: 0;
}