.ebsco-search-box {
  padding: 2rem;
}

.ebsco-search-box * {
  transition: all 0.3s ease-in-out 0ms;
}

.ebsco-search-box__search:has(:focus-within) {
  border-color: #3e75cf;
  box-shadow: 0 0 0 1px #3e75cf, 0 0 0 4px #d8e3f5;
}

.ebsco-search-box__search {
  color: #3d3f42;
  border: 1px solid #8d9095;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
}

.ebsco-search-box__search__input {
  border: none;
  outline: none;
  flex-grow: 1;
  padding-block: 0.75rem;
  padding-inline-start: 1rem;
  border-radius: 4px;
  font-size: 1rem;
  color: #3d3f42;
  font-family: "Noto Sans", Arial, sans-serif;
}

.ebsco-search-box__search__button {
  border: none;
  outline: none;
  background-color: transparent;
  padding-inline: 1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #2d62b7;
}

.ebsco-search-box__search__button:hover {
  color: #255096;
}

.ebsco-search-box__search__button > svg {
  width: 1.25rem;
  height: 1.25rem;
}

.ebsco-search-box__extras {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.ebsco-search-box__extras__advanced {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.ebsco-search-box__extras__advanced a {
  padding-inline: 0.75rem;
  padding-block: 0.5rem;
  color: #55585d;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  font-weight: 600;
  font-size: 0.875rem;
  text-decoration: none;
  border: 1px solid;
  border-color: transparent;
}

.ebsco-search-box__extras__advanced a:hover,
.ebsco-search-box__extras__limiter:hover > label {
  color: #3d3f42;
  background-color: #f5f5f5;
  border-color: #8d9095;
}

.ebsco-search-box__extras__limiter > label {
  padding-inline: 0.75rem;
  padding-block: 0.5rem;
  border-color: #8d9095;
  color: #55585d;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid;
  display: block;
  font-weight: 600;
  font-size: 0.875rem;
}

.ebsco-search-box__extras__limiter > input {
  display: none;
}

.ebsco-search-box__extras__limiter > input:checked + label {
  border-color: #3e75cf;

  background-color: #e9effa;
  color: #2d62b7;
}

.ebsco-search-box__extras__limiter:hover > input:checked + label {
  color: #1d3f75;
  background-color: #d8e3f5;
}

.ebsco-search-box__logo {
  display: block;
  padding: 1rem;
}

.ebsco-search-box__logo__image {
  width: 100%;
  height: 100px;
  display: block;
}

.ebsco-search-box__header {
  margin-block-end: 0.67rem;
  font-family: "Noto Serif", Georgia, serif;
  font-weight: 700;
  color: #161718;
  font-size: 1rem;
}

.ebsco-search-box__radio {
  display: flex;
  flex-direction: row;
  border: none;
  padding: 0;
  margin: 0;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.ebsco-search-box__radio > label {
  position: relative;
}

.ebsco-search-box__radio > label > [type="radio"] {
  display: contents;
  height: 0;
  width: 0;
  opacity: 0;
}

.ebsco-search-box__radio > label > [type="radio"] + span {
  color: #55585d;
  font-weight: 600;
  font-size: 0.875rem;
  border-radius: 4px;
  border: 1px solid #8d9095;
  box-sizing: border-box;
  display: block;
  cursor: pointer;
  padding-inline: 0.75rem;
  padding-block: 0.5rem;
}

.ebsco-search-box__radio > label > [type="radio"] + span:hover {
  color: #3d3f42;
  background-color: #f5f5f5;
}

.ebsco-search-box__radio > label > [type="radio"]:checked + span {
  border: 1px solid #3e75cf;
  background-color: #e9effa;
  color: #2d62b7;
}

.ebsco-search-box__radio > label > [type="radio"]:checked + span:hover {
  color: #1d3f75;
  background-color: #d8e3f5;
  border-color: #8d9095;
}

.ebsco-search-box__radio > label > [type="radio"]:focus + span {
  border-color: #3e75cf;
  box-shadow: 0 0 0 1px #3e75cf, 0 0 0 4px #d8e3f5;
}

.ebsco-search-box__search > select {
  border: none;
  border-radius: 4px;
  border-inline-end: 1px solid #8d9095;
  border-end-end-radius: 0;
  border-start-end-radius: 0;
  padding-inline-start: 0.5rem;
  padding-inline-end: 0.2rem;
  font-size: 1rem;
}