.section-members-search {
  .input-button {
    flex-shrink: 0;
  }
  .search-bar {
    display: flex;
    align-items: center;

    max-width: 50rem;
    padding: 0.5rem 1rem;

    background-color: var(--nexo-white);
  }
  .search-input {
    flex-grow: 1;

    border: 0;
    background: transparent;
    outline: none;
  }
  .search-clear {
    background: transparent;

    opacity: 0;
    pointer-events: none;

    transition: opacity 300ms;
  }
  .search-submit {
    border-radius: 100vw;

    background: var(--nexo-primary);
    color: var(--nexo-white);

    transition: transform 300ms;
    &:hover {
      transform: scale(0.95);
    }
  }

  .search-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
  }

  .search-filter {
    --nexo-icon-size: 1.2em;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
  }

  .search-result > * {
    height: 100%;
  }

  .search-footer {
    display: flex;
    align-items: center;
    gap: 1rem;
  }
}