.search {
  cursor: pointer;
}

.search::after {
  content: '\f002';
  font-family: 'FaRegular';
  color: rgb(var(--c-primary));
  font-size: var(--f-size-l-1);
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

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

.content .tx-indexedsearch-searchbox fieldset {
  border: none;
  padding: 0;
}

.content .tx-indexedsearch-searchbox-sword {
  max-width: 250px;
}

.content .tx-indexedsearch-search-submit {
  margin-top: 0.5rem;
}

.search__close {
  position: absolute;
  top: 1em;
  right: 1em;
  color: rgb(var(--c-primary));
  font-size: var(--f-size-l-3);
  cursor: pointer;
  height: 46px;
  width: 46px;
  text-align: center;
}

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

.search__field {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 80%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-bottom: 2px solid rgb(var(--c-primary));
  padding-bottom: 0.5em;
  display: flex;
}

.search__button,
.search__input {
  border: none;
  background: transparent;
  color: rgb(var(--c-primary));
  font-size: var(--f-size-l-3);
}

.search__input {
  max-width: 80%;
}

.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);
  font-weight: var(--f-weight-b);
}