/* #region "../src/elements/dodeley-signup-form/dodeley-signup-form.scss" */
/*
- type: css
*/
.dodeley-signup-form {
  margin: var(--element-spacing) 0;
  --form-color: var(--primary);
  --form-text: var(--text-color);
  --form-hover: var(--primary-lighter-1);
  --form-active: var(--primary-darker-1);
  --form-focus: var(--primary);
  --form-disabled: #e7e7e7;
  --form-disabled-text: #d1d1d1;
  --form-checkbox-hover: rgb(var(--primary-rgb) / 10%);
  --form-checkbox-active: rgb(var(--primary-rgb) / 20%);
  --form-checkbox-size: 1.125rem;
  --form-radio-hover: rgb(var(--primary-rgb) / 10%);
  --form-radio-active: rgb(var(--primary-rgb) / 20%);
  --form-radio-size: 1.125rem;
  --form-input-background: #fff;
  --form-input-border: 1px solid var(--shade-color-dark);
  --form-input-height: 56px;
  --form-input-padding-y: .75rem;
  --form-input-padding-x: 1rem;
  container-type: inline-size;
}

.dodeley-signup-form input, .dodeley-signup-form select, .dodeley-signup-form textarea {
  accent-color: var(--form-color);
}

.dodeley-signup-form input[type="date"], .dodeley-signup-form input[type="email"], .dodeley-signup-form input[type="number"], .dodeley-signup-form input[type="password"], .dodeley-signup-form input[type="search"], .dodeley-signup-form input[type="tel"], .dodeley-signup-form input[type="text"], .dodeley-signup-form input[type="url"] {
  height: var(--form-input-height);
  padding: var(--form-input-padding-y) var(--form-input-padding-x);
  background-color: var(--form-input-background, #fff);
  border-radius: var(--base-radius);
  border: var(--form-input-border, 1px solid var(--shade-color-dark));
  color: var(--form-text, 1px solid var(--text-color));
  outline: none;
  width: 100%;
  max-width: 100%;
  font-size: .875rem;
  font-weight: 600;
}

.dodeley-signup-form input[type="date"]:disabled, .dodeley-signup-form input[type="date"].disabled, .dodeley-signup-form input[type="email"]:disabled, .dodeley-signup-form input[type="email"].disabled, .dodeley-signup-form input[type="number"]:disabled, .dodeley-signup-form input[type="number"].disabled, .dodeley-signup-form input[type="password"]:disabled, .dodeley-signup-form input[type="password"].disabled, .dodeley-signup-form input[type="search"]:disabled, .dodeley-signup-form input[type="search"].disabled, .dodeley-signup-form input[type="tel"]:disabled, .dodeley-signup-form input[type="tel"].disabled, .dodeley-signup-form input[type="text"]:disabled, .dodeley-signup-form input[type="text"].disabled, .dodeley-signup-form input[type="url"]:disabled, .dodeley-signup-form input[type="url"].disabled {
  pointer-events: none;
  background-color: var(--form-disabled, #e7e7e7);
  color: var(--form-disabled-text, #d1d1d1);
  border-color: var(--form-disabled-text, #d1d1d1);
  cursor: no-drop;
}

.dodeley-signup-form input[type="date"]:focus, .dodeley-signup-form input[type="email"]:focus, .dodeley-signup-form input[type="number"]:focus, .dodeley-signup-form input[type="password"]:focus, .dodeley-signup-form input[type="search"]:focus, .dodeley-signup-form input[type="tel"]:focus, .dodeley-signup-form input[type="text"]:focus, .dodeley-signup-form input[type="url"]:focus {
  outline: none;
}

.dodeley-signup-form input[type="date"]:focus-visible, .dodeley-signup-form input[type="email"]:focus-visible, .dodeley-signup-form input[type="number"]:focus-visible, .dodeley-signup-form input[type="password"]:focus-visible, .dodeley-signup-form input[type="search"]:focus-visible, .dodeley-signup-form input[type="tel"]:focus-visible, .dodeley-signup-form input[type="text"]:focus-visible, .dodeley-signup-form input[type="url"]:focus-visible {
  border-color: var(--primary);
  box-shadow: 0 0 0 1px var(--primary);
}

.dodeley-signup-form textarea {
  padding: var(--form-input-padding-y) var(--form-input-padding-x);
  background-color: var(--form-input-background, #fff);
  border-radius: var(--base-radius);
  border: var(--form-input-border, 1px solid var(--shade-color-dark));
  color: var(--form-text, 1px solid var(--text-color));
  resize: vertical;
  outline: none;
  width: 100%;
  max-width: 100%;
  font-size: .875rem;
  font-weight: 600;
}

.dodeley-signup-form textarea:disabled, .dodeley-signup-form textarea.disabled {
  pointer-events: none;
  background-color: var(--form-disabled, #e7e7e7);
  color: var(--form-disabled-text, #d1d1d1);
  border-color: var(--form-disabled-text, #d1d1d1);
  cursor: no-drop;
}

.dodeley-signup-form textarea:focus {
  outline: none;
}

.dodeley-signup-form textarea:focus-visible {
  border-color: var(--primary);
  box-shadow: 0 0 0 1px var(--primary);
}

.dodeley-signup-form select {
  height: var(--form-input-height);
  padding: var(--form-input-padding-y) var(--form-input-padding-x);
  background-color: var(--form-input-background, #fff);
  border-radius: var(--base-radius);
  border: var(--form-input-border, 1px solid var(--shade-color-dark));
  color: var(--form-text, 1px solid var(--text-color));
  appearance: none;
  border-radius: var(--base-radius);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUuMDIgNmEuNjkuNjkgMCAwIDEtLjUtLjIybC00LjMtNC41YS43Ny43NyAwIDAgMSAwLTEuMDYuNy43IDAgMCAxIC41LS4yMmMuMiAwIC4zNy4wOC41LjIybDMuOCAzLjk3TDguODIuMjNhLjcuNyAwIDAgMSAuOTcuMDRjLjEzLjEzLjIuMzEuMi41YS42Ny42NyAwIDAgMS0uMTYuNTFsLTQuMyA0LjVhLjcuNyAwIDAgMS0uNS4yMloiIGZpbGw9IiMwMDAiLz48L3N2Zz4=);
  background-position: calc(100% + -1 * clamp(.75rem, .496479rem + 1.12676vw, 1.5rem)) calc(50% + .025rem);
  background-repeat: no-repeat;
  outline: none;
  width: 100%;
  max-width: 100%;
  padding-right: 3rem;
  font-size: .875rem;
  font-weight: 600;
}

.dodeley-signup-form select:disabled, .dodeley-signup-form select.disabled {
  pointer-events: none;
  background-color: var(--form-disabled, #e7e7e7);
  color: var(--form-disabled-text, #d1d1d1);
  border-color: var(--form-disabled-text, #d1d1d1);
  cursor: no-drop;
}

.dodeley-signup-form select:focus {
  outline: none;
}

.dodeley-signup-form select:focus-visible {
  border-color: var(--primary);
  box-shadow: 0 0 0 1px var(--primary);
}

.dodeley-signup-form input[type="checkbox"] {
  appearance: none;
  border: 1px solid var(--form-color, var(--primary));
  width: var(--form-checkbox-size, 18px);
  height: var(--form-checkbox-size, 18px);
  border-radius: .25rem;
  flex-shrink: 0;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  display: inline-flex;
}

.dodeley-signup-form input[type="checkbox"]:disabled, .dodeley-signup-form input[type="checkbox"].disabled {
  border-color: var(--form-disabled-text, #e7e7e7);
}

.dodeley-signup-form input[type="checkbox"]:not(:disabled):not(.disabled):not(:checked):hover {
  background-color: var(--form-checkbox-hover, rgb(var(--primary-rgb) / 10%));
}

.dodeley-signup-form input[type="checkbox"]:not(:disabled):not(.disabled):not(:checked):active {
  background-color: var(--form-checkbox-active, rgb(var(--primary-rgb) / 20%));
}

.dodeley-signup-form input[type="checkbox"]:checked {
  background-color: var(--form-color, var(--primary));
  border-color: var(--form-color, var(--primary));
}

.dodeley-signup-form input[type="checkbox"]:checked:after {
  background-color: #fff;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC40NiAwIDEwIC43MSA0LjU0IDEwIDAgNi41NiAxLjEzIDUuNGwyLjg4IDIuMTh6IiBmaWxsPSIjMDAwIi8+PC9zdmc+);
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC40NiAwIDEwIC43MSA0LjU0IDEwIDAgNi41NiAxLjEzIDUuNGwyLjg4IDIuMTh6IiBmaWxsPSIjMDAwIi8+PC9zdmc+);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.dodeley-signup-form input[type="checkbox"]:disabled:checked, .dodeley-signup-form input[type="checkbox"].disabled:checked {
  border-color: var(--form-disabled, #e7e7e7);
}

.dodeley-signup-form input[type="checkbox"]:after {
  content: "";
  width: 8px;
  height: 8px;
  display: block;
}

:root.no-focus-visible .dodeley-signup-form input[type="checkbox"]:focus {
  outline: var(--focus-width, 2px) var(--focus-style, solid) var(--focus-color, #2fa5ab);
  outline-offset: var(--focus-offset, 3px);
}

.dodeley-signup-form input[type="checkbox"]:focus:not(:focus-visible) {
  outline: none;
}

.dodeley-signup-form input[type="checkbox"]:focus-visible {
  outline: var(--focus-width, 2px) var(--focus-style, solid) var(--focus-color, #2fa5ab);
  outline-offset: var(--focus-offset, 3px);
}

.dodeley-signup-form input[type="radio"] {
  appearance: none;
  border: 1px solid var(--form-color, var(--primary));
  width: var(--form-radio-size, 16px);
  height: var(--form-radio-size, 16px);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  display: inline-flex;
}

.dodeley-signup-form input[type="radio"]:not(:disabled):not(.disabled):hover {
  background-color: var(--form-radio-hover, rgb(var(--primary-rgb) / 10%));
}

.dodeley-signup-form input[type="radio"]:not(:disabled):not(.disabled):active {
  background-color: var(--form-radio-active, rgb(var(--primary-rgb) / 20%));
}

.dodeley-signup-form input[type="radio"]:checked:after {
  background-color: var(--form-color, var(--primary));
  border-radius: 50%;
}

.dodeley-signup-form input[type="radio"]:after {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
}

.dodeley-signup-form input[type="radio"]:disabled, .dodeley-signup-form input[type="radio"].disabled {
  border-color: var(--form-disabled, #e7e7e7);
}

.dodeley-signup-form input[type="radio"]:disabled:checked:after, .dodeley-signup-form input[type="radio"].disabled:checked:after {
  background-color: var(--form-disabled, #e7e7e7);
}

:root.no-focus-visible .dodeley-signup-form input[type="radio"]:focus {
  outline: var(--focus-width, 2px) var(--focus-style, solid) var(--focus-color, #2fa5ab);
  outline-offset: var(--focus-offset, 3px);
}

.dodeley-signup-form input[type="radio"]:focus:not(:focus-visible) {
  outline: none;
}

.dodeley-signup-form input[type="radio"]:focus-visible {
  outline: var(--focus-width, 2px) var(--focus-style, solid) var(--focus-color, #2fa5ab);
  outline-offset: var(--focus-offset, 3px);
}

.dodeley-signup-form input[type="submit"], .dodeley-signup-form input[type="button"], .dodeley-signup-form input[type="reset"], .dodeley-signup-form button {
  font: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  white-space: nowrap;
  color: var(--color);
  text-align: left;
  --button-background: var(--form-color, var(--primary));
  --button-color: var(--white);
  --button-color-rgb: var(--white-rgb);
  --button-border-color: var(--button-background);
  --button-hover-background: var(--form-hover, var(--primary-lighter-1));
  --button-hover-color: var(--button-color);
  --button-hover-border-color: var(--button-hover-background);
  --button-active-background: var(--form-active, var(--primary-darker-1));
  --button-active-color: var(--primary-100);
  --button-active-border-color: var(--button-active-background);
  --background: var(--button-background);
  --color: var(--button-color);
  --border-color: var(--button-border-color);
  border: none;
  border: 1px solid var(--border-color);
  background: none;
  background-color: var(--background);
  cursor: pointer;
  border-radius: 0;
  border-radius: var(--base-radius);
  white-space: normal;
  align-items: center;
  margin: 0;
  padding: 0;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1;
  transition: background-color .15s, border-color .15s, color .15s;
  display: inline-flex;
}

.dodeley-signup-form input[type="submit"]:where(:not(:disabled):not(.disabled):not(.inert)):hover, .dodeley-signup-form input[type="button"]:where(:not(:disabled):not(.disabled):not(.inert)):hover, .dodeley-signup-form input[type="reset"]:where(:not(:disabled):not(.disabled):not(.inert)):hover, .dodeley-signup-form button:where(:not(:disabled):not(.disabled):not(.inert)):hover {
  --background: var(--button-hover-background);
  --color: var(--button-hover-color);
  --border-color: var(--button-hover-border-color);
}

.dodeley-signup-form input[type="submit"]:where(:not(:disabled):not(.disabled):not(.inert)):active, .dodeley-signup-form input[type="button"]:where(:not(:disabled):not(.disabled):not(.inert)):active, .dodeley-signup-form input[type="reset"]:where(:not(:disabled):not(.disabled):not(.inert)):active, .dodeley-signup-form button:where(:not(:disabled):not(.disabled):not(.inert)):active {
  --background: var(--button-active-background);
  --color: var(--button-active-color);
  --border-color: var(--button-active-border-color);
}

.dodeley-signup-form input[type="submit"]:disabled, .dodeley-signup-form input[type="submit"].disabled, .dodeley-signup-form input[type="button"]:disabled, .dodeley-signup-form input[type="button"].disabled, .dodeley-signup-form input[type="reset"]:disabled, .dodeley-signup-form input[type="reset"].disabled, .dodeley-signup-form button:disabled, .dodeley-signup-form button.disabled {
  --background: var(--form-disabled, #e7e7e7);
  --color: var(--form-disabled-text, #d1d1d1);
  --border-color: var(--form-disabled-text, #d1d1d1);
}

:root.no-focus-visible .dodeley-signup-form input[type="submit"]:focus, :root.no-focus-visible .dodeley-signup-form input[type="button"]:focus, :root.no-focus-visible .dodeley-signup-form input[type="reset"]:focus, :root.no-focus-visible .dodeley-signup-form button:focus {
  outline: var(--focus-width, 2px) var(--focus-style, solid) var(--focus-color, #2fa5ab);
  outline-offset: var(--focus-offset, 3px);
}

.dodeley-signup-form input[type="submit"]:focus:not(:focus-visible), .dodeley-signup-form input[type="button"]:focus:not(:focus-visible), .dodeley-signup-form input[type="reset"]:focus:not(:focus-visible), .dodeley-signup-form button:focus:not(:focus-visible) {
  outline: none;
}

.dodeley-signup-form input[type="submit"]:focus-visible, .dodeley-signup-form input[type="button"]:focus-visible, .dodeley-signup-form input[type="reset"]:focus-visible, .dodeley-signup-form button:focus-visible {
  outline: var(--focus-width, 2px) var(--focus-style, solid) var(--focus-color, #2fa5ab);
  outline-offset: var(--focus-offset, 3px);
}

.dodeley-signup-form input[type="submit"].style-default, .dodeley-signup-form input[type="submit"]:not([class^="style-"]):not([class*=" style-"]), .dodeley-signup-form input[type="button"].style-default, .dodeley-signup-form input[type="button"]:not([class^="style-"]):not([class*=" style-"]), .dodeley-signup-form input[type="reset"].style-default, .dodeley-signup-form input[type="reset"]:not([class^="style-"]):not([class*=" style-"]), .dodeley-signup-form button.style-default, .dodeley-signup-form button:not([class^="style-"]):not([class*=" style-"]) {
  padding: 1.0625rem 1.3125rem;
  line-height: 1.2;
}

:is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="submit"].style-default, .dodeley-signup-form input[type="submit"].style-default.invert, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="submit"]:not([class^="style-"]):not([class*=" style-"]), .dodeley-signup-form input[type="submit"]:not([class^="style-"]):not([class*=" style-"]).invert, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="button"].style-default, .dodeley-signup-form input[type="button"].style-default.invert, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="button"]:not([class^="style-"]):not([class*=" style-"]), .dodeley-signup-form input[type="button"]:not([class^="style-"]):not([class*=" style-"]).invert, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="reset"].style-default, .dodeley-signup-form input[type="reset"].style-default.invert, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="reset"]:not([class^="style-"]):not([class*=" style-"]), .dodeley-signup-form input[type="reset"]:not([class^="style-"]):not([class*=" style-"]).invert, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form button.style-default, .dodeley-signup-form button.style-default.invert, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form button:not([class^="style-"]):not([class*=" style-"]), .dodeley-signup-form button:not([class^="style-"]):not([class*=" style-"]).invert {
  --focus-color: var(--white);
  --button-background: var(--white);
  --button-color: var(--primary-950);
  --button-color-rgb: var(--black-rgb);
  --button-hover-color: var(--primary-darker-1);
  --button-hover-background: var(--grey-50);
  --button-active-color: var(--primary-darker-2);
  --button-active-background: var(--grey-100);
}

:is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="submit"].style-default:disabled, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="submit"].style-default.disabled, .dodeley-signup-form input[type="submit"].style-default.invert:disabled, .dodeley-signup-form input[type="submit"].style-default.invert.disabled, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="submit"]:not([class^="style-"]):not([class*=" style-"]):disabled, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="submit"]:not([class^="style-"]):not([class*=" style-"]).disabled, .dodeley-signup-form input[type="submit"]:not([class^="style-"]):not([class*=" style-"]).invert:disabled, .dodeley-signup-form input[type="submit"]:not([class^="style-"]):not([class*=" style-"]).invert.disabled, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="button"].style-default:disabled, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="button"].style-default.disabled, .dodeley-signup-form input[type="button"].style-default.invert:disabled, .dodeley-signup-form input[type="button"].style-default.invert.disabled, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="button"]:not([class^="style-"]):not([class*=" style-"]):disabled, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="button"]:not([class^="style-"]):not([class*=" style-"]).disabled, .dodeley-signup-form input[type="button"]:not([class^="style-"]):not([class*=" style-"]).invert:disabled, .dodeley-signup-form input[type="button"]:not([class^="style-"]):not([class*=" style-"]).invert.disabled, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="reset"].style-default:disabled, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="reset"].style-default.disabled, .dodeley-signup-form input[type="reset"].style-default.invert:disabled, .dodeley-signup-form input[type="reset"].style-default.invert.disabled, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="reset"]:not([class^="style-"]):not([class*=" style-"]):disabled, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="reset"]:not([class^="style-"]):not([class*=" style-"]).disabled, .dodeley-signup-form input[type="reset"]:not([class^="style-"]):not([class*=" style-"]).invert:disabled, .dodeley-signup-form input[type="reset"]:not([class^="style-"]):not([class*=" style-"]).invert.disabled, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form button.style-default:disabled, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form button.style-default.disabled, .dodeley-signup-form button.style-default.invert:disabled, .dodeley-signup-form button.style-default.invert.disabled, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form button:not([class^="style-"]):not([class*=" style-"]):disabled, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form button:not([class^="style-"]):not([class*=" style-"]).disabled, .dodeley-signup-form button:not([class^="style-"]):not([class*=" style-"]).invert:disabled, .dodeley-signup-form button:not([class^="style-"]):not([class*=" style-"]).invert.disabled {
  --background: var(--button-background);
  --border-color: var(--button-border-color);
  --color: var(--button-color);
  opacity: .6;
}

.dodeley-signup-form input[type="submit"].style-default.with-arrow, .dodeley-signup-form input[type="submit"]:not([class^="style-"]):not([class*=" style-"]).with-arrow, .dodeley-signup-form input[type="button"].style-default.with-arrow, .dodeley-signup-form input[type="button"]:not([class^="style-"]):not([class*=" style-"]).with-arrow, .dodeley-signup-form input[type="reset"].style-default.with-arrow, .dodeley-signup-form input[type="reset"]:not([class^="style-"]):not([class*=" style-"]).with-arrow, .dodeley-signup-form button.style-default.with-arrow, .dodeley-signup-form button:not([class^="style-"]):not([class*=" style-"]).with-arrow {
  gap: var(--button-arrow-gap, .5rem);
}

.dodeley-signup-form input[type="submit"].style-default.with-arrow:after, .dodeley-signup-form input[type="submit"]:not([class^="style-"]):not([class*=" style-"]).with-arrow:after, .dodeley-signup-form input[type="button"].style-default.with-arrow:after, .dodeley-signup-form input[type="button"]:not([class^="style-"]):not([class*=" style-"]).with-arrow:after, .dodeley-signup-form input[type="reset"].style-default.with-arrow:after, .dodeley-signup-form input[type="reset"]:not([class^="style-"]):not([class*=" style-"]).with-arrow:after, .dodeley-signup-form button.style-default.with-arrow:after, .dodeley-signup-form button:not([class^="style-"]):not([class*=" style-"]).with-arrow:after {
  content: "";
  background-color: var(--button-arrow-color, currentColor);
  width: .6875rem;
  height: .625rem;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMSAxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNS44MiAxMCA0LjcxIDguOTVsMy4zLTMuMThIMFY0LjIzaDguMDFsLTMuMy0zLjE3TDUuODIgMCAxMSA1eiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==);
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMSAxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNS44MiAxMCA0LjcxIDguOTVsMy4zLTMuMThIMFY0LjIzaDguMDFsLTMuMy0zLjE3TDUuODIgMCAxMSA1eiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.dodeley-signup-form input[type="submit"].style-default.with-external-arrow, .dodeley-signup-form input[type="submit"]:not([class^="style-"]):not([class*=" style-"]).with-external-arrow, .dodeley-signup-form input[type="button"].style-default.with-external-arrow, .dodeley-signup-form input[type="button"]:not([class^="style-"]):not([class*=" style-"]).with-external-arrow, .dodeley-signup-form input[type="reset"].style-default.with-external-arrow, .dodeley-signup-form input[type="reset"]:not([class^="style-"]):not([class*=" style-"]).with-external-arrow, .dodeley-signup-form button.style-default.with-external-arrow, .dodeley-signup-form button:not([class^="style-"]):not([class*=" style-"]).with-external-arrow {
  gap: var(--button-arrow-gap, .625rem);
}

.dodeley-signup-form input[type="submit"].style-default.with-external-arrow:after, .dodeley-signup-form input[type="submit"]:not([class^="style-"]):not([class*=" style-"]).with-external-arrow:after, .dodeley-signup-form input[type="button"].style-default.with-external-arrow:after, .dodeley-signup-form input[type="button"]:not([class^="style-"]):not([class*=" style-"]).with-external-arrow:after, .dodeley-signup-form input[type="reset"].style-default.with-external-arrow:after, .dodeley-signup-form input[type="reset"]:not([class^="style-"]):not([class*=" style-"]).with-external-arrow:after, .dodeley-signup-form button.style-default.with-external-arrow:after, .dodeley-signup-form button:not([class^="style-"]):not([class*=" style-"]).with-external-arrow:after {
  content: "";
  background-color: var(--button-arrow-color, currentColor);
  width: .625rem;
  height: .625rem;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAgLjh2OC40YS44LjggMCAxIDEtMS42IDBWMi43bC03IDdhLjguOCAwIDAgMS0xLjItMWw3LjEtNy4xSC44QS44LjggMCAwIDEgLjggMGg4LjRhLjguOCAwIDAgMSAuOC44WiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==);
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAgLjh2OC40YS44LjggMCAxIDEtMS42IDBWMi43bC03IDdhLjguOCAwIDAgMS0xLjItMWw3LjEtNy4xSC44QS44LjggMCAwIDEgLjggMGg4LjRhLjguOCAwIDAgMSAuOC44WiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.dodeley-signup-form input[type="submit"].style-default.with-reversed-arrow, .dodeley-signup-form input[type="submit"]:not([class^="style-"]):not([class*=" style-"]).with-reversed-arrow, .dodeley-signup-form input[type="button"].style-default.with-reversed-arrow, .dodeley-signup-form input[type="button"]:not([class^="style-"]):not([class*=" style-"]).with-reversed-arrow, .dodeley-signup-form input[type="reset"].style-default.with-reversed-arrow, .dodeley-signup-form input[type="reset"]:not([class^="style-"]):not([class*=" style-"]).with-reversed-arrow, .dodeley-signup-form button.style-default.with-reversed-arrow, .dodeley-signup-form button:not([class^="style-"]):not([class*=" style-"]).with-reversed-arrow {
  gap: var(--button-arrow-gap, .5rem);
}

.dodeley-signup-form input[type="submit"].style-default.with-reversed-arrow:before, .dodeley-signup-form input[type="submit"]:not([class^="style-"]):not([class*=" style-"]).with-reversed-arrow:before, .dodeley-signup-form input[type="button"].style-default.with-reversed-arrow:before, .dodeley-signup-form input[type="button"]:not([class^="style-"]):not([class*=" style-"]).with-reversed-arrow:before, .dodeley-signup-form input[type="reset"].style-default.with-reversed-arrow:before, .dodeley-signup-form input[type="reset"]:not([class^="style-"]):not([class*=" style-"]).with-reversed-arrow:before, .dodeley-signup-form button.style-default.with-reversed-arrow:before, .dodeley-signup-form button:not([class^="style-"]):not([class*=" style-"]).with-reversed-arrow:before {
  content: "";
  background-color: var(--button-arrow-color, currentColor);
  width: .6875rem;
  height: .625rem;
  margin-bottom: -.15rem;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMSAxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNS4xOCAxMCAxLjExLTEuMDUtMy4zLTMuMThIMTFWNC4yM0gyLjk5bDMuMy0zLjE3TDUuMTggMCAwIDV6IiBmaWxsPSIjMDAwIi8+PC9zdmc+);
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMSAxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNS4xOCAxMCAxLjExLTEuMDUtMy4zLTMuMThIMTFWNC4yM0gyLjk5bDMuMy0zLjE3TDUuMTggMCAwIDV6IiBmaWxsPSIjMDAwIi8+PC9zdmc+);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.dodeley-signup-form input[type="submit"].style-default.with-dense-padding, .dodeley-signup-form input[type="submit"]:not([class^="style-"]):not([class*=" style-"]).with-dense-padding, .dodeley-signup-form input[type="button"].style-default.with-dense-padding, .dodeley-signup-form input[type="button"]:not([class^="style-"]):not([class*=" style-"]).with-dense-padding, .dodeley-signup-form input[type="reset"].style-default.with-dense-padding, .dodeley-signup-form input[type="reset"]:not([class^="style-"]):not([class*=" style-"]).with-dense-padding, .dodeley-signup-form button.style-default.with-dense-padding, .dodeley-signup-form button:not([class^="style-"]):not([class*=" style-"]).with-dense-padding {
  padding: .5625rem .6875rem;
  line-height: 1.2;
}

:is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="submit"].style-default.with-dense-padding, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="submit"]:not([class^="style-"]):not([class*=" style-"]).with-dense-padding, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="button"].style-default.with-dense-padding, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="button"]:not([class^="style-"]):not([class*=" style-"]).with-dense-padding, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="reset"].style-default.with-dense-padding, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="reset"]:not([class^="style-"]):not([class*=" style-"]).with-dense-padding, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form button.style-default.with-dense-padding, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form button:not([class^="style-"]):not([class*=" style-"]).with-dense-padding {
  --button-background: #fff;
  --button-color: #000;
  --button-hover-background: #f9f9f9;
  --button-active-background: #c9c9c9;
}

.dodeley-signup-form input[type="submit"].style-default.with-dense-padding:is(.with-arrow, .with-reversed-arrow), .dodeley-signup-form input[type="submit"]:not([class^="style-"]):not([class*=" style-"]).with-dense-padding:is(.with-arrow, .with-reversed-arrow), .dodeley-signup-form input[type="button"].style-default.with-dense-padding:is(.with-arrow, .with-reversed-arrow), .dodeley-signup-form input[type="button"]:not([class^="style-"]):not([class*=" style-"]).with-dense-padding:is(.with-arrow, .with-reversed-arrow), .dodeley-signup-form input[type="reset"].style-default.with-dense-padding:is(.with-arrow, .with-reversed-arrow), .dodeley-signup-form input[type="reset"]:not([class^="style-"]):not([class*=" style-"]).with-dense-padding:is(.with-arrow, .with-reversed-arrow), .dodeley-signup-form button.style-default.with-dense-padding:is(.with-arrow, .with-reversed-arrow), .dodeley-signup-form button:not([class^="style-"]):not([class*=" style-"]).with-dense-padding:is(.with-arrow, .with-reversed-arrow) {
  --button-arrow-gap: .5rem;
}

.dodeley-signup-form input[type="submit"].style-text, .dodeley-signup-form input[type="button"].style-text, .dodeley-signup-form input[type="reset"].style-text, .dodeley-signup-form button.style-text {
  --button-color: var(--form-color, var(--primary-600));
  --button-hover-color: var(--form-hover, var(--primary));
  --button-active-color: var(--form-active, var(--primary-darker-2));
  font-size: inherit;
  background-color: #0000;
  border: none;
  align-self: center;
  font-weight: 700;
  text-decoration: none;
}

:is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="submit"].style-text, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="button"].style-text, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="reset"].style-text, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form button.style-text {
  --button-color: var(--white);
  --button-hover-color: var(--grey-50);
  --button-active-color: var(--grey-100);
  --focus-color: var(--white);
}

.dodeley-signup-form input[type="submit"].style-text.with-arrow, .dodeley-signup-form input[type="button"].style-text.with-arrow, .dodeley-signup-form input[type="reset"].style-text.with-arrow, .dodeley-signup-form button.style-text.with-arrow {
  gap: var(--button-arrow-gap, .5rem);
}

.dodeley-signup-form input[type="submit"].style-text.with-arrow:after, .dodeley-signup-form input[type="button"].style-text.with-arrow:after, .dodeley-signup-form input[type="reset"].style-text.with-arrow:after, .dodeley-signup-form button.style-text.with-arrow:after {
  content: "";
  background-color: var(--button-arrow-color, currentColor);
  width: .6875rem;
  height: .625rem;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMSAxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNS44MiAxMCA0LjcxIDguOTVsMy4zLTMuMThIMFY0LjIzaDguMDFsLTMuMy0zLjE3TDUuODIgMCAxMSA1eiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==);
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMSAxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNS44MiAxMCA0LjcxIDguOTVsMy4zLTMuMThIMFY0LjIzaDguMDFsLTMuMy0zLjE3TDUuODIgMCAxMSA1eiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.dodeley-signup-form input[type="submit"].style-text.with-reversed-arrow, .dodeley-signup-form input[type="button"].style-text.with-reversed-arrow, .dodeley-signup-form input[type="reset"].style-text.with-reversed-arrow, .dodeley-signup-form button.style-text.with-reversed-arrow {
  gap: var(--button-arrow-gap, .5rem);
}

.dodeley-signup-form input[type="submit"].style-text.with-reversed-arrow:before, .dodeley-signup-form input[type="button"].style-text.with-reversed-arrow:before, .dodeley-signup-form input[type="reset"].style-text.with-reversed-arrow:before, .dodeley-signup-form button.style-text.with-reversed-arrow:before {
  content: "";
  background-color: var(--button-arrow-color, currentColor);
  width: .6875rem;
  height: .625rem;
  margin-bottom: -.15rem;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMSAxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNS4xOCAxMCAxLjExLTEuMDUtMy4zLTMuMThIMTFWNC4yM0gyLjk5bDMuMy0zLjE3TDUuMTggMCAwIDV6IiBmaWxsPSIjMDAwIi8+PC9zdmc+);
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMSAxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNS4xOCAxMCAxLjExLTEuMDUtMy4zLTMuMThIMTFWNC4yM0gyLjk5bDMuMy0zLjE3TDUuMTggMCAwIDV6IiBmaWxsPSIjMDAwIi8+PC9zdmc+);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.dodeley-signup-form input[type="submit"].style-secondary, .dodeley-signup-form input[type="button"].style-secondary, .dodeley-signup-form input[type="reset"].style-secondary, .dodeley-signup-form button.style-secondary {
  --button-background: transparent;
  --button-color: var(--primary-800);
  --button-border-color: var(--primary-800);
  --button-hover-background: var(--button-border-color);
  --button-hover-color: var(--white);
  --button-active-background: var(--primary-900);
  --button-active-color: var(--primary-100);
  border: 1px solid var(--button-border-color);
  padding: 1.0625rem 1.3125rem;
  line-height: 1.2;
}

:is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="submit"].style-secondary, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="button"].style-secondary, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="reset"].style-secondary, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form button.style-secondary {
  --button-color: var(--white);
  --button-border-color: var(--white);
  --button-hover-color: var(--text-color);
  --button-active-color: var(--text-color);
  --button-active-background: var(--grey-100);
  --focus-color: var(--white);
}

.dodeley-signup-form input[type="submit"].style-secondary.with-arrow, .dodeley-signup-form input[type="button"].style-secondary.with-arrow, .dodeley-signup-form input[type="reset"].style-secondary.with-arrow, .dodeley-signup-form button.style-secondary.with-arrow {
  gap: var(--button-arrow-gap, .5rem);
}

.dodeley-signup-form input[type="submit"].style-secondary.with-arrow:after, .dodeley-signup-form input[type="button"].style-secondary.with-arrow:after, .dodeley-signup-form input[type="reset"].style-secondary.with-arrow:after, .dodeley-signup-form button.style-secondary.with-arrow:after {
  content: "";
  background-color: var(--button-arrow-color, currentColor);
  width: .6875rem;
  height: .625rem;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMSAxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNS44MiAxMCA0LjcxIDguOTVsMy4zLTMuMThIMFY0LjIzaDguMDFsLTMuMy0zLjE3TDUuODIgMCAxMSA1eiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==);
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMSAxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNS44MiAxMCA0LjcxIDguOTVsMy4zLTMuMThIMFY0LjIzaDguMDFsLTMuMy0zLjE3TDUuODIgMCAxMSA1eiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.dodeley-signup-form input[type="submit"].style-secondary.with-reversed-arrow, .dodeley-signup-form input[type="button"].style-secondary.with-reversed-arrow, .dodeley-signup-form input[type="reset"].style-secondary.with-reversed-arrow, .dodeley-signup-form button.style-secondary.with-reversed-arrow {
  gap: var(--button-arrow-gap, .5rem);
}

.dodeley-signup-form input[type="submit"].style-secondary.with-reversed-arrow:before, .dodeley-signup-form input[type="button"].style-secondary.with-reversed-arrow:before, .dodeley-signup-form input[type="reset"].style-secondary.with-reversed-arrow:before, .dodeley-signup-form button.style-secondary.with-reversed-arrow:before {
  content: "";
  background-color: var(--button-arrow-color, currentColor);
  width: .6875rem;
  height: .625rem;
  margin-bottom: -.15rem;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMSAxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNS4xOCAxMCAxLjExLTEuMDUtMy4zLTMuMThIMTFWNC4yM0gyLjk5bDMuMy0zLjE3TDUuMTggMCAwIDV6IiBmaWxsPSIjMDAwIi8+PC9zdmc+);
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMSAxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNS4xOCAxMCAxLjExLTEuMDUtMy4zLTMuMThIMTFWNC4yM0gyLjk5bDMuMy0zLjE3TDUuMTggMCAwIDV6IiBmaWxsPSIjMDAwIi8+PC9zdmc+);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.dodeley-signup-form input[type="submit"].style-secondary.with-dense-padding, .dodeley-signup-form input[type="button"].style-secondary.with-dense-padding, .dodeley-signup-form input[type="reset"].style-secondary.with-dense-padding, .dodeley-signup-form button.style-secondary.with-dense-padding {
  padding: .5625rem .6875rem;
  line-height: 1.2;
}

:is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="submit"].style-secondary.with-dense-padding, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="button"].style-secondary.with-dense-padding, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form input[type="reset"].style-secondary.with-dense-padding, :is(.background, .box-card):is(.style-primary, .style-secondary) .dodeley-signup-form button.style-secondary.with-dense-padding {
  --button-background: #fff;
  --button-color: #000;
  --button-hover-background: #f9f9f9;
  --button-active-background: #c9c9c9;
}

.dodeley-signup-form input[type="submit"].style-secondary.with-dense-padding:is(.with-arrow, .with-reversed-arrow), .dodeley-signup-form input[type="button"].style-secondary.with-dense-padding:is(.with-arrow, .with-reversed-arrow), .dodeley-signup-form input[type="reset"].style-secondary.with-dense-padding:is(.with-arrow, .with-reversed-arrow), .dodeley-signup-form button.style-secondary.with-dense-padding:is(.with-arrow, .with-reversed-arrow) {
  --button-arrow-gap: .5rem;
}

.dodeley-signup-form input[type="submit"]:not([type="reset"]), .dodeley-signup-form input[type="button"]:not([type="reset"]), .dodeley-signup-form input[type="reset"]:not([type="reset"]), .dodeley-signup-form button:not([type="reset"]) {
  gap: var(--button-arrow-gap, .5rem);
}

.dodeley-signup-form input[type="submit"]:not([type="reset"]):after, .dodeley-signup-form input[type="button"]:not([type="reset"]):after, .dodeley-signup-form input[type="reset"]:not([type="reset"]):after, .dodeley-signup-form button:not([type="reset"]):after {
  content: "";
  background-color: var(--button-arrow-color, currentColor);
  width: .6875rem;
  height: .625rem;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMSAxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNS44MiAxMCA0LjcxIDguOTVsMy4zLTMuMThIMFY0LjIzaDguMDFsLTMuMy0zLjE3TDUuODIgMCAxMSA1eiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==);
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMSAxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNS44MiAxMCA0LjcxIDguOTVsMy4zLTMuMThIMFY0LjIzaDguMDFsLTMuMy0zLjE3TDUuODIgMCAxMSA1eiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.dodeley-signup-form .checkbox-label {
  align-items: center;
  line-height: 1;
  display: flex;
}

.dodeley-signup-form .checkbox-label > :first-child {
  margin-right: .5rem;
}

.dodeley-signup-form .dodeley_subscribe_form {
  grid-gap: 1.5em;
  grid-template-columns: 1fr;
  display: grid;
}

@container (width >= 650px) {
  .dodeley-signup-form .dodeley_subscribe_form {
    grid-template-columns: 1fr 1fr;
  }
}

.dodeley-signup-form .dodeley_subscribe_form p {
  margin: 0;
}

.dodeley-signup-form .dodeley_subscribe_form p:not(:has(:is(input, select))), .dodeley-signup-form .dodeley_subscribe_form p:has(input[type="submit"]) {
  grid-column: 1 / -1;
}

/* #endregion "../src/elements/dodeley-signup-form/dodeley-signup-form.scss" */


/*# sourceMappingURL=css-wpce--dodeley-signup-form.css.map*/