/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/newsletter/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-valve-newsletter {
  max-width: 100%;
  accent-color: var(--gf--body--field--bg-color);
}
.wp-block-valve-newsletter .mfn-info-options {
  font-weight: 700;
}
.wp-block-valve-newsletter .mfn-list {
  list-style: none;
  padding: 0;
}
.wp-block-valve-newsletter .mfn-sub-option,
.wp-block-valve-newsletter .mfn-sub-approve {
  outline: none;
  border: var(--gf--body--field--border);
  border-radius: var(--gf--body--field--border-radius);
  font-size: var(--gf--body--field--size);
  line-height: var(--gf--body--field--line-height);
  display: inline-flex;
  height: var(--gf--body--checkbox-field--height);
  width: var(--gf--body--checkbox-field--width);
  position: relative;
  transform: var(--gf--body--checkbox-field--transform);
  left: var(--gf--body--checkbox-field--left);
  box-shadow: none;
  margin-top: var(--gf--body--checkbox-field--margin--top);
  flex-direction: column;
  gap: var(--gf--body--checkbox-field--gap);
}
.wp-block-valve-newsletter .mfn-sub-option::before,
.wp-block-valve-newsletter .mfn-sub-approve::before {
  position: relative;
  height: var(--gf--body--checkbox-field-checked--height);
  top: var(--gf--body--checkbox-field-checked--top);
  background-color: var(--gf--body--checkbox-field-checked--bg-color);
  border-color: var(--gf--body--checkbox-field-checked--border-color);
  color: var(--gf--body--checkbox-field-checked--color);
}
.wp-block-valve-newsletter .mfn-sub-option:hover,
.wp-block-valve-newsletter .mfn-sub-approve:hover {
  cursor: pointer;
}
.wp-block-valve-newsletter .mfn-sub-option:has(:checked),
.wp-block-valve-newsletter .mfn-sub-approve:has(:checked) {
  border: none;
}
.wp-block-valve-newsletter .mfn-list-item,
.wp-block-valve-newsletter .mfn-policy-approve {
  padding: var(--wp--preset--spacing--10) 0;
}
.wp-block-valve-newsletter .mfn-list-item label,
.wp-block-valve-newsletter .mfn-policy-approve label {
  font-size: var(--gf--body--label--size);
  cursor: pointer;
  font-weight: 400;
  margin-left: var(--gf--body--checkbox-field-label--margin--left);
}
.wp-block-valve-newsletter .mfn-fields {
  margin-bottom: var(--wp--preset--spacing--20);
}
.wp-block-valve-newsletter .mfn-field-input {
  background-color: var(--gf--body--field--bg-color);
  border: var(--gf--body--field--border);
  font-size: var(--gf--body--field--size);
  font-weight: var(--gf--body--field--weight);
  line-height: var(--gf--body--field--line-height);
  letter-spacing: var(--gf--body--field--letter-spacing);
  color: var(--gf--body--field--color);
  display: block;
  max-width: 100%;
  width: 100%;
  position: relative;
  padding: var(--gf--body--field--padding);
  height: 100%;
  border-radius: var(--gf--body--field--border-radius);
  box-shadow: none;
}
.wp-block-valve-newsletter .mfn-field-input::-moz-placeholder {
  color: var(--gf--body--field--placeholder--color);
}
.wp-block-valve-newsletter .mfn-field-input::placeholder {
  color: var(--gf--body--field--placeholder--color);
}
.wp-block-valve-newsletter .mfn-policy-text,
.wp-block-valve-newsletter .mfn-policy-approve {
  display: block;
}
.wp-block-valve-newsletter .mfn-sub-submit {
  color: var(--gf--body--submit--color) !important;
  background-color: var(--gf--body--submit--bg-color) !important;
  border: var(--gf--body--submit--border) !important;
  border-radius: var(--gf--body--submit--border-radius) !important;
  display: inline-block !important;
  text-align: center !important;
  cursor: pointer !important;
  font-weight: 700;
  font-size: var(--gf--body--submit--font-size) !important;
  padding: var(--gf--body--submit--padding) !important;
  margin-top: var(--gf--body--submit--margin-top) !important;
  transition: var(--transition);
}
.wp-block-valve-newsletter .mfn-sub-submit:hover {
  background-color: var(--gf--body--submit-hover--bg-color) !important;
  border-color: var(--gf--body--submit-hover--border-color) !important;
}
.wp-block-valve-newsletter .mfn-sub-submit:focus {
  background-color: var(--gf--body--submit-focus--bg-color) !important;
  border-color: var(--gf--body--submit-focus--border-color) !important;
}
.wp-block-valve-newsletter .mfn-sub-submit:active {
  background-color: var(--gf--body--submit-active--bg-color) !important;
  border-color: var(--gf--body--submit-active--border-color) !important;
}
.wp-block-valve-newsletter .mfn-sub-submit:disabled {
  background-color: var(--wp--preset--color--white) !important;
  border-color: var(--wp--preset--color--gray--40) !important;
  color: var(--wp--preset--color--gray--40) !important;
}
.wp-block-valve-newsletter .mfn-sub-submit:disabled:hover, .wp-block-valve-newsletter .mfn-sub-submit:disabled:focus, .wp-block-valve-newsletter .mfn-sub-submit:disabled:active {
  background-color: var(--wp--preset--color--white) !important;
  border-color: var(--wp--preset--color--gray--40) !important;
  color: var(--wp--preset--color--gray--40) !important;
}
.wp-block-valve-newsletter .mfn-success {
  padding: var(--wp--preset--spacing--20) 0;
  font-weight: 700;
}
.wp-block-valve-newsletter .mfn-policy-text a {
  text-decoration: underline;
}
.wp-block-valve-newsletter .mfn-policy-text a:hover, .wp-block-valve-newsletter .mfn-policy-text a:focus {
  text-decoration: none;
}

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