.search-4539e462f3in7Q {
  align-items: center;
  display: flex;
  position: relative;
}

.search-4539e462wmuHRM {
  align-items: center !important;
  border-radius: 2px;
  border: 2px solid
    var(--search-4539e462wmuHRM1);
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  margin: 0;
  text-decoration: none;
  user-select: none;
  white-space: nowrap;

  &:focus {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  &:focus:not(:focus-visible) {
    outline: none;
  }

  &:focus-visible {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  }

.search-4539e462wmuHRM2 {
    height: 16px;
    padding-inline-end: calc(4px - 2px);
    padding-inline-start: calc(4px - 2px);
  }

.search-4539e462wmuHRM3 {
    height: 20px;
    padding-inline-end: calc(8px - 2px);
    padding-inline-start: calc(8px - 2px);
  }

.search-4539e462wmuHRM4 {
          @media (min-width: 740px) {
            
    height: 16px;
    padding-inline-end: calc(4px - 2px);
    padding-inline-start: calc(4px - 2px);
  
          }
        }

.search-4539e462wmuHRM5 {
          @media (min-width: 740px) {
            
    height: 20px;
    padding-inline-end: calc(8px - 2px);
    padding-inline-start: calc(8px - 2px);
  
          }
        }

.search-4539e462wmuHRM6 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
    height: 16px;
    padding-inline-end: calc(4px - 2px);
    padding-inline-start: calc(4px - 2px);
  
          }
        }

.search-4539e462wmuHRM7 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
    height: 20px;
    padding-inline-end: calc(8px - 2px);
    padding-inline-start: calc(8px - 2px);
  
          }
        }

.search-4539e462wmuHRM8 {
      background-color: var(--xdlColorControlFillTertiary);
    }

.search-4539e462wmuHRM9 {
      background-color: var(--xdlColorPremium);
    }

.search-4539e462wmuHRM10 {
      background-color: var(--xdlColorProJobsFill);
    }

.search-4539e462wmuHRM11 {
      background-color: var(--xdlColorUserRoles);
    }

.search-4539e462wmuHRM12 {
      background-color: var(--xdlColorNotification);
    }

.search-4539e462wmuHRM13 {
      background-color: var(--xdlColorNotification);
    }

.search-4539e462wmuHRM14 {
      background-color: var(--xdlColorUserRoles);
    }

.search-4539e462wmuHRM15 {
      background-color: var(--xdlColorUserRoles);
    }

.search-4539e462wmuHRM16 {
      background-color: var(--xdlColorProBusiness);
    }

.search-4539e462wmuHRM17 {
      background-color: var(--xdlColorPremium);
    }

.search-4539e462wmuHRM18 {
      background-color: var(--xdlColorPremium);
    }


.search-4539e462wmuHRM19 {
  align-items: center;
  display: flex;
  justify-content: center;
  line-height: 1;

  }

.search-4539e462wmuHRM20 {
      color: var(--xdlColorText);
    }

.search-4539e462wmuHRM21 {
      color: var(--xdlColorTextOnDark);
    }

.search-4539e462wmuHRM22 {
      color: var(--xdlColorTextOnLight);
    }

.search-4539e462wmuHRM23 {
      color: var(--xdlColorTextOnDark);
    }

.search-4539e462wmuHRM24 {
      color: var(--xdlColorTextOnDark);
    }

.search-4539e462wmuHRM25 {
      color: var(--xdlColorTextOnDark);
    }

.search-4539e462wmuHRM26 {
      color: var(--xdlColorTextOnDark);
    }

.search-4539e462wmuHRM27 {
      color: var(--xdlColorTextOnDark);
    }

.search-4539e462wmuHRM28 {
      color: var(--xdlColorTextOnDark);
    }

.search-4539e462wmuHRM29 {
      color: var(--xdlColorTextOnDark);
    }

.search-4539e462wmuHRM30 {
      color: var(--xdlColorTextOnDark);
    }

.search-4539e462yzUblk {
  cursor: pointer;
  padding-left: 8px;
  padding-right: 4px;
  position: relative;

  &::before {
    content: '';
    inset-block-end: -4px;
    inset-block-start: -4px;
    inset-inline-end: -2px;
    inset-inline-start: -2px;
    min-height: 24px;
    position: absolute;
  }
}


.search-4539e462yzUblk1 {
  margin-left: 2px;

  @media (prefers-reduced-motion: no-preference) {
    
  }

  @media (prefers-reduced-motion: reduce) {
    transform: rotate(var(--search-4539e462yzUblk4));
    transition: none;
  }
}

.search-4539e462yzUblk2 {@media (prefers-reduced-motion: no-preference) {
  transform: rotate(-180deg);
  transition: transform 0.2s linear;
}}

.search-4539e462yzUblk3 {@media (prefers-reduced-motion: no-preference) {
  transform: rotate(0deg);
  transition: transform 0.2s linear;
}}

@keyframes search-4539e462RtaePO {
  0% {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transform: translate(-50%, 0) scale(0, 1);
  }
  38.5% {
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    transform: translate(50%, 0) scale(1, 1);
  }
  76.9% {
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transform: translate(150%, 0) scale(0, 1);
  }
  100% {
    transform: translate(150%, 0) scale(0, 1);
  }
}


.search-4539e462RtaePO1 {
  display: flex;
  flex-direction: column;
}


.search-4539e462RtaePO2 {
  background-color: var(--xdlColorControlFillTertiary);
  border-radius: 4px;
  flex-shrink: 0;
  height: 6px;
  outline: 2px solid var(--xdlColorA11yBorder);
  overflow: hidden;
}


.search-4539e462RtaePO3 {
  background-color: var(--xdlColorSelected);
  border-radius: 4px;
  flex-shrink: 0;
  height: 6px;

  }

.search-4539e462RtaePO4 {
      outline: 2px solid var(--xdlColorA11yBorder);
    }

.search-4539e462RtaePO5 {
      background-color: var(--search-4539e462RtaePO6);
    }

.search-4539e462RtaePO7 {
          width: var(--search-4539e462RtaePO8);
        }

.search-4539e462RtaePO9 {
          width: 0;
        }

.search-4539e462RtaePO10 {
      animation-duration: calc(400ms * 2 + 240ms);
      animation-iteration-count: infinite;
      animation-name: search-4539e462RtaePO;
      width: 50%;
    }


.search-4539e462RtaePO11 {
  height: 20px;
  margin-top: 8px;

  }

.search-4539e462RtaePO12 {
    color: var(--xdlColorText);
  }

.search-4539e462RtaePO13 {
    color: var(--xdlColorTextSecondary);
  }

.search-4539e462RtaePO14 {
    text-align: center;
  }

.search-4539e462RtaePO15 {
    text-align: left;
  }

.search-4539e462RtaePO16 {
    text-align: right;
  }


/*# sourceMappingURL=main-mtd0kb0n.css.map*/