.react-spa-enabled.react-spa-loading body{cursor:progress}.react-spa-enabled.react-spa-loading #react-spa-root{opacity:.45;pointer-events:none;transition:opacity .12s ease}
#react-spa-root {
  --react-line: var(--line, rgb(235, 235, 235));
  --react-muted: var(--text, rgb(84, 84, 84));
  --react-panel: var(--theme-background);
  --react-card: var(--theme-box-background);
  --react-button-bg: var(--theme-button-background);
  --react-button-text: var(--theme-button-text);
  --react-radius: var(--site-button-radius, 3px);
  color: var(--theme-text);
  background: var(--theme-background);
  font-family: var(--theme-font-family) !important;
}

#react-spa-root .react-account-page,
#react-spa-root .react-addresses-page,
#react-spa-root .react-cart-page,
#react-spa-root .react-checkout-page,
#react-spa-root .react-orders-page,
#react-spa-root .react-static-page {
  --acct-ink: var(--theme-text) !important;
  --acct-muted: var(--react-muted) !important;
  --acct-line: var(--react-line) !important;
  --acct-panel: var(--theme-box-background) !important;
  --acct-accent: var(--react-button-bg) !important;
  --addr-ink: var(--theme-text) !important;
  --addr-muted: var(--react-muted) !important;
  --addr-line: var(--react-line) !important;
  --addr-panel: var(--theme-box-background) !important;
  --addr-accent: var(--react-button-bg) !important;
  --cart-ink: var(--theme-text) !important;
  --cart-muted: var(--react-muted) !important;
  --cart-line: var(--react-line) !important;
  --cart-panel: var(--theme-box-background) !important;
  --cart-accent: var(--react-button-bg) !important;
  --checkout-ink: var(--theme-text) !important;
  --checkout-muted: var(--react-muted) !important;
  --checkout-line: var(--react-line) !important;
  --checkout-panel: var(--theme-box-background) !important;
  --checkout-accent: var(--react-button-bg) !important;
  --ord-ink: var(--theme-text) !important;
  --ord-muted: var(--react-muted) !important;
  --ord-line: var(--react-line) !important;
  --ord-panel: var(--theme-box-background) !important;
  --ord-accent: var(--react-button-bg) !important;
  --static-ink: var(--theme-text) !important;
  --static-muted: var(--react-muted) !important;
  --static-line: var(--react-line) !important;
  --static-panel: var(--theme-box-background) !important;
  --static-accent: var(--react-button-bg) !important;
  color: var(--theme-text) !important;
  background: var(--theme-background) !important;
  font-family: var(--theme-font-family) !important;
}


#react-spa-root,
#react-spa-root :where(*):not(i):not(.icon):not([class^="icon-"]):not([class*=" icon-"]):not([class^="tf-icon"]):not([class*=" tf-icon"]) {
  font-family: var(--theme-font-family) !important;
}

#react-spa-root h1,
#react-spa-root h2,
#react-spa-root h3,
#react-spa-root h4,
#react-spa-root h5,
#react-spa-root h6,
#react-spa-root a {
  color: var(--theme-text);
}

#react-spa-root .react-account-panel,
#react-spa-root .react-address-card,
#react-spa-root .react-address-panel,
#react-spa-root .react-address-empty,
#react-spa-root .react-cart-list,
#react-spa-root .react-cart-summary,
#react-spa-root .react-checkout-panel,
#react-spa-root .react-checkout-summary,
#react-spa-root .react-checkout-segments,
#react-spa-root .react-orders-table,
#react-spa-root .react-order-card,
#react-spa-root .react-orders-empty,
#react-spa-root .react-static-content,
#react-spa-root .react-static-status,
#react-spa-root .react-success-panel,
#react-spa-root .react-icon-item,
#react-spa-root .react-account-tile {
  background: var(--theme-box-background) !important;
  border-color: var(--react-line) !important;
  border-radius: var(--react-radius) !important;
}

#react-spa-root input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),
#react-spa-root select,
#react-spa-root textarea,
#react-spa-root .react-checkout-field input,
#react-spa-root .react-checkout-field select,
#react-spa-root .react-checkout-coupon input,
#react-spa-root .react-address-field input,
#react-spa-root .react-address-field select,
#react-spa-root .react-account-field input,
#react-spa-root .react-account-field textarea,
#react-spa-root .react-cart-note textarea,
#react-spa-root .react-cart-gift textarea,
#react-spa-root .react-cart-qty {
  min-height: 48px !important;
  border: 1px solid var(--react-line) !important;
  border-radius: var(--react-radius) !important;
  background: var(--white, #fff) !important;
  color: var(--text-2, var(--theme-text)) !important;
  font-family: var(--theme-font-family) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

#react-spa-root .react-account-primary,
#react-spa-root .react-address-primary,
#react-spa-root .react-cart-checkout,
#react-spa-root .react-checkout-primary,
#react-spa-root .react-checkout-submit,
#react-spa-root .react-checkout-coupon button,
#react-spa-root .react-member-add-address,
#react-spa-root .react-static-primary,
#react-spa-root .react-static-status a,
#react-spa-root .react-orders-view,
#react-spa-root .react-product-button,
#react-spa-root .rtp-product-button,
#react-spa-root .rth-product-button,
#react-spa-root .rts-product-button,
#react-spa-root .rtd-submit,
#react-spa-root .react-landing-action a,
#react-spa-root .react-checkout-title-row a,
#react-spa-root .react-address-actions a {
  border-radius: var(--react-radius) !important;
  background: var(--react-button-bg) !important;
  border: 1px solid var(--theme-text) !important;
  color: var(--react-button-text) !important;
  font-family: var(--theme-font-family) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  min-height: 44px !important;
  text-decoration: none !important;
}

#react-spa-root .react-address-actions a:last-child,
#react-spa-root .react-cart-link {
  background: transparent !important;
  color: var(--theme-text) !important;
}

#react-spa-root .react-checkout-segments label,
#react-spa-root .react-checkout-radio-list label,
#react-spa-root .react-checkout-payments label,
#react-spa-root .react-checkout-terms {
  border-color: var(--react-line) !important;
  border-radius: var(--react-radius) !important;
  background: var(--theme-box-background) !important;
  color: var(--theme-text) !important;
}

#react-spa-root .react-checkout-segments label.is-active,
#react-spa-root .react-checkout-payments label.is-active,
#react-spa-root .rtd-choice.active,
#react-spa-root .rtp-pagination button.active {
  border-color: var(--theme-text) !important;
  box-shadow: inset 0 0 0 1px var(--theme-text) !important;
}

.button-style-sharp #react-spa-root,
#react-spa-root .no-border-radius {
  --react-radius: 0 !important;
}

@media (max-width: 767px) {
  #react-spa-root .react-account-header h1,
  #react-spa-root .react-addresses-header h1,
  #react-spa-root .react-cart-header h1,
  #react-spa-root .react-checkout-header h1,
  #react-spa-root .react-orders-header h1,
  #react-spa-root .react-static-header h1 {
    font-size: 24px !important;
  }
}