#PostsIndexList > form.search {

@include display(flex);
@include align-items(stretch);

border: 1px solid rgba($gray-blue, 0.3);
border-radius: 2px;

margin: 5%;

}

#PostsIndexList > form.search > input {

@include flex(1 100%);
min-width: 200px;
margin: 0 auto;
border: none;
border-radius: 0;
background-color: inherit;
font-size: 1.2em;
padding-left: 0;

}

#PostsIndexList [as='Posts.Filter.Tags'] {

@include display(flex);
@include flex(0 0 auto);
@include align-items(center);
@include justify-content(center);
@include transition(background-color 0.3s ease, box-shadow 0.3s ease);

cursor: pointer;
color: $gray-blue;
padding: 8px;

svg {
  @include transition(fill 0.2s ease);
}

svg.placeholder {
  width: 16px;
  height: 16px;
  fill: $gray-blue;
}

svg.placeholder:hover {
  fill: $bright-blue;
}

svg.clear {
  width: 16px;
  height: 16px;
  margin-top: 1px;
  fill: $gray-blue;
}

svg.clear:hover {
  fill: $red;
}

span {
  @include transition(color 0.3s ease);
  @include flex(1);
  font-weight: bold;
  font-size: 0.8em;
  text-align: center;
}

span:hover {
  color: $bright-blue;
}

}