/* accessibility.css */

.hidden-accessibly, .absorb--hidden-accessibly {
  /* Accessibility helper class to hide elements visually but keep them accessible to screen readers */
  -webkit-mask: none !important;
  -webkit-tap-highlight-color: transparent !important;
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  anchor-name: none !important;
  animation: none !important;
  appearance: none !important;
  aspect-ratio: auto !important;
  backdrop-filter: none !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  clip-path: inset(50%) !important;
  clip: rect(0, 0, 0, 0) !important;
  contain: strict !important;
  content-visibility: visible !important;
  cursor: inherit !important;
  filter: none !important;
  float:none !important;
  height: 1px !important;
  inset: 0 auto auto 0 !important;
  margin: 0 !important;
  mask: none !important; 
  max-height: 1px !important;
  max-width: 1px !important;
  min-height: 1px !important;
  min-width: 1px !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  outline: none !important;
  overflow: clip !important;
  padding: 0 !important;
  place-self: auto auto !important;
  position-anchor: revert !important;
  position-area: none !important;
  position-try: revert !important;
  position: absolute !important;
  resize: none !important;
  scroll-margin: 0 !important;
  scroll-padding: 0 !important;
  text-shadow: none !important;
  touch-action: none !important;
  transform: none !important;
  transition: none !important;
  user-select: none !important;
  visibility: visible !important;
  white-space: nowrap !important;
  width: 1px !important;
  z-index: -2147483646 !important;
  zoom: 1 !important;
}

/* buttons.css */

button, select, *[type="button"], *[type="submit"], *[role="button"], *[role="tab"], a[data-w-tab], a.button, a.absorb--button, a.w-button {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
/* media-queries.css */

@media screen and (max-width: 1280px) {
  .x-abs-header-brand, .absorb--x-abs-header-brand {
    padding-right: 0;
  }
  .nav-menu, .absorb--nav-menu {
    padding-left: 8px;
  }
  #nav-cta-secondary {
    display: none;
  }
  :is(.nav-menu, .absorb--nav-menu) :is(.card, .absorb--card) {
    display: none;
  }
  .nav-ctas, .absorb--nav-ctas {
    column-gap: 8px;
  }
  .header-nav-dropdown-list.header-nav-customers.w--open, .absorb--header-nav-dropdown-list.absorb--header-nav-customers.w--open {
    left: -20px;
  }
  .header-nav-dropdown-list.header-nav-resources.w--open, .absorb--header-nav-dropdown-list.absorb--header-nav-resources.w--open {
    left: -20px;
  }
}
@media screen and (max-width: 991px) {
  #nav-cta-secondary {
    display: block;
  }
}
/* marketo-form.css */

abs-mkto-form label.field,
abs-mkto-form label.absorb--field {
  display: flex;
}
abs-mkto-form form:not([data-zi-mapped-form]):has(input[type="email"]:invalid) {
  label[data-wf--custom-field-dropdown--appearance-visibility-in-zoominfo-form="hide-unless-needed"],
  label[data-wf--custom-field-text--appearance-visibility-in-zoominfo-form="hide-unless-needed"],
  label[data-wf--custom-field-telephone--appearance-visibility-in-zoominfo-form="hide-unless-needed"],
  label[data-wf--absorb--custom-field-dropdown--appearance-visibility-in-zoominfo-form="hide-unless-needed"],
  label[data-wf--absorb--custom-field-text--appearance-visibility-in-zoominfo-form="hide-unless-needed"],
  label[data-wf--absorb--custom-field-telephone--appearance-visibility-in-zoominfo-form="hide-unless-needed"] {
    display: none;
  }
}

/* 

FANCY FIELD AND LABEL STYLES

For these complicated form styles, the split between Webflow and external CSS is as follows:

Webflow variables: CSS variables for colors, font sizes, spacing, etc.
Webflow styles: The default appearance of form fields and labels in their empty, unfocused state - and, opportunistically, some basic states.
External styles (here): Advanced selectors for when to apply which styles, based on field state (focused, filled, empty, etc.)

*/

.field, .absorb--field {
  &:has(*[placeholder]:not(:placeholder-shown), option:checked:not(:disabled), input:focus, textarea:focus, button:focus, button[aria-haspopup="true"][aria-expanded="true"]) {
    .field-text-overlay, .absorb--field-text-overlay {
      /* When fields are focused or have content, minimize labels to eyebrow position */

      left: var(--input-fields--min-label-position-left, var(--absorb---input-fields--min-label-position-left));
      top: var(--input-fields--min-label-position-top, var(--absorb---input-fields--min-label-position-top));
      right: var(--input-fields--min-label-position-right, var(--absorb---input-fields--min-label-position-right));

      padding-top: var(--input-fields--min-label-padding-top, var(--absorb---input-fields--min-label-padding-top));
      padding-bottom: var(--input-fields--min-label-padding-bottom, var(--absorb---input-fields--min-label-padding-bottom));

      padding-left: var(--_form-control-sizes---min-label-padding-left, var(--absorb_form-control-sizes---min-label-padding-left));
      padding-right: var(--_form-control-sizes---min-label-padding-right, var(--absorb_form-control-sizes---min-label-padding-right));

      font-size: var(--input-fields--min-label-font-size, var(--absorb---input-fields--min-label-font-size));
      line-height: var(--input-fields--min-label-line-height, var(--absorb---input-fields--min-label-line-height));
      color: var(--_colors---forms--input-min-label-text, var(--absorb_colors---forms--input-min-label-text));
    }

        
    .field-control, 
    .absorb--field-control {
      /* When fields are focused or have content, set the field content text styles */
      color: var(--_colors---forms--input-text, var(--absorb_colors---forms--input-text));

      &:not(:hover) {
        border-color: var(--_colors---forms--input-border, var(--absorb_colors---forms--input-border));
      }

      &[data-has-attempted-submit]:invalid {
        border-color: var(--_colors---forms--input-border-invalid, var(--absorb_colors---forms--input-border-invalid));
      }
      

      &.dropdown, &.absorb--dropdown {
        background-position-y: 75%;
      }

      /* 
      If we ever want to actually support true placeholders again, which would only appear when a field is focused and empty:

      &::placeholder {
        color: var(--_colors---forms--input-text-placeholder, var(--absorb_colors---forms--input-text-placeholder));
        opacity: 0.5;
      } 
      */
    }
  }

  &:has(textarea:not(:placeholder-shown)) {
    .field-text-overlay, .absorb--field-text-overlay {
      /* Textareas can scroll vertically. The label overlaps the content in this case, so we need to set a background color */
      background-color: var(--_colors---forms--textarea-label-background, var(--absorb_colors---forms--textarea-label-background));
    }
  }
}


.field-control, 
.absorb--field-control {
  &:placeholder-shown, &:has(option:checked:disabled) {
    &:not(:focus, :hover) {
      /* When fields are empty and not focused or hovered, set the field content text styles */
      border-color: var(--_colors---forms--input-border-empty, var(--absorb_colors---forms--input-border-empty));
    }

    &[data-has-attempted-submit]:invalid {
      border-color: var(--_colors---forms--input-border-invalid, var(--absorb_colors---forms--input-border-invalid));
    }
  }
  
  &:focus {
    /* When fields are focused, override with the correct border style */
    border-color: var(--_colors---forms--input-border-focused, var(--absorb_colors---forms--input-border-focused));
  }
  
  &:autofill {
    /* Prevent browsers from applying their forced background styles autofilled inputs */
    transition: background-color 0s 864000s, background-image 0s 864000s;

    /* Set our own autofill text color to preserve the usability aspect */
    -webkit-text-fill-color: var(--_colors---forms--input-text-autofill, var(--absorb_colors---forms--input-text-autofill));
  }

  &::picker(select), option {
    /* Attempt to ensure that dropdown pickers have the correct text color, not transparent */
    color: var(--_colors---forms--input-text, var(--absorb_colors---forms--input-text));
  }
}
/* webflow.css */
.hide-when-custom-code-on, .absorb--hide-when-custom-code-on { display: none; }
html a.w-webflow-badge { display: none !important; }