/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/blocks/reader-registration/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
/**
 * Colors
 */
.newspack-registration {
  container: registration/inline-size;
}
.has-background .newspack-registration {
  background: var(--newspack-ui-color-body-bg);
  border-radius: var(--newspack-ui-border-radius-m);
  overflow: hidden;
  padding: var(--newspack-ui-spacer-5);
}
.has-background .newspack-registration .newspack-registration__help-text {
  background: var(--newspack-ui-color-neutral-5);
  margin: var(--newspack-ui-spacer-5) calc(-1 * var(--newspack-ui-spacer-5)) calc(-1 * var(--newspack-ui-spacer-5));
  padding: var(--newspack-ui-spacer-4) var(--newspack-ui-spacer-5);
}
.newspack-registration a {
  color: inherit;
  text-decoration: underline;
}
.newspack-registration a:active, .newspack-registration a:focus, .newspack-registration a:hover {
  color: inherit;
  text-decoration: none;
}
.newspack-registration form > p {
  margin: 1em 0;
}
@media only screen and (min-width: 782px) {
  .newspack-registration.is-style-columns .newspack-registration__main {
    flex: 1 1 63.4146%;
  }
  .newspack-registration.is-style-columns .newspack-reader__lists {
    flex: 1 1 31.7073%;
  }
  .newspack-registration.is-style-columns .newspack-reader__lists h3 {
    display: block;
    margin: 0.4rem 0.4rem 0.8rem;
  }
  .newspack-registration.is-style-columns .newspack-reader__lists ul li {
    flex: 1 1 100%;
  }
}
.newspack-registration__form-content, .newspack-registration__main, .newspack-registration__inputs, .newspack-registration__have-account {
  display: grid;
  gap: var(--newspack-ui-spacer-2);
}
.newspack-registration__form-content {
  margin: 0;
  transition: opacity 250ms ease-in-out;
}
.newspack-registration__form-content .newspack-ui__input-card {
  margin: 0 !important;
}
.newspack-registration__form-content .newspack-ui__box.newspack-ui__box--border {
  display: grid;
  gap: var(--newspack-ui-spacer-3);
  margin: 0;
  padding: var(--newspack-ui-spacer-3);
}
.newspack-registration__form-content .newspack-ui__box.newspack-ui__box--border .newspack-ui__input-card {
  background: transparent !important;
  border: 0;
  border-radius: 0;
  padding: 0;
}
.newspack-registration__form-content .newspack-ui__box.newspack-ui__box--border .newspack-ui__input-card strong {
  font-weight: 400;
}
.newspack-registration__form-content .newspack-ui__helper-text:empty {
  margin: 0;
}
.newspack-registration__inputs {
  gap: var(--newspack-ui-spacer-5);
}
.newspack-registration__inputs .newspack-ui__button {
  margin-bottom: 0 !important;
}
.newspack-registration__inputs .newspack-ui__button--loading {
  display: none !important;
}
.newspack-registration__header {
  margin-bottom: var(--newspack-ui-spacer-5);
}
.newspack-registration__header:has(+ p) {
  margin-bottom: var(--newspack-ui-spacer-base);
}
.newspack-registration .newspack-registration__main .newspack-ui button {
  font-family: inherit;
}
.newspack-registration .newspack-registration__title {
  font-size: var(--newspack-ui-font-size-l) !important;
  line-height: var(--newspack-ui-line-height-l) !important;
  margin: 0;
}
.newspack-registration .newspack-registration__description {
  font-size: var(--newspack-ui-font-size-s);
  line-height: var(--newspack-ui-line-height-s);
  margin: 0 0 var(--newspack-ui-spacer-5);
}
.newspack-registration__have-account {
  margin-top: var(--newspack-ui-spacer-2);
  text-align: center;
}
.newspack-registration__have-account:has(em) {
  border-top: 1px solid var(--newspack-ui-color-border);
  gap: calc(var(--newspack-ui-spacer-base) / 2);
  padding-top: var(--newspack-ui-spacer-2);
}
.newspack-registration__have-account em {
  color: var(--newspack-ui-color-neutral-60);
}
.newspack-registration__help-text {
  color: var(--newspack-ui-color-neutral-60);
  font-size: var(--newspack-ui-font-size-xs);
  line-height: var(--newspack-ui-line-height-xs);
  margin-top: var(--newspack-ui-spacer-2);
}
.newspack-registration__help-text > :first-child {
  margin-top: 0;
}
.newspack-registration__help-text > :last-child {
  margin-bottom: 0;
}
.newspack-registration__login-success, .newspack-registration__registration-success {
  font-weight: 600;
  margin: 0 !important;
}
.newspack-registration--error .newspack-registration__response {
  color: var(--newspack-ui-color-error-50);
  font-size: var(--newspack-ui-font-size-xs);
  line-height: var(--newspack-ui-line-height-xs);
}
.newspack-registration--error .newspack-registration__response p {
  margin: var(--newspack-ui-spacer-base) 0 0;
}
.newspack-registration--error .newspack-registration__inputs input[type=email] {
  border-color: var(--newspack-ui-color-error-50);
}
.newspack-registration--error .newspack-registration__inputs input[type=email]:focus {
  outline-color: var(--newspack-ui-color-error-50);
}
.newspack-registration--success .newspack-registration__logins {
  display: none;
}
.newspack-registration .newspack-ui__box--success .block-editor-block-list__layout,
.newspack-registration .newspack-ui__box--success .wp-block-newspack-reader-registration {
  font-weight: 600;
  margin: var(--newspack-ui-spacer-2) 0;
}
.newspack-registration .newspack-ui__box--success .block-editor-block-list__layout > *,
.newspack-registration .newspack-ui__box--success .wp-block-newspack-reader-registration > * {
  margin-bottom: var(--newspack-ui-spacer-2);
  margin-top: var(--newspack-ui-spacer-2);
}
.newspack-registration .newspack-ui__box--success .block-editor-block-list__layout > :first-child,
.newspack-registration .newspack-ui__box--success .wp-block-newspack-reader-registration > :first-child {
  margin-top: 0;
}
.newspack-registration .newspack-ui__box--success .block-editor-block-list__layout > :last-child,
.newspack-registration .newspack-ui__box--success .wp-block-newspack-reader-registration > :last-child {
  margin-bottom: 0;
}
.newspack-registration .newspack-ui__box--success .wp-block-list {
  text-align: initial;
}
body:has(.newspack-registration--in-progress) {
  cursor: wait;
}
.newspack-registration--in-progress * {
  pointer-events: none;
}
.newspack-registration--in-progress button[type=submit] {
  position: relative;
}
.newspack-registration--in-progress button[type=submit] span.submit {
  visibility: hidden;
}
.newspack-registration--in-progress button[type=submit] span.spinner {
  --animation-duration: 900ms;
  --animation-timing-function: linear;
  --color-spinner-primary: transparent;
  --color-spinner-background: currentcolor;
  --size: 18px;
  --stroke-width: 1.5px;
  animation: var(--animation-timing-function) var(--animation-duration) infinite spin;
  border-color: var(--color-spinner-primary) var(--color-spinner-primary) var(--color-spinner-background) var(--color-spinner-background);
  border-radius: 50%;
  border-style: solid;
  border-width: var(--stroke-width);
  height: var(--size);
  transform: rotate(0deg);
  width: var(--size);
  position: absolute;
  left: calc(50% - var(--size) / 2);
}
.newspack-registration--hidden,
.newspack-registration + div:empty:not(.wp-block-spacer) {
  display: none;
}
.newspack-registration .nphp,
.newspack-registration input[type=email].nphp {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
@container registration ( width > 568px ) {
  .newspack-registration__inputs {
    gap: var(--newspack-ui-spacer-2);
    grid-template-columns: 1fr auto;
  }
}
/* Sepcific styles to apply to Reader Registration when part of a Prompt */
.newspack-popup__content .newspack-registration__header {
  padding-right: 36px;
}
@media screen and (min-width: 600px) {
  .newspack-popup__content .newspack-registration__header {
    padding-right: 0;
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=reader-registration-block.css.map*/