@charset "utf-8";

.PredictiveSearch { position: absolute; width: 100%; z-index: 1; top: -50%; transition: 0.3s; visibility: hidden; }

.PredictiveSearch.active { top: 100%; z-index: 0; visibility: visible; }

.PredictiveSearch__input[type="search"] { padding: 10px; margin: 0px; border: 0px; border-radius: 0px; font-size: 18px; height: 68px; box-shadow: 1px 3px 6px -6px inset; width: 100%; appearance: none; background: rgb(255, 255, 255); }

.PredictiveSearch__close { width: fit-content; position: absolute; appearance: none; background: unset; border: 0px; right: 20px; top: 50%; transform: translateY(-50%); cursor: pointer; }

.PredictiveSearch__form { position: relative; }

.PredictiveSearch__url { text-decoration: none; display: block; text-align: center; }

@media (min-width: 864px) {
  .PredictiveSearch.active { z-index: 1; }
  .PredictiveSearch__results { padding: 20px 40px 40px; height: unset; }
  .PredictiveSearch__result { display: flex; }
  .PredictiveSearch__result::after { content: ""; }
  .PredictiveSearch__button { margin-top: 40px; display: flex; }
  .PredictiveSearch__input[type="search"] { padding: 30px 40px; height: 90px; }
  .PredictiveSearch__empty { padding-top: 40px; padding-bottom: 40px; }
  .PredictiveSearch__empty__text { margin: 80px 0px; height: unset; max-width: unset; }
}

.autocomplete.wide { width: 100%; transform: translate(0px, -20px); }

.overlay { background: var(--black); inset: 0px; width: 100%; height: 100%; z-index: 1; position: fixed; visibility: hidden; opacity: 0; transition: 0.3s ease-in; }

.overlay--search { background: rgb(0, 0, 0); opacity: 0.5; z-index: -1; }

.overlay--search.darken { background: var(--black); }

.overlay.active-search { opacity: 0.5; visibility: visible; }

.overlay.active { opacity: 0.5; visibility: visible; }

label.field__label { display: none; }