/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/newspack-ui/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
/**
 * Newspack Colors
 * A collection of color tokens for Newspack projects
 */
:export {
  primary-000: #dfe7f4;
  primary-050: #bfcfe9;
  primary-100: #9fb6dd;
  primary-200: #809ed2;
  primary-300: #6086c7;
  primary-400: #406ebc;
  primary-500: #2055b0;
  primary-600: #003da5;
  primary-700: #00296e;
  primary-800: #001f53;
  primary-900: #001437;
  primary-1000: #000a1c;
  secondary-000: #eff9f2;
  secondary-050: #ddf3e3;
  secondary-100: #c8ecd4;
  secondary-200: #b1e6c3;
  secondary-300: #95dfaf;
  secondary-400: #6fd898;
  secondary-500: #26d07c;
  secondary-600: #1fb36a;
  secondary-700: #1ba25f;
  secondary-800: #178e53;
  secondary-900: #117644;
  secondary-1000: #09552f;
  tertiary-000: #fff4f6;
  tertiary-050: #fee8ed;
  tertiary-100: #fedbe3;
  tertiary-200: #fcded8;
  tertiary-300: #fdbfcd;
  tertiary-400: #fcaec0;
  tertiary-500: #fc9bb3;
  tertiary-600: #d9859a;
  tertiary-700: #c5788b;
  tertiary-800: #ad697a;
  tertiary-900: #905665;
  tertiary-1000: #683d48;
  quaternary-000: #fff5ee;
  quaternary-050: #ffeadc;
  quaternary-100: #ffdec7;
  quaternary-200: #ffd1af;
  quaternary-300: #ffc392;
  quaternary-400: #ffb46a;
  quaternary-500: #ffa300;
  quaternary-600: #dc8c00;
  quaternary-700: #c77e00;
  quaternary-800: #af6e00;
  quaternary-900: #925b00;
  quaternary-1000: #6a4100;
  neutral-000: #fff;
  neutral-050: #f7f7f7;
  neutral-100: #f0f0f0;
  neutral-200: #e0e0e0;
  neutral-300: #ddd;
  neutral-400: #ccc;
  neutral-500: #949494;
  neutral-600: #6c6c6c;
  neutral-700: rgba(0, 0, 0, 0.7019607843);
  neutral-800: #3e3e3e;
  neutral-900: #1e1e1e;
  neutral-1000: #000;
  success-000: #edfaef;
  success-050: #b8e6bf;
  success-500: #008a20;
  success-600: #007017;
  error-000: #fcf0f1;
  error-050: #facfd2;
  error-500: #d63638;
  error-600: #b32d2e;
  warning-000: #fcf9e8;
  warning-050: #f5e6ab;
  warning-300: #dba617;
  warning-400: #bd8600;
}
:root {
  --newspack-ui-color-neutral-0: #fff;
  --newspack-ui-color-neutral-5: #f7f7f7;
  --newspack-ui-color-neutral-10: #f0f0f0;
  --newspack-ui-color-neutral-20: #e0e0e0;
  --newspack-ui-color-neutral-30: #ddd;
  --newspack-ui-color-neutral-40: #ccc;
  --newspack-ui-color-neutral-50: #949494;
  --newspack-ui-color-neutral-60: #6c6c6c;
  --newspack-ui-color-neutral-70: rgba(0, 0, 0, 0.7019607843);
  --newspack-ui-color-neutral-80: #3e3e3e;
  --newspack-ui-color-neutral-90: #1e1e1e;
  --newspack-ui-color-neutral-100: #000;
  --newspack-ui-color-primary-0: #dfe7f4;
  --newspack-ui-color-primary-5: #bfcfe9;
  --newspack-ui-color-primary-10: #9fb6dd;
  --newspack-ui-color-primary-20: #809ed2;
  --newspack-ui-color-primary-30: #6086c7;
  --newspack-ui-color-primary-40: #406ebc;
  --newspack-ui-color-primary-50: #2055b0;
  --newspack-ui-color-primary-60: #003da5;
  --newspack-ui-color-primary-70: #00296e;
  --newspack-ui-color-primary-80: #001f53;
  --newspack-ui-color-primary-90: #001437;
  --newspack-ui-color-primary-100: #000a1c;
  --newspack-ui-color-success-0: #edfaef;
  --newspack-ui-color-success-5: #b8e6bf;
  --newspack-ui-color-success-50: #008a20;
  --newspack-ui-color-success-60: #007017;
  --newspack-ui-color-error-0: #fcf0f1;
  --newspack-ui-color-error-5: #facfd2;
  --newspack-ui-color-error-50: #d63638;
  --newspack-ui-color-error-60: #b32d2e;
  --newspack-ui-color-warning-0: #fcf9e8;
  --newspack-ui-color-warning-5: #f5e6ab;
  --newspack-ui-color-warning-30: #dba617;
  --newspack-ui-color-warning-40: #bd8600;
  --newspack-ui-color-primary: var(--newspack-theme-color-primary, var(--newspack-ui-color-primary-60));
  --newspack-ui-color-against-primary: var(--newspack-theme-color-against-primary, var(--newspack-ui-color-neutral-0));
  --newspack-ui-color-border: var(--newspack-ui-color-neutral-30);
  --newspack-ui-color-body-bg: var(--newspack-ui-color-neutral-0);
  --newspack-ui-color-button-bg: var(--newspack-ui-color-neutral-90);
  --newspack-ui-color-button-bg-hover: var(--newspack-ui-color-neutral-60);
  --newspack-ui-color-button-text: var(--newspack-ui-color-neutral-0);
  --newspack-ui-color-button-text-hover: var(--newspack-ui-color-neutral-0);
  --newspack-ui-color-input-border: var(--newspack-ui-color-neutral-40);
  --newspack-ui-color-input-border-focus: var(--newspack-ui-color-neutral-90);
  --newspack-ui-color-input-border-disabled: var(--newspack-ui-color-neutral-40);
  --newspack-ui-color-input-bg: var(--newspack-ui-color-neutral-0);
  --newspack-ui-color-input-bg-disabled: var(--newspack-ui-color-neutral-10);
  --newspack-ui-label-color: var(--newspack-ui-color-neutral-90);
}
@media (prefers-contrast: more) {
  :root {
    --newspack-ui-color-input-border: var(--newspack-ui-color-neutral-60);
    --newspack-ui-color-input-border-disabled: var(--newspack-ui-color-neutral-50);
    --newspack-ui-color-input-bg-disabled: var(--newspack-ui-color-neutral-30);
  }
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(fonts/InterVariable.a0e477f2.woff2) format("woff2");
}
@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(fonts/InterVariable-Italic.e295f70f.woff2) format("woff2");
}
:root {
  --newspack-ui-font-family: "Inter", system-ui, sans-serif;
  --newspack-ui-font-weight-strong: 600;
  --newspack-ui-font-size-2xs: 12px;
  --newspack-ui-font-size-xs: 14px;
  --newspack-ui-font-size-s: 16px;
  --newspack-ui-font-size-m: clamp(1.125rem, 0.929rem + 0.402vw, 1.25rem);
  --newspack-ui-font-size-l: clamp(1.25rem, 0.857rem + 0.803vw, 1.5rem);
  --newspack-ui-font-size-xl: clamp(1.375rem, 0.394rem + 2.008vw, 2rem);
  --newspack-ui-font-size-2xl: clamp(1.625rem, 0.055rem + 3.213vw, 2.625rem);
  --newspack-ui-font-size-3xl: clamp(1.75rem, -0.213rem + 4.016vw, 3rem);
  --newspack-ui-font-size-4xl: clamp(2rem, -1.141rem + 6.426vw, 4rem);
  --newspack-ui-font-size-5xl: clamp(2.125rem, -2.39rem + 9.237vw, 5rem);
  --newspack-ui-font-size-6xl: clamp(2.25rem, -3.639rem + 12.048vw, 6rem);
  --newspack-ui-line-height-2xs: 1.3333;
  --newspack-ui-line-height-xs: 1.4286;
  --newspack-ui-line-height-s: 1.5;
  --newspack-ui-line-height-m: 1.6;
  --newspack-ui-line-height-l: 1.5;
  --newspack-ui-line-height-xl: 1.375;
  --newspack-ui-line-height-2xl: 1.3333;
  --newspack-ui-line-height-3xl: 1.25;
  --newspack-ui-line-height-4xl: 1.125;
  --newspack-ui-line-height-5xl: 1.1;
  --newspack-ui-line-height-6xl: 1.0833;
}
:root {
  --newspack-ui-spacer-base: 8px;
  --newspack-ui-spacer-2: calc(var(--newspack-ui-spacer-base) * 1.5);
  --newspack-ui-spacer-3: calc(var(--newspack-ui-spacer-base) * 2);
  --newspack-ui-spacer-4: calc(var(--newspack-ui-spacer-base) * 2.5);
  --newspack-ui-spacer-5: calc(var(--newspack-ui-spacer-base) * 3);
  --newspack-ui-spacer-6: calc(var(--newspack-ui-spacer-base) * 4);
  --newspack-ui-spacer-7: calc(var(--newspack-ui-spacer-base) * 4.5);
  --newspack-ui-spacer-8: calc(var(--newspack-ui-spacer-base) * 5);
  --newspack-ui-spacer-9: calc(var(--newspack-ui-spacer-base) * 6);
  --newspack-ui-spacer-10: calc(var(--newspack-ui-spacer-base) * 7);
  --newspack-ui-spacer-11: calc(var(--newspack-ui-spacer-base) * 8);
  --newspack-ui-spacer-12: calc(var(--newspack-ui-spacer-base) * 9);
}
:root {
  --newspack-ui-modal-width-l: 964px;
  --newspack-ui-modal-width-m: 632px;
  --newspack-ui-modal-width-s: 410px;
  --newspack-ui-border-radius-2xl: 12px;
  --newspack-ui-border-radius-xl: 10px;
  --newspack-ui-border-radius-l: 8px;
  --newspack-ui-border-radius-m: 6px;
  --newspack-ui-border-radius-s: 4px;
  --newspack-ui-border-radius-xs: 3px;
  --newspack-ui-border-radius-2xs: 2px;
}
.newspack-ui__row {
  flex-wrap: wrap;
  margin-top: var(--newspack-ui-spacer-5) 0;
  padding: var(--newspack-ui-spacer-5) 0;
}
.newspack-ui__row + .newspack-ui__row {
  border-top: 1px solid var(--newspack-ui-color-neutral-20);
  margin-top: 0;
}
.newspack-ui__row--no-padding {
  padding: 0;
}
.newspack-ui__row:last-child {
  margin-bottom: 0;
}
.newspack-ui__row > * + * {
  margin-top: var(--newspack-ui-spacer-5);
}
.newspack-ui__modal__content .newspack-ui__row p:first-child {
  margin-top: 0;
}
.newspack-ui__row a.newspack-ui__button:first-child {
  margin-top: 0;
}
.newspack-ui__row a.newspack-ui__button:last-child {
  margin-bottom: 0;
}
@media (min-width: 782px) {
  .newspack-ui__row {
    align-items: flex-start;
    column-gap: var(--newspack-ui-spacer-5);
    display: flex;
    justify-content: space-between;
  }
  .newspack-ui__row > * {
    flex: 1 1 calc(50% - var(--newspack-ui-spacer-5));
    max-width: calc(50% - var(--newspack-ui-spacer-2));
  }
  .newspack-ui__row > *.newspack-ui__width--25 {
    flex: 1 1 calc(25% - var(--newspack-ui-spacer-5));
    max-width: calc(25% - var(--newspack-ui-spacer-2));
  }
  .newspack-ui__row > *.newspack-ui__width--33 {
    flex: 1 1 calc(33% - var(--newspack-ui-spacer-5));
    max-width: calc(33% - var(--newspack-ui-spacer-2));
  }
  .newspack-ui__row > *.newspack-ui__width--40 {
    flex: 1 1 calc(40% - var(--newspack-ui-spacer-5));
    max-width: calc(40% - var(--newspack-ui-spacer-2));
  }
  .newspack-ui__row > *.newspack-ui__width--66 {
    flex: 1 1 calc(66% - var(--newspack-ui-spacer-5));
    max-width: calc(66% - var(--newspack-ui-spacer-2));
  }
  .newspack-ui__row > *.newspack-ui__width--75 {
    flex: 1 1 calc(75% - var(--newspack-ui-spacer-5));
    max-width: calc(75% - var(--newspack-ui-spacer-2));
  }
  .newspack-ui__row > * + * {
    margin-top: 0;
  }
  .newspack-ui__row a.newspack-ui__button {
    margin-top: 0;
  }
}
.newspack-ui--loading::after {
  background-color: var(--newspack-ui-color-neutral-0);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
}
.newspack-ui .newspack-ui__box, .newspack-ui .newspack-ui__accordion ul > li {
  background: var(--newspack-ui-color-neutral-5);
  border-radius: var(--newspack-ui-border-radius-m);
  margin-bottom: var(--newspack-ui-spacer-5);
  padding: var(--newspack-ui-spacer-5);
  position: relative;
}
.newspack-ui .newspack-ui__box--success {
  background: var(--newspack-ui-color-success-0);
}
.newspack-ui .newspack-ui__box--error {
  background: var(--newspack-ui-color-error-0);
}
.newspack-ui .newspack-ui__box--warning {
  background: var(--newspack-ui-color-warning-0);
}
.newspack-ui .newspack-ui__box--border, .newspack-ui .newspack-ui__accordion ul > li {
  background: transparent;
  border: 1px solid var(--newspack-ui-color-border);
}
.newspack-ui .newspack-ui__box--2x-small {
  padding: var(--newspack-ui-spacer-base);
}
.newspack-ui .newspack-ui__box--x-small {
  padding: var(--newspack-ui-spacer-2);
}
.newspack-ui .newspack-ui__box--small {
  padding: var(--newspack-ui-spacer-3);
}
.newspack-ui .newspack-ui__box--large {
  padding: var(--newspack-ui-spacer-6);
}
.newspack-ui .newspack-ui__box--x-large {
  padding: var(--newspack-ui-spacer-7);
}
.newspack-ui .newspack-ui__box--text-center {
  text-align: center;
}
.newspack-ui .newspack-ui__box h2:not([class*=font-size]), .newspack-ui .newspack-ui__accordion ul > li h2:not([class*=font-size]) {
  font-size: 1em;
}
.newspack-ui .newspack-ui__box > *:first-child, .newspack-ui .newspack-ui__accordion ul > li > *:first-child {
  margin-top: 0;
}
.newspack-ui .newspack-ui__box > *:last-child, .newspack-ui .newspack-ui__accordion ul > li > *:last-child {
  margin-bottom: 0;
}
.newspack-ui .newspack-ui__box__actions {
  display: flex;
  flex-direction: column;
  gap: var(--newspack-ui-spacer-base);
  justify-content: space-between;
}
.newspack-ui .newspack-ui__box__actions > * {
  margin: 0 !important;
}
.newspack-ui .newspack-ui__box:has(.newspack-ui__dropdown), .newspack-ui .newspack-ui__accordion ul > li:has(.newspack-ui__dropdown) {
  align-items: stretch;
  display: flex;
  justify-content: space-between;
  gap: var(--newspack-ui-spacer-3);
}
.newspack-ui .newspack-ui__box:has(.newspack-ui__dropdown) > *, .newspack-ui .newspack-ui__accordion ul > li:has(.newspack-ui__dropdown) > * {
  margin: 0 !important;
}
.newspack-ui .newspack-ui__box .newspack-ui__dropdown, .newspack-ui .newspack-ui__accordion ul > li .newspack-ui__dropdown {
  align-self: end;
}
.newspack-ui .newspack-ui__box .newspack-ui__badge, .newspack-ui .newspack-ui__accordion ul > li .newspack-ui__badge {
  float: right;
  margin-left: calc(var(--newspack-ui-spacer-base) / 2);
}
:root {
  /* stylelint-disable-next-line property-no-unknown */
  interpolate-size: allow-keywords;
}
.newspack-ui .newspack-ui__notice, .newspack-ui .newspack-wc-message,
.newspack-ui .woocommerce-message,
.newspack-ui .woocommerce-info,
.newspack-ui .woocommerce-error,
.newspack-ui .wc-block-components-notice-banner {
  align-items: center;
  background: var(--newspack-ui-color-neutral-5);
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: var(--newspack-ui-color-neutral-90);
  border-radius: var(--newspack-ui-border-radius-xs);
  color: var(--newspack-ui-color-neutral-90);
  display: flex;
  font-family: var(--newspack-ui-font-family);
  font-size: var(--newspack-ui-font-size-xs);
  justify-content: flex-start;
  line-height: var(--newspack-ui-line-height-xs);
  margin: var(--newspack-ui-spacer-6) 0;
  min-height: var(--newspack-ui-spacer-9);
  padding: var(--newspack-ui-spacer-2) !important;
}
.newspack-ui .newspack-ui__notice a, .newspack-ui .newspack-wc-message a,
.newspack-ui .woocommerce-message a,
.newspack-ui .woocommerce-info a,
.newspack-ui .woocommerce-error a,
.newspack-ui .wc-block-components-notice-banner a {
  text-decoration: underline;
}
.newspack-ui .newspack-ui__notice > svg, .newspack-ui .newspack-wc-message > svg,
.newspack-ui .woocommerce-message > svg,
.newspack-ui .woocommerce-info > svg,
.newspack-ui .woocommerce-error > svg,
.newspack-ui .wc-block-components-notice-banner > svg {
  display: block;
  fill: var(--newspack-ui-color-neutral-90);
  flex: 0 0 24px;
  margin-right: var(--newspack-ui-spacer-base);
}
.newspack-ui .newspack-ui__notice--success, .newspack-ui .newspack-wc-message,
.newspack-ui .woocommerce-message {
  background: var(--newspack-ui-color-success-0);
  border-left-color: var(--newspack-ui-color-success-50);
}
.newspack-ui .newspack-ui__notice--success > svg, .newspack-ui .newspack-wc-message > svg,
.newspack-ui .woocommerce-message > svg {
  fill: var(--newspack-ui-color-success-60);
}
.newspack-ui .newspack-ui__notice--warning, .newspack-ui .woocommerce-info {
  background: var(--newspack-ui-color-warning-0);
  border-left-color: var(--newspack-ui-color-warning-30);
}
.newspack-ui .newspack-ui__notice--warning > svg, .newspack-ui .woocommerce-info > svg {
  fill: var(--newspack-ui-color-warning-40);
}
.newspack-ui .newspack-ui__notice--error, .newspack-ui .newspack-wc-message--error,
.newspack-ui .woocommerce-error {
  background: var(--newspack-ui-color-error-0);
  border-left-color: var(--newspack-ui-color-error-50);
}
.newspack-ui .newspack-ui__notice--error > svg, .newspack-ui .newspack-wc-message--error > svg,
.newspack-ui .woocommerce-error > svg {
  fill: var(--newspack-ui-color-error-60);
}
.newspack-ui .newspack-ui__notice > div > *:first-child, .newspack-ui .newspack-wc-message > div > *:first-child,
.newspack-ui .woocommerce-message > div > *:first-child,
.newspack-ui .woocommerce-info > div > *:first-child,
.newspack-ui .woocommerce-error > div > *:first-child,
.newspack-ui .wc-block-components-notice-banner > div > *:first-child {
  margin-top: 0;
  padding-top: 0;
}
.newspack-ui .newspack-ui__notice > div > *:last-child, .newspack-ui .newspack-wc-message > div > *:last-child,
.newspack-ui .woocommerce-message > div > *:last-child,
.newspack-ui .woocommerce-info > div > *:last-child,
.newspack-ui .woocommerce-error > div > *:last-child,
.newspack-ui .wc-block-components-notice-banner > div > *:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.newspack-ui .newspack-ui__snackbar {
  max-width: 434px;
  color: var(--newspack-ui-color-body-bg);
  font-size: var(--newspack-ui-font-size-xs);
  left: 0;
  line-height: var(--newspack-ui-line-height-xs);
  overflow: hidden;
  padding: var(--newspack-ui-spacer-2);
  position: fixed;
  top: var(--newspack-ui-spacer-2);
  z-index: 99997;
  pointer-events: none;
}
@media only screen and (min-width: 601px) {
  .admin-bar .newspack-ui .newspack-ui__snackbar--top-left, .admin-bar .newspack-ui .newspack-ui__snackbar--top-right {
    top: 46px;
  }
}
@media only screen and (min-width: 782px) {
  .admin-bar .newspack-ui .newspack-ui__snackbar--top-left, .admin-bar .newspack-ui .newspack-ui__snackbar--top-right {
    top: 32px;
  }
}
.newspack-ui .newspack-ui__snackbar--top-right {
  --newspack-ui-snackbar-slide-from: 100%;
  left: auto;
  right: 0;
}
.newspack-ui .newspack-ui__snackbar--bottom-left {
  left: 0;
  top: auto;
  bottom: 0;
}
.newspack-ui .newspack-ui__snackbar--bottom-right {
  --newspack-ui-snackbar-slide-from: 100%;
  left: auto;
  right: 0;
  top: auto;
  bottom: 0;
}
.newspack-ui .newspack-ui__snackbar__item {
  background-color: var(--newspack-ui-color-neutral-90);
  border-radius: var(--newspack-ui-border-radius-s);
  overflow: hidden;
  display: flex;
  opacity: 0;
  pointer-events: none;
  position: relative;
  max-height: 0;
  transform: translateX(var(--newspack-ui-snackbar-slide-from, -100%));
  transition: max-height 125ms ease-out, opacity 250ms ease-out, transform 250ms ease-out;
}
.newspack-ui .newspack-ui__snackbar__item:has([class*="=__close"]) {
  grid-template-columns: auto var(--newspack-ui-spacer-9) auto;
}
.newspack-ui .newspack-ui__snackbar__item[data-autohide=true] .newspack-ui__snackbar__content::after {
  opacity: 0;
}
.newspack-ui .newspack-ui__snackbar__item.active {
  max-height: 200px;
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}
.newspack-ui .newspack-ui__snackbar__item.active[data-autohide=true] .newspack-ui__snackbar__content::after {
  opacity: 1;
  transition: background-color 125ms ease-out, transform 8000ms linear;
  transform: translateX(-100%);
}
.newspack-ui .newspack-ui__snackbar__item--success .newspack-ui__snackbar__content::after {
  background-color: var(--newspack-ui-color-success-60);
}
.newspack-ui .newspack-ui__snackbar__item--error .newspack-ui__snackbar__content::after {
  background-color: var(--newspack-ui-color-error-60);
}
.newspack-ui .newspack-ui__snackbar__item--warning .newspack-ui__snackbar__content::after {
  background-color: var(--newspack-ui-color-warning-40);
}
.newspack-ui .newspack-ui__snackbar__item + .newspack-ui__snackbar__item {
  margin-top: var(--newspack-ui-spacer-2);
}
.newspack-ui .newspack-ui__snackbar__content {
  padding: var(--newspack-ui-spacer-2);
}
.newspack-ui .newspack-ui__snackbar__content a {
  text-decoration: underline;
}
.newspack-ui .newspack-ui__snackbar__content::after {
  background-color: var(--newspack-ui-color-neutral-90);
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  height: 3px;
  position: absolute;
  transform: none;
  transition: background-color 125ms ease-out;
  width: 100%;
}
.newspack-ui .newspack-ui__snackbar__close {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  order: 1;
  display: grid;
  place-items: center;
  width: var(--newspack-ui-spacer-9);
  height: var(--newspack-ui-spacer-9);
}
.newspack-ui .newspack-ui__snackbar__close:hover {
  opacity: 0.7;
}
.newspack-ui .newspack-ui__accordion ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.newspack-ui .newspack-ui__accordion ul > li {
  padding: var(--newspack-ui-spacer-3) var(--newspack-ui-spacer-3) var(--newspack-ui-spacer-3) calc(var(--newspack-ui-spacer-3) + var(--newspack-ui-spacer-7));
  position: relative;
}
.newspack-ui .newspack-ui__accordion ul > li > input[type=radio] {
  position: absolute;
  left: var(--newspack-ui-spacer-3);
  top: var(--newspack-ui-spacer-3);
}
.newspack-ui .newspack-ui__accordion ul > li > label {
  display: flex;
  gap: var(--newspack-ui-spacer-base);
  justify-content: space-between;
}
.newspack-ui .newspack-ui__accordion ul > li > div {
  transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}
.newspack-ui .newspack-ui__accordion ul > li.active {
  background-color: var(--newspack-ui-color-neutral-5);
  border-color: var(--newspack-ui-color-neutral-90);
}
.newspack-ui .newspack-ui__accordion ul > li.active > div {
  max-height: 1000px;
  opacity: 1;
}
.newspack-ui .newspack-ui__accordion ul > li:only-child {
  background: none;
  border: none;
  padding: 0;
}
.newspack-ui .newspack-ui__accordion ul > li:only-child > input[type=radio] {
  display: none;
}
.newspack-ui .newspack-ui__accordion ul > li:only-child > input[type=radio] + label {
  display: none;
}
.newspack-ui .newspack-ui__accordion ul > li:only-child > div {
  max-height: 1000px;
  opacity: 1;
}
.newspack-ui .newspack-ui__button, .woocommerce-account.newspack-my-account.newspack-ui .button,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Button {
  align-items: center;
  background: var(--newspack-ui-color-neutral-10);
  border: 0;
  border-radius: var(--newspack-ui-border-radius-m);
  color: var(--newspack-ui-color-neutral-90);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--newspack-ui-font-family);
  font-size: var(--newspack-ui-font-size-s);
  font-style: normal;
  font-weight: 600;
  gap: calc(var(--newspack-ui-spacer-5) * 0.5);
  letter-spacing: initial;
  text-transform: none;
  justify-content: center;
  line-height: var(--newspack-ui-line-height-s);
  margin-bottom: var(--newspack-ui-spacer-2);
  min-height: var(--newspack-ui-spacer-9);
  padding: var(--newspack-ui-spacer-2) var(--newspack-ui-spacer-5);
  text-decoration: none;
  transition: background-color 125ms ease-in-out, border-color 125ms ease-in-out, outline 125ms ease-in-out;
  white-space: nowrap;
}
.newspack-ui .newspack-ui__button:last-child, .woocommerce-account.newspack-my-account.newspack-ui .button:last-child,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Button:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 782px) {
  .newspack-ui .newspack-ui__button:not(.newspack-ui__button--wide), .woocommerce-account.newspack-my-account.newspack-ui .button:not(.newspack-ui__button--wide),
  .woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Button:not(.newspack-ui__button--wide) {
    margin-bottom: 0;
  }
}
.newspack-ui .newspack-ui__button:hover, .woocommerce-account.newspack-my-account.newspack-ui .button:hover,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Button:hover {
  background: var(--newspack-ui-color-neutral-30);
  color: var(--newspack-ui-color-neutral-90);
}
.newspack-ui .newspack-ui__button:disabled, .woocommerce-account.newspack-my-account.newspack-ui .button:disabled,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Button:disabled, .newspack-ui .newspack-ui__button.disabled, .woocommerce-account.newspack-my-account.newspack-ui .disabled.button,
.woocommerce-account.newspack-my-account.newspack-ui .disabled.woocommerce-Button {
  background: var(--newspack-ui-color-neutral-5) !important;
  color: var(--newspack-ui-color-neutral-40) !important;
  cursor: default;
  pointer-events: none;
}
.newspack-ui .newspack-ui__button:focus, .woocommerce-account.newspack-my-account.newspack-ui .button:focus,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Button:focus {
  outline: none;
}
.newspack-ui .newspack-ui__button:focus-visible, .woocommerce-account.newspack-my-account.newspack-ui .button:focus-visible,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Button:focus-visible {
  outline: 2px solid var(--newspack-ui-color-button-bg);
  outline-offset: 1px;
}
.newspack-ui .newspack-ui__button__row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--newspack-ui-spacer-2);
}
.newspack-ui .newspack-ui__button--x-small, .woocommerce-account.newspack-my-account.newspack-ui .shop_table button,
.woocommerce-account.newspack-my-account.newspack-ui .shop_table .button,
.woocommerce-account.newspack-my-account.newspack-ui .shop_table .woocommerce-Button {
  border-radius: var(--newspack-ui-border-radius-xs);
  font-size: var(--newspack-ui-font-size-xs);
  gap: calc(var(--newspack-ui-spacer-2) * 0.5);
  line-height: var(--newspack-ui-line-height-xs);
  min-height: var(--newspack-ui-spacer-7);
  padding: calc(var(--newspack-ui-spacer-base) * 0.75) var(--newspack-ui-spacer-2);
}
.newspack-ui .newspack-ui__button--small {
  border-radius: var(--newspack-ui-border-radius-s);
  font-size: var(--newspack-ui-font-size-xs);
  gap: calc(var(--newspack-ui-spacer-3) * 0.5);
  line-height: var(--newspack-ui-line-height-xs);
  min-height: var(--newspack-ui-spacer-8);
  padding: var(--newspack-ui-spacer-base) var(--newspack-ui-spacer-3);
}
.newspack-ui .newspack-ui__button--primary, .woocommerce-account.newspack-my-account.newspack-ui .button,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Button {
  background: var(--newspack-ui-color-button-bg);
  color: var(--newspack-ui-color-button-text);
}
.newspack-ui .newspack-ui__button--primary:hover, .woocommerce-account.newspack-my-account.newspack-ui .button:hover,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Button:hover {
  background: var(--newspack-ui-color-button-bg-hover);
  color: var(--newspack-ui-color-button-text-hover);
}
.newspack-ui .newspack-ui__button--primary:disabled, .woocommerce-account.newspack-my-account.newspack-ui .button:disabled,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Button:disabled {
  background: var(--newspack-ui-color-neutral-30) !important;
  color: var(--newspack-ui-color-neutral-0) !important;
}
.newspack-ui .newspack-ui__button--primary-light {
  background: var(--newspack-ui-color-neutral-0);
  color: var(--newspack-ui-color-neutral-90);
}
.newspack-ui .newspack-ui__button--primary-light:hover {
  background: var(--newspack-ui-color-neutral-5);
  color: var(--newspack-ui-color-neutral-90);
}
.newspack-ui .newspack-ui__button--primary-light:disabled {
  background: var(---newspack-ui-color-neutral-0) !important;
  color: var(--newspack-ui-color-neutral-30) !important;
}
.newspack-ui .newspack-ui__button--accent, .newspack-ui .newspack-ui__button--branded {
  background: var(--newspack-ui-color-primary);
  color: var(--newspack-ui-color-against-primary);
}
.newspack-ui .newspack-ui__button--accent:hover, .newspack-ui .newspack-ui__button--branded:hover {
  background: color-mix(in srgb, var(--newspack-ui-color-primary) 80%, black);
  color: var(--newspack-ui-color-against-primary);
}
.newspack-ui .newspack-ui__button--accent:focus-visible, .newspack-ui .newspack-ui__button--branded:focus-visible {
  outline-color: var(--newspack-ui-color-primary);
}
.newspack-ui .newspack-ui__button--accent:disabled, .newspack-ui .newspack-ui__button--branded:disabled {
  background: color-mix(in srgb, var(--newspack-ui-color-primary) 20%, white) !important;
  color: var(--newspack-ui-color-against-primary) !important;
}
.newspack-ui .newspack-ui__button--secondary, .woocommerce-account.newspack-my-account.newspack-ui .button.secondary, .woocommerce-account.newspack-my-account.newspack-ui .button.button-secondary,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Button.secondary,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Button.button-secondary, .woocommerce-account.newspack-my-account.newspack-ui .shop_table button,
.woocommerce-account.newspack-my-account.newspack-ui .shop_table .button,
.woocommerce-account.newspack-my-account.newspack-ui .shop_table .woocommerce-Button {
  background: var(--newspack-ui-color-neutral-10);
  color: var(--newspack-ui-color-neutral-90);
}
.newspack-ui .newspack-ui__button--secondary:hover, .woocommerce-account.newspack-my-account.newspack-ui .button.secondary:hover, .woocommerce-account.newspack-my-account.newspack-ui .button.button-secondary:hover,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Button.secondary:hover,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Button.button-secondary:hover, .woocommerce-account.newspack-my-account.newspack-ui .shop_table button:hover,
.woocommerce-account.newspack-my-account.newspack-ui .shop_table .button:hover,
.woocommerce-account.newspack-my-account.newspack-ui .shop_table .woocommerce-Button:hover {
  background: var(--newspack-ui-color-neutral-30);
  color: var(--newspack-ui-color-neutral-90);
}
.newspack-ui .newspack-ui__button--secondary:disabled, .woocommerce-account.newspack-my-account.newspack-ui .button.secondary:disabled, .woocommerce-account.newspack-my-account.newspack-ui .button.button-secondary:disabled,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Button.secondary:disabled,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Button.button-secondary:disabled, .woocommerce-account.newspack-my-account.newspack-ui .shop_table button:disabled,
.woocommerce-account.newspack-my-account.newspack-ui .shop_table .button:disabled,
.woocommerce-account.newspack-my-account.newspack-ui .shop_table .woocommerce-Button:disabled {
  background: var(--newspack-ui-color-neutral-5) !important;
  color: var(--newspack-ui-color-neutral-40) !important;
}
.newspack-ui .newspack-ui__button--ghost, .woocommerce-account.newspack-my-account.newspack-ui .button.ghost,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Button.ghost, .woocommerce-account.newspack-my-account.newspack-ui .shop_table button.newspack-ui__button--ghost,
.woocommerce-account.newspack-my-account.newspack-ui .shop_table .button.newspack-ui__button--ghost,
.woocommerce-account.newspack-my-account.newspack-ui .shop_table .woocommerce-Button.newspack-ui__button--ghost, .newspack-ui .newspack-ui__button--ghost-light, .newspack-ui .newspack-ui__button--outline {
  background: transparent;
  color: var(---newspack-ui-color-neutral-90);
}
.newspack-ui .newspack-ui__button--ghost:hover, .woocommerce-account.newspack-my-account.newspack-ui .button.ghost:hover,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Button.ghost:hover, .woocommerce-account.newspack-my-account.newspack-ui .shop_table button.newspack-ui__button--ghost:hover,
.woocommerce-account.newspack-my-account.newspack-ui .shop_table .button.newspack-ui__button--ghost:hover,
.woocommerce-account.newspack-my-account.newspack-ui .shop_table .woocommerce-Button.newspack-ui__button--ghost:hover, .newspack-ui .newspack-ui__button--ghost-light:hover, .newspack-ui .newspack-ui__button--outline:hover {
  background: var(--newspack-ui-color-neutral-5);
  color: var(--newspack-ui-color-neutral-90);
}
.newspack-ui .newspack-ui__button--ghost:disabled, .woocommerce-account.newspack-my-account.newspack-ui .button.ghost:disabled,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Button.ghost:disabled, .woocommerce-account.newspack-my-account.newspack-ui .shop_table button.newspack-ui__button--ghost:disabled,
.woocommerce-account.newspack-my-account.newspack-ui .shop_table .button.newspack-ui__button--ghost:disabled,
.woocommerce-account.newspack-my-account.newspack-ui .shop_table .woocommerce-Button.newspack-ui__button--ghost:disabled, .newspack-ui .newspack-ui__button--ghost-light:disabled, .newspack-ui .newspack-ui__button--outline:disabled {
  background: transparent !important;
  color: var(--newspack-ui-color-neutral-30) !important;
}
.newspack-ui .newspack-ui__button--ghost-light {
  color: var(--newspack-ui-color-neutral-60);
}
.newspack-ui .newspack-ui__button--ghost-light:hover {
  color: var(--newspack-ui-color-neutral-60);
}
.newspack-ui .newspack-ui__button--outline {
  border: 1px solid var(--newspack-ui-color-neutral-30);
  padding: calc(var(--newspack-ui-spacer-2) - 1px) calc(var(--newspack-ui-spacer-5) - 1px);
}
.newspack-ui .newspack-ui__button--outline[class*="--x-small"] {
  padding: calc(var(--newspack-ui-spacer-base) * 0.75 - 1px) calc(var(--newspack-ui-spacer-2) - 1px);
}
.newspack-ui .newspack-ui__button--outline[class*="--small"] {
  padding: calc(var(--newspack-ui-spacer-base) - 1px) calc(var(--newspack-ui-spacer-3) - 1px);
}
.newspack-ui .newspack-ui__button--outline:hover {
  border-color: var(--newspack-ui-color-neutral-40);
}
.newspack-ui .newspack-ui__button--outline:disabled {
  border-color: var(--newspack-ui-color-neutral-10);
}
.newspack-ui .newspack-ui__button--destructive, .woocommerce-account.newspack-my-account.newspack-ui .button.cancel, .woocommerce-account.newspack-my-account.newspack-ui .button.delete,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Button.cancel,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Button.delete {
  background: var(--newspack-ui-color-error-50);
  color: var(--newspack-ui-color-neutral-0);
}
.newspack-ui .newspack-ui__button--destructive:hover, .woocommerce-account.newspack-my-account.newspack-ui .button.cancel:hover, .woocommerce-account.newspack-my-account.newspack-ui .button.delete:hover,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Button.cancel:hover,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Button.delete:hover {
  background: var(--newspack-ui-color-error-60);
  color: var(--newspack-ui-color-neutral-0);
}
.newspack-ui .newspack-ui__button--destructive:focus-visible, .woocommerce-account.newspack-my-account.newspack-ui .button.cancel:focus-visible, .woocommerce-account.newspack-my-account.newspack-ui .button.delete:focus-visible,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Button.cancel:focus-visible,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Button.delete:focus-visible {
  outline-color: var(--newspack-ui-color-error-50);
}
.newspack-ui .newspack-ui__button--destructive:disabled, .woocommerce-account.newspack-my-account.newspack-ui .button.cancel:disabled, .woocommerce-account.newspack-my-account.newspack-ui .button.delete:disabled,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Button.cancel:disabled,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Button.delete:disabled {
  background: var(--newspack-ui-color-error-5) !important;
  color: var(--newspack-ui-color-neutral-0) !important;
}
.newspack-ui .newspack-ui__button--destructive[class*="--ghost"], .woocommerce-account.newspack-my-account.newspack-ui [class*="--ghost"].button.cancel, .woocommerce-account.newspack-my-account.newspack-ui [class*="--ghost"].button.delete,
.woocommerce-account.newspack-my-account.newspack-ui [class*="--ghost"].woocommerce-Button.cancel,
.woocommerce-account.newspack-my-account.newspack-ui [class*="--ghost"].woocommerce-Button.delete, .newspack-ui .newspack-ui__button--destructive[class*="--outline"], .woocommerce-account.newspack-my-account.newspack-ui [class*="--outline"].button.cancel, .woocommerce-account.newspack-my-account.newspack-ui [class*="--outline"].button.delete,
.woocommerce-account.newspack-my-account.newspack-ui [class*="--outline"].woocommerce-Button.cancel,
.woocommerce-account.newspack-my-account.newspack-ui [class*="--outline"].woocommerce-Button.delete {
  background: transparent;
  color: var(--newspack-ui-color-error-50);
}
.newspack-ui .newspack-ui__button--destructive[class*="--ghost"]:hover, .woocommerce-account.newspack-my-account.newspack-ui [class*="--ghost"].button.cancel:hover, .woocommerce-account.newspack-my-account.newspack-ui [class*="--ghost"].button.delete:hover,
.woocommerce-account.newspack-my-account.newspack-ui [class*="--ghost"].woocommerce-Button.cancel:hover,
.woocommerce-account.newspack-my-account.newspack-ui [class*="--ghost"].woocommerce-Button.delete:hover, .newspack-ui .newspack-ui__button--destructive[class*="--outline"]:hover, .woocommerce-account.newspack-my-account.newspack-ui [class*="--outline"].button.cancel:hover, .woocommerce-account.newspack-my-account.newspack-ui [class*="--outline"].button.delete:hover,
.woocommerce-account.newspack-my-account.newspack-ui [class*="--outline"].woocommerce-Button.cancel:hover,
.woocommerce-account.newspack-my-account.newspack-ui [class*="--outline"].woocommerce-Button.delete:hover {
  background: var(--newspack-ui-color-neutral-5);
  color: var(--newspack-ui-color-error-50);
}
.newspack-ui .newspack-ui__button--destructive[class*="--ghost"]:disabled, .woocommerce-account.newspack-my-account.newspack-ui [class*="--ghost"].button.cancel:disabled, .woocommerce-account.newspack-my-account.newspack-ui [class*="--ghost"].button.delete:disabled,
.woocommerce-account.newspack-my-account.newspack-ui [class*="--ghost"].woocommerce-Button.cancel:disabled,
.woocommerce-account.newspack-my-account.newspack-ui [class*="--ghost"].woocommerce-Button.delete:disabled, .newspack-ui .newspack-ui__button--destructive[class*="--outline"]:disabled, .woocommerce-account.newspack-my-account.newspack-ui [class*="--outline"].button.cancel:disabled, .woocommerce-account.newspack-my-account.newspack-ui [class*="--outline"].button.delete:disabled,
.woocommerce-account.newspack-my-account.newspack-ui [class*="--outline"].woocommerce-Button.cancel:disabled,
.woocommerce-account.newspack-my-account.newspack-ui [class*="--outline"].woocommerce-Button.delete:disabled {
  background: transparent !important;
  color: var(--newspack-ui-color-error-5) !important;
}
.newspack-ui .newspack-ui__button--destructive[class*="--outline"], .woocommerce-account.newspack-my-account.newspack-ui [class*="--outline"].button.cancel, .woocommerce-account.newspack-my-account.newspack-ui [class*="--outline"].button.delete,
.woocommerce-account.newspack-my-account.newspack-ui [class*="--outline"].woocommerce-Button.cancel,
.woocommerce-account.newspack-my-account.newspack-ui [class*="--outline"].woocommerce-Button.delete {
  border-color: var(--newspack-ui-color-neutral-30);
}
.newspack-ui .newspack-ui__button--destructive[class*="--outline"]:hover, .woocommerce-account.newspack-my-account.newspack-ui [class*="--outline"].button.cancel:hover, .woocommerce-account.newspack-my-account.newspack-ui [class*="--outline"].button.delete:hover,
.woocommerce-account.newspack-my-account.newspack-ui [class*="--outline"].woocommerce-Button.cancel:hover,
.woocommerce-account.newspack-my-account.newspack-ui [class*="--outline"].woocommerce-Button.delete:hover {
  background: transparent;
  border-color: var(--newspack-ui-color-error-50);
  color: var(--newspack-ui-color-error-60);
}
.newspack-ui .newspack-ui__button--wide, .newspack-ui .newspack-ui__button--wide-on-mobile {
  display: flex;
  width: 100%;
}
@media only screen and (min-width: 782px) {
  .newspack-ui .newspack-ui__button--wide-on-mobile {
    display: inline-flex;
    width: auto;
  }
}
.newspack-ui .newspack-ui__button--icon {
  display: grid;
  height: var(--newspack-ui-spacer-7);
  min-height: unset;
  padding: 0;
  place-items: center;
  width: var(--newspack-ui-spacer-7);
}
.newspack-ui .newspack-ui__button--icon.newspack-ui__button--x-small, .woocommerce-account.newspack-my-account.newspack-ui .shop_table button.newspack-ui__button--icon,
.woocommerce-account.newspack-my-account.newspack-ui .shop_table .newspack-ui__button--icon.button,
.woocommerce-account.newspack-my-account.newspack-ui .shop_table .newspack-ui__button--icon.woocommerce-Button {
  height: var(--newspack-ui-spacer-7);
  width: var(--newspack-ui-spacer-7);
}
.newspack-ui .newspack-ui__button--icon.newspack-ui__button--small {
  height: var(--newspack-ui-spacer-8);
  width: var(--newspack-ui-spacer-8);
}
.newspack-ui .newspack-ui__button--icon.newspack-ui__button--medium {
  height: var(--newspack-ui-spacer-9);
  width: var(--newspack-ui-spacer-9);
}
.newspack-ui .newspack-ui__button svg, .woocommerce-account.newspack-my-account.newspack-ui .button svg,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Button svg {
  fill: currentcolor;
}
.newspack-ui .newspack-ui__button--loading {
  position: relative;
}
.newspack-ui .newspack-ui__button--loading span {
  visibility: hidden;
}
.newspack-ui .newspack-ui__button--loading::before {
  animation: button-loading 900ms infinite linear;
  border: 1.5px solid;
  border-color: currentcolor currentcolor transparent transparent;
  border-radius: 50%;
  content: "";
  display: block;
  height: calc(var(--newspack-ui-spacer-base) * 2.25);
  position: absolute;
  width: calc(var(--newspack-ui-spacer-base) * 2.25);
}
.newspack-ui .newspack-ui__button:not(.newspack-ui .newspack-ui__button--icon) .newspack-ui__svg-icon--account, .woocommerce-account.newspack-my-account.newspack-ui .button:not(.newspack-ui .newspack-ui__button--icon) .newspack-ui__svg-icon--account,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Button:not(.newspack-ui .newspack-ui__button--icon) .newspack-ui__svg-icon--account {
  margin: 0 -4px;
}
.newspack-ui .newspack-ui__button:not(.newspack-ui .newspack-ui__button--icon) .newspack-ui__svg-icon--arrow-right, .woocommerce-account.newspack-my-account.newspack-ui .button:not(.newspack-ui .newspack-ui__button--icon) .newspack-ui__svg-icon--arrow-right,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Button:not(.newspack-ui .newspack-ui__button--icon) .newspack-ui__svg-icon--arrow-right {
  margin: 0 -4px;
}
.newspack-ui .newspack-ui__button:not(.newspack-ui .newspack-ui__button--icon) .newspack-ui__svg-icon--google, .woocommerce-account.newspack-my-account.newspack-ui .button:not(.newspack-ui .newspack-ui__button--icon) .newspack-ui__svg-icon--google,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Button:not(.newspack-ui .newspack-ui__button--icon) .newspack-ui__svg-icon--google {
  margin: 0 -2px;
}
.newspack-ui .newspack-ui__button:not(.newspack-ui .newspack-ui__button--icon) .newspack-ui__svg-icon--more, .woocommerce-account.newspack-my-account.newspack-ui .button:not(.newspack-ui .newspack-ui__button--icon) .newspack-ui__svg-icon--more,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Button:not(.newspack-ui .newspack-ui__button--icon) .newspack-ui__svg-icon--more {
  margin: 0 -8px;
}
.newspack-ui br + .newspack-ui__button, .woocommerce-account.newspack-my-account.newspack-ui br + .button,
.woocommerce-account.newspack-my-account.newspack-ui br + .woocommerce-Button,
.newspack-ui .newspack-ui__demo .newspack-ui__button + .newspack-ui__button,
.woocommerce-account.newspack-my-account.newspack-ui .newspack-ui__demo .button + .newspack-ui__button,
.woocommerce-account.newspack-my-account.newspack-ui .newspack-ui__demo .woocommerce-Button + .newspack-ui__button,
.woocommerce-account.newspack-my-account.newspack-ui .newspack-ui__demo .newspack-ui__button + .button,
.woocommerce-account.newspack-my-account.newspack-ui .newspack-ui__demo .button + .button,
.woocommerce-account.newspack-my-account.newspack-ui .newspack-ui__demo .woocommerce-Button + .button,
.woocommerce-account.newspack-my-account.newspack-ui .newspack-ui__demo .newspack-ui__button + .woocommerce-Button,
.woocommerce-account.newspack-my-account.newspack-ui .newspack-ui__demo .button + .woocommerce-Button,
.woocommerce-account.newspack-my-account.newspack-ui .newspack-ui__demo .woocommerce-Button + .woocommerce-Button {
  margin-top: var(--newspack-ui-spacer-2);
}
@keyframes button-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.newspack-ui input[type=checkbox],
.newspack-ui input[type=radio] {
  appearance: none;
  background: white;
  border: solid 1px var(--newspack-ui-color-input-border);
  box-shadow: none;
  color: white;
  cursor: pointer;
  display: inline-grid;
  font: inherit;
  height: var(--newspack-ui-spacer-4) !important;
  margin: 0;
  place-content: center;
  transition: background-color 125ms ease-in-out, border-color 125ms ease-in-out, outline 125ms ease-in-out;
  width: var(--newspack-ui-spacer-4) !important;
}
.newspack-ui input[type=checkbox]::before,
.newspack-ui input[type=radio]::before {
  content: "";
  display: block;
  opacity: 0;
}
.newspack-ui input[type=checkbox]:checked::before,
.newspack-ui input[type=radio]:checked::before {
  opacity: 1;
}
.newspack-ui input[type=checkbox]:focus,
.newspack-ui input[type=radio]:focus {
  outline: unset;
}
.newspack-ui input[type=checkbox]:focus-visible,
.newspack-ui input[type=radio]:focus-visible {
  outline: 2px solid var(--newspack-ui-color-neutral-90);
  outline-offset: 1px;
}
.newspack-ui input[type=checkbox]:focus-visible:not(:checked),
.newspack-ui input[type=radio]:focus-visible:not(:checked) {
  border: 0;
  outline-offset: -1px;
}
.newspack-ui input[type=checkbox]:disabled,
.newspack-ui input[type=radio]:disabled {
  cursor: not-allowed;
  opacity: 0.75;
}
.newspack-ui label.checkbox {
  font-size: var(--newspack-ui-font-size-s) !important;
  font-weight: normal !important;
  line-height: var(--newspack-ui-line-height-s) !important;
}
.newspack-ui input[type=checkbox] {
  border-radius: var(--newspack-ui-border-radius-2xs);
}
.newspack-ui input[type=checkbox]::before {
  background: transparent url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath d=%27M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z%27 fill=%27white%27%3E%3C/path%3E%3C/svg%3E") 0 0 no-repeat;
  height: var(--newspack-ui-spacer-5);
  margin: 0;
  width: var(--newspack-ui-spacer-5);
}
.newspack-ui input[type=checkbox]:checked {
  background: var(--newspack-ui-color-neutral-90);
  border-color: transparent;
}
.newspack-ui input[type=radio] {
  border-radius: 100%;
}
.newspack-ui input[type=radio]::before {
  background: var(--newspack-ui-color-neutral-0);
  border-radius: 100%;
  height: var(--newspack-ui-spacer-base);
  width: var(--newspack-ui-spacer-base);
}
.newspack-ui input[type=radio]:checked {
  background: var(--newspack-ui-color-neutral-90);
  border-color: var(--newspack-ui-color-neutral-90);
}
.newspack-ui label {
  color: var(--newspack-ui-label-color);
  display: block;
  font-family: var(--newspack-ui-font-family);
  font-size: var(--newspack-ui-font-size-s);
  font-weight: 600;
  line-height: var(--newspack-ui-line-height-s);
  margin: 0 0 var(--newspack-ui-spacer-base);
}
.newspack-ui label:has(input[type=checkbox]), .newspack-ui label:has(input[type=radio]) {
  display: grid !important;
  gap: 0 var(--newspack-ui-spacer-base);
  grid-template-columns: var(--newspack-ui-spacer-4) 1fr;
}
.newspack-ui label:has(input[type=checkbox]) > *:not(input), .newspack-ui label:has(input[type=radio]) > *:not(input) {
  grid-column: 2/span 1;
}
.newspack-ui label:has(input[type=checkbox]) input, .newspack-ui label:has(input[type=radio]) input {
  margin-top: 0.125em;
}
.newspack-ui label:has(input[type=checkbox]).newspack-ui__input-card, .newspack-ui label:has(input[type=radio]).newspack-ui__input-card {
  border: 1px solid var(--newspack-ui-color-border);
  border-radius: var(--newspack-ui-border-radius-m);
  cursor: pointer;
  font-weight: normal;
  gap: 0 var(--newspack-ui-spacer-3);
  margin-bottom: var(--newspack-ui-spacer-5);
  padding: var(--newspack-ui-spacer-3);
  transition: background-color 125ms ease-in-out, border-color 125ms ease-in-out;
}
.newspack-ui label:has(input[type=checkbox]).newspack-ui__input-card:has(> input:checked), .newspack-ui label:has(input[type=radio]).newspack-ui__input-card:has(> input:checked) {
  background: var(--newspack-ui-color-neutral-5);
  border-color: var(--newspack-ui-color-neutral-90);
}
.newspack-ui label:has(input[type=checkbox]).newspack-ui__input-card + .newspack-ui__input-card, .newspack-ui label:has(input[type=radio]).newspack-ui__input-card + .newspack-ui__input-card {
  margin-top: calc(var(--newspack-ui-spacer-2) * -1);
}
.newspack-ui label:has(input[type=checkbox]).newspack-ui__input-card .newspack-ui__helper-text, .newspack-ui label:has(input[type=radio]).newspack-ui__input-card .newspack-ui__helper-text {
  margin-top: 0;
}
.newspack-ui label:has(input[type=checkbox]):has(.newspack-ui__badge), .newspack-ui label:has(input[type=radio]):has(.newspack-ui__badge) {
  grid-template-columns: var(--newspack-ui-spacer-4) 1fr min-content;
}
.newspack-ui label:has(input[type=checkbox]) .newspack-ui__badge, .newspack-ui label:has(input[type=radio]) .newspack-ui__badge {
  align-self: start;
  grid-column-start: 3;
  grid-row-start: 1;
}
.newspack-ui label a {
  text-decoration: underline;
}
.newspack-ui label .required {
  color: var(--newspack-ui-color-error-50);
}
.newspack-ui__label-optional {
  color: var(--newspack-ui-color-neutral-60);
  font-weight: 400;
}
.newspack-ui__required {
  color: var(--newspack-ui-color-error-50);
}
.newspack-ui__required[title] {
  text-decoration: none;
}
.newspack-ui select {
  appearance: none;
  background: var(--newspack-ui-color-input-bg) url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M15.9902 10.889L12.0022 14.307L8.01416 10.889L8.99016 9.74899L12.0022 12.331L15.0142 9.74999L15.9902 10.889Z%27 fill=%27%231E1E1E%27/%3E%3C/svg%3E") no-repeat right var(--newspack-ui-spacer-2) center;
  border: 1px solid var(--newspack-ui-color-input-border);
  border-radius: var(--newspack-ui-border-radius-m);
  cursor: pointer;
  display: block;
  font-family: var(--newspack-ui-font-family);
  font-size: var(--newspack-ui-font-size-s);
  line-height: var(--newspack-ui-line-height-s);
  margin: 0;
  min-height: var(--newspack-ui-spacer-9);
  outline: 0;
  padding: calc(var(--newspack-ui-spacer-2) - 1px) calc(var(--newspack-ui-spacer-2) * 2 + var(--newspack-ui-spacer-5)) calc(var(--newspack-ui-spacer-2) - 1px) calc(var(--newspack-ui-spacer-2) - 1px);
  width: 100%;
}
.newspack-ui select:disabled {
  background-color: var(--newspack-ui-color-input-bg-disabled);
  border-color: var(--newspack-ui-color-input-border-disabled);
}
.newspack-ui .select2-container--default .select2-results__option[aria-selected=true], .newspack-ui .select2-container--default .select2-results__option[data-selected=true] {
  color: var(--newspack-ui-color-neutral-90);
  background: var(--newspack-ui-color-neutral-10);
}
.newspack-ui .select2-container--default .select2-results__option--highlighted[aria-selected], .newspack-ui .select2-container--default .select2-results__option--highlighted[data-selected] {
  color: var(--newspack-ui-color-neutral-0);
  background: var(--newspack-ui-color-neutral-90);
}
.newspack-ui__spinner {
  flex-direction: column;
  gap: var(--newspack-ui-spacer-2);
  align-items: center;
  background: var(--newspack-ui-color-neutral-0);
  border-radius: var(--newspack-ui-border-radius-m);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 50%;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 99998;
}
.newspack-ui__spinner > span {
  animation: spin 900ms infinite linear;
  border: 1.5px solid;
  border-color: var(--newspack-ui-color-neutral-90) var(--newspack-ui-color-neutral-90) var(--newspack-ui-color-body-bg) var(--newspack-ui-color-body-bg);
  border-radius: 50%;
  height: calc(var(--newspack-ui-spacer-base) * 2.25);
  width: calc(var(--newspack-ui-spacer-base) * 2.25);
}
.newspack-ui__spinner p {
  font-weight: 600;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.newspack-ui input[type=text],
.newspack-ui input[type=email],
.newspack-ui input[type=url],
.newspack-ui input[type=password],
.newspack-ui input[type=search],
.newspack-ui input[type=number],
.newspack-ui input[type=tel],
.newspack-ui input[type=range],
.newspack-ui input[type=date],
.newspack-ui input[type=month],
.newspack-ui input[type=week],
.newspack-ui input[type=time],
.newspack-ui input[type=datetime],
.newspack-ui input[type=datetime-local],
.newspack-ui input[type=zip],
.newspack-ui input[type=color],
.newspack-ui textarea {
  background: var(--newspack-ui-color-input-bg);
  border: 1px solid var(--newspack-ui-color-input-border);
  border-radius: var(--newspack-ui-border-radius-m);
  display: block;
  font-family: var(--newspack-ui-font-family);
  font-size: var(--newspack-ui-font-size-s);
  line-height: var(--newspack-ui-line-height-s);
  padding: calc(var(--newspack-ui-spacer-2) - 1px);
  transition: background-color 125ms ease-in-out, border-color 125ms ease-in-out, outline 125ms ease-in-out;
  width: 100%;
}
.newspack-ui input[type=text]:focus-visible,
.newspack-ui input[type=email]:focus-visible,
.newspack-ui input[type=url]:focus-visible,
.newspack-ui input[type=password]:focus-visible,
.newspack-ui input[type=search]:focus-visible,
.newspack-ui input[type=number]:focus-visible,
.newspack-ui input[type=tel]:focus-visible,
.newspack-ui input[type=range]:focus-visible,
.newspack-ui input[type=date]:focus-visible,
.newspack-ui input[type=month]:focus-visible,
.newspack-ui input[type=week]:focus-visible,
.newspack-ui input[type=time]:focus-visible,
.newspack-ui input[type=datetime]:focus-visible,
.newspack-ui input[type=datetime-local]:focus-visible,
.newspack-ui input[type=zip]:focus-visible,
.newspack-ui input[type=color]:focus-visible,
.newspack-ui textarea:focus-visible {
  outline: 2px solid var(--newspack-ui-color-input-border-focus);
  outline-offset: -1px;
}
.newspack-ui input[type=text]:disabled,
.newspack-ui input[type=email]:disabled,
.newspack-ui input[type=url]:disabled,
.newspack-ui input[type=password]:disabled,
.newspack-ui input[type=search]:disabled,
.newspack-ui input[type=number]:disabled,
.newspack-ui input[type=tel]:disabled,
.newspack-ui input[type=range]:disabled,
.newspack-ui input[type=date]:disabled,
.newspack-ui input[type=month]:disabled,
.newspack-ui input[type=week]:disabled,
.newspack-ui input[type=time]:disabled,
.newspack-ui input[type=datetime]:disabled,
.newspack-ui input[type=datetime-local]:disabled,
.newspack-ui input[type=zip]:disabled,
.newspack-ui input[type=color]:disabled,
.newspack-ui textarea:disabled {
  background-color: var(--newspack-ui-color-input-bg-disabled);
  border-color: var(--newspack-ui-color-input-border-disabled);
}
.newspack-ui__currency-input {
  border: 1px solid var(--newspack-ui-color-input-border);
  border-radius: var(--newspack-ui-border-radius-m);
  display: grid;
  grid-template-columns: calc(var(--newspack-ui-spacer-9) - 2px) 1fr;
  overflow: hidden;
}
.newspack-ui__currency-input:focus-within {
  outline: 2px solid var(--newspack-ui-color-input-border-focus);
  outline-offset: -1px;
}
.newspack-ui__currency-input__currency {
  background: var(--newspack-ui-color-neutral-10);
  display: grid;
  font-weight: 600;
  font-size: var(--newspack-ui-font-size-s);
  line-height: var(--newspack-ui-line-height-s);
  place-items: center;
}
.newspack-ui__currency-input input {
  border: 0 !important;
  outline: none !important;
}
.newspack-ui form {
  position: relative;
}
.newspack-ui form > *:last-child {
  margin-bottom: 0;
}
.newspack-ui .newspack-ui__last-child {
  margin-bottom: 0;
}
.newspack-ui .newspack-ui__code-input {
  display: flex;
  gap: var(--newspack-ui-spacer-base);
}
.newspack-ui .newspack-ui__code-input input {
  text-align: center;
}
.newspack-ui .newspack-ui__helper-text, .newspack-ui .newspack-ui__inline-error {
  color: var(--newspack-ui-color-neutral-60);
  display: block;
  font-size: var(--newspack-ui-font-size-xs);
  font-weight: normal;
  line-height: var(--newspack-ui-line-height-xs);
  margin: var(--newspack-ui-spacer-base) 0 0;
}
.newspack-ui .newspack-ui__helper-text a, .newspack-ui .newspack-ui__inline-error a {
  text-decoration: underline;
}
.newspack-ui .newspack-ui__helper-text + .newspack-ui .newspack-ui__helper-text, .newspack-ui .newspack-ui__helper-text + .newspack-ui .newspack-ui__inline-error, .newspack-ui .newspack-ui__inline-error + .newspack-ui .newspack-ui__helper-text, .newspack-ui .newspack-ui__inline-error + .newspack-ui .newspack-ui__inline-error {
  margin-top: 0;
}
label .newspack-ui .newspack-ui__helper-text, label .newspack-ui .newspack-ui__inline-error {
  margin: 0;
}
.newspack-ui .newspack-ui__inline-error {
  color: var(--newspack-ui-color-error-50);
}
.newspack-ui .newspack-ui__field-error,
.newspack-ui [data-form-status="400"] {
  --newspack-ui-color-input-border: var(--newspack-ui-color-error-50);
  --newspack-ui-color-input-border-focus: var(--newspack-ui-color-error-50);
  --newspack-ui-label-color: var(--newspack-ui-color-error-50);
}
.newspack-ui .newspack-ui__field-error .newspack-ui__label-optional,
.newspack-ui [data-form-status="400"] .newspack-ui__label-optional {
  color: inherit;
}
/**
 * SVG icons.
 */
.newspack-ui__icon {
  align-items: center;
  border-radius: 100%;
  display: flex;
  height: var(--newspack-ui-spacer-8);
  justify-content: center;
  margin: 0 auto var(--newspack-ui-spacer-2);
  width: var(--newspack-ui-spacer-8);
}
.newspack-ui__icon--neutral {
  background-color: var(--newspack-ui-color-neutral-90);
  color: var(--newspack-ui-color-body-bg);
}
.newspack-ui__icon--success {
  background: var(--newspack-ui-color-success-50);
  color: var(--newspack-ui-color-body-bg);
}
.newspack-ui__icon--error {
  background: var(--newspack-ui-color-error-50);
  color: var(--newspack-ui-color-body-bg);
}
.newspack-ui__icon--warning {
  background: var(--newspack-ui-color-warning-30);
  color: var(--newspack-ui-color-body-bg);
}
.newspack-ui__icon svg {
  fill: currentcolor;
}
.newspack-ui__badge {
  background: var(--newspack-ui-color-neutral-0);
  border-radius: var(--newspack-ui-border-radius-2xs);
  color: var(--newspack-ui-color-neutral-90);
  display: inline-grid;
  font-size: var(--newspack-ui-font-size-xs);
  font-weight: 600;
  line-height: var(--newspack-ui-line-height-xs);
  padding: 2px 6px;
  place-items: center;
  text-transform: uppercase;
}
.newspack-ui__badge--primary {
  background: var(--newspack-ui-color-neutral-90);
  color: var(--newspack-ui-color-neutral-0);
}
.newspack-ui__badge--secondary {
  background: var(--newspack-ui-color-neutral-10);
}
.newspack-ui__badge--outline {
  background: var(--newspack-ui-color-neutral-0);
  color: var(--newspack-ui-color-neutral-60);
  outline: 1px solid var(--newspack-ui-color-neutral-30);
  outline-offset: -1px;
}
.newspack-ui__badge--success {
  background: var(--newspack-ui-color-success-0);
}
.newspack-ui__badge--error {
  background: var(--newspack-ui-color-error-0);
}
.newspack-ui__badge--warning {
  background: var(--newspack-ui-color-warning-0);
}
.newspack-ui .newspack-ui__dropdown {
  display: inline-flex;
  position: relative;
}
.newspack-ui .newspack-ui__dropdown__toggle {
  margin: 0;
}
.newspack-ui .newspack-ui__dropdown__content {
  background: var(--newspack-ui-color-body-bg);
  border: 1px solid var(--newspack-ui-color-border);
  border-radius: var(--newspack-ui-border-radius-m);
  font-size: var(--newspack-ui-font-size-xs);
  opacity: 0;
  position: absolute;
  left: 0;
  min-width: 160px;
  padding: var(--newspack-ui-spacer-base) 0;
  pointer-events: none;
  top: calc(100% + var(--newspack-ui-spacer-base));
  transform: scaleY(0);
  transition: opacity 125ms ease-in-out;
  z-index: 1;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.07);
}
.newspack-ui .newspack-ui__dropdown__content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.newspack-ui .newspack-ui__dropdown__content ul li {
  margin: 0;
  padding: 0;
}
.newspack-ui .newspack-ui__dropdown__content ul li .newspack-ui__button {
  border-radius: 0;
  display: flex;
  font-size: var(--newspack-ui-font-size-xs);
  justify-content: start;
  line-height: var(--newspack-ui-line-height-xs);
  min-height: var(--newspack-ui-spacer-7);
  padding: var(--newspack-ui-spacer-2) var(--newspack-ui-spacer-5);
  white-space: nowrap;
  width: 100%;
}
.newspack-ui .newspack-ui__dropdown__content ul li .newspack-ui__button.cancel, .newspack-ui .newspack-ui__dropdown__content ul li .newspack-ui__button.delete, .newspack-ui .newspack-ui__dropdown__content ul li .newspack-ui__button.wcs_deletion_error, .newspack-ui .newspack-ui__dropdown__content ul li .newspack-ui__button--destructive {
  color: var(--newspack-ui-color-error-50);
}
.newspack-ui .newspack-ui__dropdown__content ul li .newspack-ui__button:focus-visible {
  outline-offset: -1px;
}
.newspack-ui .newspack-ui__dropdown.active .newspack-ui__dropdown__content {
  pointer-events: auto;
  opacity: 1;
  transform: scaleY(1);
}
.newspack-ui__word-divider {
  align-items: center;
  display: flex;
  font-size: var(--newspack-ui-font-size-xs);
  gap: var(--newspack-ui-spacer-2);
  justify-content: space-evenly;
  margin: var(--newspack-ui-spacer-5) 0;
}
.newspack-ui__word-divider::before, .newspack-ui__word-divider::after {
  border-top: 1px solid var(--newspack-ui-color-border);
  content: "";
  display: block;
  width: 100%;
}
.newspack-ui hr {
  background: var(--newspack-ui-color-border);
  border: 0;
  height: 1px;
  margin: var(--newspack-ui-spacer-6) 0;
}
.newspack-ui.newspack-reader-auth .newspack-ui__button:not(:first-child, a.newspack-ui__button):first-of-type {
  margin-top: var(--newspack-ui-spacer-5);
}
.newspack-ui .newspack-ui__spacing-bottom--0 {
  margin-bottom: 0;
}
.newspack-ui .newspack-ui__spacing-bottom--8 {
  margin-bottom: var(--newspack-ui-spacer-base);
}
.newspack-ui .newspack-ui__spacing-bottom--12 {
  margin-bottom: var(--newspack-ui-spacer-2);
}
.newspack-ui .newspack-ui__spacing-bottom--16 {
  margin-bottom: var(--newspack-ui-spacer-3);
}
.newspack-ui .newspack-ui__spacing-bottom--20 {
  margin-bottom: var(--newspack-ui-spacer-4);
}
.newspack-ui .newspack-ui__spacing-bottom--24 {
  margin-bottom: var(--newspack-ui-spacer-5);
}
.newspack-ui .newspack-ui__spacing-bottom--32 {
  margin-bottom: var(--newspack-ui-spacer-6);
}
.newspack-ui .newspack-ui__spacing-bottom--36 {
  margin-bottom: var(--newspack-ui-spacer-7);
}
.newspack-ui .newspack-ui__spacing-bottom--40 {
  margin-bottom: var(--newspack-ui-spacer-8);
}
.newspack-ui .newspack-ui__spacing-bottom--48 {
  margin-bottom: var(--newspack-ui-spacer-9);
}
.newspack-ui .newspack-ui__spacing-bottom--56 {
  margin-bottom: var(--newspack-ui-spacer-10);
}
.newspack-ui .newspack-ui__spacing-bottom--64 {
  margin-bottom: var(--newspack-ui-spacer-11);
}
.newspack-ui .newspack-ui__spacing-bottom--72 {
  margin-bottom: var(--newspack-ui-spacer-12);
}
.newspack-ui .newspack-ui__spacing-left--0 {
  margin-left: 0;
}
.newspack-ui .newspack-ui__spacing-left--8 {
  margin-left: var(--newspack-ui-spacer-base);
}
.newspack-ui .newspack-ui__spacing-left--12 {
  margin-left: var(--newspack-ui-spacer-2);
}
.newspack-ui .newspack-ui__spacing-left--16 {
  margin-left: var(--newspack-ui-spacer-3);
}
.newspack-ui .newspack-ui__spacing-left--20 {
  margin-left: var(--newspack-ui-spacer-4);
}
.newspack-ui .newspack-ui__spacing-left--24 {
  margin-left: var(--newspack-ui-spacer-5);
}
.newspack-ui .newspack-ui__spacing-left--32 {
  margin-left: var(--newspack-ui-spacer-6);
}
.newspack-ui .newspack-ui__spacing-left--36 {
  margin-left: var(--newspack-ui-spacer-7);
}
.newspack-ui .newspack-ui__spacing-left--40 {
  margin-left: var(--newspack-ui-spacer-8);
}
.newspack-ui .newspack-ui__spacing-left--48 {
  margin-left: var(--newspack-ui-spacer-9);
}
.newspack-ui .newspack-ui__spacing-left--56 {
  margin-left: var(--newspack-ui-spacer-10);
}
.newspack-ui .newspack-ui__spacing-left--64 {
  margin-left: var(--newspack-ui-spacer-11);
}
.newspack-ui .newspack-ui__spacing-left--72 {
  margin-left: var(--newspack-ui-spacer-12);
}
.newspack-ui .newspack-ui__spacing-right--0 {
  margin-right: 0;
}
.newspack-ui .newspack-ui__spacing-right--8 {
  margin-right: var(--newspack-ui-spacer-base);
}
.newspack-ui .newspack-ui__spacing-right--12 {
  margin-right: var(--newspack-ui-spacer-2);
}
.newspack-ui .newspack-ui__spacing-right--16 {
  margin-right: var(--newspack-ui-spacer-3);
}
.newspack-ui .newspack-ui__spacing-right--20 {
  margin-right: var(--newspack-ui-spacer-4);
}
.newspack-ui .newspack-ui__spacing-right--24 {
  margin-right: var(--newspack-ui-spacer-5);
}
.newspack-ui .newspack-ui__spacing-right--32 {
  margin-right: var(--newspack-ui-spacer-6);
}
.newspack-ui .newspack-ui__spacing-right--36 {
  margin-right: var(--newspack-ui-spacer-7);
}
.newspack-ui .newspack-ui__spacing-right--40 {
  margin-right: var(--newspack-ui-spacer-8);
}
.newspack-ui .newspack-ui__spacing-right--48 {
  margin-right: var(--newspack-ui-spacer-9);
}
.newspack-ui .newspack-ui__spacing-right--56 {
  margin-right: var(--newspack-ui-spacer-10);
}
.newspack-ui .newspack-ui__spacing-right--64 {
  margin-right: var(--newspack-ui-spacer-11);
}
.newspack-ui .newspack-ui__spacing-right--72 {
  margin-right: var(--newspack-ui-spacer-12);
}
.newspack-ui .newspack-ui__spacing-top--0 {
  margin-top: 0;
}
.newspack-ui .newspack-ui__spacing-top--8 {
  margin-top: var(--newspack-ui-spacer-base);
}
.newspack-ui .newspack-ui__spacing-top--12 {
  margin-top: var(--newspack-ui-spacer-2);
}
.newspack-ui .newspack-ui__spacing-top--16 {
  margin-top: var(--newspack-ui-spacer-3);
}
.newspack-ui .newspack-ui__spacing-top--20 {
  margin-top: var(--newspack-ui-spacer-4);
}
.newspack-ui .newspack-ui__spacing-top--24 {
  margin-top: var(--newspack-ui-spacer-5);
}
.newspack-ui .newspack-ui__spacing-top--32 {
  margin-top: var(--newspack-ui-spacer-6);
}
.newspack-ui .newspack-ui__spacing-top--36 {
  margin-top: var(--newspack-ui-spacer-7);
}
.newspack-ui .newspack-ui__spacing-top--40 {
  margin-top: var(--newspack-ui-spacer-8);
}
.newspack-ui .newspack-ui__spacing-top--48 {
  margin-top: var(--newspack-ui-spacer-9);
}
.newspack-ui .newspack-ui__spacing-top--56 {
  margin-top: var(--newspack-ui-spacer-10);
}
.newspack-ui .newspack-ui__spacing-top--64 {
  margin-top: var(--newspack-ui-spacer-11);
}
.newspack-ui .newspack-ui__spacing-top--72 {
  margin-top: var(--newspack-ui-spacer-12);
}
.newspack-ui__segmented-control {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--newspack-ui-spacer-2);
}
.newspack-ui__segmented-control__form-control {
  display: grid;
  gap: var(--newspack-ui-spacer-base);
  width: 100%;
}
.newspack-ui__segmented-control__form-control label {
  margin: 0;
}
.newspack-ui__segmented-control__form-control .newspack-ui__segmented-control__tabs {
  flex-wrap: nowrap;
}
.newspack-ui__segmented-control__form-control .newspack-ui__button {
  flex: 1 1 100%;
}
.newspack-ui__segmented-control__tabs {
  background: var(--newspack-ui-color-neutral-10);
  border-radius: var(--newspack-ui-border-radius-m);
  display: flex;
  flex-wrap: wrap;
  gap: var(--newspack-ui-spacer-base);
  justify-content: center;
  padding: var(--newspack-ui-spacer-base);
}
.newspack-ui__segmented-control__tabs:has([class*="--x-small"]) {
  gap: calc(var(--newspack-ui-spacer-base) * 0.75);
  padding: calc(var(--newspack-ui-spacer-base) * 0.75);
}
.newspack-ui__segmented-control__tabs:has([class*="--small"]) {
  gap: calc(var(--newspack-ui-spacer-base) / 2);
  padding: calc(var(--newspack-ui-spacer-base) / 2);
}
.newspack-ui__segmented-control__tabs .newspack-ui__button {
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--newspack-ui-border-radius-s);
  color: var(--newspack-ui-color-neutral-60);
  cursor: pointer;
  padding: calc(var(--newspack-ui-spacer-2) - 1px) calc(var(--newspack-ui-spacer-5) - 1px);
}
.newspack-ui__segmented-control__tabs .newspack-ui__button[class*="--x-small"] {
  padding: calc(var(--newspack-ui-spacer-base) * 0.75 - 1px) calc(var(--newspack-ui-spacer-2) - 1px);
}
.newspack-ui__segmented-control__tabs .newspack-ui__button[class*="--small"] {
  padding: calc(var(--newspack-ui-spacer-base) - 1px) calc(var(--newspack-ui-spacer-3) - 1px);
}
.newspack-ui__segmented-control__tabs .newspack-ui__button:hover {
  background: transparent;
}
.newspack-ui__segmented-control__tabs .newspack-ui__button:focus {
  outline: none;
}
.newspack-ui__segmented-control__tabs .newspack-ui__button:focus-visible {
  outline: 2px solid var(--newspack-ui-color-button-bg);
  outline-offset: 1px;
}
.newspack-ui__segmented-control__tabs .newspack-ui__button:not(:last-child) {
  margin: 0;
}
.newspack-ui__segmented-control__tabs .newspack-ui__button.selected {
  background: var(--newspack-ui-color-neutral-0);
  border-color: var(--newspack-ui-color-neutral-30);
  color: var(--newspack-ui-color-neutral-90);
}
.newspack-ui__segmented-control__content {
  width: 100%;
}
.newspack-ui__segmented-control__panel:not(.selected) {
  display: none;
}
.newspack-ui__segmented-control__panel > *:last-child {
  margin-bottom: 0 !important;
}
.newspack-ui table {
  border: 0;
  font-family: var(--newspack-ui-font-family);
  font-size: var(--newspack-ui-font-size-xs);
  line-height: var(--newspack-ui-line-height-xs);
  margin: calc(var(--newspack-ui-spacer-base) / -2) 0;
  table-layout: fixed;
}
.newspack-ui table th,
.newspack-ui table td {
  background: transparent;
  border-color: var(--newspack-ui-color-border);
  border-width: 0 0 1px;
  font-size: var(--newspack-ui-font-size-xs);
  padding: calc(var(--newspack-ui-spacer-base) / 2) 0;
  vertical-align: top;
}
.newspack-ui table th {
  font-weight: 600;
  text-align: left;
}
.newspack-ui table tfoot tr:last-child th,
.newspack-ui table tfoot tr:last-child td {
  border-bottom: 0;
}
.newspack-ui {
  color: var(--newspack-ui-color-neutral-90);
  font-family: var(--newspack-ui-font-family);
  font-size: var(--newspack-ui-font-size-s);
  line-height: var(--newspack-ui-line-height-s);
  -webkit-font-smoothing: antialiased;
}
.newspack-ui p {
  font-size: inherit;
  line-height: inherit;
  margin: var(--newspack-ui-spacer-2) 0;
}
.newspack-ui p:first-child:not(.form-row) {
  margin-top: 0;
}
.newspack-ui p > input[type=checkbox],
.newspack-ui p > input[type=radio] {
  margin-bottom: 2px;
  margin-right: 2px;
  vertical-align: middle;
}
.newspack-ui h1,
.newspack-ui h2,
.newspack-ui h3,
.newspack-ui h4,
.newspack-ui h5,
.newspack-ui h6 {
  font-family: var(--newspack-ui-font-family);
  font-weight: var(--newspack-ui-font-weight-strong);
  letter-spacing: unset;
  text-transform: unset;
}
.newspack-ui strong, .newspack-ui__font--bold {
  font-weight: var(--newspack-ui-font-weight-strong);
}
.newspack-ui__font--normal {
  font-weight: normal;
}
.newspack-ui .newspack-ui__font--2xs {
  font-size: var(--newspack-ui-font-size-2xs);
  line-height: var(--newspack-ui-line-height-2xs);
}
.newspack-ui .newspack-ui__font--xs, .woocommerce-account.newspack-my-account.newspack-ui .woocommerce-PaymentBox p {
  font-size: var(--newspack-ui-font-size-xs);
  line-height: var(--newspack-ui-line-height-xs);
}
.newspack-ui .newspack-ui__font--s {
  font-size: var(--newspack-ui-font-size-s);
  line-height: var(--newspack-ui-line-height-s);
}
.newspack-ui .newspack-ui__font--m {
  font-size: var(--newspack-ui-font-size-m);
  line-height: var(--newspack-ui-line-height-m);
}
.newspack-ui .newspack-ui__font--l {
  font-size: var(--newspack-ui-font-size-l);
  line-height: var(--newspack-ui-line-height-l);
}
.newspack-ui .newspack-ui__font--xl {
  font-size: var(--newspack-ui-font-size-xl);
  line-height: var(--newspack-ui-line-height-xl);
}
.newspack-ui .newspack-ui__font--2xl {
  font-size: var(--newspack-ui-font-size-2xl);
  line-height: var(--newspack-ui-line-height-2xl);
}
.newspack-ui .newspack-ui__font--3xl {
  font-size: var(--newspack-ui-font-size-3xl);
  line-height: var(--newspack-ui-line-height-3xl);
}
.newspack-ui .newspack-ui__font--4xl {
  font-size: var(--newspack-ui-font-size-4xl);
  line-height: var(--newspack-ui-line-height-4xl);
}
.newspack-ui .newspack-ui__font--5xl {
  font-size: var(--newspack-ui-font-size-5xl);
  line-height: var(--newspack-ui-line-height-5xl);
}
.newspack-ui .newspack-ui__font--6xl {
  font-size: var(--newspack-ui-font-size-6xl);
  line-height: var(--newspack-ui-line-height-6xl);
}
.newspack-ui {
  /* Text meant only for screen readers. */
}
.newspack-ui .screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.newspack-ui .screen-reader-text:focus {
  background-color: var(--newspack-ui-color-neutral-10);
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: var(--newspack-ui-color-neutral-90);
  display: block;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
/** Some general overrides for WooCommerce styles. */
.newspack-ui label .optional {
  color: var(--newspack-ui-color-neutral-60);
  font-weight: 400;
}
.newspack-ui__modal--small form p {
  margin: 0 0 var(--newspack-ui-spacer-2);
}
.newspack-ui__modal--small form p:last-child {
  margin-bottom: 0;
}
.newspack-ui .newspack-ui__input-card label {
  display: block;
}
.newspack-ui .form-row.woocommerce-SavedPaymentMethods-saveNew label {
  font-weight: normal;
}
.newspack-ui .woocommerce-notices-wrapper:not(:empty) {
  display: grid;
  gap: var(--newspack-ui-spacer-3);
  grid-auto-rows: minmax(var(--newspack-ui-spacer-8), auto);
  margin-bottom: var(--newspack-ui-spacer-6);
  width: 100%;
}
.newspack-ui .newspack-wc-message,
.newspack-ui .woocommerce-message,
.newspack-ui .woocommerce-info,
.newspack-ui .woocommerce-error,
.newspack-ui .wc-block-components-notice-banner {
  display: block;
  list-style: none;
  margin: 0;
  min-height: auto;
}
.newspack-ui .newspack-wc-message > p:first-child,
.newspack-ui .woocommerce-message > p:first-child,
.newspack-ui .woocommerce-info > p:first-child,
.newspack-ui .woocommerce-error > p:first-child,
.newspack-ui .wc-block-components-notice-banner > p:first-child {
  margin-top: 0;
  padding-top: 0;
}
.newspack-ui .newspack-wc-message > p:last-child,
.newspack-ui .woocommerce-message > p:last-child,
.newspack-ui .woocommerce-info > p:last-child,
.newspack-ui .woocommerce-error > p:last-child,
.newspack-ui .wc-block-components-notice-banner > p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.newspack-ui .wc-block-components-notice-banner.is-info, .newspack-ui .wc-block-components-notice-banner.is-error, .newspack-ui .wc-block-components-notice-banner.is-success {
  background: var(--newspack-ui-color-warning-0);
  border: none;
  border-left: 3px solid var(--newspack-ui-color-warning-30);
  font-family: var(--newspack-ui-font-family);
}
.newspack-ui .wc-block-components-notice-banner.is-info > svg, .newspack-ui .wc-block-components-notice-banner.is-error > svg, .newspack-ui .wc-block-components-notice-banner.is-success > svg {
  display: none;
}
.newspack-ui .wc-block-components-notice-banner.is-error {
  background: var(--newspack-ui-color-error-0);
  border-left-color: var(--newspack-ui-color-error-50);
}
.newspack-ui .wc-block-components-notice-banner.is-success {
  background: var(--newspack-ui-color-success-0);
  border-left-color: var(--newspack-ui-color-success-50);
}
.newspack-ui .woocommerce-NoticeGroup .newspack-wc-message,
.newspack-ui .woocommerce-NoticeGroup .woocommerce-message,
.newspack-ui .woocommerce-NoticeGroup .woocommerce-info,
.newspack-ui .woocommerce-NoticeGroup .woocommerce-error {
  border: none !important;
}
.newspack-ui.woocommerce-account.newspack-my-account .woocommerce-message .woocommerce-Button.button {
  background: transparent;
  border-radius: 0;
  color: inherit;
  float: none;
  font-size: inherit;
  font-weight: inherit;
  min-height: auto;
  padding: 0;
  text-decoration: underline;
}
/** See #3292. */
.woocommerce-account {
  /** Inline sign up form max-width. */
}
.woocommerce-account .woocommerce-notices-wrapper:has(+ .newspack-reader-auth__inline-wrapper),
.woocommerce-account .newspack-reader-auth__inline-wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--newspack-ui-modal-width-s);
}
.woocommerce-account .newspack-reader-auth__inline-wrapper h2 {
  font-size: var(--newspack-ui-font-size-m);
  font-weight: 600;
}
.woocommerce-account .newspack-reader-auth__inline-wrapper p {
  font-size: var(--newspack-ui-font-size-s);
}
.woocommerce-account .woocommerce-account-join-team .woocommerce-privacy-policy-text {
  clear: both;
}
/**
 * Extend Newspack UI styles to My Account elements.
 */
.woocommerce-account.newspack-my-account.newspack-ui p.woocommerce-form-row {
  margin: var(--newspack-ui-spacer-3) 0;
}
.woocommerce-account.newspack-my-account.newspack-ui .show-password-input::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M8.45445 21.2079L16.4544 3.70787L15.545 3.29211L13.6684 7.39709C13.1436 7.30253 12.5877 7.25 12.0002 7.25C9.00263 7.25 6.82674 8.61759 5.42047 9.9569C4.71796 10.626 4.20044 11.2938 3.85754 11.7956C3.68571 12.0471 3.55665 12.2584 3.4692 12.4096C3.42544 12.4852 3.39202 12.5459 3.36878 12.5892C3.35716 12.6108 3.34808 12.6282 3.34152 12.6408L3.33357 12.6563L3.33101 12.6614L3.33008 12.6632C3.32991 12.6635 3.32939 12.6646 4.00021 13C4.66465 13.3322 4.67085 13.3357 4.67078 13.3359L4.67358 13.3305C4.67681 13.3242 4.68244 13.3135 4.69048 13.2985C4.70655 13.2686 4.7322 13.2218 4.76755 13.1608C4.8383 13.0385 4.94752 12.8592 5.09601 12.6419C5.39372 12.2062 5.84496 11.624 6.45495 11.0431C7.67368 9.88241 9.49779 8.75 12.0002 8.75C12.3537 8.75 12.6937 8.7726 13.0204 8.81469L12.8842 9.11259C12.6018 9.03911 12.3056 9 12.0002 9C10.0672 9 8.50021 10.567 8.50021 12.5C8.50021 13.6967 9.10084 14.7532 10.0171 15.3844L7.54497 20.7921L8.45445 21.2079Z%27 fill=%27%231E1E1E%27/%3E%3Cpath d=%27M15.5002 12.5C15.5002 14.1262 14.3911 15.4934 12.8881 15.8864L15.1421 10.9559C15.3714 11.4216 15.5002 11.9458 15.5002 12.5Z%27 fill=%27%231E1E1E%27/%3E%3Cpath d=%27M17.5455 11.0431C17.0416 10.5632 16.4341 10.0881 15.7181 9.6959L16.343 8.32884C17.2328 8.80341 17.9771 9.38275 18.58 9.9569C19.2825 10.626 19.8 11.2938 20.1429 11.7956C20.3147 12.0471 20.4438 12.2584 20.5312 12.4096C20.575 12.4852 20.6084 12.5459 20.6316 12.5892C20.6363 12.5978 20.6405 12.6057 20.6443 12.6129C20.6484 12.6207 20.652 12.6276 20.6552 12.6337L20.6589 12.6408L20.6694 12.6614L20.6707 12.664C20.6709 12.6643 20.671 12.6646 20.0002 13C19.3414 13.3294 19.3297 13.3356 19.3297 13.3359L19.3268 13.3305C19.3236 13.3242 19.318 13.3135 19.3099 13.2985C19.2939 13.2686 19.2682 13.2218 19.2329 13.1608C19.1621 13.0385 19.0529 12.8592 18.9044 12.6419C18.6067 12.2062 18.1555 11.624 17.5455 11.0431Z%27 fill=%27%231E1E1E%27/%3E%3C/svg%3E");
  height: 24px;
  width: 24px;
}
.woocommerce-account.newspack-my-account.newspack-ui .show-password-input.display-password::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M3.99961 13C4.67043 13.3354 4.6703 13.3357 4.67017 13.3359L4.67298 13.3305C4.67621 13.3242 4.68184 13.3135 4.68988 13.2985C4.70595 13.2686 4.7316 13.2218 4.76695 13.1608C4.8377 13.0385 4.94692 12.8592 5.09541 12.6419C5.39312 12.2062 5.84436 11.624 6.45435 11.0431C7.67308 9.88241 9.49719 8.75 11.9996 8.75C14.502 8.75 16.3261 9.88241 17.5449 11.0431C18.1549 11.624 18.6061 12.2062 18.9038 12.6419C19.0523 12.8592 19.1615 13.0385 19.2323 13.1608C19.2676 13.2218 19.2933 13.2686 19.3093 13.2985C19.3174 13.3135 19.323 13.3242 19.3262 13.3305L19.3291 13.3359C19.3289 13.3357 19.3288 13.3354 19.9996 13C20.6704 12.6646 20.6703 12.6643 20.6701 12.664L20.6688 12.6614L20.6662 12.6563L20.6583 12.6408C20.6517 12.6282 20.6427 12.6108 20.631 12.5892C20.6078 12.5459 20.5744 12.4852 20.5306 12.4096C20.4432 12.2584 20.3141 12.0471 20.1423 11.7956C19.7994 11.2938 19.2819 10.626 18.5794 9.9569C17.1731 8.61759 14.9972 7.25 11.9996 7.25C9.00203 7.25 6.82614 8.61759 5.41987 9.9569C4.71736 10.626 4.19984 11.2938 3.85694 11.7956C3.68511 12.0471 3.55605 12.2584 3.4686 12.4096C3.42484 12.4852 3.39142 12.5459 3.36818 12.5892C3.35656 12.6108 3.34748 12.6282 3.34092 12.6408L3.33297 12.6563L3.33041 12.6614L3.32948 12.6632C3.32931 12.6635 3.32879 12.6646 3.99961 13ZM11.9996 16C13.9326 16 15.4996 14.433 15.4996 12.5C15.4996 10.567 13.9326 9 11.9996 9C10.0666 9 8.49961 10.567 8.49961 12.5C8.49961 14.433 10.0666 16 11.9996 16Z%27 fill=%27%231E1E1E%27/%3E%3C/svg%3E");
}
.woocommerce-account.newspack-my-account.newspack-ui table {
  border-collapse: collapse;
  table-layout: auto;
  width: 100%;
}
.woocommerce-account.newspack-my-account.newspack-ui table tr {
  border-bottom: 1px solid #ddd;
}
.woocommerce-account.newspack-my-account.newspack-ui .shop_table th,
.woocommerce-account.newspack-my-account.newspack-ui .shop_table td {
  padding-bottom: var(--newspack-ui-spacer-2);
  padding-top: var(--newspack-ui-spacer-2);
  vertical-align: middle;
}
@media (min-width: 782px) {
  .woocommerce-account.newspack-my-account.newspack-ui .shop_table th:not(:last-child),
  .woocommerce-account.newspack-my-account.newspack-ui .shop_table td:not(:last-child) {
    padding-right: var(--newspack-ui-spacer-2);
  }
}
.woocommerce-account.newspack-my-account.newspack-ui .shop_table th {
  color: var(--newspack-ui-color-neutral-60);
  font-weight: 600;
}
.woocommerce-account.newspack-my-account.newspack-ui .shop_table button,
.woocommerce-account.newspack-my-account.newspack-ui .shop_table .button,
.woocommerce-account.newspack-my-account.newspack-ui .shop_table .woocommerce-Button {
  margin-top: calc(var(--newspack-ui-spacer-base) / 2);
  margin-bottom: calc(var(--newspack-ui-spacer-base) / 2);
}
.woocommerce-account.newspack-my-account.newspack-ui .shop_table * + button,
.woocommerce-account.newspack-my-account.newspack-ui .shop_table * + .button,
.woocommerce-account.newspack-my-account.newspack-ui .shop_table * + .woocommerce-Button {
  margin-left: calc(var(--newspack-ui-spacer-base) / 2);
  margin-top: calc(var(--newspack-ui-spacer-base) / 2);
}
@media only screen and (min-width: 782px) {
  .woocommerce-account.newspack-my-account.newspack-ui .shop_table * + button,
  .woocommerce-account.newspack-my-account.newspack-ui .shop_table * + .button,
  .woocommerce-account.newspack-my-account.newspack-ui .shop_table * + .woocommerce-Button {
    margin-top: 0;
  }
}
.woocommerce-account.newspack-my-account.newspack-ui .shop_table .newspack-ui__dropdown .newspack-ui__dropdown__toggle {
  margin: 0;
  padding: 0;
}
.woocommerce-account.newspack-my-account.newspack-ui .shop_table .product-quantity {
  margin-right: var(--newspack-ui-spacer-base);
}
.woocommerce-account.newspack-my-account.newspack-ui .shop_table .product-quantity + .button {
  margin-bottom: 0;
  margin-top: 0;
}
.woocommerce-account.newspack-my-account.newspack-ui .shop_table + *:not(.newspack-ui__modal-container):not(.clear) {
  margin-top: var(--newspack-ui-spacer-5);
}
.woocommerce-account.newspack-my-account.newspack-ui .is-destructive {
  color: var(--newspack-ui-color-error-50);
}
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-pagination .button {
  margin-bottom: 0;
}
.woocommerce-account.newspack-my-account.newspack-ui .payment-method,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Address {
  padding: var(--newspack-ui-spacer-3);
}
.woocommerce-account.newspack-my-account.newspack-ui .payment-method > h3,
.woocommerce-account.newspack-my-account.newspack-ui .payment-method > p,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Address > h3,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-Address > p {
  margin: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-PaymentBox p {
  color: var(--newspack-ui-color-neutral-60);
  margin: 0 0 var(--newspack-ui-spacer-2);
}
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-PaymentBox p:last-child,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-PaymentBox p label.checkbox {
  margin-bottom: 0;
}
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-PaymentBox fieldset {
  border: none;
  margin-left: 0;
  margin-top: var(--newspack-ui-spacer-2);
  padding: 0 !important;
}
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-PaymentBox fieldset[style*="display: none"] + p, .woocommerce-account.newspack-my-account.newspack-ui .woocommerce-PaymentBox fieldset[style*="display:none"] + p {
  margin-top: var(--newspack-ui-spacer-2);
}
.woocommerce-account.newspack-my-account.newspack-ui #payment-methods .newspack-ui__dropdown:has(ul > li:only-child .disabled) {
  display: none;
}
.woocommerce-account.newspack-my-account.newspack-ui #payment-methods .newspack-ui__row > .payment-method {
  min-height: 106px;
}
.woocommerce-account.newspack-my-account.newspack-ui #wcpay-upe-element,
.woocommerce-account.newspack-my-account.newspack-ui .wcpay-upe-element {
  margin-bottom: var(--newspack-ui-spacer-2);
  padding: 0;
}
.woocommerce-account.newspack-my-account.newspack-ui .select2-container .select2-selection--single {
  border-color: var(--newspack-ui-color-input-border);
  height: auto;
  padding: calc(var(--newspack-ui-spacer-2) - 3px);
}
.woocommerce-account.newspack-my-account.newspack-ui .select2-container .select2-selection--single .select2-selection__arrow {
  height: 100%;
}
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce form .form-row label,
.woocommerce-account.newspack-my-account.newspack-ui .woocommerce-page form .form-row label {
  display: inline-flex;
}
.woocommerce-account.newspack-my-account.newspack-ui label:has(input[type=checkbox]):not(.newspack-ui__input-card),
.woocommerce-account.newspack-my-account.newspack-ui label:has(input[type=radio]):not(.newspack-ui__input-card) {
  display: inline-flex !important;
  gap: 0;
}
.woocommerce-account.newspack-my-account.newspack-ui label:has(input[type=checkbox]):not(.newspack-ui__input-card) > :first-child,
.woocommerce-account.newspack-my-account.newspack-ui label:has(input[type=radio]):not(.newspack-ui__input-card) > :first-child {
  margin-right: var(--newspack-ui-spacer-base);
}
.woocommerce-account.newspack-my-account.newspack-ui label:has(input[type=checkbox]):not(.newspack-ui__input-card) input,
.woocommerce-account.newspack-my-account.newspack-ui label:has(input[type=radio]):not(.newspack-ui__input-card) input {
  margin-bottom: calc(var(--newspack-ui-spacer-base) / 2);
  vertical-align: middle;
}
.woocommerce-account.newspack-my-account.newspack-ui address {
  font-style: normal;
}
.woocommerce-account.newspack-my-account.newspack-ui {
  /* stylelint-disable-next-line selector-id-pattern */
}
.woocommerce-account.newspack-my-account.newspack-ui #registration-link_field .regenerate-link {
  margin-left: var(--newspack-ui-spacer-3);
}
.newspack-ui__modal-container {
  position: fixed;
  z-index: -1;
  inset: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  pointer-events: none;
}
.newspack-ui__modal-container__overlay {
  position: absolute;
  z-index: 1;
  inset: 0;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 0.125s linear;
}
.newspack-ui__modal-container .newspack-ui__modal {
  position: relative;
  z-index: 2;
  width: 100%;
  transform: translateY(50px);
  opacity: 0;
  transition: transform 0.125s linear, opacity 0.125s linear;
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.21);
}
.newspack-ui__modal-container[data-state=open] {
  z-index: 99999;
  visibility: visible;
  pointer-events: auto;
}
.newspack-ui__modal-container[data-state=open] .newspack-ui__modal-container__overlay {
  opacity: 1;
}
.newspack-ui__modal-container[data-state=open] .newspack-ui__modal {
  opacity: 1;
  transform: translateY(0);
}
body:has(.newspack-ui__modal-container[data-state=open]) {
  overflow: hidden;
}
.newspack-ui__modal {
  background: var(--newspack-ui-color-body-bg);
  border-radius: var(--newspack-ui-border-radius-l);
  display: flex;
  flex-direction: column;
  max-height: 90%;
  max-width: var(--newspack-ui-modal-width-m);
  overflow: auto;
}
.newspack-ui__modal__header, .newspack-ui__modal__footer {
  padding: var(--newspack-ui-spacer-4) var(--newspack-ui-spacer-5);
}
.newspack-ui__modal__header {
  align-items: center;
  background: var(--newspack-ui-color-body-bg);
  border-bottom: 1px solid var(--newspack-ui-color-border);
  color: var(--newspack-ui-color-neutral-90);
  display: flex;
  justify-content: space-between;
  position: sticky;
  top: 0;
  z-index: 10;
}
.newspack-ui__modal__header h2 {
  color: inherit;
  font-family: var(--newspack-ui-font-family);
  font-size: var(--newspack-ui-font-size-s);
  line-height: var(--newspack-ui-line-height-s);
  margin: 0;
}
.newspack-ui__modal__close {
  margin: -6px -6px -6px 0 !important;
}
.newspack-ui__modal__content {
  backface-visibility: visible;
  color: var(--newspack-ui-color-neutral-90);
  padding: var(--newspack-ui-spacer-5);
}
.newspack-ui__modal__content .newspack-ui__button:not(:first-child, a.newspack-ui__button):first-of-type {
  margin-top: var(--newspack-ui-spacer-5);
}
.newspack-ui__modal__footer {
  background: var(--newspack-ui-color-neutral-5);
  color: var(--newspack-ui-color-neutral-60);
  font-size: var(--newspack-ui-font-size-xs);
  line-height: var(--newspack-ui-line-height-xs);
}
.newspack-ui__modal__footer a {
  text-decoration: underline;
}
.newspack-ui__modal--small {
  max-width: var(--newspack-ui-modal-width-s);
}
.newspack-ui__modal h3 {
  font-size: var(--newspack-ui-font-size-s);
}
.newspack-ui__modal__footer > *:first-child, .newspack-ui__modal__content > *:first-child {
  margin-top: 0;
}
.newspack-ui__modal__footer > *:last-child, .newspack-ui__modal__content > *:last-child {
  margin-bottom: 0;
}
.newspack-ui__modal h1,
.newspack-ui__modal h2,
.newspack-ui__modal h3,
.newspack-ui__modal h4,
.newspack-ui__modal h5,
.newspack-ui__modal h6,
.newspack-ui__modal strong {
  font-weight: 600;
}
.newspack-ui__color-text-gray {
  color: var(--newspack-ui-color-neutral-60);
}
.newspack-ui h2:not([class*=font-size]),
.newspack-ui h3:not([class*=font-size]) {
  font-size: var(--newspack-ui-font-size-s);
  line-height: var(--newspack-ui-line-height-s);
}
.newspack-ui a:not(.newspack-ui__button),
.newspack-ui a:hover:not(.newspack-ui__button) {
  color: inherit;
}

/*# sourceMappingURL=newspack-ui.css.map*/