search-postcode {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  gap: 1ch;
}
search-postcode input-field:after {
  margin-right: 50px;
}
search-postcode input-field.format\:underline::after, search-postcode input-field.format\:underline:not(.is\:valid) span.input {
  transition: --brand-primary var(--transition), --brand-secondary var(--transition);
  --font-colour: linear-gradient(var(--gradient-angle, 270deg), var(--brand-primary, #ff2871) var(--gradient-offset, 33%), var(--brand-secondary, #ff715c));
  --brand-primary: #dddddd;
  --brand-secondary: #dddddd;
}
search-postcode input-field.format\:underline:hover::after, .js-has-pseudo [csstools-has-37-2t-2p-36-2r-2w-19-34-33-37-38-2r-33-2s-2t-w-2x-32-34-39-38-19-2u-2x-2t-30-2s-1a-2u-33-36-31-2p-38-2k-1m-39-32-2s-2t-36-30-2x-32-2t-1m-2w-2p-37-14-17-w-2q-39-38-38-33-32-1a-2t-2s-2x-38-1m-2w-33-3a-2t-36-15]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist)::after, .js-has-pseudo [csstools-has-37-2t-2p-36-2r-2w-19-34-33-37-38-2r-33-2s-2t-w-2x-32-34-39-38-19-2u-2x-2t-30-2s-1a-2u-33-36-31-2p-38-2k-1m-39-32-2s-2t-36-30-2x-32-2t-1m-2w-2p-37-14-37-34-2p-32-1a-2x-32-34-39-38-1m-32-33-38-14-1m-2t-31-34-38-3d-15-15-1a-2x-37-2k-1m-3a-2p-30-2x-2s]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist)::after {
  --brand-primary: initial;
  --brand-secondary: initial;
}
search-postcode input-field.format\:underline:hover::after, search-postcode input-field.format\:underline:has(+ button.edit:hover)::after, search-postcode input-field.format\:underline:has(span.input:not(:empty)).is\:valid::after {
  --brand-primary: initial;
  --brand-secondary: initial;
}
search-postcode input-field.format\:underline:hover + button.edit {
  color: var(--brand-primary) !important;
}
search-postcode input-field[type=text].is-autogrow [contenteditable] {
  --input-font-colour: #FFFFFF;
  outline: none;
  white-space: nowrap;
}
search-postcode input-field[type=text].is-autogrow [contenteditable=false] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  caret-color: transparent;
  cursor: pointer;
}
search-postcode input-field:not(.is\:valid)[type=text].is-autogrow [contenteditable] {
  --input-font-colour: #C90023;
}
search-postcode input-field .dropdown-trigger {
  text-transform: lowercase;
}
search-postcode input-field span.input {
  grid-row: 1;
  border: none;
}
search-postcode input-field span.input:not(:empty) {
  --font-colour: linear-gradient(var(--gradient-angle, 270deg), var(--brand-primary, #ff2871) var(--gradient-offset, 33%), var(--brand-secondary, #ff715c));
}
search-postcode input-field span.input::before {
  --font-colour: linear-gradient(var(--gradient-angle, 270deg), #ff2871 var(--gradient-offset, 33%), #ff715c);
}
search-postcode input-field span.input[contenteditable=true].editing {
  outline: none;
  border: none;
  cursor: text;
}
search-postcode button.edit, search-postcode loading-bar {
  grid-column: 2;
  grid-row: 1;
}
search-postcode:not(.loading) > loading-bar {
  display: none;
}
search-postcode loading-bar {
  --loading-bar-size: 1em;
  align-self: self-end;
  margin-bottom: 0.9em;
}
search-postcode button.edit {
  cursor: pointer;
  align-self: self-end;
  margin-bottom: 0.6em;
}
search-postcode button.edit svg {
  height: 100%;
  --icon-size: 0.8em;
}
search-postcode button.edit svg.check {
  --icon-size: 1.2em;
}
search-postcode.loading button.edit {
  visibility: hidden;
  pointer-events: none;
}
body:not(#home) > header search-postcode button.edit, body:not(#home) > header search-postcode loading-bar {
  grid-column: 3;
  display: none !important;
}
body:not(#home) > header search-postcode span.input {
  grid-column: 2;
  order: 2;
}
/*# sourceMappingURL=../../sourcemaps/components/search/search-postcode.css.map */