/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
#search span {
  cursor: pointer;
  font-size: 15px; }
  #search span.icon-search {
    display: flex;
    margin-right: -1px;
    color: var(--black); }

#search #search-header-open {
  padding: 1em;
  border: 1px solid var(--light-gray);
  border-radius: 15px; }

#search #search-header-close {
  position: absolute;
  background: transparent;
  border: 0;
  right: -30px;
  top: -20px;
  color: var(--white);
  font-size: 15px; }

@media (min-width: 981px) {
  #search {
    position: relative;
    z-index: 9; }
    #search form input {
      flex: 2;
      height: 30px;
      width: 100%;
      border: 0;
      padding-bottom: .3em;
      border-bottom: 1px solid var(--lightblue);
      font-family: "Inter", sans-serif; }
      #search form input::-moz-placeholder {
        padding-left: 0; }
      #search form input::placeholder {
        padding-left: 0; }
      #search form input:focus {
        outline: 0; }
    #search #search-overlay {
      background-color: rgba(0, 0, 0, 0.6);
      bottom: 0;
      display: none;
      height: 100%;
      left: 0;
      position: fixed;
      right: 0;
      top: 0;
      width: 100%; }
    #search form {
      background-color: var(--white);
      border-radius: 15px;
      left: 50%;
      padding: 1em;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%) scale(1.3);
      width: 500px;
      display: flex;
      flex-wrap: wrap; }
      #search form button[type="submit"] {
        flex-basis: 50px;
        font-size: 19px;
        background: transparent;
        border: 0;
        font-weight: 400;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        position: relative;
        text-align: center;
        text-decoration: none;
        text-transform: lowercase;
        z-index: 1; }
        #search form button[type="submit"] span {
          color: var(--lightblue) !important; }
        #search form button[type="submit"]:focus {
          outline: 0; } }

/*# sourceMappingURL=search-overlay.css.map */