/* COMPILED from assets/scss/patterns/vue-forms.scss by `npm run build:css` - edit the .scss, not this file. */
@charset "UTF-8";
/*
 * Corptools Vue forms — shared resets, messages, errors.
 * Scoped to live form pages, theme form blocks, and fixture surfaces.
 * Functional show/hide from cowboyhosting _vue-form.scss (structure only).
 */
.vue-form-page,
.company-template-form-block,
.company-template-dev-atoms,
.company-template-dev-form-structure {
  box-sizing: border-box;
}
.vue-form-page *,
.vue-form-page *::before,
.vue-form-page *::after,
.company-template-form-block *,
.company-template-form-block *::before,
.company-template-form-block *::after,
.company-template-dev-atoms *,
.company-template-dev-atoms *::before,
.company-template-dev-atoms *::after,
.company-template-dev-form-structure *,
.company-template-dev-form-structure *::before,
.company-template-dev-form-structure *::after {
  box-sizing: inherit;
}
.vue-form-page .vue-form,
.vue-form-page form.vue-form,
.company-template-form-block .vue-form,
.company-template-form-block form.vue-form,
.company-template-dev-atoms .vue-form,
.company-template-dev-atoms form.vue-form,
.company-template-dev-form-structure .vue-form,
.company-template-dev-form-structure form.vue-form {
  font-family: var(--wp--preset--font-family--body-font);
  font-size: var(--wp--preset--font-size--body);
  color: var(--wp--preset--color--body-text);
  max-width: 100%;
}
.vue-form-page .form-wrap > div > span,
.company-template-form-block .form-wrap > div > span,
.company-template-dev-atoms .form-wrap > div > span,
.company-template-dev-form-structure .form-wrap > div > span {
  display: block;
}
.vue-form-page .step,
.company-template-form-block .step,
.company-template-dev-atoms .step,
.company-template-dev-form-structure .step {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--30);
}
.vue-form-page .field-errors,
.company-template-form-block .field-errors,
.company-template-dev-atoms .field-errors,
.company-template-dev-form-structure .field-errors {
  list-style: none;
  margin: 0.35em 0 0;
  padding: 0;
}
.vue-form-page .field-errors li,
.company-template-form-block .field-errors li,
.company-template-dev-atoms .field-errors li,
.company-template-dev-form-structure .field-errors li {
  color: var(--wp--custom--input--error-color);
  font-size: var(--wp--preset--font-size--sm);
  margin: 0.15em 0;
}
.vue-form-page .field-errors.multiple li,
.company-template-form-block .field-errors.multiple li,
.company-template-dev-atoms .field-errors.multiple li,
.company-template-dev-form-structure .field-errors.multiple li {
  padding-left: 1em;
}

.vue-form-page .site-main {
  width: 100%;
  max-width: calc(var(--wp--style--global--content-size, 69.75rem) + 4rem);
  margin-inline: auto;
  padding: var(--wp--preset--spacing--40, 2rem);
  box-sizing: border-box;
}

/*
 * Corptools Vue forms — buttons (plugin uses .button, not .wp-element-button).
 * Full-width CTAs + secondary variants from cowboyhosting; paint via tokens.
 */
.vue-form-page .submit-button-wrap,
.vue-form-page .buttons-wrap,
.vue-form-page .continue-button-wrap,
.company-template-form-block .submit-button-wrap,
.company-template-form-block .buttons-wrap,
.company-template-form-block .continue-button-wrap,
.company-template-dev-atoms .submit-button-wrap,
.company-template-dev-atoms .buttons-wrap,
.company-template-dev-atoms .continue-button-wrap,
.company-template-dev-form-structure .submit-button-wrap,
.company-template-dev-form-structure .buttons-wrap,
.company-template-dev-form-structure .continue-button-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--20);
  margin-top: var(--wp--preset--spacing--30);
}
.vue-form-page button.button,
.vue-form-page button[type=submit],
.vue-form-page .button,
.vue-form-page .refresh-phone-numbers,
.company-template-form-block button.button,
.company-template-form-block button[type=submit],
.company-template-form-block .button,
.company-template-form-block .refresh-phone-numbers,
.company-template-dev-atoms button.button,
.company-template-dev-atoms button[type=submit],
.company-template-dev-atoms .button,
.company-template-dev-atoms .refresh-phone-numbers,
.company-template-dev-form-structure button.button,
.company-template-dev-form-structure button[type=submit],
.company-template-dev-form-structure .button,
.company-template-dev-form-structure .refresh-phone-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  width: 100%;
  margin: 0;
  padding: 0.875em 1.375em;
  border: 1px solid transparent;
  border-radius: var(--wp--custom--form-button--radius, 0);
  background-color: var(--wp--custom--form-button--background, var(--wp--preset--color--primary));
  color: var(--wp--custom--form-button--color, var(--wp--preset--color--base));
  font-family: var(--wp--preset--font-family--body-font);
  font-size: var(--wp--preset--font-size--sm);
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;
  appearance: none;
}
.vue-form-page button.button:hover:not(:disabled), .vue-form-page button.button.dev-form-force-hover:not(:disabled),
.vue-form-page button[type=submit]:hover:not(:disabled),
.vue-form-page button[type=submit].dev-form-force-hover:not(:disabled),
.vue-form-page .button:hover:not(:disabled),
.vue-form-page .button.dev-form-force-hover:not(:disabled),
.vue-form-page .refresh-phone-numbers:hover:not(:disabled),
.vue-form-page .refresh-phone-numbers.dev-form-force-hover:not(:disabled),
.company-template-form-block button.button:hover:not(:disabled),
.company-template-form-block button.button.dev-form-force-hover:not(:disabled),
.company-template-form-block button[type=submit]:hover:not(:disabled),
.company-template-form-block button[type=submit].dev-form-force-hover:not(:disabled),
.company-template-form-block .button:hover:not(:disabled),
.company-template-form-block .button.dev-form-force-hover:not(:disabled),
.company-template-form-block .refresh-phone-numbers:hover:not(:disabled),
.company-template-form-block .refresh-phone-numbers.dev-form-force-hover:not(:disabled),
.company-template-dev-atoms button.button:hover:not(:disabled),
.company-template-dev-atoms button.button.dev-form-force-hover:not(:disabled),
.company-template-dev-atoms button[type=submit]:hover:not(:disabled),
.company-template-dev-atoms button[type=submit].dev-form-force-hover:not(:disabled),
.company-template-dev-atoms .button:hover:not(:disabled),
.company-template-dev-atoms .button.dev-form-force-hover:not(:disabled),
.company-template-dev-atoms .refresh-phone-numbers:hover:not(:disabled),
.company-template-dev-atoms .refresh-phone-numbers.dev-form-force-hover:not(:disabled),
.company-template-dev-form-structure button.button:hover:not(:disabled),
.company-template-dev-form-structure button.button.dev-form-force-hover:not(:disabled),
.company-template-dev-form-structure button[type=submit]:hover:not(:disabled),
.company-template-dev-form-structure button[type=submit].dev-form-force-hover:not(:disabled),
.company-template-dev-form-structure .button:hover:not(:disabled),
.company-template-dev-form-structure .button.dev-form-force-hover:not(:disabled),
.company-template-dev-form-structure .refresh-phone-numbers:hover:not(:disabled),
.company-template-dev-form-structure .refresh-phone-numbers.dev-form-force-hover:not(:disabled) {
  background-color: var(--wp--custom--form-button--hover-background, var(--wp--preset--color--primary-hover));
  color: var(--wp--custom--form-button--color, var(--wp--preset--color--base));
}
.vue-form-page button.button:focus, .vue-form-page button.button:focus-visible, .vue-form-page button.button.dev-form-force-focus,
.vue-form-page button[type=submit]:focus,
.vue-form-page button[type=submit]:focus-visible,
.vue-form-page button[type=submit].dev-form-force-focus,
.vue-form-page .button:focus,
.vue-form-page .button:focus-visible,
.vue-form-page .button.dev-form-force-focus,
.vue-form-page .refresh-phone-numbers:focus,
.vue-form-page .refresh-phone-numbers:focus-visible,
.vue-form-page .refresh-phone-numbers.dev-form-force-focus,
.company-template-form-block button.button:focus,
.company-template-form-block button.button:focus-visible,
.company-template-form-block button.button.dev-form-force-focus,
.company-template-form-block button[type=submit]:focus,
.company-template-form-block button[type=submit]:focus-visible,
.company-template-form-block button[type=submit].dev-form-force-focus,
.company-template-form-block .button:focus,
.company-template-form-block .button:focus-visible,
.company-template-form-block .button.dev-form-force-focus,
.company-template-form-block .refresh-phone-numbers:focus,
.company-template-form-block .refresh-phone-numbers:focus-visible,
.company-template-form-block .refresh-phone-numbers.dev-form-force-focus,
.company-template-dev-atoms button.button:focus,
.company-template-dev-atoms button.button:focus-visible,
.company-template-dev-atoms button.button.dev-form-force-focus,
.company-template-dev-atoms button[type=submit]:focus,
.company-template-dev-atoms button[type=submit]:focus-visible,
.company-template-dev-atoms button[type=submit].dev-form-force-focus,
.company-template-dev-atoms .button:focus,
.company-template-dev-atoms .button:focus-visible,
.company-template-dev-atoms .button.dev-form-force-focus,
.company-template-dev-atoms .refresh-phone-numbers:focus,
.company-template-dev-atoms .refresh-phone-numbers:focus-visible,
.company-template-dev-atoms .refresh-phone-numbers.dev-form-force-focus,
.company-template-dev-form-structure button.button:focus,
.company-template-dev-form-structure button.button:focus-visible,
.company-template-dev-form-structure button.button.dev-form-force-focus,
.company-template-dev-form-structure button[type=submit]:focus,
.company-template-dev-form-structure button[type=submit]:focus-visible,
.company-template-dev-form-structure button[type=submit].dev-form-force-focus,
.company-template-dev-form-structure .button:focus,
.company-template-dev-form-structure .button:focus-visible,
.company-template-dev-form-structure .button.dev-form-force-focus,
.company-template-dev-form-structure .refresh-phone-numbers:focus,
.company-template-dev-form-structure .refresh-phone-numbers:focus-visible,
.company-template-dev-form-structure .refresh-phone-numbers.dev-form-force-focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--custom--input--focus-ring-color) 50%, transparent);
}
.vue-form-page button.button.back, .vue-form-page button.button.cancel, .vue-form-page button.button.secondary,
.vue-form-page button[type=submit].back,
.vue-form-page button[type=submit].cancel,
.vue-form-page button[type=submit].secondary,
.vue-form-page .button.back,
.vue-form-page .button.cancel,
.vue-form-page .button.secondary,
.vue-form-page .refresh-phone-numbers.back,
.vue-form-page .refresh-phone-numbers.cancel,
.vue-form-page .refresh-phone-numbers.secondary,
.company-template-form-block button.button.back,
.company-template-form-block button.button.cancel,
.company-template-form-block button.button.secondary,
.company-template-form-block button[type=submit].back,
.company-template-form-block button[type=submit].cancel,
.company-template-form-block button[type=submit].secondary,
.company-template-form-block .button.back,
.company-template-form-block .button.cancel,
.company-template-form-block .button.secondary,
.company-template-form-block .refresh-phone-numbers.back,
.company-template-form-block .refresh-phone-numbers.cancel,
.company-template-form-block .refresh-phone-numbers.secondary,
.company-template-dev-atoms button.button.back,
.company-template-dev-atoms button.button.cancel,
.company-template-dev-atoms button.button.secondary,
.company-template-dev-atoms button[type=submit].back,
.company-template-dev-atoms button[type=submit].cancel,
.company-template-dev-atoms button[type=submit].secondary,
.company-template-dev-atoms .button.back,
.company-template-dev-atoms .button.cancel,
.company-template-dev-atoms .button.secondary,
.company-template-dev-atoms .refresh-phone-numbers.back,
.company-template-dev-atoms .refresh-phone-numbers.cancel,
.company-template-dev-atoms .refresh-phone-numbers.secondary,
.company-template-dev-form-structure button.button.back,
.company-template-dev-form-structure button.button.cancel,
.company-template-dev-form-structure button.button.secondary,
.company-template-dev-form-structure button[type=submit].back,
.company-template-dev-form-structure button[type=submit].cancel,
.company-template-dev-form-structure button[type=submit].secondary,
.company-template-dev-form-structure .button.back,
.company-template-dev-form-structure .button.cancel,
.company-template-dev-form-structure .button.secondary,
.company-template-dev-form-structure .refresh-phone-numbers.back,
.company-template-dev-form-structure .refresh-phone-numbers.cancel,
.company-template-dev-form-structure .refresh-phone-numbers.secondary {
  background-color: var(--wp--preset--color--base);
  border-color: var(--wp--custom--input--border-color);
  color: var(--wp--preset--color--body-text);
}
.vue-form-page button.button.back:hover:not(:disabled), .vue-form-page button.button.cancel:hover:not(:disabled), .vue-form-page button.button.secondary:hover:not(:disabled),
.vue-form-page button[type=submit].back:hover:not(:disabled),
.vue-form-page button[type=submit].cancel:hover:not(:disabled),
.vue-form-page button[type=submit].secondary:hover:not(:disabled),
.vue-form-page .button.back:hover:not(:disabled),
.vue-form-page .button.cancel:hover:not(:disabled),
.vue-form-page .button.secondary:hover:not(:disabled),
.vue-form-page .refresh-phone-numbers.back:hover:not(:disabled),
.vue-form-page .refresh-phone-numbers.cancel:hover:not(:disabled),
.vue-form-page .refresh-phone-numbers.secondary:hover:not(:disabled),
.company-template-form-block button.button.back:hover:not(:disabled),
.company-template-form-block button.button.cancel:hover:not(:disabled),
.company-template-form-block button.button.secondary:hover:not(:disabled),
.company-template-form-block button[type=submit].back:hover:not(:disabled),
.company-template-form-block button[type=submit].cancel:hover:not(:disabled),
.company-template-form-block button[type=submit].secondary:hover:not(:disabled),
.company-template-form-block .button.back:hover:not(:disabled),
.company-template-form-block .button.cancel:hover:not(:disabled),
.company-template-form-block .button.secondary:hover:not(:disabled),
.company-template-form-block .refresh-phone-numbers.back:hover:not(:disabled),
.company-template-form-block .refresh-phone-numbers.cancel:hover:not(:disabled),
.company-template-form-block .refresh-phone-numbers.secondary:hover:not(:disabled),
.company-template-dev-atoms button.button.back:hover:not(:disabled),
.company-template-dev-atoms button.button.cancel:hover:not(:disabled),
.company-template-dev-atoms button.button.secondary:hover:not(:disabled),
.company-template-dev-atoms button[type=submit].back:hover:not(:disabled),
.company-template-dev-atoms button[type=submit].cancel:hover:not(:disabled),
.company-template-dev-atoms button[type=submit].secondary:hover:not(:disabled),
.company-template-dev-atoms .button.back:hover:not(:disabled),
.company-template-dev-atoms .button.cancel:hover:not(:disabled),
.company-template-dev-atoms .button.secondary:hover:not(:disabled),
.company-template-dev-atoms .refresh-phone-numbers.back:hover:not(:disabled),
.company-template-dev-atoms .refresh-phone-numbers.cancel:hover:not(:disabled),
.company-template-dev-atoms .refresh-phone-numbers.secondary:hover:not(:disabled),
.company-template-dev-form-structure button.button.back:hover:not(:disabled),
.company-template-dev-form-structure button.button.cancel:hover:not(:disabled),
.company-template-dev-form-structure button.button.secondary:hover:not(:disabled),
.company-template-dev-form-structure button[type=submit].back:hover:not(:disabled),
.company-template-dev-form-structure button[type=submit].cancel:hover:not(:disabled),
.company-template-dev-form-structure button[type=submit].secondary:hover:not(:disabled),
.company-template-dev-form-structure .button.back:hover:not(:disabled),
.company-template-dev-form-structure .button.cancel:hover:not(:disabled),
.company-template-dev-form-structure .button.secondary:hover:not(:disabled),
.company-template-dev-form-structure .refresh-phone-numbers.back:hover:not(:disabled),
.company-template-dev-form-structure .refresh-phone-numbers.cancel:hover:not(:disabled),
.company-template-dev-form-structure .refresh-phone-numbers.secondary:hover:not(:disabled) {
  background-color: var(--wp--custom--input--background);
}
.vue-form-page button.button.ghost,
.vue-form-page button[type=submit].ghost,
.vue-form-page .button.ghost,
.vue-form-page .refresh-phone-numbers.ghost,
.company-template-form-block button.button.ghost,
.company-template-form-block button[type=submit].ghost,
.company-template-form-block .button.ghost,
.company-template-form-block .refresh-phone-numbers.ghost,
.company-template-dev-atoms button.button.ghost,
.company-template-dev-atoms button[type=submit].ghost,
.company-template-dev-atoms .button.ghost,
.company-template-dev-atoms .refresh-phone-numbers.ghost,
.company-template-dev-form-structure button.button.ghost,
.company-template-dev-form-structure button[type=submit].ghost,
.company-template-dev-form-structure .button.ghost,
.company-template-dev-form-structure .refresh-phone-numbers.ghost {
  background-color: transparent;
  border-color: transparent;
  color: var(--wp--custom--form-button--background, var(--wp--preset--color--primary));
}
.vue-form-page button.button.destructive,
.vue-form-page button[type=submit].destructive,
.vue-form-page .button.destructive,
.vue-form-page .refresh-phone-numbers.destructive,
.company-template-form-block button.button.destructive,
.company-template-form-block button[type=submit].destructive,
.company-template-form-block .button.destructive,
.company-template-form-block .refresh-phone-numbers.destructive,
.company-template-dev-atoms button.button.destructive,
.company-template-dev-atoms button[type=submit].destructive,
.company-template-dev-atoms .button.destructive,
.company-template-dev-atoms .refresh-phone-numbers.destructive,
.company-template-dev-form-structure button.button.destructive,
.company-template-dev-form-structure button[type=submit].destructive,
.company-template-dev-form-structure .button.destructive,
.company-template-dev-form-structure .refresh-phone-numbers.destructive {
  background-color: var(--wp--custom--input--error-color, var(--wp--preset--color--red));
  color: var(--wp--preset--color--base);
}
.vue-form-page button.button.success,
.vue-form-page button[type=submit].success,
.vue-form-page .button.success,
.vue-form-page .refresh-phone-numbers.success,
.company-template-form-block button.button.success,
.company-template-form-block button[type=submit].success,
.company-template-form-block .button.success,
.company-template-form-block .refresh-phone-numbers.success,
.company-template-dev-atoms button.button.success,
.company-template-dev-atoms button[type=submit].success,
.company-template-dev-atoms .button.success,
.company-template-dev-atoms .refresh-phone-numbers.success,
.company-template-dev-form-structure button.button.success,
.company-template-dev-form-structure button[type=submit].success,
.company-template-dev-form-structure .button.success,
.company-template-dev-form-structure .refresh-phone-numbers.success {
  background-color: var(--wp--custom--input--success-color, var(--wp--preset--color--green));
  color: var(--wp--preset--color--base);
}
.vue-form-page button.button.lg,
.vue-form-page button[type=submit].lg,
.vue-form-page .button.lg,
.vue-form-page .refresh-phone-numbers.lg,
.company-template-form-block button.button.lg,
.company-template-form-block button[type=submit].lg,
.company-template-form-block .button.lg,
.company-template-form-block .refresh-phone-numbers.lg,
.company-template-dev-atoms button.button.lg,
.company-template-dev-atoms button[type=submit].lg,
.company-template-dev-atoms .button.lg,
.company-template-dev-atoms .refresh-phone-numbers.lg,
.company-template-dev-form-structure button.button.lg,
.company-template-dev-form-structure button[type=submit].lg,
.company-template-dev-form-structure .button.lg,
.company-template-dev-form-structure .refresh-phone-numbers.lg {
  padding: 1rem 2rem;
  font-size: var(--wp--preset--font-size--body);
}
.vue-form-page button.button.sm,
.vue-form-page button[type=submit].sm,
.vue-form-page .button.sm,
.vue-form-page .refresh-phone-numbers.sm,
.company-template-form-block button.button.sm,
.company-template-form-block button[type=submit].sm,
.company-template-form-block .button.sm,
.company-template-form-block .refresh-phone-numbers.sm,
.company-template-dev-atoms button.button.sm,
.company-template-dev-atoms button[type=submit].sm,
.company-template-dev-atoms .button.sm,
.company-template-dev-atoms .refresh-phone-numbers.sm,
.company-template-dev-form-structure button.button.sm,
.company-template-dev-form-structure button[type=submit].sm,
.company-template-dev-form-structure .button.sm,
.company-template-dev-form-structure .refresh-phone-numbers.sm {
  padding: 0.5rem 1rem;
  font-size: var(--wp--preset--font-size--xs);
}
.vue-form-page button.button.xs,
.vue-form-page button[type=submit].xs,
.vue-form-page .button.xs,
.vue-form-page .refresh-phone-numbers.xs,
.company-template-form-block button.button.xs,
.company-template-form-block button[type=submit].xs,
.company-template-form-block .button.xs,
.company-template-form-block .refresh-phone-numbers.xs,
.company-template-dev-atoms button.button.xs,
.company-template-dev-atoms button[type=submit].xs,
.company-template-dev-atoms .button.xs,
.company-template-dev-atoms .refresh-phone-numbers.xs,
.company-template-dev-form-structure button.button.xs,
.company-template-dev-form-structure button[type=submit].xs,
.company-template-dev-form-structure .button.xs,
.company-template-dev-form-structure .refresh-phone-numbers.xs {
  padding: 0.375rem 0.75rem;
  font-size: var(--wp--preset--font-size--xs);
}
.vue-form-page button.button:disabled, .vue-form-page button.button[disabled], .vue-form-page button.button.disabled, .vue-form-page button.button.dev-form-force-disabled,
.vue-form-page button[type=submit]:disabled,
.vue-form-page button[type=submit][disabled],
.vue-form-page button[type=submit].disabled,
.vue-form-page button[type=submit].dev-form-force-disabled,
.vue-form-page .button:disabled,
.vue-form-page .button[disabled],
.vue-form-page .button.disabled,
.vue-form-page .button.dev-form-force-disabled,
.vue-form-page .refresh-phone-numbers:disabled,
.vue-form-page .refresh-phone-numbers[disabled],
.vue-form-page .refresh-phone-numbers.disabled,
.vue-form-page .refresh-phone-numbers.dev-form-force-disabled,
.company-template-form-block button.button:disabled,
.company-template-form-block button.button[disabled],
.company-template-form-block button.button.disabled,
.company-template-form-block button.button.dev-form-force-disabled,
.company-template-form-block button[type=submit]:disabled,
.company-template-form-block button[type=submit][disabled],
.company-template-form-block button[type=submit].disabled,
.company-template-form-block button[type=submit].dev-form-force-disabled,
.company-template-form-block .button:disabled,
.company-template-form-block .button[disabled],
.company-template-form-block .button.disabled,
.company-template-form-block .button.dev-form-force-disabled,
.company-template-form-block .refresh-phone-numbers:disabled,
.company-template-form-block .refresh-phone-numbers[disabled],
.company-template-form-block .refresh-phone-numbers.disabled,
.company-template-form-block .refresh-phone-numbers.dev-form-force-disabled,
.company-template-dev-atoms button.button:disabled,
.company-template-dev-atoms button.button[disabled],
.company-template-dev-atoms button.button.disabled,
.company-template-dev-atoms button.button.dev-form-force-disabled,
.company-template-dev-atoms button[type=submit]:disabled,
.company-template-dev-atoms button[type=submit][disabled],
.company-template-dev-atoms button[type=submit].disabled,
.company-template-dev-atoms button[type=submit].dev-form-force-disabled,
.company-template-dev-atoms .button:disabled,
.company-template-dev-atoms .button[disabled],
.company-template-dev-atoms .button.disabled,
.company-template-dev-atoms .button.dev-form-force-disabled,
.company-template-dev-atoms .refresh-phone-numbers:disabled,
.company-template-dev-atoms .refresh-phone-numbers[disabled],
.company-template-dev-atoms .refresh-phone-numbers.disabled,
.company-template-dev-atoms .refresh-phone-numbers.dev-form-force-disabled,
.company-template-dev-form-structure button.button:disabled,
.company-template-dev-form-structure button.button[disabled],
.company-template-dev-form-structure button.button.disabled,
.company-template-dev-form-structure button.button.dev-form-force-disabled,
.company-template-dev-form-structure button[type=submit]:disabled,
.company-template-dev-form-structure button[type=submit][disabled],
.company-template-dev-form-structure button[type=submit].disabled,
.company-template-dev-form-structure button[type=submit].dev-form-force-disabled,
.company-template-dev-form-structure .button:disabled,
.company-template-dev-form-structure .button[disabled],
.company-template-dev-form-structure .button.disabled,
.company-template-dev-form-structure .button.dev-form-force-disabled,
.company-template-dev-form-structure .refresh-phone-numbers:disabled,
.company-template-dev-form-structure .refresh-phone-numbers[disabled],
.company-template-dev-form-structure .refresh-phone-numbers.disabled,
.company-template-dev-form-structure .refresh-phone-numbers.dev-form-force-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

/*
 * Dev atoms showcase chrome (pattern-workbench Row 3 / live WP).
 * Layout + section labels only — mirrors workbench Row 1 zz-dev-atoms-shared.css
 * chrome. The atoms themselves are painted by real components
 * (_form-primitives, _buttons, _inputs, _selection-controls). Loaded after
 * _dev-form-states so the atom wrapper width wins for the per-atom fixtures.
 */
.company-template-dev-atoms {
  max-width: 56rem;
  margin: 0 auto;
  padding: var(--wp--preset--spacing--30, 1rem);
  font-family: var(--wp--preset--font-family--body-font);
  color: var(--wp--preset--color--body-text);
}
.company-template-dev-atoms .dev-atoms-block {
  overflow: hidden;
  border: 1px solid var(--wp--preset--color--border);
  background-color: var(--wp--preset--color--base);
}
.company-template-dev-atoms .dev-atoms-block__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  padding: 0 0 var(--wp--preset--spacing--20, 0.75rem);
  margin-bottom: var(--wp--preset--spacing--20, 0.75rem);
}
.company-template-dev-atoms .dev-atoms-block__title {
  margin: 0;
  font-size: var(--wp--preset--font-size--sm);
  font-weight: 600;
  color: var(--wp--preset--color--primary);
}
.company-template-dev-atoms .dev-atoms-block__note {
  margin: 0;
  font-size: var(--wp--preset--font-size--xs);
  color: var(--wp--preset--color--text-muted);
}
.company-template-dev-atoms .dev-atoms-row {
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  border-bottom: 1px solid var(--wp--preset--color--border);
}
.company-template-dev-atoms .dev-atoms-row:last-child {
  border-bottom: none;
}
.company-template-dev-atoms .dev-atoms-row__label {
  margin: 0 0 var(--wp--preset--spacing--30);
  font-size: var(--wp--preset--font-size--xs);
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: var(--wp--preset--color--text-muted);
}
.company-template-dev-atoms .dev-atoms-varcols {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  align-items: flex-start;
}
.company-template-dev-atoms .dev-atoms-varcol {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.company-template-dev-atoms .dev-atoms-varcol__label {
  margin: 0;
  font-size: var(--wp--preset--font-size--xs);
  line-height: 1.2;
  text-align: center;
  color: var(--wp--preset--color--text-muted);
}
.company-template-dev-atoms .dev-atoms-inputs-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.company-template-dev-atoms .dev-atoms-inputs-col {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 2rem;
}
.company-template-dev-atoms .dev-atoms-inputs-col + .dev-atoms-inputs-col {
  border-left: 1px solid var(--wp--preset--color--border);
}
.company-template-dev-atoms .dev-atoms-field__state {
  margin: 0 0 1rem;
  font-size: var(--wp--preset--font-size--xs);
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: var(--wp--preset--color--text-muted);
}
.company-template-dev-atoms .dev-atoms-btn-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  align-items: center;
}
.company-template-dev-atoms .dev-atoms-btn-row .button {
  width: auto;
}
.company-template-dev-atoms .dev-atoms-badge-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
}
.company-template-dev-atoms .dev-atoms-check-list,
.company-template-dev-atoms .dev-atoms-toggle-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-width: 20rem;
}
.company-template-dev-atoms .dev-atoms-toggle-list__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  font-size: var(--wp--preset--font-size--sm);
}
.company-template-dev-atoms .dev-atoms-dividers {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.company-template-dev-atoms .dev-atoms-divider-sample__label {
  margin: 0 0 0.75rem;
  font-size: var(--wp--preset--font-size--xs);
  color: var(--wp--preset--color--text-muted);
}
.company-template-dev-atoms .dev-atoms-progress-list {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.company-template-dev-atoms .dev-atoms-icon-grid {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 1.5rem 0.5rem;
}
.company-template-dev-atoms .dev-atoms-icon-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.company-template-dev-atoms .dev-atoms-icon-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid var(--wp--preset--color--border);
  color: var(--wp--preset--color--primary);
}
.company-template-dev-atoms .dev-atoms-icon-cell__name {
  margin: 0;
  font-size: var(--wp--preset--font-size--xs);
  text-align: center;
  color: var(--wp--preset--color--text-muted);
}
@media (max-width: 767px) {
  .company-template-dev-atoms .dev-atoms-inputs-grid {
    grid-template-columns: 1fr;
  }
  .company-template-dev-atoms .dev-atoms-inputs-col + .dev-atoms-inputs-col {
    border-left: none;
    border-top: 1px solid var(--wp--preset--color--border);
  }
  .company-template-dev-atoms .dev-atoms-icon-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/*
 * Lucide icon masks for Dev atoms Icons inventory (WP theme pipeline).
 * Keep class names in sync with workbench zz-dev-atoms-icons.css.
 */
.company-template-dev-atoms .dev-atoms-icon-box[class*=dev-atoms-icon--] {
  position: relative;
  color: var(--wp--preset--color--primary, var(--color-primary, #1a1a2e));
}
.company-template-dev-atoms .dev-atoms-icon-box[class*=dev-atoms-icon--]::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.company-template-dev-atoms .dev-atoms-icon-sizes {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 2rem;
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid #f0f0ee;
}
.company-template-dev-atoms .dev-atoms-icon-sizes__label {
  margin: 0 0 0.25rem;
  font-size: 0.688rem;
  color: #aaaaaa;
  align-self: flex-end;
}
.company-template-dev-atoms .dev-atoms-icon-size {
  display: inline-flex;
  color: var(--wp--preset--color--primary, var(--color-primary, #1a1a2e));
}
.company-template-dev-atoms .dev-atoms-icon-size::before {
  content: "";
  display: block;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.company-template-dev-atoms .dev-atoms-icon--home::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15%2021v-8a1%201%200%200%200-1-1h-4a1%201%200%200%200-1%201v8%22%2F%3E%3Cpath%20d%3D%22M3%2010a2%202%200%200%201%20.709-1.528l7-5.999a2%202%200%200%201%202.582%200l7%205.999A2%202%200%200%201%2021%2010v9a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15%2021v-8a1%201%200%200%200-1-1h-4a1%201%200%200%200-1%201v8%22%2F%3E%3Cpath%20d%3D%22M3%2010a2%202%200%200%201%20.709-1.528l7-5.999a2%202%200%200%201%202.582%200l7%205.999A2%202%200%200%201%2021%2010v9a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--user::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19%2021v-2a4%204%200%200%200-4-4H9a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19%2021v-2a4%204%200%200%200-4-4H9a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--settings::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12.22%202h-.44a2%202%200%200%200-2%202v.18a2%202%200%200%201-1%201.73l-.43.25a2%202%200%200%201-2%200l-.15-.08a2%202%200%200%200-2.73.73l-.22.38a2%202%200%200%200%20.73%202.73l.15.1a2%202%200%200%201%201%201.72v.51a2%202%200%200%201-1%201.74l-.15.09a2%202%200%200%200-.73%202.73l.22.38a2%202%200%200%200%202.73.73l.15-.08a2%202%200%200%201%202%200l.43.25a2%202%200%200%201%201%201.73V20a2%202%200%200%200%202%202h.44a2%202%200%200%200%202-2v-.18a2%202%200%200%201%201-1.73l.43-.25a2%202%200%200%201%202%200l.15.08a2%202%200%200%200%202.73-.73l.22-.39a2%202%200%200%200-.73-2.73l-.15-.08a2%202%200%200%201-1-1.74v-.5a2%202%200%200%201%201-1.74l.15-.09a2%202%200%200%200%20.73-2.73l-.22-.38a2%202%200%200%200-2.73-.73l-.15.08a2%202%200%200%201-2%200l-.43-.25a2%202%200%200%201-1-1.73V4a2%202%200%200%200-2-2z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12.22%202h-.44a2%202%200%200%200-2%202v.18a2%202%200%200%201-1%201.73l-.43.25a2%202%200%200%201-2%200l-.15-.08a2%202%200%200%200-2.73.73l-.22.38a2%202%200%200%200%20.73%202.73l.15.1a2%202%200%200%201%201%201.72v.51a2%202%200%200%201-1%201.74l-.15.09a2%202%200%200%200-.73%202.73l.22.38a2%202%200%200%200%202.73.73l.15-.08a2%202%200%200%201%202%200l.43.25a2%202%200%200%201%201%201.73V20a2%202%200%200%200%202%202h.44a2%202%200%200%200%202-2v-.18a2%202%200%200%201%201-1.73l.43-.25a2%202%200%200%201%202%200l.15.08a2%202%200%200%200%202.73-.73l.22-.39a2%202%200%200%200-.73-2.73l-.15-.08a2%202%200%200%201-1-1.74v-.5a2%202%200%200%201%201-1.74l.15-.09a2%202%200%200%200%20.73-2.73l-.22-.38a2%202%200%200%200-2.73-.73l-.15.08a2%202%200%200%201-2%200l-.43-.25a2%202%200%200%201-1-1.73V4a2%202%200%200%200-2-2z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--bell::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10.268%2021a2%202%200%200%200%203.464%200%22%2F%3E%3Cpath%20d%3D%22M3.262%2015.326A1%201%200%200%200%204%2017h16a1%201%200%200%200%20.74-1.673C19.41%2013.956%2018%2012.499%2018%208A6%206%200%200%200%206%208c0%204.499-1.411%205.956-2.738%207.326%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10.268%2021a2%202%200%200%200%203.464%200%22%2F%3E%3Cpath%20d%3D%22M3.262%2015.326A1%201%200%200%200%204%2017h16a1%201%200%200%200%20.74-1.673C19.41%2013.956%2018%2012.499%2018%208A6%206%200%200%200%206%208c0%204.499-1.411%205.956-2.738%207.326%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--mail::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2220%22%20height%3D%2216%22%20x%3D%222%22%20y%3D%224%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m22%207-8.97%205.7a1.94%201.94%200%200%201-2.06%200L2%207%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2220%22%20height%3D%2216%22%20x%3D%222%22%20y%3D%224%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m22%207-8.97%205.7a1.94%201.94%200%200%201-2.06%200L2%207%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--search::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%2F%3E%3Cpath%20d%3D%22m21%2021-4.3-4.3%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%2F%3E%3Cpath%20d%3D%22m21%2021-4.3-4.3%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--heart::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19%2014c1.49-1.46%203-3.21%203-5.5A5.5%205.5%200%200%200%2016.5%203c-1.76%200-3%20.5-4.5%202-1.5-1.5-2.74-2-4.5-2A5.5%205.5%200%200%200%202%208.5c0%202.3%201.5%204.05%203%205.5l7%207Z%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19%2014c1.49-1.46%203-3.21%203-5.5A5.5%205.5%200%200%200%2016.5%203c-1.76%200-3%20.5-4.5%202-1.5-1.5-2.74-2-4.5-2A5.5%205.5%200%200%200%202%208.5c0%202.3%201.5%204.05%203%205.5l7%207Z%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--trash::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%206h18%22%2F%3E%3Cpath%20d%3D%22M19%206v14c0%201-1%202-2%202H7c-1%200-2-1-2-2V6%22%2F%3E%3Cpath%20d%3D%22M8%206V4c0-1%201-2%202-2h4c1%200%202%201%202%202v2%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%206h18%22%2F%3E%3Cpath%20d%3D%22M19%206v14c0%201-1%202-2%202H7c-1%200-2-1-2-2V6%22%2F%3E%3Cpath%20d%3D%22M8%206V4c0-1%201-2%202-2h4c1%200%202%201%202%202v2%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--edit::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21.174%206.812a1%201%200%200%200-3.986-3.987L3.842%2016.174a2%202%200%200%200-.5.83l-1.321%204.352a.5.5%200%200%200%20.623.622l4.353-1.32a2%202%200%200%200%20.83-.497z%22%2F%3E%3Cpath%20d%3D%22m15%205%204%204%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21.174%206.812a1%201%200%200%200-3.986-3.987L3.842%2016.174a2%202%200%200%200-.5.83l-1.321%204.352a.5.5%200%200%200%20.623.622l4.353-1.32a2%202%200%200%200%20.83-.497z%22%2F%3E%3Cpath%20d%3D%22m15%205%204%204%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--download::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22%2F%3E%3Cpolyline%20points%3D%227%2010%2012%2015%2017%2010%22%2F%3E%3Cline%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%2215%22%20y2%3D%223%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22%2F%3E%3Cpolyline%20points%3D%227%2010%2012%2015%2017%2010%22%2F%3E%3Cline%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%2215%22%20y2%3D%223%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--upload::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22%2F%3E%3Cpolyline%20points%3D%2217%208%2012%203%207%208%22%2F%3E%3Cline%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223%22%20y2%3D%2215%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22%2F%3E%3Cpolyline%20points%3D%2217%208%2012%203%207%208%22%2F%3E%3Cline%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223%22%20y2%3D%2215%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--plus::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14%22%2F%3E%3Cpath%20d%3D%22M12%205v14%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14%22%2F%3E%3Cpath%20d%3D%22M12%205v14%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--x::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%206%206%2018%22%2F%3E%3Cpath%20d%3D%22m6%206%2012%2012%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%206%206%2018%22%2F%3E%3Cpath%20d%3D%22m6%206%2012%2012%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--check::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%206%209%2017l-5-5%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%206%209%2017l-5-5%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--chevron-down::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--chevron-right::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%2018%206-6-6-6%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%2018%206-6-6-6%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--arrow-right::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14%22%2F%3E%3Cpath%20d%3D%22m12%205%207%207-7%207%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14%22%2F%3E%3Cpath%20d%3D%22m12%205%207%207-7%207%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--lock::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2218%22%20height%3D%2211%22%20x%3D%223%22%20y%3D%2211%22%20rx%3D%222%22%20ry%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%2011V7a5%205%200%200%201%2010%200v4%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2218%22%20height%3D%2211%22%20x%3D%223%22%20y%3D%2211%22%20rx%3D%222%22%20ry%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%2011V7a5%205%200%200%201%2010%200v4%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--globe::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%202a14.5%2014.5%200%200%200%200%2020%2014.5%2014.5%200%200%200%200-20%22%2F%3E%3Cpath%20d%3D%22M2%2012h20%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%202a14.5%2014.5%200%200%200%200%2020%2014.5%2014.5%200%200%200%200-20%22%2F%3E%3Cpath%20d%3D%22M2%2012h20%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--zap::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2014a1%201%200%200%201-.78-1.63l9.9-10.2a.5.5%200%200%201%20.86.46l-1.92%206.02A1%201%200%200%200%2013%2010h7a1%201%200%200%201%20.78%201.63l-9.9%2010.2a.5.5%200%200%201-.86-.46l1.92-6.02A1%201%200%200%200%2011%2014z%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2014a1%201%200%200%201-.78-1.63l9.9-10.2a.5.5%200%200%201%20.86.46l-1.92%206.02A1%201%200%200%200%2013%2010h7a1%201%200%200%201%20.78%201.63l-9.9%2010.2a.5.5%200%200%201-.86-.46l1.92-6.02A1%201%200%200%200%2011%2014z%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--alert-circle::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cline%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%228%22%20y2%3D%2212%22%2F%3E%3Cline%20x1%3D%2212%22%20x2%3D%2212.01%22%20y1%3D%2216%22%20y2%3D%2216%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cline%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%228%22%20y2%3D%2212%22%2F%3E%3Cline%20x1%3D%2212%22%20x2%3D%2212.01%22%20y1%3D%2216%22%20y2%3D%2216%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--check-circle::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21.801%2010A10%2010%200%201%201%2017%203.335%22%2F%3E%3Cpath%20d%3D%22m9%2011%203%203L22%204%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21.801%2010A10%2010%200%201%201%2017%203.335%22%2F%3E%3Cpath%20d%3D%22m9%2011%203%203L22%204%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--alert-triangle::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m21.73%2018-8-14a2%202%200%200%200-3.48%200l-8%2014A2%202%200%200%200%204%2021h16a2%202%200%200%200%201.73-3%22%2F%3E%3Cpath%20d%3D%22M12%209v4%22%2F%3E%3Cpath%20d%3D%22M12%2017h.01%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m21.73%2018-8-14a2%202%200%200%200-3.48%200l-8%2014A2%202%200%200%200%204%2021h16a2%202%200%200%200%201.73-3%22%2F%3E%3Cpath%20d%3D%22M12%209v4%22%2F%3E%3Cpath%20d%3D%22M12%2017h.01%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--info::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%2016v-4%22%2F%3E%3Cpath%20d%3D%22M12%208h.01%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%2016v-4%22%2F%3E%3Cpath%20d%3D%22M12%208h.01%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--star::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--phone::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2016.92v3a2%202%200%200%201-2.18%202%2019.79%2019.79%200%200%201-8.63-3.07%2019.5%2019.5%200%200%201-6-6%2019.79%2019.79%200%200%201-3.07-8.67A2%202%200%200%201%204.11%202h3a2%202%200%200%201%202%201.72%2012.84%2012.84%200%200%200%20.7%202.81%202%202%200%200%201-.45%202.11L8.09%209.91a16%2016%200%200%200%206%206l1.27-1.27a2%202%200%200%201%202.11-.45%2012.84%2012.84%200%200%200%202.81.7A2%202%200%200%201%2022%2016.92z%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2016.92v3a2%202%200%200%201-2.18%202%2019.79%2019.79%200%200%201-8.63-3.07%2019.5%2019.5%200%200%201-6-6%2019.79%2019.79%200%200%201-3.07-8.67A2%202%200%200%201%204.11%202h3a2%202%200%200%201%202%201.72%2012.84%2012.84%200%200%200%20.7%202.81%202%202%200%200%201-.45%202.11L8.09%209.91a16%2016%200%200%200%206%206l1.27-1.27a2%202%200%200%201%202.11-.45%2012.84%2012.84%200%200%200%202.81.7A2%202%200%200%201%2022%2016.92z%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--calendar::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%202v4%22%2F%3E%3Cpath%20d%3D%22M16%202v4%22%2F%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%224%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%2010h18%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%202v4%22%2F%3E%3Cpath%20d%3D%22M16%202v4%22%2F%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%224%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%2010h18%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--clock::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpolyline%20points%3D%2212%206%2012%2012%2016%2014%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpolyline%20points%3D%2212%206%2012%2012%2016%2014%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--bookmark::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m19%2021-7-4-7%204V5a2%202%200%200%201%202-2h10a2%202%200%200%201%202%202v16z%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m19%2021-7-4-7%204V5a2%202%200%200%201%202-2h10a2%202%200%200%201%202%202v16z%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--share::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2012v8a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2v-8%22%2F%3E%3Cpolyline%20points%3D%2216%206%2012%202%208%206%22%2F%3E%3Cline%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%222%22%20y2%3D%2215%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2012v8a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2v-8%22%2F%3E%3Cpolyline%20points%3D%2216%206%2012%202%208%206%22%2F%3E%3Cline%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%222%22%20y2%3D%2215%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--copy::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20x%3D%228%22%20y%3D%228%22%20rx%3D%222%22%20ry%3D%222%22%2F%3E%3Cpath%20d%3D%22M4%2016c-1.1%200-2-.9-2-2V4c0-1.1.9-2%202-2h10c1.1%200%202%20.9%202%202%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20x%3D%228%22%20y%3D%228%22%20rx%3D%222%22%20ry%3D%222%22%2F%3E%3Cpath%20d%3D%22M4%2016c-1.1%200-2-.9-2-2V4c0-1.1.9-2%202-2h10c1.1%200%202%20.9%202%202%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--filter::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%2020a1%201%200%200%200%20.553.895l2%201A1%201%200%200%200%2014%2021v-7a2%202%200%200%201%20.517-1.341L21.74%204.67A1%201%200%200%200%2021%203H3a1%201%200%200%200-.742%201.67l7.225%207.989A2%202%200%200%201%2010%2014z%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%2020a1%201%200%200%200%20.553.895l2%201A1%201%200%200%200%2014%2021v-7a2%202%200%200%201%20.517-1.341L21.74%204.67A1%201%200%200%200%2021%203H3a1%201%200%200%200-.742%201.67l7.225%207.989A2%202%200%200%201%2010%2014z%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--more::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--layers::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12.83%202.18a2%202%200%200%200-1.66%200L2.6%206.08a1%201%200%200%200%200%201.83l8.58%203.91a2%202%200%200%200%201.66%200l8.58-3.9a1%201%200%200%200%200-1.83z%22%2F%3E%3Cpath%20d%3D%22M2%2012a1%201%200%200%200%20.58.91l8.6%203.91a2%202%200%200%200%201.65%200l8.58-3.9A1%201%200%200%200%2022%2012%22%2F%3E%3Cpath%20d%3D%22M2%2017a1%201%200%200%200%20.58.91l8.6%203.91a2%202%200%200%200%201.65%200l8.58-3.9A1%201%200%200%200%2022%2017%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12.83%202.18a2%202%200%200%200-1.66%200L2.6%206.08a1%201%200%200%200%200%201.83l8.58%203.91a2%202%200%200%200%201.66%200l8.58-3.9a1%201%200%200%200%200-1.83z%22%2F%3E%3Cpath%20d%3D%22M2%2012a1%201%200%200%200%20.58.91l8.6%203.91a2%202%200%200%200%201.65%200l8.58-3.9A1%201%200%200%200%2022%2012%22%2F%3E%3Cpath%20d%3D%22M2%2017a1%201%200%200%200%20.58.91l8.6%203.91a2%202%200%200%200%201.65%200l8.58-3.9A1%201%200%200%200%2022%2017%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--target::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%226%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%226%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--send::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14.536%2021.686a.5.5%200%200%200%20.937-.024l6.5-19a.496.496%200%200%200-.635-.635l-19%206.5a.5.5%200%200%200-.024.937l7.93%203.18a2%202%200%200%201%201.112%201.11z%22%2F%3E%3Cpath%20d%3D%22m21.854%202.147-10.94%2010.939%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14.536%2021.686a.5.5%200%200%200%20.937-.024l6.5-19a.496.496%200%200%200-.635-.635l-19%206.5a.5.5%200%200%200-.024.937l7.93%203.18a2%202%200%200%201%201.112%201.11z%22%2F%3E%3Cpath%20d%3D%22m21.854%202.147-10.94%2010.939%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--package::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11%2021.73a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73z%22%2F%3E%3Cpath%20d%3D%22M12%2022V12%22%2F%3E%3Cpolyline%20points%3D%223.29%207%2012%2012%2020.71%207%22%2F%3E%3Cpath%20d%3D%22m7.5%204.27%209%205.15%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11%2021.73a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73z%22%2F%3E%3Cpath%20d%3D%22M12%2022V12%22%2F%3E%3Cpolyline%20points%3D%223.29%207%2012%2012%2020.71%207%22%2F%3E%3Cpath%20d%3D%22m7.5%204.27%209%205.15%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--code::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%2216%2018%2022%2012%2016%206%22%2F%3E%3Cpolyline%20points%3D%228%206%202%2012%208%2018%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%2216%2018%2022%2012%2016%206%22%2F%3E%3Cpolyline%20points%3D%228%206%202%2012%208%2018%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--image::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%222%22%20ry%3D%222%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22m21%2015-3.086-3.086a2%202%200%200%200-2.828%200L6%2021%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%222%22%20ry%3D%222%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22m21%2015-3.086-3.086a2%202%200%200%200-2.828%200L6%2021%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--bar-chart-3::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203v16a2%202%200%200%200%202%202h16%22%2F%3E%3Cpath%20d%3D%22M18%2017V9%22%2F%3E%3Cpath%20d%3D%22M13%2017V5%22%2F%3E%3Cpath%20d%3D%22M8%2017v-3%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203v16a2%202%200%200%200%202%202h16%22%2F%3E%3Cpath%20d%3D%22M18%2017V9%22%2F%3E%3Cpath%20d%3D%22M13%2017V5%22%2F%3E%3Cpath%20d%3D%22M8%2017v-3%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon--refresh-cw::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012a9%209%200%200%201%209-9%209.75%209.75%200%200%201%206.74%202.74L21%208%22%2F%3E%3Cpath%20d%3D%22M21%203v5h-5%22%2F%3E%3Cpath%20d%3D%22M21%2012a9%209%200%200%201-9%209%209.75%209.75%200%200%201-6.74-2.74L3%2016%22%2F%3E%3Cpath%20d%3D%22M8%2016H3v5%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012a9%209%200%200%201%209-9%209.75%209.75%200%200%201%206.74%202.74L21%208%22%2F%3E%3Cpath%20d%3D%22M21%203v5h-5%22%2F%3E%3Cpath%20d%3D%22M21%2012a9%209%200%200%201-9%209%209.75%209.75%200%200%201-6.74-2.74L3%2016%22%2F%3E%3Cpath%20d%3D%22M8%2016H3v5%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon-size--12::before {
  width: 12px;
  height: 12px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon-size--16::before {
  width: 16px;
  height: 16px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon-size--20::before {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon-size--24::before {
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z%22%2F%3E%3C%2Fsvg%3E");
}
.company-template-dev-atoms .dev-atoms-icon-size--32::before {
  width: 32px;
  height: 32px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z%22%2F%3E%3C%2Fsvg%3E");
}

/*
 * Dev-pattern chrome only — section labels / swatch strip / state labels.
 * Atom visuals live in _inputs / _buttons / _selection-controls.
 * Used by zz-dev-atoms (company-template-dev-atoms wrapper).
 */
.company-template-dev-atoms {
  padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--30);
  max-width: 48rem;
  margin: 0 auto;
}
.company-template-dev-atoms .dev-form-states__title {
  font-family: var(--wp--preset--font-family--heading-font);
  font-size: var(--wp--preset--font-size--h-3);
  color: var(--wp--preset--color--primary);
  margin: 0 0 var(--wp--preset--spacing--30);
}
.company-template-dev-atoms .dev-form-states__intro {
  font-size: var(--wp--preset--font-size--sm);
  color: var(--wp--preset--color--text-muted);
  margin: 0 0 var(--wp--preset--spacing--40);
}
.company-template-dev-atoms .dev-form-states__section {
  margin-bottom: var(--wp--preset--spacing--50);
}
.company-template-dev-atoms .dev-form-states__section-title {
  font-family: var(--wp--preset--font-family--heading-font);
  font-size: var(--wp--preset--font-size--h-4);
  color: var(--wp--preset--color--primary);
  margin: 0 0 var(--wp--preset--spacing--30);
}
.company-template-dev-atoms .dev-form-states__state-label {
  display: block;
  font-size: var(--wp--preset--font-size--xs);
  font-family: var(--wp--preset--font-family--body-font);
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--wp--preset--color--text-muted);
  margin: 0 0 0.5em;
}
.company-template-dev-atoms .dev-form-states__atom {
  margin-bottom: var(--wp--preset--spacing--30);
}
.company-template-dev-atoms .dev-form-states__swatches {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--30);
  list-style: none;
  margin: 0;
  padding: 0;
}
.company-template-dev-atoms .dev-form-states__swatch {
  display: flex;
  flex-direction: column;
  gap: 0.35em;
  min-width: 6rem;
}
.company-template-dev-atoms .dev-form-states__swatch-chip {
  width: 100%;
  height: 2.5rem;
  border: 1px solid var(--wp--preset--color--border);
  border-radius: var(--wp--custom--input--radius);
}
.company-template-dev-atoms .dev-form-states__swatch-chip--border-color {
  background: var(--wp--custom--input--border-color);
}
.company-template-dev-atoms .dev-form-states__swatch-chip--background {
  background: var(--wp--custom--input--background);
}
.company-template-dev-atoms .dev-form-states__swatch-chip--focus-ring {
  background: var(--wp--custom--input--focus-ring-color);
}
.company-template-dev-atoms .dev-form-states__swatch-chip--error {
  background: var(--wp--custom--input--error-color);
}
.company-template-dev-atoms .dev-form-states__swatch-chip--success {
  background: var(--wp--custom--input--success-color);
}
.company-template-dev-atoms .dev-form-states__swatch-chip--placeholder {
  background: var(--wp--custom--input--placeholder-color);
}
.company-template-dev-atoms .dev-form-states__swatch-chip--label {
  background: var(--wp--custom--input--label-color);
}
.company-template-dev-atoms .dev-form-states__swatch-name {
  font-size: var(--wp--preset--font-size--xs);
  color: var(--wp--preset--color--text-muted);
  font-family: var(--wp--preset--font-family--body-font);
}

/*
 * Dev form-structure fixture chrome (pattern-workbench Row 3 / live WP).
 * Mirrors workbench Row 1 `patterns/dev/dev.css` — head/title/note/body only.
 * Plugin markup (tiers, step-nav, etc.) is styled by the other vue-forms partials.
 */
.company-template-dev-form-structure {
  font-family: var(--wp--preset--font-family--body-font);
  color: var(--wp--preset--color--body-text);
  background: var(--wp--preset--color--base);
  max-width: 40rem;
  margin: 0 auto;
  padding: var(--wp--preset--spacing--30, 1rem);
  box-sizing: border-box;
}
.company-template-dev-form-structure *,
.company-template-dev-form-structure *::before,
.company-template-dev-form-structure *::after {
  box-sizing: inherit;
}
.company-template-dev-form-structure .dev-form-structure__head {
  margin: 0 0 var(--wp--preset--spacing--30, 1rem);
  padding: 0 0 var(--wp--preset--spacing--20, 0.75rem);
  border-bottom: 1px solid var(--wp--custom--input--border-color, var(--wp--preset--color--border));
}
.company-template-dev-form-structure .dev-form-structure__title {
  margin: 0 0 0.25rem;
  font-family: var(--wp--preset--font-family--heading-font, var(--wp--preset--font-family--body-font));
  font-size: var(--wp--preset--font-size--sm, 0.875rem);
  font-weight: 700;
  color: var(--wp--preset--color--body-text);
}
.company-template-dev-form-structure .dev-form-structure__note,
.company-template-dev-form-structure .dev-form-structure__label {
  margin: 0;
  font-size: var(--wp--preset--font-size--sm, 0.75rem);
  color: var(--wp--preset--color--text-muted);
}
.company-template-dev-form-structure .dev-form-structure__label {
  margin: 0 0 var(--wp--preset--spacing--20, 0.75rem);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.company-template-dev-form-structure .dev-form-structure__body {
  width: 100%;
}
.company-template-dev-form-structure.dev--zz-dev-form-structure-order-summary {
  max-width: 22rem;
}
.company-template-dev-form-structure.dev--zz-dev-form-structure-step-nav {
  max-width: 48rem;
}

/*
 * Form design-system primitives — badge, toggle, divider, linear progress.
 * Real, reusable components (not fixture-only): they paint on any real form
 * surface (.vue-form-page / .company-template-form-block) and the dev showcase.
 * Colors come from brand tokens so every brand inherits correct styling.
 */
.vue-form-page .badge,
.company-template-form-block .badge,
.company-template-dev-atoms .badge,
.company-template-dev-form-structure .badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  font-size: var(--wp--preset--font-size--xs);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  line-height: 1.3;
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--base);
}
.vue-form-page .badge--success,
.company-template-form-block .badge--success,
.company-template-dev-atoms .badge--success,
.company-template-dev-form-structure .badge--success {
  background-color: var(--wp--preset--color--green);
}
.vue-form-page .badge--warning,
.company-template-form-block .badge--warning,
.company-template-dev-atoms .badge--warning,
.company-template-dev-form-structure .badge--warning {
  background-color: var(--wp--preset--color--orange);
}
.vue-form-page .badge--error,
.company-template-form-block .badge--error,
.company-template-dev-atoms .badge--error,
.company-template-dev-form-structure .badge--error {
  background-color: var(--wp--preset--color--red);
}
.vue-form-page .badge--muted,
.company-template-form-block .badge--muted,
.company-template-dev-atoms .badge--muted,
.company-template-dev-form-structure .badge--muted {
  background-color: var(--wp--preset--color--text-muted);
}
.vue-form-page .badge--light,
.company-template-form-block .badge--light,
.company-template-dev-atoms .badge--light,
.company-template-dev-form-structure .badge--light {
  background-color: var(--wp--preset--color--light-gray);
  color: var(--wp--preset--color--body-text);
}
.vue-form-page .badge--outline,
.company-template-form-block .badge--outline,
.company-template-dev-atoms .badge--outline,
.company-template-dev-form-structure .badge--outline {
  background-color: transparent;
  border: 1px solid var(--wp--preset--color--primary);
  color: var(--wp--preset--color--primary);
}
.vue-form-page .badge--outline-success,
.company-template-form-block .badge--outline-success,
.company-template-dev-atoms .badge--outline-success,
.company-template-dev-form-structure .badge--outline-success {
  background-color: transparent;
  border: 1px solid var(--wp--preset--color--green);
  color: var(--wp--preset--color--green);
}
.vue-form-page .badge--outline-error,
.company-template-form-block .badge--outline-error,
.company-template-dev-atoms .badge--outline-error,
.company-template-dev-form-structure .badge--outline-error {
  background-color: transparent;
  border: 1px solid var(--wp--preset--color--red);
  color: var(--wp--preset--color--red);
}
.vue-form-page .badge--pill,
.company-template-form-block .badge--pill,
.company-template-dev-atoms .badge--pill,
.company-template-dev-form-structure .badge--pill {
  border-radius: 999px;
  text-transform: none;
  letter-spacing: normal;
  font-size: var(--wp--preset--font-size--sm);
  padding: 0.375rem 0.75rem;
}
.vue-form-page .toggle,
.company-template-form-block .toggle,
.company-template-dev-atoms .toggle,
.company-template-dev-form-structure .toggle {
  width: 2.75rem;
  height: 1.5rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: 2px;
  border: none;
  border-radius: 999px;
  background-color: var(--wp--custom--form-toggle--off, var(--wp--preset--color--border));
}
.vue-form-page .toggle.is-on,
.company-template-form-block .toggle.is-on,
.company-template-dev-atoms .toggle.is-on,
.company-template-dev-form-structure .toggle.is-on {
  background-color: var(--wp--custom--form-toggle--on, var(--wp--preset--color--primary));
}
.vue-form-page .toggle__thumb,
.company-template-form-block .toggle__thumb,
.company-template-dev-atoms .toggle__thumb,
.company-template-dev-form-structure .toggle__thumb {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background-color: var(--wp--custom--form-toggle--thumb, var(--wp--preset--color--base));
  box-shadow: 0 1px 2px color-mix(in srgb, var(--wp--preset--color--body-text) 12%, transparent);
  transition: transform 0.15s ease;
  pointer-events: none;
}
.vue-form-page .toggle.is-on .toggle__thumb,
.company-template-form-block .toggle.is-on .toggle__thumb,
.company-template-dev-atoms .toggle.is-on .toggle__thumb,
.company-template-dev-form-structure .toggle.is-on .toggle__thumb {
  transform: translateX(1.25rem);
}
.vue-form-page .toggle.is-disabled,
.company-template-form-block .toggle.is-disabled,
.company-template-dev-atoms .toggle.is-disabled,
.company-template-dev-form-structure .toggle.is-disabled {
  opacity: 0.6;
  background-color: var(--wp--preset--color--light-gray);
}
.vue-form-page .toggle.is-disabled.is-on,
.company-template-form-block .toggle.is-disabled.is-on,
.company-template-dev-atoms .toggle.is-disabled.is-on,
.company-template-dev-form-structure .toggle.is-disabled.is-on {
  background-color: var(--wp--preset--color--text-muted);
}
.vue-form-page .divider,
.company-template-form-block .divider,
.company-template-dev-atoms .divider,
.company-template-dev-form-structure .divider {
  height: 1px;
  margin: 0;
  border: none;
  background-color: var(--wp--preset--color--border);
}
.vue-form-page .divider--bold,
.company-template-form-block .divider--bold,
.company-template-dev-atoms .divider--bold,
.company-template-dev-form-structure .divider--bold {
  height: 2px;
  background-color: var(--wp--preset--color--primary);
}
.vue-form-page .divider--dashed,
.company-template-form-block .divider--dashed,
.company-template-dev-atoms .divider--dashed,
.company-template-dev-form-structure .divider--dashed {
  height: 0;
  background: none;
  border-top: 1px dashed var(--wp--preset--color--border);
}
.vue-form-page .divider-label,
.company-template-form-block .divider-label,
.company-template-dev-atoms .divider-label,
.company-template-dev-form-structure .divider-label {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.vue-form-page .divider-label .divider,
.company-template-form-block .divider-label .divider,
.company-template-dev-atoms .divider-label .divider,
.company-template-dev-form-structure .divider-label .divider {
  flex: 1;
}
.vue-form-page .divider-label span,
.company-template-form-block .divider-label span,
.company-template-dev-atoms .divider-label span,
.company-template-dev-form-structure .divider-label span {
  flex-shrink: 0;
  font-size: var(--wp--preset--font-size--xs);
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--wp--preset--color--text-muted);
}
.vue-form-page .progress-linear__track,
.company-template-form-block .progress-linear__track,
.company-template-dev-atoms .progress-linear__track,
.company-template-dev-form-structure .progress-linear__track {
  height: 0.5rem;
  overflow: hidden;
  border-radius: var(--wp--custom--form-progress--radius, 999px);
  background-color: var(--wp--custom--form-progress--track, var(--wp--preset--color--light-gray));
}
.vue-form-page .progress-linear__fill,
.company-template-form-block .progress-linear__fill,
.company-template-dev-atoms .progress-linear__fill,
.company-template-dev-form-structure .progress-linear__fill {
  height: 100%;
  border-radius: inherit;
  background-color: var(--wp--custom--form-progress--fill, var(--wp--preset--color--primary));
}
.vue-form-page .progress-linear__fill--success,
.company-template-form-block .progress-linear__fill--success,
.company-template-dev-atoms .progress-linear__fill--success,
.company-template-dev-form-structure .progress-linear__fill--success {
  background-color: var(--wp--preset--color--green);
}
.vue-form-page .progress-linear__fill--error,
.company-template-form-block .progress-linear__fill--error,
.company-template-dev-atoms .progress-linear__fill--error,
.company-template-dev-form-structure .progress-linear__fill--error {
  background-color: var(--wp--preset--color--red);
}

/*
 * Corptools Vue forms — text inputs, textareas, selects, labels, password.
 * Field rhythm + password helper from cowboyhosting; paint via tokens.
 */
.vue-form-page .label-group,
.company-template-form-block .label-group,
.company-template-dev-atoms .label-group,
.company-template-dev-form-structure .label-group {
  display: flex;
  align-items: center;
  gap: 0.35em;
  margin-bottom: 0.4em;
}
.vue-form-page .label-group label,
.company-template-form-block .label-group label,
.company-template-dev-atoms .label-group label,
.company-template-dev-form-structure .label-group label {
  display: block;
  width: auto;
  margin: 0;
  color: var(--wp--custom--input--label-color);
  font-weight: var(--wp--custom--input--label-font-weight);
  font-size: var(--wp--preset--font-size--sm);
  font-family: var(--wp--preset--font-family--body-font);
  text-transform: uppercase;
  letter-spacing: normal;
}
.vue-form-page .input-group-container,
.company-template-form-block .input-group-container,
.company-template-dev-atoms .input-group-container,
.company-template-dev-form-structure .input-group-container {
  width: 100%;
  margin-bottom: var(--wp--preset--spacing--30);
}
.vue-form-page .input-group-container.input-group-input, .vue-form-page .input-group-container.input-group-textarea, .vue-form-page .input-group-container.input-group-select,
.company-template-form-block .input-group-container.input-group-input,
.company-template-form-block .input-group-container.input-group-textarea,
.company-template-form-block .input-group-container.input-group-select,
.company-template-dev-atoms .input-group-container.input-group-input,
.company-template-dev-atoms .input-group-container.input-group-textarea,
.company-template-dev-atoms .input-group-container.input-group-select,
.company-template-dev-form-structure .input-group-container.input-group-input,
.company-template-dev-form-structure .input-group-container.input-group-textarea,
.company-template-dev-form-structure .input-group-container.input-group-select {
  margin-bottom: var(--wp--preset--spacing--30);
}
.vue-form-page .input-group,
.company-template-form-block .input-group,
.company-template-dev-atoms .input-group,
.company-template-dev-form-structure .input-group {
  position: relative;
  width: 100%;
}
.vue-form-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input),
.vue-form-page select,
.vue-form-page textarea,
.company-template-form-block input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input),
.company-template-form-block select,
.company-template-form-block textarea,
.company-template-dev-atoms input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input),
.company-template-dev-atoms select,
.company-template-dev-atoms textarea,
.company-template-dev-form-structure input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input),
.company-template-dev-form-structure select,
.company-template-dev-form-structure textarea {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0.75em 1em;
  border: 1px solid var(--wp--custom--input--border-color);
  border-radius: var(--wp--custom--input--radius);
  background-color: var(--wp--custom--input--background);
  color: var(--wp--preset--color--body-text);
  font-family: var(--wp--preset--font-family--body-font);
  font-size: var(--wp--preset--font-size--sm);
  font-weight: 400;
  line-height: 1.5;
  box-shadow: none;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease, background-color 0.15s ease;
  appearance: none;
}
.vue-form-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input)::placeholder,
.vue-form-page select::placeholder,
.vue-form-page textarea::placeholder,
.company-template-form-block input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input)::placeholder,
.company-template-form-block select::placeholder,
.company-template-form-block textarea::placeholder,
.company-template-dev-atoms input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input)::placeholder,
.company-template-dev-atoms select::placeholder,
.company-template-dev-atoms textarea::placeholder,
.company-template-dev-form-structure input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input)::placeholder,
.company-template-dev-form-structure select::placeholder,
.company-template-dev-form-structure textarea::placeholder {
  color: var(--wp--custom--input--placeholder-color);
  opacity: 1;
}
.vue-form-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input):hover:not(:disabled):not(:focus):not(.invalid):not(.failed),
.vue-form-page select:hover:not(:disabled):not(:focus):not(.invalid):not(.failed),
.vue-form-page textarea:hover:not(:disabled):not(:focus):not(.invalid):not(.failed),
.company-template-form-block input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input):hover:not(:disabled):not(:focus):not(.invalid):not(.failed),
.company-template-form-block select:hover:not(:disabled):not(:focus):not(.invalid):not(.failed),
.company-template-form-block textarea:hover:not(:disabled):not(:focus):not(.invalid):not(.failed),
.company-template-dev-atoms input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input):hover:not(:disabled):not(:focus):not(.invalid):not(.failed),
.company-template-dev-atoms select:hover:not(:disabled):not(:focus):not(.invalid):not(.failed),
.company-template-dev-atoms textarea:hover:not(:disabled):not(:focus):not(.invalid):not(.failed),
.company-template-dev-form-structure input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input):hover:not(:disabled):not(:focus):not(.invalid):not(.failed),
.company-template-dev-form-structure select:hover:not(:disabled):not(:focus):not(.invalid):not(.failed),
.company-template-dev-form-structure textarea:hover:not(:disabled):not(:focus):not(.invalid):not(.failed) {
  border-color: var(--wp--custom--input--focus-ring-color);
}
.vue-form-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input):focus, .vue-form-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input):focus-visible, .vue-form-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).dev-form-force-focus, .vue-form-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).dev-form-force-hover:focus,
.vue-form-page select:focus,
.vue-form-page select:focus-visible,
.vue-form-page select.dev-form-force-focus,
.vue-form-page select.dev-form-force-hover:focus,
.vue-form-page textarea:focus,
.vue-form-page textarea:focus-visible,
.vue-form-page textarea.dev-form-force-focus,
.vue-form-page textarea.dev-form-force-hover:focus,
.company-template-form-block input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input):focus,
.company-template-form-block input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input):focus-visible,
.company-template-form-block input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).dev-form-force-focus,
.company-template-form-block input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).dev-form-force-hover:focus,
.company-template-form-block select:focus,
.company-template-form-block select:focus-visible,
.company-template-form-block select.dev-form-force-focus,
.company-template-form-block select.dev-form-force-hover:focus,
.company-template-form-block textarea:focus,
.company-template-form-block textarea:focus-visible,
.company-template-form-block textarea.dev-form-force-focus,
.company-template-form-block textarea.dev-form-force-hover:focus,
.company-template-dev-atoms input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input):focus,
.company-template-dev-atoms input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input):focus-visible,
.company-template-dev-atoms input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).dev-form-force-focus,
.company-template-dev-atoms input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).dev-form-force-hover:focus,
.company-template-dev-atoms select:focus,
.company-template-dev-atoms select:focus-visible,
.company-template-dev-atoms select.dev-form-force-focus,
.company-template-dev-atoms select.dev-form-force-hover:focus,
.company-template-dev-atoms textarea:focus,
.company-template-dev-atoms textarea:focus-visible,
.company-template-dev-atoms textarea.dev-form-force-focus,
.company-template-dev-atoms textarea.dev-form-force-hover:focus,
.company-template-dev-form-structure input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input):focus,
.company-template-dev-form-structure input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input):focus-visible,
.company-template-dev-form-structure input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).dev-form-force-focus,
.company-template-dev-form-structure input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).dev-form-force-hover:focus,
.company-template-dev-form-structure select:focus,
.company-template-dev-form-structure select:focus-visible,
.company-template-dev-form-structure select.dev-form-force-focus,
.company-template-dev-form-structure select.dev-form-force-hover:focus,
.company-template-dev-form-structure textarea:focus,
.company-template-dev-form-structure textarea:focus-visible,
.company-template-dev-form-structure textarea.dev-form-force-focus,
.company-template-dev-form-structure textarea.dev-form-force-hover:focus {
  border-color: var(--wp--custom--input--focus-ring-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--custom--input--focus-ring-color) 50%, transparent);
}
.vue-form-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).dev-form-force-hover:not(:focus):not(.invalid):not(.failed),
.vue-form-page select.dev-form-force-hover:not(:focus):not(.invalid):not(.failed),
.vue-form-page textarea.dev-form-force-hover:not(:focus):not(.invalid):not(.failed),
.company-template-form-block input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).dev-form-force-hover:not(:focus):not(.invalid):not(.failed),
.company-template-form-block select.dev-form-force-hover:not(:focus):not(.invalid):not(.failed),
.company-template-form-block textarea.dev-form-force-hover:not(:focus):not(.invalid):not(.failed),
.company-template-dev-atoms input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).dev-form-force-hover:not(:focus):not(.invalid):not(.failed),
.company-template-dev-atoms select.dev-form-force-hover:not(:focus):not(.invalid):not(.failed),
.company-template-dev-atoms textarea.dev-form-force-hover:not(:focus):not(.invalid):not(.failed),
.company-template-dev-form-structure input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).dev-form-force-hover:not(:focus):not(.invalid):not(.failed),
.company-template-dev-form-structure select.dev-form-force-hover:not(:focus):not(.invalid):not(.failed),
.company-template-dev-form-structure textarea.dev-form-force-hover:not(:focus):not(.invalid):not(.failed) {
  border-color: var(--wp--custom--input--focus-ring-color);
}
.vue-form-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).invalid, .vue-form-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).failed, .vue-form-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).dev-form-force-error,
.vue-form-page select.invalid,
.vue-form-page select.failed,
.vue-form-page select.dev-form-force-error,
.vue-form-page textarea.invalid,
.vue-form-page textarea.failed,
.vue-form-page textarea.dev-form-force-error,
.company-template-form-block input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).invalid,
.company-template-form-block input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).failed,
.company-template-form-block input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).dev-form-force-error,
.company-template-form-block select.invalid,
.company-template-form-block select.failed,
.company-template-form-block select.dev-form-force-error,
.company-template-form-block textarea.invalid,
.company-template-form-block textarea.failed,
.company-template-form-block textarea.dev-form-force-error,
.company-template-dev-atoms input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).invalid,
.company-template-dev-atoms input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).failed,
.company-template-dev-atoms input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).dev-form-force-error,
.company-template-dev-atoms select.invalid,
.company-template-dev-atoms select.failed,
.company-template-dev-atoms select.dev-form-force-error,
.company-template-dev-atoms textarea.invalid,
.company-template-dev-atoms textarea.failed,
.company-template-dev-atoms textarea.dev-form-force-error,
.company-template-dev-form-structure input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).invalid,
.company-template-dev-form-structure input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).failed,
.company-template-dev-form-structure input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).dev-form-force-error,
.company-template-dev-form-structure select.invalid,
.company-template-dev-form-structure select.failed,
.company-template-dev-form-structure select.dev-form-force-error,
.company-template-dev-form-structure textarea.invalid,
.company-template-dev-form-structure textarea.failed,
.company-template-dev-form-structure textarea.dev-form-force-error {
  border-color: var(--wp--custom--input--error-color);
  box-shadow: none;
}
.vue-form-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).invalid:focus, .vue-form-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).invalid:focus-visible, .vue-form-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).invalid.dev-form-force-focus, .vue-form-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).failed:focus, .vue-form-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).failed:focus-visible, .vue-form-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).failed.dev-form-force-focus, .vue-form-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).dev-form-force-error:focus, .vue-form-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).dev-form-force-error:focus-visible, .vue-form-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).dev-form-force-error.dev-form-force-focus,
.vue-form-page select.invalid:focus,
.vue-form-page select.invalid:focus-visible,
.vue-form-page select.invalid.dev-form-force-focus,
.vue-form-page select.failed:focus,
.vue-form-page select.failed:focus-visible,
.vue-form-page select.failed.dev-form-force-focus,
.vue-form-page select.dev-form-force-error:focus,
.vue-form-page select.dev-form-force-error:focus-visible,
.vue-form-page select.dev-form-force-error.dev-form-force-focus,
.vue-form-page textarea.invalid:focus,
.vue-form-page textarea.invalid:focus-visible,
.vue-form-page textarea.invalid.dev-form-force-focus,
.vue-form-page textarea.failed:focus,
.vue-form-page textarea.failed:focus-visible,
.vue-form-page textarea.failed.dev-form-force-focus,
.vue-form-page textarea.dev-form-force-error:focus,
.vue-form-page textarea.dev-form-force-error:focus-visible,
.vue-form-page textarea.dev-form-force-error.dev-form-force-focus,
.company-template-form-block input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).invalid:focus,
.company-template-form-block input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).invalid:focus-visible,
.company-template-form-block input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).invalid.dev-form-force-focus,
.company-template-form-block input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).failed:focus,
.company-template-form-block input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).failed:focus-visible,
.company-template-form-block input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).failed.dev-form-force-focus,
.company-template-form-block input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).dev-form-force-error:focus,
.company-template-form-block input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).dev-form-force-error:focus-visible,
.company-template-form-block input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).dev-form-force-error.dev-form-force-focus,
.company-template-form-block select.invalid:focus,
.company-template-form-block select.invalid:focus-visible,
.company-template-form-block select.invalid.dev-form-force-focus,
.company-template-form-block select.failed:focus,
.company-template-form-block select.failed:focus-visible,
.company-template-form-block select.failed.dev-form-force-focus,
.company-template-form-block select.dev-form-force-error:focus,
.company-template-form-block select.dev-form-force-error:focus-visible,
.company-template-form-block select.dev-form-force-error.dev-form-force-focus,
.company-template-form-block textarea.invalid:focus,
.company-template-form-block textarea.invalid:focus-visible,
.company-template-form-block textarea.invalid.dev-form-force-focus,
.company-template-form-block textarea.failed:focus,
.company-template-form-block textarea.failed:focus-visible,
.company-template-form-block textarea.failed.dev-form-force-focus,
.company-template-form-block textarea.dev-form-force-error:focus,
.company-template-form-block textarea.dev-form-force-error:focus-visible,
.company-template-form-block textarea.dev-form-force-error.dev-form-force-focus,
.company-template-dev-atoms input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).invalid:focus,
.company-template-dev-atoms input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).invalid:focus-visible,
.company-template-dev-atoms input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).invalid.dev-form-force-focus,
.company-template-dev-atoms input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).failed:focus,
.company-template-dev-atoms input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).failed:focus-visible,
.company-template-dev-atoms input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).failed.dev-form-force-focus,
.company-template-dev-atoms input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).dev-form-force-error:focus,
.company-template-dev-atoms input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).dev-form-force-error:focus-visible,
.company-template-dev-atoms input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).dev-form-force-error.dev-form-force-focus,
.company-template-dev-atoms select.invalid:focus,
.company-template-dev-atoms select.invalid:focus-visible,
.company-template-dev-atoms select.invalid.dev-form-force-focus,
.company-template-dev-atoms select.failed:focus,
.company-template-dev-atoms select.failed:focus-visible,
.company-template-dev-atoms select.failed.dev-form-force-focus,
.company-template-dev-atoms select.dev-form-force-error:focus,
.company-template-dev-atoms select.dev-form-force-error:focus-visible,
.company-template-dev-atoms select.dev-form-force-error.dev-form-force-focus,
.company-template-dev-atoms textarea.invalid:focus,
.company-template-dev-atoms textarea.invalid:focus-visible,
.company-template-dev-atoms textarea.invalid.dev-form-force-focus,
.company-template-dev-atoms textarea.failed:focus,
.company-template-dev-atoms textarea.failed:focus-visible,
.company-template-dev-atoms textarea.failed.dev-form-force-focus,
.company-template-dev-atoms textarea.dev-form-force-error:focus,
.company-template-dev-atoms textarea.dev-form-force-error:focus-visible,
.company-template-dev-atoms textarea.dev-form-force-error.dev-form-force-focus,
.company-template-dev-form-structure input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).invalid:focus,
.company-template-dev-form-structure input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).invalid:focus-visible,
.company-template-dev-form-structure input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).invalid.dev-form-force-focus,
.company-template-dev-form-structure input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).failed:focus,
.company-template-dev-form-structure input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).failed:focus-visible,
.company-template-dev-form-structure input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).failed.dev-form-force-focus,
.company-template-dev-form-structure input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).dev-form-force-error:focus,
.company-template-dev-form-structure input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).dev-form-force-error:focus-visible,
.company-template-dev-form-structure input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).dev-form-force-error.dev-form-force-focus,
.company-template-dev-form-structure select.invalid:focus,
.company-template-dev-form-structure select.invalid:focus-visible,
.company-template-dev-form-structure select.invalid.dev-form-force-focus,
.company-template-dev-form-structure select.failed:focus,
.company-template-dev-form-structure select.failed:focus-visible,
.company-template-dev-form-structure select.failed.dev-form-force-focus,
.company-template-dev-form-structure select.dev-form-force-error:focus,
.company-template-dev-form-structure select.dev-form-force-error:focus-visible,
.company-template-dev-form-structure select.dev-form-force-error.dev-form-force-focus,
.company-template-dev-form-structure textarea.invalid:focus,
.company-template-dev-form-structure textarea.invalid:focus-visible,
.company-template-dev-form-structure textarea.invalid.dev-form-force-focus,
.company-template-dev-form-structure textarea.failed:focus,
.company-template-dev-form-structure textarea.failed:focus-visible,
.company-template-dev-form-structure textarea.failed.dev-form-force-focus,
.company-template-dev-form-structure textarea.dev-form-force-error:focus,
.company-template-dev-form-structure textarea.dev-form-force-error:focus-visible,
.company-template-dev-form-structure textarea.dev-form-force-error.dev-form-force-focus {
  border-color: var(--wp--custom--input--error-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--custom--input--error-color) 20%, transparent);
}
.vue-form-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input):disabled, .vue-form-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input)[disabled], .vue-form-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).dev-form-force-disabled,
.vue-form-page select:disabled,
.vue-form-page select[disabled],
.vue-form-page select.dev-form-force-disabled,
.vue-form-page textarea:disabled,
.vue-form-page textarea[disabled],
.vue-form-page textarea.dev-form-force-disabled,
.company-template-form-block input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input):disabled,
.company-template-form-block input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input)[disabled],
.company-template-form-block input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).dev-form-force-disabled,
.company-template-form-block select:disabled,
.company-template-form-block select[disabled],
.company-template-form-block select.dev-form-force-disabled,
.company-template-form-block textarea:disabled,
.company-template-form-block textarea[disabled],
.company-template-form-block textarea.dev-form-force-disabled,
.company-template-dev-atoms input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input):disabled,
.company-template-dev-atoms input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input)[disabled],
.company-template-dev-atoms input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).dev-form-force-disabled,
.company-template-dev-atoms select:disabled,
.company-template-dev-atoms select[disabled],
.company-template-dev-atoms select.dev-form-force-disabled,
.company-template-dev-atoms textarea:disabled,
.company-template-dev-atoms textarea[disabled],
.company-template-dev-atoms textarea.dev-form-force-disabled,
.company-template-dev-form-structure input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input):disabled,
.company-template-dev-form-structure input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input)[disabled],
.company-template-dev-form-structure input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]):not(.multiselect__input).dev-form-force-disabled,
.company-template-dev-form-structure select:disabled,
.company-template-dev-form-structure select[disabled],
.company-template-dev-form-structure select.dev-form-force-disabled,
.company-template-dev-form-structure textarea:disabled,
.company-template-dev-form-structure textarea[disabled],
.company-template-dev-form-structure textarea.dev-form-force-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
  color: var(--wp--custom--input--placeholder-color);
  background-color: var(--wp--custom--input--background);
}
.vue-form-page textarea,
.company-template-form-block textarea,
.company-template-dev-atoms textarea,
.company-template-dev-form-structure textarea {
  min-height: 6em;
  resize: vertical;
  vertical-align: top;
}
.vue-form-page select,
.company-template-form-block select,
.company-template-dev-atoms select,
.company-template-dev-form-structure select {
  background-image: linear-gradient(45deg, transparent 50%, var(--wp--preset--color--text-muted) 50%), linear-gradient(135deg, var(--wp--preset--color--text-muted) 50%, transparent 50%);
  background-position: calc(100% - 1.15em) calc(50% - 0.15em), calc(100% - 0.85em) calc(50% - 0.15em);
  background-size: 0.3em 0.3em, 0.3em 0.3em;
  background-repeat: no-repeat;
  padding-right: 2.5em;
}
.vue-form-page .password,
.company-template-form-block .password,
.company-template-dev-atoms .password,
.company-template-dev-form-structure .password {
  position: relative;
}
.vue-form-page .password input,
.company-template-form-block .password input,
.company-template-dev-atoms .password input,
.company-template-dev-form-structure .password input {
  padding-right: 7em;
}
.vue-form-page .password .password-helper-action,
.company-template-form-block .password .password-helper-action,
.company-template-dev-atoms .password .password-helper-action,
.company-template-dev-form-structure .password .password-helper-action {
  position: absolute;
  right: 5px;
  display: block;
  text-align: center;
  text-decoration: none;
  font-weight: 600;
  line-height: 16px;
  align-content: center;
  top: 29px;
  height: 38px;
  text-transform: none;
  width: 80px;
  padding: 0;
  border-radius: var(--wp--custom--form-button--radius, var(--wp--custom--input--radius));
  background-color: var(--wp--custom--form-button--background, var(--wp--preset--color--primary));
  color: var(--wp--custom--form-button--color, var(--wp--preset--color--base));
  font-size: var(--wp--preset--font-size--sm);
  cursor: pointer;
}
.vue-form-page .password .password-helper-action:hover, .vue-form-page .password .password-helper-action:active,
.company-template-form-block .password .password-helper-action:hover,
.company-template-form-block .password .password-helper-action:active,
.company-template-dev-atoms .password .password-helper-action:hover,
.company-template-dev-atoms .password .password-helper-action:active,
.company-template-dev-form-structure .password .password-helper-action:hover,
.company-template-dev-form-structure .password .password-helper-action:active {
  background-color: var(--wp--custom--form-button--hover-background, var(--wp--preset--color--primary-hover));
}
.vue-form-page .password-requirements,
.company-template-form-block .password-requirements,
.company-template-dev-atoms .password-requirements,
.company-template-dev-form-structure .password-requirements {
  margin-top: var(--wp--preset--spacing--20);
  padding: var(--wp--preset--spacing--20);
  border: 1px solid var(--wp--custom--input--border-color);
  border-radius: var(--wp--custom--input--radius);
  background-color: var(--wp--custom--input--background);
}
.vue-form-page .password-requirements .password-requirements-label,
.company-template-form-block .password-requirements .password-requirements-label,
.company-template-dev-atoms .password-requirements .password-requirements-label,
.company-template-dev-form-structure .password-requirements .password-requirements-label {
  margin: 0 0 var(--wp--preset--spacing--20);
  font-size: var(--wp--preset--font-size--sm);
  font-weight: 600;
  color: var(--wp--preset--color--body-text);
}
.vue-form-page .password-requirements ul,
.company-template-form-block .password-requirements ul,
.company-template-dev-atoms .password-requirements ul,
.company-template-dev-form-structure .password-requirements ul {
  display: grid;
  gap: 0.25em var(--wp--preset--spacing--30);
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 640px) {
  .vue-form-page .password-requirements ul,
  .company-template-form-block .password-requirements ul,
  .company-template-dev-atoms .password-requirements ul,
  .company-template-dev-form-structure .password-requirements ul {
    grid-template-columns: 1fr 1fr;
  }
}
.vue-form-page .password-requirements li,
.company-template-form-block .password-requirements li,
.company-template-dev-atoms .password-requirements li,
.company-template-dev-form-structure .password-requirements li {
  position: relative;
  padding-left: 1.15em;
  font-size: var(--wp--preset--font-size--sm);
  line-height: 1.5;
  color: var(--wp--preset--color--text-muted);
}
.vue-form-page .password-requirements li::before,
.company-template-form-block .password-requirements li::before,
.company-template-dev-atoms .password-requirements li::before,
.company-template-dev-form-structure .password-requirements li::before {
  content: "○";
  position: absolute;
  left: 0;
  opacity: 0.55;
  font-size: 0.75em;
}
.vue-form-page .password-requirements li.valid,
.company-template-form-block .password-requirements li.valid,
.company-template-dev-atoms .password-requirements li.valid,
.company-template-dev-form-structure .password-requirements li.valid {
  color: var(--wp--preset--color--body-text);
}
.vue-form-page .password-requirements li.valid::before,
.company-template-form-block .password-requirements li.valid::before,
.company-template-dev-atoms .password-requirements li.valid::before,
.company-template-dev-form-structure .password-requirements li.valid::before {
  content: "✓";
  opacity: 1;
  font-weight: 700;
  color: var(--wp--custom--form-selection--checked, var(--wp--preset--color--primary));
}
.vue-form-page .address-suggestions-list,
.company-template-form-block .address-suggestions-list,
.company-template-dev-atoms .address-suggestions-list,
.company-template-dev-form-structure .address-suggestions-list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 50;
  margin: 0;
  padding: 0;
  border-top: 0;
  border-radius: 0 0 var(--wp--custom--input--radius) var(--wp--custom--input--radius);
  background-color: var(--wp--preset--color--base);
  box-shadow: 0 0.5em 1.25em color-mix(in srgb, var(--wp--preset--color--body-text) 12%, transparent);
  overflow-x: hidden;
}
.vue-form-page .input-group-container:has(input.invalid, input.failed, textarea.invalid, textarea.failed, select.invalid, select.failed, .dev-form-force-error) .label-group label,
.company-template-form-block .input-group-container:has(input.invalid, input.failed, textarea.invalid, textarea.failed, select.invalid, select.failed, .dev-form-force-error) .label-group label,
.company-template-dev-atoms .input-group-container:has(input.invalid, input.failed, textarea.invalid, textarea.failed, select.invalid, select.failed, .dev-form-force-error) .label-group label,
.company-template-dev-form-structure .input-group-container:has(input.invalid, input.failed, textarea.invalid, textarea.failed, select.invalid, select.failed, .dev-form-force-error) .label-group label {
  color: var(--wp--custom--input--error-color);
}

/*
 * Corptools Vue forms — form/step/section layout, hosting tiers, field packs.
 * Functional structure from cowboyhosting _vue-form.scss; paint via tokens.
 */
.vue-form-page form.vue-form,
.company-template-form-block form.vue-form,
.company-template-dev-atoms form.vue-form,
.company-template-dev-form-structure form.vue-form {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--40);
  width: 100%;
  max-width: 100%;
}
.vue-form-page form.vue-form.steps .step:not(.active),
.company-template-form-block form.vue-form.steps .step:not(.active),
.company-template-dev-atoms form.vue-form.steps .step:not(.active),
.company-template-dev-form-structure form.vue-form.steps .step:not(.active) {
  display: none;
}
.vue-form-page .form-content-wrap,
.company-template-form-block .form-content-wrap,
.company-template-dev-atoms .form-content-wrap,
.company-template-dev-form-structure .form-content-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--40);
  width: 100%;
}
.vue-form-page .form-content-wrap > *,
.company-template-form-block .form-content-wrap > *,
.company-template-dev-atoms .form-content-wrap > *,
.company-template-dev-form-structure .form-content-wrap > * {
  min-width: 0;
}
@media (min-width: 1024px) {
  .vue-form-page .form-content-wrap,
  .company-template-form-block .form-content-wrap,
  .company-template-dev-atoms .form-content-wrap,
  .company-template-dev-form-structure .form-content-wrap {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--wp--preset--spacing--50);
  }
}
.vue-form-page .step-container,
.company-template-form-block .step-container,
.company-template-dev-atoms .step-container,
.company-template-dev-form-structure .step-container {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--40);
  padding-inline: var(--wp--preset--spacing--30);
}
@media (min-width: 1024px) {
  .vue-form-page .step-container,
  .company-template-form-block .step-container,
  .company-template-dev-atoms .step-container,
  .company-template-dev-form-structure .step-container {
    padding-inline: 0;
  }
}
.vue-form-page .form-aside-wrap,
.company-template-form-block .form-aside-wrap,
.company-template-dev-atoms .form-aside-wrap,
.company-template-dev-form-structure .form-aside-wrap {
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
}
@media (min-width: 1024px) {
  .vue-form-page .form-aside-wrap,
  .company-template-form-block .form-aside-wrap,
  .company-template-dev-atoms .form-aside-wrap,
  .company-template-dev-form-structure .form-aside-wrap {
    flex: 0 0 20rem;
    width: 20rem;
    position: sticky;
    top: var(--wp--preset--spacing--40);
    align-self: flex-start;
    max-height: calc(100vh - 2 * var(--wp--preset--spacing--40));
    overflow-y: auto;
  }
}
.vue-form-page .form-submit-col-container,
.company-template-form-block .form-submit-col-container,
.company-template-dev-atoms .form-submit-col-container,
.company-template-dev-form-structure .form-submit-col-container {
  width: 100%;
  margin-top: var(--wp--preset--spacing--30);
}
.vue-form-page .step,
.company-template-form-block .step,
.company-template-dev-atoms .step,
.company-template-dev-form-structure .step {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--30);
  margin-bottom: var(--wp--preset--spacing--50);
}
.vue-form-page .step:last-child,
.company-template-form-block .step:last-child,
.company-template-dev-atoms .step:last-child,
.company-template-dev-form-structure .step:last-child {
  margin-bottom: 0;
}
.vue-form-page .step-section,
.vue-form-page .form-module,
.company-template-form-block .step-section,
.company-template-form-block .form-module,
.company-template-dev-atoms .step-section,
.company-template-dev-atoms .form-module,
.company-template-dev-form-structure .step-section,
.company-template-dev-form-structure .form-module {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--30);
}
.vue-form-page .form-module svg,
.vue-form-page .form-module img,
.company-template-form-block .form-module svg,
.company-template-form-block .form-module img,
.company-template-dev-atoms .form-module svg,
.company-template-dev-atoms .form-module img,
.company-template-dev-form-structure .form-module svg,
.company-template-dev-form-structure .form-module img {
  max-width: 100%;
  max-height: 3rem;
}
.vue-form-page .step-top-content,
.company-template-form-block .step-top-content,
.company-template-dev-atoms .step-top-content,
.company-template-dev-form-structure .step-top-content {
  margin-bottom: var(--wp--preset--spacing--20);
}
.vue-form-page .step-top-content p,
.vue-form-page .step-top-content ul > li,
.company-template-form-block .step-top-content p,
.company-template-form-block .step-top-content ul > li,
.company-template-dev-atoms .step-top-content p,
.company-template-dev-atoms .step-top-content ul > li,
.company-template-dev-form-structure .step-top-content p,
.company-template-dev-form-structure .step-top-content ul > li {
  margin: 0 0 0.5em;
  color: var(--wp--preset--color--body-text);
  font-size: var(--wp--preset--font-size--sm);
}
.vue-form-page .step-title-wrap,
.company-template-form-block .step-title-wrap,
.company-template-dev-atoms .step-title-wrap,
.company-template-dev-form-structure .step-title-wrap {
  margin-bottom: var(--wp--preset--spacing--20);
}
.vue-form-page .step-title-wrap > .step-title-wrap,
.company-template-form-block .step-title-wrap > .step-title-wrap,
.company-template-dev-atoms .step-title-wrap > .step-title-wrap,
.company-template-dev-form-structure .step-title-wrap > .step-title-wrap {
  margin-bottom: 0;
}
.vue-form-page .step-title-wrap h2.form-header,
.vue-form-page .step-title-wrap h3.form-header,
.vue-form-page .step-title-wrap h2,
.vue-form-page .step-title-wrap h3,
.company-template-form-block .step-title-wrap h2.form-header,
.company-template-form-block .step-title-wrap h3.form-header,
.company-template-form-block .step-title-wrap h2,
.company-template-form-block .step-title-wrap h3,
.company-template-dev-atoms .step-title-wrap h2.form-header,
.company-template-dev-atoms .step-title-wrap h3.form-header,
.company-template-dev-atoms .step-title-wrap h2,
.company-template-dev-atoms .step-title-wrap h3,
.company-template-dev-form-structure .step-title-wrap h2.form-header,
.company-template-dev-form-structure .step-title-wrap h3.form-header,
.company-template-dev-form-structure .step-title-wrap h2,
.company-template-dev-form-structure .step-title-wrap h3 {
  margin: 0 0 0.35em;
  color: var(--wp--preset--color--body-text);
  font-family: var(--wp--preset--font-family--heading-font, var(--wp--preset--font-family--body-font));
  font-size: var(--wp--preset--font-size--h-4, var(--wp--preset--font-size--lg));
  font-weight: 600;
  line-height: 1.3;
}
.vue-form-page .step-title-wrap h3,
.company-template-form-block .step-title-wrap h3,
.company-template-dev-atoms .step-title-wrap h3,
.company-template-dev-form-structure .step-title-wrap h3 {
  font-size: var(--wp--preset--font-size--body-lg);
  font-weight: 500;
}
.vue-form-page .section-company-information,
.vue-form-page .section-filing-options,
.vue-form-page .section-contact-information,
.vue-form-page .section-account-setup,
.vue-form-page .section-business-identity,
.vue-form-page .section-optional-items,
.vue-form-page .section-payment-information,
.vue-form-page .section-hosting-tiers,
.company-template-form-block .section-company-information,
.company-template-form-block .section-filing-options,
.company-template-form-block .section-contact-information,
.company-template-form-block .section-account-setup,
.company-template-form-block .section-business-identity,
.company-template-form-block .section-optional-items,
.company-template-form-block .section-payment-information,
.company-template-form-block .section-hosting-tiers,
.company-template-dev-atoms .section-company-information,
.company-template-dev-atoms .section-filing-options,
.company-template-dev-atoms .section-contact-information,
.company-template-dev-atoms .section-account-setup,
.company-template-dev-atoms .section-business-identity,
.company-template-dev-atoms .section-optional-items,
.company-template-dev-atoms .section-payment-information,
.company-template-dev-atoms .section-hosting-tiers,
.company-template-dev-form-structure .section-company-information,
.company-template-dev-form-structure .section-filing-options,
.company-template-dev-form-structure .section-contact-information,
.company-template-dev-form-structure .section-account-setup,
.company-template-dev-form-structure .section-business-identity,
.company-template-dev-form-structure .section-optional-items,
.company-template-dev-form-structure .section-payment-information,
.company-template-dev-form-structure .section-hosting-tiers {
  width: 100%;
}
.vue-form-page .row,
.vue-form-page .form-row,
.company-template-form-block .row,
.company-template-form-block .form-row,
.company-template-dev-atoms .row,
.company-template-dev-atoms .form-row,
.company-template-dev-form-structure .row,
.company-template-dev-form-structure .form-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--30);
  width: 100%;
}
.vue-form-page .row > .input-group-container,
.vue-form-page .row > .col,
.vue-form-page .row > [class*=col-],
.vue-form-page .form-row > .input-group-container,
.vue-form-page .form-row > .col,
.vue-form-page .form-row > [class*=col-],
.company-template-form-block .row > .input-group-container,
.company-template-form-block .row > .col,
.company-template-form-block .row > [class*=col-],
.company-template-form-block .form-row > .input-group-container,
.company-template-form-block .form-row > .col,
.company-template-form-block .form-row > [class*=col-],
.company-template-dev-atoms .row > .input-group-container,
.company-template-dev-atoms .row > .col,
.company-template-dev-atoms .row > [class*=col-],
.company-template-dev-atoms .form-row > .input-group-container,
.company-template-dev-atoms .form-row > .col,
.company-template-dev-atoms .form-row > [class*=col-],
.company-template-dev-form-structure .row > .input-group-container,
.company-template-dev-form-structure .row > .col,
.company-template-dev-form-structure .row > [class*=col-],
.company-template-dev-form-structure .form-row > .input-group-container,
.company-template-dev-form-structure .form-row > .col,
.company-template-dev-form-structure .form-row > [class*=col-] {
  flex: 1 1 100%;
  min-width: 0;
}
@media (min-width: 768px) {
  .vue-form-page .row > .input-group-container,
  .vue-form-page .row > .col,
  .vue-form-page .row > [class*=col-],
  .vue-form-page .form-row > .input-group-container,
  .vue-form-page .form-row > .col,
  .vue-form-page .form-row > [class*=col-],
  .company-template-form-block .row > .input-group-container,
  .company-template-form-block .row > .col,
  .company-template-form-block .row > [class*=col-],
  .company-template-form-block .form-row > .input-group-container,
  .company-template-form-block .form-row > .col,
  .company-template-form-block .form-row > [class*=col-],
  .company-template-dev-atoms .row > .input-group-container,
  .company-template-dev-atoms .row > .col,
  .company-template-dev-atoms .row > [class*=col-],
  .company-template-dev-atoms .form-row > .input-group-container,
  .company-template-dev-atoms .form-row > .col,
  .company-template-dev-atoms .form-row > [class*=col-],
  .company-template-dev-form-structure .row > .input-group-container,
  .company-template-dev-form-structure .row > .col,
  .company-template-dev-form-structure .row > [class*=col-],
  .company-template-dev-form-structure .form-row > .input-group-container,
  .company-template-dev-form-structure .form-row > .col,
  .company-template-dev-form-structure .form-row > [class*=col-] {
    flex: 1 1 calc(50% - var(--wp--preset--spacing--30));
  }
}
.vue-form-page .name-wrapper,
.vue-form-page .exp-wrapper,
.company-template-form-block .name-wrapper,
.company-template-form-block .exp-wrapper,
.company-template-dev-atoms .name-wrapper,
.company-template-dev-atoms .exp-wrapper,
.company-template-dev-form-structure .name-wrapper,
.company-template-dev-form-structure .exp-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--wp--preset--spacing--30);
  margin-bottom: var(--wp--preset--spacing--30);
  width: 100%;
}
@media (min-width: 768px) {
  .vue-form-page .name-wrapper,
  .vue-form-page .exp-wrapper,
  .company-template-form-block .name-wrapper,
  .company-template-form-block .exp-wrapper,
  .company-template-dev-atoms .name-wrapper,
  .company-template-dev-atoms .exp-wrapper,
  .company-template-dev-form-structure .name-wrapper,
  .company-template-dev-form-structure .exp-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
.vue-form-page .name-wrapper .input-group-container,
.vue-form-page .exp-wrapper .input-group-container,
.company-template-form-block .name-wrapper .input-group-container,
.company-template-form-block .exp-wrapper .input-group-container,
.company-template-dev-atoms .name-wrapper .input-group-container,
.company-template-dev-atoms .exp-wrapper .input-group-container,
.company-template-dev-form-structure .name-wrapper .input-group-container,
.company-template-dev-form-structure .exp-wrapper .input-group-container {
  margin-bottom: 0;
}
.vue-form-page .module-hosting-tiers > .content > span,
.company-template-form-block .module-hosting-tiers > .content > span,
.company-template-dev-atoms .module-hosting-tiers > .content > span,
.company-template-dev-form-structure .module-hosting-tiers > .content > span {
  display: block;
}
.vue-form-page .tiers-container,
.company-template-form-block .tiers-container,
.company-template-dev-atoms .tiers-container,
.company-template-dev-form-structure .tiers-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--wp--preset--spacing--30);
}
.vue-form-page .tier-card,
.company-template-form-block .tier-card,
.company-template-dev-atoms .tier-card,
.company-template-dev-form-structure .tier-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--20);
  padding: var(--wp--preset--spacing--30);
  border: 1px solid var(--wp--custom--input--border-color);
  border-radius: var(--wp--custom--input--radius);
  background-color: var(--wp--custom--input--background, var(--wp--preset--color--base));
  cursor: pointer;
  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}
.vue-form-page .tier-card:hover,
.company-template-form-block .tier-card:hover,
.company-template-dev-atoms .tier-card:hover,
.company-template-dev-form-structure .tier-card:hover {
  border-color: var(--wp--custom--input--focus-ring-color);
}
.vue-form-page .tier-card.selected,
.company-template-form-block .tier-card.selected,
.company-template-dev-atoms .tier-card.selected,
.company-template-dev-form-structure .tier-card.selected {
  border-color: var(--wp--custom--form-selection--checked, var(--wp--preset--color--primary));
  background-color: color-mix(in srgb, var(--wp--custom--form-selection--checked, var(--wp--preset--color--primary)) 8%, var(--wp--preset--color--base));
  box-shadow: 0 0 0 1px var(--wp--custom--form-selection--checked, var(--wp--preset--color--primary));
}
.vue-form-page .tier-card input.tier-radio,
.company-template-form-block .tier-card input.tier-radio,
.company-template-dev-atoms .tier-card input.tier-radio,
.company-template-dev-form-structure .tier-card input.tier-radio {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  appearance: none;
}
.vue-form-page .phone-number-options .input-group > span,
.company-template-form-block .phone-number-options .input-group > span,
.company-template-dev-atoms .phone-number-options .input-group > span,
.company-template-dev-form-structure .phone-number-options .input-group > span {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--wp--preset--spacing--20);
}
@media (min-width: 768px) {
  .vue-form-page .phone-number-options .input-group > span,
  .company-template-form-block .phone-number-options .input-group > span,
  .company-template-dev-atoms .phone-number-options .input-group > span,
  .company-template-dev-form-structure .phone-number-options .input-group > span {
    grid-template-columns: repeat(3, 1fr);
  }
}
.vue-form-page .phone-number-options .radio-row,
.company-template-form-block .phone-number-options .radio-row,
.company-template-dev-atoms .phone-number-options .radio-row,
.company-template-dev-form-structure .phone-number-options .radio-row {
  margin: 0;
  position: relative;
}
.vue-form-page .phone-number-options .input-group-radio.select-phone-number input.styled-radio ~ .radio-label-wrap label,
.company-template-form-block .phone-number-options .input-group-radio.select-phone-number input.styled-radio ~ .radio-label-wrap label,
.company-template-dev-atoms .phone-number-options .input-group-radio.select-phone-number input.styled-radio ~ .radio-label-wrap label,
.company-template-dev-form-structure .phone-number-options .input-group-radio.select-phone-number input.styled-radio ~ .radio-label-wrap label {
  position: relative;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100% !important;
  padding: var(--wp--preset--spacing--30);
  border: 1px solid var(--wp--custom--input--border-color);
  border-radius: var(--wp--custom--input--radius);
  background-color: var(--wp--custom--input--background, var(--wp--preset--color--base));
  cursor: pointer;
  font-weight: 900 !important;
  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}
.vue-form-page .phone-number-options .input-group-radio.select-phone-number input.styled-radio ~ .radio-label-wrap label::before, .vue-form-page .phone-number-options .input-group-radio.select-phone-number input.styled-radio ~ .radio-label-wrap label::after,
.company-template-form-block .phone-number-options .input-group-radio.select-phone-number input.styled-radio ~ .radio-label-wrap label::before,
.company-template-form-block .phone-number-options .input-group-radio.select-phone-number input.styled-radio ~ .radio-label-wrap label::after,
.company-template-dev-atoms .phone-number-options .input-group-radio.select-phone-number input.styled-radio ~ .radio-label-wrap label::before,
.company-template-dev-atoms .phone-number-options .input-group-radio.select-phone-number input.styled-radio ~ .radio-label-wrap label::after,
.company-template-dev-form-structure .phone-number-options .input-group-radio.select-phone-number input.styled-radio ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .phone-number-options .input-group-radio.select-phone-number input.styled-radio ~ .radio-label-wrap label::after {
  content: none !important;
}
.vue-form-page .phone-number-options .input-group-radio.select-phone-number input.styled-radio:hover:not(:disabled) ~ .radio-label-wrap label,
.company-template-form-block .phone-number-options .input-group-radio.select-phone-number input.styled-radio:hover:not(:disabled) ~ .radio-label-wrap label,
.company-template-dev-atoms .phone-number-options .input-group-radio.select-phone-number input.styled-radio:hover:not(:disabled) ~ .radio-label-wrap label,
.company-template-dev-form-structure .phone-number-options .input-group-radio.select-phone-number input.styled-radio:hover:not(:disabled) ~ .radio-label-wrap label {
  border-color: var(--wp--custom--input--focus-ring-color);
}
.vue-form-page .phone-number-options .input-group-radio.select-phone-number input.styled-radio:focus ~ .radio-label-wrap label, .vue-form-page .phone-number-options .input-group-radio.select-phone-number input.styled-radio.dev-form-force-focus ~ .radio-label-wrap label,
.company-template-form-block .phone-number-options .input-group-radio.select-phone-number input.styled-radio:focus ~ .radio-label-wrap label,
.company-template-form-block .phone-number-options .input-group-radio.select-phone-number input.styled-radio.dev-form-force-focus ~ .radio-label-wrap label,
.company-template-dev-atoms .phone-number-options .input-group-radio.select-phone-number input.styled-radio:focus ~ .radio-label-wrap label,
.company-template-dev-atoms .phone-number-options .input-group-radio.select-phone-number input.styled-radio.dev-form-force-focus ~ .radio-label-wrap label,
.company-template-dev-form-structure .phone-number-options .input-group-radio.select-phone-number input.styled-radio:focus ~ .radio-label-wrap label,
.company-template-dev-form-structure .phone-number-options .input-group-radio.select-phone-number input.styled-radio.dev-form-force-focus ~ .radio-label-wrap label {
  outline: none;
  border-color: var(--wp--custom--input--focus-ring-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--custom--input--focus-ring-color) 50%, transparent);
}
.vue-form-page .phone-number-options .input-group-radio.select-phone-number input.styled-radio:checked ~ .radio-label-wrap label,
.company-template-form-block .phone-number-options .input-group-radio.select-phone-number input.styled-radio:checked ~ .radio-label-wrap label,
.company-template-dev-atoms .phone-number-options .input-group-radio.select-phone-number input.styled-radio:checked ~ .radio-label-wrap label,
.company-template-dev-form-structure .phone-number-options .input-group-radio.select-phone-number input.styled-radio:checked ~ .radio-label-wrap label {
  border-color: var(--wp--custom--form-selection--checked, var(--wp--preset--color--primary));
  background-color: var(--wp--custom--form-selection--selected-background, #EEEFF7);
  box-shadow: 0 0 0 1px var(--wp--custom--form-selection--checked, var(--wp--preset--color--primary));
}
.vue-form-page .phone-number-options .input-group-radio.select-phone-number input.styled-radio:checked ~ .radio-label-wrap label::after,
.company-template-form-block .phone-number-options .input-group-radio.select-phone-number input.styled-radio:checked ~ .radio-label-wrap label::after,
.company-template-dev-atoms .phone-number-options .input-group-radio.select-phone-number input.styled-radio:checked ~ .radio-label-wrap label::after,
.company-template-dev-form-structure .phone-number-options .input-group-radio.select-phone-number input.styled-radio:checked ~ .radio-label-wrap label::after {
  content: "✓" !important;
  position: absolute;
  top: var(--wp--preset--spacing--30);
  right: var(--wp--preset--spacing--20);
  left: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25em;
  height: 1.25em;
  border-radius: 3px;
  font-size: 0.85em;
  line-height: 1;
  color: var(--wp--custom--form-selection--checked, var(--wp--preset--color--primary));
  background-color: var(--wp--custom--form-selection--selected-background, #EEEFF7);
}
.vue-form-page .tier-name,
.company-template-form-block .tier-name,
.company-template-dev-atoms .tier-name,
.company-template-dev-form-structure .tier-name {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--wp--preset--spacing--30);
  cursor: pointer;
}
.vue-form-page .tier-name .item-label,
.company-template-form-block .tier-name .item-label,
.company-template-dev-atoms .tier-name .item-label,
.company-template-dev-form-structure .tier-name .item-label {
  font-family: var(--wp--preset--font-family--heading-font, var(--wp--preset--font-family--body-font));
  font-weight: 700;
  font-size: var(--wp--preset--font-size--body-lg);
  line-height: 1.2;
  color: var(--wp--preset--color--body-text);
}
.vue-form-page .tier-name .item-cost,
.company-template-form-block .tier-name .item-cost,
.company-template-dev-atoms .tier-name .item-cost,
.company-template-dev-form-structure .tier-name .item-cost {
  font-family: var(--wp--preset--font-family--heading-font, var(--wp--preset--font-family--body-font));
  font-weight: 700;
  font-size: var(--wp--preset--font-size--body-lg);
  color: var(--wp--preset--color--body-text);
  white-space: nowrap;
  margin: 0;
}
.vue-form-page .tier-name .item-cost-duration,
.company-template-form-block .tier-name .item-cost-duration,
.company-template-dev-atoms .tier-name .item-cost-duration,
.company-template-dev-form-structure .tier-name .item-cost-duration {
  font-family: var(--wp--preset--font-family--body-font);
  font-weight: 400;
  font-size: var(--wp--preset--font-size--sm);
  color: var(--wp--preset--color--text-muted);
}
.vue-form-page .specifications-grid,
.company-template-form-block .specifications-grid,
.company-template-dev-atoms .specifications-grid,
.company-template-dev-form-structure .specifications-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--wp--preset--spacing--20);
}
.vue-form-page .spec-item,
.company-template-form-block .spec-item,
.company-template-dev-atoms .spec-item,
.company-template-dev-form-structure .spec-item {
  padding: var(--wp--preset--spacing--20);
  border: 1px solid var(--wp--custom--input--border-color);
  border-radius: var(--wp--custom--input--radius);
  background-color: var(--wp--preset--color--base);
  text-align: center;
}
.vue-form-page .spec-value,
.company-template-form-block .spec-value,
.company-template-dev-atoms .spec-value,
.company-template-dev-form-structure .spec-value {
  font-size: var(--wp--preset--font-size--sm);
  font-weight: 700;
  color: var(--wp--preset--color--body-text);
  line-height: 1.3;
}
.vue-form-page .spec-label,
.company-template-form-block .spec-label,
.company-template-dev-atoms .spec-label,
.company-template-dev-form-structure .spec-label {
  margin-top: 0.15em;
  font-size: var(--wp--preset--font-size--sm);
  color: var(--wp--preset--color--text-muted);
}
.vue-form-page .features-section,
.company-template-form-block .features-section,
.company-template-dev-atoms .features-section,
.company-template-dev-form-structure .features-section {
  margin-top: auto;
  position: relative;
}
.vue-form-page .features-section .accordion-toggle,
.company-template-form-block .features-section .accordion-toggle,
.company-template-dev-atoms .features-section .accordion-toggle,
.company-template-dev-form-structure .features-section .accordion-toggle {
  display: flex;
  align-items: center;
  gap: 0.4em;
  padding: 0;
  border: 0;
  background: none;
  font-family: var(--wp--preset--font-family--body-font);
  font-size: var(--wp--preset--font-size--sm);
  font-weight: 600;
  color: var(--wp--custom--form-button--background, var(--wp--preset--color--primary));
  cursor: pointer;
}
.vue-form-page .features-section .accordion-content,
.company-template-form-block .features-section .accordion-content,
.company-template-dev-atoms .features-section .accordion-content,
.company-template-dev-form-structure .features-section .accordion-content {
  margin-top: var(--wp--preset--spacing--20);
}
.vue-form-page .features-section .accordion-content ul,
.company-template-form-block .features-section .accordion-content ul,
.company-template-dev-atoms .features-section .accordion-content ul,
.company-template-dev-form-structure .features-section .accordion-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.35em;
}
.vue-form-page .features-section .accordion-content li,
.company-template-form-block .features-section .accordion-content li,
.company-template-dev-atoms .features-section .accordion-content li,
.company-template-dev-form-structure .features-section .accordion-content li {
  position: relative;
  padding-left: 1.25em;
  font-size: var(--wp--preset--font-size--sm);
  color: var(--wp--preset--color--body-text);
  line-height: 1.4;
}
.vue-form-page .features-section .accordion-content li::before,
.company-template-form-block .features-section .accordion-content li::before,
.company-template-dev-atoms .features-section .accordion-content li::before,
.company-template-dev-form-structure .features-section .accordion-content li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--wp--custom--form-selection--checked, var(--wp--preset--color--primary));
  font-weight: 700;
}
.vue-form-page .vue-flexible-custom-content__html .p1,
.company-template-form-block .vue-flexible-custom-content__html .p1,
.company-template-dev-atoms .vue-flexible-custom-content__html .p1,
.company-template-dev-form-structure .vue-flexible-custom-content__html .p1 {
  font-size: var(--wp--preset--font-size--sm);
}
.vue-form-page .vue-flexible-custom-content-block--info-callout,
.company-template-form-block .vue-flexible-custom-content-block--info-callout,
.company-template-dev-atoms .vue-flexible-custom-content-block--info-callout,
.company-template-dev-form-structure .vue-flexible-custom-content-block--info-callout {
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--20);
  margin: 0 0 var(--wp--preset--spacing--30);
  padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  border: 1px solid var(--wp--custom--input--border-color);
  border-radius: var(--wp--custom--input--radius);
  background-color: #f0f7fb;
}
.vue-form-page .vue-flexible-custom-content-block--info-callout .vue-flexible-custom-content-block__icon,
.company-template-form-block .vue-flexible-custom-content-block--info-callout .vue-flexible-custom-content-block__icon,
.company-template-dev-atoms .vue-flexible-custom-content-block--info-callout .vue-flexible-custom-content-block__icon,
.company-template-dev-form-structure .vue-flexible-custom-content-block--info-callout .vue-flexible-custom-content-block__icon {
  flex: none;
  display: flex;
  color: var(--wp--custom--form-button--background, var(--wp--preset--color--primary));
}
.vue-form-page .vue-flexible-custom-content-block--info-callout .vue-flexible-custom-content-block__icon svg,
.company-template-form-block .vue-flexible-custom-content-block--info-callout .vue-flexible-custom-content-block__icon svg,
.company-template-dev-atoms .vue-flexible-custom-content-block--info-callout .vue-flexible-custom-content-block__icon svg,
.company-template-dev-form-structure .vue-flexible-custom-content-block--info-callout .vue-flexible-custom-content-block__icon svg {
  width: 1.25rem;
  height: 1.25rem;
}
.vue-form-page .vue-flexible-custom-content-block--info-callout p,
.company-template-form-block .vue-flexible-custom-content-block--info-callout p,
.company-template-dev-atoms .vue-flexible-custom-content-block--info-callout p,
.company-template-dev-form-structure .vue-flexible-custom-content-block--info-callout p {
  margin: 0 0 0.25em;
  font-size: var(--wp--preset--font-size--sm);
  line-height: 1.4;
  color: var(--wp--preset--color--body-text);
}
.vue-form-page .vue-flexible-custom-content-block--info-callout p:last-child,
.company-template-form-block .vue-flexible-custom-content-block--info-callout p:last-child,
.company-template-dev-atoms .vue-flexible-custom-content-block--info-callout p:last-child,
.company-template-dev-form-structure .vue-flexible-custom-content-block--info-callout p:last-child {
  margin-bottom: 0;
}
.vue-form-page .section-payment-information .step-inner-wrapper,
.company-template-form-block .section-payment-information .step-inner-wrapper,
.company-template-dev-atoms .section-payment-information .step-inner-wrapper,
.company-template-dev-form-structure .section-payment-information .step-inner-wrapper {
  position: relative;
}
.vue-form-page .section-payment-information .step-inner-wrapper .ssl-badge-wrapper,
.company-template-form-block .section-payment-information .step-inner-wrapper .ssl-badge-wrapper,
.company-template-dev-atoms .section-payment-information .step-inner-wrapper .ssl-badge-wrapper,
.company-template-dev-form-structure .section-payment-information .step-inner-wrapper .ssl-badge-wrapper {
  position: absolute;
  top: 1.75rem;
  left: 0;
}
@media (min-width: 640px) {
  .vue-form-page .section-payment-information .step-inner-wrapper .ssl-badge-wrapper,
  .company-template-form-block .section-payment-information .step-inner-wrapper .ssl-badge-wrapper,
  .company-template-dev-atoms .section-payment-information .step-inner-wrapper .ssl-badge-wrapper,
  .company-template-dev-form-structure .section-payment-information .step-inner-wrapper .ssl-badge-wrapper {
    top: -0.45rem;
    right: 0;
    left: auto;
  }
}
.vue-form-page .section-payment-information .step-inner-wrapper h2.form-header,
.company-template-form-block .section-payment-information .step-inner-wrapper h2.form-header,
.company-template-dev-atoms .section-payment-information .step-inner-wrapper h2.form-header,
.company-template-dev-form-structure .section-payment-information .step-inner-wrapper h2.form-header {
  margin-bottom: 2.85rem;
}
@media (min-width: 640px) {
  .vue-form-page .section-payment-information .step-inner-wrapper h2.form-header,
  .company-template-form-block .section-payment-information .step-inner-wrapper h2.form-header,
  .company-template-dev-atoms .section-payment-information .step-inner-wrapper h2.form-header,
  .company-template-dev-form-structure .section-payment-information .step-inner-wrapper h2.form-header {
    margin-bottom: 0.35rem;
  }
}
.vue-form-page .section-payment-information .step-inner-wrapper .card-number,
.company-template-form-block .section-payment-information .step-inner-wrapper .card-number,
.company-template-dev-atoms .section-payment-information .step-inner-wrapper .card-number,
.company-template-dev-form-structure .section-payment-information .step-inner-wrapper .card-number {
  position: relative;
}
.vue-form-page .section-payment-information .step-inner-wrapper .card-number .cc-badges-inline,
.company-template-form-block .section-payment-information .step-inner-wrapper .card-number .cc-badges-inline,
.company-template-dev-atoms .section-payment-information .step-inner-wrapper .card-number .cc-badges-inline,
.company-template-dev-form-structure .section-payment-information .step-inner-wrapper .card-number .cc-badges-inline {
  display: none;
}
@media (min-width: 640px) {
  .vue-form-page .section-payment-information .step-inner-wrapper .card-number .cc-badges-inline,
  .company-template-form-block .section-payment-information .step-inner-wrapper .card-number .cc-badges-inline,
  .company-template-dev-atoms .section-payment-information .step-inner-wrapper .card-number .cc-badges-inline,
  .company-template-dev-form-structure .section-payment-information .step-inner-wrapper .card-number .cc-badges-inline {
    display: flex;
    position: absolute;
    right: 0.9em;
    bottom: 0.9em;
  }
}
.vue-form-page .section-payment-information .step-inner-wrapper .card-number .input-group input,
.company-template-form-block .section-payment-information .step-inner-wrapper .card-number .input-group input,
.company-template-dev-atoms .section-payment-information .step-inner-wrapper .card-number .input-group input,
.company-template-dev-form-structure .section-payment-information .step-inner-wrapper .card-number .input-group input {
  background-color: transparent;
}
.vue-form-page .section-payment-information .step-inner-wrapper .card-number:has(.field-errors) .cc-badges-inline,
.company-template-form-block .section-payment-information .step-inner-wrapper .card-number:has(.field-errors) .cc-badges-inline,
.company-template-dev-atoms .section-payment-information .step-inner-wrapper .card-number:has(.field-errors) .cc-badges-inline,
.company-template-dev-form-structure .section-payment-information .step-inner-wrapper .card-number:has(.field-errors) .cc-badges-inline {
  bottom: 2.7em;
}
.vue-form-page .section-payment-information #billing-address,
.company-template-form-block .section-payment-information #billing-address,
.company-template-dev-atoms .section-payment-information #billing-address,
.company-template-dev-form-structure .section-payment-information #billing-address {
  font-size: var(--wp--preset--font-size--sm);
  border-top: 1px solid var(--wp--custom--input--border-color);
  margin-top: 1rem;
  padding-top: 1rem;
}
@media (min-width: 768px) {
  .vue-form-page .payment-fields-wrap,
  .company-template-form-block .payment-fields-wrap,
  .company-template-dev-atoms .payment-fields-wrap,
  .company-template-dev-form-structure .payment-fields-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wp--preset--spacing--30);
  }
  .vue-form-page .payment-fields-wrap .name-wrapper,
  .vue-form-page .payment-fields-wrap .exp-wrapper,
  .vue-form-page .payment-fields-wrap .cvc,
  .company-template-form-block .payment-fields-wrap .name-wrapper,
  .company-template-form-block .payment-fields-wrap .exp-wrapper,
  .company-template-form-block .payment-fields-wrap .cvc,
  .company-template-dev-atoms .payment-fields-wrap .name-wrapper,
  .company-template-dev-atoms .payment-fields-wrap .exp-wrapper,
  .company-template-dev-atoms .payment-fields-wrap .cvc,
  .company-template-dev-form-structure .payment-fields-wrap .name-wrapper,
  .company-template-dev-form-structure .payment-fields-wrap .exp-wrapper,
  .company-template-dev-form-structure .payment-fields-wrap .cvc {
    margin-bottom: 0;
  }
  .vue-form-page .payment-fields-wrap .name-wrapper,
  .company-template-form-block .payment-fields-wrap .name-wrapper,
  .company-template-dev-atoms .payment-fields-wrap .name-wrapper,
  .company-template-dev-form-structure .payment-fields-wrap .name-wrapper {
    flex: 1 1 100%;
  }
  .vue-form-page .payment-fields-wrap .exp-wrapper,
  .company-template-form-block .payment-fields-wrap .exp-wrapper,
  .company-template-dev-atoms .payment-fields-wrap .exp-wrapper,
  .company-template-dev-form-structure .payment-fields-wrap .exp-wrapper {
    order: 1;
    flex: 2 1 0;
  }
  .vue-form-page .payment-fields-wrap .cvc,
  .company-template-form-block .payment-fields-wrap .cvc,
  .company-template-dev-atoms .payment-fields-wrap .cvc,
  .company-template-dev-form-structure .payment-fields-wrap .cvc {
    order: 2;
    flex: 1 1 0;
  }
}
@media (min-width: 768px) {
  .vue-form-page .address-fields.billing-as-contact-address-wrapper,
  .company-template-form-block .address-fields.billing-as-contact-address-wrapper,
  .company-template-dev-atoms .address-fields.billing-as-contact-address-wrapper,
  .company-template-dev-form-structure .address-fields.billing-as-contact-address-wrapper {
    display: grid;
    grid-template-columns: 70fr 15fr 15fr;
    gap: var(--wp--preset--spacing--30);
  }
  .vue-form-page .address-fields.billing-as-contact-address-wrapper .address-country,
  .vue-form-page .address-fields.billing-as-contact-address-wrapper .address-line-1,
  .company-template-form-block .address-fields.billing-as-contact-address-wrapper .address-country,
  .company-template-form-block .address-fields.billing-as-contact-address-wrapper .address-line-1,
  .company-template-dev-atoms .address-fields.billing-as-contact-address-wrapper .address-country,
  .company-template-dev-atoms .address-fields.billing-as-contact-address-wrapper .address-line-1,
  .company-template-dev-form-structure .address-fields.billing-as-contact-address-wrapper .address-country,
  .company-template-dev-form-structure .address-fields.billing-as-contact-address-wrapper .address-line-1 {
    grid-column: 1/-1;
  }
  .vue-form-page .address-fields.billing-as-contact-address-wrapper .address-country,
  .vue-form-page .address-fields.billing-as-contact-address-wrapper .address-line-1,
  .vue-form-page .address-fields.billing-as-contact-address-wrapper .address-city,
  .vue-form-page .address-fields.billing-as-contact-address-wrapper .address-state,
  .vue-form-page .address-fields.billing-as-contact-address-wrapper .address-zip,
  .company-template-form-block .address-fields.billing-as-contact-address-wrapper .address-country,
  .company-template-form-block .address-fields.billing-as-contact-address-wrapper .address-line-1,
  .company-template-form-block .address-fields.billing-as-contact-address-wrapper .address-city,
  .company-template-form-block .address-fields.billing-as-contact-address-wrapper .address-state,
  .company-template-form-block .address-fields.billing-as-contact-address-wrapper .address-zip,
  .company-template-dev-atoms .address-fields.billing-as-contact-address-wrapper .address-country,
  .company-template-dev-atoms .address-fields.billing-as-contact-address-wrapper .address-line-1,
  .company-template-dev-atoms .address-fields.billing-as-contact-address-wrapper .address-city,
  .company-template-dev-atoms .address-fields.billing-as-contact-address-wrapper .address-state,
  .company-template-dev-atoms .address-fields.billing-as-contact-address-wrapper .address-zip,
  .company-template-dev-form-structure .address-fields.billing-as-contact-address-wrapper .address-country,
  .company-template-dev-form-structure .address-fields.billing-as-contact-address-wrapper .address-line-1,
  .company-template-dev-form-structure .address-fields.billing-as-contact-address-wrapper .address-city,
  .company-template-dev-form-structure .address-fields.billing-as-contact-address-wrapper .address-state,
  .company-template-dev-form-structure .address-fields.billing-as-contact-address-wrapper .address-zip {
    margin-bottom: 0;
  }
  .vue-form-page .address-fields.billing-as-contact-address-wrapper .address-country .input-group,
  .vue-form-page .address-fields.billing-as-contact-address-wrapper .address-country .label-group,
  .vue-form-page .address-fields.billing-as-contact-address-wrapper .address-line-1 .input-group,
  .vue-form-page .address-fields.billing-as-contact-address-wrapper .address-line-1 .label-group,
  .vue-form-page .address-fields.billing-as-contact-address-wrapper .address-city .input-group,
  .vue-form-page .address-fields.billing-as-contact-address-wrapper .address-city .label-group,
  .vue-form-page .address-fields.billing-as-contact-address-wrapper .address-state .input-group,
  .vue-form-page .address-fields.billing-as-contact-address-wrapper .address-state .label-group,
  .vue-form-page .address-fields.billing-as-contact-address-wrapper .address-zip .input-group,
  .vue-form-page .address-fields.billing-as-contact-address-wrapper .address-zip .label-group,
  .company-template-form-block .address-fields.billing-as-contact-address-wrapper .address-country .input-group,
  .company-template-form-block .address-fields.billing-as-contact-address-wrapper .address-country .label-group,
  .company-template-form-block .address-fields.billing-as-contact-address-wrapper .address-line-1 .input-group,
  .company-template-form-block .address-fields.billing-as-contact-address-wrapper .address-line-1 .label-group,
  .company-template-form-block .address-fields.billing-as-contact-address-wrapper .address-city .input-group,
  .company-template-form-block .address-fields.billing-as-contact-address-wrapper .address-city .label-group,
  .company-template-form-block .address-fields.billing-as-contact-address-wrapper .address-state .input-group,
  .company-template-form-block .address-fields.billing-as-contact-address-wrapper .address-state .label-group,
  .company-template-form-block .address-fields.billing-as-contact-address-wrapper .address-zip .input-group,
  .company-template-form-block .address-fields.billing-as-contact-address-wrapper .address-zip .label-group,
  .company-template-dev-atoms .address-fields.billing-as-contact-address-wrapper .address-country .input-group,
  .company-template-dev-atoms .address-fields.billing-as-contact-address-wrapper .address-country .label-group,
  .company-template-dev-atoms .address-fields.billing-as-contact-address-wrapper .address-line-1 .input-group,
  .company-template-dev-atoms .address-fields.billing-as-contact-address-wrapper .address-line-1 .label-group,
  .company-template-dev-atoms .address-fields.billing-as-contact-address-wrapper .address-city .input-group,
  .company-template-dev-atoms .address-fields.billing-as-contact-address-wrapper .address-city .label-group,
  .company-template-dev-atoms .address-fields.billing-as-contact-address-wrapper .address-state .input-group,
  .company-template-dev-atoms .address-fields.billing-as-contact-address-wrapper .address-state .label-group,
  .company-template-dev-atoms .address-fields.billing-as-contact-address-wrapper .address-zip .input-group,
  .company-template-dev-atoms .address-fields.billing-as-contact-address-wrapper .address-zip .label-group,
  .company-template-dev-form-structure .address-fields.billing-as-contact-address-wrapper .address-country .input-group,
  .company-template-dev-form-structure .address-fields.billing-as-contact-address-wrapper .address-country .label-group,
  .company-template-dev-form-structure .address-fields.billing-as-contact-address-wrapper .address-line-1 .input-group,
  .company-template-dev-form-structure .address-fields.billing-as-contact-address-wrapper .address-line-1 .label-group,
  .company-template-dev-form-structure .address-fields.billing-as-contact-address-wrapper .address-city .input-group,
  .company-template-dev-form-structure .address-fields.billing-as-contact-address-wrapper .address-city .label-group,
  .company-template-dev-form-structure .address-fields.billing-as-contact-address-wrapper .address-state .input-group,
  .company-template-dev-form-structure .address-fields.billing-as-contact-address-wrapper .address-state .label-group,
  .company-template-dev-form-structure .address-fields.billing-as-contact-address-wrapper .address-zip .input-group,
  .company-template-dev-form-structure .address-fields.billing-as-contact-address-wrapper .address-zip .label-group {
    text-wrap: nowrap;
  }
}

/*
 * Corptools Vue forms — vue-multiselect (jurisdiction / entity selects).
 * Live RA uses .multiselect, not native <select>. Match input atom tokens.
 */
.vue-form-page .multiselect,
.company-template-form-block .multiselect,
.company-template-dev-atoms .multiselect,
.company-template-dev-form-structure .multiselect {
  position: relative;
  width: 100%;
  min-height: 2.75em;
  color: var(--wp--preset--color--body-text);
  font-family: var(--wp--preset--font-family--body-font);
  font-size: var(--wp--preset--font-size--sm);
  box-sizing: border-box;
}
.vue-form-page .multiselect__tags,
.company-template-form-block .multiselect__tags,
.company-template-dev-atoms .multiselect__tags,
.company-template-dev-form-structure .multiselect__tags {
  display: block;
  width: 100%;
  min-height: 2.75em;
  margin: 0;
  padding: 0.75em 2.5em 0.75em 1em;
  border: 1px solid var(--wp--custom--input--border-color);
  border-radius: var(--wp--custom--input--radius);
  background-color: var(--wp--custom--input--background);
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.vue-form-page .multiselect__tags:hover,
.company-template-form-block .multiselect__tags:hover,
.company-template-dev-atoms .multiselect__tags:hover,
.company-template-dev-form-structure .multiselect__tags:hover {
  border-color: var(--wp--custom--input--focus-ring-color);
}
.vue-form-page .multiselect__tags input,
.company-template-form-block .multiselect__tags input,
.company-template-dev-atoms .multiselect__tags input,
.company-template-dev-form-structure .multiselect__tags input {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}
.vue-form-page .multiselect__input,
.vue-form-page .multiselect__single,
.company-template-form-block .multiselect__input,
.company-template-form-block .multiselect__single,
.company-template-dev-atoms .multiselect__input,
.company-template-dev-atoms .multiselect__single,
.company-template-dev-form-structure .multiselect__input,
.company-template-dev-form-structure .multiselect__single {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  color: var(--wp--preset--color--body-text);
  font-family: inherit;
  font-size: inherit;
  font-weight: 400;
  line-height: 1.5;
  box-shadow: none;
}
.vue-form-page .multiselect__placeholder,
.company-template-form-block .multiselect__placeholder,
.company-template-dev-atoms .multiselect__placeholder,
.company-template-dev-form-structure .multiselect__placeholder {
  margin: 0;
  padding: 0;
  color: var(--wp--custom--input--placeholder-color);
  opacity: 1;
}
.vue-form-page .multiselect__select,
.company-template-form-block .multiselect__select,
.company-template-dev-atoms .multiselect__select,
.company-template-dev-form-structure .multiselect__select {
  position: absolute;
  top: 50%;
  right: 0.35em;
  width: 2em;
  height: 2em;
  padding: 0;
  margin: 0;
  transform: translateY(-50%);
  transition: transform 0.15s ease;
}
.vue-form-page .multiselect__select::before,
.company-template-form-block .multiselect__select::before,
.company-template-dev-atoms .multiselect__select::before,
.company-template-dev-form-structure .multiselect__select::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  border-top: 0.55em solid var(--wp--preset--color--text-muted);
  transform: translate(-50%, -50%);
}
.vue-form-page .multiselect__content-wrapper,
.company-template-form-block .multiselect__content-wrapper,
.company-template-dev-atoms .multiselect__content-wrapper,
.company-template-dev-form-structure .multiselect__content-wrapper {
  border: 1px solid var(--wp--custom--input--border-color);
  border-radius: var(--wp--custom--input--radius);
  background-color: var(--wp--preset--color--base);
  box-shadow: 0 0.5em 1.25em color-mix(in srgb, var(--wp--preset--color--body-text) 12%, transparent);
  z-index: 50;
}
.vue-form-page .multiselect__content,
.company-template-form-block .multiselect__content,
.company-template-dev-atoms .multiselect__content,
.company-template-dev-form-structure .multiselect__content {
  list-style: none;
  margin: 0;
  padding: 0.25em 0;
}
.vue-form-page .multiselect__element,
.company-template-form-block .multiselect__element,
.company-template-dev-atoms .multiselect__element,
.company-template-dev-form-structure .multiselect__element {
  margin: 0;
  padding: 0;
}
.vue-form-page .multiselect__option,
.company-template-form-block .multiselect__option,
.company-template-dev-atoms .multiselect__option,
.company-template-dev-form-structure .multiselect__option {
  padding: 0.65em 1em;
  color: var(--wp--preset--color--body-text);
  font-size: var(--wp--preset--font-size--sm);
  line-height: 1.4;
  white-space: normal;
  cursor: pointer;
}
.vue-form-page .multiselect__option .recommended-text,
.vue-form-page .multiselect__option .info,
.company-template-form-block .multiselect__option .recommended-text,
.company-template-form-block .multiselect__option .info,
.company-template-dev-atoms .multiselect__option .recommended-text,
.company-template-dev-atoms .multiselect__option .info,
.company-template-dev-form-structure .multiselect__option .recommended-text,
.company-template-dev-form-structure .multiselect__option .info {
  display: inline-block;
  margin-left: 0.5em;
  color: var(--wp--preset--color--text-muted);
  font-size: 0.75em;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.vue-form-page .multiselect__option--highlight,
.company-template-form-block .multiselect__option--highlight,
.company-template-dev-atoms .multiselect__option--highlight,
.company-template-dev-form-structure .multiselect__option--highlight {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--base);
}
.vue-form-page .multiselect__option--highlight .recommended-text,
.vue-form-page .multiselect__option--highlight .info,
.company-template-form-block .multiselect__option--highlight .recommended-text,
.company-template-form-block .multiselect__option--highlight .info,
.company-template-dev-atoms .multiselect__option--highlight .recommended-text,
.company-template-dev-atoms .multiselect__option--highlight .info,
.company-template-dev-form-structure .multiselect__option--highlight .recommended-text,
.company-template-dev-form-structure .multiselect__option--highlight .info {
  color: var(--wp--preset--color--base);
}
.vue-form-page .multiselect__option--selected,
.company-template-form-block .multiselect__option--selected,
.company-template-dev-atoms .multiselect__option--selected,
.company-template-dev-form-structure .multiselect__option--selected {
  font-weight: 600;
  background-color: color-mix(in srgb, var(--wp--preset--color--primary) 12%, transparent);
}
.vue-form-page .multiselect__option--disabled,
.company-template-form-block .multiselect__option--disabled,
.company-template-dev-atoms .multiselect__option--disabled,
.company-template-dev-form-structure .multiselect__option--disabled {
  background: transparent !important;
  color: var(--wp--preset--color--text-muted) !important;
  font-weight: 400;
}
.vue-form-page .multiselect input.multiselect__input,
.company-template-form-block .multiselect input.multiselect__input,
.company-template-dev-atoms .multiselect input.multiselect__input,
.company-template-dev-form-structure .multiselect input.multiselect__input {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.vue-form-page .multiselect input.multiselect__input:focus,
.company-template-form-block .multiselect input.multiselect__input:focus,
.company-template-dev-atoms .multiselect input.multiselect__input:focus,
.company-template-dev-form-structure .multiselect input.multiselect__input:focus {
  border: 0;
  box-shadow: none;
  outline: none;
}
.vue-form-page .multiselect--active .multiselect__tags,
.company-template-form-block .multiselect--active .multiselect__tags,
.company-template-dev-atoms .multiselect--active .multiselect__tags,
.company-template-dev-form-structure .multiselect--active .multiselect__tags {
  border-color: var(--wp--custom--input--focus-ring-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--custom--input--focus-ring-color) 50%, transparent);
}
.vue-form-page .multiselect--active .multiselect__content-wrapper,
.company-template-form-block .multiselect--active .multiselect__content-wrapper,
.company-template-dev-atoms .multiselect--active .multiselect__content-wrapper,
.company-template-dev-form-structure .multiselect--active .multiselect__content-wrapper {
  border-color: var(--wp--custom--input--focus-ring-color);
}
.vue-form-page .multiselect--active .multiselect__select,
.company-template-form-block .multiselect--active .multiselect__select,
.company-template-dev-atoms .multiselect--active .multiselect__select,
.company-template-dev-form-structure .multiselect--active .multiselect__select {
  transform: translateY(-50%) rotate(180deg);
}
.vue-form-page .multiselect.is-invalid-input:not(.multiselect--active) .multiselect__tags,
.vue-form-page .multiselect.invalid:not(.multiselect--active) .multiselect__tags,
.vue-form-page .multiselect.failed:not(.multiselect--active) .multiselect__tags,
.company-template-form-block .multiselect.is-invalid-input:not(.multiselect--active) .multiselect__tags,
.company-template-form-block .multiselect.invalid:not(.multiselect--active) .multiselect__tags,
.company-template-form-block .multiselect.failed:not(.multiselect--active) .multiselect__tags,
.company-template-dev-atoms .multiselect.is-invalid-input:not(.multiselect--active) .multiselect__tags,
.company-template-dev-atoms .multiselect.invalid:not(.multiselect--active) .multiselect__tags,
.company-template-dev-atoms .multiselect.failed:not(.multiselect--active) .multiselect__tags,
.company-template-dev-form-structure .multiselect.is-invalid-input:not(.multiselect--active) .multiselect__tags,
.company-template-dev-form-structure .multiselect.invalid:not(.multiselect--active) .multiselect__tags,
.company-template-dev-form-structure .multiselect.failed:not(.multiselect--active) .multiselect__tags {
  border-color: var(--wp--custom--input--error-color);
}
.vue-form-page .multiselect--disabled,
.company-template-form-block .multiselect--disabled,
.company-template-dev-atoms .multiselect--disabled,
.company-template-dev-form-structure .multiselect--disabled {
  opacity: 0.5;
  pointer-events: none;
}
.vue-form-page .multiselect.dev-form-force-focus .multiselect__tags,
.vue-form-page .multiselect.dev-form-force-hover .multiselect__tags,
.company-template-form-block .multiselect.dev-form-force-focus .multiselect__tags,
.company-template-form-block .multiselect.dev-form-force-hover .multiselect__tags,
.company-template-dev-atoms .multiselect.dev-form-force-focus .multiselect__tags,
.company-template-dev-atoms .multiselect.dev-form-force-hover .multiselect__tags,
.company-template-dev-form-structure .multiselect.dev-form-force-focus .multiselect__tags,
.company-template-dev-form-structure .multiselect.dev-form-force-hover .multiselect__tags {
  border-color: var(--wp--custom--input--focus-ring-color);
}
.vue-form-page .multiselect.dev-form-force-error .multiselect__tags,
.company-template-form-block .multiselect.dev-form-force-error .multiselect__tags,
.company-template-dev-atoms .multiselect.dev-form-force-error .multiselect__tags,
.company-template-dev-form-structure .multiselect.dev-form-force-error .multiselect__tags {
  border-color: var(--wp--custom--input--error-color);
}

/*
 * Corptools Vue forms — order summary / cart panel.
 * Functional rules from cowboyhosting (currency ::before, hide collapsible
 * header on tiers, .terms, aside button order); paint via tokens.
 */
.vue-form-page .order-summary-container,
.company-template-form-block .order-summary-container,
.company-template-dev-atoms .order-summary-container,
.company-template-dev-form-structure .order-summary-container {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--30);
  width: 100%;
}
.vue-form-page .order-summary,
.company-template-form-block .order-summary,
.company-template-dev-atoms .order-summary,
.company-template-dev-form-structure .order-summary {
  width: 100%;
  border: 2px solid var(--wp--custom--input--border-color);
  border-radius: var(--wp--custom--input--radius);
  background-color: color-mix(in srgb, var(--wp--custom--form-selection--checked, var(--wp--preset--color--primary)) 8%, var(--wp--preset--color--base));
  color: var(--wp--preset--color--body-text);
  font-family: var(--wp--preset--font-family--body-font);
  font-size: var(--wp--preset--font-size--sm);
}
.vue-form-page .order-summary h2,
.company-template-form-block .order-summary h2,
.company-template-dev-atoms .order-summary h2,
.company-template-dev-form-structure .order-summary h2 {
  border-bottom: 1px solid var(--wp--custom--input--border-color);
  padding: var(--wp--preset--spacing--30);
  font-family: var(--wp--preset--font-family--heading-font, var(--wp--preset--font-family--body-font));
  font-size: var(--wp--preset--font-size--body);
  font-weight: 900;
  line-height: 1.3;
  color: var(--wp--preset--color--body-text);
  text-transform: uppercase;
}
.vue-form-page .order-summary .os-content-inner h2,
.company-template-form-block .order-summary .os-content-inner h2,
.company-template-dev-atoms .order-summary .os-content-inner h2,
.company-template-dev-form-structure .order-summary .os-content-inner h2 {
  margin: 0 0;
}
.vue-form-page .order-summary .collapsible-header,
.company-template-form-block .order-summary .collapsible-header,
.company-template-dev-atoms .order-summary .collapsible-header,
.company-template-dev-form-structure .order-summary .collapsible-header {
  display: none;
}
.vue-form-page .order-summary.embedded,
.company-template-form-block .order-summary.embedded,
.company-template-dev-atoms .order-summary.embedded,
.company-template-dev-form-structure .order-summary.embedded {
  padding: 0;
  border: none;
  background: transparent;
}
.vue-form-page .order-summary.embedded .embedded-header,
.company-template-form-block .order-summary.embedded .embedded-header,
.company-template-dev-atoms .order-summary.embedded .embedded-header,
.company-template-dev-form-structure .order-summary.embedded .embedded-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
  padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  border: 1px solid var(--wp--custom--input--border-color);
  border-radius: var(--wp--custom--input--radius);
  background-color: var(--wp--custom--input--background);
  cursor: pointer;
}
.vue-form-page .order-summary.embedded .expand-icon,
.company-template-form-block .order-summary.embedded .expand-icon,
.company-template-dev-atoms .order-summary.embedded .expand-icon,
.company-template-dev-form-structure .order-summary.embedded .expand-icon {
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  border-right: 2px solid var(--wp--preset--color--text-muted);
  border-bottom: 2px solid var(--wp--preset--color--text-muted);
  transform: rotate(45deg);
  transition: transform 0.15s ease;
}
.vue-form-page .order-summary.embedded.expanded .expand-icon,
.company-template-form-block .order-summary.embedded.expanded .expand-icon,
.company-template-dev-atoms .order-summary.embedded.expanded .expand-icon,
.company-template-dev-form-structure .order-summary.embedded.expanded .expand-icon {
  transform: rotate(-135deg);
}
.vue-form-page .order-summary.embedded .os-content,
.company-template-form-block .order-summary.embedded .os-content,
.company-template-dev-atoms .order-summary.embedded .os-content,
.company-template-dev-form-structure .order-summary.embedded .os-content {
  margin-top: var(--wp--preset--spacing--20);
  padding: var(--wp--preset--spacing--30);
  border: 1px solid var(--wp--custom--input--border-color);
  border-radius: var(--wp--custom--input--radius);
  background-color: var(--wp--preset--color--base);
}
.vue-form-page .order-summary .buttons-wrap,
.company-template-form-block .order-summary .buttons-wrap,
.company-template-dev-atoms .order-summary .buttons-wrap,
.company-template-dev-form-structure .order-summary .buttons-wrap {
  flex-direction: column-reverse;
}
.vue-form-page .order-summary .order-summary-header-collapsible-wrapper,
.company-template-form-block .order-summary .order-summary-header-collapsible-wrapper,
.company-template-dev-atoms .order-summary .order-summary-header-collapsible-wrapper,
.company-template-dev-form-structure .order-summary .order-summary-header-collapsible-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
  margin-bottom: var(--wp--preset--spacing--20);
}
.vue-form-page .order-summary .order-summary-header-collapsible-wrapper h2,
.company-template-form-block .order-summary .order-summary-header-collapsible-wrapper h2,
.company-template-dev-atoms .order-summary .order-summary-header-collapsible-wrapper h2,
.company-template-dev-form-structure .order-summary .order-summary-header-collapsible-wrapper h2 {
  margin: 0;
}
.vue-form-page .order-summary .order-summary-header-collapsible-wrapper .collapsible-close-button,
.company-template-form-block .order-summary .order-summary-header-collapsible-wrapper .collapsible-close-button,
.company-template-dev-atoms .order-summary .order-summary-header-collapsible-wrapper .collapsible-close-button,
.company-template-dev-form-structure .order-summary .order-summary-header-collapsible-wrapper .collapsible-close-button {
  cursor: pointer;
  color: var(--wp--preset--color--text-muted);
}
.vue-form-page .order-summary .line-items,
.company-template-form-block .order-summary .line-items,
.company-template-dev-atoms .order-summary .line-items,
.company-template-dev-form-structure .order-summary .line-items {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--20);
  padding: var(--wp--preset--spacing--30);
  background-color: white;
}
.vue-form-page .order-summary .line-item,
.company-template-form-block .order-summary .line-item,
.company-template-dev-atoms .order-summary .line-item,
.company-template-dev-form-structure .order-summary .line-item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5em 1em;
  padding-bottom: var(--wp--preset--spacing--20);
  color: var(--wp--preset--color--text-muted);
  font-size: var(--wp--preset--font-size--sm);
  line-height: 1.4;
}
.vue-form-page .order-summary .line-item:last-child,
.company-template-form-block .order-summary .line-item:last-child,
.company-template-dev-atoms .order-summary .line-item:last-child,
.company-template-dev-form-structure .order-summary .line-item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.vue-form-page .order-summary .line-item.error,
.company-template-form-block .order-summary .line-item.error,
.company-template-dev-atoms .order-summary .line-item.error,
.company-template-dev-form-structure .order-summary .line-item.error {
  color: var(--wp--custom--input--error-color);
}
.vue-form-page .order-summary .line-item.single,
.vue-form-page .order-summary .line-item .group-line-item-header,
.company-template-form-block .order-summary .line-item.single,
.company-template-form-block .order-summary .line-item .group-line-item-header,
.company-template-dev-atoms .order-summary .line-item.single,
.company-template-dev-atoms .order-summary .line-item .group-line-item-header,
.company-template-dev-form-structure .order-summary .line-item.single,
.company-template-dev-form-structure .order-summary .line-item .group-line-item-header {
  display: flex;
  justify-content: space-between;
  gap: 0.5em;
  width: 100%;
}
.vue-form-page .order-summary .line-item .price,
.vue-form-page .order-summary .line-item .price-group,
.company-template-form-block .order-summary .line-item .price,
.company-template-form-block .order-summary .line-item .price-group,
.company-template-dev-atoms .order-summary .line-item .price,
.company-template-dev-atoms .order-summary .line-item .price-group,
.company-template-dev-form-structure .order-summary .line-item .price,
.company-template-dev-form-structure .order-summary .line-item .price-group {
  font-weight: 600;
  white-space: nowrap;
}
.vue-form-page .order-summary .line-item .price.crossed-out,
.vue-form-page .order-summary .line-item .order-summary-domain-price-original,
.company-template-form-block .order-summary .line-item .price.crossed-out,
.company-template-form-block .order-summary .line-item .order-summary-domain-price-original,
.company-template-dev-atoms .order-summary .line-item .price.crossed-out,
.company-template-dev-atoms .order-summary .line-item .order-summary-domain-price-original,
.company-template-dev-form-structure .order-summary .line-item .price.crossed-out,
.company-template-dev-form-structure .order-summary .line-item .order-summary-domain-price-original {
  text-decoration: line-through;
  font-weight: 400;
  color: var(--wp--preset--color--text-muted);
}
.vue-form-page .order-summary .line-item .price.free,
.company-template-form-block .order-summary .line-item .price.free,
.company-template-dev-atoms .order-summary .line-item .price.free,
.company-template-dev-form-structure .order-summary .line-item .price.free {
  color: var(--wp--custom--input--success-color, var(--wp--preset--color--green));
}
.vue-form-page .order-summary .line-item .price.no-dollar,
.company-template-form-block .order-summary .line-item .price.no-dollar,
.company-template-dev-atoms .order-summary .line-item .price.no-dollar,
.company-template-dev-form-structure .order-summary .line-item .price.no-dollar {
  color: var(--wp--preset--color--text-muted);
}
.vue-form-page .order-summary .line-item .group-line-item-header,
.company-template-form-block .order-summary .line-item .group-line-item-header,
.company-template-dev-atoms .order-summary .line-item .group-line-item-header,
.company-template-dev-form-structure .order-summary .line-item .group-line-item-header {
  font-weight: 600;
  color: var(--wp--preset--color--body-text);
}
.vue-form-page .order-summary .line-item .sub-line-item,
.company-template-form-block .order-summary .line-item .sub-line-item,
.company-template-dev-atoms .order-summary .line-item .sub-line-item,
.company-template-dev-form-structure .order-summary .line-item .sub-line-item {
  display: flex;
  justify-content: space-between;
  gap: 1em;
  width: 100%;
  padding-left: 0.75em;
  color: var(--wp--preset--color--text-muted);
  font-weight: 400;
}
.vue-form-page .order-summary .line-item .remove-button,
.company-template-form-block .order-summary .line-item .remove-button,
.company-template-dev-atoms .order-summary .line-item .remove-button,
.company-template-dev-form-structure .order-summary .line-item .remove-button {
  padding: 0;
  border: none;
  background: transparent;
  color: var(--wp--preset--color--text-muted);
  cursor: pointer;
}
.vue-form-page .order-summary .line-item .remove-button:hover,
.company-template-form-block .order-summary .line-item .remove-button:hover,
.company-template-dev-atoms .order-summary .line-item .remove-button:hover,
.company-template-dev-form-structure .order-summary .line-item .remove-button:hover {
  color: var(--wp--custom--input--error-color);
}
.vue-form-page .order-summary .price:not(.no-dollar)::before,
.company-template-form-block .order-summary .price:not(.no-dollar)::before,
.company-template-dev-atoms .order-summary .price:not(.no-dollar)::before,
.company-template-dev-form-structure .order-summary .price:not(.no-dollar)::before {
  content: "$";
}
.vue-form-page .order-summary .total,
.company-template-form-block .order-summary .total,
.company-template-dev-atoms .order-summary .total,
.company-template-dev-form-structure .order-summary .total {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding-top: var(--wp--preset--spacing--30);
  border-top: 1px solid var(--wp--custom--input--border-color);
  padding: var(--wp--preset--spacing--30);
  background-color: white;
}
.vue-form-page .order-summary .total span:first-child,
.company-template-form-block .order-summary .total span:first-child,
.company-template-dev-atoms .order-summary .total span:first-child,
.company-template-dev-form-structure .order-summary .total span:first-child {
  font-weight: 600;
  color: var(--wp--preset--color--body-text);
}
.vue-form-page .order-summary .total-price,
.company-template-form-block .order-summary .total-price,
.company-template-dev-atoms .order-summary .total-price,
.company-template-dev-form-structure .order-summary .total-price {
  font-family: var(--wp--preset--font-family--heading-font, var(--wp--preset--font-family--body-font));
  font-weight: 700;
  font-size: var(--wp--preset--font-size--h-4, var(--wp--preset--font-size--lg));
  color: var(--wp--preset--color--body-text);
}
@media (min-width: 1024px) {
  .vue-form-page .mobile-order-summary-embedded .order-summary.embedded,
  .company-template-form-block .mobile-order-summary-embedded .order-summary.embedded,
  .company-template-dev-atoms .mobile-order-summary-embedded .order-summary.embedded,
  .company-template-dev-form-structure .mobile-order-summary-embedded .order-summary.embedded {
    display: none;
  }
}
.vue-form-page .terms,
.vue-form-page .terms-agreement,
.vue-form-page .terms-agreement-wrap,
.company-template-form-block .terms,
.company-template-form-block .terms-agreement,
.company-template-form-block .terms-agreement-wrap,
.company-template-dev-atoms .terms,
.company-template-dev-atoms .terms-agreement,
.company-template-dev-atoms .terms-agreement-wrap,
.company-template-dev-form-structure .terms,
.company-template-dev-form-structure .terms-agreement,
.company-template-dev-form-structure .terms-agreement-wrap {
  margin: var(--wp--preset--spacing--30) 0;
  font-size: var(--wp--preset--font-size--sm);
  color: var(--wp--preset--color--text-muted);
}
.vue-form-page .terms label,
.vue-form-page .terms-agreement label,
.vue-form-page .terms-agreement-wrap label,
.company-template-form-block .terms label,
.company-template-form-block .terms-agreement label,
.company-template-form-block .terms-agreement-wrap label,
.company-template-dev-atoms .terms label,
.company-template-dev-atoms .terms-agreement label,
.company-template-dev-atoms .terms-agreement-wrap label,
.company-template-dev-form-structure .terms label,
.company-template-dev-form-structure .terms-agreement label,
.company-template-dev-form-structure .terms-agreement-wrap label {
  font-weight: 400;
  color: var(--wp--preset--color--text-muted);
}
.vue-form-page .terms a,
.vue-form-page .terms-agreement a,
.vue-form-page .terms-agreement-wrap a,
.company-template-form-block .terms a,
.company-template-form-block .terms-agreement a,
.company-template-form-block .terms-agreement-wrap a,
.company-template-dev-atoms .terms a,
.company-template-dev-atoms .terms-agreement a,
.company-template-dev-atoms .terms-agreement-wrap a,
.company-template-dev-form-structure .terms a,
.company-template-dev-form-structure .terms-agreement a,
.company-template-dev-form-structure .terms-agreement-wrap a {
  color: var(--wp--custom--form-button--background, var(--wp--preset--color--primary));
  text-decoration: underline;
}

/*
 * Corptools Vue forms — modals, tooltips / popovers.
 * Markup from PopupModal.vue + tooltip-modal wrappers.
 */
.vue-form-page .spinner-wrap,
.company-template-form-block .spinner-wrap,
.company-template-dev-atoms .spinner-wrap,
.company-template-dev-form-structure .spinner-wrap {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: color-mix(in srgb, var(--wp--preset--color--body-text) 35%, transparent);
}
.vue-form-page .spinner-wrap .spinner,
.company-template-form-block .spinner-wrap .spinner,
.company-template-dev-atoms .spinner-wrap .spinner,
.company-template-dev-form-structure .spinner-wrap .spinner {
  width: 3rem;
  height: 3rem;
  animation: company-template-form-spinner-rotate 2s linear infinite;
}
.vue-form-page .spinner-wrap .spinner .path,
.company-template-form-block .spinner-wrap .spinner .path,
.company-template-dev-atoms .spinner-wrap .spinner .path,
.company-template-dev-form-structure .spinner-wrap .spinner .path {
  stroke: var(--wp--custom--form-button--background, var(--wp--preset--color--primary));
  stroke-linecap: round;
  animation: company-template-form-spinner-dash 1.5s ease-in-out infinite;
}
.vue-form-page .modal-mask,
.company-template-form-block .modal-mask,
.company-template-dev-atoms .modal-mask,
.company-template-dev-form-structure .modal-mask {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--20);
  overflow-y: auto;
  background-color: color-mix(in srgb, var(--wp--preset--color--body-text) 45%, transparent);
  cursor: default;
}
.vue-form-page .modal-wrapper,
.company-template-form-block .modal-wrapper,
.company-template-dev-atoms .modal-wrapper,
.company-template-dev-form-structure .modal-wrapper {
  width: 100%;
  max-width: 40rem;
  margin: auto;
  padding: 0;
  max-height: 100%;
}
.vue-form-page .modal-container,
.company-template-form-block .modal-container,
.company-template-dev-atoms .modal-container,
.company-template-dev-form-structure .modal-container {
  width: 100%;
  padding: var(--wp--preset--spacing--40);
  border: 1px solid var(--wp--custom--input--border-color);
  border-radius: var(--wp--custom--input--radius);
  background-color: var(--wp--preset--color--base);
  color: var(--wp--preset--color--body-text);
  box-shadow: 0 1em 2.5em color-mix(in srgb, var(--wp--preset--color--body-text) 18%, transparent);
  font-family: var(--wp--preset--font-family--body-font);
  font-size: var(--wp--preset--font-size--sm);
}
.vue-form-page .modal-header,
.company-template-form-block .modal-header,
.company-template-dev-atoms .modal-header,
.company-template-dev-form-structure .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1em;
  margin: 0 0 var(--wp--preset--spacing--30);
  padding: 0;
  border: 0;
}
.vue-form-page .modal-header h3,
.vue-form-page .modal-header h5,
.company-template-form-block .modal-header h3,
.company-template-form-block .modal-header h5,
.company-template-dev-atoms .modal-header h3,
.company-template-dev-atoms .modal-header h5,
.company-template-dev-form-structure .modal-header h3,
.company-template-dev-form-structure .modal-header h5 {
  margin: 0;
  color: var(--wp--preset--color--body-text);
  font-family: var(--wp--preset--font-family--heading-font, var(--wp--preset--font-family--body-font));
  font-size: var(--wp--preset--font-size--body-lg);
  font-weight: 600;
  line-height: 1.3;
}
.vue-form-page .modal-close-button,
.company-template-form-block .modal-close-button,
.company-template-dev-atoms .modal-close-button,
.company-template-dev-form-structure .modal-close-button {
  flex-shrink: 0;
  padding: 0.25em 0.5em;
  margin: 0;
  border: none;
  background: transparent;
  color: var(--wp--preset--color--text-muted);
  cursor: pointer;
  font-size: 1.1em;
  line-height: 1;
}
.vue-form-page .modal-close-button:hover,
.company-template-form-block .modal-close-button:hover,
.company-template-dev-atoms .modal-close-button:hover,
.company-template-dev-form-structure .modal-close-button:hover {
  color: var(--wp--preset--color--body-text);
}
.vue-form-page .modal-body,
.company-template-form-block .modal-body,
.company-template-dev-atoms .modal-body,
.company-template-dev-form-structure .modal-body {
  margin: 0;
  padding: 0;
  color: var(--wp--preset--color--body-text);
}
.vue-form-page .modal-body p,
.company-template-form-block .modal-body p,
.company-template-dev-atoms .modal-body p,
.company-template-dev-form-structure .modal-body p {
  margin: 0 0 0.75em;
}
.vue-form-page .modal-body p:last-child,
.company-template-form-block .modal-body p:last-child,
.company-template-dev-atoms .modal-body p:last-child,
.company-template-dev-form-structure .modal-body p:last-child {
  margin-bottom: 0;
}
.vue-form-page .modal-footer,
.company-template-form-block .modal-footer,
.company-template-dev-atoms .modal-footer,
.company-template-dev-form-structure .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: var(--wp--preset--spacing--20);
  margin: var(--wp--preset--spacing--30) 0 0;
  padding: 0;
  border: 0;
}
.vue-form-page .modal-default-button,
.vue-form-page .modal-cancel-button,
.vue-form-page .modal-confirm-button,
.company-template-form-block .modal-default-button,
.company-template-form-block .modal-cancel-button,
.company-template-form-block .modal-confirm-button,
.company-template-dev-atoms .modal-default-button,
.company-template-dev-atoms .modal-cancel-button,
.company-template-dev-atoms .modal-confirm-button,
.company-template-dev-form-structure .modal-default-button,
.company-template-dev-form-structure .modal-cancel-button,
.company-template-dev-form-structure .modal-confirm-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 7em;
  padding: 0.65em 1.25em;
  border: 1px solid var(--wp--custom--input--border-color);
  border-radius: var(--wp--custom--form-button--radius, 0);
  background-color: var(--wp--preset--color--base);
  color: var(--wp--preset--color--body-text);
  font-family: var(--wp--preset--font-family--body-font);
  font-size: var(--wp--preset--font-size--sm);
  font-weight: 500;
  cursor: pointer;
  appearance: none;
}
.vue-form-page .modal-confirm-button,
.company-template-form-block .modal-confirm-button,
.company-template-dev-atoms .modal-confirm-button,
.company-template-dev-form-structure .modal-confirm-button {
  border-color: transparent;
  background-color: var(--wp--custom--form-button--background, var(--wp--preset--color--primary));
  color: var(--wp--custom--form-button--color, var(--wp--preset--color--base));
}
.vue-form-page .modal-confirm-button:hover,
.company-template-form-block .modal-confirm-button:hover,
.company-template-dev-atoms .modal-confirm-button:hover,
.company-template-dev-form-structure .modal-confirm-button:hover {
  background-color: var(--wp--custom--form-button--hover-background, var(--wp--preset--color--primary-hover));
}
.vue-form-page .modal-cancel-button:hover,
.company-template-form-block .modal-cancel-button:hover,
.company-template-dev-atoms .modal-cancel-button:hover,
.company-template-dev-form-structure .modal-cancel-button:hover {
  border-color: var(--wp--custom--input--focus-ring-color);
}
.vue-form-page .usps-verification-popup .address-preview,
.vue-form-page .usps-verification-popup .address-fields,
.vue-form-page .address-modal .address-preview,
.vue-form-page .address-modal .address-fields,
.company-template-form-block .usps-verification-popup .address-preview,
.company-template-form-block .usps-verification-popup .address-fields,
.company-template-form-block .address-modal .address-preview,
.company-template-form-block .address-modal .address-fields,
.company-template-dev-atoms .usps-verification-popup .address-preview,
.company-template-dev-atoms .usps-verification-popup .address-fields,
.company-template-dev-atoms .address-modal .address-preview,
.company-template-dev-atoms .address-modal .address-fields,
.company-template-dev-form-structure .usps-verification-popup .address-preview,
.company-template-dev-form-structure .usps-verification-popup .address-fields,
.company-template-dev-form-structure .address-modal .address-preview,
.company-template-dev-form-structure .address-modal .address-fields {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--20);
}
.vue-form-page .usps-verification-popup .usps-verified-side-by-side,
.vue-form-page .address-modal .usps-verified-side-by-side,
.company-template-form-block .usps-verification-popup .usps-verified-side-by-side,
.company-template-form-block .address-modal .usps-verified-side-by-side,
.company-template-dev-atoms .usps-verification-popup .usps-verified-side-by-side,
.company-template-dev-atoms .address-modal .usps-verified-side-by-side,
.company-template-dev-form-structure .usps-verification-popup .usps-verified-side-by-side,
.company-template-dev-form-structure .address-modal .usps-verified-side-by-side {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--wp--preset--spacing--30);
}
@media (min-width: 640px) {
  .vue-form-page .usps-verification-popup .usps-verified-side-by-side,
  .vue-form-page .address-modal .usps-verified-side-by-side,
  .company-template-form-block .usps-verification-popup .usps-verified-side-by-side,
  .company-template-form-block .address-modal .usps-verified-side-by-side,
  .company-template-dev-atoms .usps-verification-popup .usps-verified-side-by-side,
  .company-template-dev-atoms .address-modal .usps-verified-side-by-side,
  .company-template-dev-form-structure .usps-verification-popup .usps-verified-side-by-side,
  .company-template-dev-form-structure .address-modal .usps-verified-side-by-side {
    grid-template-columns: 1fr 1fr;
  }
}
.vue-form-page .tooltip-modal,
.company-template-form-block .tooltip-modal,
.company-template-dev-atoms .tooltip-modal,
.company-template-dev-form-structure .tooltip-modal {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}
.vue-form-page .tooltip.popover .tooltip-inner,
.vue-form-page .tooltip .tooltip-inner,
.company-template-form-block .tooltip.popover .tooltip-inner,
.company-template-form-block .tooltip .tooltip-inner,
.company-template-dev-atoms .tooltip.popover .tooltip-inner,
.company-template-dev-atoms .tooltip .tooltip-inner,
.company-template-dev-form-structure .tooltip.popover .tooltip-inner,
.company-template-dev-form-structure .tooltip .tooltip-inner {
  max-width: 18rem;
  padding: 0.65em 0.85em;
  border-radius: var(--wp--custom--input--radius);
  background-color: var(--wp--preset--color--body-text);
  color: var(--wp--preset--color--base);
  font-size: var(--wp--preset--font-size--sm);
  line-height: 1.4;
  box-shadow: 0 0.35em 1em color-mix(in srgb, var(--wp--preset--color--body-text) 25%, transparent);
}
.vue-form-page .fa-question-circle,
.company-template-form-block .fa-question-circle,
.company-template-dev-atoms .fa-question-circle,
.company-template-dev-form-structure .fa-question-circle {
  color: var(--wp--preset--color--text-muted);
  cursor: help;
}

@keyframes company-template-form-spinner-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes company-template-form-spinner-dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
/*
 * Corptools Vue forms — checkboxes and radios (plugin smart-element markup).
 * Optional-item flex layout + sub-optional radios from cowboyhosting;
 * tier cards exempted (see _layout.scss). Paint via form-selection tokens.
 */
.vue-form-page .optional-list,
.company-template-form-block .optional-list,
.company-template-dev-atoms .optional-list,
.company-template-dev-form-structure .optional-list {
  display: grid;
  gap: var(--wp--preset--spacing--20);
}
.vue-form-page .checkbox-wrap,
.company-template-form-block .checkbox-wrap,
.company-template-dev-atoms .checkbox-wrap,
.company-template-dev-form-structure .checkbox-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--wp--preset--spacing--20);
  padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  border: 1px solid var(--wp--custom--input--border-color);
  border-radius: var(--wp--custom--input--radius);
  background-color: var(--wp--custom--input--background, var(--wp--preset--color--base));
}
.vue-form-page .checkbox-wrap label,
.company-template-form-block .checkbox-wrap label,
.company-template-dev-atoms .checkbox-wrap label,
.company-template-dev-form-structure .checkbox-wrap label {
  display: flex;
  align-items: baseline;
  margin: 0;
  cursor: pointer;
  font-weight: 600;
  color: var(--wp--preset--color--body-text);
}
.vue-form-page .item-dollar-sign,
.company-template-form-block .item-dollar-sign,
.company-template-dev-atoms .item-dollar-sign,
.company-template-dev-form-structure .item-dollar-sign {
  margin-left: 0.35em;
}
.vue-form-page .item-dollar-sign,
.vue-form-page .item-cost,
.company-template-form-block .item-dollar-sign,
.company-template-form-block .item-cost,
.company-template-dev-atoms .item-dollar-sign,
.company-template-dev-atoms .item-cost,
.company-template-dev-form-structure .item-dollar-sign,
.company-template-dev-form-structure .item-cost {
  color: var(--wp--custom--form-selection--checked, var(--wp--preset--color--primary));
  font-weight: 700;
  white-space: pre;
}
.vue-form-page .sub-optional,
.company-template-form-block .sub-optional,
.company-template-dev-atoms .sub-optional,
.company-template-dev-form-structure .sub-optional {
  flex-basis: 100%;
  display: grid;
  gap: var(--wp--preset--spacing--20);
  margin: 0.15em 0 0 1.9em;
  padding-top: var(--wp--preset--spacing--20);
  border-top: 1px solid var(--wp--custom--input--border-color);
}
.vue-form-page .sub-optional .radio-row,
.company-template-form-block .sub-optional .radio-row,
.company-template-dev-atoms .sub-optional .radio-row,
.company-template-dev-form-structure .sub-optional .radio-row {
  display: flex;
  align-items: center;
  gap: 0.65em;
}
.vue-form-page .sub-optional .radio-row .radio-label-wrap,
.company-template-form-block .sub-optional .radio-row .radio-label-wrap,
.company-template-dev-atoms .sub-optional .radio-row .radio-label-wrap,
.company-template-dev-form-structure .sub-optional .radio-row .radio-label-wrap {
  flex: 1;
  min-width: 0;
}
.vue-form-page .sub-optional .radio-row label,
.company-template-form-block .sub-optional .radio-row label,
.company-template-dev-atoms .sub-optional .radio-row label,
.company-template-dev-form-structure .sub-optional .radio-row label {
  font-weight: 500;
  color: var(--wp--preset--color--body-text);
}
.vue-form-page .sub-optional .radio-row:has(input:checked) label,
.company-template-form-block .sub-optional .radio-row:has(input:checked) label,
.company-template-dev-atoms .sub-optional .radio-row:has(input:checked) label,
.company-template-dev-form-structure .sub-optional .radio-row:has(input:checked) label {
  font-weight: 700;
  color: var(--wp--preset--color--body-text);
}
.vue-form-page .input-group-checkbox .checkbox-label-wrap,
.vue-form-page .input-group-checkbox .checkbox,
.vue-form-page .checkbox-wrap .checkbox-label-wrap,
.vue-form-page .checkbox-wrap .checkbox,
.company-template-form-block .input-group-checkbox .checkbox-label-wrap,
.company-template-form-block .input-group-checkbox .checkbox,
.company-template-form-block .checkbox-wrap .checkbox-label-wrap,
.company-template-form-block .checkbox-wrap .checkbox,
.company-template-dev-atoms .input-group-checkbox .checkbox-label-wrap,
.company-template-dev-atoms .input-group-checkbox .checkbox,
.company-template-dev-atoms .checkbox-wrap .checkbox-label-wrap,
.company-template-dev-atoms .checkbox-wrap .checkbox,
.company-template-dev-form-structure .input-group-checkbox .checkbox-label-wrap,
.company-template-dev-form-structure .input-group-checkbox .checkbox,
.company-template-dev-form-structure .checkbox-wrap .checkbox-label-wrap,
.company-template-dev-form-structure .checkbox-wrap .checkbox {
  display: flex;
  align-items: flex-start;
  gap: 0.75em;
}
.vue-form-page .input-group-checkbox input[type=checkbox],
.vue-form-page .checkbox-wrap input[type=checkbox],
.company-template-form-block .input-group-checkbox input[type=checkbox],
.company-template-form-block .checkbox-wrap input[type=checkbox],
.company-template-dev-atoms .input-group-checkbox input[type=checkbox],
.company-template-dev-atoms .checkbox-wrap input[type=checkbox],
.company-template-dev-form-structure .input-group-checkbox input[type=checkbox],
.company-template-dev-form-structure .checkbox-wrap input[type=checkbox] {
  appearance: none;
  flex-shrink: 0;
  flex: none;
  width: 1.25em;
  height: 1.25em;
  margin: 0.1em 0 0;
  padding: 0;
  border: 2px solid var(--wp--custom--form-selection--border-color, var(--wp--custom--input--border-color));
  border-radius: var(--wp--custom--form-selection--radius, 0);
  background-color: var(--wp--preset--color--base);
  cursor: pointer;
  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
  position: relative;
}
.vue-form-page .input-group-checkbox input[type=checkbox]:hover:not(:disabled),
.vue-form-page .checkbox-wrap input[type=checkbox]:hover:not(:disabled),
.company-template-form-block .input-group-checkbox input[type=checkbox]:hover:not(:disabled),
.company-template-form-block .checkbox-wrap input[type=checkbox]:hover:not(:disabled),
.company-template-dev-atoms .input-group-checkbox input[type=checkbox]:hover:not(:disabled),
.company-template-dev-atoms .checkbox-wrap input[type=checkbox]:hover:not(:disabled),
.company-template-dev-form-structure .input-group-checkbox input[type=checkbox]:hover:not(:disabled),
.company-template-dev-form-structure .checkbox-wrap input[type=checkbox]:hover:not(:disabled) {
  border-color: var(--wp--custom--form-selection--checked, var(--wp--preset--color--primary));
}
.vue-form-page .input-group-checkbox input[type=checkbox]:focus, .vue-form-page .input-group-checkbox input[type=checkbox]:focus-visible, .vue-form-page .input-group-checkbox input[type=checkbox].dev-form-force-focus,
.vue-form-page .checkbox-wrap input[type=checkbox]:focus,
.vue-form-page .checkbox-wrap input[type=checkbox]:focus-visible,
.vue-form-page .checkbox-wrap input[type=checkbox].dev-form-force-focus,
.company-template-form-block .input-group-checkbox input[type=checkbox]:focus,
.company-template-form-block .input-group-checkbox input[type=checkbox]:focus-visible,
.company-template-form-block .input-group-checkbox input[type=checkbox].dev-form-force-focus,
.company-template-form-block .checkbox-wrap input[type=checkbox]:focus,
.company-template-form-block .checkbox-wrap input[type=checkbox]:focus-visible,
.company-template-form-block .checkbox-wrap input[type=checkbox].dev-form-force-focus,
.company-template-dev-atoms .input-group-checkbox input[type=checkbox]:focus,
.company-template-dev-atoms .input-group-checkbox input[type=checkbox]:focus-visible,
.company-template-dev-atoms .input-group-checkbox input[type=checkbox].dev-form-force-focus,
.company-template-dev-atoms .checkbox-wrap input[type=checkbox]:focus,
.company-template-dev-atoms .checkbox-wrap input[type=checkbox]:focus-visible,
.company-template-dev-atoms .checkbox-wrap input[type=checkbox].dev-form-force-focus,
.company-template-dev-form-structure .input-group-checkbox input[type=checkbox]:focus,
.company-template-dev-form-structure .input-group-checkbox input[type=checkbox]:focus-visible,
.company-template-dev-form-structure .input-group-checkbox input[type=checkbox].dev-form-force-focus,
.company-template-dev-form-structure .checkbox-wrap input[type=checkbox]:focus,
.company-template-dev-form-structure .checkbox-wrap input[type=checkbox]:focus-visible,
.company-template-dev-form-structure .checkbox-wrap input[type=checkbox].dev-form-force-focus {
  outline: none;
  border-color: var(--wp--custom--input--focus-ring-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--custom--input--focus-ring-color) 50%, transparent);
}
.vue-form-page .input-group-checkbox input[type=checkbox]:checked,
.vue-form-page .checkbox-wrap input[type=checkbox]:checked,
.company-template-form-block .input-group-checkbox input[type=checkbox]:checked,
.company-template-form-block .checkbox-wrap input[type=checkbox]:checked,
.company-template-dev-atoms .input-group-checkbox input[type=checkbox]:checked,
.company-template-dev-atoms .checkbox-wrap input[type=checkbox]:checked,
.company-template-dev-form-structure .input-group-checkbox input[type=checkbox]:checked,
.company-template-dev-form-structure .checkbox-wrap input[type=checkbox]:checked {
  background-color: var(--wp--custom--form-selection--checked, var(--wp--preset--color--primary));
  border-color: var(--wp--custom--form-selection--checked, var(--wp--preset--color--primary));
}
.vue-form-page .input-group-checkbox input[type=checkbox]:checked::after,
.vue-form-page .checkbox-wrap input[type=checkbox]:checked::after,
.company-template-form-block .input-group-checkbox input[type=checkbox]:checked::after,
.company-template-form-block .checkbox-wrap input[type=checkbox]:checked::after,
.company-template-dev-atoms .input-group-checkbox input[type=checkbox]:checked::after,
.company-template-dev-atoms .checkbox-wrap input[type=checkbox]:checked::after,
.company-template-dev-form-structure .input-group-checkbox input[type=checkbox]:checked::after,
.company-template-dev-form-structure .checkbox-wrap input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  left: 0.28em;
  top: 0.05em;
  width: 0.35em;
  height: 0.7em;
  border: solid var(--wp--preset--color--base);
  border-width: 0 0.15em 0.15em 0;
  transform: rotate(45deg);
}
.vue-form-page .input-group-checkbox input[type=checkbox]:disabled, .vue-form-page .input-group-checkbox input[type=checkbox].dev-form-force-disabled,
.vue-form-page .checkbox-wrap input[type=checkbox]:disabled,
.vue-form-page .checkbox-wrap input[type=checkbox].dev-form-force-disabled,
.company-template-form-block .input-group-checkbox input[type=checkbox]:disabled,
.company-template-form-block .input-group-checkbox input[type=checkbox].dev-form-force-disabled,
.company-template-form-block .checkbox-wrap input[type=checkbox]:disabled,
.company-template-form-block .checkbox-wrap input[type=checkbox].dev-form-force-disabled,
.company-template-dev-atoms .input-group-checkbox input[type=checkbox]:disabled,
.company-template-dev-atoms .input-group-checkbox input[type=checkbox].dev-form-force-disabled,
.company-template-dev-atoms .checkbox-wrap input[type=checkbox]:disabled,
.company-template-dev-atoms .checkbox-wrap input[type=checkbox].dev-form-force-disabled,
.company-template-dev-form-structure .input-group-checkbox input[type=checkbox]:disabled,
.company-template-dev-form-structure .input-group-checkbox input[type=checkbox].dev-form-force-disabled,
.company-template-dev-form-structure .checkbox-wrap input[type=checkbox]:disabled,
.company-template-dev-form-structure .checkbox-wrap input[type=checkbox].dev-form-force-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.vue-form-page .input-group-checkbox input[type=checkbox].invalid, .vue-form-page .input-group-checkbox input[type=checkbox].failed, .vue-form-page .input-group-checkbox input[type=checkbox].dev-form-force-error,
.vue-form-page .checkbox-wrap input[type=checkbox].invalid,
.vue-form-page .checkbox-wrap input[type=checkbox].failed,
.vue-form-page .checkbox-wrap input[type=checkbox].dev-form-force-error,
.company-template-form-block .input-group-checkbox input[type=checkbox].invalid,
.company-template-form-block .input-group-checkbox input[type=checkbox].failed,
.company-template-form-block .input-group-checkbox input[type=checkbox].dev-form-force-error,
.company-template-form-block .checkbox-wrap input[type=checkbox].invalid,
.company-template-form-block .checkbox-wrap input[type=checkbox].failed,
.company-template-form-block .checkbox-wrap input[type=checkbox].dev-form-force-error,
.company-template-dev-atoms .input-group-checkbox input[type=checkbox].invalid,
.company-template-dev-atoms .input-group-checkbox input[type=checkbox].failed,
.company-template-dev-atoms .input-group-checkbox input[type=checkbox].dev-form-force-error,
.company-template-dev-atoms .checkbox-wrap input[type=checkbox].invalid,
.company-template-dev-atoms .checkbox-wrap input[type=checkbox].failed,
.company-template-dev-atoms .checkbox-wrap input[type=checkbox].dev-form-force-error,
.company-template-dev-form-structure .input-group-checkbox input[type=checkbox].invalid,
.company-template-dev-form-structure .input-group-checkbox input[type=checkbox].failed,
.company-template-dev-form-structure .input-group-checkbox input[type=checkbox].dev-form-force-error,
.company-template-dev-form-structure .checkbox-wrap input[type=checkbox].invalid,
.company-template-dev-form-structure .checkbox-wrap input[type=checkbox].failed,
.company-template-dev-form-structure .checkbox-wrap input[type=checkbox].dev-form-force-error {
  border-color: var(--wp--custom--input--error-color);
}
.vue-form-page .input-group-checkbox label,
.vue-form-page .checkbox-wrap label,
.company-template-form-block .input-group-checkbox label,
.company-template-form-block .checkbox-wrap label,
.company-template-dev-atoms .input-group-checkbox label,
.company-template-dev-atoms .checkbox-wrap label,
.company-template-dev-form-structure .input-group-checkbox label,
.company-template-dev-form-structure .checkbox-wrap label {
  cursor: pointer;
  color: var(--wp--custom--input--label-color);
  font-weight: var(--wp--custom--input--label-font-weight);
  font-size: var(--wp--preset--font-size--sm);
  font-family: var(--wp--preset--font-family--body-font);
  margin: 0;
  width: auto;
  text-transform: none;
}
.vue-form-page .input-group-checkbox input[type=checkbox]:disabled ~ .checkbox label,
.vue-form-page .input-group-checkbox input[type=checkbox]:disabled ~ .checkbox-label-wrap label,
.vue-form-page .checkbox-wrap input[type=checkbox]:disabled ~ .checkbox label,
.vue-form-page .checkbox-wrap input[type=checkbox]:disabled ~ .checkbox-label-wrap label,
.company-template-form-block .input-group-checkbox input[type=checkbox]:disabled ~ .checkbox label,
.company-template-form-block .input-group-checkbox input[type=checkbox]:disabled ~ .checkbox-label-wrap label,
.company-template-form-block .checkbox-wrap input[type=checkbox]:disabled ~ .checkbox label,
.company-template-form-block .checkbox-wrap input[type=checkbox]:disabled ~ .checkbox-label-wrap label,
.company-template-dev-atoms .input-group-checkbox input[type=checkbox]:disabled ~ .checkbox label,
.company-template-dev-atoms .input-group-checkbox input[type=checkbox]:disabled ~ .checkbox-label-wrap label,
.company-template-dev-atoms .checkbox-wrap input[type=checkbox]:disabled ~ .checkbox label,
.company-template-dev-atoms .checkbox-wrap input[type=checkbox]:disabled ~ .checkbox-label-wrap label,
.company-template-dev-form-structure .input-group-checkbox input[type=checkbox]:disabled ~ .checkbox label,
.company-template-dev-form-structure .input-group-checkbox input[type=checkbox]:disabled ~ .checkbox-label-wrap label,
.company-template-dev-form-structure .checkbox-wrap input[type=checkbox]:disabled ~ .checkbox label,
.company-template-dev-form-structure .checkbox-wrap input[type=checkbox]:disabled ~ .checkbox-label-wrap label {
  cursor: not-allowed;
  opacity: 0.5;
}
.vue-form-page .input-group-checkbox span,
.company-template-form-block .input-group-checkbox span,
.company-template-dev-atoms .input-group-checkbox span,
.company-template-dev-form-structure .input-group-checkbox span {
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--20);
}
.vue-form-page .input-group-checkbox .checkbox-label-wrap label,
.company-template-form-block .input-group-checkbox .checkbox-label-wrap label,
.company-template-dev-atoms .input-group-checkbox .checkbox-label-wrap label,
.company-template-dev-form-structure .input-group-checkbox .checkbox-label-wrap label {
  margin: 0;
}
.vue-form-page .input-group-radio .radio-row,
.vue-form-page .radio-row:not(.tier-card) .radio-row,
.company-template-form-block .input-group-radio .radio-row,
.company-template-form-block .radio-row:not(.tier-card) .radio-row,
.company-template-dev-atoms .input-group-radio .radio-row,
.company-template-dev-atoms .radio-row:not(.tier-card) .radio-row,
.company-template-dev-form-structure .input-group-radio .radio-row,
.company-template-dev-form-structure .radio-row:not(.tier-card) .radio-row {
  margin: 0.75em 0;
}
.vue-form-page .input-group-radio .radio-label-wrap,
.vue-form-page .radio-row:not(.tier-card) .radio-label-wrap,
.company-template-form-block .input-group-radio .radio-label-wrap,
.company-template-form-block .radio-row:not(.tier-card) .radio-label-wrap,
.company-template-dev-atoms .input-group-radio .radio-label-wrap,
.company-template-dev-atoms .radio-row:not(.tier-card) .radio-label-wrap,
.company-template-dev-form-structure .input-group-radio .radio-label-wrap,
.company-template-dev-form-structure .radio-row:not(.tier-card) .radio-label-wrap {
  display: flex;
  align-items: center;
}
.vue-form-page .input-group-radio input[type=radio]:not(.tier-radio),
.vue-form-page .input-group-radio input.styled-radio:not(.tier-radio),
.vue-form-page .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio),
.vue-form-page .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio),
.company-template-form-block .input-group-radio input[type=radio]:not(.tier-radio),
.company-template-form-block .input-group-radio input.styled-radio:not(.tier-radio),
.company-template-form-block .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio),
.company-template-form-block .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio),
.company-template-dev-atoms .input-group-radio input[type=radio]:not(.tier-radio),
.company-template-dev-atoms .input-group-radio input.styled-radio:not(.tier-radio),
.company-template-dev-atoms .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio),
.company-template-dev-atoms .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio),
.company-template-dev-form-structure .input-group-radio input[type=radio]:not(.tier-radio),
.company-template-dev-form-structure .input-group-radio input.styled-radio:not(.tier-radio),
.company-template-dev-form-structure .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio),
.company-template-dev-form-structure .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio) {
  appearance: none;
  position: absolute;
  opacity: 0;
  overflow: hidden;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
}
.vue-form-page .input-group-radio input[type=radio]:not(.tier-radio) ~ .radio-label-wrap label,
.vue-form-page .input-group-radio input.styled-radio:not(.tier-radio) ~ .radio-label-wrap label,
.vue-form-page .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio) ~ .radio-label-wrap label,
.vue-form-page .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio) ~ .radio-label-wrap label,
.company-template-form-block .input-group-radio input[type=radio]:not(.tier-radio) ~ .radio-label-wrap label,
.company-template-form-block .input-group-radio input.styled-radio:not(.tier-radio) ~ .radio-label-wrap label,
.company-template-form-block .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio) ~ .radio-label-wrap label,
.company-template-form-block .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio) ~ .radio-label-wrap label,
.company-template-dev-atoms .input-group-radio input[type=radio]:not(.tier-radio) ~ .radio-label-wrap label,
.company-template-dev-atoms .input-group-radio input.styled-radio:not(.tier-radio) ~ .radio-label-wrap label,
.company-template-dev-atoms .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio) ~ .radio-label-wrap label,
.company-template-dev-atoms .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio) ~ .radio-label-wrap label,
.company-template-dev-form-structure .input-group-radio input[type=radio]:not(.tier-radio) ~ .radio-label-wrap label,
.company-template-dev-form-structure .input-group-radio input.styled-radio:not(.tier-radio) ~ .radio-label-wrap label,
.company-template-dev-form-structure .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio) ~ .radio-label-wrap label,
.company-template-dev-form-structure .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio) ~ .radio-label-wrap label {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  padding-left: 2em;
  margin: 0;
  width: auto;
  font-weight: var(--wp--custom--input--label-font-weight);
  font-size: var(--wp--preset--font-size--sm);
  font-family: var(--wp--preset--font-family--body-font);
  color: var(--wp--custom--input--label-color);
  text-transform: none;
}
.vue-form-page .input-group-radio input[type=radio]:not(.tier-radio) ~ .radio-label-wrap label::before,
.vue-form-page .input-group-radio input.styled-radio:not(.tier-radio) ~ .radio-label-wrap label::before,
.vue-form-page .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio) ~ .radio-label-wrap label::before,
.vue-form-page .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio) ~ .radio-label-wrap label::before,
.company-template-form-block .input-group-radio input[type=radio]:not(.tier-radio) ~ .radio-label-wrap label::before,
.company-template-form-block .input-group-radio input.styled-radio:not(.tier-radio) ~ .radio-label-wrap label::before,
.company-template-form-block .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio) ~ .radio-label-wrap label::before,
.company-template-form-block .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio) ~ .radio-label-wrap label::before,
.company-template-dev-atoms .input-group-radio input[type=radio]:not(.tier-radio) ~ .radio-label-wrap label::before,
.company-template-dev-atoms .input-group-radio input.styled-radio:not(.tier-radio) ~ .radio-label-wrap label::before,
.company-template-dev-atoms .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio) ~ .radio-label-wrap label::before,
.company-template-dev-atoms .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio) ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .input-group-radio input[type=radio]:not(.tier-radio) ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .input-group-radio input.styled-radio:not(.tier-radio) ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio) ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio) ~ .radio-label-wrap label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.25em;
  height: 1.25em;
  border: 2px solid var(--wp--custom--form-selection--border-color, var(--wp--custom--input--border-color));
  border-radius: 50%;
  background-color: var(--wp--preset--color--base);
  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}
.vue-form-page .input-group-radio input[type=radio]:not(.tier-radio) ~ .radio-label-wrap label::after,
.vue-form-page .input-group-radio input.styled-radio:not(.tier-radio) ~ .radio-label-wrap label::after,
.vue-form-page .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio) ~ .radio-label-wrap label::after,
.vue-form-page .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio) ~ .radio-label-wrap label::after,
.company-template-form-block .input-group-radio input[type=radio]:not(.tier-radio) ~ .radio-label-wrap label::after,
.company-template-form-block .input-group-radio input.styled-radio:not(.tier-radio) ~ .radio-label-wrap label::after,
.company-template-form-block .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio) ~ .radio-label-wrap label::after,
.company-template-form-block .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio) ~ .radio-label-wrap label::after,
.company-template-dev-atoms .input-group-radio input[type=radio]:not(.tier-radio) ~ .radio-label-wrap label::after,
.company-template-dev-atoms .input-group-radio input.styled-radio:not(.tier-radio) ~ .radio-label-wrap label::after,
.company-template-dev-atoms .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio) ~ .radio-label-wrap label::after,
.company-template-dev-atoms .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio) ~ .radio-label-wrap label::after,
.company-template-dev-form-structure .input-group-radio input[type=radio]:not(.tier-radio) ~ .radio-label-wrap label::after,
.company-template-dev-form-structure .input-group-radio input.styled-radio:not(.tier-radio) ~ .radio-label-wrap label::after,
.company-template-dev-form-structure .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio) ~ .radio-label-wrap label::after,
.company-template-dev-form-structure .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio) ~ .radio-label-wrap label::after {
  content: "";
  position: absolute;
  left: 0.35em;
  top: 50%;
  transform: translateY(-50%) scale(0);
  width: 0.55em;
  height: 0.55em;
  border-radius: 50%;
  background-color: var(--wp--custom--form-selection--checked, var(--wp--preset--color--primary));
  transition: transform 0.15s ease;
}
.vue-form-page .input-group-radio input[type=radio]:not(.tier-radio):hover:not(:disabled) ~ .radio-label-wrap label::before,
.vue-form-page .input-group-radio input.styled-radio:not(.tier-radio):hover:not(:disabled) ~ .radio-label-wrap label::before,
.vue-form-page .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio):hover:not(:disabled) ~ .radio-label-wrap label::before,
.vue-form-page .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio):hover:not(:disabled) ~ .radio-label-wrap label::before,
.company-template-form-block .input-group-radio input[type=radio]:not(.tier-radio):hover:not(:disabled) ~ .radio-label-wrap label::before,
.company-template-form-block .input-group-radio input.styled-radio:not(.tier-radio):hover:not(:disabled) ~ .radio-label-wrap label::before,
.company-template-form-block .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio):hover:not(:disabled) ~ .radio-label-wrap label::before,
.company-template-form-block .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio):hover:not(:disabled) ~ .radio-label-wrap label::before,
.company-template-dev-atoms .input-group-radio input[type=radio]:not(.tier-radio):hover:not(:disabled) ~ .radio-label-wrap label::before,
.company-template-dev-atoms .input-group-radio input.styled-radio:not(.tier-radio):hover:not(:disabled) ~ .radio-label-wrap label::before,
.company-template-dev-atoms .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio):hover:not(:disabled) ~ .radio-label-wrap label::before,
.company-template-dev-atoms .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio):hover:not(:disabled) ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .input-group-radio input[type=radio]:not(.tier-radio):hover:not(:disabled) ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .input-group-radio input.styled-radio:not(.tier-radio):hover:not(:disabled) ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio):hover:not(:disabled) ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio):hover:not(:disabled) ~ .radio-label-wrap label::before {
  border-color: var(--wp--custom--form-selection--checked, var(--wp--preset--color--primary));
}
.vue-form-page .input-group-radio input[type=radio]:not(.tier-radio):focus ~ .radio-label-wrap label::before, .vue-form-page .input-group-radio input[type=radio]:not(.tier-radio).dev-form-force-focus ~ .radio-label-wrap label::before,
.vue-form-page .input-group-radio input.styled-radio:not(.tier-radio):focus ~ .radio-label-wrap label::before,
.vue-form-page .input-group-radio input.styled-radio:not(.tier-radio).dev-form-force-focus ~ .radio-label-wrap label::before,
.vue-form-page .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio):focus ~ .radio-label-wrap label::before,
.vue-form-page .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio).dev-form-force-focus ~ .radio-label-wrap label::before,
.vue-form-page .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio):focus ~ .radio-label-wrap label::before,
.vue-form-page .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio).dev-form-force-focus ~ .radio-label-wrap label::before,
.company-template-form-block .input-group-radio input[type=radio]:not(.tier-radio):focus ~ .radio-label-wrap label::before,
.company-template-form-block .input-group-radio input[type=radio]:not(.tier-radio).dev-form-force-focus ~ .radio-label-wrap label::before,
.company-template-form-block .input-group-radio input.styled-radio:not(.tier-radio):focus ~ .radio-label-wrap label::before,
.company-template-form-block .input-group-radio input.styled-radio:not(.tier-radio).dev-form-force-focus ~ .radio-label-wrap label::before,
.company-template-form-block .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio):focus ~ .radio-label-wrap label::before,
.company-template-form-block .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio).dev-form-force-focus ~ .radio-label-wrap label::before,
.company-template-form-block .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio):focus ~ .radio-label-wrap label::before,
.company-template-form-block .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio).dev-form-force-focus ~ .radio-label-wrap label::before,
.company-template-dev-atoms .input-group-radio input[type=radio]:not(.tier-radio):focus ~ .radio-label-wrap label::before,
.company-template-dev-atoms .input-group-radio input[type=radio]:not(.tier-radio).dev-form-force-focus ~ .radio-label-wrap label::before,
.company-template-dev-atoms .input-group-radio input.styled-radio:not(.tier-radio):focus ~ .radio-label-wrap label::before,
.company-template-dev-atoms .input-group-radio input.styled-radio:not(.tier-radio).dev-form-force-focus ~ .radio-label-wrap label::before,
.company-template-dev-atoms .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio):focus ~ .radio-label-wrap label::before,
.company-template-dev-atoms .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio).dev-form-force-focus ~ .radio-label-wrap label::before,
.company-template-dev-atoms .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio):focus ~ .radio-label-wrap label::before,
.company-template-dev-atoms .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio).dev-form-force-focus ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .input-group-radio input[type=radio]:not(.tier-radio):focus ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .input-group-radio input[type=radio]:not(.tier-radio).dev-form-force-focus ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .input-group-radio input.styled-radio:not(.tier-radio):focus ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .input-group-radio input.styled-radio:not(.tier-radio).dev-form-force-focus ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio):focus ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio).dev-form-force-focus ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio):focus ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio).dev-form-force-focus ~ .radio-label-wrap label::before {
  border-color: var(--wp--custom--input--focus-ring-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--custom--input--focus-ring-color) 50%, transparent);
}
.vue-form-page .input-group-radio input[type=radio]:not(.tier-radio):checked ~ .radio-label-wrap label::before,
.vue-form-page .input-group-radio input.styled-radio:not(.tier-radio):checked ~ .radio-label-wrap label::before,
.vue-form-page .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio):checked ~ .radio-label-wrap label::before,
.vue-form-page .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio):checked ~ .radio-label-wrap label::before,
.company-template-form-block .input-group-radio input[type=radio]:not(.tier-radio):checked ~ .radio-label-wrap label::before,
.company-template-form-block .input-group-radio input.styled-radio:not(.tier-radio):checked ~ .radio-label-wrap label::before,
.company-template-form-block .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio):checked ~ .radio-label-wrap label::before,
.company-template-form-block .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio):checked ~ .radio-label-wrap label::before,
.company-template-dev-atoms .input-group-radio input[type=radio]:not(.tier-radio):checked ~ .radio-label-wrap label::before,
.company-template-dev-atoms .input-group-radio input.styled-radio:not(.tier-radio):checked ~ .radio-label-wrap label::before,
.company-template-dev-atoms .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio):checked ~ .radio-label-wrap label::before,
.company-template-dev-atoms .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio):checked ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .input-group-radio input[type=radio]:not(.tier-radio):checked ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .input-group-radio input.styled-radio:not(.tier-radio):checked ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio):checked ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio):checked ~ .radio-label-wrap label::before {
  border-color: var(--wp--custom--form-selection--checked, var(--wp--preset--color--primary));
}
.vue-form-page .input-group-radio input[type=radio]:not(.tier-radio):checked ~ .radio-label-wrap label::after,
.vue-form-page .input-group-radio input.styled-radio:not(.tier-radio):checked ~ .radio-label-wrap label::after,
.vue-form-page .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio):checked ~ .radio-label-wrap label::after,
.vue-form-page .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio):checked ~ .radio-label-wrap label::after,
.company-template-form-block .input-group-radio input[type=radio]:not(.tier-radio):checked ~ .radio-label-wrap label::after,
.company-template-form-block .input-group-radio input.styled-radio:not(.tier-radio):checked ~ .radio-label-wrap label::after,
.company-template-form-block .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio):checked ~ .radio-label-wrap label::after,
.company-template-form-block .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio):checked ~ .radio-label-wrap label::after,
.company-template-dev-atoms .input-group-radio input[type=radio]:not(.tier-radio):checked ~ .radio-label-wrap label::after,
.company-template-dev-atoms .input-group-radio input.styled-radio:not(.tier-radio):checked ~ .radio-label-wrap label::after,
.company-template-dev-atoms .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio):checked ~ .radio-label-wrap label::after,
.company-template-dev-atoms .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio):checked ~ .radio-label-wrap label::after,
.company-template-dev-form-structure .input-group-radio input[type=radio]:not(.tier-radio):checked ~ .radio-label-wrap label::after,
.company-template-dev-form-structure .input-group-radio input.styled-radio:not(.tier-radio):checked ~ .radio-label-wrap label::after,
.company-template-dev-form-structure .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio):checked ~ .radio-label-wrap label::after,
.company-template-dev-form-structure .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio):checked ~ .radio-label-wrap label::after {
  transform: translateY(-50%) scale(1);
}
.vue-form-page .input-group-radio input[type=radio]:not(.tier-radio):disabled ~ .radio-label-wrap label, .vue-form-page .input-group-radio input[type=radio]:not(.tier-radio).dev-form-force-disabled ~ .radio-label-wrap label,
.vue-form-page .input-group-radio input.styled-radio:not(.tier-radio):disabled ~ .radio-label-wrap label,
.vue-form-page .input-group-radio input.styled-radio:not(.tier-radio).dev-form-force-disabled ~ .radio-label-wrap label,
.vue-form-page .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio):disabled ~ .radio-label-wrap label,
.vue-form-page .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio).dev-form-force-disabled ~ .radio-label-wrap label,
.vue-form-page .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio):disabled ~ .radio-label-wrap label,
.vue-form-page .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio).dev-form-force-disabled ~ .radio-label-wrap label,
.company-template-form-block .input-group-radio input[type=radio]:not(.tier-radio):disabled ~ .radio-label-wrap label,
.company-template-form-block .input-group-radio input[type=radio]:not(.tier-radio).dev-form-force-disabled ~ .radio-label-wrap label,
.company-template-form-block .input-group-radio input.styled-radio:not(.tier-radio):disabled ~ .radio-label-wrap label,
.company-template-form-block .input-group-radio input.styled-radio:not(.tier-radio).dev-form-force-disabled ~ .radio-label-wrap label,
.company-template-form-block .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio):disabled ~ .radio-label-wrap label,
.company-template-form-block .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio).dev-form-force-disabled ~ .radio-label-wrap label,
.company-template-form-block .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio):disabled ~ .radio-label-wrap label,
.company-template-form-block .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio).dev-form-force-disabled ~ .radio-label-wrap label,
.company-template-dev-atoms .input-group-radio input[type=radio]:not(.tier-radio):disabled ~ .radio-label-wrap label,
.company-template-dev-atoms .input-group-radio input[type=radio]:not(.tier-radio).dev-form-force-disabled ~ .radio-label-wrap label,
.company-template-dev-atoms .input-group-radio input.styled-radio:not(.tier-radio):disabled ~ .radio-label-wrap label,
.company-template-dev-atoms .input-group-radio input.styled-radio:not(.tier-radio).dev-form-force-disabled ~ .radio-label-wrap label,
.company-template-dev-atoms .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio):disabled ~ .radio-label-wrap label,
.company-template-dev-atoms .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio).dev-form-force-disabled ~ .radio-label-wrap label,
.company-template-dev-atoms .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio):disabled ~ .radio-label-wrap label,
.company-template-dev-atoms .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio).dev-form-force-disabled ~ .radio-label-wrap label,
.company-template-dev-form-structure .input-group-radio input[type=radio]:not(.tier-radio):disabled ~ .radio-label-wrap label,
.company-template-dev-form-structure .input-group-radio input[type=radio]:not(.tier-radio).dev-form-force-disabled ~ .radio-label-wrap label,
.company-template-dev-form-structure .input-group-radio input.styled-radio:not(.tier-radio):disabled ~ .radio-label-wrap label,
.company-template-dev-form-structure .input-group-radio input.styled-radio:not(.tier-radio).dev-form-force-disabled ~ .radio-label-wrap label,
.company-template-dev-form-structure .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio):disabled ~ .radio-label-wrap label,
.company-template-dev-form-structure .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio).dev-form-force-disabled ~ .radio-label-wrap label,
.company-template-dev-form-structure .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio):disabled ~ .radio-label-wrap label,
.company-template-dev-form-structure .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio).dev-form-force-disabled ~ .radio-label-wrap label {
  opacity: 0.5;
  cursor: not-allowed;
}
.vue-form-page .input-group-radio input[type=radio]:not(.tier-radio).invalid ~ .radio-label-wrap label::before, .vue-form-page .input-group-radio input[type=radio]:not(.tier-radio).failed ~ .radio-label-wrap label::before, .vue-form-page .input-group-radio input[type=radio]:not(.tier-radio).dev-form-force-error ~ .radio-label-wrap label::before,
.vue-form-page .input-group-radio input.styled-radio:not(.tier-radio).invalid ~ .radio-label-wrap label::before,
.vue-form-page .input-group-radio input.styled-radio:not(.tier-radio).failed ~ .radio-label-wrap label::before,
.vue-form-page .input-group-radio input.styled-radio:not(.tier-radio).dev-form-force-error ~ .radio-label-wrap label::before,
.vue-form-page .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio).invalid ~ .radio-label-wrap label::before,
.vue-form-page .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio).failed ~ .radio-label-wrap label::before,
.vue-form-page .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio).dev-form-force-error ~ .radio-label-wrap label::before,
.vue-form-page .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio).invalid ~ .radio-label-wrap label::before,
.vue-form-page .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio).failed ~ .radio-label-wrap label::before,
.vue-form-page .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio).dev-form-force-error ~ .radio-label-wrap label::before,
.company-template-form-block .input-group-radio input[type=radio]:not(.tier-radio).invalid ~ .radio-label-wrap label::before,
.company-template-form-block .input-group-radio input[type=radio]:not(.tier-radio).failed ~ .radio-label-wrap label::before,
.company-template-form-block .input-group-radio input[type=radio]:not(.tier-radio).dev-form-force-error ~ .radio-label-wrap label::before,
.company-template-form-block .input-group-radio input.styled-radio:not(.tier-radio).invalid ~ .radio-label-wrap label::before,
.company-template-form-block .input-group-radio input.styled-radio:not(.tier-radio).failed ~ .radio-label-wrap label::before,
.company-template-form-block .input-group-radio input.styled-radio:not(.tier-radio).dev-form-force-error ~ .radio-label-wrap label::before,
.company-template-form-block .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio).invalid ~ .radio-label-wrap label::before,
.company-template-form-block .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio).failed ~ .radio-label-wrap label::before,
.company-template-form-block .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio).dev-form-force-error ~ .radio-label-wrap label::before,
.company-template-form-block .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio).invalid ~ .radio-label-wrap label::before,
.company-template-form-block .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio).failed ~ .radio-label-wrap label::before,
.company-template-form-block .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio).dev-form-force-error ~ .radio-label-wrap label::before,
.company-template-dev-atoms .input-group-radio input[type=radio]:not(.tier-radio).invalid ~ .radio-label-wrap label::before,
.company-template-dev-atoms .input-group-radio input[type=radio]:not(.tier-radio).failed ~ .radio-label-wrap label::before,
.company-template-dev-atoms .input-group-radio input[type=radio]:not(.tier-radio).dev-form-force-error ~ .radio-label-wrap label::before,
.company-template-dev-atoms .input-group-radio input.styled-radio:not(.tier-radio).invalid ~ .radio-label-wrap label::before,
.company-template-dev-atoms .input-group-radio input.styled-radio:not(.tier-radio).failed ~ .radio-label-wrap label::before,
.company-template-dev-atoms .input-group-radio input.styled-radio:not(.tier-radio).dev-form-force-error ~ .radio-label-wrap label::before,
.company-template-dev-atoms .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio).invalid ~ .radio-label-wrap label::before,
.company-template-dev-atoms .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio).failed ~ .radio-label-wrap label::before,
.company-template-dev-atoms .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio).dev-form-force-error ~ .radio-label-wrap label::before,
.company-template-dev-atoms .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio).invalid ~ .radio-label-wrap label::before,
.company-template-dev-atoms .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio).failed ~ .radio-label-wrap label::before,
.company-template-dev-atoms .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio).dev-form-force-error ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .input-group-radio input[type=radio]:not(.tier-radio).invalid ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .input-group-radio input[type=radio]:not(.tier-radio).failed ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .input-group-radio input[type=radio]:not(.tier-radio).dev-form-force-error ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .input-group-radio input.styled-radio:not(.tier-radio).invalid ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .input-group-radio input.styled-radio:not(.tier-radio).failed ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .input-group-radio input.styled-radio:not(.tier-radio).dev-form-force-error ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio).invalid ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio).failed ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .radio-row:not(.tier-card) input[type=radio]:not(.tier-radio).dev-form-force-error ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio).invalid ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio).failed ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .radio-row:not(.tier-card) input.styled-radio:not(.tier-radio).dev-form-force-error ~ .radio-label-wrap label::before {
  border-color: var(--wp--custom--input--error-color);
}
.vue-form-page .dev-form-force-hover input[type=checkbox]:not(:disabled),
.company-template-form-block .dev-form-force-hover input[type=checkbox]:not(:disabled),
.company-template-dev-atoms .dev-form-force-hover input[type=checkbox]:not(:disabled),
.company-template-dev-form-structure .dev-form-force-hover input[type=checkbox]:not(:disabled) {
  border-color: var(--wp--custom--form-selection--checked, var(--wp--preset--color--primary));
}
.vue-form-page .dev-form-force-hover input[type=radio]:not(:disabled):not(.tier-radio) ~ .radio-label-wrap label::before,
.company-template-form-block .dev-form-force-hover input[type=radio]:not(:disabled):not(.tier-radio) ~ .radio-label-wrap label::before,
.company-template-dev-atoms .dev-form-force-hover input[type=radio]:not(:disabled):not(.tier-radio) ~ .radio-label-wrap label::before,
.company-template-dev-form-structure .dev-form-force-hover input[type=radio]:not(:disabled):not(.tier-radio) ~ .radio-label-wrap label::before {
  border-color: var(--wp--custom--form-selection--checked, var(--wp--preset--color--primary));
}

/*
 * Corptools Vue forms — multi-step progress bar (bubble + track).
 * Functional mechanics from cowboyhosting _vue-form.scss (tiers layout);
 * colors from --wp--custom--form-progress--*.
 */
.vue-form-page .progress-bar,
.company-template-form-block .progress-bar,
.company-template-dev-atoms .progress-bar,
.company-template-dev-form-structure .progress-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--wp--preset--spacing--20);
  width: 100%;
  margin: 0 0 var(--wp--preset--spacing--40);
  border-bottom: 1px solid var(--wp--custom--input--border-color);
  color: var(--wp--preset--color--body-text);
  background: transparent;
  counter-reset: form-step;
}
.vue-form-page .progress-bar ul,
.company-template-form-block .progress-bar ul,
.company-template-dev-atoms .progress-bar ul,
.company-template-dev-form-structure .progress-bar ul {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  list-style: none;
  margin: 0;
  width: 100%;
  padding-inline-start: 0;
}
@media (min-width: 768px) {
  .vue-form-page .progress-bar ul,
  .company-template-form-block .progress-bar ul,
  .company-template-dev-atoms .progress-bar ul,
  .company-template-dev-form-structure .progress-bar ul {
    flex-direction: row;
  }
}
.vue-form-page .progress-bar li,
.company-template-form-block .progress-bar li,
.company-template-dev-atoms .progress-bar li,
.company-template-dev-form-structure .progress-bar li {
  position: relative;
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 0.55em;
  min-width: 0;
  cursor: pointer;
  counter-increment: form-step;
  color: var(--wp--preset--color--text-muted);
}
.vue-form-page .progress-bar li::marker,
.company-template-form-block .progress-bar li::marker,
.company-template-dev-atoms .progress-bar li::marker,
.company-template-dev-form-structure .progress-bar li::marker {
  content: none;
}
.vue-form-page .progress-bar .step-title,
.company-template-form-block .progress-bar .step-title,
.company-template-dev-atoms .progress-bar .step-title,
.company-template-dev-form-structure .progress-bar .step-title {
  font-size: var(--wp--preset--font-size--body);
  text-align: center;
  font-weight: 600;
  color: var(--wp--preset--color--text-muted);
  padding-top: 0.75rem;
}
.vue-form-page .progress-bar .step-title-text,
.company-template-form-block .progress-bar .step-title-text,
.company-template-dev-atoms .progress-bar .step-title-text,
.company-template-dev-form-structure .progress-bar .step-title-text {
  font-size: var(--wp--preset--font-size--sm);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--wp--preset--color--text-muted);
  transition: color 0.15s ease;
}
.vue-form-page .progress-bar li.current .step-title,
.vue-form-page .progress-bar li.current .step-title-text,
.company-template-form-block .progress-bar li.current .step-title,
.company-template-form-block .progress-bar li.current .step-title-text,
.company-template-dev-atoms .progress-bar li.current .step-title,
.company-template-dev-atoms .progress-bar li.current .step-title-text,
.company-template-dev-form-structure .progress-bar li.current .step-title,
.company-template-dev-form-structure .progress-bar li.current .step-title-text {
  color: var(--wp--preset--color--body-text);
  font-weight: 700;
}
.vue-form-page .progress-bar li:hover .step-title-text,
.company-template-form-block .progress-bar li:hover .step-title-text,
.company-template-dev-atoms .progress-bar li:hover .step-title-text,
.company-template-dev-form-structure .progress-bar li:hover .step-title-text {
  color: var(--wp--custom--form-progress--fill, var(--wp--preset--color--primary));
}
.vue-form-page .progress-bar li:hover .step-title-before-text,
.company-template-form-block .progress-bar li:hover .step-title-before-text,
.company-template-dev-atoms .progress-bar li:hover .step-title-before-text,
.company-template-dev-form-structure .progress-bar li:hover .step-title-before-text {
  border-color: var(--wp--custom--form-progress--fill, var(--wp--preset--color--primary));
}
.vue-form-page .progress-bar .step-progress-indicator,
.company-template-form-block .progress-bar .step-progress-indicator,
.company-template-dev-atoms .progress-bar .step-progress-indicator,
.company-template-dev-form-structure .progress-bar .step-progress-indicator {
  display: block;
  height: 4px;
  margin-top: auto;
  border-radius: 999px;
  background-color: white;
  transition: background-color 0.15s ease;
}
.vue-form-page .progress-bar .step-progress-indicator span,
.company-template-form-block .progress-bar .step-progress-indicator span,
.company-template-dev-atoms .progress-bar .step-progress-indicator span,
.company-template-dev-form-structure .progress-bar .step-progress-indicator span {
  display: none;
}
.vue-form-page .progress-bar li:not(.after-current) .step-progress-indicator,
.company-template-form-block .progress-bar li:not(.after-current) .step-progress-indicator,
.company-template-dev-atoms .progress-bar li:not(.after-current) .step-progress-indicator,
.company-template-dev-form-structure .progress-bar li:not(.after-current) .step-progress-indicator {
  background-color: var(--wp--custom--form-progress--fill, var(--wp--preset--color--primary));
}
.vue-form-page .progress-bar li.before-current .step-progress-indicator,
.company-template-form-block .progress-bar li.before-current .step-progress-indicator,
.company-template-dev-atoms .progress-bar li.before-current .step-progress-indicator,
.company-template-dev-form-structure .progress-bar li.before-current .step-progress-indicator {
  background-color: white;
}
.vue-form-page .progress-bar .total-progress-indicator,
.vue-form-page .progress-bar .mobile-step-nav-toggle,
.company-template-form-block .progress-bar .total-progress-indicator,
.company-template-form-block .progress-bar .mobile-step-nav-toggle,
.company-template-dev-atoms .progress-bar .total-progress-indicator,
.company-template-dev-atoms .progress-bar .mobile-step-nav-toggle,
.company-template-dev-form-structure .progress-bar .total-progress-indicator,
.company-template-dev-form-structure .progress-bar .mobile-step-nav-toggle {
  display: none;
}
.vue-form-page .progress-bar .step-title.has-bubble-indicator,
.company-template-form-block .progress-bar .step-title.has-bubble-indicator,
.company-template-dev-atoms .progress-bar .step-title.has-bubble-indicator,
.company-template-dev-form-structure .progress-bar .step-title.has-bubble-indicator {
  display: flex;
  align-items: center;
  gap: 0.55em;
}
@media (max-width: 767px) {
  .vue-form-page .progress-bar .step-title.has-bubble-indicator,
  .company-template-form-block .progress-bar .step-title.has-bubble-indicator,
  .company-template-dev-atoms .progress-bar .step-title.has-bubble-indicator,
  .company-template-dev-form-structure .progress-bar .step-title.has-bubble-indicator {
    flex-direction: column;
    align-items: center;
    gap: 0.4em;
    text-align: center;
  }
}
.vue-form-page .progress-bar .step-title-before-text,
.company-template-form-block .progress-bar .step-title-before-text,
.company-template-dev-atoms .progress-bar .step-title-before-text,
.company-template-dev-form-structure .progress-bar .step-title-before-text {
  position: relative;
  flex: none;
  width: 1.75em;
  height: 1.75em;
  border-radius: 50%;
  border: 1px solid var(--wp--custom--input--border-color);
  background-color: var(--wp--preset--color--base);
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.vue-form-page .progress-bar .step-title-before-text::after,
.company-template-form-block .progress-bar .step-title-before-text::after,
.company-template-dev-atoms .progress-bar .step-title-before-text::after,
.company-template-dev-form-structure .progress-bar .step-title-before-text::after {
  content: counter(form-step);
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--wp--preset--font-size--sm);
  font-weight: 700;
  color: var(--wp--preset--color--text-muted);
}
.vue-form-page .progress-bar li.current .step-title-before-text,
.company-template-form-block .progress-bar li.current .step-title-before-text,
.company-template-dev-atoms .progress-bar li.current .step-title-before-text,
.company-template-dev-form-structure .progress-bar li.current .step-title-before-text {
  border: 2px solid var(--wp--custom--form-progress--fill, var(--wp--preset--color--primary));
}
.vue-form-page .progress-bar li.current .step-title-before-text::after,
.company-template-form-block .progress-bar li.current .step-title-before-text::after,
.company-template-dev-atoms .progress-bar li.current .step-title-before-text::after,
.company-template-dev-form-structure .progress-bar li.current .step-title-before-text::after {
  color: var(--wp--custom--form-progress--fill, var(--wp--preset--color--primary));
}
.vue-form-page .progress-bar svg.bubble-indicator-dashed-line,
.vue-form-page .progress-bar .step-title-after-text,
.company-template-form-block .progress-bar svg.bubble-indicator-dashed-line,
.company-template-form-block .progress-bar .step-title-after-text,
.company-template-dev-atoms .progress-bar svg.bubble-indicator-dashed-line,
.company-template-dev-atoms .progress-bar .step-title-after-text,
.company-template-dev-form-structure .progress-bar svg.bubble-indicator-dashed-line,
.company-template-dev-form-structure .progress-bar .step-title-after-text {
  display: none;
}
.vue-form-page .progress-bar svg.bubble-indicator-checkmark,
.company-template-form-block .progress-bar svg.bubble-indicator-checkmark,
.company-template-dev-atoms .progress-bar svg.bubble-indicator-checkmark,
.company-template-dev-form-structure .progress-bar svg.bubble-indicator-checkmark {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.65em;
  height: 0.65em;
  opacity: 0;
  z-index: 1;
}
.vue-form-page .progress-bar svg.bubble-indicator-checkmark path,
.company-template-form-block .progress-bar svg.bubble-indicator-checkmark path,
.company-template-dev-atoms .progress-bar svg.bubble-indicator-checkmark path,
.company-template-dev-form-structure .progress-bar svg.bubble-indicator-checkmark path {
  stroke: var(--wp--preset--color--base);
  fill: var(--wp--preset--color--base);
}
.vue-form-page .progress-bar li.valid:not(.current) .step-title-before-text,
.company-template-form-block .progress-bar li.valid:not(.current) .step-title-before-text,
.company-template-dev-atoms .progress-bar li.valid:not(.current) .step-title-before-text,
.company-template-dev-form-structure .progress-bar li.valid:not(.current) .step-title-before-text {
  background-color: var(--wp--custom--form-progress--fill, var(--wp--preset--color--primary));
  border-color: var(--wp--custom--form-progress--fill, var(--wp--preset--color--primary));
}
.vue-form-page .progress-bar li.valid:not(.current) .step-title-before-text::after,
.company-template-form-block .progress-bar li.valid:not(.current) .step-title-before-text::after,
.company-template-dev-atoms .progress-bar li.valid:not(.current) .step-title-before-text::after,
.company-template-dev-form-structure .progress-bar li.valid:not(.current) .step-title-before-text::after {
  content: none;
}
.vue-form-page .progress-bar li.valid:not(.current) .step-title-before-text svg.bubble-indicator-checkmark,
.company-template-form-block .progress-bar li.valid:not(.current) .step-title-before-text svg.bubble-indicator-checkmark,
.company-template-dev-atoms .progress-bar li.valid:not(.current) .step-title-before-text svg.bubble-indicator-checkmark,
.company-template-dev-form-structure .progress-bar li.valid:not(.current) .step-title-before-text svg.bubble-indicator-checkmark {
  opacity: 1;
}
.vue-form-page .progress-bar .progress-bar-label-wrap,
.company-template-form-block .progress-bar .progress-bar-label-wrap,
.company-template-dev-atoms .progress-bar .progress-bar-label-wrap,
.company-template-dev-form-structure .progress-bar .progress-bar-label-wrap {
  width: 100%;
  margin: 0 0 var(--wp--preset--spacing--20);
  text-align: center;
  font-size: var(--wp--preset--font-size--sm);
  color: var(--wp--preset--color--text-muted);
}
@media (min-width: 1024px) {
  .vue-form-page .progress-bar .progress-bar-label-wrap,
  .company-template-form-block .progress-bar .progress-bar-label-wrap,
  .company-template-dev-atoms .progress-bar .progress-bar-label-wrap,
  .company-template-dev-form-structure .progress-bar .progress-bar-label-wrap {
    width: auto;
    flex: 0 0 auto;
    margin: 0;
    text-align: left;
  }
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.wp-site-blocks {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

footer.qb-site-footer {
  margin-top: auto !important;
}