:root {
  --pixel-black: #262221;
  --pixel-blue: #0E1D41;
  --pixel-green: #144B2B;
  --pixel-green-light: #368457;
  --pixel-green-rgb: 2,130,111;
  --pixel-green-dark: #296060;
  --pixel-green-dark-rgb: 1, 96, 96;
  --pixel-gray-dark: #656069;
  --pixel-gray-light:#F5F5F7;
  --pixel-gray:#D7D7D7;
  --pixel-gray2: #E3E3E3;
  --pixel-beige:#E4D9B9;
  --pixel-beige-light: #FAF9F4;
  --pixel-bg:#F5F5F7;
  --pixel-yellow:#CEA800;
  --pixel-warning:#ffc107;
  --pixel-gradient: linear-gradient(180deg, #00FFA0 0%, #03294C 100%);
  --pixel-gradient-horizontal: linear-gradient(90deg, #00FFA0 0%, #03294C 100%);
  --pixel-border-radius: 10px;
  --pixel-border-radius-small: 5px;
  --pixel-border-radius-big: 40px;
}

.page-addresses .addresses__list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
}
@media (min-width: 576px) {
  .page-addresses .addresses__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1200px) {
  .page-addresses .addresses__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.login {
  background: white;
  padding: 2rem;
  border-radius: var(--bs-border-radius);
  justify-self: flex-end;
}
.login-title {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 34px;
  color: var(--pixel-black);
  margin-block-start: 0px;
}
.login .forgot-password, .login-create {
  text-align: center;
}
.login hr {
  display: none;
}
.login .forgot-password {
  margin-bottom: 1.25rem;
}
.login__register-prompt .user-form__block-register {
  background: white;
  padding: 2rem;
  border-radius: var(--bs-border-radius);
  height: 100%;
}
.login__register-prompt .user-form__block-register .user-form__content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.login__register-prompt .user-form__block-register .user-form__content-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-block: 1.5rem 0;
}
.login__register-prompt .user-form__block-register .user-form__content-list .user-form__content-item {
  display: flex;
  align-items: center;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: var(--pixel-gray-dark);
  margin-bottom: 0px;
}
.login__register-prompt .user-form__block-register .user-form__content-list .user-form__content-item .user-form__content-item-icon {
  width: 35px;
}
.login__register-prompt .user-form__block-register .user-form__content-button {
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767.98px) {
  .login__register-prompt .user-form__block-register .user-form__content-button {
    margin-top: 2rem;
  }
}

#authentication .page-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  align-items: normal;
  justify-content: center;
  margin: 0 auto;
}
#authentication .page-content > div {
  width: 100%;
  max-width: 500px;
}
@media (max-width: 767.98px) {
  #authentication .page-content {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #authentication .page-content > div {
    align-self: center;
    justify-self: center;
  }
}

.page-order-detail .order-status__badge--bright,
.page-guest-tracking .order-status__badge--bright {
  color: var(--bs-white);
}
.page-order-detail .order-status__badge--dark,
.page-guest-tracking .order-status__badge--dark {
  color: var(--bs-dark);
}
.page-order-detail .order-addresses__list,
.page-guest-tracking .order-addresses__list {
  display: grid;
  gap: 1rem;
}
@media (min-width: 768px) {
  .page-order-detail .order-addresses__list,
  .page-guest-tracking .order-addresses__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.page-order-detail .order-product__img,
.page-guest-tracking .order-product__img {
  width: 4rem;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--bs-border-radius);
}
.page-order-detail .order-product__name,
.page-guest-tracking .order-product__name {
  font-weight: 600;
}
.page-order-detail .order-product__infos,
.page-guest-tracking .order-product__infos {
  display: flex;
  flex-direction: column;
  gap: 0.25rem 0.5rem;
}
.page-order-detail .order-product__image,
.page-guest-tracking .order-product__image {
  flex-shrink: 0;
}
.page-order-detail .order-product__content,
.page-guest-tracking .order-product__content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
@media (min-width: 768px) {
  .page-order-detail .order-product__infos,
  .page-guest-tracking .order-product__infos {
    flex-direction: row;
    gap: 0.5rem 1rem;
  }
}
.page-order-detail .order-separator,
.page-guest-tracking .order-separator {
  margin-block: 1.25rem;
}
@media (min-width: 768px) {
  .page-order-detail .order-separator,
  .page-guest-tracking .order-separator {
    margin-block: 2rem;
  }
}
.page-order-detail .order-message,
.page-guest-tracking .order-message {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid var(--bs-border-color);
  border-radius: 0.5rem;
}
.page-order-detail .order-message:nth-child(even),
.page-guest-tracking .order-message:nth-child(even) {
  background-color: var(--bs-tertiary-bg);
}
.page-order-detail .order-message__list,
.page-guest-tracking .order-message__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.page-order-detail .order-message__name,
.page-guest-tracking .order-message__name {
  margin-block-end: 0;
  font-weight: 600;
}
.page-order-detail .order-message__date,
.page-guest-tracking .order-message__date {
  margin-block-end: 0;
  font-size: 0.875rem;
  color: var(--bs-secondary-color);
}
@media (min-width: 768px) {
  .page-order-detail .order-message,
  .page-guest-tracking .order-message {
    grid-template-columns: 12rem 1fr;
  }
}

.order-returns {
  padding: 0.5rem;
}
.order-returns .order-return__label {
  font-weight: 600;
}
.order-returns .order-return__label, .order-returns .order-return__value {
  margin-bottom: 0;
}
.order-returns .order-return > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
}
.order-returns .order-return > div:not(:last-child) {
  border-bottom: 1px solid #e9ecef;
}

.account-menu__back {
  display: flex;
  margin-block-end: 1rem;
}
.account-menu__nav {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.account-menu__link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: var(--pixel-gray-dark);
  border-radius: var(--bs-border-radius);
  transition: var(--bs-transition-default);
  padding: 0.5rem 1rem;
}
.account-menu__link:hover {
  color: var(--bs-link-hover-color);
}
.account-menu__link--signout {
  color: var(--bs-danger);
}
.account-menu__link--signout:hover {
  color: var(--bs-danger);
}
.account-menu__icon {
  min-width: 30px;
}
.account-menu--main {
  display: grid;
  gap: 1rem;
}
.account-menu--main .account-menu__link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: var(--pixel-gray-dark);
  border-radius: var(--bs-border-radius);
  transition: var(--bs-transition-default);
  padding: 0;
}
.account-menu--main .account-menu__icon {
  font-size: 2rem;
}
.account-menu--sidebar {
  display: none;
  background-color: white;
  padding: 1rem;
  border-radius: var(--bs-border-radius);
}
.account-menu--sidebar .account-menu__link {
  gap: 0.5rem;
  padding: 0.75rem 0.5rem;
}
@media (hover: hover) {
  .account-menu--sidebar .account-menu__link:hover {
    color: var(--pixel-black);
    background-color: var(--bs-tertiary-bg);
  }
}
.account-menu--sidebar .account-menu__link--active {
  color: var(--pixel-green);
  background-color: var(--bs-tertiary-bg);
}
@media (max-width: 991.98px) {
  .account-menu--main {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .account-menu--main .account-menu__link {
    flex-direction: row;
    gap: 0.75rem;
    align-items: initial;
    padding: 1.25rem 1rem;
  }
}
@media (max-width: 575.98px) {
  .account-menu {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
@media (min-width: 992px) {
  .account-menu__back {
    display: none;
  }
  .account-menu--main {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .account-menu--main .account-menu__link--signout {
    display: none;
  }
  .account-menu--sidebar {
    display: flex;
    flex-direction: column;
  }
}

.order-history__inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
.order-history__header {
  display: none;
}
.order-history__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.875rem;
  padding: 1rem;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}
.order-history__cell {
  display: grid;
  grid-template-columns: 1fr 66.666666%;
  gap: 0.5rem;
  line-height: 1.5;
}
.order-history__cell::before {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--bs-secondary-color);
  content: attr(data-ps-label);
}
.order-history__cell--reference {
  font-size: 0.875rem;
  font-weight: 600;
}
.order-history__cell--date {
  font-size: 0.875rem;
  color: var(--bs-secondary-color);
}
.order-history__cell--total {
  font-size: 0.875rem;
  font-weight: 600;
}
.order-history__cell--payment {
  font-size: 0.875rem;
  color: var(--bs-secondary-color);
}
.order-history__cell--actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}
.order-history__cell--actions::before {
  display: none;
}
.order-history__status {
  white-space: normal;
}
.order-history__status--bright {
  color: var(--bs-white);
}
.order-history__status--dark {
  color: var(--bs-dark);
}
@media (min-width: 768px) {
  .order-history__inner {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, auto));
    gap: 0 1rem;
    overflow-x: auto;
  }
  .order-history__header {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: span 7;
    padding-block: 0.5rem;
    font-weight: 600;
    border-block-end: 1px solid var(--bs-border-color);
  }
  .order-history__row {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: span 7;
    padding-block: 0.5rem;
    padding-inline: 0;
    border: none;
    border-block-end: 1px solid var(--bs-border-color);
    border-radius: 0;
  }
  .order-history__row:last-child {
    border-block-end: none;
  }
  .order-history__cell {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    align-items: center;
    justify-self: start;
  }
  .order-history__cell::before {
    display: none;
  }
  .order-history__cell--payment {
    font-size: 0.75rem;
  }
  .order-history__cell--date {
    font-size: 0.75rem;
  }
  .order-history__cell--actions {
    display: grid;
    gap: 0.5rem;
  }
}

.password-requirements {
  display: grid;
  gap: 0.5rem;
}
.password-requirements__score, .password-requirements__length {
  display: flex;
  gap: 0.25rem;
  align-items: center;
  margin: 0;
  font-size: 0.875rem;
  color: var(--bs-secondary-color);
}
.password-requirements__icon {
  font-size: 1.25rem;
}

.login {
  background: white;
  padding: 2rem;
  border-radius: var(--bs-border-radius);
  justify-self: flex-end;
}
.login-title {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 34px;
  color: var(--pixel-black);
  margin-block-start: 0px;
}
.login .forgot-password, .login-create {
  text-align: center;
}
.login hr {
  display: none;
}
.login .forgot-password {
  margin-bottom: 1.25rem;
}
.login__register-prompt .user-form__block-register {
  background: white;
  padding: 2rem;
  border-radius: var(--bs-border-radius);
  height: 100%;
}
.login__register-prompt .user-form__block-register .user-form__content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.login__register-prompt .user-form__block-register .user-form__content-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-block: 1.5rem 0;
}
.login__register-prompt .user-form__block-register .user-form__content-list .user-form__content-item {
  display: flex;
  align-items: center;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: var(--pixel-gray-dark);
  margin-bottom: 0px;
}
.login__register-prompt .user-form__block-register .user-form__content-list .user-form__content-item .user-form__content-item-icon {
  width: 35px;
}
.login__register-prompt .user-form__block-register .user-form__content-button {
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767.98px) {
  .login__register-prompt .user-form__block-register .user-form__content-button {
    margin-top: 2rem;
  }
}

#authentication .page-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  align-items: normal;
  justify-content: center;
  margin: 0 auto;
}
#authentication .page-content > div {
  width: 100%;
  max-width: 500px;
}
@media (max-width: 767.98px) {
  #authentication .page-content {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #authentication .page-content > div {
    align-self: center;
    justify-self: center;
  }
}

#module-pixel_blockwishlist-list #wrapper,
#authentication #wrapper,
#registration #wrapper,
#address #wrapper,
#addresses #wrapper,
#identity #wrapper,
#password #wrapper,
#new-password #history #wrapper,
#order-slip #wrapper,
#module-psgdpr-gdpr #wrapper,
#order-detail #wrapper,
#my-account #wrapper {
  padding-bottom: 80px;
}
#module-pixel_blockwishlist-list .page-content,
#authentication .page-content,
#registration .page-content,
#address .page-content,
#addresses .page-content,
#identity .page-content,
#password .page-content,
#new-password #history .page-content,
#order-slip .page-content,
#module-psgdpr-gdpr .page-content,
#order-detail .page-content,
#my-account .page-content {
  padding: 0px;
}
#module-pixel_blockwishlist-list main p,
#authentication main p,
#registration main p,
#address main p,
#addresses main p,
#identity main p,
#password main p,
#new-password #history main p,
#order-slip main p,
#module-psgdpr-gdpr main p,
#order-detail main p,
#my-account main p {
  font-size: 14px;
  line-height: 22px;
  color: var(--pixel-gray-dark);
  font-weight: 400;
  font-family: "Poppins";
  font-style: normal;
}
@media (max-width: 767.98px) {
  #module-pixel_blockwishlist-list .page-title,
  #authentication .page-title,
  #registration .page-title,
  #address .page-title,
  #addresses .page-title,
  #identity .page-title,
  #password .page-title,
  #new-password #history .page-title,
  #order-slip .page-title,
  #module-psgdpr-gdpr .page-title,
  #order-detail .page-title,
  #my-account .page-title {
    font-size: 26px;
  }
}

.order-history {
  overflow-x: auto;
  max-width: 100%;
}
.order-history .order-history__inner {
  min-width: -moz-max-content;
  min-width: max-content;
}
@media (max-width: 575.98px) {
  .order-history .order-history__inner {
    min-width: unset;
  }
}
.order-history__cell {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: var(--pixel-black);
}
.order-history__row .order-history__cell {
  font-weight: 400;
}
@media (max-width: 575.98px) {
  .order-history__row .order-history__cell {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 575.98px) {
  .order-history__row .order-history__cell--actions {
    display: flex;
    flex-direction: column;
  }
}

.order-status .h2, .order-status .h3,
.order-carriers .h2,
.order-carriers .h3,
.order-addresses .h2,
.order-addresses .h3,
.order-products .h2,
.order-products .h3,
.order-message-form .h2,
.order-message-form .h3 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: var(--pixel-black);
}
.order-status .address-card__alias,
.order-status .grid-table__cell,
.order-carriers .address-card__alias,
.order-carriers .grid-table__cell,
.order-addresses .address-card__alias,
.order-addresses .grid-table__cell,
.order-products .address-card__alias,
.order-products .grid-table__cell,
.order-message-form .address-card__alias,
.order-message-form .grid-table__cell {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: var(--pixel-black);
}
.order-status .grid-table__row .grid-table__cell,
.order-carriers .grid-table__row .grid-table__cell,
.order-addresses .grid-table__row .grid-table__cell,
.order-products .grid-table__row .grid-table__cell,
.order-message-form .grid-table__row .grid-table__cell {
  font-weight: 400;
}
.order-status .address-card__alias,
.order-carriers .address-card__alias,
.order-addresses .address-card__alias,
.order-products .address-card__alias,
.order-message-form .address-card__alias {
  margin-bottom: 0;
}
.order-status .address-card__content,
.order-carriers .address-card__content,
.order-addresses .address-card__content,
.order-products .address-card__content,
.order-message-form .address-card__content {
  font-size: 14px;
  line-height: 22px;
  color: var(--pixel-gray-dark);
  font-weight: 400;
  font-family: "Poppins";
  font-style: normal;
}

.form-fields {
  width: 100%;
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  align-items: normal;
  justify-content: center;
}
.form-fields:not(:has(> div:nth-child(2))) {
  grid-template-columns: 1fr;
}
@media (max-width: 767.98px) {
  .form-fields {
    grid-template-columns: 1fr;
  }
}
#customer-form > section {
  width: 100%;
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  align-items: normal;
  justify-content: center;
}
@media (max-width: 767.98px) {
  #customer-form > section {
    grid-template-columns: 1fr;
  }
}
#customer-form > section > div:has([type=email]) {
  grid-column: 1/3;
}
@media (max-width: 767.98px) {
  #customer-form > section > div:has([type=email]) {
    grid-column: 1;
  }
}
#customer-form > section:not(:has([name=new_password])) div:has([type=email]) {
  grid-column: 1;
}
@media (max-width: 767.98px) {
  #customer-form > section:not(:has([name=new_password])) div:has([type=email]) {
    grid-column: 1;
  }
}

.account-content-container {
  background-color: white;
  padding: 2rem;
  border-radius: 10px;
}

.register-form {
  background-color: white;
  padding: 2rem;
  border-radius: 10px;
  max-width: 900px;
  margin: 0 auto;
}

.page-title-section {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 34px;
  color: var(--pixel-black);
}

#password .page-pixel-section .buttons-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 767.98px) {
  #password .page-pixel-section .buttons-wrapper {
    flex-direction: column-reverse;
  }
}
#password .page-pixel-section .buttons-wrapper .pixel-button {
  padding: 6px 20px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  min-height: 35px;
}
@media (max-width: 767.98px) {
  #password .page-pixel-section .buttons-wrapper .pixel-button {
    min-width: 235px;
  }
}
#password .page-pixel-section .buttons-wrapper .pixel-button .material-icons {
  font-size: 14px;
}
#password .page-pixel-section .buttons-wrapper .pixel-button--green-outline {
  width: auto;
}