search-literal {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  --input-font-colour: #888888;
}
search-literal > span {
  margin-right: 0.5ch;
}
search-literal span, search-literal .dropdown-trigger {
  font-weight: 700;
  white-space: nowrap;
  color: var(--input-font-colour);
  font-size: 2em !important;
}
search-literal :is(span, .dropdown-trigger, dropdown-button, input-field.format\:underline .dropdown-trigger, search-postcode > input-field[type=text] > span.input) {
  font-size: 2em;
  line-height: 1.3;
}
@media (max-width: 480px) {
  search-literal :is(span, .dropdown-trigger, dropdown-button, input-field.format\:underline .dropdown-trigger, search-postcode > input-field[type=text] > span.input) {
    font-size: 1.5625em;
    line-height: 1.4;
  }
}
search-literal .break {
  flex-basis: 100%;
}
@media (max-width: 960px) {
  search-literal .break {
    display: none;
  }
}
search-literal > input-field {
  margin-right: 1ch;
}
search-literal input-field {
  --gradient-angle: 270deg;
}
search-literal input-field .input, search-literal input-field > span {
  font-weight: 700;
}
search-literal input-field.format\:underline {
  --font-colour: linear-gradient(var(--gradient-angle, 270deg), #ff2871 var(--gradient-offset, 33%), #ff715c);
}
search-literal input-field.format\:underline .dropdown-trigger {
  grid-column: initial;
  color: rgba(255, 255, 255, 0.6);
  background: var(--font-colour);
  display: inline;
  text-transform: lowercase;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
search-literal input-field.format\:underline .dropdown-trigger dropdown-menu.dropdown {
  color: white;
  overflow: visible;
  background-clip: initial;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: initial;
}
search-literal input-field.format\:underline .dropdown-trigger dropdown-menu.dropdown .link {
  white-space: nowrap;
}
search-literal input-field.format\:underline .dropdown-trigger dropdown-menu.dropdown .link[disabled] {
  display: none;
}
search-literal input-field.format\:underline .dropdown-trigger dropdown-menu.dropdown .heading {
  display: none;
}
search-literal input-field.format\:underline::after {
  --input-underline-height: 7px;
  grid-column: initial;
  background: var(--font-colour);
  bottom: 1px;
}
search-literal input-field.format\:underline[type=text] {
  --gap:initial;
  caret-color: #ff2871;
}
search-literal input-field.format\:underline[type=text] .input {
  min-width: 1ch;
  background: var(--font-colour);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
search-literal input-field.format\:underline.is-autogrow [type=text], search-literal input-field.format\:underline.is-autogrow input-autogrow::after {
  max-width: 7ch;
}
search-literal input-field.format\:underline:not(.has-changed) {
  --font-colour: #dddddd;
}
@media (hover: hover) {
  search-literal input-field.format\:underline:not(.has-changed)[type=select]:hover {
    --font-colour: #787878;
  }
}
search-literal input-field.has-changed ~ input-field.has-changed ~ input-field.has-changed ~ search-postcode.has-changed ~ .find-care-and-cta input-field {
  opacity: 1;
  pointer-events: all;
}
/*# sourceMappingURL=../../sourcemaps/components/search/search-literal.css.map */