/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/account.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
* {
  box-sizing: border-box;
}

.loading {
  display: none;
  gap: 0.5rem;
  align-items: center;
}
.saving .loading {
  display: flex;
}

.membership-product .membership-product {
  margin-bottom: 1rem;
}
.membership-product .payment-frequency-string {
  display: block;
  padding: 0.5rem 1rem;
  border: 1px solid var(--wp--preset--color--secondary);
  font-size: 1rem;
}

.account-dashboard-area.panels-one-third-two,
.panel-group.panels-one-third-two {
  display: grid;
  grid-template-columns: 33% 66%;
  grid-gap: 1%;
}
.account-dashboard-area.panels-thirds,
.panel-group.panels-thirds {
  display: grid;
  grid-template-columns: repeat(3, calc(33% - 0.5rem));
  grid-gap: 1rem;
}

.account-dashboard-section {
  box-sizing: border-box;
}
.account-dashboard-section > * {
  box-sizing: border-box;
}
.account-dashboard-section h2, .account-dashboard-section h3, .account-dashboard-section h4 {
  font-family: var(--wp--preset--font-family--futuraptbold);
  margin: 0;
}
.account-dashboard-section h2 {
  font-size: var(--wp--preset--font-size--large);
}
.account-dashboard-section h3 {
  font-size: var(--wp--preset--font-size--medium);
}
.account-dashboard-section h4 {
  font-size: var(--wp--preset--font-size--small);
}
.account-dashboard-section.panels-two {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--30);
}
.account-dashboard-section.panels-two h2 {
  width: 100%;
}
.account-dashboard-section.panels-two .account-dashboard-panel {
  width: calc(50% - 0.5 * var(--wp--preset--spacing--30));
}
.account-dashboard-section .account-dashboard-panel {
  background-color: var(--wp--preset--color--background);
  padding: var(--wp--preset--spacing--30);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.account-dashboard-section .account-dashboard-panel .account-dashboard-panel {
  padding: calc(0.5 * var(--wp--preset--spacing--30));
}
.account-dashboard-section .account-dashboard-panel__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}
@media screen and (min-width: 768px) {
  .account-dashboard-section .account-dashboard-panel__inner .member-news-article {
    flex: 1 0;
  }
}
.account-dashboard-section .account-dashboard-panel__inner .member-news-article img {
  height: auto;
}
.account-dashboard-section .panel-group-full-width {
  width: 100%;
}
.panel-group .form-input label {
  font-family: var(--wp--preset--font-family--futuraptbold);
}
.panel-group .form-input.input-checkbox > label {
  width: auto !important;
}
.panel-group .form-input:not(.form-input-inline):not(.input-checkbox) label {
  display: block;
}

.getAddress_autocomplete_container_focused {
  width: 100%;
}

.form-input-instruction {
  font-size: 0.75rem;
  font-style: italic;
}

.input-style-text {
  display: block;
  padding: 0.5rem 1rem;
  border: 1px solid var(--wp--preset--color--secondary);
  font-size: 1rem;
}

span.validation-error,
.form-errors {
  display: block;
  padding: 0.375rem 0.5rem;
  font-size: 0.75rem;
  color: red;
  border: 1px solid red;
  border-radius: 1px;
  background-color: rgba(255, 0, 0, 0.1);
}

.form-errors {
  margin-top: var(--wp--preset--spacing--30);
  margin-bottom: var(--wp--preset--spacing--30);
}
.form-errors h2 {
  font-size: 1rem;
}

.member-registration .form-input:not(.input-checkbox) {
  gap: 0.5rem;
}
.member-registration .form-input:not(.input-checkbox) > label {
  width: 100% !important;
}

.selected-product-name {
  margin-right: 0.5rem;
}

/** Modals */
body.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100% !important;
  max-width: 100% !important;
  z-index: 1000;
  padding: 1rem;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0;
  visibility: hidden;
  opacity: 0;
}
.modal.modal-open {
  height: auto;
  visibility: visible;
  opacity: 1;
}
.modal > .modal-content {
  position: relative;
  background-color: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.8);
  padding: var(--wp--preset--spacing--30);
  height: auto;
  overflow: auto;
}
.modal .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.5rem;
}
.modal .close:hover {
  background-color: rgb(255, 255, 255);
}
.modal .close svg {
  color: var(--wp--preset--color--primary);
  fill: var(--wp--preset--color--primary);
}

/** Edit Details */
.address-list-item-group.old {
  background-color: var(--wp--preset--color--secondary-alt);
}

.existing-address h3 {
  font-size: var(--wp--preset--font-size--small);
}
.existing-address .form-input {
  flex-wrap: nowrap;
  flex-direction: column;
}
.existing-address .form-input * {
  width: 100% !important;
}

.address-book {
  width: 100%;
}
.address-book .address-list-item-group {
  background-color: var(--wp--preset--color--secondary-alt);
  padding: 0.5rem;
  margin-bottom: 0.5rem;
}
.address-book .address-list-item {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.address-book-edit-address {
  display: none;
  margin-top: 1rem;
  padding: 1rem;
  background-color: white;
}
.editing .address-book-edit-address {
  display: block;
}
.address-book-edit-address .address-book-edit-address-fields {
  display: none;
}
.editing .address-book-edit-address {
  display: block;
}
.editing .address-book-edit-address .address-book-edit-address-fields {
  display: block;
}
.saving .address-book-edit-address {
  margin-left: auto;
}
.saving .address-book-edit-address .address-book-edit-address-fields {
  display: none;
}
.saving .address-book-edit-address .loading {
  display: block;
}

.create-new-address {
  display: none;
}
.create-new-address.active {
  display: block;
}

/** Navigation */
.account-navigation > a.active {
  background-color: var(--wp--preset--color--base);
  color: var(--wp--preset--color--contrast);
}

@media screen and (max-width: 660px) {
  .account-header nav.account-navigation {
    flex-direction: column;
    gap: 0.25rem;
    margin-bottom: 0.5rem;
  }
  .account-header nav.account-navigation > a {
    border-radius: 0;
    transform: translateY(0);
  }
}
#payment-details {
  display: none;
}
#payment-details.show {
  display: block;
}

/*# sourceMappingURL=account-style.css.map*/