/*Espaciados rem */
.rel-header-job-search .header__title {
  margin-bottom: 0; }

@media (min-width: 941px) {
  .rel-header-job-search .search-form__input {
    max-width: 600px; } }

.rel-header-job-search #search-keyword {
  align-items: center;
  align-self: stretch;
  border-radius: var(--radius-01);
  gap: var(--spacing-03);
  height: 100%;
  min-height: var(--components-forms-height-input-min);
  padding: var(--components-forms-padding-input-top-bottom) var(--components-forms-padding-input-left-right);
  width: 100%;
  border: 1px solid var(--components-forms-border-input-default);
  background: var(--components-forms-bg-input-default); }
  .rel-header-job-search #search-keyword:hover {
    outline-color: var(--on-bg-primary-hover);
    outline-style: solid;
    outline-width: var(--outline-focus-ring-weight); }
  .rel-header-job-search #search-keyword:focus-visible {
    outline-color: var(--components-forms-border-input-focus-ring);
    outline-offset: var(--outline-focus-ring-weight);
    outline-style: solid;
    outline-width: var(--outline-focus-ring-weight); }

.rel-header-job-search.sticky .wrapper {
  padding-top: var(--spacing-04);
  padding-bottom: var(--spacing-04); }

.rel-header-job-search.sticky .header__title {
  display: none; }

.rel-header-job-search .algolia-autocomplete {
  width: 100%; }
  .rel-header-job-search .algolia-autocomplete .aa-dropdown-menu {
    border-radius: var(--radius-01);
    padding: 0;
    background-color: var(--components-forms-bg-input-default);
    width: 100%;
    margin-top: var(--spacing-02); }
    .rel-header-job-search .algolia-autocomplete .aa-dropdown-menu * {
      box-sizing: border-box; }
    .rel-header-job-search .algolia-autocomplete .aa-dropdown-menu .aa-header {
      font-size: 16px;
      letter-spacing: 0;
      line-height: 25px;
      display: flex;
      align-items: center;
      line-height: normal;
      margin: 0 var(--spacing-04) var(--spacing-02);
      padding-top: var(--spacing-04);
      background-color: var(--components-forms-bg-input-default);
      color: var(--components-forms-text-on-bg-picker-subtle); }
      .rel-header-job-search .algolia-autocomplete .aa-dropdown-menu .aa-header .icon {
        color: var(--components-forms-text-on-bg-picker-subtle); }
    .rel-header-job-search .algolia-autocomplete .aa-dropdown-menu .aa-empty {
      font-size: 16px;
      letter-spacing: 0;
      line-height: 25px;
      display: block;
      color: var(--text-on-bg-container-01-accent);
      margin-bottom: 15px; }
    .rel-header-job-search .algolia-autocomplete .aa-dropdown-menu .aa-suggestion {
      padding: var(--spacing-02) var(--spacing-04);
      cursor: pointer; }
      .rel-header-job-search .algolia-autocomplete .aa-dropdown-menu .aa-suggestion div span {
        white-space: nowrap !important;
        text-overflow: ellipsis;
        display: block;
        font-size: 18px;
        letter-spacing: 0;
        line-height: 30px;
        color: var(--text-on-bg-container-02); }
      .rel-header-job-search .algolia-autocomplete .aa-dropdown-menu .aa-suggestion div small {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 25px;
        color: var(--text-on-bg-container-01-accent); }
      .rel-header-job-search .algolia-autocomplete .aa-dropdown-menu .aa-suggestion.aa-cursor {
        background-color: var(--components-forms-bg-input-list-hover); }

.sticky {
  width: 100%;
  top: 0;
  z-index: 8;
  position: fixed;
  border-bottom: 1px solid rgba(0, 0, 0, 0); }
  .sticky.sticky--animate {
    opacity: 0;
    transform: translateY(-100%); }
    .sticky.sticky--animate.drop-down {
      transition: transform .25s ease-out,opacity .25s ease-out;
      opacity: 1;
      transform: translateY(0); }
    .sticky.sticky--animate.drop-up {
      transition: transform .25s ease-out,opacity .25s ease-out;
      opacity: 0;
      transform: translateY(-100%); }
  .sticky.bg-brand--dark-blue:not(.sticky--animate), .sticky.bg-brand--dark-blue.drop-down, .sticky.bg-variant-brand-secondary:not(.sticky--animate), .sticky.bg-variant-brand-secondary.drop-down {
    border-color: rgba(247, 245, 240, 0.5); }

/*# sourceMappingURL=rel-header-job-search.css.map */