.ai-site-settings.ai-merge-tag-docs,
.ai-merge-tag-picker {
  scroll-behavior: smooth;
}
.ai-site-settings.ai-merge-tag-docs * + h2, .ai-site-settings.ai-merge-tag-docs * + h3,
.ai-merge-tag-picker * + h2,
.ai-merge-tag-picker * + h3 {
  margin-top: 1.5em;
}
.ai-site-settings.ai-merge-tag-docs * + h4, .ai-site-settings.ai-merge-tag-docs * + h5, .ai-site-settings.ai-merge-tag-docs * + h6,
.ai-merge-tag-picker * + h4,
.ai-merge-tag-picker * + h5,
.ai-merge-tag-picker * + h6 {
  margin-top: 1rem;
}
.ai-site-settings.ai-merge-tag-docs .ai-merge-tag-doc-item p,
.ai-merge-tag-picker .ai-merge-tag-doc-item p {
  margin: 0;
}
.ai-site-settings.ai-merge-tag-docs .components-panel__body-toggle,
.ai-merge-tag-picker .components-panel__body-toggle {
  padding-block: 10px;
}
.ai-site-settings.ai-merge-tag-docs .ai-fundraise-forms-merge-tag-button,
.ai-merge-tag-picker .ai-fundraise-forms-merge-tag-button {
  border: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.15);
  display: inline-block;
  width: 100%;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ai-site-settings.ai-merge-tag-docs .ai-merge-tag-docs__tag-list,
.ai-merge-tag-picker .ai-merge-tag-docs__tag-list {
  list-style-type: none;
  margin: 1rem 0;
}
.ai-site-settings.ai-merge-tag-docs .ai-merge-tag-docs__tag-list-item,
.ai-merge-tag-picker .ai-merge-tag-docs__tag-list-item {
  padding: 1rem 0;
  margin: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.0625);
  gap: 0.5rem;
}
@media (min-width: 600px) {
  .ai-site-settings.ai-merge-tag-docs .ai-merge-tag-docs__tag-list-item,
  .ai-merge-tag-picker .ai-merge-tag-docs__tag-list-item {
    display: grid;
    gap: 0 1rem;
  }
}
.ai-site-settings.ai-merge-tag-docs .ai-merge-tag-docs__tag-list-item p,
.ai-merge-tag-picker .ai-merge-tag-docs__tag-list-item p {
  margin: 0;
}
.ai-site-settings.ai-merge-tag-docs code:has(strong),
.ai-merge-tag-picker code:has(strong) {
  color: rgb(75, 75, 75);
}
.ai-site-settings.ai-merge-tag-docs code:has(strong) strong,
.ai-merge-tag-picker code:has(strong) strong {
  color: rgb(45, 45, 45);
  margin-inline: 2px;
}
.ai-site-settings.ai-merge-tag-docs .components-notice,
.ai-merge-tag-picker .components-notice {
  margin-block: 1rem;
}
.ai-site-settings.ai-merge-tag-docs .components-notice > *:first-child,
.ai-merge-tag-picker .components-notice > *:first-child {
  margin-top: 0;
}
.ai-site-settings.ai-merge-tag-docs .components-notice > *:last-child,
.ai-merge-tag-picker .components-notice > *:last-child {
  margin-bottom: 0;
}

.ai-admin-styles {
  --ai-settings--color-border: #e4e4e4;
  --ai-settings--color-danger: #cc1818;
}
.ai-admin-styles h1,
.ai-admin-styles h2,
.ai-admin-styles h3,
.ai-admin-styles h4,
.ai-admin-styles h5,
.ai-admin-styles h6,
.ai-admin-styles .h1,
.ai-admin-styles .h2,
.ai-admin-styles .h3,
.ai-admin-styles .h4,
.ai-admin-styles .h5,
.ai-admin-styles .h6 {
  margin: 0;
  line-height: 1.2;
  font-weight: 600;
  scroll-margin-top: 2em;
}
.ai-admin-styles h1,
.ai-admin-styles .h1,
.ai-admin-styles h1.components-modal__header-heading {
  font-size: 1.5rem;
}
.ai-admin-styles h2,
.ai-admin-styles .h2 {
  font-size: 1.33rem;
}
.ai-admin-styles h3,
.ai-admin-styles .h3 {
  font-size: 1.1rem;
}
.ai-admin-styles h4,
.ai-admin-styles .h4 {
  font-size: 1rem;
}
.ai-admin-styles h5,
.ai-admin-styles .h5 {
  font-size: 0.95rem;
}
.ai-admin-styles h6,
.ai-admin-styles .h6 {
  font-size: 0.8rem;
}
.ai-admin-styles .ai-field-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
  display: block;
  margin: 0 8px 0 0;
  padding: 0px;
}
.ai-admin-styles .ai-field-description {
  line-height: 1.4;
  margin: 0;
  text-wrap: pretty;
  font-size: 12px;
  font-weight: normal;
  color: rgb(117, 117, 117);
}
.ai-admin-styles .ai-field--error .ai-field-label,
.ai-admin-styles .ai-field--error label {
  color: var(--ai-settings--color-danger);
}
.ai-admin-styles .ai-field--error input[type=date],
.ai-admin-styles .ai-field--error input[type=datetime-local],
.ai-admin-styles .ai-field--error input[type=email],
.ai-admin-styles .ai-field--error input[type=number],
.ai-admin-styles .ai-field--error input[type=password],
.ai-admin-styles .ai-field--error input[type=tel],
.ai-admin-styles .ai-field--error input[type=text],
.ai-admin-styles .ai-field--error input[type=url],
.ai-admin-styles .ai-field--error select,
.ai-admin-styles .ai-field--error textarea,
.ai-admin-styles .ai-field--error .components-combobox-control__suggestions-container,
.ai-admin-styles .ai-field--error .tox.tox-hugerte {
  border-color: var(--ai-settings--color-danger);
}
.ai-admin-styles .ai-field__error-message,
.ai-admin-styles .ai-field-label__required-text {
  color: var(--ai-settings--color-danger);
}
.ai-admin-styles .ai-url-input {
  max-width: 400px;
}

.ai-messages-notifications-empty,
.ai-empty-state {
  display: block;
  text-align: center;
  padding: 32px;
  border: 2px dashed var(--ai-wp-gray-200, #e0e0e0);
  border-radius: 7px;
}
.ai-messages-notifications-empty p,
.ai-empty-state p {
  margin: 0;
}

.ai-loading svg {
  margin: 0 0 0 0.5rem;
}
.ai-loading-message {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.ai-empty-state {
  min-height: 80px;
  border: 2px dashed var(--ai-wp-gray-300);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ai-wp-gray-700);
  padding: 1rem 12px;
  margin: 0;
  text-align: center;
}

.editor-sidebar__panel .block-editor-link-control__field {
  margin-top: 0;
  margin-inline: 0;
}
.editor-sidebar__panel .block-editor-link-control__setting {
  padding-left: 8px;
  margin-bottom: 0;
}
.editor-sidebar__panel .block-editor-link-control__search-item.is-current {
  padding: 0;
}
.editor-sidebar__panel .block-editor-link-control__search-results {
  margin-inline: 1px;
  border: 1px solid rgb(221, 221, 221);
  border-top: none;
}
@media (min-width: 600px) {
  .editor-sidebar__panel {
    /**
     * When placed in the <InspectorControls/>component in the editor,
     * the URLInput component creates overflow issues due to its 300px min-width.
     * Unset that attribute so the sidebar layout doesn't break.
     */
  }
  .editor-sidebar__panel .block-editor-url-input,
  .editor-sidebar__panel .block-editor-link-control__field,
  .editor-sidebar__panel .block-editor-link-control {
    max-width: 233px;
    min-width: unset;
  }
}

@media (min-width: 600px) {
  /**
   * The URLInput component's suggestions dropdown also needs to be constrained
   * to a max-width. Since it is rendered outside of the sidebar, only set the
   * max-width when a url input is in the sidebar.
   */
  body:has(.editor-sidebar__panel .block-editor-url-input) .block-editor-url-input__suggestions {
    max-width: 233px;
    min-width: unset;
  }
}
.ai-forms-subheader,
.ai-admin-styles .ai-forms-subheader {
  font-size: 12px;
  color: var(--ai-wp-gray-700, #757575);
}

hr.components-card__divider {
  opacity: 1;
}

.tox.tox-hugerte-aux {
  z-index: 100001;
}

.tox-statusbar__branding {
  display: none !important;
}

.ai-date-range__fields {
  container-type: inline-size;
  grid-template-columns: repeat(6, 1fr);
}
.ai-date-range__fields .ai-date-range__period, a .ai-date-range__fields .ai-date-range__start-date, .ai-date-range__fields .ai-date-range__end-date {
  grid-column: 1/-1;
}
@container (min-width: 400px) {
  .ai-date-range__fields .ai-date-range__start-date, .ai-date-range__fields .ai-date-range__end-date {
    grid-column: span 3;
  }
}
@container (min-width: 600px) {
  .ai-date-range__fields .ai-date-range__period, .ai-date-range__fields .ai-date-range__start-date, .ai-date-range__fields .ai-date-range__end-date {
    grid-column: span 2;
  }
}

[data-wp-component=ToggleGroupControl].components-toggle-group-control {
  border: 1px solid rgb(221, 221, 221);
}

.ai-grid {
  display: flex;
  flex-direction: column;
}
@media (width >= 768px) {
  .ai-grid {
    display: grid;
  }
}

.ai-color-picker-group__items .ai-color-selector {
  width: 100%;
}
.ai-color-picker-group__items .ai-color-selector + .ai-color-selector {
  margin-top: -1px;
}

.ai-select-qrt__field--map-color-picker .ai-color-picker-group__items {
  display: flex;
}
.ai-select-qrt__field--map-color-picker .ai-color-picker-group__items .ai-color-selector:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ai-select-qrt__field--map-color-picker .ai-color-picker-group__items .ai-color-selector + .ai-color-selector {
  margin-top: 0;
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.wp-admin .components-toggle-group-control {
  border-color: var(--wp-components-color-gray-300, var(--wpds-color-stroke-surface-neutral, #dbdbdb));
}

/**
Visually hides the label on a Gutenberg form field while keeping it accessible to screen readers.
Intended for field components that do not accept the hideLabelFromVision prop.
Usage example:
  <div className="ai-field--hide-label">
    <InputComponent ... />
  </div>
*/
.ai-field--hide-label label {
  opacity: 0;
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/**
Visually hides the help text on a Gutenberg form field while keeping it accessible to screen readers.
Intended for form token field which forces unhelpful help text.
Usage example:
<div className="ai-field--hide-help-text">
  <InputComponent ... />
</div>
*/
.ai-field--hide-help-text .components-base-control [class*=__help],
.ai-field--hide-help-text .components-form-token-field [class*=__help] {
  opacity: 0;
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/**
  Styles for use in conjunction with the WP Gutenberg Modal component:
  https://wordpress.github.io/gutenberg/?path=/docs/components-modal--docs

  Example usage:
  --------------
  <Modal
    title="Your Title"
    onRequestClose={ handleCancelModal }
    shouldCloseOnClickOutside={ false }
    shouldCloseOnEsc={ false }
    isDismissible={ false }
    isFullScreen
    className="ai-modal ai-admin-styles"
  >

    { yourContent }

    <div class="ai-modal__footer">
      <Button
        variant="tertiary"
        isDestructive
        onClick={ handleCancelModal }
      >
        Cancel
      </Button>
      <Button
        variant="primary"
        onClick={ handleSaveModal }
      >
        Save { featureName }
      </Button>
    </div>
  </Modal>
  --------------
 */
.ai-modal.is-full-screen {
  max-width: var(--bs-breakpoint-xl);
}
.ai-modal.is-sidebar {
  height: 100vh;
  max-height: 100vh;
  width: 720px;
  max-width: 100%;
  margin-right: 0;
  transform-origin: right;
}
.ai-modal.is-sidebar.components-modal__frame {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.ai-modal {
  /**
   * Adds top border to separate footer from content when
   * the content is taller than the visible content area.
   */
}
.is-scrollable .ai-modal {
  border-top: 1px solid #ddd;
}
.ai-modal {
  /**
  * Footer that is always at the bottom of the modal window.
  * Assumes the footer contains  "Cancel" and "Save" buttons.
  */
}
.ai-modal__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 32px;
  background-color: #fff;
  border-top: 1px solid transparent;
}
.is-scrollable .ai-modal__footer {
  border-top-color: var(--ai-wp-gray-300, #ddd);
}
.ai-modal .components-modal__content {
  /**
  * Prevents content from being hidden behind the footer
  */
  margin-bottom: 68px;
}
.ai-modal .components-modal__content.is-scrollable {
  /**
  * Maintains right alignment between content and 
  * save button when scrollbar is present
  */
  padding-right: 18px;
}
.ai-modal .components-tab-panel__tabs {
  border-bottom: 1px solid #e0e0e0;
  position: relative;
}
.ai-modal .components-tab-panel__tabs::after {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  max-width: var(--bs-breakpoint-xl);
  background-color: #e0e0e0;
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: -60px 0 0 #e0e0e0, 60px 0 0 #e0e0e0;
}
.ai-modal .components-tab-panel__tab-content {
  padding: 16px 0;
}

.ai-merge-tag__button {
  border: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.15);
}
.ai-merge-tag__description {
  margin-block: 0 0.5rem;
}

.ai-badge {
  --ai-badge--background: color-mix(in srgb, #fff 90%, var(--base-color, #2f2f2f));
  --ai-badge--text: color-mix(in srgb, #000 50%, var(--base-color, #2f2f2f));
  background-color: var(--ai-badge--background);
  color: var(--ai-badge--text);
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  line-height: 0;
  max-width: 100%;
  min-height: 24px;
  padding: 2px 8px;
}
.ai-badge svg {
  fill: currentColor;
  outline: none;
}
.ai-badge:where(.is-default) {
  background-color: #f0f0f0;
  color: #2f2f2f;
}
.ai-badge.has-icon {
  padding-inline-start: 4px;
}
.ai-badge:where(.is-default),
.ai-badge .is-default {
  --base-color: #2f2f2f;
}
.ai-badge.is-info {
  --base-color: #3858e9;
}
.ai-badge.is-warning {
  --base-color: #f0b849;
}
.ai-badge.is-error {
  --base-color: #cc1818;
}
.ai-badge.is-success {
  --base-color: #4ab866;
}
.ai-badge__flex-wrapper {
  align-items: center;
  display: inline-flex;
  font-size: 12px;
  font-weight: 400;
  gap: 2px;
  line-height: 20px;
  max-width: 100%;
}
.ai-badge__icon {
  flex-shrink: 0;
  fill: var(--ai-badge--text);
  height: 1.25rem;
  width: 1.25rem;
}
.ai-badge__content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-party-badge {
  --ai-party-badge-color-rgb: var(--ai-party-color-other-rgb);
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  min-width: 3.4em;
  text-align: center;
  border-radius: 99rem;
  padding: 0.2em 0.4em;
  background-color: rgb(var(--ai-party-badge-color-rgb)/0.125);
  border: 1px solid rgb(var(--ai-party-badge-color-rgb)/0.25);
  color: rgb(var(--ai-party-badge-color-rgb));
}
.ai-party-badge--dem {
  --ai-party-badge-color-rgb: var(--ai-party-color-dem-rgb);
}
.ai-party-badge--rep {
  --ai-party-badge-color-rgb: var(--ai-party-color-rep-rgb);
}
.ai-party-badge--ind {
  --ai-party-badge-color-rgb: var(--ai-party-color-ind-rgb);
}

:root {
  --wp-admin-header-height: 32px;
}
@media screen and (max-width: 782px) {
  :root {
    --wp-admin-header-height: 46px;
  }
}
:root {
  --wp-admin--menu-width: 160px;
}
@media only screen and (max-width: 960px) {
  :root {
    --wp-admin--menu-width: 36px;
  }
}

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