.search {
  display: none;
}

.search::after {
  content: '\f002';
  font-family: 'FaRegular';
  color: rgb(var(--c-neutral-lightest));
  font-size: 26px;
  display: flex;
  min-width: 40px;
  justify-content: center;
  height: 33px;
}

.top.-scroll .search::after {
  color: rgb(var(--c-primary));
}

#search {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1100;
  background: rgba(var(--c-neutral-darkest), 0.9);
}

.search__close {
  position: absolute;
  top: 1em;
  right: 1em;
  color: rgb(var(--c-neutral-lightest));
  font-size: 38px;
  cursor: pointer;
  height: 75px;
  width: 75px;
  text-align: center;
}

.search__close::after {
  content: '\f00d';
  font-family: 'FaRegular';
}

.search__field {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding-bottom: 0.5em;
  display: flex;
}

.search__field input[type="text"] {
  border: 1px rgb(var(--c-neutral-lightest)) solid;
}

.search__button,
.search__input {
  border: none;
  background: transparent;
  color: rgb(var(--c-neutral-lightest));
  font-size: var(--f-size-l-3);
  margin-left: 1rem;
}

.search__input::-webkit-input-placeholder {
  color: rgb(var(--c-neutral-lightest));
}

.search__input::-moz-placeholder {
  color: rgb(var(--c-neutral-lightest));
}

.search__input:-ms-input-placeholder {
  color: rgb(var(--c-neutral-lightest));
}

.search__input:-moz-placeholder {
  color: rgb(var(--c-neutral-lightest));
}

.tx-indexedsearch-info-sword,
.tx-indexedsearch-percent,
.tx-indexedsearch-icon,
#tx_indexedsearch legend,
.tx-indexedsearch-text-item-crdate,
.tx-indexedsearch-text-item-size {
  display: none;
}

.tx-indexedsearch-form label {
  display: block;
}

.tx-indexedsearch-res {
  margin-top: var(--g-gap-s);
  padding: var(--g-gap);
  background-color: rgb(var(--c-neutral-lighter));
}

.tx-indexedsearch-info {
  display: flex;
  flex-wrap: wrap;
  margin: 1rem 0 0 0;
}

.tx-indexedsearch-info dd {
  margin: 0 2rem 0 0;
}

ul.tx-indexedsearch-browsebox {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--g-gap-s);
}

.tx-indexedsearch-browsebox li {
  list-style: none;
  margin: 0 0.2rem 0.2rem 0;
}

.tx-indexedsearch-browsebox li a {
  background: rgb(var(--c-neutral-lighter));
  color: rgb(var(--c-neutral-dark));
  line-height: 1.4;
  padding: 0.6rem 1.2rem;
  font-family: var(--f-family);
}

.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a {
  background: rgb(var(--c-primary));
  color: rgb(var(--c-neutral-lightest));
  font-family: var(--f-family-b);
}

@media (min-width: 640px) {
  .search {
    cursor: pointer;
    display: flex;
    flex-direction: column-reverse;
    margin-top: 0.2rem;
  }
}

@media (min-width: 1080px) {
  .search::after {
    height: 41px;
  }
}

@media (min-width: 1280px) {
  .search::after {
    font-size: 32px;
    height: 44px;
  }

  .search::after {
    margin-top: 1rem;
}
}