@charset "UTF-8";
/* line 4, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-sidebar-nav {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
}

/* line 11, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-sidebar-nav .account-nav-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

/* line 21, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-sidebar-nav .account-nav-list .account-nav-item {
  display: flex;
  align-self: stretch;
  width: 100%;
}

/* line 26, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-sidebar-nav .account-nav-list .account-nav-item .account-nav-link {
  display: flex;
  height: 30px;
  padding: 8px 24px;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  color: #101113;
  font-family: "Exo 2";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.25px;
  text-decoration: none;
  transition: all 0.2s ease;
  width: 100%;
  box-sizing: border-box;
}

/* line 45, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-sidebar-nav .account-nav-list .account-nav-item .account-nav-link:hover {
  background-color: rgba(87, 135, 201, 0.08);
  color: #5787C9;
}

/* line 50, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-sidebar-nav .account-nav-list .account-nav-item .account-nav-link.active {
  color: #5787C9;
  font-weight: 600;
  background-color: rgba(87, 135, 201, 0.08);
}

/* line 61, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-title-frame {
  display: flex;
  width: 100%;
  height: 3.75rem;
  min-height: 3.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #DEDEDE;
  margin-bottom: 2px;
  box-sizing: border-box;
  position: sticky;
  top: 0;
  z-index: 5;
  background: #FFF;
}

@media (max-width: 767px) {
  /* line 61, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
  .account-title-frame {
    padding-left: 0;
    padding-right: 0;
  }
}

/* line 82, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-title-frame .account-page-title {
  color: #5787C9;
  font-family: "Exo 2";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 127.273% */
  margin: 0;
}

/* line 93, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-title-frame .account-mobile-logout {
  display: none;
}

@media (max-width: 767px) {
  /* line 93, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
  .account-title-frame .account-mobile-logout {
    display: flex;
    align-items: center;
  }
  /* line 100, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
  .account-title-frame .account-mobile-logout .mobile-logout-link {
    color: #5787C9;
    font-family: "Exo 2";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;
    text-decoration: none;
    flex-shrink: 0;
    transition: opacity 0.2s ease, filter 0.2s ease;
  }
  /* line 112, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
  .account-title-frame .account-mobile-logout .mobile-logout-link:hover {
    opacity: 0.8;
    filter: brightness(1.2);
  }
}

/* line 121, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
#content.col-12,
main#content.col-12 {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  margin-top: 0;
  height: auto !important;
  min-height: 0 !important;
  /* Was 100vh — that forced page height and caused scroll on empty pages */
  box-sizing: border-box;
}

/* line 134, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-content-section {
  display: none;
  width: 100% !important;
  max-width: 100% !important;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
}

/* line 143, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-content-section:target {
  display: flex;
}

@media (max-width: 767px) {
  /* line 134, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
  .account-content-section {
    display: flex !important;
    margin-bottom: 32px;
  }
  /* line 152, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
  .account-content-section:last-child {
    margin-bottom: 0;
  }
}

/* line 159, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
#account-info {
  display: flex;
}

@media (min-width: 768px) {
  /* line 165, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
  #my-addresses:target ~ #account-info,
#my-billing-addresses:target ~ #account-info,
#my-orders:target ~ #account-info {
    display: none;
  }
}

/* line 173, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-section {
  display: flex;
  width: 100%;
  max-width: 100% !important;
  padding: 0 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  box-sizing: border-box;
}

/* line 183, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-section.account-addresses-section, .account-section.account-email-section {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 767px) {
  /* line 190, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
  .account-section.account-billing-section, .account-section.account-orders-section {
    padding-left: 0;
    padding-right: 0;
  }
}

/* line 198, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-section.account-orders-section {
  padding: 24px 0 24px 0;
}

@media (max-width: 767px) {
  /* line 203, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
  .account-section[data-hook="account_summary"] {
    padding-left: 0;
    padding-right: 0;
  }
}

/* line 210, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-section .account-section-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
}

/* line 217, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-section .account-section-row.account-section-title-row {
  padding-top: 24px;
}

/* line 220, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-section .account-section-row.account-section-title-row h2 {
  margin: 0;
  color: #5787C9;
  font-family: "Exo 2";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

/* line 231, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-section .account-section-row.account-section-content-row {
  gap: 16px;
}

/* line 235, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-section .account-section-row.account-section-content-row .account-email-content,
.account-section .account-section-row.account-section-content-row .account-password-content {
  display: flex;
  width: 100%;
  padding: 12px 0;
  padding-left: 0;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  box-sizing: border-box;
}

/* line 246, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-section .account-section-row.account-section-content-row .account-email-content .email-info,
.account-section .account-section-row.account-section-content-row .account-email-content .password-info,
.account-section .account-section-row.account-section-content-row .account-password-content .email-info,
.account-section .account-section-row.account-section-content-row .account-password-content .password-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 200px;
  flex: 0 0 auto;
}

/* line 255, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-section .account-section-row.account-section-content-row .account-email-content .email-info .email-label,
.account-section .account-section-row.account-section-content-row .account-email-content .email-info .password-label,
.account-section .account-section-row.account-section-content-row .account-email-content .password-info .email-label,
.account-section .account-section-row.account-section-content-row .account-email-content .password-info .password-label,
.account-section .account-section-row.account-section-content-row .account-password-content .email-info .email-label,
.account-section .account-section-row.account-section-content-row .account-password-content .email-info .password-label,
.account-section .account-section-row.account-section-content-row .account-password-content .password-info .email-label,
.account-section .account-section-row.account-section-content-row .account-password-content .password-info .password-label {
  color: #101113;
  font-family: "Exo 2";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.15px;
}

/* line 266, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-section .account-section-row.account-section-content-row .account-email-content .email-info .email-value,
.account-section .account-section-row.account-section-content-row .account-email-content .password-info .email-value,
.account-section .account-section-row.account-section-content-row .account-password-content .email-info .email-value,
.account-section .account-section-row.account-section-content-row .account-password-content .password-info .email-value {
  color: #101113;
  font-family: "Exo 2";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.25px;
}

/* line 277, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-section .account-section-row.account-section-content-row .account-email-content .change-email-link,
.account-section .account-section-row.account-section-content-row .account-email-content .change-password-link,
.account-section .account-section-row.account-section-content-row .account-password-content .change-email-link,
.account-section .account-section-row.account-section-content-row .account-password-content .change-password-link {
  color: #5787C9;
  font-family: "Exo 2";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.25px;
  text-decoration: none;
  flex-shrink: 0;
  margin-left: auto;
  transition: opacity 0.2s ease, filter 0.2s ease;
}

/* line 291, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-section .account-section-row.account-section-content-row .account-email-content .change-email-link:hover,
.account-section .account-section-row.account-section-content-row .account-email-content .change-password-link:hover,
.account-section .account-section-row.account-section-content-row .account-password-content .change-email-link:hover,
.account-section .account-section-row.account-section-content-row .account-password-content .change-password-link:hover {
  opacity: 0.8;
  filter: brightness(1.2);
}

@media (max-width: 767px) {
  /* line 235, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
  .account-section .account-section-row.account-section-content-row .account-email-content,
.account-section .account-section-row.account-section-content-row .account-password-content {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  /* line 303, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
  .account-section .account-section-row.account-section-content-row .account-email-content .email-info,
.account-section .account-section-row.account-section-content-row .account-email-content .password-info,
.account-section .account-section-row.account-section-content-row .account-password-content .email-info,
.account-section .account-section-row.account-section-content-row .account-password-content .password-info {
    min-width: auto;
    flex: 0 0 auto;
  }
  /* line 309, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
  .account-section .account-section-row.account-section-content-row .account-email-content .change-email-link,
.account-section .account-section-row.account-section-content-row .account-email-content .change-password-link,
.account-section .account-section-row.account-section-content-row .account-password-content .change-email-link,
.account-section .account-section-row.account-section-content-row .account-password-content .change-password-link {
    margin-left: auto;
  }
}

/* line 316, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-section .account-section-row.account-section-content-row .addresses-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
}

@media (max-width: 767px) {
  /* line 316, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
  .account-section .account-section-row.account-section-content-row .addresses-container {
    flex-direction: column;
  }
}

/* line 328, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-section .account-section-row.account-section-content-row .addresses-container .address-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  border: 1px solid #DEDEDE;
  background: #FFF;
  min-width: 300px;
  flex: 1 1 calc(33.333% - 11px);
  max-width: calc(33.333% - 11px);
  position: relative;
}

@media (max-width: 767px) {
  /* line 328, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
  .account-section .account-section-row.account-section-content-row .addresses-container .address-card {
    min-width: 0;
    flex: 1 1 100%;
    max-width: 100%;
    width: 100%;
  }
}

/* line 348, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-section .account-section-row.account-section-content-row .addresses-container .address-card .address-card-content {
  flex: 1;
  width: 100%;
}

/* line 352, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-section .account-section-row.account-section-content-row .addresses-container .address-card .address-card-content .address-name {
  font-family: "Exo 2";
  font-size: 16px;
  font-weight: 600;
  color: #101113;
  margin-bottom: 8px;
}

/* line 360, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-section .account-section-row.account-section-content-row .addresses-container .address-card .address-card-content .address-phone {
  font-family: "Exo 2";
  font-size: 14px;
  color: #101113;
  margin-bottom: 8px;
}

/* line 367, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-section .account-section-row.account-section-content-row .addresses-container .address-card .address-card-content .address-details {
  font-family: "Exo 2";
  font-size: 14px;
  color: #101113;
  line-height: 1.5;
}

/* line 375, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-section .account-section-row.account-section-content-row .addresses-container .address-card .address-card-actions {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

/* line 385, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-section .account-section-row.account-section-content-row .addresses-container .address-card .address-card-actions .delete-address-btn {
  margin: 0;
}

/* line 391, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-section .account-section-row.account-section-content-row .addresses-container .no-addresses-message {
  color: #4C4A47;
  font-family: "Exo 2";
  font-size: 14px;
  font-style: italic;
  width: 100%;
}

/* line 400, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-section .account-section-row.account-section-content-row .billing-addresses-container {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
}

/* line 406, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-section .account-section-row.account-section-content-row .billing-addresses-container .billing-type-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

/* line 412, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-section .account-section-row.account-section-content-row .billing-addresses-container .billing-type-section h3 {
  margin: 0;
  color: #101113;
  font-family: "Exo 2";
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

/* line 421, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-section .account-section-row.account-section-content-row .billing-addresses-container .billing-type-section .addresses-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
}

@media (max-width: 767px) {
  /* line 421, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
  .account-section .account-section-row.account-section-content-row .billing-addresses-container .billing-type-section .addresses-container {
    flex-direction: column;
  }
}

/* line 436, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-section .account-section-row.account-section-content-row .add-address-btn {
  display: inline-flex;
  align-items: center;
  padding: 12px 24px;
  border: 1px solid #DEDEDE;
  border-radius: 100px;
  background: #FFF;
  color: #5787C9;
  font-family: "Exo 2";
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
}

/* line 450, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-section .account-section-row.account-section-content-row .add-address-btn:hover {
  background: rgba(87, 135, 201, 0.08);
  border-color: #5787C9;
}

/* line 460, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-address-form-panel {
  width: 100%;
  margin-top: 24px;
}

/* line 464, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-address-form-panel form {
  width: 100% !important;
}

/* line 468, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-address-form-panel .inner {
  width: 100%;
}

/* line 475, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-address-form-panel .address-form-buttons {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  margin-top: 24px;
}

/* line 481, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-address-form-panel .address-form-buttons .save-address-btn {
  background-color: #5787C9;
  border: none;
  border-radius: 100px;
  color: white;
  font-family: "Exo 2";
  font-weight: 500;
  padding: 10px 24px;
}

/* line 490, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-address-form-panel .address-form-buttons .save-address-btn:hover {
  background-color: #19335D;
}

/* line 495, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-address-form-panel .address-form-buttons .cancel-address-form-btn {
  background-color: white;
  border: 1px solid #DEDEDE;
  border-radius: 100px;
  color: #5787C9;
  font-family: "Exo 2";
  font-weight: 500;
  padding: 10px 24px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* line 507, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.account-address-form-panel .address-form-buttons .cancel-address-form-btn:hover {
  background-color: #19335D;
  color: white;
}

/* line 518, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.orders-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
}

/* line 525, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.orders-list .order-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

/* line 531, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.orders-list .order-row .order-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  width: 100%;
  border: 1px solid #DEDEDE;
  padding: 16px 24px;
  text-decoration: none;
  color: inherit;
  transition: all 0.2s ease;
}

/* line 544, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.orders-list .order-row .order-card .order-card-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  flex: 1 0 0;
}

/* line 551, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.orders-list .order-row .order-card .order-card-content .order-number {
  color: #101113;
  font-family: "Exo 2";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.15px;
}

/* line 561, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.orders-list .order-row .order-card .order-card-content .order-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

/* line 568, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.orders-list .order-row .order-card .order-card-content .order-status {
  color: #5787C9;
  font-family: "Exo 2";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.25px;
}

/* line 579, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.orders-list .order-row .order-card .order-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 25.4px;
  height: 25.4px;
  padding: 8px;
  border-radius: 100px;
  border: 1px solid #DEDEDE;
  color: #DEDEDE;
  box-sizing: border-box;
}

/* line 592, vendor/assets/stylesheets/spree/frontend/layouts/_account_layout.scss */
.orders-list .order-row .order-card .order-arrow svg {
  width: 8px;
  height: 14px;
}

/* line 12, vendor/assets/stylesheets/spree/frontend/shell/_address_form.scss */
.inner .field_with_errors p.form-group,
.inner p.form-group:has(.field_with_errors) {
  border-color: rgba(234, 31, 0, 0.2) !important;
  box-shadow: 0 0 0 1px rgba(234, 31, 0, 0.2);
}

/* line 17, vendor/assets/stylesheets/spree/frontend/shell/_address_form.scss */
.inner .field_with_errors p.form-group label,
.inner .field_with_errors p.form-group input,
.inner .field_with_errors p.form-group select,
.inner .field_with_errors p.form-group textarea,
.inner p.form-group:has(.field_with_errors) label,
.inner p.form-group:has(.field_with_errors) input,
.inner p.form-group:has(.field_with_errors) select,
.inner p.form-group:has(.field_with_errors) textarea {
  color: #EA1F00 !important;
}

/* line 24, vendor/assets/stylesheets/spree/frontend/shell/_address_form.scss */
.inner .field_with_errors p.form-group input::placeholder,
.inner .field_with_errors p.form-group textarea::placeholder,
.inner p.form-group:has(.field_with_errors) input::placeholder,
.inner p.form-group:has(.field_with_errors) textarea::placeholder {
  color: rgba(234, 31, 0, 0.8) !important;
}

/* line 31, vendor/assets/stylesheets/spree/frontend/shell/_address_form.scss */
.inner p.form-group.field-with-errors {
  border-color: rgba(234, 31, 0, 0.2) !important;
  box-shadow: 0 0 0 1px rgba(234, 31, 0, 0.2);
}

/* line 35, vendor/assets/stylesheets/spree/frontend/shell/_address_form.scss */
.inner p.form-group.field-with-errors label,
.inner p.form-group.field-with-errors input,
.inner p.form-group.field-with-errors textarea,
.inner p.form-group.field-with-errors select {
  color: #EA1F00 !important;
}

/* line 44, vendor/assets/stylesheets/spree/frontend/shell/_address_form.scss */
.inner .address-form-row {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 24px;
  width: 100%;
}

/* line 52, vendor/assets/stylesheets/spree/frontend/shell/_address_form.scss */
.inner .address-form-row > p.form-group {
  flex: 1 1 0;
  min-width: 0;
  margin-bottom: 0;
}

/* line 58, vendor/assets/stylesheets/spree/frontend/shell/_address_form.scss */
.inner .address-form-row .address-form-row-spacer {
  flex: 1 1 0;
  min-width: 0;
}

/* line 65, vendor/assets/stylesheets/spree/frontend/shell/_address_form.scss */
.inner p.form-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid #DEDEDE;
  position: relative;
  width: 100%;
  padding: 4px 0 4px 16px;
  margin-bottom: 24px;
}

/* line 80, vendor/assets/stylesheets/spree/frontend/shell/_address_form.scss */
.inner p.form-group .required {
  display: none;
}

/* line 84, vendor/assets/stylesheets/spree/frontend/shell/_address_form.scss */
.inner p.form-group br {
  display: none;
}

/* line 88, vendor/assets/stylesheets/spree/frontend/shell/_address_form.scss */
.inner p.form-group input[type="text"],
.inner p.form-group input[type="tel"],
.inner p.form-group input[type="email"],
.inner p.form-group input[type="password"],
.inner p.form-group textarea {
  display: flex;
  align-items: center;
  align-self: stretch;
  width: 100%;
  font-family: "Exo 2";
  font-size: 14px;
  background-color: #fff;
  border: none;
  box-sizing: border-box;
  padding-right: 40px;
  padding-left: 0 !important;
  margin: 0;
}

/* line 107, vendor/assets/stylesheets/spree/frontend/shell/_address_form.scss */
.inner p.form-group select.form-control {
  display: flex;
  align-items: center;
  align-self: stretch;
  width: 100%;
  font-family: "Exo 2";
  font-size: 14px;
  background-color: #fff;
  border: none;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

/* line 120, vendor/assets/stylesheets/spree/frontend/shell/_address_form.scss */
.inner p.form-group select.form-control:focus {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
}

/* line 127, vendor/assets/stylesheets/spree/frontend/shell/_address_form.scss */
.inner p.form-group select.form-control::placeholder {
  color: #999;
}

/* line 132, vendor/assets/stylesheets/spree/frontend/shell/_address_form.scss */
.inner p.form-group select.form-control:-webkit-autofill, .inner p.form-group select.form-control:-webkit-autofill:hover, .inner p.form-group select.form-control:-webkit-autofill:focus, .inner p.form-group select.form-control:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: inherit !important;
  background-color: transparent !important;
  transition: background-color 9999s ease-out 0s;
}

/* line 154, vendor/assets/stylesheets/spree/frontend/shell/_address_form.scss */
.inner p.form-group[id*="state"]::after, .inner p.form-group[id*="country"]::after, .inner p.form-group:has(select)::after, .inner p.form-group:has(input.state_name)::after, .inner p.form-group:has(input[type="checkbox"])::after, .inner p.form-group:has(input[type="radio"])::after, .inner p.form-group.field.checkbox::after, .checkout-content-summary .inner p.form-group::after, .checkout-content-summary .inner p.form-group *::after {
  display: none !important;
}

/* line 159, vendor/assets/stylesheets/spree/frontend/shell/_address_form.scss */
.inner p.form-group[id*="state"] input:not(select), .inner p.form-group[id*="country"] input:not(select), .inner p.form-group:has(select) input:not(select), .inner p.form-group:has(input.state_name) input:not(select), .inner p.form-group:has(input[type="checkbox"]) input:not(select), .inner p.form-group:has(input[type="radio"]) input:not(select), .inner p.form-group.field.checkbox input:not(select), .checkout-content-summary .inner p.form-group input:not(select), .checkout-content-summary .inner p.form-group * input:not(select) {
  padding-right: 0 !important;
}

/* line 165, vendor/assets/stylesheets/spree/frontend/shell/_address_form.scss */
.inner p.form-group input[id$="_zipcode"]::placeholder,
.inner p.form-group input[name$="[zipcode]"]::placeholder {
  color: transparent;
}

/* line 171, vendor/assets/stylesheets/spree/frontend/shell/_address_form.scss */
.inner p.form-group .hidden,
.inner p.form-group input.hidden,
.inner p.form-group select.hidden {
  display: none !important;
  visibility: hidden !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}

/* line 185, vendor/assets/stylesheets/spree/frontend/shell/_address_form.scss */
.inner p.form-group span#scountry-selection,
.inner p.form-group span#bcountry-selection,
.inner p.form-group span#sstate-selection,
.inner p.form-group span#bstate-selection {
  width: 100% !important;
  display: block !important;
}

/* line 192, vendor/assets/stylesheets/spree/frontend/shell/_address_form.scss */
.inner p.form-group span#scountry-selection select.form-control,
.inner p.form-group span#bcountry-selection select.form-control,
.inner p.form-group span#sstate-selection select.form-control,
.inner p.form-group span#bstate-selection select.form-control {
  width: 100% !important;
}

/* line 199, vendor/assets/stylesheets/spree/frontend/shell/_address_form.scss */
.inner p#sstate.form-group select.form-control, .inner p#bstate.form-group select.form-control {
  width: 100% !important;
  min-height: 38px;
}

/* line 208, vendor/assets/stylesheets/spree/frontend/shell/_address_form.scss */
.inner .btn-group-address-type {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0;
  align-self: stretch;
  width: 100%;
  margin-bottom: 24px;
}

/* line 217, vendor/assets/stylesheets/spree/frontend/shell/_address_form.scss */
.inner .btn-group-address-type .btn,
.inner .btn-group-address-type .btn:first-child,
.inner .btn-group-address-type .btn:last-child {
  display: flex;
  height: 48px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  border-radius: 0 !important;
  border: none;
  text-align: center;
}

/* line 230, vendor/assets/stylesheets/spree/frontend/shell/_address_form.scss */
.inner .btn-group-address-type .btn i,
.inner .btn-group-address-type .btn:first-child i,
.inner .btn-group-address-type .btn:last-child i {
  display: none;
}

/* line 234, vendor/assets/stylesheets/spree/frontend/shell/_address_form.scss */
.inner .btn-group-address-type .btn.btn-primary,
.inner .btn-group-address-type .btn.btn-primary:first-child,
.inner .btn-group-address-type .btn.btn-primary:last-child {
  background-color: #5787C9;
  color: white;
}

/* line 238, vendor/assets/stylesheets/spree/frontend/shell/_address_form.scss */
.inner .btn-group-address-type .btn.btn-primary:hover,
.inner .btn-group-address-type .btn.btn-primary:first-child:hover,
.inner .btn-group-address-type .btn.btn-primary:last-child:hover {
  background-color: #19335D;
}

/* line 243, vendor/assets/stylesheets/spree/frontend/shell/_address_form.scss */
.inner .btn-group-address-type .btn.btn-default,
.inner .btn-group-address-type .btn.btn-default:first-child,
.inner .btn-group-address-type .btn.btn-default:last-child {
  background-color: #F7F9FF;
  color: #666;
}

/* line 247, vendor/assets/stylesheets/spree/frontend/shell/_address_form.scss */
.inner .btn-group-address-type .btn.btn-default:hover,
.inner .btn-group-address-type .btn.btn-default:first-child:hover,
.inner .btn-group-address-type .btn.btn-default:last-child:hover {
  background-color: #F1F4F9;
}

/* line 7, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
.my-account-page .main-content-area {
  flex: 1;
  width: auto;
}

/* line 13, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
#my-addresses.account-content-section {
  margin-top: 24px;
}

/* line 17, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
#my-addresses.account-content-section .account-addresses-section .account-section-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
}

/* line 27, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
#my-addresses.account-content-section .account-addresses-section #user_addresses_form {
  width: 100%;
}

/* line 33, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
#my-addresses.account-content-section .no-address-message {
  padding: 16px;
  background: #F1F4F9;
  border: 1px dashed #DEDEDE;
  color: #4C4A47;
  font-size: 14px;
  text-align: center;
}

/* line 42, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
#my-addresses.account-content-section .add-address-btn {
  margin-top: 8px;
  background: transparent;
  border: 1px solid #5787C9;
  color: #5787C9;
  padding: 8px 16px;
  border-radius: 100px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.2s;
}

/* line 53, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
#my-addresses.account-content-section .add-address-btn:hover {
  background: #5787C9;
  color: #fff;
}

/* line 60, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
#my-addresses.account-content-section .addresses-display {
  width: 100%;
}

/* line 65, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
#my-addresses.account-content-section .addresses-form-container {
  width: 100%;
}

/* line 70, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
#my-addresses.account-content-section .use-billing-notice {
  padding: 16px;
  background: #F1F4F9;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
  color: #101113;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 81, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
#my-addresses.account-content-section .use-billing-notice .checkmark {
  color: #5787C9;
  font-weight: bold;
}

/* line 88, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
#my-addresses.account-content-section .btn-group-address-type {
  margin-bottom: 16px !important;
}

/* line 94, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
#my-addresses .addresses-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  width: 100%;
}

@media (max-width: 1200px) {
  /* line 94, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
  #my-addresses .addresses-grid {
    grid-template-columns: 1fr;
  }
}

/* line 105, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
#my-addresses .address-card {
  border: 1px solid #DEDEDE;
  padding: 16px;
  background: #fff;
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
}

/* line 115, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
#my-addresses .address-card .address-card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 12px;
}

/* line 121, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
#my-addresses .address-card .address-card-header .address-type-title {
  color: #101113;
  font-family: "Exo 2";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.15px;
}

/* line 131, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
#my-addresses .address-card .address-card-header .address-card-header-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

/* line 137, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
#my-addresses .address-card .address-card-header .address-card-header-right .address-badges {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}

/* line 143, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
#my-addresses .address-card .address-card-header .address-card-header-right .address-badges .address-default-badge {
  display: inline-block;
  background: #5787C9;
  color: #fff;
  font-family: "Exo 2";
  font-size: 11px;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 4px;
  line-height: 1.2;
  white-space: nowrap;
}

/* line 157, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
#my-addresses .address-card .address-card-header .address-card-header-right .address-card-actions {
  position: absolute;
  bottom: 6px;
  right: 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

/* line 169, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
#my-addresses .address-card .address-card-header .address-card-header-right .address-card-actions .edit-address-btn,
#my-addresses .address-card .address-card-header .address-card-header-right .address-card-actions .delete-address-btn {
  background: transparent;
  border: none;
  padding: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s;
  width: 32px;
  height: 32px;
}

/* line 182, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
#my-addresses .address-card .address-card-header .address-card-header-right .address-card-actions .edit-address-btn:hover,
#my-addresses .address-card .address-card-header .address-card-header-right .address-card-actions .delete-address-btn:hover {
  opacity: 0.7;
}

/* line 186, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
#my-addresses .address-card .address-card-header .address-card-header-right .address-card-actions .edit-address-btn svg,
#my-addresses .address-card .address-card-header .address-card-header-right .address-card-actions .delete-address-btn svg {
  width: 28px;
  height: 28px;
  border: 1px solid #DEDEDE;
  border-radius: 50%;
  padding: 5px;
  flex-shrink: 0;
  transition: all 0.2s ease;
}

/* line 198, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
#my-addresses .address-card .address-card-header .address-card-header-right .address-card-actions .edit-address-btn:hover svg {
  background-color: #5787C9;
  border-color: #5787C9;
}

/* line 202, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
#my-addresses .address-card .address-card-header .address-card-header-right .address-card-actions .edit-address-btn:hover svg path {
  stroke: #fff;
}

/* line 207, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
#my-addresses .address-card .address-card-header .address-card-header-right .address-card-actions .edit-address-btn svg path {
  stroke: #4C4A47;
  transition: stroke 0.2s ease;
}

/* line 218, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
#my-addresses .address-card:hover .address-card-header .address-card-header-right .address-card-actions {
  opacity: 1;
  visibility: visible;
}

/* line 224, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
#my-addresses .address-card .address-card-content {
  flex: 1;
  min-width: 0;
}

/* line 228, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
#my-addresses .address-card .address-card-content .address-info-frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  width: 100%;
}

/* line 235, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
#my-addresses .address-card .address-card-content .address-info-frame .address-name {
  color: #101113;
  font-family: "Exo 2";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
}

/* line 245, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
#my-addresses .address-card .address-card-content .address-info-frame .address-details {
  color: #101113;
  font-family: "Exo 2";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.25px;
}

/* line 4, vendor/assets/stylesheets/spree/frontend/shell/_unified_addresses_row.scss */
.unified-addresses-row {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: flex-start;
  width: 100%;
}

@media (max-width: 1200px) {
  /* line 4, vendor/assets/stylesheets/spree/frontend/shell/_unified_addresses_row.scss */
  .unified-addresses-row {
    flex-direction: column;
  }
}

/* line 15, vendor/assets/stylesheets/spree/frontend/shell/_unified_addresses_row.scss */
.unified-addresses-row .address-column {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

@media (max-width: 1200px) {
  /* line 15, vendor/assets/stylesheets/spree/frontend/shell/_unified_addresses_row.scss */
  .unified-addresses-row .address-column {
    flex: none;
    width: 100%;
  }
}

/* line 27, vendor/assets/stylesheets/spree/frontend/shell/_unified_addresses_row.scss */
.unified-addresses-row .address-column .column-title h3 {
  font-family: "Exo 2";
  font-size: 18px;
  font-weight: 600;
  color: #101113;
  margin-bottom: 8px;
}

/* line 35, vendor/assets/stylesheets/spree/frontend/shell/_unified_addresses_row.scss */
.unified-addresses-row .address-column .use-billing-checkbox-container {
  padding: 12px;
  background: #F1F4F9;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
}

/* line 41, vendor/assets/stylesheets/spree/frontend/shell/_unified_addresses_row.scss */
.unified-addresses-row .address-column .use-billing-checkbox-container.shipping-header-with-checkbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

/* line 48, vendor/assets/stylesheets/spree/frontend/shell/_unified_addresses_row.scss */
.unified-addresses-row .address-column .use-billing-checkbox-container .shipping-header-title {
  font-family: "Exo 2";
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0.25px;
  color: #101113;
}

/* line 57, vendor/assets/stylesheets/spree/frontend/shell/_unified_addresses_row.scss */
.unified-addresses-row .address-column .use-billing-checkbox-container .custom-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 62, vendor/assets/stylesheets/spree/frontend/shell/_unified_addresses_row.scss */
.unified-addresses-row .address-column .use-billing-checkbox-container .custom-checkbox input[type="checkbox"] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: #5787C9;
}

/* line 69, vendor/assets/stylesheets/spree/frontend/shell/_unified_addresses_row.scss */
.unified-addresses-row .address-column .use-billing-checkbox-container .custom-checkbox label {
  margin: 0;
  font-size: 14px;
  cursor: pointer;
  font-weight: 500;
}

/* line 260, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
.address-form-actions {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 24px;
  border-top: 1px solid #DEDEDE;
}

/* line 269, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
.address-form-actions .save-as-default-container .custom-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 274, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
.address-form-actions .save-as-default-container .custom-checkbox input[type="checkbox"] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: #5787C9;
}

/* line 280, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
.address-form-actions .save-as-default-container .custom-checkbox input[type="checkbox"]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

/* line 286, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
.address-form-actions .save-as-default-container .custom-checkbox label {
  font-size: 14px;
  color: #101113;
  cursor: pointer;
  margin-bottom: 0;
}

/* line 293, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
.address-form-actions .save-as-default-container .custom-checkbox input[type="checkbox"]:disabled + label {
  cursor: not-allowed;
  opacity: 0.5;
}

/* line 300, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
.address-form-actions .form-buttons {
  display: flex;
  gap: 16px;
}

/* line 305, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
.address-form-actions .save-address-btn {
  background-color: #5787C9;
  color: #fff;
  border: none;
  padding: 10px 32px;
  border-radius: 100px;
  font-weight: 600;
  cursor: pointer;
}

/* line 314, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
.address-form-actions .save-address-btn:hover {
  background-color: #19335D;
}

/* line 319, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
.address-form-actions .cancel-address-btn {
  background-color: #fff;
  color: #101113;
  border: 1px solid #DEDEDE;
  padding: 10px 32px;
  border-radius: 100px;
  font-weight: 600;
  cursor: pointer;
}

/* line 328, vendor/assets/stylesheets/spree/frontend/shell/_account.scss */
.address-form-actions .cancel-address-btn:hover {
  background-color: #F1F4F9;
}

/* line 6, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
#social-signin-links {
  margin-top: 0 !important;
}

/* line 9, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
#social-signin-links .text-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 100%;
}

/* line 17, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
#social-signin-links .text-center p.social-title {
  color: #101113;
  text-align: center;
  font-family: "Exo 2";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 127.273% */
}

/* line 27, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
#social-signin-links .text-center a#google-oauth2 {
  display: flex !important;
  width: 345px;
  max-width: 100%;
  height: 54px;
  padding: 0 64px;
  justify-content: center;
  align-items: center;
  flex-shrink: 1;
  border-radius: 10px;
  background: #FFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08), 0 2px 3px 0 rgba(0, 0, 0, 0.17) !important;
  gap: 8px;
  text-decoration: none;
  margin: 0;
  box-sizing: border-box;
  font-family: "Exo 2";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.5px;
  color: rgba(0, 0, 0, 0.54) !important;
}

/* line 45, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
#social-signin-links .text-center a#google-oauth2 svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

/* line 51, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
#social-signin-links .text-center a#google-oauth2 span {
  flex-shrink: 0;
  color: rgba(0, 0, 0, 0.54) !important;
}

/* line 65, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
#social-signin-links .text-center a#google-oauth2:link, #social-signin-links .text-center a#google-oauth2:visited, #social-signin-links .text-center a#google-oauth2:hover, #social-signin-links .text-center a#google-oauth2:active {
  color: rgba(0, 0, 0, 0.54) !important;
  text-decoration: none;
}

@media (max-width: 767px) {
  /* line 27, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
  #social-signin-links .text-center a#google-oauth2 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 16px !important;
    flex-shrink: 1 !important;
    min-width: 0 !important;
  }
  /* line 81, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
  #social-signin-links .text-center a#google-oauth2 span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* line 89, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
#social-signin-links .text-center p {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #101113;
  font-family: "Exo 2";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.5px;
}

/* line 106, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
#registration input:-webkit-autofill,
#registration input:-webkit-autofill:hover,
#registration input:-webkit-autofill:focus,
body#signup input:-webkit-autofill,
body#signup input:-webkit-autofill:hover,
body#signup input:-webkit-autofill:focus,
body#login input:-webkit-autofill,
body#login input:-webkit-autofill:hover,
body#login input:-webkit-autofill:focus,
body#forgot-password input:-webkit-autofill,
body#forgot-password input:-webkit-autofill:hover,
body#forgot-password input:-webkit-autofill:focus {
  -webkit-text-fill-color: inherit;
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  box-shadow: 0 0 0 1000px transparent inset !important;
  background-color: transparent !important;
  transition: background-color 9999s ease-out 0s;
}

/* line 125, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
#registration {
  width: 100%;
  display: flex;
  gap: 24px;
}

/* line 131, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
#registration .social-title {
  display: none;
}

/* line 135, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
#registration .checkout-as-guest {
  order: 2;
  flex: 1;
}

/* line 140, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
#registration .checkout-registration {
  order: 1;
  flex: 1;
}

@media (max-width: 767px) {
  /* line 146, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
  #registration .checkout-as-guest {
    order: 1;
  }
  /* line 150, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
  #registration .checkout-registration {
    order: 2;
  }
}

/* line 157, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
input:focus,
textarea:focus,
select:focus {
  outline: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
}

/* line 166, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
  -webkit-text-fill-color: inherit !important;
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  box-shadow: 0 0 0 1000px transparent inset !important;
  background-color: transparent !important;
  transition: background-color 9999s ease-out 0s;
}

/* line 192, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration .col-md-6.col-md-offset-3,
body#signup .col-md-6.col-md-offset-3,
body#login .col-md-6.col-md-offset-3,
body#forgot-password .col-md-6.col-md-offset-3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 16px;
  gap: 0;
}

/* line 205, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration .signup-title-row,
body#signup .signup-title-row,
body#login .signup-title-row,
body#forgot-password .signup-title-row {
  display: flex;
  padding: 0;
  margin-bottom: 16px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
}

/* line 214, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration .signup-title-row .signup-title-content,
body#signup .signup-title-row .signup-title-content,
body#login .signup-title-row .signup-title-content,
body#forgot-password .signup-title-row .signup-title-content {
  display: flex;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  width: 100%;
  background: #F1F4F9;
}

/* line 222, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration .signup-title-row .signup-title-content .signup-title-icon,
body#signup .signup-title-row .signup-title-content .signup-title-icon,
body#login .signup-title-row .signup-title-content .signup-title-icon,
body#forgot-password .signup-title-row .signup-title-content .signup-title-icon {
  display: flex;
  width: 60px;
  height: 60px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  background: #5787C9;
  flex-shrink: 0;
}

/* line 232, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration .signup-title-row .signup-title-content .signup-title-icon svg,
body#signup .signup-title-row .signup-title-content .signup-title-icon svg,
body#login .signup-title-row .signup-title-content .signup-title-icon svg,
body#forgot-password .signup-title-row .signup-title-content .signup-title-icon svg {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

/* line 240, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration .signup-title-row .signup-title-content .signup-title-text,
body#signup .signup-title-row .signup-title-content .signup-title-text,
body#login .signup-title-row .signup-title-content .signup-title-text,
body#forgot-password .signup-title-row .signup-title-content .signup-title-text {
  margin: 0;
  color: #5787C9;
  font-family: "Exo 2";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 127.273% */
}

/* line 253, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration .panel,
body#signup .panel,
body#login .panel,
body#forgot-password .panel {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  height: fit-content;
  border-radius: 20px;
  border: 1px solid #DEDEDE !important;
  background: #fff !important;
  box-shadow: none !important;
  width: fit-content;
  margin: 0 auto;
}

@media (max-width: 767px) {
  /* line 253, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
  .checkout-registration .panel,
body#signup .panel,
body#login .panel,
body#forgot-password .panel {
    border-radius: 0;
  }
}

/* line 272, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration .panel.panel-default,
body#signup .panel.panel-default,
body#login .panel.panel-default,
body#forgot-password .panel.panel-default {
  border-color: #DEDEDE !important;
  background-color: #fff !important;
}

/* line 277, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration .panel .panel-heading,
body#signup .panel .panel-heading,
body#login .panel .panel-heading,
body#forgot-password .panel .panel-heading {
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
}

/* line 284, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration .panel .panel-heading .panel-title,
body#signup .panel .panel-heading .panel-title,
body#login .panel .panel-heading .panel-title,
body#forgot-password .panel .panel-heading .panel-title {
  color: #101113;
  font-family: "Exo 2";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.15px;
  margin: 0;
  text-align: center;
  width: 100%;
}

/* line 298, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration .panel .panel-body,
body#signup .panel .panel-body,
body#login .panel .panel-body,
body#forgot-password .panel .panel-body {
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

/* line 305, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer,
.checkout-registration #existing-customer,
body#signup #new-customer,
body#signup #existing-customer,
body#login #new-customer,
body#login #existing-customer,
body#forgot-password #new-customer,
body#forgot-password #existing-customer {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
  width: 100%;
  height: fit-content;
}

/* line 315, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form,
.checkout-registration #existing-customer form,
body#signup #new-customer form,
body#signup #existing-customer form,
body#login #new-customer form,
body#login #existing-customer form,
body#forgot-password #new-customer form,
body#forgot-password #existing-customer form {
  width: 100%;
  margin-bottom: 0;
}

/* line 319, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form .form-group,
.checkout-registration #existing-customer form .form-group,
body#signup #new-customer form .form-group,
body#signup #existing-customer form .form-group,
body#login #new-customer form .form-group,
body#login #existing-customer form .form-group,
body#forgot-password #new-customer form .form-group,
body#forgot-password #existing-customer form .form-group {
  margin-bottom: 0;
}

/* line 324, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="login_extras"],
.checkout-registration #existing-customer form [data-hook="login_extras"],
body#signup #new-customer form [data-hook="login_extras"],
body#signup #existing-customer form [data-hook="login_extras"],
body#login #new-customer form [data-hook="login_extras"],
body#login #existing-customer form [data-hook="login_extras"],
body#forgot-password #new-customer form [data-hook="login_extras"],
body#forgot-password #existing-customer form [data-hook="login_extras"] {
  display: flex;
  padding: 16px 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
}

/* line 332, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="login_extras"] #social-signin-links,
.checkout-registration #existing-customer form [data-hook="login_extras"] #social-signin-links,
body#signup #new-customer form [data-hook="login_extras"] #social-signin-links,
body#signup #existing-customer form [data-hook="login_extras"] #social-signin-links,
body#login #new-customer form [data-hook="login_extras"] #social-signin-links,
body#login #existing-customer form [data-hook="login_extras"] #social-signin-links,
body#forgot-password #new-customer form [data-hook="login_extras"] #social-signin-links,
body#forgot-password #existing-customer form [data-hook="login_extras"] #social-signin-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

/* line 340, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"],
body#signup #new-customer form [data-hook="signup_inside_form"],
body#signup #existing-customer form [data-hook="signup_inside_form"],
body#login #new-customer form [data-hook="signup_inside_form"],
body#login #existing-customer form [data-hook="signup_inside_form"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] {
  display: flex;
  margin-top: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  width: 100%;
  border: none !important;
  background: transparent !important;
}

/* line 352, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials {
  background: none !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* line 363, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid #DEDEDE;
  position: relative;
  width: 100%;
  padding: 4px 0 4px 16px;
}

/* line 376, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  width: 100%;
}

/* line 383, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input {
  display: flex;
  align-items: center;
  align-self: stretch;
  width: 100%;
  font-family: "Exo 2";
  font-size: 14px;
  background-color: #fff;
  border: none;
  box-sizing: border-box;
}

/* line 394, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input:focus,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input:focus,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input:focus,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input:focus,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input:focus,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input:focus,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input:focus,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input:focus {
  outline: none;
}

/* line 398, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input::placeholder,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input::placeholder,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input::placeholder,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input::placeholder,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input::placeholder,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input::placeholder,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input::placeholder,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input::placeholder {
  color: #999;
}

/* line 405, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials p,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials p,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials p,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials p,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials p,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials p,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials p,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials p {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid #DEDEDE;
  position: relative;
  width: 100%;
  padding: 4px 0 4px 16px;
}

/* line 419, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"],
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"],
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"],
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"],
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"],
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"],
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"],
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"],
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"],
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"],
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"],
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"],
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"],
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"],
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"],
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"],
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"],
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"],
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"],
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"],
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"],
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"],
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"],
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"],
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"] {
  display: flex;
  align-items: center;
  align-self: stretch;
  width: 100%;
  font-family: "Exo 2";
  font-size: 14px;
  background-color: #fff;
  border: none;
  box-sizing: border-box;
}

/* line 432, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"]:focus,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"]:focus,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"]:focus,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"]:focus,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"]:focus,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"]:focus,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"]:focus,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"]:focus,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"]:focus,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"]:focus,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"]:focus,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"]:focus,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"]:focus,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"]:focus,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"]:focus,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"]:focus,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"]:focus,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"]:focus,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"]:focus,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"]:focus,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"]:focus,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"]:focus,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"]:focus,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"]:focus,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"]:focus,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"]:focus,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"]:focus,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"]:focus,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"]:focus,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"]:focus,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"]:focus,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"]:focus,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"]:focus,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"]:focus,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"]:focus,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"]:focus,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"]:focus,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"]:focus,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"]:focus,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"]:focus,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"]:focus,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"]:focus,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"]:focus,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"]:focus,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"]:focus,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"]:focus,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"]:focus,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"]:focus {
  outline: none;
}

/* line 436, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"]::placeholder,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"]::placeholder,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"]::placeholder,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"]::placeholder,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"]::placeholder,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"]::placeholder,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"]::placeholder,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"]::placeholder,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"]::placeholder,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"]::placeholder,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"]::placeholder,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"]::placeholder,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"]::placeholder,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"]::placeholder,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"]::placeholder,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"]::placeholder,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"]::placeholder,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"]::placeholder,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"]::placeholder,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"]::placeholder,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"]::placeholder,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"]::placeholder,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"]::placeholder,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"]::placeholder,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"]::placeholder,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"]::placeholder,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"]::placeholder,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"]::placeholder,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"]::placeholder,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"]::placeholder,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"]::placeholder,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"]::placeholder,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"]::placeholder,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"]::placeholder,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"]::placeholder,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"]::placeholder,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"]::placeholder,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"]::placeholder,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"]::placeholder,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"]::placeholder,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"]::placeholder,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"]::placeholder,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"]::placeholder,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"]::placeholder,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"]::placeholder,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"]::placeholder,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"]::placeholder,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"]::placeholder {
  color: #999;
}

/* line 444, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] [data-hook="signup_below_password_fields"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] [data-hook="signup_below_password_fields"],
body#signup #new-customer form [data-hook="signup_inside_form"] [data-hook="signup_below_password_fields"],
body#signup #existing-customer form [data-hook="signup_inside_form"] [data-hook="signup_below_password_fields"],
body#login #new-customer form [data-hook="signup_inside_form"] [data-hook="signup_below_password_fields"],
body#login #existing-customer form [data-hook="signup_inside_form"] [data-hook="signup_below_password_fields"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] [data-hook="signup_below_password_fields"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] [data-hook="signup_below_password_fields"] {
  border: none !important;
  background: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* line 450, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] [data-hook="signup_below_password_fields"]:empty,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] [data-hook="signup_below_password_fields"]:empty,
body#signup #new-customer form [data-hook="signup_inside_form"] [data-hook="signup_below_password_fields"]:empty,
body#signup #existing-customer form [data-hook="signup_inside_form"] [data-hook="signup_below_password_fields"]:empty,
body#login #new-customer form [data-hook="signup_inside_form"] [data-hook="signup_below_password_fields"]:empty,
body#login #existing-customer form [data-hook="signup_inside_form"] [data-hook="signup_below_password_fields"]:empty,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] [data-hook="signup_below_password_fields"]:empty,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] [data-hook="signup_below_password_fields"]:empty {
  display: none !important;
}

/* line 456, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] p.instruction-text,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] p.instruction-text,
body#signup #new-customer form [data-hook="signup_inside_form"] p.instruction-text,
body#signup #existing-customer form [data-hook="signup_inside_form"] p.instruction-text,
body#login #new-customer form [data-hook="signup_inside_form"] p.instruction-text,
body#login #existing-customer form [data-hook="signup_inside_form"] p.instruction-text,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] p.instruction-text,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] p.instruction-text {
  color: #19335D !important;
  text-align: center !important;
  font-family: "Exo 2" !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  /* 150% */
  letter-spacing: 0.15px !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  display: block !important;
  flex: none !important;
  align-items: unset !important;
  align-self: unset !important;
  border-radius: 0 !important;
  width: auto !important;
}

/* line 479, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .form-group,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text),
.checkout-registration #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha),
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .form-group,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text),
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha),
body#signup #new-customer form [data-hook="signup_inside_form"] .form-group,
body#signup #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text),
body#signup #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha),
body#signup #existing-customer form [data-hook="signup_inside_form"] .form-group,
body#signup #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text),
body#signup #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha),
body#login #new-customer form [data-hook="signup_inside_form"] .form-group,
body#login #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text),
body#login #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha),
body#login #existing-customer form [data-hook="signup_inside_form"] .form-group,
body#login #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text),
body#login #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha),
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .form-group,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text),
body#forgot-password #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha),
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .form-group,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text),
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid #DEDEDE;
  position: relative;
  width: 100%;
  padding: 4px 0 4px 16px;
}

/* line 494, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .form-group input[type="email"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .form-group input[type="password"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .form-group input[type="text"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="email"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="password"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="text"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"],
body#signup #new-customer form [data-hook="signup_inside_form"] .form-group input[type="email"],
body#signup #new-customer form [data-hook="signup_inside_form"] .form-group input[type="password"],
body#signup #new-customer form [data-hook="signup_inside_form"] .form-group input[type="text"],
body#signup #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"],
body#signup #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"],
body#signup #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"],
body#signup #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"],
body#signup #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"],
body#signup #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"],
body#signup #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="email"],
body#signup #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="password"],
body#signup #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="text"],
body#signup #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"],
body#signup #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"],
body#signup #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"],
body#signup #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"],
body#signup #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"],
body#signup #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"],
body#login #new-customer form [data-hook="signup_inside_form"] .form-group input[type="email"],
body#login #new-customer form [data-hook="signup_inside_form"] .form-group input[type="password"],
body#login #new-customer form [data-hook="signup_inside_form"] .form-group input[type="text"],
body#login #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"],
body#login #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"],
body#login #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"],
body#login #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"],
body#login #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"],
body#login #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"],
body#login #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="email"],
body#login #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="password"],
body#login #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="text"],
body#login #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"],
body#login #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"],
body#login #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"],
body#login #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"],
body#login #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"],
body#login #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .form-group input[type="email"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .form-group input[type="password"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .form-group input[type="text"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="email"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="password"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="text"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"] {
  display: flex;
  align-items: center;
  align-self: stretch;
  width: 100%;
  font-family: "Exo 2";
  font-size: 14px;
  background-color: #fff;
  border: none;
  box-sizing: border-box;
}

/* line 507, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .form-group input[type="email"]:focus,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .form-group input[type="password"]:focus,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .form-group input[type="text"]:focus,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"]:focus,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]:focus,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"]:focus,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"]:focus,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"]:focus,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"]:focus,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="email"]:focus,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="password"]:focus,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="text"]:focus,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"]:focus,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]:focus,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"]:focus,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"]:focus,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"]:focus,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"]:focus,
body#signup #new-customer form [data-hook="signup_inside_form"] .form-group input[type="email"]:focus,
body#signup #new-customer form [data-hook="signup_inside_form"] .form-group input[type="password"]:focus,
body#signup #new-customer form [data-hook="signup_inside_form"] .form-group input[type="text"]:focus,
body#signup #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"]:focus,
body#signup #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]:focus,
body#signup #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"]:focus,
body#signup #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"]:focus,
body#signup #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"]:focus,
body#signup #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"]:focus,
body#signup #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="email"]:focus,
body#signup #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="password"]:focus,
body#signup #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="text"]:focus,
body#signup #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"]:focus,
body#signup #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]:focus,
body#signup #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"]:focus,
body#signup #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"]:focus,
body#signup #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"]:focus,
body#signup #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"]:focus,
body#login #new-customer form [data-hook="signup_inside_form"] .form-group input[type="email"]:focus,
body#login #new-customer form [data-hook="signup_inside_form"] .form-group input[type="password"]:focus,
body#login #new-customer form [data-hook="signup_inside_form"] .form-group input[type="text"]:focus,
body#login #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"]:focus,
body#login #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]:focus,
body#login #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"]:focus,
body#login #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"]:focus,
body#login #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"]:focus,
body#login #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"]:focus,
body#login #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="email"]:focus,
body#login #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="password"]:focus,
body#login #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="text"]:focus,
body#login #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"]:focus,
body#login #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]:focus,
body#login #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"]:focus,
body#login #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"]:focus,
body#login #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"]:focus,
body#login #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"]:focus,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .form-group input[type="email"]:focus,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .form-group input[type="password"]:focus,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .form-group input[type="text"]:focus,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"]:focus,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]:focus,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"]:focus,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"]:focus,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"]:focus,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"]:focus,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="email"]:focus,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="password"]:focus,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="text"]:focus,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"]:focus,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]:focus,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"]:focus,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"]:focus,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"]:focus,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"]:focus {
  outline: none;
}

/* line 511, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .form-group input[type="email"]::placeholder,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .form-group input[type="password"]::placeholder,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .form-group input[type="text"]::placeholder,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"]::placeholder,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]::placeholder,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"]::placeholder,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"]::placeholder,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"]::placeholder,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"]::placeholder,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="email"]::placeholder,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="password"]::placeholder,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="text"]::placeholder,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"]::placeholder,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]::placeholder,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"]::placeholder,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"]::placeholder,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"]::placeholder,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"]::placeholder,
body#signup #new-customer form [data-hook="signup_inside_form"] .form-group input[type="email"]::placeholder,
body#signup #new-customer form [data-hook="signup_inside_form"] .form-group input[type="password"]::placeholder,
body#signup #new-customer form [data-hook="signup_inside_form"] .form-group input[type="text"]::placeholder,
body#signup #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"]::placeholder,
body#signup #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]::placeholder,
body#signup #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"]::placeholder,
body#signup #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"]::placeholder,
body#signup #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"]::placeholder,
body#signup #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"]::placeholder,
body#signup #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="email"]::placeholder,
body#signup #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="password"]::placeholder,
body#signup #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="text"]::placeholder,
body#signup #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"]::placeholder,
body#signup #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]::placeholder,
body#signup #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"]::placeholder,
body#signup #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"]::placeholder,
body#signup #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"]::placeholder,
body#signup #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"]::placeholder,
body#login #new-customer form [data-hook="signup_inside_form"] .form-group input[type="email"]::placeholder,
body#login #new-customer form [data-hook="signup_inside_form"] .form-group input[type="password"]::placeholder,
body#login #new-customer form [data-hook="signup_inside_form"] .form-group input[type="text"]::placeholder,
body#login #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"]::placeholder,
body#login #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]::placeholder,
body#login #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"]::placeholder,
body#login #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"]::placeholder,
body#login #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"]::placeholder,
body#login #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"]::placeholder,
body#login #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="email"]::placeholder,
body#login #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="password"]::placeholder,
body#login #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="text"]::placeholder,
body#login #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"]::placeholder,
body#login #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]::placeholder,
body#login #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"]::placeholder,
body#login #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"]::placeholder,
body#login #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"]::placeholder,
body#login #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"]::placeholder,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .form-group input[type="email"]::placeholder,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .form-group input[type="password"]::placeholder,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .form-group input[type="text"]::placeholder,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"]::placeholder,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]::placeholder,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"]::placeholder,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"]::placeholder,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"]::placeholder,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"]::placeholder,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="email"]::placeholder,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="password"]::placeholder,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="text"]::placeholder,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"]::placeholder,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]::placeholder,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"]::placeholder,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"]::placeholder,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"]::placeholder,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"]::placeholder {
  color: #999;
}

/* line 519, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password),
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password),
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password),
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password),
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password),
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password),
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password),
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 16px;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* line 532, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

/* line 545, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div {
  margin: 0 auto !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  outline: none !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* line 557, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div iframe,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div iframe,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div iframe,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div iframe,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div iframe,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div iframe,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div iframe,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div iframe {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  margin: 0 auto !important;
  display: block !important;
}

/* line 566, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div > div,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div > div > div,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div > div,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div > div > div,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div > div,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div > div > div,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div > div,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div > div > div,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div > div,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div > div > div,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div > div,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div > div > div,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div > div,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div > div > div,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div > div,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div > div > div {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  outline: none !important;
}

/* line 576, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha .grecaptcha-badge,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha .grecaptcha-logo,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha .grecaptcha-badge,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha .grecaptcha-logo,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha .grecaptcha-badge,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha .grecaptcha-logo,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha .grecaptcha-badge,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha .grecaptcha-logo,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha .grecaptcha-badge,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha .grecaptcha-logo,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha .grecaptcha-badge,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha .grecaptcha-logo,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha .grecaptcha-badge,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha .grecaptcha-logo,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha .grecaptcha-badge,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha .grecaptcha-logo {
  border: none !important;
}

@media (max-width: 767px) {
  /* line 586, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
  .checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) body > div[style*="position: absolute"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) body > div[style*="position:fixed"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) body > div[style*="position: absolute"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) body > div[style*="position:fixed"],
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) body > div[style*="position: absolute"],
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) body > div[style*="position:fixed"],
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) body > div[style*="position: absolute"],
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) body > div[style*="position:fixed"],
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) body > div[style*="position: absolute"],
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) body > div[style*="position:fixed"],
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) body > div[style*="position: absolute"],
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) body > div[style*="position:fixed"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) body > div[style*="position: absolute"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) body > div[style*="position:fixed"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) body > div[style*="position: absolute"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) body > div[style*="position:fixed"] {
    left: 50% !important;
    transform: translateX(-50%) !important;
    max-width: calc(100vw - 20px) !important;
    right: auto !important;
    margin-left: 0 !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    max-height: calc(100vh - 20px) !important;
  }
  /* line 602, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
  .checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) div[class*="rc-anchor"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) div[id*="rc-anchor"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) div[class*="rc-anchor"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) div[id*="rc-anchor"],
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) div[class*="rc-anchor"],
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) div[id*="rc-anchor"],
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) div[class*="rc-anchor"],
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) div[id*="rc-anchor"],
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) div[class*="rc-anchor"],
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) div[id*="rc-anchor"],
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) div[class*="rc-anchor"],
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) div[id*="rc-anchor"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) div[class*="rc-anchor"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) div[id*="rc-anchor"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) div[class*="rc-anchor"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) div[id*="rc-anchor"] {
    max-width: 100vw !important;
    box-sizing: border-box !important;
  }
  /* line 609, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
  .checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[src*="recaptcha"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[title*="recaptcha"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[name*="recaptcha"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[src*="recaptcha"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[title*="recaptcha"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[name*="recaptcha"],
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[src*="recaptcha"],
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[title*="recaptcha"],
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[name*="recaptcha"],
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[src*="recaptcha"],
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[title*="recaptcha"],
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[name*="recaptcha"],
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[src*="recaptcha"],
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[title*="recaptcha"],
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[name*="recaptcha"],
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[src*="recaptcha"],
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[title*="recaptcha"],
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[name*="recaptcha"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[src*="recaptcha"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[title*="recaptcha"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[name*="recaptcha"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[src*="recaptcha"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[title*="recaptcha"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[name*="recaptcha"] {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* line 618, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"],
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"],
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"],
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"],
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"],
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"],
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"],
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"],
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] {
  display: inline-flex;
  height: 40px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 0 24px;
  background-color: #FE8F1C;
  border: none !important;
  border-radius: 100px;
  font-family: "Exo 2";
  font-weight: 600;
  font-size: 14px;
  color: white;
  cursor: pointer;
  transition: background-color 0.2s ease;
  text-decoration: none;
  text-transform: uppercase;
}

/* line 641, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success .btn-text,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary .btn-text,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"] .btn-text,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] .btn-text,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success .btn-text,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary .btn-text,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"] .btn-text,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] .btn-text,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success .btn-text,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary .btn-text,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"] .btn-text,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] .btn-text,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success .btn-text,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary .btn-text,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"] .btn-text,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] .btn-text,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success .btn-text,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary .btn-text,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"] .btn-text,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] .btn-text,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success .btn-text,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary .btn-text,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"] .btn-text,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] .btn-text,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success .btn-text,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary .btn-text,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"] .btn-text,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] .btn-text,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success .btn-text,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary .btn-text,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"] .btn-text,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] .btn-text {
  flex-shrink: 0;
}

/* line 645, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success .btn-arrow,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary .btn-arrow,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"] .btn-arrow,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] .btn-arrow,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success .btn-arrow,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary .btn-arrow,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"] .btn-arrow,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] .btn-arrow,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success .btn-arrow,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary .btn-arrow,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"] .btn-arrow,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] .btn-arrow,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success .btn-arrow,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary .btn-arrow,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"] .btn-arrow,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] .btn-arrow,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success .btn-arrow,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary .btn-arrow,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"] .btn-arrow,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] .btn-arrow,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success .btn-arrow,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary .btn-arrow,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"] .btn-arrow,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] .btn-arrow,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success .btn-arrow,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary .btn-arrow,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"] .btn-arrow,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] .btn-arrow,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success .btn-arrow,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary .btn-arrow,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"] .btn-arrow,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] .btn-arrow {
  flex-shrink: 0;
  width: 7px;
  height: 12px;
}

/* line 651, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success:hover,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary:hover,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"]:hover,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"]:hover,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success:hover,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary:hover,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"]:hover,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"]:hover,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success:hover,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary:hover,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"]:hover,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"]:hover,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success:hover,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary:hover,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"]:hover,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"]:hover,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success:hover,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary:hover,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"]:hover,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"]:hover,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success:hover,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary:hover,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"]:hover,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"]:hover,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success:hover,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary:hover,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"]:hover,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"]:hover,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success:hover,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary:hover,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"]:hover,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"]:hover {
  background-color: #e67601;
  text-decoration: none;
  color: white;
}

/* line 662, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer .mt-20,
.checkout-registration #new-customer .clearfix,
.checkout-registration #existing-customer .mt-20,
.checkout-registration #existing-customer .clearfix,
body#signup #new-customer .mt-20,
body#signup #new-customer .clearfix,
body#signup #existing-customer .mt-20,
body#signup #existing-customer .clearfix,
body#login #new-customer .mt-20,
body#login #new-customer .clearfix,
body#login #existing-customer .mt-20,
body#login #existing-customer .clearfix,
body#forgot-password #new-customer .mt-20,
body#forgot-password #new-customer .clearfix,
body#forgot-password #existing-customer .mt-20,
body#forgot-password #existing-customer .clearfix {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}

/* line 670, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer .mt-20 a[href*="login"],
.checkout-registration #new-customer .clearfix a[href*="login"],
.checkout-registration #existing-customer .mt-20 a[href*="login"],
.checkout-registration #existing-customer .clearfix a[href*="login"],
body#signup #new-customer .mt-20 a[href*="login"],
body#signup #new-customer .clearfix a[href*="login"],
body#signup #existing-customer .mt-20 a[href*="login"],
body#signup #existing-customer .clearfix a[href*="login"],
body#login #new-customer .mt-20 a[href*="login"],
body#login #new-customer .clearfix a[href*="login"],
body#login #existing-customer .mt-20 a[href*="login"],
body#login #existing-customer .clearfix a[href*="login"],
body#forgot-password #new-customer .mt-20 a[href*="login"],
body#forgot-password #new-customer .clearfix a[href*="login"],
body#forgot-password #existing-customer .mt-20 a[href*="login"],
body#forgot-password #existing-customer .clearfix a[href*="login"] {
  display: inline-flex;
  height: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  border: 1px solid #DEDEDE;
  padding: 0 24px;
  text-decoration: none;
  color: #5787C9;
  text-align: center;
  font-family: var(--Display-Large-Font, "Exo 2");
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Label-Large-Line-Height, 20px);
  /* 125% */
  letter-spacing: var(--Label-Large-Tracking, 0.1px);
}

/* line 690, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer .mt-20 a[href*="login"]:hover,
.checkout-registration #new-customer .clearfix a[href*="login"]:hover,
.checkout-registration #existing-customer .mt-20 a[href*="login"]:hover,
.checkout-registration #existing-customer .clearfix a[href*="login"]:hover,
body#signup #new-customer .mt-20 a[href*="login"]:hover,
body#signup #new-customer .clearfix a[href*="login"]:hover,
body#signup #existing-customer .mt-20 a[href*="login"]:hover,
body#signup #existing-customer .clearfix a[href*="login"]:hover,
body#login #new-customer .mt-20 a[href*="login"]:hover,
body#login #new-customer .clearfix a[href*="login"]:hover,
body#login #existing-customer .mt-20 a[href*="login"]:hover,
body#login #existing-customer .clearfix a[href*="login"]:hover,
body#forgot-password #new-customer .mt-20 a[href*="login"]:hover,
body#forgot-password #new-customer .clearfix a[href*="login"]:hover,
body#forgot-password #existing-customer .mt-20 a[href*="login"]:hover,
body#forgot-password #existing-customer .clearfix a[href*="login"]:hover {
  text-decoration: none;
  color: #5787C9;
}

/* line 698, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer > .text-center,
.checkout-registration #existing-customer > .text-center,
body#signup #new-customer > .text-center,
body#signup #existing-customer > .text-center,
body#login #new-customer > .text-center,
body#login #existing-customer > .text-center,
body#forgot-password #new-customer > .text-center,
body#forgot-password #existing-customer > .text-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
}

/* line 707, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer > .text-center a[href*="login"],
.checkout-registration #existing-customer > .text-center a[href*="login"],
body#signup #new-customer > .text-center a[href*="login"],
body#signup #existing-customer > .text-center a[href*="login"],
body#login #new-customer > .text-center a[href*="login"],
body#login #existing-customer > .text-center a[href*="login"],
body#forgot-password #new-customer > .text-center a[href*="login"],
body#forgot-password #existing-customer > .text-center a[href*="login"] {
  display: inline-flex;
  height: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  border: 1px solid #DEDEDE;
  padding: 0 24px;
  text-decoration: none;
  color: #5787C9;
  text-align: center;
  font-family: var(--Display-Large-Font, "Exo 2");
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Label-Large-Line-Height, 20px);
  /* 125% */
  letter-spacing: var(--Label-Large-Tracking, 0.1px);
}

/* line 727, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer > .text-center a[href*="login"]:hover,
.checkout-registration #existing-customer > .text-center a[href*="login"]:hover,
body#signup #new-customer > .text-center a[href*="login"]:hover,
body#signup #existing-customer > .text-center a[href*="login"]:hover,
body#login #new-customer > .text-center a[href*="login"]:hover,
body#login #existing-customer > .text-center a[href*="login"]:hover,
body#forgot-password #new-customer > .text-center a[href*="login"]:hover,
body#forgot-password #existing-customer > .text-center a[href*="login"]:hover {
  text-decoration: none;
  color: #5787C9;
}

/* line 738, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration .panel {
  width: 100% !important;
  max-width: none;
}

/* line 745, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
#registration .billing-address-title {
  display: none !important;
}

/* line 751, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
body#signup,
body#login,
body#forgot-password {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

/* line 758, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
body#signup .col-md-6.col-md-offset-3,
body#login .col-md-6.col-md-offset-3,
body#forgot-password .col-md-6.col-md-offset-3 {
  padding-bottom: 40px !important;
}

@media (max-width: 767px) {
  /* line 758, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
  body#signup .col-md-6.col-md-offset-3,
body#login .col-md-6.col-md-offset-3,
body#forgot-password .col-md-6.col-md-offset-3 {
    padding-bottom: 60px !important;
  }
}

/* line 766, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
body#signup .panel,
body#login .panel,
body#forgot-password .panel {
  width: 100%;
  max-width: 540px;
  margin-bottom: 0;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
}

/* line 779, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
body#signup .panel-heading,
body#login .panel-heading,
body#forgot-password .panel-heading {
  display: none;
}

/* line 784, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
body#signup .panel-body,
body#login .panel-body,
body#forgot-password .panel-body {
  width: 100% !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding-bottom: 20px;
}

/* line 797, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
body#forgot-password p.form-question {
  color: #101113 !important;
  font-family: "Exo 2" !important;
  font-size: 24px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 32px !important;
  /* 133.333% */
  text-align: center !important;
  margin: 0 0 16px 0 !important;
}

/* line 809, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
body#forgot-password p.instruction-text {
  color: #19335D !important;
  text-align: center !important;
  font-family: "Exo 2" !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  /* 150% */
  letter-spacing: 0.15px !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  display: block !important;
  flex: none !important;
  align-items: unset !important;
  align-self: unset !important;
  border-radius: 0 !important;
  width: auto !important;
}

/* line 831, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
body#forgot-password input.form-control {
  border: none !important;
  box-shadow: none !important;
}

/* line 835, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
body#forgot-password input.form-control:focus {
  outline: none;
}

/* line 844, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .signup-title-row {
  display: flex;
  padding: 0;
  margin-bottom: 16px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
}

/* line 853, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .signup-title-row .signup-title-content {
  display: flex;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  width: 100%;
  background: #F1F4F9;
}

/* line 861, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .signup-title-row .signup-title-content .signup-title-icon {
  display: flex;
  width: 60px;
  height: 60px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  background: #5787C9;
  flex-shrink: 0;
}

/* line 871, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .signup-title-row .signup-title-content .signup-title-icon svg {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

/* line 879, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .signup-title-row .signup-title-content .signup-title-text {
  margin: 0;
  color: #5787C9;
  font-family: "Exo 2";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

/* line 891, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .panel {
  width: 100%;
  max-width: 540px;
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #DEDEDE;
  background-color: #fff;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

/* line 903, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .panel.panel-default {
  border-color: #DEDEDE !important;
  background-color: #fff !important;
}

/* line 908, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .panel .panel-body {
  width: 100% !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 24px;
}

/* line 921, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3:has(.signup-title-row) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 16px;
  gap: 0;
}

/* line 935, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .signup-title-row {
  display: flex;
  padding: 0;
  margin-bottom: 16px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
}

/* line 944, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .signup-title-row .signup-title-content {
  display: flex;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  width: 100%;
  background: #F1F4F9;
}

/* line 952, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .signup-title-row .signup-title-content .signup-title-icon {
  display: flex;
  width: 60px;
  height: 60px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  background: #5787C9;
  flex-shrink: 0;
}

/* line 962, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .signup-title-row .signup-title-content .signup-title-icon svg {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

/* line 970, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .signup-title-row .signup-title-content .signup-title-text {
  margin: 0;
  color: #5787C9;
  font-family: "Exo 2";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

/* line 982, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .panel {
  width: 100%;
  max-width: 540px;
}

/* line 986, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .panel .panel-body {
  width: 100% !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

/* line 993, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .panel .panel-body form {
  width: 100% !important;
}

/* line 997, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .panel .panel-body [data-hook="signup_inside_form"] {
  width: 100% !important;
  display: flex;
  flex-direction: column;
  align-items: center !important;
  gap: 24px;
}

/* line 1005, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .panel .panel-body [data-hook="signup_inside_form"] p:not(.instruction-text),
.col-md-6.col-md-offset-3 .panel .panel-body [data-hook="signup_inside_form"] .text-center:not(.forgot-password) {
  align-self: stretch;
}

/* line 1011, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .panel .panel-body [data-hook="signup_inside_form"] p:not(.instruction-text) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid #DEDEDE;
  position: relative;
  width: 100%;
  padding: 4px 0 4px 16px;
}

/* line 1025, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .panel .panel-body [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"] {
  border: none !important;
}

/* line 1029, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .panel .panel-body [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"] {
  display: flex;
  align-items: center;
  align-self: stretch;
  width: 100%;
  font-family: "Exo 2";
  font-size: 14px;
  background-color: #fff;
  border: none;
  box-sizing: border-box;
}

/* line 1040, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .panel .panel-body [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]:focus {
  outline: none;
}

/* line 1044, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .panel .panel-body [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]::placeholder {
  color: #999;
}

/* line 1051, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .panel .panel-body [data-hook="signup_inside_form"] .text-center:not(.forgot-password) {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 16px;
  margin: 0;
  padding: 0;
}

/* line 1067, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 #new-customer > .text-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
}

/* line 1076, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 #new-customer > .text-center .auth-link-button,
.col-md-6.col-md-offset-3 #new-customer > .text-center a[href*="login"] {
  display: inline-flex;
  height: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  border: 1px solid #DEDEDE;
  padding: 0 24px;
  text-decoration: none;
  color: #5787C9;
  text-align: center;
  font-family: var(--Display-Large-Font, "Exo 2");
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Label-Large-Line-Height, 20px);
  /* 125% */
  letter-spacing: var(--Label-Large-Tracking, 0.1px);
}

/* line 1097, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 #new-customer > .text-center .auth-link-button:hover,
.col-md-6.col-md-offset-3 #new-customer > .text-center a[href*="login"]:hover {
  text-decoration: none;
  color: #5787C9;
}

/* line 1107, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.divider-with-text {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin: 8px 0 16px;
}

/* line 1114, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.divider-with-text__line {
  flex: 1;
  height: 1px;
  background: #DEDEDE;
  min-width: 0;
}

/* line 1121, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.divider-with-text__text {
  flex-shrink: 0;
  padding: 0 8px;
  color: #101113;
  font-family: "Exo 2", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  white-space: nowrap;
}

/* line 1139, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
body#login .panel-body .divider-with-text--full-width,
body#signup .panel-body .divider-with-text--full-width,
.checkout-registration #new-customer .divider-with-text--full-width {
  align-self: stretch;
  width: 100%;
  max-width: 100%;
  margin: 16px 0 0 0;
  margin-left: 0;
  margin-right: 0;
}

/* line 1149, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
body#login .panel-body > .divider-with-text:not(.divider-with-text--full-width),
body#signup .panel-body > .divider-with-text:not(.divider-with-text--full-width),
.checkout-registration #new-customer > .divider-with-text:not(.divider-with-text--full-width) {
  align-self: stretch;
  width: 100%;
  margin: 16px 0;
}

/* line 1161, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
body#login .panel-body .divider-with-text:not(.divider-with-text--full-width) {
  margin: 16px 0;
}

/* line 1165, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
body#login .panel-body > .text-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-top: 16px;
}

/* line 1173, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
body#login .panel-body > .text-center a[href*="signup"] {
  display: inline-flex;
  height: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  border: 1px solid #DEDEDE;
  padding: 0 24px;
  text-decoration: none;
  color: #5787C9;
  text-align: center;
  font-family: var(--Display-Large-Font, "Exo 2");
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Label-Large-Line-Height, 20px);
  /* 125% */
  letter-spacing: var(--Label-Large-Tracking, 0.1px);
}

/* line 1193, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
body#login .panel-body > .text-center a[href*="signup"]:hover {
  text-decoration: none;
  color: #5787C9;
}

/* line 1205, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.text-center.forgot-password {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  width: 100%;
  margin-top: 0;
}

/* line 1214, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.text-center.forgot-password a {
  color: #5787C9;
  font-family: "Exo 2";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.15px;
  text-decoration: none;
  text-transform: lowercase;
}

/* line 1225, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.text-center.forgot-password a:hover {
  text-decoration: underline;
}

/* line 1233, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-as-guest .panel {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  border-radius: 20px;
  border: 1px solid #DEDEDE;
}

@media (max-width: 767px) {
  /* line 1233, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
  .checkout-as-guest .panel {
    border-radius: 0px;
  }
}

/* line 1248, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-as-guest .panel .panel-heading .panel-title {
  color: #101113;
  font-family: "Exo 2";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.15px;
  margin: 0;
}

/* line 1260, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-as-guest .panel #guest_checkout {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

/* line 1267, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-as-guest .panel #guest_checkout form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

/* line 1274, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-as-guest .panel #guest_checkout form .checkout-content-summary-checkout-button {
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 1281, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-as-guest .panel #guest_checkout form p {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid #DEDEDE;
  position: relative;
  width: 100%;
  padding: 4px 0 4px 16px;
}

/* line 1294, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-as-guest .panel #guest_checkout form p input[type="email"],
.checkout-as-guest .panel #guest_checkout form p input[type="text"] {
  display: flex;
  align-items: center;
  align-self: stretch;
  width: 100%;
  font-family: "Exo 2";
  font-size: 14px;
  background-color: #fff;
  border: none;
  box-sizing: border-box;
}

/* line 1306, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-as-guest .panel #guest_checkout form p input[type="email"]:focus,
.checkout-as-guest .panel #guest_checkout form p input[type="text"]:focus {
  outline: none;
}

/* line 1310, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-as-guest .panel #guest_checkout form p input[type="email"]::placeholder,
.checkout-as-guest .panel #guest_checkout form p input[type="text"]::placeholder {
  color: #999;
}

/* line 2, vendor/assets/stylesheets/spree/frontend/login.scss */
#password-credentials .btn-success {
  margin-top: 20px;
}

/* line 7, vendor/assets/stylesheets/spree/frontend/login.scss */
#social-signin-links {
  margin-top: 15px;
}

/* line 10, vendor/assets/stylesheets/spree/frontend/login.scss */
#social-signin-links .btn-google_oauth2 {
  background-color: #d34836;
}

/* line 12, vendor/assets/stylesheets/spree/frontend/login.scss */
#social-signin-links .btn-google_oauth2:hover, #social-signin-links .btn-google_oauth2:focus, #social-signin-links .btn-google_oauth2:active, #social-signin-links .btn-google_oauth2.active {
  background-color: #c43d2b;
}

/* line 17, vendor/assets/stylesheets/spree/frontend/login.scss */
#social-signin-links .btn-twitter {
  background-color: #55acce;
}

/* line 19, vendor/assets/stylesheets/spree/frontend/login.scss */
#social-signin-links .btn-twitter:hover, #social-signin-links .btn-twitter:focus, #social-signin-links .btn-twitter:active, #social-signin-links .btn-twitter.active {
  background-color: #41a2c8;
}

/* line 24, vendor/assets/stylesheets/spree/frontend/login.scss */
#social-signin-links .no-decoration:hover,
#social-signin-links .no-decoration {
  text-decoration: none;
}

/* line 29, vendor/assets/stylesheets/spree/frontend/login.scss */
#social-signin-links .btn-social {
  width: 150px;
  color: #ffffff;
}

/* line 33, vendor/assets/stylesheets/spree/frontend/login.scss */
#social-signin-links .btn-social:first-child {
  margin-right: 10px;
}

/* line 37, vendor/assets/stylesheets/spree/frontend/login.scss */
#social-signin-links .btn-social div {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

/* line 43, vendor/assets/stylesheets/spree/frontend/login.scss */
#social-signin-links .btn-social div:first-child {
  width: 15%;
  border-right: 1px solid #ffffff;
  margin-right: 5px;
}

@media (min-width: 400px) {
  /* line 50, vendor/assets/stylesheets/spree/frontend/login.scss */
  #social-signin-links .btn-social div:first-child {
    padding-right: 25px;
  }
}

/* line 55, vendor/assets/stylesheets/spree/frontend/login.scss */
#social-signin-links .btn-social div:nth-child(2) {
  width: 60px;
}

/* line 59, vendor/assets/stylesheets/spree/frontend/login.scss */
#social-signin-links .btn-social:hover, #social-signin-links .btn-social:focus, #social-signin-links .btn-social:active, #social-signin-links .btn-social.active {
  color: #fff;
}

@media (max-width: 400px) {
  /* line 65, vendor/assets/stylesheets/spree/frontend/login.scss */
  #social-signin-links .btn-social {
    display: block;
    margin-bottom: 15px;
    width: 100%;
  }
}

/* line 73, vendor/assets/stylesheets/spree/frontend/login.scss */
.or-container {
  text-align: center;
  margin: 0;
  margin-bottom: 10px;
  clear: both;
  color: grey;
}

/* line 80, vendor/assets/stylesheets/spree/frontend/login.scss */
.or-container .or-hr {
  margin-bottom: 0;
  position: relative;
  top: 19px;
  height: 0;
  border: 0;
  border-top: 1px solid #e6e6e6;
}

/* line 89, vendor/assets/stylesheets/spree/frontend/login.scss */
.or-container .or {
  display: inline-block;
  position: relative;
  padding: 10px;
  background-color: #fff;
}