/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/colors/colors.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
/**
 * Newspack Colors
 * A collection of color tokens for Newspack projects
 */
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/my-account-button/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
.wp-block-newspack-my-account-button__icon {
  display: grid;
  place-items: center;
}
.wp-block-newspack-my-account-button svg {
  fill: currentcolor;
  height: max(24px, 1.5em);
  width: max(24px, 1.5em);
}
.wp-block-newspack-my-account-button:not(:has(.screen-reader-text)) svg {
  margin-left: calc(max(4px, 0.25em) * -1);
  margin-right: calc(max(4px, 0.25em) * -1);
}
.wp-block-buttons > .wp-block-button:has(.wp-block-newspack-my-account-button) {
  display: inline-flex;
}
/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/correction-box/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
.wp-block-newspack-correction-box p {
  margin: 0;
}
.wp-block-newspack-correction-box p.correction + p.correction {
  margin-block-start: var(--wp--preset--spacing--30);
}
/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/correction-item/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
.correction__post-link {
  display: block;
}
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/avatar/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
[data-type="newspack/avatar"],
.wp-block-newspack-avatar {
  display: flex;
  gap: 0.5rem;
}
[data-type="newspack/avatar"].is-style-overlapped, [data-type="newspack/avatar"][class*=is-style-overlapped],
.wp-block-newspack-avatar.is-style-overlapped,
.wp-block-newspack-avatar[class*=is-style-overlapped] {
  gap: 0;
}
[data-type="newspack/avatar"].is-style-overlapped .newspack-avatar-wrapper:not(:last-of-type), [data-type="newspack/avatar"][class*=is-style-overlapped] .newspack-avatar-wrapper:not(:last-of-type),
.wp-block-newspack-avatar.is-style-overlapped .newspack-avatar-wrapper:not(:last-of-type),
.wp-block-newspack-avatar[class*=is-style-overlapped] .newspack-avatar-wrapper:not(:last-of-type) {
  margin-right: calc(var(--avatar-size) * -0.175);
}
[data-type="newspack/avatar"].is-style-overlapped .newspack-avatar-wrapper:not(:last-of-type) img, [data-type="newspack/avatar"][class*=is-style-overlapped] .newspack-avatar-wrapper:not(:last-of-type) img,
.wp-block-newspack-avatar.is-style-overlapped .newspack-avatar-wrapper:not(:last-of-type) img,
.wp-block-newspack-avatar[class*=is-style-overlapped] .newspack-avatar-wrapper:not(:last-of-type) img {
  -webkit-mask-image: var(--overlap-mask);
          mask-image: var(--overlap-mask);
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
[data-type="newspack/avatar"] .newspack-avatar-wrapper,
.wp-block-newspack-avatar .newspack-avatar-wrapper {
  height: var(--avatar-size);
  position: relative;
  width: var(--avatar-size);
}
[data-type="newspack/avatar"] .newspack-avatar-wrapper a,
.wp-block-newspack-avatar .newspack-avatar-wrapper a {
  border-radius: 50%;
  display: flex;
}
[data-type="newspack/avatar"] .newspack-avatar-wrapper--placeholder,
.wp-block-newspack-avatar .newspack-avatar-wrapper--placeholder {
  border-radius: 50%;
  overflow: hidden;
}
[data-type="newspack/avatar"] .newspack-avatar-wrapper--placeholder::before,
[data-type="newspack/avatar"] .newspack-avatar-wrapper--placeholder svg,
.wp-block-newspack-avatar .newspack-avatar-wrapper--placeholder::before,
.wp-block-newspack-avatar .newspack-avatar-wrapper--placeholder svg {
  inset: 0;
  position: absolute;
}
[data-type="newspack/avatar"] .newspack-avatar-wrapper--placeholder::before,
.wp-block-newspack-avatar .newspack-avatar-wrapper--placeholder::before {
  background: currentcolor;
  content: "";
  opacity: 0.1;
  pointer-events: none;
}
[data-type="newspack/avatar"] .newspack-avatar-wrapper--placeholder svg,
.wp-block-newspack-avatar .newspack-avatar-wrapper--placeholder svg {
  box-sizing: initial;
  opacity: 0.25;
  stroke: currentcolor;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/accordion/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
/**
 * Colors
 */
.newspack-accordion {
  border: 1px solid #ddd;
}
.newspack-accordion__icon {
  transition: transform 200ms ease-out;
  transform: rotate(90deg);
}
.newspack-accordion--is-open .newspack-accordion__icon {
  transform: rotate(-90deg);
}
.newspack-accordion summary {
  padding: 16px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
}
.newspack-accordion__content {
  padding: 16px 32px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/action-card/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
/**
 * Action Card
 */
/**
 * Colors
 */
.newspack-card.newspack-action-card {
  padding: 0;
  border-color: #ddd;
  /* Clickable */
}
.newspack-card.newspack-action-card.newspack-card--is-clickable {
  transition: box-shadow 125ms ease-in-out;
}
.newspack-card.newspack-action-card.newspack-card--is-clickable:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}
.newspack-card.newspack-action-card {
  /* Status */
}
.newspack-card.newspack-action-card.newspack-card__is-disabled, .newspack-card.newspack-action-card.newspack-card__is-primary, .newspack-card.newspack-action-card.newspack-card__is-secondary, .newspack-card.newspack-action-card.newspack-card__is-supported, .newspack-card.newspack-action-card.newspack-card__is-unsupported {
  box-shadow: inset 4px 0 0 #f0f0f0;
}
.newspack-card.newspack-action-card.newspack-card__is-disabled .newspack-action-card__region-top, .newspack-card.newspack-action-card.newspack-card__is-primary .newspack-action-card__region-top, .newspack-card.newspack-action-card.newspack-card__is-secondary .newspack-action-card__region-top, .newspack-card.newspack-action-card.newspack-card__is-supported .newspack-action-card__region-top, .newspack-card.newspack-action-card.newspack-card__is-unsupported .newspack-action-card__region-top {
  padding-left: 28px;
}
.newspack-card.newspack-action-card.newspack-card__is-primary {
  box-shadow: inset 4px 0 0 var(--wp-admin-theme-color);
}
.newspack-card.newspack-action-card.newspack-card__is-secondary {
  box-shadow: inset 4px 0 0 #f0b849;
}
.newspack-card.newspack-action-card.newspack-card__is-supported {
  box-shadow: inset 4px 0 0 #4ab866;
}
.newspack-card.newspack-action-card.newspack-card__is-unsupported {
  box-shadow: inset 4px 0 0 #cc1818;
}
.newspack-card.newspack-action-card {
  /* Small */
}
.newspack-card.newspack-action-card.is-small .newspack-action-card__region-top {
  padding: 8px 16px;
}
.newspack-card.newspack-action-card.is-small .newspack-action-card__region-top .components-toggle-control {
  margin-bottom: 16px;
}
@media screen and (min-width: 744px) {
  .newspack-card.newspack-action-card.is-small .newspack-action-card__region-top .components-toggle-control {
    margin-bottom: 0;
    margin-right: 16px;
  }
}
.newspack-card.newspack-action-card.is-small h2 {
  font-size: 14px;
}
.newspack-card.newspack-action-card.is-small p,
.newspack-card.newspack-action-card.is-small .newspack-action-card__region-right,
.newspack-card.newspack-action-card.is-small .newspack-action-card__primary_button {
  font-size: 12px;
  line-height: 16px;
}
.newspack-card.newspack-action-card.is-small code {
  padding: 0 4px;
}
.newspack-card.newspack-action-card.is-small.mv0 {
  border-left-color: #ddd;
  border-radius: 0;
  border-right-color: #ddd;
}
.newspack-card.newspack-action-card.is-small.mv0:first-of-type {
  border-top-color: #ddd;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.newspack-card.newspack-action-card.is-small.mv0:last-of-type {
  border-bottom-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.newspack-card.newspack-action-card.is-small.mv0 + .newspack-card.newspack-action-card.is-small.mv0 {
  margin-top: -1px;
}
.newspack-card.newspack-action-card.is-small.newspack-card__is-disabled .newspack-action-card__region-top, .newspack-card.newspack-action-card.is-small.newspack-card__is-primary .newspack-action-card__region-top, .newspack-card.newspack-action-card.is-small.newspack-card__is-secondary .newspack-action-card__region-top, .newspack-card.newspack-action-card.is-small.newspack-card__is-supported .newspack-action-card__region-top, .newspack-card.newspack-action-card.is-small.newspack-card__is-unsupported .newspack-action-card__region-top {
  padding-left: 20px;
}
.newspack-card.newspack-action-card {
  /* Medium */
}
.newspack-card.newspack-action-card.is-medium .newspack-action-card__region-top {
  padding: 16px;
}
.newspack-card.newspack-action-card.is-medium .newspack-action-card__region-top .components-toggle-control {
  margin-bottom: 16px;
}
@media screen and (min-width: 744px) {
  .newspack-card.newspack-action-card.is-medium .newspack-action-card__region-top .components-toggle-control {
    margin-bottom: 0;
    margin-right: 16px;
  }
}
.newspack-card.newspack-action-card.is-medium .newspack-action-card__region-left {
  margin-bottom: 16px;
}
@media screen and (min-width: 744px) {
  .newspack-card.newspack-action-card.is-medium .newspack-action-card__region-left {
    margin-bottom: 0;
    margin-right: 16px;
  }
}
.newspack-card.newspack-action-card.is-medium .newspack-action-card__region-children {
  padding: 0 32px 32px;
}
.newspack-card.newspack-action-card {
  /* Nested children */
}
.newspack-card.newspack-action-card.newspack-card--has-children .newspack-action-card:first-child {
  margin-top: 32px;
}
.newspack-card.newspack-action-card.newspack-card--has-children .newspack-action-card + .newspack-action-card {
  margin-top: 16px !important;
}
.newspack-card.newspack-action-card.newspack-card--has-children .newspack-action-card:last-child {
  margin-bottom: 0;
}
.newspack-card.newspack-action-card {
  /* Has grey header */
}
.newspack-card.newspack-action-card.newspack-card--has-grey-header {
  overflow: hidden;
}
.newspack-card.newspack-action-card.newspack-card--has-grey-header.newspack-card--has-children .newspack-action-card__region-top {
  border-bottom: 1px solid #ddd;
}
.newspack-card.newspack-action-card.newspack-card--has-grey-header.newspack-card--has-children .is-small > .newspack-action-card__region-top {
  padding-bottom: 8px;
  padding-top: 8px;
}
.newspack-card.newspack-action-card.newspack-card--has-grey-header .newspack-action-card__region-top {
  background-color: rgba(0, 0, 0, 0.025);
}
.newspack-card.newspack-action-card.newspack-card--has-grey-header .newspack-action-card__region-center p {
  color: rgb(115.0875, 115.0875, 115.0875);
}
.newspack-card.newspack-action-card.newspack-card--has-white-header .newspack-action-card__region-top {
  background-color: transparent;
  border: none !important;
}
.newspack-card.newspack-action-card {
  /* Indent */
}
.newspack-card.newspack-action-card.newspack-card--indent {
  margin-left: 56px;
  position: relative;
}
.newspack-card.newspack-action-card.newspack-card--indent::before {
  border: 0 solid #ddd;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-radius: 0 0 0 2px;
  content: "";
  display: block;
  position: absolute;
  inset: -17px 100% 50% -28px;
}
.newspack-card.newspack-action-card {
  /* Typography */
}
.newspack-card.newspack-action-card h2,
.newspack-card.newspack-action-card p:not([class*=components-base-control]) {
  margin: 0;
  max-width: 100%;
  width: 100%;
}
.newspack-card.newspack-action-card h2 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-right: -8px;
}
.newspack-card.newspack-action-card h2 .newspack-action-card__title {
  margin-right: 8px;
}
.newspack-card.newspack-action-card h2 a {
  color: inherit;
  text-decoration: none;
}
.newspack-card.newspack-action-card h2 a:active, .newspack-card.newspack-action-card h2 a:focus, .newspack-card.newspack-action-card h2 a:hover {
  color: var(--wp-admin-theme-color);
}
.newspack-card.newspack-action-card {
  /* Regions */
}
.newspack-card.newspack-action-card .newspack-action-card__region {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0;
}
.newspack-card.newspack-action-card .newspack-action-card__region-top {
  padding: 24px;
  display: block;
}
@media screen and (min-width: 744px) {
  .newspack-card.newspack-action-card .newspack-action-card__region-top {
    display: flex;
  }
}
.newspack-card.newspack-action-card .newspack-action-card__region-top {
  /* Toggle Control */
}
.newspack-card.newspack-action-card .newspack-action-card__region-top .components-toggle-control {
  margin-bottom: 24px;
  margin-top: 0;
}
@media screen and (min-width: 744px) {
  .newspack-card.newspack-action-card .newspack-action-card__region-top .components-toggle-control {
    margin-bottom: 0;
    margin-right: 24px;
  }
  .newspack-card.newspack-action-card .newspack-action-card__region-top .components-toggle-control.is-toggle-trailing {
    margin-left: 24px;
    margin-right: 0;
    order: 999;
  }
}
.newspack-card.newspack-action-card .newspack-action-card__region-top .components-toggle-control label {
  display: none;
}
.newspack-card.newspack-action-card .newspack-action-card__region-top .components-toggle-control .components-base-control__field {
  margin-bottom: 0;
}
.newspack-card.newspack-action-card .newspack-action-card__region-top .components-toggle-control .components-form-toggle {
  display: flex;
  margin: 0;
}
.newspack-card.newspack-action-card .newspack-action-card__region-children {
  padding: 0 24px 24px;
}
.newspack-card.newspack-action-card .newspack-action-card__region-children__inner {
  padding-top: 32px;
}
.newspack-card.newspack-action-card .newspack-action-card__region-children__inner > *:first-child {
  margin-top: 0 !important;
}
.newspack-card.newspack-action-card .newspack-action-card__region-children__inner > *:last-child {
  margin-bottom: 0 !important;
}
.newspack-card.newspack-action-card .newspack-action-card__region-children .newspack-section-header {
  margin: 32px 0 16px;
}
.newspack-card.newspack-action-card .newspack-action-card__region-children .newspack-card,
.newspack-card.newspack-action-card .newspack-action-card__region-children .newspack-checkbox-control,
.newspack-card.newspack-action-card .newspack-action-card__region-children .newspack-grid,
.newspack-card.newspack-action-card .newspack-action-card__region-children .newspack-text-control,
.newspack-card.newspack-action-card .newspack-action-card__region-children .newspack-toggle-control {
  margin: 16px 0;
}
.newspack-card.newspack-action-card .newspack-action-card__region-left {
  margin-bottom: 24px;
}
@media screen and (min-width: 744px) {
  .newspack-card.newspack-action-card .newspack-action-card__region-left {
    margin-bottom: 0;
    margin-right: 24px;
  }
}
.newspack-card.newspack-action-card .newspack-action-card__region-center {
  align-items: flex-start;
  flex: 1 1 auto;
  flex-wrap: wrap;
}
.newspack-card.newspack-action-card .newspack-action-card__region-center .newspack-grid {
  width: 100%;
}
.newspack-card.newspack-action-card .newspack-action-card__region-center p {
  color: #757575;
}
.newspack-card.newspack-action-card .newspack-action-card__region-right {
  align-items: flex-start;
  flex: 0 0 auto;
  flex-direction: column;
  margin-top: 24px;
  text-align: right;
}
@media screen and (min-width: 744px) {
  .newspack-card.newspack-action-card .newspack-action-card__region-right {
    align-items: flex-end;
    flex-direction: column;
    margin-left: 24px;
    margin-top: 0;
  }
}
.newspack-card.newspack-action-card .newspack-action-card__region-right > * {
  text-align: inherit;
}
.newspack-card.newspack-action-card .newspack-action-card__region-right .newspack-action-card__secondary_button {
  margin-top: 8px;
}
.newspack-card.newspack-action-card {
  /* Waiting */
}
.newspack-card.newspack-action-card .newspack-action-card__container {
  display: flex;
}
.newspack-card.newspack-action-card {
  /* Notifications */
}
.newspack-card.newspack-action-card .newspack-action-card__notification .newspack-notice {
  margin: 0;
}
.newspack-card.newspack-action-card .newspack-action-card__notification .newspack-notice__heading {
  margin-top: 0;
}
.newspack-card.newspack-action-card .newspack-action-card__notification.newspack-action-card__region-children .newspack-notice {
  margin-top: 32px;
}
.newspack-card.newspack-action-card {
  /* Image */
}
.newspack-card.newspack-action-card .newspack-action-card__image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  height: 48px;
  width: 48px;
}
.newspack-card.newspack-action-card {
  /* Icon */
}
.newspack-card.newspack-action-card .newspack_plugin-installer__icon {
  margin: 0;
}
.newspack-card.newspack-action-card {
  /* Badge */
}
.newspack-card.newspack-action-card .newspack-action-card__badge {
  background: #f0f0f0;
  border-radius: 2px;
  color: #1e1e1e;
  display: block;
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.333;
  margin: 0 8px 0 0;
  padding: 2px 4px;
}
.newspack-card.newspack-action-card .newspack-action-card__badge.newspack-action-card__badge-level-warning {
  background-color: color-mix(in srgb, #fff 90%, #f0b849);
  color: color-mix(in srgb, #000 50%, #f0b849);
}
.newspack-card.newspack-action-card .newspack-action-card__badge.newspack-action-card__badge-level-error {
  background-color: color-mix(in srgb, #fff 90%, #cc1818);
  color: color-mix(in srgb, #000 50%, #cc1818);
}
.newspack-card.newspack-action-card .newspack-action-card__badge.newspack-action-card__badge-level-success {
  background-color: color-mix(in srgb, #fff 90%, #4ab866);
  color: color-mix(in srgb, #000 50%, #4ab866);
}
.newspack-card.newspack-action-card .newspack-action-card__badge.newspack-action-card__badge-level-brand {
  background-color: color-mix(in srgb, #fff 90%, var(--wp-admin-theme-color));
  color: color-mix(in srgb, #000 50%, var(--wp-admin-theme-color));
}
.newspack-card.newspack-action-card .newspack-action-card__badge + .newspack-action-card__badge {
  margin-left: -4px;
}
.newspack-card.newspack-action-card {
  /* Description Card */
}
.newspack-card.newspack-action-card.newspack-description-card {
  font-style: italic;
}
.newspack-card.newspack-action-card {
  /* Expandable card children */
}
.newspack-card.newspack-action-card.is-expandable .newspack-action-card__title .components-button.is-link {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: inherit;
}
.newspack-card.newspack-action-card.is-expandable > .newspack-action-card__region-children {
  border-top: 1px solid #ddd;
  padding-top: 24px;
}
.newspack-card.newspack-action-card.is-expandable > .newspack-action-card__region-children + .newspack-action-card__region-children {
  border-top: none;
}
.newspack-card.newspack-action-card.is-expandable > .newspack-action-card__region-children > * + * {
  margin-top: 24px !important;
}
.newspack-card.newspack-action-card.is-expandable > .newspack-action-card__region-children .newspack-action-card__region-children:has(> div:not(:empty)) {
  margin-top: 16px;
}
.newspack-card.newspack-action-card.is-expandable.is-medium .newspack-action-card__region-children {
  padding-top: 32px;
}
.newspack-card.newspack-action-card.is-expandable.has-checkbox .newspack-action-card__region-children {
  padding-left: 72px;
}
.newspack-card.newspack-action-card.is-expandable.has-checkbox.is-small .newspack-action-card__region-children {
  padding-left: 64px;
}
.newspack-card.newspack-action-card.is-expandable.has-checkbox.is-medium .newspack-action-card__region-children {
  padding-left: 56px;
}
.newspack-card.newspack-action-card {
  /* Action content with multiple buttons */
}
.newspack-card.newspack-action-card.has-action-content .newspack-action-card__region-right {
  flex-direction: row;
}
.newspack-card.newspack-action-card.has-action-content .newspack-action-card__region-right .components-button + .components-button {
  margin-left: 8px;
}
.newspack-card.newspack-action-card hr:not(.newspack-divider) {
  background: #f0f0f0;
  margin: 0;
}
.newspack-card .newspack-card.newspack-action-card:not(.newspack-card__no-border) {
  border: 1px solid #e0e0e0;
}
.newspack-card .newspack-card.newspack-action-card.newspack-card__no-border {
  border: none;
}
.newspack-card .newspack-card.newspack-action-card.newspack-card__no-border .newspack-action-card__region-top,
.newspack-card .newspack-card.newspack-action-card.newspack-card__no-border .newspack-action-card__region-children {
  padding: 0;
}
.newspack-action-card__draggable-wrapper {
  margin: 16px 0;
}
.newspack-action-card__draggable-wrapper.is-dragging {
  opacity: 0.5;
}
.newspack-action-card__draggable-wrapper .newspack-card {
  margin: 0;
}
.newspack-action-card__draggable-wrapper .newspack-action-card {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.newspack-action-card__draggable-wrapper .newspack-action-card .newspack-action-card__draggable-controls {
  flex: 0 0 50px;
  align-items: center;
  display: flex;
  height: 100%;
  min-height: 100%;
  width: fit-content;
  justify-content: center;
  margin-left: 8px;
  margin-right: 8px;
  padding: 8px 12px 8px 0;
  border-right: 1px solid #ddd;
}
.newspack-action-card__draggable-wrapper .newspack-action-card .newspack-action-card__draggable-controls .drag-handle {
  align-items: center;
  cursor: grab;
  display: flex;
  height: 100%;
  justify-content: flex-end;
  margin-left: -8px;
  width: 32px;
}
.is-dragging .newspack-action-card__draggable-wrapper .newspack-action-card .newspack-action-card__draggable-controls .drag-handle {
  cursor: grabbing;
}
.newspack-action-card__draggable-wrapper .newspack-action-card .newspack-action-card__draggable-controls .drag-handle svg {
  padding: 3px;
}
.newspack-action-card__draggable-wrapper .newspack-action-card .newspack-action-card__draggable-controls .movers {
  display: flex;
  flex-direction: column;
}
.newspack-action-card__draggable-wrapper .newspack-action-card .newspack-action-card__draggable-controls .movers .components-button {
  color: #1e1e1e;
  display: block;
  height: 24px;
  line-height: 24px;
  min-width: 24px;
  padding: 0;
  width: 24px;
}
.newspack-action-card__draggable-wrapper .newspack-action-card .newspack-action-card__draggable-controls .movers .components-button + .components-button {
  margin-top: -4px;
}
.newspack-action-card__draggable-wrapper .newspack-action-card .newspack-action-card__region-top {
  padding: 8px 16px 8px 0 !important;
  flex: 1;
}
.newspack-action-card__draggable-wrapper .newspack-action-card .newspack-action-card__region-children {
  flex: 0 0 100%;
  padding: 0 0 0 16px;
}
.newspack-action-card__draggable-wrapper .newspack-action-card.is-draggable {
  display: flex;
  align-items: center;
}
.components-draggable__clone .newspack-card {
  box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.08);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/autocomplete-tokenfield/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Autocomplete Token Field
 */
/**
 * Colors
 */
.newspack-autocomplete-tokenfield .components-spinner {
  margin: 0;
  position: absolute;
  right: 8px;
  top: 8px;
}
.newspack-autocomplete-tokenfield__input-container {
  position: relative;
}
.newspack-autocomplete-tokenfield__input-container.has-label .components-spinner {
  top: 32px;
}
.newspack-autocomplete-tokenfield {
  /* Workaround for hard-coded help text in FormTokenField. */
}
.newspack-autocomplete-tokenfield .components-form-token-field > .components-form-token-field__help {
  display: none;
}
.newspack-autocomplete-tokenfield .components-form-token-field > .components-form-token-field__token-text {
  align-items: center;
  display: flex;
}
.newspack-autocomplete-tokenfield .newspack-autocomplete-tokenfield__help {
  color: #757575;
  font-size: inherit;
  margin-top: 0;
}
.newspack-autocomplete-tokenfield .components-form-token-field__suggestions-list {
  margin-left: 0;
  padding-left: 0;
}
.newspack-autocomplete-tokenfield .components-button:focus:not(:disabled) {
  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/autocomplete-with-suggestions/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
* Styles for AutocompleteWithSuggestions component.
*/
/**
 * Colors
 */
.newspack-autocomplete-with-suggestions {
  width: 100%;
}
.newspack-autocomplete-with-suggestions.hide-help > .components-base-control,
.newspack-autocomplete-with-suggestions.hide-help > .newspack-autocomplete-tokenfield,
.newspack-autocomplete-with-suggestions.hide-help > .newspack-autocomplete-with-suggestions__search-suggestions,
.newspack-autocomplete-with-suggestions.hide-help > .newspack-autocomplete-with-suggestions__search-suggestions-multiselect {
  margin-top: 16px;
}
.newspack-autocomplete-with-suggestions .components-select-control__input {
  max-width: none;
}
.newspack-autocomplete-with-suggestions .components-input-control__backdrop {
  border-color: #757575 !important;
}
.newspack-autocomplete-with-suggestions .newspack-autocomplete-with-suggestions__label,
.newspack-autocomplete-with-suggestions .components-form-token-field__label,
.newspack-autocomplete-with-suggestions .components-input-control__label,
.newspack-autocomplete-with-suggestions .components-checkbox-control__label {
  color: #1e1e1e !important;
}
.newspack-autocomplete-with-suggestions__suggestions-spinner {
  background: #f0f0f0;
  border: 1px solid #757575;
  border-radius: 2px;
  cursor: progress;
  margin: 16px 0;
  padding: 32px;
}
.newspack-autocomplete-with-suggestions__suggestions-spinner .components-spinner {
  display: block;
  margin: 0 auto;
  position: relative;
  right: auto;
  top: 0;
}
.newspack-autocomplete-with-suggestions .newspack-autocomplete-tokenfield__help {
  font-size: inherit;
  margin-bottom: 8px !important;
}
.newspack-autocomplete-with-suggestions .components-form-token-field__input-container {
  border-color: #757575;
}
.newspack-autocomplete-with-suggestions .components-form-token-field__suggestions-list {
  border-top-color: #757575;
  margin: 4px -4px -2px;
}
.newspack-autocomplete-with-suggestions .components-form-token-field__suggestion {
  padding: 8px;
}
.newspack-autocomplete-with-suggestions p.newspack-autocomplete-with-suggestions__label {
  font-size: inherit;
  margin: 0 0 8px;
}
.newspack-autocomplete-with-suggestions__selected-items {
  border-bottom: 1px solid #757575;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
  padding-bottom: 12px;
}
.newspack-autocomplete-with-suggestions__selected-items p.newspack-autocomplete-with-suggestions__label {
  flex: 0 0 100%;
  margin: 0;
}
.newspack-autocomplete-with-suggestions__selected-item-button.components-button.is-tertiary {
  background-color: #ddd;
  border-radius: 2px;
  color: #1e1e1e;
  font-size: 13px;
  height: auto;
  margin: 0;
  padding-left: 8px;
  padding-right: 8px;
}
.newspack-autocomplete-with-suggestions__selected-item-button.components-button.is-tertiary::after {
  content: "✕";
  margin-left: 8px;
}
.newspack-autocomplete-with-suggestions__selected-item-button.components-button.is-tertiary:hover {
  box-shadow: none;
  color: black;
}
.newspack-autocomplete-with-suggestions__search-suggestions, .newspack-autocomplete-with-suggestions__search-suggestions-multiselect {
  border-radius: 2px;
  border: 1px solid #757575;
  max-height: 178px;
  overflow: visible auto;
  padding: 8px 8px 0;
}
.newspack-autocomplete-with-suggestions__search-suggestions .components-button, .newspack-autocomplete-with-suggestions__search-suggestions-multiselect .components-button {
  display: block;
  line-height: normal;
  margin: auto;
}
.newspack-autocomplete-with-suggestions__search-suggestions .components-button.is-link, .newspack-autocomplete-with-suggestions__search-suggestions-multiselect .components-button.is-link {
  color: #1e1e1e;
  padding: 8px;
  text-decoration: none;
  width: 100%;
}
.newspack-autocomplete-with-suggestions__search-suggestions .components-button.is-link:active:not(:disabled), .newspack-autocomplete-with-suggestions__search-suggestions .components-button.is-link:hover:not(:disabled), .newspack-autocomplete-with-suggestions__search-suggestions-multiselect .components-button.is-link:active:not(:disabled), .newspack-autocomplete-with-suggestions__search-suggestions-multiselect .components-button.is-link:hover:not(:disabled) {
  background: #1e1e1e;
  background: var(--wp-admin-theme-color);
  color: white;
}
.newspack-autocomplete-with-suggestions__search-suggestions .components-button.is-secondary, .newspack-autocomplete-with-suggestions__search-suggestions-multiselect .components-button.is-secondary {
  margin-bottom: 8px;
  margin-top: 8px;
  width: 100%;
}
.newspack-autocomplete-with-suggestions__search-suggestions {
  border-radius: 2px;
  border: 1px solid #757575;
  padding: 0;
}
.newspack-autocomplete-with-suggestions__search-suggestions .components-button {
  line-height: normal;
}
.newspack-autocomplete-with-suggestions__search-suggestions .components-button:focus:not(:disabled) {
  border-radius: 0;
  box-shadow: inset 0 0 0 1.5px #1e1e1e;
  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
}
.newspack-autocomplete-with-suggestions__search-suggestions .components-button.is-secondary {
  width: calc(100% - 16px);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/autocomplete-with-latest-posts/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
* Styles for AutocompleteWithLatestPosts component.
*/
/**
 * Colors
 */
.newspack-autocomplete-with-latest-posts {
  display: grid;
  gap: 16px;
  width: 100%;
}
.newspack-autocomplete-with-latest-posts .components-select-control__input {
  max-width: none;
}
.newspack-autocomplete-with-latest-posts .components-input-control__backdrop {
  border-color: #757575 !important;
}
.newspack-autocomplete-with-latest-posts .newspack-autocomplete-with-latest-posts__label,
.newspack-autocomplete-with-latest-posts .components-form-token-field__label,
.newspack-autocomplete-with-latest-posts .components-input-control__label,
.newspack-autocomplete-with-latest-posts .components-checkbox-control__label {
  color: #1e1e1e !important;
}
.newspack-autocomplete-with-latest-posts .newspack-autocomplete-tokenfield__help {
  font-size: inherit;
  margin-bottom: 8px !important;
}
.newspack-autocomplete-with-latest-posts .components-form-token-field__input-container {
  border-color: #757575;
}
.newspack-autocomplete-with-latest-posts .components-form-token-field__suggestion {
  padding: 8px;
}
.newspack-autocomplete-with-latest-posts.hide-form-token-help .components-form-token-field__help {
  display: none;
}
.newspack-autocomplete-with-latest-posts p.newspack-autocomplete-with-latest-posts__label {
  font-size: inherit;
  margin: 0 0 8px;
}
.newspack-autocomplete-with-latest-posts__selected-items {
  border-bottom: 1px solid #757575;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
  padding-bottom: 12px;
}
.newspack-autocomplete-with-latest-posts__selected-items p.newspack-autocomplete-with-latest-posts__label {
  flex: 0 0 100%;
  margin: 0;
}
.newspack-autocomplete-with-latest-posts__selected-item-button.components-button.is-tertiary {
  background-color: #ddd;
  border-radius: 2px;
  color: #1e1e1e;
  font-size: 13px;
  height: auto;
  margin: 0;
  padding-left: 8px;
  padding-right: 8px;
}
.newspack-autocomplete-with-latest-posts__selected-item-button.components-button.is-tertiary::after {
  content: "✕";
  margin-left: 8px;
}
.newspack-autocomplete-with-latest-posts__selected-item-button.components-button.is-tertiary:hover {
  box-shadow: none;
  color: black;
}
.newspack-autocomplete-with-latest-posts__search-suggestions, .newspack-autocomplete-with-latest-posts__search-suggestions-multiselect {
  max-height: 220px;
  overflow: visible auto;
  margin: 0 -4px;
  padding: 4px 4px 0;
}
.newspack-autocomplete-with-latest-posts__search-suggestions .components-button, .newspack-autocomplete-with-latest-posts__search-suggestions-multiselect .components-button {
  display: block;
  line-height: normal;
  margin: auto;
}
.newspack-autocomplete-with-latest-posts__search-suggestions .components-button.is-link, .newspack-autocomplete-with-latest-posts__search-suggestions-multiselect .components-button.is-link {
  color: #1e1e1e;
  padding: 8px;
  text-decoration: none;
  width: 100%;
}
.newspack-autocomplete-with-latest-posts__search-suggestions .components-button.is-link:active:not(:disabled), .newspack-autocomplete-with-latest-posts__search-suggestions .components-button.is-link:hover:not(:disabled), .newspack-autocomplete-with-latest-posts__search-suggestions-multiselect .components-button.is-link:active:not(:disabled), .newspack-autocomplete-with-latest-posts__search-suggestions-multiselect .components-button.is-link:hover:not(:disabled) {
  background: #1e1e1e;
  background: var(--wp-admin-theme-color);
  color: white;
}
.newspack-autocomplete-with-latest-posts__search-suggestions .components-button.is-secondary, .newspack-autocomplete-with-latest-posts__search-suggestions-multiselect .components-button.is-secondary {
  margin-bottom: 8px;
  margin-top: 8px;
  width: 100%;
}
.newspack-autocomplete-with-latest-posts__search-suggestions {
  border-radius: 2px;
  border: 1px solid #757575;
  padding: 0;
}
.newspack-autocomplete-with-latest-posts__search-suggestions .components-button {
  line-height: normal;
}
.newspack-autocomplete-with-latest-posts__search-suggestions .components-button:focus:not(:disabled) {
  border-radius: 0;
  box-shadow: inset 0 0 0 1.5px #1e1e1e;
  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
}
.newspack-autocomplete-with-latest-posts__search-suggestions .components-button.is-secondary {
  width: calc(100% - 16px);
}
.newspack-autocomplete-with-latest-posts .newspack-autocomplete-with-suggestions__label {
  font-size: 11px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
  display: block;
  margin: 0 0 8px;
  padding: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/badge/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
/**
 * Badge
 */
/**
 * Colors
 */
/**
 * 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;
}
.newspack-badge {
  background-color: color-mix(in srgb, #fff 90%, var(--base-color));
  border-radius: 2px;
  color: color-mix(in srgb, #000 50%, var(--base-color));
  display: block;
  flex: 0 0 auto;
  font-size: 12px;
  line-height: 1.5;
  padding: 1px 4px;
}
.newspack-badge:where(.is-default) {
  background-color: #f0f0f0;
  color: #2f2f2f;
}
.newspack-badge.is-info {
  --base-color: #003da5;
}
.newspack-badge.is-warning {
  --base-color: #f0b849;
}
.newspack-badge.is-error {
  --base-color: #cc1818;
}
.newspack-badge.is-success {
  --base-color: #4ab866;
}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/button/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
/**
 * Button
 */
.components-button.is-destructive:hover:not(:disabled) {
  box-shadow: none;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/button-card/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
/**
 * Button Card
 */
/**
 * Colors
 */
.newspack-button-card {
  background: white;
  border-radius: 2px;
  border: 1px solid #ddd;
  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) transparent;
  cursor: pointer;
  display: block;
  margin: 32px 0;
  padding: 32px;
  position: relative;
  text-decoration: none;
  transition: background-color 125ms ease-in-out, border-color 125ms ease-in-out, box-shadow 125ms ease-in-out;
}
.newspack-button-card:focus, .newspack-button-card.is-pressed {
  background: white;
  border-color: var(--wp-admin-theme-color);
  box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color) !important;
  outline: none !important;
  z-index: 1;
}
.newspack-button-card.is-pressed:focus-visible {
  box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color), 0 0 0 1px white, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) !important;
}
.newspack-button-card:active, .newspack-button-card:hover {
  border-color: var(--wp-admin-theme-color);
  color: var(--wp-admin-theme-color);
  text-decoration: none;
  z-index: 1;
}
.newspack-button-card:active .newspack-grid h3,
.newspack-button-card:active p, .newspack-button-card:hover .newspack-grid h3,
.newspack-button-card:hover p {
  color: inherit;
}
.newspack-button-card .newspack-grid h3,
.newspack-button-card p {
  transition: color 125ms ease-in-out;
}
.newspack-button-card .newspack-grid h3 {
  color: #1e1e1e;
}
.newspack-button-card p {
  color: #757575;
}
.newspack-button-card.grouped {
  border-radius: 0;
}
.newspack-button-card.grouped + .newspack-button-card.grouped:not(.br--top) {
  margin-top: -33px;
}
.newspack-button-card.grouped.br--bottom {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.newspack-button-card.grouped.br--top {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.newspack-button-card.has-chevron, .newspack-button-card.has-icon {
  align-items: center;
  display: grid;
  grid-gap: 16px;
  grid-template-columns: auto 24px;
}
.newspack-button-card.has-chevron:active svg, .newspack-button-card.has-chevron:hover svg, .newspack-button-card.has-icon:active svg, .newspack-button-card.has-icon:hover svg {
  fill: currentcolor;
}
.newspack-button-card.has-chevron svg, .newspack-button-card.has-icon svg {
  fill: var(--wp-admin-theme-color);
  transition: fill 125ms ease-in-out;
}
.newspack-button-card.has-icon {
  grid-template-columns: 48px auto;
}
.newspack-button-card.has-icon.has-chevron {
  grid-template-columns: 48px auto 24px;
}
.newspack-button-card.is-small {
  padding: 16px;
}
.newspack-button-card.is-small.has-chevron svg, .newspack-button-card.is-small.has-icon svg {
  height: 24px;
  width: 24px;
}
.newspack-button-card.is-small.has-icon {
  grid-template-columns: 24px auto;
}
.newspack-button-card.is-small.has-icon.has-chevron {
  grid-template-columns: 24px auto 24px;
}
.newspack-button-card.is-small h3 {
  font-size: 1em;
  line-height: 1.5;
}
.newspack-button-card.is-small p {
  font-size: 12px;
  line-height: 1.4;
}
.newspack-button-card.is-destructive .title {
  color: #cc1818;
}
.newspack-button-card.is-destructive.has-chevron svg, .newspack-button-card.is-destructive.has-icon svg {
  fill: #cc1818;
}
.newspack-button-card.is-destructive:focus, .newspack-button-card.is-destructive.is-pressed {
  border-color: #cc1818;
  box-shadow: inset 0 0 0 1px #cc1818 !important;
}
.newspack-button-card.is-destructive.is-pressed:focus-visible {
  box-shadow: inset 0 0 0 1px #cc1818, 0 0 0 1px white, 0 0 0 var(--wp-admin-border-width-focus) #cc1818 !important;
}
.newspack-button-card.is-destructive:active, .newspack-button-card.is-destructive:hover {
  background-color: #f0f0f0;
  border-color: #cc1818;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/card/style-core.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
/**
 * Card using WP Core component
 */
/**
 * Colors
 */
/**
 * 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;
}
.newspack-card--core,
.newspack-wizard .newspack-card--core {
  background: white;
  position: relative;
  transition: background-color 125ms ease-in-out, box-shadow 125ms ease-in-out, color 125ms ease-in-out;
}
.newspack-card--core svg,
.newspack-wizard .newspack-card--core svg {
  transition: fill 125ms ease-in-out;
}
.newspack-card--core__icon,
.newspack-wizard .newspack-card--core__icon {
  border-radius: 50%;
  display: grid;
  height: 48px;
  place-items: center;
  width: 48px;
}
.newspack-card--core__icon svg,
.newspack-wizard .newspack-card--core__icon svg {
  fill: var(--wp-admin-theme-color);
  height: 40px;
  width: 40px;
}
.newspack-card--core__has-icon-background-color .newspack-card--core__icon,
.newspack-card--core__has-icon-background-color .newspack-wizard .newspack-card--core__icon {
  background: var(--wp-admin-theme-color-lighter-10);
}
.newspack-card--core__is-small h1,
.newspack-card--core__is-small h2,
.newspack-card--core__is-small h3,
.newspack-card--core__is-small h4,
.newspack-card--core__is-small h5,
.newspack-card--core__is-small h6,
.newspack-wizard .newspack-card--core__is-small h1,
.newspack-wizard .newspack-card--core__is-small h2,
.newspack-wizard .newspack-card--core__is-small h3,
.newspack-wizard .newspack-card--core__is-small h4,
.newspack-wizard .newspack-card--core__is-small h5,
.newspack-wizard .newspack-card--core__is-small h6 {
  font-size: 14px;
  font-weight: 500;
}
.newspack-card--core__is-small .newspack-card--core__icon,
.newspack-wizard .newspack-card--core__is-small .newspack-card--core__icon {
  height: 40px;
  width: 40px;
}
.newspack-card--core__is-small .newspack-card--core__icon svg,
.newspack-wizard .newspack-card--core__is-small .newspack-card--core__icon svg {
  height: 24px;
  width: 24px;
}
.newspack-card--core__no-margin .components-card__body,
.newspack-wizard .newspack-card--core__no-margin .components-card__body {
  padding: 0 !important;
}
.newspack-card--core__header,
.newspack-wizard .newspack-card--core__header {
  color: #757575;
  column-gap: 16px;
  position: relative;
}
.newspack-card--core__header .newspack-card--core__action,
.newspack-wizard .newspack-card--core__header .newspack-card--core__action {
  margin: 0;
}
.newspack-card--core__header .newspack-card--core__action label,
.newspack-wizard .newspack-card--core__header .newspack-card--core__action label {
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.newspack-card--core__header > .components-dropdown-menu,
.newspack-wizard .newspack-card--core__header > .components-dropdown-menu {
  aspect-ratio: 1;
  border-left: 1px solid #e0e0e0;
  display: grid;
  height: 100%;
  padding: 4px;
  place-items: center;
  position: absolute;
  right: 0;
  top: 0;
}
.newspack-card--core__header--is-draggable .newspack-card--core__header-content,
.newspack-wizard .newspack-card--core__header--is-draggable .newspack-card--core__header-content {
  padding-left: 65px;
}
.newspack-card--core__header--is-draggable .newspack-card--core__header__draggable-controls,
.newspack-wizard .newspack-card--core__header--is-draggable .newspack-card--core__header__draggable-controls {
  align-items: center;
  border-right: 1px solid #e0e0e0;
  display: flex;
  height: 100%;
  justify-content: space-between;
  left: 0;
  padding: 0 8px;
  position: absolute;
  top: 0;
}
.newspack-card--core__header--is-draggable .newspack-card--core__header__draggable-controls__drag-handle,
.newspack-wizard .newspack-card--core__header--is-draggable .newspack-card--core__header__draggable-controls__drag-handle {
  cursor: grab;
  display: grid;
  place-items: center;
}
.newspack-card--core__header--is-draggable .newspack-card--core__header__draggable-controls__move-buttons,
.newspack-wizard .newspack-card--core__header--is-draggable .newspack-card--core__header__draggable-controls__move-buttons {
  display: flex;
  flex-direction: column;
}
.newspack-card--core__header--is-draggable .newspack-card--core__header__draggable-controls__move-buttons .components-button.has-icon,
.newspack-wizard .newspack-card--core__header--is-draggable .newspack-card--core__header__draggable-controls__move-buttons .components-button.has-icon {
  height: 16px;
  padding: 0;
  width: 100%;
}
.newspack-card--core button.newspack-card--core__header,
.newspack-wizard .newspack-card--core button.newspack-card--core__header {
  appearance: none;
  background-color: white;
  border: none;
  cursor: pointer;
  text-align: left;
}
.newspack-card--core__header-content,
.newspack-wizard .newspack-card--core__header-content {
  display: grid;
  flex: 1;
  grid-gap: 8px;
}
.newspack-card--core__header-content h1,
.newspack-card--core__header-content h2,
.newspack-card--core__header-content h3,
.newspack-card--core__header-content h4,
.newspack-card--core__header-content h5,
.newspack-card--core__header-content h6,
.newspack-card--core__header-content p,
.newspack-wizard .newspack-card--core__header-content h1,
.newspack-wizard .newspack-card--core__header-content h2,
.newspack-wizard .newspack-card--core__header-content h3,
.newspack-wizard .newspack-card--core__header-content h4,
.newspack-wizard .newspack-card--core__header-content h5,
.newspack-wizard .newspack-card--core__header-content h6,
.newspack-wizard .newspack-card--core__header-content p {
  margin-bottom: 0;
  margin-top: 0;
  transition: color 125ms ease-in-out;
}
.newspack-card--core__header-content h1,
.newspack-card--core__header-content h2,
.newspack-card--core__header-content h3,
.newspack-card--core__header-content h4,
.newspack-card--core__header-content h5,
.newspack-card--core__header-content h6,
.newspack-wizard .newspack-card--core__header-content h1,
.newspack-wizard .newspack-card--core__header-content h2,
.newspack-wizard .newspack-card--core__header-content h3,
.newspack-wizard .newspack-card--core__header-content h4,
.newspack-wizard .newspack-card--core__header-content h5,
.newspack-wizard .newspack-card--core__header-content h6 {
  align-items: center;
  color: #1e1e1e;
  font-weight: 500;
  display: flex;
  gap: 8px;
}
.newspack-card--core__header-content h1 .newspack-badge,
.newspack-card--core__header-content h2 .newspack-badge,
.newspack-card--core__header-content h3 .newspack-badge,
.newspack-card--core__header-content h4 .newspack-badge,
.newspack-card--core__header-content h5 .newspack-badge,
.newspack-card--core__header-content h6 .newspack-badge,
.newspack-wizard .newspack-card--core__header-content h1 .newspack-badge,
.newspack-wizard .newspack-card--core__header-content h2 .newspack-badge,
.newspack-wizard .newspack-card--core__header-content h3 .newspack-badge,
.newspack-wizard .newspack-card--core__header-content h4 .newspack-badge,
.newspack-wizard .newspack-card--core__header-content h5 .newspack-badge,
.newspack-wizard .newspack-card--core__header-content h6 .newspack-badge {
  font-weight: 400;
}
.newspack-card--core__is-active,
.newspack-wizard .newspack-card--core__is-active {
  border-color: var(--wp-admin-theme-color);
  box-shadow: var(--wp-admin-theme-color) 0 0 0 1px;
}
.newspack-card--core__is-active button.newspack-card--core__header,
.newspack-wizard .newspack-card--core__is-active button.newspack-card--core__header {
  background-color: rgba(var(--wp-admin-theme-color--rgb), 0.04);
  color: var(--wp-admin-theme-color);
}
.newspack-card--core__is-active button.newspack-card--core__header h1,
.newspack-card--core__is-active button.newspack-card--core__header h2,
.newspack-card--core__is-active button.newspack-card--core__header h3,
.newspack-card--core__is-active button.newspack-card--core__header h4,
.newspack-card--core__is-active button.newspack-card--core__header h5,
.newspack-card--core__is-active button.newspack-card--core__header h6,
.newspack-wizard .newspack-card--core__is-active button.newspack-card--core__header h1,
.newspack-wizard .newspack-card--core__is-active button.newspack-card--core__header h2,
.newspack-wizard .newspack-card--core__is-active button.newspack-card--core__header h3,
.newspack-wizard .newspack-card--core__is-active button.newspack-card--core__header h4,
.newspack-wizard .newspack-card--core__is-active button.newspack-card--core__header h5,
.newspack-wizard .newspack-card--core__is-active button.newspack-card--core__header h6 {
  color: var(--wp-admin-theme-color);
}
.newspack-card--core__is-active button.newspack-card--core__header svg,
.newspack-wizard .newspack-card--core__is-active button.newspack-card--core__header svg {
  fill: var(--wp-admin-theme-color);
}
.newspack-card--core__is-active.newspack-card--core__has-children button.newspack-card--core__header,
.newspack-wizard .newspack-card--core__is-active.newspack-card--core__has-children button.newspack-card--core__header {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.newspack-card--core__is-active.newspack-card--core__has-children .newspack-card--core__body,
.newspack-wizard .newspack-card--core__is-active.newspack-card--core__has-children .newspack-card--core__body {
  border-top: 1px solid var(--wp-admin-theme-color);
}
.newspack-card--core__is-active.newspack-card--core__has-children .components-card__divider,
.newspack-wizard .newspack-card--core__is-active.newspack-card--core__has-children .components-card__divider {
  background: #f0f0f0;
}
.newspack-card--core__buttons-card,
.newspack-wizard .newspack-card--core__buttons-card {
  display: block;
  text-decoration: none;
}
.newspack-card--core__buttons-card:active, .newspack-card--core__buttons-card:hover,
.newspack-wizard .newspack-card--core__buttons-card:active,
.newspack-wizard .newspack-card--core__buttons-card:hover {
  border-color: var(--wp-admin-theme-color);
  box-shadow: var(--wp-admin-theme-color) 0 0 0 1px;
}
.newspack-card--core__buttons-card:active .newspack-card--core__header, .newspack-card--core__buttons-card:hover .newspack-card--core__header,
.newspack-wizard .newspack-card--core__buttons-card:active .newspack-card--core__header,
.newspack-wizard .newspack-card--core__buttons-card:hover .newspack-card--core__header {
  color: var(--wp-admin-theme-color);
}
.newspack-card--core__buttons-card:active .newspack-card--core__header h1,
.newspack-card--core__buttons-card:active .newspack-card--core__header h2,
.newspack-card--core__buttons-card:active .newspack-card--core__header h3,
.newspack-card--core__buttons-card:active .newspack-card--core__header h4,
.newspack-card--core__buttons-card:active .newspack-card--core__header h5,
.newspack-card--core__buttons-card:active .newspack-card--core__header h6, .newspack-card--core__buttons-card:hover .newspack-card--core__header h1,
.newspack-card--core__buttons-card:hover .newspack-card--core__header h2,
.newspack-card--core__buttons-card:hover .newspack-card--core__header h3,
.newspack-card--core__buttons-card:hover .newspack-card--core__header h4,
.newspack-card--core__buttons-card:hover .newspack-card--core__header h5,
.newspack-card--core__buttons-card:hover .newspack-card--core__header h6,
.newspack-wizard .newspack-card--core__buttons-card:active .newspack-card--core__header h1,
.newspack-wizard .newspack-card--core__buttons-card:active .newspack-card--core__header h2,
.newspack-wizard .newspack-card--core__buttons-card:active .newspack-card--core__header h3,
.newspack-wizard .newspack-card--core__buttons-card:active .newspack-card--core__header h4,
.newspack-wizard .newspack-card--core__buttons-card:active .newspack-card--core__header h5,
.newspack-wizard .newspack-card--core__buttons-card:active .newspack-card--core__header h6,
.newspack-wizard .newspack-card--core__buttons-card:hover .newspack-card--core__header h1,
.newspack-wizard .newspack-card--core__buttons-card:hover .newspack-card--core__header h2,
.newspack-wizard .newspack-card--core__buttons-card:hover .newspack-card--core__header h3,
.newspack-wizard .newspack-card--core__buttons-card:hover .newspack-card--core__header h4,
.newspack-wizard .newspack-card--core__buttons-card:hover .newspack-card--core__header h5,
.newspack-wizard .newspack-card--core__buttons-card:hover .newspack-card--core__header h6 {
  color: var(--wp-admin-theme-color);
}
.newspack-card--core__buttons-card:active .newspack-card--core__header svg, .newspack-card--core__buttons-card:hover .newspack-card--core__header svg,
.newspack-wizard .newspack-card--core__buttons-card:active .newspack-card--core__header svg,
.newspack-wizard .newspack-card--core__buttons-card:hover .newspack-card--core__header svg {
  fill: var(--wp-admin-theme-color);
}
.newspack-card--core hr.components-card__divider,
.newspack-wizard .newspack-card--core hr.components-card__divider {
  margin: 0;
}
.newspack-card--core__is-narrow,
.newspack-wizard .newspack-card--core__is-narrow {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 608px) {
  .newspack-card--core__is-narrow,
  .newspack-wizard .newspack-card--core__is-narrow {
    max-width: 576px;
  }
}
.newspack-card--core__body > div:not(.components-card__body):not(.components-card__media):not(.components-card__divider),
.newspack-wizard .newspack-card--core__body > div:not(.components-card__body):not(.components-card__media):not(.components-card__divider) {
  padding: 16px 24px;
}
.newspack-card--core__is-small .newspack-card--core__body > div:not(.components-card__body):not(.components-card__media):not(.components-card__divider),
.newspack-card--core__is-small .newspack-wizard .newspack-card--core__body > div:not(.components-card__body):not(.components-card__media):not(.components-card__divider) {
  padding: 16px;
}
.newspack-card--core__no-margin .newspack-card--core__body > div:not(.components-card__body):not(.components-card__media):not(.components-card__divider),
.newspack-card--core__no-margin .newspack-wizard .newspack-card--core__body > div:not(.components-card__body):not(.components-card__media):not(.components-card__divider) {
  padding: 0;
}
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/card/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
/**
 * Card
 */
/**
 * Colors
 */
.newspack-card {
  border-radius: 2px;
  border: 1px solid #ddd;
  color: #1e1e1e;
  margin: 32px 0;
  padding: 16px 48px;
}
@media screen and (min-width: 744px) {
  .newspack-card {
    padding: 32px 64px;
  }
}
.newspack-card__buttons-card {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin: 32px 0;
}
.newspack-card__header-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: space-between;
  margin-bottom: -16px;
}
.newspack-card__header-actions > * {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.newspack-card__header-actions .newspack-select-control .components-base-control__field {
  margin-bottom: 0;
}
.newspack-card__is-narrow {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 608px) {
  .newspack-card__is-narrow {
    max-width: 576px;
  }
}
.newspack-card__is-small {
  padding: 16px;
}
.newspack-card__is-small > *:first-child {
  margin-top: 0 !important;
}
.newspack-card__is-small > *:last-child {
  margin-bottom: 0 !important;
}
.newspack-card__is-small > p {
  margin: 16px 0 !important;
}
.newspack-card__is-small + .newspack-card__is-small {
  margin-top: -16px;
}
.newspack-card__is-medium {
  padding: 32px;
}
.newspack-card__is-medium > *:first-child {
  margin-top: 0 !important;
}
.newspack-card__is-medium > *:last-child {
  margin-bottom: 0 !important;
}
.newspack-card__is-white {
  background: white;
  border: 0;
}
.newspack-card__no-border {
  border-radius: 0;
  border: 0;
  padding: 0;
}
.newspack-card.mt64 {
  margin-top: 64px;
}
.newspack-card.mt16 {
  margin-top: 16px;
}
.newspack-card small {
  font-size: 12px;
  line-height: 1.4;
}
.newspack-card code {
  background: #f0f0f0;
  color: #1e1e1e;
  padding: 0 0.5em;
}
.newspack-card hr:not(.newspack-divider) {
  background: #ddd;
  border: 0;
  height: 1px;
  margin: 32px 0;
}
@media screen and (min-width: 744px) {
  .newspack-card hr:not(.newspack-divider) {
    margin: 64px 0;
  }
}
.newspack-card .sep {
  background: #ddd;
  height: 1px;
  margin-left: 8px;
  margin-right: 8px;
  width: 12px;
}
.newspack-card .sep__inline {
  display: inline-block;
  line-height: 1.5;
  vertical-align: middle;
}
.newspack-card .newspack-error {
  color: #cc1818;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/card-settings-group/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.newspack-card--core--settings-group .components-card__body > .newspack-notice {
  margin: 16px 0;
}
.newspack-card--core--settings-group .components-card__body > .components-base-control:first-child {
  margin-top: 0;
}
.newspack-card--core--settings-group .components-card__body > .components-base-control + .components-base-control,
.newspack-card--core--settings-group .components-card__body > .components-base-control + .newspack-form-token-field {
  margin-top: 16px;
}
.newspack-card--core--settings-group .components-card__body {
  /** ToggleControl switch should appear after the label. */
}
.newspack-card--core--settings-group .components-card__body > .components-toggle-control .components-h-stack .components-form-toggle {
  order: 2;
}
.newspack-card--core--settings-group .components-card__body > .components-toggle-control .components-toggle-control__help {
  margin-inline-start: auto;
}
.newspack-card--core--settings-group .components-card__body .newspack-grid:last-child,
.newspack-card--core--settings-group .components-card__body .components-base-control:last-child,
.newspack-card--core--settings-group .components-card__body p:last-child {
  margin-bottom: 0;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/card-sortable-list/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* must match DROP_ANIMATION_DURATION in index.tsx */
.newspack-card--core--sortable-list__item {
  cursor: grab;
  /*
   * Animate items sliding to fill/make space around the dragged item.
   */
  transition: transform 150ms ease;
  /*
   * Collapse the source item's content — the wrapper stays in layout as the
   * anchor point, and the container height is locked via inline style in JS.
   */
}
.newspack-card--core--sortable-list__item.is-source {
  cursor: grabbing;
  opacity: 0;
  transition: opacity 200ms ease;
}
.newspack-card--core--sortable-list__item {
  /*
   * Drop landing animation: brief fade-in and scale on the newly placed item.
   */
}
.newspack-card--core--sortable-list__item.is-dropped {
  animation: newspack-sortable-drop 400ms ease forwards;
  opacity: 0;
}
@keyframes newspack-sortable-drop {
  0% {
    opacity: 0;
    transform: scale(0.98);
  }
  60% {
    opacity: 1;
    transform: scale(1.01);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/category-autocomplete/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Category Autocomplete
 */
.newspack-category-autocomplete {
  position: relative;
}
.newspack-category-autocomplete .components-form-token-field__help {
  display: none;
}
.newspack-grid .newspack-category-autocomplete .newspack-form-token-field__input-container {
  margin: 0;
}
.newspack-category-autocomplete__suggestions-spinner {
  position: absolute;
  right: 1px;
  top: calc(1.4em + 8px);
  z-index: 2;
}
[class*="--label-hidden"] + .newspack-category-autocomplete__suggestions-spinner {
  top: 0;
}
.newspack-category-autocomplete__suggestions-spinner .components-spinner {
  display: block;
  margin: 7px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/color-picker/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Color Picker
 */
.newspack-color-picker {
  position: relative;
}
.newspack-color-picker__label {
  margin-bottom: 8px;
}
.newspack-color-picker__expander {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  height: 64px;
  padding: 12px;
  text-align: right;
  text-transform: uppercase;
}
.newspack-color-picker__expander:focus-visible {
  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
  border-color: white;
}
.newspack-color-picker__main {
  background: white;
  box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.08);
  margin: 12px 0;
  position: absolute;
  z-index: 2;
}
.newspack-color-picker__main:empty {
  display: none;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/custom-select-control/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Custom Select Control
 */
/**
 * Colors
 */
.newspack-custom-select-control label {
  display: block;
  margin-bottom: 8px;
}
.newspack-custom-select-control button {
  border-color: #757575;
  border-radius: 2px;
  color: #1e1e1e;
  font-size: inherit;
  min-height: 30px;
  min-width: 100%;
  padding-right: 24px;
}
.newspack-custom-select-control button:active, .newspack-custom-select-control button:focus, .newspack-custom-select-control button:hover, .newspack-custom-select-control button[aria-expanded=true] {
  color: #1e1e1e;
}
.newspack-custom-select-control button:focus {
  border-color: var(--wp-admin-theme-color);
  box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
}
.newspack-custom-select-control button-icon {
  right: 3px;
  width: 18px;
}
.newspack-custom-select-control button[aria-expanded=true] svg {
  transform: rotate(180deg);
}
.newspack-custom-select-control button + div {
  min-width: 200px;
}
.newspack-custom-select-control .components-custom-select-control__menu {
  border-color: #757575;
  border-radius: 2px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  margin: 8px 0 0;
  min-width: 222px;
}
.newspack-custom-select-control .components-custom-select-control__item {
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  line-height: inherit;
  padding: 6px 8px;
  transition: color 125ms ease-in-out;
}
.newspack-custom-select-control .components-custom-select-control__item:empty {
  display: none;
}
.newspack-custom-select-control .components-custom-select-control__item.is-header {
  background: #f0f0f0;
  cursor: default;
  font-weight: bold;
  margin-left: 0;
  pointer-events: none;
}
.newspack-custom-select-control .components-custom-select-control__item.is-highlighted {
  background: white;
  color: var(--wp-admin-theme-color);
}
.newspack-custom-select-control .components-custom-select-control__item.is-selected {
  margin-left: 0;
}
.newspack-custom-select-control .components-custom-select-control__item.is-selected span svg {
  fill: var(--wp-admin-theme-color);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/divider/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
/**
 * Divider
 */
/**
 * Colors
 */
.newspack-divider {
  background: transparent;
  border: 0;
  display: block;
  height: 1px;
  margin-bottom: min(32px, var(--divider-margin-bottom, 64px));
  margin-left: 0;
  margin-right: 0;
  margin-top: min(32px, var(--divider-margin-top, 64px));
  padding: 0;
}
@media screen and (min-width: 783px) {
  .newspack-divider {
    margin-bottom: var(--divider-margin-bottom, 64px);
    margin-top: var(--divider-margin-top, 64px);
  }
}
.newspack-divider--alignment-full-width {
  margin-left: calc(-50vw + 50%);
  width: 100vw;
}
.newspack-divider--alignment-none {
  width: 100%;
}
.newspack-divider--variant-default {
  background-color: #ddd;
}
.newspack-divider--variant-primary {
  background-color: var(--wp-admin-theme-color);
}
.newspack-divider--variant-secondary {
  background-color: #1e1e1e;
}
.newspack-divider--variant-tertiary {
  background-color: #f0f0f0;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/form-token-field/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Form Token Field
 */
/**
 * Colors
 */
.newspack-form-token-field {
  width: 100%;
}
.newspack-form-token-field__help {
  color: #757575;
  font-size: 12px;
  margin: 8px 0 0 !important;
}
.newspack-form-token-field--label-hidden label {
  display: none;
}
.newspack-form-token-field--help-hidden .components-form-token-field__help,
.newspack-form-token-field--help-hidden div.i {
  display: none;
}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/footer/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
/**
 * Footer
 */
/**
 * Colors
 */
.newspack-footer {
  background: white;
  border: 0 solid #ddd;
  border-width: 1px 0;
  bottom: 0;
  color: #757575;
  display: flex;
  font-size: 12px;
  left: 0;
  line-height: 16px;
  position: absolute;
  right: 0;
}
@media screen and (min-width: 783px) {
  .newspack-footer {
    bottom: 40px;
  }
}
.newspack-footer ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 7px 8px;
}
.newspack-footer li {
  margin: 8px;
}
.newspack-footer li a {
  align-items: flex-end;
  color: inherit;
  display: flex;
}
.newspack-footer li a:active, .newspack-footer li a:focus, .newspack-footer li a:hover {
  color: #1e1e1e;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/info-button/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
/**
 * Info Button
 */
.newspack-info-button {
  display: inline-block;
  flex: 0 0 24px;
  height: 24px;
  margin: 0;
  margin-left: 4px;
  width: 24px;
  vertical-align: middle;
}
.newspack-info-button svg {
  display: block;
  fill: currentcolor;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/image-upload/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Image Upload
 */
/**
 * Colors
 */
.newspack-image-upload {
  margin: 32px 0;
}
.newspack-image-upload__header {
  display: flex;
}
.newspack-image-upload__label {
  margin: 0 0 8px;
}
.newspack-image-upload__image {
  align-items: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border: 1px dashed #757575;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  max-width: 100%;
  min-height: 48px;
  position: relative;
}
.newspack-image-upload__image--covering {
  background-size: cover;
}
.newspack-image-upload__image:not(.newspack-image-upload__image--has-image) .newspack-button {
  background: white !important;
  border-radius: 2px !important;
  padding: 4px 16px !important;
}
.newspack-image-upload__image:not(.newspack-image-upload__image--has-image) .newspack-button:active, .newspack-image-upload__image:not(.newspack-image-upload__image--has-image) .newspack-button:focus, .newspack-image-upload__image:not(.newspack-image-upload__image--has-image) .newspack-button:hover {
  background: white !important;
}
.newspack-image-upload__image:not(.newspack-image-upload__image--has-image) .newspack-button:focus {
  outline-offset: -3px !important;
}
.newspack-image-upload__image--has-image {
  border: none;
  overflow: hidden;
}
.newspack-image-upload__image--has-image::before, .newspack-image-upload__image--has-image::after {
  border: 1px solid rgba(0, 0, 0, 0.54);
  border-radius: 2px;
  content: "";
  inset: 0;
  position: absolute;
  z-index: 0;
}
.newspack-image-upload__image--has-image button, .newspack-image-upload__image--has-image::after {
  opacity: 0;
  transition: opacity 125ms;
}
.newspack-image-upload__image--has-image button {
  z-index: 1;
  position: relative;
}
.newspack-image-upload__image--has-image::after {
  background: rgba(255, 255, 255, 0.9);
  border-color: #757575;
}
.newspack-image-upload__image--has-image:focus-within button, .newspack-image-upload__image--has-image:focus-within::after, .newspack-image-upload__image--has-image:hover button, .newspack-image-upload__image--has-image:hover::after {
  opacity: 1;
}
.newspack-image-upload__image--has-image img {
  max-height: 100%;
  max-width: 100%;
}
.newspack-image-upload__image--has-image .sep {
  background: transparent;
  display: block;
  height: 8px;
  margin: 0;
  width: 100%;
}
.newspack-image-upload__image + .newspack-image-upload__help {
  color: #757575;
  font-size: 12px;
  margin: 1em 0 0;
}
.newspack-image-upload__controls {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: absolute;
}
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/grid/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
/**
 * Grid
 */
/**
 * Colors
 */
.newspack-grid {
  display: grid;
  grid-gap: 32px;
  grid-auto-rows: min-content;
  grid-template-columns: 1fr;
  margin: 32px 0;
}
.newspack-grid--no-margin {
  margin: 0 !important;
}
.newspack-grid__gutter-0 {
  grid-gap: 0;
}
.newspack-grid__gutter-8 {
  grid-gap: 8px;
}
.newspack-grid__gutter-16 {
  grid-gap: 16px;
}
.newspack-grid__gutter-24 {
  grid-gap: 24px;
}
.newspack-grid__gutter-32 {
  grid-gap: 32px;
}
.newspack-grid__gutter-64 {
  grid-gap: 64px;
}
.newspack-grid__row-gap-0 {
  grid-row-gap: 0;
}
.newspack-grid__row-gap-8 {
  grid-row-gap: 8px;
}
.newspack-grid__row-gap-16 {
  grid-row-gap: 16px;
}
.newspack-grid__row-gap-32 {
  grid-row-gap: 32px;
}
.newspack-grid__columns-6 {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 744px) {
  .newspack-grid__columns-2, .newspack-grid__columns-3, .newspack-grid__columns-4 {
    grid-template-columns: repeat(2, 1fr);
  }
  .newspack-grid__columns-2 > [start], .newspack-grid__columns-3 > [start], .newspack-grid__columns-4 > [start] {
    grid-column-start: 1;
  }
  .newspack-grid__columns-2 > [end], .newspack-grid__columns-3 > [end], .newspack-grid__columns-4 > [end] {
    grid-column-end: -1;
  }
  .newspack-grid__columns-6 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1054px) {
  .newspack-grid__columns-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .newspack-grid__columns-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .newspack-grid__columns-4 > [start="2"] {
    grid-column-start: 2;
  }
  .newspack-grid__columns-4 > [end="4"] {
    grid-column-end: 4;
  }
  .newspack-grid__columns-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .newspack-grid__gutter-48 {
    grid-gap: 48px;
  }
  .newspack-grid__gutter-64 {
    grid-gap: 64px;
  }
}
.newspack-grid > * {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.newspack-grid > * > h1:first-child,
.newspack-grid > * > h2:first-child,
.newspack-grid > * > h3:first-child,
.newspack-grid > * > h4:first-child,
.newspack-grid > * > h5:first-child,
.newspack-grid > * > h6:first-child {
  margin-top: 0;
}
.newspack-grid__borders {
  grid-gap: 0 !important;
}
.newspack-grid__borders > * {
  border-bottom: 1px solid #ddd;
}
.newspack-grid__borders > *:last-child {
  border-bottom: none;
}
@media screen and (min-width: 744px) {
  .newspack-grid__borders > * {
    border-bottom: none;
    border-right: 1px solid #ddd;
  }
  .newspack-grid__borders > *:last-child {
    border-right: none;
  }
}
.newspack-grid__borders.newspack-grid__gutter-8 > * {
  padding: 8px;
}
.newspack-grid__borders.newspack-grid__gutter-16 > * {
  padding: 16px;
}
.newspack-grid__borders.newspack-grid__gutter-32 > * {
  padding: 32px;
}
.newspack-grid__borders.newspack-grid__gutter-64 > * {
  padding: 64px;
}
.newspack-grid .components-base-control__field, .newspack-grid .components-base-control__help {
  margin-bottom: 0;
}
.newspack-grid .components-form-token-field__input-container {
  margin-bottom: 0;
}
.newspack-grid > .newspack-card > *:first-child {
  margin-top: 0 !important;
}
.newspack-grid > .newspack-card > *:last-child {
  margin-bottom: 0 !important;
}
.newspack-grid__thead {
  background: rgba(0, 0, 0, 0.025);
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  color: #1e1e1e;
}
.newspack-grid__thead > *:not(.screen-reader-text) {
  padding: 8px;
}
.newspack-grid__tbody {
  border-bottom: 1px solid #ddd;
  padding: 8px 0;
}
.newspack-grid__thead + .newspack-grid__tbody, .newspack-grid__tbody + .newspack-grid__tbody {
  margin-top: -32px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/modal/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
/**
 * Modal
 */
/**
 * 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;
}
.newspack-modal {
  --wp-admin-theme-color: #003da5;
  --wp-admin-theme-color--rgb: 0, 61, 165;
  --wp-admin-theme-color-darker-10: #00296e;
  --wp-admin-theme-color-darker-10--rgb: 0, 41, 110;
  --wp-admin-theme-color-darker-20: #001f53;
  --wp-admin-theme-color-darker-20--rgb: 0, 31, 83;
  --wp-admin-theme-color-lighter-10: #dfe7f4;
  --wp-admin-theme-color-lighter-10--rgb: 223, 231, 244;
  border-radius: 8px;
  margin: auto;
  max-height: calc(100% - 64px);
  max-width: 512px;
  width: calc(100% - 64px);
}
.newspack-modal--size-small {
  max-width: 384px;
}
.newspack-modal--size-small.newspack-modal--hide-title {
  max-width: 350px;
}
.newspack-modal--size-medium {
  max-width: 512px;
}
.newspack-modal--size-large {
  max-width: 840px;
}
.newspack-modal--size-x-large {
  max-width: calc(var(--newspack-wizard-section-width) + 64px);
}
.newspack-modal--size-full {
  max-width: 100%;
}
.newspack-modal--hide-title .components-modal__header {
  display: none;
}
.newspack-modal--hide-title .components-modal__content {
  margin-top: 0;
  padding-top: 32px;
}
.newspack-modal--destructive .components-button.is-primary {
  background-color: #d63638;
  color: #fff;
}
.newspack-modal--destructive .components-button.is-primary:hover, .newspack-modal--destructive .components-button.is-primary:focus {
  background-color: #b32d2e;
}
.newspack-modal a {
  color: var(--wp-admin-theme-color);
}
.newspack-modal a:active, .newspack-modal a:focus, .newspack-modal a:hover {
  color: var(--wp-admin-theme-color-darker-10);
}
.newspack-modal a:focus {
  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
  outline: 3px solid transparent;
}
.newspack-modal .components-modal__content > *:first-child {
  margin-top: 0;
}
.newspack-modal .components-modal__content > *:last-child {
  margin-bottom: 0;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/newspack-icon/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;
}
/**
 * Newspack Icon
 */
.newspack-icon {
  background: #003da5;
  fill: white;
  padding: 12px;
}
.newspack-icon--white {
  background: white;
  fill: #003da5;
}
.newspack-icon--simple {
  background: none;
  fill: #003da5;
  padding: 0;
}
.newspack-icon.newspack-icon--simple.newspack-icon--white {
  fill: white;
}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/notice/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
/**
 * Notice
 */
/**
 * Colors
 */
/**
 * 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;
}
.newspack-notice {
  align-items: center;
  background: #f0f0f0;
  color: #1e1e1e;
  display: flex;
  justify-content: flex-start;
  margin: 32px 0;
  padding: 8px 12px;
}
.newspack-notice > svg {
  display: block;
  fill: #1e1e1e;
  flex: 0 0 24px;
  margin-right: 4px;
}
.newspack-notice__is-debug {
  background: #003da5;
  border-radius: 50%;
  bottom: 16px;
  box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.08);
  color: white;
  font-weight: bold;
  margin: 0 16px;
  padding: 6px;
  position: fixed;
  text-transform: uppercase;
  z-index: 9997;
}
.newspack-notice__is-debug > svg {
  fill: white;
  margin: 0;
}
.newspack-notice__is-error {
  background: rgb(244.1052631579, 162.3947368421, 162.3947368421);
}
.newspack-notice__is-error > svg {
  fill: #cc1818;
  transform: rotate(180deg);
}
.newspack-notice__is-handoff {
  background: rgb(253.5913705584, 248.3324873096, 237.9086294416);
  margin-top: 0;
  position: sticky;
  top: 46px;
  z-index: 100;
}
@media (min-width: 782px) {
  .newspack-notice__is-handoff {
    top: 32px;
  }
}
.newspack-notice__is-help {
  background: #bfcfe9;
}
.newspack-notice__is-help > svg {
  fill: var(--wp-admin-theme-color);
}
.newspack-notice__is-success {
  background: rgb(238.8392857143, 248.6607142857, 241.3392857143);
}
.newspack-notice__is-success > svg {
  fill: #4ab866;
}
.newspack-notice__is-warning {
  background: rgb(253.5913705584, 248.3324873096, 237.9086294416);
}
.newspack-notice__is-warning > svg {
  fill: #f0b849;
  transform: rotate(180deg);
}
.newspack-notice .newspack-notice__content > div > * {
  margin: 0 !important;
}
.newspack-notice .newspack-notice__content a {
  color: inherit;
}
.newspack-notice .newspack-notice__content a:active, .newspack-notice .newspack-notice__content a:focus, .newspack-notice .newspack-notice__content a:hover {
  color: inherit;
}
.newspack-notice .newspack-notice__content a:focus {
  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) currentcolor;
}
.newspack-notice + .newspack-notice {
  margin-top: -16px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/plugin-installer/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Plugin Installer
 */
/**
 * Colors
 */
.newspack-card .newspack-plugin-installer__status {
  align-items: center;
  display: flex;
}
.newspack-card .newspack-plugin-installer__status .newspack-checkbox-icon {
  margin-left: 4px;
}
.newspack-card .newspack-plugin-installer__status .newspack-checkbox-icon svg {
  height: inherit;
  width: inherit;
}
.newspack-card.newspack-plugin-installer__status-active .newspack-action-card__region-top, .newspack-card.newspack-plugin-installer__status-error .newspack-action-card__region-top, .newspack-card.newspack-plugin-installer__status-installing .newspack-action-card__region-top, .newspack-card.newspack-plugin-installer__status-none .newspack-action-card__region-top {
  padding-left: 28px;
}
.newspack-card.newspack-plugin-installer__status-active.is-small .newspack-action-card__region-top, .newspack-card.newspack-plugin-installer__status-error.is-small .newspack-action-card__region-top, .newspack-card.newspack-plugin-installer__status-installing.is-small .newspack-action-card__region-top, .newspack-card.newspack-plugin-installer__status-none.is-small .newspack-action-card__region-top {
  padding-left: 20px;
}
.newspack-card.newspack-plugin-installer__status-active {
  box-shadow: inset 4px 0 0 #4ab866;
}
.newspack-card.newspack-plugin-installer__status-active .newspack-plugin-installer__checkbox {
  background: #4ab866;
  box-shadow: none;
}
.newspack-card.newspack-plugin-installer__status-active svg {
  fill: white;
}
.newspack-card.newspack-plugin-installer__status-error {
  box-shadow: inset 4px 0 0 #cc1818;
}
.newspack-card.newspack-plugin-installer__status-installing, .newspack-card.newspack-plugin-installer__status-none {
  box-shadow: inset 4px 0 0 #f0f0f0;
}
.newspack-card.is-small .newspack-plugin-installer__status .newspack-checkbox-icon {
  height: 16px;
  width: 16px;
}
.newspack-plugin-installer_is-waiting {
  display: flex;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/plugin-settings/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.newspack-card:not(.newspack-settings__no-border) .newspack-action-card__region-children > .newspack-grid {
  margin: 32px 0 0 !important;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/plugin-toggle/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Plugin Toggle
 */
/**
 * Colors
 */
.newspack-action-card.in-flight, .newspack-action-card.loading {
  opacity: 0.5;
}
.newspack-action-card.in-flight .newspack-action-card__region-right .newspack-button, .newspack-action-card.loading .newspack-action-card__region-right .newspack-button {
  color: #757575;
  pointer-events: none;
  text-decoration: none;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/popover/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
/**
 * Popover
 */
/**
 * Colors
 */
.newspack-popover .components-popover__content {
  min-width: 238px;
}
.newspack-popover .components-popover__content .newspack-button {
  color: #757575;
  display: flex;
  font-weight: normal;
  padding: 6px 8px;
}
.newspack-popover .components-popover__content .newspack-button:hover {
  color: var(--wp-admin-theme-color);
}
.newspack-popover .components-popover__content .newspack-button:hover .components-menu-items__item-icon {
  fill: currentcolor;
}
.newspack-popover .components-popover__content .newspack-button:focus:not(:disabled) {
  box-shadow: inset 0 0 0 2px var(--wp-admin-theme-color);
  position: relative;
  z-index: 1;
}
.newspack-popover .components-popover__content .newspack-button.is-link {
  border-radius: 2px;
  padding: 6px 8px;
  text-decoration: none;
}
.newspack-popover .components-popover__content .newspack-button.is-link:not(.is-destructive) {
  color: #757575;
}
.newspack-popover .components-popover__content .newspack-button.is-link:not(.is-destructive):active, .newspack-popover .components-popover__content .newspack-button.is-link:not(.is-destructive):active:enabled, .newspack-popover .components-popover__content .newspack-button.is-link:not(.is-destructive):focus, .newspack-popover .components-popover__content .newspack-button.is-link:not(.is-destructive):focus:enabled .newspack-popover .components-popover__content .newspack-button.is-link:not(.is-destructive):hover, .newspack-popover .components-popover__content .newspack-button.is-link:not(.is-destructive):not(:disabled, [aria-disabled=true], .is-default):hover {
  color: var(--wp-admin-theme-color);
}
.newspack-popover .components-popover__content .newspack-button.is-link:focus, .newspack-popover .components-popover__content .newspack-button.is-link:focus:enabled {
  outline: none;
}
.newspack-popover .components-popover__content .newspack-button.is-destructive:not(:focus) {
  box-shadow: none !important;
}
.newspack-popover .components-popover__content .newspack-button .components-menu-items__item-icon {
  fill: #1e1e1e;
}
.newspack-popover .components-popover__content .newspack-button .components-menu-item__item {
  display: flex;
  width: 100%;
}
.newspack-popover .components-popover__content .components-menu-group__label {
  color: #1e1e1e;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  margin: 0;
  padding: 10px 8px;
}
.newspack-popover .components-popover__content .screen-reader-text {
  opacity: 0;
}
.newspack-popover .components-popover__content .newspack-select-control {
  margin: 0;
  width: 100%;
}
.newspack-popover .components-popover__content .newspack-select-control .components-select-control select.components-select-control__input {
  height: 36px;
  min-height: 36px;
}
.newspack-popover .components-popover__content .newspack-select-control .components-select-control select.components-select-control__input:focus ~ div.components-input-control__backdrop {
  border-color: var(--wp-admin-theme-color);
  box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
}
.newspack-popover .components-popover__content .newspack-select-control .components-select-control div.components-input-control__backdrop {
  padding: 0;
}
.newspack-popover .components-popover__content .newspack-form-token-field {
  margin: 0;
  text-align: left;
}
.newspack-popover .components-popover__content .newspack-form-token-field .newspack-form-token-field__input-container {
  min-height: 36px;
  padding: 3px 5px;
}
.newspack-popover .components-popover__content .newspack-form-token-field .components-form-token-field__suggestions-list {
  margin: 5px -3px -11px;
}
.newspack-popover .components-popover__content .newspack-form-token-field .components-form-token-field__label {
  display: block;
}
.newspack-popover .components-popover__content .newspack-toggle-control {
  margin: 0;
}
.newspack-popover .components-popover__content .newspack-toggle-control .components-base-control__field {
  margin: 3px 0;
}
.newspack-popover .components-popover__content .newspack-toggle-control .components-form-toggle {
  border-top: 0;
}
.newspack-popover:not(.is-without-arrow)::before {
  border-color: #ddd;
}
.newspack-popover.is-from-bottom {
  margin-bottom: 2px;
}
.newspack-popover.is-from-top {
  margin-top: 2px;
}
.newspack-popover.components-animate__appear {
  animation: none;
}
.newspack-popover__padding-8 .components-popover__content {
  padding: 8px;
}
.newspack-popover__padding-16 .components-popover__content {
  padding: 16px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/progress-bar/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Progress Bar
 */
/**
 * Colors
 */
.newspack-progress-bar {
  margin: 32px 0;
}
.newspack-progress-bar .newspack-progress-bar__headings {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.newspack-progress-bar .newspack-progress-bar__headings h2,
.newspack-progress-bar .newspack-progress-bar__headings p {
  margin-bottom: 0;
  margin-top: 0;
}
.newspack-progress-bar .newspack-progress-bar__headings p {
  margin-left: auto;
}
.newspack-progress-bar__container {
  background-color: #f0f0f0;
  border-radius: 4px;
  height: 8px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.newspack-progress-bar__bar {
  background-color: var(--wp-admin-theme-color);
  height: 8px;
  transition: width 125ms ease-in-out;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/radio-control/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Radio Control
 */
/**
 * Colors
 */
.newspack-radio-control {
  color: #757575;
  font-size: 14px;
  line-height: 24px;
  margin: 32px 0;
}
.newspack-radio-control label {
  color: inherit;
  font-size: 14px;
  line-height: 24px;
  margin: 0;
}
.newspack-radio-control .components-base-control__label {
  color: #1e1e1e;
  font-weight: bold;
}
.newspack-radio-control .components-radio-control__option {
  align-items: center;
  display: flex;
  margin: 0 0 8px;
}
.newspack-radio-control .components-radio-control__option:first-of-type {
  margin-top: 8px;
}
.newspack-radio-control .components-radio-control__option:last-child {
  margin-bottom: 0;
}
.newspack-radio-control input[type=radio] {
  height: 24px;
  width: 24px;
  max-height: 24px;
  max-width: 24px;
}
@media screen and (min-width: 782px) {
  .newspack-radio-control input[type=radio] {
    height: 20px;
    width: 20px;
    max-height: 20px;
    max-width: 20px;
  }
}
.newspack-radio-control input[type=radio]:checked {
  background-color: var(--wp-admin-theme-color);
  border-color: var(--wp-admin-theme-color);
}
.newspack-radio-control input[type=radio]:checked::before {
  border: none;
}
.newspack-radio-control input[type=radio]:focus {
  border-color: var(--wp-admin-theme-color);
  box-shadow: 0 0 0 2px white, 0 0 0 3.5px var(--wp-admin-theme-color);
}
.newspack-radio-control + .newspack-radio-control {
  margin-bottom: 32px;
  margin-top: -16px;
}
.newspack-radio-control + .newspack-select-control,
.newspack-radio-control + .newspack-text-control {
  margin-bottom: 32px;
  margin-top: -16px;
}
.newspack-radio-control .components-base-control__field,
.newspack-radio-control .components-base-control__label,
.newspack-radio-control .components-base-control__help {
  display: block;
  margin: 0;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/section-header/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Section Header
 */
/**
 * Colors
 */
/**
 * 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;
}
.newspack-section-header {
  flex: 1;
  margin: 64px 0 32px;
}
.newspack-section-header__container {
  position: relative;
}
.newspack-section-header__container:not(:first-child) {
  margin-top: 48px;
}
.newspack-section-header__container.newspack-section-header--has-primary-action {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (min-width: 782px) {
  .newspack-section-header__container.newspack-section-header--has-primary-action {
    align-items: flex-start;
    flex-direction: row;
  }
}
@media (min-width: 782px) {
  .newspack-section-header__container.newspack-section-header--has-back-nav .newspack-section-header__title-container,
  .newspack-section-header__container.newspack-section-header--has-back-nav p {
    max-width: calc(50% - 16px);
  }
}
@media (min-width: 1280px) {
  .newspack-section-header__back-nav {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translate(calc(-100% - 8px), -50%);
  }
}
.newspack-section-header__back-nav a,
.newspack-section-header__back-nav button {
  color: inherit !important;
}
.newspack-section-header h1,
.newspack-section-header h2,
.newspack-section-header h3,
.newspack-section-header h4,
.newspack-section-header h5,
.newspack-section-header h6 {
  align-items: center;
  display: flex;
  gap: 8px;
  margin: 0 !important;
}
.newspack-section-header--no-margin {
  margin: 0 !important;
}
.newspack-section-header--is-centered {
  text-align: center;
}
.newspack-section-header:not(.newspack-section-header--no-margin) + *:not(.newspack-section-header):not(.newspack-wizard__section-header):not(.newspack-section-header__primary-action) {
  margin-top: -16px !important;
}
.newspack-section-header.newspack-section-header--is-white > * {
  color: white;
}
.newspack-section-header p {
  color: #757575;
}
.newspack-section-header__title-container {
  align-items: baseline;
  display: flex;
  gap: 8px;
}
.newspack-section-header__title-container .newspack-badge {
  transform: translateY(-4px);
}
@media (min-width: 782px) {
  .newspack-section-header__primary-action {
    display: flex;
    flex: 1;
    justify-content: flex-end;
  }
}
.newspack-section-header__secondary-action {
  display: flex;
  margin-left: 8px;
}
.newspack-section-header__children {
  margin-top: 32px;
  width: 100%;
}
.newspack-section-header__children .newspack-button-card:not(.grouped) {
  margin-bottom: 0;
}
.newspack-section-header__children .newspack-button-card:not(.grouped) + .newspack-button-card:not(.grouped) {
  margin-top: 16px;
}
.newspack-wizard__content .newspack-section-header:first-child {
  margin-top: 32px;
}
.newspack-section-header.newspack-section-header--page-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
.newspack-section-header.newspack-section-header--page-header > h1,
.newspack-section-header.newspack-section-header--page-header > h2,
.newspack-section-header.newspack-section-header--page-header > h3,
.newspack-section-header.newspack-section-header--page-header > h4,
.newspack-section-header.newspack-section-header--page-header > h5,
.newspack-section-header.newspack-section-header--page-header > h6,
.newspack-section-header.newspack-section-header--page-header > p {
  text-align: center;
}
.newspack-section-header.newspack-section-header--page-header .newspack-section-header__icon {
  background-color: var(--wp-admin-theme-color-lighter-10);
  border-radius: 100%;
  display: grid;
  height: 80px;
  margin-bottom: 8px !important;
  width: 80px;
  place-items: center;
}
.newspack-section-header.newspack-section-header--page-header .newspack-section-header__icon svg {
  fill: var(--wp-admin-theme-color);
}
.newspack-section-header.newspack-section-header--page-header h1 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/select-control/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Select Control
 */
/**
 * Colors
 */
.components-select-control__input {
  max-width: 100% !important;
}
.components-select-control__input[multiple] {
  height: auto !important;
  min-height: 70px !important;
  padding: 0 !important;
}
.components-select-control__input[multiple] + .components-input-control__suffix {
  display: none;
}
.components-select-control__input[multiple] option {
  min-height: 1.4em;
  padding: 8px;
}
.components-select-control__input[multiple] option:checked {
  background: var(--wp-admin-theme-color);
  color: white;
}
.components-select-control .components-base-control__field {
  width: 100%;
}
.components-select-control .components-input-control__label {
  line-height: inherit;
}
.newspack-grouped-select-control {
  position: relative;
}
.newspack-grouped-select-control .components-select-control__input {
  appearance: none;
  background: transparent;
  border: 1px solid #757575;
  border-radius: 2px;
  box-shadow: none !important;
  box-sizing: border-box;
  display: block;
  font-size: inherit;
  margin: 0;
  max-width: 100%;
  outline: none;
  padding: 0 24px 0 7px;
  width: 100%;
}
.newspack-grouped-select-control .components-select-control__input:hover {
  color: inherit;
}
.newspack-grouped-select-control .components-select-control__input:focus {
  border-color: var(--wp-admin-theme-color-darker-10) !important;
  box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color-darker-10) !important;
  color: inherit;
}
.newspack-grouped-select-control .components-select-control__arrow-wrapper {
  align-items: center;
  display: flex;
  height: 24px;
  justify-content: center;
  margin-top: -12px;
  position: absolute;
  right: 1px;
  top: 50%;
  width: 24px;
}
.newspack-buttons-select-control .components-base-control__label {
  display: inline-flex;
  margin-bottom: 8px;
}
.newspack-buttons-select-control .components-button-group {
  display: flex;
}
.newspack-buttons-select-control.icon-only .components-button {
  align-items: center;
  height: 36px;
  justify-content: center;
  padding: 0 !important;
  width: 36px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/settings/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.newspack-settings__card.newspack-card.newspack-action-card .newspack-action-card__region-top {
  padding: 32px 32px 16px;
}
.newspack-settings__card.newspack-card.newspack-action-card .newspack-action-card__region-children {
  padding: 0 32px 32px;
}
.newspack-settings__card.newspack-card.newspack-action-card .newspack-action-card__region-children > .newspack-grid {
  margin: 0;
}
.newspack-settings__card.newspack-card.newspack-action-card .newspack-action-card__notification {
  padding-bottom: 16px;
}
.newspack-settings__card .newspack-form-token-field {
  margin: 0;
}
.newspack-settings__card .newspack-form-token-field .components-form-token-field {
  width: 100%;
}
.newspack-settings__card .newspack-settings__section__title {
  align-items: center;
  display: flex;
  margin: 0;
}
.newspack-settings__card .newspack-settings__section__title span {
  line-height: 24px;
}
.newspack-settings__card .newspack-settings__section__content > div,
.newspack-settings__card .newspack-settings__section__content .newspack-settings__min-max {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.newspack-settings__card .newspack-settings__section__content > div > *:not([class*=help], [class*=label]),
.newspack-settings__card .newspack-settings__section__content .newspack-settings__min-max > *:not([class*=help], [class*=label]) {
  margin: 0;
}
.newspack-settings__card .newspack-settings__section__content .newspack-autocomplete-tokenfield,
.newspack-settings__card .newspack-settings__section__content .newspack-settings__min-max {
  width: 100%;
}
.newspack-settings__card .newspack-settings__section__content .newspack-autocomplete-tokenfield {
  display: block;
  margin: 0;
}
.newspack-settings__card .newspack-settings__section__content .newspack-autocomplete-tokenfield label:empty {
  display: none;
}
.newspack-settings__card .newspack-settings__section__content .newspack-text-control,
.newspack-settings__card .newspack-settings__section__content .newspack-checkbox-control {
  margin: 0 !important;
}
.newspack-settings__card .newspack-settings__section__content .newspack-select-control .components-base-control {
  width: 100%;
}
.newspack-settings__card .newspack-settings__min-max {
  gap: 8px;
}
.newspack-settings__card .newspack-settings__min-max .newspack-checkbox-control {
  flex: 0 0 auto;
}
.newspack-settings__card .newspack-settings__min-max .newspack-text-control {
  flex: 1 1 auto;
}
.newspack-settings__card .newspack-settings__min-max .newspack-text-control .components-text-control__input {
  text-align: right;
}
.newspack-settings__card .newspack-settings__min-max + .newspack-settings__min-max {
  margin-top: 16px !important;
}
.newspack-settings__no-border.newspack-card.newspack-action-card {
  border: 0;
}
.newspack-settings__no-border.newspack-card.newspack-action-card .newspack-action-card__region-top,
.newspack-settings__no-border.newspack-card.newspack-action-card .newspack-action-card__region-children {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.newspack-settings__no-border.newspack-card.newspack-action-card .newspack-action-card__region-children {
  padding-bottom: 0;
}
.newspack-settings__no-border.newspack-card.newspack-action-card .newspack-action-card__notification {
  padding-bottom: 16px;
}
.newspack-settings__no-border.newspack-card.newspack-action-card + .newspack-settings__no-border.newspack-card.newspack-action-card {
  margin-top: 64px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/steps-list/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.steps-list {
  margin-left: auto;
  margin-right: auto;
}
.steps-list__narrow-list {
  max-width: 416px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/steps-list-item/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Colors
 */
.steps-list-item {
  align-items: center;
  display: grid;
  grid-template-columns: 28px auto;
  gap: 24px;
  position: relative;
}
.steps-list-item::before {
  border: 1px solid #f0f0f0;
  bottom: -16px;
  content: "";
  display: block;
  left: 14px;
  position: absolute;
  top: -16px;
}
.steps-list-item:first-child::before {
  top: 50%;
}
.steps-list-item:last-child::before {
  bottom: 50%;
}
.steps-list-item + .steps-list-item {
  margin-top: 32px;
}
.steps-list-item__number {
  align-items: center;
  background: #fff;
  border: 1px solid currentcolor;
  border-radius: 100%;
  color: var(--wp-admin-theme-color);
  display: flex;
  height: 28px;
  justify-content: center;
  outline: 8px solid #fff;
  position: relative;
  width: 28px;
  z-index: 2;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/style-card/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
/**
 * Style Card
 */
/**
 * Colors
 */
.newspack-style-card {
  margin: 32px 0;
  width: 100%;
}
.newspack-style-card__title {
  margin: 1em 0 0;
  text-align: center;
}
.newspack-style-card__is-active .newspack-style-card__title {
  color: var(--wp-admin-theme-color);
}
.newspack-style-card__image {
  border: 1px solid #ddd;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
}
.newspack-style-card__image:hover .newspack-style-card__actions,
.newspack-style-card__image:hover .newspack-style-card__actions > *, .newspack-style-card__image:focus .newspack-style-card__actions,
.newspack-style-card__image:focus .newspack-style-card__actions > *, .newspack-style-card__image:focus-within .newspack-style-card__actions,
.newspack-style-card__image:focus-within .newspack-style-card__actions > * {
  opacity: 1;
}
.newspack-style-card__image img,
.newspack-style-card__image svg {
  display: block;
  height: auto;
  max-width: 100%;
}
.newspack-style-card__image svg {
  fill: #949494;
  margin: 8px;
}
.newspack-style-card__is-active .newspack-style-card__image {
  border-color: var(--wp-admin-theme-color);
  box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
}
.newspack-style-card__is-active .newspack-style-card__image img {
  position: relative;
  z-index: -1;
}
.newspack-style-card__actions {
  align-items: center;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  flex-direction: column;
  justify-content: center;
  inset: 0;
  opacity: 0;
  padding: 16px;
  position: absolute;
  transition: opacity 125ms ease-in-out;
}
.newspack-style-card__actions:empty {
  display: none;
}
.newspack-style-card__actions__badge,
.newspack-style-card__actions .components-button {
  margin: 4px;
  opacity: 0;
  transition: opacity 125ms ease-in-out;
}
.newspack-style-card__actions__badge {
  color: var(--wp-admin-theme-color);
  font-weight: bold;
}
.newspack-style-card__is-active .newspack-style-card__actions {
  box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/tabbed-navigation/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Tabbed Navigation
 */
/**
 * Colors
 */
.newspack-tabbed-navigation {
  background: white;
  width: 100%;
}
@media only screen and (min-width: 600px) {
  .newspack-tabbed-navigation {
    position: sticky;
    top: 46px;
    z-index: 3;
  }
}
@media only screen and (min-width: 783px) {
  .newspack-tabbed-navigation {
    top: 32px;
  }
}
.newspack-tabbed-navigation ul {
  box-shadow: 0 -1px 0 inset #ddd;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.newspack-tabbed-navigation li {
  margin-bottom: 0;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .newspack-tabbed-navigation li {
    width: auto;
  }
}
.newspack-tabbed-navigation li a {
  align-items: center;
  color: #1e1e1e;
  display: flex;
  font-weight: bold;
  height: 48px;
  outline: none;
  padding: 12px 15px;
  text-decoration: none;
}
@media screen and (min-width: 600px) {
  .newspack-tabbed-navigation li a {
    border-bottom: 4px solid transparent;
    padding-bottom: 8px;
  }
}
.newspack-tabbed-navigation li a:active, .newspack-tabbed-navigation li a:focus, .newspack-tabbed-navigation li a:hover {
  color: var(--wp-admin-theme-color);
}
.newspack-tabbed-navigation li a:focus-visible {
  outline: 2px solid var(--wp-admin-theme-color);
  outline-offset: -2px;
}
.newspack-tabbed-navigation li a.selected {
  box-shadow: inset 0 0 0 2px white, inset 0 0 0 4px var(--wp-admin-theme-color);
}
@media screen and (min-width: 600px) {
  .newspack-tabbed-navigation li a.selected {
    border-color: var(--wp-admin-theme-color);
    box-shadow: none;
  }
}
.newspack-tabbed-navigation li a.disabled {
  cursor: not-allowed;
  opacity: 0.3;
  pointer-events: none;
}
.newspack-tabbed-navigation li a.disabled:hover {
  color: inherit;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/text-control/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Text Control
 */
.newspack-text-control--with-margin {
  margin: 32px 0;
}
.newspack-text-control--wide {
  flex-wrap: wrap;
}
.newspack-text-control--wide .components-base-control__field {
  width: 100%;
}
.newspack-text-control--required {
  margin: 32px 0;
}
.newspack-text-control--required > * {
  margin: 0;
}
.newspack-text-control.code input {
  font-family: Consolas, monaco, monospace;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/waiting/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
/**
 * Waiting
 */
.newspack-waiting.components-spinner {
  flex: 0 0 auto;
  margin: 0;
}
.newspack-waiting.components-spinner.is-left {
  margin-right: 8px;
}
.newspack-waiting.components-spinner.is-right {
  margin-right: 8px;
  order: -1;
}
@media screen and (min-width: 744px) {
  .newspack-waiting.components-spinner.is-right {
    margin-left: 8px;
    margin-right: 0;
    order: 1;
  }
}
.newspack-waiting.components-spinner.is-center {
  margin: auto;
}
.newspack-waiting.components-spinner.no-margin {
  margin: 0;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/web-preview/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
/**
 * Web Preview
 */
/**
 * Colors
 */
/**
 * 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;
}
.newspack-web-preview {
  --wp-admin-theme-color: #003da5;
  --wp-admin-theme-color--rgb: 0, 61, 165;
  --wp-admin-theme-color-darker-10: #00296e;
  --wp-admin-theme-color-darker-10--rgb: 0, 41, 110;
  --wp-admin-theme-color-darker-20: #001f53;
  --wp-admin-theme-color-darker-20--rgb: 0, 31, 83;
  --wp-admin-theme-color-lighter-10: #dfe7f4;
  --wp-admin-theme-color-lighter-10--rgb: 223, 231, 244;
  background: color-mix(in srgb, #000, transparent 65%);
  box-sizing: border-box;
  height: 100%;
  left: 0;
  margin: 0;
  max-width: 100%;
  padding: 32px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999;
}
.newspack-web-preview.phone iframe {
  max-width: 360px;
}
.newspack-web-preview.tablet iframe {
  max-width: 780px;
}
.newspack-web-preview.is-loaded iframe {
  opacity: 1;
}
.newspack-web-preview--open {
  overflow: hidden;
}
.newspack-web-preview__interior {
  animation: appear-animation 125ms ease-in-out;
  animation-fill-mode: forwards;
  background: white;
  border-radius: 8px;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.newspack-web-preview__content {
  background: #f0f0f0;
  height: calc(100% - 72px);
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  width: 100%;
}
.newspack-web-preview__content iframe {
  background: white;
  display: block;
  height: 100%;
  margin: 0 auto;
  max-width: 100%;
  opacity: 0;
  padding: 0;
  pointer-events: all;
  transition: max-width 125ms ease-in-out, opacity 250ms ease-in-out;
  width: 100%;
}
.newspack-web-preview__is-waiting {
  align-items: center;
  display: flex;
  left: 50%;
  margin: -12px 0 0;
  position: absolute;
  top: 50%;
  transform: translateX(-50%);
}
.newspack-web-preview__toolbar {
  align-items: center;
  border-bottom: 1px solid #ddd;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  min-height: 71px;
  padding: 12px 24px;
}
.newspack-web-preview__toolbar-left {
  display: flex;
}
.newspack-web-preview__toolbar-left h3 {
  margin: 0;
}
.newspack-web-preview__toolbar-right {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, 1fr);
  justify-self: end;
  margin-left: auto;
}
@keyframes appear-animation {
  from {
    margin-top: 32px;
  }
  to {
    margin-top: 0;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/wizard/components/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.newspack-wizard__snackbar {
  border-bottom: 2px solid transparent;
  bottom: 16px;
  left: 16px;
  max-width: calc(100vw - 32px);
  position: fixed;
  z-index: 99999;
}
.newspack-wizard__snackbar--success {
  border-color: var(--newspack-ui-color-success-60);
}
.newspack-wizard__snackbar--error {
  border-color: var(--newspack-ui-color-error-60);
}
.newspack-wizard__snackbar--warning {
  border-color: var(--newspack-ui-color-warning-40);
}
@media screen and (min-width: 783px) {
  .newspack-wizard__snackbar {
    left: 52px; /* 36px for admin menu bar */
  }
}
@media screen and (min-width: 960px) {
  .newspack-wizard__snackbar {
    left: 176px; /* 160px for admin menu bar */
  }
}
.newspack-wizard__snackbar.newspack-wizard__snackbar--bottom-right, .newspack-wizard__snackbar.newspack-wizard__snackbar--top-right {
  left: auto;
  right: 16px;
}
.newspack-wizard__snackbar.newspack-wizard__snackbar--top-left, .newspack-wizard__snackbar.newspack-wizard__snackbar--top-right {
  bottom: auto;
  top: 62px; /* 46px for admin bar */
}
@media screen and (min-width: 783px) {
  .newspack-wizard__snackbar.newspack-wizard__snackbar--top-left, .newspack-wizard__snackbar.newspack-wizard__snackbar--top-right {
    top: 48px; /* 32px for admin bar */
  }
}
.newspack-wizard__snackbar a,
.newspack-wizard__snackbar .components-button.is-link {
  color: var(--newspack-ui-color-neutral-0);
  cursor: pointer;
  margin-left: 16px;
}
.newspack-wizard__snackbar a:hover, .newspack-wizard__snackbar a:focus,
.newspack-wizard__snackbar .components-button.is-link:hover,
.newspack-wizard__snackbar .components-button.is-link:focus {
  color: var(--newspack-ui-color-neutral-10);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/with-wizard/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
/**
 * With Wizard
 */
/**
 * Colors
 */
/**
 * 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;
}
body.newspack-wizard-page:not(.newspack-admin-header) {
  --wp-admin-theme-color: #003da5;
  --wp-admin-theme-color--rgb: 0, 61, 165;
  --wp-admin-theme-color-darker-10: #00296e;
  --wp-admin-theme-color-darker-10--rgb: 0, 41, 110;
  --wp-admin-theme-color-darker-20: #001f53;
  --wp-admin-theme-color-darker-20--rgb: 0, 31, 83;
  --wp-admin-theme-color-lighter-10: #dfe7f4;
  --wp-admin-theme-color-lighter-10--rgb: 223, 231, 244;
  --wp-components-color-accent: #003da5;
  background: #fff;
}
body.newspack-wizard-page:not(.newspack-admin-header) #wpcontent {
  padding-left: 0;
}
body.newspack-wizard-page:not(.newspack-admin-header) #wpbody-content {
  padding-bottom: 220px;
  min-height: 100vh;
}
@media screen and (min-width: 600px) {
  body.newspack-wizard-page:not(.newspack-admin-header) #wpbody-content {
    min-height: calc(100vh - 46px);
  }
}
@media screen and (min-width: 783px) {
  body.newspack-wizard-page:not(.newspack-admin-header) #wpbody-content {
    min-height: calc(100vh - 32px);
  }
}
body.newspack-wizard-page:not(.newspack-admin-header) #wpbody-content > .notice {
  margin-bottom: 20px;
  margin-left: 22px;
}
@media screen and (min-width: 783px) {
  body.newspack-wizard-page:not(.newspack-admin-header) #wpbody-content {
    padding-bottom: 202px;
  }
}
@media screen and (min-width: 1054px) {
  body.newspack-wizard-page:not(.newspack-admin-header) #wpbody-content {
    padding-bottom: 136px;
  }
}
body.newspack-wizard-page:not(.newspack-admin-header) .components-popover__content {
  min-width: 192px;
}
@media screen and (max-width: 600px) {
  body.newspack-wizard-page.newspack-admin-header #newspack-wizards-admin-header {
    padding-top: 46px;
  }
  body.newspack-wizard-page.newspack-admin-header #wpbody {
    padding-top: 0;
  }
}
svg.newspack--error {
  fill: #cc1818;
  transform: rotate(180deg);
}
svg.newspack--success {
  fill: #4ab866;
}
.newspack-wizard__blue #wpwrap {
  background: var(--wp-admin-theme-color);
}
.newspack-wizard__blue .newspack-footer {
  background: var(--wp-admin-theme-color);
  border-color: var(--wp-admin-theme-color);
  justify-content: center;
}
.newspack-wizard__blue .newspack-footer__logo {
  background: inherit;
}
.newspack-wizard__blue #wpfooter {
  color: white;
}
.newspack-wizard__blue #wpfooter a {
  color: inherit;
}
.newspack-wizard__blue #wpfooter a:active, .newspack-wizard__blue #wpfooter a:focus, .newspack-wizard__blue #wpfooter a:hover {
  opacity: 0.75;
}
.newspack-wizard__is-loading {
  background: white;
  cursor: wait;
  inset: 0;
  position: absolute;
}
.newspack-wizard__is-loading > * {
  display: none !important;
}
.newspack-wizard__is-loading::before, .newspack-wizard__is-loading::after {
  animation: loading 2s ease-in-out infinite;
  content: "";
  display: block;
}
.newspack-wizard__is-loading::before {
  background: var(--wp-admin-theme-color);
  box-shadow: 24px 0 0 white, 69px 0 0 -15px #1e1e1e, 99px 0 0 -15px #1e1e1e, 129px 0 0 -15px #1e1e1e, 159px 0 0 -15px #1e1e1e, 189px 0 0 -15px #1e1e1e;
  height: 60px;
  width: 60px;
}
.newspack-wizard__is-loading::after {
  background: #1e1e1e;
  box-shadow: inset -40vw 0 0 0 white, 0 64px 0 0 #757575, 40vw 96px 0 0 white, 0 96px 0 0 #757575;
  height: 24px;
  margin: 68px auto 0;
  max-width: 1006px;
  width: calc(100% - 64px);
}
@media screen and (min-width: 744px) {
  .newspack-wizard__is-loading::after {
    box-shadow: inset -400px 0 0 0 white, 0 64px 0 0 #757575, 200px 96px 0 0 white, 0 96px 0 0 #757575;
    width: calc(100% - 128px);
  }
}
@media screen and (min-width: 1224px) {
  .newspack-wizard__is-loading::after {
    box-shadow: inset -600px 0 0 0 white, 0 64px 0 0 #757575, 512px 96px 0 0 white, 0 96px 0 0 #757575;
    width: calc(100% - 128px);
  }
}
.newspack-wizard__blue .newspack-wizard__is-loading {
  background: var(--wp-admin-theme-color);
}
.newspack-wizard__blue .newspack-wizard__is-loading::before {
  animation: loading-quiet 1.25s ease-in-out infinite;
  background: white;
  border-radius: 0;
  box-shadow: 0;
  height: 8px;
  left: 0;
  margin: 0;
  position: absolute;
  right: 100%;
  top: 0;
  width: auto;
}
.newspack-wizard__blue .newspack-wizard__is-loading::after {
  display: none;
}
.newspack-wizard__is-loading-quiet {
  position: relative;
}
.newspack-wizard__is-loading-quiet::before, .newspack-wizard__is-loading-quiet::after {
  content: "";
  cursor: wait;
  display: block;
  left: 0;
  position: fixed;
  top: 46px;
}
@media screen and (min-width: 783px) {
  .newspack-wizard__is-loading-quiet::before, .newspack-wizard__is-loading-quiet::after {
    top: 32px;
    margin-left: 160px;
  }
  body.auto-fold .newspack-wizard__is-loading-quiet::before, body.auto-fold .newspack-wizard__is-loading-quiet::after {
    margin-left: 36px;
  }
}
@media screen and (min-width: 961px) {
  body.auto-fold .newspack-wizard__is-loading-quiet::before, body.auto-fold .newspack-wizard__is-loading-quiet::after {
    margin-left: 160px;
  }
  body.folded .newspack-wizard__is-loading-quiet::before, body.folded .newspack-wizard__is-loading-quiet::after {
    margin-left: 36px;
  }
}
.newspack-wizard__is-loading-quiet::before {
  animation: loading-quiet 1.25s ease-in-out infinite;
  background: var(--wp-admin-theme-color);
  height: 8px;
  right: 100%;
  z-index: 9999;
}
.newspack-wizard__is-loading-quiet::after {
  background: rgba(255, 255, 255, 0.7);
  bottom: 0;
  right: 0;
  z-index: 9998;
}
.newspack-wizard-section__is-loading {
  background: white;
  cursor: wait;
  min-height: 150px;
}
.newspack-wizard-section__is-loading > * {
  display: none !important;
}
.newspack-wizard-section__is-loading::after {
  animation: loading 2s ease-in-out infinite;
  content: "";
  display: block;
  background: #1e1e1e;
  box-shadow: inset -40vw 0 0 0 white, 0 64px 0 0 #757575, 40vw 96px 0 0 white, 0 96px 0 0 #757575;
  height: 24px;
  margin: 0 auto;
  max-width: 1006px;
  width: 100%;
}
@media screen and (min-width: 744px) {
  .newspack-wizard-section__is-loading::after {
    box-shadow: inset -400px 0 0 0 white, 0 64px 0 0 #757575, 200px 96px 0 0 white, 0 96px 0 0 #757575;
  }
}
@media screen and (min-width: 1224px) {
  .newspack-wizard-section__is-loading::after {
    box-shadow: inset -600px 0 0 0 white, 0 64px 0 0 #757575, 520px 96px 0 0 white, 0 96px 0 0 #757575;
  }
}
@keyframes loading {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes loading-quiet {
  0% {
    left: 0;
    right: 100%;
  }
  50% {
    left: 0;
    right: 0;
  }
  100% {
    left: 100%;
    right: 0;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/with-wizard-screen/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
/**
 * With Wizard Screen
 */
/**
 * Colors
 */
/**
 * 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;
}
.newspack-wizard {
  --wp-admin-theme-color: #003da5;
  --wp-admin-theme-color--rgb: 0, 61, 165;
  --wp-admin-theme-color-darker-10: #00296e;
  --wp-admin-theme-color-darker-10--rgb: 0, 41, 110;
  --wp-admin-theme-color-darker-20: #001f53;
  --wp-admin-theme-color-darker-20--rgb: 0, 31, 83;
  --wp-admin-theme-color-lighter-10: #dfe7f4;
  --wp-admin-theme-color-lighter-10--rgb: 223, 231, 244;
  color: #1e1e1e;
}
.newspack-wizard h1,
.newspack-wizard h2,
.newspack-wizard h3 {
  color: inherit;
}
.newspack-wizard h1 {
  line-height: 1.4;
}
.newspack-wizard a {
  color: var(--wp-admin-theme-color);
}
.newspack-wizard a:active, .newspack-wizard a:focus, .newspack-wizard a:hover {
  color: var(--wp-admin-theme-color-darker-10);
}
.newspack-wizard a:focus {
  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
  outline: 3px solid transparent;
}
.newspack-wizard__header {
  align-items: center;
  background: white;
  border-bottom: 1px solid #ddd;
  display: flex;
}
.newspack-wizard__fixed-header .newspack-wizard__header {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 1000;
}
@media only screen and (min-width: 601px) {
  .admin-bar .newspack-wizard__fixed-header .newspack-wizard__header {
    top: 46px;
  }
}
@media only screen and (min-width: 782px) {
  .admin-bar .newspack-wizard__fixed-header .newspack-wizard__header {
    top: 32px;
  }
}
.newspack-wizard__header__inner {
  flex: 1;
}
.newspack-wizard__header__actions {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  padding: 0 24px 0 0;
}
.newspack-wizard__header__actions > .newspack-wizard__header__actions__main {
  display: none;
}
@media only screen and (min-width: 782px) {
  .newspack-wizard__header__actions {
    flex: 1 1 auto;
  }
  .newspack-wizard__header__actions > .newspack-wizard__header__actions__main {
    display: flex;
  }
  .newspack-wizard__header__actions__more--primary-only,
  .newspack-wizard__header__actions__more .newspack-wizard__header__actions__more__main {
    display: none;
  }
}
.newspack-wizard__main {
  overflow-x: hidden;
  padding-bottom: 1px; /* Prevents borders from being cut off */
}
.newspack-wizard__title {
  align-items: center;
  display: flex;
}
.newspack-wizard__title h2 {
  margin: 0;
  padding: 0;
}
.newspack-wizard__title > div {
  align-items: baseline;
  display: flex;
  padding: 0 24px;
}
.newspack-wizard__title > div > span {
  color: #757575;
  display: none;
  margin-left: 8px;
}
@media screen and (min-width: 744px) {
  .newspack-wizard__title > div > span {
    display: block;
  }
}
.newspack-wizard__title svg {
  fill: white;
  margin: 0 !important;
}
.newspack-wizard__title svg.newspack-icon {
  flex: 0 0 36px;
  margin-bottom: -1px !important;
}
.newspack-wizard__title svg:not(.newspack-icon) {
  background: var(--wp-admin-theme-color);
  left: 50%;
  margin: -28px 0 0 -28px !important;
  opacity: 0;
  padding: 10px;
  position: absolute;
  top: 50%;
  transition: opacity 125ms ease-in-out;
}
.newspack-wizard__title .components-button.has-icon {
  padding: 0;
  position: relative;
}
.newspack-wizard__title .components-button.has-icon:hover svg {
  opacity: 1;
}
.newspack-wizard__title .components-button.has-icon:focus-visible {
  outline: none !important;
}
.newspack-wizard__title .components-button.has-icon:focus-visible::before {
  border: 2px solid white;
  border-radius: 2px;
  content: "";
  display: block;
  inset: 6px 6px 5px;
  position: absolute;
}
.newspack-wizard__section-header {
  margin-bottom: 32px;
}
.newspack-wizard__content {
  margin: 0 auto;
  max-width: calc(var(--newspack-wizard-section-space) * 2 + var(--newspack-wizard-section-width));
  padding: calc(var(--newspack-wizard-section-space) * 2) var(--newspack-wizard-section-space) 0;
}
.newspack-wizard__content strong {
  font-weight: bold;
}
.newspack-wizard__content small {
  font-size: 12px;
  line-height: 1.4;
}
.newspack-wizard__content hr:not(.newspack-divider) {
  background: #ddd;
  border: 0;
  height: 1px;
  margin: 32px 0;
}
@media screen and (min-width: 744px) {
  .newspack-wizard__content hr:not(.newspack-divider) {
    margin: 64px 0;
  }
}
.newspack-wizard__above-header {
  border-radius: 0;
  margin: 0;
}
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/components/src/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
/**
 * Colors
 */
/**
 * 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 {
  --wp-admin-theme-color: #003da5;
  --wp-admin-theme-color--rgb: 0, 61, 165;
  --wp-admin-theme-color-darker-10: #00296e;
  --wp-admin-theme-color-darker-10--rgb: 0, 41, 110;
  --wp-admin-theme-color-darker-20: #001f53;
  --wp-admin-theme-color-darker-20--rgb: 0, 31, 83;
  --wp-admin-theme-color-lighter-10: #dfe7f4;
  --wp-admin-theme-color-lighter-10--rgb: 223, 231, 244;
}
.newspack-buttons-card {
  display: flex;
  flex-direction: row-reverse;
  gap: 16px;
  justify-content: flex-start;
  align-items: center;
  margin: 64px 0 32px;
}
.newspack-buttons-card:empty {
  display: none;
}
.newspack-buttons-card + .newspack-card {
  margin-top: 64px;
}
.newspack-checkbox-control {
  margin-top: 0 !important;
}
.newspack-checkbox-control .components-checkbox-control__label {
  font-weight: 600;
}
.newspack-checkbox-control .components-base-control__help {
  margin-left: 32px;
  margin-top: 0;
}
.newspack-checkbox-icon {
  background: white;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px #ddd;
  display: block;
  height: 24px;
  width: 24px;
}
.newspack-checkbox-icon svg {
  fill: #757575;
}
.newspack-checkbox-icon--checked {
  background: #4ab866;
  box-shadow: none;
}
.newspack-checkbox-icon--checked svg {
  fill: white;
}
.newspack-checkbox-icon--pending {
  background: #f0b849;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/wizards/newsletters/views/settings/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.newspack-newsletters-sub-list-item {
  margin-left: 40px !important;
}

/*# sourceMappingURL=commons.css.map*/