/* VYRE's small changes to the explorer's look, loaded by our proxy after the explorer's own styles. */

/* Home page banner: the search box stops short of the VYRE art on the banner's right (the art is as wide as the
   banner is tall times 1.9: about 290 px on wide screens, 200 px on tablets) */
@media (min-width: 992px) {
  main > div:has(form input[placeholder^="Search by"]) form:has(input[placeholder^="Search by"]) {
    max-width: calc(100% - 290px);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  main > div:has(form input[placeholder^="Search by"]) form:has(input[placeholder^="Search by"]) {
    max-width: calc(100% - 200px);
  }
}
/* Phones: too narrow to share the row, so the art becomes a small mark in the top right corner, beside the title */
@media (max-width: 767.98px) {
  main > div:has(form input[placeholder^="Search by"]) {
    background-size: auto 40% !important;
    background-position: right 10px top 8px !important;
  }
}